﻿*{margin: 0; padding: 0;}

img{border-width: 0;}

a{text-decoration: none;}

html, body, form{height: 100%;}
html, body, form, button{font-family: 'Open Sans',Arial, Helvetica, sans-serif;}

#header{width: 100%; height: 92px; background: url('../images/header.png') repeat-x;}
#header img.alignLeft{float: left;}
#header img.alignRight{float: right;}

#content{width: 90%; padding: 5%;}
#content a{color: #0D0A8D;}
#content p{font-size: 1.2em; margin-bottom: 1em;}
#content h1{font-size: 1.6em; font-weight: bold; margin-bottom: 1em;}
#content h2{font-size: 1.4em; font-weight: bold; margin-bottom: 1em;}
#content h3{font-size: 1.2em; font-weight: bold; margin-bottom: .25em;}

div.center{text-align: center;}

#form {width: 235px; margin: 20px auto; background-color: #E4E4E4; border: 1px solid #bbb; border-radius: 3px; box-shadow: 0 0 5px 1px #bbb; padding: 24px 24px 16px 24px; }
#form form { position: relative; }
#form h3 { font-size: .8em; font-weight: bold; color: #0054a6; margin-bottom: 20px; text-align: center }
#form label {display: none;}
#form div {margin-bottom: 8px;}
#form div.inputField input {color: #999;padding: 3px;border: 1px solid #8697A8;background: #fff;width: 227px;box-shadow: inset -1px 1px 0 0 #E9E9E9;}
#form button { background: #81b4de; background: linear-gradient(to bottom, #81b4de 0%,#7ab0dc 50%,#5A9DD4 51%,#4A93CF 100%); border: 1px solid #8697A8; border-radius: 2px; color: #fff; font-weight: bold; padding: 1px 8px 5px 8px; }
#form .alignRight {text-align: right;}
#form .alignCenter {text-align: center;}
#form .small-text { font-size: 0.7em; }

#footer{background: url(../images/footer.png) repeat-x; position: relative; margin-top: -90px; /* negative value of footer height */ height: 90px; clear:both;}
#footer img{float: left;}
#footer p{float: right; font-weight: bold; padding: 20px 20px 0 0;}
#footer a{color: #000;}
#footer div.center{ position: absolute;left: 0;top: 20px;width: 100%;text-align: center;}
#footer div.server-info{ position: absolute;left: 0;bottom: 0;font-size: 9px;padding-right: 2px;color: #eee;width: 100%;text-align: center}

#wrap{min-height: 100%;}

#main{overflow:auto; padding-bottom: 90px;} /* must be same height as the footer */
/*Opera Fix*/
body:before{
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

.field-validation-error, .captcha-valid { position: absolute; bottom: -70px; left: -10px; width: 100%; padding: 10px; box-shadow: 0 0 5px 1px #888; border-radius: 3px; z-index: 1; }
.field-validation-error { background-color: rgb(255, 124, 124); }
.captcha-valid  { background-color: rgb(147, 255, 124); }
.captcha-img { margin-top: 20px; }
.returnLink  { padding: 10px; position: absolute; bottom: -70px; left: 20px; z-index: 0; }
