/** ** ADDED BY KEVIN VAESEN -- QUICKFIX FOR AU SEARCHBOX -- */ #container #header DIV#quicklinks-service-search-container DIV#quick-search-container DIV#searchbox { display: none; } @font-face { font-family: 'MyriadProSemiboldItalic'; src: url('../images/myriadpro-semiboldit_opentype-webfont.eot'); src: url('../images/myriadpro-semiboldit_opentype-webfont.eot?#iefix') format('embedded-opentype'), url('../images/myriadpro-semiboldit_opentype-webfont.woff') format('woff'), url('../images/myriadpro-semiboldit_opentype-webfont.ttf') format('truetype'), url('../images/myriadpro-semiboldit_opentype-webfont.svg#MyriadProSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } /* * * Amplexor - VD * */ /*==========*/ /* STYLES */ /*==========*/ /* == START General definitions == */ /* position - general html tags*/ body{width: 100%; font-size: 75%; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; color: #555555; padding-bottom: 50px; line-height: 16px;} #container{display: inline-block; width: 980px; position: relative; min-width: 980px; max-width: 980px; margin: 0 auto; text-align: left;} #container #content-body{position: relative; margin: 140px 0 0px 0px; width: 100%; background-color: #fff; padding: 0px 0px;} #container #header{position: absolute; top: 0; left: 0; width: 100%; height: 157px;} #container #header #headernav{height: 57px; width: 980px; /*margin-top:100px;*/} #container #footer{width: 100%; padding: 10px 0 0 0; position: relative; top: -1px; } #container #content-body #content-container #content{position: relative; float: left; top: -1px;} #container #content-body #content-container #main{position: relative; min-height: 300px; height:auto !important; height:300px; } #container #content-body #content-container #title{position: relative;} #one-col #content{width: 100%;} #one-col #content-container, #two-col-modules #content-container{margin-left: 0px; position:relative;} #two-col-modules #content-body #leftnav, #one-col #content-body #leftnav, #one-col #modules{display: none;} #two-col-modules #content-body #content-container #title, #two-col-modules #content-body #content-container #main{width: 720px; margin-right: 20px;} #two-col-modules #content-body #content-container #modules{position: relative; float: right; width: 240px; top: -1px;} #two-col-leftnav #container #content-body #content-container{min-height: 615px; height:auto !important; height: 630px; } #two-col-leftnav #content-body #content-container #title{width: 100%;} #two-col-leftnav #content-body #content-container #main{width: 720px; float: right; margin-left:20px; margin-top:20px; } #two-col-leftnav #content-body #content-container #leftnav{width: 240px; position: absolute; left: 0;} /*==========*/ /* GENERAL */ /*==========*/ /* Titles*/ h1{font-family: Trebuchet MS; font-size: 40px; line-height: 40px; word-spacing:-4px; letter-spacing:-2px; color: #001A99; font-style: italic; margin-bottom:10px;} h2{font-family: Trebuchet MS; font-size: 160%; line-height: 100%; color: #001A99; margin-bottom: 10px; font-style: italic; font-weight:bold; letter-spacing:-1px;} h2.tagline{color: #F07A21; font-size: 16px; line-height: 19px; letter-spacing: -0.4px; word-spacing:-2px;} h3{font-family: Verdana; font-weight: bold; font-size: 11px; line-height: 16px; letter-spacing: 0; color: #333333; margin-bottom: 5px;} h3.tagline{color: #F07A21; font-style: italic; width: 100px; line-height: 11px;} /* Links and buttons */ a{color: #003399; cursor:pointer;} a.standard{display:inline-block; background: url("/images/link-icon.png") no-repeat left 8px transparent; padding-left: 10px; color: #003399; font-size:11px;} a.back{display:inline-block; background: url("/images/link-icon-back.png") no-repeat left 8px transparent; padding-left: 10px;color:#555555;font-style:italic;font-size:11px;} a.emphasized{color: #F07A21; font-family: Verdana; font-style: italic; font-size: 90%; line-height: 16px; background: url("/images/icon-empasized-link.png") no-repeat scroll right 2px transparent; padding-bottom: 1px; padding-right: 16px; cursor:pointer;} a.emphasized:hover{color: #ffcc66;} a.grey_hoverOrange{color: #ababab !important; font-family: Verdana; font-size: 11px; line-height: 16px; padding-right: 16px; cursor:pointer;} a.grey_hoverOrange:hover{color: #ff6600 !important;} a.download{color: #F07A21; font-family: Verdana; font-style: italic; font-size: 11px; line-height: 16px; background: url("/images/icon-download-link.png") no-repeat scroll right 2px transparent; padding-bottom: 1px; padding-right: 16px; cursor:pointer;} a.download:hover{color: #ffcc66;} a.comments{background:url("/images/comment-bubble.png") no-repeat scroll 0 2px transparent; color:#FFFFFF; font-family: Verdana; display:inline-block; font-size:9px; height:20px; margin-left:3px; text-align:center; text-decoration:none; vertical-align:top; width:19px; } a.previous{color: #F07A21; font-family: Verdana; font-style: italic; font-weight: bold; font-size: 11px; line-height: 16px; background: url("/images/link-previous-icon.png") no-repeat scroll left 2px transparent; padding-bottom: 1px; padding-left: 16px; cursor:pointer;} a.next{float: right; color: #F07A21; font-family: Verdana; font-style: italic; font-weight: bold; font-size: 11px; line-height: 16px; background: url("/images/link-next-icon.png") no-repeat scroll right 2px transparent; padding-bottom: 1px; padding-right: 16px; cursor:pointer;} /* Buttons general */ div.buttons p{padding:0;} div.buttons div a{display:inline-block; text-decoration:none;} div.buttons div a span{display:block; float:left; height:25px; color:#FFFFFF; font-style:italic; /*font-weight:bold;*/ font-family: Trebuchet MS; text-decoration: none; font-size:15px; word-spacing:-1px; letter-spacing:-0.5px; cursor:pointer;} div.buttons p{padding:0;} ul.linklist li a{display:inline-block; text-decoration:none;} ul.linklist li a span{display:block; float:left; height:25px; color:#FFFFFF; font-style:italic; /*font-weight:bold;*/ font-family: Trebuchet MS; text-decoration: none; font-size:15px; word-spacing:-1px; letter-spacing:-0.5px; cursor:pointer;} ul.linklist { padding: 5px 0;} /* Orange button*/ div.button-general a span.buttonleft{ background-repeat:no-repeat; width:3px; background-image:url("/images/orange-button-bg-left.png");} div.button-general a span.buttontitle{ background-repeat:repeat-x; background-image:url("/images/orange-button-bg-repeat.png"); padding: 3px; height: 19px;} div.button-general a span.buttonright{ background-repeat:no-repeat; width:19px; background-image:url("/images/orange-button-bg-right.png");} div.button-general a:hover span.buttonleft{background-image:url("/images/orange-button-bg-active-left.png");} div.button-general a:hover span.buttontitle{background-image:url("/images/orange-button-bg-active-repeat.png"); text-decoration: none;} div.button-general a:hover span.buttonright{background-image:url("/images/orange-button-bg-active-right.png");} ul.linklist li.button-general, ul.linklist li.button-alternative { display: inline; } ul.linklist li.button-general a span.buttonleft{ background-repeat:no-repeat; width:3px; background-image:url("/images/orange-button-bg-left.png");} ul.linklist li.button-general a span.buttontitle{ background-repeat:repeat-x; background-image:url("/images/orange-button-bg-repeat.png"); padding:1px 5px 5px 3px; height: 19px;} ul.linklist li.button-general a span.buttonright{ background-repeat:no-repeat; width:19px; background-image:url("/images/orange-button-bg-right.png");} ul.linklist li.button-general a:hover span.buttonleft{background-image:url("/images/orange-button-bg-active-left.png");} ul.linklist li.button-general a:hover span.buttontitle{background-image:url("/images/orange-button-bg-active-repeat.png"); text-decoration: none;} ul.linklist li.button-general a:hover span.buttonright{background-image:url("/images/orange-button-bg-active-right.png");} input.button-general{color:#FFFFFF; font-style:italic; font-family: Trebuchet MS; text-decoration: none; font-size:15px; word-spacing:-1px; letter-spacing:-0.5px; background: url('/images/orange-button.png') no-repeat 0 0; width: 112px; height: 27px; border: none; text-align: left; padding: 0 20px 3px 5px; cursor: pointer;} /* Grey button */ div.button-alternative a span.buttonleft{ background-repeat:no-repeat; width:3px; background-image:url("/images/grey-button-bg-left.png");} div.button-alternative a span.buttontitle{ background-repeat:repeat-x; background-image:url("/images/grey-button-bg-repeat.png");padding: 3px; height: 19px;} div.button-alternative a span.buttonright{ background-repeat:no-repeat; width:19px; background-image:url("/images/grey-button-bg-right.png");} div.button-alternative a:hover span.buttonleft{background-image:url("/images/grey-button-bg-active-left.png");} div.button-alternative a:hover span.buttontitle{background-image:url("/images/grey-button-bg-active-repeat.png"); } div.button-alternative a:hover span.buttonright{background-image:url("/images/grey-button-bg-active-right.png");} ul.linklist li.button-alternative a span.buttonleft{ background-repeat:no-repeat; width:3px; background-image:url("/images/grey-button-bg-left.png");} ul.linklist li.button-alternative a span.buttontitle{ background-repeat:repeat-x; background-image:url("/images/grey-button-bg-repeat.png");padding:1px 5px 5px 3px; height: 19px;} ul.linklist li.button-alternative a span.buttonright{ background-repeat:no-repeat; width:19px; background-image:url("/images/grey-button-bg-right.png");} ul.linklist li.button-alternative a:hover span.buttonleft{background-image:url("/images/grey-button-bg-active-left.png");} ul.linklist li.button-alternative a:hover span.buttontitle{background-image:url("/images/grey-button-bg-active-repeat.png"); } ul.linklist li.button-alternative a:hover span.buttonright{background-image:url("/images/grey-button-bg-active-right.png");} /* Lists*/ ul{list-style-type: none; padding: 0px 0px 15px 0px; margin: 0px;} ol{padding: 0 0 15px 20px; margin: 0; list-style-type: decimal; background-image: none !important;} body.sitemap ul, body.sitemap ol{padding: 0px;} ul li, ol li{background-repeat: no-repeat;} #modules ul.downloads li.pdf, #main ul.downloads li.pdf, #title ul.downloads li.pdf{background: url("/images/pdf.png") no-repeat scroll left 2px transparent; padding-left: 17px;} ul.emphasized li, #modules ul li, #main ul li, #title ul li, ol.emphasized ol, #modules ol li, #main ol li, #title ol li{ line-height: 20px; font-size: 11px; line-height:20px; word-spacing:-1px; background-image: url("/images/emphasized-list-icon.png"); background-position:0 6px; padding-left: 12px;} ol.emphasized ol, #modules ol li, #main ol li, #title ol li{background-image: none; padding-left: 0;} ul.emphasized li a, #modules ul li a, #main ul li a, #title ul li a, #footer ul li a{color: #F07A21; cursor:pointer;} #modules ul.linklist, #main ul.linklist, #title ul.linklist, #footer ul.linklist { font-size: 100%; padding-left: 0;} #main div.buttonright ul.linklist {position:absolute;top:8px;right:20px;} #modules ul.linklist li, #main ul.linklist li, #title ul.linklist li, #footer ul.linklist li { background-image: none; font-size: 100%; padding: 0 0 5px 0; } #modules ul.linklist li a.emphasized, #main ul.linklist li a.emphasized, #title ul.linklist li a.emphasized, #footer ul.linklist li a.emphasized { color: #F07A21; text-decoration: underline; background-position: right 3px;} #modules ul.linklist li a.emphasized:hover, #main ul.linklist li a.emphasized:hover, #title ul.linklist li a.emphasized:hover, #footer ul.linklist li a.emphasized:hover { color: #ffcc66;} #modules ul.linklist li a.standard, #main ul.linklist li a.standard, #title ul.linklist li a.standard, #footer ul.linklist li a.standard { color: #003399; text-decoration: underline;} ul.linklist li{padding-bottom: 2px; background-image: url("/images/link-icon.png"); background-position: 0px 8px; padding-left: 10px; font-size:11px;} ul.linklist li a{color: #003399; cursor:pointer; font-weight: normal;} /* for Glossary */ ul.emphasized ul.linklist{padding-left: 15px;} ul.emphasized ul.linklist ul.linklist li{background-image: url("/images/dash.png"); background-position: 0px 10px; padding-left:7px;} ul li.clean{background-image: none;} /* Images */ img.right{float: right;} img.left{float: left;} /* Tables */ table, table.noformat{margin-bottom: 10px; width: 100%; border-collapse:collapse;} table tbody th, table thead th, table.noformat tbody th{text-align: center; font-style: italic; color: #666666; font-size: 10px; border: 1px solid #dddddd; padding:4px;} table tbody td, table.noformat tbody td{text-align: center; font-size: 10px; background-color: #f7f5f1; border: 1px solid #dddddd; padding:5px 15px; vertical-align: top;} table.form-radio-table tbody tr{height: 20px;} table.form-radio-table tbody tr td{text-align: left;} table.form-radio-table tbody tr td input{padding-bottom: 5px; margin-right: 10px; float: left;} table.form-radio-table tbody tr td label{display:inline-table; margin-left: 10px; margin-bottom:10px; width:84%; color: #555555; font-size: 11px;} /* Miscellaneous */ .accessibility {display:block; position:absolute;margin-top:-5000px;} div.right{display: block; float: right;} div.left{display: block; float: left; width: 720px;} div.row{border-top: 1px solid #ECECEC; position: relative; overflow: hidden;} div.row div.row{border-top: 0px solid #ECECEC;} div.banner { padding: 1px 0 20px 0; margin: 0; font-size: 0px;} body.home #main div.row{background-color: #F7F5F1;} #modules div.row{margin-right: 0px;} div.row div{margin-right: 0px;} div.scriptOnly{display:none;} #main div.row div.row {border: 0px solid #ECECEC;} /*Apply page customization*/ #container #main #apply-steps{color:#333;font-size:90%;font-weight:bold} #container #main #apply-steps span.step-one{position:absolute;top:96px;left:70px;width:110px} #container #main #apply-steps span.step-two{position:absolute;top:96px;left:240px;width:110px} #container #main #apply-steps span.step-three{position:absolute;top:266px;left:70px;width:110px} #container #main #apply-steps span.step-four{position:absolute;top:266px;left:240px;width:110px} /*================*/ /* Main content */ /*================*/ /* Widths, margins, paddings */ #container #content-body #content-container div.article, #container #content-body #content-container div.titleblock, #container #content-body #content-container #main div.infoblock, #container #content-body #content-container #main div.testimonialblock, #container #content-body #content-container #main div.passageblock, #container #content-body #content-container #main div.mediarelease-list, #container #content-body #content-container #main div.mediarelease-highlight, #container #content-body #content-container #main div.mediarelease-podcast{padding: 15px 20px 5px 20px;} #two-col-leftnav #container #content-body #content-container div.article, #two-col-leftnav #container #content-body #content-container #main div.infoblock, #two-col-leftnav #container #content-body #content-container #main div.testimonialblock, #two-col-leftnav #container #content-body #content-container #main div.passageblock{padding: 15px 20px 0px 0px;} #container #content-body #content-container div.rss-block{padding: 25px 20px 10px; margin: 0 20px 15px;} #container #content-body #content-container #title div div.maincontent { width: 440px; } #container #content-body #content-container #title div div.supportingcontent{width: 220px;} #container #content-body #content-container #main div div.maincontent{width: 460px;} #container #content-body #content-container #main div div.supportingcontent{width: 220px; text-align: center;} #container #content-body #content-container #main div.supportingcontent p.subscript{font-style: italic; text-align: left; padding:5px 20px 0 20px;} #container #content-body #content-container #main div div.maincontent div.left{width: 220px;} #container #content-body #content-container #main div div.maincontent div.right{width: 240px;} #container #content-body #content-container #modules div div.maincontent{} #container #content-body #content-container #modules div div.supportingcontent{text-align: center;} #container #content-body #content-container #main div.summary-container div.summary div.supportingcontent{width: 220px; padding-bottom:10px;} #container #content-body #content-container #main div.summary-container div.summary div.maincontent{width: 440px; padding-bottom:10px;} #container #content-body #content-container #main div.mediarelease-list div.mediarelease div.supportingcontent{width: 60px; padding-bottom:10px;} #container #content-body #content-container #main div.mediarelease-list div.mediarelease div.maincontent{width: 600px; padding-bottom:10px;} #container #content-body #content-container #main div.two-col-block div.mediarelease-list div.mediarelease div.maincontent{width:364px;} #container #content-body #content-container #main div.mediarelease div.supportingcontent{width: 140px; padding-bottom:10px;} #container #content-body #content-container #main div.mediarelease div.maincontent{width: 520px; padding-bottom:10px;} #container #content-body #content-container #main div.row div.separator{ margin:20px 0; overflow: hidden;} body.home #container #content-body #content-container #main div.row div.separator{ margin:0} #container #content-body #content-container #main div.two-col-block{width:480px; margin-bottom: -500px; padding-bottom: 500px;} body.home #container #content-body #content-container #main div.two-col-block{width:479px;} #container #content-body #content-container #main div.two-col-block div div.maincontent{width: 329px;} body.home #container #content-body #content-container #main div.two-col-block div div.maincontent{width: 300px;} #container #content-body #content-container #main div.two-col-block div div.supportingcontent{width: 130px; margin-right:-20px;} #container #content-body #content-container #main div.column{width:479px; border-right: 1px solid #ECECEC;} #container #content-body #content-container #main div.column div.infoblock, #container #content-body #content-container #main div.column div.article, #container #content-body #content-container #main div.column div.summary-container{padding:0 20px;} #container #content-body #content-container #main div.two-col-block div.summary-container div.one-col-block div.summary div.maincontent{width: 220px;} #container #content-body #content-container #main div.one-col-block{width: 240px; margin-bottom: -500px; padding-bottom: 500px;} #container #content-body #content-container #main div.one-col-block-bordered{width:228px;border:1px solid #ECECEC;margin:0 10px 0 0} #one-col #container #content-body #content-container #main div.one-col-block{margin-bottom:15px; padding-left:20px; width:225px;} body.home #container #content-body #content-container #main div.one-col-block{margin-top: 0px; margin-bottom: -500px; padding-bottom: 500px} #container #content-body #content-container #main div.one-col-block div.infoblock{padding-top: 0px; padding-left:15px;} body.home #container #content-body #content-container #main div.one-col-block div.infoblock{padding-top: 15px;} #container #content-body #content-container #main div.one-col-block div div.maincontent{width: 200px;} #container #content-body #content-container #main div.one-col-block div div.supportingcontent{width: 200px; text-align: center;} #container #content-body #content-container #main div.one-col-block div div.left{width: 115px;} #container #content-body #content-container #main div.one-col-block div div.right{width: 90px;} #container #content-body #content-container #main div.one-col-block div.mediarelease div.supportingcontent{width: 60px; padding-bottom:10px;} #container #content-body #content-container #main div.one-col-block div.mediarelease div.maincontent{width: 130px; padding-bottom:10px;} #container #content-body #content-container #modules div.infoblock,#container #content-body #content-container #modules div.latest-media-release{padding: 8px /*15px*/ 15px 5px 0;} #container #content-body #content-container #modules div.PIblock{padding: 15px 15px 0 0;} #container #content-body #content-container #modules div.custom-bg{padding-left: 21px; padding-bottom: 13px; } #container #content-body #content-container #modules div.fullimage{padding: 0;} #container #content-body #content-container #modules div.testimonialblock{padding:20px 0 0 0;} #container #content-body #content-container div.buttons{margin: 0; padding-bottom: 5px;} #container #content-body #content-container div.overview{padding-bottom: 10px;} #container #content-body #content-container div.buttons a {margin: 6px 0;} #container #content-body #content-container div.buttons a.comments {margin: 0;} #container #content-body #content-container div.buttons div a, #container #content-body #content-container div.buttons p a{margin-bottom: 10px 0;} #container #content-body #content-container div.buttons p{padding-bottom: 0;} #container #content-body #content-container p{padding-bottom:15px; font-size: 90%; color: #555555; word-wrap: break-word;} #container #content-body #content-container #modules p {padding-bottom: 5px; } #container #content-body #content-container #modules ul.emphasized{padding-left:16px;} #modules ul {padding-left:16px;} /*=================*/ /* Miscellaneous */ /*=================*/ #container #content-body #content-container div.gradient{background:url("/images/gradient.png") no-repeat scroll 240px 70px transparent;} #container #content-body #content-container div.pager{padding: 20px 0 10px;} #container #content-body #content-container div.pager p span{color: #cccccc; font-style:italic; font-size:11px; font-weight: bold; padding-bottom: 1px;} #container #content-body #content-container div.pager p span.previous{background: url("/images/link-previous-disabled-icon.png") no-repeat scroll left 2px transparent; padding-left: 16px; } #container #content-body #content-container div.pager p span.next{background: url("/images/link-next-disabled-icon.png") no-repeat scroll left 2px transparent; padding-right: 16px; float: right; } #container #content-body #content-container p.date, #container #content-body #content-container p span.date{background:url("/images/article-date.png") no-repeat scroll right 4px transparent; color:#999999; display:inline-block; padding:0 13px 2px 0; margin-top:-5px; width:auto;} div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url(../images/sprites-controls.png); background-repeat: no-repeat; } #container #content-body #content-container div.selector{display:inline-block; font-size:11px; margin-bottom:5px; margin-left:10px;} #container #content-body #content-container div.selector span {color:#555555; text-shadow:none; height:25px; line-height:25px;} /*==============*/ /* TITLEBLOCK */ /*==============*/ #container #content-body #content-container div.row div.titleblock{margin-right:0px;} #container #content-body #content-container div.titleblock div.supportingcontent{text-align: left;} #container #content-body #content-container div.titleblock div.supportingcontent div.rate-top{margin-top: 100px;} #container #content-body #content-container div.titleblock div.supportingcontent div.rate-top img{padding-right: 60px;} #container #content-body #content-container div.titleblock div.supportingcontent img{position: absolute; right:20px; top:20px;} #container #content-body #content-container div.titleblock div.supportingcontent p.subscript{font-style: italic; text-align: left; width: 200px;padding:5px 20px 0 20px; position:absolute; bottom: 20px;} #container #content-body #content-container div.titleblock div.buttons{width: 680px;} /* Highlighted titleblock */ #container #content-body #content-container div.highlight{background:url("/images/title-block-highlight-bg.png") no-repeat scroll 0 0 transparent; height:335px; overflow:hidden; padding-left:20px; } #container #content-body #content-container div.highlight div.gradient{background-position: 240px 105px;} #container #content-body #content-container div.highlight div.titleblock{height: 295px;} #container #content-body #content-container div.highlight div.titleblock ul.emphasized{padding-left: 16px;} #container #content-body #content-container div.highlight div.titleblock div.buttons{position: absolute; bottom: 0px; right: 20px;} #container #content-body #content-container div.highlight div.titleblock div.buttons div{float: right; margin-left: 2px;} #container #content-body #content-container div.highlight div.titleblock div.buttons p{float: left; padding: 10px 10px 10px 20px;} #container #content-body #content-container div.highlight div.titleblock div.buttons p a{font-weight: bold; color: #F07A21;} /*===========*/ /* ARTICLE */ /*===========*/ #container #content-body #content-container #main div.paragraph{/*margin-bottom:10px;*/} #container #content-body #content-container div.paragraph h3{margin-bottom: 5px;} /* Horizontal */ #container #content-body #content-container #main div.horizontal div.firstParaph{width: 202px; border-right: 1px solid #ECECEC; padding-right: 16px; margin-bottom:20px;} #container #content-body #content-container #main div.horizontal div.secondParaph{width: 208px; border-right: 1px solid #ECECEC; padding: 0px 16px;} #container #content-body #content-container #main div.horizontal div.thirdParaph{width: 204px; padding-left: 16px;} /*=============*/ /* INFOBLOCK */ /*=============*/ #container #content-body #content-container div.infoblock h3{margin-bottom: 5px;} #container #content-body #content-container #modules div.infoblock div.buttons div{display:block;} #container #content-body #content-container #modules div.infoblock div.buttons div:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #container #content-body #content-container #modules div.infoblock a.standard{float: right;} #container #content-body #content-container #modules div.infoblock ul.linklist li a.standard{float: left; clear: left;} #container #content-body #content-container #modules div.gradient{background:#f7f5f1 url("/images/infoblock-bg-gradient-top.png") repeat-x left top; padding: 20px 18px;} #container #content-body #content-container #modules div.gradient div.maincontent{width: 144px;} #container #content-body #content-container #modules div.gradient div.supportingcontent{width: 60px; text-align: right;} body.home #container #content-body #content-container #main div.gradient{background: #f7f5f1 url("/images/gradient-home-bg-repeat.png") repeat-x left top; overflow: hidden;} body.home #container #content-body #content-container #main div.two-col-block div.gradient img{position:absolute; right:20px; top:20px;} #container #content-body #content-container #modules div.custom-bg h2{color:#ffffff;} #container #content-body #content-container #modules div.custom-bg {font-style:italic; color:#b9d2fb;} #container #content-body #content-container #modules div.custom-bg p{font-style:italic; color:#b9d2fb;} #container #content-body #content-container #modules div.custom-bg div.buttons{margin-top: 0;} #container #content-body #content-container #modules div.fullimage p{padding: 0;} /*=====================*/ /* SUMMARY CONTAINER */ /*=====================*/ #container #content-body #content-container #main div.summary-container{padding:15px 20px 0;} #container #content-body #content-container #main div.summary-container a.standard{float: right;} #container #content-body #content-container #main div.summary-container div.summary{margin-top:10px;} #container #content-body #content-container #main div.summary-container div.summary p, #container #content-body #content-container #main div.summary-container div.summary ul{padding-bottom: 5px;} /* Horizontal */ #container #content-body #content-container #main div.horizontal{padding-right: 0px;} #container #content-body #content-container #main div.horizontal div.first-summary{width: 220px; padding-right: 20px;} #container #content-body #content-container #main div.horizontal div.first-summary div.summary div.maincontent{width: 220px;} #container #content-body #content-container #main div.horizontal div.second-summary{width: 220px;} #container #content-body #content-container #main div.horizontal div.second-summary div.summary div.maincontent{width: 220px;} /*================*/ /* MEDIA RELEASE */ /*================*/ #container #content-body #content-container #main div.mediarelease img{margin-bottom: 10px;} /*========================*/ /* MEDIA RELEASE PODCAST */ /*========================*/ #container #content-body #content-container #main div.mediarelease-podcast h2{background: url("/images/podcast.png") no-repeat scroll left -4px transparent; padding-left:28px;} /*==========*/ /* HOT TIP */ /*==========*/ /* Latest Hot Tip*/ #container #content-body #content-container div.latest-hottip{background-color: #F7F5F1; position: relative; margin-left: 20px; padding: 35px 20px 0px;} #container #content-body #content-container div.latest-hottip h2{width: 100px; margin-bottom: 5px;} #container #content-body #content-container div.latest-hottip h3.tagline{width: 100px; margin-bottom: 20px;} #container #content-body #content-container div.latest-hottip img{position: absolute; top: 10px; right: 10px;} #container #content-body #content-container div.latest-hottip div.mediarelease{border-top: 1px solid #ECECEC; padding-top: 15px; margin-top: 5px;} #container #content-body #content-container div.latest-hottip div.buttons a.standard{float:right;} /*======================*/ /* MEDIA RELEASE LIST */ /*======================*/ #container #content-body #content-container #main div.mediarelease-list div.mediarelease p, #container #content-body #content-container #main div.mediarelease-list div.mediarelease ul{padding-bottom: 5px;} #container #content-body #content-container #main div.mediarelease-list div.mediarelease div.buttons p{display:inline-block; padding-bottom:0; padding-right:10px;} #container #content-body #content-container #main div.mediarelease-list div.mediarelease-vp ul.linklist li { display: inline; } /*============*/ /* RSS BLOCK */ /*============*/ #container #content-body #content-container div.rss-block{width: 160px; background: url("/images/rss-bg-top.png") no-repeat scroll 0 0 #F7F5F1;} #container #content-body #content-container div.rss-block h3{margin-bottom: 5px;} #container #content-body #content-container div.rss-block p.copylink{font-style: italic;} /*==============================*/ /* PRODUCT INTERCONNECT BLOCK */ /*==============================*/ /* Home page */ body.home #container #content-body #content-container #main div.PIblock table tbody td, div.PIblock table.noformat tbody td{border: 0px solid #dddddd; background-color: transparent; } body.home #container #content-body #content-container #main div.PIblock{border-top: 1px solid #ECECEC; padding: 10px 0 0 0 ; background:transparent;} body.home #container #content-body #content-container #main div.PIblock div.intro{float:left; padding-left: 20px; padding-right: 15px;} body.home #container #content-body #content-container #main div.PIblock div.intro h2{margin-top:5px;} body.home #container #content-body #content-container #main div.PIblock div.intro p{padding-bottom:5px;} body.home #container #content-body #content-container #main div.PIblock table, body.home #container #content-body #content-container #main div.PIblock div.result{ width:225px;} body.home #container #content-body #content-container #main div.PIblock div.back{text-align:center;} body.home #container #content-body #content-container #main div.PIblock table.form-radio-table tbody tr td label{margin-bottom: 3px;} body.home #container #content-body #content-container #main div.PIblock table.form-radio-table tbody tr td input{margin: 0px;} body.home #container #content-body #content-container #main div.PIblock input{margin-left:40px;} body.home #container #content-body #content-container #main div.PIblock ul.linklist{text-align:center;} body.home #container #content-body #content-container #main div.PIblock div.result h2{text-align: center;} body.home #container #content-body #content-container #main div.PIblock div.result p{padding-bottom:5px;} #container #content-body #content-container #modules div.PIblock table tbody td {border: 0; background-color: transparent; padding: 0; text-align: left;} #container #content-body #content-container #modules div.PIblock table tbody td label {text-align: left; float: left; display: block; padding-bottom: 10px; } /*==============================*/ /* HELP CALL CENTER BLOCK */ /*==============================*/ body.home #container #content-body #content-container #main div.help-container{background:transparent;} body.home #container #content-body #content-container #main div.help {background:transparent url('/images/cross-sell-home-bg-new.png') no-repeat scroll left top;height:210px;position:relative;padding:20px 40px 0 20px;} body.home #container #content-body #content-container #main div.help a.needhelp { display: block; width: 240px; height: 230px; text-indent: -9999px; left: 0pt; position: absolute; top: 0pt; background-image:url(about:blank); zoom: 1; } /*============*/ /* GLOSSARY */ /*============*/ #container #content-body #content-container #main div.glossary div.paragraph{margin-bottom:10px; padding-top:10px;} #container #content-body #content-container #main div.glossary div.paragraph div.provider{margin: 10px 0 5px;} #container #content-body #content-container #main div.glossary div.paragraph div.provider img{float: left;} #container #content-body #content-container #main div.glossary div.paragraph div.provider p{float: left; padding-left: 10px; padding-top: 5px;} #container #content-body #content-container #main div.glossary div.paragraph p{padding-bottom: 10px;} #container #content-body #content-container #main div.glossary div.paragraph p span.definition{font-style: italic; font-weight: bold;} div.ac_results{border:0;padding:0;margin:0} li.ac_even{background:#fff;border:1px solid rgb(193,193,193);border-top:0;color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:90%;text-align:left;padding:3px;cursor:pointer} li.ac_odd{background:#fff;border:1px solid rgb(193,193,193);border-top:0;color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:90%;text-align:left;padding:3px;cursor:pointer} li.ac_over{background:#F7F5F1;border:1px solid rgb(193,193,193);border-top:0;color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:90%;text-align:left;padding:3px;cursor:pointer} #main div.glossary-content div.glossary-nav hr{border:0;background:#999;color:#999;height:1px;margin:10px 0 10px 20px;width:700px;} #main div.glossary-content div.glossary-nav span{color:#999;font-style:italic} #main div.glossary-content div.glossary-nav span a{color:#F07A21;font-family:Verdana;font-size:90%;font-weight:bold;text-decoration:none} #main div.glossary-content div.glossary-nav span a:hover{color:#FFCC66} #main div.glossary-content div.glossary-nav span img{padding:0 5px;vertical-align:middle} #main div.glossary-content div.glossary-nav span.glossary-nav-left{margin:0 0 0 20px;float:left} #main div.glossary-content div.glossary-nav span.glossary-nav-right{margin:0 20px 0 0;float:right} /*====================*/ /* TESTIMONIALBLOCK */ /*====================*/ #container #content-body #content-container div.testimonialblock div.testimonial div.quote p{padding:0px;} #container #content-body #content-container div.testimonialblock div.testimonial p.meta{float:right; font-style:italic; padding:0;} #container #content-body #content-container div.testimonialblock div.quoted{background:url("/images/quote-left-small.png") no-repeat scroll left top transparent;} #container #content-body #content-container div.testimonialblock div.quoted div.quote{background:url("/images/quote-right-small.png") no-repeat scroll right bottom transparent; margin-bottom:10px; margin-right:0; padding:3px 25px 0;} #container #content-body #content-container div.testimonialblock div.highlighted{background:url("/images/quote-left.png") no-repeat scroll left top transparent;} #container #content-body #content-container div.testimonialblock div.highlighted div.quote{background:url("/images/quote-right.png") no-repeat scroll right bottom transparent; font-weight:bold; padding-top: 10px;} /* Main */ #container #content-body #content-container #main div.column div.testimonialblock{margin:0px; padding: 0px;} #container #content-body #content-container #main div.one-col-block div.testimonialblock{padding:40px 0 0 0; margin: 0px;} #container #content-body #content-container #main div.testimonialblock div.testimonial div.quote{padding-top:5px;} #container #content-body #content-container #main div.testimonialblock div.testimonial div.quote p{padding:3px 0;} #container #content-body #content-container #main div.testimonialblock div.highlighted div.quote{padding: 25px 10px 0;} #container #content-body #content-container #main div.testimonialblock div.highlighted div.quote p{padding:5px 0 15px;} /* Modules */ #container #content-body #content-container #modules div.testimonialblock div.testimonial{margin-bottom: 20px;} #container #content-body #content-container #modules div.testimonialblock div.quoted div.quote{padding-right: 20px; padding-left: 20px;} #container #content-body #content-container #modules div.testimonialblock div.highlighted div.quote{padding-top: 15px;} /*================*/ /* PASSAGEBLOCK */ /*================*/ #container #content-body #content-container #main div.row div.passageblock{margin-right:0px;} #container #content-body #content-container #main div.passageblock div.supportingcontent div.buttons{margin-top: 0px;} #container #content-body #content-container #main div.passageblock div.supportingcontent div.buttons div{float: right;} /*===========*/ /* RATINGS */ /*===========*/ #container #content-body #content-container div.stars{float:left;} #container #content-body #content-container div.rating{color:#C8B89E; display:inline-block; font-family:Trebuchet MS; font-size:13px; font-weight:bold; padding:4px 0 0 10px; line-height:13px;} /* In Modules */ #container #content-body #content-container #modules div.stars{margin-bottom:10px;} #container #content-body #content-container #modules div.rating{font-size: 16px; line-height:16px;} /* In Testimonial-block */ #container #content-body #content-container div.testimonialblock div.testimonial div.rating{font-size: 10px; line-height:10px;} #container #content-body #content-container div.testimonialblock div.testimonial div.stars img{width: 15px;} #container #content-body #content-container div.testimonialblock div.highlighted div.stars img{width: 19px;} /*===========*/ /* LEFTNAV */ /*===========*/ #container #content-body #content-container #leftnav{background-color: #f7f5f1; margin-top: 20px;} #container #content-body #content-container #leftnav div.navblock{margin-left: 20px; margin-right: 15px; padding: 15px 0px 0px; border-bottom: 1px solid #ECECEC; } #container #content-body #content-container #leftnav div.last{border-bottom: none;} #container #content-body #content-container #leftnav div.navblock ul.navlinks{list-style-image:url("/images/emphasized-list-icon.png"); list-style-position: outside; padding-left:15px;} #container #content-body #content-container #leftnav div.navblock ul.navlinks li{font-size: 11px; padding-bottom:5px; font-weight: bold; padding-bottom:5px; letter-spacing:-0.2px; word-spacing:-0.4px;} #container #content-body #content-container #leftnav div.navblock ul.navlinks li a{color: #F07A21;} #container #content-body #content-container #leftnav div.navblock ul.navlinks li.active a{color: #555555; text-decoration: none;} #container #content-body #content-container #leftnav div.navblock ul.navlinks li span{display: block; margin-bottom: 15px; font-weight: normal;} /*==========*/ /* HEADER */ /*==========*/ /* Logo */ #container #header #logo{float: left; width: 250px; height: 100px; } #container #header #logo img{margin-top: 24px;} #container #header #quicklinks-service-search-container{/*height: 100px; width: 730px; position:absolute; right:0; top:0;*/ float: right; margin-top: 25px;} /* Service navigation */ #container #header #quicklinks-service-search-container #servicenav{/*width: 730px; height: 57px; position:absolute; right:0; top:0; overflow: visible;*/ float: right;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav{/*float:right;*/ list-style:none outside none;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav li{float: left; background:url("/images/servicenav-divider.png") no-repeat scroll 0 5px transparent; padding: 2px 6px; font-family: Verdana; color: #000; font-size: 11px; display: inline; } #container #header #quicklinks-service-search-container #servicenav ul.servicenav li.last{ padding-top: 2px; padding-left: 8px; padding-right: 0;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav li.first{background:none; padding-top: 2px;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav li img.phone {vertical-align: bottom;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav span{color: #000; font-family: Verdana; font-size: 13px; line-height: 20px; padding-bottom: 1px;text-decoration:none} #container #header #quicklinks-service-search-container #servicenav ul.servicenav a{color: #000; font-family: Verdana;line-height: 20px; padding-bottom: 1px;text-decoration:none} #container #header #quicklinks-service-search-container #servicenav ul.servicenav a:hover{color: #ff6600;} #container #header #quicklinks-service-search-container #servicenav ul.servicenav a.emphasized{background:transparent;font-size:100%;font-style:normal;padding-right:0px} #container #header #quicklinks-service-search-container #languagenav {position: relative; float: right; width: auto; height: 20px; margin: 25px 0 0 10px; background: transparent url(/images/bg-lang-current-repeat.jpg) repeat-x 0 0; padding: 3px 10px 0 10px;z-index:9} #container #header #quicklinks-service-search-container #languagenav span.bg-left {display: block; width: 5px; height: 23px; position: absolute; top: 0; left: 0; background: transparent url(/images/bg-lang-current-left.jpg) no-repeat left top;} #container #header #quicklinks-service-search-container #languagenav span.bg-right {display: block; width: 5px; height: 23px; position: absolute; top: 0; right: 0; background: transparent url(/images/bg-lang-current-right.jpg) no-repeat right top;} #container #header #quicklinks-service-search-container #languagenav div.close{padding-right: 40px; background: transparent url(/images/bg-lang-close.jpg) no-repeat right top;} #container #header #quicklinks-service-search-container #languagenav div.open {padding-right: 40px; background: transparent url(/images/bg-lang-open.jpg) no-repeat right top;} #container #header #quicklinks-service-search-container #languagenav div.current {cursor: pointer;} #container #header #quicklinks-service-search-container #languagenav div.current img {float: left; margin: 2px 5px 0 0;} #container #header #quicklinks-service-search-container #languagenav div.current span {display: block; float: left;} #container #header #quicklinks-service-search-container #languagenav ul.others {position: absolute; top: 22px; left: 1px; z-index: 1; width: 97.5%; background-color: #fff; border: 1px solid #e2e2e2; padding: 5px 0;} #container #header #quicklinks-service-search-container #languagenav ul.others li a {padding: 7px 10px; color: #555555; text-decoration: none;} #container #header #quicklinks-service-search-container #languagenav ul.others li img{float: left; margin: 3px 5px 0 0;} #container #header #quicklinks-service-search-container #languagenav ul.others li span {float: left;} #container #header #quicklinks-service-search-container #quick-search-container{width: 730px; overflow: visible;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks{float:right; height: 40px; width: 160px; display: inline; margin: 0px 0px 0px 5px} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks div{float:right; margin-right:20px;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks div.selector span{background-image: url(../images/sprite-quicklinks-new.png); font-size:0; width:130px;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks div.selector{background-image: url(../images/sprite-quicklinks-new.png); font-size:11; width:130px;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks select {width: 155px; height: 25px; line-height: 25px; font-style: normal; font-weight: normal; font-family: Verdana; font-size: 11px;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks select option{padding-left: 8px; color: #666666;} #container #header #quicklinks-service-search-container #quick-search-container #quicklinks div.selector { background-position: -487px -160px; padding-left:7px; } /* Searchbox */ #container #header #quicklinks-service-search-container #quick-search-container #searchbox{float:right; height: 43px; display: inline; margin: 0px 5px 0px 5px;} #container #header #quicklinks-service-search-container #quick-search-container #searchbox input.searchtextbox{float: right; display: inline; background:url("/images/searchtext-bg-new.png") no-repeat scroll 0 0 transparent; height: 25px; line-height: 25px; width: 140px; border: none; font-style: normal; font-weight: normal; font-family: Verdana; font-size: 11px; padding-left: 8px; color: #666666; margin-left: 20px; } #container #header #quicklinks-service-search-container #quick-search-container #searchbox input.searchbutton{float: right; display: inline;} /* Topnavigation */ #container #header #headernav #topnav ul{list-style:none outside none; float: left; display: inline; overflow: hidden;} #container #header #headernav #topnav ul.topnavigation{width:742px;position:absolute;top:103px;left:0;background:url("/images/topnav-new-bg-repeat.png") repeat-x scroll top left transparent;height: 45px;display: block; padding-bottom: 0;border:none;overflow:hidden;} #container #header #headernav #topnav ul.topnavigation li{float:left; display: inline;height:45px;margin:0} /*#container #header #headernav #topnav ul.topnavigation li.active a, #container #header #headernav #topnav ul.topnavigation li a:hover{background: url("/images/topnav-new-bg-repeat-active.png") repeat-x scroll left 1px transparent;}*/ /*#container #header #headernav #topnav ul.topnavigation li.last a{padding-right: 0; padding-left:12px; width: 80px;}*/ #container #header #headernav #topnav ul.topnavigation li.last a{ padding-left: 10px; padding-right: 10px; text-align: center; width: 65px; } #container #header #headernav #topnav ul.topnavigation li a{font-family:Trebuchet MS; font-size: 15px; color:#333333; text-decoration: none; font-weight: bold; font-style: italic; height:40px; line-height:40px; padding:0px 11px 12px 12px;width:auto;float:left;} #container #header #headernav #topnav ul.topnavigation li.home{border:none;} #container #header #headernav #topnav ul.topnavigation li.home a{padding:0px 11px 0 18px; height:40px; line-height: 40px; display: inline-block;} #container #header #headernav #topnav ul.topnavigation li.homeactive a{background:url("/images/topnav-new-bg-home-active.png") no-repeat scroll 0 0 transparent;} /*#container #header #headernav #topnav ul.topnavigation li.home a:hover{background:url("/images/topnav-new-bg-home-active.png") no-repeat scroll 0 0 transparent;}*/ #container #header #headernav #topnav ul.topnavigation li.home a.span{bottom: 0;} #container #header #headernav #topnav ul.topnavigation li:hover,#container #header #headernav #topnav ul.topnavigation li.active {background:url("/images/topnav-new-bg-repeat-active.png") repeat-x scroll 0 0 transparent;} #container #header #headernav #topnav ul.topnavigation li span{width:6px;height:45px;display:inline-block;} #container #header #headernav #topnav ul.topnavigation li span.left{background:url("/images/topnav-new-bg-left.png") left top no-repeat;float:left;} #container #header #headernav #topnav ul.topnavigation li span.right{background:url("/images/topnav-new-bg-right.png") left top no-repeat;} #container #header #headernav #topnav ul.topnavigation li:hover span.left, #container #header #headernav #topnav ul.topnavigation li.active span.left{background:url("/images/topnav-new-bg-left-active.png") left top no-repeat;} #container #header #headernav #topnav ul.topnavigation li:hover span.right, #container #header #headernav #topnav ul.topnavigation li.active span.right, #container #header #headernav #topnav ul.topnavigation li.homeactive span.right{background:url("/images/topnav-new-bg-right-active.png") left top no-repeat;} #container #header #headernav #topnav ul.topnavigation li.home{background:url("/images/topnav-new-bg-home.png") no-repeat scroll 0 0 transparent;} #container #header #headernav #topnav ul.topnavigation li.home:hover{background:url("/images/topnav-new-bg-home-active.png") no-repeat scroll 0 0 transparent;} #container #header #headernav #topnav ul.topnavigation li.home span.left{width:0px;height:0px} #container #header #headernav #topnav ul.secure-nav{width: 240px; height: 45px; padding-bottom: 0;position:absolute;top:103px;right:0;background-color:#FFFFFF;z-index:1;} #container #header #headernav #topnav ul.secure-nav li.openAccount{float: left; display: inline; background:url("/images/open-account-new-bg.png") no-repeat scroll 0 0 transparent;} #container #header #headernav #topnav ul.secure-nav li.openAccount a{background:none repeat scroll 0 0 transparent; display:block; height:45px; padding-left:0; width:149px;} #container #header #headernav #topnav ul.secure-nav li.openAccount a:hover{background:url("/images/open-account-new-bg-active.png");} #container #header #headernav #topnav ul.secure-nav li.login{float: left; display: inline; background:url("/images/login-new-bg.png") no-repeat scroll 0 0 transparent; margin-left:4px;} #container #header #headernav #topnav ul.secure-nav li.login a{background:none repeat scroll 0 0 transparent; display:block; height:45px; padding-left:0; width:86px;} #container #header #headernav #topnav ul.secure-nav li.login a:hover{background:url("/images/login-new-bg-active.png");} /*============*/ /* SUBHEADER */ /*============*/ #container #content-body #subheader{width:100%; min-height: 13px; border-bottom: 1px solid #ececec;} #container #content-body #subheader #secondNav {padding: 13px 0;} #container #content-body #subheader #secondNav ul.secondNavList{list-style:none outside none;} #container #content-body #subheader #secondNav ul.secondNavList li{float: left; border-left: 1px solid #666666; color: #666666; font-size: 12px; font-style: italic; margin: 0; padding:0 8px; } #container #content-body #subheader #secondNav ul.secondNavList li.first{border-left: none; padding-left:0;} #container #content-body #subheader #secondNav ul.secondNavList li a{font-weight: normal; color: #666666;} #container #content-body #subheader #secondNav ul.secondNavList li.active a{font-weight: bold; text-decoration: none;} #container #content-body #subheader #secondNav ul.secondNavList li a:hover{color: #ff6633;} /*==========*/ /* FOOTER */ /*==========*/ /* Product Comparison */ #container #footer div.productcomparison div.products{border-top:1px solid #D3D3D3;background: none; height: 80px; min-height: 80px;} /* ALL PRODUCTS */ #container #footer div.productcomparison div.products div.infoblock, #container #footer div.productcomparison div.product-lower-footer div.infoblock /* KB */ { display: block; float: left; padding:20px 16px;} #container #footer div.productcomparison div.products div.infoblock{padding-left:15px;padding-right:10px;width:163px;background:url("/images/footer-divider.png") no-repeat scroll 0 0 transparent;} #container #footer div.productcomparison div.products div.row.clearfix{height:90px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block{text-decoration:none;font-family: MyriadProSemiboldItalic;color:#9e9e9e;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block:hover .footer.title a{color:#ff6600} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block:hover{color:#ff6600} /* #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.title{position:relative;bottom:15px;top:0;} */ #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.title a{font-weight:400;display: block;float: left;height: 86px;line-height: 20px;width: 70px;text-decoration:none;color:#9e9e9e;font-size:18px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.upto{position:relative;left:5px;bottom:15px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.upto p{font-size:9.6px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate{/*position:relative;*/margin-top:-10px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate span.figures1{font-size: 53.13px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate span.separator{position:relative;bottom:10px;font-size: 39.95px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate span.figures2{position:relative;bottom:10px;font-size: 38.86px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate div.per{font-size: 25.05px;position:relative;left:80px;bottom:36px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.rate div.pa{bottom: 42px;font-size: 14px;left: 78px;line-height: 21px;position: relative;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.subscript p{font-size:9px;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.subscript{bottom: 42px;left: 30px;line-height: 10px;position: relative;overflow: visible;text-align:left;} #container #footer div.productcomparison div.products div.infoblock div.content div.footer.link.block div.footer.text{left: 10px;position: relative;bottom: 10px;padding-top: 15px;} /* SPECIFIC PRODUCT STYLING */ #container #footer div.productcomparison div.products div.product0 div.infoblock div.content div.footer.link.block div.footer.title a{width: 54px;} #container #footer div.productcomparison div.products div.product0 div.infoblock{background:none;} #container #footer div.productcomparison div.products div.product1 div.infoblock{padding-right:25px;} #container #footer div.productcomparison div.products div.product2 div.infoblock{padding-right:25px;} #container #footer div.productcomparison div.products div.product3 div.infoblock{padding-right:10px;} #container #footer div.productcomparison div.products div.product3 div.infoblock div.content div.footer.link.block div.footer.title a{width:54px;} #container #footer div.productcomparison div.products div.product4 div.infoblock{padding-left:15px;padding-right:15px;width:163px;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock ul.linklist li.button-alternative{position:relative;bottom:18px;right:94px;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock ul.linklist li.button-alternative a .buttonleft{background-image: none;display:none;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock ul.linklist li.button-alternative a .buttontitle{position:relative;/*left:110px;bottom:25px*/;overflow:hidden;/*padding-left:120px;*/padding:0;font-size:0px;background-image:url("/images/button_footer_apply.png");background-repeat:no-repeat;height:30px;width:111px;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock ul.linklist li.button-alternative a .buttontitle:hover{font-size:0px;background-image:url("/images/button_footer_apply_hover.png");background-repeat:no-repeat;height:30px;width:111px;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock ul.linklist li.button-alternative a .buttonright{background-image: none;display:none;} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock .content p{padding-right: 30px;text-align: right;} #container #footer div.productcomparison div.product-sign-up div.row{border-bottom: 1px solid #D3D3D3; height: 50px; min-height: 50px;} #container #footer div.productcomparison div.product-sign-up div.rounded-left{display: none;} #container #footer div.productcomparison div.product-sign-up div.rounded-right{display: none;} #container #footer div.productcomparison div.product-lower-footer div.rounded-left{display: none;} #container #footer div.productcomparison div.product-lower-footer div.rounded-right{display: none;} #container #footer div.productcomparison div.product-lower-footer div.infoblock div.content div.lower.footer.title{font-family: MyriadProSemiboldItalic;font-size: 15px;color:#9e9e9e;} #container #footer div.productcomparison div.product-lower-footer div.product6 div.row div.infoblock{height: 170px;width:210px;} #container #footer div.productcomparison div.product-lower-footer div.product7 div.row div.infoblock{height: 170px;width:210px;} #container #footer div.productcomparison div.product-lower-footer div.product8 div.row div.infoblock{height: 170px;width:210px;} #container #footer div.productcomparison div.product-lower-footer div.product9 div.row div.infoblock{height: 170px;width:210px;} /***************/ #container #footer div.productcomparison div.product-sign-up div.row div.infoblock div.content{width:80%} #container #footer div.productcomparison div.product-sign-up div.row div.infoblock div.content p{font-size:16px;font-style:normal;font-family: MyriadProSemiboldItalic;color:#9e9e9e;} #container #footer div.productcomparison div.webfooter div.row{float:none;} #container #footer div.productcomparison div.webfooter div.row div.infoblock{float:none;} #container #footer div.productcomparison div.products div h2{font-size: 15px; margin-bottom:5px; word-spacing:-2px;} #container #footer div.productcomparison div.products div p{font-size: 90%;margin-bottom: 5px;} #container #footer div.productcomparison div.rounded-left{width: 3px; padding: 0; height: 129px; display: block; float: left;} #container #footer div.productcomparison div.rounded-right{width: 3px; padding: 0; display: block; float: left;} #container #footer div.productcomparison div.product-sign-up{height: 70px; } #container #footer div.productcomparison div.product-sign-up div{float: left;} #container #footer div.productcomparison div.product-sign-up div.rounded-left{width: 5px; padding: 0; height: 70px;} #container #footer div.productcomparison div.product-sign-up div.rounded-right{width: 5px; padding: 0; height: 70px;} #container #footer div.productcomparison div.product-sign-up div.infoblock{padding:15px; padding-bottom:5px; width:940px;} #container #footer div.productcomparison div.product-sign-up div.infoblock div.buttons div{float: right; display: block; height: 25px; margin-left: 2px; margin-top: 8px;} #container #footer div.productcomparison div.product-sign-up div.infoblock div.content{float: left; width: 60%; display: block;} #container #footer div.productcomparison div.product-sign-up div.infoblock div.content h2{font-size: 15px; margin-bottom:0px;} #container #footer div.productcomparison div.product-sign-up div.infoblock div.content p{font-size:90%;padding-top:3px;} #container #footer div.productcomparison div.row { border: 0; float: left;} #container #footer div.productcomparison div.product-sign-up ul.linklist { float: right; padding: 8px 0 0 0; } #container #footer div.productcomparison div.product-sign-up ul.linklist li { padding-left: 2px; } #container #footer div.productcomparison div.product-sign-up ul.linklist li a span.buttontitle { padding:3px 5px 3px 3px; } /* Webfooter */ #container #footer div.webfooter p{font-style:italic; color: #666666; font-size:11px; float: left;} #container #footer div.webfooter p a.standard{font-style:italic; color: #666666; font-size:11px; text-decoration: none; padding: 0; background: none} #container #footer div.webfooter ul.linklist{/*bottom:12px;*/float:right;position:relative;list-style:none inside none; display: block; /*float: right;*/ margin: 0; padding: 0} #container #footer div.webfooter ul.linklist li a span.buttontitle{overflow:hidden;position:relative;/*left:90px;*/font-size:0px;height:30px;width:28px;background:url("/images/footer_facebook.png") no-repeat scroll 0 -0px transparent; float: left;/*padding: 0px 8px;padding-left:30px;*/} #container #footer div.webfooter ul.linklist li+li a span.buttontitle{overflow:hidden;position:relative;/*left:70px;*/font-size:0px;height:30px;width:28px;background:url("/images/footer_twitter.png") no-repeat scroll 0 -0px transparent; float: left;/*padding: 0px 8px;padding-left:30px;*/} #container #footer div.webfooter ul.linklist li+li+li {display:none;} #container #footer div.webfooter ul.linklist li+li+li+li {display:inline;} #container #footer div.webfooter ul.linklist li+li+li a span.buttontitle{overflow:hidden;position:relative;/*left:50px;*/font-size:0px;height:0 /*30px*/;width:28px;background:url("/images/footer_google.png") no-repeat scroll -3px -3px transparent; float: left; /*padding: 0 2px;*/} /* last minute descision to hide the google link */ #container #footer div.webfooter ul.linklist li+li+li+li a span.buttontitle{overflow:hidden;position:relative;/*left:30px;*/font-size:0px;height:30px;width:28px;background:url("/images/footer_youtube.png") no-repeat scroll 0 -0px transparent; float: left;/*padding: 0px 8px;padding-left:30px;*/} #container #footer div.webfooter ul.linklist li a span.buttontitle:hover{background:url("/images/footer_facebook_hover.png") no-repeat scroll 0 -0px transparent;background-color:#ffffff;color:#ffffff;border: 0 none;outline: 0 none;} #container #footer div.webfooter ul.linklist li+li a span.buttontitle:hover{background:url("/images/footer_twitter_hover.png") no-repeat scroll 0 -0px transparent;background-color:#ffffff;color:#ffffff;border: 0 none;outline: 0 none;} #container #footer div.webfooter ul.linklist li+li+li a span.buttontitle:hover{background:url("/images/footer_google.png") no-repeat scroll -3px -3px transparent;background-color:#ffffff;color:#ffffff;opacity: 0.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)";filter: alpha(opacity=65);border: 0 none;outline: 0 none;} #container #footer div.webfooter ul.linklist li+li+li+li a span.buttontitle:hover{background:url("/images/footer_youtube_hover.png") no-repeat scroll 0 -0px transparent;background-color:#ffffff;color:#ffffff;border: 0 none;outline: 0 none;opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";filter: alpha(opacity=100);} #container #footer div.webfooter ul.linklist li a span.buttonleft{display:none;} #container #footer div.webfooter ul.linklist li a span.buttonright{display:none;} #container #footer div.webfooter ul.linklist li a.standard{font-size:0px;font-style:italic; text-decoration: none; color: #333399; padding-left: 0; background: none;} #container #footer div.webfooter a:hover{color: #ff6633;} #container #footer div.webfooter div.row{border: none;} /* END */ /* Doormat */ #container #footer div.doormat div.doorblock{float:left; padding:5px 20px; width:200px;} #container #footer div.doormat div.doorblock ul li a{text-decoration: none; color:#666666; font-size:11px;} #container #footer div.doormat div.doorblock ul li a:hover{color:#F07A21;} /* Forms (main) */ #container #content-body #content-container div.row div.form span.mandatory {font-size: 100%;font-style: italic;float: right;color: #8F8F8F;padding: 0 2px 0 0;} #container #content-body #content-container div.row div.form table tbody td {border:0px solid #FFFFFF;background-color: transparent;text-align: left;padding: 5px 5px 5px 0;font-size: 90%;} #container #content-body #content-container div.row div.form input, #container #content-body #content-container div.row div.form textarea {border: 1px solid #C1C1C1;padding: 2px 0 2px 0;} #container #content-body #content-container div.row div.form select {border: 1px solid #C1C1C1;padding: 2px 0 2px 0;} #container #content-body #content-container div.row div.form input.button-general {border: 0;padding: 0 20px 3px 5px;float: right;margin: 0 2px 0 0;} #container #content-body #content-container div.row div.form span.checkbox input {border: 0px solid #C1C1C1;} #container #content-body #content-container div.row div.form label {padding: 0 10px 0 0;} #container #content-body #content-container div.row div.form span.errmess {float: left; color: #FF0000;} /* Noformat table */ #container #content-body #content-container div.row table.noformat tbody td {border:0px solid #FFFFFF;background-color: transparent;text-align: left;padding: 0 10px 0 0;font-size: 90%;} /* Page fixes */ .home #container #footer{padding: 0; } .home #container #content-body #subheader #secondNav {padding: 0;} .home div.banner { padding-bottom: 0;} .newscentre #container #content-body #content-container #main div.column{width:480px; border-right: 0; margin:0; margin-bottom: -500px; padding-bottom: 500px;} .newscentre #container #content-body #content-container #main div.column div.summary-container{padding:15px 0 0 20px;} .highlight #container #content-body #content-container #title div.row { background:url("/images/title-block-highlight-bg.png") no-repeat scroll 0 0 transparent; min-height:335px;height:auto;overflow:hidden; padding-left:20px; } .highlight #container #content-body #content-container #title a { color: #F07A21; } .highlight #container #content-body #content-container #title ul.linklist { position: absolute; bottom: 0px; right: 10px; width: auto; } .highlight #container #content-body #content-container #title ul.linklist li { padding:0 0 5px 2px;} /*=============*/ /* RATINGS */ /*=============*/ #container #content-body #content-container #main .ratingform .SavingsRating { display: inline-block; } #container #content-body #content-container #main .ratingform .stars {float: none;} #main .ratingform .stars .ratingStar { display: block; width: 23px; height: 22px;} #main .ratingform .stars .emptyRatingStar { background-image:url('/images/star-non-active.png');} #main .ratingform .stars .filledRatingStar { background-image:url('/images/star-active.png');} #container #content-body #content-container #main .ratingform .formitem { margin-bottom: 15px; clear: both; } #container #content-body #content-container #main .ratingform .formitem .formLabel { width: 250px; float:left;} #container #content-body #content-container #main .ratingform .formitem label { vertical-align:top; } #container #content-body #content-container #main div.noborder {border: 0;} #container #content-body #content-container #main p.copylink {padding-bottom: 0;} /* prodcompar */ #container #content-body #content-container #main table.prodcompar {width:680px;background-image: url("/images/prodcompar_table_gradient.png");background-repeat: repeat-x;} #container #content-body #content-container #main table.prodcompar tr.boxes th {border:0;text-align:center;} #container #content-body #content-container #main table.prodcompar tr.boxes th.box {border:0;padding:0;margin:0;width:142px;} #container #content-body #content-container #main table.prodcompar tr td {padding:15px 15px;text-align:left;background-image:url("/images/prodcompar_td_gradient.png");background-repeat:repeat-x;background-color:#F6F5F0;} #container #content-body #content-container #main table.prodcompar tr.header td {padding:10px 0;border:0;background:transparent;text-align:center;border-left:1px solid #F4F4F4;border-right:1px solid #F4F4F4;} #container #content-body #content-container #main table.prodcompar tr.figures td {padding: 15px 0 60px 0;text-align:center;} #container #content-body #content-container #main table.prodcompar tr.buttons td {padding: 10px 0;text-align:center;background-image:none;border-top:0;} #container #content-body #content-container #main table.prodcompar tr.bestfor td {border-bottom:0;} #container #content-body #content-container #main table.prodcompar tr.buttons td span.buttontitle {text-align:left;} #container #content-body #content-container #main table.prodcompar tr td.descr{background:transparent;color:#001A99;font-family:Trebuchet MS;font-size:16px;font-style:italic;font-weight:bold;letter-spacing:-1px;text-align: left;padding: 10px 30px 10px 10px;width:65px;border-bottom:1px solid #DDDDDD;border-right:none;} #container #content-body #content-container #main table.prodcompar tr td span.figure {color:#001A99;font-family:Trebuchet MS;font-size:40px;font-style:italic;letter-spacing:-2px;margin-bottom:10px;word-spacing:-4px;font-weight: bold;line-height: 40px;} #container #content-body #content-container #main table.prodcompar a.emphasized {font-size:100%;} /* FAQ */ #container #content-body #content-container #main div.faq-leftnav {background-color:#F7F5F1;width: 240px;float: left;margin-top: 20px;} #container #content-body #content-container #main div.faq-leftnav div.navblock {border-bottom:1px solid #ECECEC;margin-left:20px;margin-right:15px;padding:15px 0 0;} #container #content-body #content-container #main div.faq-leftnav div.last {border-bottom:0;} #container #content-body #content-container #main div.faq-content {width:740px;float:right;padding-top:20px;} #container #content-body #content-container #main div.faq-content div.item {padding: 0 20px 15px 20px;} #container #content-body #content-container #main div.faq-content div.item p {display: inline;} #container #content-body #content-container #main div.faq-content div.item a.more {display: inline;font-size:90%;padding-left:5px;} /* Glossary */ #container #content-body #content-container #main div.glossary-leftnav {background-color:#F7F5F1;width: 240px;float: left;margin-top: 20px;} #container #content-body #content-container #main div.glossary-leftnav div.navblock {border-bottom:1px solid #ECECEC;margin-left:20px;margin-right:15px;padding:15px 0 0;} #container #content-body #content-container #main div.glossary-leftnav div.last {border-bottom:0;} #container #content-body #content-container #main div.glossary-leftnav li span {display:block;font-weight:normal;margin-bottom:15px;} #container #content-body #content-container #main div.glossary-content {width:740px;float:right;padding-top:20px;} #container #content-body #content-container #main div.glossary-content div.item {padding: 0 20px 15px 20px;} #container #content-body #content-container #main div.glossary-content div.item p {display: inline;} #container #content-body #content-container #main div.autocomplete {padding: 5px 0 5px 20px} #container #content-body #content-container #main div.autocomplete div {float:left; padding-right:10px;} #container #content-body #content-container #main div.autocomplete div {padding-top: 3px;} #container #content-body #content-container #main div.autocomplete div.button {padding-top: 0;} #container #content-body #content-container #main div.autocomplete div.searchbox input {width: 250px;} /* Extra flash headings */ #container #content-body #content-container #main h1.flashheader {background-image:url("/binaries/title_bg.gif");background-repeat:repeat-y;margin-bottom:-1px;padding:8px 20px;} #container #content-body #content-container #main h2.flashheader {background-image:url("/binaries/title_bg.gif");background-repeat:repeat-y;margin-bottom:-1px;padding:20px;} /*=====================*/ /* BORDEREDLAYOUTS */ /*=====================*/ #container #content-body #content-container #borderedlayout {} #container #content-body #content-container #borderedlayout div.bordered {position: relative; border-left: 1px solid #e8e6e3;} #container #content-body #content-container #borderedlayout div.bordered span.brd-lb {display: block; width: 8px; height: 10px; position: absolute; bottom: 0; left: -1px; background: transparent url(/images/bg-bordered-lb.jpg) no-repeat left bottom;} #container #content-body #content-container #borderedlayout div.bordered span.brd-rb {display: block; width: 8px; height: 10px; position: absolute; bottom: 0; right: 0; background: transparent url(/images/bg-bordered-rb.jpg) no-repeat right bottom;} #container #content-body #content-container #borderedlayout div.bordered div.brd {border-right: 1px solid #d3d0cd;} #container #content-body #content-container #borderedlayout div.bordered div.brd-gradient {background: #f6f3ee url(/images/bg-bordered-b.jpg) no-repeat 20px bottom; padding-bottom: 10px; border-bottom: 1px solid #bbb9b5;} #container #content-body #content-container #borderedlayout div.bordered div.gradient {background: #f6f3ee url(/images/bg-bordered-gradient.jpg) repeat-x left top;} #container #content-body #content-container #borderedlayout div.bordered div.brd-gradient h2{background:none} #container #content-body #content-container #borderedlayout div.tabcollection {} #container #content-body #content-container #borderedlayout div.tabcollection span.choice {float: right; margin-right: 20px; padding-left: 20px; font-style: italic; background: transparent url(/images/arrow-left.jpg) no-repeat 0 3px;} #container #content-body #content-container #borderedlayout div.tabcollection div.tab {position: relative; float: left; margin-right: 1px;} #container #content-body #content-container #borderedlayout div.tabcollection div.tab a {display: block; padding: 8px 20px; background: transparent url(/images/bg-tab-repeat.jpg) repeat-x 0 0; text-decoration: none; color: #4b4b4b; font-weight: bold; font-style: italic;} #container #content-body #content-container #borderedlayout div.tabcollection div.tab a span.brd-left {display: block; width: 4px; height: 32px; background: transparent url(/images/bg-tab-left.jpg) no-repeat left top; position: absolute; top: 0; left: 0;} #container #content-body #content-container #borderedlayout div.tabcollection div.tab a span.brd-right {display: block; width: 4px; height: 32px; background: transparent url(/images/bg-tab-right.jpg) no-repeat right top; position: absolute; top: 0; right: 0;} #container #content-body #content-container #borderedlayout div.tabcollection div.active a {background: transparent url(/images/bg-tab-repeat-active.jpg) repeat-x 0 0; color: #000;} #container #content-body #content-container #borderedlayout div.tabcollection div.active a span.brd-left {background: transparent url(/images/bg-tab-left-active.jpg) no-repeat left top;} #container #content-body #content-container #borderedlayout div.tabcollection div.active a span.brd-right {background: transparent url(/images/bg-tab-right-active.jpg) no-repeat right top;} #container #content-body #content-container #borderedlayout h3 {color: #001A99; font-family: Trebuchet MS; font-size: 24px; font-style: italic; padding: 20px;} #container #content-body #content-container #borderedlayout h4 {font-style: italic; border-bottom: 1px solid #dddddd; padding-bottom: 5px; margin-bottom: 10px;} #container #content-body #content-container #borderedlayout div.row {border: none;} #container #content-body #content-container #borderedlayout table.compare {border: none;} #container #content-body #content-container #borderedlayout table.compare th {font-weight: normal; border: none;} #container #content-body #content-container #borderedlayout table.compare td {border: none;} #container #content-body #content-container #borderedlayout table.compare tr.alternate td {background-color: #fcfbf9;} #container #content-body #content-container #borderedlayout table.compare tr.highlight td {padding: 10px 15px; background-color: #fff; border-top: 1px solid #dbd9d5; border-bottom: 1px solid #dbd9d5; color: #ee7f22; font-weight: bold;} #container #content-body #content-container #borderedlayout div.buttons {padding: 0;} #container #content-body #content-container #borderedlayout div.buttons div.button-general {} #container #content-body #content-container #borderedlayout div.buttons div.button-general a {margin: 0;} /*=============*/ /* SITEMAP */ /*=============*/ #one-col.sitemap #container #content-body #content-container #main .one-col-block { margin-bottom: -485px; border-top: 1px solid #ececec;} .sitemap #container #content-body #content-container ul p {padding: 0; margin: 0; font-size: 100%;} .sitemap #container #content-body #content-container ul a {text-decoration: underline;} .sitemap #container #content-body #content-container ul ul li { background-image: none; padding: 0 0 5px; } .sitemap #container #content-body #content-container ul ul a {text-decoration: none;} /*===================*/ /* Blog comments */ /*===================*/ #container #content-body #content-container .blog_actions{padding:5px 20px 5px} #container #content-body #content-container div.comments{padding:5px 20px 20px} #container #content-body #content-container div.comment .head{background-color:#D9D9D9;padding:5px 10px;margin-top:15px;margin-bottom:15px} #container #content-body #content-container div.comment .head .title{} #container #content-body #content-container div.comment .head .action{float:right;text-align: right} #container #content-body #content-container div.comment .head+*{clear:both} /* Use margin-collapse to avoid unnecessary bottom margins */ #container #content-body #content-container div.comment div.subcomment p { padding-bottom: 0; margin-bottom: 15px; } #container #content-body #content-container div.comment div.subcomment { padding-left: 1.5em; margin-bottom:15px; } #container #content-body #content-container div.register {padding: 5px 20px 5px;} /*===================*/ /* Figures */ /*===================*/ /* homepage */ body.home #container #content-body #content-container #main div.rate {color: #001A99; position: relative; width: 90px; height: 38px; font-family:Trebuchet MS; font-weight: bold; font-style: italic; letter-spacing:-1px; text-align: left; background: none; padding-top: 0} body.home #container #content-body #content-container #main div.rate span.prefix{display: none;} body.home #container #content-body #content-container #main div.two-col-block div.rate span.prefix{display: inline; left: -5px; top: -20px; color: #001A99} body.home #container #content-body #content-container #main div.rate span.figures1{position: absolute; top: 0px; left: 0px; font-size: 50px; display: block; line-height: 38px;} body.home #container #content-body #content-container #main div.rate span.separator{font-size: 26px; display: block; width: 7px; float: left; padding-left: 27px; line-height: 26px;} body.home #container #content-body #content-container #main div.rate span.figures2{font-size: 26px; display: block; width: 28px; float: left; line-height: 26px;} body.home #container #content-body #content-container #main div.rate span.percentage{font-size: 26px; width: 18px; display: block; float: left; line-height: 26px;} body.home #container #content-body #content-container #main div.rate span.suffix1{display: none;} body.home #container #content-body #content-container #main div.rate span.suffix2{display: block; clear: left; float: left; font-size: 12px; color: #001A99; padding-left: 33px;} body.home #container #content-body #content-container #main div.rate span.name{display: none;} /* titleblock - large bg */ #container #content-body #content-container div.titleblock div.rate {position: relative; width: 213px; height: 229px; font-family:Trebuchet MS; background: transparent url(/images/HISA-box-lg.png) no-repeat top right; color: #ffffff; font-style: italic; letter-spacing:-1px; text-align: left; padding-top:37px;} #container #content-body #content-container div.titleblock div.rate span.prefix{position: absolute; top: 17px; left: 20px; font-size: 18px; color: #a0c4ea; } #container #content-body #content-container div.titleblock div.rate span.figures1{position: absolute; font-weight: bold; top: 24px; left: 20px; font-size: 128px; display: block; line-height: 128px;} #container #content-body #content-container div.titleblock div.rate span.separator{font-size: 50px; width: 12px; display: block; float: left; padding-left: 85px; line-height: 50px;} #container #content-body #content-container div.titleblock div.rate span.figures2{font-size: 50px; width: 50px; display: block; float: left; line-height: 50px;} #container #content-body #content-container div.titleblock div.rate span.percentage{font-size: 50px; width: 29px; display: block; float: left; line-height: 50px;} #container #content-body #content-container div.titleblock div.rate span.suffix1{font-size: 50px; display: block; float: left; line-height: 50px;} #container #content-body #content-container div.titleblock div.rate span.suffix2{display: block; width: 95px; clear: left; float: left; padding-left: 94px; font-size: 18px; color: #a0c4ea; line-height: 20px;} #container #content-body #content-container div.titleblock div.rate span.name{position: absolute; font-size: 17px; top: 200px; left: 27px;} /* article - small bg */ #container #content-body #content-container div.article div.rate {width: 163px; margin-left: 57px;} /* default - small bg */ #container #content-body #content-container div.rate {position: relative; font-family:Trebuchet MS; color: #ffffff; width: 105px; height: 117px; background: transparent url(/images/HISA-box-sm.png) no-repeat top left; font-style: italic; letter-spacing:-1px; text-align: left; padding-top: 21px} #container #content-body #content-container div.rate span.prefix{position: absolute; top: 5px; left: 4px; font-size: 12px; color: #a0c4ea; } #container #content-body #content-container div.rate span.figures1{position: absolute; font-weight: bold; top: 13px; left: 4px; font-size: 66px; display: block; line-height: 66px;} #container #content-body #content-container div.rate span.separator{font-size: 26px; width: 7px; display: block; float: left; padding-left: 40px; line-height: 26px;} #container #content-body #content-container div.rate span.figures2{font-size: 26px; width: 26px; display: block; float: left; line-height: 26px; } #container #content-body #content-container div.rate span.percentage{font-size: 26px; width: 15px; display: block; float: left; line-height: 26px;} #container #content-body #content-container div.rate span.suffix1{font-size: 26px; width: 9px; display: block; float: left; line-height: 26px;} #container #content-body #content-container div.rate span.suffix2{display: block; width: 45px; clear: left; float: left; padding-left: 43px; font-size: 9px; color: #a0c4ea; line-height: 9px;} #container #content-body #content-container div.rate span.name{position: absolute; font-size: 12px; top: 100px; left: 4px;} /* ====================================== */ /* | Redesign AOP 09/2010 | */ /* ====================================== */ #container #content-body #content-container #main #AOP-start h2 {font-family: Trebuchet MS, verdana; font-size: 1.5em; color: #ff6600; margin: 0; margin-bottom: 10px;} #container #content-body #content-container #main #AOP-start p.caption {margin: 20px 0; color: #9a9a9a;} #container #content-body #content-container #main #AOP-start div.two-col-layout {} #container #content-body #content-container #main #AOP-start div.two-col-layout div.column {width: 49%; float: left; border-right: none;} #container #content-body #content-container #main #AOP-start div.AOP-choice {background-color: #f7f5f1; border: 1px solid #e6e4e0;} #container #content-body #content-container #main #AOP-start div.AOP-choice h2 {color: #001a99;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section {border-bottom: 1px solid #e6e4e0; padding: 15px;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section p {padding-bottom: 20px; border-bottom: 1px solid #e6e4e0; font-style: italic;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.select-area select {margin-top: 10px; padding: 2px; float: left;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.select-area div.help {position: relative; width: 17px; height: 17px; float: left; margin: 10px 0 0 5px;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.select-area div.help a.helplink {display: block; width: 17px; height: 17px; background: transparent url(/images/AOP-help.jpg) no-repeat 0 0; cursor: pointer;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.close {display: none;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText {position: absolute; top: -100%; left: 130%; width: 140px;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered {position: relative;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered span.brd-lt {display: block; width: 10px; height: 10px; position: absolute; top: 0; left: 0; background: #f7f5f1 url(/images/bg-helptext-lt.png) no-repeat left top;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered span.brd-rt {display: block; width: 10px; height: 10px; position: absolute; top: 0; right: 0; background: #f7f5f1 url(/images/bg-helptext-rt.png) no-repeat right top;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered span.brd-lb {display: block; width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; background: #f7f5f1 url(/images/bg-helptext-lb.png) no-repeat left bottom;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered span.brd-rb {display: block; width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; background: #f7f5f1 url(/images/bg-helptext-rb.png) no-repeat right bottom;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered span.accolade {display: block; width: 11px; height: 15px; position: absolute; top: 40%; left: -8%; background: transparent url(/images/bg-helptext-arrow.png) no-repeat 0 0;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered div.gradient {background-color: #ffebdd;} #container #content-body #content-container #main #AOP-start div.AOP-choice div.section div.help div.helpText div.bordered div.gradient p {padding: 10px; border: none; font-style: normal; font-weight: bold;} #container #content-body #content-container #main #AOP-start input.submitbtn {margin-top: 20px; float: right;} #container #content-body #content-container #main div.collapse-expand-item{padding:5px 20px;text-align:right} #container #content-body #content-container #main div.collapse-expand-item div.collapsed{display:none;text-align:left} #container #content-body #content-container #main div.collapse-expand-item div.expanded{text-align:left} #container #content-body #content-container #main div.collapse-expand-item a{font-style:italic;text-decoration:underline} #container #content-body #content-container #main div.collapse-expand-item span{color:#003399} /* ================ */ /* | Fundselector | */ /* ================ */ #main #fundselector div.single-paragraph{clear:none; float:right; width: 396px} #main #fundselector div.single-paragraph img.teaser{float: right; margin: 0px 10px 5px 10px;} #main #fundselector div.criteria{width: 100%; overflow: hidden; margin-bottom: 20px} #main #fundselector .criteria p label{width: 80px; float: left; color: #000099} #main #fundselector div.criteria select{width: 200px} #main #fundselector .criteria .crit2 .rating{width: 200px; margin-top: -8px; margin-bottom: 20px} #main #fundselector .criteria .crit2 p{clear: left} #main #fundselector ul.tabs{margin: 0; padding: 0; width: 100%; overflow: hidden; height: 32px} #main #fundselector ul.tabs li{float: right;} #main #fundselector .criteria table{margin: 0; padding: 0; width: 80%; float: left;} #main #fundselector .criteria table td{padding-right: 10px; background-color:#fff; font-size: 11px; border: 0px; } #main #fundselector .criteria table .column1{width: 175px;} #main #fundselector .criteria table .column3{width: 100px;} #main #fundselector .criteria table label{float: left;} #main #fundselector .criteria table tr.critrow1 select{width: 240px} #main #fundselector .criteria table tr.critrow1 td select {float: left; } #main #fundselector .criteria table tr.critrow2 select{width: 110px} #main #fundselector .criteria table tr.critrow2 td select{float: left} #main #fundselector .criteria table tr.critrow2 td a img{float: right} /* 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; line-height:13px; word-spacing:0px; } #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; font-weight: normal;} #main #fundselector ul.tabs li a em{display:block;} /* top oriented */ #main #fundselector ul.tabs li{margin: 0; width: auto; line-height:13px; word-spacing:0px; } #main #fundselector ul.tabs li.tabinfo{font-size: 11px; color: #FF6600; float: left; width: 175px; background-image: none;} #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; height: 32px} #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; padding-top: 3px} #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; border-bottom:1px solid #ccc;} #main #fundselector #funds table{width: 100%; color: #000; vertical-align:middle;} #main #fundselector #funds table .column1{width: 225px; overflow:hidden} #main #fundselector #funds table .column2{width: 15px;} #main #fundselector #funds table .column3{width: 70px;} #main #fundselector #funds table tr{vertical-align: middle; } #main #fundselector #funds table td{border: 0; padding: 2px 3px; white-space:nowrap; text-align: center; font-size: 11px; vertical-align:middle; } #main #fundselector #funds table td.fundname, #main #fundselector #funds table th.fundname{text-align: left} #main #fundselector #funds table td.fundname div.fotm, #popup #fundselector #funds table td.fundname div.fotm{float: left; height: 20px; width: 20px;} #main #fundselector #funds table td.al, #main #fundselector #funds table th.al{text-align: left; padding-left: 2px} /* #main #fundselector #funds table td.cat{padding-left: 10px} */ #main #fundselector #funds table td.pds{width: 15px; vertical-align: bottom;} #main #fundselector #funds table td.pds a{display: block; margin: 0; padding: 0; height: 25px;} #main #fundselector #funds table td.buy{width: 70px; padding-right: 0px; vertical-align: bottom;} #main #fundselector #funds table td.morningstar{/* text-align: left */} #main #fundselector #funds table tr.fundonhold, #main #fundselector #funds table tr.fundonhold a, #main #fundselector #funds table tr.fundonhold a:hover{color: #777777; } #main #fundselector #funds table tr.alternate td{background: #ddd;} #main #fundselector #funds table tr th{border-right: 1px solid #fff; border-bottom: 2px solid #FF6600; padding: 4px; font-size: 11px; text-align: center; font-style: normal; vertical-align:middle; } /*#main #fundselector #funds table tr th a{padding-right: 50px; background: url(../images/css_sortArrows.png) no-repeat right bottom}*/ #main #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat right 0px; padding-right: 20px} #main #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat right 0px; padding-right: 20px} /*#main #fundselector #funds table tr th.performance-heading a{background: none}*/ /*#main #fundselector #funds table tr th.performance-heading a span.sortsign{display: block; background: url(../images/css_sortArrows.png) no-repeat right bottom; width: 65px; cursor: pointer}*/ #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} /*==============================*/ /* FUND SELECTOR (INCLUDE PAGE) */ /*==============================*/ #popup { overflow: hidden; margin: 0px; padding: 0px;} #popup #fundselector { margin: 0px; padding: 0px; margin-left: 2px; margin-right: 2px; color: #000; line-height: 13px; font-size: 11px; overflow: hidden; } #popup #fundselector div.criteria { margin-bottom: 2px; overflow:hidden; color: #000; } #popup #fundselector div.criteria table { margin: 0px; padding: 0px; float: left; } #popup #fundselector div.criteria table td { background-color: #fff; text-align: left; font-size: 11px; border: 0px; padding-right:4px; padding-left: 4px; padding-top: 4px; padding-bottom: 2px; } #popup #fundselector div.criteria table .column1 { width:225x; } #popup #fundselector div.criteria table .column3 { width:100px;} #popup #fundselector div.criteria table label { float:left; } #popup #fundselector div.criteria table tr.critrow1 select { width:220px; } #popup #fundselector div.criteria table tr.critrow2 select {width:100px;} #popup #fundselector div.criteria table tr.critrow2 td select {float:left;} #popup #fundselector div.criteria table tr.critrow2 td a img {float:right;} #popup #fundselector #funds {margin: 0px; margin-top:-1px; padding: 0px; border-top: 1px solid #686868; border-bottom:1px solid #ccc; overflow:hidden; } #popup #fundselector #funds table {border-collapse:collapse;width:100%; padding: 0px; margin: 0px; margin-bottom: 4px; overflow:hidden; } #popup #fundselector #funds table tr th {border: 0px; border-bottom: 2px solid #FF6600; font-size:10px;padding:3px;text-align:center; font-style: normal;} #popup #fundselector #funds table tr td {border: 0px; overflow:hidden; padding-bottom:1px; padding-left:2px; padding-right:2px; padding-top:1px;text-align:center;white-space:nowrap; font-size: 11px; vertical-align: middle;} #popup #fundselector #funds table .column1 {overflow:hidden;width:225px; } #popup #fundselector #funds table .column2 {width:15px;} #popup #fundselector #funds table .column3 {width:70px;} #popup #fundselector #funds table td.fundname, #popup #fundselector #funds table th.fundname {text-align:left; vertical-align: middle; } #popup #fundselector #funds table td.al, #popup #fundselector #funds table th.al {padding-left:2px;text-align:left;} #popup #fundselector #funds table td.pds {width:15px;} #popup #fundselector #funds table td.pds a {display:block;height:25px;margin:0;padding:0;} #popup #fundselector #funds table td.buy {padding-right:0;width:70px;} #popup #fundselector #funds table tr.fundonhold, #popup #fundselector #funds table tr.fundonhold a, #popup #fundselector #funds table tr.fundonhold a:hover {color:#777777;} #popup #fundselector #funds table tr.alternate td {background: #ddd;} #popup #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat right 0px; padding-right: 15px} #popup #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat right 0px; padding-right: 15px} #popup #fundselector ul.tabs { height:32px; margin: 0; overflow:hidden; padding:0; width: 100%; line-height: normal; } #popup #fundselector ul.tabs li { float:right; margin-right:0.5em; list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0; width:auto; list-style:none; word-spacing:0px; line-height: normal;} #popup #fundselector ul.tabs li {display:-moz-inline-stack;vertical-align:bottom;} #popup #fundselector ul.tabs li em {font-style:normal;} #popup #fundselector ul.tabs a {outline-color:-moz-use-text-color;outline-style:none;outline-width:0;} #popup #fundselector ul.tabs li a {display:inline-block;vertical-align:bottom;} #popup #fundselector ul.tabs li a em {display:block;} #popup #fundselector ul.tabs li.tabinfo {color:#FF6600; float:left; font-size:10px; font-weight: bold; margin-top: 12px;} #popup #fundselector ul.tabs li a{background: url(../images/css_tab-right.png) no-repeat top right; cursor: pointer} #popup #fundselector ul.tabs li a span{background: url(../images/css_tab-left.png) no-repeat top left; display: block;} #popup #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; height: 32px} #popup #fundselector ul.tabs li.first a span{background: url(../images/css_tab-left-first.png) no-repeat top left;} #popup #fundselector ul.tabs li.first a span em{margin-left: 27px;} #popup #fundselector ul.tabs li.selected{width: auto; white-space: nowrap} #popup #fundselector ul.tabs li.selected a{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.selected a span{background: url(../images/css_tab-left-active.png) no-repeat top left;} #popup #fundselector ul.tabs li.selected a span em{background: url(../images/css_tab-center-active.png) repeat-x;} #popup #fundselector ul.tabs li.selected a {color:#FFFFFF;font-weight:bold;} #popup #fundselector ul.tabs .selected a{border-bottom:0;} #popup #fundselector ul.tabs .selected a em {padding-bottom:0.6em;} #popup #fundselector ul.tabs li a {color:#000000;text-decoration:none;} #popup #fundselector ul.tabs li a em{padding:0.5em; padding-top: 3px} #popup #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;} #popup #fundselector ul.tabs li.first.selected a span{background: url(../images/css_tab-left-first-active.png) no-repeat top left;} #popup #fundselector ul.tabs li a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 17px;} #popup #fundselector ul.tabs li a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.first a:hover {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:transparent;background-image:url("../images/css_tab-left-first-active.png");background-position:left top;background-repeat:no-repeat;color:#FFFFFF;white-space:nowrap;width:auto;} #popup #fundselector ul.tabs li.first a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.first.selected a span em{margin-left: 27px;} #popup #fundselector ul.tabs li.first a:hover span em {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:transparent;background-image:url("../images/css_tab-center-active.png");background-position:0 0;background-repeat:repeat-x;margin-left:27px;} #popup #fundselector #funds div.pager{margin-bottom: 4px; margin-top: 0px; text-align: center} #popup #fundselector #funds div.pager span.pagenumbers{margin-left: 30px; margin-right: 24px} #popup #fundselector #funds div.pager span.pagenumbers a{padding-left: 6px; margin-right: 6px; width: auto; border-left: 1px solid #000} #popup #fundselector #funds div.pager span.pagenumbers a.first{border-left: none} #popup #fundselector #funds div.pager span.pagenumbers a.active{color: #000; text-decoration: none; font-weight: bold} #popup #fundselector #funds div.pager input{padding-top: 0px} #main .warningpopup, #popup .warningpopup{width: 400px; background-color: #FFF; border: 1px solid #009; position: absolute; top: 20px; left: 20px; display: none; z-index: 100; padding: 15px} /********** * SEARCH * **********/ #container #main #search {padding:15px 20px 5px} #container #main #search #cphMain_txtSearchResults{margin:20px 0 10px} #container #main #search table.search-results h2{margin: 0 0 2px} #container #main #search table.search-results tbody tr th{display:none} #container #main #search table.search-results tbody tr td{background:none;border:0;padding:0;text-align:left} #container #main #search table.search-results a{background:url(/images/icon-empasized-link.png) no-repeat scroll right 2px transparent;color:#F07A21;font-size:105%;text-decoration:underline;font-style:italic;padding:0 16px 1px 0} #container #main #search table.search-results a:hover{color:#ffcc66} #container #main #search table.search-results h2 a{background:none;font-size: 105%;text-decoration: none} #container #main #search table.search-results h2 a:hover{color:#F07A21} #container #main #search table.search-results p{font-size:105%;padding:0} #container #main #search table.search-results p.publication-date{font-size:95%;padding:0 0 10px} #container #main #search table.search-results hr{background:#555;border:0;color:#555;height:1px;margin:10px 0} #container #main #search div.pager{margin:0 0 15px 0;padding:0;font-style:italic;font-weight:bold} #container #main #search div.pager img{vertical-align: middle;padding:0 3px} #container #main #search div.pager a{background:none;padding:0 3px} #container #main #search table.search-results div.pager{font-size:115%} /* FUND MANGERS SELECT BOX*/ #fundmanagers_select{padding:5px 0 0;vertical-align:middle} .fullwidth{width:980px} /************** * NEWS TICKER * **************/ #container #main .news-ticker {height: 31px;padding: 0;margin: 20px 0 20px 20px;background: url(/images/newsticker-news.png) repeat-x 0 -62px;clear: both;position:relative;} #container #main .news-ticker span.title {margin-left: -20px;padding-left: 20px;display: inline-block;float: left;line-height: 31px;background: url(/images/newsticker-news.png) no-repeat 0 -0;} #container #main .news-ticker span.title strong {font-size: 13px;font-style: italic;padding: 0 20px 0 0;display: inline-block;float: left;line-height: 31px;background: url(/images/newsticker-news.png) repeat-x 0 -31px;border-right: 1px solid #d5d5d5;} #container #main .news-linklist {float: left;padding-left: 10px;max-width:60%;overflow:hidden;} #container #main .news-linklist li {display: none;margin: 0;padding: 0;float: left;background: none;line-height: 31px;height: 31px;} #container #main .news-linklist li span.tickercontent {overflow:hidden;} #container #main .news-linklist li a {color: #333333;font-size: 11px;line-height: 29px;height: 29px;display: inline-block;padding-left: 25px;background: url(/images/newsticker-links.png) no-repeat -5px -24px;text-decoration:none; background-color: transparent; } #container #main .news-linklist li a:hover {background: url(/images/newsticker-links.png) no-repeat -5px -74px; background-color: transparent; } #container #main .news-linklist li a:hover {color: #FF6600;font-size: 11px;text-decoration: none;} #container #main .news-switch-linklist {line-height: 31px;height: 31px;padding: 0 15px 0 0;margin: 0;float: right;background: url(/images/newsticker-news.png) no-repeat right -93px;position:absolute;right:0;} #container #main .news-switch-linklist li {float: left;cursor: pointer;margin:10px 2px 0;padding: 0;width: 10px;height: 10px;line-height: 10px;display: inline-block;background: url(/images/newsticker-links.png) no-repeat -5px -232px;} #container #main .news-switch-linklist li.active {background: url(/images/newsticker-links.png) no-repeat -5px -182px;} #container #main .news-bar {} #container #main .news-linklist li.display {display: block;} #container #main .news-linklist li.dont-display {display: none;} #main #fundselector div.single-paragraph{clear:none; float:right; width: 396px} #main #fundselector div.single-paragraph img.teaser{float: right; margin: 0px 10px 5px 10px;} #main #fundselector div.criteria{width: 100%; overflow: hidden; margin-bottom: 20px} #main #fundselector .criteria p label{width: 80px; float: left; color: #000099} #main #fundselector div.criteria select{width: 200px} #main #fundselector .criteria .crit2 .rating{width: 200px; margin-top: -8px; margin-bottom: 20px} #main #fundselector .criteria .crit2 p{clear: left} #main #fundselector ul.tabs{margin: 0; padding: 0; width: 100%; overflow: hidden; height: 32px} #main #fundselector ul.tabs li{float: right;} #main #fundselector .criteria table{margin: 0; padding: 0; width: 80%; float: left;} #main #fundselector .criteria table td{padding-right: 10px; background-color:#fff; font-size: 11px; border: 0px; } #main #fundselector .criteria table .column1{width: 175px;} #main #fundselector .criteria table .column3{width: 100px;} #main #fundselector .criteria table label{float: left;} #main #fundselector .criteria table tr.critrow1 select{width: 240px} #main #fundselector .criteria table tr.critrow1 td select {float: left; } #main #fundselector .criteria table tr.critrow2 select{width: 110px} #main #fundselector .criteria table tr.critrow2 td select{float: left} #main #fundselector .criteria table tr.critrow2 td a img{float: right} /* 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; line-height:13px; word-spacing:0px; } #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; font-weight: normal;} #main #fundselector ul.tabs li a em{display:block;} /* top oriented */ #main #fundselector ul.tabs li{margin: 0; width: auto; line-height:13px; word-spacing:0px; } #main #fundselector ul.tabs li.tabinfo{font-size: 11px; color: #FF6600; float: left; width: 175px; background-image: none;} #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; height: 32px} #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; padding-top: 3px} #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; border-bottom:1px solid #ccc;} #main #fundselector #funds table{width: 100%; color: #000; vertical-align:middle;} #main #fundselector #funds table .column1{width: 225px; overflow:hidden} #main #fundselector #funds table .column2{width: 15px;} #main #fundselector #funds table .column3{width: 70px;} #main #fundselector #funds table tr{vertical-align: middle; } #main #fundselector #funds table td{border: 0; padding: 2px 3px; white-space:nowrap; text-align: center; font-size: 11px; vertical-align:middle; } #main #fundselector #funds table td.fundname, #main #fundselector #funds table th.fundname{text-align: left} #main #fundselector #funds table td.al, #main #fundselector #funds table th.al{text-align: left; padding-left: 2px} /* #main #fundselector #funds table td.cat{padding-left: 10px} */ #main #fundselector #funds table td.pds{width: 15px; vertical-align: bottom;} #main #fundselector #funds table td.pds a{display: block; margin: 0; padding: 0; height: 25px;} #main #fundselector #funds table td.buy{width: 70px; padding-right: 0px; vertical-align: bottom;} #main #fundselector #funds table td.morningstar{/* text-align: left */} #main #fundselector #funds table tr.fundonhold, #main #fundselector #funds table tr.fundonhold a, #main #fundselector #funds table tr.fundonhold a:hover{color: #777777; } #main #fundselector #funds table tr.alternate td{background: #ddd;} #main #fundselector #funds table tr th{border-right: 1px solid #fff; border-bottom: 2px solid #FF6600; padding: 4px; font-size: 11px; text-align: center; font-style: normal; vertical-align:middle; } /*#main #fundselector #funds table tr th a{padding-right: 50px; background: url(../images/css_sortArrows.png) no-repeat right bottom}*/ #main #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat right 0px; padding-right: 20px} #main #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat right 0px; padding-right: 20px} /*#main #fundselector #funds table tr th.performance-heading a{background: none}*/ /*#main #fundselector #funds table tr th.performance-heading a span.sortsign{display: block; background: url(../images/css_sortArrows.png) no-repeat right bottom; width: 65px; cursor: pointer}*/ #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} /*==============================*/ /* FUND SELECTOR (INCLUDE PAGE) */ /*==============================*/ #popup { overflow: hidden; margin: 0px; padding: 0px;} #popup #fundselector { margin: 0px; padding: 0px; margin-left: 2px; margin-right: 2px; color: #000; line-height: 13px; font-size: 11px; overflow: hidden; } #popup #fundselector div.criteria { margin-bottom: 2px; overflow:hidden; color: #000; } #popup #fundselector div.criteria table { margin: 0px; padding: 0px; float: left; } #popup #fundselector div.criteria table td { background-color: #fff; text-align: left; font-size: 11px; border: 0px; padding-right:4px; padding-left: 4px; padding-top: 4px; padding-bottom: 2px; } #popup #fundselector div.criteria table .column1 { width:225x; } #popup #fundselector div.criteria table .column3 { width:100px;} #popup #fundselector div.criteria table label { float:left; } #popup #fundselector div.criteria table tr.critrow1 select { width:220px; } #popup #fundselector div.criteria table tr.critrow2 select {width:100px;} #popup #fundselector div.criteria table tr.critrow2 td select {float:left;} #popup #fundselector div.criteria table tr.critrow2 td a img {float:right;} #popup #fundselector #funds {margin: 0px; margin-top:-1px; padding: 0px; border-top: 1px solid #686868; border-bottom:1px solid #ccc; overflow:hidden; } #popup #fundselector #funds table {border-collapse:collapse;width:100%; padding: 0px; margin: 0px; margin-bottom: 4px; overflow:hidden; } #popup #fundselector #funds table tr th {border: 0px; border-bottom: 2px solid #FF6600; font-size:10px;padding:3px;text-align:center; font-style: normal;} #popup #fundselector #funds table tr td {border: 0px; overflow:hidden; padding-bottom:1px; padding-left:2px; padding-right:2px; padding-top:1px;text-align:center;white-space:nowrap; font-size: 11px; vertical-align: middle;} #popup #fundselector #funds table .column1 {overflow:hidden;width:225px; } #popup #fundselector #funds table .column2 {width:15px;} #popup #fundselector #funds table .column3 {width:70px;} #popup #fundselector #funds table td.fundname, #popup #fundselector #funds table th.fundname {text-align:left; vertical-align: middle; } #popup #fundselector #funds table td.al, #popup #fundselector #funds table th.al {padding-left:2px;text-align:left;} #popup #fundselector #funds table td.pds {width:15px;} #popup #fundselector #funds table td.pds a {display:block;height:25px;margin:0;padding:0;} #popup #fundselector #funds table td.buy {padding-right:0;width:70px;} #popup #fundselector #funds table tr.fundonhold, #popup #fundselector #funds table tr.fundonhold a, #popup #fundselector #funds table tr.fundonhold a:hover {color:#777777;} #popup #fundselector #funds table tr.alternate td {background: #ddd;} #popup #fundselector #funds table tr th span a.sortasc{background: url(../images/css_sortArrow-up.png) no-repeat right 0px; padding-right: 15px} #popup #fundselector #funds table tr th span a.sortdesc{background: url(../images/css_sortArrow-down.png) no-repeat right 0px; padding-right: 15px} #popup #fundselector ul.tabs { height:32px; margin: 0; overflow:hidden; padding:0; width: 100%; line-height: normal; } #popup #fundselector ul.tabs li { float:right; margin-right:0.5em; list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0; width:auto; list-style:none; word-spacing:0px; line-height: normal;} #popup #fundselector ul.tabs li {display:-moz-inline-stack;vertical-align:bottom;} #popup #fundselector ul.tabs li em {font-style:normal;} #popup #fundselector ul.tabs a {outline-color:-moz-use-text-color;outline-style:none;outline-width:0;} #popup #fundselector ul.tabs li a {display:inline-block;vertical-align:bottom;} #popup #fundselector ul.tabs li a em {display:block;} #popup #fundselector ul.tabs li.tabinfo {color:#FF6600; float:left; font-size:10px; font-weight: bold; margin-top: 12px;} #popup #fundselector ul.tabs li a{background: url(../images/css_tab-right.png) no-repeat top right; cursor: pointer} #popup #fundselector ul.tabs li a span{background: url(../images/css_tab-left.png) no-repeat top left; display: block;} #popup #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; height: 32px} #popup #fundselector ul.tabs li.first a span{background: url(../images/css_tab-left-first.png) no-repeat top left;} #popup #fundselector ul.tabs li.first a span em{margin-left: 27px;} #popup #fundselector ul.tabs li.selected{width: auto; white-space: nowrap} #popup #fundselector ul.tabs li.selected a{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.selected a span{background: url(../images/css_tab-left-active.png) no-repeat top left;} #popup #fundselector ul.tabs li.selected a span em{background: url(../images/css_tab-center-active.png) repeat-x;} #popup #fundselector ul.tabs li.selected a {color:#FFFFFF;font-weight:bold;} #popup #fundselector ul.tabs .selected a{border-bottom:0;} #popup #fundselector ul.tabs .selected a em {padding-bottom:0.6em;} #popup #fundselector ul.tabs li a {color:#000000;text-decoration:none;} #popup #fundselector ul.tabs li a em{padding:0.5em; padding-top: 3px} #popup #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;} #popup #fundselector ul.tabs li.first.selected a span{background: url(../images/css_tab-left-first-active.png) no-repeat top left;} #popup #fundselector ul.tabs li a:hover span em{background: url(../images/css_tab-center-active.png) repeat-x; margin-left: 17px;} #popup #fundselector ul.tabs li a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.first a:hover {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:transparent;background-image:url("../images/css_tab-left-first-active.png");background-position:left top;background-repeat:no-repeat;color:#FFFFFF;white-space:nowrap;width:auto;} #popup #fundselector ul.tabs li.first a:hover span{background: url(../images/css_tab-right-active.png) no-repeat top right;} #popup #fundselector ul.tabs li.first.selected a span em{margin-left: 27px;} #popup #fundselector ul.tabs li.first a:hover span em {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:transparent;background-image:url("../images/css_tab-center-active.png");background-position:0 0;background-repeat:repeat-x;margin-left:27px;} #popup #fundselector #funds div.pager{margin-bottom: 4px; margin-top: 0px; text-align: center} #popup #fundselector #funds div.pager span.pagenumbers{margin-left: 30px; margin-right: 24px} #popup #fundselector #funds div.pager span.pagenumbers a{padding-left: 6px; margin-right: 6px; width: auto; border-left: 1px solid #000} #popup #fundselector #funds div.pager span.pagenumbers a.first{border-left: none} #popup #fundselector #funds div.pager span.pagenumbers a.active{color: #000; text-decoration: none; font-weight: bold} #popup #fundselector #funds div.pager input{padding-top: 0px}