/* * Amplexor - RD * */ /* General position */ body{color: #555555;} #three-col #content-container{background: url(/images/css_content-container-bg.png) repeat-y 0px 0px;} #three-col #main{width: 512px; float: left; padding: 10px 0px 10px 0px;} /*was 535*/ #three-col #modules{width: 217px; float: right; padding: 10px 10px 0px 10px;} #main{min-height: 350px;} #footer{margin-top: 0px} #footer div.webfooter div.subfooter{margin: 6px 0px; line-height: 14px} #footer div.webfooter div.subfooter hr{border-bottom: 1px solid #eaeaea; border-top: 1px solid #fff; border-left: none; border-right: none; margin-bottom: 5px; padding: 0; margin-top: 10px; display: block} #sub-nav div.page-nav span.tel{display:block; margin-top: -10px;} #sub-nav div.page-nav ul.secure-nav li.home-active{background: url(../images/css_securenav_item-active.png) no-repeat top left; height: auto; margin-top: 1px;} #sub-nav div.page-nav ul.secure-nav li.home-active a{padding-left: 28px; color: #ffffff;} #sub-nav div.page-nav ul.secure-nav li.home-active a:hover{background: none;} #sub-nav div.page-nav ul.secure-nav li.open-business{background: url(../images/button_open_business.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.open-business a:hover{background: url(../images/button_open_business_hover.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.open-business-active{background: url(../images/button_open_business_active.png) no-repeat top left;} #sub-nav div.page-nav ul.secure-nav li.open-business-active a:hover{background: none;} #sub-nav div.page-nav div.quicklinks_images{text-align: center; } #sub-nav div.page-nav div.quicklinks_images a {background: none; display: inline; padding-left: 0px; margin-left: 0px; width: auto; } /*Theme colors*/ #content-container span.purple-8f3ddc{display: block; width: 760px; height: 17px; background: url(/images/css_swoosh_purple-8f3ddc.png) no-repeat 0px 0px; margin-bottom: -10px; position: relative; z-index: 1} #content-container span.blue-88aacd{display: block; width: 760px; height: 17px; background: url(/images/css_swoosh_blue-88aacd.png) no-repeat 0px 0px; margin-bottom: -10px; position: relative; z-index: 1} #content-container span.green-1fb91f{display: block; width: 760px; height: 17px; background: url(/images/css_swoosh_green-1fb91f.png) no-repeat 0px 0px; margin-bottom: -10px; position: relative; z-index: 1} #content-container span.red-d90000{display: block; width: 760px; height: 17px; background: url(/images/css_swoosh_red-d90000.png) no-repeat 0px 0px; margin-bottom: -10px; position: relative; z-index: 1} #content-container span.blue-60add9{display: block; width: 760px; height: 17px; background: url(/images/css_swoosh_blue-60add9.png) no-repeat 0px 0px; margin-bottom: -10px; position: relative; z-index: 1} #content-container span.blue-88aacd-home{display: block; width: 760px; height: 7px; background: url(/images/css_swoosh_blue-88aacd-home.png) no-repeat 0px 0px; margin-bottom: -9px; position: relative; z-index: 1} #content-container span.purple-8f3ddc-home{display: block; width: 760px; height: 7px; background: url(/images/css_swoosh_purple-8f3ddc-home.png) no-repeat 0px 0px; margin-bottom: -9px; position: relative; z-index: 1} #content-container span.green-1fb91f-home{display: block; width: 760px; height: 7px; background: url(/images/css_swoosh_green-1fb91f-home.png) no-repeat 0px 0px; margin-bottom: -9px; position: relative; z-index: 1} #content-container span.red-d90000-home{display: block; width: 760px; height: 7px; background: url(/images/css_swoosh_red-d90000-home.png) no-repeat 0px 0px; margin-bottom: -9px; position: relative; z-index: 1} #content-container span.blue-60add9-home{display: block; width: 760px; height: 7px; background: url(/images/css_swoosh_blue-60add9-home.png) no-repeat 0px 0px; margin-bottom: -9px; position: relative; z-index: 1} /* headers */ #main h1, #main h2, #main h3, #modules h1, #modules h2, #modules h3{font-weight: normal;} #main h1, #modules h1 {color: #000099; margin-bottom: 10px; font-size: 155% /* was 20px */; clear: left;} #main h2, #modules h2 {color: #000099; margin-bottom: 10px; font-size: 140% /* was 16px */;} #main h3, #modules h3 {color: #333333; margin-bottom: 6px; font-size: 130% /* was 14px */;} #main h4, #modules h4 {color: #000099; margin-bottom: 6px; font-size: 120% /* was 12px */; font-size: 110%; font-weight: bold;} #modules h1, #modules h2, #modules h3, #modules h4{color: #333333;} h2.titleimage{padding-left:75px;height:50px;padding-top:10px;margin-top:10px;} #main h2.talkback{background: url(/images/talkback-logo.jpg) no-repeat 0 0; padding-left: 95px; padding-top: 20px; height: 65px;} /* Crumb trail */ #page-banner{margin-top: 5px; margin-bottom: 0px;} /*margin-bottom was 10px*/ #page-banner #crumb{min-height: 24px; display: none;} #page-banner-CrumbedOverlay{position: relative; margin-bottom: 0px;} /*margin-bottom was 10px*/ #page-banner-CrumbedOverlay #crumb{min-height: 24px; line-height: 24px; background: url(../images/transparent-crumb.png) no-repeat 0px 0px; position: absolute; left: 0px; top: 0px; width: 100%; padding-left: 5px;} #page-banner-Crumbed{margin-bottom: 0px;} /*margin-bottom was 10px*/ #page-banner-Crumbed #crumb{min-height: 24px; background: #fff;} #page-banner-CrumbedLine{margin-bottom: 0px;} /*margin-bottom was 10px*/ #page-banner-CrumbedLine #crumb{border-bottom: 1px solid #EAEAEA; min-height: 24px; line-height: 24px; background: #fff;} #page-banner .bannerimage-left, #page-banner-Crumbed #crumb .bannerimage-left, #page-banner-CrumbedOverlay .bannerimage-left, #page-banner-Crumbed .bannerimage-left{float: left;} #page-banner .bannerimage-right, #page-banner-Crumbed #crumb .bannerimage-right, #page-banner-CrumbedOverlay .bannerimage-right, #page-banner-Crumbed .bannerimage-right{float: right;} /*#page-banner div.banner, #page-banner-CrumbedOverlay div.banner, #page-banner-Crumbed div.banner, #page-banner-CrumbedLine div.banner{background: url(/images/css_bg_header_blue.png) no-repeat 0px 0px; width: 760px; height: 89px} #page-banner div.banner h1, #page-banner-CrumbedOverlay div.banner h1, #page-banner-Crumbed div.banner h1, #page-banner-CrumbedLine div.banner h1{font-size: 30px; font-weight: lighter; font-style: italic; color: #000099; padding-top: 20px; padding-left: 20px}*/ /* General class names */ hr{border-bottom: 1px dotted #AAAAAA; border-top: 1px solid #fff; border-left: none; border-right: none; margin-bottom: 5px; padding: 0; margin-top: 10px; display: block} hr.under{margin-top: 0px} span.foldable{display: block} .foldable a{background: url(/images/css_arrow-down_blue.png) no-repeat right 4px; padding-right: 15px;} .calculator{background: url(/images/css_calculator.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px} .star{background: url(/images/css_star.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .envelop{background: url(/images/css_envelop.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .question{background: url(/images/css_question-mark.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .arrow{background: url(/images/css_arrow.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .graph{background: url(/images/css_graph.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .lock{background: url(/images/css_lock.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .note{background: url(/images/css_bullet_tilted-square_orange.png) no-repeat 0px 5px; padding-left: 15px;} .window{background: url(/images/css_window.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .persons{background: url(/images/css_persons.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .schedule{background: url(/images/css_schedule.png) no-repeat 0px 0px; padding-left: 25px; padding-bottom: 10px;} .hide{display: none;} p.pdf{background: url(/images/css_pdf.png) no-repeat 0px 1px; padding-left: 25px; padding-bottom: 10px;} p.rss{background: url(/images/css_rss.png) no-repeat 0px 1px; padding-left: 20px; padding-bottom: 10px; padding-top: 2px} a.pdf{background: url(/images/css_pdf.png) no-repeat 0px 1px; padding-left: 25px; padding-bottom: 10px;} a.news{background: url(/images/css_news.png) no-repeat 0px 1px; padding-left: 30px; padding-bottom: 10px; padding-top: 5px} a.recommended{background: url(/images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 2px; padding-left: 20px; /* display: block; */} p.warning{border: 1px solid #d8d8d8; margin: 0; padding: 5px; margin-bottom: 20px} div.fold-content{width: 225px} p.bordered{border: 1px solid #36C; padding: 15px} #main .text-left{float: left;} #main .text-right{float: right;} /*Rollover effect*/ #content-container a.rollover-blue, #content-container a.rollover-orange{background-color: transparent} #content-container a.rollover-blue img, #content-container a img.rollover-blue{background-color: #cb6822} #content-container a.rollover-orange img, #content-container a img.rollover-orange{background-color: #000095;} #content-container a.rollover-blue:hover img, #content-container a:hover img.rollover-blue{background-color: #000095} #content-container a.rollover-orange:hover img, #content-container a:hover img.rollover-orange{background-color: #cb6822;} #content-container a.rollover-blue-RIGHT{display: block; background-color: #cb6822} #content-container a.rollover-blue-RIGHT, #content-container a.rollover-orange-RIGHT{float: right} #content-container a.rollover-blue-RIGHT:hover{background-color: #000095} #content-container a.rollover-orange-RIGHT{display: block; background-color: #000095} #content-container a.rollover-orange-RIGHT:hover{background-color: #cb6822} #content-container a.rollover-blue-RIGHT, #content-container a.rollover-orange-RIGHT{margin-left: 5px;} #main div.article a img, #main div.infoblock a img, #main div.pageintro a img{margin: 0px} #main div.article a.rollover-orange, #main div.infoblock a.rollover-orange, #main div.pageintro a.rollover-orange, #main div.article a.rollover-blue, #main div.infoblock a.rollover-blue, #main div.pageintro a.rollover-blue{margin: 0px 5px} /* normal text */ #main p {padding-bottom: 10px; line-height: 14px; } /* lists */ #main ul, #main ol{clear: left; margin: 0px 10px 10px 15px;} #main ol{margin-left: 30px;} #main ul{list-style: none url(/images/css_bullet_tilted-square_orange.png) outside; line-height: 18px; margin-bottom: 22px;} #main ul ul{list-style: none url(/images/css_bullet_tilted-square_orange_white.png) outside; line-height: 16px; margin-top: 1px; margin-bottom: 7px; font-size: 10px;} #main ul.emphasized, #main ul.recommended, #main ul.linklist{margin-left: 0px; list-style-image: none;} #main ul.emphasized li, #main ul.recommended li, #main ul.linklist li{padding-left: 16px; margin-bottom: 1px;} #main ul.recommended li, #main ul.linklist li{background: url(/images/css_bullet_arrowbox-right_blue.png) no-repeat 1px 4px;} #main ul.emphasized li{background: url(../images/css_bullet_arrowbox-right_orange.png) no-repeat 0px 4px; margin-bottom: 0px;} #main ul.linklist{margin-bottom: 0px} #main ul.linklist li a{color: #000099; text-decoration: underline;} #main ul.linklist li a:hover{color: #FD6600} #main ul.pdf{list-style-image: none} #main ul.pdf li{background: url(/images/css_pdf.png) no-repeat 0px 1px; padding-left: 25px; margin-bottom: 15px} /* Article */ #main div.single-paragraph{margin-bottom: 20px; margin-top: 10px} #main div.image-title{margin-bottom: 10px} #main div.article, #main div.textintro, #main div.pageintro{width: 100%; padding-top: 10px;} #main div.article div.paragraph{padding-bottom: 10px; width: 100%;} #main div.article div.paragraph p, #main div.textintro p, #main div.pageintro p{margin: 0; padding-bottom: 20px} #main div.article div.paragraph p img{margin: 10px 0px;} #main div.abstract{margin-bottom: 8px; font-weight: bold} #main div.column-container div.column div.paragraph{padding-right: 5px;} #main div.article ul, #main div.pageintro ul{list-style: none url(/images/css_bullet_tilted-square_orange.png) outside; line-height: 18px; margin-bottom: 22px;} #main div.article ul, #main div.pageintro ul ol{list-style-image: none;} #main div.article ul.linklist, #main div.pageintro ul.linklist{list-style-image: none;} #main div.article p.address{width: 49%; float: left;} #main div.article p.phone-fax{width: 49%; float: right;} #main div.article p.footnote, #main div.infoblock p.footnote{color: #88aacd; font-style: italic ; margin: 0; padding: 0;} #main div.article input{margin-top: 8px; padding: 1px 5px 1px 5px; width: 140px; margin-right: 10px; float: left} #main div.article button.subscribe-btn{background: url(../images/subscribe-button.png) no-repeat top left; border: none; width: 96px; height: 19px; cursor:pointer; clear:both; margin-top: 5px;} #main div.article button.signup-btn{background: url(../images/signup-button.png) no-repeat top left; border: none; width: 85px; height: 19px; cursor:pointer; float: left; margin-top: 8px;} #main div.article img, #main div.infoblock img, #main div.pageintro img{margin: 0px 5px;} #main img.fixedimage{padding: 0px 10px 0px 10px;} #main img.left{float: left; padding-left: 0px; margin-left: 0px;} #main img.right{float: right; padding-right: 0px; margin-right: 0px;} #main span.img-cap{padding: 0px 10px 10px 10px;} #main span.right{float: right; display: inline; padding-right: 0px;} #main span.left{float: left; display: inline; padding-left: 0px;} #main span.img-cap img{padding: 0; margin: 0;} #main span.img-cap span{font-size: 10px; font-style: italic;} #main div.infofieldset fieldset { border:2px solid #55A5D6;padding:15px;} #main div.infofieldset legend { font-size:135%;padding: 0.2em 0.5em;color:#000099;margin-left:5px} /* Fund detail pages */ #main div.fund-data div.graph-data{margin-bottom: 25px} #main div.fund-data div.growth-data{margin-bottom: 25px} #main div.fund-data div.growth-data table{width: 50%} #main div.fund-data div.ratings-data{margin-bottom: 25px} #main div.fund-data div.ratings-data table{width: 50%} #main div.fund-data div.ratings-data table td ul{list-style: none; margin: 0; padding: 0;} #main div.fund-data div.ratings-data table td ul li{float: left; margin: 0; padding: 0; margin-right: 1px} #main div.fund-data div.ratings-data table td.sp-rating{font-weight: bold} /* tables*/ #main table{width: 100%; border-collapse: collapse; margin-bottom: 15px; border-bottom: 1px dotted #D0D0D0; margin-left: 1px;} #main table tr th{border-bottom: 2px solid #88aacd;} #main table tr th.noformat{border-bottom: none} #main table tr.alternate td{background-color: #f4f4f4;} #main table tr.highlight{color: #FF6600;} #main table tr td{padding: 5px 10px 5px 10px; text-align: left; vertical-align: top;} #main table tr th{padding: 0px 10px 5px 10px; text-align: left;} #main table.noformat{border: none; margin: 0; padding: 0;} #main table.noformat tr th{border: none;} #main table.prospect{border: none; width: 90%; margin-top: 20px; margin-bottom: 20px;} #main table.prospect col.column1{width: 70%;} #main table.bordered{border-bottom: 1px solid #000;} #main table.bordered tr td{border: 1px solid #000;} #main table.lesspadding th, #main table.lesspadding td{padding: 5px;} /* Collapsable content */ #main div.collapse-content{margin-bottom: 20px; border-bottom: 1px dotted #E1E1E1; width: 100%} #main div.collapse-content dl{margin: 0; padding: 0;} #main div.collapse-content dl dt{cursor: pointer; padding: 8px ; padding-left: 30px; border-top: 1px dotted #E1E1E1; background: url(/images/css_bullet-collapse-right.png) no-repeat 5px 11px; color: #4d90de; font-size: 13px;} #main div.collapse-content dl dt.active{background: url(/images/css_bullet-collapse-down.png) no-repeat 5px 12px;} #main div.collapse-content dl dd.answer{padding-left: 30px; padding-right: 10px} #main div.collapse-content dl dd.answer{padding-bottom: 5px} #main div.collapse-content dl dd.answer p{margin: 0; padding-bottom: 15px} #main div.collapse-content dl dd.answer p img{margin: 0px 5px 10px 10px} #main div.collapse-content dl dd.answer ul{margin-left: 15px; list-style: none url(/images/css_bullet_tilted-square_orange.png) outside; line-height: 18px; margin-bottom: 22px;} #main #FAQ-content div.collapse-content{margin-bottom: 10px; background-color: #F8FBFB; border-bottom: 1px solid #D4D2D2; width: 100%} #main #FAQ-content div.collapse-content dl{margin: 0; padding: 0;} #main #FAQ-content div.collapse-content dl dt{border-top: 1px solid #D4D2D2; padding-top: 10px; padding-bottom: 10px;} #main #FAQ-content div.collapse-content dl dt.statement{background: url(/images/css_arrow_gray_right.png) no-repeat 10px 13px; padding-left: 40px; padding-right: 10px; color: #000099; text-decoration: underline; cursor: pointer} #main #FAQ-content div.collapse-content dl dt.active{background: url(/images/css_arrow_gray_down.png) no-repeat 10px 13px} #main #FAQ-content div.collapse-content dl dd.answer{padding-left: 40px; padding-right: 10px;} #main #FAQ-content div.collapse-content dl dd.answer ul{margin-left: 15px; list-style: none url(/images/css_bullet_tilted-square_orange.png) outside; line-height: 18px; margin-bottom: 22px;} /* Press */ #main div.press-archive{margin-bottom: 30px} #main div.press-archive h1, #main div.press-archive h2, #main div.press-archive h3, #main div.press-archive h4{color: #333333;} /* Podcast */ #main div.podcast{margin-bottom: 25px} #main div.podcast div.content{background: #88aacd url(/images/css_podcast_bg.png) no-repeat 0px 0px; width: 487px; margin-top: -2px; padding-bottom: 5px; color: #394b5e;} #main div.podcast div.content div.intro p{font-weight: bold; width: 85%; margin: 0px 20px; padding-top: 20px; padding-bottom: 20px;} #main div.podcast div.content div.files div.filetable-header{padding-left: 20px; font-weight: bold; color: #fff;} #main div.podcast div.content div.files div.filetable-header table.noformat col.column1{width: 60%} #main div.podcast div.content div.files div.filetable-header table.noformat col.column2{width: 40%} #main div.podcast div.content div.files div.audio{margin-bottom: 5px; background: url(/images/css_podcast_bg_audio-top.png) no-repeat 0px 0px; width: 435px; margin-left: 20px; padding-top: 5px} #main div.podcast div.content div.files div.audio table.noformat col.column1{width: 64%} #main div.podcast div.content div.files div.audio table.noformat col.column2{width: 36%} #main div.podcast div.content div.files div.audio table.noformat tr td{padding-bottom: 7px; background: url(/images/css_podcast_bg_audio.png) repeat-y 0px 0px;} #main div.podcast div.content div.files div.audio table.noformat tr td a{font-weight: bold; padding-left: 15px; background: url(/images/css_arrow-podcast.png) no-repeat 0px 4px; color: #394b5e;} #main div.podcast div.content div.files div.audio table.noformat tr td span{clear: both; display: block; font-weight: bold; } #main div.podcast div.content div.files div.audio span.end-audio{display: block; width: 435px; height: 5px; background: url(/images/css_podcast_bg_audio-bottom.png) no-repeat 0px 0px;} #main div.podcast span.end-podcast{background: url(/images/css_podcast_bg_end.png) no-repeat 0px 0px; width: 487px; height: 9px; display: block} #main div.musicplayercontainer {text-align:center; margin-bottom:10px;margin-top:10px} /* Forms */ #main div.form{border: 1px solid #e1e1e1; background-color: #f4f4f4; margin-top: 5px; margin-bottom: 10px; padding: 15px} #main div.form h2{color: #333333;} #main div.form table.noformat{margin-left: 10px; width: 97%;} #main div.form table.noformat .column1{width: 30%} #main div.form table.noformat .column2{} #main div.form table.noformat tr{} #main div.form table.noformat tr td{} #main div.form table.noformat tr td ul.noformat li{float: none;} #main div.form table.noformat tr td ul{list-style: none; margin: 0; padding: 0;} #main div.form table.noformat tr td ul li{float: left; margin-right: 30px;} #main div.form span.form-radio-style input{margin-right: 3px} #main div.form span.form-radio-style label{margin-right: 10px} #main div.form span.form-checkbox-style input{margin-right: 3px} #main div.form table.form-radio-table{border-bottom: none; margin: 0; padding: 0;} #main div.form table.form-radio-table tr td{margin: 0; padding: 0; padding-bottom: 5px} #main div.form table.form-radio-table tr td input{margin-right: 3px} #main div.form table.noformat tr td a.submitbtn{width: 108px; height: 23px; display: block; background: #cb6822 url(/images/button_submit-info.gif) no-repeat 0px 0px;} #main div#ezine.form table.noformat tr td a.submitbtn{background: #cb6822 url(/images/button_submit-info-blue.gif) no-repeat 0px 0px; height: 25px} #main div.form table.noformat tr td a.submitbtn:hover{background-color: #000095;} /* Dropdown Navigator */ #main div.dropdown-navigator{margin-top: 5px; margin-bottom: 10px} #main div.dropdown-navigator table.noformat td{margin: 0; padding: 0;} #main div.dropdown-navigator table.noformat tr td a{margin-left: 10px} #main div.dropdown-navigator table.noformat tr td a:hover input{width: 126px; height: 23px; filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;} /* Fundselector */ #main #fundselector div.two-columnlayout{width: 100%; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px dotted #D0D0D0;} #main #fundselector div.two-columnlayout div.column1{width: 50%; float: left; padding-right: 20px; border-right: 1px dotted #D0D0D0;} #main #fundselector div.two-columnlayout div.column2{width: 40%; float: left; padding-left: 20px;} #main #fundselector div.two-columnlayout div.column1 div.criteria{width: 100%; overflow: hidden; margin-bottom: 10px} #main #fundselector div.two-columnlayout div.column1 div.criteria p label{width: 80px; float: left; color: #000099} #main #fundselector div.two-columnlayout div.column1 div.criteria select{width: 200px} #main #fundselector div.two-columnlayout div.column1 div.criteria .crit2 .rating{width: 200px; margin-top: -8px; margin-bottom: 20px} #main #fundselector div.two-columnlayout div.column1 div.criteria .crit2 p{clear: left} #main #fundselector ul.tabs{margin: 0; padding: 0; width: 100%; overflow: hidden; height: 26px} #main #fundselector ul.tabs li{float: right;} #main #fundselector div.two-columnlayout div.column1 div.criteria table{margin: 0; padding: 0;} #main #fundselector div.two-columnlayout div.column1 div.criteria table td{margin: 0; padding: 5px 10px 2px 0px;} #main #fundselector div.two-columnlayout div.column1 div.criteria table .column1{width: 210px;} #main #fundselector div.two-columnlayout div.column1 div.criteria table label{float: right; margin-top: 2px} #main #fundselector div.two-columnlayout div.column1 div.criteria table tr td input.resetbtn{width: 54px; height: 19px; border: none; background: url(/images/button_reset.png) no-repeat 0px 0px; outline: none; float: right; cursor: pointer;} /* default space between tabs */ #main #fundselector ul.tabs{line-height: normal;} #main #fundselector ul.tabs li{margin-right:0.5em; /* horizontal tabs */} /* core */ #main #fundselector ul.tabs li{margin:0; padding:0; list-style:none;} #main #fundselector ul.tabs li em{font-style:normal; } #main #fundselector #funds{zoom:1; margin-top: -1px} #main #fundselector ul.tabs li{display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */} #main #fundselector ul.tabs a{outline:0; /* gecko: keep from shifting */} #main #fundselector ul.tabs a{position:relative;} /* IE: to allow overlap */ #main #fundselector ul.tabs li a{display:block; display:inline-block; vertical-align:bottom; /* safari: for overlap */ zoom:1;} #main #fundselector ul.tabs li a em{display:block;} /* top oriented */ #main #fundselector ul.tabs li{margin: 0; width: auto;} #main #fundselector ul.tabs li.tabinfo{margin-top: 5px; color: #FF6600; font-weight: bold} #main #fundselector ul.tabs li a{background: url(../images/css_tab-right.png) no-repeat top right; cursor: pointer} #main #fundselector ul.tabs li a span{background: url(../images/css_tab-left.png) no-repeat top left; display: block;} #main #fundselector ul.tabs li a span em{background: url(../images/css_tab-center.png) repeat-x; margin-left: 17px; margin-right: 7px; display: inline-block} #main #fundselector ul.tabs li.first a span{background: url(../images/css_tab-left-first.png) no-repeat top left;} #main #fundselector ul.tabs li.first a span em{margin-left: 27px;} #main #fundselector ul.tabs li.selected{width: auto; white-space: nowrap} #main #fundselector ul.tabs li.selected a{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li.selected a span{background: url(../images/css_tab-left-active.png) no-repeat top left;} #main #fundselector ul.tabs li.selected a span em{background: url(../images/css_tab-center-active.png) repeat-x;} #main #fundselector ul.tabs li.selected a{color: #fff; font-weight: bold} #main #fundselector ul.tabs .selected a{border-bottom:0;} #main #fundselector ul.tabs .selected a em{padding-bottom:0.6em;} /* adjust height */ #main #fundselector ul.tabs li.first.selected a span{background: url(../images/css_tab-left-first-active.png) no-repeat top left;} #main #fundselector ul.tabs li.first.selected a span em{margin-left: 27px;} #main #fundselector ul.tabs li a{text-decoration: none; color: #000} #main #fundselector ul.tabs li a em{padding:0.5em;} #main #fundselector ul.tabs li a{border-bottom:1px solid #ccc;} #main #fundselector ul.tabs li a:hover{background: url(../images/css_tab-left-active.png) no-repeat top left; width: auto; white-space: nowrap; color: #fff;} #main #fundselector ul.tabs li a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 17px;} #main #fundselector ul.tabs li.first a:hover{background: url(../images/css_tab-left-first-active.png) no-repeat top left; width: auto; white-space: nowrap; color: #fff;} #main #fundselector ul.tabs li.first a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #main #fundselector ul.tabs li.first a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 27px} #main #fundselector #funds{border-top:1px solid #686868} #main #fundselector #funds table{border-collapse: collapse; width: 100%} #main #fundselector #funds table .column1{width: 300px; overflow:hidden} #main #fundselector #funds table .column2{width: 15px;} #main #fundselector #funds table .column3{width: 70px;} #main #fundselector #funds table tr td img{margin-right: 1px} #main #fundselector #funds table td.pds{width: 15px} #main #fundselector #funds table td.pds a{display: block; margin: 0; padding: 0; height: 25px;} #main #fundselector #funds table td.buy{width: 55px; padding-right: 0px} #main #fundselector #funds table td.ctr, #main #fundselector #funds table th.ctr{text-align: center} #main #fundselector #funds table td.morningstar{text-align: left} #main #fundselector #funds table tr.alternate td{background: #f4f4f4} #main #fundselector #funds table tr.alternate td{border: 1px solid #f4f4f4} #main #fundselector #funds table tr th{border-right: 1px solid #fff; border-bottom: 2px solid #88aacd; padding: 2px 5px; font-size: 11px} #main #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat left 0px; padding-left: 20px} #main #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat left 0px; padding-left: 20px} #main #fundselector #funds table tr td{padding: 6px; border: 1px solid #fff; white-space:nowrap} #main #fundselector #funds table tr .fundname{width: 365px} #main #fundselector #funds div.pager{margin-bottom: 20px; margin-top: 20px; text-align: center} #main #fundselector #funds div.pager span.pagenumbers{margin-left: 30px; margin-right: 24px;} #main #fundselector #funds div.pager span.pagenumbers a{padding-left: 6px; margin-right: 6px; width: auto; border-left: 1px solid #000} #main #fundselector #funds div.pager span.pagenumbers a.first{border-left: none} #main #fundselector #funds div.pager span.pagenumbers a.active{color: #000; text-decoration: none; font-weight: bold} #main #fundselector #funds div.pager input{padding-top: 0px} #main #fundselector #funds table tr td.equal{background: url(/images/css_trend-equal-white.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main #fundselector #funds table tr.alternate td.equal{background: #f0f0f0 url(/images/css_trend-equal-gray.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main #fundselector #funds table tr td.decrease{background: url(/images/css_trend-arrow-red-white.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main #fundselector #funds table tr.alternate td.decrease{background: #f0f0f0 url(/images/css_trend-arrow-red-gray.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main #fundselector #funds table tr td.increase{background: url(/images/css_trend-arrow-green-white.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main #fundselector #funds table tr.alternate td.increase{background: #f0f0f0 url(/images/css_trend-arrow-green-gray.gif) no-repeat 40px 5px; width: 12px; height: 10px; padding: 0;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.type_1{background-color:#e9eff6;font-weight:bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.type_2{background-color:#000099;font-weight:bold;color:#ffffff;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.type_3{background-color:#88aacc;font-weight:bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.type_4{background-color:#ff6600;font-weight:bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.type_5{background-color:#999999;font-weight:bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_1{background-color:#e9eff6;} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_2{background-color:#000099} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_3{background-color:#88aacc;} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_4{background-color:#ff6600;} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_5{background-color:#999999;} /* Fund data */ /* default space between tabs */ #main div.fund-data div.graph-data div.yui-navset .yui-nav li{margin-right:0.5em; /* horizontal tabs */} /* core */ #main div.fund-data div.graph-data .yui-nav, #main div.fund-data div.graph-data .yui-nav li{margin:0; padding:0; list-style:none;} #main div.fund-data div.graph-data div.yui-navset li em{font-style:normal;} #main div.fund-data div.graph-data div.yui-navset{position:relative; /* contain absolute positioned tabs (left/right) */zoom:1;} #main div.fund-data div.graph-data div.yui-navset .yui-content{zoom:1;} #main div.fund-data div.graph-data div.yui-navset .yui-nav li{display:inline-block;display:-moz-inline-stack;*display:inline; /* IE */vertical-align:bottom; /* safari: for overlap */cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */zoom:1; /* IE: kill space between horizontal tabs */} #main div.fund-data div.graph-data div.yui-navset .yui-nav a{outline:0; /* gecko: keep from shifting */} #main div.fund-data div.graph-data div.yui-navset .yui-nav a{position:relative;} /* IE: to allow overlap */ #main div.fund-data div.graph-data div.yui-navset .yui-nav li a{display:block;display:inline-block;vertical-align:bottom; /* safari: for overlap */zoom:1;} #main div.fund-data div.graph-data div.yui-navset-bottom .yui-nav li a{vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */} #main div.fund-data div.graph-data div.yui-navset .yui-nav li a em{display:block;} #main div.fund-data div.graph-data div.yui-navset .yui-nav{text-align: left; margin-left: 30px} #main div.fund-data div.graph-data div.yui-navset .yui-nav li em{padding:.5em; font-style: italic; color: #88aacd; font-weight: bold;} /* tab padding */ #main div.fund-data div.graph-data div.yui-navset-bottom .yui-nav a{text-decoration: none;} /* overrides for other orientations */ #main div.fund-data div.graph-data div.yui-navset-bottom .yui-nav .selected a{border-width:0 1px 1px; /* no top border for active tab */padding:1px 0 0; /* to match height of other tabs */} #main div.fund-data div.graph-data div.yui-navset-bottom .yui-nav a:hover em{color: #FF6600} #main div.fund-data div.graph-data div.yui-navset-bottom .yui-nav .selected a em{color: #FF6600;} #main div.fund-data div.graph-data div.yui-navset-bottom .yui-content{margin:0 0 -1px; /* for active tab overlap */ text-align: left} /* Sitemap */ #sitemap div.row{margin-top: 20px; margin-bottom: 10px;} #sitemap div.row div.column{width: 32%; float: left; margin-right: 10px} /* Layout Components */ div.twoColLayout div.column{width: 50%; float: left;} div.twoColLayout_50-50{background: url(/images/css_content-container-bg_50-50.png) repeat-y 0px 0px;} div.twoColLayout_50-50 div.column1{float: left; width: 350px; margin-top: 10px;} div.twoColLayout_50-50 div.fold-content{width: 335px} #two-col-subnav div.twoColLayout_50-50 #modules{clear: none; width: 350px; padding: 0px 20px 0px 20px; float: right;} #main div.orderedlayout{margin-bottom: 20px; margin-top: 10px} #main div.orderedlayout div.float-item-1{float: left; width: 11%; margin-right: 10px} #main div.orderedlayout div.float-item-2{float: left; width: 86%} #main div.orderedlayout div.float-item-2 h2{padding-top: 12px} #main div.orderedlayout div.float-item-2{/*padding-top: 12px*/} #modules div.orderedlayout{margin-bottom: 0px; margin-top: 0px;background:white;padding-left:10px;padding-right:10px;padding-top:10px;} #modules div.orderedlayout_first{margin-top:10px; border-top:1px #d0d0d0 dashed;} #modules div.orderedlayout_last{margin-bottom:10px; border-bottom:1px #d0d0d0 dashed;} #modules div.orderedlayout div.float-item-1{float: left; width: 11%; margin-right: 20px;} #modules div.orderedlayout div.float-item-2{float: left; width: 80%} #modules div.orderedlayout div.float-item-2 h2{padding-top: 0px;color: #000099;} #main div.orderedlayout_square{margin-bottom:20px;} #main div.orderedlayout_square div.square_item{float:left;} #main div.orderedlayout_square div.orderedlayout{margin-bottom: 20px; margin-top: 10px;width:250px;} #main div.orderedlayout_square div.orderedlayout{margin-bottom: 20px; margin-top: 10px} #main div.orderedlayout_square div.orderedlayout div.float-item-1{float: left;width:50px;} #main div.orderedlayout_square div.orderedlayout div.float-item-2{float: left;width:190px;} #main div.orderedlayout_square div.orderedlayout div.float-item-2 h2{padding-top: 0px;color: #333333; margin-bottom: 6px; font-size: 130%} #main div.two-columnlayout{margin-top: 15px;} #main div.two-columnlayout div.column1{float: left;} #main div.two-columnlayout div.column2{float: right; margin-left: 15px} #main div.two-columnlayout div.collapse-content{margin-bottom: 30px} /* Homepage */ #main div.main-buttons{margin-bottom: 15px} #main div.main-buttons ul{list-style: none; margin: 0; padding: 0;} #main div.main-buttons ul li{float: left; margin: 0; padding: 0; margin-right: 2px;} #main div.main-buttons ul li.last{float: right; margin-right: 0px;} #main div.twoColLayout_70-30{margin: 10px 0;} #main div.twoColLayout_70-30 div.column1{float: left; width: 525px;} #main div.twoColLayout_70-30 div.column1 div.bordered{background: url(/images/homepage-news-bg-repeat.png) repeat-y 0 0; padding: 10px; width: 505px;} #main div.twoColLayout_70-30 div.column1 span.bordered-bg-top{display: block; width: 525px; height: 4px; background: url(/images/homepage-news-bg-top.png) no-repeat 0 0;} #main div.twoColLayout_70-30 div.column1 span.bordered-bg-bottom{display: block; width: 525px; height: 4px; background: url(/images/homepage-news-bg-bottom.png) no-repeat 0 0; margin-bottom: 15px;} #main div.twoColLayout_70-30 div.column1 div.talkback{margin-bottom: 15px;} #main div.twoColLayout_70-30 div.column1 div.talkback ul.emphasized{clear: none;} #main div.twoColLayout_70-30 div.column1 div#ticker{min-height: 25px; padding-top: 5px} #main div.twoColLayout_70-30 div.column1 div#ticker a{font-weight: bold} #main div.twoColLayout_70-30 div.column1 div#ticker a:hover{color: #FF6600;} #main div.twoColLayout_70-30 div.column1 div.main-twoColLayout{margin-top: 10px; margin-bottom: 20px;} #main div.twoColLayout_70-30 div.column1 div.main-twoColLayout div.column1, #main div.twoColLayout_70-30 div.column1 div.main-twoColLayout div.column2{width: 49%;} #main div.twoColLayout_70-30 div.column1 div.main-twoColLayout div.column1{float: left;} #main div.twoColLayout_70-30 div.column1 div.main-twoColLayout div.column2{float: right;} #main div.twoColLayout_70-30 div.column1 div.media-marketing{margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0;} #main div.twoColLayout_70-30 div.column1 div.media-marketing div.column1, #main div.twoColLayout_70-30 div.column1 div.media-marketing div.column2{width: 50%;} #main div.twoColLayout_70-30 div.column1 div.media-marketing div.column1{float: left;} #main div.twoColLayout_70-30 div.column1 div.media-marketing div.column2{float: right;} #main div.twoColLayout_70-30 div.column1 div.media-marketing ul{clear: none} #main div.twoColLayout_70-30 div#modules{clear: none; margin-top: 0; float: right; width: 223px; background-color: #f4f4f4; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px;} #rss-wrapper {clear:both;} #rss-wrapper div.rss-data{position: relative; height: 39px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background: url(/images/css_home-rss-gradient.png) repeat-x 0px 0px;} #rss-wrapper div.rss-data div.infoblock{margin: 0px; padding: 0; margin-left: 10px; margin-top: 10px} #rss-wrapper div.rss-data div.infoblock p{height: 15px} #rss-wrapper div.rss-data div.bg-image{position: absolute; right: 10px; bottom: 0px;} #rss-wrapper div.rss-data div.bg-image a{display: block} #rss-wrapper div.rss-data p.rss{font-weight: bold;} /* Glossary */ #main #glossary{margin-top: 20px} #main #glossary div.tablist{width: 100%; border-bottom: 2px solid #88aacd; margin-bottom: 40px;} #main #glossary div.tablist ul{list-style-image: none; margin: 0; padding: 0; padding-bottom: 5px;} #main #glossary div.tablist ul li{float: left; margin-left: 5px; margin-right: 4px;} #main #glossary div.tablist ul li.first{padding-left: 0px; border-left: none;} #main #glossary div.tablist ul li a{font-size: 15px; color: #555555;} #main #glossary div.tablist ul li a.selected{color: #88aacd; font-weight: bold;} #main #glossary div.tabcollection div.glossary-collection{padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #e4e4e4} #main #glossary div.tabcollection div.glossary-collection div.column1{width: 30%; float: left;} #main #glossary div.tabcollection div.glossary-collection div.column2{width: 70%; float: right;} /* Credit Calculator */ #main .credit-calculator{width: 760px; overflow: hidden; color: #394b5e; font-size: 11px; margin-bottom: 20px} #main .credit-calculator h1{margin: 0; padding: 0;} #main .credit-calculator #start{margin: 15px 20px 0px 20px;} #main .credit-calculator #start .frame1{width: 100%; overflow: hidden;} #main .credit-calculator #start .frame1 div.column1{width: 80%; float: left} #main .credit-calculator #start .frame1 div.column2{width: 20%; float: right} #main .credit-calculator #start .frame1 div.column2 img.step{margin-top: 7px; float: right} #main .credit-calculator #start .frame1 div.column1 table{border-collapse: collapse; border: none; margin: 0; padding: 0; width: 100%;} #main .credit-calculator #start .frame1 div.column1 table tr td label{font-weight: bold; padding-right: 2px; padding-left: 5px; margin-left: 20px; font-size: 11px; display: block; margin-top: 8px} #main .credit-calculator #start .frame1 div.column1 table tr td{vertical-align: top; margin: 0; padding: 0;} #main .credit-calculator #start .frame1 div.column1 table tr td.arrows{width: 10px;} #main .credit-calculator #start .frame1 div.column1 table tr td input{margin-top: 6px; font-size: 11px} #main .credit-calculator #start .frame1 div.column1 table tr td ul{list-style-image: none; margin: 0; padding: 0;} #main .credit-calculator #start .frame1 div.column1 table tr td ul li{margin: 0; padding: 0; height: 10px;} #main .credit-calculator #start .frame1 div.column1 table tr td ul li img{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-TOP: -17px; PADDING-TOP: 0px} #main .credit-calculator #start .frame2{margin-top: 40px;} #main .credit-calculator #start .frame2 div.column1{width: 80%; float: left} #main .credit-calculator #start .frame2 div.column2{width: 20%; float: right} #main .credit-calculator #start .frame2 div.column2 img.step{margin-top: 7px; float: right} #main .credit-calculator #start .frame2 div.column1 table{border-collapse: collapse; border: none; margin: 0; padding: 0; width: 100%;} #main .credit-calculator #start .frame2 div.column1 table .column1{width: 57%} #main .credit-calculator #start .frame2 div.column1 table tr td{font-weight: bold; font-size: 11px; text-align: right; padding-bottom: 10px} #main .credit-calculator #start .frame2 div.column1 table tr td label{margin-right: 10px; display: block; float: none} #main .credit-calculator #start .frame2 div.column1 table tr td input{margin-left: 10px;} #main .credit-calculator #start .frame2 div.column1 table tr td span{display: block; width: 100%; overflow: hidden;} #main .credit-calculator #start .frame2 div.column1 table tr td p.radiolist{margin-left: 27px; text-align: left;} #main .credit-calculator #start .frame2 div.column1 table tr td p.radiolist span{display: inline} #main .credit-calculator #start .frame2 div.column1 label{font-size: 11px; font-weight: bold; margin: 0; padding: 0; float: left} #main .credit-calculator #start .frame2 div.column1 label a{color: #ffffff} #main .credit-calculator #start .frame2 div.column1 div.submit-credit{margin-left: 27px;} #main .credit-calculator #start .frame2 div.column1 div.submit-credit a.buttonlink{width: 152px; float: left; background-color: #cb6822;} #main .credit-calculator #start .frame2 div.column1 div.submit-credit a.buttonlink:hover{background-color: #000095} #main .credit-calculator #results{margin: 15px 20px 0px 20px;} #main .credit-calculator #results .frame1{width: 100%; overflow: hidden; margin-top: 30px} #main .credit-calculator #results .frame1 table{border-collapse: collapse; border: none; margin: 0; padding: 0; font-size: 11px; width: 100%} #main .credit-calculator #results .frame1 table .column1{width: 50%;} #main .credit-calculator #results .frame1 table .column2{width: 20%;} #main .credit-calculator #results .frame1 table .column3{width: 30%} #main .credit-calculator #results .frame1 table tr td{margin: 0; padding: 0px 0px 10px 0px;} #main .credit-calculator #results .frame1 table tr td input{margin-top: 6px;} #main .credit-calculator #results .frame1 table tr td span{font-weight: bold; float: right; padding-right: 10px} #main .credit-calculator #results .frame1 table tr td label{font-weight: bold; float: right; padding-right: 10px; margin-top: 8px} #main .credit-calculator #results .frame1 table tr td ul{margin: 0; padding: 5px 0 0 0; list-style-image: none; line-height: 0px;} #main .credit-calculator #results .frame1 table tr td ul li{margin: 0; padding: 0; height: 10px} #main .credit-calculator #results .frame1 table tr td ul.check li{float: left; margin-left: 10px; height: auto;} #main .credit-calculator #results .frame1 table tr td ul.check li span{float: none; padding-right: 2px} #main .credit-calculator #results .frame2{margin-top: 30px; width: 100%; overflow: hidden;} #main .credit-calculator #results .frame2 table{border-collapse: collapse; border: none; margin: 0; padding: 0; font-size: 11px; width: 100%} #main .credit-calculator #results .frame2 table .column1{width: 50%;} #main .credit-calculator #results .frame2 table .column2{width: 20%;} #main .credit-calculator #results .frame2 table .column3{width: 30%;} #main .credit-calculator #results .frame2 table tr th{font-size: 15px; background: none; text-align: center; border: none;} #main .credit-calculator #results .frame2 table tr td{font-size: 11px; margin: 0; padding: 0; padding-top: 8px; text-align: right} #main .credit-calculator #results .frame2 table tr td div.apply-now-credit{margin-left: 30px; margin-top: 15px} #main .credit-calculator #results .frame2 table tr td div.apply-now-credit a.buttonlink{background-color: #cb6822; float: left} #main .credit-calculator #results .frame2 table tr td div.apply-now-credit a.buttonlink:hover{background-color: #000095;} #main .credit-calculator #results .frame2 table tr td div.apply-now-credit a.buttonlink-back{background-color: #000095; float: right} #main .credit-calculator #results .frame2 table tr td div.apply-now-credit a.buttonlink-back:hover{background-color: #cb6822;} #main .credit-calculator #sorry{margin: 15px 20px 0px 20px;} #main .credit-calculator #sorry .frame1 p{font-size: 11px; font-weight: bold; margin: 0; padding: 0; margin-top: 10px} #main .credit-calculator #sorry .frame2 p{font-size: 11px; margin: 0; padding: 0; margin-top: 50px;} #main .credit-calculator #sorry .frame2 div.try-again-credit a.buttonlink-back{float: right; background-color: #000095;} #main .credit-calculator #sorry .frame2 div.try-again-credit a.buttonlink-back:hover{background-color: #cb6822;} /* wizards */ #main div.wizard-container{margin-top: 10px; background: url(/images/css_bg_wizards_main-repeat.png) repeat-y 0px 0px} #main div.wizard-container div.wizard-nav{width: 130px; float: right;} #main div.wizard-container div.wizard-nav ul{list-style-image: none; margin: 0; background: #fff} #main div.wizard-container div.wizard-nav ul li{width: 110px; height: 40px; color: #C1C1C1; font-weight: bold; padding: 10px; cursor: default;} #main div.wizard-container div.wizard-nav ul li.active{background: transparent url(/images/css_bg_wizards_step-active.png) no-repeat 0px 0px; color: #fff} #main div.wizard-container div.wizard-nav ul li a{text-decoration: none; display: block; width: 100%; color: #C1C1C1; cursor: pointer} #main div.wizard-container div.wizard-nav ul li a:hover{color: #FF6600} #main div.wizard-container div.wizard-nav ul li a:hover span.step{color: #FF6600} #main div.wizard-container div.wizard-nav ul li span.step{display: block; font-size: 20px; font-weight: bold; color: #C1C1C1;} #main div.wizard-container div.wizard-nav ul li.active span.step{color: #fff} #main div.wizard-container div.wizard{width: 630px; float: left;} #main div.wizard-container div.wizard div.wizard-intro{width: 630px; height: 59px; background: url(/images/css_bg_wizards_intro.png) no-repeat 0px 0px;} #main div.wizard-container div.wizard div.wizard-intro h3{font-weight: bold; padding: 15px 10px 10px 20px} #main div.wizard-container div.wizard div.wizard-main{background: #88aacd url(/images/css_bg_wizards_main.png) no-repeat 0px 0px; min-height: 180px; padding: 14px} #main div.wizard-container div.wizard div.wizard-main span.statement-top{width: 601px; height: 6px; display: block; background: url(/images/css_bg_wizards_statement-top.png) no-repeat 0px 0px;} #main div.wizard-container div.wizard div.wizard-main div.statement{background: url(/images/css_bg_wizards_statement-repeat.png) repeat-y 0px 0px; padding: 0px 20px} #main div.wizard-container div.wizard div.wizard-main span.statement-bottom{width: 601px; height: 6px; display: block; background: url(/images/css_bg_wizards_statement-bottom.png) no-repeat 0px 0px;} #main div.wizard-container div.wizard div.wizard-main div.statement table.wizard-results{border: 2px solid #88aacd; width: 70%; margin-top: 10px; margin-left: 60px} #main div.wizard-container div.wizard div.wizard-main div.statement table.wizard-results tr th{background: #88aacd; padding: 3px; text-align: center; color: #fff;} #main div.wizard-container div.wizard div.wizard-main div.statement table.choices{width: 560px; border: none;} #main div.wizard-container div.wizard div.wizard-main div.statement table tr td input{width: 15px; float: left; margin-right: 15px; position: relative; z-index:1;} #main div.wizard-container div.wizard div.wizard-main div.statement table tr td label{width: 510px; float: left} #main div.wizard-container div.wizard div.wizard-main div.statement span.errormessage{display: block; margin-top: 10px; color: red; font-weight: bold;} #main div.wizard-container div.wizard div.wizard-main div.submit{margin-top: 20px} #main div.wizard-container div.wizard div.wizard-main div.submit a.next{background: #cb6822 url(/images/button_wizards_next-step.gif) no-repeat 0px 0px; width: 107px; height: 23px; display: block; float: left; margin-right: 15px;} #main div.wizard-container div.wizard div.wizard-main div.submit a.next:hover{background-color: #000095;} #main div.wizard-container div.wizard div.wizard-main div.submit a.previous{background: #000095 url(/images/button_wizards_previous-step.gif) no-repeat 0px 0px; width: 122px; height: 23px; display: block; float: left; margin-right: 15px;} #main div.wizard-container div.wizard div.wizard-main div.submit a.previous:hover{background-color: #cb6822;} #main div.wizard-container div.wizard div.wizard-main div.submit a.conclusion{background: #cb6822 url(/images/button_conclusion.gif) no-repeat 0px 0px; width: 111px; height: 23px; display: block; float: left; margin-right: 15px;} #main div.wizard-container div.wizard div.wizard-main div.submit a.conclusion:hover{background-color: #000095;} #main div.wizard-container div.wizard div.wizard-main div.submit a.result{background: #cb6822 url(/images/button_wizards_view-result.gif) no-repeat 0px 0px; width: 107px; height: 23px; display: block; float: left; margin-right: 15px;} #main div.wizard-container div.wizard div.wizard-main div.submit a.result:hover{background-color: #000095;} #main div.wizard-container a.previous-resultWindow{background: #000095 url(/images/button_wizards_previous-step.gif) no-repeat 0px 0px; width: 122px; height: 23px; display: block; float: left; margin-right: 15px; margin-left: 15px} #main div.wizard-container a.previous-resultWindow:hover{background-color: #cb6822;} #main span.wizard-end{width: 630px; height: 9px; display: block; background: url(/images/css_bg_wizards_end.png) no-repeat 0px 0px;} #main div.wizard-container div.wizard-nav div.tabs{margin: 0; background: #fff} #main div.wizard-container div.wizard-nav div.tabs div{width: 110px; height: 40px; padding: 10px} #main div.wizard-container div.wizard-nav div.tabs div span{color: #C1C1C1; font-weight: bold; font-size: 20px; display: block; margin-bottom: 3px} #main div.wizard-container div.wizard-nav div.tabs div a{color: #C1C1C1; font-weight: bold; text-decoration: none; cursor: default; display: block;} #main div.wizard-container div.wizard-nav div.tabs div.current{background: transparent url(/images/css_bg_wizards_step-active.png) no-repeat 0px 0px;} #main div.wizard-container div.wizard-nav div.tabs div.current span, #main div.wizard-container div.wizard-nav div.tabs div.current a{color: #fff;} #main div.wizard-container div.wizard-nav div.tabs div.previous a{cursor: pointer;} #main div.wizard-container div.wizard-nav div.tabs div.previous a:hover{color: #FF6600;} #main div.wizard-container div.wizard-nav div.tabs div.previous a:hover span{color: #FF6600;} #main div.wizard-container div.wizard div.wizard-main input{position: relative; z-index: 1;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar{border: 1px solid #555555; padding: 5px;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.cs{background-color: #e9eff6; font-weight: bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.eq{background-color: #000099; color: #fff; font-weight: bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div.divisionbar table td.bd{background-color: #88aacc; color: #fff; font-weight: bold;} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend{border: none; margin-top: 10px} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_eq{background: #000099; width: 8px} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_bd{background: #88aacc; width: 8px} #main div.wizard-container div.wizard div.wizard-main div.statement div table.legend tr td.legend_cs{background: #e9eff6; width: 8px} #main div.wizard-container div.wizard div.wizard-main div.statement table.wizard-rates-table{border: none; width: 60%; margin-left: 100px; position: relative; z-index: 1;} #main div.wizard-container div.wizard div.wizard-main div.statement table.wizard-rates-table th{border-bottom: 2px solid #88aacd;} #main div.wizard-container div.wizard div.wizard-main div.statement table.capital-build{border: none; margin: 0; padding: 0} #main div.portfoliomodel{margin-top: 20px} #main div.portfoliomodel table tr td.divisionbar{border: 1px solid #555555} #main div.portfoliomodel table tr td.shares{background-color: #000099; color: #fff; font-weight: bold;} #main div.portfoliomodel table tr td.obligations{background-color: #88aacd; color: #fff; font-weight: bold;} #main div.portfoliomodel table tr td.cash{background-color: #e9eff6; font-weight: bold;} .iris-popup{border: 2px solid #D0D0D0;} .iris-popup h2, #iris-popup p{text-align: center;} .iris-popup table.datatable{border-bottom: 1px dotted #D0D0D0; border-collapse: collapse;} .iris-popup table.datatable tr th{border-bottom: 2px solid #88aacd} .iris-popup table.datatable tr.alternate td{background-color: #f4f4f4;} .iris-popup div.vbar{width: 2px; height: 10px; background-color: #000099; overflow: hidden; margin: -2px 0px} /* account opening pages */ #main div.open-account{border: 1px solid #ccc; background: #e1e1e1 url(/images/open-account-bg-repeat.jpg) repeat-x 0 0; margin-bottom: 20px; margin-top: 10px;} #main div.open-account div.three-col-layout div.column{width: 29%; float: left; padding: 10px; border-right: 1px dashed #ccc;} #main div.open-account div.three-col-layout div.column img{margin-left: 0;} #main div.open-account div.center{padding: 10px; text-align: center;} /* Error pages */ #one-col{background: none;} #one-col #content-body{margin-top: 10px} #one-col #main{width: 658px; /*padding: 20px 30px 20px 30px;*/ border: 1px solid #000099} #one-col #main #header2{/*margin-bottom: 30px;*/} #one-col #main #main2{background-repeat: no-repeat; background-position: left bottom; /*min-height: 220px; position: relative*/} #one-col #main #main2 div.content-area1{/*position: absolute; left: 180px; top: 10px; width: 340px*/ padding: 30px; background-color: #cccccc;} #one-col #main #main2 div.content-area1 ul.linklist{list-style: none; padding: 0;} #one-col #main #main2 div.content-area1 ul.linklist li{background: none; margin: 0; padding: 0;} #one-col #main #main2 div.content-area1 ul.linklist li a{color: #000099;} #one-col #main #main2 div.content-area1 ul.linklist li a:hover{color: #FF6600;} #one-col #main #main2 div.content-area2{position: absolute; left: 35px; bottom: 0px; width: 280px; height: 70px; padding: 10px 0px; font-size: 14px; font-weight: bold; color: #fff;} #one-col #main #main2 div.content-area2 p{line-height: 17px} /* @group 4b. Modules */ #modules{overflow: hidden; margin-top: 5px} #modules div {margin-bottom: 6px;} #modules div.actionblock, #modules div.actiontoolblock, #modules div.actionborderblock{background-color: #fff; padding: 10px;} #modules div.actionborderblock{border: 1px solid #D0D0D0;} #modules div.actiontoolblock{border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0;} #modules div.blog_actiontoolblock{border-bottom: 1px solid #D0D0D0; padding: 4px;} #modules div.blog_titletxt { color: #000099; font-weight:bold;} #modules div.actionblock{border-top: 1px dotted #D0D0D0; border-bottom: 1px dotted #D0D0D0;} #modules ul{margin-bottom: 0px; clear: left; list-style: none url(/images/css_bullet_tilted-square_orange.png) outside;} #modules ul li{padding-left: 16px; margin-bottom: 4px;} #modules ul.floatlist{clear: none; list-style: none url(/images/css_bullet_tilted-square_orange.png) outside; margin-left: 60px;} #modules ul.floatlist li{padding-left: 0px;} #modules ul.emphasized, #modules ul.linklist, #modules ul.recommended{list-style-image: none;} #modules ul.emphasized li{background: url(../images/css_bullet_arrowbox-right_orange.png) no-repeat 0px 2px; margin-bottom: 12px; /*margin: 0; padding-bottom: 7px; border-bottom: 1px dotted #E0E0E0; padding-top: 7px*/} #main #modules ul.emphasized li{background: url(../images/css_bullet_arrowbox-right_orange.png) no-repeat 0px 4px; margin-bottom: 8px} #modules div.twocollinks ul.emphasized li {float:left;width:45%;} #modules div.fold-content{display: none; background-color: #fff; border: 1px solid #D0D0D0; position: absolute;} #modules div.fold-content ul{list-style-image: none; list-style-position: outside; margin: 5px; list-style: none;} #modules div.fold-content ul li{background: url(/images/css_arrow-right_turquoise.png) no-repeat 4px 4px; font: 10px verdana, sans-serif; padding-left: 20px; margin-bottom: 5px} #modules div.fold-content ul li a{text-decoration: none} #modules div.actionblock img{margin-right: 5px} #modules div.blog_titletxt { color:#555555; font-weight:normal; } #modules div.actionborderblock p{padding-bottom: 10px;} #modules div.ankeiler{margin-bottom: 15px;} #modules div.ankeiler div.ankeiler-header{background: url(/images/modules-highlight-bg-repeat.png) repeat-x 0 0; position: relative; height: 25px; padding-left: 15px; padding-top: 5px; margin-bottom: 0;} #main #modules div.supporting div.ankeiler-header{padding-left: 12px;} #modules div.ankeiler div.ankeiler-header span.bg-left{width: 6px; height: 30px; background: url(/images/modules-highlight-bg-left.png) no-repeat top left; position: absolute; top: 0; left: 0;} #modules div.ankeiler div.ankeiler-header span.bg-right{width: 6px; height: 30px; background: url(/images/modules-highlight-bg-right.png) no-repeat top right; position: absolute; top: 0; right: -1px;} #modules div.ankeiler div.ankeiler-header h3{color: #fff; font-family: Helvetica,Arial,Geneva,sans-serif; font-style: italic; font-weight: bold;} #modules div.ankeiler div.ankeiler-header h3.more{background: url(/images/modules-arrow.jpg) no-repeat 0 3px; padding: 0; padding-left: 20px;} #modules div.ankeiler div.ankeiler-header h3.ezine{background: url(/images/modules-envelop.jpg) no-repeat 0 3px; padding: 0; padding-left: 20px;} #modules div.ankeiler div.ankeiler-header h3.investorgraph{background: url(/images/modules-graph.jpg) no-repeat 0 3px; padding: 0; padding-left: 20px;} #modules div.ankeiler div.ankeiler-header h3.supporting{background: url(/images/modules-supporting.png) no-repeat -1px -1px; padding: 0; padding-left: 27px;} #modules div.ankeiler div.ankeiler-body{margin-bottom: 0px; border: 1px solid #d9d9d9; border-top: none; padding: 10px; background-color: #fff;} #modules div.more div.ankeiler-body{background-color: #f4f4f4;} #modules div.investorgraph div.ankeiler-body{background-color: #f4f4f4;} #modules div.ezine div.ankeiler-body{background-color: #f4f4f4;} #modules div.supporting div.ankeiler-body{background-color: #f4f4f4;} #modules div.ankeiler div.ankeiler-body p{padding-bottom: 10px; line-height: 14px;} #modules h2.blog_rss { background: url(../images/blog_rss.jpg) no-repeat; height:21px; padding-left: 33px; padding-top: 15px; color:#555555;} body#popup {background:transparent url(/images/bg_popup.jpg) repeat-y scroll center 0; text-align: center} body#popup #main{margin: 0 auto; width: 760px; position: relative; text-align: left} body#popup div.infoblock {margin-left: 20px} /* blog */ #main span.commentinfo{color:#266cb3;} #main span.commentinfo a{color: #555555;text-decoration:underline} #main span.commentinfo a:hover{color: #555555;text-decoration:underline} #main a.link-FF6600{color: #FF6600;text-decoration:none;} #main a.link-FF6600:hover{color: #FF6600;text-decoration:none;} #main h3.FF6600 {color: #FF6600;} #main div.blogcomment { padding-top: 0px; padding-bottom: 10px; } #main li.blog_readmore a { color:#000099; } #main li.blog_readmore a:hover { color:#FF6600; } #main li.blog_readmore { list-style-image: url(../images/balloon.jpg); margin-left:10px; padding-left:3px;} #main div.article div.paragraph p.podcast_readmore a { color:#000099; } #main div.article div.paragraph p.podcast_readmore a:hover { color:#FF6600; } #main div.article div.paragraph p.podcast_readmore { background: url(../images/balloon.jpg) no-repeat 0px 0px; margin-left: 0; padding-left: 20px;} #main p.blog_extra_links a{ color:#000099; } #main p.blog_extra_links a:hover{ color:#FF6600; } #main span.blog_title { color:#555555; font-weight: bold;} #main div.article { border-bottom: 1px solid #AAAAAA; margin-bottom: 25px;} #main span.blog_description { color:#555555; } #main h3.blog_post_title { font-weight: bold; color:#555555;} div.subcomment{ border-left: 1px solid #c0c0c0; color:#AAAAAA;line-height:120%;margin:10px 0pt 0pt 20px;padding-left:20px;} div.subcomment span{color:#000000;} /* flash */ #main div.border-flv{position: relative; background-color: #eeebe5; display: inline-block; padding: 15px; padding-bottom: 0;} #main div.border-flv .border-flv-inner{background-color: #eeebe5; display: inline; zoom: 1;} #main div.border-flv .brd-tl{position:absolute; top: 0px; left: 0px; background: transparent url(/images/css_border-flv-tl.png) no-repeat top left; width: 15px; height: 17px; display: block;} #main div.border-flv .brd-tr{position:absolute; top: 0px; right: 0px; background: transparent url(/images/css_border-flv-tr.png) no-repeat top left; width: 15px; height: 17px;} #main div.border-flv .brd-bl{position:absolute; bottom: 0px; left: 0px; background: transparent url(/images/css_border-flv-bl.png) no-repeat top left; width: 15px; height: 28px;} #main div.border-flv .brd-br{position:absolute; bottom: 0px; right: 0px; background: transparent url(/images/css_border-flv-br.png) no-repeat top left; width: 15px; height: 28px;} /* fundselector secure site */ #popup{background: none; margin: 0px; text-align: left;} body#popup{background:none;} #popup #main #fundselector div.criteria {margin-bottom: 5px} #popup #main{min-height: 412px; width: 760px; overflow: hidden;} #popup #main h1{display: none} #popup #fundselector {height: 412px; overflow: hidden;} #popup #fundselector .criteria .crit1 p{width: 50%; float: left} #popup #fundselector .criteria .crit2 p{width: 25%; float: left} #popup #fundselector .criteria .crit2 select{width: 100px} #popup #fundselector .criteria .crit2 .rating{display: inline} #popup #fundselector .criteria p label{width: 70px; float: left} #popup #fundselector #funds table tr td{padding: 1px 2px} #popup #fundselector #funds div.pager{margin-bottom: 5px; margin-top: 0px; text-align: center} #popup #fundselector div.two-columnlayout div.column1{border: none; width: 100%} #popup #fundselector div.column2{display: none} /* #popup #fundselector div.column1 .criteria{margin: -15px 0px 0px 5px} */ #popup #fundselector div.column1 .criteria h2{font-size: 95%; margin: 0; display: inline; font-weight: bold} #popup #fundselector div.column1 .criteria p{padding-bottom: 0px; line-height: 11px;} #popup #fundselector div.two-columnlayout div.column1 div.criteria table .column1{width:120px} #popup #main #fundselector div.two-columnlayout {border-bottom: 0; margin: 0px} #popup #main #fundselector div.two-columnlayout div.column1 div.criteria table tr td input.resetbtn{float: none} /*9/12/2009: update flash mp3-player*/ img.flashicon { width: 25px; vertical-align: middle; } div.noflash { border: 1px solid black; padding: 5px; display: inline-block; width: auto; } .comments .comment.answer span.author { color: #FD6600; font-weight: bold; } /* Update : 22/12/2009 tooltips */ span.tooltip { border-bottom: 1px dotted #000000; color: #555555; cursor: help; text-decoration: none; } div.divToolTip {max-width: 350px; text-align: left;} /* Submitbutton browser test page*/ #main a.submitbtn{width: 108px; height: 23px; display: block; background: #cb6822 url(/images/button_submit-info.gif) no-repeat 0px 0px;} span.help {display: inline-block; background: transparent url(/images/help.png) no-repeat top left; width: 16px; height: 16px; cursor: help; } #main div.infoblock { margin-bottom: 15px; } /*Ezine signup action block*/ #main .actionblock .ezine h2, #modules .actionblock .ezine h2 { background: transparent url(/images/css_envelop.png) no-repeat top left; padding: 0 0 0 25px; margin: 0 0 10px 0; } #main .actionblock .ezine .frm, #modules .actionblock .ezine .frm { padding: 0 0 0 25px; margin: 0; } #main .actionblock .ezine .frm p, #modules .actionblock .ezine .frm p { padding: 0; margin: 0; } #main .actionblock .ezine .frm input, #modules .actionblock .ezine .frm input { margin-top: 10px; height: 18px; } #main #modules .actionblock .ezine .frm input {width: 150px;} #modules .actionblock .ezine .frm input { width: 100%; } #main .actionblock .ezine a.submitbtn, #modules .actionblock .ezine a.submitbtn { display: block; background: transparent url(/images/css_bullet_arrowbox-right_orange.png) no-repeat left center; padding-left: 15px; margin-top: 10px; width: auto; height: auto; } /*Special case for three col layout*/ #three-col #main .actionblock .ezine .frm, #modules .actionblock .ezine .frm { padding: 0 10px; } #main .mp3player { display: block; clear: both; } /* 8/02/2010: Golden Spider Award header logo */ #header #logo #award { top: 15px; left: 260px; } /* 19/04/2010: similar search layout as BE site */ #search .pager{margin: 10px 0px} #search h3, #search .searchresults{margin: 10px 0px} #search .result{margin: 0px} #search hr{border-top: 1px solid #999; margin: 8px 0px; min-height: 2px} #search .result h2{margin: 0px} #search .result h2 a{text-decoration: none; color: #FD6600; margin-left: 0px; font-family: Arial; font-style: italic;} #search .result .publishdate{font-size: 80%} #search .result p, #search .result a{padding: 0} #search.loading, #search.loading a{background-color: #f6f6f6; cursor: wait} #search{padding: 15px;} /* 28/05/2010: new */ #search_new div.pager{color: #666666; font-weight: bold; width: 100%; text-align: center; padding: 20px 0 0 0; } #search_new div.pager span.pager{display: inline-block; margin: 0 3px 0 3px; text-align: center; width: 30px; } #search_new div.pager a{background: url(/images/pager-bg.png) no-repeat 0 0; text-decoration: none; color: #555555; height: 30px; display: block; padding: 8px 0 0 0;} #search_new div.pager a:hover{background: url(/images/pager-hover-bg.png) no-repeat 0 0; text-decoration: none; color: #ffffff;} #search_new div.pager a.active{background: url(/images/pager-active-bg.png) no-repeat 0 0; text-decoration: none; color: #ffffff;} #search_new div.searchresults-title{background: transparent url(/images/search-result-bg-repeat.png) repeat-x 0 0; width: 100%; padding: 5px 10px 5px; margin: 15px 0px 15px;} #search_new div.searchresults-overview { margin: 20px 0; width: 100%; text-align: center;} #search_new div.searchagain { padding: 0 0 0 52px; margin: 0;} #search_new div.noresults_moreinfo { padding: 20px 0 0 0; } #search_new h3{color: #000099; font-weight: bold;} #search .searchresults{margin: 10px 0px} #search_new .result{margin: 0px; padding: 4px 0;} #search_new hr{border-color: #e0dfdf; border-style: solid none none; margin-bottom: 10px;} #search_new .result h2{margin-bottom: 5px; font-size: 120%;} #search_new .result h2 a{color: #000099; margin-left: 0px; font-family: Arial;} #search_new .result .publishdate{font-size: 80%} #search_new .result p, #search .result a{padding: 0} #search_new.loading, #search.loading a{background-color: #f6f6f6; cursor: wait} #search_new{padding-right: 35px} #search_new input.search-box{border: 1px solid #d5d5d5; width: 292px; float: left; padding: 6px; margin: 0 5px 0 0;} #search_new input.search-btn{float: left;} #modules h5.tagcloud1 { white-space: nowrap; color:#000099; float:left; font-size:160%; font-weight:bold; margin:0; padding:2px 4px; } #modules h5.tagcloud2 { white-space: nowrap; color:#FD6600; float:left; font-size:130%; font-weight:bold; margin:0; padding:2px 4px; } #modules h5.tagcloud3 { white-space: nowrap; color:#555555; float:left; font-size:120%; font-weight:bold; margin:0; padding:2px 4px; } #modules h5.tagcloud4 { white-space: nowrap; color: #000099; float: left; font-size:150%; font-weight:normal; margin: 0; padding: 2px 4px; } #modules h5.tagcloud5 { white-space: nowrap; color: #FD6600; float: left; font-size:130%; font-weight:normal; margin: 0; padding: 2px 4px; } #modules h5.tagcloud6 { white-space: nowrap; color: #555555; float: left; font-size:110%; font-weight:normal; margin: 0; padding: 2px 4px; } #modules h5.tagcloud1 a, #modules h5.tagcloud1 a:hover { color:#000099; text-decoration: none; padding: 0; margin: 0; } #modules h5.tagcloud2 a, #modules h5.tagcloud2 a:hover { color:#FD6600; text-decoration: none; padding: 0; margin: 0; } #modules h5.tagcloud3 a, #modules h5.tagcloud3 a:hover { color:#555555; text-decoration: none; padding: 0; margin: 0; } #modules h5.tagcloud4 a, #modules h5.tagcloud4 a:hover { color: #000099; text-decoration: none; padding: 0; margin: 0; } #modules h5.tagcloud5 a, #modules h5.tagcloud5 a:hover { color: #FD6600; text-decoration: none; padding: 0; margin: 0; } #modules h5.tagcloud6 a, #modules h5.tagcloud6 a:hover { color: #555555; text-decoration: none; padding: 0; margin: 0; } /* Changes Rabodirect Homepage Revamp 26/05/2010 */ #main img.nameplate {margin-top: -27px; width: 105px; float: left;} #main div.area-right {width: 390px; float: right;} #modules div.actiontoolblock{background: transparent; border: none;} #main div.twoColLayout_70-30 div.column1 div.row1{ border-top: 1px dotted rgb(204, 204, 204); margin: 0px; padding-bottom: 10px; padding-top: 12px; } #main div.twoColLayout_70-30 div.column1 div.row2{ margin: 0px; padding-bottom: 10px; padding-top: 12px; } main div.oneColLayout div.column1{} div.threeColLayout div.column1{width:240px;float:left;margin-right:20px;} div.threeColLayout div.column2{width:237px;float:left;margin-right:20px;} div.threeColLayout div.column3{width:240px;float:left;} #modules div.commit div.ankeiler-header{background: url(/images/modules-highlight-bg-repeat-orange.jpg) repeat-x 0 0;} #modules div.commit div.ankeiler-header span.bg-left{background: url(/images/modules-highlight-bg-left-orange.jpg) no-repeat top left;} #modules div.commit div.ankeiler-header span.bg-right{background: url(/images/modules-highlight-bg-right-orange.jpg) no-repeat top right;} #modules div.commit div.ankeiler-body{background-color:rgb(239,239,239);border-bottom:none; } #main div.popularlinks div.ankeiler-header{height:55px;background: url(/images/modules-highlight-bg-repeat-grey-img.jpg) repeat-x 0 0;width:240px;position:relative;} #main div.popularlinks div.ankeiler-header span.bg-left{background: url(/images/modules-highlight-bg-left-grey-img.jpg) no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.popularlinks div.ankeiler-header span.bg-right{background: url(/images/modules-highlight-bg-right-grey-img.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px; } #main div.popularlinks div.ankeiler-header h3{width:180px;padding-left:15px;padding-top:23px;color:white;font-weight:bold;} #main div.popularlinks div.ankeiler-body{background-color:rgb(239,239,239);margin-bottom: 0px; border: 1px solid #d9d9d9; border-top: none; border-bottom:none; padding: 10px;min-height:90px; padding-bottom: 0;} #main div.popularlinks div.ankeiler-body ul { margin-bottom: 0;} #main div.signup div.ankeiler-header{height:55px;background: url(/images/modules-highlight-bg-repeat-orange-img.jpg) repeat-x 0 0;width:240px;position:relative;} #main div.signup div.ankeiler-header span.bg-left{background: url(/images/modules-highlight-bg-left-orange-img.jpg) no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.signup div.ankeiler-header span.bg-right{background: url(/images/modules-highlight-bg-right-orange-img.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px; } #main div.signup div.ankeiler-header h3{width:180px;padding-left:15px;padding-top:23px;color:white;font-weight:bold;} #main div.signup div.ankeiler-body{background-color:rgb(239,239,239);margin-bottom: 0px; border: 1px solid #d9d9d9; border-bottom:none; border-top: none; padding: 10px;min-height:90px;padding-bottom:0;} #main div.twitter div.ankeiler-header{height:55px;background: url(/images/modules-highlight-bg-repeat-blue-img.jpg) repeat-x 0 0;width:240px;position:relative;} #main div.twitter div.ankeiler-header span.bg-left{background: url(/images/modules-highlight-bg-left-blue-img.jpg) no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.twitter div.ankeiler-header span.bg-right{background: url(/images/modules-highlight-bg-right-blue-img.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px; } #main div.twitter div.ankeiler-header h3{width:180px;padding-left:15px;padding-top:23px;color:white;font-weight:bold;} #main div.twitter div.ankeiler-body{background-color:rgb(233,238,242);margin-bottom: 0px; border: 1px solid #d9d9d9; border-bottom:none; border-top: none; padding: 10px;min-height:100px;} #main div.popularlinks div.ankeiler-footer{height:15px;width:240px;position:relative;background: url(/images/modules-highlight-bg-repeat-bottom-grey.jpg) repeat-x 0 0;} #main div.popularlinks div.ankeiler-footer span.bg-left{height:55px;width:5px;background: url(/images/modules-highlight-bg-left-bottom-grey.jpg)no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.popularlinks div.ankeiler-footer span.bg-right{height:55px;background: url(/images/modules-highlight-bg-right-bottom-grey.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px;} #main div.signup div.ankeiler-footer{height:15px;width:237px;position:relative;background: url(/images/modules-highlight-bg-repeat-bottom-grey.jpg) repeat-x 0 0;} #main div.signup div.ankeiler-footer span.bg-left{height:55px;width:5px;background: url(/images/modules-highlight-bg-left-bottom-grey.jpg)no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.signup div.ankeiler-footer span.bg-right{height:55px;background: url(/images/modules-highlight-bg-right-bottom-grey.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px;} #main div.twitter div.ankeiler-footer{height:15px;width:240px;position:relative;background: url(/images/modules-highlight-bg-repeat-bottom-blue.jpg) repeat-x 0 0;} #main div.twitter div.ankeiler-footer span.bg-left{height:55px;width:5px;background: url(/images/modules-highlight-bg-left-bottom-blue.jpg)no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.twitter div.ankeiler-footer span.bg-right{height:55px;background: url(/images/modules-highlight-bg-right-bottom-blue.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px;} #main div.commit div.ankeiler-footer{height:15px;position:relative;background: url(/images/modules-highlight-bg-repeat-bottom-grey.jpg) repeat-x 0 0;} #main div.commit div.ankeiler-footer span.bg-left{height:55px;width:5px;background: url(/images/modules-highlight-bg-left-bottom-grey.jpg)no-repeat top left; width: 6px; height: 60px;float:left;position:absolute;top:0px;left:0px;} #main div.commit div.ankeiler-footer span.bg-right{height:55px;background: url(/images/modules-highlight-bg-right-bottom-grey.jpg) no-repeat top right; height: 60px;width:50px;float:right;position:absolute;top:0px;right:0px;} /* article carousel layouting */ #main .jcarousel-skin-tango { border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA; margin:0 0 10px; } #main .jcarousel-skin-tango .jcarousel-container-horizontal { width: 690px; padding:10px 40px 0; } #main .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; padding: 40px 20px; } #main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 690px; } #main .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; } #main .jcarousel-skin-tango .jcarousel-item { width: 220px; } #main .jcarousel-skin-tango .jcarousel-item h2 { font-weight:bold; } #main .jcarousel-skin-tango .jcarousel-item .paragraphimage { float:left; height:100px; } #main .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } #main .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } #main .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } #main .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/images/button_carousel_next.png) no-repeat 0 0; } #main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } #main .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/images/button_carousel_back.png) no-repeat 0 0; } #main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, #main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, #main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } #main input.presign-input, #ezine-signup input.presign-input {border: 1px solid gray; width: 126px; height: 17px; padding: 5px 3px 1px; float:left;} #ezine-signup input.presign-input {width: 120px;} #main input.presign-submitbtn, #ezine-signup .presign-submitbtn {border: 0; background: transparent url(/images/e-zine-pre-signup-btn.jpg) no-repeat 0 0; width: 64px; height: 32px; float: right; cursor: pointer;} #main div.twitter ul {margin-bottom: 10px;} #main div.twitter #twitter_update_list {list-style: none; margin: 0; margin-bottom: 10px;} /* Investment Homepage redesign JIRA 626 */ #main #investments-landing h2 {font-size: 14px; margin-bottom: 5px;} #main #investments-landing div.eyecatcher {position: relative; background: #f1f1f1 url(/images/bg-eyecatcher.jpg) repeat-x 0 0; border: 1px solid #eaeaea; border-top: none; padding: 5px 10px 10px 10px;} #main #investments-landing div.eyecatcher span.bordered-bg-bottom {display: block; width: 760px; height: 6px; position: absolute; bottom: -1px; left: -1px; background: #fff url(/images/bg-eyecatcher-bottom.jpg) no-repeat 0 0;} #main #investments-landing div.eyecatcher div.four-col-layout div.column {width: 24%; margin-right: 9px; float: left;} #main #investments-landing div.eyecatcher div.infoblock {margin-bottom: 0;} #main #investments-landing div.eyecatcher h2 {color: #fd6600; font-style: italic; margin-bottom: 3px;} #main #investments-landing div.eyecatcher p {font-size: 0.9em;} #main #investments-landing div.eyecatcher ul.linklist {height: 10px} #main #investments-landing div.eyecatcher ul.linklist li {padding: 0; background: none} #main #investments-landing div.eyecatcher ul.linklist li a {font-size: 0.9em; color: #fd6600; text-decoration: none; background: transparent url(/images/ec-readmore.jpg) no-repeat 0 4px; padding-left: 15px; position: absolute; bottom: 5px} #main #investments-landing div.eyecatcher ul.linklist li a:hover {background-image: url(/images/ec-readmore-hover.jpg); text-decoration: underline;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout {margin-bottom: 15px;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout div.column{width: 252px; float: left;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout div.bordered {position: relative; width: 246px; height:171px; padding: 3px; background: #fff url(/images/invland-bg.jpg) no-repeat 0 0;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout div.bordered div.infoblock {/*background: transparent url(/images/invland-bg.jpg) repeat-x 0 0;*/ padding: 6px; margin-bottom: 0;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout div.bordered span.bordered-bg-top {display: block; width: 252px; height: 4px; position: absolute; top: -1px; left: 0; background: #fff url(/images/invland-border-top.jpg) no-repeat 0 0;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout div.bordered span.bordered-bg-bottom {display: block; width: 252px; height: 4px; position: absolute; bottom: -1px; left: 0; background: #fff url(/images/invland-border-bottom-reg.jpg) no-repeat 0 0; margin-bottom: 0;} #main #investments-landing div.twoColLayout_70-30 div.two-col-layout ul.linklist {position: absolute; top:155px;} #investments-landing #modules #blog {position: relative;} #investments-landing #modules #blog div.ankeiler-header {position: relative; background: transparent url(/images/modules-bg-blue.jpg) repeat-x 0 0;} #investments-landing #modules #blog div.ankeiler-header span.bg-left {display: block; width: 5px; height: 30px; position: absolute; top: 0; left: 0; background: transparent url(/images/modules-bg-left-blue.jpg) no-repeat 0 0;} #investments-landing #modules #blog div.ankeiler-header span.bg-right {display: block; width: 5px; height: 30px; position: absolute; top: 0; right: 0; background: transparent url(/images/modules-bg-right-blue.jpg) no-repeat 0 0;} #investments-landing #modules #blog div.ankeiler-header h3 {color: #fff; font-weight: bold; padding-top: 1px;} #investments-landing #modules #blog div.ankeiler-footer {display: block; width: 223px; height: 6px; background: transparent url(/images/invland-modules-border-bottom-blue.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0px; margin-bottom: 0;} #investments-landing #modules #blog div.ankeiler-body{background-color: #fafafa; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 10px;} #investments-landing #modules div.ankeiler, #three-col #modules div.ankeiler {position: relative;} #investments-landing #modules div.ankeiler div.ankeiler-header, #three-col #modules div.ankeiler div.ankeiler-header {position: relative; background: transparent url(/images/modules-bg-orange.jpg) repeat-x 0 0;} #investments-landing #modules div.ankeiler div.ankeiler-header span.bg-left, #three-col #modules div.ankeiler div.ankeiler-header span.bg-left {display: block; width: 5px; height: 30px; position: absolute; top: 0; left: 0; background: transparent url(/images/modules-bg-left-orange.jpg) no-repeat 0 0;} #investments-landing #modules div.ankeiler div.ankeiler-header span.bg-right, #three-col #modules div.ankeiler div.ankeiler-header span.bg-right {display: block; width: 5px; height: 30px; position: absolute; top: 0; right: 0; background: transparent url(/images/modules-bg-right-orange.jpg) no-repeat 0 0;} #investments-landing #modules div.ankeiler div.ankeiler-header h3, #three-col #modules div.ankeiler div.ankeiler-header h3 {color: #fff; font-weight: bold; padding-top: 1px;} #investments-landing #modules div.ankeiler div.ankeiler-footer, #three-col #modules div.ankeiler div.ankeiler-footer {display: block; width: 223px; height: 6px; background: transparent url(/images/invland-modules-border-bottom-orange.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0px; margin-bottom: 0;} #investments-landing #modules div.ankeiler div.ankeiler-body, #three-col #modules div.ankeiler div.ankeiler-body {background-color: #fafafa; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: none; padding: 10px;} #three-col #modules div.ankeiler div.ankeiler-footer {display: block; width: 217px; height: 6px; background: transparent url(/images/invland-modules-border-bottom-orange-217.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0px; margin-bottom: 0;} /* Related Funds redesign JIRA-629 */ #modules div.related-funds {border-bottom: 1px dotted #D0D0D0; margin-bottom: 10px;} #modules div.related-funds div {margin-bottom: 0} #modules div.related-funds .nav {margin-top: 2px; display: block: position: relative} #modules div.related-funds .nav .previous, #modules div.related-funds .nav .next {display: block; position: absolute; z-index: 99; top: 35px} #modules div.related-funds .nav .previous {left: 10px;} #modules div.related-funds .nav .next {right: 10px;} #related-funds-caroussel {padding: 10px; background-color: #ffffff; width: 197px; height: 300px} #related-funds-caroussel .slide {padding: 10px} #related-funds-caroussel .related-fund-logo {width: 150px; height: 85px; text-align: center; margin-left: 22px;} #related-funds-caroussel h2 {text-align: center; color: #000099; font-weight: bold; margin-top: 4px; font-size: 120%} #related-funds-caroussel p {text-align: left; margin-top: 6px} #related-funds-caroussel div.related-funds-view {text-align: center; margin-top: 24px} #related-funds-caroussel div.related-funds-view a {display: inline-block; width: 111px; height: 18px; padding-top: 1px; background: transparent url(/images/related_funds_button.png) no-repeat 0 0; text-decoration: none; color: #fff; font-weight: bold;} /* Additional Footer JIRA-652 */ .twocolfooter{width:525px;} /* Asset-allocation */ #main .assetalloc td{padding: 5px} #main .assetalloc .profile{float: left;} #main .assetalloc .profile_details{position: absolute; display: none; border: 2px solid #555; text-align: center; width: 400px; background-color: #FFF; cursor: default; z-index: 100; top: 40px; left: 60px;} #main .assetalloc th{border-bottom: 2px solid #88AACD} #main .assetalloc .lbl{width: 100px; cursor: pointer} #main .assetalloc .bar{width: 620px; border: 1px solid #555; cursor: pointer} #main .assetalloc .type_1 {background-color: #324275; color: #FFF; font-weight: bold} #main .assetalloc .type_2 {background-color: #449AE3; color: #FFF; font-weight: bold} #main .assetalloc .type_3 {background-color: #AF71A0; font-weight: bold} #main .assetalloc .type_4 {background-color: #7AC79D; font-weight: bold} #main .assetalloc .type_5 {background-color: #ADADAD; font-weight: bold} #main .assetalloc div.vbar {background-color: #009; height: 10px; margin: -2px 0px; overflow: hidden; width: 2px} #main .assetalloc h4 {} #main .assetalloc .legend .legend_1{background-color: #324275;} #main .assetalloc .legend .legend_2{background-color: #449AE3;} #main .assetalloc .legend .legend_3{background-color: #AF71A0;} #main .assetalloc .legend .legend_4{background-color: #7AC79D;} #main .assetalloc .legend .legend_5{background-color: #ADADAD;} #main div.highcharts-container div.highcharts-legend ul { list-style-type: none; list-style-image: none; } #main div.highcharts-container div.highcharts-legend ul li { list-style-type: none; list-style-image: none; } #main div.highcharts-container div.highcharts-legend ul li:hover { list-style-type: none; list-style-image: none; } #main table.assetalloc { margin: 0 0 10px 0;} #main table.assetalloc tr th { padding: 0 10px 5px 0;} #main table.assetalloc tr td { padding: 0 10px 5px 0;} /* Rounded corners */ div.roundedcorners{position: relative; display: block; background-color:#8db3e2;margin-bottom: 15px} div.roundedcorners div.roundedbrd-lt{display: block; width: 10px; height: 10px; position: absolute; left: 0; top: 0; background: #8db3e2 url(/images/brd-roundedcorner-lt.png) no-repeat left top;} div.roundedcorners div.roundedbrd-rt{display: block; width: 10px; height: 10px; position: absolute; right: 0; top: 0; background: #8db3e2 url(/images/brd-roundedcorner-rt.png) no-repeat right top;} div.roundedcorners div.roundedbrd-rb{display: block; width: 10px; height: 10px; position: absolute; right: 0; bottom: 0; background: #8db3e2 url(/images/brd-roundedcorner-rb.png) no-repeat right bottom;} div.roundedcorners div.roundedbrd-lb{display: block; width: 10px; height: 10px; position: absolute; left: 0; bottom: 0; background: #8db3e2 url(/images/brd-roundedcorner-lb.png) no-repeat left bottom;} div.roundedcorners div.roundedbrd-l{padding:0px; border: 1px solid #8db3e2;} div.roundedcorners div.roundedbrd-r{padding:0px;} div.roundedcorners div.roundedbrd-b{padding:0px;} div.roundedcorners div.roundedbrd-t{} div.roundedcorners div.roundedbrd-content{padding:10px;} #footer div.webfooter p#legal {color: #959595;font-size: 10px;line-height: 150%;} div.main-banner{position:relative;display:inline-block;zoom:1;} div.main-banner .main-banner-float{display:inline-block;position:absolute;bottom:25px;right:10px} div.main-banner .main-banner-content{margin-bottom: 10px;} /* Social Media Buttons */ /* .fb-like{display:inline !important;position:relative;left:115px;bottom:18px;width:90px;} .fb_edge_widget_with_comment{display:inline !important;position:relative;left:115px;bottom:18px;width:90px;} .mediaButtons{//padding-bottom:15px;} .mediaButtons .twitter-share-button{position:relative;top:2px;} .mediaButtons .IN-widget{position:relative;left:200px;bottom:38px;} .mediaButtons .IN-widget .IN-right{padding-bottom:2px;} .mediaButtons #___plusone_0{position:relative;left:200px;bottom:40px;} */ /**/ .fb-like{float:left;display:inline-block;width:90px;position:relative;top:2px;} .fb_edge_widget_with_comment{float:left;display:inline-block;width:90px;position:relative;top:2px;} .mediaButtons{padding-bottom:15px;} .mediaButtons .twitter-share-button{float:left;position:relative;top:2px;} .mediaButtons .IN-widget{position:relative;top:2px;} .mediaButtons .IN-widget .IN-right{padding-bottom:2px;} .mediaButtons #___plusone_0{float:left !important;position:relative;top:5px;} /**/