﻿.login-logo {
	z-index:1;
	position:relative;
	top: 4em;
	left:-12em;
	background-image: url(images/login-logo.png);
	background-repeat: no-repeat;		
	width:600px;
	height:63px;
	margin:auto;
}	
.validation-summary-errors {
	position:absolute;
	top: 5.3em;
	left: 0em;
	padding-right:2em;
	margin:auto;
	opacity: .8;
	display:inline-block;
}
@media screen and (max-width: 1000px) {
	.login-logo {
		left:2em;
		width:100%;
	}
}
#login {
	position:relative;
	top:2em;
	left:-15em;
	background-image: url(images/login-bg.png);
	background-repeat: no-repeat;
	width:600px;
	min-height:500px;
	margin: auto;
	padding: .5em 1em 2em 1em;	
}
#login .login-formctr {
	position:relative;
	top: 9em;
	left: 22em;
}
#login .login-rememberme label {
	font-weight: normal;
}
#login input[type=checkbox]{
	margin-left:29%;
	xmargin-left:21%;	
}
#login h1 {
	float:left;
	position:relative;
	font-size: 1.8em;
	left:-2em;
	max-width: 5em;
	white-space: wrap;
}

#login label {
	font-size:1.1em;
	font-weight: bold;
	opacity: .8;
	width: 20%;
}
#login input {
	width: auto;
	min-width: 0;
	opacity:.9;
}
#login input:focus{
	opacity:1;	
}

#login fieldset {
	clear:both;
}

#login .form-controls {
	float: left;
	margin-left: 20%;
}
#login .detailspane {
	position: relative;
	left: -5em;
	xtop: -3em;
	width: 100%;
	clear: both;
	padding: 0 0 0 1em;
	border:1px solid #AAA;
	border-width: 0 1px 1px 0;
	background: #EEE;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: inset 1px 1px 1px black; -webkit-box-shadow: inset 1px 1px 1px black; -o-box-shadow: inset 1px 1px 1px black; box-shadow: inset 1px 1px 1px black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8;
}
#login .detailspane h2 {
	padding-top: 0;
	margin-top: 0;
}
#login .detailspane-scroll {
	max-width:100%;
	overflow:auto;
	height: 15em;
	font-size: .8em;
}
#login ul{
	margin-top: 1em;
}
@media screen and (max-width: 480px) {
	#login .login-formctr {
		left:15em;
	}	
	#login h1 {
		left: 0;
	}
}
