﻿body {
	background-color: rgb(210,230,255);
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#main_login {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 580px;
    padding: 5px;
}

#loginLogo {
    display: inline-block;
    float: left;
    margin: 20px 0 20px 20px;
    padding: 0;
    text-align: left;
}

#loginForm {
    display: inline-block;
    margin-left: 30px;
    margin-top: 30px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.outerLogin {
    background: #164f99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0 1px 250px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 1px 250px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 250px rgba(255, 255, 255, 1);
	
    padding: 7px;
}

.loginHeader {
   
	background: #62a4ea;
    background: -moz-linear-gradient(top, #62a4ea 0%, #227fe7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62a4ea), color-stop(100%,#227fe7));
    background: -webkit-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: -o-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: -ms-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: linear-gradient(to bottom, #62a4ea 0%,#227fe7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a4ea', endColorstr='#227fe7',GradientType=0 );
    border-bottom: 1px solid #eee;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
	text-shadow: -1px 1px 1px rgba(55, 72, 102, 1);
    display: block;
    font-size: 24.5px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
}

.loginSubHeader {
    font-size:24px;
    color:#8A8B8E;
    text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);
    margin-bottom: 10px;
}

.innerLogin {
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #eaf1f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eaf1f9));
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#eaf1f9 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%,#eaf1f9 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%,#eaf1f9 100%);
	background: linear-gradient(to bottom, #f7f7f7 0%,#eaf1f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaf1f9',GradientType=0 );

	border-top: 1px solid #fff;
	border-bottom: 1px solid #333;
}

.innerLogin {
  *zoom: 1;
}
.innerLogin:before,.innerLogin:after {
  display: table;
  content: "";
}
.innerLogin:after {
  clear: both;
}

.loginFooter {
    background: #62a4ea;
    background: -moz-linear-gradient(top, #62a4ea 0%, #227fe7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62a4ea), color-stop(100%,#227fe7));
    background: -webkit-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: -o-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: -ms-linear-gradient(top, #62a4ea 0%,#227fe7 100%);
    background: linear-gradient(to bottom, #62a4ea 0%,#227fe7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a4ea', endColorstr='#227fe7',GradientType=0 );
    border-bottom: 1px solid #000;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover, a:focus {
  color: #FFF;
  text-decoration: underline;
}

.label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 5px;
}

input[type="text"], input[type="password"], select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 206px;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="submit"].btn-login {
	padding:11px 19px;
    width: 100%;
}

input[type="submit"] {
	
	background: #f9ab02;
    background: -moz-linear-gradient(top, #f9ab02 0%, #ff8800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ab02), color-stop(100%,#ff8800));
    background: -webkit-linear-gradient(top, #f9ab02 0%,#ff8800 100%);
    background: -o-linear-gradient(top, #f9ab02 0%,#ff8800 100%);
    background: -ms-linear-gradient(top, #f9ab02 0%,#ff8800 100%);
    background: linear-gradient(to bottom, #f9ab02 0%,#ff8800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ab02', endColorstr='#ff8800',GradientType=0 );
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #A85500;
    -moz-box-shadow: 0px 1px 3px rgba(60,61,62,.6);	
	-webkit-box-shadow: 0px 1px 3px rgba(60,61,62,.6);          
	box-shadow: 0px 1px 3px rgba(60,61,62,.6);
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:4px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #A85500;
}
input[type="submit"]:hover {
	background: #fcbc28;
    background: -moz-linear-gradient(top, #fcbc28 0%, #ff9011 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcbc28), color-stop(100%,#ff9011));
    background: -webkit-linear-gradient(top, #fcbc28 0%,#ff9011 100%);
    background: -o-linear-gradient(top, #fcbc28 0%,#ff9011 100%);
    background: -ms-linear-gradient(top, #fcbc28 0%,#ff9011 100%);
    background: linear-gradient(to bottom, #fcbc28 0%,#ff9011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbc28', endColorstr='#ff9011',GradientType=0 );
    -moz-box-shadow: 0 0 4px 4px rgba(100,200,255,.6)inset, 0 1px 0 rgba(255,188,40,.8);		
	-webkit-box-shadow: inset 0px 0px 4px 4px rgba(255,188,40,.8);          
	box-shadow: inset 0px 0px 4px 4px rgba(255,188,40,.8);
}
input[type="submit"]:active {
	background: #e88700;
    background: -moz-linear-gradient(top, #e88700 0%, #ff9011 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e88700), color-stop(100%,#ff9011));
    background: -webkit-linear-gradient(top, #e88700 0%,#ff9011 100%);
    background: -o-linear-gradient(top, #e88700 0%,#ff9011 100%);
    background: -ms-linear-gradient(top, #e88700 0%,#ff9011 100%);
    background: linear-gradient(to bottom, #e88700 0%,#ff9011 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88700', endColorstr='#ff9011',GradientType=0 );
	 -moz-box-shadow:inset 0 0 4px 4px rgba(100,50,10,.5);
	-webkit-box-shadow:inset 0 0 4px 4px rgba(100,50,10,.5);
	box-shadow:inset 0 0 4px 4px rgba(100,50,10,.5);
	position:relative;
	top:1px;
}