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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
sub { font-size: 8px; }
sup { font-size: 8px; vertical-align: top; }
body { background-color: #fff; font: 12px/1.4 Verdana, Arial, sans-serif; color: #222; margin: 0; text-align: left; background-color: #fff; background-position: 0 0; background-repeat: repeat; }
a { color: #0000ff; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }
img { border: 0; }
.absol { position: absolute; }
.rela { position: relative; }
.left { float: left; }
.right { float: right; }
.w { clear: both; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; line-height: 1; }

#pageArea { width: 832px; margin: 5px auto 15px auto; padding: 0; }
#topBG { width: 772px; height: 255px; background: url('../images/bordertop.png') transparent no-repeat 0 0; font: 11px/1.4 Verdana, Arial, sans-serif; color: #999; padding: 30px 30px 0 30px; text-align: left;  }

#topBG a { background: none; display: block; width: 38px; height: 26px;  text-align: center; margin: 5px 1px 2px 2px; float: left; }
#topBG a:hover, #topBG a.active { background: url('../images/flagarrows.gif') transparent no-repeat 0 0; }
#topBG a div { background: url('../images/flags.png') transparent no-repeat 0 0; width: 35px; height: 20px; overflow: hidden; float: left; margin: 3px 0 0 1.5px; }
#topBG #flagpl { background-position: 0 0; }
#topBG #flagen { background-position: 0 -31px; }
#topBG #flagde { background-position: 0 -62px; }
#topBG #flagru { background-position: 0 -93px; }
#topBG #flagfr { background-position: 0 -124px; }
#topBG #flages { background-position: 0 -155px; }
#topBG #flagcn { background-position: 0 -186px; }
#topBG #flaglt { background-position: 0 -217px; }
#topBG #flagsk { background-position: 0 -248px; }
#topBG #flagnl { background-position: 0 -279px; }

#content { width: 772px; background: url('../images/bordermiddle.png') transparent repeat-y 0 0; padding: 0 30px 20px 30px; }
#systemLogo { position: relative; top: -190px; left: 95px; margin-bottom: -190px; height: auto !important; height: 190px; min-height: 190px; width: 670px; }

#content h1 { font: 28px/28px Verdana, Arial, sans-serif; color: #222; margin-top: 10px; text-align: center; }
#content h3 { font: 18px/18px Verdana, Arial, sans-serif; color: #808080; margin: 10px 0 24px 0; text-align: center; }

#authorizerForm { margin: 20px 45px 10px 43px; line-height: 1.5; }
#labelLogin, #labelPassword, #labelType { color: #4d4d4d; font: 14px/14px Verdana, Arial, sans-serif; margin: 0 4px 0 0; }
input.text { border: 2px solid #8c8c8c; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; width: 150px; overflow: hidden; height: 20px; font: 12px/20px Verdana, Arial, sans-serif; padding: 0 4px; background: url('../images/inputbggray.jpg') #f2f2f2 repeat-x 0 -5px; color: #4d4d4d; margin-right: 20px; }
input.text:hover, input.text:active, input.text:focus { border: 2px solid #6b6b6b; background: url('../images/inputbggray.jpg') #f2f2f2 repeat-x 0 -30px; }
select.text { border: 2px solid #8c8c8c; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; overflow: hidden; font: 12px/20px Verdana, Arial, sans-serif; padding: 2px 3px; background: url('../images/inputbggray.jpg') #f2f2f2 repeat-x left bottom; color: #4d4d4d; margin-right: 20px; }
select.text option { margin: 3px 0; }

#formInputs, #formButtons, #authorizerButtons { margin-top: 20px; }
#authorizerButtons { text-align: center; }
#formInputs, #formButtons { float: left; white-space: nowrap; }

.grayButton { border: 2px solid #8c8c8c; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; font: 12px/13px Verdana, Arial, sans-serif; padding: 2px 6px 2px 6px; cursor: pointer; height: 22px; margin-right: 5px; background: url('../images/buttonbggray.gif') #f2f2f2 repeat 0 -6px; color: #4d4d4d; font-weight: bold; height: auto;}
.grayButton:hover, .grayButton:active, .grayButton:focus { border: 2px solid #6d6d6d; background: url('../images/buttonbggray.gif') #f2f2f2 repeat 0 -32px; color: #353535; }
.grayButton:active { border-style: inset; }

#footer { padding: 6px 30px 0 30px; font: 10px/1.1 Verdana, Arial, sans-serif; background: url('../images/borderbottom.png') transparent no-repeat 0 0; height: 65px; }
#footer p { padding: 3px 0 0 0; }
#warningDetails { width: 625px; }
#warningDetails span { color: #ff0000; }
#footer #warning { float: left; margin: 5px 8px 0 0; }
#onyxCloud { float: right; }
#onyxCloud img { margin: 0; position: relative; top: -5px; }
#serverTimestamp { display: none;}