.header {background: url(../img/q_logo.png) no-repeat; height:100px; margin-top:20px;}
form.login:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div.login {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(233, 233, 233, 1) 100%);
    font: 13px Helvetica, calibri, sans-serif;
    box-shadow: 0 0 5px #888;
	border: 1px solid #c4c6ca;
	margin: auto;
	padding: 25px 0 0;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 300px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    position:fixed;
}

div.login .overlay {
    position:absolute;
    left:0px;
    top: 0px;
}

div.login .icon {
    margin: 10px;
    color: #bbb;
}

.align-left {
    text-align: left
}

.clear {
    clear: both
}

form.login h1 {	color: #7E7E7E; font: bold 25px Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 20px; margin: 10px 0 30px; margin-top:5px; margin-bottom:20px; }

form.login .advancedOptions { display:none; }
form.login { margin: 0 20px; position: relative; margin-bottom: -10px; }
form.login input[type="text"],
form.login select,
form.login input[type="password"] {
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	transition: all 0.5s ease;
	border: 1px solid #c8c8c8;
	color: #777;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}

form.login select { width: 100%; background-image: none; padding-top: 14px; padding-bottom: 14px }

form.login input[type="text"]:focus,
form.login select:focus,
form.login input[type="password"]:focus {box-shadow: 0 0 2px #86CDD8 inset; background-color: #fff; border: 1px solid #86CDD8; outline: none;}
form.login input[type="submit"],
form.login input[type="button"] {margin: 20px 0 35px 15px; margin-top: 6px;}
form.login div a {color: #004a80; float: right; font-size: 12px; margin: 30px 15px 0 0; text-decoration: underline;}

form.login div.formActionButtons { text-align:right }
form.login div.fieldgroup { position: relative }
form.login i.fa {
    width: 26px; height: 26px;
}

form.login .button {
    box-shadow:inset 0px 1px 0px 0px #bee2f9;
    background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
    background-color:#1C7287;
    border-radius:6px;
    border:1px solid #3866a3;
    display:inline-block;
    color:#FFFFFF;
    font-family:Trebuchet MS;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #7cacde;
}
	
form.login .button:hover {background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%); background-color:#468ccf;}
form.login .button:active {position:relative; top:1px;}	
form.login .error {color: #F00; margin-top: 47px; position: absolute; margin-left: 16px;}

#_progressMeter { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .4); z-index: 1000 }
#_progressMeter .dialog { position: fixed; top: 50%; left:  50%; width: 600px; height: 300px; margin-left: -300px; margin-top: -150px; border: solid 5px #68c4d2; box-shadow: rgba(0,0,0,0.25) 0px 0px 24px; border-radius:  4px; background-color: white; z-index: 1001 }
#_progressMeter .dialog .title { background-color: #b2e0e7; color: #11606c; }
#_progressMeter .dialog .title h1 {  margin: 0px; padding: 10px; text-align: center }
#_progressMeter .dialog .progress { position: absolute; width: 500px; height: 32px; border: solid 2px #ccc; border-radius: 2px; margin: auto; bottom: 36px; left: 50%; margin-left: -250px; color: black; }
#_progressMeter .dialog .progressDone { left: 0px; top: 0px; height: 100%; width: 50%; background-color: #b2e0e7; color: white }
#_progressMeter .dialog .progressPercentage { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; padding: 5px 0px }
#_progressMeter .dialog .progressMessage { width: 90%; margin: auto; margin-top: 32px; font-size: 140%; text-align: center }