/** * Flyout z-index settings: * (Warning due to IE z-index quirk, z-index's are very sensitive. Please test carefully on all browsers when updating.) * Mags - #cnnBanner_reskin .innershell {} * Nav - ul.megamenu {} * - ul.megamenu div.mm-item-content * * Fixes - * 5.10.2011 - Scroll issue: When browser is narrower than 991px, causing side scroll, background of banner and header doesn't extend over * to hidden part of viewport when you scroll over. * Fix: set min-width * 5.10.2011 - Nav link rows: Navigation links appearing as full rows (shows up as a column of links) in IE. * Fix: set as inline-block * 5.11.2011 - Floaters (MNY-4813): in IE and with certain top banner ads, the innershell div will float up on top of the top ad. * Fix: position to relative for innershell only for IE **/ /**** Backward compatible - reskins **********************************************************************************/ /** Resets **/ #cnnBanner ul, #cnnBanner_reskin ul, #cnnNav_reskin ul.megamenu, #cnnNav_reskin ul.megamenu ul, #cnnFooter ul {list-style: none; margin: 0; padding: 0;} #cnnBanner_reskin .clearFloat, #cnnNav_reskin .clearFloat, #cnnFooter .clearFloat { clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;} #template_body #header, .template_body #header { padding:0; } #footerGroup {background-color: transparent; padding: 0 !important; width: auto !important;} #cnnBanner_reskin table { border-collapse: collapse; border-spacing: 0; } /************ >>>> CSS Needed for deployment Transition - Delete only if all older header/banner css not also being called - maybe we want to leave in case. <<<<<< **************/ #cnnHeader, html>body #cnnHeader, #cnnFooter, html>body #cnnFooter {width: auto !important; padding: 0px;} #footerGroup {background-color: transparent;} /************ >>>> /CSS Needed for deployment Transition <<<<<< **************/ /**** /Backward compatible - reskins **********************************************************************************/ /* Header *****************************************************************************************/ #cnnBanner_reskin {background: url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/banner_bg_reskin.png) repeat-x 0 top; min-width: 991px; /* scroll fix */ *position: relative; /* Floaters fix */ } @media only screen and (device-width: 768px) { #cnnBanner_reskin {padding: 0 15px; width: 100%; } } #cnnBanner_reskin .innershell {position: relative; height: 80px; z-index:9900000; margin: 0 auto; clear: both; width: 994px;} #cnnBanner_reskin #logo { float: left; } #cnnBanner_reskin #logo .img-logo { border:0; margin-left: 5px;} /** top right ******************/ #cnnBanner_reskin .topright {float: right; margin-bottom: 8px; margin-right: 5px;} #cnnBanner_reskin .topright td {text-align: right;} #cnnBanner_reskin #banner_maglink {vertical-align:middle;} #cnnBanner_reskin #banner_maglink a { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/bullet-subscribe.png); background-position: right center; background-repeat: no-repeat; color: #fff; font-size: 11px; font-weight: bold; padding-right:10px;} /** login **/ #cnnBanner_reskin .login div {background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/banner_signin.gif) repeat-x; height:26px; } #cnnBanner_reskin .login .brdr_left { float:left; width:8px; } #cnnBanner_reskin .login .brdr_right { background-repeat: no-repeat; background-position: -7px -146px; font-size :11px; float:left; width:4px; } #cnnBanner_reskin .login .separator { background-repeat: no-repeat; background-position: 0 -97px; float:left; width:6px; } #cnnBanner_reskin .login .username {background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/int_signin.gif) no-repeat;background-position:right center;color:#fff; font-size: 11px; font-weight: bold; padding:0px 8px 0px 5px;line-height:26px;float:left; display: block; height: 26px; overflow: hidden; text-align: left;} #cnnBanner_reskin .login .status { background-position: 0 -48px; float:left; padding:0 5px 0 5px; float:left; line-height:26px; } #cnnBanner_reskin .login .status a { font-size: 11px; font-weight: bold; color:#fff; } #cnnBanner_reskin .login .cnnlink {background-position: 0 -48px; padding:0 5px 0 5px; float:left; } #cnnBanner_reskin .login .cnnlink a { color:#fff; font-size: 11px; font-weight: bold; line-height:26px; text-decoration:none; } #cnnBanner_reskin .login .cnnlink a:hover { text-decoration:underline; } #cnnBanner_reskin .login .clearFloat {background: none; height: 0px;} /** search **/ #cnnBanner_reskin #search_box {float: right; text-align: right; width:253px; height:30px; } #cnnBanner_reskin #search_box #symb { border: 1px solid #aaa; border-right: none; border-bottom: none; color:#666; float: left; font-size:11px; height: 23px; padding: 0 0 0 5px; width:180px; *line-height: 22px; /* text vertical-alignment fix */} @media only screen and (device-width: 768px) { #cnnHeader #search_box #symb {width:165px;} } #cnnBanner_reskin.wsod #search_box {*margin-top: 15px; } #cnnBanner_reskin #search_button {background: url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/search_blue.gif) no-repeat 0 -1px; border: none; cursor: pointer; float: right; margin-right: 5px; padding: 0; width:58px; height:24px; } #cnnBanner_reskin #search_button:hover {background-position: 0 -26px;} /* Pullout menus --------------------------------------------------------------*/ #cnnBanner_reskin .col1 { margin:25px 0 0 10px; float: left; width:222px; } #cnnBanner_reskin .col2 { margin:25px 0 0 10px; padding:0 10px 0 10px; float: left; width:225px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; } #cnnBanner_reskin .col3 { margin:25px 0 0 10px; padding:0 10px 0 0; float: left; width:150px; border-right:1px solid #cfcfcf;} #cnnBanner_reskin .col4 { margin:25px 5px 0 10px; float: left; width:300px; } /* header Fortune & Money flyouts --------------------------------------------- */ #cnnBanner_reskin ul#menu li.hovering #flyout { display: block; } #cnnBanner_reskin #flyouts{ float: left; margin:15px 12px 0px 85px; height:45px; width:300px; /* position: relative; z-index:9997; */ } #cnnBanner_reskin .money, #cnnBanner_reskin .fortune { float:left; } #cnnBanner_reskin .money a.bg-money { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/mainnav_mags.png) no-repeat 0 0; border-left:0px solid #093e6a; display:block; height:45px; position:relative; width:147px; } #cnnBanner_reskin .money a.bg-money:hover { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/mainnav_mags.png) no-repeat 0 -56px; display:block; height:45px; position:relative; } #cnnBanner_reskin .fortune a.bg-fortune { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/mainnav_mags.png) no-repeat 0 -111px;; display:block; height:45px; position:relative; border-right:0px solid #0c4c7f; width:149px; } #cnnBanner_reskin .fortune a.bg-fortune:hover { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/mainnav_mags.png) no-repeat 0 -167px; display:block; height:45px; position:relative; } #cnnBanner_reskin ul#menu .flyout { display: none; } /*#cnnBanner_reskin ul#menu .flyout { display: block; }*/ #cnnBanner_reskin ul#menu li.mega .flyout { border:5px solid #a9a9a9; background-color:#FFF; padding:15px 0 40px 0; position:absolute; top:61px; left:0px; text-align: left; width:981px; } #cnnBanner_reskin ul#menu li.hovering .flyout { display: block; } #cnnBanner_reskin .flyout .boxHeading {border-bottom: 0px; margin-bottom: 12px; padding-bottom:0px; font-size:16px;} #cnnBanner_reskin .flyout .article-header {padding:10px 0 11px 0; font-size:13px; color:#004575; } #cnnBanner_reskin .flyout .summaryBlock p { padding:10px; width:199px; font-size:12px; height:105px; line-height:18px; color:#565656; border:1px solid #e5e5e5; } #cnnBanner_reskin .flyout .cnnHeadline {padding:5px 0 11px 0; line-height:17px; font-size:13px; color:#004575; } #cnnBanner_reskin .flyout .cnnBlurbTxt { float:left;} #cnnBanner_reskin .flyout .summaryImg { margin:5px 5px 0 0; float:left; } #cnnBanner_reskin .flyout ul { padding:5px 0 0 13px; } #cnnBanner_reskin .flyout ul li { padding:5px 0 5px 0; list-style:square; } #cnnBanner_reskin .flyout ul li a { text-decoration:none; font-size:12px; } #cnnBanner_reskin .flyout ul li a:hover { text-decoration:underline; } #cnnBanner_reskin .flyout ul.topics { float:left; } #cnnBanner_reskin .flyout .col4 .issue { float:left; width:160px; } #cnnBanner_reskin .flyout .col4 .summaryTxt {float:left; width:140px;} #cnnBanner_reskin .flyout .col4 .summaryTxt .cnnHeadline { font-size:18px; font-weight:bold; line-height:24px; } #cnnBanner_reskin .flyout .col4 .summaryTxt ul { margin-left:10px; padding-left:5px; float:left; } #cnnBanner_reskin .flyout .col4 .button {margin-top:25px; width:153px; height:27px; line-height:27px; background-color:#be1501; text-align:center; } #cnnBanner_reskin .flyout .col4 .button a {text-decoration:none; color:#FFFFFF; display:block; } #cnnBanner_reskin .flyout .col4 .button a:hover {text-decoration:underline; } /* Navigation -------------------------------------------------------------------------------------------------- */ #cnnNav_reskin { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/banner_bg_reskin.png) repeat-x 0 100%; clear: both; margin: 0 0 5px 0; min-width: 991px; /* scroll fix */ } #cnnNav_reskin ul.megamenu { display: block; margin: 0 auto; padding-bottom: 5px; *padding-bottom: 3px; position: relative; height: 31px; z-index: 9000000;/* z-index needed for IE fix */ width: 994px; *margin: 0;} #cnnNav_reskin ul.megamenu li {} #cnnNav_reskin ul.megamenu li img { border: none;} #cnnNav_reskin ul.megamenu li.mm-item { border-left: 1px solid #205D8E; border-right: 1px solid #094472; float: left; line-height: 15px; *line-height: 13px;} #cnnNav_reskin ul.megamenu a.mm-item-link { display: block; padding: 8px 12px; text-decoration: none; font-weight: bold; outline: none; background: url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/nav_bgs.gif) repeat-x; font-size: 12px; color: #FFF; } #cnnNav_reskin ul.megamenu a.mm-item-link:hover { border-bottom: none; background-position: 0 -51px; color:#FFF;} #cnnNav_reskin ul.megamenu #mm-share-twitter { float: left; border-left: 1px solid #205D8E; padding: 4px 0px 0px 10px; height:26px; *height: 24px;} #cnnNav_reskin ul.megamenu #mm-like-facebook { float: right; border-right: 1px solid #205D8E; padding-top: 5px; overflow:hidden; width: 92px; height:26px; *height: 24px;} /** iPad ***/ @media only screen and (device-width: 768px) { #cnnNav_reskin ul.megamenu #mm-like-facebook {width: 92px; } } #cnnNav_reskin ul.megamenu #mm-like-facebook iframe {width:90px;} /* highlights depending on section */ #cnnHeader.moneyHomeNav a#navhome, #cnnHeader.moneyVideoNav a#navvideo, #cnnHeader.moneyNewsNav a#navbiznews, #cnnHeader.moneyTermSheetNav a#navtermsheet, #cnnHeader.moneyMarketsNav a#navmarkets, #cnnHeader.moneyEconNav a#navecon, #cnnHeader.moneyPFNav a#navpf, #cnnHeader.moneyTechNav a#navtech, #cnnHeader.moneySmBizNav a#navsmbiz { background: url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/nav_bgs.gif) repeat-x 0 -104px; color: #004575; } /** OFFISITE: For banners on our Partner sites ****************************************************/ #cnnNav_reskin.offsite ul.megamenu a.mm-item-link { padding-left: 14px; padding-right: 14px;} #cnnNav_reskin.offsite a#navhome {padding-left: 18px; padding-right: 18px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #cnnNav_reskin.offsite ul.megamenu a.mm-item-link { padding-left: 13px; padding-right: 14px;} } .portfolioNewIcon { position: absolute; top: -12px; left: 363px;} #cnnNav_reskin.wsod ul.megamenu a.mm-item-link { *height: 12px;} /* IE fix*/ /* Fix - Nav link rows (see top of file) ***************/ #cnnNav_reskin.offsite ul.megamenu a.mm-item-link { *display:inline-block;} /** /OFFISITE: For banners on our Partner sites ****************************************************/ /** nav pulldowns **/ #cnnNav_reskin ul.megamenu div.mm-item-content { padding: 0px; background: #FFF; float:left; position: absolute; border: 5px solid #a9a9a9; border-top:0; z-index: 9000000; } #cnnNav_reskin ul.megamenu div.mm_dropdown {display: none; padding-bottom:14px; text-align: left; width:981px; height: auto; top: 31px; left: 0px;} #cnnNav_reskin ul.megamenu .mm-content-base { padding: 0px 10px 10px 10px; position: relative; background: #FFFFFF; z-index: 11; } #cnnNav_reskin ul.megamenu .mm-js-shadow {} #cnnNav_reskin ul.megamenu .col1 { margin-top:15px; width:300px; } #cnnNav_reskin ul.megamenu .col2 { margin:15px 0 0 20px; padding:0 20px 0px 20px; width:280px;} #cnnNav_reskin ul.megamenu .col2 .boxHeading {margin-bottom: 0px;} #cnnNav_reskin ul.megamenu .col3 { border-right: 0px; margin:15px 0 0 20px; width:255px; } #cnnNav_reskin ul.megamenu .col3 .boxHeading {border-bottom:none;margin-bottom: 0px;} #cnnNav_reskin ul.megamenu .boxHeading {border-bottom:1px dotted #cfcfcf;font-size:18px; padding-bottom:14px; margin-bottom: 10px;} #cnnNav_reskin ul.megamenu .summaryImg { margin:5px 15px 0 0; width:120px; float:left; } #cnnNav_reskin ul.megamenu .cnnHeadline {padding-bottom:11px;line-height:17px; font-size:13px; color:#004575; } #cnnNav_reskin ul.megamenu .summaryBlock p{ font-size:12px; line-height:18px; color:#565656;width:165px;float:right;} #cnnNav_reskin ul.megamenu .summaryBlock .cnnMore {font-weight: bold;} #cnnNav_reskin ul.megamenu ul { margin-top:0px; padding:0px; } #cnnNav_reskin ul.megamenu .col2 ul {margin-bottom:15px;} #cnnNav_reskin ul.megamenu ul li { padding:5px 0 5px 0; list-style:none; border-bottom:1px dotted #cfcfcf; } #cnnNav_reskin ul.megamenu ul li a { text-decoration:none; font-size:12px; } #cnnNav_reskin ul.megamenu ul li a:hover { text-decoration:underline; } #cnnNav_reskin ul.megamenu ul.topics-left { margin-top: 0px; width:110px; float:left;border-top:1px dotted #cfcfcf;} #cnnNav_reskin ul.megamenu ul.topics-right { margin:0 0 0 25px; padding-left:5px; width:100px; float:left;border-top:1px dotted #cfcfcf;} #cnnBanner_reskin .megamenu .seeMore {display: inline;} #cnnBanner_reskin .megamenu .seeMore a { background:#fff url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/misc/disqus_icons.png) no-repeat 99% -106px; border:1px solid #c6c6c6; color:#666; display:block; float: left; font-weight:bold; font-size:10px; line-height:1.0em; padding:4px 18px 3px 4px; text-transform:uppercase; height:11px;} /* Markets **/ #flyout_markets span.posData { color:#090; } #flyout_markets span.negData { color:#C00; } #cnnBanner_reskin #flyout_markets .col2 .boxHeading {margin-bottom: 8px;} #flyout_markets .boxHeading .cnnDateStamp {float: right;} #flyout_markets .cnnHeadline {font-size:16px; line-height:20px;} #flyout_markets .col1 ul { clear:both; margin-top:15px; } #flyout_markets .col1 ul li { border-top:1px dotted #cfcfcf; border-bottom:none; } #flyout_markets #mod-quotes-latest { margin:0px;} #flyout_markets .marketBannerTitle {float:left;} /*************** subnavigation module */ #cnnBanner .subnav {background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; color:#333;font-size:12px; height:31px;} @media only screen and (device-width: 768px) { #cnnBanner .subnav {position: relative; left: -15px; padding: 0 15px; width: 100%;} } #cnnBanner .subnav ul {margin:0px auto; width: 991px;} #cnnBanner .subnav li {border-right:1px solid #999; display:block; margin-right: 10px; margin-top: 8px; padding-right:10px; float:left; } #cnnBanner .subnav li:last-child { border-right:none; margin-right: 0px; padding-right:0px; } #cnnBanner .subnav li.lastItem{ border-right:none; margin-right: 0px; padding-right:0px; } #cnnBanner .subnav a { color:#666;} /**************** INTERNATIONAL Banner */ #internationalHeader #logo { float: left;margin-top:14px;} #internationalHeader #search_box {margin-left:150px;} #internationalHeader #flyouts{margin:15px 12px 0px 40px; width:150px;} #cnnNav_reskin.cnn-section-international ul.megamenu a.mm-item-link { padding: 8px 36px;*height: 12px;} #cnnNav_reskin.cnn-section-international ul.megamenu #mm-share-twitter {padding: 5px 0px 2px 32px; } #cnnBanner_reskin .login .intl_edition { background-position: 0 -48px; float:left; padding:0 5px 0 5px; float:left; line-height:26px; } #cnnBanner_reskin .login .intl_edition a {font-size: 11px; font-weight: bold; color:#fff;} #cnnBanner_reskin .login .intl_edition a.dropdownSelect { background: transparent url(../../../../../i2.cdn.turner.com/money/.element/img/5.0/buttons/blue-arrow.gif) no-repeat right 10px;*width:100%;padding-right:15px;} .edtn_dropdown {_width:30px;_overflow:hidden;margin-top:0px;} #internationalHeader .edtn_dropdown {_width:70px;} .edtn_dropdown dd, .edtn_dropdown dt, .edtn_dropdown ul { margin:0px; padding:0px; } .edtn_dropdown dd { position:relative; } .edtn_dropdown a:hover { color:#5d4617;} .edtn_dropdown dt a:hover, .edtn_dropdown dt a:focus { color:#5d4617;} .edtn_dropdown dt a { display:block;cursor:pointer; display:block;} .edtn_dropdown dd ul { background:#01274a none repeat scroll 0 0; color:#FFF; display:none;left:-8px; position:absolute; top:0px; width:auto; width:100px; list-style:none;opacity:0.95;filter:alpha(opacity=95);} .edtn_dropdown span.value { display:none;} .login .intl_edition .edtn_dropdown dd ul li a { padding:0px; display:block;background-image:none;text-align:center;cursor:pointer;} .whatsThis {text-align:center;float:right;width:110px;height:27px;padding-top:5px;background: transparent url(../../../../../i.cdn.turner.com/money/.element/img/5.0/buttons/blue-box-pointer.png) no-repeat;font:bold 13px Arial; } .whatsThis span {padding-right:10px;} #cnnNav_reskin .cnn-section-international ul.megamenu a.mm-item-link { padding: 8px 36px;} #cnnNav_reskin .cnn-section-international ul.megamenu #mm-share-twitter {padding: 5px 0px 2px 32px; } /*international IE hacks ***********/ .cnn-section-international#cnnNav_reskin ul.megamenu a.mm-item-link { *display:inline-block;} #cnnBanner_reskin .topright { _margin-bottom:-12px;} /* FOOTER *********************************************************************************************/ #cnnFooter { background-color:#005585; min-width: 991px; /* scroll fix */ } #cnnFooter img {border: none;} #cnnFooter .innershell { margin:0 auto; padding:0 5px 25px 5px; overflow:hidden; text-align:left; color:#FFF; width: 994px;} #cnnFooter .cnnlogo { margin-top:25px;} #cnnFooter li { margin: 25px 12px 15px 0px; width:176px; float:left; } #cnnFooter li.lastItem { margin-left:0px; } #cnnFooter li .listHeader { margin-bottom:7px; font-weight:bold; font-size:12px; line-height:1.33em; color:#FFF; } #cnnFooter a { margin-bottom:10px; font-size:12px; text-decoration:none; color:#FFF; } #cnnFooter a:hover{ text-decoration:underline; } #cnnFooter .disclaimer { border-top:1px solid #3E729B; border-bottom:1px solid #3E729B; clear:both; color:#5287BB; font-size:11px; line-height:1.636em; overflow:hidden; padding:20px 0; width: 984px;} #cnnFooter .disclaimer a {font-size:11px;} #cnnFooter .copyright { margin-top:20px; clear:both; font-size:11px; color:#FFF; } #cnnFooter .copyright a { text-decoration:none; color:#5287BB; font-size:11px; } #cnnFooter .copyright a:hover { text-decoration:underline; } #cnnFooter ul li li{ float: none; margin: 0 0 10px 0; width: auto;} /** iframe hide hack **/ #cnnFooter iframe {display: none;}