/* Newscanner Practice Stylesheet * Brookes Stephens * 8/31/09 * Notes * ID = nsShowMe, nsMost, nsNews, nsUpdated, nsComm = COLUMN HEADERS * CLASS = nsShowMe, nsMost, nsNews, nsUpdated, nsComm = COLUMN DATA */ /* Default Tags*/ .cnnWsnr {white-space: nowrap} /* Layout */ ul, li, p, div, span {margin: 0; padding: 0;} a {color: #004276;} a:hover {color: #ca0002;} #newsScanner {width: 100%; overflow: hidden; background:#fff; padding: 0; margin: 0 auto;} #newsScanner .hover {color: #ca0002} #newsScanner .unhover {color: #004276;} #newsScanner #nsCtrlPanelWrap {width: 100%; background:#f6f6f6 url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/132x50_bk_header.gif') repeat;} #newsScanner #nsCtrlPanel {/*overflow: hidden;*/ width: 1002px; padding-top: 10px; background:#f6f6f6 url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/132x50_bk_header.gif') repeat-x;} #newsScanner #nsCtrlPanel #cnnBannerContainer {margin: 0;} #newsScanner #nsCtrlPanel #nsUnderBannerWrap {height: 65px; width: 980px;} #newsScanner #nsCtrlPanel #nsSelectTime {float: right; font-size: 10px; font-weight: #333; height: 65px; width: 335px; margin: 0;} #newsScanner #nsCtrlPanel #nsPopTime {float: right; font-size: 10px; font-weight: bold; color: #333; text-transform: uppercase; margin-top: 17px} #newsScanner #nsCtrlPanel #nsBadge {float: left; display: block; width: 139px; height: 28px; margin: 10px 0px 10px 10px; background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/newsPulse_beta_139x28.gif') no-repeat;} #newsScanner #nsCtrlPanel #nsShowResult {float: right; width: 200px; text-align: right; display: block; clear: both; font-size: 10px; color: #666666; margin: 6px 0 0 0;} /* Control bar */ #newsScanner #nsCtrlBarOuterWrap {width: 100%; background: url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/119x34_BK_menu.gif') repeat-x;} #newsScanner #nsCtrlBar {width:980px; height: 34px; padding: 0; z-index: 700; *overflow: hidden; background: url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/119x34_BK_menu.gif') repeat-x;} #newsScanner #nsCtrlBar div {float: left; font-size: 10px; font-weight: bold; color:#555; text-transform: uppercase;} #newsScanner #nsCtrlBar #nsCtrlBarWrapper { width: 980px; text-align: left; /*margin: 0 0 0 16px;*/} * html #newsScanner #nsCtrlBar #nsCtrlBarWrapper {/*_margin: 0 0 0 5px;*/} #newsScanner #nsCtrlBar #nsShowMe {width: 119px; height: 34px;border-right: 1px solid #dadada; border-left:1px solid #dadada;} #newsScanner #nsCtrlBar #nsShowMe span {display: block; margin: 11px 0px 0px 7px} #newsScanner #nsCtrlBar #nsMost {width: 129px; height: 34px;border-right: 1px solid #dadada;} #newsScanner #nsCtrlBar #nsMost span {display: block; float: left; margin: 11px 4px 0px 7px} #newsScanner #nsCtrlBar #nsMost select {display: block; float: left; margin: 7px 0px 0px 0px} #newsScanner #nsCtrlBar #nsNews {width: 524px; height: 34px;border-right: 1px solid #dadada;} #newsScanner #nsCtrlBar #nsNews span {float: left; display: block; margin: 11px 0px 0px 7px} #newsScanner #nsCtrlBar #nsNews #nsSearchBoxWrap { border:1px solid #efefef; background-color: #fff; float: right; display: block; /* block when not hiding it*/ width: 220px; height: 18px; margin: 7px 7px 0px 7px; padding: 0px; } #newsScanner #nsCtrlBar #nsNews #nsSearchBoxWrap #nsKeywordSearchMag { border:0 none; height:12px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; top:-13px; width:13px; left:204px; } #newsScanner #nsCtrlBar #nsNews #nsSystemWorking { background:transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/global/misc/loading.gif') no-repeat scroll 0 0; display:block; float:left; height:56px; margin:0 0 0 190px; width:56px; } #newsScanner #nsCtrlBar #nsNews input.nsHollow {color: #949494} #newsScanner #nsCtrlBar #nsNews input.nsNormal, #newsScanner #nsCtrlBar #nsNews input { display: block; position: relative; padding: 0; width: 195px; height: 17px; margin: 1px 5px 1px 1px; vertical-align: middle; font-size: 12px; line-height:14px; color: #333; background-color: #fff; border: 1px solid #fff; } #newsScanner #nsCtrlBar #nsUpdated {width: 93px; height: 34px; border-right: 1px solid #dadada;} #newsScanner #nsCtrlBar #nsUpdated span {display: block; margin: 11px 0px 0px 7px} #newsScanner #nsCtrlBar #nsComm {width: 109px; height: 34px;border-right: 1px solid #dadada;} #newsScanner #nsCtrlBar #nsComm span {display: block; margin: 11px 0px 0px 7px} /* Content Area */ #newsScanner #nsContent {text-align: left; display: block; margin:0 0 0 0px; width:980px; overflow: hidden; z-index:100; border-left:1px solid #dadada; } #newsScanner #nsContent #nsDataList {width:858px; overflow: hidden; float: left; border-left:1px solid #dadada; border-right:1px solid #dadada; margin: 0; padding: 0;} /* NO RESULTS styles */ #nsContent #nsDataList #nsNoFilterResults {float: left; height: 120px; width: 100%; overflow: hidden;} #nsContent #nsDataList #nsNoFilterResults #nsNoResultMsg {margin: 24px 0 0 10px; color: #000; font-size: 16px; line-height: 14px; } #nsContent #nsDataList #nsNoFilterResults #nsSearchAgain {margin: 10px 0 0 10px; color: #333; font-size: 12px; line-height: 14px;} #nsContent #nsDataList #nsNoFilterResults #nsTodayItems {margin: 12px 10px 0 10px; padding: 12px 0 0 0; color: #333; font-size: 12px; font-weight: bold; line-height: 12px; border-top: 1px solid #dadada; } #nsContent .nsShowMe {float: left; width: 119px; font-size:9.5px; text-transform: uppercase;} #nsContent .nsShowMe ul {padding: 0; margin: 15px 0; list-style: none;} #nsContent .nsShowMe ul li {display: block; margin: 2px 0; overflow: hidden; border-bottom:1px solid #dadada;} #nsContent .nsShowMe ul li.showMeAll {margin: 25px 0 0 0;} #nsContent .nsShowMe input {padding: 0; margin: 2px 0 0 4px} #nsContent .nsShowMe a.checkbox {cursor: pointer; width: 118px; color:#000; overflow: hidden; clear: both; display: block; padding:0px 0px 6px 0px;} #nsContent .nsShowMe a.checkbox:hover span {color: #ca0002} #nsContent .nsShowMe a.checkbox img {float: left; display: block; margin: 0 3px 0px 4px; /*background: #fff url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/checkBox_off.png') no-repeat;*/} /*#nsContent .nsShowMe .checkbox:hover img {background: #fff url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/checkBox_hover.png') no-repeat;}*/ #nsContent .nsShowMe a.checkbox span {color: inherit; float: left; display: inline-block; margin: 3px 0px 2px 0px; height: 10px;} #nsContent .nsShowMe .checkbox.topicON {cursor: pointer; color: #004276;} #nsContent .nsShowMe .checkbox.topicON img {} /* Data Row Styles */ #nsContent ul.nsData {/*float: left; width: auto;*/ overflow: hidden; list-style: none; clear: both;} #nsContent .nsData li.nsDataRow {height:60px; /*width: 858px;*/ overflow: hidden; float:left; /* float is for IE vert spacing*/} #nsContent .nsData li.nsDataRow .nsMost, #nsContent .nsData li.nsDataRow .nsNews, #nsContent .nsData li.nsDataRow .nsUpdated, #nsContent .nsData li.nsDataRow .nsComm {float: left;} /* this is for the columns*/ #nsContent .nsData li.nsDataRow .nsRowWrap {overflow: hidden; height: 60px;/*border: 1px solid blue; /*width: 858px; overflow: hidden; */} #nsContent .nsData li.nsDataRow.expRow .nsRowWrap {overflow: hidden; height: 190px/*border: 1px solid blue; /*width: 858px; overflow: hidden; */} #nsContent .nsData li.nsDataRow a {border: none; border-width: 0px; cursor: pointer;} #nsContent .nsData li.nsDataRow a:hover {color: #ca0002;} #nsContent .nsData a.lrg {display: none;} #nsContent .nsData li.nsDataRow a.lrg img {border: none; border-width: 0px;} #nsContent .nsData .nsDataRow-even {background-color: #f3f3f3} #nsContent .nsData .nsDataRow-odd {background-color: #fff;} /*Ad Row Styles*/ #nsContent .nsData li.nsAdRow {height:90px; float: left;width: 858px; /*position: relative;*/ overflow: hidden; z-index: 8880;} #nsContent .nsData li.nsAdRow .nsAdStamp {float: left; display: block; font-size: 8px; height: 9px; width: 58px; margin: 42px 10px; letter-spacing: 2px; color: #949494} #nsContent .nsData li.nsAdRow iframe, #nsContent .nsData li.nsAdRow img {/*margin: 0 0 0 65px; position: absolute !important; right: 0;*/ float: right; z-index: 8885;} /* "News" Styles */ #nsContent .nsData li.nsDataRow .nsNews {width: 524px; height: 60px; border-right: 1px solid #dadada;} #nsContent .nsData li.nsDataRow .nsNews ul {list-style: none; /*width: 515px;*/ overflow: hidden;} #nsContent .nsData li.nsDataRow .nsNews .nsMedia {float: left; display: block; width: 90px; overflow: hidden; padding: 5px 0px 0px 0px; margin: 0 0 0 10px; /*border: 1px solid green;*/} /*\*/ * html #nsContent .nsData li.nsDataRow .nsNews .nsMedia {margin:0 0 0 4px;} /**/ #nsContent .nsData li.nsDataRow .nsNews .nsMedia a.thumb img {display: block; margin-bottom: 10px;} #nsContent .nsData li.nsDataRow .nsNews .nsMedia a.lrg img {display: none; /*margin-bottom: 10px;*/} #nsContent .nsData li.nsDataRow .nsNews .nsStory {float: left; display: block; margin: 0 0 0 10px; width: 385px; overflow: hidden; /*border: 1px solid red;*/} #nsContent .nsData li.nsDataRow .nsNews .nsStory h3 {display: block; color: #004276; font-weight: bold; font-size: 14px; line-height: 16px; margin: 22px 5px 4px 0px;} #nsContent .nsData li.nsDataRow .nsNews .nsStory h3 a {} #nsContent .nsData li.nsDataRow .nsNews .nsStory h3 a span {display: inline-block;} #nsContent .nsData li.nsDataRow .nsNews .nsStory h3 a .nsToggler {display: block; font-size: 12px; line-height: 14px; font-weight: normal; margin: 3px 0 0 0; z-index: 7700;} #nsContent .nsData li.nsDataRow .nsNews .nsStory h3 a .nsToggler img.hidearrow {margin: 0 4px 2px 0px;} #nsContent .nsData li.nsDataRow .nsNews .nsDetails {} #nsContent .nsData li.nsDataRow .nsNews .nsDetails .nsBlurb {display: none;float: left; font-family: "Helvetica", "Tahoma", sans-serif;} #nsContent .nsData li.nsDataRow .nsNews .nsDetails .nsSocial {display: none;} /* Expanded Row Styles */ #nsContent .nsData li.nsDataRow.expRow {height: 190px;} #nsContent .nsData li.nsDataRow.expRow .nsNews {width: 858px;} #nsContent .nsData li.nsDataRow.expRow .nsNews h3 {line-height: 14px; margin: 24px 10px 6px 0px} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsMedia {width: 320px; height: 180px; padding: 5px 0px 4px 0px;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsMedia a.lrg {display: block; width: 320px; height: 180px;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsMedia a.thumb {display: none;} #nsContent .nsData li.nsDataRow.expRow .nsNews ul {/*width: 857px;*/ overflow: hidden;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsStory {float: left; width: 408px;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails {width: 100%; overflow: hidden; z-index: 100;} /*#nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails .nsToggler {display: block; width: 85px; line-height: 10px; height: 10px; margin: 0 0 11px 0;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails .nsToggler img.hidearrow {margin: 0 4px 4px 0px;}*/ #nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails .nsBlurb {width: 400px; font-size: 12px; line-height: 14px;} /*Story Links */ #nsContent .nsData li.nsDataRow .nsNews .nsDetails .nsBlurbXtra {display: inline-block; margin: 15px 0px 0px 0px; font-size:10px; width:400px; font-family: Arial, "Helvetica", "Tahoma", sans-serif; } #nsContent .nsData li.nsDataRow .nsNews .nsDetails .nsBlurbXtra a:hover {color: #ca0002;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails .nsBlurbComm {display:inline-block; font-weight: bold; color: #666666; margin-left: 15px; } #nsContent .nsData li.nsDataRow.expRow .nsNews .nsDetails .nsBlurbTime {font-weight: bold; color: #666666;} #nsContent .nsData li.nsDataRow .nsNews .nsDetails .nsBlurbLink {font-size: 10px; font-weight: bold; text-transform: uppercase;} #nsContent .nsData li.nsDataRow.expRow .nsMost {display: none;border: none;} #nsContent .nsData li.nsDataRow.expRow .nsUpdated {display: none;border: none;} #nsContent .nsData li.nsDataRow.expRow .nsComm {display: none;border: none;} /* "Popular" styles*/ #nsContent .nsData li.nsDataRow .nsMost {width: 129px; height: 60px; border-right: 1px solid #dadada;} #nsContent .nsData li.nsDataRow .nsMost img {} #nsContent .nsData li.nsDataRow .nsMost .nsPopRedBar {width: 0px; height: 8px; margin: 26px 0px 24px 9px; background: transparent url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/popularity.bar.gif') repeat-x;} /* "Updated" Styles */ #nsContent .nsData li.nsDataRow .nsUpdated {width: 93px; height: 60px; border-right: 1px solid #dadada;} #nsContent .nsData li.nsDataRow .nsUpdated span {display: inline-block; margin: 24px 0px 20px 0px; font-size: 10px; color: #666666; font-family: "Helvetica", "Tahoma", sans-serif; font-weight: bold;} /* "Commented" Styles */ #nsContent .nsData li.nsDataRow .nsComm {width: 109px; height: 60px;} #nsContent .nsData li.nsDataRow .nsComm span {display: inline-block; margin: 24px 0 20px 0px; font-size: 10px; color: #666666; font-family: "Helvetica", "Tahoma", sans-serif; font-weight: bold;} /*Pagination Pager */ #nsPager { width: 980px; text-align: left; margin: 16px 0px 24px 14px; color: #666666; font-family: Arial, Verdana, sans-serif; font-size: 12px;} #nsPager #nsLoadMore {font-size: 9.5px; color: #004276; text-transform: uppercase; cursor: pointer} /* Ad Row styles */ /* jQuery Custom Select Box ======================================================================================================================= */ :focus {outline:none;} .js ul.newList {left:-9999px;} #nsCtrlPanel select {position: relative; float: right; display: inline-block; border: 1px solid #dadada; font-size: 9px; color:#004267; text-transform: uppercase; height:22px; width: 86px;} #nsPopForm select {display: inline-block; border: 1px solid #dadada; color:#004267; font-size: 9px; text-transform: uppercase; height:22px; } ul.newList *, .newListSelected * {font-size:10px; font-weight: bold; background:#fff;} #nsPopForm .newListSelected {float: left; color:#004267; height:16px; padding: 3px 0px; width:86px; text-align: left; text-transform: uppercase;} .newListSelected div {padding:3px 0 3px 10px!important; height:16px; width:92px; position: relative; background: transparent;} ul.newList {list-style: none; color: #004267; width: 85px; background: transparent; border: 1px solid #efefef; top:20px !important; left:0; height:auto; overflow: hidden; position: absolute; z-index:9999;} ul.newList li {padding:4px 0 4px 10px!important; background: #fff; border-bottom: 1px solid #dadada;} .hiLite {color:#555;} .newListHover {color:#ca0002!important; cursor:default;} .newListSelHover {cursor:default;} .newListSelHover, .newListSelFocus {} .newListSelHover div, .newListSelFocus div {/*font-weight:bold;*/} #nsCtrlPanel .newListSelected {position: relative; width: 102px; /*height: 22px;*/ background:#fff url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/drop_down_arrows_btn.png') no-repeat; background-position: right top; text-align: left; text-transform: uppercase; } .newListSelected .selectedTxt {/*height: 22px;*/} #nsTimeDropWrap {float: right; height: 22px; border:1px solid #efefef; margin:12px 0px 0 5px;} /* end custom select */ /*CNN Styles that were overridden*/ #nsContent .nsData li.nsDataRow .nsNews .nsFullStory a.cnnEmbedShareLnk {z-index: 10; display: none; } #nsContent .nsData li.nsDataRow .nsNews .nsFullStory a.cnnEmbedShareLnk {width:55px; height: 17px; display: inline-block; position: relative; margin:0px 0px -6px -4px; background: url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/share.gif') no-repeat;} #nsContent .nsData li.nsDataRow .nsNews .nsFullStory a.cnnEmbedShareLnk:hover {background: url('http://i.cdn.turner.com/cnn/.element/img/3.0/newsscanner/share_RO.gif') no-repeat;} #nsContent .nsData li.nsDataRow .nsNews .nsFullStory a.cnnEmbedShareLnk span {display: block; width: 100%; color: transparent;} /* begin share box styling ======================================================================================================================= */ #nsContent .nsData li.nsDataRow .nsNews .nsFullStory .cnnWsnr {position: absolute; text-align: left; z-index: 9900; /*width: 138px;*/ height: 233px;} #nsContent .nsData li.nsDataRow .nsNews .nsFullStory .cnnShareThisBox {text-align: left; width: 138px; top: 5px; z-index: 9905;} .cnnShareThisContent {padding:9px 9px 3px 8px; margin:0px; font-size:10px; background:#ffffff; font-weight:bold;line-height:14px;} .cnnShareThisContent .cnnShareThisTitle h6 {font-size:10px; color:#949494; padding:0px 0 9px 0; margin:0px; } .cnnShareThisTitle img {float:right;} .cnnShareThisItem {padding:0 0 9px 0;} .cnnShareThisItem img {vertical-align:middle; padding:0 8px 0 0; border:none;} .cnnShareBoxContent .cnnShareContent {margin:0 9px; background:#fff; border:1px solid #cbcbcb;} .cnnShareBoxContent {width:100%;overflow:hidden;background:url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_center.png);} .cnnShareBoxHeader {overflow:hidden;position:relative;width:100%;height:9px;background:transparent;} .cnnShareBoxHeader .cnnShareBoxHeaderTL {margin-right:9px;height:9px;background:transparent url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_TL.png) 0 0 no-repeat;} .cnnShareBoxHeader .cnnShareBoxHeaderTR {position:absolute;top:0px;right:0px;width:9px;height:9px;background:transparent url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_TR.png) 0 0 no-repeat;} .cnnShareBoxFooter {overflow:hidden;position:relative;width:100%;height:9px;background:transparent;} .cnnShareBoxFooter .cnnShareBoxFooterBL {margin-right:9px;height:9px;background:transparent url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_BL.png) 0 0 no-repeat;} .cnnShareBoxFooter .cnnShareBoxFooterBR {position:absolute;top:0px;right:0px;width:9px;height:9px;background:transparent url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_BR.png) 0 0 no-repeat;} * html .cnnShareBoxContent {background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_center.png', sizingMethod='scale');} * html .cnnShareBoxHeader .cnnShareBoxHeaderTL {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_TL.png', sizingMethod='crop');} * html .cnnShareBoxHeader .cnnShareBoxHeaderTR {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_TR.png', sizingMethod='crop');} * html .cnnShareBoxFooter .cnnShareBoxFooterBL {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_BL.png', sizingMethod='crop');} * html .cnnShareBoxFooter .cnnShareBoxFooterBR {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.cdn.turner.com/cnn/.element/img/2.0/global/dropdowns/shdw_BR.png', sizingMethod='crop');} .cnnShareThisItem {clear:both;} .cnnShareThisItem a, .cnnEmbeddShare .cnnShareThisItem a, .cnnEmbeddShare .cnnShareThisItem a:hover {display:block;padding:3px 0 4px 25px;background:url(http://i.cdn.turner.com/cnn/.element/img/3.0/global/icons/share_sprite_3.jpg) 0 2px no-repeat;)} .cnnEmbeddShare .cnnShareThisItem a:visited {color:#004276;} .cnnShareThisItem a.cnnShareMixx, .cnnShareThisItem a.cnnShareMixx:hover {background-position:0 2px;} * html .cnnShareThisItem a.cnnShareMixx {width:70px;} *:first-child+html .cnnShareThisItem a.cnnShareMixx {width:70px;} .cnnShareThisItem a.cnnShareDigg, .cnnShareThisItem a.cnnShareDigg:hover {background-position:0 -25px;} .cnnShareThisItem a.cnnShareFacebook, .cnnShareThisItem a.cnnShareFacebook:hover {background-position:0 -52px;} .cnnShareThisItem a.cnnShareDelicious, .cnnShareThisItem a.cnnShareDelicious:hover {background-position:0 -80px;} .cnnShareThisItem a.cnnShareReddit, .cnnShareThisItem a.cnnShareReddit:hover {background-position:0 -107px;} .cnnShareThisItem a.cnnShareStumbleUpon, .cnnShareThisItem a.cnnShareStumbleUpon:hover {background-position:0 -137px;} .cnnShareThisItem a.cnnShareMyspace, .cnnShareThisItem a.cnnShareMyspace:hover {background-position:0 -166px;} .cnnShareThisItem a.cnnShareTwitter, .cnnShareThisItem a.cnnShareTwitter:hover {background-position:0 -194px;} .cnnShareThisItem a.cnnShareEmail, .cnnShareThisItem a.cnnShareEmail:hover {background-position:0 -216px;} .cnnEmbeddShare .cnnShareThisItem a {color:#004276;} .cnnEmbeddShare .cnnShareThisItem a:hover {color:#ca0002;background-color:#fff;} .cnnEmbeddShare {color:#949494;font-size:11px;line-height:16px;} .cnnEmbeddShare a {font-size:10px;display:inline;white-space: nowrap;color:#ca0002;padding:2px 2px 1px 2px;} .cnnEmbeddShare a:hover {color:#fff;background:#c90000;} .cnnEmbeddShare a.cnnMixx {padding:0 2px 2px 21px;background:url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/icons/share_sprite.gif) 0 0 no-repeat;} .cnnEmbeddShare a.cnnMixx:hover {background:#c90000 url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/icons/share_sprite.gif) 0 0 no-repeat;} div.cnnEmbeddShare {display:none; width:138px; position: absolute; overflow: hidden; height: 233px;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory div.cnnEmbeddShare {display:inline; width:138px; position: relative; overflow: hidden; height: 233px; left: -165px;} @media all and (-webkit-min-device-pixel-ratio: 0) { #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory div.cnnEmbeddShare {left: -115px;} } .cnnEmbeddShareSpan {position:relative; display:inline;} .cnnEmbeddShareSpan .cnnOverlayMenuContainer, .cnnEmbeddShareSpan .cnnOverlayMenu {position:absolute;top:-118px;left:-3px; z-index:200; } .cnnEmbeddShareSpan {z-index:99999;} .cnnEmbeddShare .cnnShareThisTitle {position:relative;} .cnnEmbeddShare .cnnShareThisTitle a {position:absolute;top:0;right:0;width:16px;} .cnnEmbeddShare .cnnShareThisTitle a:hover {background:#fff;} * html .cnnEmbeddShare .cnnShareThisTitle a {right:18px;} .cnnEmbeddShare a.cnnOverlayLnk:visited {color:#ca0002;} .cnnEmbeddShare a.cnnOverlayLnk:hover {color:#fff;} * html .cnnAttribution {padding-top:12px;} /* end share box styling */ .nsVideo {display: none;} .expRow .nsVideo {display: inline; /*position: relative !important;*/} /* ad style override */ .adunit_728x90 { margin: 0px; } /* FULL STORY SECT --------------------------------------------------------*/ #nsContent .nsData li.nsDataRow .nsNews .nsFullStory {display: none;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory {display: block; float:left; width: 108px; height: 190px; margin: 0px; border-left: 2px solid #f8f8f8;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory .nsFullStoryLink {margin: 77px 0px 70px 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; display: block;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory .nsFullStoryLink span {margin: -2px 0 0 5px; font-size: 14px;} #nsContent .nsData li.nsDataRow.expRow .nsNews .nsFullStory .nsShareWrap {/*position: relative; height: 17px; */} /* ------------ IE6 ----------------------------------------------------*/ /*\*/ * html #nsContent .nsData li.nsDataRow {/*width: 858px;*/ float:none; overflow: hidden; padding: -2px 0 0 0} /**/ /*\*/ * html #nsContent .nsData li.nsDataRow.expRow {/*width: 858px;*/ float:none; overflow: hidden; padding: -2px 0 0 0} /**/ /*\*/ * html #nsContent .nsData li.nsDataRow .nsUpdated span {display: inline;} /**/ /*\*/ * html #nsContent .nsData li.nsDataRow .nsComm {display: block; } /**/ /*\*/ * html #nsContent .nsData li.nsDataRow .nsComm span {display: block; } /**/ /*\*/ * html #nsContent .nsData li.nsDataRow.expRow .nsNews .nsStory {float: left; width: 410px;} /**/