/****************************************************** * Styles for all video pages. * This is the base css file all video pages should have. * This controls the page layouts of a video page. NOT the video player (see video.player.css). * ******************************************************/ body {font-family: arial; font-size: 12px; font-weight: normal;} h1, h2, p {margin: 0px;} a {color: #004276; text-decoration:none;} a:hover {text-decoration:underline;} body.cnnVideoPage {color:#000; background:#EEE;margin:0px;padding:0px 0px 0px 10px;text-align:center;} html>body.cnnVideoPage {padding:0px;} .cnnVideoPage a:focus {outline:none;} /** Types of video pages **/ #cnnVideoCatPage, #cnnVideoArchive, #cnnVideoShowlistPage {margin:0px auto; text-align: left; width:994px;} /*********************** Page Header nav ***********************/ .cnnVideoPage #mainNavMenu {width:994px;} .cnnVideoPage #cnnMoneyBanner .moneySearchTxtField {height: 19px; padding-bottom:0px;} .cnnVideoPage #cnnMoneyBanner .cnnMoneyBannerRgt .cnnMoneyServices li {background-position: 0 7px;} /************** TOP ROW *****************/ .mainRow {background-color: #FFF; border-top: 9px solid #EEE; clear: both; overflow: hidden;width: 100%;} #cnnVideoHome .mainRow {padding: 11px 0px 10px 0px;} /* columns */ .cnnVideoPage #content {} .cnnVideoPage #mainCol {padding-top: 12px;} .cnnVideoPage #main_rightCol {margin-top: 9px;} /*************** Video landing pages ***************/ #cnnVideoCatPage .mainRow {border-bottom:10px solid #EEE;} #cnnVideoCatPage #content {background: #FFF;} #cnnVideoCatPage #mainCol {padding-right: 0px; width: 613px;} html>body #cnnVideoCatPage #mainCol {width: 598px;} #cnnVideoCatPage #main_rightCol {background: #FFF; margin-top: 0px; padding-left: 0px; padding-top: 5px; width: 366px;} html>body #cnnVideoCatPage #main_rightCol {width: 366px;} #cnnVideoCatPage #cnnVidPanel {border-right: 10px solid #EEE; float: left; padding-top: 15px; overflow: overflow; width: 628px;height:390px;} html>body #cnnVideoCatPage #cnnVidPanel {width: 618px;height:380px;} #cnnVideoCatPage #cnnVPAd {float: right; padding-top: 15px; text-align: center; overflow: visible; width: 366px; min-height:290px; height: auto; z-index:0; } * html #cnnVideoCatPage #cnnVPAd { height:305px; } html>body #cnnVPAd {height:auto;} /*************** /Video landing pages ***************/ /*************** Show list page ***************/ #section_ShowList .boxHeading {padding-bottom: 14px;} #section_ShowList .summaryBlock {float: left; margin-bottom: 35px; width: 50%} #section_ShowList .summaryBlock .cnnEyebrow {font-size: 16px; font-weight: bold;} #section_ShowList .summaryBlock .cnnHeadline {font-size: 12px;} #section_ShowList .summaryBlock .cnnFeedLinks {font-size: 11px;} /*************** /Show list page ***************/ /*************** Video Section pages ***************/ #cnnVideoArchive #mainCol {border-top: 9px solid #EEE; margin-top: 0px; width: 648px;} html>body #cnnVideoArchive #mainCol {width: 618px;} #cnnVideoArchive #main_rightCol {border-top: 9px solid #EEE; margin-top: 0px; width: 344px;} html>body #cnnVideoArchive #main_rightCol {width: 336px;} /*************** Video /Section pages ***************/ /********* ADS *********/ #adsquare {margin-top: 0px; vertical-align:bottom;text-align:center; width: 336px;} /* 728 ceiling ad */ .cnn728Container {background:#fff;padding:9px 0;border-bottom:1px solid #e6e6e6;} .cnn728Ad {background:#fff;width:1002px;height:90px;text-align:center;margin:0 auto;} /* quigo */ .cnnVideoPage #quigo628 {} .cnnVideoPage #quigo628 #ad-32082 { border: 0; padding: 0; margin: 0 auto;} /*************** General Elements ****************/ .vicon, .vicon2 {border: none; margin-left: 0px; margin-right: 5px;} .boxHeading, .boxHeading a{letter-spacing: normal;} .HeadlineList {margin-top: 0px;} .HeadlineList ul {list-style-type:none; margin:0 0 12px 0; padding:0;} .HeadlineList ul li {line-height:12px; margin: 0px; padding:5px 0 2px 0px; clear: both;} .cnnDuration {color:#999; font-size:10px;} .moreStoriesLink {background:transparent url(https://i.cdn.turner.com/money/.element/img/2.0/buttons/circle_arrow.gif) no-repeat scroll left center; margin:0; padding-left:15px; vertical-align:top;} /*** List of Videos ***/ .cnnVideoPage #mainCol .summaryList {border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;} .cnnVideoPage #mainCol .summaryList .summaryBlock, .cnnVideoPage #mainCol .summaryList .summaryBlocknoImage {border-top: 1px solid #e1e1e1; margin-bottom: 11px; padding-top: 8px;} .cnnVideoPage #mainCol .summaryList .img01paddingL, .cnnVideoPage #mainCol .summaryList .img02paddingL {margin-right: 10px; position:relative; top:3px;} .cnnVideoPage #mainCol .summaryList .cnnDuration {color:#004276; margin-left: 5px;} .cnnVideoPage #mainCol .summaryList .cnnDateStamp {font-family:Arial; margin-left: 5px;} .cnnVideoPage #mainCol .summaryList .cnnBlurbTxt{margin-top:0;} /*** /List of Videos ***/ /*************** /General Elements ****************/ /*************** Video branding banner ****************/ #storyBrandingBanner {background: url(https://i.cdn.turner.com/money/.element/img/1.0/banner/video/branding_bg.gif) repeat-x; border-bottom: 10px solid #EEE; height: 50px; padding: 0px 21px; overflow: visible;} #storyBrandingBanner .storyBrandingBanner_Title {font-size: 28px; font-weight: bold; margin-top: 7px; margin-right: 9px; float: left;} #storyBrandingBanner .storyBrandingBanner_SubTitle {font-size: 14px; font-style: italic; font-weight: normal;} #storyBrandingBanner .cnnsponsorAd {float: right; height: 50px;} #storyBrandingBanner .cnnsponsorAd td {text-align: right;} #storyBrandingBanner .cnnsponsorText {color: #999; font-size: 11px;} /*************** /Video branding banner ****************/ /*************** Start of Popular/More Videos ****************/ #section_moreVids {float: right; padding-left: 0px; width: 350px; overflow: hidden;border-bottom:1px solid #F0F0F0;margin-bottom:15px; } #section_moreVids .boxHeading { padding: 0; margin: 0; padding-bottom: 10px; margin-top: 8px; font-size: 20px; word-spacing: -1px; } #section_moreVids .HeadlineList {border-top: 1px solid #e1e1e1; float: left; width: 306px; } #section_moreVids .HeadlineList ul { margin-bottom: 0; margin-top: 7px; } #section_moreVids .HeadlineList ul li { background-image: none; padding: 0; margin: 0; min-height: 20px; height: auto; display: none; } #section_moreVids .HeadlineList ul li a { font-weight: bold; } #section_moreVids .cnnDuration { color: #004276; margin-left:3px; } #section_moreVids .cnnCtrls_scroll {background-color: #eee; border: 1px solid #e1e1e1; float: right; width: 30px;} #section_moreVids .cnnCtrls_scroll .cnnCtrls_up {background: #fff url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/arrow_buttons.gif) no-repeat -4px -4px; border-bottom: 1px solid #e1e1e1; height: 28px;} #section_moreVids .cnnCtrls_scroll .cnnCtrls_down {background: #fff url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/arrow_buttons.gif) no-repeat -36px -4px; border-top: 1px solid #e1e1e1; height: 28px;} #section_moreVids .cnnCtrls_scroll .cnnCtrls_prog {width: 100%; height: 55px;} #section_moreVids .cnnCtrls_progbar {border: 1px solid #fff; width: 28px; height: 55px; position: absolute; z-index:5;} #section_moreVids .cnnCtrls_progHandle {background-color: #fff; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; width: 100%; height: 20px; position: relative; z-index:10; line-height: 0; font-size: 1px; } * html #section_moreVids .boxHeading { margin-top: 10px !important; } * html #section_moreVids .HeadlineList { margin-bottom: 5px; } * html #section_moreVids .HeadlineList ul li { height: 20px; } * html #section_moreVids .cnnCtrls_scroll { width: 31px; } * html #section_moreVids .cnnCtrls_scroll .cnnCtrls_prog {height: 57px;} * html #section_moreVids .cnnCtrls_progbar { width: 29px; } body:last-child:not(:root:root) #section_moreVids .boxHeading { margin-top: 10px !important; } /*************** End of /Popular/More Videos ****************/ /*************** All Original Shows ******************/ .cnnVideoPage #cnnVideoShowlistPage #mainCol .summaryList {margin:0px;padding:0px;width:640px;border-bottom:0px;} .cnnVideoPage #cnnVideoShowlistPage .summaryList .summaryBlock {border:none;padding-top: 12px;width:320px;} .cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnBlurbTxt {padding-right:15px;margin-top:3px;} .cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnEyebrow a {vertical-align:bottom;} #cnnVideoShowlistPage #main_rightCol #section_Search .cnnVideo_Search {width:247px;height:24px;} #cnnVideoArchive #main_rightCol #section_Search .cnnVideo_Search {width:247px;} .cnnVideoPage #cnnVideoShowlistPage #mainCol .img01paddingL {top:0px;margin-bottom:0px;} html>body.cnnVideoPage #cnnVideoShowlistPage #mainCol .img01paddingL {top:2px;} .cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnEyebrow {margin-top:-2px;} html>body.cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnEyebrow {margin-top:0px;} .cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnEyebrow img {position:relative;top:2px;} html>body.cnnVideoPage #cnnVideoShowlistPage .summaryList .cnnEyebrow img {top:-2px;} /*************** /All Original Shows ******************/ /*************** Latest Videos per Category ****************/ #section_AllCatVids {margin-bottom: 40px;} html>body #section_AllCatVids {margin-bottom: 30px;} #section_AllCatVids .boxHeading {font-size: 16px; padding-bottom: 12px;} /*************** /Latest Videos per Category ****************/ /*************** RIGHT RAIL ****************/ /* Full width module */ #main_rightCol .cnn_wideScreen {background:#FFF;border:none; margin-left: -10px; margin-bottom: 8px; position:relative; width: 346px;} /* Search module */ #cnnVideoCatPage #section_Search {background-color: #FFF; border-top: 10px solid #EEE; float: right;padding:6px 0px 0px 15px; width: 366px; overflow: hidden; } html>body #cnnVideoCatPage #section_Search {width: 351px;} #main_rightCol #section_Search {background-color: #FFF; padding:6px 0px 17px 16px; margin-bottom: 8px;} #cnnVideoHome #main_rightCol #section_Search {padding-left: 24px; padding-top: 9px;} #main_rightCol #section_Search .cnnVideo_Search, .cnnVideoPage #section_Search .cnnVideo_Search {border:1px inset #D1D1D1; color:#666666; font-size:11px; padding:3px 0 3px 3px; width: 274px;} html>body #main_rightCol #section_Search .cnnVideo_Search {margin-top: 1px;} * html #cnnVideoCatPage #main_rightCol #section_Search .cnnVideo_Search {height: 21px;} #cnnVideoHome #main_rightCol #section_Search .cnnVideo_Search {width: 241px;} #main_rightCol #section_Search form, .cnnVideoPage #section_Search form {margin: 0px; padding: 0px;} #main_rightCol #searchButton, .cnnVideoPage #searchButton {margin-left: 5px; vertical-align: top;} /* Podcast */ #main_rightCol #podcastContainer {margin-bottom: 30px; padding-left:15px; padding-right: 15px;} #main_rightCol #podcastContainer .cnnHeadline {font-size: 19px; font-weight: bold;} #main_rightCol #podcastContainer .podLinks {margin-top: 5px;} #main_rightCol #podcastContainer .podLinks a {margin-right: 5px;} /* Original Shows */ #section_Shows {width: 336px;} html>body #cnnVideoShowlistPage #section_Shows {width: 306px;} /* Video Sponsors */ #section_sponsorVids {background-color: #FFF; margin: 9px 0px; overflow: visible; padding:13px 15px 1px 15px; width: 336px;} /* What the HACK? -- IE6 is acting like FF and including padding. */ html>body #section_sponsorVids {width: 306px;} #section_sponsorVids .boxHeading {padding-bottom: 9px;} #section_sponsorVids .summaryBlockNoImage, #section_sponsorVids .summaryBlock {margin-bottom: 17px; margin-top: 1px;} #section_sponsorVids .img01paddingL, #section_sponsorVids .img02paddingL {margin-right: 10px; position: relative; top: 3px;} #section_sponsorVids .cnnHeadline {font-size: 16px; font-weight: bold; margin-bottom: 1px;} html>body #section_sponsorVids .cnnHeadline {margin-bottom: 2px;} /********* Video Nav: Videos by Category *********/ #section_vidsByCat {margin-bottom: 30px; padding-left: 15px; padding-right: 15px;} #section_vidsByCat .boxHeading {padding-bottom: 13px;} #section_vidsByCat ul.cnnVidCats {border-top: 1px solid #dedede; } #section_vidsByCat ul.cnnVidCats li {background: none; border-bottom: 1px solid #dedede; padding-bottom: 0px; padding-top: 0px;} #section_vidsByCat ul.cnnVidCats li a {background:#f5f5f5; display: block; padding-left: 7px; padding-top: 7px; padding-bottom: 6px;} #section_vidsByCat ul.cnnVidCats li a:hover {background:#fff; text-decoration: none;} #section_vidsByCat ul.cnnVidCats li ul {display: none; margin-bottom: 5px; margin-left: 7px; margin-top: 2px;} html>body #section_vidsByCat ul.cnnVidCats li ul {margin-bottom: 6px;} #section_vidsByCat ul.cnnVidCats li li {border-bottom: none; font-weight: normal; padding-bottom: 0px; padding-bottom: 0px;} /* IE li needs height adjustment - problem if wraps */ * html #section_vidsByCat ul.cnnVidCats li li { height: 12px;} #section_vidsByCat.cnnvnav_businessnews ul.cnnVidCats #cnnvcat_businessnews, #section_vidsByCat.cnnvnav_markets ul.cnnVidCats #cnnvcat_markets, #section_vidsByCat.cnnvnav_pf ul.cnnVidCats #cnnvcat_pf, #section_vidsByCat.cnnvnav_technology ul.cnnVidCats #cnnvcat_technology, #section_vidsByCat.cnnvnav_luxury ul.cnnVidCats #cnnvcat_luxury, #section_vidsByCat.cnnvnav_autos ul.cnnVidCats #cnnvcat_autos, #section_vidsByCat.cnnvnav_smallbusiness ul.cnnVidCats #cnnvcat_smallbusiness, #section_vidsByCat.cnnvnav_newsmakers ul.cnnVidCats #cnnvcat_newsmakers, #section_vidsByCat.cnnvnav_fortune ul.cnnVidCats #cnnvcat_fortune, #section_vidsByCat.cnnvnav_moneymag ul.cnnVidCats #cnnvcat_moneymag {background-color: transparent;} #section_vidsByCat.cnnvnav_businessnews ul.cnnVidCats #cnnvcat_businessnews a, #section_vidsByCat.cnnvnav_markets ul.cnnVidCats #cnnvcat_markets a, #section_vidsByCat.cnnvnav_pf ul.cnnVidCats #cnnvcat_pf a, #section_vidsByCat.cnnvnav_technology ul.cnnVidCats #cnnvcat_technology a, #section_vidsByCat.cnnvnav_luxury ul.cnnVidCats #cnnvcat_luxury a, #section_vidsByCat.cnnvnav_autos ul.cnnVidCats #cnnvcat_autos a, #section_vidsByCat.cnnvnav_smallbusiness ul.cnnVidCats #cnnvcat_smallbusiness a, #section_vidsByCat.cnnvnav_newsmakers ul.cnnVidCats #cnnvcat_newsmakers a, #section_vidsByCat.cnnvnav_fortune ul.cnnVidCats #cnnvcat_fortune a, #section_vidsByCat.cnnvnav_moneymag ul.cnnVidCats #cnnvcat_moneymag a {background: transparent url(https://i.cdn.turner.com/money/.element/img/2.1/buttons/video/left_arrow.gif) no-repeat 0 10px; font-weight: bold; padding-left: 14px; position: relative; left: -7px;} #section_vidsByCat.cnnvnav_businessnews ul.cnnVidCats #cnnvcat_businessnews li a, #section_vidsByCat.cnnvnav_markets ul.cnnVidCats #cnnvcat_markets li a, #section_vidsByCat.cnnvnav_pf ul.cnnVidCats #cnnvcat_pf li a, #section_vidsByCat.cnnvnav_technology ul.cnnVidCats #cnnvcat_technology li a, #section_vidsByCat.cnnvnav_luxury ul.cnnVidCats #cnnvcat_luxury li a, #section_vidsByCat.cnnvnav_autos ul.cnnVidCats #cnnvcat_autos li a, #section_vidsByCat.cnnvnav_smallbusiness ul.cnnVidCats #cnnvcat_smallbusiness li a, #section_vidsByCat.cnnvnav_newsmakers ul.cnnVidCats #cnnvcat_newsmakers li a, #section_vidsByCat.cnnvnav_fortune ul.cnnVidCats #cnnvcat_fortune li a, #section_vidsByCat.cnnvnav_moneymag ul.cnnVidCats #cnnvcat_moneymag li a {background:transparent url(https://i.cdn.turner.com/money/.element/img/2.0/buttons/bullet-black.gif) no-repeat scroll 0 6px; font-size: 11px; font-weight: normal; padding-bottom: 3px; padding-top: 0px; padding-left:8px; left: 0px;} #section_vidsByCat ul.cnnVidCats li ul li a.cnnSelected {color: #000;} #section_vidsByCat.cnnvnav_businessnews ul.cnnVidCats #cnnvcat_businessnews ul, #section_vidsByCat.cnnvnav_markets ul.cnnVidCats #cnnvcat_markets ul, #section_vidsByCat.cnnvnav_pf ul.cnnVidCats #cnnvcat_pf ul, #section_vidsByCat.cnnvnav_technology ul.cnnVidCats #cnnvcat_technology ul, #section_vidsByCat.cnnvnav_luxury ul.cnnVidCats #cnnvcat_luxury ul, #section_vidsByCat.cnnvnav_autos ul.cnnVidCats #cnnvcat_autos ul, #section_vidsByCat.cnnvnav_smallbusiness ul.cnnVidCats #cnnvcat_smallbusiness ul, #section_vidsByCat.cnnvnav_newsmakers ul.cnnVidCats #cnnvcat_newsmakers ul, #section_vidsByCat.cnnvnav_fortune ul.cnnVidCats #cnnvcat_fortune ul, #section_vidsByCat.cnnvnav_moneymag ul.cnnVidCats #cnnvcat_moneymag ul {display: block;} /* Sponsor Box */ #moneySponsorBox .summaryBlock{margin-bottom: 0px; padding-bottom: 18px; padding-top: 9px;} /* About Box */ #section_About {margin: 9px 0px; padding:13px 15px 12px 15px;} /*************** /RIGHT RAIL ****************/ /* Spring 2010 */ /*video.main.css*/ .sp2010 #section_moreVids {margin:15px 0 0 0; height: 87px; border-bottom:1px solid #E2E2E2;} .sp2010 #section_moreVids .HeadlineList {width: 318px;} * html .sp2010 #section_moreVids .HeadlineList {width: 319px;} .sp2010 #section_vidsByCat{margin-top:13px;} .sp2010 #section_moreVids .cnnCtrls_scroll .cnnCtrls_prog, .sp2010 #section_moreVids .cnnCtrls_progbar {height: 28px;} * html .sp2010 #section_moreVids .cnnCtrls_scroll .cnnCtrls_prog {height: 28px;} * html .sp2010 #section_moreVids .cnnCtrls_scroll .cnnCtrls_progbar {height: 28px;} .sp2010 #digg-video-share-counter {overflow:hidden;} .sp2010 span.db-medium{margin-bottom:20px;} .sp2010 #social-share-video { border: 1px solid #e2e2e2; background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/2x80.jpg) 0 2px repeat-x; width: 574px; padding: 0; margin: 20px auto 0 auto; height: 82px; } .sp2010 #social-share-video .left { width: 356px; height: 60px; float: left; margin: 10px 0 10px 10px; border: 1px solid #e2e2e2; } .sp2010 #social-share-video .left #fb-video-recommend { width: 295px; height: 40px; padding: 0 10px 0 0; margin: 17px 0 0 10px; float: left; } .sp2010 #social-share-video ul { display: inline-block; margin: 0; padding: 0; } .sp2010 #social-share-video ul li { list-style: none; display: block; margin: 10px 11px 0 0; padding-left: 0px; background: none; height: 70px; width: 50px; float: left; text-align: center; } .sp2010 #social-share-video ul li#fb-video-share-counter{ margin-left: 11px; } .sp2010 #social-share-video ul li#fb-video-share-counter a { background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/50x62xFBShare.jpg) 0 0 no-repeat !important; display: block; width: 50px; height: 54px; color: #555; padding-top: 8px; font-size: 18px; text-decoration: none; font-weight: bold; } .sp2010 #social-share-video ul li#twitter-video-share-counter{width:55px;} .sp2010 #social-share-video ul li#linkedin-video-share-counter{ margin-right: 0; width: 57px; height: 62px; overflow: hidden; } .sp2010 #social-share-video ul li#linkedin-video-share-counter a { display: block; width: 57px; height: 62px; background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/linkedin_gradient_228x62.gif) 0 0 no-repeat; padding-top: 8px; font-size: 16px; font-weight: bold; padding-top: 8px; } .sp2010 #social-share-video ul li#linkedin-video-share-counter a:hover { background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/linkedin_gradient_228x62.gif) -57px 0 no-repeat; text-decoration: none; } .sp2010 #social-share-video ul li#linkedin-video-share-counter a.linked { background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/linkedin_gradient_228x62.gif) -114px 0 no-repeat; } .sp2010 #social-share-video ul li#linkedin-video-share-counter a.linked:hover { background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/linkedin_gradient_228x62.gif) -171px 0 no-repeat; } .sp2010 #social-share-video ul li#digg-video-share-counter{ margin-right: 0; } .sp2010 .db-anchor{ visibility: hidden; } * html .sp2010 #social-share-video { width: 577px !important; margin-left: 20px; background: transparent url(https://i2.cdn.turner.com/money/.element/img/4.0/misc/2x80.jpg) 0 0px repeat-x; height: 80px; } * html .sp2010 #social-share-video ul li#fb-video-share-counter a { height: 62px; }