@import url(reset.css);

.structural {position: absolute; left: -9999px; margin: 0;}
.center{clear:left; margin:0 auto;}
.clear{clear:both;}

body{
	background:#e9e9e9 url(../img/loginbg.jpg) repeat;	
}
#loginContainer{
	width:725px;
	margin:0 auto;
	display:block;
}
/* -------For RACE---------*/
#loginArea{
	/*background:#f5f5f5 url(../img/login-logo.png) no-repeat 50px 105px;*/
	width:625px;
	padding:50px;
	float:left;
	border: solid 1px #c8c8c8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.loginAreaRace{
	background:#f5f5f5 url(../img/login-logo.png) no-repeat 50px 105px;
	
}
.loginAreaSquare{
	background:#f5f5f5 url(../img/logosq.png) no-repeat 30px 100px;

}
/*---------------*/
#loginArea ul{
	width:375px;
	float:right;
	display:block;
	float:right;	
}
#loginArea li{
	float:left;	
	display:block;
	clear:left;
	width:375px;
	padding:0 0 15px 0;
}
#loginArea input, #loginArea select{
	float:left;	
}
#loginArea option{
	background:#333;
	color:#ccc;
}
#loginArea option:hover{
	background:#ccc;
	color:#333;
}
#loginArea label{
	width:95px;
	float:left;
	display:block;
	padding:0 0 0 37px;
	height:35px;
	font:13px/34px Arial, Helvetica, sans-serif;
	color:#fff;	
	background:url(../img/login-images.png) no-repeat;	
	position:relative;
}
#loginArea .userName label{
	background-position:0 0;
}
#loginArea .password label{
	background-position:0 -36px;
}
#loginArea .cmbcompany label{
	background-position:0 -72px;
}
#loginArea button{
	width:132px;
	border:none;
	height:40px;
	float:left;
	background: url(../img/login-images.png) no-repeat 0 -108px;
	font:13px/40px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
}
#loginArea input[type='text'], #loginArea input[type='password'], #loginArea select{
	width:225px;	
	padding:9px 3px 8px 8px;
	float:left;
	font:13px/normal Arial, Helvetica, sans-serif;
	background:#fff;
	border:solid 1px #979797;
	border-top: solid 1px #333333;
	margin:0 0 0 -5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#loginArea select{
	padding:8px 3px 7px 8px;
	width:238px;
}
#loginArea #forgorPassword{
	float:right;
	font:13px/40px Arial, Helvetica, sans-serif;
	margin: 0 12px 0 0;
	color:#888888;
}
#loginArea #forgorPassword:hover{
	color:#000;
}
#loginFooter{
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
	margin:18px 0 0 0;
	width:725px;
	float:left;
}
#loginFooter a:hover{
	color:#333;	
}
.loginError{
	clear:both;
	font:13px/32px Arial, Helvetica, sans-serif;
	height:32px;
	background:#fff6aa;
	color:#ba0f1d;
	border:solid 1px #ba0f1d;
	clear:both;
	display:block;
	float:right;
	margin:0 8px 0 0;
	padding:4px 13px;
	width:340px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}