@import url('http://cdn.abclocal.go.com/static/css2007/global.css'); /* READ ME - for all global styles/colors/positioning/etc */ /*MAIN GLOBAL NAV*/ #navCategory { visibility:visible;} /* GLOBAL */ #global #search {background-image:none} #search #searchPhrase {width:340px} div#contentMain.twoColumn {background-color:#e2e8ee; /*display:inline;*/ margin:0 0 10px 0; padding:0 0 10px 0; /*min-height:1000px;*/ vertical-align:top; width:818px;} #page.channel div#contentMain.twoColumn, #page.view_from_the_bay div#contentMain.twoColumn {width:640px; background-color: #fff;} div#contentMain.twoColumn a:hover {text-decoration:underline} div#contentMain.twoColumn #contentMore {background-color:#fff; display:/*inline-*/block; /*float:none;*/ margin:2px 6px 8px 6px; padding:0; width:807px;} /*div#contentMain.twoColumn #contentMore.story {display:inline-block}*/ #page.channel div#contentMain.twoColumn #contentMore, #page.view_from_the_bay #contentMore {width:600px; margin: 5px 20px 5px 20px; float: left; display:inline;} #page.channel div#contentMain.twoColumn #contentMore {visibility:hidden;} #contentFeatured {width:925px} #page.channel_wx #contentFeatured {margin:10px auto 10px 37px} #page.channel_wx #copyright {width:1000px} div#contentMain.twoColumn h2 {color:#333333; float:left; font-weight:normal; font-size:1.4em; text-transform:none; margin:0; padding:0} div#contentMain.twoColumn h2.vidDomain, div#contentMain.twoColumn h2.vidDomain { text-transform: uppercase; } div#contentMain.twoColumn h2 a, #contentMain h2 a:visited, #contentMain h2 a:hover {color:#333333;} div#contentMain.twoColumn h3 {color:#333333; font-weight:bold; font-size:1.2em; text-transform:none} div#contentMain.twoColumn h4 {color:#333333; font-weight:bold; font-size:1.1em; text-transform:none; margin:0; padding:0} #page #contentMore {clear: none;} #page #sitemap {clear:none;font-size:0.9em;} /* SOCIAL NETWORK BAR */ #page #global #search .socialNetworks a {width: 27px; height: 26px;} #page #global #search .socialNetworks a:hover {opacity: .7; filter:alpha(opacity = 70);} #page #global #search .socialNetworks a:hover .socialNetwork_twitter {opacity: .7; filter:alpha(opacity = 70);} #page #global #search .socialNetworks a:hover .socialNetwork_facebook {opacity: .7; filter:alpha(opacity = 70);} #page #global #search .socialNetworks a:hover .socialNetwork_phone {opacity: .7; filter:alpha(opacity = 70);} #page #global #search .socialNetworks a:hover .socialNetwork_email {opacity: .7; filter:alpha(opacity = 70);} .socialNetwork_followus {background-repeat: no-repeat; cursor: pointer; width: 77px; height: 9px; float: left; margin: 8px 10px 0 0;} .socialNetwork_facebook {background-image:url(../art/global/socialNetwork_facebook.png); background-repeat:no-repeat; cursor:pointer; width:27px; height:26px; float:left; margin:0 10px 0 0} .socialNetwork_twitter {background-image:url(../art/global/socialNetwork_twitter.png); background-repeat:no-repeat; cursor:pointer; width:27px; height:26px; float:left; margin:0 10px 0 0} .socialNetwork_phone {background-image:url(../art/global/socialNetwork_phone.png); background-repeat:no-repeat; cursor:pointer; width:27px; height:26px; float:left; margin:0 10px 0 0} .socialNetwork_email {background-image:url(../art/global/socialNetwork_email.png); background-repeat:no-repeat; cursor:pointer; width:27px; height:26px; float:left; margin:0} /* TOP PANEL */ #topPanel {height:35px; margin:1px 0 0 10px;} #topPanel .panelWeather {border-right:solid 3px #cbd0d6; display:inline; float:left; position:relative; height:35px; margin:0; padding:0; width:335px;} #topPanel .panelWeather .wtf_alert {position:absolute; left:175px; top:20px; z-index:2010; margin:0; padding:0; width:54px; height:13px;} #topPanel .panelWeather .wtf_alert .alert {width:54px; height:13px; margin:0; /*display:inline-block*/} #topPanel .panelWeather .miniAd {display:inline-block; width:88px; height:31px; float:right; margin:0; padding:0;} #topPanel .panelWeather img.icon_weather {position:absolute; top:-4px; left:-7px; z-index:100} #topPanel .panelWeather .cityLocation {height:17px; padding:0; margin:0 0 0 40px} #topPanel .panelWeather .cityLocation .header, #topPanel .panelWeather .cityLocation .header a {font-weight:bold; font-size:0.9em; float:left; margin:1px 0 0 2px; padding:0; display:inline} #topPanel .panelWeather .cityLocation .header .changeCity a { color: #666666; line-height: 14px; font-size: 0.8em; padding-left: 5px; margin: 0; } /*#topPanel .panelWeather .changeCity {float:left}*/ /*#topPanel .panelWeather .changeCity a{color:#666666; font-weight:bold; font-size:0.7em; margin:4px 0 0 5px; padding:0; display:inline}*/ #topPanel .panelWeather .temp {color:#666666; font-weight:bold; font-size:1.1em; float:left; margin:0 10px 0 45px; padding:0; display:inline} #topPanel .panelWeather .text {color:#333333;font-size:.85em; float:left; line-height:15px; padding:0; margin:0} #topPanel .panelWeather .temp a, #contentMain #topPanel .panelWeather .temp a:visited, #contentMain #topPanel .panelWeather .temp a:active{color:#666666} #topPanel .panelWeather .text a, #contentMain #topPanel .panelWeather .text a:visited ,#contentMain #topPanel .panelWeather .text a, #contentMain #topPanel .panelWeather .text a:active{color:#333333} div#contentMain.twoColumn .wx_loadingIcon {padding:5px 0 0 100px;} div#contentMain.twoColumn .wx_loadingIcon img{width:20px; height:20px;} #topPanel .panelTraffic {border-right:solid 3px #cbd0d6; width:195px; height:35px; float:left; margin:0; padding:0; display:inline; overflow:hidden} #topPanel .panelTraffic .icon {margin:5px 0 0 10px; padding:0; float:left; width:37px; height:27px; display:inline} #topPanel .panelTraffic .header {font-weight:bold; margin:3px 0 0 10px; padding:0; float:left; font-size:0.85em; display:inline} #topPanel .panelTraffic .header a {font-weight:bold} #topPanel .panelTraffic .text {color:#333333; font-size:0.85em; float:left; line-height:15px; padding:0; margin:1px 0 0 11px} #topPanel .panelTraffic .text a, #topPanel .panelTraffic .text a:active, #topPanel .panelTraffic .text a:visited {color:#333333} #topPanel .panelExtra {padding:0; margin:0; height: 35px; width:270px; float:left} #topPanel .panelExtra .fepAd1 {float:left; margin:0; padding:0} #topPanel .panelExtra .fepAd2 {float:left; margin:0; padding:0; display:inline; width:88px; height:31px; top:2px} /* TOP PANEL WEATHER (change window) */ div#contentMain.twoColumn .cityWeatherInfo {display:block; position:relative} div#contentMain.twoColumn #changeCityForm {background-color:#E2E8EE; border-right:3px solid #CBD0D6; clear:both; display:none; font-size:12px; z-index:2000; margin:0 0 0 -10px; padding:0px 0px 0px 5px; position:absolute; left:5px; top:35px; width:320px;} div#contentMain.twoColumn #changeCityForm #conditionsFinder{border-bottom:3px solid #CBD0D6; height:195px; padding:15px; visibility:hidden;margin:0px;} div#contentMain.twoColumn #changeCityForm #conditionsFinder .formFinder{} div#contentMain.twoColumn #changeCityForm #conditionsFinder .customizeComment{width:194px;} div#contentMain.twoColumn #changeCityForm #conditionsFinder .formFinder .currentForm{width:278px; height:37px; margin:0; padding:15px 0 0 0;} div#contentMain.twoColumn #cityErrorForm {background-color: #E2E8EE; border-right:3px solid #CBD0D6; border-bottom:3px solid #CBD0D6;font-size:12px; display:block; margin-left:-10px; padding:5px; position:absolute; left:5px; top:35px; width:315px; z-index:2000;} div#contentMain.twoColumn #cityErrorForm #cityErrorFormFinder{padding:10px;} div#contentMain.twoColumn #cityErrorForm .citySearchError {color:#990000;} div#contentMain.twoColumn #cityErrorForm #browseCityList {color:#990000; text-decoration:underline;} div#contentMain.twoColumn #weatherConditionsInfo{height:35px; width:244px; float:left; margin:0 3px 0 0;} div#contentMain.twoColumn #weatherCookieHiddenForm{display:none; padding:0; margin:0;} div#contentMain.twoColumn fieldset {border:medium none; margin:0;padding:0;} div#contentMain.twoColumn .forecastSearchForm{border:1px solid #666666; width:216px; height:19px; padding:0; margin:0;} div#contentMain.twoColumn .weatherMapSearch {background-color:#ffffff; border:1px solid #666666; font-size:11px; width:216px;} div#contentMain.twoColumn .finderSearchTxt{border:0pt none; height:14px;margin:1px 5px 0pt;padding:0pt;vertical-align:top; text-align:center; font-size:11px;} div#contentMain.twoColumn .searchSubmit{height:17px;margin:0pt;vertical-align:top;width:38px;} div#contentMain.twoColumn .closeFinder {float:right; cursor:pointer;} div#contentMain.twoColumn .currentForm{margin:0; padding:10px 0;} div#contentMain.twoColumn .inputContainer {background-color:#ffffff; /*border:1px solid #999999; width:234px;*/ height:20px;} div#contentMain.twoColumn .formText{border:0; font-size:0.95em; height:18px; margin:0; padding:0pt; text-align:left; vertical-align:top;} div#contentMain.twoColumn .searchBrowse{height:20px; margin:0pt; vertical-align:top; width:56px} div#contentMain.twoColumn input {font-size:0.95em;} /* war */ div#contentMain.twoColumn #contentMore div.warLinks { margin-left: 10px; } div#contentMain.twoColumn #contentMore div.warLinks span.warRelatedText{ font-size: .9em; color: #333; font-weight: bold; text-transform: uppercase; } div#contentMain.twoColumn #contentMore div.warLinks a.warRelated { font-size: .9em; color: #0B5292; } /* TOPSTORY: WAR */ #topStory #war {margin:10px} #topStory #war h1 {font-size:2.3em; margin:0; padding:0; text-transform:none; width:100%;} #topStory #war p {margin: 5px 0;} div#contentMain.twoColumn #contentMore ul.warLinks {margin-left: 10px;} div#contentMain.twoColumn #contentMore ul.warLinks li.warRelatedText{font-size: 1.2em; color: #333; font-weight: bold; text-transform: uppercase;} div#contentMain.twoColumn #contentMore ul.warLinks li.warRelated a {font-size: 1.2em; color: #0B5292;} /* TOPSTORY */ #topStoryMain { float: left; margin: 10px 0 0 10px; padding: 0; display: inline; width: 448px;} #page.home #topStoryMain { min-height:550px; max-height:580px} .modules #topStoryMain {float:left; display:inline; margin:0 10px 0 10px; padding:0; width:425px;} #contentMore.channelNews .modules #topStoryMain {margin:10px 10px 0 10px} #topStoryMain #imgMain {float:left; margin:0; padding:0; min-height: 188px;} #contentMore.channel #topStoryMain {margin:10px 0 0 10px;} /* topstory - special event treatment */ #topStoryMain #specialEventTreatment { position: relative; height: 302px; } #specialEventTreatment #setImgMain { position: relative; } #specialEventTreatment #setCallout { height: 100px; width: 428px; padding: 5px 10px; background: #000; position: absolute; top: 192px; } #specialEventTreatment #setCallout h1 { margin: 0 0 3px 0 !important; width: auto !important; font-weight: normal; text-transform: none; overflow: hidden; } #specialEventTreatment #setCallout h1 a:active, #specialEventTreatment #setCallout h1 a:focus, #specialEventTreatment #setCallout h1 a:link, #specialEventTreatment #setCallout h1 a:visited { color: #fff; text-decoration: none; } #specialEventTreatment #setCallout h1 a:hover, #specialEventTreatment #setCallout .relatedLinks li a:hover { color: #6ed6ff; text-decoration: none; } #specialEventTreatment #setCallout .callout { color: #ccc; font-size: 12px; line-height: 16px; } #specialEventTreatment #setCallout .relatedLinks { list-style-type: none; clear: none !important; margin-top: 5px !important; } #specialEventTreatment #setCallout .relatedLinks li { color: #bdbcbc; font-size: 12px; height: 18px; float: left; width: 214px; overflow: hidden; } #specialEventTreatment #setCallout .relatedLinks li a { color: #bdbcbc; } #specialEventTreatment #setCallout .relatedLinks li .angleQuote { font-size: 14px; padding-right: 10px; } #topStory {display:inline-block; padding:0; margin:0; width:800px;} #topStory #storyThumbs {position:absolute; left:545px} #topStory #storyThumbs ul {position:relative; list-style:none; padding:0; margin:0;} #topStory #storyThumbs ul li.thumbs {opacity: 0.5; filter:alpha(opacity = 50); zoom: 1; list-style:none; margin:0 0 8px 0; padding:0; cursor:pointer;} #topStory #storyThumbs ul li.thumbs.deactive:hover {background-image:url(../art/global/story_arrow.gif); background-repeat:no-repeat; background-position:top left; opacity: 1; filter:alpha(opacity = 100); zoom: 1} #topStory #storyThumbs ul li.thumbs.active{opacity: 1;filter:alpha(opacity = 100);zoom: 1} #topStory #storyThumbs ul li.thumbs.deactive{opacity: 1; filter:alpha(opacity = 100);zoom: 1} #topStory #storyThumbs ul li.play {background-image:url(../art/global/icon_play.png); background-repeat:no-repeat; background-position:60px 20px; font-size:0.85em; height:40px; margin:0 0 0 -10px; padding:0 0 0 80px; position:absolute; z-index:3; display:inline} #topStory #storyThumbs #storyArrow1.active {background-image:url(../art/global/story1-b_active.png); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:0; margin:0; padding:0; display:inline;} #topStory #storyThumbs #storyArrow2.active {background-image:url(../art/global/story2-b_active.png); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:50px; margin:0; padding:0; display:inline} #topStory #storyThumbs #storyArrow3.active {background-image:url(../art/global/story3-b_active.png); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:100px; margin:0; padding:0; display:inline} #topStory #storyThumbs #storyArrow4.active {background-image:url(../art/global/story4-b_active.png); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:150px; margin:0; padding:0; display:inline} #topStory #storyThumbs #storyArrow1.deactive {background-image:url(../art/global/story1_deactive.gif); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:0; margin:0; padding:0; display:inline;} #topStory #storyThumbs #storyArrow2.deactive {background-image:url(../art/global/story2_deactive.gif); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:50px; margin:0; padding:0; display:inline} #topStory #storyThumbs #storyArrow3.deactive {background-image:url(../art/global/story3_deactive.gif); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:100px; margin:0; padding:0; display:inline} #topStory #storyThumbs #storyArrow4.deactive {background-image:url(../art/global/story4_deactive.gif); background-repeat:no-repeat; width:28px; height:39px; z-index:100; position:absolute; left:-30px; top:150px; margin:0; padding:0; display:inline} #storyMainBody {top:205px; left:15px; width:425px; height:110px; margin:0; padding:0; display:block} #storyMainBody .headline{height:24px; overflow:hidden; margin:3px 0 0 0} #storyMainBody .headline h1{font-weight:normal; font-size:1.4em; float:none; margin:0; padding:0; width:100%; text-transform:none; position:static} #storyMainBody .callout {font-weight:normal; font-size:1.1em; line-height:18px; margin:3px 0 0 0; padding:0; min-height:18px; max-height:40px; overflow:hidden} #storyMainBody .minAgo {font-size: 8px;} #contentMore #topStoryMain h3 {color:#333333; font-weight:bold; font-size:1.2em;} #contentMore #topStoryMain .moreNews {width:438px; margin:0; padding:0; display:inline-block; clear:left} #contentMore #topStoryMain .moreNews h3{margin:20px 0 5px 0; padding:0;} #contentMore #topStoryMain .moreNews .moreNewsContainer {display:inline;} #contentMore #topStoryMain .moreNews ul.moreNewsItems {margin:0 /*0 20px 0*/; padding:0; list-style:none; display:inline; width:438px;} #contentMore #topStoryMain .moreNews ul.moreNewsItems .headline {font-size:1.4em; font-weight:normal} #contentMore #topStoryMain .moreNews ul.moreNewsItems li. {margin:0; padding:0; list-style:none; float:left; display:inline} #contentMore #topStoryMain .moreNews ul.moreNewsItems li.thumb {width:94px; margin:5px 10px 0 0; padding:0; float:left; display:inline} #contentMore #topStoryMain .moreNews ul.moreNewsItems li.body {margin:5px 0; padding:0; float:left; width:330px; display:inline;} #contentMore #topStoryMain .moreNews ul.moreNewsItems li div.headline {font-size:1.1em; float:none; height:18px; overflow:hidden;} #contentMore #topStoryMain .moreNews ul.moreNewsItems li div.callout {float:none;font-size:0.85em; margin:3px 0; min-height:18px; max-height:30px; overflow:hidden} #contentMore #topStoryMain .moreNews ul.moreNewsItems li div.callout span.city {color:#666} #contentMore #topStoryMain #imgMain .playLarge {background-image:url(../art/global/icon_play_large.png); background-repeat:no-repeat; background-position:0 0; cursor:pointer; position:absolute; width:49px; height:49px; margin:130px 0 0 10px; z-index:1000; display:inline} div#contentMain.twoColumn #contentMore #topStoryMain ul.links {margin:5px 0 0 0; height:15px} /* TOPSTORY CHANNEL */ #contentMore.channel #topStory #topStoryMain .moreNews {width:420px; margin:0; padding:0;} #contentMore.channel #topStory #topStoryMain .title {margin:0 0 6px 0; padding:0; display:inline-block} #contentMore.channelNews .modules #topStoryMain #storyMainBody {margin:5px 0 10px 0; min-height:85px; height:auto} #contentMore.channelNews ul li.headline {font-size:1.1em; margin:15px 0 0;} #contentMore.channelNews .modules .moreNews ul li.callout {height:28px; overflow:hidden} /* TOPSTORY: TOP STORY MORE */ #contentMore #topStoryMore { /*float: left;*/ float: right; /*margin: 10px 0 0 25px;*/ margin: 10px 0 0 15px; width: 320px; display: inline; } #contentMain #tabHeadlines {float:left; margin:0 2px 3px 0; padding:0; width:155px;} #contentMain #tabHeadlines.active {background-image:url(../art/global/tab_headlines_active.gif); background-repeat:no-repeat; width:155px; height:35px;} #contentMain #tabHeadlines.deactive {background-image:url(../art/global/tab_headlines_deactive.gif); background-repeat:no-repeat; width:155px; height:35px; cursor:pointer} #contentMain #tabHeadlines .text{color:#666666;font-weight:bold; float:left; font-size:1.2em; margin:4px 4px 0 7px; padding:0; display:inline} #contentMain #tabHeadlines .text:hover{color:#000000;} #contentMain #tabHeadlines.active .text{color:#000000;} #contentMain h4 {margin:6px 10px 0} #contentMain .title { font-weight: bold; color: #333333; margin: 6px 5px 0 15px; padding: 0; float: left; font-size: 1.1em; } #contentMain .titleGoogleAPI { color: #333333; padding: 0; } #contentMain #tabVideo {float:left; margin:0 2px 3px 0; padding:0; text-align:center; width:65px; display:inline-block} #contentMain #tabVideo.active {background-image:url(../art/global/tab_video_active.gif); background-repeat:no-repeat; width:65px; height:35px; padding:0} #contentMain #tabVideo.deactive {background-image:url(../art/global/tab_video_deactive.gif); background-repeat:no-repeat; width:65px; height:35px; padding:0; cursor:pointer} #contentMain #tabVideo .text{color:#666666; font-weight:bold; float:left; font-size:1.2em; margin: 4px 4px 0 10px; padding:0; display:block} #contentMain #tabVideo .text:hover{color:#000000;} #contentMain #tabVideo.active .text{color:#000000;} #contentMain #tabAbcNews {float:left; margin:0 0 3px 0; padding:0; text-align:center; width:85px; display:inline-block} #contentMain #tabAbcNews.active {background-image:url(../art/global/tab_abc_active.gif); background-repeat:no-repeat; width:85px; height:35px; padding:0} #contentMain #tabAbcNews.deactive {background-image:url(../art/global/tab_abc_deactive.gif); background-repeat:no-repeat; width:85px; height:35px; padding:0; cursor:pointer} #contentMain #tabAbcNews .text{color:#666666; font-weight:bold; float:left; font-size:1.2em; margin: 4px 4px 0 10px; padding:0; display:block} #contentMain #tabAbcNews .text:hover{color:#000000;} #contentMain #tabAbcNews.active .text{color:#000000;} #contentMain #tabHeadlines .rss, #topStoryMore #tabVideo .rss {float:left; margin:8px 0 0 0; padding:0} #contentMain #content_tabHeadlines {/*height:205px;*/ min-height:205px; margin:0; padding:0} #contentMain #content_tabHeadlines .headlinesMore {font-size:0.85em; margin:5px 0 0 15px; padding:0; height:14px; overflow:hidden} #contentMain #content_tabHeadlines .headlinesMore strong{font-weight:bold; font-size:1em; display:inline} #contentMain #content_tabHeadlines ul.bullet {display:block; margin:0; padding:0} #contentMain #content_tabHeadlines ul.bullet li {height:15px; overflow:hidden; margin:0 0 2px 0} #contentMain #content_tabHeadlines ul li h3{font-weight:bold; color:#666;} #contentMain #content_tabVideo {height:205px; min-height:205px; margin:0; padding:0} #contentMain #content_tabVideo ul {list-style:none; padding:0; margin:0; width:310px; clear:both; height:42px} #contentMain #content_tabVideo ul li {float:left; margin:0; padding:0; background-image:none} #contentMain #content_tabVideo ul li h3{font-weight:bold; color:#666; font-size:1em; margin:0 10px 0 0; padding:0; display:inline-block} #contentMain #content_tabVideo ul li img{margin:0; padding:0; list-style:none} #contentMain #content_tabVideo ul li.callout {width:200px; margin:0 0 0 10px; padding:0; font-size:.85em; height:45px} #contentMain #content_tabVideo .play {background-image:url(../art/global/icon_play.png); background-repeat:no-repeat; margin:15px 0 0 3px; padding:0; position:absolute; z-index:3;} #contentMain #content_tabVideo .allLink {margin:-5px 0 0 0} #contentMain #content_tabAbcNews {height:205px; min-height:205px; margin:0; padding:0} #contentMain #content_tabAbcNews a.title{display:none;} #contentMain #content_tabAbcNews ol.entries {display:block; margin:0; padding:0} #contentMain #content_tabAbcNews ol.entries li {width:290px; background-image:url(../art/global/bullet.gif); background-repeat:no-repeat; background-position:0 3px; font-weight:normal; list-style:none; padding:0 0 0 15px; margin:0 0 2px 0; font-size:11px; display:block; /*line-height:18px;*/ height:15px; overflow:hidden} #contentMain #content_tabAbcNews ol li div.title{font-weight: normal; color:#333333; margin:0; padding:0; float: none; font-size: 11px;} #contentMain #content_tabAbcNews ol li div.title a{height:16px; display:block;} #contentMain #content_tabAbcNews .loadingIcon{padding:0;} #contentMain #content_tabAbcNews .loadingIcon img{padding:80px 0 0 120px;} /* TOP STORY MORE STORY */ #contentMore.story #topStoryMore {float:left; margin:0; width:310px; display:inline; /*height:310px*/} #contentMore.story #topStoryMore #content_tabVideo ul li.play {left:645px} #contentMore.story #content_tabHeadlines {margin:0 0 15px 0} /* FRANCHISE */ #franchise {margin:0 0 10px 0; width:310px; display:inline-block} #franchise #content_tabHeadlines {height:150px; min-height:150px} #franchise .topNewsTitle {font-size:1.4em; margin:4px 0 0 0; padding:0} #franchise .text {font-size:0.85em; color:#333333; margin:0; display:inline-block; clear:left} #franchise .text a, #franchise .text a:visited {font-size:1em} #franchise .text p {margin:8px 0 0 0; padding:0} #franchise .links {margin:8px 0; height:14px; overflow:hidden} #franchise .franchiseImage {clear:left; display:inline-block; float:none; margin:0; padding:0} #franchise .franchiseImage img {margin:0; padding:0} .franchiseBlog {background-image:url(../art/global/intheblog.gif); background-repeat:no-repeat; width:301px; display:inline-block; margin:0} .franchiseQuote {background-image:url(../art/global/intheblog_franchise.gif); background-repeat:no-repeat; width:301px; margin:0 0 10px 0;} .franchiseBlog .text {color:#666666; font-size:0.85em; margin:0 0 0 10px;} .franchiseQuote .links {font-size:0.85em; margin:0 0 0 10px;} .franchiseBlog .quote, .franchiseQuote .quote {font-size:1.5em; width:245px; padding:20px 0 10px 0; margin:0 auto; font-family:Times New Roman; min-height:95px; height:auto;} .franchiseBlog ol, .franchiseQuote ol {margin:0; padding:0} .franchiseBlog ol li, .franchiseQuote ol li{list-style:none; margin:0; padding:0} .franchisePromo {margin:0 0 15px 0; display:inline-block; width:300px} .franchisePromo .promoStory .headline {font-size:0.9em;font-weight:bold;margin:0 0 5px;} .franchisePromo .promoStory .callout {font-size:0.85em;font-weight:normal; overflow:hidden} /* is this being used? */ .franchise_promo {background-image:url(../art/global/intheblog.gif); background-repeat:no-repeat; width:301px; margin:10px 0 20px 0; height:120px} .franchise_promo .quote {font-size:1.5em; width:240px; padding:20px 0 0 0; margin:0 auto; font-family:Times New Roman; height:95px; overflow:hidden} .franchise_promo .text {color:#666666; font-size:0.85em; margin:10px 0 10px 10px} .franchise_promo ol {margin:0; padding:0} .franchise_promo ol li {list-style:none; margin:0; padding:0} /* TOPSTORY: VIDEO MODULE */ div#contentMain.twoColumn #contentVideo {margin:0 0 5px 10px; width:785px; display:block; clear:left} #page.home div#contentMain.twoColumn #contentVideo {display:inline-block;} div#contentMain.twoColumn #contentVideo #videoThumbsMod {background-color:#e2e8ee; min-height:177px; margin:0; padding:0; display:inline} div#contentMain.twoColumn #contentVideo #videoThumbsMod ul.videoThumb {padding:0; list-style:none; height:115px; margin:0 0 0 15px} div#contentMain.twoColumn #contentVideo #videoThumbsMod ul.videoThumb li {background-image:none; font-weight:normal; list-style:none; float:left; margin:5px 11px 0 0; padding:0; width:98px; font-size:0.85em; display:inline; height:125px;} div#contentMain.twoColumn #contentVideo #videoThumbsMod ul.videoThumb li img{margin:0 0 5px 0} div#contentMain.twoColumn #contentVideo #videoThumbsMod ul.videoThumb li.live img {border:solid 2px #990000; margin: -1px 0 3px 0} div#contentMain.twoColumn #contentVideo #videoThumbsMod ul.videoThumb li div.play {background-image:url(../art/global/icon_play.png); background-repeat:no-repeat; width:20px; height:20px; margin:30px 0 0 5px; padding:0; position:absolute; z-index:3; display:inline; } div#contentMain.twoColumn #contentVideo #videoThumbsMod .videoLive {margin:0 auto; padding:0/*auto*/; height:20px; text-align:center; width:770px;} div#contentMain.twoColumn #contentVideo #videoThumbsMod .videoLive img.play {background-image:none; position:relative; top:3px; margin:0 0 0 5px; padding:0} div#contentMain.twoColumn #contentVideo #videoThumbsMod h2 { font-weight: normal; margin: 0 auto; text-align: center; height: 23px; overflow: hidden; padding: 0; width: 730px; display: inline; } div#contentMain.twoColumn #contentVideo .video_modtop {background-image:url(../art/global/video_modtop.gif); background-repeat:no-repeat; width:785px; height:8px;} div#contentMain.twoColumn #contentVideo .video_modbtm {background-image:url(../art/global/video_modbtm.gif); background-repeat:no-repeat; width:785px; height:8px;} div#contentMain.twoColumn #contentVideo #videoThumbsMod .dottedLine {background:url(../art/global/dotted_line.gif); background-repeat:repeat-x; height:5px; margin:0 0 5px 0} /* TOPSTORY: VIDEO MODULE SMALL*/ #contentVideoSm {margin:20px 0 10px 10px; width:449px; display:inline-block; clear:left} #contentVideoSm #videoThumbsMod {background-color:#e2e8ee; margin:0; padding:0; height:105px} #contentVideoSm #videoThumbsMod ul.videoThumb {margin:0; padding:0; list-style:none} #contentVideoSm #videoThumbsMod ul.videoThumb li {background-image:none; font-weight:normal; list-style:none; float:left; margin:0 11px 0 0; padding:0; width:98px; font-size:0.85em; display:inline; height:108px; overflow:hidden} #contentVideoSm #videoThumbsMod ul.videoThumb li img{margin:0 0 5px 0} #contentVideoSm #videoThumbsMod ul.videoThumb li.live img {border:solid 2px #990000; margin: -1px 0 3px 0} #contentVideoSm #videoThumbsMod ul.videoThumb li div.play {background-image:url(../art/global/icon_play.png); background-repeat:no-repeat; width:20px; height:20px; margin:30px 0 0 5px; padding:0; position:absolute; z-index:3; display:inline; } #contentVideoSm #videoThumbsMod .videoLive {margin:0 auto; padding:0/*auto*/; height:25px; text-align:center; width:770px;} #contentVideoSm #videoThumbsMod .videoLive img.play {position:relative; top:3px; margin:0 0 0 5px; padding:0} #contentVideoSm #videoThumbsMod h2 { font-weight: normal; margin: 0 auto; text-align: center; height: 23px; overflow: hidden; padding: 0; width: 730px; display: inline; } #contentVideoSm .video_modtop {background-image:url(../art/global/video_modtop.gif); background-repeat:no-repeat; width:785px; height:8px;} #contentVideoSm .video_modbtm {background-image:url(../art/global/video_modbtm.gif); background-repeat:no-repeat; width:785px; height:8px;} #contentVideoSm .dottedLine {margin:0 10px 5px 10px; padding:0; height:140px} /* MORE NEWS */ .moreNews {background-color:#ffffff; margin:15px 0 15px 10px; padding:0;width:465px;} .moreNews ul li.headline {background-image:url(../art/global/bullet.gif); background-repeat:no-repeat; background-position:0 3px; font-weight:normal; list-style:none; margin:15px 0 0 0; padding:0 0 0 15px; font-size:1.1em} .moreNews ul li.callout {background-image:none; font-weight:normal; color:#333; list-style:none; margin:5px 0 0 0; padding:0 0 0 15px; font-size:0.85em} .moreNews .news {width:398px; float:left; margin:5px 0 0 0; padding:0; display:inline} .moreNews .news img {margin:10px 10px 5px 0; padding:0; float:left} .moreNews .news .story {float:left; width:198px; margin:5px 0 0 0; padding:0} .moreNews .news .title {font-weight:bold; color:#333333} .moreNews .newsItems ul.bullet {font-size:1em} .moreNews .newsItems ul li .callout {font-size:0.85em} .moreNews .story {display:inline-block; clear:left; margin:10px 0 0 0; font-size:0.9em;} .moreNews .story .headline {display:inline-block; margin:0 0 0;} .moreNews .story img {margin:0 10px 5px 0} .moreNews .story .callout {clear:left; margin:0; padding:0;} .moreNews .story .callout li {margin:8px 0 0 0; list-style:none;} div#contentMain.twoColumn #contentMore.channel .moreNews ul {margin:-5px 0; display:block} div#contentMain.twoColumn #contentMore.channel .moreNews ul.headlinesContinued { margin-bottom: 0; } div#contentMain.twoColumn #contentMore.channelNews .moreNews ul {margin:-10px 0 10px 0} div#contentMain.twoColumn #contentMore.channelNews .moreNews ul li.headline{font-size:1.1em} div#contentMain.twoColumn #contentMore.channelNews .moreNews ul.headlinesContinued {margin:0} div#contentMain.twoColumn #contentMore.channel .moreNews ul li.callout {height:30px; overflow:hidden} /*BOTTOM HALF CONTAINER*/ #contentMain .bottomHalf {display:inline-block;margin:0 0 10px 0;padding:0;width:810px;} #contentMore .bottomHalf {display:inline-block;margin:0 0 10px 0;padding:0;width:807px;} /* MODULES (LEFT SIDE) */ #contentMore .modules {float:left; width:495px; margin:10px 0px 0px; padding:0; clear:left; display:inline-block} #contentMore.channelNews .modules {margin:0 0 8px 0; display:inline-block} #contentMore.channel .modules {margin:0 0 8px 0; display:inline-block} /* COMMENTS FORM */ .modules .comments {color:#333333; margin:5px 0 5px 10px; width:465px; font-weight:normal; float:left;} .modules .comments .text {font-size:0.95em; line-height:18px; font-weight:normal;} .modules .comments .text dt {float:left; clear:left; display:inline-block; width:130px; text-align:right; margin:0 10px 5px 0; display:inline; padding:0} .modules .comments .text dd {float:left; margin:0 0 5px 0; width:250px; display:inline; padding:0;} .modules .comments .text dd textarea {overflow:hidden; overflow-y: hidden; overflow-x: hidden;} .modules .comments .text dd .form_btn {position:relative; top:4px; margin:0 0 0 2px} .modules .comments .text dd.submit {text-align:center} /* HEADLINES & FEEDS */ .modules #feeds {margin:0 10px 10px} .modules #feeds .dottedLine {width:470px} div#contentMain.twoColumn #myHeadlines { background-color: #e4e7ea; width: 450px; height: 14px; padding: 6px 10px; } div#contentMain.twoColumn #myHeadlines h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; } .modules #feeds #chooseHeadlines { background: url(../art/global/bg_chooseheadlines.gif) repeat-x top left; font-weight: normal; color: #333333; font-size: 0.9em; padding: 5px 10px; margin: 0; display: inline-block; width: 450px; } .modules #feeds #chooseHeadlines .left { font-weight: bold; } .modules #feeds #chooseHeadlines form.selectHeadline {margin:0} .modules #feeds #chooseHeadlines form.selectHeadline .selectHeadlineMore{margin:10px 0 0 0; font-weight:normal; width:150px; float:left; font-weight:normal} .modules #feeds #chooseHeadlines form.selectHeadline .selectHeadlineMore input {margin-bottom:5px} .modules #feeds #chooseHeadlines form.selectHeadline .selectHeadlineMore .title, .modules #feeds #chooseHeadlines form.selectHeadline .selectHeadlineMore .title_checked { color: #666; font-weight: normal; font-size: 11px; float: none; margin: 0; } .modules #feeds .headlinesMain .customizeBtn{ float: right; width: 50px; height: 9px; margin: 3px 7px 0 0; cursor: pointer; } .modules #feeds #myHeadlineCustomizer_minus{background-position: 0px 0px;} .modules #feeds #myHeadlineCustomizer_plus{ background-position: 0px -9px; } .modules #feeds #btnSave { cursor: pointer; font-weight: bold; float: left; } .modules #feeds .myHeadlineSlideClosed { width: 470px; clear: left; height: 1px; background-color: #a6b1bf; margin-bottom: 1px; } .modules #feeds .header {color:#666; font-weight:bold;} .modules #feeds .edit {color:#666666; font-weight:bold} .modules #feeds .edit a{color:#666666;} .modules #feeds a.save {color:#0033cc; font-weight:bold} .modules #feeds #chooseHeadlines .station {color:#000; font-weight:bold} .modules #feeds .headlinesModule {background-image:url(../art/global/dotted_line.gif); background-repeat:repeat-x; background-position:center bottom; clear:left; height:185px; width:468px; margin:0; display:block; padding:0 0 8px 0} .modules #feeds .headlinesMain {padding:0; margin:5px 0; clear:left;} .modules #feeds .headlinesMain .header {font-weight:normal; color:#000000; font-size:1.4em; float:left;} .modules #feeds .headlinesMain .storyMain {width:140px; margin:10px 5px 0 0; padding:0; float:left;} .modules #feeds .headlinesMain .storyMain .headline {margin:0 0 3px 0; font-size:0.9em; font-weight:normal} .modules #feeds .headlinesMain .storyMain p {color:#333333; font-weight:normal; font-size:0.85em; margin:5px 0 0 0; padding:0; font-weight:normal} .modules #feeds .headlinesMain .storyMore {float:right; margin:10px 0 0 0; padding:0; width:320px;} .modules #feeds .headlinesMain .storyMore ul.bullet li {margin:0 0 4px 0; overflow:hidden; width:310px;} .modules #feeds .headlinesMain .headlineMod {margin:0; padding:0; display:inline-block; clear:left} .modules #feeds .headlinesMain .externalLinks {font-weight:bold; color:#666666; font-size:1.1em; margin:10px 0 0 10px; padding:0; height:75px} .modules #feeds .headlinesMain ol {font-weight:normal; margin:5px 0 0 30px; padding:0; font-weight:normal; font-size:0.85em} .modules #feeds .headlinesMain ol li {margin:0 0 5px 0} .modules #feeds .customizeBtn { background-image: url('../art/global/btn_chooseheadlines.gif'); background-repeat: no-repeat; } .modules #feeds #btnSave .save { color: #0033cc; font-weight: bold; } .modules #feeds #btnSave .save:hover { text-decoration: underline; } .modules #feeds #btnSave .settingsSave { cursor: text; white-space: nowrap; } /* ABC NEWS / ESPN HEADLINES */ #abcnews, #espnHeadlines { display: inline-block; clear: left; margin: 5px 0 5px 5px; } #abcnews .headlinesMain, #espnHeadlines .headlinesMain {margin: 0 10px 10px 0; width: 470px; } #abcnews .logo_abcnews { float: left; background-image: url(../art/global/logo_abcnews.gif); background-repeat: no-repeat; height: 39px; width: 479px; margin: 0 0 10px 0; } #abcnews .moreLink, #espnHeadlines .moreLink {float:right; font-size: 0.9em; margin:10px 0 0 0; padding: 0;} #abcnews .headlinesMain {display:inline-block} div#contentMain.twoColumn .modules #espnHeadlines .dottedLine {margin:7px} #abcnews .headlinesMain ul, #espnHeadlines .headlinesMain ul { margin: 0 0 20px 25px; padding: 0; width: 400px; display: inline-block;} #abcnews .headlinesMain ul li, #espnHeadlines .headlinesMain ul li { background-image: url(../art/global/bullet_blue.gif); background-repeat: no-repeat; background-position: 0 5px; font-weight: bold; margin: 0; padding: 0 0 0 15px; display: block; font-size: 1em; display: block; } #abcnews .headlinesMain .dottedLineSmall, #espnHeadlines .headlinesMain .dottedLineSmall { margin: 5px 0 5px -14px; padding: 0; height: 2px; } #abcnewsFeedList, #espnHeadlinesFeedsList { width: 445px; margin-left: 20px; } div#abcnewsFeedList_0 a.titleGoogleAPI, div#espnHeadlinesFeedsList_0 a.titleGoogleAPI { display: none; } div#abcnews ol, div#espnHeadlines ol { margin: 0; padding: 0; clear: left; display: block; } div#abcnews ol li, div#espnHeadlines ol li { margin: 0; padding: 0 0 3px 15px; background-image: url(../art/global/bullet2.gif); background-position: 0 5px; background-repeat: no-repeat; display:block; line-height: 20px; list-style-type: none; font-weight:normal} div#contentMain.twoColumn #contentMore.channelNews .modulesMore .abcshows {margin-top:15px} /* OLYMPICS */ .olympicsHeader {background-image:url(../art/global/header_olympics2010.gif); width:475px; height:43px; margin:0 0 10px 0} div#contentMain.twoColumn .olympicsHeader .allLink {margin:18px 5px 0 0} div#contentMain.twoColumn .olympicsHeader .allLink a, div#contentMain.twoColumn .olympicsHeader .allLink a:active, div#contentMain.twoColumn .olympicsHeader .allLink a:visited {color:#000} /* HEADLINES WEB */ .modules .headlinesWeb .body {background-color:#e6ebf1; display:inline-block} .modules .headlinesWeb .allLink a {font-weight:bold; font-family:arial; font-size:1em;} .modules .headlinesWeb .externalSites { margin: 10px 0 0 0; clear: left; font-weight: bold; } .modules .headlinesWeb ol.entries { font-weight: normal; font-family: arial; margin: 6px 0 0 20px; padding: 0; display: block; } .modules .headlinesWeb ol.entries li {margin:4px 0 0; padding:0; font-weight:normal;} div#contentMain.twoColumn #contentMore .modules .headlinesWeb a.title { font-weight: bold; font-size: 1em; float: none; } /* ADD FEEDS */ .modules .addFeeds .body {background-color:#e4f2df; width:445px; display:inline-block} .modules .addFeeds .externalLinks { font-weight: bold; color: #333333; margin: 10px 0 0 0; padding: 0; } .modules .addFeeds ol.entries { font-weight: normal; font-family: arial; margin: 6px 0 0 20px; padding: 0; } .modules .addFeeds ol.entries li {margin:0 0 5px 0} .modules .addFeeds .allLink a {font-family:arial; font-size:1em;} .modules .addFeeds .externalLinks .delete { margin: 3px; float: right; z-index: 100; } .modules .addFeeds .externalLinks a.title{color:#333333;} .modules .addFeeds #feedForm { background: #E5ECF9 none repeat scroll 0 0; border: 1px solid #7AA5D6; display: none; margin-top: 0px; padding: 5px; position: absolute; left: 185px; width: 303px; } .modules .addFeeds #feedForm #ffresults { display: none; color: #cc0000; } .modules .addFeeds #feedForm #ffloading { font-style: italic; display: none; } .modules .addFeeds #feedForm #closeFeedFormbox { position: relative; float: right; z-index: 100; cursor: pointer; } .modules .addFeeds #feedForm #closeFeedFormbox img { height: 9px; border: 0px; width: 45px; } .modules .addFeeds #feedForm div { padding: 0px 0 3px 0; } .modules .addFeeds #feedForm input { margin: 3px 0 3px 0; } /* TOOL TIPS */ /* headlinesWeb, addFeeds, headlinesMain*/ .modules .headlinesWeb div.tooltip, .modules .addFeeds div.tooltip, .modules .headlinesMain div.tooltip { float: left; position: relative; width: auto; padding: 1px 0 0 10px; } .modules .headlinesWeb .tooltipText, .modules .addFeeds .tooltipText, .modules .headlinesMain .tooltipText { color: #666; font-size: 11px; font-weight: normal; } .modules .headlinesWeb div.tooltipHover, .modules .addFeeds div.tooltipHover, .modules .headlinesMain div.tooltipHover { float: left; position: relative; cursor: help; margin: 1px 0 0 10px; } .modules .headlinesWeb div.tooltipHover, .modules .headlinesMain div.tooltipHover { width: 180px; } .modules .addFeeds div.tooltipHover { width: 135px; } .modules .headlinesWeb div.tooltip div, .modules .addFeeds div.tooltip div, .modules .headlinesMain div.tooltip div { display: none; } .modules .headlinesWeb div.tooltipHover div, .modules .addFeeds div.tooltipHover div, .modules .headlinesMain div.tooltipHover div { display: block; position: absolute; top: 1.3em; left: -10px; margin: 0; padding: 5px; border: 1px solid #aaa; background-color: #eee; color: #000; font-weight: normal; } /* MOST POPULAR */ div#contentMain.twoColumn #contentMore .modBox dl.mostPopular { margin: 15px 0; } div#mostEverywhere .modBox dl.mostPopular { margin: 0 30px 0 15px; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dt, div#mostEverywhere .modBox dl.mostPopular dt { margin: 0; padding: 0; display: block; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body h2, div#mostEverywhere .modBox dl.mostPopular dd.body h2 { background-repeat: no-repeat; background-position: 0 7px; font-weight: bold; padding: 0 0 0 13px; height: 25px; font-size: 1.5em; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body h2 a:hover, div#mostEverywhere .modBox dl.mostPopular dd.body h2 a:hover { color: #8DA5CA; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body, div#mostEverywhere .modBox dl.mostPopular dd.body {margin-top: 2px;} div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .title, div#mostEverywhere .modBox dl.mostPopular dd.body .title { font-size: 1.1em; font-weight: bold; margin-left:0; margin-top: 10px; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .story, div#mostEverywhere .modBox dl.mostPopular dd.body .story { height: 40px; margin-top: 5px; width:280px} div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .story img, div#mostEverywhere .modBox dl.mostPopular dd.body .story img { margin: 0 8px 0 0; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .story .headline a, div#mostEverywhere .modBox dl.mostPopular dd.body .story .headline a { font-weight: normal; font-size: 1.1em; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.dottedLine, div#mostEverywhere .modBox dl.mostPopular dd.dottedLine { opacity: 0.4; width: 280px; margin: 0 auto; padding: 0; height: 10px; } div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .allLink, div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .allLink a, div#contentMain.twoColumn #contentMore .modBox dl.mostPopular dd.body .allLink a:visited, div#mostEverywhere .modBox dl.mostPopular dd.body .allLink, div#mostEverywhere .modBox dl.mostPopular dd.body .allLink a, div#mostEverywhere .modBox dl.mostPopular dd.body .allLink a:visited { margin: 4px 5px 0 0; color: #ffffff; } /* MOST POPULAR ON FEATURE PAGES */ #page.feature div#contentMain .modBox .mostPopular dd.body {clear:left} #page.feature div#contentMain .modBox .mostPopular dd.body h2 {float:left} #page.feature div#contentMain .modBox .mostPopular dd.body .allLink {float:right} #page.feature div#contentMain .modBox .mostPopular dd.body .title {float:none; clear:left; margin-left:0; display:inline-block} /* MODULES MORE: PHOTO GALLERIES */ .modulesMore .photoGalleries {margin:5px 8px; display:inline-block} .modulesMore .photoGalleries .headline {font-weight:bold; font-size:0.9em; display:inline-block; clear:left; overflow: hidden; height: 30px; width:290px; margin:5px 0 0 0;} .modulesMore .photoGalleries .galleryHeadlines div.deactive{display:none;} div#contentMain.twoColumn #contentMore .modulesMore .photoGalleries img {margin:10px 4px 5px 0} div#contentMain.twoColumn #contentMore .modulesMore .photoGalleries #btn_view img {margin:0 5px 0 0} .modulesMore .photoGalleries .galleryThumbs{clear:both; width:296px; height:68px;} .modulesMore .photoGalleries .galleryThumbs a{float:left;display:block;} .modulesMore .photoGalleries .galleryThumbs div{width: 98px; height:71px; float: left;} .modulesMore .photoGalleries .galleryThumbs div.active{opacity:1;} .modulesMore .photoGalleries .galleryThumbs div.deactive{opacity:0.5;} .modulesMore .photoGalleries .galleryThumbs div:hover{opacity:1;} /* MODULES MORE (right-column modules) */ div#contentMain.twoColumn #contentMore .modulesMore {font-weight:normal; color:#333333; width:312px; margin:10px 0 8px 0; padding:0; float:right; display:inline-block; clear:right} div#contentMain.twoColumn #contentMore .modulesMore .rss img {float:left; /*margin:10px 4px 5px 0;*/ padding:0} div#contentMain.twoColumn #contentMore .modulesMore .story {margin:5px 0 0 0; padding:0; display:inline-block; clear:left; width:299px} div#contentMain.twoColumn #contentMore .modulesMore .story img {margin:2px 10px 0 0} div#contentMain.twoColumn #contentMore .modulesMore .story .headline {height:15px; overflow:hidden} div#contentMain.twoColumn #contentMore .modulesMore .story .callout {height:28px; overflow:hidden} div#contentMain.twoColumn #contentMore .modulesMore .headlinesMore {font-size:0.85em; margin:5px 0 0 15px; padding:0; height:15px; overflow:hidden} div#contentMain.twoColumn #contentMore .modulesMore .headlinesMore strong{font-weight:bold; font-size:1em;} /* MODULES MORE: MORE (from station) */ div#contentMain.twoColumn #contentMore .modulesMore .moreST {margin:5px 8px; display:inline-block; width:299px;} div#contentMain.twoColumn #contentMore .modulesMore .moreST ul li.headline {margin:8px 0 0; font-size:0.85em; height:15px; overflow:hidden;} /* MODULES MORE: MORE (from station): CHANNEL NEWS (top right corner) */ div#contentMain.twoColumn #contentMore.channelNews .modulesMore .moreST_channel {margin:0 8px 10px 0} div#contentMain.twoColumn #contentMore.channelNews .modulesMore .moreST_channel .story {margin:5px 0; padding:0; display:inline-block; clear:left; width:305px} div#contentMain.twoColumn #contentMore.channelNews .modulesMore .moreST_channel .story .headline {font-size:0.85em; font-weight:bold; overflow:auto; height:auto} div#contentMain.twoColumn #contentMore.channelNews .modulesMore .moreST_channel .story .callout {font-size:0.85em; overflow:auto; height:auto} div#contentMain.twoColumn #contentMore.channelNews .modulesMore .moreST_channel ul.bullet li {width:290px; height:15px; margin:0 0 2px 0} /* MODULES MORE: MORE (from station): STORY */ div#contentMain.twoColumn #contentMore.story .modulesMore .moreST {margin:5px 8px 5px 0} div#contentMain.twoColumn #contentMore.story .modulesMore .moreST ul li.headline {margin:0 0 2px;} /* MODULES MORE: TV LISTINGS */ div#contentMain.twoColumn .modulesMore .tvListings {margin:10px 8px; display:inline-block} div#contentMain.twoColumn .modulesMore .tvListings #linklist {display:block; clear:left; margin:0; padding:0; width:295px} div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.onNow {margin:10px 0 0 0; padding:0; display:inline-block} div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.onNow dt {font-weight:bold; color:#333333; text-transform:uppercase; margin:0; padding:0; } div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.onNow dd, div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.onNow dd p {font-weight:normal; color:#333333; margin:0; padding:0;} div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.nextShow dt {font-weight:bold; color:#333333; text-transform:uppercase; margin:0; padding:0} div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.nextShow dd, div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.nextShow dd ul, div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.nextShow dd ul li, div#contentMain.twoColumn .modulesMore .tvListings #linklist dl.nextShow dd ul li p {font-weight:normal; color:#333333; background-image:none; margin:0; padding:0; list-style:none; } /* MODULES MORE: everywhere TABS */ div#contentMain.twoColumn .modulesMore .everywhere { width: 300px; display:inline-block; clear: left; margin: 5px 0 5px 5px; } div#mostEverywhere .everywhere {width: 300px; float: left; margin: 0;} div#contentMain.twoColumn.channelNews .modulesMore .everywhere, div#mostEverywhere .everywhere { margin-bottom: 20px; } div#contentMain.twoColumn .modulesMore .everywhere .header h2, div#mostEverywhere .everywhere .header h2 { margin: 5px 0 0 0; display: inline-block; font-size: 1.4em; } div#contentMain.twoColumn .modulesMore .everywhere .logo, div#mostEverywhere .everywhere .logo { float: left; margin: 0 5px 0 0; } div#contentMain.twoColumn #contentMore .modulesMore .everywhere .tab_on img, div#contentMain.twoColumn #contentMore .modulesMore .everywhere .tab_off img, div#mostEverywhere .everywhere .tab_on img, div#mostEverywhere .everywhere .tab_off img { margin: 6px auto; text-align: center; padding: 0; float: none; } div#contentMain.twoColumn .modulesMore .everywhere .tab_on, div#mostEverywhere .everywhere .tab_on { background-image: url(../art/global/anywhere_tab_on.gif); background-repeat: no-repeat; width: 38px; height: 34px; float: left; margin: 0 2px 0 0; padding: 0; text-align: center; } div#contentMain.twoColumn .modulesMore .everywhere .tab_off, div#mostEverywhere .everywhere .tab_off { background-image: url(../art/global/anywhere_tab_off.gif); background-repeat: no-repeat; width: 38px; height: 34px; float: left; margin: 0 2px 0 0; padding: 0; display: block; text-align: center; } div#contentMain.twoColumn .modulesMore .everywhere #na_navigation, div#mostEverywhere .everywhere #na_navigation { display: block; clear: left; margin: 0; position: relative; top: 8px; height: 33px; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body, div#mostEverywhere .everywhere .tab_body {background-color: #F1F3F5; background-image: url(../art/global/tab_body_bg.gif); background-repeat: repeat-x; background-position:bottom; font-weight: normal; margin: 0; padding: 10px 0 0 10px; display: inline-block; width: 290px; min-height: 144px; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body p, div#mostEverywhere .everywhere .tab_body p { margin: 6px 0; padding: 0; font-size: 1em; color: #333; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body p.title, div#mostEverywhere .everywhere .tab_body p.title {float:none; color: #333; font-weight: bold; font-size: 1.2em; display: block; margin: 5px 0 0 0; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body .signup, div#mostEverywhere .everywhere .tab_body .signup { margin: 10px 0 0 0; font-size: 0.9em; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body .mobileAd, div#mostEverywhere .everywhere .tab_body .mobileAd { float: right; margin: 0 0 0 10px; } div#contentMain.twoColumn .modulesMore .everywhere .tab_body .icon, div#mostEverywhere .everywhere .tab_body .icon { float: right; margin: 15px 15px 0 10px; } /* facebook */ div#contentMain.twoColumn .modulesMore .everywhere #na_facebook, div#mostEverywhere .everywhere #na_facebook {margin:1px 0 0 0} div#contentMain.twoColumn .modulesMore .everywhere #na_facebook .tab_body, div#mostEverywhere .everywhere #na_facebook .tab_body { background-color: #446ca7; background-image: none; color: #fff; height: 85px; min-height: 85px; } div#contentMain.twoColumn .modulesMore .everywhere #na_facebook .tab_body a, div#mostEverywhere .everywhere #na_facebook .tab_body a { color: #d7effb; } /* twitter */ div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .tab_body, div#mostEverywhere .everywhere #na_twitter .tab_body { background-color: #A9E1E6; background-image: none; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .body, div#mostEverywhere .everywhere #na_twitter .body {background-color: #a9e1e6; margin: 0; padding: 0 10px 5px; display: inline-block; width:280px; float:left} div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .logo, div#mostEverywhere .everywhere #na_twitter .logo {background-image: url(../art/global/logo_twitter.png); background-repeat: no-repeat; width: 117px; height: 29px; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .tweetBox, div#mostEverywhere .everywhere #na_twitter .tweetBox { background-color: #fff; width: 258px; padding: 10px; margin: 10px 0 0 0; display: inline-block; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .tweetBox a, .modulesMore .everywhere #na_twitter .tweetBox a:visited, .modulesMore .everywhere #na_twitter .tweetBox a:active, div#mostEverywhere .everywhere #na_twitter .tweetBox a, div#mostEverywhere .everywhere #na_twitter .tweetBox a:visited, div#mostEverywhere .everywhere #na_twitter .tweetBox a:active { color: #0099cc; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .arrow, div#mostEverywhere .everywhere #na_twitter .arrow { background-image: url(../art/global/tweet_arrow.gif); background-repeat: no-repeat; margin: 0 0 0 30px; width: 21px; height: 11px; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .text, div#mostEverywhere .everywhere #na_twitter .text { font-size: 1.1em; line-height: 18px; margin: 0 0 5px; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .minAgo, div#mostEverywhere .everywhere #na_twitter .minAgo { color: #666666; font-style: italic; font-size: 11px; font-family: Times New Roman; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .follow, div#mostEverywhere .everywhere #na_twitter .follow { color: #666666; font-weight: bold; margin: 10px 0 20px 0; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .follow a, div#mostEverywhere .everywhere #na_twitter .follow a { color: #000000; } div#contentMain.twoColumn .modulesMore .everywhere #na_twitter .body .title, div#mostEverywhere .everywhere #na_twitter .body .title {float:none; margin:6px 5px 0 0} /* blog */ div#contentMain.twoColumn .modulesMore .everywhere #na_blog .intheblog, div#mostEverywhere .everywhere #na_blog .intheblog { background-image: url(../art/global/anywhere_intheblog.png); background-repeat: no-repeat; z-index: 5; width: 295px; margin-top:10px} div#contentMain.twoColumn .modulesMore .everywhere #na_blog .tab_body, div#mostEverywhere .everywhere #na_blog .tab_body { min-height: 225px; } div#contentMain.twoColumn .modulesMore .everywhere #na_blog .intheblog .quote, div#mostEverywhere .everywhere #na_blog .intheblog .quote {z-index: 15; font-family: Times New Roman; font-size: 1.5em; text-align: center; width: 275px; display: inline-block; height: 95px; overflow: hidden; margin:25px 0 0 5px} div#contentMain.twoColumn .modulesMore .everywhere #na_blog .intheblog .text, div#mostEverywhere .everywhere #na_blog .intheblog .text { color: #797979; z-index: 15; font-size: .85em; display: inline-block; margin: 46px 0 10px 0; } div#contentMain.twoColumn .modulesMore .everywhere .tab_on img.blog, .modulesMore .everywhere .tab_off img.blog, div#mostEverywhere .everywhere .tab_on img.blog, div#mostEverywhere .everywhere .tab_off img.blog { margin: 4px auto; } div#contentMain.twoColumn .modulesMore .everywhere #na_blog .intheblog .quote ol, div#mostEverywhere .everywhere #na_blog .intheblog .quote ol { margin: 0; padding: 0; } div#contentMain.twoColumn .modulesMore .everywhere #na_blog .intheblog .quote ol li, div#mostEverywhere .everywhere #na_blog .intheblog .quote ol li { list-style: none; margin: 0; padding: 0; } /* new everywhere module */ div#contentMain.twoColumn #contentMore .everywhereMod {clear:right; display:inline-block; margin-bottom:10px} div#contentMain.twoColumn #contentMore .everywhereMod .logo {position:relative; top:-5px; float: left; margin: 0 5px 0 0;} div#contentMain.twoColumn #contentMore .everywhereMod .header {margin: 10px 0 0 0; display: inline-block; font-size: 1.4em;} div#contentMain.twoColumn #contentMore .everywhereMod .group {margin: 5px 0 0 0} div#contentMain.twoColumn #contentMore .everywhereMod .group .arrow {background:url(../art/global/arrow_blue.gif); background-repeat:no-repeat; width:8px; height:12px; float:left; margin:2px 5px 0 5px;} div#contentMain.twoColumn #contentMore .everywhereMod .wireless .mobileAd {float: right;} div#contentMain.twoColumn #contentMore .everywhereMod .wireless ul {margin-top:5px} div#contentMain.twoColumn #contentMore .everywhereMod .wireless ul li {list-style:none; margin:0 0 0 15px; padding:0 0 10px 0} div#contentMain.twoColumn #contentMore .everywhereMod .misc .icon_newsletters {background:url(../art/global/icon_email.gif); background-repeat:no-repeat; background-position:0 3px; margin:5px 0 5px 23px; padding:0 0 0 27px; width:90px; float:left; cursor:pointer} div#contentMain.twoColumn #contentMore .everywhereMod .misc .icon_blogs {background:url(../art/global/icon_blogs.gif); background-repeat:no-repeat; margin:5px 0 5px 15px; padding:0 0 0 35px; height:25px; float:left; width:55px; cursor:pointer} div#contentMain.twoColumn #contentMore .everywhereMod .misc .icon_promos {background:url(../art/global/icon_promos.gif); background-repeat:no-repeat; margin:10px 0 0 15px; padding:0 0 0 35px; height:25px; clear:left; cursor:pointer} div#contentMain.twoColumn #contentMore .everywhereMod .misc a:hover .icon_newsletters, div#contentMain.twoColumn #contentMore .everywhereMod .misc a:hover .icon_blogs, div#contentMain.twoColumn #contentMore .everywhereMod .misc a:hover .icon_promos {text-decoration:underline} div#contentMain.twoColumn #contentMore .everywhereMod .share h4 {margin-bottom:5px} div#contentMain.twoColumn #contentMore .everywhereMod .share .facebook {background-image:url(../art/global/icon_facebook_33x33.gif); background-repeat:no-repeat; height:33px; margin:0 10px 0 15px; padding:5px 0 0 45px; cursor:pointer} div#contentMain.twoColumn #contentMore .everywhereMod .share .twitter {background-image:url(../art/global/icon_twitter_33x33.gif); background-repeat:no-repeat; height:33px; margin:0 10px 0 15px; padding:5px 0 0 45px; cursor:pointer} div#contentMain.twoColumn #contentMore .everywhereMod .share .text {width:275px; height:33px; padding:5px 0 0 20px;} div#contentMain.twoColumn #contentMore .everywhereMod .share a:hover .facebook, div#contentMain.twoColumn #contentMore .everywhereMod .share a:hover .twitter {text-decoration:underline} /* copied new everywhere module -- FEATURE PAGE */ #page.feature #mostEverywhere .everywhereMod {clear:right; display:inline-block; margin-bottom:10px; width:300px} #page.feature #mostEverywhere .everywhereMod .logo {position:relative; top:-5px; float: left; margin: 0 5px 0 0;} #page.feature #mostEverywhere .everywhereMod .header {margin: 10px 0 0 0; display: inline-block; font-size: 1.4em;} #page.feature #mostEverywhere .everywhereMod .group {margin: 5px 0 0 0} #page.feature #mostEverywhere .everywhereMod .group .arrow {background:url(../art/global/arrow_blue.gif); background-repeat:no-repeat; width:8px; height:12px; float:left; margin:2px 5px 0 5px;} #page.feature #mostEverywhere .everywhereMod .wireless .mobileAd {float: right;} #page.feature #mostEverywhere .everywhereMod .wireless ul {margin:5px 0 0 0; padding:0;} #page.feature #mostEverywhere .everywhereMod .wireless ul li {list-style:none; margin:0 0 0 15px; padding:0 0 10px 0} #page.feature #mostEverywhere .everywhereMod .misc .icon_newsletters {background:url(../art/global/icon_email.gif); background-repeat:no-repeat; background-position:0 3px; margin:5px 0 5px 23px; padding:0 0 0 27px; width:90px; float:left;} #page.feature #mostEverywhere .everywhereMod .misc .icon_blogs {background:url(../art/global/icon_blogs.gif); background-repeat:no-repeat; margin:5px 0 5px 15px; padding:0 0 0 35px; height:25px; float:left; width:55px} #page.feature #mostEverywhere .everywhereMod .misc .icon_promos {background:url(../art/global/icon_promos.gif); background-repeat:no-repeat; margin:10px 0 0 15px; padding:0 0 0 35px; height:25px; clear:left} #page.feature #mostEverywhere .everywhereMod .misc a:hover .icon_newsletters, #page.feature #mostEverywhere .everywhereMod .misc a:hover .icon_blogs, #page.feature #mostEverywhere .everywhereMod .misc a:hover .icon_promos {text-decoration:underline} #page.feature #mostEverywhere .everywhereMod .share h4 {margin-bottom:5px} #page.feature #mostEverywhere .everywhereMod .share .facebook {background-image:url(../art/global/icon_facebook_33x33.gif); background-repeat:no-repeat; float:left; height:33px; margin:0 10px 0 15px; padding:5px 0 0 45px;} #page.feature #mostEverywhere .everywhereMod .share .twitter {background-image:url(../art/global/icon_twitter_33x33.gif); background-repeat:no-repeat; float:left; height:33px; margin:0 10px 0 15px; padding:5px 0 0 45px;} #page.feature #mostEverywhere .everywhereMod .share .text {width:275px; height:33px; padding:5px 0 0 20px;} #page.feature #mostEverywhere .everywhereMod .share a:hover .facebook, #page.feature #mostEverywhere .everywhereMod .share a:hover .twitter {text-decoration:underline} /* navigation */ .modulesMore .everywhere #na_navigation .icon_mobile, div#mostEverywhere .everywhere #na_navigation .icon_mobile { margin: 6px 0 0 15px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_rss, div#mostEverywhere .everywhere #na_navigation .icon_rss { margin: 6px 0 0 10px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_tools, div#mostEverywhere .everywhere #na_navigation .icon_tools { margin: 6px 0 0 10px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_facebook, div#mostEverywhere .everywhere #na_navigation .icon_facebook { margin: 6px 0 0 10px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_twitter, div#mostEverywhere .everywhere #na_navigation .icon_twitter { margin: 6px 0 0 10px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_blog, div#mostEverywhere .everywhere #na_navigation .icon_blog { margin: 3px 0 0 6px; padding: 0; } .modulesMore .everywhere #na_navigation .icon_win, div#mostEverywhere .everywhere #na_navigation .icon_win { margin: 9px 0 0 4px; padding: 0; } /* MODULES MORE OTHER */ #contentMore .modulesMore #pollModule {background-color:#EEEEEE; border:1px solid #BBBBBB; margin:5px 10px 5px 0;} #contentMore .modulesMore #yahooModule {background-color:#f1f0da; font-weight:normal; border:solid 1px #cccccc; width:300px; margin:10px 0 0 5px;} #contentMore .modulesMore #yahooModule .yahoo {margin:8px 0 8px 8px; width:290px} /* STORY */ div#contentMain.twoColumn #contentMore.story #largeImg p.caption {font-size:0.80em;margin:4px 0 0 2px;} div#contentMain.twoColumn #contentMore.story #largeImg p.credit {font-size:0.80em;margin:0 0 5px 2px;} div#contentMain.twoColumn #contentMore.story #largeImg span.credit { font-size: 0.80em; color: #999; margin-left: 3px; } div#contentMain.twoColumn #contentMore.story .modulesMore {margin:-8px 0 8px 0;} #contentMore.story .fullHeadline {margin:10px 0 0 10px;} #contentMain #contentMore.story .fullHeadline h1 {font-size:24px; clear:left; float:none; width:100%; margin:0; text-transform:none} #contentMore.story .fullHeadline h4 {float:left; color:#666666} #contentMore.story .fullHeadline .rss {margin:0 0 0 5px} #contentMore.story .date {float:left; font-size:0.85em; color:#666666; margin:0 20px 0 0} #contentMore.story .username {float:left; font-size:0.9em; color:#666666; margin:0 20px 0 0} #contentMore.story .tagContainer {margin:10px 0 5px 0} /* STORY THUMB PLAYER */ div#contentMain.twoColumn #thumbPlayer {width:448px; margin:0 10px 0 10px; display:inline-block; clear:left} div#contentMain.twoColumn #thumbPlayer .video {background-color:#000; width:448px; height:252px; margin:0; padding:0} div#contentMain.twoColumn #thumbPlayer .mainImgContainer{width:448px; /*height:252px;*/} div#contentMain.twoColumn #thumbPlayer .mainImgContainer #mainImg{width:448px; height:252px; padding:0px; margin:0px; border:solid 2px #000} div#contentMain.twoColumn #thumbPlayer .mainImgContainer #loadingIcon{padding:100px 0px 0px 200px;} div#contentMain.twoColumn #thumbPlayer #contentContainer {border:solid 1px #d6d5d5; margin:0 0 10px 0; width:448px} div#contentMain.twoColumn #thumbPlayer #contentContainer .related {width:430px; margin:5px 3px 0 10px} div#contentMain.twoColumn #thumbPlayer #contentContainer .related .header {font-size:12px; color:#333333; float:left; text-transform:none; font-weight:bold;} div#contentMain.twoColumn #thumbPlayer #thumbnails{} div#contentMain.twoColumn #thumbPlayer #thumbFrame{overflow: hidden; position: relative; width: 403px; height:53px; margin:5px 0 10px 0; float:left;} div#contentMain.twoColumn #thumbPlayer #thumbRow {left:0px; position: absolute; top:0px; width: 600px; height:53px; /* how far to scroll to the right, dynamically determined*/} div#contentMain.twoColumn #thumbPlayer #thumbRow .thumbBlank{width:70px; height:54px; padding:3px;} div#contentMain.twoColumn #thumbPlayer #thumbRow .thumbNormal { width:70px; padding:6px 0 15px 6px;/* for IE */ filter:alpha(opacity=40); /* CSS3 standard */ opacity:0.4; cursor: pointer;} div#contentMain.twoColumn #thumbPlayer #thumbRow .thumbOver{width:70px; padding:6px 0 15px 6px;/* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1;cursor: pointer;} div#contentMain.twoColumn #thumbPlayer #thumbRow .thumbActive {background-position:2px 1px; width:70px; height:38px; padding:6px 5px 16px 6px; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1;} div#contentMain.twoColumn #thumbPlayer #thumbRow img{background-image:url(../art/global/thumbSelectedBG.gif); background-repeat:no-repeat; background-position:-1px -70px;} div#contentMain.twoColumn #thumbPlayer #thumbRow img.live{background-image:url(../art/global/thumbSelectedRedBG.gif);} div#contentMain.twoColumn #thumbPlayer .scrollBackBtn{background-image: url(../art/global/arrow_left.gif); background-repeat:no-repeat; float:left; width: 20px; height:12px; margin:25px 2px 0;} div#contentMain.twoColumn #thumbPlayer .scrollNextBtn{background-image: url(../art/global/arrow_right.gif); background-repeat:no-repeat; float:left; width: 12px; height:12px; margin:25px 2px 0} div#contentMain.twoColumn #thumbPlayer #prevBtn_On{background-position: 9px 0; cursor: pointer;} div#contentMain.twoColumn #thumbPlayer #prevBtn_Off{background-position: 19px 0;} div#contentMain.twoColumn #thumbPlayer #nextBtn_On{background-position: 4px 0px; cursor: pointer;} div#contentMain.twoColumn #thumbPlayer #nextBtn_Off{background-position: 19px 0px} div#contentMain.twoColumn #thumbPlayer h3{margin: 0px 0 2px 0; font-size:1.3em;} div#contentMain.twoColumn #thumbPlayer .contents{width:400px; margin:0 0 10px 30px;} div#contentMain.twoColumn #thumbPlayer .contents ul{margin:0px; padding:0px; width:397px} div#contentMain.twoColumn #thumbPlayer .contents li{display: none; margin: 0px; padding: 0px; background-image:none} div#contentMain.twoColumn #thumbPlayer .contents li ul li {display: inline;margin:2px 21px 6px 0; background-image:none} div#contentMain.twoColumn #thumbPlayer .contents .contentActive{display: block;} div#contentMain.twoColumn #thumbPlayer .contents h3{font-size:1.1em; margin:0;} /* STORY TALENT */ div#contentMain.twoColumn #talent {font-size:12px; color:#666666; margin:0 0 0 10px; font-weight:bold; display:inline-block; width:425px} div#contentMain.twoColumn #talent .bioInfo {margin:10px 0 0 0} div#contentMain.twoColumn #talent img {margin:0 10px 0 0; float:left} div#contentMain.twoColumn #talent .talentTitle {} div#contentMain.twoColumn #talent .name {font-size:16px; text-transform: capitalize;} div#contentMain.twoColumn #talent .links {text-transform:none} /* STORY BODY */ div#contentMain.twoColumn #contentMore.story .body { /*display: inline-block;*/ margin: 10px 15px 0 10px; padding: 0; font-weight: normal; color: #000; } div#contentMain.twoColumn #contentMore.story .body .relatedMod {background-color:#f0f3f6; border:solid 1px #a6b1bf; margin:0 15px 10px 0; padding:8px; width:225px; color:#333333; float:left; font-size:12px} div#contentMain.twoColumn #contentMore.story .body .relatedMod img.thumb {float:left; margin:0 8px 0 0} div#contentMain.twoColumn #contentMore.story .body .relatedMod p {margin:8px 0 0; padding:0} div#contentMain.twoColumn #contentMore.story .body .copyright {font-style:italic} div#contentMain.twoColumn #contentMore.story .body .moreStories {margin:20px 0 0 0} div#contentMain.twoColumn #contentMore.story .body .moreStories h4 {margin:0 0 10px 0} div#contentMain.twoColumn #contentMore.story .body .moreStories img {margin:0 10px 20px 0; float:left} div#contentMain.twoColumn #contentMore.story .body .moreStories .headline {font-weight:bold} div#contentMain.twoColumn #contentMore.story .body .moreStories ul {list-style:none; margin:0; padding:0} div#contentMain.twoColumn #contentMore.story .body .moreStories ul.links {display:block} div#contentMain.twoColumn #contentMore.story .body ul {margin:0 0 10px 15px; padding:0 /*0 0 15px*/; background-image:none; clear:none} div#contentMain.twoColumn #contentMore.story .body ul.links {margin:5px 0 0; padding:0} div#contentMain.twoColumn #contentMore.story .body .byline {font-size:0.9em; margin:0; padding:0} div#contentMain.twoColumn #contentMore.story .body .byline .noImg {padding:5px 0 0 0; display:inline-block; clear:left; margin:0} div#contentMain.twoColumn #contentMore.story .body .byline img {margin:0 10px 0 0; position:relative; top:4px} /* STORY COMMENTS */ .myBox {display:inline-block; clear:left; background-color:#e4e9ee; margin:10px 0 0 10px; padding:8px; width:460px} .myBox .total {float:left; font-size:16px; font-weight:bold} .myBox .post {float:right; font-size:16px; font-weight:bold} .myBox ol {display:inline-block; clear:left; margin:10px 0 0 10px; padding:0 0 0 10px; font-weight:bold; color:#333333} .myBox ol li {margin:10px 0 35px 0} .myBox ol li p {font-weight:normal; margin:5px 0} .myBox form .disclosure {font-size:10px; margin:10px 0 0 0} .myBox form .terms {font-size:12px; font-weight:normal; float:left} .myBox .ptcWidgetParent .ptcWidgetTalkbackCommentBar {border:none} .myBox .ptcWidgetParent .ptcWidgetTalkbackSubmitButton { background-image: none; background-color: #fff; width: 44px; height: 24px; cursor: pointer; border: 3px solid #10356e; color: #10356e; margin-top: 3px; font: bold 14px Arial; text-align: center; } /* LINKS WE LIKE */ .linksWeLike {background-color:#FFFFFF;border:1px solid #CCCCCC;margin:10px; padding:5px;} .linksWeLike #story .titlebar {margin-bottom:10px;} .linksWeLike #story .titlebar0, .titlebar1 {background-color:#FFFFFF;color:#000000;} /* MISC */ div#contentMain.twoColumn .display {display:block} div#contentMain.twoColumn .hide {display:none} div#contentMain.twoColumn .left {float:left} div#contentMain.twoColumn .right {float:right} div#contentMain.twoColumn .minAgo {color:#990000; font-weight:normal; font-size:10px} div#contentMain.twoColumn .allLink {color:#666666; float:right; font-size:0.85em; margin:5px 0 0 0} div#contentMain.twoColumn .allLink a, div#contentMain.twoColumn .allLink a:active, div#contentMain.twoColumn .allLink a:visited{color:#666666;} div#contentMain.twoColumn ul.bullet {margin:0; padding:0 0 0 0;} div#contentMain.twoColumn ul.bullet li{background-image:url(../art/global/bullet.gif); background-repeat:no-repeat; background-position:0 3px; font-weight:normal; list-style:none; padding:0 0 0 15px; margin:0; font-size:11px; display:block; /*line-height:18px;*/ height:16px; overflow:hidden} div#contentMain.twoColumn ul.links {color:#999; font-size:0.78em; margin:5px 0 0 0; list-style:none; padding:0; /*width:323px;*/ display:inline-block} div#contentMain.twoColumn ul.links li {margin:0 10px 0 0;padding:0; list-style:none; float:left} div#contentMain.twoColumn ul.links li a{color:#999;} div#contentMain.twoColumn #contentMore ul {display:block; clear:left; margin:0 0 /*10px*/ 0; padding:0 0 /*5px*/ 0;} div#contentMain.twoColumn #contentMore ul li.headline {background-image:url(../art/global/bullet.gif); background-repeat:no-repeat; background-position:0 3px; font-weight:normal; list-style:none; margin:18px 0 0 0; padding:0 0 0 15px; font-size:0.9em} div#contentMain.twoColumn #contentMore.channel ul li.headline {font-size:1.1em} div#contentMain.twoColumn #contentMore ul li.callout {background-image:none; font-weight:normal; color:#333; list-style:none; margin:5px 0 0 0; padding:0 0 0 15px; font-size:0.85em} div#contentMain.twoColumn .modulesMore .adMod {margin:10px 10px 0 0} div#contentMain.twoColumn .sponsoredText {margin:0; padding:0; font-size:0.9em; font-weight:bold; text-transform:uppercase; display:inline-block; clear:left} div#contentMain.twoColumn .related {color:#999999; text-transform:uppercase; font-size:0.78em; margin:3px 3px 0 0; float:left; display:inline-block} div#contentMain.twoColumn .relatedLink {font-size:0.9em; margin:0 0 0 0; padding:0; line-height:18px; display:block; height:18px; overflow:hidden} div#contentMain.twoColumn .getMoreLink {color:#999999; font-size:0.9em; margin:0; padding:0; display:inline-block} div#contentMain.twoColumn .rss {float:left; margin:5px 0 5px 5px} div#contentMain.twoColumn .dottedLine {background-image:url(../art/global/dotted_line.gif); background-repeat:repeat-x; background-position:bottom; margin:7px 0; padding:0; height:5px; clear:left; display:block} div#contentMain.twoColumn .dottedLineSmall {background-image:url(../art/global/dotted_line_sm.gif); background-repeat:repeat-x; background-position:bottom; clear:left; height:2px; padding:4px 0 0} div#contentMain.twoColumn #btn_view img {float:left;margin:0 5px 0 0;} div#contentMain.twoColumn .titleLine {border-top:2px solid #B2C0CD; margin:3px 0} div#contentMain.twoColumn .city {text-transform:uppercase} div#contentMain.twoColumn .modulesMore img {margin:0 10px 5px 0} div#contentMain.twoColumn .modulesMore .story .headline, div#contentMain.twoColumn .modulesMore .storyNoImage .headline {font-weight:bold; font-size:0.9em; margin:0 0 5px 0; } div#contentMain.twoColumn .modulesMore .story .callout, div#contentMain.twoColumn .modulesMore .storyNoImage .callout {font-weight:normal; font-size:0.85em} div#contentMain.twoColumn .tags {font-size:9px; text-transform:uppercase; float:left; line-height:18px; margin:0 5px 0 0;} div#contentMain.twoColumn span.arrow {font-weight:bold} div#contentMain.twoColumn .storyType, div#contentMain .storyType {color:#999; text-transform:uppercase; font-size:0.85em} div#contentMain.twoColumn .red {color:#990000} div#contentMain.twoColumn .green {color:#008800} div#contentMain.twoColumn .video {color:#0066cc} div#contentMain.twoColumn span.vidLeadText {color:#0066cc;} div#contentMain.twoColumn .player {height:289px;width:448px;} div#contentMain.twoColumn .player .defaultPlayer img{height:252px;width:448px;} div#contentMain.twoColumn .rss img {margin:0; padding:0} div#contentMain .feedErrorMessage{padding: 15px 0pt; color:#999999;} /* ICONS */ div#contentMain.twoColumn ul li.icon_comments {background-image:url(../art/global/icon_comments.gif); background-repeat:no-repeat; padding-left:15px;} div#contentMain.twoColumn ul li.icon_share {background-image:url(../art/global/icon_sharethis_10x10-bw.gif); background-repeat:no-repeat; padding-left:15px;} div#contentMain.twoColumn ul li.icon_video {background-image:url(../art/global/icon_video.gif); background-repeat:no-repeat; padding-left:15px;} div#contentMain.twoColumn ul li.icon_photos {background-image:url(../art/global/icon_photos.gif); background-repeat:no-repeat; padding-left:15px;} div#contentMain.twoColumn .icon_info {background-image:url(../art/global/icon_info.gif); background-repeat:no-repeat;} div#contentMain.twoColumn .play {background-image:url(../art/global/icon_play.png); background-repeat:no-repeat; width:18px; height:18px; position:absolute; margin:30px 0 0 5px;} /* ADS */ div#banner.ad_banner { clear: both; width: 1000px; text-align: center; } div#contentMain.twoColumn .ad_skyscraper {width:167px; height:630px; margin:0 auto;} #page.channel_wx .ad_skyscraper {float:left; margin:0 10px;} #page.channel_wx .ad_skyscraper .adText {color:#999999; margin:0 0 0 5px; padding:0; font-size:0.78em; text-transform:uppercase;} div#contentMain.twoColumn .ad_rectangle {width:307px; display:inline-block; margin:0; padding:0} div#contentMain.twoColumn #ad_Rectangle2.ad_rectangle {width:307px; display:inline-block; margin:10px 0 0 0; padding:0} div#contentMain.twoColumn .ad_banner {width:735px; display:inline-block; margin:0 35px 5px 35px; padding:0; clear:left} div#contentMain.twoColumn .ad {background-color:#eae9e8; border:solid 1px #d0cfcf; text-align:center; padding:3px 2px 0 2px; display:inline-block} div#contentMain.twoColumn .ad img {margin:0; padding:0; float:none} div#contentMain.twoColumn .adText {color:#999999; margin:0 0 0 5px; padding:0; font-size:0.78em; text-transform:uppercase; display:inline-block; clear:left} div#contentMain.twoColumn .adMod {margin:10px;} div#contentMain.twoColumn .adMod .body {padding:10px; border:solid 1px #cccccc; margin:0; font-weight:normal} div#contentMain.twoColumn .adContainer {height:285px} div#contentMain.twoColumn .story .ad_rectangle {margin:0} div#contentMain.twoColumn .story .adContainer {margin:0 0 10px 0} div#contentMain.twoColumn #ad_surround_top {width:818px; display:block; margin:0; padding:0;} div#contentMain.twoColumn #ad_surround_top img.blankAd {float:left; margin:0; padding:0; display:block; border:solid 1px red} div#contentMain.twoColumn #topStory #ad_surround_bottom_container {position:relative; margin:10px 0 5px 0; display:inline-block; padding:0; clear:left} div#contentMain.twoColumn #topStory #ad_surround_bottom_container #ad_surround_bottom {display: inline-block; padding:0; padding:0; margin:0 0 0 -6px; /*position:absolute;*/ z-index:1000} #bannerTop {margin:5px auto; width:1000px; height:95px; text-align:center;} #bannerTop .ad_banner_text {background-image:url(http://qlvabcweb01.starwave.com:8200/static/art/global/ad_banner_text.png); background-repeat:no-repeat; float:left; width:9px; height:83px; margin:5px 5px 0 40px; padding:0;} #bannerTop #ad_Banner, #bannerTop #ad_synchBanner {float:left; margin:0;} #bannerTop #ad_Banner .ad, #bannerTop #ad_synchBanner .ad {background-color:#EAE9E8; border:1px solid #D0CFCF; display:inline-block; float:left; width:733px; height:92px; margin:0; padding:2px 0 0 2px; text-align:center;} #bannerTop .ad_130x90 {background-color:#EAE9E8; border:1px solid #D0CFCF; display:inline-block; float:left; width:133px; height:93px; margin:0 0 0 20px; padding:0; text-align:center;} div#contentMain.twoColumn .modules #quigo.quigo_left {margin:5px; width:470px;} #page.sportsSection div#contentMain.twoColumn .modules #quigo.quigo_left {margin:5px; width:470px; padding:0} div#contentMain.twoColumn .modulesMore #quigo.quigo_right, #contentMain .rightSection #quigo.quigo_right{margin:5px; width:300px; height:250px} /* ICONS */ div#contentMain.twoColumn #contentMore .icon_rss {background-image:url(../art/global/icon_rss_12x12.gif); background-repeat:no-repeat; cursor:pointer; width:12px; height:12px} div#contentMain.twoColumn #contentMore .icon_facebook {background-image:url(../art/global/icon_facebook_12x12.gif); background-repeat:no-repeat; cursor:pointer; width:12px; height:12px} div#contentMain.twoColumn #contentMore .icon_twitter {background-image:url(../art/global/icon_twitter_12x12.gif); background-repeat:no-repeat; cursor:pointer; width:12px; height:12px} div#contentMain.twoColumn #contentMore .icon_delicious {background-image:url(../art/global/icon_delicious_12x12.gif); background-repeat:no-repeat; cursor:pointer; width:14px; height:14px} div#contentMain.twoColumn #contentMore .icon_digg {background-image:url(../art/global/icon_digg_12x12.gif); background-repeat:no-repeat; cursor:pointer; width:12px; height:12px} div#contentMain.twoColumn #contentMore .icon_tools {background-image:url(../art/global/icon_tools.gif); background-repeat:no-repeat; cursor:pointer; width:16px; height:16px} div#contentMain.twoColumn #contentMore .icon_blog {background-image:url(../art/global/icon_blog.gif); background-repeat:no-repeat; cursor:pointer; width:28px; height:21px} div#contentMain.twoColumn #contentMore .icon_win {background-image:url(../art/global/icon_win.gif); background-repeat:no-repeat; cursor:pointer; width:30px; height:12px} div#contentMain.twoColumn #contentMore .icon_mobile {background-image:url(../art/global/icon_mobile2.gif); background-repeat:no-repeat; cursor:pointer; width:9px; height:14px} div#contentMain.twoColumn #contentMore .icon_none {background-image:none} /* ROUNDED CORNER MODULES */ div#contentMain.twoColumn .modules .modBoxContainer {margin:10px 0 0 10px} div#contentMain.twoColumn #contentMore .modBox { display: inline-block; clear: left; } div#mostEverywhere .modBox { float: left; } div#contentMain.twoColumn #contentMore .modBox dl, div#mostEverywhere .modBox dl { margin: 0; padding: 0; } div#contentMain.twoColumn #contentMore .modBox dt, div#mostEverywhere .modBox dt { margin: 0; padding: 5px; } div#contentMain.twoColumn #contentMore .modBox .video dt, div#mostEverywhere .modBox .video dt { margin: 0; padding: 4px; } div#contentMain.twoColumn #contentMore .modBox dd, div#mostEverywhere .modBox dd { margin: 0 10px 0 10px; padding: 0 5px 5px 5px; } div#contentMain.twoColumn #contentMore .modBox .mostPopular { width: 303px; } div#mostEverywhere .modBox .mostPopular { width: 470px; } div#contentMain.twoColumn #contentMore .modBox .mostPopular dt.top, div#mostEverywhere .modBox .mostPopular dt.top { background-repeat: no-repeat; background-position: top left; height: 6px; } div#contentMain.twoColumn #contentMore .modBox .mostPopular dt.bottom, div#mostEverywhere .modBox .mostPopular dt.bottom { background-repeat: no-repeat; background-position: bottom left; height: 6px; } div#contentMain.twoColumn #contentMore .modBox .headlinesWeb, div#mostEverywhere .modBox .headlinesWeb { width: 477px; } div#contentMain.twoColumn #contentMore .modBox .headlinesWeb dt.top, div#mostEverywhere .modBox .headlinesWeb dt.top { background-image: url(../art/global/modtop_477.gif); background-repeat: no-repeat; background-position: top left; } div#contentMain.twoColumn #contentMore .modBox .headlinesWeb dt.bottom, div#mostEverywhere .modBox .headlinesWeb dt.bottom { background-image: url(../art/global/modbtm_477.gif); background-repeat: no-repeat; background-position: bottom left; } div#contentMain.twoColumn #contentMore .modBox .addFeeds, div#mostEverywhere .modBox .addFeeds { width: 477px; } div#contentMain.twoColumn #contentMore .modBox .addFeeds dt.top, div#mostEverywhere .modBox .addFeeds dt.top { background-image: url(../art/global/modtop_477.gif); background-repeat: no-repeat; background-position: top left; } div#contentMain.twoColumn #contentMore .modBox .addFeeds dt.bottom, div#mostEverywhere .modBox .addFeeds dt.bottom { background-image: url(../art/global/modbtm_477.gif); background-repeat: no-repeat; background-position: bottom left; } div#contentMain.twoColumn #contentMore .modBox .video, div#mostEverywhere .modBox .video { width: 449px; } div#contentMain.twoColumn #contentMore .modBox .video dd, div#mostEverywhere .modBox .video dd { margin: 0 0 0 10px; padding: 0; } div#contentMain.twoColumn #contentMore .modBox .video dt.top, div#mostEverywhere .modBox .video dt.top { background-image: url(../art/global/modtop_449.gif); background-repeat: no-repeat; background-position: top left; } div#contentMain.twoColumn #contentMore .modBox .video dt.bottom, div#mostEverywhere .modBox .video dt.bottom { background-image: url(../art/global/modbtm_449.gif); background-repeat: no-repeat; background-position: bottom left; } div#contentMain.twoColumn #contentMore .modBox .videoLarge, div#mostEverywhere .modBox .videoLarge { width: 785px; } div#contentMain.twoColumn #contentMore .modBox .videoLarge dd, div#mostEverywhere .modBox .videoLarge dd { margin: 0; padding: 0; } div#contentMain.twoColumn #contentMore .modBox .videoLarge dt.top, div#mostEverywhere .modBox .videoLarge dt.top { background-image: url(../art/global/modtop_785.gif); background-repeat: no-repeat; background-position: top left; } div#contentMain.twoColumn #contentMore .modBox .videoLarge dt.bottom, div#mostEverywhere .modBox .videoLarge dt.bottom { background-image: url(../art/global/modbtm_785.gif); background-repeat: no-repeat; background-position: bottom left; } div#contentMain.twoColumn #contentMore .modBox .mostPopular .story .headline {height:35px; width:200px; overflow:hidden} /* Bio page mods */ #biopic h2 {margin-top:0; text-transform: capitalize;} #bioIndex li h2 {font-size:1.2em;margin:0.4em 0;padding:0;text-transform:capitalize;} #contentMain #bioIndex ul {display:block;margin:0;padding:1em 0 0;width:600px;} #page.bio #contentMain #widePageSkyscraper {clear:none;float:right;margin:20px 10px;overflow:hidden;vertical-align:top;width:160px;} #contentMain #bio {padding:0 2em;width:585px;} #contentMain #biopic {clear:none;float:left;margin:0 20px 18px 0;} #bio h2 {font-size:1.4em} #contentMain #biotop h1, #biotop h2 {margin-left:0} #bio .links {margin:5px 0 5px 0} #bio .icon_email {background:url(../art/global/icon_email.gif) no-repeat; width:25px; height:10px; margin:0; position:relative; left:2px; top:3px; float:left} #bio .icon_blog {background:url(../art/global/icon_blog_18x14.gif) no-repeat; width:25px; height:14px; margin:0; position:relative; top:2px; float:left} #bio .icon_facebook {background:url(../art/global/icon_facebook_16x16.gif) no-repeat; width:25px; height:16px; margin:0; position:relative; left:1px; float:left} #bio .icon_twitter {background:url(../art/global/icon_twitter_16x16.gif) no-repeat; width:25px; height:16px; margin:0; position: relative; left:2px; float:left} #bio .icon_other {background:url(../art/global/icon_info_16x16.gif) no-repeat; width:25px; height:16px; margin:0; position: relative; left:2px; float:left} #bio .linkText {margin:0 0 8px 0; font-weight:bold} #bio .linkText.talent {text-transform:capitalize} /* sponsored header */ #contentMain.twoColumn #miniAdStory { position: relative; top: -10px; float: right; padding-right: 10px; } /*Rectangle on auto sport pages*/ #page.sportsSection.auto #contentMain.twoColumn .story .adContainer {margin-top: 20px;} #page.sportsSection.auto #contentMain.twoColumn #ad_Rectangle {padding-left: 0;} /* SUBNAV (ie:sports, weather..) */ #contentMain.twoColumn #topSubNav { color: #FFFFA2; font-size: 0.9em; margin: 0px 0px 5px 0px; height: 25px; width: 779px; border-left: #909090 solid 1px; background: #000000 url('../art/global/navBG.png') repeat-x 0px 0px; clear: both; } #contentMain.twoColumn #topSubNav ul{padding:0px; margin:0px; list-style-type:none;} #contentMain.twoColumn #topSubNav li.subNavCategory {display:inline; float:left; border-right:#909090 solid 1px; margin-top:2px; padding:2px 10px; text-transform: uppercase;} #contentMain.twoColumn #topSubNav li.lastTopNav {border-right:none;} #contentMain.twoColumn #topSubNav li.subNavCategory h3{margin:0px; padding:0px;color:#FFFFA2;} #contentMain.twoColumn #topSubNav li.subNavCategory a{color:#FFFFA2;} #contentMain.twoColumn #topSubNav li.subNavCategory a:hover, #contentMain.twoColumn #topSubNav li.subNavCategory a:hover h3 {color:#000000;} #contentMain.twoColumn #topSubNav li.active {background:#E5E5E5; color:#000000; padding-bottom:4px;} #contentMain.twoColumn #topSubNav li.active a{color:#000000;} #contentMain.twoColumn #topSubNav ul.dropNav {display:none; z-index:2000; background:#E5E5E5; border:#909090 solid 1px; border-top:none; margin:4px 0px 0px -16px; padding: 6px 0px; position: absolute;} #contentMain.twoColumn #topSubNav ul.dropNav li{margin:0px; padding:0px; float:none; position:relative; border-bottom:#CBCCD1 solid 1px;} #contentMain.twoColumn #topSubNav ul.dropNav li.lastItem{border-bottom:none;} #contentMain.twoColumn #topSubNav ul.dropNav li a{display:block; width:142px; color:#525252; font-weight:bold; line-height:18px; padding:3px 0px 3px 15px;} #contentMain.twoColumn #topSubNav ul.dropNav li a:hover{color:#000000; background:#949494;} #contentMain.twoColumn .subNavCategory .subNavArrow {position:relative; top:-3px; left:3px} /* Explore page styles */ #page.explore div#contentMain.twoColumn #contentMore{padding-bottom: 50px;} #page.explore div#contentMain.twoColumn #contentMore .contentSectionHeader {margin: 10px 0 5px 10px;} #page.explore .modules #topStoryMain{width:470px;} #page.explore #contentMore #exploreTalent {text-transform: capitalize;} #page.explore #contentMore #topStoryMain h1 {margin-left: 0;;} #page.explore #contentMore #topStoryMain h3 {font-size:1.5em; text-transform: capitalize;} #page.explore #contentMore #topStoryMain .moreNews ul.moreNewsItems li div.headline {font-weight:normal;font-size:15px;} #page.explore #contentMore div#exploreContent {margin: 30px 0 0 20px;} #page.explore #contentMore ul.exploreMore {clear: none; float: left; width: 190px; margin-bottom: 20px; padding:0 2px 0 0;list-style: none;} #page.explore #contentMore div#exploreNoResults {margin: 100px 0; text-align: center;} #page.explore #contentMore #topStoryMain .moreNews {position: relative; width:470px; margin:0;padding:0;} #page.explore #contentMore #topStoryMain .moreNews .moreNewsContainer {display:block; width: 470px; margin:0;padding:0;} #page.explore #contentMore #topStoryMain .moreNews ul.moreNewsItems li.body {float:left; width:315px;} #page.explore #contentMore #topStoryMain .moreNews ul.moreNewsItems li.thumb {margin:5px 10px 0 0;padding:0;width:94px;} /* feature content display */ #contentMain #featureContent { clear: none; } #contentMain #featureContent.normal {width:600px} #page.feature #mostEverywhere { clear: both; padding-top: 20px; } /* polls */ #pollInsert.Article { margin: 0 10px 10px 0; border: 1px solid #aeb1b4; background-color: #F0F3F6; } #pollInsert.Article h3, #pollInsert.Channel_News h3 { margin: 7px 0 0 7px; color: #333; } #pollInsert.Channel_Sports { border: none; margin-top: 10px; } #pollInsert.Channel_News { float: none; margin: 10px 0; width: 304px; display: inline-block; border: 1px solid #aeb1b4; background-color: #F0F3F6; } /* contentindex */ div#contentMain.twoColumn #contentMore #storiesArchive {margin:20px} div#contentMain.twoColumn #contentMore #storiesArchive ul {padding:0 0 0 20px} /* images in nav */ .navDisplayImg { padding-left: 5px; } /* print styles */ body.print #alertMain {display: none} body.print #bannerTop {display: none} body.print #page div#contentMain.twoColumn {background-color:#ffffff; background-image:none} body.print #page div#contentMain.twoColumn #contentMore .modulesMore {display: none} body.print #page div#contentMain.twoColumn #contentMore .myBox {display: none} body.print #page div#contentMain.twoColumn #contentMore .modBox {display:none} body.print #page div#contentMain.twoColumn #contentMore .digAds {display: none} body.print #page div#contentMain.twoColumn #contentMore .everywhere {display: none} body.print #page div#contentMain.twoColumn #contentMore .topStoryMore {display: none} body.print #page div#contentMain.twoColumn #contentMore .moreStories {display: none} body.print #page div#contentMain.twoColumn #contentMore .linksWeLike {display: none} body.print .relatedMod { display:none;} /* lwhd/otrc hompage links and modules */ #contentMore #topStoryMore #lwhdotrcLinks { width: 320px; height: 35px; } #contentMore #topStoryMore #lwhdotrcLinks ul { list-style-type: none; padding: 0 0 0 2px; margin: 0; } #contentMore #topStoryMore #lwhdotrcLinks li { float: left; background: url(../art/global/arrow_right_10x14_3a6dc9.gif) no-repeat left; padding-left: 12px; font-weight: bold; font-size:12px} #contentMore #topStoryMore #lwhdotrcLinks li#lwhd { padding-right: 25px; font-size:12px} #contentMore #topStoryMore #lwhdotrcLinks li a { color: #000; } .modulesMore #otrcHeadlines, .modulesMore #lwhdHeadlines { width: 300px; padding: 5px 0; font-size: 12px; font-weight: bold; clear: both; } .modulesMore #otrcHeadlines img, .modulesMore #lwhdHeadlines img { margin: 0 !important; } .modulesMore #otrcHeadlines .feed, .modulesMore #lwhdHeadlines .feed { min-height: 70px; margin-bottom: 5px; } .modulesMore #otrcHeadlines dd, .modulesMore #lwhdHeadlines dd { margin: 0; } .modulesMore #otrcHeadlines li, .modulesMore #lwhdHeadlines li { margin-top: 7px; } .modulesMore #otrcHeadlines .link, .modulesMore #lwhdHeadlines .link { text-align: right; } .modulesMore #otrcHeadlines { background-image: url(../art/global/bg_headlinesFeed_otrc.gif); background-repeat: no-repeat; background-position: 0 35px; } .modulesMore #otrcHeadlines ol { list-style-image: url(..//art/global/bullet_d11003.gif); margin: 0 0 0 17px; padding: 0; } .modulesMore #otrcHeadlines a { color: #000 !important; } .modulesMore #otrcHeadlines .link a { color: #cc0000 !important; } .modulesMore #lwhdHeadlines { background-image: url(../art/global/bg_headlinesFeed_lwhd.gif); background-repeat: no-repeat; background-position: 0 35px; } .modulesMore #lwhdHeadlines .feed { margin-top: 5px; } .modulesMore #lwhdHeadlines ol { list-style-type: none; margin: 0 0 0 3px; padding: 0; } .modulesMore #lwhdHeadlines a { color: #004d8e !important; } .modulesMore #lwhdHeadlines a:hover { color: #3399cc !important; } /* vftb module on kgo's homepage */ div#contentMain.twoColumn .modulesMore #vftbHeadlines {background-image: url(../art/global/bg_headlinesFeed_VFTB.jpg); background-repeat: no-repeat; background-position: 0 59px; width: 300px; padding: 5px 0; font-size: 12px; font-weight: bold; clear: both; margin:0 0 5px 0} div#contentMain.twoColumn .modulesMore #vftbHeadlines img.vftb_header {margin:0} div#contentMain.twoColumn .modulesMore #vftbHeadlines .feed {min-height: 70px; margin:0 0 0 18px;} div#contentMain.twoColumn .modulesMore #vftbHeadlines ul {margin:0 0 0 2px; padding: 0;} div#contentMain.twoColumn .modulesMore #vftbHeadlines li {margin-top: 7px; list-style-image: url(../art/global/bullet_black.gif);} div#contentMain.twoColumn .modulesMore #vftbHeadlines a, div#contentMain.twoColumn .modulesMore #vftbHeadlines a:visited, div#contentMain.twoColumn .modulesMore #vftbHeadlines a:active {color:#2d2d2d} div#contentMain.twoColumn .modulesMore #vftbHeadlines .link {text-align: right; margin:5px 0 0 0} div#contentMain.twoColumn .modulesMore #vftbHeadlines .link a, div#contentMain.twoColumn .modulesMore #vftbHeadlines .link a:visited, div#contentMain.twoColumn .modulesMore #vftbHeadlines .link a:active {color:#831111} /* 7Live module on kgo's homepage */ div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines {background-image:url(../art/global/bg_headlinesFeed_7Live.jpg); background-position:0 35px; background-repeat:no-repeat; border-bottom:solid 2px #831111; clear:both; font-size:12px; font-weight:bold; margin: 0 0 20px 0; padding:5px 0 10px 0; width:300px;} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines .feed {min-height: 70px; margin:0 0 0 18px;} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines ul {margin:0 0 0 2px; padding: 0;} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines li {margin-top: 7px; list-style-image: url(../art/global/bullet_black.gif);} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines a, div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines a:visited, div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines a:active {color:#2d2d2d} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines .link {text-align: right; margin:5px 0 0 0} div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines .link a, div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines .link a:visited, div#contentMain.twoColumn .modulesMore #sevenLiveHeadlines .link a:active {color:#556d29} /* skyscraper relocation */ #page.channel_franchise, #page.channel_news, #page.article, #page.sportsSection.auto, #page.sportsSection.editor {width:1210px;} #page.channel_franchise .ad_skyscraper, #page.channel_news .ad_skyscraper, #page.article .ad_skyscraper, #page.sportsSection.auto .ad_skyscraper, #page.sportsSection.editor .ad_skyscraper {float:left; margin:0 10px;} #page.channel_franchise .ad_skyscraper .adText, #page.channel_news .ad_skyscraper .adText, #page.article .ad_skyscraper .adText, #page.sportsSection.auto .ad_skyscraper .adText, #page.sportsSection.editor .ad_skyscraper .adText {color:#999999; margin:0 0 0 5px; padding:0; font-size:0.78em; text-transform:uppercase;} #page #ad_synchSkyscraper {float:left; margin:0 10px;} #page #ad_synchSkyscraper .adText {color:#999999; margin:0 0 0 5px; padding:0; font-size:0.78em; text-transform:uppercase;} /* technical help page style tweaks */ #page #contentMore.helpTechnical h2 { padding: 0; margin-top: 20px; } /* share this, social network on story */ .shareThis {margin-bottom:20px; display:inline-block} .shareThis .shareTitle {border-bottom:solid 1px #999; width:300px; margin-bottom:10px; padding-bottom:5px; font-size:16px; font-weight:bold} .shareThis .shareGroup {clear:both; margin-bottom:20px; display:inline-block} .shareThis .fbShare {float:left; margin:0 15px 0 0;} .shareThis .twShare {float:left; margin:1px 0px 0 0} .shareThis .buzzShare {float:left; margin-top:1px} .shareThis .email {float:left; margin:0 10px 0 0;} .facebookActivity {background-color:#E8ECF1; width:300px; padding:10px 0; margin-bottom:20px; text-align:center; clear:both;} .facebookActivity .fbTitle {font-size:1.4em; text-align:left; padding:0 0 10px 10px} /* 7 Live */ .fbLive, .twLive {margin:25px 0 0 10px} /* Games - arkadium */ #gamesIndex div#banner.ad_banner {margin:15px 0 0 0; padding:0; width:818px} #gamesIndex #gamesContent {margin:20px 0 0 20px; padding:0; display:inline-block;z-indez:0} #gamesIndex #gamesContent h1.gameTitle {margin:15px 0 10px 0; padding:0; font-size:1.8em; width:450px; display:inline-block} #gamesIndex #gamesContent .gamesList {float:left; width:50%; margin:15px 0 0 0; clear:left} #gamesIndex #gamesContent .gameItem {clear:both; display:inline-block; margin:0; height:120px; width:375px} #gamesIndex #gamesContent .gameItem .gameThumb {float:left; margin:0 10px 0 0} #gamesIndex #gamesContent .gameItem .gameTitle {float:left; margin:0; width:220px; font-size:0.9em} #gamesIndex #gamesContent .gameItem .gameTitle a {font-weight:bold; font-size:1.2em} #gamesIndex #gamesContent .gamesListMore {float:left; width:50%; margin:15px 0 0 0} #gamesIndex .gamesNav {margin:20px auto 0px auto; padding:5px; text-align:center} #gamesIndex #gamesContent.gamePage {margin:20px 0 0 50px} #gamesIndex #gamesContent.gamePage .gameInfo{width:720px} #gamesIndex #gamesContent .title {float:left} #gamesIndex #gamesContent .shareThis {margin-bottom:0; margin-top:10px} div#contentMain .icon_email_lrg {background-image:url(../art/global/icon_email_lrg.gif); background-repeat:no-repeat; cursor:pointer; width:60px; height:18px} /* PX TO EM CONVERSION 30px = 2.3em 18px = 1.4em 16px = 1.2em 14px = 1.1em 13px = 1em 12px = 0.9em 11px = 0.85em 10px = 0.8em 9px = 0.78em */