* { padding:0;margin:0; font-family: 'Lato', arial,sans-serif;}
a, img { border:none;outline:none;}
#container { position:relative; height:100%;}

#header {
	width:85%; 
	max-width:700px; 
	background-color:#3498db; 
	height:70px; 
	line-height:80px; 
	padding:0 40px; 
	margin:0 auto;  
	position:relative; 
	top:175px;
}

#header .border{position:absolute;bottom:0;height:3px;left:0;width:100%;background:#669999;}
#headerContent { position:relative;max-width:1260px;margin:auto;overflow:hidden;padding:0;}
#logo { position:relative; float:left;margin-right:10px;}
#logo a{ display:block;line-height:40px;}

#loginContainer{
	width:85%; 
	max-width:700px; 
	background:#FFFFFF; 
	padding:0 40px 40px 40px; 
	margin:0 auto;  
	position:relative; 
	top:175px;
}

#loginBox {
	border:0; 
	padding:40px 0 0 0;
}

#loginBox h1{
	color:#000000; 
	font-size:36px; 
	font-weight:400;  
	width:80%; 
	line-height:40px;
}

#loginBox p {padding:20px 0 20px 0;}

#forgotPassword {
	font-size:13px; 
	padding:20px 0 0 0;
}

#forgotPassword p {
	margin-top:5px;
}

#forgotPassword a {
	color:#3498db;
}

.login input[type=button], 
.login input[type="submit"] {
    padding:10px 20px !important;
	font-weight:normal !important;
	text-decoration:none;
	cursor:pointer;
	font-size:14px !important;
	line-height:14px !important;
	-webkit-border-radius: 0 !important; 
	-moz-border-radius: 0 !important; 
	border-radius: 0 !important;
	display:inline-block;
	text-transform:capitalize !important;
	outline:none !important;
	margin:0 !important;
	background-color: #3498db !important;
	border:0 !important;
	color:#FFFFFF !important;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.login input[type=button]:hover, 
.login input[type="submit"]:hover {
    background-color: #2e85bf !important;
}

.loginFieldRow input {
	height:25px;
	line-height:25px;
	padding:5px 0;
	text-indent:10px !important;
	-webkit-border-radius: 3px !important; 
	-moz-border-radius: 3px !important; 
	border-radius: 3px !important;
	border:1px solid #c5c5c5;
	margin:0 0 15px 0 !important;
	width:300px !important;
}

body.login {
	background:url(../../../Content/Orchestrate/images/loginBg.jpg) no-repeat center center fixed;
	background-color:#CCCCCC; 
    background-size:cover; 
    height:100%;  
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/loginBg.jpg', sizingMethod='scale')";  
}

.clear{clear:both;}

@media only screen and (max-width: 1024px) and (min-width: 200px)
{
body.login{background:url(../../../Content/Orchestrate/images/loginBg.jpg) no-repeat;  height:100%; }
#header {top:100px; width:79%; max-width:700px;}
#loginContainer{width:79%; max-width:700px; background:#EEEEEE; padding:0px 40px 40px 40px; margin:0 auto;  position:relative; top:100px;}	
#loginBox h1{color:#666666; font-size:30px; font-weight:400;  width:75%; line-height:34px;}
}


.field-validation-error {color:red; display:block;font-size:12px;}

.login .form-control {
    height: 25px;
    line-height: 25px;
    padding: 5px 0;
    text-indent: 10px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 1px solid #c5c5c5;
    margin: 0 0 15px 0 !important;
    width: 300px !important;
}