/*
	style for Xpress GL Accounting-system | Login
	design by Ari Rahmatul Huda	
*/
	/* body */

body {
	background: #e8e8e8; 
	padding:0px;
	margin:0px;
	
}
.header_grey_bar{background-image:url(../images/gradients.png); background-repeat:repeat-x; height:40px; line-height:40px; min-width:1000px}
.header_grey_bar{ color:#fff;font-size: 20px; font-family:"Century Gothic",Verdana,sans-serif;}
.cbicon{height:30px; background-repeat:no-repeat; margin:6px 10px 0px 10px; float:left}
.header {
	background:#142936 no-repeat ;
	margin: 0 auto;
	height:63px;
	margin-bottom:60px;
	
	}
.bgheader {
	width:970px;
	height:63px;
	margin:auto;
	
	}

#title{
	text-align:center;
	color:#585757;
	/* font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: century gothic;
	font-weight: thin;
	font-size: 28px;
	margin-bottom: 40px;
	margin-top: 15px;
	line-height:30px;
}
	.con{
			overflow:hidden;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
			border-radius:10px; 
			margin-bottom: 30px;
	}
.forem{	
	padding:30px 30px 50px 30px;
	margin:auto;
	width:70%;
	background-color:#e7ecf0;
}
.forem2{	
	padding:30px 30px 0px 30px;
	margin:auto;
	width:70%;
	background-color:#e7ecf0;
}
.forim{	
	text-align:center;
	padding:20px 30px;
	margin:auto;
	width:70%;
	background-color:#d9e1e8;
}
.fot{	
	padding:20px;
	margin:auto;
	width:100%;
	background-color:#eeeeee;
	margin-left: -20px;
	margin-top: 30px;
	
	font-family:arial;		
	font-size:13px;
	line-height:21px;
	text-align:left;
	font-weight: thin;
}
#subtitle{
	/* color:#aaaaaa; */
	color:#858585;
	text-align: center;
	/* font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: century gothic;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 25px;
}
#code{
	margin:auto;
	width:80%;
	color:#747373;
	text-align: center;
	/* font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: century gothic;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 25px;
}
.b{
	float:left;
	width:100%;
	color:#707070;
	text-align: left;
	/* font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: arial;
	font-weight: 300;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 20px;
	line-height:20px;
}
#step{
	color:#585757;
	font-family:arial;		
	font-size:17px;
	line-height:21px;
	text-align:center;
	font-weight: thin;
	margin-bottom: 20px;
}
#step2{
	color:#000000;
	font-family:arial;		
	font-size:13px;
	line-height:21px;
	text-align:left;
	font-weight: thin;
	margin-bottom: 20px;
}
.f{
	line-height:40px;
}

span.required {
    color: red;
}

/*
.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}
*/
.errorMessage
{
	color: red;
	font-size: 0.9em;
}
.errorSummary p
{
	margin: 0;
	padding: 5px;
}

.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}