@import url(reset.css);

/* Page Layout */
html { background: #fff url(../images/body-login-bg.png) repeat-x; }
body { font-size: 10pt; line-height: 1.2em; font-family: "Helvetica Neue", "Lucida Grande", calibri, helvetica, arial, sans-serif; }
div#wrapper { margin: 0 auto; width: 600px; }
div#main { background: #fff; border: 3px solid #888; float: left; width: 600px; margin: 0 0 25px 0; }
div#body-container { position: absolute; width: 600px; }
div#body-header { height: 150px; width: 605px; background: url(../images/login-header.png) top left no-repeat; }
div#body-footer{color:#ccc;height:130px;text-align:center;font-size:8pt;line-height:16pt;}
div#body-footer a{color:#007934;text-decoration:none;text-transform:uppercase;letter-spacing:1px;}
div#body-footer a:hover{text-decoration:underline;}


div#awards { margin:10px auto; width: 418px; border-top: 1px solid #eee; }
div#hackerguardian, div#oracle, div#aep, div#bessie { float: left; height: 72px; width: 100px; }

/* Links */
a {color:#5572BC; cursor:pointer; text-decoration:none; }
a:hover { text-decoration: underline; }
a#logo-link { left:-190px; top:-170px; }

/* Global Styles */
strong, th, thead td, h1, h2, h3 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
ol, dir, menu { list-style-image:none; list-style-position:outside; list-style-type:none; }
ul { list-style-type:square; padding: 0 0 0 20px; } 
h2 { color:#333; font-size: 1.6em; font-weight: normal; letter-spacing: -1px; margin: 0 0 4px 0; }
hr { border: solid 1px #ccc; margin: 15px 0; display: block; }
.left{text-align:left;}
.right{text-align:right;}
.float-right{float:right;}
.center{text-align:center;}
.hide{display:none!important;}

/* Title */
div.title { margin: 20px 30px 0 30px; width: 600px; }
div.title h1 { background-image:url(../images/titles.png);background-repeat:no-repeat;height:40px;text-indent:-9999px;width:600px;}
body.login div.title h1 { background-position:0 0; }
body.recover div.title h1 { background-position:0 -50px; }
body.questions div.title h1 { background-position: 0 -100px; }
body.message div.title h1 { background-position: 0 -150px; }
body.password div.title h1 { background-position: 0 -200px; }
body.error div.title h1 { background-position: 0 -250px; }

/* Errors / Notices */
p.error {background:#cc5100;border:3px solid #ff6500;padding:10px;color:#fff;font-size:11pt;margin:0 0 10px 0;}
p.error a,p.notice a{color:#fff;font-weight:bold;text-decoration:underline;}
p.notice{background:#007934;border:3px solid #57A779;color:#fff;font-weight:bold;margin:0 0 10px 0;padding:5px 10px;}

/* Forms */
div.formbox { margin:20px 0 0 20px; width:530px;}
div.formbox div.title{margin:0;}
form { margin: 15px 30px; }

input.text, input.password, textarea { background:#fff; border:2px solid #ddd; padding:4px; font-size: 16px; width: 207px; }
input.password:hover,input.text:hover,textarea:hover { border-color:#bbb; }
input.password:focus input.text:focus,textarea:focus { border-color:#007934; }
input.submit,input.submit:focus { background:#4d4e53; border:2px outset #4d4e53;color:#fff;cursor:pointer;font-size:12px;font-weight:bold;padding:2px 4px;}
input.submit:hover{background-color:#222;border-color:#4d4e53;}
input.submit:active{border-style:inset;}
input.disabled,input.disabled:hover{background:#ccc;color:#aaa;cursor:default;border:2px solid #c7c7c7;}

fieldset { border: none; }
fieldset.form { margin: 15px 0 0 0; width: 560px; }
fieldset legend{ margin: 15px 0 0 0; text-transform:uppercase;font-size:9pt;font-weight:bold;color:#222;}
fieldset ol li {border-top:1px dotted #ddd;clear:left;padding:7px 0;}
fieldset ol li label{display:block;float:left;font-size:13px;height:40px;margin:0 10px 0 0;text-align:right;width:85px;}
fieldset ol li ul li{border:none;}