/* * Base rules for all languages and media types. */ /* BARLESQUE OVERRIDES (remove before going live) */ /*#blq-mast { font-size:12px; }*/ /* Remove BBCID4 sign in */ #blq-sign-in { display: none !important; } .blq-mast-bg-transparent-dark #blq-mast-background { opacity: 0.2 !important; } .blq-mast-bg-transparent-dark #blq-mast { border-color: rgba(128, 128, 128, 0.4) !important; } .blq-masthead-focus span#blq-mast-background { background: none repeat scroll 0 0 #FFFFFF; filter: none; opacity: 1 !important; } .blq-mast-bg-transparent-dark #blq-blocks, .blq-mast-bg-transparent-dark #blq-nav-main, .blq-mast-bg-transparent-dark #blq-nav-main li, .blq-mast-bg-transparent-dark #id-status { border-color: rgba(255, 255, 255, 0.1) !important; } .blq-masthead-focus #blq-blocks, .blq-masthead-focus #blq-nav-main, .blq-masthead-focus #blq-nav-main li, .blq-masthead-focus #id-status { border-color: #CCCCCC !important; } #blq-main, #blq-foot, #blq-nav { font-size:13px; line-height:16px; } /* .blq-gvl-3 #blq-mast { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); } */ /* =ADS BBC.com 3pt_ads.css overrides +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Arabic text overrides */ #www-bbcarabic-com .bbccom_text a { /* switch text alignment for Arabic */ font-size:15px !important; line-height:20px !important; } #www-bbcarabic-com .ws-leaderboard { position:relative; top:8px; margin-bottom:8px; } #www-bbcarabic-com .ws-mpu { margin:-8px 0 8px 0; } #www-bbcarabic-com .bbccom_text { text-align: left !important; } /* Russian overrides */ #www-bbcrussian-com .ws-leaderboard { /*margin:-8px 0 8px 0;*/ position:relative; top:-8px; margin-bottom:8px; } #www-bbcrussian-com .ws-mpu { margin:-8px 0 10px 0; } /* Mundo overrides */ #www-bbcmundo-com .ws-leaderboard { /*margin:-8px 0 8px 0;*/ position:relative; top:-8px; margin-bottom:8px; } #www-bbcmundo-com .ws-mpu { margin:-8px 0 8px 0; } .bbccom_display_none { display:none; } /* =BASE Typography, headings etc. +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Clearfix */ /* removed for blq3.5 .blq-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .blq-clearfix {display: inline-block; clear:both;} */ /* Hides from IE-mac \*/ /* * html .blq-clearfix {height: 1%;} .blq-clearfix {display: block;} */ /* End hide */ body, #blq-main { color:#333333; } form, code, pre, li p { margin:0; padding:0; } table { } th, td { } hr { border:none; height:1px; background-color:#ccc; margin-bottom:15px; margin-top:8px; } strong { font-weight:bold; } .hide { position:absolute; left:-99999px; top:0px; } /* =Topcat2: System styles -----------------------------*/ .tc-preview h2.tc-name { font-size:1.2em; margin-top:1.5em; margin-bottom:1em; padding-bottom:0.5em; border-bottom:1px dotted #ccc; } .tc-error { color:#BB0A0A; padding:10px 0 10px 0; border-bottom:1px dotted #ccc; direction:ltr; display:none; font-size:13px; } .panel-hd h3 { font-size:14px; color:#444; } .panel-bd .tc-error { display:block; } /* =CSS Ready event -----------------------------*/ #css-ready { position: absolute; z-index:1234; } /* =Headings -----------------------------*/ h1, h2, h3, h4, h5, h6 { color: #505050; } /* =Text -----------------------------*/ p.ingress { font-weight:bold; } .fw-story-body p.ingress { font-weight:normal; } .signature, .disclaimer { color:#A9A9A9; } .caption { color:#505050; } /* =Links -----------------------------*/ a, a:link { text-decoration:none; color:#174F82; } a:visited { color:#4A7194; } a:hover, a:focus { outline:none; text-decoration:underline; } .rtl a:hover, .rtl a:focus { color: #1788DC; text-decoration:none; } a:active { color: #1788DC; } /* =Inline english in languages -----------------------------*/ .bodytext .lang-en { display:block; direction: ltr; } /* =Lists -----------------------------*/ .box ul, .box ol, .bodytext ol { overflow:hidden; } .box ul, .bodytext ul { list-style-type:square; } .box ol, .bodytext ol { list-style-type:decimal; } .bodytext .document-tools { list-style-type:none; } .bodytext .document-tools li { margin-left:0; } /* =Services footer -----------------------------*/ #related-services { clear:both; overflow:hidden; padding:0 0 8px 0; position:relative; width:976px; } #news-services { padding:0; position:relative; width:640px; } #news-services li { position:relative; } #news-services li#service-uploader, #news-services li#service-mobile { width:98px; } #news-services li#service-feeds, #news-services li#service-podcasts, #news-services li#service-alerts, #news-services li#service-email-news, #news-services li#service-widgets { width:99px; } #news-services li a { font-weight:bold; } .blq-js #news-services li a { display:block; } .blq-js #news-services li a .services-text { display:none; position:absolute; } .blq-js #news-services ul { height:48px; } #news-services .service-overlay { display:none; position:absolute; } .service-overlay .service-overlay-text { background-color:#dcdcdc; display:block; } .service-overlay .service-overlay-arrow { background:transparent url(/staticarchive/025d07193754260a82e69c8765660fc5e8c688ec.png) no-repeat -2px -7px; display:block; height:7px; position:absolute; width:14px; } #news-services li .services-icon { background-image:url(/staticarchive/025d07193754260a82e69c8765660fc5e8c688ec.png); background-repeat:no-repeat; cursor:pointer; overflow:hidden; position:absolute; text-indent:-5000px; } .blq-js #news-services li .services-icon { bottom:0; } #news-services li#service-feeds .services-icon { background-position:-35px -6px; height:32px; top:16px; width:32px; } #news-services li#service-mobile .services-icon { background-position:-87px 0; height:32px; top:16px; width:24px; } #news-services li#service-mobile a:hover .services-icon { background-position:-87px -47px; } #news-services li#service-mobile a .clicked { background-position:-87px 0 !important; } #news-services li#service-podcasts .services-icon { background-position:-131px -5px; height:32px; top:16px; width:24px; } #news-services li#service-podcasts a:hover .services-icon { background-position:-131px -52px; } #news-services li#service-podcasts a .clicked { background-position:-131px -5px !important; } #news-services li#service-uploader .services-icon { background-position:-226px -5px; height:30px; top:18px; width:32px; } #news-services li#service-uploader a:hover .services-icon { background-position:-226px -52px; } #news-services li#service-uploader a .clicked { background-position:-226px -5px !important; } #news-services li#service-email-news .services-icon { background-position:-175px -5px; height:26px; top:22px; width:32px; } #news-services li#service-email-news a:hover .services-icon { background-position:-175px -52px; } #news-services li#service-email-news a .clicked { background-position:-175px -5px !important; } #news-services li#service-widgets .services-icon { background-position:-276px -4px; height:34px; top:14px; width:39px; } #news-services li#service-widgets a:hover .services-icon { background-position:-276px -51px; } #news-services li#service-widgets a .clicked { background-position:-276px -4px !important; } #news-services li#service-alerts .services-icon { background-position:-331px 1px; height:32px; top:16px; width:37px; } #news-services li#service-alerts a:hover .services-icon { background-position:-331px -48px; } #news-services li#service-alerts a .clicked { background-position:-331px 1px !important; } #news-related-sites { position:relative; width:336px; } #news-related-sites li a { font-weight:bold; } /* =Associated items -----------------------------*/ div.associated ul.associated { margin-left: 0; } div.associated .title { font-weight: bold; } ul.associated { list-style-type:none; list-style-position:outside; clear:both; } /* =BRANDING +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Banner -----------------------------*/ #banner a, #banner a:hover { color:#fff; text-decoration:none; } /* =Navigation -----------------------------*/ #blq-local-nav { position:absolute; top:104px; background-color:#5a0000; background-color:rgba(0,0,0,0.45); width:100%; } #blq-local-nav ul { } #blq-local-nav a { color:#fff; display:block; font-weight:bold; background-image:url("/staticarchive/b0223d73259017348e5853b18fb5206971131c97.png"); background-repeat:no-repeat; } #blq-local-nav a:hover { color:#fff; } .rtl #blq-local-nav a:hover { background-color: #ededed; background-image: none; color: #505050; } #blq-local-nav li.first a { background-image:none; } #blq-local-nav li.nav-current a { color:#505050; background-color:#ededed; background-image:none; position:relative; z-index:100; display:inline-block; border-bottom:none; } /* Submenu */ #blq-local-nav li ul { background-color:#ededed; display:none; position:absolute; width:100%; } #blq-local-nav li.nav-current ul { display:block; } #blq-local-nav li.nav-current ul a { border:none; background-image:url("/staticarchive/804637f6f7ffad3e974317f6585d34dfa22fccf9.png"); background-repeat:no-repeat; z-index:0; } .rtl #blq-local-nav li.nav-current ul a:hover { background-image:url("/staticarchive/804637f6f7ffad3e974317f6585d34dfa22fccf9.png"); color: #1788dc; } #blq-local-nav li.nav-current ul li:first-child a , .rtl #blq-local-nav li.nav-current ul li:first-child a:hover { background-image:none; } #blq-local-nav li.nav-current ul li.nav-current { margin-right:-1px; } #blq-local-nav li.nav-current ul li.nav-current a { background-image:none; z-index:1; color:#1788dc; background-color:#ffffff; } /* =DOCUMENTS Story, index, cluster, media asset +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Base -----------------------------*/ /* Datestamp */ .datestamp { color:#666; } /* Document tools */ .document-tools li a, .social-bookmark-panel li a span { background-image:url("/staticarchive/82eca6b0cbf102ba340f5763b484294606ab26b5.gif"); background-repeat:no-repeat; text-indent:-5000px; width:16px; height:16px; display:block; } .blq-js .document-tools li { display:none !important; } .blq-js .document-tools .report-error, .blq-js .document-tools .facebook, .blq-js .document-tools .twitter, .blq-js .document-tools .googleplus, .blq-js .document-tools .share, .blq-js .document-tools .email, .blq-js .document-tools .print { display:block !important; } .document-tools .share a, .document-tools .email a, .document-tools .print a { background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); } .document-tools .facebook a, .social-bookmark-panel .facebook a span { background-position:0 0px; } .document-tools .twitter a, .social-bookmark-panel .twitter a span { background-position:0 -32px; } .document-tools .digg a, .social-bookmark-panel .digg a span { background-position:0 -128px; } .document-tools .stumble-upon a, .social-bookmark-panel .stumble-upon a span { background-position:0 -96px; } .document-tools .delicious a, .social-bookmark-panel .delicious a span { background-position:0 -64px; } .document-tools .reddit a, .social-bookmark-panel .reddit a span { background-position:0 -160px; } .document-tools .you-tube a, .social-bookmark-panel .you-tube a span { background-position:0 -192px; } .document-tools .netvibes a, .social-bookmark-panel .netvibes a span { background-position:0 -224px; } .document-tools .technorati a, .social-bookmark-panel .technorati a span { background-position:0 -256px; } .document-tools .flickr a, .social-bookmark-panel .flickr a span { background-position:0 -288px; } .document-tools .yahoo a, .social-bookmark-panel .yahoo a span { background-position:0 -320px; } .document-tools .myspace a, .social-bookmark-panel .myspace a span { background-position:0 -352px; } .social-bookmark-content li.googleplus a span { background-image: url("/staticarchive/71757c3ec72043b582408bc0826d2bc29abe7117.png"); } .blq-js .document-tools li.googleplus a { background-image: url("/staticarchive/71757c3ec72043b582408bc0826d2bc29abe7117.png"); } .document-tools .share a { background-position:-296px -1px; } .document-tools .print a { background-position:-620px 0; } .document-tools .email a { background-position:-643px 0; } .document-tools .report-error a { width:auto; height:auto; text-indent:0; background-image:none; color:#666; text-decoration:none; position:relative; } .social-bookmark-panel .panel-hd { margin:0 8px; padding-left:0 !important; } .social-bookmark-panel .hd { position:static; } .social-bookmark-content ul { overflow:hidden; } .social-bookmark-content li { display:block; width:156px; } .social-bookmark-content li a { position:relative; } .social-bookmark-content li a span { position:absolute; top:0; } .bodytext h2 { overflow:hidden; } .bodytext h2.strapline { background-color:#f0f0f0; display:block; } /* Body text */ .bodytext p { } .bodytext a { position:relative; display:inline-block; } a .label { text-indent:-9999px; display:block; width:16px; height:13px; position:absolute; } a .link-title { } .bodytext a.pdf-file, .bodytext a.zip-file { display:block; margin:20px 0 30px 0; } .bodytext .audio .label, .bodytext .video .label, .bodytext .download .label { background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-repeat:no-repeat; } .bodytext .audio .label { background-position:-1323px -2px; } .bodytext .video .label { background-position:-1301px -2px; } .bodytext .download .label { background-position:-950px -2px; } .tools-container-end { overflow:hidden; } .backtotop { position:relative; } .backtotop .label { background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position:-273px 3px; background-repeat:no-repeat; width:9px; } .backtotop:hover .label { background-position:-273px -15px; } .bodytext ul { list-style-type:none; } .bodytext ol { list-style-position:outside; } .bodytext ul li, .bx-info .body ul li { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat:no-repeat; } /* Note HR IE overrides in conditional comments :( */ .bodytext hr { padding:0; background-color:#dcdcdc; color:#dcdcdc; overflow:hidden; line-height:0; font-size:0px; height:1px; } /* =Social media -----------------------------*/ .socialmedia-links { } .socialmedia-links ul { } .socialmedia-links li { } .socialmedia-links li a { } /* =Story -----------------------------*/ .story { } /* =Full Width Story -----------------------------*/ .fw-story-body .bodytext .module .image img { display: block; margin-left: auto; margin-right: auto; } .fw-story-body .bodytext .align-center .li-imagegallery, .fw-story-body .bodytext .align-center .content { width: auto; } .fw-story-body .bodytext .align-center .bx-quote-bubble { width: auto; } .fw-story-title h1, .fw-story-body .bodytext { padding-left:0; padding-right:0; margin-left:0; margin-right:0; } .fw-story-body .bx-byline { margin-left:0; margin-right:0; } .ie6 .fw-story-body .bodytext { width: auto; } /* =Index -----------------------------*/ .index { } /* =Cluster -----------------------------*/ .cluster { } /* =Topic -----------------------------*/ .topics-cluster { } /* =Media Asset -----------------------------*/ .emp { background-color:#ededed; overflow:hidden; } .teaser .emp { background-color:transparent; } .emp embed, .emp img { display:block; } .emp .emp-noflash { background:transparent url(/staticarchive/4a60fefc08afa7b3a3e79bfc0ad32612a06a46c9.gif) no-repeat 0 3px; } .emp .emp-flashlink { border-bottom:solid 1px #dcdcdc; } .emp p a { font-weight:bold; } .emp .emp-html-embed { margin: 0; } /* show av icons over the nojs image if its available */ .emp-img, .teaser .emp-f-video { position:relative; } .emp-img:after { display: block; position:absolute; width:32px; height:32px; background-color:#000; z-index:99; top:0; left:0; overflow:hidden; } .emp-f-video .emp-img:after { content: url("/staticarchive/9bb47262fa3ec326f20d0afb10be97b28b1ddc34.png"); } .emp-f-audio .emp-img:after { content: url("/staticarchive/e72502896dbffb170a42f9f8d72fa3f34c681790.png"); } #player h2 { left:-99999px; position:absolute; } .av-instance { } .av-instance .emp { width:640px; } .av-instance .li-multiclipemp .emp { width:auto; } /* EMP Placeholders to reduce jumping */ .blq-js .av-instance .emp-f-video { padding-top: 400px; } /* plus 5px to compensate for .emp-player padding */ .blq-js .emp-f-video { padding-top: 292px; } .blq-js .genre-multimedia .top-story .ts-512emp .emp { padding-top: 416px; } .blq-js .ts-640emp .emp-f-video { padding-top: 365px; } .blq-js .emp-f-audio { padding-top: 111px; } .blq-js .emp-failed .emp, .blq-js .emp-loaded .emp { padding-top: 0px; } .blq-js .emp-title, .blq-js .emp-img, .blq-js .emp-summary, .blq-js .emp-noflash, .blq-js .emp-flashlink, .blq-js .emp-html-embed, .blq-js .emp-alt-handheld, .emp-loaded .emp-noflash, .emp-loaded .emp-flashlink { display:none; } .emp-failed .emp-title, .emp-failed .emp-img, .emp-failed .emp-summary, .emp-failed .emp-noflash, .emp-failed .emp-flashlink, .emp-failed .emp-html-embed, .emp-failed .emp-alt-handheld, .blq-js .emp-show-img .emp-img { display:block; } /* image placeholder resize for live event page */ .live-event .lepg-gallery-emp .emp-f-video, .blq-js .live-event .lepg-gallery-emp div.emp3, .live-event .lepg-gallery-emp .ts-video img { width: 336px; height: 189px; margin: 0; } .live-event .lepg-gallery-emp .ts-video { min-height: 189px; } .lepg-gallery-emp { margin-bottom: 18px; } /* =POP-UPS ++++++++++++++++++++++++++++++++++++++++++++++ */ .ws-modal-popup { background-color: #fff; padding:0 16px 16px 16px; } .ws-modal-popup .hd { position:static; } .ws-popup-close { background:#fff url(/staticarchive/63e20b34acc16bacbd0323c96f63994afb1698ce.gif) no-repeat 0 0; display:block; height:24px; position:absolute; text-decoration:none; text-indent:-5000px; top:8px; width:24px; } a.ws-popup-close:hover { text-decoration:none; } /* =TEASERS Class prefix: ts +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Teaser: Base -----------------------------*/ .teaser { } /* Title */ .teaser .title, .list .teaser .title { position:relative; border:none; padding-bottom:0; } .body-disabled a { position:relative; } .teaser .title img, .g-split-columns .li-importer .teaser .title img { position:absolute; } .teaser a { font-weight:bold; } .teaser .associated a { font-weight:normal; } /* Body */ .teaser .summary { /*position:static;*/ } .teaser .timeago, .teaser .date { white-space:nowrap; display:inline; /* change JS, then remove this */ } .blq-js .timeago, .blq-js .date { visibility:hidden; } /*not display:none*/ .timeago-on, .teaser .summary .timeago { color: #a20000; } .teaser .comments a { line-height:16px; width:0; white-space:nowrap; display:-moz-inline-box; display:inline-block; vertical-align:baseline; background-repeat:no-repeat; background-image: url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-position:-863px 1px; font-weight:normal; } .teaser .comments a:hover { background-position:-863px -14px; } /* EMP */ .blq-js .ts-256emp .title img, .blq-js .ts-384emp .title img, .blq-js .ts-512emp .title img, .blq-js .ts-640emp .title img { display:none; } .blq-js .emp-failed .ts-256emp .title img, .blq-js .emp-failed .ts-384emp .title img, .blq-js .emp-failed .ts-512emp .title img, .blq-js .emp-failed .ts-640emp .title img { display:inline; } .emp-failed .ts-384emp .emp-f-video { display: none; } .emp-failed .top-story .ts-384emp .body { margin-top: -227px; } .teaser div.emp { position:absolute; top:0; } .top-story .teaser div.emp { position:static; } /* Topics */ .teaser .topics { } .teaser .topics .label { display:inline; color:#808080; top:0; } .teaser .topics ul, .teaser .topics li { display:inline; } .ts-headline p.topics { display:inline; } .ts-headline p.topics a { color:#666; } /* Top story overrides */ .top-story { border-bottom:solid 1px #ccc; } .top-story .teaser .link { padding-top:0; } .top-story .teaser .link img { position:static; } .top-story .teaser .body { position:relative; } .genre-multimedia .top-story { border-bottom:none; } /* =Teaser: CTA's -----------------------------*/ /* Don't show CTA for EMP teasers */ .ts-audioemp .cta, .ts-640emp .cta, .ts-512emp .cta, .ts-448emp .cta, .ts-256emp .cta, .ts-384emp .cta { display:none; } /* Don't show CTA for slideshow teasers */ .ts-384x216 .cta { display:none; } /* Forcing text align in cta fixes bug in Chrome v21+ */ .teaser .title .cta, .teaser .cta span:first-child { text-align:left; } /* Icons sit on top of image for image teasers */ .teaser .title .cta { position:absolute; background-image: url(/staticarchive/07ca08718d18deb51270f0c561286e87c0319ced.png); } .teaser .title .cta span { position:absolute; background-image: url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat: no-repeat; text-indent:-5000px; } .teaser .title .cta span.duration { position:absolute; top:0; display:none; letter-spacing:0; text-indent:0; color:#fff; } .teaser .title a:hover .cta, .teaser .title a:active .cta, .teaser .title a:focus .cta { background-image:none; } .teaser .title a:hover .cta, .teaser .title a:hover .cta span { text-decoration:none !important; background-color:#000000; } .teaser .title a:hover .cta span.duration, .teaser .title a:active .cta span.duration { display:inline; } .teaser .title a:active .cta, .teaser .title a:active .cta span { background-color:#1788DC; } .top-story .teaser .title .cta { bottom:0; left:0; top:auto; } .ts-video .title a .cta span, .ts-audio .title a .cta span { width:16px; height:14px; left:8px; top:8px; } .ts-video .title a .cta span, .ts-video .title a:hover .cta span { background-position:-3px -32px; } .ts-audio .title a .cta span, .ts-audio .title a:hover .cta span { background-position:-907px -32px; } /* Large icons */ .ts-304x171 .title a .cta, .ts-336x189 .title a .cta, .ts-512x288 .title a .cta, .ts-640x360 .title a .cta, .ts-256emp .title a .cta, .ts-384emp .title a .cta, .ts-512emp .title a .cta { width:32px; height:32px; } .ts-304x171 a .cta span.duration, .ts-336x189 a .cta span.duration, .ts-512x288 a .cta span.duration, .ts-640x360 a .cta span.duration, .ts-256emp a .cta span.duration, .ts-384emp a .cta span.duration, .ts-512emp a .cta span.duration { left:32px; width:48px; height:auto; line-height:32px; background-image:none; } /* Small icons */ .ts-106x60 .title a .cta, .ts-112x63 .title a .cta, .ts-144x81 .title a .cta { width:24px; height:24px; } .ts-106x60 .title a .cta span, .ts-112x63 .title a .cta span, .ts-144x81 .title a .cta span { top:4px; left:5px; } /* teaser with live icon*/ .ts-av-live.ts-106x60 .title a .cta, .ts-av-live.ts-112x63 .title a .cta, .ts-av-live.ts-144x81 .title a .cta, .ts-av-live.ts-304x171 .title a .cta, .ts-av-live.ts-video .title a .cta { background:none; } .ts-av-live.ts-106x60 .title a .cta span, .ts-av-live.ts-112x63 .title a .cta span, .ts-av-live.ts-144x81 .title a .cta span, .ts-av-live.ts-304x171 .title a .cta span, .ts-av-live.ts-video .title a .cta span { width:35px !important; height:13px; top:0px; left:0px; } .ts-106x60 .title a .cta span.duration, .ts-112x63 .title a .cta span.duration, .ts-144x81 .title a .cta span.duration { left:24px; width:40px; height:auto; line-height:24px; background-image:none; } /* Text only and associated item CTA:s Need to override image CTA rules here */ .ts-headline a .cta, .teaser .associated a .cta { position:relative; height:auto; width:auto; display:block; padding-bottom:0; } .ts-headline a .cta span, .teaser .associated a .cta span, .emp-alt-handheld a span, .body-disabled p.title a .cta span { display:block; margin-top:2px; background-image: url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); opacity:0.85; width:16px; height:13px; text-indent:-5000px; } .ts-av-live .associated .audio .cta span { background-image: url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position: -1323px -2px !important; } .ts-av-live .associated .video .cta span { background-image: url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position: -1301px -2px !important; } .ts-headline a .cta span.duration, .teaser .associated a .cta span.duration, .body-disabled p.title a .cta span.duration { position:relative; margin-top:0; background-image: none; width:auto; height:auto; opacity:1; text-indent:0; color:#505050; font-weight:normal; } /* TODO: Need to change color here when teaser is in a specials box */ .ts-headline a:hover .cta, .teaser .associated a:hover .cta { text-decoration:none; color:#fff; opacity:1; } .ts-headline.ts-audio .cta span, .ts-headline.ts-ms-audio-console .cta span, .ts-audio.body-disabled p.title a .cta span, .teaser .associated .audio .cta span { background-position:-1323px -2px; } .ts-headline.ts-audio span.hover span, .ts-headline.ts-ms-audio-console a:hover .cta span, .ts-audio.body-disabled p.title a:hover .cta span, .teaser .associated a.audio:hover .cta span { background-position:-1323px -17px; } .ts-headline.ts-video .cta span, .ts-video.body-disabled p.title a .cta span, .teaser .associated .video .cta span { background-position:-1301px -2px; } .ts-headline.ts-video span.hover span, .ts-headline.ts-video a:hover .cta span, .ts-video.body-disabled p.title a:hover .cta span, .teaser .associated a.video:hover .cta span { background-position:-1301px -17px; } .ts-av-live a .cta span { background-position:-973px -1px !important; width: 28px; opacity: 1; } .ts-av-live a .cta .duration { display: none; background-color: transparent; } .ts-mp3 a, .ts-pdf a, .ts-zip a, a.mp3, a.pdf, a.zip { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat:no-repeat; } .emp-alt-handheld a span { background-position:-949px -2px; } /* adding class to special features emp teaser */ .g-w11 .li-specialfeatures .ts-256emp.ts-video.no-body { padding-top: 152px; min-height: 0; margin-bottom: 3px; } .g-w11 .li-specialfeatures .ts-256emp.ts-video.no-body a { font-size: 16px; line-height: 20px; display: block; } .g-w11 .li-specialfeatures .ts-256emp.ts-video.no-body a img { position: absolute; top: 0; left: 0; } .blq-js .g-w11 .li-specialfeatures .ts-256emp a { display: none; } .blq-js .g-w11 .li-specialfeatures .ts-256emp a img, .blq-js .g-w11 .li-specialfeatures .ts-256emp .link.title a { display: block; } /* Download, podcast and participate cta's -------------------------------------------- */ .ts-download a .cta, .ts-podcast a .cta, .ts-podcast.body-disabled a .cta { height:24px !important; display:inline-block; width:auto !important; cursor:hand; } .ts-download a .cta, .ts-podcast a .cta, .ts-podcast.body-disabled p.title a span.cta, .ts-download.body-disabled p.title a span.cta { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) !important; background-position:-945px -29px !important; background-color:#505050; background-repeat:no-repeat !important; } .ts-download a span.cta span, .ts-podcast a span.cta span { float:none !important; text-indent:0 !important; background-image:none !important; background-color:#505050; color:#fff; opacity:1; display:inline-block; width:auto !important; text-transform:uppercase; position:static !important; font-weight:bold; } .ts-download .title a span.cta, .ts-podcast .title a span.cta { background-color:#000; opacity:0.85; } .ts-download .title a span.cta span, .ts-podcast .title a span.cta span { display:none; } .ts-download a:hover .cta, .ts-podcast a:hover .cta { background-color:#323232; opacity:1; } .ts-download a:hover .cta span, .ts-podcast a:hover .cta span { background-color:#323232; display:inline-block !important; } .ts-download a:active .cta span, .ts-podcast a:active .cta span { background-color:#1788dc; } .ts-participate a .cta, .associated a.participate .cta, .ts-headline .link a .cta { display:none; } /* RELATED LINKS BODY-DISABLED OVERRIDES */ .body-disabled .link a .cta { display:block; } .body-disabled p.title, .body-disabled.ts-video > a, .body-disabled.ts-audio > a, .body-disabled.ts-ms-audio-console > a, .body-disabled.ts-download > a { position:static !important; padding-bottom:0 !important; } .body-disabled.ts-video p.title a, .body-disabled.ts-audio p.title a { position:static !important; } .body-disabled.ts-av-live a { position:relative !important; top:0; padding-left:32px; } .ts-video.body-disabled a .cta, .ts-video.body-disabled p.title a .cta, .ts-audio.body-disabled a .cta, .ts-audio.body-disabled p.title a .cta { background-image:none; position:absolute; bottom:0; } .body-disabled p.title a .cta span { position:static; } .body-disabled p.title a .cta span.duration { display:inline; position:static; } .ts-video.body-disabled p.title a:hover .cta, .ts-video.body-disabled p.title a:hover .cta span, .ts-audio.body-disabled p.title a:hover .cta, .ts-audio.body-disabled p.title a:hover .cta span { background-color:transparent !important; } .ts-download.body-disabled p.title a span.cta { background-color:#505050; } .ts-download.body-disabled .title a:hover span.cta { background-color:#323232 !important; } .ts-download.body-disabled a span.cta span { display:block; position:static; opacity:1; margin:0; } .body-disabled.ts-podcast a { padding-bottom:0; top:0; } .body-disabled.ts-podcast a span.cta { background-position:-948px -32px !important; height:15px !important; padding:0; width:18px !important; } .body-disabled.ts-podcast a:hover span.cta { background-color:#323232; } .body-disabled.ts-podcast a:active span.cta { background-color:#1788dc; } .body-disabled.ts-podcast a:hover span.cta span { display:none; } .body-disabled.ts-podcast a span.cta span { display:none !important; ; } /* =Teaser: 106x60 (Legacy size from 1024 sites) -----------------------------*/ .top-story .ts-106x60 .title a span.cta { bottom:48px; /* Image height + padding - cta height : 63 + 9 - 24 = 40 */ } /* =Teaser: 112x63 -----------------------------*/ .top-story .ts-112x63 .title a span.cta { bottom:48px; /* Image height + padding - cta height : 63 + 9 - 24 = 40 */ } /* =Teaser: 144x81 -----------------------------*/ .top-story .ts-144x81 .title a span.cta { bottom:64px; } .g-split-columns .li-importer .ts-144x81 { width:144px; } /* =Teaser: 304x171 -----------------------------*/ .top-story .ts-304x171 .title a span.cta { bottom:144px; } /* Indepth & cluster specific styles */ .genre-indepth .g-w10 .ts-304x171, .cluster .g-w10 .ts-304x171 { background-color:#505050; } .rtl.genre-indepth .g-w10 .ts-304x171:hover, .rtl.cluster .g-w10 .ts-304x171:hover { background-color:#323232; } .genre-indepth .g-w10 .ts-304x171 a, .cluster .g-w10 .ts-304x171 a { color:#fff; } .genre-indepth .g-w10 .ts-304x171 .title img, .cluster .g-w10 .ts-304x171 .title img { border-bottom:solid 1px #fff; padding-bottom:0; } .genre-indepth .g-w10 .ts-304x171 .title, .genre-indepth .g-w10 .ts-304x171 .body, .cluster .g-w10 .ts-304x171 .title, .cluster .g-w10 .ts-304x171 .body { color:#fff; padding-left:8px; padding-right:8px; } .genre-indepth .g-w10 .ts-304x171, .cluster .g-w10 .ts-304x171 { padding-bottom:0; overflow:hidden; } /* =Teaser: 336x189 -----------------------------*/ .top-story .ts-336x189 .title a span.cta { bottom:189px; } /* =Teaser: 640x360 -----------------------------*/ .top-story .ts-640x360 .title a span.cta { bottom:336px; /* Image height + padding - cta height : 288 + 8 - 32 = 264 */ } /* =Teaser: 512x288 -----------------------------*/ .top-story .ts-512x288 .title a span.cta { bottom:264px; /* Image height + padding - cta height : 288 + 8 - 32 = 264 */ } /* =Teaser: 256 EMP -----------------------------*/ .blq-js .ts-256emp div.emp { height:184px; } .blq-js .ts-256emp div.emp3 { height:144px; } /* =Teaser: 384 EMP -----------------------------*/ .blq-js .ts-384emp div.emp { height:256px; } .blq-js .ts-384emp div.emp3 { height:216px; } /* =Teaser: 512 EMP -----------------------------*/ .blq-js .ts-512emp div.emp { height:328px; } .blq-js .ts-512emp div.emp3 { height:288px; } /* =Teaser: 640 EMP -----------------------------*/ .blq-js .ts-640emp div.emp { height:400px; } .blq-js .ts-640emp div.emp3 { height:360px; } /* =Teaser: Slideshow -----------------------------*/ .ts-slideshow div.slideshow { left:0; position:absolute; top:0; } #blq-content div.ts-slideshow .title { position:static; } #blq-content div.ts-slideshow .title img { left:0; } .ts-slideshow .title a.disabled:hover { text-decoration:none; } .ts-slideshow .pane { height:216px; width:384px; } .ts-slideshow div.back { left:0; position:absolute; top:0; z-index:2; } .ts-slideshow div.front { position:relative; z-index:3; } .ts-slideshow div.nav-mask { height:60px; left:0; overflow:hidden; position:absolute; width:100%; z-index:4; } /* 384x216 slideshow teaser specific */ .ts-384x216 .slideshow { height:216px; width:384px; } .ts-384x216 .nav-mask { top:156px; } /* top story slideshow overrides */ .top-story .ts-slideshow .slideshow { height:auto; position:relative; } #blq-content .top-story .ts-slideshow .title { position:relative; } .top-story .ts-384x216 .nav-mask { top:168px; } .top-story .ts-slideshow .pane { height:auto; } /* end top story slideshow overrides */ .ts-slideshow div.nav { height:60px; position:absolute; top:60px; width:100%; z-index:5; } .ts-slideshow div.opacity-layer { background-color:#000; height:60px; left:0; position:absolute; top:0; width:100%; z-index:6; } .ts-slideshow div.controls { margin:0 auto; position:relative; text-align:center; top:12px; width:63px; z-index:7; } .ts-slideshow div.controls a, .ts-slideshow div.controls a span { display:block; height:13px; position:absolute; text-decoration:none; top:0; width:9px; z-index:8; } .ts-slideshow div.controls a.pause { width:12px; } .ts-slideshow div.controls a span { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat:no-repeat; left:0; text-indent:-9999px; } .ts-slideshow .controls a.pause span { background-position:-27px -33px; width:12px; } .ts-slideshow div.controls a.stopped span { background-position:-5px -33px; } .ts-slideshow .slideshow-position { color:#ededed; font-size:13px; line-height:16px; padding-top:21px; } /* =TABBED CONTENT +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Tabbed module eg livestats */ .tabbed .tab { background:transparent none repeat scroll 0 0; font-weight:bold; position:relative; z-index:100; } .blq-js .tabbed .tab { cursor:pointer; display:inline; top:0; margin:0; } .blq-js .tabbed .tab.open { background-color:#fff; } .blq-js .tabbed .tab.open a:focus { text-decoration:none; } .tabbed .content { background-color:#ffffff; overflow:hidden; position:relative; } .blq-js .tabbed .content { clear:none; display:inline; opacity:0; position:absolute; right:-500%; } .blq-js .tabbed div.open { opacity:1; position:relative; } /* Tabbed content eg story tabs */ .blq-js .tabs { background-color:#ededed; margin-bottom:16px; padding:8px; position:relative; top:16px; } .blq-js .tabs .tabs-nav li { background-image:none; padding:0; } .blq-js .tabs .tabs-nav li.open { background-color:#fff; position:relative; z-index:100; } .blq-js .tabs .tabs-nav li a { font-weight:bold; display:block; } .blq-js .tabs .tabs-nav li a:focus { text-decoration:none; } .blq-js .tabs .tab { background-color:#fff; } .blq-js .tabs-v .tabs-nav li a { border-bottom:solid 1px #a9a9a9; } .blq-js .tabs-v .tabs-nav li.last a, .blq-js .tabs-v .tabs-nav li.before-open a { border-bottom:solid 1px #ededed; } .blq-js .tabs-v .tabs-nav li.open a { border-bottom:solid 1px #fff; } .blq-js .tabs .tabs-footer { background-color:#ededed; height:0px; overflow:hidden; } /* wrap floated modules to fix IE tabs bug#5275 */ .blq-js .tab .module-wrapper .module .image, .blq-js .tab .module-wrapper .module .box { float:none; } /* =BOX AND LIST TITLES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* LIST & BOX TITLES */ .list > .title, .box .title, .contextual-links h2, .bodytext .list .title, .bodytext .box .title, .bodytext .bx-imagemap h2 { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .after-box > .title { border-top:none; } /* SUB-LIST TITLES (2nd level list) */ .list .list > .title, .contextual-links .list > .title { border-top:none; } /* SUB-SUB-LIST TITLES (3rd level list) */ .list .list .list > .title, .contextual-links .list .list > .title { border-bottom:none; } /* PUBLISHED LIST TITLE */ .contextual-published-list > .list > .title { border:none; background-color:#d60000; color:#fff; } .contextual-published-list > .list > .title a { color:#fff; } /* BOXY MODULE LIST TITLES */ .bx-weather .title, .bx-rollingnews .title, .bx-livestats .title, .bx-info .title, .topstories-list > .title, .li-specialfeatures > .title, .radio-programmes > .title, .bodytext .module .bx-table .title, .g-w11 .bx-enlargeimage .title, .li-definition .title { border:none; } /* SEMI BOXY MODULE LIST TITLES */ .li-picturegallery .title, .li-carousel .title { border:none; } /* STORY IN-LINE TITLES */ .bodytext .list .link.title { border:none; } /* =LISTS Class prefix: li +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =List: Base -----------------------------*/ .list { } .li-plain, .li-dropdown, .li-relatedlinks, .li-relatedbbclinks, .li-relatedinternetlinks, .li-relatedtopics, .li-moreover { } .story-body .bodytext .list li { background-image:none; } .topstories-list, .radio-programmes { background-color:#ededed; } .li-relatedlinks .content .ts-headline .date { text-transform:uppercase; color:#666; } /* fixing comma problem with inline topics module. JIRA: https://jira.dev.bbc.co.uk/browse/NEWSWORLDSERVICE-123*/ .bodytext .module .li-relatedtopics ul li a { display: inline; } /* =List: Columns -----------------------------*/ ul.cols-1, ul.cols-2, ul.cols-3, ul.cols-4 { margin-bottom: 8px; } .g-w11 .cols-2 .g-w0 { width: 152px; } .index.genre-multimedia .g-w11 .cols-2 .g-w0, .av-instance .g-w11 .cols-2 .g-w0 { width: 136px; } /* =List: Plain -----------------------------*/ .li-plain > .title { } /* =List: Features -----------------------------*/ .g-w11 .li-specialfeatures { background-color:#EDEDED; margin-bottom:16px; overflow:hidden; } .g-w11 .li-specialfeatures .summary { color:#000; } .g-w11 .li-specialfeatures .ts-336x189 { background-color:#1788dc; } .g-w11 .li-specialfeatures .ts-336x189 img { border-bottom:solid 1px #fff; } .g-w11 .li-specialfeatures .ts-336x189 .title, .g-w11 .li-specialfeatures .ts-336x189 .summary, .g-w11 .li-specialfeatures .ts-336x189 .title a, .g-w11 .li-specialfeatures .ts-336x189 .title a:link, .g-w11 .li-specialfeatures .ts-336x189 .title a:hover, .g-w11 .li-specialfeatures .ts-336x189 .title a:active { color:#fff; } /*.g-w11 .li-specialfeatures li.body-disabled {padding-bottom:8px;} .g-w11 .li-specialfeatures li.body-disabled a {top:0;}*/ .blq-js .g-w20 .li-specialfeatures .ts-headline { display:none; } .blq-js .g-w20 .li-specialfeatures .inner-list .ts-headline { display:block; } .g-w20 .li-specialfeatures .teaser, .rtl .g-w20 .li-specialfeatures .teaser { background-color:#505050; } .g-w20 .li-specialfeatures .teaser a, .g-w20 .li-specialfeatures .teaser a:hover, .g-w20 .li-specialfeatures .teaser a:active, .g-w20 .li-specialfeatures .teaser p { color:#fff; } .rtl .g-w20 .li-specialfeatures .teaser:hover { background-color: #323232; } .g-w20 .li-specialfeatures .ts-headline { background-color:transparent; color:#333333; } .blq-js .g-w20 .li-specialfeatures .inner-list, .blq-js .g-w20 .li-specialfeatures .inner-list .teaser { background-color:#ededed; } .g-w20 .li-specialfeatures .ts-headline a, .g-w20 .li-specialfeatures .ts-headline a:hover { color:#174F82; } .g-w20 .li-specialfeatures .ts-headline a:active, .rtl .g-w20 .li-specialfeatures .ts-headline.body-disabled a:hover { color:#1788DC; } .g-w20 .g-w10 .li-specialfeatures .ts-304x171 .title, .g-w20 .g-w10 .li-specialfeatures .ts-304x171 .body { padding-left:8px; padding-right:8px; } .blq-js .g-w20 .g-w10 .li-specialfeatures .inner-list, .blq-js .g-w20 .g-w10 .li-specialfeatures .inner-list .teaser { background-color:transparent; } .g-w20 .g-w10 .li-specialfeatures .ts-headline a, .g-w20 .g-w10 .li-specialfeatures .ts-headline a:hover, .g-w20 .g-w10 .li-specialfeatures .ts-headline a:active { color:#fff; } /* =List: Dropdown -----------------------------*/ .li-dropdown { } /* =List: Top Stories -----------------------------*/ .topstories-list { position:relative; } .topstories-list .rss { direction:ltr; text-indent:-5000px; position:absolute; top:8px; } .topstories-list > .title { width:296px; } .topstories-list ul { padding:0; overflow:hidden; } .topstories-list ul li { position:relative; } .topstories-list div.content { margin-bottom:0; padding-top:0; } .topstories-list .timeago { position:relative; } /* =List: Listing -----------------------------*/ .li-listing li { padding-bottom:12px; } .li-listing .summary span { display:block !important; padding-top:6px; } .li-listing .nav { margin-top:3px; text-align:center; } .li-listing div.nav li { display:inline; padding:0 10px; position:relative; top:3px; } .li-listing .nav li.next, .li-listing .nav li.prev { background-repeat:no-repeat; position:static; } .li-listing div.nav ul li.prev { background-image:url(/staticarchive/25ede360c35eb1315f76a99e0b72cbeb02e8dece.gif); background-position:top right; } .li-listing div.nav ul li.next { background-image:url(/staticarchive/55eb716dfb7aca3f1e029b341f16ded0165e85cd.gif); background-position:top left; } .li-listing .nav li.prev, .li-listing .nav li.next, .li-listing .nav li.current a { color:#505050; } .li-listing .nav li a { color:#174F82; } /* Rolling News overrides */ .genre-rolling_news .li-listing { } /* =List: Contextual lists -----------------------------*/ .contextual-links .list .content { overflow:hidden; } .contextual-links .body-disabled p { display:inline; } .contextual-links .ts-headline a { font-weight:bold; position:static; } .contextual-links .ts-headline { display:inline-block; vertical-align:top; overflow:hidden; } .contextual-published-list .ts-headline, .contextual-links .li-relatedlinks .ts-headline { display:block; vertical-align:top; overflow:hidden; } .bodytext .contextual-published-list .ts-headline { overflow:visible; } /* =List: Ticker -----------------------------*/ /* pre-js style */ .blq-js .li-ticker .ticker-wrapper, .blq-js .li-ticker .title, .blq-js .li-ticker .ts-headline { display:none; } /* standard ticker */ .blq-js .li-ticker { border-bottom:1px solid #d8d8d8; height:39px; overflow:hidden; position:relative; } .blq-js .ticker-wrapper { height:39px; position:relative; } .g-container div.li-ticker h1.title, .g-container div.li-ticker h2.title { border:0; margin-bottom:0; padding:0; top:0; } .blq-js div.li-ticker ul { height:28px; } .li-ticker ul li.teaser { clear:left; padding-bottom:0 !important; zoom:1; } .blq-js .li-ticker ul li.teaser { margin-bottom:0; } .li-ticker ul li.teaser a { top:0; } /* ticker cta */ .li-ticker ul li.teaser a span.cta { position:static; } .blq-js .li-ticker ul li.teaser a span.cta { direction:ltr; display:inline-block; margin:0; padding:0 0 0 16px; position:relative; vertical-align:text-bottom; } .blq-js .li-ticker ul li a .cta span { margin:0; position:absolute; top:0; } .blq-js .li-ticker ul li a span.cta span.duration { float:none; position:relative; } .blq-js .li-ticker ul li a:hover .cta { text-decoration:underline; color:#fff; background-color:#fff; } .blq-js div.li-ticker ul li.ts-av-live a span.cta { padding:0; position:absolute; width:28px; } /* ticker controls */ .blq-js .li-ticker .ticker-controls { width:54px; } .blq-js .li-ticker .ticker-controls ul { padding-top:0; width:auto; } .blq-js div.li-ticker .ticker-controls ul li { list-style-type:none; margin:0; position:absolute; top:13px; } .li-ticker .ticker-controls li a { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat:no-repeat; display:block; height:13px; line-height:13px; text-decoration:none; text-indent:-9999px; width:9px; } .li-ticker .ticker-controls .prev a { background-position:-228px -1px; } .li-ticker .ticker-controls .next a { background-position:-247px -1px; } .li-ticker .ticker-controls .pause a { background-position:-27px -1px; width: 12px; } .li-ticker .ticker-controls .prev a.hover { background-position:-228px -16px; } .li-ticker .ticker-controls .next a.hover { background-position:-247px -16px; } .li-ticker .ticker-controls .pause a.hover { background-position:-27px -16px; } .li-ticker .ticker-controls li.stopped a { background-position:-5px -1px; } .li-ticker .ticker-controls li.stopped a.hover { background-position:-5px -16px; } /* breaking news ticker */ .blq-js div.breakingNews { height:31px; padding:4px 0; } .blq-js div.breakingNews .ticker-wrapper { height:31px; } .blq-js .breakingNews .ticker-wrapper { background-color:#cd1211; padding:0 0 0 8px; } .blq-js .breakingNews .ticker-wrapper .title { color:#fff; } .blq-js .breakingNews ul { background-color:#cd1211; color:#fff; } .breakingNews .ticker-wrapper ul li { margin:0; } .blq-js .breakingNews ul li a, .blq-js .breakingNews ul li a .duration { color:#fff; } .blq-js .breakingNews li a .cta span { background-position:-1301px -34px; } .blq-js .breakingNews li a:hover span.cta { color:#cd1211; background-color:#cd1211; } .blq-js .breakingNews div.ticker-controls { height:31px; top:4px; } .blq-js .breakingNews div.ticker-controls ul li { top:9px; } .breakingNews .ticker-controls .prev a { background-position:-228px -33px; } .breakingNews .ticker-controls .next a { background-position:-247px -33px; } .breakingNews .ticker-controls .pause a { background-position:-27px -33px; } .breakingNews .ticker-controls li.stopped a { background-position:-5px -33px; } /* =List: Carousel -----------------------------*/ .blq-js .li-carousel { visibility:hidden; height: 180px; } .li-carousel { margin:0 0 16px 0; position:relative; } .li-carousel .title { margin-bottom:0; } .li-carousel div.content { background:#1788dc; clear:both; padding-top:0; } .li-carousel .content .teaser { border-top:1px solid #fff; } .li-carousel .content .teaser .title { float:none; top:0; } .li-carousel .content .ts-144x81 { min-height:81px; } .g-w11 .li-carousel .ts-304x171 { overflow:hidden; } .li-carousel .teaser .title a, .li-carousel .teaser p.summary { color:#fff; } .li-carousel .teaser .title img { padding-bottom:0; } .li-carousel .ts-304x171 .title img { height:189px; padding-bottom:0; width:336px; } .li-carousel .ts-144x81 .body { display:none; } .li-carousel .ts-304x171 .body { padding:0 8px; } /* js only styles */ .li-carousel .gel-carousel .carousel-gel-generic { background-color:#ededed; } /* override glow carousel-window defaults */ .li-carousel .carousel-gel-generic .carousel-window { float:none; height:auto !important; width:100% !important; } .gel-carousel .carousel-gel-generic .carousel-window .carousel-content { background:#1788dc; padding:0; position:relative; } .rtl .gel-carousel .carousel-gel-generic .carousel-window .carousel-content { background-color: #1788dc; } .rtl #slideshow .gel-carousel .carousel-gel-generic .carousel-item:hover , .rtl #slideshow .gel-carousel .carousel-gel-generic .carousel-window .carousel-content, .rtl #thumbnails .gel-carousel .carousel-gel-generic .carousel-window .carousel-content { background-color: transparent; } .gel-carousel .carousel-gel-generic .carousel-item { background:none; border-top:none; margin:0; min-height:88px; padding:0; position:relative; width:144px; } .rtl .g-w11 .li-specialfeatures .ts-336x189:hover, .rtl .gel-carousel .carousel-gel-generic .carousel-item:hover { background-color: #174f82; } .gel-carousel .carousel-gel-generic .carousel-item .title { border-top:none; position:relative; margin:0; top:0; } .carousel-gel-generic .carousel-item .title a { color:#fff; } .carousel-gel-generic .carousel-item .title a img { padding:0; top:0; } /* 304px carousel */ .li-carousel-304x171 .gel-carousel .carousel-gel-generic .carousel-item { width:290px; } .li-carousel-304x171 .carousel-gel-generic .carousel-item .title a { overflow:hidden; } .blq-js .li-carousel .ts-304x171 .title img { height:162px !important; width:290px !important; } .li-carousel-304x171 .carousel-gel-generic .carousel-item .title a img { top:0; } .li-carousel-304x171 .carousel-gel-generic .carousel-item .summary { color: #fff; display: block; font-weight: normal; padding: 0; } .gel-carousel .carousel-gel-generic a.carousel-nav { background-color:transparent; background-image:url(/staticarchive/6008ff70915172013029db25ca483594b76b9e8b.png); background-repeat:no-repeat; position:absolute; width:22px; } .li-carousel-304x171 .gel-carousel .carousel-gel-generic a.carousel-nav { background-image:url(/staticarchive/2d2f9dd2432cbc2781bac8163cb2bf0ffa1b0b1c.png); } .gel-carousel .carousel-gel-generic a.carousel-nav:hover { background-color:#000; color:#000; text-decoration:none; } .gel-carousel .carousel-nav .carousel-background, .gel-carousel .carousel-nav .carousel-top, .gel-carousel .carousel-nav .carousel-bottom, .gel-carousel .carousel-nav .carousel-arrow { display:none; } .li-carousel .carousel-page-nav li { color:#505050; cursor:pointer; font-size:24px; font-family:arial, verdana, sans-serif; font-weight:bold; line-height:24px; } .li-carousel .carousel-page-nav li.mouse-over, .li-carousel .carousel-page-nav li.current { color:#1788dc; } /* =List: Picture Gallery -----------------------------*/ /* non-JS styles */ .li-picturegallery div.content ul li { padding-left:0; } .li-picturegallery div.content ul li div.box { margin-left:0; } .embedded-journal div.content ul > li { background: none; } /* JS override */ .blq-js .li-picturegallery div.content, .blq-js .li-picturegallery div.content ul li { clear:none; } /* loading styles */ .blq-js .li-picturegallery .content ul { display: none; } .blq-js .li-picturegallery .content .controls { display: block; } .li-picturegallery { position:relative; /*overflow:hidden;*/ } .blq-js .li-picturegallery div.content { background-color:#ededed; padding-top:0; } .bodytext .embedded-captions .title, .bodytext .embedded-journal .title { display:none; } .blq-js .embedded-captions .body, .blq-js .embedded-journal .body { display:none; } /* over-ride list item width and padding styles set before carousel js is called */ .blq-js .embedded-journal div.content ul li { height:81px; width:144px; padding:0; } .blq-js .embedded-journal .scroll-container { width:320px; } /* hack to fix initial width */ /* specific picture gallery pop-up styles */ .ws-modal-popup .pg-976x549 { width:976px; } .ws-modal-popup .pg-624x351 { width:624px; } .ws-modal-popup .lightbox-journal { width:976px; } /* standard picture gallery styles */ .li-picturegallery h2.title { border:none; color:#505050; } .li-picturegallery div.content { position:relative; } .blq-js .ws-modal-popup .li-picturegallery div.content { padding-top:0; position:relative; } .li-picturegallery .images { background-color:#000; position:relative; } .li-picturegallery .images .pane { position:absolute; top:0; left:0; text-align: center; width: 100%; } .li-picturegallery .images .pane img { margin: 0 auto; } .li-picturegallery .images .front { z-index: 3; } .li-picturegallery .images .back { z-index: 2; } .li-picturegallery .black-matte { background-color: #000; position: absolute; display: block; z-index: 1; } .li-picturegallery .overlay-nav { position:absolute; top:0px; width:90%; z-index:4; } .li-picturegallery .overlay-nav a { cursor:pointer; display:block; height:100%; position:absolute; width:64px; top:0; z-index:10; } .li-picturegallery .content .images .caption { background-color:#000; bottom:0; color:#fff; margin-bottom:0; opacity:0.7; position:absolute; z-index:5; } .li-picturegallery .footer-nav .controls { margin:10px 0 8px 0; } .pg-624x351 div.footer-nav .controls { margin:8px 0; } .li-picturegallery .controls li { background-image:none; } .li-picturegallery .controls a { background-color:#505050; color:#fff; cursor:pointer; display:inline-block; } .li-picturegallery .image-counter { color:#505050; display:inline; margin-bottom:0; } .lightbox-captions, .lightbox-journal { width:304px; } .bodytext div.lightbox-captions .title, .bodytext div.lightbox-journal .title { border-bottom:1px solid #ccc; border-top:1px solid #ccc; } .bodytext .lightbox-captions div.content, .bodytext .lightbox-journal div.content { background-color:transparent; padding-top:8px; } .lightbox-captions .cta, .lightbox-journal .cta, .lightbox-captions .cta img, .lightbox-journal .cta img { display:block; } .blq-js .lightbox-captions .body, .blq-js .lightbox-journal .body { display:none; } .blq-js .lightbox-captions .content .body, .blq-js .lightbox-journal .content .body { display:block; } .lightbox-captions .body .cta, .lightbox-journal .body .cta { display:inline-block; position:relative; } .lightbox-captions .body .cta:hover span, .lightbox-journal .body .cta:hover span { background-position:-93px -15px; text-decoration:none; } .lightbox-captions .body .cta span, .lightbox-journal .body .cta span { background:transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -93px 0px; display:block; height:14px; overflow:hidden; position:absolute; width:18px; } /* picture gallery lightbox promo */ .g-w11 .lightbox-captions, .g-w11 .lightbox-journal { background-color:#ededed; margin-bottom:16px; padding:0 8px 8px 8px; width:320px; } .blq-js .g-w11 .lightbox-captions, .blq-js .g-w11 .lightbox-journal { padding-bottom:0; } .g-w11 .lightbox-captions div.content, .g-w11 .lightbox-journal div.content { background-color:#fff; margin-bottom:0; } .g-w11 .lightbox-captions div.content img, .g-w11 .lightbox-journal div.content img { border-left:8px solid #fff; border-right:8px solid #fff; border-top:8px solid #fff; padding-bottom:0; } .g-w11 .lightbox-captions div.content .body a.cta, .g-w11 .lightbox-journal div.content .body a.cta { background-color:#ededed; display:block; font-weight:bold; margin:0; } .g-w11 .lightbox-captions div.content .body a.cta span, .g-w11 .lightbox-journal div.content .body a.cta span { top:10px; } /* picture gallery - lightbox journal */ .pg-journal-wrapper { position:relative; } .blq-js .pg-journal-wrapper { background-color:#ededed; } .lightbox-journal .bodytext, .embedded-journal .bodytext { color:#505050; height:383px; margin:0; overflow:auto !important; padding:8px 16px 0 16px; position:absolute; top:0; width:320px !important; } .gel-scrollbars .bodytext { overflow: visible !important; } .lightbox-journal .pg-journal-wrapper .bodytext .title, .embedded-journal .pg-journal-wrapper .bodytext .title { border:none; display:block; height:auto; padding-bottom:0; position:static; } div.lightbox-journal div.pg-journal-wrapper ul.associated li.teaser, div.embedded-journal div.pg-journal-wrapper ul.associated li.teaser { background-image:none; padding-left:0; padding-right:0; } .lightbox-journal .pg-journal-wrapper .associated li a, .embedded-journal .pg-journal-wrapper .associated li a { top:0; } .lightbox-journal .footer-nav, .embedded-journal .footer-nav { background-color:#ededed; border-top:1px solid #dcdcdc; top:391px; height:40px; margin:0 16px; position:absolute; width:320px; } .blq-js .lightbox-journal .content .controls, .blq-js .embedded-journal .content .controls { display:none; } /* picture gallery carousel */ .gel-carousel .carousel-gel-pg div.content { padding-top:0; } .gel-carousel .carousel-gel-pg .carousel-window { background:#323232; height:81px !important; width:100% !important; } .gel-carousel .carousel-gel-pg .carousel-content { padding:0; } .gel-carousel .carousel-gel-pg .carousel-item { background:none; height:81px; margin:0; padding:0; width:144px; } .gel-carousel .carousel-gel-pg .carousel-item a { background:transparent; display:block; height:81px; overflow:hidden; position:relative; } .gel-carousel .carousel-gel-pg .selected a, .gel-carousel .carousel-gel-pg .carousel-content li:hover a, .gel-carousel .carousel-gel-pg .carousel-content li:focus a, .gel-carousel .carousel-gel-pg .carousel-content li.mouseover a { border:4px solid #1788dc; height:73px; width:136px; } .gel-carousel .carousel-gel-pg .selected a img, .gel-carousel .carousel-gel-pg .carousel-content li:hover a img, .gel-carousel .carousel-gel-pg .carousel-content li:focus a img, .gel-carousel .carousel-gel-pg .carousel-content li.mouseover a img { margin:-4px; padding:0; position:relative; } .gel-carousel .carousel-gel-pg a.carousel-nav, .gel-carousel .carousel-gel-pg .carousel-picture-gallery a.carousel-nav { background-color:transparent; background-image:url(/staticarchive/d3797e2d84a4ca0cab67ccb2f0a80ef0fad42f92.png); background-repeat:no-repeat; height:81px; position:absolute; text-decoration:none; width:24px; } /* LiveEvents +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Overriding styles for LiveEvent dimensions of 320x180 Thumbs are 112x63 */ .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-window { background:#323232; height:63px !important; width:100% !important; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content { padding:0; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-item { background:none; height:63px; margin:0; padding:0; width:112px; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-item a { background:transparent; display:block; height:63px; overflow:hidden; position:relative; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .selected a, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li:hover a, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li:focus a, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li.mouseover a { border:4px solid #1788dc; height:55px; width:104px; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .selected a img, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li:hover a img, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li:focus a img, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-content li.mouseover a img { margin:-4px; padding:0; position:relative; } .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg a.carousel-nav, .li-picturegallery.pg-320x180 .gel-carousel .carousel-gel-pg .carousel-picture-gallery a.carousel-nav { background-color:transparent; background-image:url(/staticarchive/8a66f073ca38d6dccc44a6798c6ddd64b3059d25.png); background-repeat:no-repeat; height:63px; position:absolute; text-decoration:none; width:24px; } .li-picturegallery.pg-320x180 .overlay-nav { z-index: 5; } .li-picturegallery.pg-320x180 .overlay-nav a { width:40px; } .li-picturegallery.pg-320x180 .glow173-carousel, .glow173-vCarousel { height: 61px !important; } .li-picturegallery.pg-320x180 .content .images .caption { left: 8px; } .live-event .li-picturegallery { margin-bottom: 24px; } /* =List: Tabs -----------------------------*/ .li-tabs { } /* =List: Tabbed -----------------------------*/ .li-tabbed { } /* =List: Multi Clip EMP ------------------------------*/ .li-multiclipemp { background-color: #ededed; } .blq-js .li-multiclipemp, .popup .li-multiclipemp { visibility: hidden; } .li-multiclipemp .emp { width: 320px; margin: 0 auto; } .li-multiclipemp .playlist-title { background-color: #fff; color: #505050; margin-bottom: 0; } .li-multiclipemp .content { position: relative; overflow: visible !important; } .li-multiclipemp .content, .blq-js .emp-loaded .li-multiclipemp .content, .blq-js .emp-failed .li-multiclipemp .content { padding-top: 0 !important; background-color: #fff; } .blq-js .li-multiclipemp .content { padding-top: 106px !important; position: relative; } .li-multiclipemp .popout-player { display: inline-block; } .li-multiclipemp .hover { background-color: #1788dc; } .li-multiclipemp .clip-loaded { background-color: #505050; } .li-multiclipemp .hover a, .li-multiclipemp .hover a span.duration, .li-multiclipemp .hover span.duration, .li-multiclipemp .clip-loaded a, .li-multiclipemp .clip-loaded a span.duration, .li-multiclipemp .clip-loaded span.duration { color: #fff; text-decoration: none; } .li-multiclipemp .duration { display: block; color: #505050; } .li-multiclipemp .cta { bottom: auto; } .li-multiclipemp .ts-headline .cta span { background-image: none; } .li-multiclipemp .ts-112x63 .cta { display: none; } .li-multiclipemp .ts-112x63 .cta .duration { display: none !important } .li-multiclipemp .cta span.duration { background-image: none !important; } .li-multiclipemp .clip-playing .cta { display: block !important; } /*.li-multiclipemp .ts-headline .clip-playing .cta span { background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -907px -2px; }*/ .li-multiclipemp .clip-playing .cta span { background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -907px -33px; } .li-multiclipemp .ts-headline a { display: block; } .li-multiclipemp .popout-player { position: relative; } .li-multiclipemp .popout-player span { background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat scroll -93px 0; width: 17px; height: 15px; position: absolute; display: inline-block; overflow: hidden; } .popup .multiclip-container { width: 336px; } /* =List: Simple Timeline -----------------------------*/ /* no-js styles */ .story-body .bodytext .li-simpletimeline .content .ts-headline { margin-bottom:0; } /* js styles */ .blq-js .li-simpletimeline { visibility:hidden; } .bodytext div.li-simpletimeline .title { border-bottom:1px solid #ccc; border-top:1px solid #ccc; } .li-simpletimeline div.content { padding-top:0; } .li-simpletimeline .carousel-light .carousel-window { background: transparent !important; } .blq-js .li-simpletimeline ul li { width:156px; } .li-simpletimeline .content .box { padding-top:0; } /* added for JIRA: NEWSWORLDSERVICE-121 */ .cluster .li-simpletimeline .content .box { padding-top:8px; } .li-simpletimeline .content .box .title { border:none; color:#333; } .blq-js .li-simpletimeline .content .first .box .title { padding-left:0; } .li-simpletimeline .content .box .content { color:#333; margin-bottom:0; } .li-simpletimeline .content .first .box div.content { border-color:#fff; } .li-simpletimeline .box .associated { border-top:none; } .blq-js .li-simpletimeline .associated li { padding-top:0; } .li-simpletimeline .associated li.teaser { top:0; width:auto; } .li-simpletimeline .associated li a { display:block; position:static; top:0; } .li-simpletimeline .pageNav { display:none; position:absolute; } /* timeline navigation */ .timeline-nav { background-color:#dcdcdc; height:24px; position:relative; z-index:1; } .timeline-nav-step { background-color:transparent; background-image:url(/staticarchive/6008ff70915172013029db25ca483594b76b9e8b.png); background-repeat:none; color:#fff; cursor:auto; height:24px; position:absolute; top:0; width:24px; z-index:20; } .tl-active { background-color:#000; cursor:pointer; } .li-simpletimeline .timeline-nav ol { height:24px; margin:0 24px; padding:0; position:relative; z-index:2; } .li-simpletimeline .timeline-nav ol li { height:24px; position:relative; text-align:center; top:0; z-index:5; } .li-simpletimeline .timeline-nav ol li span.dot { background-color:transparent; background-image: url(/staticarchive/5e80b5eb04f8cb788b3085c7fed1d646e7f61a7c.png); background-repeat: no-repeat; background-position: top left; } .li-simpletimeline .timeline-nav ol li span.dot { display:block; height:16px; line-height:8px; padding:0; position:absolute; text-indent:-9999px; top:0; width:12px; z-index:5; } .li-simpletimeline .timeline-nav ol li.tl-nav-hover .dot { background-position: top right; } .li-simpletimeline .timeline-nav ol li span.tl-date { display:none; } .li-simpletimeline .timeline-nav .timeline-nav-date { background-color:#000; color:#fff; display:inline; padding:0 8px; position:absolute; top:-24px; z-index:30; } .timeline-nav-slider { height:24px; top:0; position:absolute; width:576px; z-index:1; } .timeline-nav-slider .tl-slider-handle { background-color:#1788dc; height:24px; position:absolute; top:0; z-index:1; } .tl-drag-container { height:1px; position:absolute; top:0; z-index:3; } .tl-drag-handle-target { background-color:transparent; height:24px; overflow:visible; position:absolute; top:0; z-index:3; } .tl-drag-handle { background-color:transparent; cursor:pointer; height:24px; position:absolute; top:0; z-index:3; } /* =List: More Multimedia -----------------------------*/ .blq-js .li-moremultimedia { visibility:hidden; } /*workaround for automatic feed version*/ .li-moremultimedia .ts-144x81 .cta, .li-moremultimedia .ts-144x81 .duration { display:none; } .li-moremultimedia .ts-video .cta, .li-moremultimedia .ts-video .duration, .li-moremultimedia .ts-audio .cta, .li-moremultimedia .ts-audio .duration { display:inline; } /* non-js styles */ .li-moremultimedia .content .teaser .title { padding-bottom:8px; } /* js styles */ .blq-js .li-moremultimedia { background-color:#ededed; margin:8px 0; overflow:hidden; padding:8px; } .blq-js .li-moremultimedia .tabs-nav { background-color:#fff; width:144px; } .blq-js .li-moremultimedia .tabs-nav li { background-color:#ededed; margin:0; position:relative; } .blq-js .li-moremultimedia .tabs-nav li a { border-bottom:1px solid #ccc; display:block; margin:0; word-wrap:break-word; } .blq-js .li-moremultimedia .tabs-nav li a:focus, .blq-js .li-moremultimedia .tabs-nav li.open a:hover { text-decoration:none; } .blq-js .li-moremultimedia .tabs-nav li.open { background-color:#fff; border-top:1px solid #fff; top:-1px; } .blq-js .li-moremultimedia .tabs-nav li.open:first-child { border-top:1px solid #ededed; } .blq-js .li-moremultimedia .tabs-nav li.open a { border-bottom:1px solid #fff; color:#1788dc; } .blq-js .li-moremultimedia div.content { background-color:#fff; margin:0; width:800px; } .blq-js .li-moremultimedia .panel { display:none; } .blq-js .li-moremultimedia .panel .list { margin:0; } .blq-js .li-moremultimedia .content .open { display:block; } .blq-js .li-moremultimedia .title { display:none; } .blq-js .li-moremultimedia .panel .content { padding:0; width:800px; } .blq-js .li-moremultimedia .panel .content .title { border-bottom:none; border-top:1px solid #ccc; display:inline; width:786px; } .blq-js .li-moremultimedia .panel .teaser .title { border-top:none; display:block; height:auto; float:none; padding:81px 0 0 0; width:144px; } .blq-js .li-moremultimedia .panel .teaser .title a { display:block; } .blq-js .li-moremultimedia .panel .teaser .title img { position:absolute; top:0; } .blq-js .li-moremultimedia .panel .teaser { clear:none; display:inline; width:144px; } /*#### no tabs override ####*/ .blq-js .li-moremultimedia-notabs .content { background-color:#EDEDED !important; position:relative; zoom:1; } .blq-js .li-moremultimedia-notabs .panel { display:block !important; } .blq-js .li-moremultimedia-notabs .tabs-nav .tab, .blq-js .li-moremultimedia-notabs .panel .content { height:376px !important; } .blq-js .li-moremultimedia-notabs .tabs-nav li a { border:0; display:inline-block; color:#505050; cursor:pointer; text-decoration:none; } .blq-js .li-moremultimedia-notabs .tabs-nav li a.notabs-link, .blq-js .li-moremultimedia-notabs .tabs-nav li a.notabs-link:hover { color:#174F82; } .blq-js .li-moremultimedia-notabs .tabs-nav li a.notabs-link:hover { text-decoration:underline; } /*########*/ /* =List: Radio Programmes -----------------------------*/ .radio-programmes ul li { /*float:left; width:100%;*/ overflow:hidden; } .radio-programmes ul.associated li { float:none; } .radio-programmes .associated { border-top: 1px solid #a9a9a9; } /* =List: Topics -----------------------------*/ .blq-js .li-topics { visibility:hidden; } .li-topics { position:relative; } .li-topics .title { border:none; } .li-topics h3 { background-color:#fff; margin-bottom:0; } .li-topics .content { padding:0; } .li-topics .content .body { background-color:#fff; overflow:hidden; } .li-topics .body li { width:43%; } .li-topics .body li a { font-weight:normal; } .blq-js .li-topics .body li { margin-bottom:0; float:none; width:auto; } /* module specific */ .g-container .li-topics { background-color:#ededed; padding:0 8px; } .g-container .li-topics h3 { color:#505050; top:0; } .g-container .li-topics .content { margin-bottom:0; padding-top:0; } .g-container .li-topics .content .body { border-bottom:1px solid #ededed; } .g-container .li-topics .last div.body { border-bottom:none; } .blq-js .li-topics .content .body ol { padding-top:0; } .li-topics .content .body ol li.body-disabled a { top:0; } .blq-js .g-w10 .li-topics .body ol { width:144px; } .blq-js .av-instance .g-w11 .li-topics .body ol { width:152px; } .blq-js .g-w11 .li-topics .body ol { width:160px; } .li-topics .cta { display:inline-block; position:relative; } .li-topics .cta span { background:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat scroll -93px -1px transparent; direction:ltr; display:block; overflow:hidden; position:absolute; top:12px; height:13px; width:17px; } .li-topics .cta:hover span { background-position:-93px -16px; } /* popup */ .ws-modal-popup .li-topics { width:752px; } .ws-modal-popup .li-topics .tab { cursor:pointer; display:inline; top:0; } .ws-modal-popup .li-topics .tab.open { background-color:#dcdcdc; } .ws-modal-popup .li-topics h3.open a { color:#505050; } .ws-modal-popup .li-topics h3.open a:focus { text-decoration:none; } .ws-modal-popup .li-topics .content { margin-bottom:0; padding-top:0; position:absolute; width:752px; } .ws-modal-popup .li-topics div.open { position:relative; } .ws-modal-popup div.li-topics div.no-tabs { margin-top:0; } .ws-modal-popup .li-topics .body { background-color:#dcdcdc; position:relative; } .ws-modal-popup .li-topics .body ol { width:168px; } .ws-modal-popup .li-topics .body ol li { padding-left:0 !important; padding-right:0 !important; } .li-topics .topics-page-nav { display:none; } .blq-js .li-topics .content .topics-page-nav { background-color:#dcdcdc; border-top:1px solid #fff; display:block; overflow:hidden; width:752px; zoom:1; } .blq-js .li-topics .content .topics-page-nav li, .blq-js .li-topics .content .topics-page-nav li a { display:inline-block; height:32px; line-height:32px; } .li-topics .topics-page-nav li span { background-color:#dcdcdc; cursor:pointer; display:inline-block; } .li-topics .topics-page-nav li.prev a, .li-topics .topics-page-nav li.next a { font-weight:bold; position:relative; text-transform:uppercase; } .li-topics .topics-page-nav li a:focus { text-decoration:none; } .li-topics .topics-page-nav li.prev a span, .li-topics .topics-page-nav li.next a span { background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat:no-repeat; direction:ltr; height:14px; position:absolute; top:8px; width:10px; } .li-topics .topics-page-nav li a.inactive:link, .li-topics .topics-page-nav li a.inactive:visited, .li-topics .topics-page-nav li a.inactive:active { color:#505050; } .li-topics .topics-page-nav .page-num { padding:0; } .li-topics .topics-page-nav .page-num a { color:#505050; font-size:18px; padding:0 6px; position:relative; } .li-topics .topics-page-nav .page-num a.current, .li-topics .topics-page-nav .page-num a.current:hover { color:#1788dc; } /* non-js version of topics a-z list */ .story-body .bodytext .li-topics { background-color:transparent; margin-top:8px; padding:0; } .story-body .bodytext .li-topics .hd { display:none; } .story-body .bodytext .li-topics h3 { background-color:transparent; } .story-body .bodytext .li-topics .body { background-color:transparent; border-bottom:none; } .story-body .bodytext .li-topics .content .body ol { float:none; } .story-body .bodytext .li-topics .body ol li { clear:none; float:left; list-style-type:none; margin:0 0 8px 0; width:50%; } /* =List: Drawers -----------------------------*/ .li-drawers { background-color:#ededed; overflow:hidden; } .li-drawers .title { display:none; } .li-drawers div.content { margin-bottom:0; padding:0; } .li-drawers .content .title { display:block; } .li-drawers li { border-bottom:1px solid #fff; padding:8px; position:relative; width:317px; } .li-drawers li.first { border-bottom:none; padding:0; width:640px; } .li-drawers .content li .title { top:0; } .li-drawers li .title a { display:block; } .li-drawers li .title a img { display:none; top:0; } .li-drawers li.first .title a img { display:block; left:0; position:absolute; } .li-drawers li .title .cta { display:none; } .li-drawers li.first .title .cta { display:block; height:72px; left:0; position:absolute; top:288px; width:72px; } .li-drawers li.first .title .cta span { background-image:url(/staticarchive/c4b11bbef57f223a6fbd53ebeb9f22ec66a34fe3.png); background-position:0 0; height:70px; left:0; top:0; width:75px; } .li-drawers li.first .title a:active .cta, .li-drawers li.first .title a:focus .cta .li-drawers li.first .title a:hover .cta, .li-drawers li.first .title a:active .cta span, .li-drawers li.first .title a:hover .cta span, .li-drawers li.first .title a:focus .cta span { background-color:transparent; } .li-drawers li.first .title a:active .cta .duration, .li-drawers li.first .title a:hover .cta .duration, .li-drawers li.first .title a:focus .cta .duration { display:none; } /* js only styles and overrides */ /* z-indexes */ .blq-js .li-drawers li.open .closed-image { z-index:-1; } .blq-js .li-drawers li .closed-image { z-index:4; } .blq-js .li-drawers li.closed .image-opacity-layer { z-index:5; } .blq-js .li-drawers li .title-opacity-layer { z-index:6; } .blq-js .li-drawers .drawer-icon { z-index:7; } .blq-js .li-drawers li .title a { z-index:10; } .blq-js .li-drawers { height:360px; margin-bottom:16px; position:relative; } .blq-js .li-drawers li { border-bottom:none; height:360px; padding:0; position:absolute; top:0; } .blq-js .li-drawers li.open { width:640px; } .blq-js .li-drawers li.closed { width:166px; } .blq-js .li-drawers .draw01 li.closed { width:166px; } .blq-js .li-drawers li .body { display:none; } .blq-js .li-drawers li .title { height:360px; width:640px; } .blq-js .li-drawers li.closed .title { overflow:hidden; width:166px; } .blq-js .li-drawers li .title a { color:#fff; height:104px; left:0; padding:256px 0 0 0; position:relative; top:0; } .blq-js .li-drawers li .title a:link, .blq-js .li-drawers li .title a:visited, .blq-js .li-drawers li .title a:hover, .blq-js .li-drawers li .title a:active, .blq-js .li-drawers li .title a:focus { text-decoration:none; } .blq-js .li-drawers li .title-opacity-layer { background-color:#000; top:256px; display:block; height:104px; left:0; position:absolute; width:640px; } .blq-js .li-drawers li.closed .title-opacity-layer { width:166px; } .blq-js .li-drawers li .hover .title-opacity-layer { background-color:#1788DC; } .blq-js .li-drawers li .image-opacity-layer { position:absolute; } .blq-js .li-drawers li.closed .image-opacity-layer { background-color:#fff; top:0; display:block; height:360px; left:0; width:166px; } .blq-js .li-drawers li.open .image-opacity-layer, .blq-js .li-drawers li .hover .image-opacity-layer { opacity:0; } .blq-js .li-drawers li .main-title, .blq-js .li-drawers li .sub-title { display:block; position:relative; } .blq-js .li-drawers li .sub-title { display:none; } .blq-js .li-drawers li.open .sub-title { display:block; font-weight:normal; } .blq-js .li-drawers li .title img { display:block; left:0; position:absolute; top:0; } .blq-js .li-drawers li.open .title .cta { bottom:auto; display:block; top:186px; } .blq-js .li-drawers li.closed .drawer-icon { background-image:url(/staticarchive/c4b11bbef57f223a6fbd53ebeb9f22ec66a34fe3.png); background-position:-144px -1px; background-color:transparent; display:block; height:25px; position:absolute; top:327px; width:18px; } .blq-js .li-drawers li.closed .right .drawer-icon { background-position:-164px -1px; } .blq-js .li-drawers li.open .hover .drawer-icon { background-color:#1788DC; } .blq-js .li-drawers .open .drawer-icon { display:none; } .blq-js .li-drawers .ts-audio .drawer-icon, .blq-js .li-drawers .ts-video .drawer-icon { background-color:#000; background-image:url(/staticarchive/c4b11bbef57f223a6fbd53ebeb9f22ec66a34fe3.png); display:block; height:72px; left:0; position:absolute; top:184px; width:72px; } .blq-js .li-drawers .ts-video .drawer-icon { background-position:0 0; } .blq-js .li-drawers .ts-audio .drawer-icon { background-position:-72px 0; } /* =List: Podcast subscribe -----------------------------*/ #pc-subscribe-buttons ul li { margin-bottom:10px; } #pc-subscribe-buttons ul li a { display:block; height:26px; /*margin:0 5px 0 0;*/ margin:0; padding:13px 0 0 28px; text-align:center; width:100px; } #pc-subscribe-buttons ul li a:link, #pc-subscribe-buttons ul li a:visited { color:#333; } #pc-subscribe-buttons ul li a:hover, #pc-subscribe-buttons ul li a:active, #pc-subscribe-buttons ul li a:focus { color:#48B000; } #pc-sublink-itunes a:link, #pc-sublink-itunes a:visited { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll 0 0; } #pc-sublink-itunes a:hover, #pc-sublink-itunes a:active, #pc-sublink-itunes a:focus { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll 0 -39px; } #pc-sublink-yahoo a:link, #pc-sublink-yahoo a:visited { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -384px 0; padding:13px 0 0 33px; width:95px; } #pc-sublink-yahoo a:hover, #pc-sublink-yahoo a:active, #pc-sublink-yahoo a:focus { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -384px -39px; padding:13px 0 0 33px; width:95px; } #pc-sublink-zune a:link, #pc-sublink-zune a:visited { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -128px 0; } #pc-sublink-zune a:hover, #pc-sublink-zune a:active, #pc-sublink-zune a:focus { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -128px -39px; } #pc-sublink-google a:link, #pc-sublink-google a:visited { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -512px 0; } #pc-sublink-google a:hover, #pc-sublink-google a:active, #pc-sublink-google a:focus { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -512px -39px; } #pc-sublink-zen a:link, #pc-sublink-zen a:visited { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -256px 0; } #pc-sublink-zen a:hover, #pc-sublink-zen a:active, #pc-sublink-zen a:focus { background:transparent url(/staticarchive/86e9e4cb909397cfe342b5e4b345291acc854971.png) no-repeat scroll -256px -39px; } #pc-sublink-rss a:link, #pc-sublink-rss a:visited, #pc-sublink-rss a:hover, #pc-sublink-rss a:active, #pc-sublink-rss a:visited { background:transparent url(/staticarchive/95809203ca03927a5e8a3aee6195cc69692acaf2.png) no-repeat scroll 72px 6px; padding-left:10px; } #pc-sublink-rss span { position:relative; top:-1px; left:-30px; } /* =List: Definition -----------------------------*/ .li-definition, .li-avdefinition { background-color: #EDEDED; padding: 0 8px 8px; } .bodytext .align-center div.li-definition, .bodytext .align-center div.li-avdefinition { width:448px !important; } .li-definition .title, .li-avdefinition .title { border:none !important; } .li-definition .content, .li-avdefinition .content { background-color:#ffffff; } .li-definition dl dt { background-color:#505050; color:#ededed; position:relative; } .blq-js .li-definition dl dt { cursor: pointer; } .li-definition dl dt.even { background-color:#323232; } .blq-js .li-definition dl dd { overflow:hidden; height:0; } .li-definition dl dd .bodytext, .li-definition dl dd .bodytext p { padding:0; margin:0; } .blq-js .li-definition dl dt .slide_cta { position:absolute; width:14px; height:14px; top:30%; right:8px; background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-repeat:no-repeat; background-position:-223px -32px; } .blq-js .li-definition dl dt.open .slide_cta { background-position:-483px -37px; } .blq-js .bodytext .li-avdefinition .content li { color:#174F82; position:relative; } .bodytext .li-avdefinition .content li a { margin-right:8px; cursor:text; } .blq-js .bodytext .li-avdefinition .content li a:active, .blq-js .bodytext .li-avdefinition .content li a:focus, .blq-js .bodytext .li-avdefinition .content li a:visited { color:#174F82; } .blq-js .bodytext .li-avdefinition .content li a:hover, .blq-js .bodytext .li-avdefinition .content li a:focus { text-decoration:none; } .blq-js .bodytext .li-avdefinition .content li.hovered, .blq-js .bodytext .li-avdefinition .content li.select { color:#ededed; cursor: pointer; } .blq-js .bodytext .li-avdefinition .content li.hovered { background-color:#666666; } .blq-js .bodytext .li-avdefinition .content li.select { background-color:#333; } .blq-js .bodytext .li-avdefinition .content li.hovered a, .blq-js .bodytext .li-avdefinition .content li.select a { color:#fff; text-decoration: none; cursor: pointer; } .blq-js .li-avdefinition li .play_cta { position:absolute; width:16px; height:13px; top:25%; left:12px; background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-repeat:no-repeat; background-position:-907px -1px; } .blq-js .li-avdefinition .content li.hovered .play_cta, .blq-js .li-avdefinition .content li.select .play_cta { background-position:-907px -33px; visibility:visible; } .blq-js #mp3PlayerContainer { height:1px; margin-bottom:-1px; } .li-listen { background-color: #EDEDED; padding: 0 0 0; } .li-listen .title { border:none !important; } .li-listen .ts-audioemp .emp { position:static; } .li-listen .li-download p.cta { display:none; } .li-listen .li-download .download { background-image:url("/staticarchive/5ddb22e100e5a3faffbe67070f3efb1dcb698ef6.png"); background-repeat:no-repeat; } .li-listen .li-download a.pdf { background-image:url("/staticarchive/5ddb22e100e5a3faffbe67070f3efb1dcb698ef6.png"); background-repeat:no-repeat; } /* =BOXES Class prefix: bx +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Box: Base -----------------------------*/ .box { } .box .content { padding-top:8px; } .box .content .body { } /* TODO: Image paddings are based on 304x171 size. If other sizes are required we need the image height passed through as a class */ .box .content img { display:block; } .box blockquote { } .box blockquote p { } /* Associated */ .box .associated { border-top:1px solid #d8d8d8; } .box .associated a { font-weight:bold; } /* =Box: Quote -----------------------------*/ .bx-quote { } .bx-quote .content, .list .bx-quote .content { position:relative; padding-top:56px; } .has-title .content { padding-top:40px; } .bx-quote .body blockquote p { position:static; font-weight:bold; } .bx-quote blockquote p .start-quote { background: transparent url(/staticarchive/e635119d644afc44d0ca575f30b27030fb15261a.png) no-repeat; height: 46px; width:100%; display:block; position:absolute; top:0px; text-indent:-5000px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } .has-title blockquote p .start-quote { border:none; } .bx-quote blockquote a { position:static; } .bx-quote .byline-image .person { position:absolute; top:56px; width:100%; } .has-title .byline-image .person { top:40px; } .bx-quote .byline-image blockquote { padding-top:88px; } .bx-quote .byline-image .person-info .name { font-weight:bold; } /* quotes in 2-col list in right hand column */ .g-w11 .g-w0 .bx-quote .content { padding-top:55px; } .g-w11 .g-w0 .bx-quote .person p { top:0; } /* quotes in 2-col list in 624px width column */ .g-w20 .list .cols-2 .bx-quote .content { padding-top:32px; } .g-w20 .list .cols-2 .bx-quote .start-quote { background-position:0 -200px; border:none; } /* =Box: Business feeds -----------------------------*/ .bx-businessfeed { background-color:#ededed; margin-bottom:16px; overflow:hidden; } .bx-businessfeed .title { border:none; } .bx-businessfeed .graph { background-color:#ededed; } .bx-businessfeed .graph div { background-color:#fff; padding:0 8px; } .bx-businessfeed .content .graph img { margin:0 auto; padding-bottom:2px; } .bx-businessfeed .labels th { background-color:#ededed; color:#505050; } .bx-businessfeed .content { background-color:#fff; padding-top:0; } .bx-businessfeed table { width:100%; } .bx-businessfeed tr.data-row th { border-top:1px solid #ededed; color:#505050; } .bx-businessfeed td { border-top:1px solid #ededed; color:#505050; position:relative; } div.markets td.curr-val { font-weight:normal; } .change span { display:inline-block; height:10px; width:10px; } .bx-businessfeed tr.up .change span { background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -133px 0px; } .bx-businessfeed tr.down .change span { background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -133px -17px; } .bx-businessfeed td.per-change { color:#505050; font-weight:bold; } .bx-businessfeed .disclaimer { color:#505050; margin:0; } .bx-businessfeed .footer-link { display:block; font-weight:bold; } /* =Box: Weather -----------------------------*/ .bx-weather, .bx-weather-v4 { background-color:#ededed; margin-bottom:16px; position: relative; } .bx-weather .content h3 { color:#505050; } .bx-weather .content .body { padding-bottom:8px; } .bx-weather table { width:100%; } .bx-weather table tbody { background-color:#fff; color:#505050; } .bx-weather table th { font-weight:normal; } .bx-weather table td { vertical-align:top; border-bottom:solid 1px #ededed; } .bx-weather table img { padding:0 !important; } .bx-weather table th.days, .bx-weather table th.conditions { text-indent:-500em; direction: ltr; } .bx-weather table td.max, .bx-weather table td.min { font-weight:bold; } .bx-weather table td.min { color:#a9a9a9; } .bx-weather .change-settings { position: absolute; } .bx-weather-v4 { padding: 0 8px; } .bx-weather-v4 .title{ border: none; } .bx-weather-v4 .body a{ font-weight: bold; padding: 8px !important; } .blq-js .bx-weather-v4 .body a{ height: 48px; } /* =Box: Enlarge Image -----------------------------*/ .bx-enlargeimage { overflow:hidden; position:relative; margin-bottom:16px; } .bodytext .module .bx-enlargeimage .title { border-bottom:none; } .blq-js .bx-enlargeimage img { cursor:pointer; } .bx-enlargeimage .cta { display:inline-block; background: transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat; position:relative; } .bx-enlargeimage .cta span { background-color:#fff; font-weight:bold; } .bx-enlargeimage .content .body div, .list .bx-enlargeimage .content .caption { left:-99999px; position:absolute; } /* =Box: Live stats -----------------------------*/ .bx-livestats { background-color:#ededed; overflow:hidden; position:relative; } .bx-livestats .title { border:none; } .bx-livestats h3.open a { color:#505050; } .bx-livestats .content .body { background-color:#fff; } .bx-livestats .body ol li { border-top:solid 1px #ededed; display:block; } .bx-livestats .body ol li.li-1 { border-top:none; } .bx-livestats .body ol li a { display:block; } .bx-livestats .body ol li { background-color:transparent; background-image:url("/staticarchive/781f876bafb629512de292d95025fa1bafb6b5ff.png"); background-repeat:no-repeat; } .bx-livestats ol li { } .bx-livestats .watched-listened a { background:url("/staticarchive/dc06fd94ed08e4c0f96dfd9d899bf3264cadeb35.gif"); background-color:transparent; background-repeat:no-repeat; } /* =Box: Rolling News -----------------------------*/ .bx-rollingnews { background-color:#ededed; margin-bottom:16px; padding:0 8px 7px; } .bx-rollingnews .content { margin-bottom:0; } .bx-rollingnews .content .body { padding:0; } .blq-js .bx-rollingnews .content .body { height:255px; } .bx-rollingnews .title { border:none; padding:0 8px; } .bx-rollingnews ul { list-style-type:none; list-style-position:outside; } .blq-js .bx-rollingnews ul { height:0; position:relative; overflow:hidden; } .bx-rollingnews .body ul li { border-top:solid 1px #cccccc; display:block; margin:0; padding:0; position:relative; } .bx-rollingnews .body ul li.first { margin-top:-1px; /* offset the top-border of the first item - easier for the js if border is on each item when calculating height */ } .bx-rollingnews .body ul li a { display:block; margin:0; top:0; } .bx-rollingnews .body ul li.last a { font-weight:normal; } .bx-rollingnews .live-updates, .bx-rollingnews .disclaimer { display:none; } .blq-js .rollingnews-on { background-image: url(/staticarchive/818a9da0d9f2df919ebdf3035d02f9df5d2ca4c0.gif) !important; } .blq-js .bx-rollingnews .live-updates { background-image: url(/staticarchive/fdb650a4df95099352104012dc45bcc02e3e536e.gif); background-repeat:no-repeat; height:21px; padding-top:4px; } .blq-js .bx-rollingnews .disclaimer { display:block; } .blq-js .bx-rollingnews .content { position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .blq-js .bx-rollingnews .rn-newitem { background-color:#dcdcdc; } .bx-rollingnews .body ul li .timeago { color:#a20000; font-weight:bold; position:relative; white-space:normal; } .bx-rollingnews .disclaimer { color:#666666; margin:0; } .blq-js .bx-rollingnews .disclaimer { position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:#ededed; z-index:10; background: #ededed url(/staticarchive/f57c3f5dd8fef1a3fba06a2881547aed922225b3.gif) 140px 74px no-repeat; } .blq-js .bx-rollingnews .disclaimer span { display:block; padding:160px 80px 0 80px; text-align:center; } .blq-js .bx-rollingnews .live-updates { color:#505050; } /* =Box: Livetext -----------------------------*/ .bx-livetext { background-color:#ededed; margin-bottom:16px; padding:0 8px 7px; } .bx-livetext .title { border:none; padding:0 8px; } .bx-livetext .content { margin:0; padding:0; } .blq-js .bx-livetext .content { position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .bx-livetext .content .body { padding:0; } .bx-livetext .body ul li { border-top:solid 1px #cccccc; display:block; position:relative; } .bx-livetext .body ul li.first { background-color:#dcdcdc; margin-top:-1px; } .bx-livetext .body ul li strong { position:absolute; font-weight:normal; color:#a20000; } .blq-js .bx-livetext .live-text-check, .bx-livetext .disclaimer, .blq-js .bx-livetext .associated { display:none; } .blq-js .bx-livetext .live-text-check { background-image: url(/staticarchive/fdb650a4df95099352104012dc45bcc02e3e536e.gif); background-repeat:no-repeat; } .blq-js .bx-livetext .livetext-on { background-image: url(/staticarchive/818a9da0d9f2df919ebdf3035d02f9df5d2ca4c0.gif) !important; background-repeat:no-repeat; } .blq-js .bx-livetext .disclaimer { position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:#ededed; z-index:10; background: #ededed url(/staticarchive/f57c3f5dd8fef1a3fba06a2881547aed922225b3.gif) 140px 74px no-repeat; display:block; } #live-text { } .bodytext #live-text h3 { background-image: url(/staticarchive/818a9da0d9f2df919ebdf3035d02f9df5d2ca4c0.gif) !important; background-repeat:no-repeat; background-color:#ededed; } .bodytext #live-text h3 span { display:block; } .blq-js .bodytext #live-text .live-text-url { display:none; } .live-text-bodytext p strong { position:absolute; font-weight:normal; color:#a20000; } /* =Box: Byline -----------------------------*/ .bx-byline { overflow:hidden; } .bx-byline .person-info .name { font-weight:bold; } /* =Box: ImageMap -----------------------------*/ .bx-imagemap { margin-bottom:8px; } .bx-imagemap p { color:#505050; } .bx-imagemap img { display:block; } .bodytext .bx-imagemap a { display:inline; height:0; } /* =Box: Social Promo -----------------------------*/ .bx-social-promo, .bx-socialmedia-promo { background-color:#ededed; margin-bottom:16px; } .bx-social-promo .title { border:none; } .bx-social-promo div.content { padding-top:0; } .bx-social-promo div.body { padding-bottom:0; } .bx-social-promo .body ol li { background-color:#fff; border-top:1px solid #ededed; min-height:55px; list-style-type:none; margin:0; padding:0; width:100%; } .bx-social-promo .body li p { padding:0; } .bx-social-promo .body li p a { display:block; position:relative; font-weight:bold; } .bx-social-promo .body li p a span { background-image:url(/staticarchive/fefdd2f1c6748e79d2e588bc763f27b3b72e52f8.gif); background-repeat:no-repeat; display:block; height:55px; position:absolute; top:0; width:98px; } .av-instance .g-w11 .bx-social-promo .facebook-promo p a, .g-w10 .bx-social-promo .facebook-promo p a { width:122px; } .av-instance .g-w11 .bx-social-promo .twitter-promo p a, .g-w10 .bx-social-promo .twitter-promo p a { width:92px; } .av-instance .g-w11 .bx-social-promo .youtube-promo p a, .g-w10 .bx-social-promo .youtube-promo p a { width:82px; } .av-instance .g-w11 .bx-social-promo .friendfeed-promo p a, .g-w10 .bx-social-promo .friendfeed-promo p a { width:82px; } .av-instance .g-w11 .bx-social-promo .livejournal-promo p a, .g-w10 .bx-social-promo .livejournal-promo p a { width:82px; } .av-instance .g-w11 .bx-social-promo .googleplus-promo p a, .g-w10 .bx-social-promo .googleplus-promo p a { width:82px; } .g-w11 .bx-social-promo .facebook-promo p a { width:152px; } .g-w11 .bx-social-promo .twitter-promo p a { width:132px; } .g-w11 .bx-social-promo .youtube-promo p a { width:112px; } .g-w11 .bx-social-promo .friendfeed-promo p a { width:112px; } .g-w11 .bx-social-promo .livejournal-promo p a { width:112px; } .g-w11 .bx-social-promo .googleplus-promo p a { width:127px; } .bx-social-promo .body li .cta { background:#505050; color:#fff; padding:0 8px; text-decoration:none; } .bx-social-promo .body li .cta:hover { background-color:#000; } .bx-social-promo .body li .cta:active { background-color:#1788DC; } .bx-social-promo .content .disclaimer, .bx-socialmedia-promo .content .disclaimer { color:#505050; display:block; margin:0; } /* =Box: Social Media Promo - Russian -----------------------------*/ .bx-socialmedia-promo h2 { border-top:none !important; border-bottom:none !important; } .bx-socialmedia-promo { padding: 4px 8px 0 8px; } .bx-socialmedia-promo .title { padding: 0 0 12px 0 !important; } .bx-socialmedia-promo div.content { overflow:hidden; padding:0 0 16px 0 !important; } .bx-socialmedia-promo .body ol { background-color:#1788dc; list-style-type:none; margin:0; padding:0; width:143px; float: left; margin-bottom: 9px; border-right: 1px solid #fff; } .g-w11 .bx-socialmedia-promo .body ol { width:159px; } .g-w11 .bx-socialmedia-promo .body ol.last { width:160px; } .g-w20 .bx-socialmedia-promo .body ol { width:223px; } .g-w20 .bx-socialmedia-promo .body ol.last { width:224px; } .bx-socialmedia-promo .body ol.last { border-right:0 !important; width:144px; } .bx-socialmedia-promo .body li { height: 31px; margin-bottom:0 !important; margin:0 !important; padding:0 !important; float: left; display:block; width:100%; } .bx-socialmedia-promo .body li p a{ padding:0; font-weight:bold; color: #fff; } .bx-socialmedia-promo .body li p { padding-top: 7px; text-align: center; } .bx-socialmedia-promo .body li p a{ font-weight:bold; text-decoration: none; } .bx-socialmedia-promo .body li.facebook-promo, .bx-socialmedia-promo .body li.twitter-promo, .bx-socialmedia-promo .body li.youtube-promo, .bx-socialmedia-promo .body li.livejournal-promo { border-bottom: 1px solid #fff; } .bx-socialmedia-promo .body li:hover { background-color:#505050; } .bx-socialmedia-promo .body li:active { background-color:#323232; } /* =Box: News feed -----------------------------*/ .bx-news-feed { background-color:#ededed; margin-bottom:16px; } .bx-news-feed h2.title { border:none; margin:0; } .index .g-w20 .bx-news-feed { background-color:#fff; margin-bottom:8px; padding:0; } .index .g-w20 .bx-news-feed .title { border-bottom:1px solid #ccc; border-top:1px solid #ccc; } .index .bx-news-feed .content { padding-top: 0; } .index .g-w20 .bx-news-feed li { border-bottom:1px solid #ededed; } /* =Box: Info module -----------------------------*/ .bx-info { background-color:#ededed; color:#505050; margin-bottom:16px; padding:0 8px; } .bx-info .content { padding-top:0; } .g-w11 .bx-info .content img { background:#fff; margin-bottom:5px; padding:8px; } .bx-info .content .body ol li { display:list-item; /*ie numbering bug fix*/ list-style-position:inside; } .bx-info .content .bx-byline { margin-bottom:0; } .bx-info div.content .associated { border-color:#ccc; } /* inline overrides */ .bodytext .bx-info { background-color:transparent; margin-bottom:0; padding:0; } .bodytext .bx-info .content { padding-top:8px; } .bodytext .bx-info .bx-byline .person img { padding-bottom:7px; } .bodytext .bx-info div.content .associated { border-color:#d8d8d8; } /* =Box: Twagger/twitter feed -----------------------------*/ .bx-twitter { background-color:#ededed; margin-bottom:16px; padding:0 8px; } .bx-twitter .title { border:none; } .bx-twitter ul li { position:relative; } .bx-twitter ul li.even, .bx-twitter ul li.odd { background-color:#fff; border-top:1px solid #ededed; padding-left:8px; padding-right:8px; } .bx-twitter ul li.read-more { background-color:#666; text-align:center; } .bx-twitter ul li.read-more a { color:#fff; } .bx-twitter .timeago { color:#a90000; position:absolute; } .bx-twitter ul li.disclaimer p { color:#505050; } /* =IMAGES Class prefix: img +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Image: Base -----------------------------*/ /* =TABLES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Table: Base -----------------------------*/ .bodytext .bx-table .title { background-color:#ccc; } .bx-table table { border-collapse:separate; border-bottom:solid 1px #ccc; margin-bottom:7px; width:100%; } .bx-table td { margin:0; } .bx-table .odd td, .bx-table .r2 td, .bx-table th { background-color:#ededed; } .bx-table td, .bx-table th { color:#505050; } .bx-table .highlight, .bx-table .highlight td, .bx-table .highlight th, .bx-table .odd .highlight, .bx-table .split td { background-color:#1788dc; color:#fff; font-weight:bold; border-bottom:solid 1px #fff; } .bx-table .highlight.last td, .bx-table .highlight.last th, .bx-table .last .highlight { border-bottom:none; } .bx-table tfoot td { border-top:solid 1px #ccc; color:#666; font-weight:bold; } /* Premier League Table - NOTE code taken straight from sport */ /*#footballtable table { border-bottom:none; } */ #footballtable .fulltable, #footballtable .fulltable td, #footballtable .indextable, #footballtable .indextable td { border:0 none !important; } #footballtable .indextable td a, #footballtable .fulltable td a { color:#505050; cursor:default; } #footballtable .indextable td a:hover, #footballtable .fulltable td a:hover { text-decoration:none; } #footballtable .fulltable td div, #footballtable .indextable td div { padding:0 !important; } #footballtable .associated li { background-color:#ededed; } #footballtable .associated li a { font-weight:bold; } #footballtable .fulltable hr, #footballtable .indextable hr { border-bottom:0 none; border-left:0 none; border-right:0 none; border-top:1px solid #1788dc !important; height:1px; width:100%; margin:-1px 0 0 !important; } #footballtable h2 { background-color:#ededed; } .fulltableHeader, .indexTableHeader, #footballtable img { display:none!important; } /* =COMMENTS - have to override comments_gvl3.css +++++++++++++++++++++++++++++++++++++++++++++++ */ .dna-comments_module { padding-top:0 !important; margin-bottom:16px; } .dna-comments_module h3, .dna-comments_module #tab_none a, #blq-content .dna-comments_module ul.tabs li.sel a, #blq-content .dna-comments_module ul.tabs li.sel a span { color:#1788DC !important; } .dna-comments_module .tabs { top:0; padding:0; width:auto !important; } .dna-comments_module a { } .dna-comments_module .ieclear { display:none !important; } .dna-comments_module .dna-user-signin-panel div p { color:#A9A9A9 /*505050*/ ; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info { color:#A9A9A9; line-height: 20px; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info .vcard .comment_username { color:#174f82 !important; } .dna-comments_module .dna-comment-list .comments_pagination { overflow:hidden; } .dna-comments_module .dna-comments-footer input.dna-commentbox-submit { background-color:#1788dc; } .dna-comments_module .dna-comments-footer input.dna-commentbox-preview { color:#1788dc; } .dna-comments_module .dna-commentbox-complain-link img { padding-left: 8px; } #blq-content .dna-comments_module input.dna-commentbox-submit-control { border: none; padding: 0 4px; margin-right: 6px; } #blq-content div.dna-comments_module form.dna-rate-comment { padding-top: 4px; } #blq-content div.dna-comments_module .dna-rate-label { font-size: 15px; } .dna-comments_module .comment-text { padding-top: 8px; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info .time, .dna-comments_module ul li.dna-rate-order-controls ul li { color: #505050; } .dna-comments_module ul li.dna-rate-order-controls ul li a { padding-right: 12px; } #blq-content form.postcomment .dna-textarea-container { border: 1px solid #FFFFFF; } #blq-content .dna-comments_module .target_comment { border: 1px solid #1788dc; } #blq-content div.dna-comments_module ul.collections li h4 { font-size: 18px; line-height: 24px; } #blq-content div.dna-comments_module .dna-comment-rating { font-size: 15px; line-height: 10px; } /* =SEND TO A FRIEND FORM +++++++++++++++++++++++++++++++++++++++++++++++ */ #send-to-friend fieldset { border:none; padding:0; } #send-to-friend legend { display:none; } #send-to-friend label { display:block; } #send-to-friend label input, #send-to-friend label textarea { display:block; border:solid 1px #ccc; } #send-to-friend label textarea { width:275px; } #send-to-friend abbr { border:none; } #send-to-friend .submit { border:none; background-color:#505050; color:#fff; text-transform:uppercase; font-weight:bold; } /* =CONTACT US FORM +++++++++++++++++++++++++++++++++++++++++++++++ */ #email-us fieldset { border:none; padding:0; } #email-us legend { display:none; } #email-us label { display:block; } #email-us label input, #email-us label textarea { display:block; border:solid 1px #ccc; width:80%; } #email-us input.checkbox { display:inline; width:auto; border:0; } #email-us label textarea { width:80%; } #email-us abbr { border:none; } #email-us .submit,#email-us .reset { border:none; background-color:#505050; color:#fff; text-transform:uppercase; font-weight:bold; } /* =FORM VALIDATION +++++++++++++++++++++++++++++++++++++++++++++++ */ .glow-errorSummary { display: none; } .glow-errorMsg { color: #cc0000; display: none; } .validation-error-msg { display: block; color: #cc0000; } .glow-invalid, .validation-field-error { border: 1px solid #cc0000; } /* =POPUP AUDIO CONSOLE +++++++++++++++++++++++++++++++++++++++++++++++ */ #audio-console { margin: 0; padding: 0; background-color: #ededed; } /* =CUSTOMISED SCROLLBARS +++++++++++++++++++++++++++++++++++++++++++++++ */ .scroll-container { position: relative; } /*.scrollable .scroll-content { overflow: hidden; }*/ .slider { position: absolute !important; top: 0; width: 16px; background: transparent url(/staticarchive/c5877bb3f5e2ada3505cf64649db339c6921426e.png) 4px 0 repeat-y; direction: ltr; } .slider .slider-gel .slider-trackOn, .slider .slider-gel .slider-trackOff { /*background: transparent url(/staticarchive/c5877bb3f5e2ada3505cf64649db339c6921426e.png) 4px 0 repeat-y;*/ background: none; width: 8px; } .slider .slider-gel .slider-track { width: 16px; } .slider .slider-gel .slider-handle { background: #000; width: 8px; margin-left: 4px; display: inline-block; z-index: 100; } .slider-gel .slider-handle-hover { background: #000 url(/staticarchive/bd3fb228a535843a5abb059b04f0261f350267aa.png) 0 3px no-repeat; width: 16px; height: 100%; margin-left: -4px; } .slider-gel .slider-handle-hover span { background: #000 url(/staticarchive/bd3fb228a535843a5abb059b04f0261f350267aa.png) -16px 3px no-repeat; width: 16px; height: 16px; display: inline-block; } /* =SIMPLE ACCORDION +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Vertical accordion - eg seen on weather index -----------------------------*/ .simple-vertical-accordion .divider { overflow:hidden; position:relative; } .blq-js .simple-vertical-accordion .divider .title { display:block; cursor:pointer; position:relative; } .blq-js .simple-vertical-accordion .divider .title span { display:block; height:12px; width:15px; position:absolute; text-indent:-500em; background:transparent url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png) no-repeat -482px -18px; } .blq-js .simple-vertical-accordion .open .title span { display:none; } .simple-vertical-accordion .divider .title { border-bottom:solid 1px #a9a9a9; color:#174F82; } /* =INCLUDES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Include: Static Maps -----------------------------*/ .static-map { clear:both; margin:10px 0; overflow:hidden; position:relative; } .blq-js #static-map-content { display:none; height:1px; left:0; position:absolute; top:0; } .static-map ul#static-map-content li { list-style: none; } .blq-js .map-point { height:1px; overflow:hidden; min-height:1px; } .blq-js .static-map ul#static-map-content li { float:none; width:auto; } #static-map-loading { background-color:#333; display:none; opacity:0.3; position:absolute; left:0; top:0; z-index:9999; } .static-map .pinpoint { background-position:top left; background-repeat:no-repeat; cursor:pointer; position:absolute; } .static-map .pinpoint a { display:block; height:100%; text-indent:-9999px; width:100%; } .blq-js .static-map .pinpoint { display:block; } .blq-js .static-map .pinpoint a { height:1%; } .static-map .info-window-content .hd { margin-bottom:10px; } .blq-js .static-map .panel-hd h2, .blq-js .static-map .panel-hd h3 { font-size:1.8em; } .info-window-content { padding:10px 0; position:relative; } .blq-js .info-window-text { overflow:auto; } .blq-js .static-map-back { display:none; } .blq-js .info-window-text p, .blq-js .info-window-text a { margin-bottom:0.92em; } .blq-js .info-window-body th { padding:6px 10px; } .blq-js .info-window-body td { padding:6px 10px; } /* =WEATHER INDEX +++++++++++++++++++++++++++++++++++++++++++++++ */ #weather-container { color:#505050; position:relative; width: 100% } #weather-container .g-group { position:relative; } #weather-container h1, #weather-container h2.city-title, #weather-container h2, #weather-container h3 { margin:0; top:0; } #weather-container a { color:#174f82; } #weather-container .day, #weather-container .city { border-top:1px solid #cccccc; } #weather-container li.symbol { display:block; height:57px; margin-bottom:-1px; padding:0; } #weather-container .full li.symbol { height:128px; margin-bottom:0; } #weather-container li.condition { display:block; clear:both; } #weather-container .info-h { display:inline; } #weather-container .info-h span { display:block; } #weather-container .w4 .info-h span { display:inline; } #weather-container .fiveday { clear:both; margin-bottom:0; } #weather-container .w4 .fiveday { padding: 0 !important } #weather-container .min span { color:#a9a9a9!important; } #weather-container #change-degrees { position:relative; color:#505050; height:24px; display:inline-block; visibility: none; padding-bottom:32px; } .blq-js #weather-container #change-degrees { visibility: visible; } #weather-container #view-other-cities { margin:0; position:absolute; } #weather-container #change-degrees span { position:absolute; display:block; width:56px; height:24px; overflow:hidden; text-indent:-9999px; background:url(/staticarchive/7020585437c4fab2a4ec57988e1836891e870086.gif) no-repeat; } #weather-container #change-degrees:hover span { background-position:0 -24px; } /* weather v4 */ #weather-forecast.w4 { overflow: hidden; clear: both; } .blq-js #weather-forecast.w4 { overflow: hidden; clear: both; height: 265px; background: no-repeat 45% 45% url('/staticarchive/782cbeb4e1af2dc65802d47a7afa7dc69cd5f76d.gif'); } #weather-container .w4 h3, #weather-container .w4 h2 { padding: 8px 0 11px 0; } .genre-weather .w4-h1 { display: block !important; display: block !important; color: #505050 !important; position: static !important; } .ws-weather-3-day-desktop { line-height: 56px; } .w4 .g-w10.city { background: white; width: 314px !important;; } li[class^="weather-v4-icon"] { height: 56px; width: 77px; overflow: hidden; position: relative; } li[class^="weather-v4-icon"] img { position: absolute; } .weather-v4-icon0 img { left: 0px; } .weather-v4-icon1 img { left: -100px; } .weather-v4-icon2 img { left: -200px; } .weather-v4-icon3 img { left: -300px; } .weather-v4-icon4 img { left: -400px; } .weather-v4-icon5 img { left: -500px; } .weather-v4-icon6 img { left: -600px; } .weather-v4-icon7 img { left: -700px; } .weather-v4-icon8 img { left: -800px; } .weather-v4-icon9 img { left: -899px; } .weather-v4-icon10 img { left: -999px; } .weather-v4-icon11 img { left: -1100px; } .weather-v4-icon12 img { left: -1200px; } .weather-v4-icon13 img { left: -1299px; } .weather-v4-icon14 img { left: -1399px; } .weather-v4-icon15 img { left: -1500px; } .weather-v4-icon16 img { left: -1599px; } .weather-v4-icon17 img { left: -1699px; } .weather-v4-icon18 img { left: -1800px; } .weather-v4-icon19 img { left: -1899px; } .weather-v4-icon20 img { left: -1999px; } .weather-v4-icon21 img { left: -2100px; } .weather-v4-icon22 img { left: -2199px; } .weather-v4-icon23 img { left: -2299px; } .weather-v4-icon24 img { left: -2400px; } .weather-v4-icon25 img { left: -2499px; } .weather-v4-icon26 img { left: -2600px; } .weather-v4-icon27 img { left: -2700px; } .weather-v4-icon28 img { left: -2800px; } .weather-v4-icon29 img { left: -2900px; } .weather-v4-icon30 img { left: -3000px; } .weather-v4-icon31 img { left: -3100px; } .weather-v4-icon32 img { left: -3200px; } .weather-v4-iconnull img, .weather-v4-icon33 img { left: -3300px; } #weather-container .weather-v4-iconnull.no-data { display: none; } .ws-weather-index-desktop li { color: #505050; } .blq-js .w4 .city .ws-weather-target { background: #fff no-repeat 46% 35% url('/staticarchive/782cbeb4e1af2dc65802d47a7afa7dc69cd5f76d.gif'); height: 80px; position: relative; } .w4 .city .ws-weather-target .w4-dayname, .weather-v4-home-city .w4-dayname { display: none; } .blq-js .w4 .city .ws-weather-target div { position: absolute; top: 0; width: 100%; left: 0; } .w4 .fiveday, #change-degrees { display: none !important; } .blq-js .w4 .fiveday, .blq-js #change-degrees { display: block !important; } .weather-v4-list { background: #fff; } .weather-v4-home-city { height: 21px; background: #fff; } .blq-js .weather-v4-home-city { position: relative; background: #fff no-repeat 46% 70% url('/staticarchive/782cbeb4e1af2dc65802d47a7afa7dc69cd5f76d.gif'); height: 61px; } .w4 .info-h.min, .w4 .info-h.min span { font-weight: normal !important; color:#a9a9a9!important; } .w4 .info-h.min .w4-label { color: #505050; } .w4.w4-cent .fahr, .w4.w4-fahr .cent { display: none !important; } .clean-js { display: block; } .clean-js.ts-text { height: 77px; } .blq-js .clean-js { display: none; } .bx-weather-v4 li{ list-style-type: none; } .w4 a:hover li { text-decoration: none; } .bx-weather-v4 li[class^="weather-v4-icon"] { position: absolute; top: 5px; } .bx-weather-v4 .info-h.min { position: absolute; top: 23px; } .bx-weather-v4 .info-h.max { position: absolute; right: 10px; top: 23px; } .bx-weather-v4 .condition { width: 120px; position: absolute; font-weight: normal; top: 19px; } .bx-weather-head { clear: both; overflow: hidden; } .bx-weather-v4 .w4-label, .bx-weather-v4 .w4-grade { display: none; } .bx-weather-v4 .temperature{ font-size:24px; font-weight: bold; line-height: 14px; font-family: arial,helvetica,sans-serif; } .blq-js .w4-js-discl { display: none; } .bx-weather-today { width: 196px; font-size: 16px; color: #505050; font-weight: bold; } .bx-weather-max, .bx-weather-min{ display: none; } .blq-js .bx-weather-max, .blq-js .bx-weather-min{ text-align: center; width: 62px; display: block; } .weather-error { background: white; width: 100%; height: 100%; display: block; } /* weather tabbed nav */ .weather-nav { background-color:#ededed; padding:8px; overflow:hidden; top:0 !important; } .weather-nav .tabs-nav { width: 100%; } .weather-nav .tab { background-color:#fff; overflow:hidden; padding:0 8px 8px; position:relative; } .weather-nav .tab h2 { clear:both; } .weather-nav .cities { margin:0; overflow: visible !important; } .blq-js .weather-nav .cities { margin:0; overflow: hidden !important; } #weather-container .tabbed { margin-top:8px; } #weather-container .tabbed .cities li { display:inline-block; width:33%; } #weather-container .tabbed .cities li a { font-size:13px; line-height:16px; font-weight:bold; padding:8px; } #weather-container .tabbed h3.tab { padding:8px; font-size:20px; line-height:24px; } #weather-container .tabbed h3.open a { color:#323232!important; } #weather-container .tabbed h4 a { border-bottom:1px solid #a9a9a9; padding:12px 0 11px 8px; display:block; font-size:16px; line-height:1; } .weather-nav .last.open a:hover { text-decoration: none; cursor: default; display: block; } .blq-js .weather-nav .last.open a { display: inline; } .genre-weather .datestamp { display: none; } .bx-weather-v4 .content .w4-js-disc2 { margin-bottom: 0px; padding: 4px 0px 0px; } /* =EMP +++++++++++++++++++++++++++++++++++++++++++++++ */ .bodytext .emp-f-video { width:448px; } .bodytext .emp-f-audio { width:464px; } .bodytext .align-right-wrap .emp-f-video, .bodytext .align-left-wrap .emp-f-video { width:320px; } .bodytext .align-right-wrap .emp-f-audio, .bodytext .align-left-wrap .emp-f-audio { width:304px; } /* =RSS +++++++++++++++++++++++++++++++++++++++++++++++ */ .rss { background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position:-796px 0; background-repeat:no-repeat; width:16px; } .bodytext .rss { width:auto; background: transparent none; } .bodytext .rss .label { background-image:url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position:-796px 0; width:14px; height:14px; overflow:hidden; } /* =FLAGPOLE +++++++++++++++++++++++++++++++++++++++++++++++ */ .fp-livestats .bx-livestats, .fp-markets .bx-markets, .fp-currencies .bx-currencies, .fp-commodities .bx-commodities { display:none !important; } /* =TC2 Preview enhancements +++++++++++++++++++++++++++++++++++++++++++++++ */ .ssi .bx-rollingnews .content .body ul { height:250px; } .ssi .bx-rollingnews .disclaimer { display:none; } /* =VOTE +++++++++++++++++++++++++++++++++++++++++++++++ */ #ivote_vote_contentblock { background-color: #fff; border: 8px solid #ededed; padding: 0px; margin-bottom: 16px; } #ivote_vote_contentblock #ivote_vote_title { background-color: #ededed; top: 0; padding: 0 0 12px; font-size: 24px; letter-spacing: -1px; font-family: arial,sans-serif; line-height: 24px; margin-bottom: 8px; position: relative; } .bodytext #ivote_vote_contentblock #ivote_vote_title { margin-top: 0; } #ivote_vote_contentblock .ivote_vote_form_element { padding-bottom: 12px; position: relative; } #ivote_vote_contentblock .ivote_vote_form_element input { position: absolute; top: 2px; left: 0px; } #ivote_vote_contentblock .ivote_vote_form_element label { line-height: 16px; margin-left: 18px; } #ivote_vote_contentblock .ivote_vote_form_submit { padding: 0 0 8px; } #ivote_vote_contentblock .ivote_vote_form_submit input { background-color: #505050; border: 1px solid #505050; color: #fff; font-size: 12px; padding: 4px 3px 3px; text-transform: uppercase; } #ivote_vote_contentblock .ivote_vote_form_submit input:hover { background-color: #000; } #ivote_vote_formerrors, #ivote_vote_form_formcontainer, #ivote_vote_disclaimer, #ivote_vote_tandc, #ivote_vote_tandc, #results_container_hidden { background-color: #fff; padding: 0 8px; } #results_container_hidden { display: none; margin-bottom: 8px; } #ivote_vote_contentblock br { display: none; } #ivote_voteresults_results_data, #ivote_voteresults_results_bargraph { margin: 0 8px; } #ivote_voteresults_results_data th { display: none; } #ivote_voteresults_results_canvas { display: block !important; height: 216px !important; padding: 0; margin: auto; width: 216px !important; } #ivote_voteresults_results_bargraph { background-color: #fff; margin: 0 0 8px; width: 100%; } .ivote_voteresults_results_optionname { /*padding-left: 8px;*/ padding: 8px; } .ivote_voteresults_results_bargraphrow { padding-bottom: 8px; } .ivote_voteresults_results_percentage { /*padding-right: 8px;*/ padding: 8px; } .ivote_voteresults_results_bar_color { background-color: #000; } #ivote_vote_contentblock #ivote_vote_tandc { background-color: #EDEDED; padding: 0 0 4px; } #ivote_voteresults_results_bargraph .ivote_voteresults_results_bar { /*background-color: #EDEDED;*/ height: 16px; width: 150px; } #ivote_vote_tandc a { font-weight: bold; } #ivote_vote_flashmessage { line-height: 1.36em; padding: 0 8px 8px; } #ivote_vote_disclaimer { color: #505050; font-size: 11px; text-transform: uppercase; line-height: 13px; padding: 8px 0; background-color: #EDEDED; } #ivote_voteresults_results_thankyou { font-size: 13px; line-height: 16px; /*padding: 0 8px 9px;*/ padding: 8px 8px 16px; } .v-ar .v-simple .button:hover { background-color: #000; cursor: pointer; } /* Live Events Styles +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Join the discussion +++++++++++++++++++++++++++++++++++++++++++++++ */ .li-jointhediscussion { width: 336px; } .li-jointhediscussion h2.title { border: none !important; padding-bottom: 16px; } .li-jointhediscussion .body { margin-bottom: 6px; font-size: 14px; line-height: 20px; margin-top: 3px; } .li-jointhediscussion .body p { color: #333; font-size: 14px; line-height: 20px; } .li-jointhediscussion .content { margin-bottom: 18px; } .li-jointhediscussion .content ul { padding: 0px; margin: 0px; } .li-jointhediscussion .content ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .li-jointhediscussion .content li.jtd_item { list-style: none; font-size: 14px; line-height: 20px; color: #000; width: 130px; height: 20px; margin: 6px 0px; position: relative; } .li-jointhediscussion .content li.jtd_item span { display: block; background-image: url('/staticarchive/999191f6bc578aeda025dd03c96464562eec7b5f.gif'); background-repeat: no-repeat; height: 20px; width:16px; background-position: -30px -426px; position: absolute; } .li-jointhediscussion .content li.jtd_opt a { color: #174F82; } .li-jointhediscussion .content li.videoAndPictures span { background-position: -30px -426px; } .li-jointhediscussion .content li.twitter span { background-position: -30px -458px; } .li-jointhediscussion .content li.facebook span { background-position: -30px -490px; } .li-jointhediscussion .content li.SMS span { background-position: -30px -522px; } /* Keypoints +++++++++++++++++++++++++++++++++++++++++++++++ */ .bx-keypoints { width: 336px; } .bx-keypoints h2.title { color: #505050; font-size: 24px; line-height: 24px; margin-bottom: 16px; top: 3px; } .bx-keypoints .summary { color: #333; font-size: 14px; line-height: 20px; padding-top: 4px; margin-bottom: 17px; } .bx-keypoints .summary:empty { margin: 0; padding: 0; } .bx-keypoints .content .body { margin-bottom: 32px; } .bx-keypoints .content li { margin-top: 10px; padding-bottom: 9px; border-bottom: 1px solid #EDEDED; font-size: 14px; line-height: 20px; list-style: square; } .bx-keypoints .lastupdated-container { margin-bottom: 8px; display: none; } .bx-keypoints .lastupdated, .bx-keypoints .date { font-size: 15px; line-height: 24px; } .bx-keypoints .date { color: #a20000; margin-left: 5px; } /* Live Text +++++++++++++++++++++++++++++++++++++++++++++++ */ .livetext_item { padding-top: 16px; padding-bottom: 8px; position: relative; } .livetext_item .icon { background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-repeat: no-repeat; background-position: -10000px -10000px; height:32px; width:24px; } .live-text-module-element-active { z-index: 11; position: relative; } .livetext_item.byline .icon { background-position: -30px -70px; } .livetext_item.comingsoon .icon { background-position: -30px -110px; } .livetext_item.breakingnews .icon { background-position: -30px -30px; } .livetext_item.twitter .icon { background-position: -30px -310px; } .livetext_item.facebook .icon { background-position: -30px -270px; } .livetext_item.email .icon { background-position: -30px -230px; } .livetext_item.comments .icon { background-position: -30px -190px; } .livetext_item.sms .icon { background-position: -30px -150px; } .livetext_item .blt_pt { position: absolute; height: 8px; width: 8px; background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-repeat: no-repeat; background-position: -86px -158px; top: 12px; z-index: 99; } .livetext_item .breakingnews_header { font-size: 20px; line-height: 20px; color: #FFF; padding-top: 8px; padding-bottom: 8px; background: none repeat scroll 0 0 #D60000; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; display: none; } .live .livetext_item.pinned .breakingnews_header { display: block; } .livetext_item_inner { padding-bottom: 8px; position: relative; } .livetext_item_inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .livetext_item .body, .livetext_item .footer { width: 560px; } .livetext_item.byline_image .body, .livetext_item.byline_image .footer { width: 440px; position: relative; z-index:10; } .livetext_item .body p { color: #333; font-size: 14px; line-height: 20px; margin: 8px 0px; } .livetext_item .body p a { color: #174F82; } .livetext_item .byline_img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .livetext_item .byline_img img { bottom: 8px; position: absolute; width: 112px; height: 63px; } .livetext_item .footer { /*margin-bottom: 8px;*/ } .livetext_item .timeago, .livetext_item .archived-datestamp { font-size: 11px; line-height: 16px; color: #A20000; visibility: visible; } .livetext_item .author { font-size: 11px; line-height: 16px; color: #666; } .livetext_item.breakingnews h2.title { font-size: 32px; line-height: 32px; color: #333; font-weight: bold; margin-bottom: 8px; top: 0; } .livetext_item.teaser div.emp { position: relative !important; } .livetext_item.teaser .teaser_img { margin-top: 4px; } .livetext_item.teaser .teaser_wrapper { width: 408px; margin-top: 4px; } .livetext_item.teaser h2.title { margin-top: 0px; color: #174F82 !important; font-size: 16px; line-height: 20px; font-weight: bold; clear: both; top: 0; margin-bottom: 0px; padding-bottom: 4px; } .livetext_item.teaser .teaser_body { font-size: 13px; line-height: 16px; color: #333; margin-bottom: 8px; } .livetext_item.map_teaser_video .cta { height: 24px; width: 24px; position: absolute; left: 15px; top: 4px; background-image: url(/staticarchive/07ca08718d18deb51270f0c561286e87c0319ced.png); } .livetext_item.map_teaser_video .teaser_img:hover .cta { width: 64px; } .livetext_item.map_teaser_video .cta .teaser_icon { background-position: -3px -32px; width: 16px; height: 16px; display: block; background-image: url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); background-repeat: no-repeat; position: absolute; top: 3px; left: 4px; } .livetext_item.map_teaser_video .duration { display: none; color: white; font-size: 12px; width: 40px; left: 24px; line-height: 24px; position: absolute; } .livetext_item.map_teaser_video .teaser_img:hover .duration { display: block; } .livetext_item.pinned { } .pinned_footer { background-image: url("/staticarchive/356062f5b0d83476b445079f5a41ecc33e619a9a.png"); background-position: 0 -16px; height: 16px; } .asithappened .pinned_footer { display: none; } .livetext_item .live-text-module-share { color: #84C300; cursor: pointer; visibility: hidden; position: relative; width: 80px; display: inline-block; } .livetext_item:hover .live-text-module-share, .live-text-module-element-active .live-text-module-share { visibility: visible; } .live-text-module-element-active .livetext_item .live-text-module-share { background-color: #84C300; color: #fff; } .le-social-tools-cont { width: 224px; height: 200px; position: absolute; z-index: 12; cursor: default; display: none; top: 30px; } .le-social-tools-inner { padding: 0 16px 16px 16px; background: #858D98; height: 195px; background: url(/staticarchive/ef47d1c25afaeabe094edc731b9578e5740088ca.gif) no-repeat #858D98 50% 50%; } .live-text-module-element-active .le-social-tools-cont { display: block; } .le-social-tools-cont h4 { color: white; font-size: 20px; border-bottom: 1px solid white; } .share-this-tools .icon { height: 32px; width: 32px; } .share-this-tools .share-this-li { height: 32px; margin-top: 8px; } .live-text-module-share .st-icon { background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-repeat: no-repeat; width: 32px; height: 32px; } .share-this-tools .facebook .st-icon { background-position: -90px -368px; } .share-this-tools .twitter .st-icon { background-position: -90px -288px; } .share-this-tools .short_url .st-icon { background-position: -90px -328px; } .share-this-tools .googleplus .st-icon { background-position: -90px -248px } .le-share-label { z-index: 11; } .le-share-label .st-icon { background-position: -90px -450px; height: 13px; width: 12px; } .live-text-module-element-active .le-share-label .st-icon { background-position: -90px -474px; } .share-this-tools { background: #858D98; } .share-this-tools .short-url-content { height: 32px; background: white; color: #666; display: inline-block; font-size: 15px; cursor: text; font-family: arial; line-height: 31px; direction:ltr; padding: 0 5px; width: 142px; letter-spacing: -0.3px; } .share-this-tools .share-this-anchor { color: white; height: 32px; display: block; } .livetext_item .le-social-close.st-icon { background-position: -90px -416px !important; height: 16px; width: 16px; margin: 0; cursor: pointer; top: 20px; display: block; position: absolute; } .live-text-module-share .le-social-top-arrow { height: 8px; display: block; width: 17px; background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-position: -93px -501px; } .share-this-tools .share-this-anchor:hover { color: white; text-decoration: none; } .livetext_item.deleted { display: none; padding: 0; } .lepg-body li.unread { height: 0px; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* Live Page Status +++++++++++++++++++++++++++++++++++++++++++++++ */ .live-event h1 { top: -9px; margin-top: 6px; padding-bottom: 16px; border-bottom: 1px solid #A9A9A9; margin-bottom: 0px; } .live-event h1 .icon-outer { background: none repeat scroll 0 0 #D60000; position: absolute; top: 0; } .live-event.live h1 .icon-outer { background: none repeat scroll 0 0 #D60000; } .live-event h1 span { position: relative; top: 5px; } .live-event h1 .icon { background: none repeat scroll 0 0 #FFF; text-transform: capitalize; font-size: 32px; line-height: 32px; font-weight: bold; color: #000; } .live-event.live h1 .icon { background: none; text-transform: uppercase; color: #FFFFFF; width:auto; font-size: 24px; line-height: 24px; padding:6px; display: block; } .live-event.live h1 span { display: block } .live-event h1 span.icon { top: 0px; display: block; } /* fix for JIRA: NEWSWORLDSERVICE-481*/ .ltr.live-event h1 .icon-outer { margin-left: 0 !important; } .rtl.live-event h1 .icon-outer { margin-right: 0 !important; } /* Live Text Messagebox +++++++++++++++++++++++++++++++++++++++++++++++ */ .lepg-messagebox { cursor: pointer; background-image: url('/staticarchive/aba6d6caf27e17ff14962cc78440cfb39afef0ad.png'); background-repeat: repeat-x; height: 32px; } .lepg-messagebox-inner { padding: 8px 0px; margin-top: -2px; } .lepg-messagebox-inner .icon { background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-repeat: no-repeat; width:16px; height:20px; display: block; background-position: -86px -190px; } .lepg-messagebox-inner .message { font-size: 16px; line-height: 20px; color: #FFF; font-weight: bold; } .blq-js .lepg-messagebox { display: none; } .blq-js .lepg-messagebox.display { display: block; height: 0px; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* Live Event Page Info (Reporters and datestamp) +++++++++++++++++++++++++++++++++++++++++++++++ */ .live-event .bx-byline { margin-bottom: 0px; } .lepg-info { padding-bottom: 8px; border-bottom: 1px solid #A9A9A9; position: relative; overflow: hidden; } .lepg-info:empty { border: none; padding: 0; } .lepg-info:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .lepg-reporters { position: relative; } .lepg-reporters .title-text { text-transform: capitalize; font-size: 13px; line-height: 16px; font-weight: bold; color: #505050; } .lepg-reporters .bx-byline p, .lepg-reporters .bx-byline a { font-size: 13px; line-height: 16px; color: #505050; } .lepg-reporters .bx-byline a:hover { text-decoration: none; } .lepg-reporters .bx-byline p { top: 0px; } .lepg-info .datestamp { margin: 5px 0 0 0; padding: 0px; font-size: 13px; line-height: 16px; color: #A20000; border: none; clear: none; } .lepg-info .datestamp:first-child { margin: 0; } .lepg-info .datestamp .lastupdated { font-weight: bold; bottom: 0; } /* Live Event Promotional Teasers +++++++++++++++++++++++++++++++++++++++++++++++ */ .live-event-promo-teaser { top: 8px; position: absolute !important; z-index: 9; overflow:hidden; } /* JIRA: NEWSWORLDSERVICE-444*/ .carousel-item .live-event-promo-teaser { top: 0; } .g-w10 .ts-304x171 .live-event-promo-teaser, .g-w11 .ts-304x171 .live-event-promo-teaser, .g-w12 .ts-304x171 .live-event-promo-teaser, .g-w13 .ts-304x171 .live-event-promo-teaser, .g-w14 .ts-304x171 .live-event-promo-teaser, .g-w15 .ts-304x171 .live-event-promo-teaser, .ts-336x189 .live-event-promo-teaser, .list .ts-336x189 .live-event-promo-teaser, .ts-512x288 .live-event-promo-teaser { top: 0px; } #www-bbcmundo-com .ts-512x288 .live-event-promo-teaser{ top: 8px; } .live-event-promo-teaser:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ts-304x171 .live-event-promo-teaser { left: 0px; } .live-event-promo-teaser .icon-outer { background: none repeat scroll 0 0 #D60000; float: left; /*margin-right: 10px;*/ } .live-event-promo-teaser .icon { background: none repeat scroll 0 0 #000; text-transform: uppercase; font-weight: bold; color: #FFF; padding: 0px 6px; padding-left: 8px; display: block; font-size: 16px; line-height: 20px; } .live-event-promo-teaser.live .icon { background: none; color: #FFFFFF; width:auto; padding:0px 6px; display: block; margin-left: 0px !important; font-size: 24px; line-height: 24px; } /* style up coming soon message */ .live-event.comingsoon .lepg-body p:before { content:""; background-image: url('/staticarchive/3066a8ec9e81590424b7e7e79906ebf7fde03e1c.png'); background-repeat: no-repeat; background-position: -30px -110px; height: 32px; width: 24px; margin-left: 8px; padding-right: 16px; margin-right: 15px; ; float:left; border-right: 1px solid gainsboro; } .live-event.comingsoon .lepg-body p { color: #333; font-size: 14px; line-height: 20px; margin: 8px 0px; } /**Top story**/ .top-story .live-event-promo-teaser { margin-top: 12px; display: none; } .ts-144x81 .live-event-promo-teaser .icon { line-height: 16px; font-size: 12px; padding: 0 6px; } .ts-headline .live-event-promo-teaser { position: relative !important; float:left; top: 3px; } .ts-headline .live-event-promo-teaser .icon { line-height: 16px; font-size: 12px; padding: 0 6px; } #syndication_header h2 { display:none; } #syndication_header p { display:none; } /* jira 660 */ .emp-title , .emp-duration { display:none; } /* over-ride ticker icon comments */ .ticker-wrapper .icon-comment, .li-relatedlinks .icon-comment { display: none !important; } /* * CSS rules for page layout (RTL) */ /* GENERAL RULES ************************************/ /* Set font-size to 1em for all divs, should hopefully work with nested divs */ div {font-size:1em;} #blq-content {padding: 0; direction:rtl;} /* GRID (default rules) ************************************/ .g-group:after, .g-block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .g-group, .g-block {display: inline-block; clear:both;} /* Hides from IE-mac \*/ * html .g-group, * html .g-block {height: 1%;} .g-group, .g-block {display: block;} /* End hide */ /* TODO: Investigate if this works */ /*.g-group .g-container, .g-group div div { display:block; clear:none; }*/ /* Floats */ .g-w1, .g-w2, .g-w3, .g-w4, .g-w5, .g-w6, .g-w7, .g-w8, .g-w9, .g-w10, .g-w11, .g-w12, .g-w13, .g-w14, .g-w15, .g-w16, .g-w17, .g-w18, .g-w19, .g-w20, .g-w21, .g-w22, .g-w23, .g-w24, .g-w25, .g-w26, .g-w27, .g-w28, .g-w29, .g-w30, .g-w31 { float:right; margin-right:16px; clear:none !important; } #blq-content .g-first {padding:0; margin:0; clear:left;} /* BBC GLOBAL GRID (31 columns) width = baseWidth * n + gutter * (n - 1) ************************************/ #blq-main .g-w1 {width:16px} #blq-main .g-w2 {width:48px} #blq-main .g-w3 {width:80px} #blq-main .g-w4 {width:112px} #blq-main .g-w5 {width:144px} #blq-main .g-w6 {width:176px} #blq-main .g-w7 {width:208px} #blq-main .g-w8 {width:240px} #blq-main .g-w9 {width:272px} #blq-main .g-w10 {width:304px} #blq-main .g-w11 {width:336px} #blq-main .g-w12 {width:368px} #blq-main .g-w13 {width:400px} #blq-main .g-w14 {width:432px} #blq-main .g-w15 {width:464px} #blq-main .g-w16 {width:496px} #blq-main .g-w17 {width:528px} #blq-main .g-w18 {width:560px} #blq-main .g-w19 {width:592px} #blq-main .g-w20 {width:624px} #blq-main .g-w21 {width:656px} #blq-main .g-w22 {width:688px} #blq-main .g-w23 {width:720px} #blq-main .g-w24 {width:752px} #blq-main .g-w25 {width:784px} #blq-main .g-w26 {width:816px} #blq-main .g-w27 {width:848px} #blq-main .g-w28 {width:880px} #blq-main .g-w29 {width:912px} #blq-main .g-w30 {width:944px} #blq-main .g-w31 {width:976px} /* GRID HACK FOR MAP * In MAP and multimedia index change 11 column to 10.5 column equivalent ************************************/ .av-instance #blq-main .g-w20, .index.genre-multimedia #blq-main .g-w20 {width:640px} .av-instance #blq-main .g-w11, .index.genre-multimedia #blq-main .g-w11 {width:320px} /* * Layout CSS for RTL languages. * No references to typography, colours etc. in here, only layout specific rules. */ /* =BASE +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Debug -----------------------------*/ .debug-baseline { background-image: url(/staticarchive/cfa25a19b23551c6579d733d7cb6ff24381da094.png) !important; } .debug-baseline .debug-baseline { background-image:none !important; } .debug-baseline-red { background-image: url(/staticarchive/ed02f9a5f44bc6fa2e417dac937f837818055aa3.png) !important; background-position:0 0 !important; } .debug-grid { background-image: url(/staticarchive/5870b6b64b6e1cc8c0d0665a72d52a2e9364ada5.png) !important; background-position:9px 0 !important; } .debug-error { /*background-color: #f00 !important;*/ border-right:solid 1px #f00; } .debug-remove { background:none repeat scroll 0 0 #990000; color:#FFFFFF; display:inline-block; font-family:verdana; font-variant:small-caps; font-weight:bold; padding:0 2px; position:absolute; right:0; top:0; } /* =Links -----------------------------*/ #blq-content {padding-top:16px;} /* =BRANDING +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Banner -----------------------------*/ #banner {} /* =Navigation -----------------------------*/ #blq-local-nav li { float:right; } #blq-local-nav a { display:block; padding:3px 8px 5px; background-position:right center; } #blq-local-nav li.nav-current a { margin-right:-1px; } /* Submenu */ #blq-local-nav li ul { right:0; float:right; top:24px; } #blq-local-nav li.nav-current ul a { background-position:right center; margin-right:0; } /* =DOCUMENTS Story, index, cluster, media asset +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Base -----------------------------*/ .tools-container-end .backtotop { float:right; } .document-tools { float:left; margin-top:-32px; line-height:16px; font-size:11px; position:relative; z-index:1; direction:ltr; } .document-tools li { float:right; } .document-tools li a { margin:0 8px 0 0; } /* Institutional pages have no datestamp so remove negative margin on doc tools */ .genre-institutional .document-tools { margin-top:0; } .tools-container-end .document-tools, .story-body .document-tools { padding-bottom:14px; margin-top:20px; clear:none; } .social-bookmark-content {direction:rtl;} .social-bookmark-content li { float:right; } .social-bookmark-content li a { padding-right:24px; } .social-bookmark-content li a span { right:0; } /* Body text */ .story-body { padding:0 0 0 160px; clear:both; overflow:hidden; } .bodytext {padding-bottom:16px;} a .label { right:0; top:8px; direction:ltr; } .backtotop .label { top:6px; } /* Inline modules that float by default */ .bodytext .module .box, .bodytext .module .list, .bodytext .module .image, .bodytext .align-left-wrap .emp { float:left; margin-left:16px; margin-right:16px; margin-top:12px; clear:left; } /* Inline modules that are left aligned (or block elements) by default */ .bodytext .align-center .box, .bodytext .align-center .list, .bodytext .align-center .image, .bodytext .align-right .box, .bodytext .align-right .list, .bodytext .align-right .image, .bodytext .module .img-w464, .bodytext .module .img-w512, .bodytext .module .img-w624, .bodytext .module .embedded-journal, .bodytext .module .embedded-captions { clear:both; float:none; width:auto !important; margin-right:auto; margin-left:0; margin-top:0; padding-top:8px; } .story-body .bodytext .module .box, .story-body .bodytext .module .list, .story-body .bodytext .module .image, .story-body .bodytext .module .emp, .story-body .bodytext .module .embedded-journal, .story-body .bodytext .module .embedded-captions { margin-left:-160px; } .story-body .bodytext .align-right .box { margin-left:0; } .bodytext .module .list {width:224px;} .bodytext .module .bx-quote, .bodytext .module .bx-info, .bodytext .module .bx-enlargeimage, .bodytext .module .li-picturegallery, .bodytext .module .bx-table { width:304px; } .bodytext .module { display:inline; clear:both; } .bodytext .align-center {display:block;} .bodytext .module .image img {display:block;} .backtotop {padding-right:13px;} .bodytext a.audio, .bodytext a.video, .bodytext a.download, .bodytext a.rss { padding-right:20px; } .emp .emp-noflash { padding-right:20px; background-position:right 12px; } /* =Document download items -----------------------------*/ .teaser .cta a.download, .teaser .associated a.download, .ts-headline a.download, .bodytext .teaser a.zip-file {background-position:center left; padding-left:21px;} .bodytext a.zip-file {background-position:center left; padding-left:28px;} .ts-pdf a, a.pdf { background-position:-1555px 1px; padding-left:32px; } .bodytext a.pdf { background-position:-1555px 3px; } .ts-mp3 a, a.mp3 { background-position:-2133px 1px; padding-left:32px; } .bodytext a.mp3 { background-position:-2133px 3px; } .ts-zip a, a.zip { background-position:-2711px 1px; padding-left:28px; } .bodytext a.zip { background-position:-2711px 3px; } /* =Social media -----------------------------*/ .socialmedia-links {} /* =POP-UPS ++++++++++++++++++++++++++++++++++++++++++++++ */ .ws-modal-popup { direction:rtl; } .ws-popup-close { right:0; } /* =TEASERS Class prefix: ts +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Teaser: Base -----------------------------*/ .teaser {} /* Need to use #blq-content here to make the specificity higher than layout rules below */ #blq-content .teaser .title, #blq-content .list .teaser .title { position:relative; } .teaser .comments a { padding-right:17px; background-position:-859px 1px; } .teaser .comments a:hover { background-position:-859px -14px; } /* EMP */ .teaser div.cEMP { left:0; } /* Topics */ .teaser .topics { position:relative; } .teaser .topics .label { float:right; display:inline-block; margin-left:4px; } /* Breaking news */ .breaking-news .teaser { } /* Top story */ .top-story { padding-top:8px; margin-bottom:7px; margin-top:-8px; } .top-story .teaser .title { margin-right:0; padding-top:0; } /* More top stories */ #blq-content .more-top-stories { margin-bottom:8px; } #blq-content .more-top-stories .ts-144x81, #blq-content .more-top-stories .ts-112x63 { /*padding-top:4px;*/ } /* =Teaser: CTA's -----------------------------*/ .ts-headline a.mp3, .teaser .associated a.mp3 { padding-right:32px; } .ts-headline a .cta { right:0; top:3px; margin-bottom:8px; } .body-disabled a .cta { top:auto; bottom:0; margin-bottom:0; } .teaser .associated a .cta { min-height:16px; } .ts-headline a .cta span, .teaser .associated a .cta span, .emp-alt-handheld a span { float:right; direction:ltr; margin-left:4px; } .ts-headline a .cta span.duration, .teaser .associated a .cta span.duration { right:0; direction:rtl; float:none; } .body-disabled a .cta span, .body-disabled a .cta span.duration { float:right; margin-left:5px; } /* =Teaser: Text only -----------------------------*/ .ts-headline .link, .ts-headline .associated, .ts-headline .summary, .ts-headline .timeago, .ts-headline .topic { padding-left:0; } .ts-headline > a { margin-left:4px; } .g-w5 .list .body-disabled, .g-w6 .list .body-disabled, .g-w7 .list .body-disabled, .g-w8 .list .body-disabled, ul.g-w5 .body-disabled, ul.g-w6 .body-disabled, ul.g-w7 .body-disabled, ul.g-w8 .body-disabled {margin-bottom:16px;} .g-container > div:last-child.body-disabled {margin-bottom:24px;} /* =Teaser: 106x60 (Legacy size from 1024 sites) min-height: 60 + 4 = 64 half baseline align: 64 + 4 = 68 -----------------------------*/ /* Base */ .ts-106x60 { position:relative; margin-bottom:0; top:0; } .ts-106x60 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal (default) */ .ts-106x60, .top-story .ts-106x60 .body { min-height:72px; } .ts-106x60 .title, .ts-106x60 .body, .ts-106x60 .date { margin-right:114px; } .ts-106x60 .title img { padding-bottom:9px; /* puts following elements back on baseline: 63 + 9 = 72 */ } .ts-106x60 .title img, .ts-106x60 .title .cta { right:-114px; } .top-story .ts-106x60 .body { margin-top:-68px; } /* Vertical (5-8 columns) */ .g-w5 .ts-106x60 *, .g-w6 .ts-106x60 *, .g-w7 .ts-106x60 *, .g-w8 .ts-106x60 * { margin-right:0; position:static; min-height:0; } .g-w5 .ts-106x60, .g-w6 .ts-106x60, .g-w7 .ts-106x60, .g-w8 .ts-106x60 { padding-bottom:8px; } .g-w5 .ts-106x60 .title, .g-w6 .ts-106x60 .title, .g-w7 .ts-106x60 .title, .g-w8 .ts-106x60 .title { padding-top:68px; /* align to baseline with 4px gap: 63 + 1 + 4 = 68 */ margin-bottom:0; } .g-w5 .ts-106x60 .title *, .g-w6 .ts-106x60 .title *, .g-w7 .ts-106x60 .title *, .g-w8 .ts-106x60 .title * { right:0; } .g-w5 .ts-106x60 div.body, .g-w6 .ts-106x60 div.body, .g-w7 .ts-106x60 div.body, .g-w8 .ts-106x60 div.body { min-height:0; padding-bottom:0; } /* Reduce padding on last image teaser of a vertical list - design knows this will not work with all browsers */ .g-w5 .list li:last-child.ts-106x60, .g-w6 .list li:last-child.ts-106x60, .g-w7 .list li:last-child.ts-106x60, .g-w8 .list li:last-child.ts-106x60, .g-w5 .list li:last-child.ts-106x60, .g-w6 .list li:last-child.ts-106x60, .g-w7 .list li:last-child.ts-106x60, .g-w8 .list li:last-child.ts-106x60 {padding-bottom:0px;} /* =Teaser: 112x63 min-height: 63 + 1 = 64 half baseline align: 64 + 4 = 68 -----------------------------*/ /* Base */ .ts-112x63 { position:relative; margin-bottom:0; top:0; } .ts-112x63 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal (default) */ .ts-112x63, .top-story .ts-112x63 .body { min-height:80px; } .ts-112x63 .title, .ts-112x63 .body, .ts-112x63 .date { margin-right:120px; } .ts-112x63 .title img { padding-bottom:9px; /* puts following elements back on baseline: 63 + 9 = 72 */ } .ts-112x63 .title img { right:-120px; } .ts-112x63 .title .cta { right:-32px; direction:ltr; } .top-story .ts-112x63 .body { margin-top:-68px; } .top-story .ts-112x63 .title a .cta { right:88px; } /* Vertical (5-8 columns) */ .g-w5 .ts-112x63 *, .g-w6 .ts-112x63 *, .g-w7 .ts-112x63 *, .g-w8 .ts-112x63 * { margin-right:0; position:static; min-height:0; } .g-w5 .ts-112x63 .title, .g-w6 .ts-112x63 .title, .g-w7 .ts-112x63 .title, .g-w8 .ts-112x63 .title { padding-top:72px; /* align to baseline with 8px gap: 63 + 1 + 8 = 72 */ margin-bottom:0; top:0; } .g-w5 .ts-112x63 .title *, .g-w6 .ts-112x63 .title *, .g-w7 .ts-112x63 .title *, .g-w8 .ts-112x63 .title * { right:0; } .g-w5 .ts-112x63 .title .cta, .g-w6 .ts-112x63 .title .cta, .g-w7 .ts-112x63 .title .cta, .g-w8 .ts-112x63 .title .cta { right:88px; } .g-w5 .ts-112x63 div.body, .g-w6 .ts-112x63 div.body, .g-w7 .ts-112x63 div.body, .g-w8 .ts-112x63 div.body { min-height:0; padding-bottom:0; margin-top:-8px; } .g-w5 .more-top-stories .ts-112x63 .title, .g-w6 .more-top-stories .ts-112x63 .title, .g-w7 .more-top-stories .ts-112x63 .title, .g-w8 .more-top-stories .ts-112x63 .title { top:0; } /* Reduce padding on last image teaser of a vertical list - design knows this will not work with all browsers */ .g-w5 .list li:last-child.ts-112x63, .g-w6 .list li:last-child.ts-112x63, .g-w7 .list li:last-child.ts-112x63, .g-w8 .list li:last-child.ts-112x63, .g-w5 .list li:last-child.ts-144x81, .g-w6 .list li:last-child.ts-144x81, .g-w7 .list li:last-child.ts-144x81, .g-w8 .list li:last-child.ts-144x81 {padding-bottom:0px;} /* =Teaser: 144x81 min-height: 81 + 7 = 88 half baseline align: 88 + 4 = 92 -----------------------------*/ /* Base */ .ts-144x81 { position:relative; margin-bottom:0; top:0; } .ts-144x81 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal (default) */ .ts-144x81, .top-story .ts-144x81 .body { min-height:96px; } .ts-144x81 .title, .ts-144x81 .body, .ts-144x81 .date { margin-right:152px; } .ts-144x81 .title img { padding-bottom:7px; } .ts-144x81 .title img { right:-152px; } .ts-144x81 .title .cta { right:-32px; direction:ltr; } .top-story .ts-144x81 .body { margin-top:-104px; } .top-story .ts-144x81 .title a .cta { right:120px; } /* Vertical (5-8 columns) */ .g-w5 .ts-144x81 *, .g-w6 .ts-144x81 *, .g-w7 .ts-144x81 *, .g-w8 .ts-144x81 *, .g-split-columns .li-importer .ts-144x81 * { margin-right:0; position:static; min-height:0; } .g-w5 .ts-144x81, .g-w6 .ts-144x81, .g-w7 .ts-144x81, .g-w8 .ts-144x81, .g-split-columns .li-importer .ts-144x81 { padding-bottom:0; } .g-w5 .ts-144x81 .title, .g-w6 .ts-144x81 .title, .g-w7 .ts-144x81 .title, .g-w8 .ts-144x81 .title, .g-split-columns .li-importer .ts-144x81 .title { padding-top:88px; top:0; } .g-w5 .ts-144x81 .title *, .g-w6 .ts-144x81 .title *, .g-w7 .ts-144x81 .title *, .g-w8 .ts-144x81 .title *, .g-split-columns .li-importer .ts-144x81 .title * { right:0; } .g-w5 .ts-144x81 .title .cta, .g-w6 .ts-144x81 .title .cta, .g-w7 .ts-144x81 .title .cta, .g-w8 .ts-144x81 .title .cta { right:120px; } .g-w5 .ts-144x81 div.body, .g-w6 .ts-144x81 div.body, .g-w7 .ts-144x81 div.body, .g-w8 .ts-144x81 div.body, .g-split-columns .li-importer .ts-144x81 div.body { min-height:0; padding-bottom:0; } .g-w5 .ts-144x81 div.body .summary, .g-w6 .ts-144x81 div.body .summary, .g-w7 .ts-144x81 div.body .summary, .g-w8 .ts-144x81 div.body .summary, .g-split-columns .li-importer .ts-144x81 div.body .summary { margin-top:-8px; } .g-w5 .top-story .ts-144x81 div.body, .g-w6 .top-story .ts-144x81 div.body, .g-w7 .top-story .ts-144x81 div.body, .g-w8 .top-story .ts-144x81 div.body { margin-top:-12px; } .g-w5 .more-top-stories .ts-144x81 .title, .g-w6 .more-top-stories .ts-144x81 .title, .g-w7 .more-top-stories .ts-144x81 .title, .g-w8 .more-top-stories .ts-144x81 .title { top:0; } .g-w5 .list .ts-144x81, .g-w6 .list .ts-144x81, .g-w7 .list .ts-144x81, .g-w8 .list .ts-144x81, .g-w9 .list .ts-144x81, .g-w10 .list .ts-144x81, .list .list-items .g-w5 .ts-144x81 {padding-bottom:8px;} /* Reduce padding on last image teaser of a vertical list - design knows this will not work with all browsers */ .g-w5 .list li:last-child.ts-144x81, .g-w6 .list li:last-child.ts-144x81, .g-w7 .list li:last-child.ts-144x81, .g-w8 .list li:last-child.ts-144x81 {} .top-story .ts-144x81 { padding-bottom:4px; } /* =Teaser: 304x171 baseline offset: 5 min-height: 171 + 5 = 176 half baseline align: 176 + 4 = 180 -----------------------------*/ /* Base */ .ts-304x171 { position:relative; } .ts-304x171 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal layout (default) */ .ts-304x171, .top-story .ts-304x171 .body { min-height:188px; } .ts-304x171 .title, .ts-304x171 .body, .ts-304x171 .date { margin-right:320px; } .ts-304x171 .title img { padding-bottom:5px; } .ts-304x171 .title img { right:-320px; } .ts-304x171 .title .cta { right:-48px; direction:ltr; } .top-story .ts-304x171 { padding-bottom:8px; } .top-story .ts-304x171 .body { margin-top:-192px; } .top-story .ts-304x171 .title a .cta { right:272px; } /* Vertical layout (10-15 columns) */ .g-w10 .ts-304x171 *, .g-w11 .ts-304x171 *, .g-w12 .ts-304x171 *, .g-w13 .ts-304x171 *, .g-w14 .ts-304x171 *, .g-w15 .ts-304x171 * { margin-right:0; position:static; min-height:0; } .g-w10 .ts-304x171, .g-w11 .ts-304x171, .g-w12 .ts-304x171, .g-w13 .ts-304x171, .g-w14 .ts-304x171, .g-w15 .ts-304x171 { padding-bottom:4px; } .g-w10 .ts-304x171 .title, .g-w11 .ts-304x171 .title, .g-w12 .ts-304x171 .title, .g-w13 .ts-304x171 .title, .g-w14 .ts-304x171 .title, .g-w15 .ts-304x171 .title { padding-top:180px; top:0; } .g-w10 .ts-304x171 .title *, .g-w11 .ts-304x171 .title *, .g-w12 .ts-304x171 .title *, .g-w13 .ts-304x171 .title *, .g-w14 .ts-304x171 .title *, .g-w15 .ts-304x171 .title * { right:0; } .g-w10 .ts-304x171 .title .cta, .g-w11 .ts-304x171 .title .cta, .g-w12 .ts-304x171 .title .cta, .g-w13 .ts-304x171 .title .cta, .g-w14 .ts-304x171 .title .cta, .g-w15 .ts-304x171 .title .cta { right:272px; } .g-w10 .ts-304x171 div.body, .g-w11 .ts-304x171 div.body, .g-w12 .ts-304x171 div.body, .g-w13 .ts-304x171 div.body, .g-w14 .ts-304x171 div.body, .g-w15 .ts-304x171 div.body { min-height:0; margin-top:-8px; padding-bottom:0; } .g-w10 .more-top-stories .ts-304x171 .title, .g-w11 .more-top-stories .ts-304x171 .title, .g-w12 .more-top-stories .ts-304x171 .title, .g-w13 .more-top-stories .ts-304x171 .title, .g-w14 .more-top-stories .ts-304x171 .title, .g-w15 .more-top-stories .ts-304x171 .title { top:0; } /* =Teaser: 336x189 (mainly used in features lists) baseline offset: 3 min-height: 189 + 3 = 192 half baseline align: 192 + 4 = 196 -----------------------------*/ /* Base */ .ts-336x189 { position:relative; } .ts-336x189 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal layout (default) */ .ts-336x189, .top-story .ts-336x189 .body { min-height:192px; } .ts-336x189 .title, .ts-336x189 .body, .ts-336x189 .date { margin-right:352px; } .ts-336x189 .title img { right:-352px; } .ts-336x189 .title .cta { right:-48px; direction:ltr; } .top-story .ts-336x189 .body { margin-top:-196px; } /* Vertical layout (10-15 columns) */ .g-w10 .ts-336x189 *, .g-w11 .ts-336x189 *, .g-w12 .ts-336x189 *, .g-w13 .ts-336x189 *, .g-w14 .ts-336x189 *, .g-w15 .ts-336x189 * { margin-right:0; position:static; min-height:0; } .g-w10 .ts-336x189 .title, .g-w11 .ts-336x189 .title, .g-w12 .ts-336x189 .title, .g-w13 .ts-336x189 .title, .g-w14 .ts-336x189 .title, .g-w15 .ts-336x189 .title { padding-top:196px; /* baseline align with 8px gap: 192 + 8 = 200 */ } .g-w10 .ts-336x189 .title *, .g-w11 .ts-336x189 .title *, .g-w12 .ts-336x189 .title *, .g-w13 .ts-336x189 .title *, .g-w14 .ts-336x189 .title *, .g-w15 .ts-336x189 .title * { right:0; } .g-w10 .ts-336x189 .title .cta, .g-w11 .ts-336x189 .title .cta, .g-w12 .ts-336x189 .title .cta, .g-w13 .ts-336x189 .title .cta, .g-w14 .ts-336x189 .title .cta, .g-w15 .ts-336x189 .title .cta { right:304px; } .g-w10 .ts-336x189 div.body, .g-w11 .ts-336x189 div.body, .g-w12 .ts-336x189 div.body, .g-w13 .ts-336x189 div.body, .g-w14 .ts-336x189 div.body, .g-w15 .ts-336x189 div.body { min-height:0; margin-top:0; padding-bottom:0; } /* =Teaser: 384x216 baseline offset: 0 min-height: 216 half baseline align: 216 + 4 = 220 -----------------------------*/ /* Base */ .ts-384x216{ position:relative; } .ts-384x216 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal layout (default) */ .ts-384x216, .top-story .ts-384x216 .body { min-height:224px; } .ts-384x216 .title, .ts-384x216 .body, .ts-384x216 .date { margin-right:400px; } .ts-384x216 .title img { padding-bottom:8px; } .ts-384x216 .title img { right:-400px; } .ts-384x216 .title .cta { right:-48px; direction:ltr; } .top-story .ts-384x216 { padding-bottom:8px; } .top-story .ts-384x216 .body { margin-top:-224px; } .top-story .ts-384x216 .title a .cta { right:272px; } /* Vertical layout (10-15 columns) */ .g-w10 .ts-384x216 *, .g-w11 .ts-384x216 *, .g-w12 .ts-384x216 *, .g-w13 .ts-384x216 *, .g-w14 .ts-384x216 *, .g-w15 .ts-384x216 * { margin-right:0; position:static; min-height:0; } .g-w10 .ts-384x216, .g-w11 .ts-384x216, .g-w12 .ts-384x216, .g-w13 .ts-384x216, .g-w14 .ts-384x216, .g-w15 .ts-384x216 { padding-bottom:4px; } .g-w10 .ts-384x216 .title, .g-w11 .ts-384x216 .title, .g-w12 .ts-384x216 .title, .g-w13 .ts-384x216 .title, .g-w14 .ts-384x216 .title, .g-w15 .ts-384x216 .title { padding-top:224px; top:0; } .g-w10 .ts-384x216 .title *, .g-w11 .ts-384x216 .title *, .g-w12 .ts-384x216 .title *, .g-w13 .ts-384x216 .title *, .g-w14 .ts-384x216 .title *, .g-w15 .ts-384x216 .title * { right:0; } .g-w10 .ts-384x216 .title .cta, .g-w11 .ts-384x216 .title .cta, .g-w12 .ts-384x216 .title .cta, .g-w13 .ts-384x216 .title .cta, .g-w14 .ts-384x216 .title .cta, .g-w15 .ts-384x216 .title .cta { right:272px; } .g-w10 .ts-384x216 div.body, .g-w11 .ts-384x216 div.body, .g-w12 .ts-384x216 div.body, .g-w13 .ts-384x216 div.body, .g-w14 .ts-384x216 div.body, .g-w15 .ts-384x216 div.body { min-height:0; margin-top:-8px; padding-bottom:0; } .g-w10 .more-top-stories .ts-384x216 .title, .g-w11 .more-top-stories .ts-384x216 .title, .g-w12 .more-top-stories .ts-384x216 .title, .g-w13 .more-top-stories .ts-384x216 .title, .g-w14 .more-top-stories .ts-384x216 .title, .g-w15 .more-top-stories .ts-384x216 .title { top:0; } /* =Teaser: 512x288 baseline offset: 0 min-height: 288 half baseline align: 288 + 4 = 292 -----------------------------*/ /* Base */ .ts-512x288 { position:relative; } .ts-512x288 .title img { position:absolute; top:0; right:0; display:block; } /* Horisontal layout (default) */ .ts-512x288 { min-height:304px; } .top-story .ts-512x288 .body { min-height:304px; } .ts-512x288 .body {padding-bottom:8px;} .ts-512x288 .title, .ts-512x288 .body, .ts-512x288 .date { margin-right:528px; } .ts-512x288 .title img { padding-bottom:8px; } .ts-512x288 .title img { right:-528px; } .ts-512x288 .title .cta { right:480px; direction:ltr; } .top-story .ts-512x288 .body { margin-top:-308px; } /* Vertical layout (17-25 columns) */ .g-w17 .ts-512x288 *, .g-w18 .ts-512x288 *, .g-w19 .ts-512x288 *, .g-w20 .ts-512x288 *, .g-w21 .ts-512x288 *, .g-w22 .ts-512x288 *, .g-w23 .ts-512x288 *, .g-w24 .ts-512x288 *, .g-w25 .ts-512x288 * { margin-right:0; position:static; min-height:0; } .g-w17 .ts-512x288 .title, .g-w18 .ts-512x288 .title, .g-w19 .ts-512x288 .title, .g-w20 .ts-512x288 .title, .g-w21 .ts-512x288 .title, .g-w22 .ts-512x288 .title, .g-w23 .ts-512x288 .title, .g-w24 .ts-512x288 .title, .g-w25 .ts-512x288 .title { padding-top:292px; } .g-w17 .ts-512x288 .title *, .g-w18 .ts-512x288 .title *, .g-w19 .ts-512x288 .title *, .g-w20 .ts-512x288 .title *, .g-w21 .ts-512x288 .title *, .g-w22 .ts-512x288 .title *, .g-w23 .ts-512x288 .title *, .g-w24 .ts-512x288 .title *, .g-w25 .ts-512x288 .title * { right:0; } .g-w17 .ts-512x288 div.body, .g-w18 .ts-512x288 div.body, .g-w19 .ts-512x288 div.body, .g-w20 .ts-512x288 div.body, .g-w21 .ts-512x288 div.body, .g-w22 .ts-512x288 div.body, .g-w23 .ts-512x288 div.body, .g-w24 .ts-512x288 div.body, .g-w25 .ts-512x288 div.body { min-height:0; margin-top:-12px; padding-bottom:0; } .g-w17 .breaking-news .ts-512x288 .title, .g-w18 .breaking-news .ts-512x288 .title, .g-w19 .breaking-news .ts-512x288 .title, .g-w20 .breaking-news .ts-512x288 .title, .g-w21 .breaking-news .ts-512x288 .title, .g-w22 .breaking-news .ts-512x288 .title, .g-w23 .breaking-news .ts-512x288 .title, .g-w24 .breaking-news .ts-512x288 .title, .g-w25 .breaking-news .ts-512x288 .title { margin-bottom:-12px; top:2px; } .g-w17 .breaking-news .ts-512x288 img, .g-w18 .breaking-news .ts-512x288 img, .g-w19 .breaking-news .ts-512x288 img, .g-w20 .breaking-news .ts-512x288 img, .g-w21 .breaking-news .ts-512x288 img, .g-w22 .breaking-news .ts-512x288 img, .g-w23 .breaking-news .ts-512x288 img, .g-w24 .breaking-news .ts-512x288 img, .g-w25 .breaking-news .ts-512x288 img { position:static; padding-top:10px; } .g-w17 .breaking-news .ts-512x288 div.body, .g-w18 .breaking-news .ts-512x288 div.body, .g-w19 .breaking-news .ts-512x288 div.body, .g-w20 .breaking-news .ts-512x288 div.body, .g-w21 .breaking-news .ts-512x288 div.body, .g-w22 .breaking-news .ts-512x288 div.body, .g-w23 .breaking-news .ts-512x288 div.body, .g-w24 .breaking-news .ts-512x288 div.body, .g-w25 .breaking-news .ts-512x288 div.body { margin-top:6px; } /* =Teaser: 256 EMP baseline offset: 6 min-height: 178 + 6 = 184 baseline align with 4px gap: 184 + 4 = 188 -----------------------------*/ /* Base */ .ts-256emp { position:relative; } .ts-256emp .title img { position:absolute; top:0; right:0; display:block; } .ts-256emp .emp-f-video { width: 256px; margin-top:8px; padding-bottom:8px; } /* Horisontal layout (default) */ .ts-256emp, .top-story .ts-256emp .body { min-height:160px; } .ts-256emp .title, .ts-256emp .body, .ts-256emp .date { margin-right:264px; } .ts-256emp .title img { padding-bottom:6px; /* puts following elements back on baseline: 178 + 6 = 184 */ } .ts-256emp .title img { right:-272px; } .ts-256emp .title .cta { right:-48px; direction:ltr; } .top-story .ts-256emp { padding-bottom:4px; } .top-story .ts-256emp .title .cta { bottom:152px; right:224px; } .top-story .ts-256emp div.body { margin-top:-160px; padding-top:0; } .top-story .ts-256emp .emp-f-video { padding-bottom:4px; } /* Vertical layout (10-15 columns) */ .g-w10 .ts-256emp *, .g-w11 .ts-256emp *, .g-w12 .ts-256emp *, .g-w13 .ts-256emp *, .g-w14 .ts-256emp *, .g-w15 .ts-256emp * { margin-right:0; position:static; min-height:0; } .g-w10 .ts-256emp .title, .g-w11 .ts-256emp .title, .g-w12 .ts-256emp .title, .g-w13 .ts-256emp .title, .g-w14 .ts-256emp .title, .g-w15 .ts-256emp .title { padding-top:144px; } .g-w10 .ts-256emp .title *, .g-w11 .ts-256emp .title *, .g-w12 .ts-256emp .title *, .g-w13 .ts-256emp .title *, .g-w14 .ts-256emp .title *, .g-w15 .ts-256emp .title * { right:0; } .g-w10 .ts-256emp .title .cta, .g-w11 .ts-256emp .title .cta, .g-w12 .ts-256emp .title .cta, .g-w13 .ts-256emp .title .cta, .g-w14 .ts-256emp .title .cta, .g-w15 .ts-256emp .title .cta { right:224px; } .g-w10 .ts-256emp .emp-f-video, .g-w11 .ts-256emp .emp-f-video, .g-w12 .ts-256emp .emp-f-video, .g-w13 .ts-256emp .emp-f-video, .g-w14 .ts-256emp .emp-f-video, .g-w15 .ts-256emp .emp-f-video { margin-top:0; padding-bottom:0; } .g-w10 .ts-256emp div.body, .g-w11 .ts-256emp div.body, .g-w12 .ts-256emp div.body, .g-w13 .ts-256emp div.body, .g-w14 .ts-256emp div.body, .g-w15 .ts-256emp div.body { min-height:0; margin-top:0; padding-bottom:0; } .g-w10 .top-story .ts-256emp div.body, .g-w11 .top-story .ts-256emp div.body, .g-w12 .top-story .ts-256emp div.body, .g-w13 .top-story .ts-256emp div.body, .g-w14 .top-story .ts-256emp div.body, .g-w15 .top-story .ts-256emp div.body { margin-top:0; } .g-w10 .top-story .ts-256emp .emp-f-video, .g-w11 .top-story .ts-256emp .emp-f-video, .g-w12 .top-story .ts-256emp .emp-f-video, .g-w13 .top-story .ts-256emp .emp-f-video, .g-w14 .top-story .ts-256emp .emp-f-video, .g-w15 .top-story .ts-256emp .emp-f-video { padding-bottom:0; } .top-story .ts-256emp .emp-f-video { margin-top:8px; } /* =Teaser: 384 EMP baseline offset: 5 min-height: 251 + 5 = 256 half baseline align: 256 + 4 = 260 -----------------------------*/ /* Base */ .ts-384emp { position:relative; } .ts-384emp .title img { position:absolute; top:0; right:0; display:block; } .ts-384emp .emp-f-video { width: 384px; margin-top:8px; padding-bottom:16px; } /* Horisontal layout (default) */ .ts-384emp, .top-story .ts-384emp .body { min-height:240px; } .ts-384emp .title, .ts-384emp .body, .ts-384emp .date { margin-right:400px; } .ts-384emp .title img { padding-bottom:5px; } .ts-384emp .title img { right:-400px; } .ts-384emp .title .cta { right:-48px; direction:ltr; } .top-story .ts-384emp { padding-bottom:4px; } .top-story .ts-384emp .title .cta { bottom:223px; right:352px; } .top-story .ts-384emp .body { margin-top:-240px; } .top-story .ts-384emp .emp-f-video { padding-bottom:12px; } /* Vertical layout (10-15 columns) */ .g-w10 .ts-384emp *, .g-w11 .ts-384emp *, .g-w12 .ts-384emp *, .g-w13 .ts-384emp *, .g-w14 .ts-384emp *, .g-w15 .ts-384emp * { margin-right:0; position:static; min-height:0; } .g-w10 .ts-384emp .title, .g-w11 .ts-384emp .title, .g-w12 .ts-384emp .title, .g-w13 .ts-384emp .title, .g-w14 .ts-384emp .title, .g-w15 .ts-384emp .title { padding-top:216px; } .g-w10 .ts-384emp .title *, .g-w11 .ts-384emp .title *, .g-w12 .ts-384emp .title *, .g-w13 .ts-384emp .title *, .g-w14 .ts-384emp .title *, .g-w15 .ts-384emp .title * { right:0; } .g-w10 .ts-384emp .title .cta, .g-w11 .ts-384emp .title .cta, .g-w12 .ts-384emp .title .cta, .g-w13 .ts-384emp .title .cta, .g-w14 .ts-384emp .title .cta, .g-w15 .ts-384emp .title .cta { right:352px; } .g-w10 .ts-384emp .emp-f-video, .g-w11 .ts-384emp .emp-f-video, .g-w12 .ts-384emp .emp-f-video, .g-w13 .ts-384emp .emp-f-video, .g-w14 .ts-384emp .emp-f-video, .g-w15 .ts-384emp .emp-f-video { margin-top:0; padding-bottom:0; } .g-w10 .ts-384emp div.body, .g-w11 .ts-384emp div.body, .g-w12 .ts-384emp div.body, .g-w13 .ts-384emp div.body, .g-w14 .ts-384emp div.body, .g-w15 .ts-384emp div.body { min-height:0; margin-top:0; padding-bottom:0; } .g-w10 .top-story .ts-384emp div.body, .g-w11 .top-story .ts-384emp div.body, .g-w12 .top-story .ts-384emp div.body, .g-w13 .top-story .ts-384emp div.body, .g-w14 .top-story .ts-384emp div.body, .g-w15 .top-story .ts-384emp div.body { margin-top:-4px; } .top-story .ts-384emp .emp-f-video {margin-top:8px;} /* =Teaser: 512 EMP baseline offset: 5 min-height: 323 + 5 = 328 half baseline align: 328 + 4 = 332 -----------------------------*/ /* Base */ .ts-512emp { position:relative; } .ts-512emp .title img { position:absolute; top:0; right:0; display:block; } .ts-512emp .emp-f-video { width: 512px; margin-top:8px; } /* Horisontal layout (default) */ .ts-512emp, .top-story .ts-512emp .body { min-height:304px; } .ts-512emp .title, .ts-512emp .body, .ts-512emp .date { margin-right:528px; } .ts-512emp .title img { padding-bottom:8px; } .ts-512emp .title img { right:-528px; } .ts-512emp .title .cta { right:-528px; direction:ltr; } .ts-512emp .body {padding-bottom:16px;} .top-story .ts-512emp .body { margin-top:-296px; } .top-story .ts-512emp .title .cta { bottom:299px; right:480px; } .breaking-news .ts-512emp { padding-bottom:0; } .breaking-news .ts-512emp .emp-f-video { margin-top:0; } /* Vertical layout (17-25 columns) */ .g-w17 .ts-512emp *, .g-w18 .ts-512emp *, .g-w19 .ts-512emp *, .g-w20 .ts-512emp *, .g-w21 .ts-512emp *, .g-w22 .ts-512emp *, .g-w23 .ts-512emp *, .g-w24 .ts-512emp *, .g-w25 .ts-512emp * { margin-right:0; position:static; min-height:0; } .g-w17 .breaking-news .ts-512emp .emp-f-video, .g-w18 .breaking-news .ts-512emp .emp-f-video, .g-w19 .breaking-news .ts-512emp .emp-f-video, .g-w20 .breaking-news .ts-512emp .emp-f-video, .g-w21 .breaking-news .ts-512emp .emp-f-video, .g-w22 .breaking-news .ts-512emp .emp-f-video, .g-w23 .breaking-news .ts-512emp .emp-f-video, .g-w24 .breaking-news .ts-512emp .emp-f-video, .g-w25 .breaking-news .ts-512emp .emp-f-video, .g-w17 .breaking-news .ts-512emp .title img, .g-w18 .breaking-news .ts-512emp .title img, .g-w19 .breaking-news .ts-512emp .title img, .g-w20 .breaking-news .ts-512emp .title img, .g-w21 .breaking-news .ts-512emp .title img, .g-w22 .breaking-news .ts-512emp .title img, .g-w23 .breaking-news .ts-512emp .title img, .g-w24 .breaking-news .ts-512emp .title img, .g-w25 .breaking-news .ts-512emp .title img { position:static; margin-top:16px; } .g-w17 .breaking-news .ts-512emp .title .cta, .g-w18 .breaking-news .ts-512emp .title .cta, .g-w19 .breaking-news .ts-512emp .title .cta, .g-w20 .breaking-news .ts-512emp .title .cta, .g-w21 .breaking-news .ts-512emp .title .cta, .g-w22 .breaking-news .ts-512emp .title .cta, .g-w23 .breaking-news .ts-512emp .title .cta, .g-w24 .breaking-news .ts-512emp .title .cta, .g-w25 .breaking-news .ts-512emp .title .cta { top:auto; bottom:299px; right:480px; } .g-w17 .ts-512emp .title, .g-w18 .ts-512emp .title, .g-w19 .ts-512emp .title, .g-w20 .ts-512emp .title, .g-w21 .ts-512emp .title, .g-w22 .ts-512emp .title, .g-w23 .ts-512emp .title, .g-w24 .ts-512emp .title, .g-w25 .ts-512emp .title { padding-top:328px; } .g-w17 .ts-512emp .title *, .g-w18 .ts-512emp .title *, .g-w19 .ts-512emp .title *, .g-w20 .ts-512emp .title *, .g-w21 .ts-512emp .title *, .g-w22 .ts-512emp .title *, .g-w23 .ts-512emp .title *, .g-w24 .ts-512emp .title *, .g-w25 .ts-512emp .title * { right:0; } .g-w17 .ts-512emp div.body, .g-w18 .ts-512emp div.body, .g-w19 .ts-512emp div.body, .g-w20 .ts-512emp div.body, .g-w21 .ts-512emp div.body, .g-w22 .ts-512emp div.body, .g-w23 .ts-512emp div.body, .g-w24 .ts-512emp div.body, .g-w25 .ts-512emp div.body { min-height:0; margin-top:-4px; padding-bottom:0; } .g-w17 .ts-512emp, .g-w18 .ts-512emp, .g-w19 .ts-512emp, .g-w20 .ts-512emp, .g-w21 .ts-512emp, .g-w22 .ts-512emp, .g-w23 .ts-512emp, .g-w24 .ts-512emp, .g-w25 .ts-512emp { padding-bottom:4px; } /* =Teaser: Slideshow -----------------------------*/ .ts-slideshow div.controls .forward { right:54px; } .ts-slideshow div.controls .back { right:0; } .ts-slideshow div.controls a.pause{ right:25px; } .ts-slideshow .controls .forward span { background-position:-228px -33px; } .ts-slideshow .controls .back span { background-position:-247px -33px; } .ts-slideshow .slideshow-position { direction:ltr; } /* Download, podcast and participate cta's -------------------------------------------- */ .ts-podcast .title a .cta, .ts-download .title a .cta, .ts-participate .title a .cta { overflow:hidden; } .ts-podcast.body-disabled a, .ts-download.body-disabled a, .ts-participate.body-disabled a { display:inline-block; } .ts-podcast.body-disabled a { padding-right:26px; } .ts-podcast.body-disabled a span.cta { right:0; } .ts-podcast.body-disabled a .cta, .ts-download.body-disabled a .cta, .ts-participate.body-disabled a .cta { position:absolute; bottom:3px; } .ts-podcast a, .ts-download a { padding-bottom:32px; } .ts-podcast .title a, .ts-download .title a { padding-bottom:0; } .ts-download a .cta, .ts-podcast a .cta { padding-left:24px; } .ts-download a .cta span, .ts-podcast a .cta span { margin:0; float:none; display:block; } /* =TABBED CONTENT +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Tabbed module eg livestats */ .blq-js .tabbed .tab {float:right;} .blq-js .tabbed .content { margin-top:32px; float:left; margin-right:0; } /* below values need to be equal to each other, and changed per column width */ .blq-js .g-w11 .tabbed .content {width:320px;} .blq-js .g-w11 .tabbed div.open { margin-right:-320px; right:0; } .blq-js .av-instance .g-w11 .tabbed .content, .blq-js .genre-multimedia .g-w11 .tabbed .content {width:304px;} .blq-js .av-instance .g-w11 .tabbed div.open, .blq-js .genre-multimedia .g-w11 .tabbed div.open { margin-right:-304px; right:0; } .blq-js .g-w10 .tabbed .content {width:288px;} .blq-js .g-w10 .tabbed div.open { margin-right:-288px; right:0; } /* Tabbed content eg story tabs */ .blq-js .tabs-h .tabs-nav li a {border-left:solid 1px #a9a9a9;} .blq-js .tabs-h .tabs-nav li.last a, .blq-js .tabs-h .tabs-nav li.before-open a {border-left:solid 1px #ededed;} .blq-js .tabs-h .tabs-nav li.open a {border-left:solid 1px #fff;} .blq-js .story-body .tabs {width:608px;} .blq-js .tabs .tab .module > div {margin-left:0;} .blq-js .tabs .tab .module > div.image {margin-top:16px;} .blq-js .tabs-h .tabs-nav {padding:0;} .blq-js .tabs-h .tabs-nav li { float:right; padding:4px 0 12px; } .blq-js .tabs-h .tabs-nav li a {padding:0 8px 0 7px;} .blq-js .tabs-h .tabs-nav li.open a { margin-right:-1px; padding-right:9px; } .blq-js .tabs-h .tab { padding:0 8px; overflow:hidden; margin:0; } .blq-js .tabs-v .tabs-nav { float:right; width:160px; padding:0; } .blq-js .tabs-v .tabs-nav li {margin:0 0 0 8px;} .blq-js .tabs-v .tabs-nav li.open {margin-left:0;} .blq-js .tabs-v .tabs-nav li a { margin:0 8px; padding:8px 2px 7px; } .blq-js .tabs-v .tabs-nav li.open a {margin-left:16px;} .blq-js .tabs-v .tab { float:right; padding:0 16px; } .blq-js .tab .module-wrapper{ float:left; margin-right:16px; } .blq-js .tab .module-wrapper .module .image, .blq-js .tab .module-wrapper .module .box{ margin-right:0; } /* =LISTS Class prefix: li +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =List: Base -----------------------------*/ .list ol li {} .list li.teaser { /*margin-bottom: 8px;*/ } .list .associated li.ts-headline {} /* =List: Columns -----------------------------*/ ul.cols-1, ul.cols-2, ul.cols-3, ul.cols-4 { clear:both; overflow:hidden; } .cols-1 .g-w0, .cols-2 .g-w0, .cols-3 .g-w0, .cols-4 .g-w0 { float: left; margin-left: 16px; } /* =List: Inside split column slots -----------------------------*/ .g-split-columns .li-importer li { float:right; margin-right:16px; } .g-split-columns .li-importer .content { margin-right:-16px; } /* =List: Plain -----------------------------*/ .li-plain {} /* =List: Features -----------------------------*/ .g-w11 .li-specialfeatures .content, .g-w20 .li-specialfeatures .content {padding-top:0;} .g-w11 .li-specialfeatures { padding-left:8px; padding-right:8px; } .g-w11 .li-specialfeatures .content { overflow:visible; } .g-w11 .li-specialfeatures .ts-headline {} .g-w11 .li-specialfeatures .ts-336x189 { margin:0 -8px -8px; padding-bottom:8px; } .g-w11 .li-specialfeatures .ts-336x189 + .ts-112x63, .g-w11 .li-specialfeatures .ts-336x189 + .ts-headline {padding-top:8px;} /* won't work in ie6 */ .g-w11 .li-specialfeatures .ts-336x189 .title {padding-left:8px; padding-right:8px;} .g-w11 .li-specialfeatures .ts-336x189 .body {padding:0 8px;} .g-w20 .li-specialfeatures .title { padding-left:16px; } .g-w20 .li-specialfeatures .teaser img { padding:0; border-left:solid 1px #fff; } .g-w20 .li-specialfeatures .teaser p, .g-w20 .li-specialfeatures .body .inner-list, .g-w20 .li-specialfeatures .body .associated, .g-w20 .li-specialfeatures .body .topics { padding-left:16px; padding-right:15px; } .g-w20 .li-specialfeatures .body .inner-list .teaser {margin-bottom:0;} .g-w20 .li-specialfeatures .ts-304x171 { height:171px; min-height:0; margin-bottom:5px; overflow:hidden; } .g-w20 .li-specialfeatures .ts-304x171 .body { margin-right:304px; } .g-w20 .li-specialfeatures .ts-304x171 .inner-list { height:75px; position:absolute; width:289px; bottom:0; } .g-w10 .li-specialfeatures .ts-304x171 .inner-list { position:static; width:auto; height:auto; padding-left:0; padding-right:0; } .g-w20 .li-specialfeatures .ts-336x189 { height:189px; min-height:0; margin-bottom:3px; overflow:hidden; } .g-w20 .li-specialfeatures .ts-336x189 .body { margin-right:336px; } .g-w20 .li-specialfeatures .ts-336x189 .inner-list { height:93px; position:absolute; width:257px; bottom:0; } /* =List: Dropdown -----------------------------*/ .li-dropdown {} /* =List: Top Stories -----------------------------*/ div.topstories-list .rss { left:8px; } /* =List: Listing -----------------------------*/ .li-listing div.nav ul li.prev { margin-right:6px; padding-left:14px; padding-right:0; background-image:url(/staticarchive/55eb716dfb7aca3f1e029b341f16ded0165e85cd.gif); background-position:left 8px; } .li-listing div.nav ul li.next{ margin-left:6px; padding-left:0; padding-right:14px; background-image:url(/staticarchive/25ede360c35eb1315f76a99e0b72cbeb02e8dece.gif); background-position:right 8px; } /* =List: Ticker -----------------------------*/ .blq-js .li-ticker .title{ float:right; } .blq-js .li-ticker ul{ float:right; } /* cta */ .blq-js .li-ticker ul li.teaser a span.cta { bottom:0; padding:0 20px 0 0; } .blq-js .li-ticker ul li a .cta span { right:0; } .blq-js .li-ticker ul li a span.cta span.duration { padding-left:4px; } .blq-js div.li-ticker ul li.ts-av-live a span.cta { padding-right:0; right:0; } /* ticker controls */ .li-ticker .ticker-controls{ float:left; } .blq-js div.li-ticker .ticker-controls ul li{ padding:0 0 0 8px !important; } .li-ticker .ticker-controls li.pause{ left:37px; } .li-ticker .ticker-controls li.next{ left:20px; } .li-ticker .ticker-controls li.prev{ left:0; } /* =List: Carousel -----------------------------*/ .li-carousel .title{ float:right; } /* carousel item */ .gel-carousel .carousel-gel-generic .carousel-item{ border-left:1px solid #fff; float:right; } .carousel-gel-generic .carousel-item .title a img{ right:0; } .li-carousel-304x171 .carousel-gel-generic .carousel-item .title a img{ left:0; } .li-carousel .content .ts-304x171 .title .cta, .gel-carousel .carousel-gel-generic .carousel-window .carousel-item .cta{ left:0; right:auto; } /* carousel prev-next */ .gel-carousel .carousel-gel-generic .carousel-window .carousel-content{ right:22px; } .gel-carousel .carousel-gel-generic .carousel-prev { background-position:top right; border-left:1px solid #fff; right:0; top:0; } .gel-carousel .carousel-gel-generic .carousel-next { left:0; top:0; } /* context specific */ .g-w20 .li-carousel-144x81 .carousel-gel-generic .carousel-prev{ width:21px; } .g-w20 .li-carousel-144x81 .carousel-gel-generic .carousel-next{ background-position:top left; } .g-w11 .gel-carousel .carousel-gel-generic .carousel-window .carousel-content{ right:24px; } .g-w11 .li-carousel-304x171 .carousel-gel-generic .carousel-window ul.carousel-content{ right:23px; } .g-w11 .li-carousel-144x81 .carousel-gel-generic .carousel-prev{ background-position:-22px top; width:23px; } .li-carousel-304x171 .carousel-gel-generic .carousel-prev{ background-position:-22px -1px; } .li-carousel-304x171 .carousel-gel-generic .carousel-next{ background-position:0 -1px; } .li-carousel .carousel-page-nav{ float:left; } .li-carousel .carousel-page-nav li{ display:inline; float:right; margin-right:4px; } /* =List: Picture Gallery -----------------------------*/ /* non-JS styles */ .li-picturegallery div.content ul li .content a{ float:right; margin-left:10px; } .blq-js .li-picturegallery div.content ul li .content a{ margin-left:0; } .li-picturegallery .carousel-window .carousel-item { float:right; } .li-picturegallery .overlay-nav a.next { background:transparent url(/staticarchive/a4dbe8f511993058f4de89125c9223eeced31d5a.png) no-repeat left center; left:0; } .li-picturegallery .overlay-nav a.prev { background:transparent url(/staticarchive/a4dbe8f511993058f4de89125c9223eeced31d5a.png) no-repeat right center; right:0; } /* LiveEvents +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Overriding styles for LiveEvent dimensions of 320x180 Thumbs are 112x63 */ .li-picturegallery.pg-320x180 .overlay-nav a.next { background:transparent url(/staticarchive/4b6348530e5a44f48a27c804ef8ce0ae74f3f12c.png) no-repeat left 70px; left:0; } .li-picturegallery.pg-320x180 .overlay-nav a.prev { background:transparent url(/staticarchive/4b6348530e5a44f48a27c804ef8ce0ae74f3f12c.png) no-repeat right 70px; right:0; } .li-picturegallery .footer-nav .controls { float:left; } .li-picturegallery .controls li { float:left; } .li-picturegallery .controls a { margin:0 0 0 8px; padding:0 8px; } .li-picturegallery .image-counter { float:right; } .lightbox-captions .body .cta, .lightbox-journal .body .cta { padding-right:22px; } .lightbox-captions .body .cta span, .lightbox-journal .body .cta span { direction:ltr; right:0; } .lightbox-journal .bodytext, .embedded-journal .bodytext { right:624px; } .lightbox-journal .associated li.teaser, .embedded-journal .associated li.teaser { margin-right:0; } .lightbox-journal .pg-journal-wrapper .associated li a .cta, .embedded-journal .pg-journal-wrapper .associated li a .cta{ direction:ltr; } .lightbox-journal .pg-journal-wrapper .associated li a .cta span, .embedded-journal .pg-journal-wrapper .associated li a .cta span{ direction:rtl; } .lightbox-journal .footer-nav, .embedded-journal .footer-nav { right:624px; } .gel-carousel .carousel-gel-pg .carousel-prev { background-position:-72px top; right:0; top:0; } .gel-carousel .carousel-gel-pg .carousel-prev-disabled { background-position:-48px top; } .gel-carousel .carousel-gel-pg .carousel-next { background-position:top left; left:0; top:0; } .gel-carousel .carousel-gel-pg .carousel-next-disabled { background-position:-24px top; } /* =List: Tabs -----------------------------*/ .li-tabs {} /* =List: Tabbed -----------------------------*/ .li-tabbed {} /* =List: Multi Clip EMP ------------------------------*/ .li-multiclipemp { margin-bottom: 16px; } .li-multiclipemp > .title { border: 0; } .li-multiclipemp li.teaser { top: 0; margin-bottom: 0; padding-right: 8px; } .li-multiclipemp .content li .clip a { padding-right:30px; background-position:5px 5px; } .li-multiclipemp .ts-headline a .cta { right: 8px; top: 8px; } .li-multiclipemp .ts-112x63 { min-height: 71px; padding-top: 8px; } .li-multiclipemp .cta { top: 8px; } .li-multiclipemp .ts-256emp { min-height: 120px; } .li-multiclipemp .content li a.clip-loaded:hover, .li-multiclipemp .content li a.clip-playing:hover { background-position:5px 5px !important; } .li-multiclipemp .popout-player { padding-right: 22px; } .li-multiclipemp .popout-player span { top:0; right: 0; } .popup .multiclip-container { direction: rtl; } /* =List: Simple Timeline -----------------------------*/ .story-body .bodytext .li-simpletimeline .content .box { margin-left:0; } .blq-js .li-simpletimeline .content .box .content{ border-right:1px solid #ccc; } .blq-js .li-simpletimeline .content .first .box .content{ padding-left:0; } .li-simpletimeline .carousel-item { float: right !important; } .tl-back{ background-position:24px -29px; right:0; } .tl-fwd{ background-position:1px -29px; left:0; } .li-simpletimeline .timeline-nav ol li{ float:right; margin-right:0; } .timeline-nav-slider{ right:24px; } .tl-drag-container{ right:24px; } .tl-drag-handle{ right:0; } /* =List: related links -----------------------------*/ .bodytext .list .list { float:none; width:auto; margin:0; } /* =List: More Multimedia -----------------------------*/ .blq-js .li-moremultimedia .tabs-nav{ float:right; } .blq-js .li-moremultimedia .tabs-nav li{ padding:0 8px 0 16px; } .blq-js .li-moremultimedia div.content{ float:right; padding:16px 0 0 16px; } .blq-js .li-moremultimedia .panel .content .title{ float:right; margin:0 16px 0 0; } .blq-js .li-moremultimedia .panel .teaser .title{ margin-right:0; } .blq-js .li-moremultimedia .panel .teaser .title img{ right:0; } .blq-js .li-moremultimedia .panel .teaser .title .cta{ left:0; top:0; right:auto; } .blq-js .li-moremultimedia .panel .teaser{ float:right; margin-right:16px; } /* =List: Contextual lists -----------------------------*/ .contextual-links .list .content {margin-bottom:8px;} .contextual-links .list ul { margin:0 0 0 -10px; padding:0; } .contextual-links .list .teaser {margin-left:10px;} .contextual-links .list .content .ts-headline { width:224px; margin-left:11px; } .contextual-published-list .list ul, .contextual-links .list .list ul, .contextual-links .li-relatedlinks ul { margin:0; } .contextual-links .list .list {margin-top:0;} .contextual-links .list .list .content { padding-top:0; margin-bottom:0; } .contextual-published-list .list .content .ts-headline, .contextual-links .li-relatedlinks .content .ts-headline { width:auto; } .contextual-links .content .ts-headline, .inline-contextual-links .content .ts-headline { padding-top:8px; } .contextual-links .content .first, .inline-contextual-links .content .first { padding-top:0; } .li-relatedtopics ul { margin-bottom:8px; } .li-relatedtopics ul li { display:inline !important; margin-left:4px; } /* Inline contextual list styles */ .bodytext .list ul {padding:0;} .bodytext .list li { padding:0; display:block; } .bodytext .list li .list { float:none; margin-right:0; margin-left:0; } .bodytext .list li .list .content { padding-top:8px; margin-bottom:0; } .story-body .bodytext .inline-contextual-links { float:left; margin-left:-160px; display:inline; margin-top:14px; margin-bottom:8px; clear:left; } .story-body .bodytext .inline-contextual-links .list { float:none; margin-left:0; margin-top:0; } /* For ie - when contextual links are inserted into body, if an inline module aleady exists closeby, a large gap is created between paragraphs */ /* To fix an empty div with class 'layoutFix' is inserted before the inline contextual links in JS */ .layoutFix { float: right; height: 0; } /* =List: Radio Programmes -----------------------------*/ .radio-programmes .ts-headline a .cta .duration { float: right; } /* =List: Topics -----------------------------*/ .blq-js .li-topics .content .body ol{ float:right; } .g-container .li-topics h3 { clear:right; } .g-container .li-topics .body ol li { float:right; padding-left:8px !important; padding-right:8px !important; } .blq-js .g-container .li-topics .body ol li { clear:right; } .li-topics .cta { clear:right; padding:0 21px 0 0; } .ws-modal-popup .li-topics .tab { float:right; } .ws-modal-popup .li-topics .content { left:-500%; } .ws-modal-popup .li-topics div.open { float:left; margin-right:-752px; right:0; } .ws-modal-popup .li-topics .body ol{ margin-right:16px; } .ws-modal-popup .li-topics .body ol.last{ margin-left:16px; } .li-topics .cta span { right:0; } .li-topics .content .topics-page-nav ul{ float:left; } .li-topics .content .topics-page-nav li { float:right; } .li-topics .content .topics-page-nav li.page-num a { float:right; } .li-topics .topics-page-nav li.prev{ margin:0 16px 0 6px; } .li-topics .topics-page-nav li.next{ margin:0 6px 0 16px; } .li-topics .topics-page-nav li.prev a, .li-topics .topics-page-nav li.prev a.inactive:hover{ padding-left:22px; } .li-topics .topics-page-nav li.next a, .li-topics .topics-page-nav li.next a.inactive:hover{ padding-right:22px; } .li-topics .topics-page-nav li.prev a span{ background-position:-247px 0; left:0; } .li-topics .topics-page-nav li.prev a.inactive span, .li-topics .topics-page-nav li.prev a.inactive:hover span{ background-position:-247px -32px; } .li-topics .topics-page-nav li.prev a:hover span{ background-position:-247px -15px; } .li-topics .topics-page-nav li.next a span{ background-position:-227px 0; right:0; } .li-topics .topics-page-nav li.next a.inactive span, .li-topics .topics-page-nav li.next a.inactive:hover span{ background-position:-227px -32px; } .li-topics .topics-page-nav li.next a:hover span{ background-position:-227px -15px; } /* =List: Drawers -----------------------------*/ .li-drawers li{ float:left; } .li-drawers li.first{ border-left:1px solid #fff; float:right; } /* z-indexes */ .blq-js .li-drawers li.draw0{z-index:3;} .blq-js .li-drawers li.draw1{z-index:2;} .blq-js .li-drawers li.draw2{z-index:1;} .blq-js .li-drawers li { border-left:2px solid #fff; } .blq-js .li-drawers li.draw2 { border-left:none; } .blq-js .li-drawers li.draw0{ left:334px; } .blq-js .li-drawers li.draw1{ left:166px; } .blq-js .li-drawers li.draw2{ left:0px; } .blq-js .li-drawers li.closed .drawer-icon{ right:8px; } /* =List: Podcast subscribe -----------------------------*/ #pc-subscribe-buttons ul li { float:right; } /* =Services footer -----------------------------*/ #news-services { direction:ltr; float:right; } #news-services h2{ float:right; } #news-services ul{ clear:right; } #news-services li { float:right; padding:48px 0 0 8px; } #news-services li .services-icon { right:0; } #news-related-sites { float:right; } /* =BOXES Class prefix: bx +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Box: Base -----------------------------*/ .box { /* margin-bottom:8px; */ } .box .content { /*margin-bottom:8px;*/ } .box .content ul.associated, .box .content .body .cta {} .box blockquote {} .box blockquote p {} .box .associated li { line-height:24px; background-image:none; padding:0; margin:0 0 8px 0; } /* =Box: Livestats -----------------------------*/ .bx-livestats ol { list-style-type:none; list-style-position:outside; margin-top:-16px; /* fixes carriage return inserted by include */ } .bx-livestats .body .li-1 {background-position:14px center;} .bx-livestats .body .li-2 {background-position:-498px center;} .bx-livestats .body .li-3 {background-position:-1010px center;} .bx-livestats .body .li-4 {background-position:-1524px center;} .bx-livestats .body .li-5 {background-position:-2039px center;} .g-w11 .bx-livestats .watched-listened a { background-position:296px 14px; } .av-instance .g-w11 .bx-livestats .watched-listened a, .genre-multimedia .g-w11 .bx-livestats .watched-listened a { background-position:280px 14px; } .g-w10 .bx-livestats .watched-listened a { background-position:264px 14px; } /* =Box: Info -----------------------------*/ .bx-info .content .body ul li{ padding-right:16px; } .bx-info .content .body ol li{ padding-right:0; } .bodytext .bx-info .body ol li{ margin-right:0; } .bodytext .bx-info .body ul li{ background-position:-2987px 16px; } .g-w10 .bx-info .content img{ margin-right:-8px; } .bx-info div.content .associated li{ clear:right; float:right; } .g-w10 .bx-info .body ul li { background-position:-3003px 16px; } .g-w11 .bx-info .body ul li { background-position:-2971px 16px; } /* =Box: Quote -----------------------------*/ .bx-quote blockquote p .start-quote { background-position:100% -363px; direction:ltr; } .bx-quote .person img { float:right; clear:right; margin-left:8px; } /* =Box: Business feeds -----------------------------*/ .bx-businessfeed th, .bx-businessfeed td, .bx-businessfeed .disclaimer { text-align:right; } .content .change, div.content th.change { padding-right:8px; } .markets .content .change { padding-right:0; } .change span{ float:right; } .bx-businessfeed .footer-link { float:left; text-align:left; } .bx-businessfeed .disclaimer { float:right; } /* =Box: Byline -----------------------------*/ .bx-byline {padding-top:8px;} .bx-byline .person img { float:right; clear:right; } .bx-byline p {} /* =Box: Topics -----------------------------*/ .bx-topics-atoz .content .body ol{ float:left; } .g-container .bx-topics-atoz h3 { clear:left; } .g-container .bx-topics-atoz .content ol.last li { padding-right:5px; } .blq-js .bx-topics-atoz .cta { clear:left; padding:0 0 0 21px; } .ws-modal-popup .bx-topics-atoz .tab { float:left; } .ws-modal-popup .bx-topics-atoz .content { right:-500%; } .ws-modal-popup .bx-topics-atoz div.open { float:right; margin-right:-624px; } .ws-modal-popup .bx-topics-atoz .body ol li { padding-left:16px; } .ws-modal-popup .bx-topics-atoz .content ol.last li{ padding-right:16px; } .bx-topics-atoz .content .topics-page-nav ul{ float:right; } .bx-topics-atoz .content .topics-page-nav li { float:left; } .bx-topics-atoz .topics-page-nav li.prev{ padding-left:0; } .bx-topics-atoz .topics-page-nav li.next{ padding-right:8px; } .bx-topics-atoz .topics-page-nav li.prev a, .bx-topics-atoz .topics-page-nav li.prev a.inactive:hover{ padding-right:16px; } .bx-topics-atoz .topics-page-nav li.next a, .bx-topics-atoz .topics-page-nav li.next a.inactive:hover{ padding-left:16px; } /* =Box: Weather -----------------------------*/ .bx-weather h3 {} .bx-weather .fiveday {} /* =Box: Enlarge Image -----------------------------*/ .bx-enlargeimage {} .bx-enlargeimage .cta { display:block; padding-right:21px; background-position:193px 0px; } .bx-enlargeimage .cta:hover { background-position:193px -15px; } .bx-enlargeimage .cta span {display:block;} /* =Box: Livetext -----------------------------*/ .bx-livetext .title {} .blq-js .story #live-text h3 {} #live-text #what-is-this {} .bx-livetext ul li {float:right;} .bx-livetext .body ul li strong { right:16px; } .bx-livetext .live-text-check, .blq-js .bx-livetext .livetext-on { background-position: 0 -4px; } .blq-js .bx-livetext .body ul li {width:256px;} .bodytext #live-text h3 {background-position: 428px 4px;} .live-text-bodytext p strong { right:0; } /* =Box: Fact -----------------------------*/ /* =Box: Profile -----------------------------*/ /* =Box: Rolling News -----------------------------*/ .bx-rollingnews ul li { float:right; } .bx-rollingnews ul li a, .bx-rollingnews ul li p.timeago { float:left; } .blq-js .bx-rollingnews .live-updates, .blq-js .rollingnews-on { background-position: 0 -4px; } /* =Box: ImageMap -----------------------------*/ .story-body .bodytext .module .bx-imagemap { clear:both; float:none; margin-left:0; margin-right:0; margin-top:0; padding-top:8px; padding-bottom:8px; width:464px; } .story-body .bodytext .module .bx-imagemap.i-w624 {width:624px;} .fw-story-body .bodytext .module .bx-imagemap.i-w976 {margin-left:0;margin-right:0;} .bx-imagemap p.attribution {text-align:left;} /* =Box: Social Promo -----------------------------*/ .bx-social-promo .body ol li { float:right; } .bx-social-promo .body ol li img { border-left:1px solid #ededed; float:right; } .bx-social-promo .body li p { float:right; } .bx-social-promo .body li p a span{ right:0; } .bx-social-promo .body li.facebook-promo p a span{ background-position:right -550px; } .bx-social-promo .body li.friendfeed-promo p a span { background-position:right -440px; } .bx-social-promo .body li.youtube-promo p a span { background-position:right 0px; } .bx-social-promo .body li.twitter-promo p a span { background-position:right -220px; } .bx-social-promo .body li.livejournal-promo p a span { background-position:right -330px; } .bx-social-promo .body li.googleplus-promo p a span { background-position:right -660px; } .bx-social-promo .body li .cta { float:left; } /* =IMAGES Class prefix: img +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Image: Base -----------------------------*/ .module .img-w224 {width:224px;} .module .img-w304 {width:304px;} /* =TABLES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Table: Base -----------------------------*/ .bx-table td, .bx-table th {border-left:solid 1px #fff;} /*.bx-table .odd .last, .bx-table th.last {border-left:solid 1px #ededed;}*/ .bx-table th.last, .bx-table tr td.last, .bx-table .highlight .last {border-left:none;} /* Premier League Table - NOTE code taken straight from sport */ #footballtable thead th span { position:absolute; left:-5000px; } #footballtable td, #footballtable th {border-left:none;} #footballtable .c3, #footballtable .c4, #footballtable .c5, #footballtable .c6, #footballtable .c7, #footballtable .c8, #footballtable .c9, #footballtable .c10, #footballtable .c11, #footballtable .c12, #footballtable .c13, #footballtable .c14, #footballtable .c15 {text-align:left;} #footballtable .split td {text-align:left;} #footballtable .fulltable {margin-bottom:16px;} #footballtable .c1 {width: 4%;} #footballtable .c2 {width: 20%;} #footballtable .c3 {width: 4%;} #footballtable .c4 {width: 13%;} #footballtable .c5 {width: 4%;} #footballtable .c6 {width: 4%;} #footballtable .c7 {width: 5%;} #footballtable .c8 {width: 5%;} #footballtable .c9 {width: 13%;} #footballtable .c10 {width: 4%;} #footballtable .c11 {width: 4%;} #footballtable .c12 {width: 5%;} #footballtable .c13 {width: 5%;} #footballtable .c14 {width: 5%;} #footballtable .c15 {width: 5%;} /* =SIMPLE ACCORDION +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Vertical accordion - eg seen on weather index -----------------------------*/ .simple-vertical-accordion .divider { margin-bottom:12px; } .simple-vertical-accordion .open { margin-bottom:16px; } .simple-vertical-accordion .divider .title { margin-bottom:4px; } .blq-js .simple-vertical-accordion .divider .title span { direction:ltr; left:8px; top:8px; } /* =INCLUDES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =WEATHER +++++++++++++++++++++++++++++++++++++++++++++++ */ .weather-nav .cities li { float:right; width:33%; } .bx-weather-today { float: right; } .bx-weather-v4 li[class^="weather-v4-icon"] { right: 102px; } .bx-weather-v4 .info-h.min { left: 91px; } .bx-weather-v4 .info-h.max { right: 255px; } .weather-v4-home-city .weather-v4-iconnull.no-data { right: 236px; } .bx-weather-v4 .condition { right: 8px; } .blq-js .bx-weather-max, .blq-js .bx-weather-min, .genre-weather .w4-h1, li[class^="weather-v4-icon"] { float: right; } .ws-weather-3-day-desktop { float: left; } .w4 .g-w10.city:first-child { margin-right: 0; } #weather-container .w4 img { padding-left: 12px; } /* =EMP +++++++++++++++++++++++++++++++++++++++++++++++ */ .wsAVaudio-cont, p.wsAV-alternative, p.wsAV-preference {text-align:left !important;} p.wsAV-flashlink a, p.wsAV-alternative a, p.wsAV-preference a {background:url(/staticarchive/f64059b4840953d961e6a02d7f55cbbcc0f6e948.gif) no-repeat left 0.5em; margin:0 0 0 10px !important; padding-left:10px !important;} p.wsAV-noflashtext {padding-left:35px !important; background-position: left 5px;} .bodytext .align-center .emp-f-video .emp-img {margin-bottom:0;} .bodytext .align-center .emp-f-video img { width:448px; height:252px; } .bodytext .align-left-wrap .emp-f-video .emp-img {margin-bottom:0;} .bodytext .align-left-wrap .emp-f-video img { width:320px; height:180px; } /* =CUSTOMISED SCROLLBARS +++++++++++++++++++++++++++++++++++++++++++++++ */ .slider { left: -4px; } /* =WEATHER INDEX ++++++++++++++++++++++++++++++++++++++++++++++ */ #weather-container .info-h { float:right; } #weather-container img { margin-left:8px; } #weather-container .max, #weather-container .min { margin-left:30px; } #weather-container #change-degrees { padding-right:72px; } #weather-container #change-degrees span { margin-left:4px; top:0; right:0; } #weather-container #view-other-cities { left:32px; } /* =COMMENTS - have to override comments_gvl3.css +++++++++++++++++++++++++++++++++++++++++++++++ */ .dna-comments_module ul.tabs li, .dna-comments_module .comments_pagination #comment_pagination_page_status, .dna-comments_module .dna-comments-footer .dna-moderation-type { float:right !important; } .dna-comments_module ul.collections li.dna-comment .dna-comments-comment-footer .flag, div.dna-comments_module .dna-comment-list .comments_pagination .comments_pagination_ul, div.dna-comments_module .dna-comment-list .comments_pagination .comments_pagination_ul .view-all-dna-comments, .dna-comments_module .dna-comments-footer .dna-commentbox-submit-controls { float:left; } div.dna-comments_module .dna-comment-list .comments_pagination { width:100%; position:static; } .dna-comments_module form.dna-rate-comment { float: left !important; } /* =IVOTE +++++++++++++++++++++++++++++++++++++++++++++++ */ #ivote_vote_contentblock .ivote_vote_form_element input { right: 0; } #ivote_vote_contentblock .ivote_vote_form_element label { font-size: 18px; line-height: 24px; margin-right: 18px; } #ivote_vote_disclaimer{ color: #999999; font-size: 15px; line-height: 24px; } #ivote_voteresults_results_thankyou, #ivote_vote_flashmessage, .ivote_voteresults_results_percentage { color: #505050; } #ivote_vote_tandc a, #ivote_voteresults_results_bargraph, #ivote_vote_flashmessage, #ivote_voteresults_results_thankyou { font-size: 18px; line-height: 24px; } .ivote_voteresults_results_bar_color { height: 16px; } /*rtl share top styles*/ .sharetop { float:left; } /* Live Events Styles +++++++++++++++++++++++++++++++++++++++++++++++ */ /* Join the discussion +++++++++++++++++++++++++++++++++++++++++++++++ */ .li-jointhediscussion .content li.jtd_item { padding-right: 32px; float: right; } .li-jointhediscussion .content li.jtd_item span { right: 0; } /* Keypoints +++++++++++++++++++++++++++++++++++++++++++++++ */ .bx-keypoints .content .body ul { padding-right: 16px; } /* Live Text +++++++++++++++++++++++++++++++++++++++++++++++ */ .livetext_item .icon { float:right; margin-right: 8px; margin-left: 16px; } .livetext_item .blt_pt { right: -5px; } .livetext_item .breakingnews_header { padding-right: 63px; } .livetext_item_inner { margin-right: 48px; border-right: 1px solid #DCDCDC; padding-right: 15px; } .livetext_item .body { float: right; } .livetext_item .byline_img img { margin-right: 8px; left: 0; } .livetext_item .footer { float: right; clear: right; } .livetext_item.teaser .teaser_img { float: right; margin-left: 8px; } .livetext_item.teaser .teaser_wrapper { float: right; } /* share tools */ .livetext_item .live-text-module-share{ float: left; } .livetext_item:hover .live-text-module-share{ float: left; } .le-social-tools-cont { left: 0; } .livetext_item .le-social-close.st-icon { left: 16px; } .live-text-module-share .le-social-top-arrow { margin-right: 192px; } .le-share-label .st-icon { float: right; margin: 3px 0px 0 4px; } .share-this-tools .st-icon { float: right; margin-right: 0px; margin-left: 8px; } .livetext_item .live-text-module-share { padding: 5px 8px 0px 8px; line-height: 24px; font-size: 18px; } /* Live Page Status +++++++++++++++++++++++++++++++++++++++++++++++ */ .live-event h1 .icon-outer { margin-left: 10px; right:0; } .live-event.live h1 .icon-outer { float: right; } .live-event h1 .icon { margin-right: 16px; padding-right: 8px; } .live-event h1 span.icon { margin-right: 0px !important; } .live-event.comingsoon h1 span.icon { margin-right: 16px !important; } .live-event.asithappened h1 span.icon { margin-right: 16px !important; } /* Live Text Messagebox +++++++++++++++++++++++++++++++++++++++++++++++ */ .lepg-messagebox-inner { margin-right:64px; } .lepg-messagebox-inner .icon { float:right; } .lepg-messagebox-inner .message { margin-right: 8px; } .blq-js .lepg-messagebox { display: none; } /* Live Event Page Info (Reporters and datestamp) +++++++++++++++++++++++++++++++++++++++++++++++ */ .lepg-reporters { float: right; } .lepg-reporters .title-text { float: right; margin-left: 3px; } .lepg-reporters .bx-byline { float: right; margin-left: 3px; padding-top: 0px; position: relative; top: 3px; width: 615px; } .lepg-info .datestamp { float: right; clear: both; width: 615px; } .lepg-info .datestamp .lastupdated { text-align: left; } /* Live Event Promotional Teasers +++++++++++++++++++++++++++++++++++++++++++++++ */ .live-event-promo-teaser { right: 0px; } .live-event-promo-teaser .icon-outer { float: right; /*margin-left: 10px;*/ } .live-event-promo-teaser .icon { margin-right: 8px !important; padding-right: 8px; } .live-event-promo-teaser.live .icon { margin-right: 0px !important; } .ts-headline .live-event-promo-teaser { float:right; } /* live video teaser fixes */ .ts-av-live.body-disabled a .cta, .ts-av-live.body-disabled p.title a .cta { bottom:8px; } .body-disabled.ts-av-live a { padding-left: 4px; padding-right:32px; } .top-story .ts-304x171 .title a span.cta { bottom: 151px; top:auto; } #www-bbcurdu-com .top-story .ts-304x171 .title a span.cta { bottom: 144px; } .ts-av-live.teaser .title .cta { top: 0px; } .ts-512x288.ts-av-live.teaser .title .cta { top: 2px; } /* * Language specific styles. */ /*@import "/worldservice/styles/core/1/debug.css";*/ /* =DEBUG +++++++++++++++++++++++++++++++++++++++++++++++ */ #blq-main { /*background:url(/staticarchive/cfa25a19b23551c6579d733d7cb6ff24381da094.png) 0 0 !important;*/ } /* =BASE Typography, headings etc. +++++++++++++++++++++++++++++++++++++++++++++++ */ body, #blq-main { font-family: "BBCNassim", arial, verdana, sans-serif; } #blq-footlinks li { font-size:13px; line-height:16px; } #blq-main {background-color:transparent;} #blq-acc {border-bottom: transparent;} strong { font-family: "BBCNassim", arial, verdana, sans-serif; font-weight:bold; } /* =Headings -----------------------------*/ h1, h2, h3, h4, h5, h6 { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } h1 { font-size:36px; line-height:40px; position:relative; top:-4px; margin-bottom:16px; } h2 { font-size:22px; line-height:24px; position:relative; top:7px; margin-bottom:16px; } h3 { font-size:18px; line-height:24px; position:relative; top:8px; margin-bottom:16px; } h4 {} h5 {} h6 {} /* =Text -----------------------------*/ p { font-size:18px; line-height:24px; margin-bottom:8px; } p.ingress { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } /* =Links -----------------------------*/ a {} a:link {} a:visited {} a:hover {} a:active{} /* =Lists -----------------------------*/ ul {} ol {} li {} /* =Services footer -----------------------------*/ #services-nav {} #related-services h2 { font-size: 24px; line-height: 24px; } .blq-js #news-services h2 { margin:32px 0 28px 0; } #news-related-sites li a{ font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; } #news-services li a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } #news-services .service-overlay { padding-bottom:5px; } .service-overlay .service-overlay-text { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; font-size:18px; line-height:24px; padding:0 8px 2px; } .service-overlay .service-overlay-arrow { top:26px; } /* =Associated items -----------------------------*/ ul.associated li a {} /* =BRANDING +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Banner -----------------------------*/ #blq-container { background:url("/staticarchive/13274ca2f805e8e1f63eccd8fd72192023181c55.png") repeat-x scroll center top #FFFFFF; } #banner { position:relative; /*top:2px;*/ padding:0 3px; line-height:64px; height:64px; font-family: "Gill Sans MT", "Gill Sans", helvetica, arial, sans-serif; text-transform:uppercase; color:#fff; font-size:46px; margin-bottom:24px; /*text-shadow: 0px 1px 1px #5f0600;*/ } #banner span { font-size:29px; line-height:24px; } /* =Navigation -----------------------------*/ #blq-local-nav { } #blq-local-nav li { line-height:16px; } #blq-local-nav a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; font-size:18px; padding:3px 8px 5px 8px; } /* =DOCUMENTS Story, index, cluster, media asset +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Base -----------------------------*/ /* Datestamp */ .datestamp { border-bottom:solid 1px #cccccc; margin-bottom:16px; padding-bottom:3px; font-size:18px; line-height:24px; top:0; padding-top:8px; margin-top:-16px; clear:right; } .index .datestamp { border-bottom:none; padding-bottom:8px; } /* Topic links */ .primary-topic { margin-bottom:0; } /* Document tools */ .document-tools { padding-right:16px; margin-top: -30px; } .document-tools li {} .document-tools .print {} .document-tools .email {} .document-tools .report-error a { font-weight:bold; text-transform:uppercase; font-size:11px; line-height:16px; top:4px; } .live-event .document-tools { margin-top: 0; } .live-event .lepg-reporters .bx-byline, .live-event .lepg-info .datestamp { width: 450px } .social-bookmark-panel .panel-hd .hd { font-size:24px; line-height:24px; } .social-bookmark-content {padding-top:8px;} .social-bookmark-content ul {padding:0 0 16px 0;} .social-bookmark-content .share-help-link, .social-bookmark-content li { font-size:13px; line-height:16px; padding-top:3px; padding-bottom:5px; } .social-bookmark-content .share-help-link { margin-bottom:8px; display:inline-block; } .social-bookmark-content a { font-weight:bold; } /* =Story -----------------------------*/ .story h1, .av-instance h1, .topic-cluster h1 { /*font-size:36px; line-height:40px; top:12px; margin-top:0;*/ } .story .datestamp, .av-instance .datestamp, .topic-cluster .datestamp { /*border-bottom:solid 1px #cccccc; margin-bottom:15px; padding-bottom:4px; font-size:18px; line-height:24px; top:8px;*/ margin-bottom:4px; } .topic-cluster .datestamp { display:none; } /* =Full Width Story -----------------------------*/ /* Body text */ .ie6 .bodytext { /*width: 466px;*/ /*overflow: hidden;*/ } .bodytext h2 { font-size:22px; line-height:24px; margin-bottom:-4px; top:0; padding-top:16px; padding-bottom:0; border:none; margin-top:0; } .bodytext .strapline { font-size:18px; line-height:24px; margin:30px 0 8px; padding:4px 8px; } .bodytext p { font-size:18px; line-height:28px; padding-top:10px; margin-bottom:6px; } .bodytext p.ingress { font-size:18px; line-height:28px; padding-top:14px; margin-bottom:-2px; } .av-instance .bodytext p.ingress { padding-top:12px; } .fw-story-body .bodytext > p { font-size:20px; line-height:20px; padding-top:3px; margin-bottom:5px; } .bodytext ul, .bodytext ol { padding-top:10px; padding-bottom:6px; } .bodytext ul li { font-size:18px; line-height:28px; padding-right:16px; background-position:-2827px 12px; } .bodytext ol li { font-size:18px; line-height:28px; margin-right:20px; padding-right:0; } .bodytext .box div {} .bodytext hr { margin:17px 0 16px 0; } .bodytext .align-center .li-picturegallery { margin-top:0; } .backtotop { margin-top:20px; font-size:18px; line-height:28px; } .bodytext .backtotop { margin-top:0; } .emp p { font-size:18px; line-height:24px; margin:0 8px; padding:8px 0 0; } .emp p a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .module .emp p.emp-title { font-size:22px; padding:0; top:8px; position:relative; } .emp .emp-alt-handheld { font-family:arial; font-size:13px; line-height:16px; padding-bottom:5px; padding-top:3px; } .emp .emp-img { margin:0; padding:0; } .module .emp .emp-img { margin:0 0 8px; } .emp .emp-flashlink { padding-bottom:11px; } .module .emp .emp-flashlink { margin-bottom:0; padding-bottom:7px; } .emp .emp-alt-screen {padding-bottom:8px;} .blq-js .bodytext .emp-f-audio .emp-player {padding:0;} .blq-js .bodytext .emp-f-audio .emp-alt-screen {padding-top:6px;} .bodytext .align-center .emp {margin-top:14px;} .bodytext .align-right-wrap .emp {margin-bottom:5px;} .bodytext .emp .emp-player {padding-bottom:1px;} .av-instance .emp .emp-player {padding-bottom:5px;} /* =Social media -----------------------------*/ .socialmedia-links {} .socialmedia-links ul {} .socialmedia-links li {} /* =Index -----------------------------*/ .index h1 { font-size:30px; line-height:46px; margin-bottom:10px; } /* =Cluster & Topics -----------------------------*/ .cluster h1, .topic-cluster h1 { margin-bottom:8px; padding-top:8px; } /* =Media Asset -----------------------------*/ .av-instance h1 {} .av-instance .bodytext {} .blq-js .wsAV-alternative { margin-bottom:9px; } /* =TABBED CONTENT +++++++++++++++++++++++++++++++++++++++++++++++ */ .blq-js .tabs .tabs-nav li { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; line-height:24px; } .blq-js .tabs .tabs-nav li a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .blq-js .tabs .tabs-nav li.open a {color:#1788dc;} .blq-js .tabs .tab { margin-left: -8px; margin-right: -8px; padding-bottom: 12px; padding-left: 0; padding-right: 0; } .genre-weather .tabs-h .tab { padding: 0 8px 0 0; margin-left: 0 !important; margin-right: 0 !important; } .blq-js .tabs-h p { } /* =POP-UPS ++++++++++++++++++++++++++++++++++++++++++++++ */ .ws-modal-popup { font-family: "BBCNassim", arial, verdana, sans-serif; } .ws-modal-popup .hd { font-size:30px; line-height:32px; padding:42px 0 6px 0; margin-bottom:0; direction:rtl; } /* =TEASERS +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Teaser: Base -----------------------------*/ .teaser { font-size:18px; line-height:24px; } .teaser a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } /* Title */ .teaser .title/*, .list .teaser .title*/ { font-size:18px; line-height:24px; top:8px; /* puts title on baseline to align with image (8px puts 18/24 text on baseline) */ margin-bottom:0; } /*.teaser .title img,*/ .teaser .title .cta { font-size:13px; top:1px; /* puts image back on baseline */ } .body-disabled .title .cta {top:auto;} /* Body */ .teaser .title { } .teaser .body { } .teaser .summary { padding-top:8px; padding-bottom:0; margin-bottom:0; } .teaser .date, .teaser .timeago { font-size:15px; line-height:24px; line-height:normal; } .last-published .teaser .timeago { margin-bottom:4px; } .teaser .comments { font-size:15px; line-height:24px; padding:1px 0 0 0; margin:0 0 -1px; } /* Associated items */ .teaser .associated {} .teaser .associated li { padding-top:8px; padding-bottom:0; } /* Topics */ .teaser .topics { font-size:18px; line-height:24px; padding-bottom:0; padding-top:8px; } .teaser .topics h3, .teaser .topics h4 { font-weight:normal; text-transform:uppercase; margin-bottom:0; letter-spacing:0; position:static; display:inline; } .teaser .topics a { font-size:18px; text-transform:uppercase; font-weight:normal; } /* Top story overrides */ .top-story .teaser .title { top:-4px; font-size:36px; line-height:40px; padding:0 0 0 24px; margin-bottom:0; } .top-story .teaser .title img { padding-top:12px; /* adjust for title top (two line gap): 16 - 4 = 12 */ } .top-story .teaser .body { padding-top:0; } .top-story .teaser .emp { } /* Breaking news overrides */ .breaking-news .teaser .title { top:2px; font-size:40px; line-height:44px; margin-bottom:-4px; padding:0; } .breaking-news .teaser .title img { top:8px; } .breaking-news .teaser .body { /*padding-top:5px; padding-bottom:3px;*/ } /* Other top stories and list overrides */ /* NOTE: As the line-height is not a multiple of 8px this style will cause following elements to be 4px off baseline when the title breaks over an odd number of lines */ .more-top-stories .teaser .title { font-size:22px; line-height:24px; top:8px; margin-bottom:0; } .more-top-stories .teaser .title img, .more-top-stories .title .cta { top:0px; } .more-top-stories .teaser .body, .li-specialfeatures .teaser .body { margin-top:0; } .li-carousel .title .cta, .li-carousel .teaser .title img { top:0; } /* Text only overrides */ .ts-headline .title, .list .ts-headline .title { top:8px; margin-bottom:0; } .ts-headline .body { padding-bottom:0; } /* =Teaser: CTA's -----------------------------*/ .teaser a{ font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .teaser a .cta .duration { font-size:12px; font-family:arial, verdana, sans-serif; } .ts-headline a .cta .duration, .teaser .associated a .cta .duration { font-size:11px; line-height:16px; top:1px; } .ts-download a .cta span, .ts-podcast a .cta span { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:11px; font-weight:bold; line-height:16px; padding:4px 8px 7px; } .ts-download a .cta span, .ts-podcast a .cta span { padding-left:3px; } /* =Teaser: Text only -----------------------------*/ .top-story .ts-headline .title {margin-bottom:-8px;} .more-top-stories .ts-headline .title { top:8px; margin-bottom:0; } /*.list li.ts-headline {margin-bottom:8px;}*/ /*possible replacement for body-disabled*/ .ts-headline {margin-bottom:8px;} .ts-headline .body {overflow:hidden;} .body-disabled {margin-bottom:8px;} .body-disabled a {top:8px;} .ts-video.body-disabled, .ts-audio.body-disabled, .ts-ms-audio-console.body-disabled { position:relative; padding-bottom:24px !important; margin-bottom:0; padding-top:8px; } .ts-download.body-disabled { position:relative; padding-bottom:32px !important; margin-bottom:16px; padding-top:8px; } .ts-av-live.body-disabled { margin-bottom:5px; padding:3px 0 0 0 !important; position:static; } .ts-video.body-disabled a .cta, .ts-video.body-disabled p.title a .cta, .ts-audio.body-disabled a .cta, .ts-audio.body-disabled p.title a .cta { bottom:4px; direction:ltr; } .body-disabled .timeago { top:8px; position:relative; } .ts-podcast.body-disabled a { margin:8px 0 0; } .ts-podcast.body-disabled a span.cta { top:3px; } /* =Teaser: 106x60 (Legacy size from 1024 sites) -----------------------------*/ .ts-106x60 .title, .list .ts-106x60 .title {} .ts-106x60 .body { margin-top:-4px; padding-bottom:0; } /* =Teaser: 112x63 -----------------------------*/ .ts-112x63 .title, .list .ts-112x63 .title {} .ts-112x63 .body { padding-bottom:0; } /* =Teaser: 144x81 -----------------------------*/ .ts-144x81 .title { font-family: "BBCNassim", arial, verdana, sans-serif; font-size:22px; font-weight:bold; line-height:24px; top:8px; margin-bottom:0; } .g-w5 .ts-144x81 .title, .g-w6 .ts-144x81 .title, .g-w7 .ts-144x81 .title, .g-w8 .ts-144x81 .title, .g-split-columns .li-importer .ts-144x81 .title { font-size:18px; line-height:24px; } .ts-144x81 .body { margin-top:0; } .ts-144x81 .title img, .ts-144x81 .title .cta { top:0; } .list .ts-144x81.first {margin-top:-8px;} .g-w5 .list .ts-144x81.first, .g-w6 .list .ts-144x81.first, .g-w7 .list .ts-144x81.first, .g-w8 .list .ts-144x81.first, .g-split-columns .li-importer .ts-144x81.first, .list .g-first .ts-144x81.first, .li-carousel .ts-144x81.first {margin-top:0;} /* =Teaser: 304x171 -----------------------------*/ .ts-304x171 .title, .list .ts-304x171 .title { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:22px; font-weight:bold; line-height:24px; margin-bottom:0; top:8px; } /* Indepth & cluster specific styles */ .genre-indepth .g-w10 .ts-304x171, .cluster .g-w10 .ts-304x171 { margin-bottom:16px; padding-bottom:16px; height:224px; /* This limits the height of the box to 2 lines of title + 3 lines of body */ } .genre-indepth .g-w10 .ts-304x171 .title, .cluster .g-w10 .ts-304x171 .title { top:0; } /* =Teaser: 336x189 -----------------------------*/ .ts-336x189 .title, .list .ts-336x189 .title { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:22px; font-weight:bold; line-height:24px; top:0; margin-bottom:0; } .ts-336x189 .title .cta {top:0;} .ts-336x189 .summary {padding-top:0;} /* =Teaser: 384x216 -----------------------------*/ .ts-384x216 .title, .list .ts-384x216 .title { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:22px; font-weight:bold; line-height:24px; margin-bottom:0; top:8px; } /* =Teaser: 512x288 -----------------------------*/ .ts-512x288 .title { font-size:36px; line-height:40px; top:-4px; margin-bottom:-8px; } .ts-512x288 .title img { top:4px; } .breaking-news .ts-512x288 .title { margin-bottom:-8px; top:-2px; } .breaking-news .teaser .title img, .breaking-news .teaser .title .cta { top:2px; } .breaking-news .teaser .title .cta { right:-48px; } .g-w17 .ts-512x288 .title .cta, .g-w18 .ts-512x288 .title .cta, .g-w19 .ts-512x288 .title .cta, .g-w20 .ts-512x288 .title .cta, .g-w21 .ts-512x288 .title .cta, .g-w22 .ts-512x288 .title .cta, .g-w23 .ts-512x288 .title .cta, .g-w24 .ts-512x288 .title .cta, .g-w25 .ts-512x288 .title .cta { right:480px; top:auto; bottom:264px; } /* =Teaser: 256 EMP -----------------------------*/ .ts-256emp .title { font-size:22px; line-height:24px; } /* =Teaser: 384 EMP -----------------------------*/ .ts-384emp .title { font-size:22px; line-height:24px; } /* =Teaser: 512 EMP -----------------------------*/ .breaking-news .ts-512emp .title { top:-6px; margin-bottom:-12px; } .g-w17 .breaking-news .ts-512emp .title, .g-w18 .breaking-news .ts-512emp .title, .g-w19 .breaking-news .ts-512emp .title, .g-w20 .breaking-news .ts-512emp .title, .g-w21 .breaking-news .ts-512emp .title, .g-w22 .breaking-news .ts-512emp .title, .g-w23 .breaking-news .ts-512emp .title, .g-w24 .breaking-news .ts-512emp .title, .g-w25 .breaking-news .ts-512emp .title { top:2px; margin-bottom:-4px; } /* =Teaser: 640 EMP -----------------------------*/ .top-story .ts-640emp .title { padding-bottom:8px; } .top-story .ts-640emp .body { margin-top:8px; } /* =Teaser: Slideshow -----------------------------*/ .ts-slideshow .slideshow-position { font-family: arial,verdana,sans-serif; } /* =BOX AND LIST TITLES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* LIST TITLES */ .list > .title, .box .title, .contextual-links h2, #footballtable h2, .story-body .dna-comments_module h3 { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:30px; font-weight:bold; line-height:32px; padding:5px 0 9px 0; margin-bottom:0; top:0; } .after-box > .title { border-top:none; padding:2px 0 9px 0; } /* SUB-LIST TITLES (2nd level list) */ .list .list > .title, .contextual-links .list > .title { font-size:22px; line-height:24px; padding:7px 0 8px 0; top:0; margin-top:8px; } .list .first .list > .title, .list-items .list > .title {margin-top:0;} /* SUB-SUB-LIST TITLES (3rd level list) */ .contextual-links .list .list > .title { padding:8px 0 0 0; } .contextual-links .list .first .list > .title { margin-top:-8px; } /* STORY IN-LINE TITLES */ .bodytext .list .title, .bodytext .box .title, .bodytext .bx-imagemap h2 { font-size:22px; line-height:24px; padding:3px 0 11px 0; height:1%; } .bodytext .list .list .title { padding-top:4px; } .bodytext .list p.title, .bodytext .list .link, .bodytext .box p.title { font-size:18px; line-height:24px; padding:3px 0 0 0; margin:0 0 5px 0; } .bodytext .list .link.title { margin:0; padding:0; top:0; } /* PUBLISHED LIST TITLE */ .contextual-published-list > .list > .title { padding:8px; margin-top:0; } .bodytext .contextual-published-list > .list > .title { padding:6px 8px 10px; } /* BOXY MODULE LIST TITLES */ div.bx-rollingnews .title, div.bx-livetext .title, div.bx-livestats .title, div.bx-info .title, div.li-topics .title, div.bx-social-promo .title, div.bx-businessfeed .title, div.li-specialfeatures > .title, .bodytext .module .bx-table .title, #footballtable h2, .g-w11 .lightbox-captions .title, .g-w11 .lightbox-journal .title, .g-w11 .bx-enlargeimage .title, div.bx-twitter .title, .story-body .dna-comments_module h3 { padding:2px 0 10px; } .topstories-list > .title, div.bx-weather .title { padding:2px 0 10px; } /* SEMI BOXY MODULE LIST TITLES */ div.li-picturegallery .title { padding:2px 0 10px; } /* =LISTS +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =List: Base -----------------------------*/ .list {} .list .content { padding-top:8px; margin-bottom:8px; overflow:hidden; } .list .list .content { margin-bottom:0; padding-top:0; } .list .list .list .content { padding-top:0; } .list .list > .title {margin-bottom:8px;} .list .list .li-importer .content { padding-top:8px;} .list .list .title {} .list .disclaimer {} /* =List: Columns -----------------------------*/ /* =List: Plain -----------------------------*/ .li-plain {} /* =List: Features -----------------------------*/ .g-w20 .li-specialfeatures > .title { padding-bottom:10px; } .g-w20 .li-specialfeatures .teaser .title { padding-top:8px; top:0; } .g-w20 .li-specialfeatures .teaser .summary { padding-top:0; } .g-w20 .li-specialfeatures .inner-list .teaser .cta { direction:rtl; left:0; } .g-w20 .li-specialfeatures .inner-list .teaser .duration {line-height:16px;} .g-w10 .li-specialfeatures .ts-304x171 { border-bottom:none; height:auto; padding-bottom:4px; margin-bottom:8px; } .g-w10 .li-specialfeatures .ts-304x171 .title { padding-top:176px; } .g-w10 .li-specialfeatures .ts-304x171 .body { margin:0; } .g-w10 .li-specialfeatures .ts-304x171 .body p.summary { padding-left:0; padding-right:0; } /* =List: Dropdown -----------------------------*/ .li-dropdown { margin-bottom:16px; padding-top:8px; } .li-dropdown select { width:86%; float:right; padding:2px; } .li-dropdown input { float:left; } /* =List: Top Stories -----------------------------*/ .topstories-list{ padding:0 8px 8px 8px; margin:0 0 16px 0; } .topstories-list .timeago { top:8px; } .topstories-list .ts-144x81 .title { font-size:18px; line-height:24px; font-weight: normal; } /* =List: Listing -----------------------------*/ .li-listing div.nav { margin-top:5px; } .li-listing div.nav li { font-size:20px; font-family: arial,verdana,sans-serif; font-weight:bold; line-height:20px; top:4px; } .li-listing .nav li.next, .li-listing .nav li.prev { bottom:3px; font-size:18px; font-family:"BBCNassim", arial, verdana, sans-serif; } /* Topic overrides */ .topic-cluster .li-listing {} /* =List: Ticker -----------------------------*/ .g-container div.li-ticker h2.title{ font-size:18px; letter-spacing:0; line-height:24px; } .blq-js .g-container div.li-ticker .title{ padding:7px 0 8px 8px; } .blq-js div.li-ticker ul li{ padding:7px 0 8px 0 !important; } .li-ticker ul li a{ font-weight:normal; } .blq-js .li-ticker ul li.teaser a span.cta { line-height:20px; height:20px !important; } .blq-js .li-ticker ul li a .cta span{ line-height:18px; } .blq-js .li-ticker ul li a span.cta span.duration { top:-2px; } .blq-js div.li-ticker ul li.ts-av-live a span.cta { top:5px; } .blq-js .breakingNews .ticker-wrapper .title, .blq-js .breakingNews .ticker-wrapper ul li { padding:3px 8px 4px 0 !important; } .story .li-ticker, .av-instance .li-ticker, .topic-cluster .li-ticker { margin-bottom:24px; } /* =List: Carousel -----------------------------*/ .g-w20 .li-carousel { padding-top:8px; } .li-carousel .title{ padding:2px 0 10px; } .gel-carousel .carousel-gel-generic .carousel-item .title{ padding:83px 8px 5px 8px; width:128px; } .li-carousel .teaser .title{ font-size:18px; font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; line-height:24px; } .li-carousel .carousel-page-nav li{ padding:3px 0 13px 0; width:13px; } /* 304px specific styles */ /* pre-js style */ .g-w11 .li-carousel .ts-304x171 .title{ padding:195px 8px 0 8px; } .li-carousel-304x171 .carousel-gel-generic .carousel-content .carousel-item .title{ padding:167px 8px 9px 8px; width:274px; } /* =List: Picture Gallery -----------------------------*/ .li-picturegallery .content .images .caption p{ margin-bottom:0; padding:8px 12px; } .li-picturegallery .controls li { height:24px; } .li-picturegallery .controls a { font-size:15px; line-height:24px; } .li-picturegallery .image-counter { line-height:18px; padding:13px 8px 11px 0; } .pg-624x351 p.image-counter { padding:11px 8px 11px 0; } .lightbox-captions .body .cta, .lightbox-journal .body .cta { font-size:18px; line-height:24px; margin-bottom:0; margin-top:4px; } .lightbox-captions .cta img, .lightbox-journal .cta img { padding-bottom:5px; } .lightbox-captions .body .cta span, .lightbox-journal .body .cta span { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; top:5px; } .lightbox-captions .body .caption, .lightbox-journal .body .caption { line-height:24px; margin-bottom:0; padding-top:0; } /* picture gallery lightbox promo */ .g-w11 .lightbox-captions, .g-w11 .lightbox-journal { font-size:18px; line-height:24px; } .g-w11 .lightbox-captions .caption, .g-w11 .lightbox-journal .caption { padding-top:1px; } .g-w11 .lightbox-captions div.content .body .caption, .g-w11 .lightbox-journal div.content .body .caption { padding:5px 8px 8px 8px; } .g-w11 .lightbox-captions div.content .body a.cta, .g-w11 .lightbox-journal div.content .body a.cta { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; padding:8px 24px 8px 8px; } .lightbox-journal .pg-journal-wrapper .bodytext .title, .embedded-journal .pg-journal-wrapper .bodytext .title { font-size:26px; letter-spacing:-1px; line-height:28px; padding:4px 0 12px 0; } .lightbox-journal .bodytext p, .embedded-journal .bodytext p { /* font-size:18px; line-height:24px; */ font-size:22px; line-height:28px; margin-bottom:8px; padding-top:0; zoom:1; } .lightbox-journal .bodytext p:first-child, .embedded-journal .bodytext p:first-child { font-weight: bold; font-size:22px; line-height:28px; } .lightbox-journal .pg-journal-wrapper .associated, .embedded-journal .pg-journal-wrapper .associated { border-top:1px solid #d8d8d8; margin-top:8px; padding-top:3px; } .lightbox-journal .pg-journal-wrapper .associated li, .embedded-journal .pg-journal-wrapper .associated li { font-size:18px; line-height:24px; margin-bottom:8px; padding-top:5px 0 3px 0; } .lightbox-journal .pg-journal-wrapper .associated li a, .embedded-journal .pg-journal-wrapper .associated li a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .lightbox-journal .pg-journal-wrapper .associated li a .cta, .embedded-journal .pg-journal-wrapper .associated li a .cta { bottom:5px; } .lightbox-journal p.image-counter, .embedded-journal p.image-counter { line-height:16px; padding:11px 0 13px 0; } /* =List: Tabs -----------------------------*/ .li-tabs {} /* =List: Tabbed -----------------------------*/ .li-tabbed {} /* =List: Multi Clip EMP ------------------------------*/ .li-multiclipemp { padding: 0 8px 8px 8px; } .li-multiclipemp .playlist-title { font-family: "BBCNassim", arial, verdana, sans-serif; font-size: 22px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 8px 7px; } .li-multiclipemp .popout-player { font-family: "BBCNassim", arial, verdana, sans-serif; font-weight: bold; } .li-multiclipemp .ts-headline { padding: 0 8px 17px 8px !important; position: relative; } .li-multiclipemp .ts-headline a { padding: 8px 56px 0 0; } .li-multiclipemp .teaser .title, .li-multiclipemp .teaser .title .cta { top: 0; } .li-multiclipemp .popout-player { font-size: 18px; line-height: 24px; color: #174f82; } .li-multiclipemp .duration { font-family: arial,verdana,sans-serif; font-size: 11px; } /* =List: Simple Timeline -----------------------------*/ .li-simpletimeline .content .box .title{ font-family: "BBCNassim", arial, verdana, sans-serif; font-weight: bold; font-size:22px; letter-spacing:-1px; line-height:24px; } .blq-js .li-simpletimeline .content .box .title{ padding:2px 8px 6px 8px; } .blq-js .li-simpletimeline .content .box .content{ padding:0 8px 0 8px; } .li-simpletimeline .box { margin-bottom: 8px; } .li-simpletimeline .box .body { padding-top: 0; padding-bottom: 8px; line-height: 24px; } .li-simpletimeline .associated li a{ font-size:15px; line-height:20px; padding:4px 0 12px 0; } .li-simpletimeline .timeline-nav .timeline-nav-date{ font-size: 15px; line-height:24px; } .li-simpletimeline a .cta .duration { font-family: arial, verdana, sans-serif; font-size: 11px; line-height: 20px; } /* =List: More Multimedia -----------------------------*/ .blq-js .li-moremultimedia .panel .list h3.title { margin-top:8px; } .blq-js .li-moremultimedia .tabs-nav li a{ font-size:30px; font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; line-height:32px; padding:11px 0 4px 2px; } .blq-js .li-moremultimedia .tabs-nav li.open a{ padding-bottom:3px; } .blq-js .li-moremultimedia .list .first {margin-top:0;} .blq-js .li-moremultimedia .panel .title{ padding:7px 0 12px 0; top:0; } .blq-js .li-moremultimedia .panel .teaser .title a{ font-size:18px; padding:7px 0 12px 0; } /* =List: Related topics -----------------------------*/ .li-relatedtopics ul li { font-size:18px; line-height:24px; padding-top:8px !important; margin-bottom:0; } .li-relatedtopics ul li a { } /* =List: Story styles -----------------------------*/ .bodytext .list .content {margin-bottom:8px;} .bodytext .list .content ul, .bodytext .list .content ol {overflow:hidden;} .radio-programmes { padding:0 8px; margin:16px 0; } .contextual-links .body-disabled p { font-size:18px; line-height:24px; top:0; } .contextual-links .list .body-disabled { padding-top:8px; margin-bottom:0; } .contextual-links .li-relatedlinks .content .ts-headline p {top:0;} .contextual-links .li-relatedlinks .content .ts-headline .date { font-size:15px; line-height:20px; } .contextual-links .li-relatedlinks .content .ts-headline .date {margin-right:5px;} .bodytext .li-relatedlinks .content .ts-headline .title, .bodytext .li-relatedlinks .content .ts-headline .title a { /*display:inline;*/ position:static; } .bodytext .module .list .list {margin-right:0;} .inline-contextual-links .list .teaser { line-height:24px; } .inline-contextual-links .more-contextual-links { font-size:15px; line-height:20px; padding-top:16px; margin-bottom:4px; } /* =List: Radio Programmes -----------------------------*/ .radio-programmes .associated { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; padding: 8px 0; } .radio-programmes h3 { border-bottom: 1px solid #a9a9a9; position: static; } .radio-programmes li { margin-bottom: 8px; } /* =List: Topics -----------------------------*/ .li-topics h3 { font-size:22px; line-height:24px; } .g-container .li-topics{ margin-bottom:16px; padding:0 8px 7px 8px; } .g-container .li-topics h3 { padding:7px 8px 1px 0; } .g-container .li-topics .content .body { padding-bottom:7px; } .g-container .li-topics .last div.body { padding-bottom:8px; } .g-container .li-topics .body ol { padding-top:4px; } .g-container .li-topics .body li { padding-bottom:0; padding-top:8px; } .li-topics .cta { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; font-size:18px; line-height:24px; padding:8px 24px 1px 0; } .ws-modal-popup .li-topics .tab { padding:8px 12px; } .ws-modal-popup .li-topics div.open { margin-top:40px; } .ws-modal-popup .li-topics .body { padding:8px 0; } .ws-modal-popup .li-topics .body li { font-size:18px; line-height:24px; padding:8px 0; } .blq-js .li-topics .content .topics-page-nav { font-size:15px; } .blq-js .li-topics .topics-page-nav .page-num a{ font-family:arial; font-weight:bold; } .li-topics .topics-page-nav li.prev a, .li-topics .topics-page-nav li.next a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .story-body .bodytext .li-topics h3{ padding:7px 0 1px 0 !important; } .story-body .bodytext .li-topics ol li{ padding:8px 0 0 0 !important; } /* =List: Drawers -----------------------------*/ .li-drawers li .title a, .blq-js .li-drawers li .main-title, .blq-js .li-drawers li .sub-title{ font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; font-size:22px; line-height:24px; } .li-drawers li.first .title a{ font-size:36px; line-height:40px; padding:364px 8px 0 0; } .li-drawers li.first .body{ padding-right:8px; } .blq-js .li-drawers li .main-title{ padding:16px 8px; } .blq-js .li-drawers li.open .main-title{ font-size:36px; line-height:40px; padding:6px 16px 2px 16px; } .blq-js .li-drawers li.open .sub-title{ padding:0 16px 20px 16px; } /* =BOXES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Box: Base -----------------------------*/ .box {} .box .body li { padding-top:8px; margin-bottom:4px; font-size:18px; line-height:24px; } .box .content img {padding-bottom:5px;} .box ul, .box ol {padding:0;} .box .body {padding-bottom:16px;} /* Associated */ .box .associated { padding-top:3px; padding-bottom:0; } .box .associated a { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } /* =Box: Rolling news -----------------------------*/ .bx-rollingnews .content{ padding-top:0; } .blq-js .bx-rollingnews .body { overflow:hidden; height:351px; /* height of rolling news box when it is populated with stories + height of live update text (reduces 'jumpiness') */ } .bx-rollingnews .body ul { padding-bottom:1px; } .bx-rollingnews .body ul li { font-size:18px; line-height:24px; padding:8px 0 7px 0; height:48px; } .bx-rollingnews .body ul li a { font-weight:normal; padding:0 8px; } .g-w10 .bx-rollingnews .body ul li a { width:208px; } .g-w11 .bx-rollingnews .body ul li a { width:200px; } .g-w11 .bx-rollingnews .body ul li.last { width:100%; height:32px; padding:8px 0 5px 0; } .g-w11 .bx-rollingnews .body ul li.last a { font-family:"BBCNassim", arial, verdana, sans-serif; } .blq-js .bx-rollingnews .live-updates { margin-bottom:0; padding-bottom:7px; } .bx-rollingnews .body ul li .timeago { font-size:15px; line-height:24px; font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:normal; padding-right:8px; top:0; width:88px; } .bx-rollingnews .disclaimer { padding-top:8px; } .blq-js .bx-rollingnews .disclaimer span { padding:128px 80px 0 80px; } /* =Box: Livetext -----------------------------*/ .blq-js .bx-livetext .live-text-check { padding-top:4px; margin-bottom:4px; } .blq-js .bx-livetext .body { overflow:hidden; height:232px; } .bx-livetext .body ul li { margin:0; padding:7px 48px 16px 16px; } .bx-livetext .body ul li strong { top:11px; font-family:arial, verdana, sans-serif; font-size:11px; line-height:16px; zoom:1; } .bodytext #live-text { padding-top:16px; margin-bottom:16px; } .bodytext #live-text h3 { padding:8px 40px 8px 0; margin-bottom:0; top:0; } .bodytext #live-text a { font-size:18px; line-height:24px; } .live-text-bodytext p { padding-right:40px; position:relative; line-height:24px; padding-top:0; margin-bottom:8px; } .live-text-bodytext p strong { top:4px; font-family:arial, verdana, sans-serif; font-size:11px; line-height:16px; zoom:1; } /* =Box: Livestats -----------------------------*/ .bx-livestats { padding:0 8px 8px; margin-bottom:16px; } .bx-livestats .tab { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; padding:8px 8px 4px; } .blq-js .bx-livestats.tabbed .content { margin-top:36px; } .bx-livestats .content { padding:0; margin-bottom:0; } .bx-livestats .content .body {padding:0;} .bx-livestats .body ol li { font-size:18px; line-height:24px; padding:0; margin:0; } .bx-livestats .body ol li a { margin:0; padding:7px 8px 8px 40px; /* Align to baseline, 7 + (1px border) + 16 = 24 */ position:relative; font-weight:bold; } .bx-livestats .body ol li.li-1 a {padding-top:8px;} /* Align to baseline, 8 + (0px border) + 16 = 24 */ .bx-livestats .watched-listened ol li a { padding-right:32px; } /* =Box: Info -----------------------------*/ .bx-info .body li { line-height:28px; /* fix for ol li height bug */ margin-bottom:2px; padding:6px 0 0 0; } .bx-info .body p { line-height:24px; margin-bottom:0; padding-bottom:0; padding-top:8px; position:static; } .bx-info div.content ul.associated{ padding-bottom:3px; padding-top:0; } .bx-info div.content .associated li{ margin-bottom:0; padding:7px 0 1px 0; } .g-w10 .bx-info div.content .associated li{ width:288px; } .g-w11 .bx-info div.content .associated li{ width:320px; } .story-body .bx-info div.content .associated li{ width:304px; } .bx-info .associated a { top:0; } /* =Box: Quote Styles for the person div are set in the byline section -----------------------------*/ .bx-quote .content .body { padding-bottom:4px; } .bx-quote .content .body blockquote img { margin-top:-4px; } .bx-quote .body blockquote p { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; padding-top:8px; padding-bottom:4px; margin-bottom:0; color:#505050; } .bodytext .bx-quote .body blockquote p { font-size:22px; } .bx-quote .body .signature, .bx-quote .body .person .person-info p { padding-top:0px; padding-bottom:0; margin-bottom:0; color:#666; line-height:24px; } .bx-quote .body .person .person-info {padding:0;} /* =Box: Business feeds -----------------------------*/ .bx-businessfeed { padding:0 8px; } .bx-businessfeed .graph h3{ font-size:18px; font-weight:normal; line-height:24px; margin-bottom:6px; top:2px; } .bx-businessfeed .graph p{ font-size:18px; line-height:24px; margin-bottom:0; padding-bottom:12px; padding-top:2px; } .bx-businessfeed th { font-size:18px; line-height:24px; } .bx-businessfeed td { font-family:arial, verdana, sans-serif; font-size:13px; line-height:16px; } .bx-businessfeed .labels th { padding:0; } .bx-businessfeed .labels th.per-change { text-align:center; } .bx-businessfeed tr.data-row th { padding:7px 8px 8px 16px; } .bx-businessfeed td { direction:ltr; padding:5px 0 8px 0; } .bx-businessfeed .curr-val { font-weight:bold; width:69px; } .bx-businessfeed .content .change { width:82px; } .markets .content .change { width:82px; } .change span{ margin:5px 0 0 17px; } .bx-businessfeed .content .per-change { width:43px; } .bx-businessfeed .disclaimer, .bx-businessfeed .footer-link { font-size:18px; line-height:24px; padding:8px 0; } /* =Box: Byline -----------------------------*/ .bx-byline {margin-bottom:16px;} .bx-byline p { font-size:18px; line-height:24px; margin-bottom:0; /*top:-1px; Calculated offset to align to baseline = 3px, top of line-height is half a line-height above image = -4px, so offset = 3-4 = -1px */ top:8px; padding-top:0; } .bx-byline .person img { margin-left:8px; padding-bottom:7px; /* based on image 81px high to force elements back onto 8px baseline */ } .bodytext .bx-byline .person img { padding-bottom:7px; /* based on image 63px high to force elements back onto 8px baseline */ } .bx-byline .person-info, .bx-quote .person-info { position:relative; top:-4px; padding-bottom:8px; } .bx-byline .person-info .name { padding-bottom:4px; } .bx-byline .person-info .role {} /* =Box: Weather -----------------------------*/ .bx-weather {padding:0 8px;} .bx-weather .content h3 { font-size:22px; line-height:24px; top:-5px; margin-bottom:-30px; } .bx-weather table th { padding:3px 0 3px; } .bx-weather table td.days { font-size:15px; line-height:24px; padding-left:8px; padding-top:3px; padding-right:8px; } .bx-weather table .max, .bx-weather table .min { font-size:15px; line-height:24px; } .bx-weather table td strong, .bx-weather table td.days span, .bx-weather table td a.city { display:block; font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; } .bx-weather table .conditions {width:56px;} .bx-weather table .max { width:50px; padding-right:7px; padding-left:6px; text-align:center; } .bx-weather table .min { width:50px; padding-right:8px; padding-left:7px; } .bx-weather table td.max, .bx-weather table td.min { font-family:arial,helvetica,sans-serif; font-size:24px; line-height:24px; padding-top:15px; direction:ltr; text-align:right; } .bx-weather .change-settings { font-size:18px; line-height:24px; top:11px; left:8px; } .blq-js .bx-weather-max, .blq-js .bx-weather-min { width: 73px; } .bx-weather-today { width: 173px; } .bx-weather-v4 .temperature { top: 21px; } .bx-weather-v4 .info-h, .weather-v4-list .info-h { direction: ltr; } .w4-label { direction: rtl; } /* =Box: Enlarge Image -----------------------------*/ .bodytext .module .bx-enlargeimage .title{ padding-bottom:0; } .bx-enlargeimage.i-h95 .content img { padding-bottom:1px; } .bx-enlargeimage .cta { font-size:18px; height:16px; margin-top:8px; } .bx-enlargeimage .cta span { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; line-height:24px; position:relative; top:-4px; } .bx-enlargeimage .caption { line-height:24px; padding-top:4px; margin-bottom:0; } .ws-modal-popup .bx-enlargeimage{ margin-bottom:-8px; } .ws-modal-popup .bx-enlargeimage p { margin-bottom:0; direction:rtl; } /* interim reveal image for arabic */ .g-w11 .bx-enlargeimage { background-color:#ededed; } .g-w11 .bx-enlargeimage .title{ padding-bottom:10px; } .g-w11 .bx-enlargeimage .content { padding-top:0; } .g-w11 .bx-enlargeimage .body{ padding-bottom:8px; } .g-w11 .bx-enlargeimage .body div, .g-w11 .bx-enlargeimage .body p{ display:none; } .g-w11 .bx-enlargeimage .cta span{ background:#ededed; } .g-w11 .bx-enlargeimage .title{ margin-right:8px; } .g-w11 .bx-enlargeimage .cta{ background-position:218px 0; margin:12px 8px 4px 0; } .g-w11 .bx-enlargeimage .cta:hover { background-position:218px -15px; } /* =Box: ImageMap -----------------------------*/ .bodytext .bx-imagemap h2 { margin-bottom:0; } .bodytext .bx-imagemap p { line-height:24px; padding-top:8px; margin-bottom:0; } /* =Box: Social Promo -----------------------------*/ .bx-social-promo { padding:0 8px 8px; } .bx-social-promo .body li p a { padding:3px 106px 4px 0; font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .bx-social-promo .body li .cta { font-size:15px; line-height:24px; margin:15px 8px 16px 8px; } .bx-social-promo .content .disclaimer { padding-top:8px; } /* =Box: News feed -----------------------------*/ .bx-news-feed{ padding:0 8px 8px 8px; } .bx-news-feed h2.title{ padding:5px 0 11px 0; } .bx-news-feed li{ padding:3px 0 5px 0; } .bx-news-feed li a{ font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .index .g-w20 .bx-news-feed .title{ padding:5px 0 9px 0; } .index .g-w20 .bx-news-feed li{ padding:11px 0 12px 0; } /* =Box: Twagger/twitter feed -----------------------------*/ .bx-twitter {padding-bottom:8px;} .bx-twitter .tweeter { font-size:15px; line-height:24px; padding-top:8px; padding-bottom:3px; font-weight:bold; } .bx-twitter .content { padding:0; margin:0; } .bx-twitter .timeago { top:12px; left:8px; position:absolute; left:-5000px; } .bx-twitter ul li.odd p, .bx-twitter ul li.even p { padding-bottom:12px; margin:0; } .bx-twitter ul li.what-are a {font-weight:bold;} .bx-twitter ul li.read-more a {font-weight:normal;} .bx-twitter ul li.what-are p { font-size:18px; padding-top:4px; padding-bottom:4px; } .bx-twitter ul li.disclaimer p { font-size:15px; padding-top:1px; padding-bottom:3px; } /* =Table: Base -----------------------------*/ .bodytext .module .bx-table .title, .bx-table tr th, .bx-table .highlight, .bx-table .highlight td, .bx-table .highlight th, .bx-table .odd .highlight, .bx-table .split td { font-family:"BBCNassim", arial, verdana, sans-serif; font-weight:bold; } .bodytext .module .bx-table .title { font-size:30px; line-height:32px; padding-left:8px; padding-right:8px; } .bx-table .content {padding:0;} .bx-table td, .bx-table th { padding:8px; vertical-align:top; line-height:24px; font-size:18px; text-align:right; } .bx-table td p, .bx-table th p { padding:0; margin:0; line-height:24px; font-size:18px; } .bx-table .last td {padding-bottom:12px;} .bx-table .align-right {text-align:right;} .bx-table .align-center { display:table-cell; text-align:center; } .bx-table tr .highlight, .bx-table .highlight td, .bx-table .highlight th { font-size:22px; line-height:24px; } .bx-table tr .highlight, .bx-table .highlight td, .bx-table .highlight th { padding:8px 8px 3px; } .bx-table tfoot td { font-size:15px; font-weight:normal; line-height:20px; padding-top:7px; padding-bottom:3px; } /* Premier League Table - NOTE code taken straight from sport */ #footballtable { margin-bottom:16px; } #footballtable h2 { padding-left:8px; padding-right:8px; } #footballtable table {margin-bottom:0;} #footballtable .split td { font-size:22px; line-height:24px; padding:8px; } #footballtable .fulltable td, #footballtable .indextable td {padding:0;} #footballtable .fulltable .r1 td, #footballtable .fulltable .r2 td, #footballtable .fulltable .split td, #footballtable .fulltable .header td, #footballtable .indextable .r1 td, #footballtable .indextable .r2 td, #footballtable .indextable .split td, #footballtable .indextable .header td { padding:3px 8px 5px; } #footballtable .fulltable .split td .rhst { left:-60px; position:relative; } #footballtable tbody td { font-family: arial, verdana, sans-serif; font-size:13px; } #footballtable tbody td.team, #footballtable tbody td.c2, #footballtable .fulltable .split td { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; } #footballtable tbody .header td { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; } #footballtable .associated li { padding:11px 8px 13px; } /* =IMAGES Class prefix: img +++++++++++++++++++++++++++++++++++++++++++++++ */ .image {/*margin-bottom:8px;*/} .image img {padding-top:4px; padding-bottom:5px;} .image .caption { color:#707070; font-size:15px; font-weight:bold; line-height:20px; padding-top:0px; margin-bottom:4px; } /* =Image: Base -----------------------------*/ /* =SEND TO A FRIEND FORM +++++++++++++++++++++++++++++++++++++++++++++++ */ #send-to-friend h1, #send-to-friend h2 {margin-top:0;} #send-to-friend label, #send-to-friend .glow-errorMsg, #send-to-friend li { font-size:13px; line-height:16px; padding:3px 0 5px; } #send-to-friend label input, #send-to-friend label textarea { margin-top:8px; } #send-to-friend input.submit { font-size:11px !important; line-height:16px; padding:4px 8px; overflow:visible; } /* =SIMPLE ACCORDION +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =Vertical accordion - eg seen on weather index -----------------------------*/ .simple-vertical-accordion .divider .title { font-size:18px; line-height:18px; padding-top:0px; padding-bottom:9px; top:0; } /* =INCLUDES +++++++++++++++++++++++++++++++++++++++++++++++ */ /* =WEATHER INDEX +++++++++++++++++++++++++++++++++++++++++++++++ */ #weather-container h1, #weather-container h2.city-title { font-size:36px; line-height:40px; padding:12px 0 4px 0; } #weather-container h2, #weather-container h3 { font-size:30px; line-height:32px; padding:9px 0 6px 0; } #weather-container li { font-size:18px; font-weight:normal; line-height:24px; padding:8px 0 0 0; } #weather-container .city { padding-bottom:16px; } #weather-container ul li.max, #weather-container ul li.min { font-weight:bold; padding:0; } #weather-container ul li.info-h span { font-family:arial,verdana,sans-serif; font-size:24px; line-height:24px; padding-top:3px; } #weather-container li.condition { font-weight:bold; } #weather-container #view-other-cities { font-size:18px; line-height:24px; padding:8px 0; top:16px; } #weather-container #change-degrees { font-weight:bold; } #weather-container .fiveday { padding:8px 0 0 0; } #weather-container .fiveday a { font-weight:bold; } .ws-weather-3-day-desktop.ws-weather-location { font-size:18px; line-height:71px; } .blq-js #weather-forecast.w4 { height: 348px;; } .blq-js .w4 .city .ws-weather-target { height: 94px !important; } .blq-js .weather-nav .tabs-nav li.open a {color:#323232;} .blq-js .weather-nav .tabs-nav li, .weather-nav h2 { font-size:26px; line-height:28px; padding-top:7px; padding-bottom:5px; margin-top:0; top:0; } .weather-nav h2 {margin-bottom:8px;} .weather-nav .cities li { font-family:"BBCNassim", arial, verdana, sans-serif; font-size:18px; font-weight:bold; line-height:24px; padding-top:8px; margin-bottom:0px; } .weather-nav .simple-vertical-accordion{ padding-top:16px; } .weather-nav .simple-vertical-accordion div.open .content { padding-bottom:32px; } #www-bbcpashto-com .bx-weather-v4 .title { padding-bottom: 0; } /* =COMMENTS - have to override comments_gvl3.css +++++++++++++++++++++++++++++++++++++++++++++++ */ .dna-comments_module .dna-user-signin-panel p.dna-commentbox-userstate { margin-bottom:16px; } .dna-comments_module ul.tabs {height:36px !important;} .dna-comments_module ul.tabs li {padding-top:8px !important;} .dna-comments_module ul.tabs li, .dna-comments_module ul.tabs li a { font-size:22px !important; line-height:24px !important; } .dna-comments_module .dna-comment-list ul .dna-comment { padding-top:6px; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info { font-size:14px; line-height:24px; margin-bottom:7px; font-family:arial,verdana,sans-serif; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info .vcard .comment_username { font-size:18px; font-family:"BBCNassim", arial, verdana, sans-serif; } .dna-comments_module .dna-comment-list ul .dna-comment .comments_user_info .time { font-size:15px; font-family:"BBCNassim", arial, verdana, sans-serif; } .dna-comments_module ul.collections li.dna-comment p { font-size:18px !important; line-height:28px; padding-bottom:8px; margin:0 !important; } .dna-comments_module ul.collections li.dna-comment .dna-comments-comment-footer p a { font-size:15px !important; line-height:20px; } .dna-comments_module .dna-comment-list .comments_pagination { margin-top:8px; } .dna-comments_module div.dna-comment-list { margin-bottom:8px; } #comment_pagination_page_status p, .view-all-dna-comments a { font-size:18px; line-height:24px; margin-bottom:0; } .dna-commentbox-logged-in .dna-comments-footer .dna-moderation-type { font-size:18px; line-height:24px; } .dna-comments_module .dna-commentbox-logged-in .primary_body { line-height:16px; } div.dna-comments_module form.postcomment div.dna-comments-footer { margin-bottom:10px; } /* Remove .blq-gvl-3 dependency for blq3.5 */ #blq-main { font-family: "BBCNassim", arial, verdana, sans-serif } /* live events */ .live-event h1 .icon { font-size: 36px; line-height: 40px; } .le-social-tools-cont h4 { line-height: 28px; font-size: 26px !important; padding-top: 7px; } .share-this-tools .share-this-anchor { font-size: 22px; line-height: 36px; } .livetext_item .body p { font-size: 18px; line-height: 24px; } .livetext_item .timeago { font-size: 15px; line-height: 24px; } .livetext_item .author { font-size: 15px; line-height: 24px; } .livetext_item.breakingnews h2.title { font-size: 36px; line-height: 40px; margin-bottom: 0px; } .livetext_item .breakingnews_header { font-size: 22px; } .livetext_item.teaser h2.title { font-size: 22px; line-height: 24px; } .livetext_item.teaser .teaser_body { font-size: 18px; line-height: 24px; } .ts-144x81 .live-event-promo-teaser .icon { font-size: 15px; line-height: 16px; } .ts-144x81 .live-event-promo-teaser.live .icon { font-size: 15px; line-height: 16px; } .ts-headline .live-event-promo-teaser .icon { font-size: 15px; line-height: 16px; padding: 3px 6px; } .live-event-promo-teaser .icon { font-size: 20px; line-height: 22px; font-weight: bold; } .live-event-promo-teaser.live .icon { font-size: 24px; line-height: 24px; } .bx-keypoints h2.title { font-size: 26px; line-height: 28px; } .bx-keypoints .summary { font-size: 18px; line-height: 24px; } .bx-keypoints .content li { font-size: 18px; line-height: 24px; padding-bottom: 8px; } .bx-keypoints .content .body { margin-bottom: 32px; } .li-jointhediscussion .content li.jtd_item { font-size: 20px; } .li-jointhediscussion .body { font-size: 16px; } .livetext_item .live-text-module-share { width: 120px !important; } .lepg-reporters { line-height: 24px; } .lepg-reporters .title-text { font-size: 18px; line-height: 24px; position: relative; top: -4px; } .lepg-info .datestamp, .live-event.comingsoon .lepg-body p{ font-size: 18px; line-height: 24px; } .lepg-reporters .bx-byline { top: 4px; } .lepg-reporters .bx-byline p, .lepg-reporters .bx-byline a { font-size: 18px; } .livetext_item .breakingnews_header { padding-top: 6px; padding-bottom:6px; } .lepg-reporters { line-height: 24px; } .lepg-reporters .title-text { font-size: 18px; line-height: 24px; position: relative; top: -4px; } .lepg-reporters .bx-byline p, .lepg-reporters .bx-byline a { font-size: 18px; } .livetext_item .breakingnews_header { padding-top: 6px; padding-bottom:6px; } .livetext_item_inner .author a { display: inline-block; } /* Embedded fonts This CSS resource incorporates links to font software which is the valuable copyrighted property of Rosetta and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Rosetta with any questions regarding Web Fonts: info@rosettatype.com +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @font-face { font-family: "BBCNassim"; src: url("/staticarchive/1011e201e755bc3670b67c2468c8c324fb4ec6ba.eot"); src: local(":&"), url("/staticarchive/ee3a9b06d742818417dbb93201c20fe2f1cd6518.woff") format("woff"), url("/staticarchive/31bd41f3eb4e8e50541479948986702c14797dca.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "BBCNassim"; src: url("/staticarchive/3874501da1f0dce6a377b039d1e68c145458c7d8.eot"); src: local(":&"), url("/staticarchive/b21664d0d7131101b1f8d87de8a564688e22c412.woff") format("woff"), url("/staticarchive/af917d9a4ad5ea6f74736adc651721a50585993c.ttf") format("truetype"); font-weight: bold; font-style: normal; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Banner */ #banner .brand { background: url("/staticarchive/888c32ce9df9d941f4385cac660585497c857931.gif") no-repeat scroll 0 0 transparent; bottom: 4px; display: block; height: 48px; right: 7px; position: absolute; width: 106px; text-indent:-9999px; overflow:hidden; } /* Streaming promo */ #banner #streaming-promo { font-family: "BBCNassim"; font-size: 22px; font-weight: bold; left: 0; line-height: 24px; position: absolute; top: 20px; width: 255px; right: 640px; } #banner #streaming-promo li { display:inline-block; float:right; padding:0px 22px 0px 8px; position:relative; } #banner #streaming-promo li span { position:absolute; display:block; top:0; right:0; width:12px; height:15px; bottom:0; background-image:url(/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png); } #banner #streaming-promo .video span { background-position:-5px -31px; } #banner #streaming-promo .audio span { width:18px; background-position:-906px -31px; } /* Title */ .genre-homepage h1 { display:none!important; } /* Date stamp */ .genre-homepage .datestamp { position:absolute; top:53px; *top:54px; right:122px; margin:0; color:#fff; font-size:18px; line-height:22px; display:block; width:400px; } .genre-homepage .datestamp { color: #FFFFFF; font-size: 18px; line-height: 22px; } /* h1 is being erroneously rendered in lists so we have to target the index name more precisely .index h1 { */ .index .g-container > h1 { display:block; position:absolute; color:#fff!important; top:47px; right:120px; } /* Adds a border below Breaking news */ .breaking-news { margin-bottom: 15px; /*7px;*/ margin-top: -8px; padding-top: 24px; /*8px;*/ border-bottom:1px solid #cccccc; } /* Highlights a published list */ .highlighted-list-wrapper { background-color:#eeeeee; padding:10px; margin-bottom:20px; } .highlighted-list-wrapper h2.title { border:none; } .highlighted-list-wrapper .content { background-color:#ffffff; padding:5px; } .highlighted-list-wrapper .li-plain .li-plain li .li-plain { border-top:1px solid #eeeeee; } .highlighted-list-wrapper .ts-video.body-disabled span.cta, .highlighted-list-wrapper .ts-audio.body-disabled span.cta, .highlighted-list-wrapper .ts-ms-audio-console.body-disabled span.cta { top:10px; } .highlighted-list-wrapper .ts-video.body-disabled .duration, .highlighted-list-wrapper .ts-audio.body-disabled .duration, .highlighted-list-wrapper .ts-ms-audio-console.body-disabled .duration { display:none; } .highlighted-list-wrapper .ts-video.body-disabled, .highlighted-list-wrapper .ts-audio.body-disabled, .highlighted-list-wrapper .ts-ms-audio-console.body-disabled { padding-right:22px; padding-bottom:0!important; } /* Temporary - until h1 is removed from mark-up */ .li-ticker h1 { position:relative; color:#333333!important; top:0; right:0; width:auto; display:inline-block; } /* Nav overrides */ /*.genre-homepage #banner,*/ .genre-business #banner, .genre-indepth #banner, .genre-multimedia #banner, .genre-topics #banner, .genre-learningenglish #banner, { margin-bottom:48px; } #blq-content { padding-top:0; } /* Grid overrides */ .genre-homepage .top-story .teaser .title { top: 4px; } .genre-interactivity .highlight .ts-page, .genre-homepage .highlight .teaser { background-color:#eee; padding:5px 15px 15px 15px; margin-bottom:16px; } .genre-interactivity .top-story, .genre-learningenglish .top-story { border-bottom:none; } .li-ticker h1 { font-size:18px; line-height:24px; } .datestamp { margin-top:0; } /* Social Media Promos */ .g-w11 .bx-social-promo .youtube-promo p a, .g-w11 .bx-social-promo .facebook-promo p a { width:127px; } .g-w11 .bx-social-promo .twitter-promo p a { width:117px; } /* Market feeds footer link styles */ .bx-businessfeed .disclaimer { width:176px; } .bx-businessfeed .footer-link { width:144px; } .blq-js #news-services h2 { margin: 0 0 32px 0; } /*Services footer */ #news-services li#service-feeds, #news-services li#service-email-news, #news-services li#service-podcasts, #news-services li#service-alerts { width:83px; } #news-services li#service-mobile, #news-services li#service-uploader, #news-services li#service-widgets { width:84px; } #news-services li#service-email-news{display:none;} /* Importers - move to core.css? */ .li-importer h2 { border-bottom:1px solid #cccccc!important; } /* Topics A-Z - move to core.css? */ .bodytext .module .list.li-topics { float: right; } /* Removing header from tables inside a tab - for TV listings */ .genre-tvandradio .tab .bx-table .title { display:none!important; } /* Inline contact form in story body */ #email-us label { font-size:18px; line-height:28px; } .bodytext .module #email-us { clear: left; float: left; margin-left:-160px; margin-right: 16px; margin-top: 12px; width:304px; } .bodytext .module #email-us h3 { border:1px solid #cccccc; border-width:1px 0; font-size: 22px; line-height: 24px; margin-top: 8px; padding: 7px 0 8px 0; top: 0; } .bodytext .module #email-us .required-items { color:#cccccc; } .bodytext #email-us .personal-details input, .bodytext #email-us textarea { width:300px; border:1px solid #d8d8d8; font-family: "BBCNassim",arial,sans; font-size:18px; line-height:28px; } .bodytext #email-us .personal-details input { height:28px; } .bodytext #email-us textarea { height:140px; } #email-us .submit,#email-us .reset { background-color: #505050; border: medium none; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding:1px 3px; font-family: "BBCNassim"; font-size:15px; } /* Av-instance left-hand nav */ .av-instance .bx-social-promo .body li .cta { margin: 15px 3px; } .index.genre-multimedia .bx-social-promo .body li .cta { margin: 15px 2px 16px 2px; } .av-instance .g-w11 .bx-social-promo .twitter-promo p a, .g-w10 .bx-social-promo .twitter-promo p a { width:104px; } .av-instance .g-w11 .bx-social-promo .youtube-promo p a, .g-w10 .bx-social-promo .youtube-promo p a { width:107px; } .index.genre-multimedia .bx-social-promo .body li .cta { margin: 15px 1px 16px 1px; } .bx-livestats, .blq-js .index.genre-multimedia .g-w11 .tabbed .content { /* width: 288px; */ } /* Targeting 'GMT' in radio and TV schedules */ .genre-institutional .bx-table h2.title { font-size:18px!important; line-height:24px!important; padding:0 5px 0 0!important; } /* Enables us to disable embedded font via js */ .ws-noembedfont #blq-main * { font-family: arial,verdana,sans-serif!important; } .genre-business .story-body .bx-businessfeed { border-bottom: 1px solid #EEEEEE; margin-right: 0 !important; padding:0; float:right; display:block; } .genre-business .story-body .bx-businessfeed h2.title { background-color:#4f5050; color:#ffffff; padding:5px 10px 10px 0; border:none; } .genre-business .story-body .bx-businessfeed .tabs-h { padding:0; } .genre-business .story-body .bx-businessfeed .tabs-h .tab { padding-top:12px; } .genre-business .story-body #commodities.bx-businessfeed { border-bottom:1px solid #ccc; } .genre-business .story-body #commodities.bx-businessfeed td { background-color:#fff; } .genre-business .story-body #commodities.bx-businessfeed th { padding:0 5px 0 0; } .genre-business .story-body .bx-businessfeed { background-color:#fff!important; border-bottom:none; } .genre-business .story-body .bx-businessfeed .disclaimer { width:100%; background-color:#fff; border-top:1px solid #ccc; /*padding:0 5px 0 0;*/ } .genre-business .story-body #business_row .bx-businessfeed { display:inline-block; margin:0 0 0 16px; width:192px; overflow:none; } .genre-business .story-body #business_row .bx-businessfeed .chart { position:relative; height:160px; } .genre-business .story-body #business_row .bx-businessfeed .chart img { position:absolute; clip:rect(0, 200px, 155px, 0); overflow:hidden; } .genre-business .story-body #business_row { width:610px; } #business_row .markets-nasdaq { margin-left:0!important; } /* spacing adding to topstory */ .genre-homepage .top-story { padding-top:32px; } .genre-homepage .li-carousel { padding-top: 16px; } /* spacing adding to topstory summary text to align with image */ .genre-homepage .top-story .teaser .summary { padding-top:8px; } .genre-homepage .top-story .teaser .title img { padding-bottom: 12px; } .genre-homepage .wsv { margin-bottom: 14px; } .genre-interactivity .wsv .v-footer { padding-bottom: 1px; } /* top story list RSS icon */ .topstories-list .rss { height: 16px; } /* display business module on main business page and hide buasiness modules on tabbed story */ .tabbed-story .bx-markets { display:none; } .tabbed-story .bx-currencies { display:none; } /* blq3.5 font override */ #blq-main { font-family: "BBCNassim" !important; } .live-event.live h1 span { margin-right: 130px; top: 0px; } .live-event.comingsoon h1 span { margin-right: 90px; top: 0px; } .live-event.asithappened h1 span { margin-right: 200px; top: 0px; } .livetext_item .live-text-module-share { width: 63px !important; } /* added by imran */ .bbccom_display_none { display:none; } /* tier 2 fixes */ .genre-homepage #blq-main .g-w11 { padding-top: 15px; } .genre-homepage .top-story { padding-top: 16px; } .secondary-stories .more-top-stories, .ar-more_topstories { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; } .ar-tv_programme { /*border-top: 1px solid #CCCCCC; padding: 9px 0;*/ } .ar-highlights .ar-middle_east { border-top: 1px solid #CCCCCC; } .ar-highlights .ar-world { border-top: 1px solid #CCCCCC; } .ar-highlights .title { padding: 9px 0; } .g-w10 .ts-304x171 div.body { margin-top: 0px; } .genre-homepage .ar-picture_gallery .ts-336x189 { background-color:#EDEDED; } .genre-homepage .ar-picture_gallery .ts-336x189:hover { background-color:#EDEDED !important; } .genre-homepage .ar-picture_gallery .ts-336x189 .title a:link, .genre-homepage .ar-picture_gallery .ts-336x189 .title a:active, .genre-homepage .ar-picture_gallery .ts-336x189 .title a:visited { color:#174F82; } .genre-homepage .ar-picture_gallery .ts-336x189 .title a:hover { color:#1788DC; } .genre-sports .g-w11 .bx-info { padding: 0; } .genre-sports .g-w11 .bx-info .title { padding-right: 8px; padding-top: 8px; } .genre-sports .g-w11 .bx-info .module .bx-table { } .genre-sports .g-w11 .bx-info .module .bx-table .title { background-color: #1788DC; color: white; font-size: 28px; line-height: 30px; } .genre-sports .g-w11 .bx-info .module .bx-table .content { } .genre-sports .g-w11 .bx-info .module .bx-table .content table { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody tr { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody tr td { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody .odd { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody .odd td { background-color: white; } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody .top-five { } .genre-sports .g-w11 .bx-info .module .bx-table .content table tbody .top-five td { border-bottom: 1px solid #1788DC; border-top: 1px solid #1788DC; } .genre-sports .g-w11 .bx-info p { padding: 0 10px; } .topstories-list .ts-144x81.first { margin-bottom: 0; } .genre-sports .more-top-sport-stories { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; } /* Blogs story & index */ .genre-blogs .blogs-primary-topic { position: relative; font-weight: normal; color:#505050; display: block; margin-bottom: 12px; border-bottom:1px solid #CCCCCC; top: 0px; font-size: 36px; line-height: 47px; padding-bottom: 9px; } .story.genre-blogs h1 { top: 6px; } .genre-blogs .news_chron { border-bottom: none!important; } .genre-blogs .ts-304x171 .body, .genre-blogs .ts-304x171 .title, .genre-blogs .ts-144x81 .body, .genre-blogs .ts-144x81 .title, .genre-blogs .ts-144x81 .date, .genre-topics.blogs .ts-304x171 .body, .genre-topics.blogs .ts-304x171 .title, .genre-topics.blogs .ts-144x81 .title, .genre-topics.blogs .ts-144x81 .body, .genre-topics.blogs .ts-144x81 .date { margin-right:0; } .genre-blogs .ts-304x171 .title img, .genre-blogs .ts-144x81 .title img, .genre-topics.blogs .ts-304x171 .title img, .genre-topics.blogs .ts-144x81 .title img { position:static; margin-right:0; padding-bottom:7px; } .genre-blogs .ts-144x81 .title img, .genre-topics.blogs .ts-144x81 .title img { padding-top:7px; } .genre-blogs .ts-304x171 .title, .genre-topics.blogs .ts-304x171 .title { top: 0; } .genre-blogs .ts-304x171, .genre-blogs .ts-144x81 { border-bottom:1px solid #CCCCCC; padding-bottom: 12px; } .index.genre-blogs .g-container .li-topics, .genre-blogs .g-container .li-topics.li-blog-subject, .index.genre-blogs .g-container .li-topics, .genre-blogs .g-container .li-topics.li-blog-author { background-color: transparent; border-bottom:1px solid #CCCCCC; padding: 0px; display: block ! important; margin-bottom: 16px ! important; } .genre-topics.blogs .g-container .li-topics.li-blog-subject, .genre-topics.blogs .g-container .li-topics.li-blog-subject, .genre-topics.blogs .g-container .li-topics.li-blog-author, .genre-topics.blogs .g-container .li-topics.li-blog-author { margin-bottom:16px !important; background-color:transparent; border-bottom:1px solid #CCCCCC; padding:0; display:block !important; } .index.genre-blogs .g-container .li-topics .title, .genre-topics.blogs .g-container .li-topics .title, .story.genre-blogs .g-container .li-topics .title { padding-bottom: 6px; } .genre-blogs .g-container .li-topics .hd, .genre-topics.blogs .g-container .li-topics .hd { padding-top: 3px!important; } .genre-blogs .li-topics.li-blog-subject .content .body, .genre-topics.blogs .li-topics.li-blog-subject .content .body, .genre-blogs .li-topics.li-blog-author .content .body, .genre-topics.blogs .li-topics.li-blog-author .content .body { background-color:transparent !important; } .index.genre-blogs .g-container .li-topics .body li, .genre-blogs .g-container .li-topics .body li, .genre-topics.blogs .g-container .li-topics .body li { padding-right:0 !important; } .genre-blogs .top-story .ts-304x171 .body, .genre-topics.blogs .top-story .ts-304x171 .body { margin-top:0 !important; min-height:0 !important; } .genre-blogs .top-story { border-bottom:0 !important; margin-bottom:6px !important; } .genre-topics.blogs .top-story { padding-bottom:0 !important; } .index.genre-blogs h1, .genre-topics.blogs h1 { display: block ! important; border-bottom:1px solid #CCCCCC; position: relative; color: #505050 !important; right: 0px; margin-top: 0px; margin-bottom: 31px; top: 16px; padding-bottom: 10px; font-size: 40px; } .genre-blogs .g-container .li-topics .hd { margin-bottom: 19px !important; } .genre-topics.blogs h1 { top: -4px; padding-bottom: 12px; margin-bottom: 11px; } .index.genre-blogs .g-w20 .last-published .teaser .timeago { padding-right: 0 !important; } #blq-content .more-top-stories { margin-bottom:13px !important; } .genre-blogs .more-top-stories .ts-headline, .genre-topics.blogs .li-listing li { border-bottom:1px solid #CCCCCC; padding-bottom:11px !important; } .genre-blogs .bx-info, .genre-topics.blogs .bx-info { background-color:transparent !important; padding:0 !important; border-bottom:1px solid #CCCCCC; } .genre-blogs .bx-info .title { padding-bottom: 6px !important; padding-top: 5px !important; } .genre-topics.blogs .bx-info .title { padding-top: 0px ! important; padding-bottom: 6px; } .genre-topics.blogs .bx-info .body p { font-size: 18px !important; line-height: 24px !important; } .index.genre-blogs .datestamp, .genre-topics.blogs .datestamp { display:none !important; } .index.genre-blogs .more-top-stories .ts-headline { margin-bottom: 8px; } .blq-js .timeago, .blq-js .date { visibility: visible!important; } .index.genre-blogs .top-story .teaser .title, .index.genre-blogs .more-top-stories .teaser .title, .genre-topics.blogs .top-story .teaser .title, .genre-topics.blogs .more-top-stories .teaser .title, .genre-topics.blogs .list .ts-144x81 .title { font-size: 30px !important; line-height: 36px !important; } .index.genre-blogs p, .genre-topics.blogs p { font-size: 18px; line-height: 24px; } .index.genre-blogs .g-container .li-topics .last div.body, .genre-topics.blogs .g-container .li-topics .last div.body { padding-bottom: 8px !important; } .genre-blogs .g-container .li-topics .last div.body { padding-bottom: 5px !important; } .genre-blogs .li-ticker, .genre-topics.blogs .li-ticker { display:none !important; } .genre-topics.blogs .ts-144x81 .title img { display:none !important; } .genre-topics.blogs .more-top-stories .ts-144x81 .title img { display:block !important; } .genre-topics.blogs .secondary-story { border-bottom:0 !important; } .genre-topics.blogs .more-top-stories { border-bottom:1px solid #CCCCCC; } .genre-topics.blogs .bx-livestats { display:none !important; } .genre-topics.blogs .ts-144x81 { margin-bottom: 8px; } .genre-topics.blogs .slot10, .genre-topics .slot13, .genre-topics.blogs .slot14, .genre-topics.blogs .slot16 { display: none; } .genre-topics.blogs .slot13 { display: block; } .genre-blogs .box .body, .genre-topics.blogs .box .body { font-size: 18px; line-height: 24px; } .genre-topics.blogs .av-body { width:976px; } .genre-topics.blogs .g-w11 { margin-top:-4px; } .genre-blogs .box.bx-byline { float: none !important; margin-right: 0 !important; } .g-w11 .bx-info .content img { padding: 8px 0 8px 8px !important; } /* story page related links date stamp fix */ .story .contextual-links .body-disabled .timeago { top: 0; } /* Comments module font fix */ #blq-container #blq-main .id4-cta { font-family: "BBCNassim" !important; } div.dna-comments_module p.dna-commentbox-nocomments { font-style: normal !important; } #orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:link, #orb-modules .id4-cta .id4-cta-size-small a.id4-cta-button:visited, #blq-container #blq-main .id4-cta .id4-cta-size-small a.id4-cta-button:link, #blq-container #blq-main .id4-cta .id4-cta-size-small a.id4-cta-button:visited { padding: 1px 9px 1px 28px !important; } /* Comments icon on indexes */ .icon-comment { background-image: url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position: -862px 0; display: inline-block; height: 14px; position: relative; width: 14px; overflow: visible; top: 6px; margin: 0 5px 0 0; text-indent: 5000px; } .g-w10.g-first .icon-comment { margin: 0 5px 0 0; } .g-w10 .icon-comment { top: 14px !important; } .g-w10 .ts-144x81 .icon-comment { top: 4px !important; margin: 0 5px 0 0; } .ts-headline.first .icon-comment, .g-w5 .icon-comment, .g-w5.g-first .icon-comment { margin: 0 5px 0 0; position: relative; } .g-w11 .ts-336x189 .icon-comment, .g-w20 .li-specialfeatures .icon-comment { background-image: url("/staticarchive/0196373a24d6b7ada430c956a2f77bf39ec7c4a2.png"); background-position: -862px 15px; overflow: visible; margin: 0 5px 0 0; display: inline-block; position: relative; top: 6px; } .ts-144x81 .icon-comment { left: auto !important; top: 8px !important; } .ts-headline > a { margin-left: 0 !important; } .li-listing .summary span.icon-comment { padding-top: 0 !important; display: inline-block !important; top: 2px; } /* Comments icon on stories */ .comments-label { font-size: 18px; line-height: 24px; } .dna-comment-count-show { visibility: visible; } .story .icon-comment { margin: 0 !important; } div.dna-comments_module .comments-message-message { display: none !important; }