/* core_reset.css */ /*________reset________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-size: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {vertical-align:baseline;} :focus {outline: thin dotted;} :hover, :active {outline: none;} body {line-height: 1; background: #FFF; color: #333; font: normal 62.5% Arial, sans-serif; margin: auto;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*html5 block declaration*/ article, header, footer, section, aside, nav, navigation, time {display: block;} /*________msnbc baseline________*/ body {background: #FFF; margin: 0 auto;} p, ul, ol {padding: 0.8em 0;} a:link {color: #369;} a:visited {color: #999;} a:focus, a:hover, a:active {color: #C00;} /* core_sitewide.css */ /********** * Cross-site, cross-page elements -- header, footer, major repeating UI elements ***********/ /*_______layout rules_______*/ /*cascade impact severe!*/ .content {margin: 0 auto; width: 996px; *position: relative;} /*site header*/ #siteheader {position: relative; z-index: 1300; *height: 47px;} /*\*/ * html #siteheader {height: 100px;} #site {height: 47px; position: relative;} #site {_height:25px; _margin-top:-10px;} #site .main {height: 231px; position: relative;} #site .main {_height:30px;} .main-grid {height: 0px;} .main-grid .grid {} #site .search {margin-top: 1px !important;} #breadcrumbs, #site .search {float: left; margin: 5px 0 0 9px;} #breadcrumbs {height: 35px; width: 655px;} #breadcrumbs a {margin: 0px 2px;} .badge {margin-left: 0px;} .logo {margin-right: 0px;} #sections {height: 37px; margin: 2px 0px 0px -2px; padding: 7px 0px 0; position: relative; width: 996px; background: transparent;} #sections {_padding-top:0px;_margin-top:0px;} #sections li {margin: 0px 9px 0px 8px; padding: 6px 0px 10px 0px;} #sections li.i1 {margin-left: 0px; padding-left: 7px;} #sections li.i12 {margin-right: 0px;} #sections li {_margin: 0px 10px 0px 11px;} /*.msnbc #sections li.i11, .msnbc #sections li.i12 {background: none;} .msnbc #sections li.i11 a:hover, .msnbc #sections li.i12 a:hover {background: none; color: #FC3; border-bottom: 1px dotted;} */ #network {height: 24px; position: relative; width: 100%; z-index: 1200;} /*#network .content {display:none;}*/ #network .content {display:block;} .comcast #msn {display:none;} .comcast #sites-shows li {padding-right:25px;} .comcast #sites-shows .i1 {padding-left:0;} #sites-shows {float: left; margin: 8px 0 0 110px; padding: 0px;} .comcast #sites-shows {margin:8px 0 0 8px;} #msn {float: left; height: auto; margin: 8px 0px 0px 10px; padding: 0px; width: auto; z-index: 1100;} #msn-more {display: none;} #msn li {margin-right: 7px;} #msn li.more:hover #msn-more, #msn li.more a:focus+#msn-more /*keyboard access for 'more' dropdown by adjoining elements*/ {display: block; float: left; position: absolute; height: auto; top: 20px; *left: 110px; width: 465px; padding: 25px 21px 20px 20px; z-index: 1000;} /*zinger_login*/ .zinger_login {margin-right: 10px!important; position: relative;} .c-account-login {position: absolute; right: 0;} .c-account-login {width: 235px; padding: 15px; background-color: white; border: 1px solid #AAAAAA; box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);} .c-account-widget span {background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Components/CSS/img/icons/msnbcLoginArrow.gif") no-repeat right 5px; display: inline-block; padding-right: 12px; vertical-align: middle;} .c-account-widget span:hover {background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Components/CSS/img/icons/msnbcLoginArrow.gif") no-repeat right -21px; cursor: pointer;} .c-account-widget img {position: relative; vertical-align: middle;} .c-account-info {position: absolute; right: 0; width: 235px; padding: 15px; background-color: white; border: 1px solid #AAAAAA; box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);} .c-account-info .header span {display: inline-block; font-size: 18px; margin-top: 2px; font-weight: bold; line-height: 18px;} .c-account-info .header img {float: left; margin-right: 10px;} #network .zinger_login .c-account-info a, #network .j_widget_zinger_3 a, #network .privacy a {color: #114477!important;} #network .zinger_login .c-account-info a:hover, #network .j_widget_zinger_3 a:hover, #network .zinger_login .c-account-info a:focus, #network .j_widget_zinger_3 a:focus {color: #CC0000!important;} .j_widget_zinger, body .j_widget_zinger p, .j_widget_zinger ul, .j_widget_zinger ol {font-family: "Arial", sans-serif!important; font-size: 13px; line-height: 20px; text-align: left; display: block;} .j_widget_zinger_login {position: relative;} .j_widget_zinger_login ul {margin: 0; padding: 0;} .j_widget_zinger_login .c-account-widget {position: relative; cursor: pointer;} .j_widget_zinger_login .c-account-widget .c-avatar {height: 24px; width: 24px; position: relative;} .j_widget_zinger_login .c-account-widget span {margin-left: 2px; font-size: 11px; bottom: 7px;} /*.j_widget_zinger_login .c-account-widget span:after {content: " \25BE" ; /* this is the xhtml arrow: ▾ down arrow */ /*color: #B74C11; font-size: 14px; position: relative;}*/ .zinger_login {margin-top: 0;} .j_widget_zinger_login .c-account-login, .j_widget_zinger_login .c-account-info {z-index:1000001;} .c-account-login, .c-account-info {position: absolute; right: 0; width: 235px; padding: 15px; background-color: white; border: 1px solid #AAAAAA; box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);} .c-account-info .header span {display: inline-block; font-size: 18px; margin-top: 2px; font-weight: bold; line-height: 18px; font-family: arial; font-size: 17px; font-weight: bold;} .zinger_login .c-account-info .section ul li a {line-height: 17px; font-size: 13px;} .c-connect, .c-onlogin {font-size: 11px;} .zinger_login .footer li {float: left;} .zinger_login .footer .privacy {float: right;} .j_widget_zinger_login .c-account-login {*margin-top: 24px;} .c-account-login .logo {display: none!important;} .j_widget_zinger_login .c-account-info .header {margin: 0 0 0 70px;} .j_widget_zinger_login .c-account-info .header img {float: left; height: 60px; margin: 0 0 0 -70px; width: 60px;} .j_widget_zinger_login .c-account-info .header h1 {font-size: 20px; margin: 0;} .j_widget_zinger_login .c-account-info .section {margin-top: 5px; padding-left: 70px;} .j_widget_zinger_login .c-account-info .section:after, .j_widget_zinger_login .c-account-info .footer:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;} .j_widget_zinger_login .c-account-info .footer {border-top: 1px dotted #ddd; margin-top: 15px; padding-top: 5px;} .j_widget_zinger_login .c-account-info .section ul li, .j_widget_zinger_login .c-account-info .footer ul li {display: block; margin-left: 0;} .j_widget_zinger_login .c-account-info .footer ul li a {display: block; line-height: 18px; padding: 3px 0; font-size: 13px;} .j_widget_zinger_facebook {margin-bottom: 10px;} .j_widget_zinger_twitter .controls form {display: none;} .c-account-login h2.success {color: #008b12;} .j_widget_zinger a:link, .j_widget_zinger a:visited, .j_widget_zinger a:hover {color: #114477 !important;} /*sidebar - matches ad logic*/ #sidebar {float: right; clear: right; position: relative; width: 300px;} .Sponsored #sidebar {clear: none; height: 1px; padding-right: 15px;} .Sponsored .community #sidebar {padding-right: 0;} .decision_2012 #sidebar {clear: both; padding-right: 0px;} /*story header*/ #storyheader {clear: both; float: left; margin: 10px; width: 976px;} #storyheader .ad {float: right; height: 265px; margin-top: 5px; width: 300px;} #lead {clear: left; float: left; padding: 0; width: 644px; height: 100%;} #storyheader h1 {padding-top: 15px;} #storyheader #lead {border-bottom: 1px solid #ddd; position: relative;} /*AddThis share elements*/ .addthis.addthis_default_style {position:relative; z-index:200; } #storyheader .extshare {position: absolute; right: 0; bottom: 14px; width: 135px;} #storyheader .addthisservice {display: block; clear: left; margin: 2px 0px; padding: 0px;} .addthis_counter.addthis_pill_style a.atc_s {height: 19px;} .addthis_button_google_plusone {margin-bottom: 1px;} .addthis_button_facebook_like {margin-bottom: 4px;} .t-InteractiveSlice .extshare {margin-top: -3px;} .addthis_counter.addthis_pill_style a.addthis_button_expanded {width: 31px;} /*ad tier differences*/ body.adX3 #storyheader #lead {width: 498px;} body.adX6 #storyheader .ads {float: none;} body.adX6 #storyheader #lead {width: 986px;} body.adX1 #storyheader, body.adX2 #storyheader, body.adX3 #storyheader, body.adX6 #storyheader {display: block;} /*overrides*/ body.adX1 #storyheader #lead, body.adX2 .adShift #storyheader #lead, body.adX3 .adShift #storyheader #lead {width: 644px;} /*with InPageNav content*/ /*#storyheader .lead {border: none;}*/ body.adX1 .nav, body.adX2 .nav, body.adX3 .nav {height: 270px;} body.adX1 .tall, body.adX2 .tall, body.adX3 .tall {height: 310px;} /*room for a three-line headline and deck*/ body.adX1 .vtall, body.adX2 .vtall, body.adX3 .vtall {height: 336px;} #storyheader.vtall .ad {margin-top: 30px;} #storyheader.tall .ad {margin-top: 25px;} body.adX6 .nav {height: 260px;} /*tier 3b may be a challenge with long headlines using the absolute positioning solution here. Will revisit later to see if t3b can work with floats instead*/ body.adX6 .tall, body.adX6 .vtall {height: 235px;} /*miscellaneous?*/ .page .extshare .addthisservice, .page .extshare .addthisservice:hover {border-bottom: 0px;} .page .extshare .addthisservice a {border-bottom-style: solid;} .page .extshare .addthisservice a:hover {border-bottom-style: solid;} .page .extshare .addthisservice a.addthis_button_compact {border-bottom: 0px;} .short .handle-adX2, .short .handle-adX3 {min-height: 600px;} /*slices (.slice is an app-generated class)*/ .slice {clear: both; margin: 0 10px 0 10px; padding-top: 30px; width: 976px;} #article #slice-1 {padding-top: 20px;} body.adX2 #article #slice-1 {*padding-top: 50px; _padding-top: 20px;} body.adX3 #article #slice-1 {*padding-top: 40px; _padding-top: 20px;} #article {clear: both;} /*site footer*/ #sitefooter {clear: both;} #sitefooter .content {outline: none;} #listview {margin-bottom: 20px; padding: 10px 0px;} #listview .navigation {float: left;} #listview .grid {margin-left: 175px;} #sitefooter .search {float: right; margin: -32px 10px 0px 0px;} #sitemap {margin: 0 10px 9px; width: 976px;} #sitemap li {padding: 0 10px;} #brands {margin: 7px 9px; width: 976px;} #brands {padding-top: 5px;} /*reverse drawer? footer tabs*/ .tabs .content {height: 38px;} .tabs h3 {float: left; width: 146px;} #options {height: 38px; margin-left: 156px;} /*_______presentation rules_______*/ /*site header*/ #siteheader {background: #000;} #site {border-bottom: 1px solid #000; border-top: 0px; color: #000;} .logo span {visibility: hidden;} #network {background: transparent; border-bottom: 1px solid #CCC; border-bottom: 1px solid rgba(205,205,205,0.5);} #msn .msnLogo a {width: 37px; height: 17px; margin-top: -7px; background: transparent url("../../../../img/msnLogo.png"); text-indent: -5000px; float: left;} #msn .msnLogo a:hover, #msn .msnLogo a:focus {background-position: left bottom;} #msn .more {background: transparent url("../../../../img/msndn.gif") right no-repeat; *background-position: right 53%; padding: 0 9px 0 3px;} #msn .more:hover #msn-more, #msn .more a:focus+#msn-more /*keyboard access for 'more' dropdown by adjoining elements*/ {margin-left: -19px; background: transparent url("../../../../img/msn-rolloverBgd.png") no-repeat left -2px;} #msn-more li {display: inline-block; float:left; line-height: 18px; width: 135px;} #msn-more li a {font-size: 11px; color: #147;} #msn-more li a:hover, #msn-more li a:focus {color: #147; text-decoration: underline;} #siteheader .bing a {margin: 3px 0 0 7px; width: 30px; height: 10px; background: transparent url("../../../../img/bing.png");text-indent: -5000px; float: left;} #siteheader .bing a:hover {background-position: left bottom; text-decoration: none;} #shows {border-left: 1px dotted #CCC;} .main .main-grid { background: transparent; margin-bottom: 5px; visibility: hidden; } .main .active { background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Templates/cccTemplatesHeaderUpscroll/upscroll/upscroll/img/background.png") no-repeat; } #sections li a {padding: 2px 4px; border-bottom: 0px; border: 2px solid transparent;} #sections .selected a {padding: 2px 4px;} #sections .selected{background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Templates/cccTemplatesHeaderUpscroll/upscroll/upscroll/img/sectionArrow1.png") no-repeat center bottom;} .msnbc #sections li.i11, .msnbc #sections li.i12 {background: none;} .msnbc #sections li.i11 a:hover, .msnbc #sections li.i12 a:hover {background: none; color: #FC3; border-bottom: 1px dotted;} .msnbc #sections li a:hover {background: none; color: #FC3;} .main-grid p.abstract {display:none;} #sites-shows li {padding: 0 8px;} #sites-shows .i1 a {background: transparent url("../../../../img/custom_chrome/sites-shows-msnbc.png") no-repeat scroll left 0; padding-right: 79px; text-indent: -5000px; float: left;} #sites-shows li.i10 {padding-right: 0;} /* UPSCROLL V2 IE 7,6*/ #siteheader #sections {_margin:0px 0px 30px; } #siteheader #sections li a { _border:none; } /*slice headers*/ h3.x4p5 {float: left; margin-bottom: 10px;} p.poplink {float: right;} .poplink {margin-top: 5px;} .poplink .icon {background: transparent url("../../../../img/story-chrome.gif") -857px -3px no-repeat; height: 14px; width: 11px; float: right; display: inline;} .poplink .icon:hover {background-position: -856px -24px;} .poplink a {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma; text-decoration: none; padding-right: 4px; color: #69c; position: relative; left: -2px; } .poplink a:hover {color: #C00;} /*site footer*/ #sitefooter {background-color: #000; border-top: 1px solid #111;} #brands .i1 a {background: transparent url("../../../../img/nbcnewsSmFooter.png") no-repeat; text-indent: -5000px; width: 105px; float: left;} .tabs {background: transparent url("../../../../img/tab_fade.gif") bottom repeat-x; border-bottom: 1px solid #111;} #options {cursor: pointer; padding: 0px;} #options li { background: #FFF url("../../../../img/tab_gloss.gif") center repeat-x; border: 1px solid #111; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; text-align: center; margin: 1px; width: 156px; height: 36px; line-height: 36px; } #options li.selected {border-bottom: 1px solid #FFF; background: #FFF none;} /*_______typography_______*/ /*site header*/ #sections li a {color: #DEF;} #sections li.parent a {color: #FFF !important; display: block; font-size: 16px; font-weight: bold; margin: -4px 2px; padding: 1px 5px 2px;} #sections li a:hover {color: #FFF;} #siteheader a {text-decoration: none;} #siteheader a:hover, #siteheader a:focus {text-decoration: none;} #network a {color: #FFF; text-decoration: none;} #network a:hover, #network a:focus {color: #FC3; text-decoration: none;} #navigation li {font-size: 15px; font-weight: bold;} #navigation #shows li li {font-size: 8px; font-weight: normal; white-space: nowrap;} #sections li {color: #999; font-size: 15px;} #sections li a:hover, #sections li a:hover {color: #FFF; text-decoration: none;} #network li {color: #FFF; font-size: 10px;} #breadcrumbs {font: normal 10px/28px Arial, sans-serif; color: #EEE;} .badge, .logo {font-size: 28px;} #breadcrumbs a {color: #FFF; text-decoration: none;} /*headlines*/ h1 {font: 46px/1.13em Georgia, serif; color: #333;} h2 {font: bold 16px/1.1em Arial, sans-serif; padding: 5px 0px; color: #333;} #storyheader h2 {font: bold 14px/16px Arial, sans-serif;} /*drives slice headers*/ h3 {font-size: 18px; font-weight: bold; padding: 5px 0px; color: #333;} /*site footer*/ #sitefooter {color: #FFF;} #sitefooter a {color: #DEF; text-decoration: none;} #sitefooter a:hover, #sitefooter a:focus {color: #FC3; text-decoration: none;} #sitemap li {color: #FFF; font-size: 9px;} #sitemap li.i1 {margin-right: -1px;} #brands li {font-size: 11px; line-height:160%; padding: 0 18px; text-decoration: none;} #brands li.i1b {color: #FFF; padding: 0 5px;} #brands li.i2 {padding-left: 10px;} #brands li.i10 {padding-right: 0;} #brands li.i1, #sitemap li.i1 {padding: 0;} #brands li.i1b, #brands li.i10, #sitemap li.i15 {padding-right: 0px;} /* iPad styles */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { #article .text #intelliTXT .txt { font-size: 20px !important; } #sections li { padding-left: 9px !important; } .drawer { margin-top: -2px !important;} /* background position in iPad off by 1px vertically */ .fade {background-position:50% 7px;} .t-TextSlice .handle {background-position: 0% -45px;} .t-PhotoSlice .handle {background-position: 0% -121px;} .t-VideoSlice .drawer .drawer-1 { background-position: -314px -81px; } .t-VideoSlice .drawer .drawer-1{background-position: -316px -7px;} .anchorTopics,#hotTopics, #text-tools .textsize {display:none;} .navigation .next { height: 25px !important; background-position: -807px -62px;} } /* facebook widget */ .facebook_widget .j_widget_fb_sharing .c-what a, .facebook_widget .j_widget_zinger_login a {font-family:Arial, sans-serif;} .j_widget_fb_sharing.j_edition_story .j_widget_zinger_login .c-account-widget span {margin:0; padding:0;} .j_widget_fb_activity.j_edition_story .fb_notConnected {margin-top:0 !important;} .j_widget_fb_activity.j_edition_story.notSharing {position:relative !important; top:-32px !important;} body.adX2 .j_widget_fb_activity.j_edition_story.notSharing .j_widget_fb_sharing.j_edition_story {width:200px;} body.adX2 .j_widget_fb_activity.j_edition_story .j_widget_fb_sharing.j_edition_story {width:640px;} /*Evidon ad choices*/ #_bapw-link {display: block;} #_bapw-icon {border: 0px none; vertical-align: middle; width: 9px; padding-right: 3px; margin-top: -3px;} /* library_1_functionality.css */ /********** * Behavior-based functionality: handles, drawers, loading states, js-driven 'rich' enhancements, etc * 'Library' file -- not all rules apply to a rendered page ***********/ /*______expose JS-driven elements_______*/ /*SiteWide*/ .rich .noscript {display: none;} noscript .noscript {color: #C00; font: italic 12px/16px Arial, sans-serif;} noscript .art {float: left; margin: 0px 10px 10px 0px;} .rich .fade {display: block;} .main .loading {background: url("../../../../img/spinningIcon.gif") no-repeat scroll left 15px transparent; color: #EEE; font: normal 19px/16px Arial, sans-serif; padding: 20px 0 0 30px;} /*TextSlice*/ .rich .t-TextSlice .handle {display: inline-block;} .rich .ad-break, .rich #text-tools {display: block;} /*PhotoSlice*/ .rich .photos .ondemand {display: none;} /*next/previous buttons*/ .navigation .next {background: transparent url("../../../../img/story-chrome.gif") -807px -60px no-repeat; padding-right: 18px; font-size: 18px;} /*_______handles and drawers_______*/ /*handle*/ .drawer { background: transparent url("../../../../img/story-chrome.gif") no-repeat scroll left -351px; clear: both; display: none; /*hidden for noscript*/ float: left; margin: 0 auto; padding: 0px; text-align: center; width: 976px; outline: none; } .rich .drawer {display: block; margin-top: 20px;} .handle { display: inline-block; margin-top: 0px; width: 313px; height: 34px; /*impactful to closed handle negative margins*/ background: url("../../../../img/story-chrome.gif") no-repeat left -6px; outline: none; } .fade { display: none; height: 48px; margin-top: -48px; position: relative; background: transparent url("../../../../img/slideFade.png") center 6px repeat-x; z-index: 1300; } /*drawers and handles*/ .handle, .drawer h3 { color: #999; cursor: pointer; font: bold 16px Arial, sans-serif; padding: 0; text-align: center; } .handle a { color: #147; text-decoration: none; border-bottom: 1px dotted #AAA; outline: none; } .handle span.more { background: transparent url("../../../../img/dn.gif") right no-repeat; border-bottom: 1px dotted #AAA; color: #147; padding-right: 20px; text-decoration: none; } .handle span.more:hover, .handle span.more:focus {border-bottom: 2px solid;} .t2 .drawer .drawer-1, .video .drawer .drawer-2 {position: relative; width: 243px;} .t2 .drawer .drawer-1 {left: -121px; z-index: 1;} .t2 .expanded.drawer {top: 0px;} .t2 .drawer-2 .expanded .handle {border-top: 1px solid #FFF; margin-top: -1px;} /*text drawer gradient*/ .text .drawer {margin-top:5px;} .text .expanded {margin-top:25px;} .text .fade {background-image:url("../../../../img/slideFade.png"); background-position:center -13px; margin-top:-48px; z-index: 1;} .text .expanded .fade {display: none;} /*_______Vertical lists_______*/ /*vertical list navigation hover*/ .vlist {border-right: 1px solid #999; padding: 0px;} .vlist li {margin: 3px 0px; width: 163px;} .vlist li a {display: block; width: 136px;} .vlist li a, .vlist .label {padding: 1px 5px;} .vlist .label {border-right: 0px;} .vlist li:hover, .vlist li:focus, .vlist .current {background: url("../../../../img/list_arrow.gif") right no-repeat;} .vlist li a:hover, .vlist li a:focus, .vlist .current a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #147; } .vlist .label:hover, .vlist .label:focus {background: transparent none; color: #666;} /*typography*/ .vlist li:hover, .vlist li:hover a, .vlist li:focus, .vlist li:focus a:focus, .vlist .current a {color: #FFF;} .vlist li a {font-weight: bold;} .vlist .label {color: #999; font-size: 11px; font-weight: bold;} .vlist .label:hover {color: #999;} /*_______Serif/sans-serif override_______*/ /*serif/sans-serif font tools*/ .sans .page p, .sans .page table, .sans .page blockquote, .sans .page li {font-family: Arial, sans-serif;} /*_______General support_______*/ /*.left || .right*/ .left {float: left;} .right {float: right;} /*.collapsed || .expanded*/ .collapsed {display: none;} /*.loading || .rendered*/ .loading {padding-right: 40px; height: 40px;} /*.hide || .show*/ .hide {display: none;} .show {display: block;} .visible {visibility: visible;} .invisible {visibility: hidden;} /*.focus for keyboard navigation*/ .focus {position: relative;} .focus span {display: none; cursor: pointer;} .focus:focus span {display: inline; text-decoration: underline;} #network .focus {left: 5px; position: absolute; top: 5px;} .slice object, .slice embed, .content object, .content embed {outline: 0;} /* library_2_layouts.css */ /********** * Major layout effects - page grid columns, ad tier fundamentals, inpagenav fundamentals, etc. * 'Library' file -- not all rules apply to a rendered page ***********/ /*_______Major cleafixes (can't be comma-separated)_______*/ /*Site-wide*/ #navigation:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #network:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #site:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #site .content:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #storyheader:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #sitefooter .content:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #sitefooter:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} .hlist:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} /*Optional features*/ .photos .content:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} .ad-break:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #anchors:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} #anchors {clear: both;} /*_______Page.grid- widths_______*/ .x0p5 {width: 83px;} .x1 {width: 166px;} .x1p5 {width: 250px;} .x2 {width: 332px;} .x2p5 {width: 415px;} .x3 {width: 498px;} .x3p5 {width: 581px;} .x4 {width: 664px;} .x4p5 {width: 747px;} .x5 {width: 830px;} .x5p5 {width: 913px;} .x6 {width: 996px;} /*_______Lists_______*/ /*horiz list*/ .hlist li, #brands li, #sitemap li, /*#sections li,*/ #msn li, #sites-shows li, #today-sites li {list-style: none; float: left; padding-right: 4px;} /*_______Inline elements_______*/ .page ol, .page ul {*left: 0px; margin-left: 10px; *position: static;} .page .infobox {*zoom: 1; *position: relative; *width: 40px; *margin-left: -170px; *display: inline;} .page table {border: 1px solid #CCC; border-collapse: collapse;} .page table caption {caption-side: top;} .page table th, .page table td {border: 1px dotted #CCC; padding: 3px;} .page hr {height: 1px; border: 0px; border-top: 1px dotted #CCC;} .page blockquote {margin: 10px;} .underlined {text-decoration: underline;} /*_______Article indentation_______*/ /* NOTE: Indents story for ROS, Tier 1 & Tier 3b scenarios Some indentation rules overridden by Ad layouts (below)*/ .txt {margin-left: 83px; margin-right: 166px;} /*indent 1/2 column on left and full column on right*/ .page .hang, .page .ad {clear: right; float: right; margin: 0 -165px 10px 18px; *margin: 0 -167px 10px 20px; position: relative;} .txt ol.left, .txt ul.left {margin-left: 5px;} /*remove indentation for...?*/ .ad-break {margin: -20px -166px 20px -83px; padding-top:40px;} /*don't indent ad-break*/ .short .txt {margin-left: 0px;} /*remove indentation for .short stories*/ .short .media-none .txt {margin-left: 83px;} /*except don't remove indentation when there is no main art!*/ /*_______Ad-driven layouts_______*/ /* NOTE: All ad-related layout changes need to be prefixed by body.[className] to avoid conflicting with ad placeholder shims*/ .page .adX1 {margin-left: 20px; background: transparent; width: 300px; height: 270px; /*ad height + label height*/} .page .marketplace .adX1 {height:auto;} /* resetting height value for marketplace ads */ body.adX1 #mainart.above, body.adX2 #mainart.above, body.adX3 #mainart.above {float: none; margin-bottom: 30px;} body.RunOfSite .page .grid, body.adX1 .page .grid, body.adX6 .page .grid, body.RunOfSite .page .infobox, body.adX1 .page .infobox, body.adX6 .page .infobox {margin: 0 -177px 0 10px;} /*ROS/Tier 1 - 300x250, two-column ad area*/ body.adX1 #mainart.above {margin-left: 83px;} /*Tier 2 - 300x600, two-column ad area*/ body.adX2 .page {width: auto;} body.adX2 #mainart {margin: 0 332px 10px 20px;} body.adX2 #mainart.above {margin-left: 0;} body.adX2 #mainart.grid-6x2 {margin-left: 83px;} body.adX2 .txt {margin-left: 0px; margin-right: 332px;} /*remove indentation on page elements*/ body.adX2 .page .hang {margin-right: 0px; max-width: 644px;} /*remove hang on inline elements*/ body.adX2 .page .grid-6x2 {float: none; margin: 10px auto; clear: both;} .short .handle-adX2 {min-height:600px;} /*Tier 3a - 468x648/XXL, three-column ad area*/ body.adX3 #sidebar {width: 468px;} /*adjust sidebar width so positioning is accurate*/ body.adX3 .page {width: 478px;} body.adX3 #mainart {float: none; margin: 0px 498px 30px 0px;} body.adX3 #mainart.grid-2x2, body.adX3 #mainart.grid-3x2 {float: right; margin: 5px 498px 30px 20px;} body.adX3 #mainart.grid-4x2 {margin-left: 83px;} body.adX3 .txt {margin-left: 0px; margin-right: auto; *width: auto;} /*remove indentation on page elements*/ body.adX3 .page .hang {margin-right: 0px;} /*remove hang on inline elements*/ body.adX3 .page .grid-4x2, body.adX3 .page .grid-5x2 {float: none; margin: 10px auto; clear: both;} /*Tier 3b - Skybox, six-column ad area*/ body.adX6 #mainart.above {margin-left: 83px; margin-right: 83px;} body.adX6 #teases {float: right; width: 488px;} body.adX6 #teases li {clear: none; float: left; width: 244px;} body.adX6 #teases .caption {float: none; margin-top: 20px;} /*ad behavior*/ .resultsPage .ad-special {position:relative} body.adX2 #article .follow, body.adX3 #article .follow, .resultsPage #article .follow {position: fixed;} /*sponsored-follow behavior, must include '#article .follow' part of rule*/ /*_______Miscellaneous layout effects_______*/ /*hide first slice h3*/ #slice-1 h3 {display: none;} /*Expired message*/ .t-Expired h4 {font: normal bold 18px/1.4em Arial,Helvetica,sans-serif;} .t-Expired h4 .text-icon {width: 21px; height: 20px; background: transparent url("../../../../img/story-chrome.gif") -569px -49px no-repeat; display: inline; float: left; margin-top: 1px; padding-right: 5px;} .t-Expired h4 .message {color: #aaa;} #slice-1.t-PhotoSlice, #slice-1.t-VideoSlice, #slice-1.t-ExplainerSlice {padding-top:50px; position: relative;} #slice-1.t-PhotoSlice p.poplink, #slice-1.t-VideoSlice p.poplink {margin-top: -19px; *margin-top: -22px; position: inherit;} /*_______Icon options_______*/ .icon span, .icon div, .external span {display: inline-block; width: 21px; height: 20px; position: relative; top: 2px;} .internal .icon span {top: 4px;} .external span {width:17px;} /*slice headline rules*/ .icon span, .icon div, .external span {background: transparent url("../../../../img/story-chrome.gif") left top no-repeat;} .external span {width:18px;} #wetbarcontainer .icon { background: transparent none; width: auto; height: auto; } #tab-login div.icon img {width: 40px; height: 40px;} /*color variations*/ .external .story {background-position: -700px -46px; margin-left: -4px; display: none;} .icon .text {background-position: -569px -49px;} .icon .video {background-position: -569px -87px;} .external .video {background-position: -700px -85px;} .icon .interactive {background-position: -570px -201px;} .external .interactive {background-position: -702px -201px;} .icon .interactive-video {background-position: -600px -87px;} .external .interactive-video {background-position: -702px -85px; top:2px;} .icon .photos, .icon .photo {background-position: -569px -125px;} .external .slideshow {background-position: -700px -123px;} .icon .interactive-photos {background-position: -600px -125px; top:3px;} .slice .icon .interactive-photos {*top: -2px; *width: 26px;} .external .interactive-photos {background-position: -702px -123px;} .icon .more-news, .icon .related {background-position: -569px -163px;} .icon .data {background-position: -570px -201px;} .external .data {background-position: -702px -199px;} .icon .timeline {background-position: -600px -202px;} .external .timeline {background-position: -731px -199px; top:2px;} .icon .chart {background-position: -630px -201px;} .external .chart {background-position: -763px -199px;} .icon .map {background-position: -660px -201px;} .external .map {background-position: -792px -199px; top:2px;} .icon .explainer {background-position: -570px -239px;} .icon .discuss {background-position: -569px -279px;} .icon .vote {background-position: -599px -279px;} .icon .interactive-vote {background-position: -629px -277px;} .external .interactive-vote {background-position: -731px -275px; top:2px;} .icon .ad {background-position: -569px -315px;} .external .gallery {background-position: -700px -123px;} .icon .gallery {background-position: -569px -125px;} .icon .blog {background-position: -569px -240px;} .icon .gridslice {background-position: -850px -201px;} .external .recipe {background-position: -700px -123px;} /*not correct values -- needs adjustment*/ .icon .recipe {background-position: -570px -239px;} .t-InteractiveSlice .icon .gallery {*padding-right: 4px; *top: -2px;} .t-InteractiveSlice .icon .timeline {*padding-right: 3px; *top: -1px; top: 3px;} /*drawer bottom border variations*/ .t-TextSlice .handle {background-position: left -44px;} .t-VideoSlice .handle {background-position: left -81px;} .t-VideoSlice .drawer .drawer-2 {background-position: -316px -82px;} .t-PhotoSlice .handle {background-position: left -120px;} .t-InteractiveSlice .handle {background-position: left -196px;} .t-CommunitySlice .handle {background-position: left -272px;} /*_______Art column layout options_______*/ div.standard, li.standard {width: 298px;} /*x2*/ div.small, li.small {width: 198px;} /*x1p5*/ div.thumb, li.thumb {width: 98px;} /*x1*/ div.htease, li.htease {width: 148px;} /*x1*/ div.cmug, li.cmug {width: 126px;} /*x1*/ div.thumb-s, li.thumb-s {width: 60px;} /*x0p5*/ div.thumb-m, li.thumb-m {width: 92px;} /*x0p5*/ div.grid-2x2, div.grid-2x3, li.grid-2x2, li.grid-2x3 {width: 142px;} /*x1*/ div.grid-3x2, div.grid-3x3, li.grid-3x2, li.grid-3x3 {width: 230px;} /*x1p5*/ div.grid-4x2, div.grid-4x3, li.grid-4x2, li.grid-4x3 {width: 308px;} /*x2*/ div.grid-5x2, div.grid-5x3, li.grid-5x2, li.grid-5x3 {width: 396px;} /*x2p5*/ div.grid-6x2, div.grid-6x3, li.grid-6x2, li.grid-6x3 {width: 478px;} /*x3*/ div.grid-7x2, div.grid-7x3, li.grid-7x2, li.grid-7x3 {width: 562px;} /*x3p5*/ div.grid-8x2, div.grid-8x3, li.grid-8x2, li.grid-8x3 {width: 640px;} /*x4*/ div.grid-9x2, div.grid-9x3, li.grid-9x2, li.grid-9x3 {width: 728px;} /*x4p5*/ div.grid-10x2, div.grid-10x3, li.grid-10x2, li.grid-10x3 {width: 806px;} /*x5*/ div.grid-12x3. li.grid-12x3 {width: 972px;} /*x6*/ div.vsmall, li.vsmall {width: 148px;} /*x1*/ div.vmedium, li.vmedium {width: 198px;} /*x1p5*/ div.vlarge, li.vlarge {width: 278px;} /*x2*/ div.hsmall, li.hsmall {width: 368px;} /*x2p5*/ div.hmedium, li.hmedium {width: 423px;} /*x3*/ div.vmod, li.vmod {width: 92px;} /*x1*/ div.vmodsmall, li.vmodsmall {width: 136px;} /*x1*/ div.vmodv4, li.vmodv4 {width: 400px;} /*x2p5*/ div.vmc_ep, li.vmc_ep {width: 280px;} /*x2*/ div.tsm368x178, li.tsm368x178 {width: 368px;} /*x2p5*/ div.tsm647x228, li.tsm647x228 {width: 647px;} /*x4p5*/ div.tsm208x263, li.tsm208x263 {width: 208px;} /*x2*/ div.tsm178x178, li.tsm178x178 {width: 178px;} /*x1p5*/ div.tsm68x68, li.tsm68x68 {width: 68px;} /*x0p5*/ div.tsm123x178, li.tsm123x178 {width: 123px;} /*x1*/ div.tsm180x250, li.tsm180x250 {width: 180px;} /*x1p5*/ /* library_3_ads.css */ /********** * Ad placement option and specific layout adjustments * For layout, see library_*_layouts.css * 'Library' file -- not all rules apply to a rendered page ***********/ /*_______General Ad Typography_______*/ .ad {font-size: 11px;} .ad a, .ad a:link, .ad a:visited {color: #393; text-decoration: none;} .ad a:hover, .ad a:visited, .ad a:hover, .ad a:focus {text-decoration: underline;} .ad a img {text-decoration: none;} .ad-label, .ad-break .skip {color: #999; font-size: 10px; text-align: center; text-transform: lowercase;} .outbrain .ad-label {text-transform: none;} .matched .ad-label, .ad-break .ad-label {display:block;} #article .ad-label a, #article .ad-label a:hover, #article .ad-label a:focus, #adTextCustom .ad-label a, #adTextCustom .ad-label a:hover, #adTextCustom .ad-label a:focus {color: #69C; border-bottom: none; text-decoration: none;} /*_______Marquee ads______*/ #marquee .ads {display: block; position: absolute; top: 2px;} #marquee .left {float: none; left: -93px;} #marquee .right {float: none; right: -93px;} #marquee .content {position: relative;} /*_______Run Of Site_______*/ .RunOfSite #article .adX2, .RunOfSite #article .adX3, .RunOfSite #article .adX6 {display: none;} /*disable Tiers 2, 3a and 3b*/ .textads {width: 288px;} /*keep textads from overflowing their blocks*/ /*ad-break positioning*/ .page .ad-break {float: right;} .Medium .page .extshare + .ad-break, .Short .page .ad-break {float: none;} .ad-break {border-bottom: 1px solid #CCC; clear: right; display: none; float: none; height: 284px; margin-left: 20px; width: 664px;} /*ad-break shown if JS can render, via body.rich class addition in JS*/ .ad-break .col {float: left; display: inline; margin: 0px 15px; width: 300px;} .ad-break .col .ad {float: left; margin: 0px; width: 300px;} .ad-break .skip {border-bottom: 1px solid #CCC; margin-bottom: 10px;} .ad-break .ad-label a, .showcase .ad-label a, .ad-break .skip, .ad-break .skip a {font-family: Arial,sans-serif; text-align: center;} .ad-break .textlinks {clear: left; height: 75px; overflow: hidden;} .ad-break .textlinks .textads {float: left;} .ad-break .textads {float: none; margin: 0px 0px 0px 15px;} .ad-break .ad .ad-label {display: none;} .ad-break .textads iframe {width: 650px; margin-top: -10px;} /*below not used?*/ .ad-break .market {height: 300px; width: 300px; overflow: hidden;} .ad-break .col .marketplace {float: none; margin: 0px auto; position: static;} .resourceguide {width: 320px;} .ad-break .resourceguide .ad { clear: none; float: left; display: inline; margin: 0 17px -2px; width: 120px !important; /*yuck - there's an inline style applied*/ } /*clear float for discuss slice ad-breaks*/ .community .ad-break {clear: both;} .community .ad-break .skip {padding-bottom: 3px;} /*styles for last adbreak*/ .ad-break-last { float: none !important; margin: 0; text-align: center; width: 893px; padding-top: 20px; clear: both; } .ad-break-last .ad-break-last-firstad {margin-left: 125px;} #adTextCustom {clear: both; text-align: center;} #adTextCustom .matched {padding: 18px 0;} #adTextCustom .ad div, #adTextCustom .ad {margin: 0 auto;} #adTextCustom .ad-label {display: none; text-align: center;} #adTextCustom .matched .ad-label {display: block;} /* Sponsored Links Text Slice placement */ .page .ad-footer {clear:both;float:none;margin:10px 0;padding:5px 0;width:893px;} .page .ad-footer .ad {clear:both;float:none;margin:0 0 0 0;width:893px;} .page .ad-footer .text-links {padding:5px 0 0;} .page .ad-footer .ad-label {border-bottom:1px solid #ccc;} /*_______Sponsored Tiers -- see layout changes in layout.css_______*/ .adX2 #article .adX2 {display: block; position: relative; padding-top: 9px; text-align: right; z-index: 2; width: 300px; height: 600px;} .adX3 #article .adX3 {display: block; position: relative; padding-top: 8px; z-index: 2; width: 468px; height: 648px;} .adX6 #article .adX6 {display: block; float: left; *float: none /*IE*/; position: relative; padding-top: 18px; left: 50%; margin-left: -485px; width: 970px; height: 250px;} /*hide showcase holder*/ .adX2 #storyheader .ad, .adX3 #storyheader .ad, .adX6 #storyheader .ad {display: none;} /*_______Specific Units_______*/ .textads {color: #393; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; line-height:14px; margin-bottom: 10px; padding-top: 5px;} .textads div {color: #393; cursor: pointer; margin: 0px 0px 10px 0px; padding: 0px;} /*fake link effects for pulse-ad onclick=''*/ .textads a:hover, .textads a:visited:hover, .textads a.focus {border-bottom:1px solid #393;} .textads .title {color: #393; font-weight: bold; display: block;} .textads .desc {color: #666; display: block;} .textads .link {color: #393; display: block;} .marketplace {font-size: 14px; font-weight: bold; height: 120px; text-align: center; width: 300px;} #article .adX2, #article .adX3, #article .adX6 {display: none;} #footer-scripts {display:none;} /*_______Advertise/AdChoices Headings_______*/ .ad-label {clear:both;display:block;height:10px;overflow:hidden;color:#848484;text-align:center;text-transform:capitalize;} .ad-label, .ad-label a, .ad .ad-label a, .ad-label a.mediakit, .ad-label a.adchoices {font-family:arial,helvetica,verdana,sans-serif;font-size:10px;font-weight:normal !important;line-height:8px !important;text-decoration:none !important;border:0;} .ad-break .ad-label {margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #CCC;} .ad-label .adchoices {display:inline;padding:0 10px 0 3px;background:transparent url("http://media1.s-nbcnews.com/i/MSNBC/SiteManagement/Ads/Images/adchoices-blue4.png") no-repeat right center;} * html .ad-label .adchoices {background-image:url("http://media1.s-nbcnews.com/i/MSNBC/SiteManagement/Ads/Images/adchoices-blue4.gif");} .ad-label a.mediakit {display:inline;padding:0 3px 0 0;color:#69C;} .ad-label a.adchoices {color:#69C;} /* Deals and Tips */ .Ad-Container-976x166 { margin: 15px auto; width: 976px; height: 166px; background-image:url(http://media1.s-nbcnews.com/i/MSNBC/SiteManagement/Ads/Custom%20Solutions/DealsAndTips/300x100_Ads_Spotlight_BG2.png); background-repeat:no-repeat; background-position: -996px 0px; font-size: 10px; line-height: 13px; } .todayshow .Ad-Container-976x166 { background-position: 0px 0px; width: 996px; } .Ad-Container-976x166 .Ad-Wrapper-300x100 { padding-top: 44px; padding-left: 21px; } .Ad-Container-976x166 .Ad-300x100 { float:left; margin-right:13px; display: block; overflow: hidden; padding: 0px; width: 300px; height: 100px; background-color:#ffffff; } .Ad-Container-976x166 .Spotlight { margin-left: 22px; margin-right: 0px; } /* overridng inherited page styles */ #adTextCustom .Ad-Container-976x166 .matched {padding:0;} #adTextCustom .Ad-Container-976x166 .ad div, #adTextCustom .Ad-Container-976x166 .ad {margin:0;} .ad-label a:hover, .ad-label a:visited, .ad-label a.adchoices:hover, .ad-label a.mediakit:hover {color:#369;} /* For InterestRateSlice ads */ #rAdContainer .ad {float: left; padding-left: 8px;} .adBTN2{height: 60px; width:120px;} /* for Pencil ad */ .adX8 { width:100%} .adX8 div:first-child { width:980px; margin:0 auto;} /*300x600 composite ad defaults*/ .Ad-Container-300x600 .adShowcase2 {margin-top:10px;} /* hubv2 300x600 ad container */ .hub .Ad-Container-300x600 {float:right;width:309px;} /* outbrain */ .t-Related li.col.i2 {position: relative;} .outbrainArea .ad-label {font-size: 11px; padding-bottom: 5px; text-align: left;} .outbrainArea .ad-label, .outbrainArea .ob-text-content a {font-family: "Helvetica", "Arial", sans-serif; font-size: 11px;} .outbrainArea .text-links ul {list-style:none;} #outbrain_widget_0 .ob_empty, #outbrain_widget_1 .ob_empty, #outbrain_widget_0 .odb_li .rec-src-link, #outbrain_widget_1 .odb_li .rec-src-link {display: inline; font-size: 10px; font-weight: normal; color: #888; font-family:"Helvetica", "Arial", sans-serif;} #outbrain_widget_0, #outbrain_widget_1 {position:relative; overflow: hidden;} #outbrain_widget_0 .ob_what, #outbrain_widget_1 .ob_what {position: absolute; top: 0px; right: 0;} #outbrain_widget_0 .ob_what a, #outbrain_widget_1 .ob_what a {border: none;} #outbrain_widget_0 .ob_empty, #outbrain_widget_1 .ob_empty, #outbrain_widget_0 ul, #outbrain_widget_1 ul {padding: 0; display:inline;} #outbrain_widget_0 .odb_li, #outbrain_widget_1 .odb_li {margin: 2px 0px;} #outbrain_widget_0 .odb_li a, #outbrain_widget_1 .odb_li a {border-bottom:none;} #outbrain_widget_0 .odb_li a:hover, #outbrain_widget_1 .odb_li a:hover {border-bottom: none; text-decoration: none;} #outbrain_widget_0 li, #outbrain_widget_1 li {color: #000; list-style-type: none; float: left; margin: 0 5px 0 0; width: 420px;} #outbrain_widget_0 li, #outbrain_widget_1 li, #outbrain_widget_0 li a, #outbrain_widget_1 li a {color: #339933; font-size: 12px; font-weight: bold; font-family:"Helvetica", "Arial", sans-serif; line-height:14px;} /* library_4_grids.css */ /*********** * Library of Grid(tm) effects * 'Library' file -- not all rules apply to a rendered page ************/ /*_______INFOBOX_______*/ .infobox {clear: right; float: right; margin: 0.5em 0px; margin-left: 5px;} .infobox .col {border-left: 1px solid #999; float: left; list-style: none; margin: 0px;} .page .infobox ol {margin: 0px 0px 0px 0px; *zoom: 1;} /*negate textslice style rule*/ .page .infobox ol:after {/*add clearfix*/ content: "."; clear: both; display: block; height: 0; visibility: hidden;} .infobox .title, .page .infobox .title p { color: #666; display: block; font: normal 16px/18px 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, Verdana, sans-serif; padding: 0px; letter-spacing: 1px; } .infobox .title {margin: 0 0 0 10px;} .infobox .col .title, .page .infobox .col .title p {font-size: 12px; line-height: 16px; margin: 0;} .infobox .col .title p {margin: 0px;} .page .infobox li p, .page .infobox li {font: normal 13px/15px Arial, sans-serif; margin: 8px 0;} .page .infobox .links {padding: 0 10px; margin: 0px;} .page .infobox .col ol, .page .infobox .col ul {padding-left: 10px;} .page .infobox .col .hang {float:none; margin:5px 0 -10px; position:relative; width:auto;} /*_______GRIDS_______*/ .cf:after {/*add clearfix*/ content: "."; clear: both; display: block; height: 0; visibility: hidden;} .grid:after {/*add clearfix*/ content: "."; clear: both; display: block; height: 0; visibility: hidden;} .nowrap:after {/*add clearfix*/ content: "."; clear: both; display: block; height: 0; visibility: hidden;} .grid .col ol:after {/*add clearfix*/ content: "."; clear: both; display: block; height: 0; visibility: hidden;} /*inline grids*/ .page ol.grid {clear: right; float: right; font: 14px Arial, sans-serif; height: auto; list-style: none; margin-top: 18px; margin-bottom: 0; margin-bottom: 10px; border-left: 1px solid #AAA;} .adX2 .text .page .x3 {float: none; margin-right: auto; margin-left: auto;} .page .grid li {font: normal 14px/1.0em Arial, sans-serif;} .page .grid .stories {list-style: none; margin: 0px; padding: 2px 0px;} /*inline grid correction*/ .page .grid .label .title {background: none;} /*related grids*/ .t-Related .grid {margin-left: -9px; } .t-Related .grid .label .title {color:#999; background: none;} .t-Related .grid .tease {font-weight: normal; margin: 2px 0 3px;} .t-Related .grid .sideBySide, .t-Related .grid .layoutFX-1col, .t-Related .grid .layoutFX-1col-thumb-s {display:inline; float:left; width:136px; height:132px; margin-left:17px; text-align:center;} .t-Related .grid li.last {background: transparent url("../../../../img/fade-vr.gif") bottom right no-repeat;} .t-Related .grid li.x1 .layoutFX-1col-thumb-m {margin-left: 32px; _margin-left: 17px; text-align: center;} .t-Related .rev0910 li.col {background:none;} .t-Related .rev0910 {width: 664px; height: 330px;} .t-Related .rev0910 .label .title {color:#444444; font:bold 17px Arial;} .t-Related .rev0910 .label .title a {font:bold 17px Arial; cursor: pointer;} .t-Related .rev0910 li.last {position: absolute; top: 253px; left: -10px; width: 664px; height: 160px;} .t-Related .rev0910 .stories .thumb-m .icon {display:inline;} .t-Related .rev0910 .stories .thumb-m .icon span {width:18px;} /*_______Custom image-background fundamentals for slice header (related) and Grid labels_______*/ h3 .graphic, .grid li .graphic, h3 .img-label, .grid li .img-label {background-position: right center; background-repeat: no-repeat; display: inline-block;} .grid .graphic p, h3 .graphic p {margin: 0; padding: 0;} .grid .graphic p {color: #999999; *display: inline !important;} .grid .graphic {*display: inline !important;} h3 .graphic {*display: inline !important; *vertical-align: middle !important;} /*grids in general*/ .grid {font-size: 14px; height: auto; list-style: none; margin: 0px;} .grid .col {float: left; height: 100%; list-style: none; margin: 0px 0px 0px -1px; padding: 0px;} .grid li {background: transparent url("../../../../img/fade-vr.gif") bottom right no-repeat;} .grid li li {background: transparent none; float: none;} /*negate border/float for inner stories*/ /*column/item layout*/ .col ol li {margin: 10px; padding: 0px;} .grid ol {padding: 1px 0px;} /*counters reset.css padding*/ .grid .art {margin: 0px; padding: 0px;} .grid .art img {background: none;} .grid .media .left {margin: 0px 14px 1px 0px;} .grid .media .right {margin: 0px 0px 1px 10px;} .grid .media .top {margin: 0 auto;} .grid .none {display: none;} /*insurance from server-side check*/ .grid .art .credit {font-size: 9px; line-height: 9px; margin-top: 0;} .grid .img a {border-bottom: none; line-height: 0px;} .grid .tease .credit {display: none;} .grid .tease {color: #999; font: bold 70%/1.0em Tahoma,'Lucida Grande',sans-serif; letter-spacing: 0.2em; margin: 4px 0px; padding-top: 2px;} .grid .source a {color: #69C; font-size: 100%; font-weight: bold; margin: 3px 0px;} .grid .abstract {font: normal 1.0em Arial, sans-serif; margin: 5px 0px 5px 0px; padding: 0px;} /*column/item effects*/ .grid li.last, .grid li.no-border, .grid li.inner-div {background-color: lime; background: transparent none;} .grid li.inner-rule {background-position: top right; border-bottom: 1px solid pink;} .grid .stories {background: transparent none;} .grid li.inner-div .stories {background: transparent url("../../../../img/dash-vr.gif") right -20px no-repeat;} .grid .rule {background: transparent url("../../../../img/dash-hr.gif") bottom 80% repeat-x; margin-bottom: 8px; padding-bottom: 8px;} .grid .nowrap {clear: both;} .grid .remove-border .art .img, .grid .remove-border img, .grid .flat .art .img, .grid .flat img {border: none;} /*basic grid library from old site, minor modifications*/ /*grid globals*/ .grid .h1, .grid .h2, .grid .h3, .grid .h4, .grid .h5, .grid .h6, .grid p, .grid cite {color: #444; font-family: Arial, Helvetica, sans-serif; margin: 7px 0px;} .grid a, .page .grid a, .grid .h1, .grid .h2, .grid .h3, .grid .h4, .grid .h5, .grid .h6 {color: #147; text-decoration: none;} /*must come after non-a-tag declaration */ .grid a:hover, .grid a:visited:hover, .page .grid a:hover, .page .grid a:visited:hover, .page .grid a:focus {border-bottom: 0px; color: #C00; text-decoration: underline;} .grid cite, .grid .caption {color: #AAA; font-size: 55%; font-style: normal; text-align: right;} .grid .caption {letter-spacing: 0; color: #999; text-align: left; margin-top: 3px;} .grid .abstract, .grid .source {font-size: 80%; line-height: 135%;} .grid .abstract a, .grid .abstract .readmore {font-size: 100%; font-weight: normal; white-space: nowrap;} .grid .flag, .grid .icon {display: inline; border: none; vertical-align: baseline; position: relative;} .grid .tease .icon span {height: 12px;} /*grid labels*/ .grid .title {visibility: hidden;} .grid .label .title { background: #E8E8E8; background: rgba(0, 0, 0, 0.08); color: #666; font: bold 10px/180% 'Lucida Grande', Tahoma, sans-serif; height: 20px; padding: 0 10px 0 10px; visibility: visible; } .grid .label .title a {font: bold 10px/180% 'Lucida Grande', Tahoma, sans-serif;} .grid .breaking .title {color: #C44; border-bottom: 1px solid #C44;} .grid .breaking .title a, .grid .breaking .title a:visited {color:#C44; border-bottom: 1px dotted #C44;} .grid .breaking .title a:hover {text-decoration: none; border-bottom: 1px solid #C44;} .grid .sublabel, .grid li li.label {border-bottom: 1px solid #CCC; clear: left; margin: 2px 0px; padding: 3px 10px;} .grid .sublabel {border-top: 1px solid #CCC; font-size: 75%; margin: 10px 0px;} .grid .sublabel a {font-size: 105%;} .grid .tease .label {color: #999; font-weight: bold; font-size: 60%; font-family: Tahoma, 'Lucida Grande', sans-serif; letter-spacing: .2em;} /*not used?*/ .grid .sublabel-small .title {background: none; margin: 10px 0 -10px 0;} body.msnbc .grid .sublabel {font: bold 10px/180% 'Lucida Grande',Tahoma,sans-serif; color: #666; background-color:#EEEEEE; border-top:1px solid #CCCCCC; border-bottom: none;} body.today .grid .sublabel {font: bold 10px/180% 'Lucida Grande',Tahoma,sans-serif; color: #666; background-color:#E7E1CD; border-top:1px solid #B8AA9D; border-bottom: none;} body .grid .sublabel a {color:#114477; text-decoration:none; border-bottom: none; font: bold 10px/180% 'Lucida Grande',Tahoma,sans-serif;} .grid .sublabel {*margin-left: -10px !important; *padding-left: 8px !important;} .t-Related .grid .sublabel {*margin-left: 0px !important;} /*label-forced widths*/ .grid .lbl-2col .title {background-color: lime;} .grid .label-an-3 {width: 498px;}/*x3*/ /*grid headlines*/ .grid .h1 {font-size: 210%; font-weight: bold; text-transform:uppercase; border-bottom: none;} .grid .h2 {font-size: 190%; border-bottom: none;} .grid .h3 {font-size: 170%; line-height: 1.2em; *line-height: 1.0em; border-bottom: none;} .grid .h4 {font-size: 143%; font-weight: normal; line-height: 1.10em; border-bottom: none;} .grid .h5 {font-size: 125%; font-weight: normal; line-height: 1.25em; border-bottom: none;} .grid .h4, .grid .h5 {font-family: Georgia, serif; margin-bottom: 5px;} .grid .h6, .grid a {font-size: 80%; font-weight: bold; margin-bottom: 1px; line-height: 1.0em;} .grid .h1:hover, .grid .h1:visited:hover, .grid .h2:hover, .grid .h2:visited:hover {text-decoration: none;} .grid .h6 {border-bottom: 1px dotted #CCC;} .grid .h6:hover, .grid .h6:visited:hover {border-bottom: 1px solid #C00; text-decoration:none;} .grid .h6:hover, .grid .h6:visited:hover {text-decoration:none;} /* icon styles */ .grid .h6 .video, .grid .h6 .photos, .grid .h6 .photo, .grid .h6 .data, .grid p .video, .grid p .photos, .grid p .photo, .grid p .data .grid .tease .video, .grid .tease .photos, .grid .tease .photo, .grid .tease .data, .grid .new .timestamp, .grid .updated .timestamp {background: transparent url("../../../../img/story-chrome.gif") top left no-repeat; display: inline; padding-left: 20px; *padding-left: 0px;} .grid .h6 .video, .grid p .video, .grid .tease .video {background-position: -701px -92px;} .grid .h6 .photos, .grid p .photos, .grid .h6 .photo, .grid p .photo, .grid .tease .photos, .grid .tease .photo {background-position: -701px -130px} .grid .h6 .data, .grid p .data, .grid .tease .data {background-position: -702px -206px;} .grid .timestamp {display: inline; border-bottom: 0px} .grid .timestamp:hover {text-decoration: none;} .grid .timestamp abbr, .grid time, .grid .time {display: none;} .grid .new .timestamp, .grid .new p .timestamp {background-position: -619px -3px; padding-left: 27px;} .grid .updated .timestamp, .grid .updated p .timestamp {background-position: -570px -3px; padding-left: 43px;} .grid .new .timestamp:hover, .grid .updated .timestamp:hover {border-bottom: 0px; text-decoration: none;} .grid .h5 .photos, .grid .h5 .video {*height: 20px; *top: -2px; *padding-right: 4px;} .grid .h5 .icon .video {background-position:-700px -87px;} .grid .h5 .icon .photo {background-position:-699px -125px;} /*upscroll icon styles .main .grid .h5 .video {background-position:-702px -108px; height:12px; width:16px; top:0;} .main .grid .h5 .photos {background-position:-702px -146px; height:12px; width:16px; top:0;} .main .grid .h5 .data {background-position:-702px -224px; height:12px; width:16px; top:0;} .main .grid .h6 .video, .main .grid p .video, .main .grid .tease .video {background-position: -702px -107px; padding-bottom: 1px; top:0px;} .main .grid .h6 .photos, .main .grid p .photos, .main .grid .h6 .photo, .main .grid p .photo, .main .grid .tease .photos, .main .grid .tease .photo {background-position: -702px -145px; position:inherit;} .main .grid .h6 .data, .grid p .data, .grid .tease .data {background-position: -702px -224px; position:inherit;} .main .grid .new .timestamp, .main .grid .new p .timestamp {background-position: -619px -22px; padding-left: 27px;} .main .grid .updated .timestamp, .main .grid .updated p .timestamp {background-position: -570px -22px; padding-left: 43px;} */ /*NEW upscroll icon styles*/ body.msnbc .main .grid .tease .icon, body.msnbc .main .grid .media .icon {display: none;} /*grid text effects*/ .grid .textFX-center .h1, .grid .textFX-center .h2, .grid .textFX-center .h3, .grid .textFX-center .h4, .grid .textFX-center .h5, .grid .textFX-center .h6 {text-align: center;} .grid .textFX-up1 .h6 {font-size: 80%;} .grid .textFX-up2 .h6 {font-size: 90%;} .grid .textFX-up1 .h5 {font-size: 110%;} .grid .textFX-up2 .h5 {font-size: 120%;} .grid .textFX-up1 .h4 {font-size: 135%;} .grid .textFX-up2 .h4 {font-size: 145%;} .grid .textFX-up1 .h3 {font-size: 160%;} .grid .textFX-up2 .h3 {font-size: 165%;} .grid .textFX-up1 .h2 {font-size: 185%;} .grid .textFX-up2 .h2 {font-size: 220%;} .grid .textFX-up1 .h1 {font-size: 225%;} .grid .textFX-up2 .h1 {font-size: 250%;} .grid .textFX-up3 .h1 {font-size: 300%;} .grid .textFX-up4 .h1 {font-size:425%;} /*grid layout effects*/ .grid .sideBySide, .grid .layoutFX-1col, .grid .layoutFX-1col-thumb-s {float: left; width: 146px;} .grid .layoutFX-1col-thumb-m {float: left; width: 96px;} .grid .sideBySide .grid-2x2, .grid .layoutFX-1col .grid-2x2 {height: 122px;} .grid .thumbs-m-rows .stories li {float: left; height: 160px; text-align: center;} .grid .thumbs-m-rows .stories .icon {display: none;} body.msnbc .grid .rule {border-bottom: 1px dotted #999; padding-bottom: 15px; background: none;} body.today .grid .rule {border-bottom: 1px dotted #B8AA9D; padding-bottom: 15px; background: none;} /*UpScroll Grids (within .main)*/ .main .grid {height: 185px; overflow: hidden; font-size: 14px; margin: 0px; padding: 5px 0 0 10px;} .main .grid .title {border: 0px;} .main .grid li {height: 210px;} .main .grid .col {background: url("../../../../img/fade-hdr-vr.png") no-repeat scroll right top transparent; margin: 0;} .main .grid .last {background: transparent none;} /*kill border for columns*/ .main .x0p5 {width: 82px;} /*fixes last column overlap*/ .main .x0p5 .icon {display: none;} .main .grid li li {height: auto;} .main .grid a, .main .grid a:hover {/*color: #FFF;*/ border-bottom: none !important; /*text-shadow: 0px 0px 1px #888; text-shadow: 0px 0px 1px rgba(0,0,0,0.3);*/} .todayshow .main .grid a, .todayshow .main .grid a:hover {border-bottom: none;} #siteheader .main .grid a:visited {/*color: #CCC; text-shadow: 0px 0px 1px #000;*/ color:#666; text-decoration: none;} .main .grid p {/*color: #E9E9E9;*/ padding-top: 4px;} .main .grid .art img {border-color: #FFF; border: 1px solid rgba(255,255,255,0.7); *background-color: transparent; *border: 1px solid #FFF; *padding: 0px;} .main .art .credit {/*color: #999; margin: 2px -2px 4px;*/ display:none;} .main .grid .art .img {vertical-align: top; /*margin-left: -2px;*/} .main .grid .remove-border .art .img, .main .grid .remove-border img, .main .grid .flat .art .img, .main .grid .flat img {border: none;} .main .grid .label .title { background: transparent url("../../../../img/20p.png") top left repeat; background: rgba(255,255,255,0.2) none; /*color: #AAA; color: rgba(255,255,255,0.5);*/ } .main .grid .inner-div /*.stories (pattern differs from live grids)*/ {background: transparent url("../../../../img/dash-hdr-vr.png") right top no-repeat;} .main .grid .inner-div .stories {background: transparent none;} .main .grid p, .main .grid .art .credit{/*color: #CCC; color: rgba(255, 255, 255, 0.75);*/} /*NEW UpScroll Grids (within .main)*/ body.msnbc .main .x1p5 {width:215px;} body.msnbc .main .grid .label .title {display: none;} body.msnbc .main .grid .col {background: url("../../../../img/fade-hdr-vr.png") no-repeat scroll right 11px transparent; margin: 0;} body.msnbc .main .grid .last {background: transparent none;} /*kill border for columns*/ body.msnbc .main .grid .inner-div {background:url("../../../../img/dash-hdr-vr.png") no-repeat scroll right -18px transparent;} body.msnbc .main .grid .textFX-up2 .h6 {font-size: 90%;} body.msnbc #siteheader .main .grid .onMsn .h6 {color:#999999; font:bold 70%/1em Tahoma,'Lucida Grande',sans-serif; letter-spacing:0.2em;} body.msnbc #siteheader .main .grid .onMsn {margin-top: 3px; *margin-top: 6px;} /*body.msnbc .main .grid .x1p5 .media {padding-right:10px;}*/ body.msnbc .main .grid .tease {padding-top: 0px; margin-top:0px; margin-bottom:0px; *margin-top: -5px;} body.msnbc .main .grid .remove-border .art .img {margin-left: 0px; vertical-align: middle;} /*Upscroll V2*/ .main .grid .h6 {font-size:95%;} .main .grid .tease {font:70%/1em Tahoma,'Lucida Grande',sans-serif; color:#666;} .main .grid .col.i3 .h6, .main .grid .col.i4 .h6 {font-weight:normal;} .main .grid .col { background:none !important; } .main .grid .col.inner-div { background: url("http://media1.s-nbcnews.com/i/MSNBC/Templates/cccTemplatesHeaderUpscroll/upscroll/upscroll/img/dottedLine.png") no-repeat scroll right -5px transparent !important; } .main .grid .media .h6 {font-size:80%;} .main .grid {z-index:100;} .main .grid > li.col { height:170px; overflow:hidden;} .main .grid li.col.i1 > ol > li { height:17px; overflow:hidden;} .main .grid li.layoutFX-1col .art {height:111px;} .main .grid li.media.nowrap {height:73px; overflow:hidden;} /*Upscroll V2 IE 6,7*/ .main .grid .col li {*margin: 9px 10px;} .main .grid .col.i3 li.i1 div.art {*padding-top:10px;} .main .grid li.col.i1 {*margin-top:9px;} .main .grid li.col.i1 > ol > li {*height:18px;} .main .grid li.media.nowrap {*padding-top:10px; *margin-bottom:-10px;} .main .grid li.media.nowrap div.tease {*margin-top:0px;} /*old grid template class negation*/ .grid li.content {/*impact negated by other rules*/} .grid li.sR, .grid li.sL, .grid .w0-5, .grid .w1, .grid .w1-5, .grid .w1, .grid .w2, .grid .w2-5, .grid .w3, .grid .w4, .grid .w5, .grid .y1, .grid .y2, .grid .y3, .grid .y4, .grid .y5, .grid li.x2-5 {/*no current impact*/} .grid li.h1, .grid li.h2, .grid li.h3, .grid li.h4, .grid li.h5, .grid li.h6 {font-size: 100%;} /* library_5_marquee.css */ /*********** * Marquee type * 'Library' file -- not all rules apply to a rendered page ************/ /* Possible Marquee classes include: NotSet, *** SiteBreaking, SiteDeveloping, SiteBreakingUpdated, SiteComingUp, SiteContinuing, SectionBreaking, SectionBreakingUpdated, SectionComingUp, SectionContinuing, SectionTicker */ #marquee {position: relative; width: 100%; height: 36px;} #marquee {*left:0px;} .marquee {border-top: 1px solid #b00;} .marquee h1 {background-color: #b00; color: #FFF; font: bold 20px/18px Arial, sans-serif; padding: 8px 7px 7px 7px; width: 981px; text-align: center;} .marquee h1 a {font-size: 20px; font-weight: normal; color: #FFF !important;} .marquee h1 a:hover {text-decoration: underline !important; color: inherit !important;} .SiteBreaking, .SiteBreakingUpdated, .SectionBreaking, .SectionBreakingUpdated {border-top: 1px solid #B00;} .SiteBreaking h1, .SiteBreakingUpdated h1, .SectionBreaking h1, .SectionBreakingUpdated h1 {background-color: #B00;} .SiteComingUp, .SectionComingUp, .SiteContinuing, .SectionContinuing, .SectionTicker, .SiteDeveloping {border-top: 1px solid #59D;} .SiteComingUp h1, .SectionComingUp h1, .SiteContinuing h1, .SectionContinuing h1, .SectionTicker h1, .SiteDeveloping h1 {background-color: #59D;} .todayshow #marquee {border-top: 1px solid #FFF;} .todayshow #marquee h1, .todayshow #marquee h1 a {background-color: #FFF; color: #B00 !important;} .todayshow #marquee.SiteComingUp h1, .todayshow #marquee.SectionComingUp h1, .todayshow #marquee.SiteContinuing h1, .todayshow #marquee.SectionContinuing h1, .todayshow #marquee.SectionTicker h1, .todayshow #marquee.SiteDeveloping h1 {color: #59D;} .todayshow #marquee.SiteComingUp h1 a, .todayshow #marquee.SectionComingUp h1 a, .todayshow #marquee.SiteContinuing h1 a, .todayshow #marquee.SectionContinuing h1 a, .todayshow #marquee.SectionTicker h1 a, .todayshow #marquee.SiteDeveloping h1 a {color: #59D;} /* mod_art.css */ /********** * Fundamental image rules ***********/ /*_______layout rules_______*/ .art .caption, .art .credit {display: block;} .art .img {display: inline-block; line-height: 0; *display: block /*IE*/;} .related .col .stories .art .img {display: block; min-width: 94px;} .art img {margin: 0px; display: block;} #mainart {clear: right; float: right; margin: 0px 2px 10px 18px; padding: 0px;} /*_______presentation rules_______*/ .art .img {border: 1px solid #AAA; *border: 0px /*IE*/;} .art img { background-color: #000; border: 1px solid #FFF; *background-color: #FFF; *border: 1px solid #AAA; *padding: 1px; /*IE*/ } .art .remove-border img {border :none;} /*_______typography rules_______*/ .art .caption {font-size: 11px; line-height: 16px; font-weight:bold;color:#828282;} .art .credit {color: #AAA; font-size: 10px; text-align: right; line-height: 11px; margin: -3px 0 10px; *margin-top: 3px;} /*_______interactive and business iframe data caption rules_______*/ .insert .caption{font-size: 11px; line-height: 16px;} body.business .insert .caption { color:#aaa; } .insert .headline { font-size: 12px; font-weight: bold; } /* mod_badges.css */ /********** * Badges ***********/ /*---NYT brand package---*/ body.the_new_york_times .badge { background: transparent url("../../../../img/custom_chrome/newyorktimes-badge.png") left 1px no-repeat; padding-top: 20px; position: relative; top: -7px; width: 282px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/NYT-badge.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; /*fundamentals*/ float: left; text-indent: -5000px; } /*IE6 specific NYT override*/ html#msnbc .the_new_york_times .logo { /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/msnbc.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; /*IE overrides*/ _margin-top: 3px; _line-height: 20px; } /*---Made in America---*/ body.made_in_america .badge { background: transparent url("../../../../img/custom_chrome/MadeInAmerica-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -10px; width: 214px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media2.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/BUSINESS/MadeInAmerica-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -14px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---ConsumerMan---*/ body.consumerman .badge { background: transparent url("../../../../img/custom_chrome/ConsumerMan-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -3px; width: 212px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/BUSINESS/ConsumerMan-badgeHDR2.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -7px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Sexploration---*/ body.sexploration .badge { background: transparent url("../../../../img/custom_chrome/Sexploration-badgeHDR.png") left 1px no-repeat; padding-top: 23px; position: relative; margin-left:0 !important; top: -13px; width: 242px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/HEALTH/Sexploration-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -17px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Breaking Bioethics---*/ body.breaking_bioethics .badge { background: transparent url("../../../../img/custom_chrome/BreakingBioethics-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -5px; width: 324px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/HEALTH/BreakingBioethics-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -9px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---The Big Money---*/ body.the_big_money .badge { background: transparent url("../../../../img/custom_chrome/TheBigMoney-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: 1px; width: 208px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/PARTNERS/TheBigMoney-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -3px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Elkhart---*/ body.the_elkhart_project .badge { background: transparent url("../../../../img/custom_chrome/Elkhart-project-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -10px; width: 234px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/US_NEWS/Elkhart-project-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -13px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Bloomberg Businessweek---*/ body.bloomberg_businessweek .badge { background: transparent url("../../../../img/custom_chrome/BusinessWeek-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; width: 325px; top: 3px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/PARTNERS/BusinessWeek-badgeHDR-NEW.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -1px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Forbes---*/ body.forbescom .badge { background: transparent url("../../../../img/custom_chrome/Forbes-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -8px; width: 92px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/PARTNERS/Forbes-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -12px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Washington Post--*/ body.washington_post .badge { background: transparent url("../../../../img/custom_chrome/WashingtonPost-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -9px; width: 235px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/PARTNERS/WashingtonPost-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -13px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Drivers Seat---*/ body.the_driver_seat .badge{ background: transparent url("../../../../img/custom_chrome/DriversSeat-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; margin-left:0 !important; top: -3px; width: 242px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/BUSINESS/DriversSeat-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -7px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Answer Desk---*/ body.answer_desk .badge { background: transparent url("../../../../img/custom_chrome/AnswerDesk-badgeHDR.png") left 1px no-repeat; padding-top: 20px; position: relative; top: -5px; width: 228px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/BUSINESS/AnswerDesk-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -9px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Wonderful World---*/ body.wonderful_world .badge { background: transparent url("../../../../img/custom_chrome/WonderfulWorld-badgeHDR.png") left 1px no-repeat; padding-top: 30px; position: relative; top: -20px; width: 343px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/TEASES/badgeHeaders/US_NEWS/WonderfulWorld-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -24px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Press Release---*/ body.press_releases .badge { background: transparent url("../../../../img/custom_chrome/badge_PressRelease.png") left 1px no-repeat; padding-top: 30px; position: relative; top: 3px; width: 184px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/Graphic-teases/badgeHeaders/US_NEWS/badge_PressRelease.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -1px; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Countdown with Keith Oberman---*/ body.countdown_with_keith_olbermann .badge { background: transparent url("../../../../img/custom_chrome/countdown-badge.png") left 1px no-repeat; padding-top: 30px; position: relative; top: -4px; width: 212px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/Graphic-teases/badgeHeaders/Countdown/countdown-badge.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -15px; /*fundamentals*/ float: left; text-indent: -5000px; } body.countdown_with_keith_olbermann #breadcrumbs {margin-top: 10px;} /* mod_custom_chrome.css */ /********** * Custom Chrome * add custom-chrome-related badges here, however, * if you need the small today-show logo add that to the list of selectors in mod_badges.css ***********/ /*---Primaries background---*/ .story.primaries #siteheader {background: url("http://media4.s-nbcnews.com/i/MSNBC/Components/Interactives/_swf/Politics/Elections2012/images/nbcPoliticsBkg.jpg") no-repeat scroll center 32px #021326;} .story.primaries #article {background: url("http://media4.s-nbcnews.com/i/MSNBC/Components/Interactives/_swf/Politics/Elections2012/images/nbcPoliticsBkg-bottom.jpg") repeat-x scroll center top white!important;} /*---Badge fix---*/ #siteheader #breadcrumbs .badge {*padding-bottom: 2px; *position: relative;} /*--Today show badge swap --*/ .todayshow #site #breadcrumbs .badge {position:relative; left:155px;} .todayshow #site #breadcrumbs .logo {position:absolute; left:4px;} .todayshow #site #breadcrumbs .on {display:none;} /*--- CSM brand package---*/ body.christian_science_monitor .badge { background: transparent url("http://media4.s-nbcnews.com/i/MSNBC/Components/Graphic-teases/badgeHeaders/PARTNERS/CSMonitor-badge-header.png") left 1px no-repeat; padding-top: 20px; position: relative; top: -4px; width: 398px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media4.s-nbcnews.com/i/MSNBC/Components/Graphic-teases/badgeHeaders/PARTNERS/CSMonitor-badge-header.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; /*fundamentals*/ float: left; text-indent: -5000px; } /*---Nightly News brand package---*/ body.nightly_news #siteheader { background: #000 url("../../../../img/custom_chrome/NightlyNews-hdr-bg.jpg") top center repeat-y; _background-position-y: bottom;} body.nightly_news .logo { background: url("../../../../img/custom_chrome/NightlyNews-badgeHDR.png") center left no-repeat; padding-right: 100px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/NightlyNews-badgeHDR2.png', sizingMethod='crop'); _background-image: none; _cursor: hand; *position: relative; _zoom: 1; _display: inline-block; _height: 29px; _margin-top: -39px !important; *padding-top: 5px; /*no png equivalent yet*/ } body.nightly_news #sitefooter { background: #000 url("../../../../img/custom_chrome/nightlynews-ftr-bg.jpg") top no-repeat; height: 119px; } body.nightly_news #article { background: white url("../../../../img/custom_chrome/NightlyNews-article-bg.jpg") repeat-x scroll center top;} /*---Dateline brand package---*/ body.dateline_nbc #siteheader { background: #000 url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Dateline/img/Dateline-story-bkgd-120718.jpg") bottom center no-repeat; } body.dateline_nbc .logo { background: url("http://media1.s-nbcnews.com/i/MSNBC/Sections/TVNews/Dateline%20NBC/Bios/SP-header/Dateline-bdg-hdr-120718.png") no-repeat scroll left center transparent; padding-right: 98px; padding-bottom: 0px; left: 12px; position: relative; top: -3px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Sections/TVNews/Dateline%20NBC/Bios/SP-header/Dateline-bdg-hdr-120718.png', sizingMethod='crop'); _background-image: none; _cursor: hand; *position: relative; _zoom: 1; _display: inline-block; _margin-top: -25px !important; *padding-top: 5px; /*no png equivalent yet*/ } body.dateline_nbc #sitefooter { background: #000 url("../../../../img/custom_chrome/Dateline-ftr-bg.jpg") top no-repeat; height: 119px; } body.dateline_nbc #article { background: white url("../../../../img/custom_chrome/Dateline-article-bg.jpg") repeat-x scroll center top;} /*---Meet the Press brand package---*/ body.meet_the_press #siteheader { background: #000 url("../../../../img/custom_chrome/MTP-hdr-bg.jpg") top center repeat-y; _background-position-y: bottom;} body.meet_the_press .logo { background: url("../../../../img/custom_chrome/MTP-badgeHDR.png") center left no-repeat; padding-right: 55px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/MTP-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; *position: relative; _zoom: 1; _display: inline-block; _margin-top: -49px !important; *padding-top: 8px; *padding-bottom: 8px; /*no png equivalent yet*/ } body.meet_the_press #sitefooter { background: #000 url("../../../../img/custom_chrome/MTP-ftr-bg.jpg") top no-repeat; height: 119px; } body.meet_the_press #article { background: white url("../../../../img/custom_chrome/MTP-article-bg.jpg") repeat-x scroll center top; } /*---msnbc tv brand package---*/ body.msnbc_tv #siteheader { background: #000 url("../../../../img/custom_chrome/msnbctv-hdr-bg.jpg") bottom center no-repeat; } body.msnbc_tv .logo { background: url("../../../../img/custom_chrome/msnbctv-badgeHDR.png") bottom left no-repeat; padding-right: 62px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/msnbctv-badgeHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; *position: relative; _zoom: 1; _display: inline-block; *padding-top: 8px; _margin-top: -42px !important; /*no png equivalent yet*/ } body.msnbc_tv #sitefooter { background: #000 url("../../../../img/custom_chrome/msnbctv-ftr-bg.jpg") top no-repeat; height: 119px; } body.msnbc_tv #article { background: white url("../../../../img/custom_chrome/msnbctv-article-bg.jpg") repeat-x scroll center top; } /*---Solve My Mystery brand package---*/ body.solve_my_mystery #siteheader { background: #000 url("../../../../img/custom_chrome/SolveMyMystery-hdr-bg.jpg") bottom center no-repeat; } body.solve_my_mystery #article { background: white url("../../../../img/custom_chrome/SolveMyMystery-article-bg.jpg") repeat-x scroll center top; } body.solve_my_mystery #sitefooter { background: #000 url("../../../../img/custom_chrome/SolveMyMystery-ftr-bg.jpg") top no-repeat; height: 119px; } body.solve_my_mystery .badge { background: url("../../../../img/custom_chrome/SolveMyMystery-logoHDR.png") left 1px no-repeat; position: relative; width: 258px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/SolveMyMystery-logoHDR.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; /*fundamentals*/ float: left; text-indent: -5000px; } body.solve_my_mystery .logo, body.solve_my_mystery .on { display: none; } /*---Enslaved in America package---*/ body.enslaved_in_america #siteheader { background: black url("../../../../img/custom_chrome/Enslaved-HdrStory-bg.jpg") bottom center no-repeat; _background-position-y: bottom !important; } body.enslaved_in_america #article { background: white url("../../../../img/custom_chrome/Enslaved-HdrStory-article.jpg") repeat-x scroll center top; } body.enslaved_in_america .badge { background: transparent url("../../../../img/custom_chrome/Enslaved-HdrStory-badge.png") left 1px no-repeat; padding-top: 7px; position: relative; margin-left:0 !important; top: 2px; width: 358px; /*IE ping support*/ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/EnslavedinAmerica/img/Enslaved-HdrStory-badge.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _zoom: 1; _display: block; _top: -2px; /*fundamentals*/ float: left; text-indent: -5000px; } /*------------------- DECISION 2010 HUB -------------------*/ /*-- general to hub --*/ .hub body.decision_2010 .ads {float:right;} .hub body.decision_2010 .icon span, .hub body.decision_2010 .icon div, .hub body.decision_2010 .external span {background-image:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/story-chrome-election13.gif"); top:0px;} .hub body.decision_2010 .t-GridSlice .grid .col .title {background: none;} .hub body.decision_2010 .grid .col .title {padding-bottom: 5px;} .hub body.decision_2010 .grid .col ol li {margin-top: 0px;} /*-- site header --*/ .hub body.decision_2010 #siteheader {background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010-HeaderBkg3.jpg") no-repeat scroll center bottom #021326; *min-height:557px;} .hub body.decision_2010 #marquee h1 {padding-top: 3px; padding-bottom: 5px;} .hub body.decision_2010 #site {height:325px;} .hub body.decision_2010 #site .main {*min-height:557px; _margin-top: -25px;} .hub body.decision_2010 #sections {margin-top:15px;*margin-top: 24px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.hub body.decision_2010 #site {height: 340px;}} /*Safari 3 + Chrome*/ .hub body.decision_2010 #upscroll-grid .col {padding-top: 8px;} .hub body.decision_2010 #breadcrumbs {margin-top:5px; height:167px; margin-left: 4px;} .hub body.decision_2010 #breadcrumbs span,.hub body.decision_2010 #breadcrumbs .logo {margin-left:-2px; top: 106px; position: relative; float: left;} .hub body.decision_2010 #breadcrumbs .badge {float: left; display: block; background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010Logo.png") no-repeat; height: 167px; width: 430px; text-indent: -5000px; display:inline-block; margin-right: 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010Logo.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _display: block;} .hub body.decision_2010 #breadcrumbs .logo {top: 98px; left: 5px; _top:106px;} .main .shareVia {position: absolute; bottom: 250px; _bottom: 220px; right: 332px; _right: 342px; font: 11px Arial,Helvetica,sans-serif; color: #888;} .main .shareVia ul {display: inline;} *.main .shareVia span {vertical-align: top; padding-top: 3px; display: inline-block;} .main .shareVia li {padding: 3px 10px 0 0; display: inline;} .main .shareVia a {font: normal 11px Arial, sans-serif; color: #369; border-bottom: none; height: 18px; padding-left: 26px; padding-top: 3px; display: inline-block; background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/shareIcons2.gif") no-repeat 0 0;} .main .shareVia .facebook {background-position: 0 -50px; margin-left: 8px;} .main .shareVia .twitter {background-position: 0 -70px;} .hub body.decision_2010 #site .main .ads {margin: 6px 10px 0 0 ; _margin-top: 0;} .hub body.decision_2010 #inpagenav {width:670px; padding-top: 35px; *padding-top: 15px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.hub body.decision_2010 #inpagenav {padding-top: 50px;}} /*Safari 3 + Chrome*/ .hub body.decision_2010 #inpagenav li {display: table; float: left; clear:none; width:149px; padding-bottom: 2px; padding-right: 10px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.hub body.decision_2010 #inpagenav li{width: 167px;}} /*Safari 3 + Chrome*/ .hub body.decision_2010 #inpagenav .label {display:none;} .hub body.decision_2010 #inpagenav .art {_width:60px;} .hub body.decision_2010 #inpagenav .icon {bottom:-5px; _display: none;} .hub body.decision_2010 #inpagenav .icon span {height:21px; width:24px;} .hub body.decision_2010 #inpagenav .icon .data {background-position:-569px -201px; *height: 22px;} .hub body.decision_2010 #inpagenav .icon .map {background-position:-659px -201px;} .hub body.decision_2010 #inpagenav h6{display:table-cell; vertical-align:middle; padding-top: 0;} .hub body.decision_2010 #inpagenav .BlogSlice {margin-top: -14px;} .hub body.decision_2010 #inpagenav .BlogSlice .tease {display: block; width: 100%;} .hub body.decision_2010 #inpagenav .BlogSlice h6 {display:block; position:relative; padding-left: 0; width: 135px; left:-31px; top:-12px; _left: 0px; _top: 3px;} .hub body.decision_2010 #inpagenav .BlogSlice h6 a {background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/electionHdr-FirstRead-Logo2.png") no-repeat 0px -3px; display: inline-block; height: 27px; padding: 58px 0 0 51px; _padding: 40px 0 0 0; width: 115px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/electionHdr-FirstRead-IE6.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative; _display: block;} .hub body.decision_2010 #inpagenav .GridSlice {top: 13px;} .hub body.decision_2010 #inpagenav .GridSlice h6 span {_display: none; background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/story-chrome-election13.gif") no-repeat -850px -198px; height: 45px; float:left; padding-left: 28px} .hub body.decision_2010 #inpagenav .GridSlice h6 {display:block; margin-left:-23px; padding-left:36px;} /*-- slices --*/ .hub body.decision_2010 #article {background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010-PageBkgtemp.jpg") repeat-x scroll center top white;} .hub body.decision_2010 #article .content {padding-top:125px;} .hub body.decision_2010 .slice {border-top: 1px solid #011937; padding:0 0 70px 0;} .hub body.decision_2010 .slice h3 {font: normal 29px Arial, sans-serif; color:#011937; letter-spacing: -1px; position:relative; top:2px;} .hub body.decision_2010 .slice h3 .icon {display: inline-block; vertical-align: baseline; position: relative; *top: -6px; _top: 7px; *padding-right: 7px;} .hub body.decision_2010 .slice h3 .headline {color: #777;} .hub body.decision_2010 #slice-2 {margin-top:-100px; border: none;} .hub body.decision_2010 #slice-2 .grid, .hub body.decision_2010 #slice2 .grid {display: block;} .hub body.decision_2010 #searchslice {padding-top: 10px;} .hub body.decision_2010 #relatedlinks, .hub #bltwy {font: bold 16px Arial,Helvetica,sans-serif; color: #444; float: right; padding: 5px 15px 0 0;} .hub body.decision_2010 #relatedlinks a {font: 15px Arial,Helvetica,sans-serif; border-bottom: dotted 1px #AAA;} .hub body.decision_2010 #relatedlinks a:hover {border-bottom: none;} .hub body.decision_2010 #gridsearch{_width: 305px; _float: right;} .hub body.decision_2010 #searchslice .search input.q {_width: 263px; *padding-top: 2px;} .hub body.decision_2010 #searchslice .search input.bing {*margin-top: -2px;} .hub #bltwy {float:left; padding:7px 0 0 0 !important; margin-left: 7px;} .hub #bltwy a {display: inline-block;} .hub #bltwy a div {padding-top: 0px; width: 60px; text-indent: -5000px; background: url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/bltwy_small.gif") no-repeat 2px 0;} .hub #bltwy a:hover {text-decoration: none;border-bottom: none !important;} .hub body.decision_2010 .t-VideoSlice {margin-bottom: -40px;} .hub body.decision_2010 .video h3 .icon {*padding-right: 3px;} .hub body.decision_2010 .video .handle, .hub body.decision_2010 .video .drawer {background-image:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/story-chrome-election13.gif");} .hub body.decision_2010 .blogAdContainer {padding: 0; float: right;} .hub body.decision_2010 .blogSliceWrapper h3 {padding: 0; top: -30px !important;} .hub body.decision_2010 .blogSliceWrapper h3 a {position: relative;} .hub body.decision_2010 .blogSliceWrapper h3 a.firstread {display: inline-block; background: url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/blogSlice-firstReadLogo.png") no-repeat; text-decoration: none !important; border: none !important; width: 242px; height: 68px; margin-left: -30px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/blogSlice-firstReadLogo.png', sizingMethod='crop'); _background-image: none; _cursor: hand; _position: relative;} .hub body.decision_2010 .t-Related {padding-bottom: 0px;} .hub body.decision_2010 .t-Related .ad {top: 71px;} .hub body.decision_2010 .t-Related .adX1 .ad-label {margin-top: -31px; height: 10px;} /*-- footer --*/ .hub body.decision_2010 #legal {background-image:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010-footerBkg.jpg"); background-color:#021326;} /*-- anotated scrollbar --*/ .hub body.decision_2010 #scrollPins li .pin {background-image:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/electionsRedPins3.png");} .hub body.decision_2010 #scrollPins .blog .tease, .hub body.decision_2010 #scrollPins .more .tease {margin-right: 0;} /* ------------- Still need to be implemented in in markup ------------- .hub body.decision_2010 #scrollPins {display:none !important;} .hub body.decision_2010 .search input.q {*padding-top: 5px;} .hub body.decision_2010 .search input.bing {*margin-top: 0px;} .hub body.decision_2010 #socialIcons {position: relative; width: 167px; left: 508px; top: 15px;} .hub body.decision_2010 #socialIcons a {display:block; background: url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/story-chrome-election13.gif"); height: 20px; padding-right: 5px; float:right;} .hub body.decision_2010 #socialIcons .tweet {width:58px; background-position: -812px -279px;} .hub body.decision_2010 #socialIcons .tweet:hover {background-position: -812px -301px;} .hub body.decision_2010 #socialIcons .facebook {width:45px;background-position: -762px -279px;} .hub body.decision_2010 #socialIcons .facebook:hover {background-position: -762px -301px;} */ /* mod_playlist.css */ /********** * Site-wide playlist tease drawer rules ***********/ /*_______layout rules_______*/ .playlist {clear: right;} /*mods in IE css*/ .playlist ol.i1 {/*width: 976px;*/ margin: 10px auto; list-style: none;} .playlist .x6 .i1, .playlist ol.i2 .i1 {margin-left: 0;} .playlist .x6 .i6 {margin-right: 0;} /*(TF) why is this more specific?*/ body .playlist li {display: inline; float: left; width: 146px; margin: 5px 10px;} .playlist .art {float: none;} .playlist .label, .photos .playlist .keywords {display: block;} .playlist .art .credit {display: none;} .playlist .t0 .drawer {display: none;} .playlist .thumb-m {width: 100%;} /*_______presentation rules_______*/ .playlist {border-top: 1px solid #CCC;} /*_______typography rules_______*/ .playlist li {text-align: center;} .playlist .label, .caption .related .label /*photoslice*/ {font: normal 11px "Lucida Grande","Lucida Sans Unicode",Tahoma; color: #999;} .playlist a {color: #147; font: bold 12px/15px Arial, sans-serif; text-decoration: none;} .playlist a:hover {color: #C00; text-decoration: underline;} .playlist .keywords {color: #69C;} .playlist .focus {color: #C00; position:static; padding-right: 2px;} /* mod_search.css */ /********** * Search boxes * May someday include search results ***********/ /*_______layout rules_______*/ .search {float: right; position: relative; left: 1px; *position: static; *top: -3px /*IE*/;} .search fieldset {display: block; height: 26px; overflow: hidden; *height: 27px /*IE7 and below*/;} .search legend {height: 0; line-height: 0; position: relative; visibility: hidden; width: 0;} .search input, .search button {border: 0; margin: 0; padding: 0 4px;} .search input.q {width: 177px; vertical-align: top; position: relative; top: 5px; *top: 3px /*IE7 and below*/; _width: 166px !important /*IE6*/;} .search .bing {width: 123px; height: 26px; *margin-top: 3px;} * html .search .bing {margin-top: -2px;} /*IE6*/ /*_______presentation rules_______*/ .search fieldset {background: #FFF; outline: 1px solid #AAA; *border: 1px solid #aaa; } .search input.q {color: #aaa; font-size: 14px; outline: 0;} .search .q:focus {color:#666;} .search input.bing {background: transparent url("http://media1.s-nbcnews.com/j/MSNBC/Components/CSS/img/bing_color_web_51.standard.png") no-repeat right top; cursor: pointer;} /*_______typography rules_______*/ .search .likeinput a {font-size: 12px; text-decoration: none;} /* site_msnbc_chrome.css */ /********** * Msnbc.com branding overrides ***********/ /*________BRANDING________*/ .msnbc #siteheader {background: url("http://media1.s-nbcnews.com/i/MSNBC/Templates/z_Story_Hybrid/img/msnbc-hdr-bg.jpg") no-repeat scroll center bottom #04162E;} .msnbc #article {background: white url("../../../../img/custom_chrome/msnbc-article-bg.jpg") top repeat-x;} .msnbc #sites-shows .site-msnbc {background: transparent url("../../../../img/peacock.png") left 1px no-repeat; padding-right: 16px; cursor: pointer;} .msnbc #sites-shows .sitesShows {display: none;} .msnbc .logo { padding-right: 41px; background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Templates/z_Story_Hybrid/img/nbcnews.png") no-repeat -3px 6px; /*IE6&7*/ *background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Templates/z_Story_Hybrid/img/nbcnews.png") no-repeat -3px 6px; /*IE6*/ _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Templates/z_Story_Hybrid/img/nbcnews.png', sizingMethod='crop'); _cursor: hand; _position: relative; _vertical-align: -5px; _zoom: 1; } .msnbc #breadcrumbs a {text-decoration: none;} .msnbc #breadcrumbs a:hover, .msnbc #breadcrumbs a:focus {color: #FC3;} .msnbc #sitefooter {background: url("http://media1.s-nbcnews.com/i/MSNBC/Templates/z_Story_Hybrid/img/msnbc-ftr-bg.jpg") no-repeat scroll center bottom #04162E; height: 119px;} .msnbc #brands .brand, .msnbc #brands .rel {display: none;} /* site_today_chrome.css */ /*********** * TODAY show branding overrides * don't preface these rules with 'body.' ************/ /*________BRANDING________*/ /*.todayshow #upscroll-grid .grid .label .title, .todayshow #upscroll-grid .grid p, .todayshow #upscroll-grid .grid .art .credit{color: #ECB; color: rgba(255, 255, 255, 0.65);}*/ .todayshow #siteheader {background: #86150D url("../../../../img/custom_chrome/today-hdr-bg.jpg") center top repeat-y;} .todayshow #article {background: #FFF url("../../../../img/custom_chrome/today-article-bg.jpg") top repeat-x;} .todayshow #sites-shows .show-today {display: none;} .todayshow #sites-shows .i1 a:hover, .todayshow #sites-shows .i1 a:focus {background-position: 0px -14px;} .todayshow #network {border-bottom: 1px solid #C97;} .todayshow .main-grid { background: transparent url("http://media1.s-nbcnews.com/i/MSNBC/Templates/cccTemplatesHeaderUpscroll/upscroll/upscroll/img/background.png") no-repeat; } .todayshow .active { border:none; _border: 0px; } /*.todayshow .main-grid a {color: #FFF; text-shadow: 0px 0px 1px #888; text-shadow: 0px 0px 1px rgba(0,0,0,0.8);}*/ .todayshow #sections {border-top: 0px; margin-left: -2px;} .todayshow #sections li {margin: 0px 6px 0px 5px; padding: 6px 0px 11px 0px;} .todayshow #sections li a {font-size: 14px;} .todayshow #sections li.parent {line-height: 21px; margin-top: -1px;} .todayshow #sections li.parent a {font-size: 16px;} .todayshow #sections li.i14 {padding-right: 0px !important;} .todayshow #sections li a, .todayshow #brands li a, .todayshow #today-sites li a, .todayshow #sections li.i14 {color: #FFC; cursor: pointer; text-shadow: 1px 1px 1px #888; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);} .todayshow #sitemap li a {color: #FFF;} .todayshow #sitemap li a:hover, .todayshow #brands li a:hover, .todayshow #today-sites li a:hover {color: #FC3;} .todayshow #sections li a:hover, .todayshow #sections li a:focus {color: #FFF; background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;} .todayshow .logo { background: url("../../../../img/custom_chrome/today-hdr-logo.png") center left no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media1.s-nbcnews.com/i/MSNBC/Test-Dev/Quality%20Assurance/SPF_CD_MasterDocs/IE6-png-Fixes/today-hdr-logoIE.png', sizingMethod='crop'); _cursor: hand; _position: relative; _zoom: 1; } .todayshow #sitefooter {background: #86150D url("../../../../img/custom_chrome/today-ftr-bg.jpg") top no-repeat; height: 98px;} .todayshow .logo span {padding-right: 60px; visibility: hidden; font-weight: bold;} .todayshow a:visited {color: #999;} .todayshow #today-sites {font-size: 13px; padding-top: 5px; margin: 13px auto; width: 710px;} .todayshow #today-sites li a {padding: 0 15px 0 0;} .todayshow #today-sites li.i1 a {background: transparent url("../../../../img/custom_chrome/today-ftr-logo.png") no-repeat 0 2px; padding:0 69px 0 0; display: inline-block; text-indent: -5000px;} .todayshow #today-sites li.i1 {padding-right: 19px;} /* UPSCROLL - MORE GRID*/ .todayshow .todayMore .h4, .todayshow .todayMore .h5 {font-family:Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal;} .todayshow .main .grid .label .title, .todayshow .main .grid p, .todayshow .main .grid .art .credit {color: #666;} .todayshow .todayMore .abstract {display: inline;} .todayshow .todayMore .h5 {line-height: 19px;} /*.todayshow .todayMore .i2 .stories a, .todayshow .todayMore .i3 .stories a {color: #FFC;}*/ .todayshow .todayMore .i2 .stories a:hover, .todayshow .todayMore .i3 .stories a:hover { color: #FC3;} .todayshow .todayMore .i4 .stories li {display: inline; margin: 0px; padding-left: 40px; float:left;} .todayshow .todayMore .i4 .stories .i1 {padding-left: 0px; float: none;} .todayshow .todayMore .i4 .stories li a {font-size: 13px;} .todayshow .todayMore .i4 .stories .art {margin: 13px 0 0 24px;} /* UPSCROLL V2*/ .todayshow .main .grid .label .title {display:none;} .todayshow .main li.media .icon {display:none;} .todayshow .main .grid .col.i3 .h6{font-weight: bold;} .todayshow .main .grid .col.i1 { width:390px;} .todayshow .todayMore .col.i1 { width:325px !important;} .todayshow .main .grid .col.last .h6 { font-size:90%;} .todayshow #breadcrumbs{ margin-top:4px; } .todayshow .main .grid.todayMore .col.inner-div {background:none !important;} .todayshow #sections li {_margin:0 5px;} /*IE7,6*/ .todayshow #siteheader .grid .art.thumb-m.left {*padding-top:0px;} /*.todayshow #siteheader .grid .tease {*margin-top:-5px;}*/ /* table.css */ .msnbc-table { margin:20px; float:right; clear:none; color: #333; background-color: #FFF; border-collapse: collapse; overflow-x:auto; } .msnbc-table .header p { font-family: Georgia, "Times New Roman" ,Times,serif; font-size: 22px; line-height: 23px; } .msnbc-table .deck p { font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 11px; line-height: 12px; } .footer { background-color: #FFF; text-align:left; } .msnbc-table .footer p { font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; text-align:left; font-size: 11px; line-height: 12px; color:#999; } .source { text-align:left; } .msnbc-table hr { margin: 0px; } .msnbc-table .source p { font-size: 10px; color: #999; font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; text-align:left; } .msnbc-table table tr td table tr td.col-default p { text-align:center; font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 11px; } .msnbc-table table tr td table tr { border: 1px solid #000; } .msnbc-table table tr td { border: 1px solid #FFF; } .msnbc-table table tr td table { width : 100%; } .msnbc-table tr td p { padding: 0; } .msnbc-table table tr td table tr td p { vertical-align:top; } .msnbc-table table tr td table tr td p div { vertical-align:top; } .msnbc-table table tr td table tr:nth-child(odd) td.col-default { background-color: #eee; } .msnbc-table table tr td table tr:first-child td { line-height: 12px; color: #2F4155; background-color: #C5D1D8; } .msnbc-table table tr td table tr:first-child td p { font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 12px; font-weight: bold; } .msnbc-table table tr td table tr td p { font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 11px; } .msnbc-table table a { color: #369; text-decoration: none; border-bottom: 1px dotted #AAAAAA; padding-bottom: 0px; font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 12px; } .msnbc-table table tr td table tr td ul { list-style-type:disc; } .msnbc-table table tr td table tr td li { font-family: "Lucida Sans Unicode" , "Lucida Grande" ,sans-serif; font-size: 12px; } .msnbc-table table tr td table tr td ol { list-style-type:decimal; } .tablewidth { width:312px; } .tablewidth05-col { width:63px; } .tablewidth1-col { width: 166px; } .tablewidth1-5-col { width: 249px; } .tablewidth2-col { width: 332px; } .tablewidth2-5-col { width: 415px; } .tablewidth3-col { width: 498px; } .tablewidth3-5-col { width: 581px; } .tablewidth4-col { width: 664px; } .tablewidth4-5-col { width: 747px; } .tablewidth5-col { width: 830px; } .tablewidth5-5-col { width: 913px; } .tablewidth6-col { width: 996px; } .even { background: #eee; } /* PopupSlideshow.css */ /*- Baseline,courtesy of Eric Meyer-----------------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address, big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul, li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body{line-height:1;color:black;background-color:white;} ol,ul{list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /*- Base styles----------------------------------------------------------------------*/ .ss-msnbc{background-color:#FCFCFC;color:#666;font-size:62.5%;font-family:Arial,sans-serif;margin:auto;background-image:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/body_bg.gif);background-repeat:repeat-x;text-align:center;overflow:auto;} .ss-msnbc a{color:#369;text-decoration:none;font-weight:bold;} .ss-msnbc a:hover,.ss-msnbc a:visited:hover{color:#C00;text-decoration:underline;border:none;} .ss-msnbc .container:after{content:"";display:block;height:0;clear:both;} .ss-msnbc a:visited{color:#666;} .ss-msnbc #global-nav a{border-bottom:1px dotted #BBB;line-height:130%;padding-bottom:1px;} .IE #global-nav a{border-bottom:none;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/dots.gif) repeat-x bottom;} .ss-msnbc #global-nav a:hover,.ss-msnbc #global-nav a:visited:hover{color:#C00;text-decoration:underline;border:none;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*- Header----------------------------------------------------------------------*/ .ss-msnbc #header{width:100%;background:#000 url(http://media2.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/header_global_bg.jpg) no-repeat bottom center;text-align:center;} .ss-msnbc #hdr-content{width:100%;margin:auto;text-align:left;} .ss-msnbc #logo{width:300px;padding-top:10px;float:left;} .ss-msnbc #logo a.msn_logo{background:transparent url("http://media3.s-nbcnews.com/i/msnbc/Components/CSS/img/msn_logo-60.gif") no-repeat scroll 0 0;height:22px;position:absolute;right:15px;top:5px;width:66px;} .comcast.ss-msnbc #logo a.msn_logo {top: 45px;} /*for comcast header*/ .ss-msnbc #logo a.today{background-image: url("http://media3.s-nbcnews.com/i/msnbc/Components/CSS/img/msn_logo-today60.gif");} .ss-msnbc #bantop{width:100%;background:#ececec;border-top:1px solid black;border-bottom:1px solid #DADADA;text-align:center;clear:both;padding:0 5px 0 5px;} .ss-msnbc #bantop .container{width:100%;height:34px;margin:auto;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/header_page_bg.jpg) no-repeat;text-align:left;} /* Slideshow-----------------------------------------------------------------------*/ .ss-msnbc #slide{width:100%;margin:0 auto;text-align:center;clear:both;background:url(http://media3.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/body_container_bg.gif) repeat-x;background-position:top center;} .ss-msnbc #slide .container{width:100%;} .IE #slide .container{margin-bottom:15px;} .ss-msnbc #header{width:100%;background:#000 url(http://media4.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/header_slideshow_bg.jpg) no-repeat top left;text-align:center;} .ss-msnbc #header .container{width:100%;height:34px;margin:0 auto;text-align:center;} .ss-msnbc #logo{width:134px;margin:0;padding:0;float:left;} .ss-msnbc #slideshow-title{overflow:visible;} .ss-msnbc #slideshow-title h2,.ss-msnbc #slideshow-title h2 a,.ss-msnbc #slideshow-title h2 a:visited{padding-left:2px;margin-top:8px;font-family:Arial,sans-serif;font-weight:bold;font-size:18px;color:#CCC;float:left;} .ss-msnbc #hdr-ad{float:right;width:205px;margin-top:2px;overflow:hidden;} .IE-6 #hdr-ad{margin-left:10px;} .ss-msnbc #hdr-ad #hdr-ad-credit{float:right;padding:10px 5px 0px 10px;color:#CCC;} .IE #hdr-ad #hdr-ad-credit{padding-top:11px;} .ss-msnbc #hdr-ad #hdr-ad-img{width:120px;float:right;} .ss-msnbc #tabs{float:right;margin-top:8px;margin-right:20px;list-style:none;overflow:hidden;background:transparent url(http://media2.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_tab_inactive.gif) no-repeat scroll 0 1px;} .IE-6 #tabs{margin-right:10px;} .ss-msnbc #tabs li{float:left;margin-top:3px;padding:5px 10px 7px 10px;/* background-color:#232323;*/color:#DEF;font-size:110%;} .IE #tabs li{padding:6px 10px 6px 10px;} .ss-msnbc #tabs a{color:#DEF;border-bottom:1px dotted #BBB;} .IE-6 #tabs a{border-bottom:none;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/dots.gif) repeat-x bottom;} .ss-msnbc #tabs a:hover,.ss-msnbc #tabs a:visited:hover{text-decoration:none;border-bottom:1px solid #FBB;color:#FBB;} .ss-msnbc #tabs .current{float:left;/* background:url(http://media2.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_tab_right.gif) no-repeat right center;*/background:url(http://media2.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_tab_active.gif) no-repeat right center;margin:0;padding:0;} .ss-msnbc #tabs .current a{display:block;background:url(http://media3.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_tab_left.gif) no-repeat left center;padding:8px 10px 7px 10px;margin:0 0 0 -1px;color:#000;font-weight:bold;} .IE #tabs li.current a{padding:9px 10px 6px 10px;} .ss-msnbc #tabs .current a,.ss-msnbc #tabs .current a:visited,.ss-msnbc #tabs .current a:hover,.ss-msnbc #tabs .current a:visited:hover{color:#000;border-bottom:none;} .ss-msnbc #slide-nav{margin:5px;padding-top:2px;font-size:110%;line-height:normal;} .ss-msnbc #slide-nav #next-prev{margin:-1px 15px 0 0;float:left;} .IE-7 #slide-nav #next-prev{margin-left:5px;} .ss-msnbc #slide-nav #next-prev .btn{float:left;width:39px;height:21px;margin:0;padding:0;text-decoration:none;overflow:hidden;} .IE #slide-nav #next-prev .btn{overflow:visible;} .ss-msnbc #slide-nav #next-prev .prev a{background-image:url(http://media4.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_arrow_prev.gif);background-position:0% 21px;background-repeat:no-repeat;} .ss-msnbc #slide-nav #next-prev .prev-dis a{background-image:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_arrow_prev_dis.gif);background-position:0% 21px;background-repeat:no-repeat;} .ss-msnbc #slide-nav #next-prev .next a{background-image:url(http://media2.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_arrow_next.gif);background-position:0% 21px;background-repeat:no-repeat;margin-left:-1px;} .ss-msnbc #slide-nav #next-prev .next-dis a{background-image:url(http://media3.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_arrow_next_dis.gif);background-position:0% 21px;background-repeat:no-repeat;margin-left:-1px;} .ss-msnbc #slide-nav #next-prev .btn a{padding:21px 18px 21px 18px;text-decoration:none; display:block; margin-top:-21px;} .ss-msnbc #slide-nav #next-prev .next a:hover,.ss-msnbc #slide-nav #next-prev .prev a:hover{background-position:left 0px;} .ss-msnbc #slide-nav .slide-numbers{/*float:left;*/display:inline;margin:0;padding:0 0 2px 0;list-style:none;} .ss-msnbc #slide-nav .slide-numbers li{float:left;margin:3px 0 0 0;} .ss-msnbc #slide-nav .slide-numbers li a{margin:0;padding:8px 5px 8px 5px;text-decoration:none; height:auto;} .ss-msnbc #slide-nav .slide-numbers li a:visited {color:#369;} .ss-msnbc #slide-nav .slide-numbers li a:hover{color:#C00;text-decoration:none;border-bottom:none;} .ss-msnbc #slide-nav .slide-numbers li.current{background:url(http://media4.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_button_left.gif) no-repeat left top;margin:2px 3px -2px 0;padding:0 0 0 2px;} .ss-msnbc #slide-nav .slide-numbers li.current a{float:left;display:block;width:.5em;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_button_right.gif) no-repeat right top;margin:0 0 -1px;padding:1px 8px 3px 6px;} .ss-msnbc #slide-nav .slide-numbers li.current-2digit{background:url(http://media4.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_button_left.gif) no-repeat left top;margin:2px 3px -2px 0;padding:0 0 0 2px;} .ss-msnbc #slide-nav .slide-numbers li.current-2digit a{float:left;display:block;width:.5em;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/nav_button_right.gif) no-repeat right top;margin:0 0 -1px;padding:1px 14px 3px 6px !important;padding:1px 8px 3px 6px;} .ss-msnbc #slide-nav .slide-numbers li.current > ul a{width:auto;} .ss-msnbc #global-nav{float:right;margin-top:10px;padding-right:12px;white-space:nowrap;} .IE #global-nav{padding-right:7px;} .ss-msnbc #global-nav ul li{display:inline;margin:0;padding:0px 5px 0 10px;} .ss-msnbc .chapter-nav{width:164px;margin:0;padding:15px 15px 0px 10px;float:left;border-right:1px solid #CCC;text-align:left;overflow:hidden;} .ss-msnbc .chapter-nav .label{font-size:160%;font-weight:bold;color:#999;margin:0 0 15px 0;padding:0;background:none;border-bottom:none;} .ss-msnbc .chapter-nav a{font-size:120%;border-bottom:1px dotted #BBB;color:#036;line-height:130%;} .IE-6 .chapter-nav a{border-bottom:none;background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/dots.gif) repeat-x bottom;} .ss-msnbc .chapter-nav a:visited{color:#666;} .ss-msnbc .chapter-nav li{padding-bottom:3px;margin-bottom:10px;} .ss-msnbc .chapter-nav a:hover,.ss-msnbc .chapter-nav a:visited:hover{color:#C00;text-decoration:underline;border:none;background:none;} .ss-msnbc .chapter-nav .current a,.ss-msnbc .chapter-nav .current a:visited{color:#69C;border:none;} .IE .chapter-nav .current a{background:none;} .ss-msnbc .chapter-nav .current a:hover{color:#69C;text-decoration:none;} .ss-msnbc .chapter-nav p{font-family:Tahoma,"Lucida Grande",sans-serif;font-size:100%;margin:0;color:#999;} .ss-msnbc .chapter-nav .tier2{margin-top:30px;} .ss-msnbc #slide .content{margin:auto;padding:15px 0px 15px 15px;text-align:left; clear:both; display:block; } .IE #slide .content{/*float:left;*/margin-left:auto;margin-right:auto;} .ss-msnbc .photocontainer{float:left;} /* .ss-msnbc .photocontainer .photo{background-color:#FFF;padding:3px;margin-bottom:2px;border:1px solid #AAA;}*/ .photo{background-color:#FFF;padding:3px;margin-bottom:2px;border:1px solid #AAA;} .ss-msnbc .photocontainer .photo a{margin:0;padding:0;border-bottom:none;background:none;} .ss-msnbc .photocontainer .photo .previous{display:none;} .ss-msnbc .photocontainer .credit{text-align:right;padding:1px 4px 0px 4px;} .IE .photocontainer .credit{padding-top:2px;} .ss-msnbc .content .info-box{display:block; padding:3px 10px 10px 10px;overflow:hidden; float:left; width:300px;} .ss-msnbc .content .info-box2{display:block;padding:10px 10px 10px 3px;overflow:hidden; float:right; margin-right:15px;} .ss-msnbc .content .info-box2 .info-body{margin-right:15px; min-height:250px;} .ss-msnbc .content .info-box2 .info-body .caption { margin-top:10px; } .IE .content .info-box2{float:none;margin-top:0px;padding-top:0px;} .ss-msnbc .info-body{float:left;margin-right:25px;width:300px;padding:0 0px 0 0;} .ss-msnbc .info-body-c1{float:left;margin-right:25px;width:650px;padding:0;} .ss-msnbc .info-body-c2{float:left;margin-right:25px;width:425px;padding:0;} .ss-msnbc .info-body-c3{float:left;margin-right:25px;width:200px;padding:0;} .ss-msnbc .content .info-body .title{font-family:georgia,times,times new roman,serif;font-size:200%;font-weight:normal;color:#000;margin:0;padding:0 0 10px 0; display:none;} .ss-msnbc .content .info-body p.caption{font-size:110%;line-height:15px;color:#000;margin:0;padding:0 0 20px 0;} .ss-msnbc .content .component{float:left;width:300px;padding-bottom:15px;} .ss-msnbc .content .info-box2 .component{margin-right:25px;height:auto;overflow:visible;} .ss-msnbc .content .component .header{font-family:Tahoma,Arial,sans-serif;font-size:100%;font-weight:bold;padding-bottom:5px;} .ss-msnbc .content .component .caption{font-size:110%;line-height:15px;color:#000;} .ss-msnbc .content .component .audio{float:left;width:250px;padding-bottom:5px;} .ss-msnbc .content .component .thumbnail{float:left;margin:0 7px 3px 0;} .ss-msnbc .content .component .thumbnail img {padding:1px; border:1px solid #000;} .ss-msnbc .content .component .thumbnail a{margin:0;padding:0;border-bottom:none;background:none;} .ss-msnbc .content .component#sequence{width:400px;padding-bottom:5px;} .ss-msnbc .content .component#sequence .header{float:left;padding-top:4px;padding-right:10px;} .ss-msnbc .content .component .caption a:hover,.ss-msnbc .content .component .caption a:visited:hover{color:#C00;text-decoration:underline;border:none;} .icoVid{background:url( "http://media1.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/Icons/iVideo.gif" ) no-repeat left;padding-left:16px;text-decoration:none;position:static;} .icoSli{background:url( "http://media2.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/Icons/iSlides.gif" ) no-repeat left;padding-left:16px;text-decoration:none;position:static;} .icoInt{background:url( "http://media2.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/Icons/iInteractive.gif" ) no-repeat left;padding-left:16px;text-decoration:none;position:static;} /*---------- end slate -----------*/ .photocontainer{position:relative;} .endslate{position:absolute;left:0px;top:0px;overflow:hidden;background:rgb(51,51,51);background:rgba(0,0,0,0.8);width:99.2%;height:98.5%;} .IE .endslate{background-color:Transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000);zoom:1;} .endslate .container{position:absolute;width:300px;margin-left:-170px;left:50%;top:10%;margin-top:30px;z-index:1} .ss-msnbc #slide .endslate .container{background:none;} .endslate h3{background:none;font-weight:normal;font-family:Georgia,serif;font-size:24px;color:#FFF;padding:0px 10px} .endslate ul{padding:0;list-style:none} .endslate ul li{clear:both;padding:10px;} .endslate a{color:#FFF;font-size:14px;font-weight:bold} .endslate a:hover{color:#FC3;border-bottom:2px solid #FC3;TEXT-DECORATION:none} .endslate .text{font-family:Arial,sans-serif;} .endslate .img{float:left;margin-right:10px;} .endslate .img a,.endslate .img a:hover{border-bottom:none;cursor:hand;cursor:pointer} .endslate .img img{padding:1px;border:1px solid #AAA;} /*- More Slideshows----------------------------------------------------------------------*/ #moreslideshows {width: 728px;margin: 50px auto;} #moreslideshows h4 {font-size: 17px; float: left; margin-left: 20px;} #moreslideshows ul { float: left;} #moreslideshows li {float: left; width: 142px; height: 160px; margin: 10px 20px;} #moreslideshows .slideshow-title {margin-top: 4px;} #moreslideshows .slideshow-title a {font-size: 12px;line-height: 14px;} /*- Footer----------------------------------------------------------------------*/ .ss-msnbc #footer { clear: both;} .ss-msnbc #footer.placeholder {height: 0px;} .ss-msnbc #footer{width:100%;height:90px;clear:both;background:#000 url(http://media3.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/footer_slideshow_bg.jpg) repeat-x center;overflow:hidden;text-align:center;position:absolute;bottom:15px;left:0px;} .IE #footer{bottom:0px;} .ss-msnbc #footer .container{width:728px;padding:5px 0 5px 0;margin:auto;text-align:center;background:transparent;} #imgloader{visibility:hidden;} #fader{background:url(http://media1.s-nbcnews.com/i/msnbc/Templates/aaaTemplatesSlideshow/aaaImg/body_bg.gif) repeat-x;background-position:0px -87px;width:100%;height:100%;z-index:100;background-color:#FCFCFC;position:absolute;} .graphicWarning{display:none; overflow:hidden; color: white; background-color: black; cursor: pointer;} .graphicWarning p{font:bold 1em/1.5em Arial,sans-serif;text-align:center;margin:0 0 0.25em 0;} .graphicWarning p.smallCaps{font-variant:small-caps;} .gHeader{font-size:1.3em !important; font-weight:bold;} .ss-msnbc .photocontainer .photo .graphicWarning a{color:#ffdf00;padding:3px;background-color:#666;} /*---------- bug fixes -----------*/ .caption br{letter-spacing:0} .tempHide {display:none;} .slideNavCounter {margin-right:5px} #globalnav {float:right; margin-top:10px; padding-right:12px;} .fb_reco {float:right; height:20px;margin-top:10px; padding-right:12px;} .fb_reco .FBConnectButton_Simple {padding-bottom:5px;} #globalnav ul li {display:inline;margin:0 3px;} #slideimg { min-width: 500px; } .adshowcase { float:left; padding: 2px 0 0;margin:10px 0 0; height:260px; width:300px; border-top:1px solid #999;} .ad-label {margin:0 auto;} /* addthis social buttons */ #addthis {float:right;padding:10px 10px 0; height:20px; display:block; background:transparent; position:relative; z-index:20; text-align:right; width:440px;} /* small experience styles */ .small .info-box, .small .info-body{width:auto; clear:both;} /*social share buttons*/ #socialshare {float: right; margin-top: 5px;} #facebook span {float:left;} /*Evidon ad choices*/ #_bapw-link {text-decoration: none ! important; display: inline-block; top: -1px; position: relative; *top: 2px;} #_bapw-icon {border: 0px none ! important; vertical-align: middle ! important; padding-right: 2px ! important; width: 8px;} /* SiteSpecific.css */ .ss-msnbc #footer { height: 100px; bottom: 0; } .Firefox #footer { /*margin-bottom: -15px;*/ }