body { 
	margin: 0; 
	background: #f3f3f3 url(../Images/LoginPage/backgroundLogin.jpg) no-repeat center; 
	color: #595959; 
	font-family: Arial;
}

a,select,input,td 	{ font-size: 11px; }

form		{ margin: 0; }
img			{ border: 0; }
a 			{ color: #595959; text-decoration: none; }
a:hover 	{ color: #39a8ff; }
#container 	{ width: 100%; height: 100%; }
#dataBox 	{ width: 352px; height: 192px; background: url('../Images/LoginPage/loginBox.gif') no-repeat; }

#info { 
	background: url('../Images/LoginPage/loginHr.gif') no-repeat top left; 
	margin: 0 7px 0 7px; 
	padding: 0; 
	width: 334px; 
	height: 34px; 
}

#info div 	{ float: left; margin: 0; width: 166px; }
#info img	{ vertical-align: middle; }

input { width: 120px; border: 1px solid #595959; }
select{ border: 1px solid #595959; width: 78px; }

#dataFields 	  { margin: 65px 0 10px 5px; }
#dataFields td	  { padding: 0 15px 5px 0; }
#dataFields .textBoxLabel { float: left; width: 80px; padding: 3px 0 0 0; text-align: left;}

.btn  {
	width: 75px; 
	height: 18px;
	background: #39a8ff url('../Images/LoginPage/loginBtn.gif') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
}

.email{
    width: 212px;     
}

#error {
	color: red;
	width: 310px;
	background: #fff;
	border: 1px solid red;
	padding: 5px;
	margin: 20px 0 0 5px;
	clear: both;
	/*display: none;*/
}

#correct {
	color: green;
	width: 310px;
	background: #fff;
	border: 1px solid green;
	padding: 5px;
	margin: 20px 0 0 5px;
	clear: both;
	/*display: none;*/
}

* html #error { margin: 0 0 0 5px; width: 320px; } *
#error img { vertical-align: middle; margin: 0 5px 0 0; }


#LoginErrorMsgPanel {width: 100%; height: 30px;}
#LoginErrorMsgPanel span {font-size: 14px; color: Red;}