.tl-js { /*height: 482px;*/ } #slideshow-ns { padding-bottom: 8px; } #slideshow-ns ul#carousel1-ns li{ background: none; margin-left: 0; padding-left: 0px; } #slideshow-ns ul#carousel1-ns li div#08-07-2011{ padding-bottom: 16px; } #slideshow-ns ul#carousel1-ns li div{ height: 360px; } #slideshow-ns ul#carousel1-ns li div.st-frame-wrapper div.st-media a.iplay div.ip{ display:none; } #slideshow-ns ul#carousel1-ns li div.st-frame-wrapper div.st-text h2.st-section-title{ font-size: 2.461em; margin: 12px 0 12px 0; } #slideshow-ns ul#carousel1-ns li div.st-frame-wrapper div.st-text h3.st-section-date{ font-size: 20px; margin: 0 0 12px 0; } #st-intro{ position: relative; /*padding-bottom: 16px;*/ } .st-frame-wrapper div.counter{ font-size: 16px; position: absolute; text-align: center; top: 334px; width: 232px; } .st-frame-wrapper{ clear: both; font-family: Helvetica,Arial,Helmet,Freesans,sans-serif; } .st-frame-wrapper .st-text{ float: left; width: 232px; padding: 0 16px; } .st-frame-wrapper .st-text .st-text-main { margin-bottom: 8px; } .st-frame-wrapper .st-text p { font-size: 0.95em; } .ie .st-frame-wrapper .st-text .st-text-main, .ie7 .st-frame-wrapper .st-text .st-text-main { margin-bottom: 20px; } .ie .st-frame-wrapper .st-text{ padding: 0 15px 0 16px; margin: 0; } .st-frame-wrapper .st-media{ position: relative; border-right: 1px solid #FFF; float: right; width: 640px; margin-top: 44px; } .st-frame-wrapper .st-media p { font-size: 13px; margin: 0; } #carousel1 .st-frame-wrapper .st-media .st-stats { background: #EDEDED; padding: 8px 10px; height: 144px; margin-top: 8px; position: absolute; width: 620px; top: 363px; left: 0px; } #carousel1 .st-frame-wrapper .st-media .st-stats span { font-weight: bold; display: block; margin-bottom: 10px; font-size: 1.2em; line-height: 1em; } #carousel1 .st-frame-wrapper .st-media .st-stats span.source { font-weight: normal; display: block; margin-top: 118px; font-size: 0.9em; line-height: 1em; } #carousel1 .st-frame-wrapper .st-media .st-stats ul li { margin: 0px; padding: 0px; background: none; float: left; width: 150px; margin-right: 8px; font-size: 0.95em; } #carousel1 .st-frame-wrapper .st-media .st-stats ul li.last { margin-right: 0px; } #carousel1 .st-frame-wrapper .st-media .st-stats ul li span { display: block; color: #D1700E; border-bottom: 1px solid #D1700E; margin-bottom: 8px; width: 100%; text-align: center; font-size: 2.2em; line-height: 1.1em; } .st-frame-wrapper h2, .st-frame-wrapper h3{ font-family: Helvetica,Arial,Helmet,Freesans,sans-serif; font-weight: bold; letter-spacing: -1px; line-height: 34px; text-rendering: optimizelegibility; } .st-frame-wrapper h2{ font-size: 2.3em; margin: 12px 0 0 0; /*12px 0 12px 0*/ } .st-frame-wrapper h3{ font-size: 20px; margin: 0 0 0 0;/*0 0 12px 0*/ } #slideshow-ns ul#carousel1-ns li div.st-frame-wrapper div.st-media div.st-quot, .st-quot{ position: absolute; bottom: 18px; right: 0; height: 176px; width: 233px; padding: 0 16px 8px; background: rgba(255,255,255,0.6); } .ie .st-quot, .ie7 .st-quot, .ie8 .st-quot { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaFFFFFF,endColorstr=#aaFFFFFF); zoom: 1; } .st-quot h2.quote { background-image: url("http://news.bbcimg.co.uk/view/1_4_15/cream/hi/shared/img/story_sprite.png"); background-position: 0 -188px; background-repeat: no-repeat; border-bottom: 1px solid #505050; clear: both; margin: 0 0 12px; padding: 0; position: relative; text-indent: -9000px; } .st-quot h2.quote span{ display: block; text-indent: -5000px; } .st-quot h2.quote blockquote { display: inline; float: left; font-weight: bold; margin: 0; padding: 0; } .st-quot blockquote p { font-size: 1.231em; font-weight: bold; line-height: 16px; margin-bottom: 8px; text-rendering: optimizelegibility; } .st-quot .quote-credit, .st-quot .quote-credit-date{ display: block; } .st-quot .quote-credit-date{ padding-bottom: 12px; border-bottom: 1px solid #505050; } .st-quot .endquote{ display: none; } .st-intro-cta { position: absolute; top: 248px; left: 0; width: 497px; } .st-overlay{ position: absolute; display: block; padding: 8px 16px 12px; background: #000000; background: rgba(0,0,0,0.6); font-size: 16px; font-weight: normal; color: #FFFFFF; cursor: pointer; } .st-overlay h2, .st-overlay p{ color: #FFFFFF; width: 435px; cursor: pointer; } .st-intro-icon{ position: absolute; display: block; height:34px; width:25px; top: 291px; left: 478px; background: transparent url(/news/special/technology/11/shuttle_timeline/css/v1/img/launcher_cta24x33.png) no-repeat 0 0; cursor: pointer; } .ie .st-intro-icon{ background: transparent url(/news/special/technology/11/shuttle_timeline/css/v1/img/launcher_cta24x33.gif) no-repeat 0 0; } .ie .st-overlay, .ie7 .st-overlay, .ie8 .st-overlay { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); zoom: 1; } .ie #st-intro:hover .overlay, .ie7 #st-intro:hover .overlay, .ie8 #st-intro:hover .overlay{ background:#000000; } .st-overlay h2{ font-size: 28px; font-weight: bold; line-height: 28px; display: block; padding-bottom: 7px; } #st-intro a:hover, #st-intro a:active, #st-intro a:hover p, #st-intro a:active p { text-decoration: none; } #st-intro a:hover h2, #st-intro a:active h2 { text-decoration: underline; } #st-intro a:hover .st-overlay, #st-intro a:active .st-overlay{ background: #000000; } .st-frame-wrapper div.st-media a.click-zoom div.mag{ background: url("/news/special/technology/11/shuttle_timeline/css/v1/img/magnify64x64.png") no-repeat scroll 0 0 transparent; height: 64px; position: relative; top: -363px; width: 64px; background-position: 0px 0px; } .st-frame-wrapper div.st-media a:hover.click-zoom div.mag{ background-position: -148px 0px; } .st-frame-wrapper div.st-media a:active.click-zoom div.mag{ background-position: -296px 0px; } div.st-media a.iplay div.ip { background: url("/news/special/technology/11/shuttle_timeline/css/v1/img/play.png") no-repeat scroll 0 0 transparent; height: 64px; position: absolute; /*top: -212px;*/ width: 64px; background-position: 0px 0px; /* float: left; */ top: 150px; left: 0px; } div.st-media a.iplay:hover div.ip { background-position: -148px 50%; } div.st-media a.iplay:active div.ip { background-position: -296px 0px; } div.st-media a.iplay div.ip_warning { background: rgba(205,18,17,0.6); height: 48px; position: relative; top: -212px; left: 1px; width: 570px; float: left; padding-top: 16px; text-align: center; color: #FFFFFF; text-decoration: none; } .ie div.st-media a.iplay div.ip_warning, .ie7 div.st-media a.iplay div.ip_warning, .ie8 div.st-media a.iplay div.ip_warning { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaCD1211,endColorstr=#aaCD1211); zoom: 1; }