html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,blockquote {
	quotes: none;
}
q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
	{
	display: block;
}

/*html {
	background: #fff;
}*/

body {
	background: #09C;
	/*font-family: "Î¢ÈíÑÅºÚ";*/
	/*background: #fff;*/
	color: #444;
	font: 400 0.875em/1.618em "Helvetica", serif;
	min-width: 700px;
	/*text-shadow: 0 2px 1px #fff;*/
	height: 100%;
	font: 400 0.875em/1.618em "Helvetica", serif;
	min-width: 700px;
}

a {
	text-decoration: none;
}

a:link,a:visited {
	color: #0000FF;
}

/*ul, */
ol,dl {
	margin: 0 0 0 1.618em;
	padding: 0;
}

ol li {
	list-style: decimal;
}

p {
	margin: 0 0 1.618em; /*2.618em;*/
}

strong,b {
	color: #222;
	font-weight: 600;
}

i,em {
	font-style: italic;
}

h6,h5 {
	font-size: 1em;
}

h4 {
	font-size: 1.25em;
}

h3 {
	font-size: 1.618em;
	letter-spacing: -1px;
}

h1 {
	font-size: 2.618em;
	letter-spacing: -2px;
}

#header {
	border-bottom: 1px solid #d9d9d9;
	color: #fff;
	overflow: hidden;
	padding: 1% 0 1.5%;
	left: 0;
	top: 0;
	margin: 0 auto;
	width: 650px;
}

#footer {
	clear: both;
}

form {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 0 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
form h4 {
	background: #2F5163;
	border: 1px solid #1f3540;
	color: #fff;
	left: -30px;
	top: 10px;
	position: relative;
	padding: 5px 15px;
	float: left;
	/*text-shadow: 0 1px 1px black;*/
	text-transform: capitalize;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-ms-border-top-right-radius: 8px;
	-o-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-ms-border-bottom-right-radius: 8px;
	-o-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-ms-border-top-left-radius: 8px;
	-o-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px #cccccc;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px #cccccc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 1px 1px 3px #cccccc;*/
}
form h4:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 4px;
	border-style: solid;
	border-color: black black transparent transparent;
}

.form-item {
	clear: both;
	padding: 0 0 10px;
}

label {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	text-align: right;
	line-height: 2.5em;
	padding-right: 10px;
	position: relative;
	top: -3px;
	font-weight: bold;
	width: 24%;
	/*margin-right: 10%;*/
}
label {
	*display: inline;
}

label.for-checkable {
	width: auto;
	text-align: left;
	padding: 0 0 0 10px;
}

textarea,input[type="text"],input[type="password"],select {
	border: 1px solid #999;
	padding: 1%;
	font-size: 1em;
	width: 58%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*-webkit-box-shadow: inset 1px 1px 3px #d9d9d9;
  -moz-box-shadow: inset 1px 1px 3px #d9d9d9;
  box-shadow: inset 1px 1px 3px #d9d9d9;*/
}
textarea.database-uri,input[type="text"].database-uri,input[type="password"].database-uri,select.database-uri
	{
	width: 300px;
}

select {
	width: 60%;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus
	{
	border-color: #007DFF;
}

textarea {
	width: 65%;
	height: 200px;
}

#content_teaser-wrapper textarea {
	height: 100px;
}

.description {
	padding: 2px 0 5px 215px;
	font-size: 11px;
	color: #777;
	max-width: 400px;
	display: block;
}

.button,button,input[type="submit"],a.submit {
	background: #d9d9d9;
	border: 1px solid #aaa;
	border-color: #aaa #999 #888;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	margin: 0 20px 0 0;
	padding: 8px 16px;
	/*text-shadow: 0 1px 0 #fff;*/
	text-decoration: none;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed),
		color-stop(100%, #d9d9d9) );
	background: -webkit-linear-gradient(#ededed, #d9d9d9);
	background: -moz-linear-gradient(#ededed, #d9d9d9);
	background: -o-linear-gradient(#ededed, #d9d9d9);
	background: -ms-linear-gradient(#ededed, #d9d9d9);
	background: linear-gradient(#ededed, #d9d9d9);
	/*-webkit-box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);
  box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}
.button,button,input[type="submit"],a.submit {
	*display: inline;
}
.button:hover,.button:focus,.button.loading,button:hover,button:focus,button.loading,input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"].loading,a.submit:hover,a.submit:focus,a.submit.loading
	{
	background: #2F5163;
	border-color: #333;
	color: #fff;
	/*text-shadow: 0 1px 1px #111;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);*/
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86),
		color-stop(100%, #2f5163) );
	background: -webkit-linear-gradient(#3f6d86, #2f5163);
	background: -moz-linear-gradient(#3f6d86, #2f5163);
	background: -o-linear-gradient(#3f6d86, #2f5163);
	background: -ms-linear-gradient(#3f6d86, #2f5163);
	background: linear-gradient(#3f6d86, #2f5163);
}
.button:active,button:active,input[type="submit"]:active,a.submit:active
	{
	border-color: #000;
	/*-webkit-box-shadow: inset 0 0 8px black;
  -moz-box-shadow: inset 0 0 8px black;
  box-shadow: inset 0 0 8px black;*/
}
.button.loading,button.loading,input[type="submit"].loading,a.submit.loading
	{
	background: #2f5163 url("/images/loader.gif") 15px 50% no-repeat;
	background: url("/images/loader.gif") 15px 50% no-repeat,
		-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86),
		color-stop(100%, #2f5163) );
	background: url("/images/loader.gif") 15px 50% no-repeat,
		-webkit-linear-gradient(#3f6d86, #2f5163);
	background: url("/images/loader.gif") 15px 50% no-repeat,
		-moz-linear-gradient(#3f6d86, #2f5163);
	background: url("/images/loader.gif") 15px 50% no-repeat,
		-o-linear-gradient(#3f6d86, #2f5163);
	background: url("/images/loader.gif") 15px 50% no-repeat,
		-ms-linear-gradient(#3f6d86, #2f5163);
	background: url("/images/loader.gif") 15px 50% no-repeat,
		linear-gradient(#3f6d86, #2f5163);
	padding-left: 40px;
}

input.date {
	width: 3em;
}

input.date-day,input.time {
	width: 2em;
}

input.checkbox,input.radio {
	margin-left: 110px;
}

input.labelFirst {
	margin-left: auto;
}

form .section {
	margin: 0 0 20px;
}

form .section:first-child {
	border: 0;
}

.actions {
	clear: both;
}

.actions input {
	float: right;
}

.form-steps {
	margin: 10px auto 10px;
	width: 50%;
}

.form-steps ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.form-steps li {
	text-align: center;
	margin: 0 2px;
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #aaaaaa),
		color-stop(20%, #cccccc) );
	background: -webkit-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -moz-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -o-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -ms-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: linear-gradient(#aaaaaa 5%, #cccccc 20%);
}

.two-form-steps li {
	width: 50%;
}

.three-form-steps li {
	width: 32%;
}

.four-form-steps li {
	width: 25%;
}

.form-step-name {
	color: #222;
	background: #d9d9d9;
	border: 1px solid #aaa;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.valid .form-step-name {
	border-color: #888;
	/*-webkit-box-shadow: inset 0 0 7px #777777;
  -moz-box-shadow: inset 0 0 7px #777777;
  box-shadow: inset 0 0 7px #777777;*/
}

.current .form-step-name {
	background: #09C;
	border: 1px solid #111;
	color: #fff;
	font-weight: bold;
	/*text-shadow: 0 1px 1px #000;*/
	/*
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86),
		color-stop(100%, #2f5163) );
	background: -webkit-linear-gradient(#3f6d86, #2f5163);
	background: -moz-linear-gradient(#3f6d86, #2f5163);
	background: -o-linear-gradient(#3f6d86, #2f5163);
	background: -ms-linear-gradient(#3f6d86, #2f5163);
	background: linear-gradient(#3f6d86, #2f5163);
	*/
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);*/
}

/* messages [info, success, warning, error] */
#messages {
	clear: both;
}

#messages ul {
	list-style: none;
}

.info,.success,.warning,.error {
	border: 1px solid;
	cursor: pointer;
	margin: 0 0 20px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px 6px;
	position: fixed;
	right: 20px;
	top: 90px;
	text-shadow: 0 1px 0 #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);*/
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url("images/icons/info.png");
}

.success {
	color: #4F8830;
	background-color: #DFF2BF;
	border-color: #AC6;
	background-image: url("images/icons/success.png");
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url("images/icons/warning.png");
}

.error {
	color: #D8000C;
	background-color: #F6D6D6;
	background-image: url("images/icons/error.png");
	border-color: #F6AAAA;
}

.admin-install p {
	max-width: 660px;
}

.admin-install-links {
	border-top: 1px solid #bbb;
	margin-top: 2.618em;
	padding: 1.618em;
	text-align: right;
}

.admin-install-links a {
	margin: 0;
}

.admin-install-links .back {
	float: left;
}

/*add by duwq*/
h4 {
	color: #222;
	/*font-family: "Open Sans", sans-serif;*/
	font-weight: 600;
	/*font-weight: bold;*/
	line-height: 1.618em;
	/*text-shadow: 0 1px 1px #fff;*/
}

.setupNextLink{
	border-top: 1px solid #bbb;
	margin-top: 2.618em;
	padding: 1.618em 0 1.618em 1.618em;
	text-align: right;
}

.setupActionButton{
	border-top: 1px solid #bbb;
	margin-top: 2.618em;
	padding: 1.618em 0 1.618em 1.618em;
	text-align: right;
}

.setupHelp{
	border-top: 1px solid #bbb;
	margin-top: 2.618em;
	padding: 1.618em 0 1.618em 1.618em;
	text-align: right;
}

.setupHelp a{
	text-decoration:underline;
}

.setupHelp a:link,a:visited {
	color: #0000FF;
}

.jdkInfo {
	padding-top: 10px;
}

.setuppage-div {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 0 20px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.itemName {
	width: 6em;
	padding-left: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #333;
	text-align: left;
}

.licenseName {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #333;
	text-align: left;
}

.licenseTHead {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.setupPage-normal-submit { /*border-top: 1px solid #bbb;*/
	margin-top: 0.5em;
	padding: 0.5em;
	text-align: right;
}

.setuppage-div {
	padding: 20px 20px 20px 20px;
}

.itemNameTD {
	width: 5em;
	padding-left: 10px;
	vertical-align: top;
	/*font-weight: bold;*/
	color: #333;
	text-align: left;
}

.errorTr {
	border: 1px solid #ff0000;
	width: 6em;
	padding-left: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #333;
	text-align: left;
}

.majorInfo {
	font-weight: bold;
	color: #333;
}

.envCheckTable { /*margin : 0px 0px 10px 0px;*/

}

.sizeTwoButton {
	background: #d9d9d9;
	border: 1px solid #aaa;
	border-color: #aaa #999 #888;
	color: #000;
	font-size: 7px;
	font-weight: 400;
	margin: 0 20px 0 0;
	padding: 4px 8px;
	/*text-shadow: 0 1px 0 #fff;*/
	text-decoration: none;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed),
		color-stop(100%, #d9d9d9) );
	background: -webkit-linear-gradient(#ededed, #d9d9d9);
	background: -moz-linear-gradient(#ededed, #d9d9d9);
	background: -o-linear-gradient(#ededed, #d9d9d9);
	background: -ms-linear-gradient(#ededed, #d9d9d9);
	background: linear-gradient(#ededed, #d9d9d9);
	/*-webkit-box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);
  box-shadow: inset 0 1px 0 white, 0 1px 4px rgba(150, 150, 150, 0.5);*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
}

.sizeTwoButton:hover,.sizeTwoButton:focus {
	background: #2F5163;
	border-color: #333;
	color: #fff;
	/*text-shadow: 0 1px 1px #111;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(150, 150, 150, 0.5);*/
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f6d86),
		color-stop(100%, #2f5163) );
	background: -webkit-linear-gradient(#3f6d86, #2f5163);
	background: -moz-linear-gradient(#3f6d86, #2f5163);
	background: -o-linear-gradient(#3f6d86, #2f5163);
	background: -ms-linear-gradient(#3f6d86, #2f5163);
	background: linear-gradient(#3f6d86, #2f5163);
}

.infoLi {
	margin-left: 30px;
	margin-bottom: 3px;
	list-style-type: disc;
	color: black;
}

.errorLi {
	margin-left: 30px;
	margin-bottom: 3px;
	list-style-type: disc;
	color: #9f0000;
}

.warningLi {
	margin-left: 30px;
	margin-bottom: 3px;
	list-style-type: disc;
	color: #00009f;
}

.errorMsg {
	position: absolute;
	color: #9f0000;
}

.border {
	background: #E3E9EF;
	margin: 5% auto 0 auto;
	width: 700px;
	padding:10px;
}

#container { /*margin: 5% auto;*/
	/*width: 700px;*/
	background: white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 10px;
}

.admin-body {
	margin: 0 auto 0px;
	padding: /*25*/0px 25px 0 25px;
	position: relative;
	max-width: 700px;
}

.setup-steps li {
	text-align: center;
	margin: 0 2px;
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #aaaaaa),
		color-stop(20%, #cccccc) );
	background: -webkit-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -moz-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -o-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: -ms-linear-gradient(#aaaaaa 5%, #cccccc 20%);
	background: linear-gradient(#aaaaaa 5%, #cccccc 20%);
}

.two-setup-steps li {
	width: 50%;
}

.three-setup-steps li {
	width: 32%;
}

.four-setup-steps li {
	width: 25%;
}

.setup-steps {
	margin: 10px auto 10px;
	width: 56%;
}

.setup-steps ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 2.023em;
	letter-spacing: -1px;
}

h1,h2,h3 {
	color: #222;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 1.618em;
	margin-bottom: 10px;
	margin-top: 10px;
	/*text-shadow: 0 1px 1px #fff;*/
}

.hidden{
	display:none;
}
.shown{
	display:block;
}

label.errorInfo {
	width: auto;
	margin-left: 25px;
	color: #9f0000;
}

.submit {
	cursor: pointer;
}

.linkStyle {
	cursor: pointer;
}

.passImgStyle{
	padding-right: 3px;
	margin-bottom: -3px;
	display:none;
}

.passCheckItem{
	padding-right: 5px;
	display: inline;
}