/* HTML5 - GMP Wen Design LLC 5/25/2011 */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

body {width: 624px; margin: 25px auto; font: normal 11px/1.5em Verdana, Geneva, sans-serif; color: #555;}
input {font-family: Verdana, Geneva, sans-serif; border: 1px solid #d4d0c8;}
#header h1 {background: #fff url(../img/logo.png) 0px 0px no-repeat; height: 39px; text-indent: -99999px; margin-bottom: 8px;}
section {background-image: url(../img/bg_main.png); background-repeat: repeat-y;}
section header {background: #fff url(../img/bg_top_bot.png) 0px 0px no-repeat; height: 10px; text-indent: -99999px;}
section footer {background: #fff url(../img/bg_top_bot.png) 0px -10px no-repeat; height: 10px;}

section form {padding: 13px 45px 25px 5px; margin: 0 auto; clear: both;}
section form#signin {width: 360px;}
section form#verify {width: 380px;}
section form#forgotpass {width: 310px;}

section h2#headsignin {background: #fff url(../img/headings.png) 50% 0px no-repeat; height: 43px; text-indent: -99999px; width: 606px; margin: 12px auto;}
section h2#headverify {background: #fff url(../img/headings.png) 50% -43px no-repeat; height: 43px; text-indent: -99999px; width: 606px; margin: 12px auto;}

#qr {text-align: center; border: 3px double #ccc; margin-top: 8px; background-color: #ffe;}
#qr p {padding: 15px 0; font-size: 24px; margin: 3px 8px; font-weight: bold; color: #8db22f;}
#qr #perror {padding: 15px 0; font-size: 24px; margin: 3px 8px; font-weight: bold; line-height: 1.2em; width: 580px; overflow:hidden;}
#qr #h3 {display: none; padding: 20px 0; margin: 0 8px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; background-color: #fe8e29; color: #fff; -moz-border-radius: 5px; border-radius: 5px; line-height:1.3;}
#qr #h3 small {font-family: Verdana, Geneva, sans-serif; font-size: 12px; display: block; margin-bottom: 12px;}
#qr h4 {display: none; text-align: center; margin-top: 11px;}
#qr h4 img {border: 1px solid #eee;}
#qr h5 {display: none; font-weight: normal; font-size: 9px; margin: 0 25px 15px 25px; padding-top: 9px; text-align: left;}

div#qr #h3, div#qr h4, div#qr h5 {display: block;}
div#qr p.error {padding: 75px 0;}

#footer {font-size: 10px; color: #999; margin-top: 12px; padding: 0 5px;}
#footer #aside {float: right; padding-left: 30px;}

#btngo, #btnemail {background: #fff url(../img/btn_go.png) 0px 0px no-repeat; width: 58px; height: 53px; text-indent: -99999px; border: 0; cursor: pointer; display: block; float: right;}
#btnverify {background: #fff url(../img/btn_verify.png) 0px 0px no-repeat; width: 75px; height: 54px; text-indent: -99999px; border: 0; cursor: pointer; display: block; float: right;}

#logout {background: #fff url(../img/btn_logout.png) 0px 0px no-repeat; width: 115px; height: 40px; text-indent: -99999px; border: 0; cursor: pointer; display: block; float: right;}

#signin p {margin-bottom: 12px;}
#signin p strong {width: 120px; text-align: right; display: block; float: left; padding-right: 4px;}

#verify {padding-bottom: 40px;}
#verify p {margin: 14px 0 0 45px;}

#forgotpass {padding-bottom: 40px; display: none;}
#forgotpass p {margin: 14px 0 0 45px;}
#passcancel {display: inline-block; margin: 14px 0 0 86px;}

/* LINKS */
a:link {color: #ed7124; text-decoration: none;}
a:visited {color: #ed7124; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {color: #224d74;}
button::-moz-focus-inner {border: 0;} /* REMOVE MOZILLA OUTLINE DOTS */
button {outline: 0;}
#loader {margin: 0 25px; text-align: center; padding: 25px;}
#loader p {color: #555; margin-bottom: 6px;}
#message {display: none; margin: 0 25px 8px 25px; text-align: center; border: 1px solid #eee; background-color: #ffe; padding: 10px;}
.error {color: #F00;}
.error a:link {color: #224d74;}

.success {font-size: 24px; color: #093;}