/* Reset */
html, body, div, span, object, iframe, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, fieldset, form, label, caption { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline: none; }
a img { border: 0; }
.clear { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

a { color: #3c7199; text-decoration: none; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4c4c4c; line-height: 18px; }
h1 { font-size: 20px; line-height: 24px; }
h2 { font-size: 18px; line-height: 22px; }
h3 { font-size: 16px; line-height: 20px; }
h4 { font-size: 14px; line-height: 18px; }
h5 { font-size: 12px; line-height: 16px; }
h1, h2, h3, h4, h5 { color: #0f5183; padding-top: 0; margin-top: 0; font-weight: normal; }

p { padding: 0 0 10px 0; margin: 0; }

.wrapper { width: 877px; margin: 0 auto; }
.header-container { background: #2e7dbf; color: #2e7dbf;} /* Text changed to be transparent, this is a tweak to keep same height as standard site version */
.header { width: 877px; margin: 0 auto; padding: 10px 5px; }
.header .links ul { list-style: none; margin: 0; padding: 0; font-size: 12px; }
.header .links ul li { display: inline; }
.header .links ul li a { color: #2e7dbf; } 

.main-container { }
.main-head-container { background: #ffffff; }
.main-head { width:877px; margin:0 auto; }
.main-head .content { position:relative; height:321px; }
.main-head .content .logo { position:absolute; top:5px; left:0; width:250px; height:90px; }
.main-head .content .banner { position:absolute; top:97px; left:0; padding-top:25px;}
.main-head .content .box-login { position:absolute; top:58px; left:476px; }
.main-bottom-container { }
.main-bottom { width:877px; margin:0 auto; }
.main-bottom a { color: #cd8c32; }
.main-bottom .content { width: 420px; padding-top: 105px; }

.box-login { background: url(images/bg_loginbox-old.jpg) no-repeat; width: 354px; height: 354px; color: #4d4b4c; padding: 24px; }
.box-login h1 { color: #4d4d4d; margin-bottom: 20px; }
.box-login a { color: #b37930; }
.box-login table { width: 100%; }
.box-login table td { padding: 0 0 5px 0; }
.box-login input[type=text], .box-login input[type=password] { border: none; background: #eff4f8; padding: 5px; width: 85%; }
.box-login select { border: none; }
.box-login .keep-logged-in { margin-top: 5px; }
.box-login .forget { font-size: 12px; margin: 20px 0 10px; }
.box-login .btn { text-align: right; margin-top: 40px; }
.validateWarn { color: #ff0000; }

.box-instruction { background-color: #eff4f8; padding: 5px; margin:5px; margin-left:0px;}