/* This is the CSS file for the DTF site and all of its related sites (OAA, portal, and team member). Many of these styles are used throughout the site, but there are a number of styles that I'm not sure we're using. If you find a style that you don't believe we are using, place it in the "Not used" list at the bottom of the file. If it turns out that it is used somewhere, it will be easier to retrieve. We can remove it after a while once we've verified there are no issues. Also, it would be helpful if you could put a description next to styles you create so that we know when they should be used. When adding a new style, try to order the attributes in this order (it's not perfect, but having some consistency may make the file easier to view and edit): - font (font-family, font-size, font-weight, color, text-decoration, etc.) - position (position, left, top, etc.) - display (margin, padding, width, border) Finally, the file is broken out into the following sections: - general formatting - error handling - top bar - left column (including quote) - middle column (including footer) - right column - DTF fonts - OAA (including SAGE) - Charts - Unordered lists - Ordered lists - Images - DTF navigation - Team Member Site (including site-specific styles and navigation) - Portal Site (including site-specific styles and navigation) - Not used Feel free to make adjustments to the file to make it more useful for everyone to access and update. Kathi Kwiatkowski Last updated: 4-2-09 */ /* general formatting */ body { font-family: Arial, Helvetica, sans-serif; margin-left: 0em; margin-top: 0em; margin: 0px; padding: 0px; background: #ffffff; } /* error handling */ .error { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #800000; } #validationerror { padding: 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #800000; font-weight:normal; } h2.error { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #800000; margin-bottom: 5px; } ul.error { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #800000; font-weight:normal; } li.error { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #800000; font-weight:normal; } /* top bar */ a.upperright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; } a.upperright:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: underline; } .logo { margin: 11px 0px 11px 11px; } .search { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; width: 68px; height: 15px; display: inline; padding: 1px; border: 1px solid #999966; } .searchgo { position: relative; top:3; left:3; } #banner { white-space: nowrap; background-color: #FFFFFF; width: 100%; height: 80px; } #searchtable { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; white-space:nowrap; position: absolute; left:459px; top: 11px; display: block; } #keyword { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; white-space:nowrap; position: absolute; left:113px; top: 17px; display: block; } #nav { white-space:nowrap; background: #ffffff url(/images/dtf/topnav/extender.gif) repeat-x; } /* left column */ .menu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #334177; line-height: 11px; } .menuactive { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #334177; } a.menuactive:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #334177; text-decoration: none; } a.menuactive:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #334177; text-decoration: none; } a.menuactive:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #334177; text-decoration: underline; } .menuselected { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #334177; } a.menuselected:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #334177; text-decoration: none; } a.menuselected:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #334177; text-decoration: none; } a.menuselected:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #334177; text-decoration: underline; } .plusminus { text-decoration: none; vertical-align: top; padding-top: 2px; } a.plusminus:active { text-decoration: none; vertical-align: top; padding-top: 2px; } a.plusminus:visited { text-decoration: none; vertical-align: top; padding-top: 2px; } a.plusminus:focus { text-decoration: none; vertical-align: top; padding-top: 2px; } #menu { margin: 12px 0px 12px 0px; display: block; } /* Quote */ .quotetop { padding-bottom: 5px;} .quotebottom { padding-top: 5px; } .quote_search { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; padding: 1px; width: 93px; height: 15px; display: inline; border: 1px solid #999966; } #get_a_quote { margin: 8px 0px 12px 10px; width: 164px; } /* middle column */ .breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999966; text-decoration: none; } a.breadcrumb:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999966; text-decoration: none; } a.breadcrumb:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999966; text-decoration: underline; } #breadcrumb { padding-bottom: 16px; } #middlecolumn { position: absolute; top: 116px; left: 184px; display: block; width: 406px; z-index: 0; } #middlecolumn_preferred { position: absolute; top: 10px; display: block; width: 390px; z-index: 0; } #middlecolumntext { display: block; width: 390px; } /* Footer */ .footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } a.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; } a.footer:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; } a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; } .footerbold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; } #notbox { font-size: 11px; text-transform: uppercase; text-align: center; padding: 2px; width: 375px; border: #333333; border-style: solid; border-width: 1px; } #footerspacing { padding-top: 25px; } /* right column */ .rightcolumntextbold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; margin-top: 14px; } a.rightcolumntext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996600; text-decoration: none; } a.rightcolumntext:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996600; text-decoration: underline; } a.rightcolumntext:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996600; text-decoration: none; } .rightline { padding-top: 2px; padding-bottom: 5px; } .rightnavlogin { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; width: 80px; height: 15px; display: inline; padding: 1px 1px; border: 1px solid #999966; } .nextsteps { margin-top: 8px; } #rightcolumn { position: absolute; top: 147px; left: 590px; width: 160px; display: inline; z-index: 0; } #right_side { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin-top: 10px; margin-left: 9px; width: 161px; } /* to remove tables used in Next Steps */ /*#rightcolumn_profiles { border-color: #ffffff #ffffff #ffffff #999966; border-style: solid; border-width: 0px 0px 0px 1px; } */ #rightcolumn_profiles { border-top:3px double #999966; border-bottom:3px double #999966; border-left:1px solid #999966; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding-top: 10px; padding-left: 9px; width: 161px; padding-bottom: 10px;} #rightcolumntable { background-image: url('/images/main/layout/rt_side_background.gif'); background-repeat: repeat-y; padding-left: 5px; } #rightcolumntext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } #rightcolumntext_nopad { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } #rightcolumn_preferred { position: absolute; top: 10px; left: 408px; width: 160px; display: inline; z-index: 0; border-color: #ffffff #ffffff #ffffff #999966; border-style: solid; border-width: 0px 0px 0px 1px; } #rightcolumntext_profiles { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999966; padding: 10px 0px 9px 8px; } .rightcolumnbottom { margin-bottom: 2px; border-style: none; } #rightcap { position: absolute; top: 80px; right: 16px; margin-right: -15px; width: 3px; } /* hide the following from IE5-Mac \*/ #rightcap { right: 0; margin-right: 0; } /* IE5-Mac can see the rest */ /* DTF Fonts */ .bodytext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } a.bodytext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334177; text-decoration: underline; } a.bodytext:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } a.bodytext:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } a.bodytext:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } a.bodytext_footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; } a.indexlink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #334177; text-decoration: underline; } a.indexlink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } a.indexlink:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } a.indexlink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #667890; text-decoration: underline; } .articleheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #996600; } .subhead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .faqsubhead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #334177; } .bullet { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666633; } h1.level1 { font-family: Myriad, Myriad Pro, Arial Bold, Arial, Helvetica, sans-serif; color: #aa6600; text-decoration: none; word-spacing: Normal; text-align: left; letter-spacing: -1px; text-indent: 0px; line-height: 11px; font-size: 21px; font-weight: normal;} /* This is for the index page on the first level of navigation. */ h1.level2 { font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif; color: #802100; text-decoration: none; word-spacing: Normal; text-align: left; letter-spacing: 0px; text-indent: 0px; font-size: 18px; margin-bottom: 5px; font-weight: normal; } /* This is for the index page on the second level of navigation. */ h1.level2_space { font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif; color: #802100; text-decoration: none; word-spacing: Normal; text-align: left; letter-spacing: 0px; text-indent: 0px; font-size: 18px; margin-bottom: 5px; font-weight: normal; margin-top: 30px;} /* This is for the index page on the second level of navigation. */ h2.next_steps {font-family: Arial, Helvetica, sans-serif; /*Myriad, Myriad Pro, Arial Bold, Arial, Helvetica, sans-serif;*/ color: #802100; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 2px; text-indent: 0px; line-height: 14px; font-size: 11px; margin-bottom: 5px; font-weight: bold;} /* This is for the Next Steps/Related Articles on the right-hand side of the page - letter spacing is 2px */ .next_steps_wfaf { font-family: Arial, Helvetica, sans-serif;/*Myriad, Myriad Pro, Arial Bold, Arial, Helvetica, sans-serif;*/ color: #802100; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 1px; text-indent: 0px; line-height: 14px; font-size: 11px; font-weight: bold; font-style: italic; } /* This is for the Next Steps/Related Articles on the right-hand side of the page - letter spacing is only 1px */ h1.level3_space { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #334177; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 2px; text-indent: 0px; line-height: 16px; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-top: 30px; margin-bottom: 8px;} /* This is for index/article headers on the third level of navigation. */ h1.level3_oaa { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #334177; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 2px; text-indent: 0px; line-height: 16px; font-size: 13px; text-transform: uppercase; font-weight: bold; margin-top: 10px; margin-bottom: 8px;} /* This is for index/article headers on the third level of navigation. */ h1.level3 { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #334177; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 2px; text-indent: 0px; line-height: 16px; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;} /* This is for index/article headers on the third level of navigation. */ h1.level4 { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #996600; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 0; text-indent: 0px; line-height: 15px; font-size: 13px; font-weight: bold; margin-bottom: 8px; } /* This is for article headers on the fourth level of navigation. */ h1.level4_profiles { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #996600; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 0; text-indent: 0px; line-height: 15px; font-size: 13px; font-weight: bold; margin-bottom: 2px; } /* This is for h1's on the profiles */ h1.level4_space { font-family: /* Myriad, Myriad Pro, Arial Rounded MT Bold, Arial Bold, */ Arial, Helvetica, sans-serif; color: #996600; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 0; text-indent: 0px; line-height: 15px; font-size: 13px; font-weight: bold; margin-top: 30px; margin-bottom: 8px; } /* This is for article headers on the fourth level of navigation that need 30px of space above them. */ h2.black { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-bottom: 4px; margin-top: 4px; /*clear: both;*/ } h2.black_ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin: 0px; clear: both; } /* for use in unordered lists - no bottom margin */ h2.level3 { font-family: Arial, Helvetica, sans-serif; color: #334177; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 2px; text-indent: 0px; line-height: 16px; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;} /* This is for index/article headers on the third level of navigation. */ h3.black { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; margin-bottom: 5px; clear: both; } h4.black { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; margin-bottom: 5px; clear: both; } h2.orange { font-family: Arial, Helvetica, sans-serif; color: #996600; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 0; text-indent: 0px; line-height: 15px; font-size: 13px; font-weight: bold; } /* This is for article headers on the fourth level of navigation. */ h3.orange { font-family: Arial, Helvetica, sans-serif; color: #996600; text-decoration: none; word-spacing: 0; text-align: left; letter-spacing: 0; text-indent: 0px; line-height: 15px; font-size: 13px; font-weight: bold; } /* This is for article headers on the fourth level of navigation. */ h3.fundnotes { font-family: font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666633; font-weight: bold; text-align: left; text-decoration: none; word-spacing: Normal; letter-spacing: 1px; text-indent: 0px; margin-bottom: 5px; } .disclosure9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; } a.disclosure9pt:link { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; ; text-decoration: underline; } a.disclosure9pt:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; ; text-decoration: underline; } .disclosurebold9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; } a.disclosurebold9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; text-decoration: underline; } .disclosureitalic9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; ; font-style: italic } a.disclosureitalic9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; ; font-style: italic; text-decoration: underline; } .disclosurebolditalic9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; ; font-style: italic } a.disclosurebolditalic9pt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; ; font-style: italic; text-decoration: underline; } .disclosure9ptHeader { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; } a.disclosure9ptHeader:link { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #334177; text-decoration: underline; } a.disclosure9ptHeader:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #667890; text-decoration: underline; } a.disclosure9ptHeader:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #667890; text-decoration: underline; } .disclosure10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } a.disclosure10pt:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; ; text-decoration: none; } a.disclosure10pt:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; ; text-decoration: underline; } .disclosurebold10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; } a.disclosurebold10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: underline; } .disclosureitalic10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; ; font-style: italic } a.disclosureitalic10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; ; font-style: italic; text-decoration: underline; } .disclosurebolditalic10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; ; font-style: italic } a.disclosurebolditalic10pt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; ; font-style: italic; text-decoration: underline; } .disclosure11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } a.disclosure11pt:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; } a.disclosure11pt:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; } .disclosurebold11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; } a.disclosurebold11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline; } .disclosureitalic11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; ; font-style: italic} a.disclosureitalic11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; ; font-style: italic; text-decoration: underline;} .disclosurebolditalic11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; ; font-style: italic} a.disclosurebolditalic11pt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; ; font-style: italic; text-decoration: underline;} .featuredheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; text-transform: uppercase; color: #666633; } .bodyparen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } a.loginlinks { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: underline; } .pleasewait_table { background: #f1f1e7; border: solid 1px; } .pleasewait { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: #f1f1e7; } #featuredcopy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000; padding-top: 10px; padding-bottom: 10px; padding-right: 7px; padding-left: 7px} .login_forgot { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; white-space: nowrap; } /* Login page - forgot user name and password text *? /* OAA-Specific Styles */ .pendingtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } .fundrow { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: #E1E1C3; padding: 0px 0px 3px 0px; } .aiprow { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: #F1F1E7; } #footer_preferred { position: absolute; top: 250; display: block; } #middlecolumn_oaa { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; top: 10px; display: block; width: 566px; z-index: 0; padding-top:12px; } #clear_spacing { clear:both; height:1px; width:100%; } div.aip_pending { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:10px 0px 10px 0px; border-top:1px solid #CCCC99; height: auto; vertical-align: baseline; } div.aip_pending span.left { float: left; width: 120px; text-align: left; } div.aip_pending span.right { float: left; width: 440px; text-align: left; margin-right: 5px; } /* SAGE Scholars */ a.sage_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #434A78; text-decoration: underline; } #sage_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #434A78; padding: 5px; } #sage { background: url(/images/oaa/sage/sage_background.gif) repeat-y; width: 182px; float: right; } /* Charts & Tables */ .charts { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } /* typically used for text within charts */ a.charts { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666633; text-decoration: none; } a.charts:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666633; text-decoration: underline; } a.charts:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996600; } a.charts:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999966; } .chartsheaders { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; } /* typically used for the header of a chart */ .chartsrowone { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666633; font-weight: bold; } /* typically used for the first row of a chart */ .acctchart { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } a.acctchart:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #666633; } a.acctchart:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #666633; } a.acctchart:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #666633; } .acctchart_bold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#666633; } a.acctchart_bold:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666633; font-weight: bold; } a.acctchart_bold:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666633; font-weight: bold; } a.acctchart_bold:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #666633; font-weight: bold; } table.acctchart thead tr { font-weight: bold; background-color: #e1e1c3; } .acctnumeric { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; } a.acctnumeric:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000; text-align: right; } a.acctnumeric:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000; text-align: right; } a.acctnumeric:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #000000; text-align: right; } table.acctnumeric thead tr { font-weight: bold; text-align: right; background-color: #e1e1c3; } thead { color: #666633; font-weight: bold; } tr.even { background-color: #f1f1e7; } tr.odd { background-color: #f1f1e7; } tr.totalRow { background-color: #f1f1e7; } td.numeric { text-align: right; } td.grandTotal { text-align: right; } a.tickerlink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; } a.tickerlink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; } a.tickerlink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; } .positiveperf { color: #336633; } .negativeperf { color: #993333; } th { text-align: left; font-weight: normal; } /* Unordered Lists */ ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 8px; } /* this is used for the navigation */ ul.contentlist { list-style-type: none; padding: 0px; margin: 0px; } /* use this for normal bulleted lists throughout the site */ li.contentlist { background-image: url(/images/main/layout/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 3px 0px 2px 10px; } ul.fundnews { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; list-style-type: none; padding: 0px; margin: 0px; } /* use this for bulleted lists in Fund Notes section of Fund Profiles */ li.fundnews { background-image: url(/images/main/layout/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 3px 0px 2px 10px; } ul.nextsteps { list-style-type: none; padding: 0px; margin: 0px; } /* use this for next steps bulleted lists throughout the site */ li.nextsteps { background-image: url(/images/main/layout/999999_bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } ul.yaindex { list-style-type: none; padding: 0px; margin: 0px 0px 0px 15px; } /* bullets for Your Account Index Page */ li.yaindex { background-image: url(/images/main/layout/bullet.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 1px 0px 1px 10px; } /* Ordered Lists */ ol.contentlist { list-style-type: none; padding: 0px; margin: 0px; } ol.contentlist li.one { background-image:url(/images/main/numbers/1.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.two { background-image:url(/images/main/numbers/2.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.three { background-image:url(/images/main/numbers/3.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.four { background-image:url(/images/main/numbers/4.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.five { background-image:url(/images/main/numbers/5.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.six { background-image:url(/images/main/numbers/6.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.seven { background-image:url(/images/main/numbers/7.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.eight { background-image:url(/images/main/numbers/8.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } ol.contentlist li.nine { background-image:url(/images/main/numbers/9.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 10px 25px; } /* images */ .img_float_right { float: right; margin-left: 15px; margin-bottom: 5px; clear: right; } image { border: none; } .img_header_top_spacing { margin-top: 30px; } /* created for image headers on splash pages that need to be pushed down 30 px to avoid breadcrumbs */ /* table replacement code for automated phone system page */ dl.table-display { width: 390px; margin: 0px; padding-bottom: 10px; font-family: Myriad, Myriad Pro, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } .table-display dt { width: 140px; float: left; margin: 0; } .table-display dd { float: left; width: 250px; margin: 0; } /* Top-Level Navigation - DTF */ #homerollover{position:absolute;visibility:hidden;top:80px;left:0px;} #accountrollover{position:absolute;visibility:hidden;top:80px;left:70px;} #pricesperformancerollover{position:absolute;visibility:hidden;top:80px;left:175px;} #fundsrollover{position:absolute;visibility:hidden;top:80px;left:325px;} #retirementrollover{position:absolute;visibility:hidden;top:80px;left:467px;} #collegerollover{position:absolute;visibility:hidden;top:80px;left:558px;} #educationrollover{position:absolute;visibility:hidden;top:80px;left:628px;} /* Navigation Drop Downs - Home */ #Home { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 0px; top: 103px; width: 148px; visibility: hidden; z-index: 1; background-color: #F1F1E7; border-bottom: 1px solid #667890; } #Home ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ } #Home li { margin: 0; } #Home a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #Home a:link, #Home a:visited { color: #333333; text-decoration: none; } #Home a:hover, #Home a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Your Account */ #Account { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 69px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Account ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #Account li { margin: 0; } #Account a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #Account a:link, #Account a:visited { color: #333333; text-decoration: none; } #Account a:hover, #Account a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Quotes & Research */ #PricesPerformance { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 174px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #PricesPerformance ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #PricesPerformance li { margin: 0; } #PricesPerformance a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #PricesPerformance a:link, #PricesPerformance a:visited { color: #333333; text-decoration: none; } #PricesPerformance a:hover, #PricesPerformance a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - funds */ #Funds { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 324px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Funds ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #Funds li { margin: 0; } #Funds a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #Funds a:link, #Funds a:visited { color: #333333; text-decoration: none; } #Funds a:hover, #Funds a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Retirement */ #Retirement { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 466px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Retirement ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #Retirement li { margin: 0; } #Retirement a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #Retirement a:link, #Retirement a:visited { color: #333333; text-decoration: none; } #Retirement a:hover, #Retirement a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - College */ #College { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 557px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #College ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #College li { margin: 0; } #College a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #College a:link, #College a:visited { color: #333333; text-decoration: none; } #College a:hover, #College a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Education & Advice */ #Education { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 627px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Education ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #Education li { margin: 0; } #Education a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #Education a:link, #Education a:visited { color: #333333; text-decoration: none; } #Education a:hover, #Education a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/dtf/topnav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* TMSITE */ #nav_tm { background: #ffffff url(/images/tm/nav/extender.gif) repeat-x; border-right: 3px solid #fff; white-space:nowrap; } #searchtable_tm { position:absolute; left:525; top:3; display: block; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; white-space:nowrap; } /* Top Level Navigation - TMSITE */ #homepagetab{position:absolute;visibility:hidden;top:81px;left:3px;} #aboutwfaftab{position:absolute;visibility:hidden;top:81px;left:62px;} #benefitstab{position:absolute;visibility:hidden;top:81px;left:139px;} #fundinfotab{position:absolute;visibility:hidden;top:81px;left:289px;} #toolstab{position:absolute;visibility:hidden;top:81px;left:348px;} #investtab{position:absolute;visibility:hidden;top:81px;left:472px;} /* Navigation Drop Downs - Home */ #Homepage { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 3px; top: 103px; width: 148px; visibility: hidden; z-index: 1; background-color: #F1F1E7; border-bottom: 1px solid #999966; } #Homepage ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ } #Homepage li { margin: 0; } #Homepage a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Homepage a:link, #Homepage a:visited { color: #333333; text-decoration: none; } #Homepage a:hover, #Homepage a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - About WFAF */ #Aboutwfaf { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 61px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Aboutwfaf ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #999966 solid; } #Aboutwfaf li { margin: 0; } #Aboutwfaf a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Aboutwfaf a:link, #Aboutwfaf a:visited { color: #333333; text-decoration: none; } #Aboutwfaf a:hover, #Aboutwfaf a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - benefits */ #Benefits { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 163px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Benefits ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #999966 solid; } #Benefits li { margin: 0; } #Benefits a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Benefits a:link, #Benefits a:visited { color: #333333; text-decoration: none; } #Benefits a:hover, #Benefits a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - fund info */ #Fundinfo { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 288px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Fundinfo ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #999966 solid; } #Fundinfo li { margin: 0; } #Fundinfo a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Fundinfo a:link, #Fundinfo a:visited { color: #333333; text-decoration: none; } #Fundinfo a:hover, #Fundinfo a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Tools */ #Tools { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 347px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Tools ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #999966 solid; } #Tools li { margin: 0; } #Tools a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Tools a:link, #Tools a:visited { color: #333333; text-decoration: none; } #Tools a:hover, #Tools a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Invest */ #Invest { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 489px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #Invest ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #999966 solid; } #Invest li { margin: 0; } #Invest a { display: block; padding: 3px 0px 3px 16px; background-color: #F1F1E7; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #999966; border-right: 1px solid #999966; border-left: 1px solid #999966; } #Invest a:link, #Invest a:visited { color: #333333; text-decoration: none; } #Invest a:hover, #Invest a:active { color: #333333; background-color: #E1E1C3; background-image: url(/images/tm/nav/rollover.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* PORTAL SITE */ .portalsubhead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #667890; } #nav_portal { background: #ffffff url(/images/wfafportal/nav/nav_extender.gif) repeat-x; white-space:nowrap; } #portal_box { width: 100%; border: #000000; border-style: solid; border-width: 1px; padding: 2px; } /* Navigation Drop Downs - Home */ #wfafportal home { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 0px; top: 103px; width: 148px; visibility: hidden; z-index: 1; background-color: #F1F1E7; } #wfafportal home ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ } #wfafportal home li { margin: 0; } #wfafportal home a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportal home a:link, #wfafportal home a:visited { color: #333333; text-decoration: none; } #wfafportal home a:hover, #wfafportal home a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - About Us */ #wfafportalabout { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 71px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #wfafportalabout ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #wfafportalabout li { margin: 0; } #wfafportalabout a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportalabout a:link, #wfafportalabout a:visited { color: #333333; text-decoration: none; } #wfafportalabout a:hover, #wfafportalabout a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Press Room */ #wfafportalpressroom { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 156px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #wfafportalpressroom ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #wfafportalpressroom li { margin: 0; } #wfafportalpressroom a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportalpressroom a:link, #wfafportalpressroom a:visited { color: #333333; text-decoration: none; } #wfafportalpressroom a:hover, #wfafportalpressroom a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Fund Information (Fundlist and Holdings) */ #wfafportalfundlist { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 254px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #wfafportalfundlist ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #wfafportalfundlist li { margin: 0; } #wfafportalfundlist a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportalfundlist a:link, #wfafportalfundlist a:visited { color: #333333; text-decoration: none; } #wfafportalfundlist a:hover, #wfafportalfundlist a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Privacy and Security */ #wfafportalprivacy { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 387px; top: 103px; width: 148px; visibility: hidden; z-index: 5; } #wfafportalprivacy ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #wfafportalprivacy li { margin: 0; } #wfafportalprivacy a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportalprivacy a:link, #wfafportalprivacy a:visited { color: #333333; text-decoration: none; } #wfafportalprivacy a:hover, #wfafportalprivacy a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Legal Information */ #wfafportallegal { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 527px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #wfafportallegal ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ border-bottom: 1px #667890 solid; } #wfafportallegal li { margin: 0; } #wfafportallegal a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportallegal a:link, #wfafportallegal a:visited { color: #333333; text-decoration: none; } #wfafportallegal a:hover, #wfafportallegal a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } /* Navigation Drop Downs - Search */ #wfafportalsearch { font-family: Arial, Helvetica; font-color: #333333; position: absolute; left: 663px; top: 103px; width: 148px; visibility: hidden; z-index: 1; } #wfafportalsearch ul { font-size: 11px; margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off display of bullet*/ } #wfafportalsearch li { margin: 0; } #wfafportalsearch a { display: block; padding: 3px 0px 3px 16px; background-color: #f3f3f3; background-repeat: no-repeat; background-position: 0% 50%; border-top: 1px solid #667890; border-right: 1px solid #667890; border-left: 1px solid #667890; } #wfafportalsearch a:link, #wfafportalsearch a:visited { color: #333333; text-decoration: none; } #wfafportalsearch a:hover, #wfafportalsearch a:active { color: #333333; background-color: #e2e2e2; background-image: url(/images/wfafportal/nav/subnav_highlight.gif); background-repeat: no-repeat; background-position: 0% 50%; } ul.portal { list-style-type: none; padding: 0px; margin: 0px 0px 0px 5px; } /* bullets for Portal */ li.portal { background-image: url(/images/main/layout/999999_bullet.gif); background-repeat: no-repeat; background-position: 0 7px; padding: 1px 0px 1px 15px; } #video_container { width: 365px; } #video {float: left; width: 60px;} #video_text { background-color: #ffffff; border-top:solid 1px #cccc99; border-bottom:solid 1px #cccc99; width: 300px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} /* Not Used .footercaps { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; } .bodytextitalic { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: italic; } #welcome { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; white-space:nowrap; position: absolute; left:500; top:27; display: block; } #login { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; white-space:nowrap; position: absolute; left:500; top:60; display: block; } */