@import url("/rs/elluminate/images/reset.css");

/* Form Styles */
.button-container { clear:both; min-height:20px; }
a.button { background: transparent url('/rs/elluminate/images/www2010-bg_button_a.gif') no-repeat scroll top right; color:#06c; display: block; float: left; font-family:Arial,sans-serif; font-size: 11px;font-weight:bold;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
a.button span { background: transparent url('/rs/elluminate/images/www2010-bg_button_span.gif') no-repeat; display:block; font-weight:bold; color:#06c; line-height: 14px; padding: 5px 0 5px 18px; }
a.button:active { background-position:bottom right; color:#000; font-weight:bold; outline:none; }
a.button:active span { background-position:bottom left; color:#000; font-weight:bold; padding: 6px 0 4px 18px; }

/* Form fields */
.reqd { color:#B10101; font-weight:bold; }
.text-field { font-family:Verdana,sans-serif; font-size:11px; color:#08477A; background-color:#fff; padding:0 0 0 1px; border:solid 1px #4393B5;}
.select-field { font-family:Verdana,sans-serif; font-size:10px; color:#08477A; background-color:#fff; border: solid 1px #4393B5;}
.field-pair { clear:both; margin-bottom:0.5em; }
.readonly-field { font-family:Verdana,sans-serif; font-size:11px; color:#555; background-color:#eee; padding:0 0 0 1px; border:solid 1px #4393B5; }

/* Form field errors */
.text-field-error { font-family:Verdana,sans-serif; font-size:11px; color:#08477A; padding-left:1px; border: solid 1px #B10101; background-color:#fff6a9; }
.select-field-error { font-family:Verdana,sans-serif; font-size:10px; color:#08477A;  border: solid 1px #B10101; background-color:#fff2a2;}
.field-label { padding-top:0.2em; float:left; text-align:right; margin-right:0.7em; display:block; font-size:11px;}
.field-label-error { color:#08477A; font-weight:bold; font-size:11px; padding-top:0.2em; float:left; text-align:right; margin-right:0.7em; display:block;}
.field-error { margin-top:5px; color:#B10101; font-size:11px; }

/* Panel is used to display mouseover captcha description */
#MouseoverPanelId { position:absolute; display:none; left:0px; top:0px; height:0px; z-index:200;}
.Panel { padding:10px; width:250px; color:#08477A; background-color:#fff; border:1px solid #4393B5; font-family:Arial,sans-serif; font-size:11px;}
.PanelTitle { font-family:Arial,sans-serif; font-size:13px; color:#08477A; font-weight:bold; margin-bottom:10px; }

/* Call-out boxes */
.call-out-white {background-color:#fff;border:1px solid #4393B5; font-size:10px; font-family:Verdana,sans-serif; padding:10px}
.call-out-light {background-color:#D6E1EA;border:1px solid #4393B5;padding:10px; font-size:10px; font-family:Verdana,sans-serif;}
.call-out-warning {background-color:#fff6a9;border:1px solid #B10101;color:#B10101;font-size:10px;font-family:Verdana,sans-serif;margin:2px;padding:5px}


/* Tables */
table.formatted-table th { color:#fff; font-weight:bold; background-color:#08477A; padding:4px 6px; border-collapse:collapse; border-left:1px solid #fff; text-align:left; }
div.formatted-table table td { padding:4px 6px; border-collapse:collapse; border-bottom:1px solid #08477A; text-align:left;}
div.formatted-table table tr:hover { background-color:#D9E5F0; }
div.formatted-table table td.label { font-weight:bold; }
div.formatted-table table td.label:hover { background-color:#D9E5F0; }

/* Misc formatting */
.centered { text-align:center;}
.right-aligned { text-align:right;}
.normal {font-weight:normal}
.small-font { font-size:10px; font-family: Verdana,arial,sans-serif; color:#08477A;}
.smaller-font {color:#08477A; font-size:9px; font-family: Verdana,arial,sans-serif;}
.italic {font-style:italic;}
.bold {font-weight:bold}
.row-background-even { background-color:#E4EFF9; }
.row-background-odd { background-color:#fff; }
.float-right { float:right; }
.indented{margin-left:20px}
.space-after{margin:0 0 20px 0}
.space-before{margin:20px 0 0 0}


html,body{margin:0;padding:0}
body{font: 76% Calibri, arial, sans-serif; background:#3f6185 url('/rs/elluminate/images/www2010-hash.gif');}
p{margin:0 0 10px 0;color:#00467f;}
em, span.em{font-style:italic;}
span.bold, p.bold {font-weight:bold;text-transform:none;}
span.center{padding:0 50px;text-align:center;display:block;}
span.right{text-align:right;display:block;}
span.upper{text-transform:uppercase;font-family:Georgia;font-size:10px;}
h1, h2, h3{ color:#00467f;margin-bottom:15px;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
blockquote{margin:0 40px;}
a{color:#06c;text-decoration:none;}
a:hover{text-decoration:underline;}

#content strong{font-weight:bold;}
p#login{float:right;margin:33px 20px 0 0;color:#fff;text-transform:uppercase;}
p#login a{color:#fff;text-decoration:none;margin:0 10px;}
p.intro{font-size:19px;}
div#container{text-align:left;z-index:20;}
div#footer{font-size:13px;}
#footer ul{text-align:center;margin:0 auto;width:960px;border-top:1px solid #c0daf2;}
#footer ul li{float:left;color:#8bb1d0;}
#footer ul li a{color:#8bb1d0;margin:0 5px 0 8px;}
#footer p{clear:left;color:#8bb1d0;text-align:center;padding-bottom:15px;}

/* ============== */
/* = CONTAINERS = */
/* ============== */
div#container{width:1000px;margin:0 auto;position:relative;}
div#flare{position:absolute;left:-340px;z-index:-1;}
div#logo{position:absolute;z-index:250;top:4px;left:5px;width:232px;height:127px;background:url('/rs/elluminate/images/www2010-logo-glow.png') no-repeat;}
div#logo img{margin:15px 0 0 15px;/*display:none;*/}
div#header{width:1000px;height:60px;}
div#wrapper{width:960px;padding:0 20px;background:white;}
div#content{float:right;width:963px;padding-bottom:20px;}
div#footer{width:1000px;height:148px;background:url('/rs/elluminate/images/www2010-bg-footer.png') no-repeat;}

/* ====================== */
/* = NAV HERE = */
/* ====================== */
div#navigation{
    height:40px;
    width:980px;
    background:url('/rs/elluminate/images/www2010-bg-nav.png') no-repeat;
    padding-right:20px;
    position:relative;
    z-index:200;
}
div#navigation ul {margin:10px 0 0 0;float:right;}
ul#nav li{float:left;}
ul#nav li a,ul#nav li span{
    text-decoration:none;
    display:block;
/*  padding:0 20px;*/
    height:15px;
    color:#00467f;
    font-size:14px;
    line-height:15px;
    width:93px;
    text-align:center;
    padding-top:2px;
}
ul#nav li:hover{overflow:visible; text-decoration:underline;}

div.clear {clear:both;}
div.no_margin{margin-left:0;margin-right:0;}
div.hidden{display:none;}

/* ========= */
/* = FONTS = */
/* ========= */

.subpage .content h1,
.subpage .content h2,
.subpage .content h3 {font-weight:bold;margin-bottom:5px;}
.subpage .content h1{font-size:20px;}
.subpage .content h2{font-size:18px;}
.subpage .content h3{font-size:16px;}
.subpage .content a {color:#06c !important; font-weight:bold;}
.subpage .content {color:#00467f;font-size:14px;}
.subpage div.content ul{margin: 0 0 20px 30px;}
.subpage div.content ul li{list-style-type:disc;}
.subpage div.content form li{list-style:none;}
.subpage hr{background:url('/rs/elluminate/images/www2010-hr.png') 50% 100% no-repeat;height:15px;border:none;}


/* ========== */
/* = LAYOUT = */
/* ========== */

.subpage #banner{width:960px;height:180px;margin-bottom:22px;}

div.one{background:url('/rs/elluminate/images/www2010-banners-one.jpg');}
div.two{background:url('/rs/elluminate/images/www2010-banners-two.jpg');}
div.three{background:url('/rs/elluminate/images/www2010-banners-three.jpg');}
div.four{background:url('/rs/elluminate/images/www2010-banners-four.jpg');}
div.five{background:url('/rs/elluminate/images/www2010-banners-five.jpg');}

.subpage div.cwrap{
    width:960px;
    float:right;
    position:relative;
    padding-bottom:30px;
    background:url('/rs/elluminate/images/www2010-bg-content-960.jpg') repeat-y;
}

.subpage div.content{
    width:872px; /*960 - 88*/
    background:url('/rs/elluminate/images/www2010-bg-content-top-960.jpg') no-repeat;
    padding:44px;
    position:relative;
}
.subpage div.content_footer{
    height:37px;
    width:960px;
    /*float:right;*/
    position:absolute;
    bottom:0;
    left:0;
    background:url('/rs/elluminate/images/www2010-bg-content_footer-960.jpg') no-repeat;
}


