|Print
@charset "UTF-8"; /* CSS Document - Main navigation styles */ /* All Images - start -------------------------------------------------------------- */ /*li#home a.mainnav-tab { background: url(..//images/home.gif) no-repeat 0 0; } li#investments a.mainnav-tab { background: url(..//images/investments.gif) no-repeat 0 0; } li#super a.mainnav-tab { background: url(..//images/super.gif) no-repeat 0 0; } li#retirement a.mainnav-tab { background: url(..//images/retirement.gif) no-repeat 0 0; } li#advice a.mainnav-tab { background: url(..//images/advice.gif) no-repeat 0 0; } li#education a.mainnav-tab { background: url(..//images/education.gif) no-repeat 0 0; } li#forms a.mainnav-tab { background: url(../) no-repeat 0 0; } li#aboutus a.mainnav-tab { background: url(..//images/aboutus.gif) no-repeat 0 0; } /* Adviser */ li#funds a.mainnav-tab { background: url(../) no-repeat 0 0; } /*li#platforms-products a.mainnav-tab { background: url(..//images/platforms_products.gif) no-repeat 0 0; } li#forms-brochures a.mainnav-tab { background: url(..//images/forms_PDS.gif) no-repeat 0 0; } li#education-insights a.mainnav-tab { background: url(..//images/education.gif) no-repeat 0 0; } li#aboutus-adviser a.mainnav-tab { background: url(..//images/aboutus.gif) no-repeat 0 0; } /* Institutions */ /* li#asset_classes a.mainnav-tab{ background: url(..//images/asset_classes.gif) no-repeat 0 0; } li#performance_reports a.mainnav-tab { background: url(..//images/performance_reports.gif) no-repeat 0 0; } li#contact a.mainnav-tab { background: url(..//images/contact.gif) no-repeat 0 0; } */ div.dropnav { background: url(..//images/dropnav_bg.gif) no-repeat 0 100% #FFFFFF; } /* div.dropnav .footerbar { background: url(../) repeat-x 0 0; } div.dropnav .column li a, div.dropnav .column li a:visited, div.dropnav .column li a:link, div.dropnav .column li a:active { background: url(..//images/li_arrow_small.gif) no-repeat 0px 5px; } div.dropnav .footerbar ul li a { background: url(..//images/li_arrow.gif) no-repeat 0 2px; } */ #channelnav li a { background: url(..//images/channelnav_bg_darker.gif) no-repeat right 0px; } /*.col-left ul li ul li { background: url(..//images/dotted_888_bg.gif) repeat-x 0 100%; } .col-left ul li ul li a { background: url(..//images/li_arrow_small.gif) no-repeat 5px 10px; } .col-left ul li ul li ul li { background: url(..//images/dotted_ddd_h.gif) no-repeat 15px 0px; } .col-left ul li ul li ul li a { background: url(..//images/li_arrow_small.gif) no-repeat 5px 6px; } .col-left ul li ul li ul li ul li a { background: url(..//images/li_dash_small.gif) no-repeat 6px 5px; }*/ /* All Images - end -------------------------------------------------------------- */ /* mainnav -------------------------------------------------------------- */ #mainnav ul { padding: 0 0 0 5px; margin: 0; list-style: none; line-height: 1; } #mainnav ul li { float: left; } /* #mainnav > ul > li { /* background: url(../images/divider.gif) no-repeat right center; mjl *//* } #mainnav > ul > li a:hover { background-color: #777; } */ #mainnav ul li a.mainnav-tab { height: 31px; /* 40px mjl */ display: block; margin: 8px auto 0px; /* padding: 0px; mjl */ padding-top: 5px; width: 95%; text-decoration: none; text-align: center; } #mainnav li a span { text-transform: uppercase; /* line-height: 32px; mjl removed */ font-weight: bold; font-size: 12px; color: #999999; } #mainnav li:hover div.dropnav, #mainnav li.sfhover div.dropnav { position: absolute; display: block; top: 44px; /* auto mjl */ left: 0px; /* 9px; mjl */ } #mainnav li:hover a.mainnav-tab, #mainnav li.sfhover a.mainnav-tab { background-position: 0 -48px; } #mainnav li:hover a.mainnav-tab, #mainnav li.sfhover a.mainnav-tab{ background-color: white; color: black; } /* #mainnav > ul > li > a:hover, #mainnav > ul > li > a.selected { background-color: white; } */ #mainnav > ul > li > a:hover span { color: black; } #mainnav > ul > li > a.selected span { color: #252C26;} #mainnav ul li a:hover { background-color: white; } #mainnav ul li a.selected { background-color: white; /* mjl - ensure the selected tab in main menu is highlighted */ } #mainnav ul li div.dropnav a.selected { background-color: transparent; /* mjl - force the selected dropnav to have no background */ } #mainnav ul li a:hover span { color: black; } #mainnav ul li a.selected span { color: #252C26;} #mainnav ul li.sfhover a.mainnav-tab span { color: #777; } /* mjl - redundant #mainnav li#home:hover a.mainnav-tab, #mainnav li#home.sfhover a.mainnav-tab { background-position: 0 -96px; } */ /*----------------- PRIVATE NAV -------------------*/ #privatemainnav ul { padding: 0 0 0 5px; margin: 0; list-style: none; line-height: 1; } #privatemainnav ul li { float: left; } /* #privatemainnav > ul > li { /* background: url(../images/divider.gif) no-repeat right center; mjl *//* } #privatemainnav > ul > li a:hover { background-color: #777; } */ #privatemainnav ul li a.mainnav-tab { height: 36px; /* 40px mjl */ display: block; margin: 8px auto 0px; /* padding: 0px; mjl */ padding-top: 10px; width: 95%; text-decoration: none; text-align: center; } #privatemainnav li a span { text-transform: uppercase; /* line-height: 32px; mjl removed */ font-weight: bold; font-size: 12px; color: white; } #privatemainnav li:hover div.dropnav, #privatemainnav li.sfhover div.dropnav { position: absolute; display: block; top: 44px; /* auto mjl */ left: 0px; /* 9px; mjl */ } #privatemainnav li:hover a.mainnav-tab, #privatemainnav li.sfhover a.mainnav-tab { background-position: 0 -48px; } #privatemainnav li:hover a.mainnav-tab, #privatemainnav li.sfhover a.mainnav-tab{ background-color: white; } /* #privatemainnav > ul > li > a:hover, #privatemainnav > ul > li > a.selected { background-color: white; } #privatemainnav > ul > li > a:hover span { color: black; } #privatemainnav > ul > li > a.selected span { color: #252C26;} */ #privatemainnav ul li a:hover { background-color: white; } #privatemainnav ul li a.selected { background-color: white; /* mjl - ensure the selected tab in main menu is highlighted */ } #privatemainnav ul li div.dropnav a.selected { background-color: transparent; /* mjl - force the selected dropnav to have no background */ } #privatemainnav ul li a:hover span { color: black; } #privatemainnav ul li a.selected span { color: #252C26;} #privatemainnav ul li.sfhover a.mainnav-tab span { color: #777; } /* mjl - redundant #privatemainnav li#home:hover a.mainnav-tab, #privatemainnav li#home.sfhover a.mainnav-tab { background-position: 0 -96px; } */ /*----------------- END PRIVATE NAV ----------------*/ li#home { width: 180px; } /* Investor Meganav */ li#investors-home { width: 150px; } li#investments { width: 127px; } li#super { width: 157px; } li#retirement { width: 119px; } li#advice { width: 89px; } li#education { width: 186px; } li#forms { width: 84px; } li#aboutus { width: 108px; } /* tabmask - Investor li#investments .tabmask { left: 77px; width:105px; } li#super .tabmask { left: 189px; width:133px; } li#retirement .tabmask { left: 328px; width:101px; } li#advice .tabmask { left: 436px; width:72px; } li#education .tabmask { left: 514px; width:165px; } li#forms .tabmask { left: 685px; width: 69px; } li#aboutus .tabmask { left: 760px; width:87px; }*/ /* Adviser Meganav */ li#adviser-home { width: 120px; } li#funds { width: 85px; } li#platforms-products { width: 199px; } li#forms-brochures { width: 124px; } li#education-insights { width: 166px; } li#aboutus-adviser { width: 108px; } /* tabmask - Adviser */ /* li#funds .tabmask { left: 77px; width:68px; } li#platforms-products .tabmask { left: 151px; width:171px; } li#forms-brochures .tabmask { left: 328px; width:117px; } li#education-insights .tabmask { left: 451px; width:165px; } li#aboutus-adviser .tabmask { left: 622px; width:87px; } */ /* Institutions Meganav */ li#institutions-home { width: 150px; } li#asset_classes { width: 128px; } li#performance_reports { width: 198px; } li#contact { width: 109px; } li#pct { width: 230px; } /* tabmask - Institutions */ /* li#asset_classes .tabmask { left: 77px; width:122px; } li#performance_reports .tabmask { left: 205px; width:192px; } li#contact .tabmask { left: 403px; width:103px; }*/ /* no dropnav so go straight to out state */ li#asset_classes:hover a.mainnav-tab, li#asset_classes.sfhover a.mainnav-tab, li#performance_reports:hover a.mainnav-tab, li#performance_reports.sfhover a.mainnav-tab, li#contact:hover a.mainnav-tab, li#contact.sfhover a.mainnav-tab { background-position: 0 -96px; } /* About Us Meganav */ li#about-home { width: 150px; } li#about-careers { width: 90px; } li#about-shareholders { width: 130px; } li#about-media { width: 120px; } /* dropnav -------------------------------------------------------------- */ div.dropnav { /* width: 940px; mjl */ max-width: 185px; /* min-height: 200px; */ border-left: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE; /* border-bottom: solid 1px #999; */ display: none; position: absolute; z-index: 999; top: 50px; /* mjl 105px; */ left: -99999px; /* padding-bottom: 10px; mjl */ font-size: 12px; line-height: 15px; background: url(/images/dropnav_bg.gif) no-repeat 0 100% #FFFFFF; } div.dropnav .column { float: left; padding: 0; /* margin-bottom: 15px; mjl */ width: 185px; vertical-align: top; /* min-height: 175px; */ border: none !important; } div.dropnav .column ul { margin: 0px; padding: 0px; display: inline-block; } div.dropnav .column li { float: left; width: 155px; padding: 0; padding-left: 15px; margin-bottom: 3px; } div.dropnav .topbar { display: none; /* mjl added */ height: 1px; background:#CCC; margin-bottom: 30px; } div.dropnav .topbar .tabmask { width: 1px; height: 1px; position: absolute; background-color: #FFFFFF; } div.dropnav .footerbar { display: none; /* mjl added */ margin: 0px 15px; padding: 5px 0px; min-height: 15px; clear: both; } div.dropnav .column li a, div.dropnav .column li a:visited, div.dropnav .column li a:link, div.dropnav .column li a:active { padding-left: 0px; margin: 0px; color: #777; text-decoration: none; display: inline-block; padding-top: 2px; padding-bottom: 2px; width: 145px; background-position: 0 5px !important; } div.dropnav .column li a:hover { color: #252C26; /* mjl #white; */ } div.dropnav .column li a { background-color: none; } div.dropnav h4 { display: none; margin-top: 12px; margin-bottom: 7px; margin-left: 15px; font-size: 13px; font-weight: bold; color:#444444; } div.dropnav .column h4:first-child { margin-top: 5px; } div.dropnav h4 a { display: inline-block; width: 155px; color:#444444 !important; text-decoration: none !important; padding-left: 0px; } div.dropnav h4 a:hover { padding-left: 0px; color:#333333; background:#f0f0f0; } div.dropnav .footerbar ul li { width: 185px; } div.dropnav .footerbar ul li a { font-weight: bold; color: #333333; text-decoration: none; width: 155px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; display: inline-block; } div.dropnav .footerbar li a:hover { background-color:#EEEEEE; background-position: 0 2px !important; } /* channelnav -------------------------------------------------------------- */ #channelnav { float: left; } #channelnav li { list-style: none; float: left; display: none; /* inline-block; */ margin-right: 1px; text-align: center; } #channelnav li a { display: inline-block; padding-top: 3px; height: 25px; width: 135px; background: #898D8C; } #channelnav li a span { color: #FFFFFF; font-size: 12px; text-decoration: none; text-transform:uppercase; font-weight:bold; } #channelnav li a.selected, #channelnav li a:hover { color: #ffffff; background: #4acaff; /* Old browsers */ background: -moz-linear-gradient(top, #4acaff 0%, #3db7e4 50%, #02a6dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4acaff), color-stop(50%,#3db7e4), color-stop(100%,#02a6dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4acaff 0%,#3db7e4 50%,#02a6dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4acaff 0%,#3db7e4 50%,#02a6dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4acaff 0%,#3db7e4 50%,#02a6dc 100%); /* IE10+ */ background: linear-gradient(top, #4acaff 0%,#3db7e4 50%,#02a6dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4acaff', endColorstr='#02a6dc',GradientType=0 ); /* IE6-9 */ } /* #channelnav li.first a { background-position: left 0px; } #channelnav li.first a:hover { color: #333333; background-position: left -29px; } #channelnav li.first a.selected { color: #444444; background-position: left -29px; font-weight: bold; } */ #channelnav li a span { padding: 0 15px; } /* globalbar nav -------------------------------------------------------------- */ #globalbar .textnav { float: right; padding-top: 4px; } #globalbar .textnav li { font-size: 12x; } #globalbar .textnav li a { } /* col-left -------------------------------------------------------------- */ .col-left ul { margin: 0; padding: 0; list-style:none; line-height: 15px; } .col-left li { width: 195px; } .col-left a { display: inline-block; padding: 9px 0px; color: #252C26 !important; } /* level 2 */ .col-left ul.level2 > li > a { display: none; } /* level 3 */ .col-left ul.level3 { border-top: 1px solid #DDDDDD; } .col-left ul.level3 > li > a { width: 185px; padding-left: 10px; border-bottom: 1px solid #DDDDDD; } .col-left ul.level3 > li > a.selected { /* background-color: #002c77 !important;*/ color: #ffffff !important; font-weight: bold; border-bottom: 1px solid #FFFFFF; background: #00155a; /* Old browsers */ background: -moz-linear-gradient(top, #0034ab 0%, #00155a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0034ab), color-stop(100%,#00155a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0034ab 0%,#00155a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0034ab 0%,#00155a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0034ab 0%,#00155a 100%); /* IE10+ */ background: linear-gradient(to bottom, #0034ab 0%,#00155a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0034ab', endColorstr='#00155a',GradientType=0 ); /* IE6-9 */ } body.private .col-left ul.level3 > li > a.selected { background: #0a993d; /* Old browsers */ background: -moz-linear-gradient(top, #27b859 0%, #0a993d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27b859), color-stop(100%,#0a993d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #27b859 0%,#0a993d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #27b859 0%,#0a993d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #27b859 0%,#0a993d 100%); /* IE10+ */ background: linear-gradient(to bottom, #27b859 0%,#0a993d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b859', endColorstr='#0a993d',GradientType=0 ); /* IE6-9 */ } .col-left ul.level3 > li > a:hover { background-color: #DDDDDD; } /* level 4 */ .col-left ul.level4 > li > a { width: 175px; padding-left: 20px; border-bottom: 1px solid #EFEFEF; } .col-left ul.level4 > li > a.selected { background-color: #EFEFEF; font-weight: bold; } .col-left ul.level4 > li > a:hover { background-color: #EFEFEF; } /*level 1 .col-left ul { margin: 0; padding: 0; list-style:none; margin-top: 1px; line-height: 15px; } .col-left ul li { font-size: 12px; } .col-left ul li a { display: none; margin: 0; padding: 0; color: #333333; text-decoration: none; } .col-left > ul li a.selected { } .col-left > ul li a:hover { }*/ /*level 2 .col-left > ul > li > ul { *margin-top: -15px; } .col-left > ul > li > ul > li { margin: 0; padding: 0; padding-bottom: 2px; font-size: 98%; line-height: 1.2em; vertical-align: top; background-color:#FFFFFF; } .col-left > ul > li > ul > li > a { margin: 0; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; width: 180px; display:inline-block; } .col-left > ul > li > ul > li > a.selected,.col-left > ul > li > ul > li > a.selected:hover { color: #fff !important; font-weight: bold; background-color: #002c77; } .col-left > ul > li > ul > li > a.current, .col-left > ul > li > ul > li > a.current:hover{ color: #fff !important; font-weight: bold; background-color: #002c77; } .col-left > ul > li > ul > li > a:hover { background-color: #e3e3e3; }*/ /*level 3 .col-left > ul > li > ul > li > ul { margin-top: 0px; border: none; } .col-left > ul > li > ul > li > ul > li { font-size: 98%; padding-left: 0px; padding-bottom: 0px; border-bottom: 1px solid #e3e3e3; } .col-left > ul > li > ul > li > ul > li > a { width: 170px; margin: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 25px; color: #252C26 !important; } .col-left > ul > li > ul > li > ul > li > a.selected { color: #252C26 !important; font-weight: bold; background-color: transparent; } .col-left > ul > li > ul > li > ul > li > a.current{ background-color: #efefef; } .col-left > ul > li > ul > li > ul > li > a:hover { color: #252C26 !important; background-color: #e3e3e3; }*/ /*level 4 .col-left > ul > li > ul > li > ul > li > ul { margin-top: 0px; } .col-left > ul > li > ul > li > ul > li > ul > li { font-size: 98%; padding-left: 9px; line-height: 1.3em; background: none; } .col-left > ul > li > ul > li > ul > li > ul > li > a { width: 160px; margin: 0; padding-top: 2px; padding-bottom: 1px; color: #666666; border-top: none; } .col-left > ul > li > ul > li > ul > li > ul > li > a.selected,.col-left > ul > li > ul > li > ul > li > ul > li > a.selected:hover { color: #444; font-weight: bold; } .col-left > ul > li > ul > li > ul > li > ul > li > a.current,.col-left > ul > li > ul > li > ul > li > ul > li > a.current:hover{ background-color: #efefef; } .col-left > ul > li > ul > li > ul > li > ul > li > a:hover { color: #333; background-color: #e3e3e3; }*/ /* footernav -------------------------------------------------------------- */ #footernav { display:block; clear:both; width: 880px; height: 125px; margin: 0px auto; padding: 10px; border-top: 1px solid #E0E0E0; } #footernav .column { float: left; width: 170px; vertical-align: top; } #footernav .column ul { margin: 0px; padding: 0px; display: inline-block; } #footernav .column li { float: left; width: 160px; padding: 0; line-height: 0.8em; margin-bottom: 2px; } #footernav .column h4 { margin-top: 10px; margin-bottom: 5px; margin-left: 0px; font-weight: bold; color:#003082; } #footernav .column ul { padding: 0; margin: 0; list-style: none; } #footernav .column ul li { display: inline-block; } #footernav .column ul li a { color: #333; margin: 0px; text-decoration: none; display: inline-block; padding-top: 2px; padding-bottom: 2px; width: 160px; line-height: 14px; } #footernav .column ul li a:hover { text-decoration: underline; } #footernav .column h4 a { color: #003082; text-decoration: none; } #footer-logo a { float: right; margin-top: 5px; /* margin-right: 20px; mjl */ margin-left: 20px; /* mjl added */ /* height:39px; mjl */ display:inline-block; text-decoration: none; } #footer-logo a span { /* visibility:hidden; */ } #auxnav { margin: 20px 20px 20px; display: inline-block; } #auxnav .textnav { } #auxnav .textnav li { font-size: 0.6875em; } #auxnav .textnav li.first { padding-left: 0px; } #auxnav .textnav li a { color: #003082; margin: 0; } #copyright { font-size: 0.6875em; clear:both; }