/*********************************** General page styling ***********************************/ body{font-size:68.75%;} body, td, p, option, select, input, checkbox, li, textarea {font-family: Roboto, Arial;color: #003366;margin-left: 1px;} select{font-size:11px} #PageSubMenu, .QuickLinks *, #TitleBar *, #TopNav *, #Home #HomeWrapper *, #Login *, .QuickLinks li {font-size:10px;line-height:12px;} body{background-color: #fff; margin: 0;padding-top:0px;text-align: center;width:738px} #Global {width:860px;text-align: left;} /** get rid of these 2 lines and set the body back to 12px to not use IE6 font resize **/ #MainContentArea h2 {font-size:100%;} #MainContentArea p, #MainContentArea li, #MainContentArea th, #MainContentArea td {line-height:136%;text-align:left} img{border:none} form{margin:0; padding:0;} p{margin:11px 0;padding:0} p.intro{margin-top:3px;padding:0} .BottomPush{clear:both} .BottomPushPage{clear:both;height:7px;} .hide{height: 0;width: 0; overflow: hidden; position: absolute;} a:link{color: #003366;text-decoration: underline;} a:visited {color:#979797;text-decoration: underline;} a:hover {color: #f96611;text-decoration: underline;} a:active {text-decoration: underline;} h1 {margin:0;padding:0;font-size:17px;text-indent: -9000px;} h1.noImage{text-indent:0;font-size:12px} .customSolutions h1{margin:5px 0} h2 {margin:0px 0;padding:0;} .side-image {float:right;padding-left:5px;} side-image2 {float:left;padding-right:5px;} .ErrorMessageText {font-size: 12px; color: red; text-align: left;} /**************************** Header ****************************/ #NavLogo {float: left;} #GlobalNav {font-size: 11px;text-align:right;padding: 65px 7px 0px 0px;display:block;margin-left: 200px;} #GlobalNav a:link, #GlobalNav a:visited{color: #003366;text-decoration: none;} #GlobalNav a:hover {color: #f96611;text-decoration: underline;} #GlobalNavNew {font-size: 11px;text-align:right;padding: 40px 7px 0px 0px;display:block;margin-left: 200px;} #GlobalNavNew a:link, #GlobalNavNew a:visited{color: #003366;text-decoration: none;} #GlobalNavNew a:hover {color: #f96611;text-decoration: underline;} #GlobalNavSearch {font-size: 11px;text-align:right;padding: 65px 7px 0px 0px;display:block;margin-left: 200px;} #GlobalNavSearch a:link, #GlobalNavSearch a:visited{color: #003366;text-decoration: none;} #GlobalNavSearch a:hover {color: #f96611;text-decoration: underline;} .GlobalNavNewSearchButton {vertical-align: bottom; padding-left: 2px;} #TopNav {margin:0;padding:3px 0 0 0;height:24px;max-height:24px;} .colour4 #TopNav {margin:0;padding:3px 0 0 0;height:24px;max-height:24px; position:relative;} #TopNav img { float: right; margin: 31px 6px 0 0 } /* ---------------------------- Title bar ---------------------------- */ #TitleBar {margin:0;padding:0;} .colour1 #TitleBar {background: url('/images/topnav_titlebar_bg_green_middle.gif') repeat-x bottom;} .colour2 #TitleBar {background: url('/images/topnav_titlebar_bg_brown_middle.gif') repeat-x bottom;} .colour3 #TitleBar {background: url('/images/topnav_titlebar_bg_blue_middle.gif') repeat-x bottom;} .colour4 #TitleBar {background: url('/images/topnav_titlebar_bg_orange_middle.gif') repeat-x bottom;} #TitleBar .leftbg {float:left; width:8px;} .colour1 #TitleBar .leftbg {background-image: url('/images/topnav_titlebar_bg_green_left.gif');} .colour2 #TitleBar .leftbg {background-image: url('/images/topnav_titlebar_bg_brown_left.gif');} .colour3 #TitleBar .leftbg {background-image: url('/images/topnav_titlebar_bg_blue_left.gif');} .colour4 #TitleBar .leftbg {background-image: url('/images/topnav_titlebar_bg_orange_left.gif');} #TitleBar .rightbg {float:right; width:8px;} .colour1 #TitleBar .rightbg {background-image: url('/images/topnav_titlebar_bg_green_right.gif');} .colour2 #TitleBar .rightbg {background-image: url('/images/topnav_titlebar_bg_brown_right.gif');} .colour3 #TitleBar .rightbg {background-image: url('/images/topnav_titlebar_bg_blue_right.gif');} .colour4 #TitleBar .rightbg {background-image: url('/images/topnav_titlebar_bg_orange_right.gif');} #TitleBar .breadcrumbs{padding:11px 8px 0 10px; float:right; vertical-align:baseline; margin-top:-3px; color:#000000; } .ControlTitle{font-size:13px; color: #013164;} .ControlTitle1{font-size:13px; color:#013164; font-weight:bold; float:left; padding:0;margin:0 0 10px 0; vertical-align:text-bottom;} /************************************************************ Content area ************************************************************/ #content {background: url('/images/contentarea_bg.gif') repeat-y 0 0; margin:0; padding:0; clear:both} #layout1 #MainContentArea{background:#fff 0 0 no-repeat;margin:0 10px 10px 18px;padding:10px 0px 0px 0px;width:824px;float:left;display: inline;} #layout2 #MainContentArea{background:#fff url('/images/maintable_leftbg_fade.gif') no-repeat 0 0;width:524px;min-height:400px;float:left;display:inline; margin-left:164px; margin-right:0px; margin-top:0px; margin-bottom:3px; padding-left:11px; padding-right:0px; padding-top:10px; padding-bottom:0px} #layout3 #MainContentArea{background:#fff url('/images/maintable_leftbg_fade.gif') no-repeat 0 0;/*background:#fff url('/images/fade2.gif') repeat-y 0 0;*/width:524px;min-height:400px;float:left; margin:0 0 3px 1px; padding:10px 0 0 11px} #layout3 #MainContentAreaForm{/*background:#fff url('/images/fade2.gif') repeat-y 0 0;*/width:524px;min-height:400px;float:left;} #MainContentArea{padding:0 0 5px 0} #layout1 .QuickLinks, #layout1 #PageSubMenu {display:none;} #layout2 #PageSubMenu {display:none;} #ListOfArticals #MainContentArea{background:#fff url('/images/maintable_leftbg_fade.gif') no-repeat 0 0;width:495px; margin-left:167px; margin-right:150px; margin-top:0; margin-bottom:0;padding-top:10px} ul.pdf, ul.excel {list-style-type:none; padding:0; margin:0;} ul.pdf li {background:url(/images/pdf.gif) 0 7px no-repeat; padding: 8px 0 0 20px; margin:0} ul.excel li{background: none 0 7px no-repeat; padding: 8px 0 0 20px; margin:0} li.pdf { list-style-type : none; margin : 3px 0 7px 0; padding : 0 0 0 20px; font-weight: normal; color: #000000; background: transparent url(/images/pdf.gif) 0 0 no-repeat;} li.word { color:#000000; font-weight:normal; list-style-type:none; margin:3px 0 7px 17px; padding:0 0 0 3px; /*list-style-type : none; margin : 3px 0 7px 0; padding : 0 0 0 20px; font-weight: normal; color: #000000; background: transparent url(/images/icon_word.gif) 0 0 no-repeat;*/ } #GlobalFNA #divHeaderMain {float:right; margin-right:70px; width:600px;} #NewGlobalFNA {width: 660px;} #NewGlobalFNA #MainContentAreaFNA {margin-left:0px;margin-top:10px;width:600px;} /* ------------------------------------ General styles used ------------------------------------*/ .DisclaimerText{color:#666666;clear:both;margin-top:5px;margin-left:2px;} .footnote{font-size:9px;} .footnote:target, sup a:target{background-color:#EFF8FB;} sup{font-size:70%} .footnote{font-size:9px;} .footnote:target, sup a:target{background-color:#EFF8FB;} sup{font-size:75%} .ProductName {font-family: Roboto, Arial;font-size: 11px;color: #003366;margin-left: 1px;} p.SubHeading {margin-bottom:0; padding-bottom:0} .SearchingCritBox{border:1px solid #ccc; padding:5px; margin:0px 5px 10px 0px;} .SearchingCritBox h3{background-color:#B8DE10; margin:0 ; padding:0px} .SearchingCritBox .BodyColour{background-color:#D1EC7F; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px} .SearchingCritBox li {background-color:#D1EC7F;} .SearchingCritBoxF {border:1px solid #ccc; padding:5px; margin:0px 5px 10px 0px;} .SearchingCritBoxF h3{background-color:#8DC9E0; margin:0 ; padding:0px} .SearchingCritBoxF .BodyColour{background-color:#C0E3EF; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px} .SearchingCritBoxF li {background-color:#C0E3EF;} /* ------------------------------------ Quick links Component - Right in main table ------------------------------------ */ .QuickLinks{ float:left; width:136px;height:300px; min-height:300px;display: inline; margin:0 0 0 0px; padding:1px 0 0 0} #HaveQuestion{background: transparent url('/images/wibs/haveQuestion_bg_top.gif') no-repeat 0 0; padding: 0; margin-top: 6px;} .QuickLinks ul, .QuickLinks ul li{list-style-type:none; margin:0; padding:0;} .QuickLinks ul li, #home .QuickLinks ul li{background: url('/images/quicklink_singlerow_bg.gif') no-repeat 0 0;} .QuickLinks li a{background: url('/images/quicklink_singlerow_bg.gif') no-repeat 0 0;display: block;height:21px; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:26px; padding-right:0; padding-top:5px; padding-bottom:0;} .QuickLinks li a:link, .QuickLinks li a:visited {color:#003366; text-decoration:none;} .QuickLinks li a:hover, .QuickLinks li a.new:hover, .QuickLinks li.DoubleRow a:hover, .QuickLinks li.FNASupport a.new:hover, .QuickLinks li.FNASupport a:hover, .QuickLinks li.FNASupport a.new:hover {background-position: 100% 100%;font-weight:bold; text-decoration:none; color:#003366;} .QuickLinks li.DoubleRow a{background-image: url('/images/quicklink_doublerow_bg.gif');height: 31px} .QuickLinks ul li.DoubleRow{background: url('/images/quicklink_doublerow_bg.gif') no-repeat 0 0;} .QuickLinks li.DoubleRow-inv a{background:url('/images/quicklink_doublerow_bg.gif') no-repeat 0 0;height: 31px;} .QuickLinks ul li.DoubleRow-inv a:hover{background-position:0 -36px;} .QuickLinks li.SingleRow-inv a{background: url('/images/quicklink_singlerow_bg.gif') no-repeat 0 0;height:21px;} .QuickLinks li.SingleRow-inv a:hover{background-position:0 -26px;} .QuickLinks li a.new{background-image: url('/images/quicklink_singlerow_bg_new.gif');} .QuickLinks li.DoubleRow a.new {background-image: url('/images/quicklink_doublerow_bg_new.gif');} .QuickLinks li.DoubleRow-Lock a{background-image: url('/images/quicklink_doublerow_bg_lock.gif');height: 31px} .QuickLinks li.DoubleRow-Lock a:hover{background-position: 100% 100%;font-weight:bold; text-decoration:none; color:#003366;} li#login_new a:link, li#login_new a:visited{background: url('/images/BUTTONS/login.gif') no-repeat left top; text-indent: -5000px; height:28px;} li#login_new a:hover {background: url('/images/BUTTONS/login.gif') no-repeat left bottom; text-indent: -5000px; height:28px;} li#paperfree a:link, li#paperfree a:visited{background: url('/images/BUTTONS/paperfree.gif') no-repeat left top; text-indent: -5000px; height:28px;} li#paperfree a:hover {background: url('/images/BUTTONS/paperfree.gif') no-repeat left bottom; text-indent: -5000px; height:28px;} li#eNewsletter a:link, li#eNewsletter a:visited{background: url('/images/BUTTONS/eNewsletter.gif') no-repeat left top; text-indent: -5000px; height:28px;} li#paperfree a:eNewsletter {background: url('/images/BUTTONS/eNewsletter.gif') no-repeat left bottom; text-indent: -5000px; height:28px;} li#downloadPDS a:link, li#downloadPDS a:visited{color:#003366; background: url('/images/BUTTONS/download_pds.gif') no-repeat left top; text-indent: -5000px; height:28px; margin-top:0;} li#downloadPDS a:hover {background: url('/images/BUTTONS/download_pds.gif') no-repeat left bottom; text-indent: -5000px; height:28px; margin-top:0;} li#perfPrice a:link, li#perfPrice a:visited{background: url('/images/BUTTONS/performance_price.gif') no-repeat 0 0; height:28px; padding-left:40px; text-decoration:none; color:#003366;} li#webcast a:link, li#webcast a:visited{background: url('/images/BUTTONS/watch-webcast.gif') no-repeat 0 0; height:28px; padding-left:40px; text-decoration:none; color:#003366;} li#apply a:link, li#apply a:visited{background: url('/images/BUTTONS/apply.gif') no-repeat left top; text-indent: -5000px; height:28px; margin:-1px 0} li#apply a:hover {background-position: left bottom; } li#contact a:link, li#contact a:visited{background: url('/images/BUTTONS/contact.gif') no-repeat left top; text-indent: -5000px; height:28px; margin:0 0 10px 0} li#contact a:hover {background-position: left bottom; } li#help a:link, li#help a:visited{background: url('/images/BUTTONS/help.gif') no-repeat left top; height:24px; margin:0; padding-top: 9px; padding-left:40px; text-decoration:none; color:#003366;} li#education a:link, li#education a:visited{background: url('/images/BUTTONS/education.gif') no-repeat left top; height:28px; margin:0; padding-left:40px; text-decoration:none; color:#003366;} li#iQ a:link, li#iQ a:visited{background: url('/images/BUTTONS/education.gif') no-repeat left top; height:24px; margin:0; padding-top: 9px; padding-left:40px; text-decoration:none; color:#003366;} /*li#calculator a:link, li#calculator a:visited{background: url('/images/BUTTONS/calculator.gif') no-repeat left top; height:24px; margin:0; padding-top: 9px;padding-left:40px; text-decoration:none; color:#003366;}*/ li#calculator a:link, li#calculator a:visited{background: url('/images/BUTTONS/calculator.gif') no-repeat 0 0; height:28px; padding-left:40px; text-decoration:none; color:#003366;} li.education2 a:link, li.education2 a:visited{background: url('/images/BUTTONS/education.gif') no-repeat left top; height:28px; margin:0; padding-left:40px; text-decoration:none; color:#003366;} li.firstLink {margin-top:10px;} /* ------------------------------------ Tables ------------------------------------ */ .padIt, .padIt2{border:1px solid #ccc; width:auto; padding:3px; margin:0px} /* Green - changed to blue at Trent's request */ .colour3 .padIt table, .colour2 .padIt2 table{text-align:left; background-color:#C0E3EF;padding:0px;} .colour3 .padIt th, .colour2 .padIt2 th{text-align:left; background-color:#8EC7E2; border:1px solid #fff} .colour3 .padIt tr.alternateRow, .colour2 .padIt2 tr.alternateRow{text-align:left; background-color:#E0F1F7} /* brown */ .colour1 .padIt2 table, .colour3 .padIt2 table{text-align:left; background-color:#EFE8BE;padding:0px;} .colour1 .padIt2 th, .colour3 .padIt2 th{text-align:left; background-color:#C5BA8E; border:1px solid #fff} .colour1 .padIt2 tr.alternateRow, .colour3 .padIt2 tr.alternateRow{text-align:left; background-color:#F7F5DE} /* Blue */ .colour1 .padIt table, .colour2 .padIt table{text-align:left; background-color:#C0E3EF;padding:0px;} .colour1 .padIt th, .colour2 .padIt th{text-align:left; background-color:#8EC7E2; border:1px solid #fff} .colour1 .padIt tr.alternateRow, .colour2 .padIt tr.alternateRow{text-align:left; background-color:#E0F1F7} /*.padIt8{ border:1px solid #ccc; margin:0px 0px 20px 0px; padding:3px;}*/ .padIt8{ border:1px solid #ccc; margin:0px 0px 0px 0px; padding:3px; width:508px} .padIt8 table{text-align:left; background-color:#C0E3EF; vertical-align:top;} .padIt8 th{text-align:left; background-color:#8EC7E2; border:1px solid #fff} .padIt8 tr.alternateRow{text-align:left; background-color:#E0F1F7;} .padIt8 td{border:1px solid #fff; padding:1px 3px; height:20px;} .padIt8 td td{padding:1px; border:0px none; } .padIt9{border:1px solid #ccc; margin:0px 0px 0px 0px; padding:3px; width:508px;} .padIt9 table{text-align:left; background-color:#D1EC74; vertical-align:top;} .padIt9 th{text-align:left; background-color:#8EC7E2; border:1px solid #fff} .padIt9 tr.alternateRow{text-align:left; background-color:#E8F6BF;} .padIt9 td{border:1px solid #fff; padding:1px; height:20px;} .padIt9 td td{padding:1px; border:0px none;} .padIt10{ border:1px solid #ccc; margin:0px 0px 20px 0px; padding:3px;} .padIt10 table{text-align:left; background-color:#EFE8BE; vertical-align:top;} .padIt10 th{text-align:left; background-color:#C5BA8E; border:1px solid #fff} .padIt10 tr.alternateRow{text-align:left; background-color:#F7F5DE;} .padIt10 td{border:1px solid #fff; padding:1px 0px 2px 2px; height:20px;} .padIt10 td td{padding:1px; border:0px none; } .padIt11{ border:1px solid #ccc; margin:0px 0px 20px 0px; padding:3px;} .padIt11 table{text-align:left; background-color:#EFE8BE; vertical-align:top;} .padIt11 th{text-align:left; background-color:#C5BA8E; border:1px solid #fff} .padIt11 tr.alternateRow{text-align:left; background-color:#F7F5DE;} .padIt11 td{border:1px solid #fff; padding:1px 0px 2px 2px; height:20px;} .padIt11 td td{padding:1px; border:0px none; } .padIt12{ border:1px solid #ccc; margin:0px 0px 10px 0px; padding:3px;} .padIt12 table{text-align:left; background-color:#C0E3EF; vertical-align:top;} .padIt12 th{text-align:left; background-color:#8EC7E2; border:1px solid #fff} .padIt12 tr.alternateRow{text-align:left; background-color:#E0F1F7;} .padIt12 td{border:1px solid #fff; padding:1px 0px 2px 2px; height:20px;} .padIt12 td td{padding:1px; border:0px none; } .padIt table td, .padIt2 table td {border:1px solid #fff; vertical-align:top} .padIt2{ border:1px solid #ccc; margin:5px 0px 20px 0px; padding:3px;} tr.largemargin td{border-top:7px solid #fff;} .moreinfo {background-color:#C0E3EF; width:auto; padding:3px; margin:1px} .icon{vertical-align:middle; margin:0.2em 0.8em 0 0;} /* ------------------------------------ Home Page ------------------------------------ */ #Home #content {background: url('/images/contentarea_bg_home.gif') repeat-y 0 0; margin:0; padding:0; clear:both} #Home #MainContentArea{margin:8px 5px 2px 7px; width:666px; padding:0;} #Home #linksMenu{float:left; background: url('/images/maintable_leftbg_fade.gif') no-repeat 0 0; padding-right:10px; margin:0; width:156px } #Home #HomeWrapper{width:666px;height:389px;padding:0px;margin:6px 19px 0 0px;*margin:9px 19px 0 0px;float:right;display:inline;position:relative;min-height:250px;} #Home .QuickLinks{ float:left; width:136px; margin:0; background:url('/images/maintable_leftbg_fade.gif') no-repeat 100% 0; min-height:280px; padding-left:17px; padding-right:10px; padding-top:3px;*padding-top:6px; padding-bottom:0} #Home .QuickLinks ul li{padding: 0px 0 0 0;} #Home .QuickLinks ul{padding-bottom:5px;} #Home .OurProducts { border: 1px solid #ccc; padding:3px; width:190px; background-color:#FFF;position:absolute;top:14px;left:9px;width:200px} #Home .FindAFund{ border: 1px solid #ccc; padding:3px; width:190px; background-color:#FFF;position:absolute;top:143px;left:8px;width:200px} #Home .FindAFund p{ padding:0; margin:0 0px} #Home .FindAFund p.headline, #Home .OurProducts p.headline{background-color:#FFFFFF; margin:0 } #Home .OurProducts .innerColour{background-color:#B8DE10; padding: 4px 4px 3px 4px;height:90px} #Home .OurProducts ul, .OurProducts ul ul{margin:0 0 0px 0; padding:0; list-style-type:none; vertical-align:middle;} #Home .FindAFund .innerColour{ background-color:#8EC7E2; padding: 4px} #LatestNews ul, #LatestNews ul ul{ margin:-4px 0 0; padding:3px 0 9px 3px; list-style-type:none; vertical-align:middle; border-bottom:1px white solid; width:135px; } #LatestNews a:link, #LatestNews a:visited{ text-decoration:none; color: #013164; } #LatestNews a:hover, #LatestNews #moreNews a{ text-decoration:underline; } #LatestNews li { background:url('/images/arrowblue_transbg.png') no-repeat !important; background:url('/images/arrow_transbgmatte.gif') no-repeat; vertical-align:middle; line-height:12px; width:105px; margin:5px -10px -6px 2px; padding:5px 0 6px 20px; background-position:left !important; } #moreNews{ left:95px; position:absolute; top:91px; } #LatestNewsTitle{ left:-154px; position:absolute; top:262px; } #LatestNews{ background: url('/images/news_grad.jpg') repeat 0 0; height:107px; left:-156px; margin-right:67px; padding-right:0px; padding-top:10px; position:absolute; top:272px; width:135px; } .PromoB {position:absolute;top:293px;left:0px;} .PromoC {position:absolute;top:293px;left:224px} .PromoD {position:absolute;top:293px;left:448px} #Home p{padding: 0;} .bigpicture{position:relative;top:31px;left:2px} /* Rotating Banner */ #Home #wibsLinksWhite {z-index:30;} #Home #slides {width:666px;margin:0 auto;z-index:1 !important;} #Home .slides_container {width:666px;overflow:hidden;position:relative;display:none;z-index:1 !important;} #Home .slides_container a {width:666px;height:286px;display:block;} #Home .slides_container a img {width:666px;height:286px;display:block;} /* Pagination */ #Home .pagination {position:absolute;width:auto;margin-top:-72px;margin-left:32px;z-index:10;display:none;} #Home .pagination li {float:left;margin:0px;list-style:none;} #Home .pagination li a {display:block;width:11px;height:11px;background:url(../images/Banner-btn.png) 0 0 no-repeat;float:left;margin-left:6px;overflow:hidden;text-indent:-100px;} #Home .pagination li.current a {background-position:0 -11px;} /* Poll */ #Home #HomeWrapper .pds-answer-span, #Home #HomeWrapper .pds-answer-text, #Home #HomeWrapper .pds-vote-button span {font-size: 14px;} #Home #pollresultlinks{position:absolute;top:245px;left:325px;} #Home #pollresultlinks .tilebtn a{background:url('/images/arrowblue_primarybg.gif') right 0px no-repeat;display:block;height:auto;padding:3px 0 5px;text-decoration:none;font-weight:bold;font-size:1.3em;color:#003366;} #Home #pollresultlinks .tilebtn a:hover {color: #F96611;text-decoration: underline;} #Home #polldiv {position:absolute;top:2px;padding:115px 0 0 235px;display:none;} /* ------------------------ post WIBS =home page --------------------------*/ #HomeWrapper #wibsLinks { width:201px; height: 258px; padding:0; margin:0; background: transparent url('/images/wibs/homepage_bgs.gif') no-repeat 0 0; position: absolute; top:14px; left:14px; } #HomeWrapper #wibsLinksWhite { width:201px; height: 258px; padding:0; margin:0; background: transparent url('/images/wibs/homepage_bgs_white.gif') no-repeat 0 0; position: absolute; top:14px; left:14px; } #HomeWrapper #wibsLinks h1, #HomeWrapper #wibsLinksWhite h1{ text-indent: -2000px; font-size:23px; line-height:22px; margin-bottom:-10px } #HomeWrapper #wibsLinks ul, #HomeWrapper #wibsLinksWhite ul { margin: 17px 0 28px 5px; padding: 0 0 2px 0; } #HomeWrapper #wibsLinks ul li, #HomeWrapper #wibsLinksWhite ul li{ list-style-type: none; margin-bottom:2px; } #HomeWrapper #wibsLinks li a:link, #HomeWrapper #wibsLinks li a:visited, #HomeWrapper #wibsLinksWhite li a:link, #HomeWrapper #wibsLinksWhite li a:visited { padding: 5px 3px 6px 20px; text-decoration:none; color: #013164; font-size: 10px; line-height:14px; background: url('/images/wibs/arrow_bullet.gif') no-repeat -160px 6px; } #HomeWrapper #wibsLinks li a:hover, #HomeWrapper #wibsLinks li a:active, #HomeWrapper #wibsLinksWhite li a:hover, #HomeWrapper #wibsLinksWhite li a:active { text-decoration:underline; color:#f96611; } /* ------------------------------------ about Investing ------------------------------------ */ #aboutInvesting .padIt {border:1px solid #ccc; width:auto; padding:3px; padding-bottom:4px;margin:0px;background-color:#fff;} #aboutInvesting .padIt td {background-color:#8ec7e2;padding:10px 5px 10px 5px;margin:0px;border-bottom:0px} #aboutInvesting .padIt td a{text-decoration: none;} #aboutInvesting .padIt td a:hover{text-decoration: underline;} .investingBox{border:1px solid #ccc; padding:5px;width:506px ;margin:0;float:left} .halfWidthL, .halfWidthR{width:244px;float:left;margin-bottom:5px} .halfWidthR {float:right;} .investingBox .BodyColour{background-color:#8ec7e2;margin:0 0 0 0; padding:15px 5px 0px 20px;font-size: 19px;height:60px;} .investingBox .alternateRow{background-color:#c0e3ef;} .investingBox h2{margin:0; padding:0;font-size:19px;line-height:20px;font-family: Roboto, Arial;font-weight:normal;} .investingBox h2.singleLine{line-height:40px;} .investingBox .moreOne {background-image:url('/images/BUTTONS/more-blue2.gif');} .investingBox .alternateRow .moreOne a {background-image:url('/images/BUTTONS/more-blue2.gif');} /* ------------------------------------ find fund Page ------------------------------------ */ .BodyColour ul.arrowList{margin:0; padding:5px 0px 0px 0px; vertical-align:middle;} .BodyColour .arrowList li {list-style: none; margin:0; padding:2px 0px 2px 0px; } /*.BodyColour .arrowList li { list-style-image: url("/images/arrow_bluebg.gif"); margin:0; padding:2px 0 2px 0; }*/ /* ------------------------------------ Performance Page ------------------------------------ */ .BodyColour ul.arrowList2{margin:0px 0px 0px 0px ; padding:5px 0px 0px 0px} .BodyColour .arrowList2 li {list-style: none; margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; vertical-align:middle;} /*.BodyColour .arrowList2 li { list-style-image: url("/images/arrow_greenbg.gif"); margin:0; padding:2px 0 2px 0; vertical-align:middle;}*/ /* ------------------------------------ SiteMap Page ------------------------------------ */ #SiteMap #MainContentArea{background:#fff url('/images/maintable_leftbg_fade.gif') no-repeat 0 0;text-align:center; width:538px; margin-left:164px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:11px; padding-right:0; padding-top:10px; padding-bottom:0} #theMap{ border:1px solid #ccc; margin:0px 0px 7px 0px; width:100%; text-align:left; padding:2px; vertical-align:middle;} #theMap ul, #theMap ul ul{margin:0; padding:0; list-style-type:none; vertical-align:middle;} #theMap li {border-top:1px solid #b4dceb; background:#fff url('/images/arrow_whitebg.gif') no-repeat 0 0.5em; vertical-align:middle;line-height:13px; padding-left:20px; padding-right:0; padding-top:4px; padding-bottom:4px} #theMap p{ background-color:#b4dceb; font-weight:bold; margin:0 0 2px 0; padding:5px;} #theMap p.home{ background-color: #8cc8e0} #theMap li a{font-weight:normal; vertical-align:middle;text-decoration: underline;} #theMap a{text-decoration: underline;} #theMapLeft {width:48%; float:left; padding:2px; border:1px solid #ccc;} #theMapRight {width:48%; float:right; padding:2px; border:1px solid #ccc;} #theMap.siteMapPage{overflow: auto; padding: 0; border: none;} #theMap.siteMapPage li {border-top:none;} #theMap.siteMapPage ul ul {list-style-image: none;} #theMap.siteMapPage li li {background:#fff url('/images/second_level_bul.gif') no-repeat 0 0.5em;} /* ************************************************************ Footer ************************************************************/ #footer {background: #ffffff url('/images/contentarea-bottom_bg2.gif') no-repeat 0 0; height:60px; margin:0; padding-left:25px; padding-right:6px; padding-top:15px; padding-bottom:5px} #footer-text {text-align: center;color: #000;font-size: 9px; padding-right:19px;padding-bottom:8px} #footer-text a {text-decoration: underline; } #footer-text a:visited {color: #003366;text-decoration: underline;} #footer-text a:hover {color: #f96611;text-decoration: underline;} /************************************************************************** Help section ***************************************************************************/ #Help{width:610px;margin: 0 auto;background: url('/images/MainNavlogo.gif') no-repeat;} #Help h1{margin:0; padding:0} #Help h2, h3 {font-size: 10px;font-weight: bold;} #functions{width:245px; float:left; margin:70px 5px 0 0} #functions #Topics{border: 1px solid #CCCCCC; padding:6px; margin:10px 0} #Topics ul, #Topics ul li{ list-style-type:none; margin:0; padding:0} #Topics ul li{background: url('/images/small_roundarrow_bullet_whitebg.gif') no-repeat 0 50%; padding-left:19px; padding-right:0; padding-top:4px; padding-bottom:3px} /* Text part */ #Help #HelpText ol{ padding:0 0 0 17px} #Help #HelpText li{margin:10px 0; padding:0} #HelpText {padding: 4px;width:365px;margin:0 0 0 250px} #functions #Search {border: 1px solid #CCCCCC;padding: 6px; margin:10px 0 5px 0} #Search form, #Search p{margin:0; padding:0} /************************************************************************** new nav ***************************************************************************/ #PageSubMenu {float:left; width:137px; border:1px solid #ccc; padding:3px; margin:5px 0 0 18px;display: inline;} /* ------------------------------------ Login Page ------------------------------------ */ #Login #MainContentArea{border-bottom:1px solid white; margin:5px 0 0 171px; background-color:#fff; width:666px; padding:0;POSITION: relative} #Login #HomeWrapper{background:#C0E3EF 100% 0 no-repeat; margin-bottom:5px; text-align:center;} #Login .breadcrumb {float: right;padding:0 8px 0 10px;} /* ------------------------------------ Rating Agency Login Page ------------------------------------ */ #Login #MainContentArea_RA{border-bottom:1px solid white; margin:10px 10 10 10px; background-color:#fff; padding:0 POSITION: relative} #Login .QuickLinks{ float:left; width:139px; background:url('/images/maintable_leftbg_fade.gif') no-repeat 100% 0;; margin-left:7px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px} #Login .QuickLinks ul li{padding: 2px 0 0 0;} #Login .QuickLinks ul{padding-bottom:5px;} #Login .QuickLinks p{padding: 2px 0 8px 0; margin:0;} #Login .QuickLinks-dark a {background: url('/images/quicklink_singlerow_bg-dark.gif') no-repeat 0 0; display: block; height:21px; color:#000033; font-weight:bold; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:33px; padding-right:0; padding-top:5px; padding-bottom:0; text-decoration:none; line-height:14px} #Login .QuickLinks-dark a:hover {background-position:100% 100%; color:#000033; font-weight:bold;} #Login .ForgotOINLink a { color: #000033; PADDING-LEFT: 4px } #Login .FindAFund{ border: 1px solid #ccc; padding:3px; width:325px; background-color:#FFF;} #Login .FindAFund p{ padding:0; margin:0 } #Login .FindAFund p.headline{background-color:#FFFFFF; margin:0 } #Login .OurProducts .innerColour{background-color:#B8DE0F; padding: 4px} #Login .FindAFund .innerColour{ background-color:#8DC9E1; padding: 4px} #Login .HelpContent {left: 0px;overflow: auto;width: 670px;border-style: none;position: absolute;top: 0px;height: 440px;} #Login .FeatureImages{ background-color:#FFFFFF; border: 1px solid #ccc; padding:4px; margin: 0 4px } #Login .ErrorText {font-size: 12px;color: red;text-align: center;} #Login .outageMessageBox {background-color:#cccccc;} #Login .padIt{padding:2px; text-align:left; background-color:#8DC9E0;} #Login .infoBox{border:1px solid #ccc; padding:5px; margin:0px; vertical-align:top;} #Login .infoBox ul {padding:0; margin:10px 0 0 25px;} #Login .LoginBox{padding:2px; margin:0px; background-color:#8DC9E0; height: 141px;} #Login .arrowList3 li { list-style-image: url('/images/arrow_whitebg.gif'); vertical-align:middle; margin:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px} #Login .QuickLinks ul#TakeMeToNew li { background: none; } #Login .QuickLinks ul#TakeMeToNew li a { background:transparent url(/images/arrow_whitebg.gif) no-repeat 0 0; padding-top: 0; margin-bottom: -5px; color:#003366; text-decoration:underline; } #Login .QuickLinks ul#TakeMeToNew li a:hover { background:transparent url(/images/arrow_whitebg.gif) no-repeat 0 0; padding-top: 0; margin-bottom: -5px; color:#F96611; text-decoration:underline; font-weight: normal; } /* ------------------------------------ Logout Page ------------------------------------ */ #Logout #MainContentArea{margin:5px 0 0 0px; background-color:#fff; width:666px; padding:0;POSITION: relative;} #Logout .afeature_orange {border:1px solid #ccc; padding:4px;} #Logout .afeature_content {background-color:#0059aa;padding:10px 5px} #Logout .HelpContent {left: 0px;overflow: auto;width: 670px;position: absolute;height: 404px;border-style: none;} #Logout .padIt{padding:2px; text-align:left; background-color:#8DC9E0;} #Logout .infoBox {border:1px solid #ccc; padding:4px;} #Logout .infoBoxTitle {background-color: #8dc9e0;font-weight: bold;font-size: 8pt;padding-left: 8px;} #Logout .infoBoxContent {background-color: #E0F1F7;padding: 6px 5px 7px 5px;} #Logout .LoginBox{padding:2px; margin:0px; background-color:#8DC9E0; height: 120px;} #Logout .arrowList3 li { list-style-image: url('/images/arrow_whitebg.gif'); vertical-align:middle; margin:0; padding:0 0 5px 0;} /****** Media *******/ .media li {margin-bottom:10px} img.media {float:right;border:1px black solid;margin-left:4px;} table ul{margin-bottom:0;padding-bottom:0px} #MainContentArea ul ul, ol ul {list-style-image: url('/images/second_level_bul.gif');} #TopNav_Print {display:none} table td.SepBorderSideBott{padding-left:4px;} table.SearchText{width:287px} #ctlFooter * {font-size:10px} /* ------------------------------------ =tables ------------------------------------ */ table.roundCorners { margin-right: -1px; background: #C0E3EF url('/images/call_bg_top.gif') no-repeat left top; width: 100%; border: none; border-collapse: collapse; } table.roundCorners tr.last { background: transparent url('/images/call_bg_bottom.gif') no-repeat left bottom; } /* ------------------------------------ =call to action ------------------------------------ */ #callActionOut { margin: 2em 0; clear:both; width:100%; height:auto; background: #E0F1F7 url('/images/call_bg_bottom.gif') no-repeat left bottom; } #callActionIn { padding: 5px 0px 1px 2px; background: transparent url('/images/call_bg_top.gif') no-repeat left top; } #callActionIn h2, #callActionIn p { padding:0; margin: 0 0 0 5px; } #callActionIn p { margin-bottom: 0.6em; } #callActionIn h2 { font-size: 1.1em; color: #013164; } #callActionIn ul { padding:0; margin:7px 0px 0px 3px; } #callActionIn li { float: left; margin:0 3px 0 0; width: 159px; height:24px; background: #b8de10 url('/images/BUTTONS/wibs_call.gif') no-repeat left top; font-size: 11px; font-weight: bold; list-style-type:none; padding: 0; display: inline; } #callActionIn #callUs { padding: 5px 0 0 35px; line-height: 0.9em; width:124px; height:24px } #callActionIn li a { padding: 8px 0 0 33px; text-decoration: none; display: block; height: 21px; } #callActionIn li#downloadPDS a:link, #callActionIn li#downloadPDS a:visited{ color:#003366; background: url('/images/BUTTONS/wibs_download.gif') no-repeat left top; } #callActionIn li#downloadPDS a:hover { color:#003366; background: url('/images/BUTTONS/wibs_download.gif') no-repeat left bottom; } #callActionIn li#apply a:link, #callActionIn li#apply a:visited { color:#003366; background: url('/images/BUTTONS/wibs_apply.gif') no-repeat left top; } #callActionIn li#apply a:hover { color:#003366; background: url('/images/BUTTONS/wibs_apply.gif') no-repeat left bottom; } .borderBoxBlue{ border:2px solid #5e95c6; padding:0px 4px 3px 8px; margin-bottom:10px; } .borderBoxGreen{ border:2px solid #76bf1e; padding:0px 4px 3px 8px; margin-bottom:10px; } .borderBoxBlue2{ border:2px solid #8fccf3; padding:0px 4px 3px 8px; margin-bottom:10px; } .borderBoxOrange{ border:2px solid #f28900; padding:0px 4px 3px 8px; margin-bottom:10px; } .borderBoxBrown{ border:2px solid #cc7e11; padding:0px 4px 3px 8px; margin-bottom:10px; } /* =top button =backToTop */ p.backToTop { float: right; } p.backToTop a { display: block; width: 40px; height: 16px; text-indent: -2000px; background: transparent url('/images/BUTTONS/wibs_top.gif') no-repeat left top; } p.backToTop a:hover { background: transparent url('/images/BUTTONS/wibs_top.gif') no-repeat right top; } .searchResult { padding-bottom: 10px; word-wrap: break-word; } .searchMessage { padding-bottom: 10px; padding-left: 3px; width: 521px; word-wrap: break-word; } ul.paging { margin: 0; padding: 0 ; list-style: none; white-space:nowrap; } ul.paging li { padding: 3px; list-style: none; display: inline; } ul.paging li.current { font-weight: bold; } /* calculator */ #calcBoxItems {float:left;width:45%;_width:35%;height:100px;_height:120px;background: url('/images/twg/tool-box-bg.gif') repeat-x 0 0;padding:8px; margin:0 5px 10px 5px;color:#1d4064;font-size:1em;} #calcBoxItems a {float:left;color:#0e2a46;color:#004890;font-weight:bold; display:block;vertical-align:text-bottom;font-size:1em;text-decoration:none;width:100%; height:40px; padding-left:50px; } #calcBoxItems a:hover {color: #09adef;text-decoration:underline;} a.calc-howmuch {background:url('/images/icon-how-much.gif') no-repeat 0 0; } a.calc-budget {background:url('/images/icon-budget-planner.gif') no-repeat 0 0;} a.calc-yoursuper {background:url('/images/icon-your-super.gif') no-repeat 0 0;} a.calc-riskprofile {background:url('/images/icon-risk-profile.gif') no-repeat 0 0;} a.calc-regular {background:url('/images/icon-regular.gif') no-repeat 0 0;}