/* 
ADVANCED PROTECTION WARRANTIES DATABASE PROJECT: LOGIN PAGE
////////////////////////////////////////////////////////////////////////////////////
*/

/* 1.0 Override styles */

body, html
{background:#202127;}

#content_inner
{background:#fff;}

#one_column_middle
{background:#fff;}

span.username, span.usertype, a.logout, span.bullet, .loginSelect
{display:none;}

#footer  a:hover
{color:#000;}

/* 2.0 Login window styles */

#login_main {
	width:521px; 
	margin:50px auto; 
	border:2px solid #8e8e8e; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/  
	position:relative;
	box-shadow:4px 4px 4px #c6c6c6;
	-moz-box-shadow:4px 4px 4px #c6c6c6;
	-webkit-box-shadow:4px 4px 4px #c6c6c6; 
	/*background:url(../images/login_rail_light.gif) repeat-x top left;*/
	background: rgb(249,249,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(216,216,216,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); IE6-9 */
	background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
	-pie-background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(216,216,216,1) 100%);
}

	#login_left, #login_middle, #login_right {
		float:left;
	}
	
	#login_left, #login_right {
		/*background:url(../images/login_rail_dark.gif) repeat-x top left;*/
		/*background: rgb(67,67,67);  Old browsers */
		border-top:1px solid #3d3d3d; 
		border-right:1px solid #282828; 
		border-bottom:1px solid #282828; 
		border-left:1px solid #3d3d3d;
	}
	
	#login_left {
		border-radius:6px 0px 0px 6px; 
		-moz-border-radius:6px 0px 0px 6px; 
		-webkit-border-radius:6px 0px 0px 6px; 
		behavior:url(/vendor/pie/PIE.htc);/*allows css3 styles in IE*/ 
		padding:144px 0px 0px 22px; width:40px; height:88px;
	}
	
	#login_middle {
		width:225px; 
		height:171px; 
		padding:26px 50px 26px 30px; 
		border-top:1px solid #fff;
	}
	
	#login_right {
		border-radius:0px 6px 6px 0px; 
		-moz-border-radius:0px 6px 6px 0px; 
		-webkit-border-radius:0px 6px 6px 0px; 
		behavior:url(/vendor/pie/PIE.htc);/*allows css3 styles in IE*/ 
		width:130px; 
		height:212px; 
		text-transform:uppercase; 
		color:#fff; 
		position: relative;
		padding:10px 10px 10px 10px;
	}
	
		.lost_password, .help {
			padding:5px 0px 10px 30px;
			position: absolute;
		}
		
		.error_text {
			color: #FF8284;
			font-weight:bold;
			text-align: justify;
		}
		
		.lost_password {
			background:url(../images/icon_password.gif) no-repeat top left;
			bottom: 50px;
		}
		
		.help {
			background:url(../images/icon_help.gif) no-repeat top left;
			bottom: 20px;
		}
		
/* 3.0 Form Element Styles */

.loginlabel {
	display:block; text-transform:uppercase; margin:0px 0px 4px 4px; font-weight:bold;
}

.loginfield, .logincheck {
	border:1px solid #c6c6c6;
	box-shadow:inset 2px 2px 2px #c6c6c6;
	-moz-box-shadow:inset 2px 2px 2px #c6c6c6;
	-webkit-box-shadow:inset 2px 2px 2px #c6c6c6;
	behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/ 
	position:relative;
}

.loginfield {
	width:215px; padding-left:8px; height:42px; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/ 
	position:relative; 
	font-style:italic; color:#707070; margin-bottom:10px;
}

.loginBtn {
	/*background:url(../images/login_btn_rail.gif) repeat-x top left;*/ 
	border-width:2px; 
	border-style:solid; 
	border-color:#686868 #212121 #212121 #686868;
	border-radius:6px; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(/vendor/pie/PIE.htc);/*this and position:relative below allow css3 styles in IE*/ 
	position:relative;
	padding:7px 14px; 
	color:#fff; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:11px; 
	float:right;
}