/* Generic-ish stuff */
.gadget li a {
display: block;
margin-bottom: 8px;
}
.gadget li a.icon-pdf {
background: url(i/icon-pdf.png) no-repeat scroll 0 0 transparent;
}
.iframeContainer.negative-margin {
margin: -21px -20px -20px;
}
img.editIcon {
border: none;
height: auto !important;
}
img.loading {
vertical-align: bottom;
border: none !important;
margin-bottom: 5px;
display: none;
}
/* EBRETAIL-386 Global classes for factsheet disclaimer font sizes */
.product-content-larger {
font-size: 1.2em;
}
.product-content-smaller {
font-size: 0.8em;
}
/* Icon classes that need to be replaced with proper icon class
** DO NOT REUSE these. They are here because some one didn't
** use the proper styles in the first place.
** USE STYLES IN BLK_ICONS, NOT THESE! */
.icnPDF,
.email,
.print {
background: url(i/sprite_icons.png) no-repeat left -8px;
_background: url(i/sprite_icons.gif) no-repeat left -8px;
line-height: 14px;
padding-left: 18px;
}
.icnPDF {
background-position: 0 -104px;
}
.email{
background-position: 0 -456px ;
}
.print {
background-position: 0 -840px;
}
/* Hero spot */
#heroSpot {
background-repeat: no-repeat;
margin-bottom: 4px;
min-height: 332px;
*height: 332px;
position: relative;
}
#heroSpot .header {
width: 70%;
padding: 22px 10px 15px 34px;
position: absolute;
top: 35px;
left: 70px;
background: url(i/transparent_bg-ie-white.png);
background: rgba(255, 255, 255, 0.85);
}
#heroSpot .button-alternate {
background: #3db7e4; /* Old browsers */
background: -moz-linear-gradient(top, #3db7e4 0%, #001d77 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3db7e4), color-stop(100%,#001d77)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db7e4', endColorstr='#001d77',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3db7e4 0%,#001d77 100%); /* W3C */
}
#heroSpot .header h1 {
color: #333;
font-size: 26px;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
margin-bottom: 12px;
}
#heroSpot p {
color: #333;
font-size: 16px;
margin-bottom: 12px;
}
#heroSpot .button-alternate {
margin: 10px 20px 20px;
}
/* Recent Videos
********************************************************/
#recentVideos h3 {
color: #666;
font-family: 'AkkuratProBold', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
}
#recentVideos h5,
#recentVideos p {
padding: 10px 0 5px;
}
#recentVideos h5 {
font-size: 14px;
}
#recentVideos img {
height: 90px;
padding: 10px;
width: 164px;
}
#recentVideos .video-panel {
display: none;
}
#recentVideos .video-panel:first {
display: block;
}
#recentVideos .video-tabs {
border-top: 1px solid #ccc;
display: block;
margin-left: 0;
margin-right: 10px;
padding: 5px 0 10px;
text-align: right;
width: 100%;
}
#recentVideos .video-tabs li {
border: 1px solid #277ABE;
display: inline-block;
margin-left: 5px;
}
#recentVideos .video-tabs li a {
padding: 0 5px 2px 5px;
}
#recentVideos .video-tabs li.selected {
background: #277ABE;
}
#recentVideos .video-tabs li.selected a {
color: white;
}
/* OE6 & IE7 *
**************/
#recentVideos .video-tabs li {
*display: inline;
zoom: 1;
}
/* PRODUCT FINDER (HOME PAGE)
*********************************************************************/
.productFinder h3 {
color: #666;
font-family: 'AkkuratProBold', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
}
.productFinder .search-box {
background: #ccc; /* Old browsers */
margin-top: 10px;
padding: 10px;
}
.productFinder .search-box input {
background: #F3F3F3;
background: -moz-linear-gradient(top, #F3F3F3 0%, white 85%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(100%, white));
background: -webkit-linear-gradient(top, #F3F3F3 0%, white 100%);
background: -o-linear-gradient(top, #F3F3F3 0%, white 100%);
background: -ms-linear-gradient(top, #F3F3F3 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 );
background: linear-gradient(top, #F3F3F3 0%, white 100%);
border-top: 1px solid #CCC;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #F7F7F7;
border-left: 1px solid #EAEAEA;
height: 20px;
padding: 5px 2px !important;
width: 200px;
}
/* IE10+ adds an "x" icon to clear elements. We don't want this if we have a right-aligned bg */
.productFinder .search-box input::-ms-clear {
height: 0;
width: 0;
}
.productFinder .search-box #wsod_suggest_go {
background: transparent url("../nw/i/light-touch-magnifying-glass.png") no-repeat scroll left 50%;
border: medium none;
color: #FFFFFF;
display: inline-block;
filter: none;
-ms-filter: "none";
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
height: 25px;
margin-left: -30px;
padding: 5px 10px;
text-indent: -5000px;
vertical-align: middle;
}
.productFinder .ui-autocomplete,
.productFinder #ac-fund {
width: 270px;
}
.productFinder h4 {
font-size: 14px;
font-weight: bold;
margin: 20px 0 10px;
}
.productFinder ul {
margin-left: 10px;
}
.productFinder ul li {
background: url(../blk/i/blk_sprites.png) no-repeat;
_background: url(../blk/i/blk_sprites.gif) no-repeat;
background-position: -36px -44px;
display: block;
padding: 0 0 6px 12px;
}
.productFinder .view-all-products a {
border-top: 1px solid #BBBBBB;
font-size: 13px;
font-weight: bold;
display: block;
line-height: 19px;
padding: 10px;
text-align: right;
}
/* LATEST INSIGHTS LIST (HOME PAGE)
***********************************************************************/
#latestUpdates {
*zoom: 1;
}
#latestUpdates h3 {
color: #666;
font-family: 'AkkuratProBold', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
#latestUpdates .relatedArticle {
margin-bottom: 5px;
/* wrapper for floated thumbnails */
overflow: auto;
}
#latestUpdates .relatedArticle .latest-updates-thumbnail,
#latestUpdates .relatedArticle img {
height: 60px;
width: 60px;
}
#latestUpdates .latest-updates-thumbnail {
display: block;
float: left;
margin: 0 10px 5px 0;
}
#latestUpdates .relatedArticle h4 {
font-size: 13px;
}
#latestUpdates .relatedArticle h4,
#latestUpdates .relatedArticle p {
margin: 0 0 5px 70px;
}
#latestUpdates .relatedArticle .padlock {
background-position: -15px -996px;
}
#latestUpdates .all-latest-updates {
border-top: 1px solid #ccc;
display: block;
font-weight: bold;
padding: 10px 0;
text-align: right;
width: 100%;
}
/* Page title
****************************************************/
#pageTitle {
margin-bottom: 18px;
}
.title h1,
#searchResults h1,
.terms-wrapper h1,
.padlock-teaser h2 {
color: #137150;
font-size: 26px;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
line-height: normal;
padding-bottom: 5px;
/* TW Retail probably */
_letter-spacing:12px;
_font-weight:normal;
}
.title h1 + h2{
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
font-size: 22px;
line-height: 26px;
margin: 5px 0 0;
padding-bottom: 8px;
}
.title h1 + .page-categorization{
margin-top: 15px;
}
/* Share links */
.shareLinks {
font-size: 13px;
padding: 5px 0;
text-align: right;
}
.shareLinks a {
display: inline-block;
margin: 0 5px 0 10px;
}
/* END Page title */
/* Standalone share links component */
.standalone-share-links {
margin: 5px 0 20px;
}
/* Hack: Layout-specific margins - some layouts have different (or no) padding
* in the pageHeader areas, which we need to cater for */
.contentPageWide1 #pageHeader .standalone-share-links {
margin-bottom: 0;
}
.contentPageWide1 #pageHeader .page-share-links {
margin-top: -12px;
}
.contentPageWide3 #pageHeader .standalone-share-links {
margin-bottom: 0;
}
.contentPageWide8 #pageHeader .standalone-share-links {
margin-bottom: 9px;
}
.contentPageWide8 #pageHeader #pageTitle .page-share-links {
margin-right: -150px;
}
.contentPageWide8 #pageTitle {
margin-left: 150px;
width: 640px;
}
.landingPage6 #pageHeader {
padding: 7px 20px 0;
}
.padlock-teaser {
margin-bottom: 20px;
}
.padlock-teaser h3 {
font-size: 15px;
margin-top: 5px;
}
.padlock-teaser div.left img {
margin-right: 10px;
margin-bottom: 10px;
}
.padlock-teaser p {
text-align: justify;
}
.padlock-teaser .login {
margin-top: 15px;
}
.padlock-teaser .login span.separator {
background: url(i/blk_sprites.png) no-repeat scroll -42px -28px transparent;
padding: 0 4px;
}
.padlock-teaser h4 {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 15px 0 10px;
line-height: 1.2em;
}
.padlock-teaser h5 {
margin: 10px 0;
}
/* Accordion */
#columnMain .accordion p,
.accordion ol,
.accordion ul {
margin-bottom: 10px;
}
.accordion ol.decimal {
list-style: decimal;
padding: 0 18px;
margin-bottom: 10px;
}
.accordion li {
/*cursor: pointer;*/
padding: 5px 18px;
color: #156CC6;
}
.accordion ul.bullet {
margin-bottom: 10px;
}
.accordion ul.bullet li {
padding: 5px 0;
}
.accordion ul.bullet li a {
height: 18px;
padding: 0 0 0 25px;
}
.accordion ul.text {
list-style: none;
}
.accordion ul.text li {
padding-left: 0px;
}
.accordion ol.decimal li {
padding: 5px 0px;
*margin-left: 5px;
}
.accordion ul.text .childContent {
margin-left: 18px;
}
.accordion .childContent ul, .accordion .childContent ol{
list-style-type: disc;
overflow: auto;
padding-left: 25px;
}
.accordion .childContent ol{
list-style-type: decimal;
}
.accordion .childContent ul li, .accordion .childContent ol li{
padding: 0;
margin-bottom: 4px;
color: #282828;
}
.accordion .toggleChildren a {
display: inline-block !important;
}
.accordion .toggleChildren a.icon-expand,
.accordion .toggleChildren a.icon-collapse,
.accordion .toggleChildren a.icon-arrowdown,
.accordion .toggleChildren a.icon-arrowright {
cursor: pointer;
}
.accordion .toggleChildren a.icon-arrowright{
background-position: -15px -353px;
}
.accordion .toggleChildren a.icon-arrowdown{
background-position: -15px -403px;
}
.accordion ol.decimal .toggleChildren a {
*margin-left: -5px;
background: none;
padding: 0;
display: inline !important;
}
.accordion .childContent {
cursor: default;
padding: 0 12px 0 25px;
}
.accordion .childContent a {
padding-left: 0 !important;
}
.accordion ol.decimal li .childContent {
border-top: 0;
padding-left: 0;
}
.accordion .toggleChildren p {
margin-top: 10px;
color: #333;
}
.accordion ul.bullet li.blue-bar-bg {
background-color: #EEF2F4;
line-height: 20px;
padding: 9px 0 10px;
margin-bottom: 7px;
}
.accordion ul.bullet li.blue-bar-bg > a {
margin-left: 8px;
}
.accordion li.blue-bar-bg .childContent {
background-color: #FFF;
border-top: 10px solid #EEF2F4;
padding: 0 12px 10px 33px;
}
#columnMain .accordion .blue-bar-bg p {
margin-bottom: 0;
}
/* Feature buckets */
.featureBucketWrapper {
width: 978px;
margin: 0 -18px;
}
.featureBucketComponent {
width: 100%;
border-spacing: 18px 0px;
border-collapse: separate;
table-layout: fixed;
*border-style: solid;
*border-width: 0px 18px;
*border-color: white;
*background-color: #F8F8F8;
margin-bottom: 18px;
}
.featureBucketComponent td {
text-align: center;
/*border-left: expression(this.previousSibling == null ? 'none' : '18px solid white' ) !important;*/
}
.featureBucketComponent .gadget {
border-width: 6px 0 0 0;
*border-top: 0px !important;
padding-bottom: 5px;
}
.featureBucketComponent .gadget,
.featureBucketComponent .gadgetRelatedLinks {
background-color: #F8F8F8;
}
.featureBucketComponent .gadgetHeader {
font-size: 14px;
text-align: left;
*border-top: 6px solid #2296D3;
}
.featureBucketComponent .gadgetFooter {
width: 100%;
}
.featureBucketComponent .gadgetRelatedLinks {
padding: 0 10px 15px;
vertical-align: top;
line-height: normal;
}
.featureBucketComponent .gadgetRelatedLinks .img {
margin-bottom: 10px;
}
.featureBucketComponent .gadgetRelatedLinks .img a {
display: inline;
}
.featureBucketComponent .gadgetRelatedLinks li {
margin-left: 5px;
width: 100%;
*margin-left: -18px;
}
.featureBucketComponent .bulletTitle {
line-height: 19px;
font-weight: bold;
}
.featureBucketComponent li {
text-align: left;
}
.featureBucketComponent .contentList {
/*margin-top: 10px;*/
}
.featureBucketComponent .contentList li {
margin: 0 5px 10px 5px;
line-height: normal;
padding: 5px 0;
}
.featureBucketComponent .contentList p {
padding: 0 3px 0 18px;
}
.featureBucketComponent .relatedLinks {
background: #fff;
list-style-position: inside;
margin: 0 10px 10px;
padding: 10px;
border-color: #2296d3;
border-style: solid;
border-width: 6px 1px 1px;
width: auto;
}
.featureBucketComponent .relatedLinks div {
font-size: 1.2em;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
.featureBucketComponent .relatedLinks a {
display: block;
padding-bottom: 10px;
}
/* CMP Feature Box */
.contentPageWide3 .altFeatureBox {
clear: both;
margin-bottom: 30px;
}
.contentPageWide1 .altFeatureBox {
margin-bottom: 10px;
height: 160px;
}
.cmpFeatureBox,
.altFeatureBox {
border: 1px solid #bbb;
margin-bottom: 18px;
line-height: normal;
padding: 0;
}
.cmpFeatureBox .title,
.altFeatureBox .title {
border-color: #bbb;
border-style: solid;
border-width: 0 0 1px;
width: auto;
overflow: auto;
margin-bottom: 0 !important;
}
.altFeatureBox,
.altFeatureBox .title {
border: none;
}
.altFeatureBox .title {
overflow: visible;
}
.cmpFeatureBox .title h3,
.altFeatureBox .title h3 {
font-size: 18px;
font-weight: lighter;
padding: 10px;
}
.contentPageWide1 .altFeatureBox h3,
.contentPageWide2 .altFeatureBox h3 {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 24px;
}
.altFeatureBox .title h3 {
padding: 0;
}
.altFeatureBox .title img {
margin: 0 10px 10px 0;
}
.cmpFeatureBox .content,
.altFeatureBox .content {
overflow: hidden;
}
.cmpFeatureBox img,
.cmpFeatureBox .content p,
.altFeatureBox img,
.altFeatureBox .content p {
margin: 10px;
}
.cmpFeatureBox .callToAction {
padding: 10px;
}
.altFeatureBox .content p {
font-size: 14px;
padding: 9px 0 1px;
line-height: 21px;
margin: 0;
}
.altFeatureBox .callToAction {
font-size: 14px;
padding: 0 10px 0 5px;
text-align: left;
font-weight: normal;
overflow: hidden;
}
.altFeatureBox .callToAction a {
line-height: 21px;
}
/* Link List */
.linkList p {
margin-bottom: 10px;
}
.linkList .gadgetBody p {
margin: 0;
padding-left: 22px;
}
.linkList .gadgetBody ul {
margin-bottom: 10px;
}
.linkList .gadgetBody ul:last-child {
margin-bottom: 0;
}
.linkList .gadgetBody li,
.featureList .gadgetBody li {
margin-top: 10px;
width: 100%;
}
.linkList .gadgetBody li a,
.featureList .gadgetBody li a {
margin-bottom: 0;
color: #000000;
}
.linkList .gadgetBody li a span,
.featureList .gadgetBody li a span {
display: block;
}
.linkList .gadgetBody li a.padlock,
.featureList .gadgetBody li a.padlock {
background-position: right -994px;
padding-left: 0;
padding-right: 36px;
}
.linkList .gadgetBody li a.icon-unlock,
.featureList .gadgetBody li a.icon-unlock {
background-position: right -1060px;
padding-left: 0;
padding-right: 36px;
}
.linkList .gadgetBody p.intro,
.featureList .gadgetBody p.intro {
margin-bottom: 10px;
padding: 0;
}
.linkList .gadgetBody li .icon-pdf {
background: url(i/icon-pdf.png) no-repeat 0 0;
color: #000000;
}
.linkList h5 {
line-height: 1.5em;
padding-top: 10px;
}
.linkList .gadgetBody h5 {
padding: 2px 0 0;
}
.linkList.related-literature .callToAction {
padding: 10px;
}
/* Link list dropdown */
.linkList .drop-down-link-list {
width: 100%;
}
/* Horizontal link list */
.horizontal-link-list {
margin: 0 -10px;
*margin: 0;
}
.horizontal-link-list table {
border-collapse: separate;
border-spacing: 10px;
width: 100%;
}
.horizontal-link-list .link-list-prev,
.horizontal-link-list .link-list-next {
border: 1px solid #ccc;
font-size: 13px;
width: 50%;
}
.horizontal-link-list .blank {
border: none;
}
.horizontal-link-list .wrapper {
height: 32px;
position: relative;
}
.horizontal-link-list .link-list-next {
text-align: right;
}
.horizontal-link-list .link-list-prev a,
.horizontal-link-list .link-list-next a {
display: block;
padding: 9px 10px;
}
.horizontal-link-list .link-list-prev a {
padding-left: 28px;
}
.horizontal-link-list .link-list-next a {
padding-right: 28px;
}
.horizontal-link-list .link-list-prev span,
.horizontal-link-list .link-list-next span {
background: white url(i/blk-one-sprite-icons.png) no-repeat;
_background: white url(i/blk-one-sprite-icons.gif) no-repeat;
height: 34px;
position: absolute;
top: -1px;
width: 29px;
}
.horizontal-link-list .link-list-prev span {
background-position: -9px -2221px;
left: -1px;
}
.horizontal-link-list .link-list-next span {
background-position: -8px -2176px;
right: -1px;
}
/* Home page link list */
.gadget.homepage-list {
height: 324px;
margin: 0;
}
.gadget.homepage-list .list-background {
background-repeat: no-repeat;
height: 324px;
}
.gadget.homepage-list .gadgetHeader {
padding: 18px 0 2px 18px;
color: #5A5A5A;
}
.gadget.homepage-list .gadgetBody {
padding: 12px;
width: 190px;
}
.gadget.homepage-list .gadgetBody ul li {
display: list-item;
margin: 0;
width: auto;
}
.gadget.homepage-list .gadgetBody ul li a {
font-size: 14px;
height: auto;
margin-bottom: 9px;
}
.gadget.homepage-list .gadgetBody ul li a span {
height: auto;
}
/* Search results */
#searchResults {
line-height:normal;
}
#searchResults p {
margin-bottom: 15px;
}
#searchResults h1 {
margin-bottom: 20px;
}
#searchResults .navigation {
margin: 20px 0;
text-align: center;
}
#searchResults .navigation ul li {
display: inline;
}
#searchResults .navigation ul,
#searchResults .navigation select {
margin-right: 8px;
}
#searchResults .navigation span {
padding-left: 10px;
border-left: 1px solid #ccc;
}
#searchResults .highlight {
font-weight: bold;
}
/* search Results */
.quickSearchResults {
color: #009933;
}
.quickSearchResults a {
color: #1122CC;
font-size: 16px;
text-decoration: underline;
}
.quickSearchResults p {
color: #000;
}
/* TABLE */
.content-table {
line-height: normal;
border-collapse: collapse;
margin: 10px 0;
width: 100%;
border-bottom: 2px solid #9d9d9d;
}
.content-table {
border: none;
}
.content-table th{
background: #dedfde;
background: -moz-linear-gradient(top, #dedfde 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedfde), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dedfde 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dedfde 0%, #efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #dedfde 0%, #efefef 100%); /* IE10+ */
background: linear-gradient(top, #dedfde 0%, #efefef 100%); /* W3C */
border-right: 1px solid white;
color: #414042;
font-weight: bold;
text-align: left;
}
.content-table tr.alt,
.accordion tr.alt {
background: #f3f3f3;
}
.content-table tr.total,
.accordion tr.total {
border-top: 1px solid #ccc;
font-weight: bold;
}
.accordion td {
color: #282828;
line-height: initial;
}
.content-table th,
.content-table td,
.toolTop td {
padding: 8px;
line-height: 1.5em;
}
.content-table .collast,
.toolTop .collast {
border-right: none;
}
.content-table th.heading {
padding: 10px;
}
.content-table th.heading span {
display: none;
}
.content-table td .padlock,
.content-table td .icon-padlock,
.content-table td .icon-lock {
white-space: pre-wrap;
}
.imageCTAComponent .gadgetBody div {
overflow: hidden;
}
.imageCTAComponent .gadgetBody img,
.featureBucketComponent .gadgetFooter img {
margin: 0 10px 10px 0;
}
.callToAction {
font-size: 13px;
line-height: 19px;
}
.callToAction a {
display: inline !important;
}
.callToAction a > span {
display: block;
}
.callToAction .button, .callToAction .button-orange {
display: inline-block !important;
}
/* Sectioned content */
.sectionedContent .callToAction {
padding-bottom: 0;
}
.gadgetBody .icnChevron {
padding: 0 0 0 14px;
margin-left: 4px;
line-height: 14px;
}
/* FEATURE LIST
********************************************************/
.featureList .gadgetBody .feature-entry img {
float: left;
margin: 0 10px 15px 0;
max-width: 274px;
}
.featureList div.feature-entry {
overflow: auto;
}
.featureList .gadgetHeader .gadgetDate {
float: right;
margin-top: -15px;
}
.featureList .gadgetBody h3 {
font-weight: bold;
line-height: 1.5em;
padding-bottom: 10px;
}
.featureList .gadgetLinks {
padding: 10px 0 0;
}
.featureList .gadgetLinks a {
margin-bottom: 0;
}
.featureList .callToAction {
padding-top: 10px;
overflow: hidden;
}
/* FEATURE LIST / LINK LIST HOME PAGE OVERRIDES
********************************************************/
.landingPage6 .featureList .gadget {
background: none;
}
.landingPage6 .featureList .gadgetHeader h3,
.landingPage6 .linkList .gadgetHeader h3 {
color: #666666;
font-family: 'AkkuratProBold', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
}
.landingPage6 .featureList .gadgetBody .feature-entry {
min-height: 80px;
}
.landingPage6 .featureList .gadgetBody ul,
.landingPage6 .featureList .gadgetBody li {
display: block;
}
.landingPage6 .featureList .callToAction {
margin: 0 -10px;
}
/* IMAGE CTA COMPONENT
****************************************************/
.imageCTAComponent .gadget a {
display: inline;
}
.imageCTAComponent .gadgetBody {
overflow: hidden;
}
.imageCTAComponent .gadgetBody img {
float: left;
}
.imageCTAComponent .callToAction {
padding: 18px 0 0;
}
/* SUBSCRIBE LINK COMPONENT
****************************************************/
#columnRight .subscribe-link {
margin-bottom: 25px;
}
.subscribe-link .imageCTAComponent .gadgetBody img {
float: none;
margin: 0;
vertical-align: bottom;
}
/* CampaignSubscriptions Component
****************************************************/
.campaignSubscriptionsComponent {
background-color: #e5f3ff;
color: #282828;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding: 0;
border: 0;
}
.campaignSubscriptionsComponent .h1 {
color: #1589c3;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 22px;
line-height: 26px;
padding: 20px 20px 0px 20px;
}
.campaignSubscriptionsComponent p {
padding: 20px 20px 0px 20px;
}
.campaignSubscriptionsComponent iframe {
width: 100%;
height: 100%;
overflow: hidden;
vertical-align: bottom;
}
.campaignSubscriptionsComponent.ishares {
background-color: #eef6dd;
}
.campaignSubscriptionsComponent.ishares .h1 {
color: #76ab00;
}
.campaignSubscriptionsComponent .subscribe {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}
.campaignSubscriptionsComponent .subscribe a {
background: #0079cd;
background-image: -webkit-linear-gradient(top, #0079cd, #0045a5);
background-image: -moz-linear-gradient(top, #0079cd, #0045a5);
background-image: -ms-linear-gradient(top, #0079cd, #0045a5);
background-image: -o-linear-gradient(top, #0079cd, #0045a5);
background-image: linear-gradient(to bottom, #0079cd, #0045a5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #cccccc;
font-size: 12px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
padding: 10px 10px 10px 10px;
}
.campaignSubscriptionsComponent .subscribe a:hover {
background: #0045a5;
background-image: -webkit-linear-gradient(top, #0045a5, #0079cd);
background-image: -moz-linear-gradient(top, #0045a5, #0079cd);
background-image: -ms-linear-gradient(top, #0045a5, #0079cd);
background-image: -o-linear-gradient(top, #0045a5, #0079cd);
background-image: linear-gradient(to bottom, #0045a5, #0079cd);
}
.campaignSubscriptionsComponent.ishares .subscribe a {
background: #82bc00;
background-image: -webkit-linear-gradient(top, #82bc00, #5f8900);
background-image: -moz-linear-gradient(top, #82bc00, #5f8900);
background-image: -ms-linear-gradient(top, #82bc00, #5f8900);
background-image: -o-linear-gradient(top, #82bc00, #5f8900);
background-image: linear-gradient(to bottom, #82bc00, #5f8900);
}
.campaignSubscriptionsComponent.ishares .subscribe a:hover {
background: #5f8900;
background-image: -webkit-linear-gradient(top, #5f8900, #82bc00);
background-image: -moz-linear-gradient(top, #5f8900, #82bc00);
background-image: -ms-linear-gradient(top, #5f8900, #82bc00);
background-image: -o-linear-gradient(top, #5f8900, #82bc00);
background-image: linear-gradient(to bottom, #5f8900, #82bc00);
}
/* FEATURE COMPONENT
****************************************************/
.featureComponent hr {
margin: 10px 0;
color: #ccc;
background-color: #ccc;
border: 0;
height: 1px;
}
.featureComponent .gadgetHeader h3 {
font-size: 14px;
}
.featureComponent .gadgetBody {
overflow: hidden;
}
.featureComponent .gadgetBody h2 {
font-weight: bold;
line-height: 1.5em;
margin-bottom: 20px;
}
.featureComponent .gadgetBody h5 {
font-size: 12px;
}
.featureComponent .gadgetBody li {
margin-bottom: 10px;
}
.featureComponent .gadgetBody p {
margin-bottom: 15px;
}
.featureComponent .gadgetBody p[class^="icon-"] {
margin-bottom: 0;
}
.featureComponent .gadgetBody img {
margin: 0 10px 10px 0;
}
.featureComponent .callToAction {
padding-right: 0;
padding-bottom: 0;
overflow: hidden;
}
.featureComponent .callToAction .icnChevron,
.featureComponent .callToAction .icnPDF {
margin-top: 5px;
}
.featureComponent .callToAction .button-alternate {
margin-top: 0;
}
/* FEATURED TOOL
****************************************************/
.featuredToolBorder {
overflow: auto;
}
.featureLiteratureListComponent {
width:50%;
overflow:auto;
float:left;
line-height: normal;
}
.featureLiteratureListComponent .imagesOfTool {
overflow: auto;
float: left;
}
.featureLiteratureListComponent .textOfTool {
overflow: hidden;
padding: 0 10px;
}
.featureLiteratureListComponent .textOfTool .componentTitle {
font-weight: bold;
margin-bottom: 10px;
}
.featureLiteratureListComponent .textOfTool a {
display: block;
}
.featureLiteratureListComponent .textOfTool ul {
margin: 15px;
}
.featureLiteratureListComponent .textOfTool .button {
text-align: center;
}
.featureLiteratureListComponent .textOfTool ul.featuredList {
margin: 0;
}
.featureLiteratureListComponent .textOfTool ul.featuredList li {
padding-left: 18px;
}
.featureLiteratureListComponent .textOfTool ul.featuredList a {
margin: 0 0 10px;
}
/* Terms and Conditions (compliance) page */
.terms-wrapper {
padding-top: 26px;
}
.terms-wrapper p {
margin-bottom: 15px;
}
.terms-wrapper h1 {
border-bottom: 1px solid #dddfe1;
font-size: 24px;
margin: 0 50px;
padding: 0 0 9px;
}
.terms-wrapper h2 {
color: #333;
font-size: 18px;
font-weight: normal;
margin: 0 0 21px 50px;
}
.terms-wrapper h2 .audience-type {
color: #137150;
}
.terms-wrapper .terms-text {
height: 220px;
margin: 10px 50px 15px;
overflow: auto;
padding: 0 10px 10px 0;
}
.terms-wrapper .attest-accept {
padding: 15px 30px;
}
.terms-wrapper .attest-text {
height: 220px;
overflow: auto;
margin: 0 30px;
}
.terms-wrapper .attest-section {
background: #E3E9EC; /* Old browsers */
background: linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* W3C */
background: -moz-linear-gradient(top, #E3E9EC 0%, #f6f8fa 100%); /* FF3.6+ */
background: -ms-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* IE10+ */
background: -o-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Opera11.10+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E9EC), color-stop(100%,#f6f8fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Chrome10+,Safari5.1+ */
margin: 5px 20px 30px;
font-size: 10pt;
}
.terms-wrapper .terms-text.no-target {
height: 304px;
}
.terms-wrapper .terms-text.no-audience {
height: 259px;
}
.terms-wrapper fieldset, .disclosure-form {
background: #E3E9EC; /* Old browsers */
background: linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* W3C */
background: -moz-linear-gradient(top, #E3E9EC 0%, #f6f8fa 100%); /* FF3.6+ */
background: -ms-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* IE10+ */
background: -o-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Opera11.10+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E9EC), color-stop(100%,#f6f8fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Chrome10+,Safari5.1+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E9EC', endColorstr='#f6f8fa', GradientType=0 ); /* IE6-9 */
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 13px;
padding: 20px 50px;
}
.terms-wrapper fieldset p {
font-weight: bold;
margin-bottom: 5px;
}
.terms-wrapper fieldset .button , .disclosure-form .button,
.terms-wrapper fieldset .button-disabled {
font-size: 13px;
line-height: 16px;
margin-right: 25px;
padding: 8px 40px;
}
.terms-wrapper ul {
list-style-type: disc;
margin: 0 0 10px 0;
padding: 0 0 0 38px;
}
.terms-wrapper ul li {
line-height: 1.5em;
margin-bottom: 2px;
}
/* Historical Price Tool */
#historicalTool,
#performanceTool,
#evaluatorTool {
background: #fff;
padding: 18px 18px 45px 0;
margin: 10px 0;
}
#historicalTool {
margin-bottom: 20px;
}
#historicalTool td,
#performanceTool td {
padding: 5px 0 5px 5px;
}
#historicalTool td,
#performanceTool td,
#evaluatorTool td {
border: none;
}
#historicalTool td input[type="text"],
#performanceTool td input[type="text"] {
margin: 0 5px;
}
#historicalTool .button,
#performanceTool .button {
margin-left: 5px;
}
.toolTop {
width: 100%;
}
.toolTop td {
font-weight: bold;
}
.toolTop #productId {
width: 80px;
}
.toolTop #classId {
width: 50px;
}
#historicalTool #launchDateVal,
#performanceTool #launchDateVal {
padding: 0 10px 0 5px;
}
#fromDate, #toDate {
width: 95px;
}
#evaluatorTool span.add, span.remove {
color: #156CC6;
cursor: pointer;
font-weight: normal;
}
#evaluatorTool span.add:hover, span.remove:hover {
text-decoration: underline;
}
/*#evaluatorTool .controlDisabled {
color: #ccc !important;
cursor: default !important;
}
#evaluatorTool .controlDisabled:hover {
text-decoration: none !important;
}*/
#evaluatorTool .toolTop td input[type="text"] {
width: 50px;
}
.allZeroMessage {
display:none;
}
.toolError,
#historicalTool tbody span,
#performanceTool tbody span {
font-weight: bold;
color: red;
display: block;
padding: 1px;
text-align: right;
/*width: 50px;*/
}
#evaluatorTool .toolError {
display: inline;
}
#historicalTool tbody span,
#performanceTool tbody span {
margin-right: 5px;
}
/* -- Article header */
#articleHeader {
position: relative;
}
/* -- Related Article List */
.relatedArticleList .relatedArticle {
padding: 10px 0;
overflow: auto;
}
.relatedArticleList .relatedArticle:first-child,
.relatedArticleList .relatedArticle.first {
border-top: none;
padding-top: 0;
}
.relatedArticleList .relatedArticle img {
float: left;
margin: 0 10px 5px 0;
height: 60px;
width: 60px;
}
.relatedArticleList .relatedArticle h4 {
font-size: 13px;
margin-bottom: 5px;
line-height: 19px;
}
.relatedArticleList .relatedArticle .articleIntro p {
display: inline;
margin-right: 5px;
}
.relatedArticleList .relatedArticle a.readArticle {
display: inline;
}
/* -- Insights List (Article List)
*********************************************************************************/
#insightsList * {
vertical-align: top;
}
#insightsList li {
border-bottom: 1px solid #ccc;
min-height: 136px;
padding: 20px 10px;
}
#insightsList li:first-child {
padding-top: 0;
}
#insightsList li.even {
background-color: #f3f3f3;
}
#insightsList h2 {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 20px;
font-weight: normal;
margin-right: 120px;
padding-bottom: 10px;
}
#insightsList .date {
float: right;
text-align: right;
width: 100px;
}
#insightsList .thumbnail {
margin: 0 10px 20px 0;
float: left;
width: 108px;
vertical-align: top;
}
#insightsList .thumbnail img {
width: 108px;
height: 108px;
}
#insightsList .summary,
#insightsList .more-link,
#insightsList .categories {
display: block;
margin: 0 15px 7px 120px;
}
#insightsList .more-link {
background: url(i/blk-one-icon-chevron.png) no-repeat 0 1px;
font-size: 13px;
padding-left: 20px;
}
#insightsList .padlock {
background-position: -15px -995px;
}
#insightsList .categories {
font-size: 11px;
}
#insightsList .categories span {
font-weight: bold;
}
#insightsList .filter {
margin-bottom: 20px;
}
#tw-retail #insightsList .filter {
background: #eaeaea;
border-bottom:1px solid #CCCCCC;
}
#insightsList .filter p {
padding: 5px 10px;
font-size: 11px;
}
#insightsList .pages,
#simpleArticleList .pages {
padding: 10px 0;
font-size: 11px;
}
#insightsList .pages .older,
#insightsList .pages .newer,
#simpleArticleList .pages .older,
#simpleArticleList .pages .newer {
float: left;
width: 25%;
*width: 24%;
font-size: 13px;
}
#insightsList .pages .newer,
#simpleArticleList .pages .newer {
text-align: right;
}
#insightsList .pages .range,
#simpleArticleList .pages .range {
text-align: center;
float: left;
width: 50%;
*width: 49%;
font-weight: bold;
}
#insightsList .pages .from,
#insightsList .pages .to,
#simpleArticleList .pages .from,
#simpleArticleList .pages .to {
padding: 0 10px;
}
/* Homepage */
/* -- Tabbed area */
#tabbedArea {
border-top: 4px solid #38444c;
border-bottom: 4px solid #bbb;
}
#tabbedArea #areaHeader {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #dedfe0 60%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#dedfe0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding-bottom: 20px;
padding-top: 0;
}
#tabbedArea ul#tabs {
border-top: 1px solid white;
border-bottom: 1px solid white;
float: left;
width: 100%;
background: #7c8487; /* Old browsers */
background: -moz-linear-gradient(top, #7c8487 0%, #949ca1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c8487), color-stop(100%,#949ca1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* IE10+ */
background: linear-gradient(top, #7c8487 0%,#949ca1 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8487', endColorstr='#949ca1',GradientType=0 ); /* IE6-9 */
}
#tabbedArea ul#tabs li,
#tabbedArea ul#tabs li a {
float: left;
}
#tabbedArea ul#tabs li a {
padding: 0 10px;
height: 33px;
line-height: 33px;
font-size: 15px;
color: white;
border-right: 1px solid #ccc;
}
#tabbedArea ul#tabs li.selected {
margin-bottom: 0px;
}
#tabbedArea ul#tabs li.selected a {
color: #333;
height: 58px;
margin-bottom: -25px;
background: white;
filter: none;
border: 0;
position: relative;
}
#tabbedArea div {
clear: both;
overflow: hidden;
padding: 10px 0;
}
#tabbedArea div img {
float: left;
margin: 0 15px 15px 10px;
height: 180px;
width: 200px;
}
#tabbedArea div h3 {
margin: 0 0 10px 210px;
font-weight: normal;
font-size: 20px;
}
#tabbedArea div p {
margin: 0 0 10px 210px;
font-size: 14px;
}
#tabbedArea div ul.tablinks {
margin-left: 225px;
}
#tabbedArea div ul.tablinks .icnBullet {
padding-left: 12px;
}
/* Fix for icnChevron being applied to images */
.imageCTAComponent .gadgetBody a.icnChevron {
background: none;
padding: 0 !important;
}
.cmpVideoList {
margin-bottom: 20px;
}
div.loading-image {
background: url(i/ui-anim_basic_16x16.gif) no-repeat;
display: none;
padding: 2px 0 2px 18px;
}
/******************************************************************************
** Paragraph & Dynamic Article Body
** Used for body text, currently used in components
*********************************************/
.article {
max-height: 100%; /* Fixes font size on mobile devices in full-site mode */
overflow: hidden;
padding-bottom: 10px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#c1443094316750{
font-size: 3.0em;
}
#c1443094316750 > div {
margin-top: 2.0em;
}
#c1443094316750 p {
line-height: 1.5em;
margin-bottom: 1.2em;
}
}
#columnRight .article {
padding-bottom: 8px;
}
#columnRight .article a img {
vertical-align: bottom;
}
.article.background, .accordion.background {
background: #eaeef1;
margin-bottom: 25px;
padding: 10px;
}
.article.quotes {
border-color: #3eb3e7;
border-style: solid;
border-width: 3px 0 3px;
}
.article.quotes {
margin-bottom: 35px;
padding: 16px 22px;
}
.article h2,
.article h3,
.article h4 {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
}
.article h2 {
font-size: 22px;
line-height: 26px;
margin: 25px 0 8px;
}
.article img.align-left + h2,
.article img.align-right + h2,
.article img.align-left + h3,
.article img.align-right + h3,
.article:first-child h2:first-child,
.article:first-child h3:first-child,
.article:first-child h4:first-child,
.article a:first-child + h2,
.article a + h3 {
margin-top: 0;
}
.article h3 {
font-size: 18px;
line-height: 22px;
margin: 26px 0 5px;
}
.article h4 {
font-size: 16px;
line-height: 20px;
margin: 0 0 14px;
}
.article p {
line-height: 20px;
margin: 0 0 14px;
}
.article ol,
.article ul {
margin-bottom: 10px;
}
.article.quotes h2,
.article.quotes h3,
.article.quotes h4 {
color: #141414;
font-family: 'AkkuratProItalic';
font-size: 18px;
line-height: 28px;
margin: 0;
}
.article ol,
.singleArticleBanner ol,
.featureComponent ol,
.bannerLevelOne ol,
.article ul,
.singleArticleBanner ul,
.featureComponent ul,
.bannerLevelOne ul {
padding-left: 25px;
}
.article ol,
.singleArticleBanner ol,
.featureComponent ol,
.bannerLevelOne ol {
list-style-type: decimal;
}
.article ul,
.singleArticleBanner ul,
.featureComponent ul,
.bannerLevelOne ul {
list-style-type: disc;
overflow: auto;
}
.article ul li,
.singleArticleBanner ul li,
.featureComponent ul li,
.bannerLevelOne ul li {
margin-bottom: 4px;
}
.article .date {
font-weight: bold;
}
.article img.align-right {
float: right;
margin-left: 20px;
}
.article img.align-left {
float: left;
margin-right: 20px;
}
.article .indented{
display: inline-block;
margin-left: 22px;
}
.article div.background {
padding: 20px;
background: #eaeef1;
margin-bottom: 35px;
}
.article div.quotes {
border-color: #3eb3e7;
border-style: solid;
border-width: 3px 0 3px;
padding: 10px 0;
margin-bottom: 35px;
}
/*
** Article Table
*/
.article table{
max-width:none;
}
.article.formatted tr.alt, .accordion.formatted tr.alt {
background: none;
}
.article.formatted tbody tr, .accordion.formatted tbody tr {
border-top: 1px solid #efefef;
}
.article.formatted tbody tr:nth-child(even), .accordion.formatted tbody tr:nth-child(even) {
background: #efefef;
}
.article.formatted td,
.article.formatted th,
.accordion.formatted td,
.accordion.formatted th,
.blk-table td,
.blk-table th {
border-left: 1px solid #ccc;
border-right: none;
padding: 8px;
}
.article.formatted td:first-child,
.article.formatted th:first-child,
.accordion.formatted td:first-child,
.accordion.formatted th:first-child,
.blk-table td:first-child,
.blk-table th:first-child {
border-left: none;
}
.article.formatted td.collast, .accordion.formatted td.collast {
background: white;
}
/* Dynamic article */
.article .date {
font-weight: bold;
}
.article .biography {
border: 1px solid #bbb;
line-height: normal;
margin-bottom: 18px;
padding: 10px;
}
.article .biography h3 {
font-size: 18px;
font-weight: normal;
padding: 10px 0;
}
.article .biography img {
float: left;
}
.article .footnotes {
font-size: 11px;
color: #999;
padding: 0 20px 20px;
}
.article .sitemap {
color: #414042;
font-size: 11px;
line-height: 1.5em;
}
.article .vcard {
font-style: italic;
}
.article .vcard span {
display: block;
}
.article .vcard .fn,
.article .vcard .credit {
font-weight: bold;
}
/* Numbered paragraphs in dynamic article */
*[class|=article-list-item] p:first-child {
display: inline-block;
min-height: 23px;
padding: 3px 0 0 30px;
}
.article-list-item-1 p:first-child {
background: url(i/1.png) no-repeat;
}
.article-list-item-2 p:first-child {
background: url(i/2.png) no-repeat;
}
.article-list-item-3 p:first-child {
background: url(i/3.png) no-repeat;
}
.article-list-item-4 p:first-child {
background: url(i/4.png) no-repeat;
}
.article-list-item-5 p:first-child {
background: url(i/5.png) no-repeat;
}
.article-list-item-6 p:first-child {
background: url(i/6.png) no-repeat;
}
.article-list-item-7 p:first-child {
background: url(i/7.png) no-repeat;
}
.article-list-item-8 p:first-child {
background: url(i/8.png) no-repeat;
}
.article-list-item-9 p:first-child {
background: url(i/9.png) no-repeat;
}
.article-list-item-10 p:first-child {
background: url(i/10.png) no-repeat;
}
/*******************************************************************************
** GLOSSARY
********************************************************************************/
#glossary h2 {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
text-transform: uppercase;
}
#glossary li {
display: inline;
padding-right: 6px;
}
#glossary li a {
text-decoration: underline;
text-transform: uppercase;
}
#glossary dl {
margin-bottom: 30px;
}
#glossary dt {
font-weight: bold;
margin-top: 10px;
}
#glossary dt,
#glossary dd {
line-height: 1.5em;
}
/******************************************************************************
** Banner Static content/banner-static
******************************************************************************/
#bannerStatic {
margin: -7px -20px 20px;
}
/* Hacks: Layout-specific margins - some layouts have different (or no) padding
* in the pageHeader areas, which we need to cater for */
.contentPageNarrow3 #bannerStatic,
.contentPageNarrow1 #bannerStatic {
margin: 0;
}
.contentPageWide1 #bannerStatic {
margin: -19px -20px 0px;
}
.contentPageWide2 #bannerStatic {
margin: -19px -18px 20px;
}
.contentPageWide3 #bannerStatic {
margin: -8px -20px 0;
}
.homePage3 #bannerStatic {
margin: -21px -20px 20px;
}
.contentPageWide6 #bannerStatic {
margin: -32px -20px 20px;
}
.contentPageWide8 #bannerStatic {
margin: -8px -20px 0;
}
/* End layout-specific hacks */
#bannerStatic .articleIntro {
background: url(i/transparent_bg-ie-white.png);
background: rgba(255, 255, 255, 0.85);
height: 208px;
margin-left: 500px;
padding: 20px;
}
#bannerStatic .articleIntro h1 {
color: #137150;
font-size: 26px;
margin-bottom: 10px;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
}
#bannerStatic .articleIntro h2 {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 23px;
font-weight: normal;
margin-bottom: 10px;
}
#bannerStatic .articleIntro .button,
#bannerStatic .articleIntro .icon-pdf,
#bannerStatic .articleIntro .icon-arrow {
margin-top: 15px;
}
/*****************************************************************************
** Banner Static Small (level one) /content/banner-static-small
******************************************************************************/
.bannerLevelOne {
background-repeat: no-repeat;
height: 190px;
position: relative;
}
/* Hack: Layout-specific margins - some layouts have different (or no) padding
* in the pageHeader areas, which we need to cater for */
.contentPageWide2 #pageHeader .bannerLevelOne,
.contentPageWide3 #pageHeader .bannerLevelOne,
.homePage3 .bannerLevelOne {
margin: -21px -20px 0;
}
.contentPageWide1 #pageHeader .bannerLevelOne {
margin: -19px -20px 0;
}
.contentPageWide8 #pageHeader .bannerLevelOne,
.contentPageWide3 #pageHeader .bannerLevelOne{
margin: -8px -20px 0;
}
/* End layout-specific hack */
.bannerLevelOne .solutionsBox {
color: #414042;
left: 35px;
max-width: 70%;
position: absolute;
top: 36px;
}
.bannerLevelOne .solutionsBox h1,
.bannerLevelOne .solutionsBox h2 {
font-size: 2em;
padding: 0;
border-bottom: none;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 23px;
font-weight: normal;
margin-bottom: 10px;
}
.bannerLevelOne .solutionsBox h1 {
color: #137150;
font-size: 26px;
}
.bannerLevelOne .solutionsBox p {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
line-height: 1.3em;
margin-bottom: 15px;
}
.bannerLevelOne .solutionsBox .icon-chevron {
background-position: 0 2px;
}
/*****************************************************************************
** Banner Static Small (level one) /content/banner-static-small Campaign style
******************************************************************************/
.bannerLevelOne.campaign .solutionsBox {
color: #FFFFFF;
left: 40px;
max-width: 56%;
top: 41px;
}
.bannerLevelOne.campaign .solutionsBox h1,
.bannerLevelOne.campaign .solutionsBox h2 {
border-bottom: none;
color: #FFFFFF;
padding: 0;
font-family: Arial, sans-serif;
font-size: 36px;
font-weight: bold;
line-height: 46px;
margin-bottom: 5px;
}
.bannerLevelOne.campaign .solutionsBox .message-wrapper h2{
font-size: 22px;
font-weight: normal;
line-height: 24px;
margin-bottom: 0;
}
.bannerLevelOne .solutionsBox .callToAction{
margin-top: 19px;
}
.bannerLevelOne .solutionsBox .callToAction a{
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
}
.bannerLevelOne .solutionsBox .callToAction .icon-chevron {
background-position: -15px -268px;
}
/******************************************************************************
** Banner Main Stage /content/banner-main-stage
******************************************************************************/
#bannerMainStage {
margin: 0px;
}
.singleArticleBanner {
background-repeat: no-repeat;
}
/* Hack: Layout-specific margins - some layouts have different (or no) padding
* in the pageHeader areas, which we need to cater for */
.contentPageWide1 #bannerMainStage {
margin: -19px -20px 0;
}
.contentPageWide1 #bannerMainStage .singleArticleBanner {
margin-right: -36px;
}
.contentPageWide3 #bannerMainStage,
.contentPageWide8 #bannerMainStage,
.landingPage6 #bannerMainStage {
margin: -8px -20px 0;
}
.contentPageWide8 #bannerMainStage .singleArticleBanner {
margin-right: -40px;
}
/* End layout-specific hack */
#bannerMainStage .singleArticleBanner {
height: 248px;
overflow: hidden;
position: relative;
}
#bannerMainStage .singleArticleBanner .banner-cta a {
color: #137150;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
}
#bannerMainStage .singleArticleBanner .banner-cta .icon-chevron {
background: url('i/blk-one-sprite-icons.png') no-repeat -19px -2148px;
_background: url('i/blk-one-sprite-icons.gif') no-repeat -19px -2148px;
padding-left: 16px;
}
#bannerMainStage #portfolio li {
display: none;
width: 100%;
}
#bannerMainStage #portfolio li:first-child {
display: list-item;
}
#bannerMainStage #slide_nav {
height: 44px;
position: relative;
width: 100%;
z-index: 6;
}
#bannerMainStage #slide_nav li {
cursor: pointer;
float: left;
text-align: center;
}
#bannerMainStage #slide_nav li .slide-inner {
background: #EAEEF1;
border-left: 2px solid white;
color: #005EB8;
height: 44px;
text-align: center;
}
#bannerMainStage #slide_nav .firstSlide .slide-inner {
border-left: none;
}
/* Tables to support vertical alignment in IE6 and IE7 */
#bannerMainStage #slide_nav li .slide-inner table {
height: 100%;
width: 100%;
}
#bannerMainStage #slide_nav li .slide-inner table td {
vertical-align: middle;
}
#bannerMainStage #slide_nav li:hover .slide-inner td {
text-decoration: underline;
}
#bannerMainStage #slide_nav .activeSlide:hover .slide-inner td {
text-decoration: none;
}
#bannerMainStage #slide_nav .activeSlide .slide-inner,
#bannerMainStage #slide_nav .activeSlide:hover .slide-inner {
background: #C6CFD4;
color: #414042;
position: relative;
}
#bannerMainStage #slide_nav .activeSlide .selected-arrow {
background-position: center -436px;
height: 7px;
padding-left: 0;
position: absolute;
width: 100%;
}
#bannerMainStage .articleIntro {
margin: 38px 0 0 35px;
width: 500px;
}
#bannerMainStage .articleIntro .icon-pdf,
#bannerMainStage .articleIntro .icon-arrow {
margin-top: 15px;
}
#bannerMainStage .articleIntro .button {
line-height: normal;
margin-top: 0;
}
#bannerMainStage .articleIntro h1,
#bannerMainStage .articleIntro h2 {
color: #137150;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 26px;
font-weight: normal;
line-height: 1.15em;
margin-bottom: 14px;
}
#bannerMainStage .articleIntro p {
font-size: 14px;
margin-bottom: 19px;
}
/**************************************
* "dots" class for Metro VI starts */
#bannerMainStage.dots {
position: relative;
}
#bannerMainStage.dots .singleArticleBanner {
height: 324px;
}
#bannerMainStage.dots #portfolio {
background: white;
height: 324px;
position: relative;
}
#bannerMainStage.dots #portfolio > li {
position: absolute;
width: 100%;
}
#bannerMainStage.dots #portfolio > li a.clickable {
display: block;
height: 100%;
margin-top: 0;
position: absolute;
width: 100%;
}
#bannerMainStage.dots #portfolio > li .clickable:hover {
text-decoration: none;
}
#bannerMainStage.dots .articleIntro {
background: none;
height: 208px;
padding: 0;
*position: absolute;
}
#bannerMainStage.dots .articleIntro.left {
margin: 51px 0 0 38px;
width: 345px;
}
#bannerMainStage.dots .articleIntro.right {
margin: 51px 30px 0 334px;
width: 317px;
}
#bannerMainStage.dots .articleIntro h1,
#bannerMainStage.dots .articleIntro h2 {
color: #137150;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 33px;
font-weight: normal;
line-height: 34px;
margin-bottom: 7px;
padding-bottom: 0;
padding-right: 30px;
}
#bannerMainStage.dots .articleIntro p {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
line-height: 21px;
margin: 0;
padding-right: 30px;
}
#bannerMainStage.dots .articleIntro .banner-cta {
position: relative;
top: 21px;
}
#bannerMainStage.dots .articleIntro .banner-cta a {
color: #137150;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
}
#bannerMainStage.dots .articleIntro .banner-cta a .icon-chevron {
background: url(i/blk-one-sprite-icons.png) no-repeat -7px -2148px;
_background: url(i/blk-one-sprite-icons.gif) no-repeat -7px -2148px;
margin-left: -12px;
padding-left: 28px;
}
/* The "dots" for changing the banner and indicating which one is active */
#bannerMainStage #bannerDots {
bottom: 0;
padding: 10px 14px 14px 10px;
position: absolute;
right: 0;
}
#bannerMainStage #bannerDots .icon-dot a {
background: url(i/blk-one-sprite-icons.png) no-repeat -12px -2084px;
_background: url(i/blk-one-sprite-icons.gif) no-repeat -12px -2084px;
float: left;
height: 20px;
width: 20px;
}
#bannerMainStage #bannerDots .icon-dot-active a {
background: url(i/blk-one-sprite-icons.png) no-repeat -12px -2059px;
_background: url(i/blk-one-sprite-icons.gif) no-repeat -12px -2059px;
}
#bannerMainStage #bannerDots .icon-dot a:hover {
text-decoration: none;
}
#bannerMainStage #bannerDots li {
display: inline-block;
padding-left: 5px;
*float: left;
}
/* "dots" class for Metro VI ends */
/******************************************************************************
** Banner Rotating content/banner-rotating
******************************************************************************/
#bannerRotating {
height: 247px;
margin: -19px -18px 0;
position: relative;
}
.contentPageNarrow3 #bannerRotating,
.contentPageNarrow1 #bannerRotating,
.homePage3 #bannerRotating,
.landingPage6 #pageHeader #bannerRotating {
margin: 0;
}
.contentPageWide1 #bannerRotating {
margin: -19px -20px 0;
}
.contentPageWide3 #bannerRotating {
margin: -8px -20px 0;
}
.contentPageWide3 #pageHeader #bannerRotating {
margin-top: -8px;
}
.contentPageWide6 #bannerRotating {
margin: -32px -20px 20px;
}
.contentPageWide8 #bannerRotating {
margin: -8px -20px 0px;
}
/*******************************************************
** LIGHT TOUCH VI SUPPORT - THIS ALIGNS THE BACKGROUND IMAGE
** CAREFUL!
*******************************************************/
#tw-retail #bannerRotating {
margin-top: -19px;
}
/* END **************************************************/
#bannerRotating .singleArticleBanner {
height: 247px;
}
#bannerRotating .articleIntro {
max-height: 209px;
padding: 38px 186px 0 25px;
}
#bannerRotating .articleIntro h1,
#bannerRotating .articleIntro h2 {
color: #137150;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-weight: normal;
font-size: 26px;
margin-bottom: 10px;
}
#bannerRotating .articleIntro .button,
#bannerRotating .articleIntro .icon-pdf,
#bannerRotating .articleIntro .icon-arrow {
margin-top: 15px;
}
#bannerRotating #portfolio {
float: right;
height: 100%;
position:relative;
width: 700px;
background: #292929;
background: -moz-linear-gradient(-45deg, #292929 0%, #292929 62%, #121212 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(62%,#292929), color-stop(100%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* IE10+ */
background: linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* W3C */
}
#bannerRotating.banner-right #portfolio {
float: left;
}
#bannerRotating #portfolio li {
display: none;
height: 100%;
width: 100%;
}
#bannerRotating #portfolio li:first-child {
display: list-item;
}
#bannerRotating #slide_nav {
cursor: pointer;
left: 0;
position: absolute;
top: 0;
width: 280px;
z-index: 5;
}
#bannerRotating.banner-right #slide_nav {
left: 700px;
}
#bannerRotating #slide_nav .slide-inner {
background: #EAEEF1;
border-top: 2px solid white;
height: 81px;
}
#bannerRotating #slide_nav .topBanner .slide-inner {
border-top: none;
}
/* Tables for vertical alignment in IE6 and IE7 */
#bannerRotating #slide_nav .slide-inner table {
height: 100%;
width: 100%;
}
#bannerRotating #slide_nav .slide-inner table td {
color: #005EB8;
padding-left: 25px;
vertical-align: middle;
}
#bannerRotating #slide_nav li:hover .slide-inner td {
text-decoration: underline;
}
#bannerRotating #slide_nav .activeSlide .slide-inner table td {
color: #282828;
}
#bannerRotating #slide_nav .activeSlide:hover .slide-inner td {
text-decoration: none;
}
/*reduced left padding so that text doesnt wrap when tab is highlighted */
#tw-retail #bannerRotating #slide_nav .slide-inner table td {
padding-left: 10px;
}
#bannerRotating #slide_nav li.activeSlide .slide-inner {
color: #282828;
background: #C6CFD4;
position: relative;
}
#bannerRotating #slide_nav li.activeSlide .slide-inner .selected-arrow {
position: absolute;
height: 18px;
top: 31px;
}
#bannerRotating.banner-left #slide_nav li.activeSlide .slide-inner .selected-arrow {
padding-left: 10px;
right: 0;
}
#bannerRotating.banner-right #slide_nav li.activeSlide .slide-inner .selected-arrow {
padding-left: 12px;
left: -3px;
}
#bannerRotating .bannerVideo img {
float: left;
height: 205px;
margin: 32px 18px 36px;
width: 350px;
}
#bannerRotating .bannerVideo h1 {
font-size: 19px;
line-height: 25px;
padding: 32px 20px 0 0;
}
#bannerRotating .bannerVideo p {
padding: 15px 20px 15px 0;
}
/* IE6 & IE7 */
#bannerRotating #slide_nav li {
_background: url(i/blk_sprites.gif) no-repeat;
*height: 86px; /* IE7 */
*overflow: hidden; /* IE7 */
}
#bannerRotating #slide_nav .slide-inner {
*border: 0; /* IE7 */
}
.featureList .gadgetBody div,
.imageCTAComponent .gadgetBody div {
*zoom: 1;
_width: 100%;
}
/******************************************************************************
** Video Player
******************************************************************************/
.blk-vd-wrapper {
cursor: pointer;
}
.video-player {
padding-bottom: 20px;
}
.video-player img {
max-width: 100%;
}
.video-player.modal .video-placeholder {
position: relative;
}
.video-player.modal .video-placeholder:after {
content: "";
background: url(i/flowplayer/icon-play-sm.png) center center / contain no-repeat;
width: 48px;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
cursor: pointer;
position: absolute;
margin: auto;
}
.videoparacomponent {
clear: both;
height: 200px;
width: 605px;
}
.videoparacomponent .video-placeholder {
float: left;
width: 354px;
}
.videoparacomponent .paracomponent {
float: left;
}
.videoparagraph {
border-top: 3px solid #3EB3E7;
border-bottom: 3px solid #3EB3E7;
float: left;
font-family: Arial;
font-size: 14px;
height: 183px;
line-height: 20px;
margin-left: 20px;
padding-top: 11px;
width: 229px;
}
.videoparagraphVideoSearch{
font-size:14px;
color:#282828;
line-height:20px;
}
.videoPlayerTitleVideoSearch{
font-family:'AkkuratProRegular',Arial,sans-serif;
font-size: 22px;
color: #282828;
padding-top: 360px;
margin-top: 26px;
line-height:26px;
}
.homePageGadgetVideo{
background-color: White;
padding-bottom:0px !important
}
.homePageGadgetVideo .videoparagraph{
border-top:none;
border-bottom:none;
font-family: 'AkkuratProRegular', Arial, sans-serif;
padding-top: 15px;
}
.homePageGadgetVideo .videoparagraph h2 {
font-size: 18px;
line-height: 22px;
font-weight: normal;
}
.videoBorder {
border: 1px solid #DDD;
}
.video-wrapper .player .flowplayer .fp-color {
background-color: #41B6E6;
}
.video-wrapper .flowplayer:not(.is-fullscreen) .fp-player video.fp-engine {
height: auto; /* Overrides Flowplayer skin.css */
}
.video-wrapper .player .flowplayer {
border-radius: 0; /* Overrides Flowplayer skin.css */
background-size: cover; /* Fills the splash image to the player container */
}
.video-wrapper .player .flowplayer.is-ready:not(.is-poster) {
/* remove black (#333) background-color from video player */
background-color: transparent; /* Overrides Flowplayer skin.css */
}
.video-wrapper .player .flowplayer.is-loading, .video-wrapper .player .is-ready.flowplayer {
/*
Hide Splash Image during playback.
https://flowplayer.com/forum/#!/flowplayer/skinning_css:how-to-hide-the-splash-imag
*/
background-image: none !important; /* Overrides Flowplayer skin.css */
}
.video-wrapper .player .flowplayer .fp-play {
height: 100%;
}
.video-wrapper .player .flowplayer.is-splash .fp-play .fp-icon.fp-playbtn {
display: block;
background: url(i/flowplayer/icon-play-lg.png) center center / contain no-repeat;
height: 76px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.video-wrapper .player .flowplayer.is-splash.is-tiny .fp-play .fp-icon.fp-playbtn,
.video-wrapper .player .flowplayer.is-splash.is-small .fp-play .fp-icon.fp-playbtn {
background-image: url(i/flowplayer/icon-play-sm.png);
height: 50px;
}
.video-wrapper .player .flowplayer .fp-play .fp-icon.fp-playbtn:before {
visibility: hidden; /* Hides the flowplayer play button icon */
}
.video-wrapper .player .flowplayer .fp-play svg.fp-play-sharp-fill {
display: none;
}
/******************************************************************************
** BLK video play list
**
** This is currently used in a free-form component
** Needs to be moved to video component css when available
******************************************************************************/
.video-list-box {
overflow: hidden;
zoom: 1;
}
.video-list-box ul {
list-style: none;
padding: 0;
}
.video-list-box .video-thumbnail{
background-color: #fafcfe;
border-color: #E8E8E8 #CCC #CCC #E8E8E8;
border-style: solid;
border-width: 1px;
cursor: pointer;
float: left;
height: 62px;
margin: 2px 0;
position: relative;
}
.video-list-box .video-thumbnail.active {
background-color: #e3e3e3;
}
.video-list-box .video-thumbnail img {
top: 0;
left: 0;
position: absolute;
}
.video-list-box .playlist-play-button .circle {
fill: #666;
opacity: 0.4;
}
.video-list-box .playlist-play-button .btn {
fill: #fff;
}
.video-list-box .video-thumbnail .desc{
color: #282828;
font-size: 10px;
line-height: 1.2em;
overflow: hidden;
position: absolute;
right: 5px;
top: 5px;
}
.video-list-box .video-thumbnail .duration {
background-color: #767778;
bottom: 0px;
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 1.62em;
padding: 0 4px;
position: absolute;
right: 0px;
}
.video-list-box .playlist-play-button {
width: 100px;
height: 30px;
position: absolute;
margin-top: 17px;
margin-left: 5px;
}
/* Modal video player */
.blk-modal-overlay.ui-widget-overlay {
background: #000;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.blk-modal {
min-width: 605px;
padding: 20px;
position: fixed;
}
.blk-modal.feed {
height: 590px !important;
overflow: auto;
width: 35% !important;
font-size: 14px;
line-height: 20px;
padding: 50px;
}
.blk-modal.video {
min-width: 640px;
height: 390px !important;
}
.blk-modal.video .ui-dialog-content {
overflow: hidden;
}
.blk-modal .ui-widget-header {
border: none;
background: none;
padding: 0;
position: static;
}
.blk-modal .ui-dialog-title {
color: #282828;
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 22px;
margin: 0 0 7px;
width: 100%;
white-space: normal;
}
.blk-modal .ui-dialog-titlebar-close {
background: none;
border: none;
outline: none;
right: 5px;
top: 15px;
}
.blk-modal .ui-button .ui-button-text {
display: block;
}
.blk-modal .ui-state-default .ui-icon {
background: url(i/blk-one-sprite-icons.png) no-repeat -15px -1628px;
_background: url(i/blk-one-sprite-icons.gif) no-repeat -15px -1628px;
}
.blk-modal .ui-dialog-content {
padding: 0;
}
.blk-modal .blk-vd-wrapper {
overflow: hidden;
}
.blk-modal .player {
width: auto !important;
}
.blk-modal.feed .entry-content .entry-date{
padding-bottom: 13px;
display: inline-block;
}
.blk-modal.feed .entry-content p {
margin: 0 0 13px;
}
.blk-modal.feed .ui-dialog-title {
font-size: 22px;
line-height: 26px;
}
.blk-modal.feed a{
color: #005eb8;
}
.blk-modal.feed .entry-content ul, .blk-modal.feed .entry-content ol{
list-style-type: disc;
padding-left: 25px;
overflow: auto;
margin-bottom: 13px;
}
.blk-modal.feed .entry-content ol{
list-style-type: decimal;
}
/******************************************************************************
** Landing Page with User Selection and Hero Spot
******************************************************************************/
#audienceSelect ul {
list-style-type: none;
}
#audienceSelect ul li {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
border: none;
height: 108px;
margin-bottom: 4px;
position: relative;
}
#audienceSelect ul li li {
background: none;
}
/* "larger" li if there's only 2 user types */
#audienceSelect ul li.larger {
height: 164px;
}
/* "smaller" li if there's more than 3 user types */
#audienceSelect ul li.smaller {
height: 80px;
}
#audienceSelect ul li a {
color: #414042;
display: block;
height: 100%;
}
#audienceSelect ul li a:hover {
text-decoration: none;
}
#audienceSelect ul li a.aud_1of3 {
border-left:10px solid #1a7bbd;
}
#audienceSelect .audience-label {
color: #167150;
display: block;
font-family: 'AkkuratProBold',Arial,sans-serif;
font-size: 21px;
padding: 45px 30px 0 33px;
}
#audienceSelect ul li.larger .audience-label {
padding-top: 65px;
}
#audienceSelect ul li a:hover .audience-label {
text-decoration: underline;
}
#audienceSelect ul li a span.subtitle {
font-family: 'AkkuratProRegular', Arial, sans-serif;
font-size: 18px;
}
#audienceSelect ul li a span.subtitle,
#audienceSelect ul li.dropdown a span.select {
display: block;
}
#audienceSelect ul li.dropdown a span.select {
overflow: hidden;
white-space: nowrap;
}
#audienceSelect ul li.dropdown a .audience-label,
#audienceSelect ul li.smaller a .audience-label {
padding-top: 32px;
}
#audienceSelect .dropdown {
position: relative;
}
#audienceSelect .dropdown:hover > .dropdownMenu {
display: none;
}
#audienceSelect .dropdown.showdropdown .dropdownMenu {
display: block;
left: 35px;
}
#audienceSelect .dropdown .dropdownMenu {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
border-color: #ccc;
border-style: solid;
border-width: 0 1px 1px;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
max-height: 200px;
overflow: auto;
position: absolute;
top: 79px;
display: none;
left: 999999px;
cursor: pointer;
*width: 186px;
z-index: 99999;
}
#audienceSelect .dropdown .dropdownMenu li,
#audienceSelect .dropdown .dropdownMenu li a {
color: #282828;
cursor: default;
display: block;
font-size: 11px;
list-style: none;
margin: 0;
padding: 0;
min-width: 186px;
height: auto;
*width: 186px; /* fix for min-width in older browsers */
}
#audienceSelect .dropdown .dropdownMenu li a {
background: 6px center no-repeat;
font-size: 12px;
line-height: 1.7;
overflow: hidden;
padding: 0 .5em;
white-space: nowrap;
}
#audienceSelect .dropdown .dropdownMenu li a:hover {
color: #156CC6;
cursor: pointer;
text-decoration: none;
}
#audienceSelect .dropdown .dropdownMenu li:hover {
background-color: #f2f2f2;
}
#audienceSelect .dropdown .select {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #CCCCCC;
color: #282828;
cursor: pointer;
line-height: 18px;
outline: none;
padding: 0 12px 0 7px;
position: relative;
text-align: left;
text-decoration: none;
vertical-align: baseline;
display: inline-block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin-left: 34px;
margin-top: 5px;
width: 179px;
}
#audienceSelect .dropdown .select .icon-arrowdown-right {
background-image: url(../blk/i/sprite_pagination_arrow.png);
background-repeat: no-repeat;
background-position: right -63px;
display: block;
height: 18px;
margin-right: -13px;
}
#audienceSelect .dropdown .select:hover,
#audienceSelect .showdropdown .select {
background: white;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-top: 1px solid #eaeaea;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
filter: none;
}
#audienceSelect ul.user-type-options {
position: absolute;
right: 0;
top: 0;
}
#audienceSelect ul.user-type-options li {
height: auto;
}
#audienceSelectOverlay .hide {
display: none;
}
/* User/Language selection for iShares - Pseudo lightbox*/
#audienceSelectOverlay.alternate {
background: #fff;
font-size: 14px;
font-family: "arial";
}
#audienceSelectOverlay.alternate ul li {
border: none;
height: auto;
margin: 0;
font-size: 14px;
font-family: "arial";
color: #000;
box-shadow: none;
}
#audienceSelectOverlay.alternate .audience-label {
font-family: 'AkkuratProBold',Arial,sans-serif;
font-size: 16px;
}
#audienceSelectOverlay.alternate ul li a.aud_top,
#audienceSelectOverlay.alternate ul li .aud_1of2,
#audienceSelectOverlay.alternate ul li .aud_2of2 {
border: none;
}
#audienceSelectOverlay.alternate .investor-description {
color: #000;
font-size: 14px;
font-family: "arial";
margin-top: 5px;
}
#audienceSelectOverlay.alternate .investor-description-header {
background: url(i/blk-one-sprite-icons.png) no-repeat -15px -1676px;
_background: url(i/blk-one-sprite-icons.png) no-repeat -15px -1676px;
color: #000;
padding: 0 0 0 29px;
}
#audienceSelectOverlay.alternate .investor-description-header.collapsed {
background: url(i/blk-one-sprite-icons.png) no-repeat -15px -1653px;
_background: url(i/blk-one-sprite-icons.png) no-repeat -15px -1653px;
}
#audienceSelectOverlay.alternate .investor-description-text {
padding: 30px 5px 0 30px;
font-size: 11px;
}
#audienceSelectOverlay div.language-select {
float: right;
margin-top: -14px;
line-height: 24px;
}
#audienceSelectOverlay div.language-select span.divider {
border-right: 1px solid #999999;
margin: 0 9px 0 5px;
display: inline-block;
}
#audienceSelectOverlay div.language-select a {
color: #005EB8;
}
#audienceSelectOverlay div.language-select a.selected, #audienceSelectOverlay div.investor-type-selector span.investor-type a.selected {
color: #333333;
}
#audienceSelectOverlay div.investor-type-selector {
padding-bottom: 1px;
}
#audienceSelectOverlay div.investor-type-selector div.overlay-disclaimer input {
float: left;
margin-right: 10px;
position: relative;
top: 2px;
}
#audienceSelectOverlay div.investor-type-selector div.enter-site {
float: right;
margin: 0 0 20px;
}
#audienceSelectOverlay div.investor-type-selector div.enter-site.mid-button {
float: none;
}
#audienceSelectOverlay div.investor-type-selector div.enter-site a.button {
color: #FFFFFF;
}
#audienceSelectOverlay div.investor-type-selector div.enter-site a.button-disabled {
color: #6F6F6F;
}
#audienceSelectOverlay div.investor-type-selector div.other-sites {
float: left;
margin: 0 0 -12px;
}
#audienceSelectOverlay div.investor-type-selector div.other-sites.alternate {
margin-top: 34px;
}
#audienceSelectOverlay div.investor-type-selector div.overlay-disclaimer {
margin-top: 30px;
border-top: 1px solid #eaeaea;
padding: 28px 0 30px;
position: relative;
top: 2px;
}
#audienceSelectOverlay .investor-type-selector .investor-description.last {
margin-bottom: 29px;
}
/* Button images */
.button-image {
background-color: #fff;
height: 97px;
text-align: center;
}
.button-image a {
background-color: #fff;
display: block;
height: 100%;
}
.button-image img {
background-color: #fff;
max-width: 100%;
}
/* Image CTA homepage */
.homePageImageCTA {
background-color: #fff;
height: 97px;
overflow: hidden;
}
.homePageImageCTA .image-wrapper {
float: left;
margin-right: 15px;
}
.homePageImageCTA img {
float: left;
height: 97px;
width: 104px;
}
.homePageImageCTA p,
.homePageImageCTA a {
font-size: 12px;
}
.homePageImageCTA h3 {
font-size: 14px;
}
.homePageImageCTA h3,
.homePageImageCTA p {
margin: 10px 10px 8px 10px;
}
.homePageImageCTA .indented {
margin: 10px 10px 8px 128px;
}
.homePageImageCTA .callToAction {
margin-left: 122px;
padding: 0 10px 10px 0;
}
.homePageImageCTA a {
/* Setting the cursor as IE7 and below seem to lose it somewhere */
*cursor: pointer;
}
/* Adjusting the chevron for the home page image component - SS */
.homePageImageCTA .callToAction .icon-chevron {
display: block;
}
/* TODO: REMOVE THIS! */
.article {
_zoom: 1;
}
.padlock-teaser .login span.separator {
_background: url(i/blk_sprites.gif) no-repeat scroll -42px -28px transparent;
}
/* FUND LIST / LINK LIST ALTERNATING ROW STYLE */
.linkList.alternating-rows {
border: none;
margin-bottom: 0;
}
.linkList.alternating-rows .gadgetHeader,
.linkList.alternating-rows .gadgetBody {
border: none;
padding: 0 0 0 18px;
}
#fundList .gadgetHeader,
#fundList .gadgetBody {
background: none !important;
border: none !important;
padding-left: 18px;
padding-right: 18px;
}
#fundList a,
#fundList p,
.linkList.alternating-rows a,
.linkList.alternating-rows p {
line-height: 16px;
}
#fundList p,
#fundList .bullet,
.linkList.alternating-rows p {
margin-bottom: 10px;
}
#fundList .fund-list-title {
font-size: 14px;
font-weight: bold;
}
#fundList a.fund-list-title {
cursor: pointer;
}
#fundList .list {
margin: 10px 10px 0;
}
#fundList .list li,
.linkList.alternating-rows ul li {
padding: 8px 10px;
border-bottom: 1px solid #ccc;
}
#fundList .list a,
.linkList.alternating-rows ul a {
display: inline;
font-size: 14px;
margin-bottom: 0;
}
#fundList .list li:first-child,
.linkList.alternating-rows li:first-child {
border-top: 1px solid #ccc;
}
#fundList .list .alt,
.linkList.alternating-rows ul .alt {
background-color: #f8f8f8;
}
#fundList li {
margin-bottom: 20px;
}
#fundList li ul li {
margin-bottom: 0;
}
/* Styled dropdowns - to be used with selectBox plugin
*
* Usage: