@import url("1.css");
@import url("2.css");
@import url("3.css");
@import url("ben.css");




#page { width:100%; }

/*----------GENERAL----------*/

BODY {background: #489bcc url(../images/bg-body.gif) repeat-x center top; margin: 0; text-align: center; font-size: 12px; font-family: Tahoma, sans-serif;}
UL, DL {margin: 0; padding: 0;}
LI {list-style-type: none;}
DIV.container {width: 905px; margin: 0 auto; text-align: left;}
BR.clear {clear: both;}
SPAN.small, SPAN.small a, .little {font: 10px Tahoma; color: #000;}
INPUT, SELECT, TEXTAREA, LI {font: 12px Tahoma;}

/*----------HEADER----------*/

DIV.header {float:left; height: 93px; width: 905px; position: relative;}

/*---Logo---*/
DIV.logo-container {width:150px; float:left;}
DIV.header H1 {margin: 0;}
DIV.header H1 A {display: block; width: 120px; height: 80px; background: url(../images/bg-logo.gif) no-repeat center center; text-indent: -9999px;}

/*--- Links and Search Container ---*/

DIV.header DIV.link-search {float:right; width:500px; padding:10px 17px;}

/*---User Links---*/

DIV.header DIV.user-links {color: #fff; font: 11px Tahoma; text-align:right; float:right;}
DIV.header DIV.user-links LI {float:left; padding: 0 7px; border-right: 1px solid #fff;}
DIV.header DIV.user-links LI.last {margin: 0; border: none; padding-right:0px;}
DIV.header DIV.user-links A, .user-links a:visited {color: #fff;}

/*---Search---*/

DIV.header DIV.search {position: relative; float:right; margin:30px 0 0 0;padding: 5px 0px; width: 270px; height: 20px; clear: both;}
DIV.header DIV.search LABEL {display:block; position:absolute; top:3px; left:0px; padding:5px 10px 6px; font: bold 12px Tahoma; background: #fff url(../images/search-left.gif) no-repeat; color: #3e5c89;}
DIV.header DIV.search INPUT.search-input {display:block; position:absolute; top:3px; left:60px; padding-top:4px; background:#fff url(../images/search_middle.gif) repeat-x; border:none; width:183px; height:20px;}
DIV.header DIV.search INPUT.search-button {display:block; position:absolute; top:5px; left:240px; width: 30px; height: 25px; outline:none; background: url(../images/search-right-button.gif) no-repeat center; border: none; margin: -2px 2px; text-indent: -9999px;}

/*---Navigation---*/

.nav {clear:both; float:left; padding-top:2px; width: 900px;}
.nav UL {padding:0px 15px;}
.nav LI {float:left; background: #fff; margin: 0 10px 0 0; background:#fff url(../images/top-nav-left.gif) no-repeat 0 0;}
.nav LI A {display:block; padding: 8px 15px; background: url(../images/top-nav-right.gif) no-repeat right 0; color: #000; text-decoration: none;}
.nav LI A:hover {text-decoration:underline;}
.nav LI.selected {background: #cc3b21 url(../images/top-nav-selected-left.gif) no-repeat 0 0;}
.nav LI.selected A {color: #fff; background:url(../images/top-nav-selected-right.gif) no-repeat right 0;}

/* Level 2 */

.nav UL LI UL {padding:0px; position:absolute; z-index:1000; background:#FFFFFF url(../images/row-bg.gif) repeat-x scroll 0 bottom; width:116px}
.nav UL LI UL LI {float:none; background:none; border-bottom:1px #C2DEEF solid; margin:0;}
.nav UL LI UL LI A,
.nav UL LI.selected UL LI A {background:none; color:#000000;}

/*----------ABOVE CONTENT----------*/

.page > .above-content {clear:both; float:left; padding: 18px 0 0; width: 100%;}

/*---Back to---*/

A.back {background: url(../images/arrow-back.gif) no-repeat 15px 0; padding: 0 0 15px 30px; display: block; color: #fff;}

/*----------CONTENT----------*/

.page > .content {clear:both; float:left; position:relative; width: 905px; background: #fff url(../images/content-top.gif) no-repeat 0 0; padding: 0 0 10px;}
.page > .content DIV.inside {margin: 15px 15px 0 15px;}
.page > .content-bottom {clear:both; width:905px; background: url(../images/content-bottom.gif) no-repeat 0 0; height:7px;}

.page DIV.low {background-image: url(../images/content-top-low.gif);}
.page DIV.medium {background-image: url(../images/content-top-medium.gif);}
.page DIV.high {background-image: url(../images/content-top-high.gif);}

/*---Background Changes---*/

DIV.app {background: #fff url(../images/content-top-app.gif) no-repeat;}

/*----------FOOTER----------*/

body .container .footer {clear:both; height:50px; margin-bottom:10px; padding: 20px 10px 0; color: #fff; font: 10px Tahoma;}
body .container .footer DIV.left {text-align:center;}
body .container .footer DIV.right {display:none;}
body .container .footer P {margin:0;}
body .container .footer LI {float:left; padding: 0 7px; border-right: 1px solid #fff;}
body .container .footer LI.last {margin: 0; border: none;}
body .container .footer A {color: #fff; font: 10px Tahoma;}

/*---------Loading Screen----------*/
.loading-content {padding: 180px 0 140px; text-align: center;}
.loading-content span {background:transparent url(../images/loading.gif) no-repeat scroll center 0; color:#084C74; font-size:15px; font-weight:bold; padding-top:60px;}

/*---------Help page --------------*/
DIV.help-container {padding:10px 40px;}
DIV.help-container H1 {}
DIV.help-container H2 {margin:20px 0 5px; font-size:14px;}
DIV.help-container DL {border:1px #489BCC solid; border-top:none;}
DIV.help-container DL DT {overflow:hidden; background-color:#DFE8ED; border-top:1px solid #489BCC; padding: 10px;}
DIV.help-container DL DT.expanded {border-bottom:1px solid #489BCC;}
DIV.help-container DL DT SPAN.title {float:left;}
DIV.help-container DL DT SPAN.title SPAN.details {margin-left:5px;}
DIV.help-container DL DT SPAN.title SPAN.details A {font-size:10px; color:#547D96; text-decoration:underline;}
DIV.help-container DL DT SPAN.action {float:right; margin-right:10px;}
DIV.help-container DL DT SPAN.action A {padding:1px 4px; background-color:#CFDCE4; border-bottom:1px #91AFC1 solid;}
DIV.help-container DL DT SPAN.action A:hover {background-color:#91AFC1; text-decoration:none;}
DIV.help-container DL DD {display:none; margin:0; padding:0px 10px;}
DIV.help-container DL DD P {10px 0;}
DIV.help-container UL {margin:10px 0; padding-left:17px;}
DIV.help-container UL LI {padding:2px 5px;list-style-type:square;}