/* core styles for all browsers private */ body { font-family:Verdana; font-size:12px; margin:0; padding:0; } * { margin:0; padding:0; } #skipNavLink { display:none; } .postloginText { display:none; } .highlight { background-color:#EEF9DA; } /* ----- GENERAL TEXT STYLES ----- */ h2 { padding:10px 0 15px; font-size:1.2em; line-height:1.3em; color:#2D6696; } h2.subtitle { padding-top:0; } h2.news { color:#666; padding-top:0; } h2 sup { font-size:.8em; } h3 { padding:0 0 10px; font-size:1em; color:#666; } h3.tall { padding-top:10px; } h2 span, h3 span { font-weight:normal; line-height:1.5em; } h2 span { line-height:1.2em; } p { color:#555; padding:0 0 15px; line-height:1.5em; } li { color:#555; padding:0 0 15px; } td { color:#555; } .alert, p.error { color:#F37E28; } .lrg, .lrgBold, .lrgBoldGreen { font-size:1.2em; } .lrgBold, .lrgBoldGreen { font-weight:bold; line-height:1.7em; } .lrgBoldGreen { color:#638B14; } .lrg sup { font-size:.8em; } .bold { font-weight:bold; } .finePrint { color:#999; font-size:.9em; } .lrgGreen { color:#638B14; font-size:1.4em; font-weight:normal; } p.topLink { text-align:right; } .callRep span { display:block; margin:3px 0 0; } ul { list-style-type:none; } li ul { list-style-type:square; margin:10px 0 0 20px; } li ul li { padding:0 0 5px; } ol { margin:0 0 15px 30px; } ol li { line-height:1.5em; padding:0 0 10px; } .noBullets, .bulletGreen, .bulletYellow, .bulletBlue, .bulletAnchor { margin:0 0 15px; } .noBullets li, .bulletGreen li, .bulletYellow li, .bulletBlue li, .bulletAnchor li { line-height:1.5em; padding:0 0 8px 20px; } .noBullets li { padding:0 0 10px; } .bulletGreen li { background:url(/images/bullet_green.gif) no-repeat 0 5px; } .bulletYellow li { background:url(/images/bullet_yellow.gif) no-repeat 0 5px; } .bulletBlue li { background:url(/images/bullet_blue.gif) no-repeat 0 5px; } .bulletAnchor li { background:url(/images/bullet_anchor.gif) no-repeat 3px 5px; } .bulletBlue li ul { list-style-type:none; margin:5px 0 0 10px; } .bulletBlue li li { background-image:none; font-size:1em; padding-left:0; } .shortList li { padding:0 0 3px 15px; } tr.even td { background-color:#EFF4F8; } .standard { margin:0 0 20px; font-size:1em; } .standard table { font-size:1em; } .standard th { text-align:left; color:#555; } .standard td, .standard th { padding:5px 30px 5px 0; line-height:1.5em; } .standard td { vertical-align:top; border-top:1px solid #eee; } .standard td td { padding:0; border:0; } .standard td.label { font-weight:bold; } .standard td.last { padding-right:0; } .poolGraph { margin:8px 0 0; } .figures { border-bottom:1px solid #D0DFEA; margin:0 0 15px; font-size:1em; } .figures th, .figures td { font-size:.9em; padding:5px 15px; } .figures th { color:#fff; text-align:left; vertical-align:bottom; background-color:#5C94BB; border-bottom:3px solid #D0DFEA; } .figures td { vertical-align:top; line-height:1.3em; border-right:1px solid #D0DFEA; border-bottom:1px solid #D0DFEA; } .figures td.last { border-right:0; } td.currency, .figures td.currency { text-align:right; } .solutions { width:100%; font-size:1em; } .solutions td { vertical-align:top; width:25%; padding:0 15px 0 10px; background:url(/images/bg_dots_vertical.gif) repeat-y top right; } .solutions td.last { background-image:none; } h3.solution { color:#638B14; border-bottom:4px solid #638B14; padding:7px 0; margin:0 0 12px; text-align:center; } .solutions th.left { color:#fff; vertical-align:bottom; background-color:#5C94BB; border-bottom:3px solid #D0DFEA; padding:3px; text-align:center;} /* njd */ .solutions th.right { color:#fff; vertical-align:bottom; background-color:#638B14; border-bottom:3px solid #E4EFCA; padding:3px; text-align:center;} /* njd */ .nonlinkedResource { font-style:italic; font-weight:bold; } /* ----- LINKS AND BUTTONS ----- */ a:link { color:#2C84C3; } a:visited { color:#505EA8; } a:hover, a:active { color:#215486; } a span { cursor:pointer; } a.lrgLink:link, a.lrgLink:visited, a.lrgLink:hover, a.lrgLink:active { font-size:1.2em; font-weight:bold; color:#57801C; background:url(/images/arrow_double_yellow.gif) no-repeat center right; padding-right:16px; } a.btnGreen:link span, a.btnGreen:visited span, a.btnGreen:hover span, a.btnGreen:active span { font-size:.9em; font-weight:bold; } .hcursor { cursor:hand; } /* ----- PAGE LAYOUT ----- */ #page { width:980px; margin:0 20px; } #content { width:680px; padding:20px 30px; } /* home page styles */ #homeContent { padding:20px 20px 0; } #homeContentTop { padding:0 0 10px; } #homeContentTopLeft, #homeContentBtmLeft { float:left; width:330px; } #homeContentTopRight { float:right; width:595px; } #homeContentBtmRight { float:right; width:590px; } #homeContentTopRight { background:url(/images/bg_home_content_top.gif) no-repeat left bottom; } #homeContentTopRight .inner { padding:0 0 15px 24px; } #homeSlides { width:330px; height:220px; position: relative; } #homeSlides div { top:0; left:0; background-color:#fff; } span#slideboxcorner {position: absolute; background: url(/images/slideshow_corner_overlay.png); z-index: 100;top: 0; right: 0; width: 18px; height: 18px;} /*box corner png workaround for IE*/ *html span#slideboxcorner {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slideshow_corner_overlay.png', sizingMethod='scale');} #homeBox1 .boxInfoContent { background:url(/images/box_home_btm_left.gif) no-repeat bottom left !important; } /* njd */ #homeBox2 .boxInfoHeader { background:#5C94BB url(/images/box_home_top_rt.gif) no-repeat top right !important; padding:0 10px; } /* njd */ #homeBox1 h3, #homeBox2 h3, #homeBox3 h3 { margin:0 10px; } #homeBox2 { float:left; width:280px; } #homeBox3 { float:right; width:290px; } #homeBox3 h3 { font-size:1.1em; } #homeBox1 .boxInfoContent p, #homeBox2 .boxInfoContent p { font-size:1em; margin:0 10px; } #homeBox3 .boxCGFcontent p { font-size:1em; margin:0 10px 0.5px; } p.homeIntro, h2.home { font-size:18px; } p.homeIntro { color:#5C94BB; line-height:1.6em; } h2.home { font-weight:normal; } .homeActionLinks { float:left; } .homeActionLinks li { font-size:1.2em; font-weight:bold; padding:0 0 10px; } #homeList1 { margin-right:30px; } /* types of layout */ .overviewTemplate { } .secondaryTemplate { } /* font-family for most page titles (h1) is Avenir 45 Book, which is set using sIFR. the fonts set below are visible when the user doesn't have flash, or when the site is printed. */ #pageTitle { position:relative; } #pageTitle h1 { position:absolute; top:0; left:0; font-family:Arial; font-weight:normal; } .overviewTemplate #pageTitle { height:50px; } .overviewTemplate #pageTitle h1 { background-color:#fff; color:#4381AD; font-size:28px; padding:2px 5px 2px 0; } .secondaryTemplate #pageTitle { height:50px; } .secondaryTemplate #pageTitle h1 { top:5px; background-color:#fff; color:#4381AD; font-size:28px; } .solutionTemplate #pageTitle { height:50px; } .solutionTemplate #pageTitle h1 { top:5px; background-color:#fff; color:#4381AD; font-size:28px; } /* ----- header styles ----- */ #logo { float:left; } #header { background-color:#215486; color:#fff; padding:10px 0 12px 12px; } #headerAd { background-color:#5D8DB4; height:101px; width:980px;} #headerAd h2 { color:#fff; font-size:28px; font-weight:normal; float:left; padding: 30px 0 0 30px } #headerLinks { float:right; width:27.5em; } #headerLinks li { float:left; padding:0 12px; } #headerLinks a.headerLink:link, #headerLinks a.headerLink:visited, #headerLinks a.headerLink:hover, #headerLinks a.headerLink:active { font-size:.9em; color:#fff; } #fontsizeLarge, #fontsizeSmall { display:none; } /* ----- top nav styles ----- */ #topNav { background-color:#5C94BB; color:#fff; } #topNav, #topSubNav { padding:0 0 0 16px; height:2.5em; overflow:hidden; } #topNavLinks { width:780px; float:left; list-style-type:none; margin-left:3px; margin-top:4px; } #topNavLinks li { display:inline; } a.topNavLink:link, a.topNavLink:visited { float:left; font-size:.9em; padding:.6em 12px .8em; margin-right:3px; color:#fff; text-decoration:none; font-weight:bold; } a.topNavLink:active, a.topNavLink:hover { background:#6D9FC2 url(/images/topnav_hover.gif) no-repeat right top; } body.topNav1 a#topNav1:link, body.topNav1 a#topNav1:visited, body.topNav1 a#topNav1:hover, body.topNav1 a#topNav1:active, body.topNav2 a#topNav2:link, body.topNav2 a#topNav2:visited, body.topNav2 a#topNav2:hover, body.topNav2 a#topNav2:active, body.topNav3 a#topNav3:link, body.topNav3 a#topNav3:visited, body.topNav3 a#topNav3:hover, body.topNav3 a#topNav3:active, body.topNav4 a#topNav4:link, body.topNav4 a#topNav4:visited, body.topNav4 a#topNav4:hover, body.topNav4 a#topNav4:active, body.topNav5 a#topNav5:link, body.topNav5 a#topNav5:visited, body.topNav5 a#topNav5:hover, body.topNav5 a#topNav5:active { background:#fff url(/images/topnav_on.gif) no-repeat right top; color:#536E8A; } #topSubNav { padding:0 0 0 15px; border-bottom:1px solid #B4C580; } #topSubNavLinks { float:left; list-style-type:none; margin:0; padding:0; width:960px; } #topSubNavLinks li { display:inline; } a.topSubNavLink:link, a.topSubNavLink:visited, a.topSubNavLink:hover, a.topSubNavLink:active { float:left; padding:.8em 10px .8em 15px; font-size:.9em; color:#536E8A; } body.subNav1 a#subNav1:link, body.subNav1 a#subNav1:visited, body.subNav1 a#subNav1:hover, body.subNav1 a#subNav1:active, body.subNav2 a#subNav2:link, body.subNav2 a#subNav2:visited, body.subNav2 a#subNav2:hover, body.subNav2 a#subNav2:active, body.subNav3 a#subNav3:link, body.subNav3 a#subNav3:visited, body.subNav3 a#subNav3:hover, body.subNav3 a#subNav3:active, body.subNav4 a#subNav4:link, body.subNav4 a#subNav4:visited, body.subNav4 a#subNav4:hover, body.subNav4 a#subNav4:active, body.subNav5 a#subNav5:link, body.subNav5 a#subNav5:visited, body.subNav5 a#subNav5:hover, body.subNav5 a#subNav5:active, body.subNav6 a#subNav6:link, body.subNav6 a#subNav6:visited, body.subNav6 a#subNav6:hover, body.subNav6 a#subNav6:active, body.subNav7 a#subNav7:link, body.subNav7 a#subNav7:visited, body.subNav7 a#subNav7:hover, body.subNav7 a#subNav7:active, body.subNav8 a#subNav8:link, body.subNav8 a#subNav8:visited, body.subNav8 a#subNav8:hover, body.subNav8 a#subNav8:active { color:#638B14; text-decoration:none; font-weight:bold; } /* ----- left nav ----- */ #leftNavLinks ul { list-style-type:square; margin-bottom:0; } #leftNavHeader { display:none; } body.leftNav1 a#leftNav1:link, body.leftNav1 a#leftNav1:visited, body.leftNav1 a#leftNav1:hover, body.leftNav1 a#leftNav1:active, body.leftNav2 a#leftNav2:link, body.leftNav2 a#leftNav2:visited, body.leftNav2 a#leftNav2:hover, body.leftNav2 a#leftNav2:active, body.leftNav3 a#leftNav3:link, body.leftNav3 a#leftNav3:visited, body.leftNav3 a#leftNav3:hover, body.leftNav3 a#leftNav3:active, body.leftNav4 a#leftNav4:link, body.leftNav4 a#leftNav4:visited, body.leftNav4 a#leftNav4:hover, body.leftNav4 a#leftNav4:active, body.leftNav5 a#leftNav5:link, body.leftNav5 a#leftNav5:visited, body.leftNav5 a#leftNav5:hover, body.leftNav5 a#leftNav5:active, body.leftNav6 a#leftNav6:link, body.leftNav6 a#leftNav6:visited, body.leftNav6 a#leftNav6:hover, body.leftNav6 a#leftNav6:active, body.leftNav7 a#leftNav7:link, body.leftNav7 a#leftNav7:visited, body.leftNav7 a#leftNav7:hover, body.leftNav7 a#leftNav7:active, body.leftNav8 a#leftNav8:link, body.leftNav8 a#leftNav8:visited, body.leftNav8 a#leftNav8:hover, body.leftNav8 a#leftNav8:active { font-weight:bold; } body.leftSubNav1 a#leftSubNav1:link, body.leftSubNav1 a#leftSubNav1:visited, body.leftSubNav1 a#leftSubNav1:hover, body.leftSubNav1 a#leftSubNav1:active { font-weight:bold; } /* page tabs for navigating within a section */ #pageTabLinks { list-style-type:square; margin:0 0 15px; } #pageTabLinks li { padding:0 0 5px; } body.tabNav1 a#tabNav1:link span, body.tabNav1 a#tabNav1:visited span, body.tabNav1 a#tabNav1:hover span, body.tabNav1 a#tabNav1:active span, body.tabNav2 a#tabNav2:link span, body.tabNav2 a#tabNav2:visited span, body.tabNav2 a#tabNav2:hover span, body.tabNav2 a#tabNav2:active span, body.tabNav3 a#tabNav3:link span, body.tabNav3 a#tabNav3:visited span, body.tabNav3 a#tabNav3:hover span, body.tabNav3 a#tabNav3:active span, body.tabNav4 a#tabNav4:link span, body.tabNav4 a#tabNav4:visited span, body.tabNav4 a#tabNav4:hover span, body.tabNav4 a#tabNav4:active span, body.tabNav5 a#tabNav5:link span, body.tabNav5 a#tabNav5:visited span, body.tabNav5 a#tabNav5:hover span, body.tabNav5 a#tabNav5:active span, body.tabNav6 a#tabNav6:link span, body.tabNav6 a#tabNav6:visited span, body.tabNav6 a#tabNav6:hover span, body.tabNav6 a#tabNav6:active span, body.tabNav7 a#tabNav7:link span, body.tabNav7 a#tabNav7:visited span, body.tabNav7 a#tabNav7:hover span, body.tabNav7 a#tabNav7:active span, body.tabNav8 a#tabNav8:link span, body.tabNav8 a#tabNav8:visited span, body.tabNav8 a#tabNav8:hover span, body.tabNav8 a#tabNav8:active span { font-weight:bold; } /* ----- footer styles ----- */ #footer { padding:0 0 5px; background-color:#215486; } #footer ul { margin:0; padding:0; list-style-type:none; } #footer li { float:left; padding:.5em 1em; background:url(/images/bg_li_footer.gif) no-repeat center right; } #footer li.noborder { background-image:none; } #footer div { padding:0 20px; background-color:#5C94BB; margin:0 0 2px; } #footer p.copyright { clear:both; float:right; text-align:right; width:50%; font-size:.9em; color:#eee; padding:.2em 20px 0; } #footer p.copyright sup { font-size:.9em; } #footerLinksLeft { float:left; } #footerLinksRight { float:right; } a.footerLink:link, a.footerLink:visited { font-size:.9em; color:#fff; text-decoration:none; } a.footerLink:hover, a.footerLink:active { text-decoration:underline; } #globalEmailPrint { clear:both; font-size:.9em; padding:0 0 10px 20px; } /* NJD */ /* ----- MAIN CONTENT AREA STYLES ----- */ .slideshow { position:relative; overflow:hidden; } .footnotes { border-top:1px solid #ccc; margin:20px 0 0; padding:15px 0 0; } .footnotes p { font-size:.9em; color:#888; } /* feature boxes */ .boxStatic, .boxInfo, .boxCGF { width:300px; padding:10px; margin:10px 0; border:0.5px solid #ccc; } .boxInfoHeader h4 { font-size:1em; padding:5px 0; } /* menus, tooltips, and dhtml popups */ .menu { position:absolute; top:0; left:-1000px; margin-top:2px; background-color:#fff; width:180px; border:1px solid #89B0CB; z-index:999; padding:0px; } .menu ul { border:3px solid #D3E9A2; padding:6px; } .menu li { display:inline; } a.menuOpt:link, a.menuOpt:visited { display:block; padding:6px 16px 6px 8px; font-size:.9em; text-decoration:none; white-space:nowrap; margin:0; border-bottom:1px solid #EEF9DA; } a.menuOpt:hover, a.menuOpt:active { color:#6F922B; background:url(/images/icon_menu_arrow.gif) no-repeat center right; border-bottom:1px solid #F8CF54; } .popup { position:absolute; top:0; left:-1000px; background-color:#fff; border:2px solid #4381AD; z-index:999; } .popupContent { border:5px solid #D0DFEA; } #pagePopup { padding:10px 20px; } #popupFrame { width:660px; height:500px; } #popupFrameSmall { width:660px; height:300px; } a#closePopup { float:right; margin:0 0 0 20px; } a#printPopup { float:right; } a#OKbtn { margin:0 10px 0 0; } a#OKbtn span { width:50px; text-align:center; } /* div that opens with a persistant menu to 'disable' the rest of the page and provide a space to click to close the menu */ #clearScreen { display:none; position:absolute; top:0; left:0; z-index:88; } /* iframe that sits under the popups so that form elements do not shine through */ #ghost { position:absolute; width:1px; top:0; left:-1000px; z-index:99; } /* securities calculator */ body.calc { padding:10px 20px 20px; border:5px solid #D0DFEA; } body.calc #header { background-image:none; padding-left:0; } .calculator { width:70%; border:2px solid #D0DFEA; padding:5px 15px; } .calculator table { width:100%; font-size:1em; } .calculator td { border-bottom:1px solid #eee; padding:5px 0; } .calculator input { text-align:right; } .toolBlock { padding:5px 0 0 33px; margin:10px 0 0; } .toolBlock h2 { font-size:1.3em; } #toolBlock1 { background:url(/images/icon_compare.gif) no-repeat 0 0; } #toolBlock2 { background:url(/images/icon_calculator.gif) no-repeat 0 0; } #sitemap { width:100%; font-size:1em; } #sitemap td { vertical-align:top; } #sitemap ul ul { margin-bottom:0; } #sitemap li { padding:0 0 10px; line-height:1.3em; } #sitemap li.subnav { padding:0; } #sitemap hr { width:80%; text-align:left; margin:10px 0 15px; } #globalSearch { float: right; padding:4px 4px 0 0; width:125px; } #globalSearch fieldset { position: relative; border: 0; outline: 0; } #globalSearch label {position: absolute; left: -1000px;} #globalSearch input#searchTxt { float: left; width:80px; padding:3px 0 0 3px; margin:1px 4px 0 0; color: #777; font-size:11px; } #globalSearch button { float:left; margin:0; } .acctAccess { width:90%; font-size:1em; margin:0 0 15px; } .acctAccess td { vertical-align:top; padding:10px 10px 10px 0; border-top:1px solid #ccc; background-color:#f8f8e8; }/* njd bgcolor /* .acctAccess a.viewLink:link, .acctAccess a.viewLink:visited, .acctAccess a.viewLink:hover, .acctAccess a.viewLink:active, .acctAccess a.viewSite:link, .acctAccess a.viewSite:visited, .acctAccess a.viewSite:hover, .acctAccess a.viewSite:active { float:right; font-weight:bold; font-size:.9em; } .phNumber { white-space:nowrap; } /* ----- clear fix for floats ----- */ /* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */ /* without this class applied, a float might hang over the bottom border of it's container */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* hides clearfix from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end hide from IE-mac */ .sIFR-flash { display:none; }