﻿/***** Global Settings *****/
html { }
html, body { border: 0; margin: 0; padding: 0; }
body { font: 12px arial, helvetica, sans-serif; background: #004569; }
/***** Common Formatting *****/
.float-text{margin-right:10px;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
h1,h2.h1center { padding: 0 0 0 0; margin: 5px 0 10px 0; letter-spacing: -1px; font: 18px arial, helvetica, sans-serif; color: #4584af; }
h2.h1center { text-align: center; }
h1 span.time { float: right; font-size: 14px; color: #000; padding: 3px 0; }
h2 { font-size: 14px; color: #c47334; padding: 5px 0 2px 0; }
h2.home { font-size: 18px; color: #787e94; padding: 5px 0 2px 0; }
hr.yellow-bar { color: #cd9264; height: 1px; border: none; background: #cd9264; }
hr.gold-bar { color: #cd9264; height: 1px; border: none; background: #cd9264; }
h3 { font: 1.1em arial, helvetica, sans-serif; font-weight: bold; color: #6d715d; padding: 0 0 5px 0; }
p, ul, ol { margin: 0; padding: 0 0 18px 0; color: #626262; }
p strong { color: #1c294b; }
.cyclediv{height:110px;}
ul, ol { padding: 0 0 10px 40px; }
ul { list-style: none; }
a { color: #003B63; text-decoration: none; }
a:hover { color: #000; }
.board td{width:333px;background:#D7DBBF;color:#767676;}
.board .odd td{background:#E5E8CF;}
.board strong{color:#004569;}
.trusttable td{padding:0;}
.bingResult_Alt{background:#F5F5EB;}
.bingResult, .bingResult_Alt{padding:10px;}
.bingResultsContainer h3{font-size:18px;}
.bingResultsContainer p{margin-bottom:5px;padding:0;}
.cycle_buttons{margin-bottom:5px;}
.cycle_banners{margin-bottom:10px; text-align:right;}
.large_banner{height:110px;width:165px;display:block;}
.cycle_body{text-align:center; width:646px; background:url(images/cyclebg.png) no-repeat center top; height:231px;}
.cycle_main{margin:6px auto; text-align:left; width:530px; padding:10px; height:150px; position:relative;}
.Cycle2 .Cycle_link{position:absolute; bottom:10px;text-decoration:none;}
.Cycle2 .Cycle_controls{top:0;top:182px;right:59px;}
p a, p a:visited { color: #003B63; text-decoration: underline; }
blockquote { margin: 22px 40px; padding: 0; }
small { font-size: 0.85em; }
img { border: 0; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }
.hrule { border-bottom: 1px solid #96ba74; text-align: center; margin: 0 auto 5px auto; width: 520px; }
.list li { background: transparent url(images/list.gif) left .2em no-repeat; font-size: 12px; list-style-type: none; padding-left: 18px; margin: 0; line-height: 18px; }
.list li ul { padding-bottom: 0; }
.list li ul li { background: transparent url(images/small-square.gif) left .2em no-repeat; font-size: 12px; list-style-type: none; padding: 0 0 0 18px; margin: 5px 0; }
.list li ul li ul li { background: transparent url(images/small-arrow.gif) left .2em no-repeat; font-size: 12px; list-style-type: none; padding-left: 18px; margin: 5px 0; }
.list li a { color: #000; }
ul.list-radio { padding: 5px 0 0 5px; }
.list-radio li { background-image: url(images/sprite1.png); background-repeat: no-repeat; background-position: 0px -44px; font-size: 12px; list-style-type: none; padding-left: 35px; margin: 0; line-height: 30px; }
ul#events { margin-top: 10px; }
ul#events li { margin-bottom: 10px; }
ul#events li a { text-decoration: underline; color: #C53E01; }
.quick_links{margin:0 0 15px;border:1px solid #004569;padding:5px 5px 0;}
.bingMap{width:auto;float:none;height:400px;}
/***** Links *****/
a, a:visited { text-decoration: none; }
.quick_links a, .quick_links a:visited, .quick_links a:link{margin-bottom:5px; display:block;background:#F5F5EB;padding:3px;color:#4584AF;font-weight:bold;}
.quick_links a:hover{background:#D9D5BE;}
/***** Forms *****/
input, select, textarea { font: 1em arial, helvetica, sans-serif; }
textarea { line-height: 1.25; }
label { cursor: pointer; }
/***** Tables *****/
table { border:1px solid #658EA4; margin: 0 0 5px 0; padding: 0; border-collapse: collapse;}
table.news { border-collapse: collapse; }
table.news tr td { padding: 0 10px 10px 10px; }
table.news tr td a { text-decoration: underline; }
table.news tr.table-bar { background: url(images/table-bar.jpg) repeat-x; height: 18px; color: #fff; }
tr{background:#D7DBBF;}
th,td{padding:3px;}
td{vertical-align:top;border-right:1px solid #658EA4;}
th{text-align:left;background:#658EA4;color:#F1F4E2;}
/***** Wrapper *****/
#wrap { width: 912px; margin: 0 auto -5px auto; background: url(images/wrap.jpg) repeat-y top center; }
#wrap-inner { width: 898px; margin: 0 auto 0 7px; background: #fff; }
/***** Content *****/
#topContent { margin: 0; width: 898px; }
#midContent { margin: 0; padding: 1px 0; width: 898px; height: 212px; border-top: 1px solid #d6d6d6; clear: both; }
#mid-left { width: 520px; height: 212px; float: left; }
#mid-right { width: 449px; height: 212px; background: #d2dbec; text-align: center; float: right; }
.timeBar { height: 25px; float: right; width: 500px; padding: 0; margin: 10px 0; }
.sideContent { width: 185px; padding: 10px 0; float: left; font-size: 12px; }
.nav-top-bottom { background: url(images/nav-bottom.jpg) no-repeat left; width: 188px; height: 16px; float: left; }
#leftContent { width: 202px; padding: 0 0 10px 0; float: left; }
#sideContent { padding: 10px 0 0 14px; }
#middleContent { width: 362px; padding: 10px 16px 10px 16px; float: left; }
#rightContent { width: 192px; padding: 10px 16px 10px 16px; float: left; }
#mid-wrap { width: 898px; clear: both; }
#mid-wrap-sub { background:url(images/content_bg.png) repeat-y left top #F1F4E2; width: 898px; border-top: 1px solid #d6d6d6; clear: both; }
#search-content { background: #fff; width: 650px; padding: 10px; }
#singleContent { width: 650px; padding: 0; }
#footerContent { clear: both; }
#contentArea { float: right; margin: 10px; width: 666px; padding-left:10px;}
#rightSide { float: left; width: 210px; }
#leftSide { width: 440px; float: left; margin: 0 30px 0 0; }
.banners { margin: 0 auto; text-align: center; }
.banners-grey { margin: 0 auto; text-align: center; border-top: 1px #bac1cb solid; }
.selectBar { height: 20px; width: 120px; padding: 0; margin: 8px 0 0 34px; float: left; }
p.non { text-align: center; font-weight: bold; margin: 0 10px 0 14px; }
#logon { padding: 0; font-size: 11px; line-height: 16px; color: #fff; margin: 0 0 20px 10px; width: 153px; }
#logon h3, .quick_links h3{ font-size: 12px; color: #fff; margin: 10px 0 10px 0; padding: 3px 0 7px 0; text-align: center; background: #004569; height: 11px;  }
.quick_links h3{margin:-5px -5px 5px;}
.quick_links img{float:left; margin:3px 5px 3px 3px;}
#logon a.button { padding: 3px 2px 4px 1px; text-align: center; width: 66px; float: left; clear: none; background-image: url(images/sprite1.png); background-repeat: no-repeat; background-position: 0px 0px; font-weight: bold; color: #000000; text-decoration: none; margin-right: 5px; line-height: 15px; }
#logon a.button:hover { color: #fff; background-image: url(images/sprite1.png); background-repeat: no-repeat; background-position: 0px -22px; }
#logon a.learn { color: #000; }
#logon a.learn:hover { color: #000; }
#logon .break { margin: 10px 0; color: #000; border-bottom: 1px solid; }
#logon small { line-height: 24px; }
.footer { clear: both; width: 912px; margin: -10px auto; background: url(images/footer.jpg) no-repeat center; color: #fff; font-size: 11px; height: 48px; padding: 0; }
.footer a { color: #fff; text-decoration: underline; }
.footer a:hover { color: #fff; }
.footer-inner { width: 840px; margin: 0px auto; height: 20px; line-height: 20px; }
.footer-left { float: left; margin: 8px 0; }
.footer-right { float: right; }
.text-center-footer { text-align: center; margin: 8px 0; }
.topImages{width:646px; height:165px; float:right;}
#menulist a{display:none;}
/**** Navigation ****/
#menulist *{float:none !important;position:relative !important;}
#menulist ul li{font-size: 12px;font-weight: bold;line-height:27px;padding: 0;}
#menulist ul.level2 li{font-weight:normal;}
#menulist ul a {display:block;width:202px;padding: 0 0 0 10px;width: 192px !important;border-bottom: 1px solid #F1F4E2;}
#menulist ul a:hover {background:#F1F4E2;color:#32687F;}
#menulist ul.level3{visibility:hidden;display:none!important;}
#subNav{border-top:8px solid #004569;border-bottom:8px solid #004569;width:202px;}
#menulist ul.level2{display:none !important;}
#menulist ul.level1,#menulist ul li,#menulist li.selected ul.level2,#menulist ul.cur_level2{display:block !important;padding:0;margin:0;}
#menulist li.selected a.selected,#menulist li li.dynamic a:hover {background:#658EA4;color: #fff;}
/***** PDF List *****/
ul.pdf li { background: transparent url(images/pdf-icon.gif) left center no-repeat; list-style-type: none; font-size: 12px; padding-left: 18px; margin: 0; }
ul.pdf li a { color: #000; }
dl.pdf dd { background: transparent url(images/pdf-icon.gif) left center no-repeat; padding-left: 18px; }
/* custom styling for myWEALTH text */
span.my { color: #d79a00; font-weight: bold; }
span.wealth { color: #333333; font-weight: bold; }
.wealth-float { float: right; text-align: center; margin: 0 0 0 5px; font-size: 11px; }
.wealth-float img { border: 1px solid #a49e98; }
.disclaimer { font-size: 11px; border: 1px solid #bbb; background: #f8f8f8; padding: 5px; margin: 30px 10px 10px 10px; clear: both; }
.disclaimer a { color: #000; }
/* tooltip for myWEALTH */
a span.tooltip { display: none; }
/***** Survey *****/
.survey { }
.survey p { margin: 0; padding: 5px 0 5px 0; }

/***** Global Classes *****/
.brown-bar{border-bottom:1px solid #eaeae5;}
.clear { clear: both; }
.float-left { float: left; }
.float-left-title { float: left; padding: 0 10px 5px 0; }
.float-left-pad { float: left; padding-left: 50px; }
.float-left-img { float: left; padding: 2px; border: 1px solid #A49E98; margin: 0 4px 0 0; }
.float-right { float: right; }
.float-right-pad { float: right; padding-right: 50px; }
.float-right-img { float: right; padding: 2px; border: 1px solid #A49E98; margin: 0 0 0 4px; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-center-small { text-align: center; font-size: 10px; }
.text-center-footer { text-align: center; padding: 8px 0 0 80px; }
.text-justify { text-align: justify; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.highlight { background: #ffc; }
.bordered { border: 1px solid #ccc; padding: 3px; float: right; }
.bordered-left { border: 1px solid #ccc; padding: 3px; float: left; margin: 0 2px 0 2px; }
.bordered-nf { border: 1px solid #ccc; padding: 3px; }
.bordered-center { border: 1px solid #ccc; padding: 3px; margin: 0 auto; }
.video-center { padding: 3px; margin: 0 auto; width: 330px; }
.img-left { float: left; margin: 4px 10px 4px 0; }
.img-right { float: right; margin: 4px 0 4px 10px; }
.img-center { margin: auto; display: block; }
.nopadding { padding: 0; }
.noindent { margin-left: 0; padding-left: 0; }
.nobullet { list-style: none; list-style-image: none; }
.small { font-size: 10px; }
.crumb { font-size: 11px; color: #989898; }
.crumb span { color: #cd9264; font-weight: bold; }
.crumb a { font-size: 11px; color: #989898; text-decoration: none; font-weight: bold; }
.crumb a:visited { text-decoration: none; }
.calc { font-size: 11px; border: 1px solid #eee; padding: 5px; margin: 0 auto 15px auto; width: 230px; }
.quote { color: #000; margin: 10px 0; padding: 10px; font-family: Arial; font-size: 1.9em; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: -1px; line-height: 1.1em; }
.grey { background: #f0b310; }
.grey h3 { color: #000; }
.flash-banner { margin: 5px 0 10px 20px; }
.box { width: 100%; border: 1px solid #518cb4; }
.box2 { width: 90%; border: 1px solid #518cb4; text-align: center; margin: 0 auto; }
.box-aff { width: 100%; border: 1px solid #518cb4; background:#F5F5EB; float:left; margin-bottom:20px; }
.box-section { width: 22%; background: url(images/box1.jpg) repeat-x; height: 116px; float: left; padding: 10px 10px 0 10px; }
.box-section2 { width: 22%; background: url(images/box2.jpg) repeat-x; height: 116px; float: left; padding: 10px 10px 0 10px; }
.box-section-3 { width: 47%; background: url(images/box1.jpg) repeat-x; height: 116px; float: left; padding: 10px 10px 0 10px; }
.box-section-3a { width: 46%; background: url(images/box2.jpg) repeat-x; height: 116px; float: left; padding: 10px 10px 0 10px; }
.box-section-aff { width: 25%;  float: left; padding: 10px 10px 0 10px; }
.box-section-aff-2 { width: 20%;  float: left; padding: 10px 5px 0 5px; }
.box-section-aff-3 { width: 22%; float: left; padding: 10px 5px 0 0; }
.box p, .box2, .box-aff p { font-size: 10px; }
/* Survey */
.survey p { font-size: 11px; }
.survey h3 { color: #000; padding: 0 0 3px 0; margin: 5px 0 0 0; letter-spacing: -1px; width: 100%; display: block; border-bottom: 1px solid #96ba74; }
.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn { background: url(images/surveyButton.gif) no-repeat right top; width: 52px; }
.surveyNextBtn:hover, .surveyBackBtn:hover, .surveySubmitBtn:hover { background: url(images/surveyButtonHover.gif) no-repeat right top; }
.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn { margin: 10px 10px 0 0; float: left; }
.surveyNextBtn a, .surveyBackBtn a, .surveySubmitBtn a { font-weight: bold; padding: 3px 0px 3px 3px; background: url(images/surveyButton.gif) no-repeat left top; font-size: 12px; width: 45px; text-align: center; color: #000000; display: block; }
.surveyNextBtn a:hover, .surveyBackBtn a:hover, .surveySubmitBtn a:hover { background: url(images/surveyButtonHover.gif) no-repeat left top; color: #C53E01; }
.surveySubmitBtn a { width: 85px; }
.surveySubmitBtn { width: 90px; }
.labelLine { margin-bottom: 10px; }
.labelLine label { font-weight: bold; color: #444444; margin: 20px 0 5px 0; padding: 0px; font-size: 13px; float: left; }
.survey .required { float: left; font-size: 10px; color: Red; margin: 20px 0 0 10px; }
span.mcss_checkbox_horizontal, span.mcss_checkbox_vertical, span.mcms_checkbox_horizontal, span.mcms_checkbox_vertical { display: block; }
span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, span.mcss_checkbox_horizontal input, span.mcss_checkbox_vertical input, span.mcms_checkbox_horizontal input, span.mcms_checkbox_vertical input { float: none; display: inline; margin-right: 5px; }
span.mcss_checkbox_vertical input { margin-bottom: 15px; }
span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, select { font-size: 11px; font-weight: normal; }
span.mcss_checkbox_horizontal label { margin-right: 15px; }
div.labelLine { display: inline-block; }
select, input, textarea { display: block; }
#surveyDIV p { margin: 0px; padding: 0px; position: relative; }
/* Rates */
#rates .spaceTD { display: table-cell; height: 40px; }
#rates .column1, #rates .column2, #rates .column3 { display: table-cell; text-align: center; border-bottom: 1px solid #cccccc; }
#rates .column1 { width: 285px; border-right: 1px solid #cccccc; padding: 8px 0px 8px 5px; text-align: left; vertical-align: top; }
#rates .column2 { width: 185px; padding: 8px 0px 8px 0px; border-right: 1px solid #cccccc; }
#rates .column3 { width: 185px; padding: 8px 0px 8px 0px; }
#rates h3 { padding-bottom: 10px; }
#rates .title { color: #777777; padding: 5px 0px 5px 0px; border: none; border-bottom: 1px solid #777777; vertical-align: middle; font-size: 14px; }
#rates tr.altRow { background-color: #f9f9f9; }
#rates .tier { font-weight: bold; border-top: 6px solid #cd9264; border-bottom: 1px #ccc solid; display: table-cell; padding: 5px 0 0 0; font-size: 15px; }
.ui-tabs-hide { display: none; }
#rates ul { padding: 0px; height: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; }
#rates ul li { font-size: 12px; display: block; float: left; display: inline; margin-right: 5px; padding: 3px 0px 2px 4px; background: url('images/ratesTab.jpg') left top no-repeat; }
#rates ul li:hover, #rates ul li.ui-tabs-selected { background: url('images/ratesTab_over.jpg') left top no-repeat; }
#rates ul li a:hover, #rates li.ui-tabs-selected a { background: url('images/ratesTab_over.jpg') right top no-repeat; }
#rates li.ui-tabs-selected a { font-weight: bold; color: #000000; }
#rates ul li a { background: url('images/ratesTab.jpg') right top no-repeat; padding: 3px 6px 2px 3px; }
#rates #disclaimer { font-size: 11px; color: #777777; }
#rates table, #rates table tbody { width: 100%; }
small { font-size: 11px; color: #666666; }
#imageData #caption { font-weight: normal; }
/*** Banners ***/
.banner { margin: 5px 0px 5px 7px; }
/***** Community Links ******/
.links p { font-size: 12px; margin: 0; border: 1px solid #ffffff; padding: 0; background: #96ba74; }
.links p:hover { border: 1px dotted #777777; }
.links a { display: block; padding: 5px 0 5px 5px; }
.links .odd { background-color: #f2f2f2; }
.links a:hover { color: #efa51c; }
.links .linkTitle, .links .linkTitle:hover { color: #000; text-decoration: none; }
#screenshot { position: absolute; border: 1px solid #ccc; background: #000; padding: 5px; display: none; color: #fff; font-size: 10px; }
#screenshot img { padding-bottom: 5px; }
h2.radio { background: #4584af; border: 1px solid #ccc; height: 20px; width: 220px; font-size: 14px; padding: 3px 0 0 10px; color: #fff; }
/**** Vitural Earth Map ****/
.VEAPI_Pushpin { text-decoration: none; }
.pinStyle1 { position: relative; background: url(images/pin1.gif) no-repeat 0 0; height: 30px; width: 25px; top: -15px; color: #fff; text-align: center; font: bold 12px Arial; cursor: pointer; }
.pinStyle1 .text { position: relative; top: 2px; }
.map { position: relative; width: 650px; height: 400px; margin: 0 auto; border: 1px solid #787e94; }
#news p { padding: 5px 0 5px 10px; margin: 0 0 10px 0; }
#news p.odd { background-color: #f1f1f1; }
/**** Media Release *****/
#media_releases h1 { display: none; visibility: hidden; }
#media_releasesFP { background: #d2dbec; padding: 10px; }
#media_releasesFP p { border-bottom: 1px solid #fff; padding: 5px 0 10px 0; }
#media_releasesFP strong { color: #1c2949; }
#media_releasesFP a { text-decoration: none; }
#media_releasesFP #press_link { padding: 5px 0; }
#media_releasesFP h3 { }
.odd { background: #F1F4E2; margin: 0 0 8px 0; }
#years { background: url(images/table-bar.jpg) repeat-x; height: 18px; padding: 2px; color: #fff; margin: 4px 0 -15px 0; }
#years a { color: #fff; }
/**************** Accordion*********************/
#accordion { width: 650px; border-bottom: solid 1px #c4c4c4; margin: 0 auto; padding: 0; text-indent: 0; }
#accordion a.head { background: #518cb4 url(images/collapsed.gif) no-repeat right; border: 1px solid #000; color: #fff; cursor: pointer; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 7px 20px 15px 10px; text-decoration: none; text-indent: 0px; }
#accordion a.head:hover { background-color: #fff; color: #000; }
#accordion a.selected { background-image: url(images/expanded.gif); }
#accordion a.current { background-color: #FFFF99; }
#dhtmltooltip { color: #000000; position: absolute; text-align: justify; width: 100px; font-size: 11px; border: 1px solid black; padding: 3px; background: #ffffcc; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ }
#accordion h3 { margin: 20px 0 8px 0; }
