body {
	font: normal 13px/1.7 Helvetica, "Helvetica Neue", verdana, arial, sans-serif;
	background: url("../img/login/top_fade.jpg") repeat-x #FFF;
	color: #333;
}

#wrap {
	padding-top: 50px;
	width: 801px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

#appDesc {
	width: 360px;
	float: left;
}

#appDesc img/login { clear: both;}

#appDesc p { margin-top: 20px;}

#loginWrap {
	width: 360px;
	padding-left: 40px;
	border-left: 1px solid #e6e6e6;
	float: right;
	text-align:center;
}

#footer {
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin-top: 40px;
	text-align: center;
	font-size: 11px;
}

#footer p { clear: both; padding-top: 5px;}










/*

	Login box

--------------------------------------*/


form {
	width: 321px;
	background: url("../img/login/login_bg.jpg") 7px 0 repeat-y;
}

legend {
	width: 321px;
	background: url("../img/login/legend.jpg") no-repeat top center;
	height: 36px;
	
	padding-top: 23px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	padding-bottom: 10px;
	
	*margin-left: -7px; /* IE need this to align legend to the rest */
}

legend span { width: 321px; display: block; height: 36px;} /* Firefox need this to set with to legend */


label, input, #error {
	margin-left: 28px;
	margin-right: 28px;
}

.userpass {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	
	font-size: 16px;
	font-weight: bold;
}

.userpass label, .userpass input {
	float: left;
	clear: both;
}

.userpass input {
	border: 0;
	background: url("../img/login/input_bg.jpg") no-repeat;
	width: 253px;
	height: 30px;
	padding-left: 10px;
	
	font-size: 14px;
	
	padding-top: 7px; height: 24px; /* IE vertical align */
}





#formFoot {
	margin: 10px 0 0 7px;
	height: 46px;
	padding-top: 12px;
	width: 308px;
	background: url("../img/login/login_foot.jpg") center top;
	clear: both;
	float: left;
	display: inline;
}


#remember_me {
	width: 90px;
	margin-top: 5px;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

#remember_me input {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}


#submit {
	border: 0;
	margin: 0 14px 0 0;
	float: right;
	width: 95px;
	height: 30px;
	background: none;
	
	color: #FFF;
	font-size: 15px;
}

@-moz-document url-prefix(){ #submit { padding-bottom: 4px; } } /* mozilla/FF need padding */

#submit:hover { cursor: pointer;}









/*

	error

--------------------------------------*/


#error {
	display: block;
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	width: 241px;
	height: 39px;
	background: url("../img/login/error_bg.jpg");
}

#error p {
	font-weight: bold;
	font-size: 14px;
	padding-left: 27px;
	background: url("../img/login/error_icon.jpg") 0 1px no-repeat;
}

#error a {
	clear: both;
	color: #FF9900;
	font-size: 11px;
	float: right;
	margin-right: 8px;
	line-height: 1;
}