html, body {height:100%;}
body {padding:0; margin:0; text-align:center;}
.page {position:relative; width:1000px; min-width:1000px; height:99%; min-height:99%; background-color:#1b2b57; background-repeat:repeat; margin:0 auto; text-align:left;}
html > body .page {height:auto;}
a img {border:0;}

.header {position:relative; top:0; left:0; width:100%; height:96px; background-color:#192a5a; color:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.headerlogo {position:absolute; top:15px; left:25px; width:298px; height:72px;}
.headerlogon {position:absolute; top:10px; right:10px; width:150px;}
.headerlogon div label {padding-right:5px; color:#fff; font-family:Arial; font-size:11px; font-weight:bold;}
.headerlogon #txtQuickUsername, .headerlogon #pasQuickPassword {width:80px; margin-right:0;}
.headerlogon #pasQuickPassword {margin-left:1px;}
.headerlogon div {padding-bottom:2px;}
.headerlogon div div {padding:0; height:12px;}
.headerlogon div div a {color:#ffe292; font-family:Arial; font-size:10px; font-weight:bold;}
.headerlogon #divQuickLogon {position:absolute; bottom:-4px; right:0; width:auto; height:auto;}

.header_welcome {position:absolute; top:10px; right:10px; width:150px; height:30px; color:#fff; text-align:right; vertical-align:bottom; font-size:13px;}
.header_welcome span {position:absolute; bottom:0; right:0;}
.header_logout {position:absolute; top:55px; right:10px; width:150px; height:35px; text-align:right; vertical-align:top;}
.header_welcome, .header_logout a {font-family:Arial; font-weight:bold;}
.header_logout, .header_logout a {color:#ffffcc; font-size:12px;}

a.header_circle_button1, a.header_circle_button2, a.header_circle_button3, a.header_circle_button4 {text-decoration:none; cursor:hand; background-image:none;}
img.header_circle_button1, img.header_circle_button2, img.header_circle_button3, img.header_circle_button4 {position:absolute; top:0; width:115px; height:105px; display:block;}
span.header_circle_button1, span.header_circle_button2, span.header_circle_button3, span.header_circle_button4 {position:absolute; top:0; width:115px; height:96px; display:table; text-align:center;}
img.header_circle_button1, span.header_circle_button1 {right:492px; line-height:14px;}
img.header_circle_button2, span.header_circle_button2 {right:378px; line-height:14px;}
img.header_circle_button3, span.header_circle_button3 {right:264px; line-height:14px;}
img.header_circle_button4, span.header_circle_button4 {right:150px; line-height:14px;}
span.header_circle_button1 div, span.header_circle_button2 div, span.header_circle_button3 div, span.header_circle_button4 div {display:table-cell; vertical-align:middle;}
span.header_circle_button1 div span, span.header_circle_button2 div span, span.header_circle_button3 div span, span.header_circle_button4 div span {color:#384b86; font-family:arial, verdana, helvetica, sans-serif; font-size:12px; font-weight:bold;}

div.menushadow {position:relative; top:0; left:0; width:100%; height:28px; background-repeat:no-repeat; background-position:top left;}
div.menubar {position:relative; top:0; left:0; width:100%; height:26px; border-top:solid 2px #eba021; border-bottom:solid 2px #eba021; background-repeat:repeat-x; background-position:left center; z-index:500;}

div.menumain {padding:3px 0;}
div.menumain ul {text-indent:12px; background-repeat:no-repeat; background-position:right top; padding:0 20px 0 14px;}
div.menumain ul ul {padding:0; border:solid 2px #eba021;}
div.menumain li, div.menumain li a {background-repeat:no-repeat; background-position:right top; color:#fff;}
div.menumain li li {text-indent:0;}
div.menumain ul ul a {background:#192a5a; color:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
div.menumain li:hover {background-repeat:no-repeat; background-position:0px 4px; background-image:url('/img/bg/menu_arrow.gif');}
div.menumain li:hover a {color:#ffe292;}
div.menumain li:hover li {background:none;}
div.menumain ul ul li:hover {background:#192a5a; color:#ffe292; filter:none; -moz-opacity:1; opacity:1;}
div.menumain li a.menumainactive {color:#ffe292; background-repeat:no-repeat; background-position:left center; background-image:url('/img/bg/menu_arrow.gif');}

.menusubouter {position:absolute; top:0; left:0; bottom:0; width:182px; height:100%; overflow:hidden;}
.menusubinner {width:100%; height:100%; margin-top:126px; padding:20px; background-color:#192a5a; color:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.menusubmargin {padding-left:192px;}

div.menusub {width:192px;}
div.menusub ul {text-indent:12px; padding:10px 0;}
div.menusub ul ul {text-indent:0; padding-left:20px; width:122px;}
div.menusub li, div.menusub li a {background-repeat:no-repeat; background-position:left top; color:#fff;}
div.menusub li a:hover, div.menusub li a.menusubactive {color:#ffe292; background-repeat:no-repeat; background-position:left center; background-image:url('/img/bg/menu_arrow.gif');}
div.menusub li li a:hover, div.menusub li li a.menusubactive {background:none;}

.pagecontent {width:980px; margin-left:10px;}
.menusubmargin .pagecontent {width:798px; margin-left:0; min-height:440px; height:99%;}

.footerclear {clear:both; height:76px;}
.footer {position:absolute; bottom:0; left:0; width:100%; height:66px; margin:0 auto;}
.footer, .footer a {font-family:arial, verdana, helvetica, sans-serif; font-weight:bold; font-size:13px; text-align:center; background-color:#fff; color:#1a2550;}
.footerleft {position:absolute; top:5px; left:5%; width:30%;}
.footercenter {position:absolute; top:5px; left:35%; width:30%;}
.footerright {position:absolute; top:5px; left:65%; width:30%;}
.footerleft a, .footercenter a, .footerright a {text-decoration:none;}
.footerleft a:hover, .footercenter a:hover, .footerright a:hover {text-decoration:underline;}
.footerbar {position:absolute; top:-4px; left:0; width:100%; height:4px; background-repeat:repeat-x; background-position:left top;}

form {margin:0; padding:0;}
label, .ctrllabel {font-family:arial, verdana, helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1b2b57;}
.ctrllabel {position:relative; top:0; left:0; width:150px; float:left; margin-right:10px; text-align:left;}
label a, .ctrllabel a {text-decoration:none;}
.ctrlerror {color:#f00;}
.ctrlsidenote, .ctrlsidenote a, .ctrlnote, .ctrlnote a {font-family:arial, verdana, helvetica, sans-serif; font-size:11px; color:#000;}
.ctrlsidenote {padding:0 5px 5px 150px;}
.ctrlnote {padding:5px 0 5px 0;}
.ctrlcontrol {float:left;}
.ctrlclear {clear:both;}
/*.ctrlmargin {margin-bottom:5px;}*/

.ctrlinput, .ctrlbutton, .ctrlsubmit {font-family:arial, verdana, helvetica, sans-serif; color:#000; background:#eee url("/img/ctrls/small.gif") repeat top left;}
.ctrlbutton, .ctrlsubmit {font-size:12px; border:outset 1px #ccc; margin:0 2px 4px 2px; padding:0 4px;}
.ctrlsubmit {font-weight:bold;}
.ctrlinput {font-family:arial, verdana, helvetica, sans-serif; color:#000; background:#eee url("/img/ctrls/small.gif") repeat top left;}
.ctrlinput {font-size:14px; border:inset 1px #ccc; margin-right:10px;}
select.ctrlinput, textarea.ctrlinput {color:#444; background:#eee url("/img/ctrls/large.gif") repeat-x top left;}

.box .tl {background:transparent url('/img/box/tl.png') no-repeat top left; width:19px; height:19px;}
.box .content, .box .contenttitle {background:#192a5a; color:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.box .contenttitle, .box .contenttitle a {font-family:arial, verdana, helvetica, sans-serif; font-size:16px; color:#fff; font-weight:bold;}
.box .content, .box .content a, .contenttext, .contenttext a {font-family:arial, verdana, helvetica, sans-serif;}
.box .content, .box .content a {background:#192a5a; color:#fff; font-size:12px;}
.contenttext, .contenttext label {background:#ffffcc; color:#192a5a; font-size:12px;}
.contenttext a {color:#192a5a; font-size:12px;}
.contenttext h2 {font-size:14px; font-weight:bold;}
.box .content label {color:#fff;}
.box .content .ctrllabel {width:auto; top:2px;}
.box .content .ctrlsidenote {padding:0 5px 5px 5px;}
.box .tr {background:transparent url('/img/box/tr.png') no-repeat top right; width:19px; height:19px;}
.box .side {background:#192a5a; color:#fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.box .bl {background:transparent url('/img/box/bl.png') no-repeat top left; width:19px; height:19px;}
.box .br {background:transparent url('/img/box/br.png') no-repeat top right; width:19px; height:19px;}

.messageok, .messageerror {font-family:arial, verdana, helvetica, sans-serif; font-weight:bold; font-size:12px; border-spacing:5px; margin-bottom:10px;}
.messageok, .messageok a {background:#ffffcc; color:#080;}
.messageok {border:1px dotted #080;}
.messageerror, .messageerror a {background:#ffffcc; color:#f00;}
.messageerror {border:1px dotted #f00;}
