/* CSS document for The Irish Times -test */ /* custom font declaration */ @font-face { font-family: 'DINWeb-Bold'; src: url('../fonts/DINWeb-Bold.eot'); src: url('../fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINWeb-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; } section { clear:both;} audio, canvas, video { display:inline-block; *display:inline; *zoom:1; } audio:not([controls]) { display:none; } [hidden] { display:none; } .hidden { display:none !important; visibility:hidden; } .accessibility, .no-display { position:absolute; left:-999em; top:-999em; } a .accessibility { position:relative; left:0; top:0; visibility:hidden; } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll; } html, button, input, select, textarea { color:#515151; } body { margin:0; font-size:16px; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; } html, body { height:100%; } .no-touch body { -webkit-font-smoothing:antialiased; } .oldandroid body { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } h1 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-weight:normal; font-size:220%; } h2 { margin:0; padding:10px 0 5px; color:#000; line-height:1.3em; font-weight:normal; font-size:128%; } h3 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:130%; } h4 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:115%; } h5 { margin:0; padding:10px 0 5px; color:#000; line-height:1.1em; font-size:100%; } a { color:#003399; text-decoration:none; } a.no-highlight { -webkit-tap-highlight-color:rgba(0,0,0,0); } a:visited { color:#003399; } a:focus { /*outline:thin dotted; color:#000;*/ } a:link, a:active, a:focus, object, embed, .btn:focus {outline:none !important; -moz-outline-style: none !important;} a:hover, a:active { color:#000; outline:0; } a span { cursor:pointer; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } blockquote { margin:1em 40px; } dfn { font-style:italic; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } ins { background:#ff9; color:#000; text-decoration:none; } mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; } pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; } pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; } q { quotes:none; } q:before, q:after { content:""; content:none; } small { font-size:85%; } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } p { margin:0; padding:0 0 1.5em; } ul, ol { margin:1em 0; padding:0 0 0 40px; } dd { margin:0 0 0 40px; } nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; } a.fileResourceLink{ background-repeat: no-repeat; padding-left: 20px; font-family: arial; font-size: 15px; font-weight: bold; color: #0088cc; text-decoration: underline; } .stub-article-msg{font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size:18px; text-align:center; color: #000; background-color: #f6f6f6; border: 1px solid #c6c6c6; border-radius: 5px; margin: 10px 0 30px; padding: 10px 5px;} .stub-article-msg a {color:#006666;} img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;} #torso img{height:auto;} .responsive-img{height:auto;} .lt-ie9 img{max-width:none; width:inherit; zoom:1;} .lt-ie9 .story img{width:auto; /* !important;*/ max-width:100%;} /*IE8 temp fixes for images - probably only needed until image derivative work is completed*/ .lt-ie9 .span4 > a > img{max-width:300px;} .lt-ie9 .span8 > a > img{max-width:620px; width:100%;} .lt-ie9 .horizontalteaserlist .span4 img, .lt-ie9 .span4 .videoThumbnail img{width:300px;} .lt-ie9 .horizontalteaserlist .row .headline-over img{width:140px;} .lt-ie9 .sectionteaser .span8 > a > img{width:220px;} .lt-ie9 .horizontalteaserlist .span4 .byline img{width:40px; height:40px;} svg:not(:root) { overflow:hidden; } figure { margin:0; } form { margin:0; } fieldset { border:0; margin:0; padding:0; } label { cursor:pointer; } legend { border:0; *margin-left:-7px; padding:0; white-space:normal; } button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; } button, input { line-height:normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; } button[disabled], input[disabled] { cursor:default; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } textarea { overflow:auto; vertical-align:top; resize:vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color:#f0dddd; } table { border-collapse:collapse; border-spacing:0; } td { vertical-align:top; } .chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; } body > iframe, #_atssh, #fb-root { left:-999999px; top:-999999px; position:absolute; } /* Layout */ #wrapper { width:100%; min-width:960px; height:auto !important; height:100%; min-height:100%; float:left; position:relative; z-index:0; overflow-x:hidden; /*-moz-transition:margin .4s; -webkit-transition:margin .4s; -o-transition:margin .4s; transition:margin .4s;*/ overflow:hidden; background-color:#FFF; } .container { width:960px; float:left; position:relative; } .left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-480px; float:left; display:inline; } .left-remainder .inner { margin-right:480px; } .right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-480px; float:left; display:inline; } .right-remainder .inner { margin-left:480px; } /*#touch-cover { width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:2; }*/ /*.js.touch #touch-cover { display:block; }*/ /* Section headings */ .frontpage .section-title a, .indepth .section-title a, .sponsored .section-title a, .section-title a{color:#000;} .news .section-title, .news .section-title a { color:#CC0000; } .sport .section-title, .sport .section-title a { color:#3EA447; } .business .section-title, .business .section-title a { color:#1190AF; } .life-and-style .section-title, .life-and-style .section-title a { color: #F60; } .culture .section-title, .culture .section-title a {color: #B74F7D;} .debate .section-title, .debate .section-title a { color:#777552; } .debate .section-title { border-color: #777552; } /* News Index */ .index_story {border-bottom:1px solid #C6C6C6; margin-bottom: 20px; *zoom: 1;} .index_story:before, .index_story:after{display: table; content: "";} .index_story:after { clear: both;} .index_story a span.h2{display: block; margin-bottom: 0;} .index_story a span.p {display: block; margin-bottom: 0; line-height: 26px; color: #515151;} .index_story p {line-height: 1.4em; padding-bottom: .5em;} .span8 .index_story p { clear: none;} .index_story p a {position:relative; width auto; /* top: -3px; */ padding-bottom:0; color:#515151;} .index_story a span.h2:hover, .index_story a p:hover{color: #074399 !important;} .index_story span.img { position: relative; float: left; } /*span.img{display:block; position: relative;}*/ span.img-full{display:block; position: relative; margin-bottom:5px;} span.img-full img{margin:0 !important; padding:0 !important;} .index_story span.img img{margin: 3px 10px 0 0; width:auto !important;} /*.span8 .index_story .img img{max-width:220px;}*/ .verticalteaserlist, .horizontalteaserlist, .indextopstories, .repeatingteaser{margin-bottom:20px;} .horizontalteaserlist .firstrow .top-line{border-top:none;} /* ### new 0,1,2 teaser styles ### */ .indextopstories > .span8{border-bottom:2px solid #C6C6C6; padding-bottom:10px;} .indextopstories .img-left .index_story{border-top:none; border-bottom:1px solid #C6C6C6; padding:0 0 10px 0;} .indextopstories .img-left .span8 .h2{padding:0 0 5px 0; font-size:24px; line-height:1.1em;} .indextopstories.lead-1 .img-left .headline-over .h2{font-size:28px !important;} .indextopstories.lead-1 .img-left .img{margin-bottom:5px;} .indextopstories.lead-1 .img-left img{width:auto; max-width:300px; padding-bottom:0;} .indextopstories .headline-over .img{margin-bottom:5px;} .indextopstories .headline-over img{padding-bottom:0 !important;} .img-left .span8.index_story .icon_list{float:left; clear:none;} .lt-ie9 .img-left .span8.index_story .icon_list{width:45%;} .indextopstories .index_story{border-top:1px solid #C6C6C6; border-bottom:none; padding-top:20px; margin-top:0; margin-bottom:0;} .indextopstories .firstrow .index_story{border:none;} .indextopstories.lead-0 .firstrow .index_story, .indextopstories.lead-2 .firstrow .index_story{padding-top:0;} @media only screen and (max-width: 979px){ .horizontalteaserlist .firstrow .top-line{border-top:1px solid #C6C6C6;} .horizontalteaserlist .firstrow .top-line:first-child{border-top:none;} } @media only screen and (min-width: 979px){ /*desktop view only*/ .img-left .span8.index_story .icon_list{max-width:45%;} } @media only screen and (min-width:768px) and (max-width: 979px) { /*between mobile & desktop view*/ .indextopstories .img-left .index_story img, .indextopstories .span8 .span4 img{max-width:200px !important;} .indextopstories .span8 .span4{/*width:200px !important;*/ padding-top:10px;} .indextopstories .span8 .span4 ul.icon_list{margin-bottom:0;} .indextopstories .firstrow .index_story:first-child{border:none;} .indextopstories .firstrow .index_story{border-top:1px solid #C6C6C6;} .indextopstories.lead-0 .firstrow .index_story:first-child{padding-top:0;} .indextopstories.lead-0 .firstrow .index_story{padding-top:10px;} .indextopstories .span8 .span4 .h2{font-size:18px; padding-bottom:4px; line-height:1.3em;} .indextopstories .span8 .span4.headline-over a .h2{font-size:18px !important; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/} .indextopstories .span8 .span4 img{max-width:100px !important;} } @media only screen and (max-width: 767px) { .indextopstories.lead-2 .firstrow .index_story:first-child{border-bottom:1px solid #c6c6c6 !important; margin-bottom:20px;} .indextopstories .firstrow .index_story:first-child{border:none;} .indextopstories .firstrow .index_story{border-top:1px solid #C6C6C6;} } @media only screen and (min-width:480px) and (max-width: 767px) { /* landscape mobile specific*/ .indextopstories .img-left .index_story img, .indextopstories.lead-2 .firstrow .index_story img{max-width:220px !important;} } @media only screen and (min-width:320px) and (max-width:479px) { /*portrait mobile specific*/ .indextopstories .img-left .index_story img, .indextopstories.lead-2 .firstrow .index_story img{max-width:300px !important;} } /* ### EDITORIAL .feature_box ### */ /*general*/ .feature_box{border:1px solid #C6C6C6; border-bottom:2px solid #000; background:#f5f5f5; margin:0 0 20px 0; position:relative;} .feature_box span.h2{padding:8px 8px 0; margin-bottom:0 !important; color:#000; display: block; margin-bottom: 0; font-size:22px; line-height:26px; -webkit-font-smoothing: subpixel-antialiased;} .feature_box span.p {padding: 0 8px; margin-bottom: 10px; margin-top: 5px; font-size: 16px; line-height: 18px; display: block; color: #515151;} .feature_box .border_bottom{display:none;} /* reverse colours */ .feature_box.head-over span.h2{padding:3px 8px 3px; color:#FFF !important; background-color:#000;} /* span 2 - regular & reverse colours */ .span2 .feature_box span.h2{font-size:18px !important; line-height:1.2em; letter-spacing:-0.06em;} .span2 .feature_box {max-width: 300px; display: block; margin: 0 auto 20px;} .span2 .feature_box img{max-width:100%;} /* span 4 horizontal - regular & reverse colours */ .span4 .feature_box.horizontal{border-bottom:1px solid #C6C6C6 !important; border-right:2px solid #000000;} .span4 .feature_box.horizontal a{*float:left; *display:inline;} .span4 .feature_box.horizontal .h2{font-size:18px; line-height:1.2em;} .span4 .feature_box.horizontal img{max-width:140px;} .span4 .feature_box.horizontal .feature_text {float:right; /*width:157px;*/ width:153px; *display:inline;} .span4 .feature_box.horizontal.head-over .h2{float:right; width:141px;} .span4 .feature_box.horizontal.head-over a{*float:none;} .span4 .feature_box.horizontal.head-over img{float:left;} /* span 4 vertical - regular & reverse colours */ .span4 .feature_box{max-width:300px; display:block; margin:0 auto 20px;} .span4 .feature_box span.h2{font-size:20px;} /* colours for feature box */ #torso .feature_box.frontpage span.h2{color:#000;} .news .feature_box span.h2, #torso .feature_box.news span.h2{color:#C00;} .sport .feature_box span.h2, #torso .feature_box.sport span.h2{color:#3EA447;} .business .feature_box span.h2, #torso .feature_box.business span.h2{color:#1190AF;} .debate .feature_box span.h2, #torso .feature_box.debate span.h2{color:#777552;} .life-and-style .feature_box span.h2, #torso .feature_box.life-and-style span.h2{color:#F60;} .culture .feature_box span.h2, #torso .feature_box.culture span.h2{color:#B74F7D;} #torso .feature_box.frontpage{border-bottom:2px solid #000;} .news .feature_box, #torso .feature_box.news{border-bottom:2px solid #C00;} .sport .feature_box, #torso .feature_box.sport{border-bottom:2px solid #3EA447;} .business .feature_box, #torso .feature_box.business{border-bottom:2px solid #1190AF;} .debate .feature_box, #torso .feature_box.debate{border-bottom:2px solid #777552;} .life-and-style .feature_box, #torso .feature_box.life-and-style{border-bottom:2px solid #F60;} .culture .feature_box, #torso .feature_box.culture{border-bottom:2px solid #B74F7D;} #torso .feature_box.frontpage.horizontal{border-right:2px solid #000;} .news .feature_box.horizontal, #torso .feature_box.news.horizontal{border-right:2px solid #C00;} .sport .feature_box.horizontal, #torso .feature_box.sport.horizontal{border-right:2px solid #3EA447;} .business .feature_box.horizontal, #torso .feature_box.business.horizontal{border-right:2px solid #1190AF;} .debate .feature_box.horizontal, #torso .feature_box.debate.horizontal{border-right:2px solid #777552;} .life-and-style .feature_box.horizontal, #torso .feature_box.life-and-style.horizontal{border-right:2px solid #F60;} .culture .feature_box.horizontal, #torso .feature_box.culture.horizontal{border-right:2px solid #B74F7D;} #torso .feature_box.frontpage.head-over span.h2{background-color:#000;} .news .feature_box.head-over span.h2, #torso .feature_box.news.head-over span.h2{background-color:#C00;} .sport .feature_box.head-over span.h2, #torso .feature_box.sport.head-over span.h2{background-color:#3EA447;} .business .feature_box.head-over span.h2, #torso .feature_box.business.head-over span.h2{background-color:#1190AF;} .debate .feature_box.head-over span.h2, #torso .feature_box.debate.head-over span.h2{background-color:#777552;} .life-and-style .feature_box.head-over span.h2, #torso .feature_box.life-and-style.head-over span.h2{background-color:#F60;} .culture .feature_box.head-over span.h2, #torso .feature_box.culture.head-over span.h2{background-color:#B74F7D;} /* EDITORIAL .feature_box - RESPONSIVE STYLES */ @media (max-width: 979px) { .feature_box{width:300px;} .span2 .feature_box{display:block; max-width:300px; border-bottom:1px solid #C6C6C6 !important; border-right:2px solid #000;} .span2 .feature_box.head-over .h2{letter-spacing:normal;} .span2 .feature_box .feature_text {width:155px; float:right;} .news .span2 .feature_box, #torso .span2 .feature_box.news{border-right:2px solid #C00;} .sport .span2 .feature_box, #torso .span2 .feature_box.sport{border-right:2px solid #3EA447;} .business .span2 .feature_box, #torso .span2 .feature_box.business{border-right:2px solid #1190AF;} .debate .span2 .feature_box, #torso .span2 .feature_box.debate{border-right:2px solid #777552;} .life-and-style .span2 .feature_box, #torso .span2 .feature_box.life-and-style{border-right:2px solid #F60;} .culture .span2 .feature_box, #torso .span2 .feature_box.culture{border-right:2px solid #B74F7D;} .span2 .feature_box.head-over .h2{float:right; width:144px;} .span2 .feature_box.head-over .img{float:left;} .span2 .feature_box.head-over .feature_text{float:right; width:160px;} .span4 .feature_box.horizontal.head-over .h2{width:144px;} /*don't change span 2's in the RHS col*/ #content_right .span2 .feature_box, #content_right_upper .span2 .feature_box{max-width:140px !important; border-right:1px solid #C6C6C6 !important;} #content_right .span2 .feature_box .feature_text, #content_right_upper .span2 .feature_box .feature_text{float:none; width:auto;} #content_right .span2 .feature_box.head-over .h2, #content_right_upper .span2 .feature_box.head-over .h2{letter-spacing:-0.06em; float:none; width:auto;} #content_right .col-split-s4 .column-splitter, #content_right_upper .col-split-s4 .column-splitter {float:none; margin: 0 20px;} #content_right .column-splitter .span2, #content_right_upper .column-splitter .span2{float:left !important; width:140px !important; margin-left:20px;} } @media (max-width: 767px){ #content_right .col-split-s4 .column-splitter, #content_right_upper .col-split-s4 .column-splitter { width: 300px; margin: 0 auto; } #content_right .col-split-s4 .column-splitter .row, #content_right_upper .col-split-s4 .column-splitter .row { margin-left: -20px; } } .latest_news_topics ul {padding-left: 0; margin-top: -5px;} .latest_news_topics ul li {list-style-type: none; border-bottom: 1px solid #C6C6C6; padding: 5px; line-height: 22px;} .latest_news_topics ul li a {color: #515151;} /*.latest_news_topics ul li a span { background: url(../images/generic/website/eschalon_colours.gif) right -297px no-repeat transparent; padding-right: 40px; } remove chevrons */ .latest_news_topics ul li a:hover {color: #039} /*## Article Info ##*/ .article_info{margin:0; line-height:normal;} .article_info ul{padding:0; margin:0 0 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .article_info ul li{border-left:1px solid #000; padding:0 6px 0 7px; *padding:0 2px 0 7px; display:inline-block; *display:inline;} .span2 .article_info ul li{padding:0 3px 0 5px; display:inline;} .article_info ul li a, .article_info ul li span{display:inline;} .article_info ul li.first{border:none; padding-left:0;} .article_info ul li.author a, .article_info ul li.author span{font-weight: bold; color:#515151;} .article_info ul li.author a:hover{color:#039;} .article_info ul li.date{color:#000;} .article_info ul li.last{} /*colours for department in article info*/ .article_info ul li.frontpage, .article_info ul li.frontpage a, .article_info ul li, .article_info ul li a{color:#000; font-weight: bold;} .article_info ul li.news, .article_info ul li.news a{color:#C00; font-weight: bold;} .article_info ul li.sport, .article_info ul li.sport a {color:#3EA447; font-weight: bold;} .article_info ul li.business, .article_info ul li.business a {color:#1190AF; font-weight: bold;} .article_info ul li.debate, .article_info ul li.debate a {color:#777552; font-weight: bold;} .article_info ul li.life_and_style, .article_info ul li.life_and_style a{color:#F60; font-weight: bold;} .article_info ul li.life-and-style, .article_info ul li.life-and-style a {color:#F60; font-weight: bold;} .article_info ul li.culture, .article_info ul li.culture a {color: #B74F7D; font-weight: bold;} .article_info ul li.offers, .article_info ul li.offers a {color:#000; font-weight: bold;} .article_info ul li.competition, .article_info ul li.competition a, .article_info ul li.sponsored, .article_info ul li.sponsored a, .article_info ul li.indepth, .article_info ul li.indepth a {color:#000000; font-weight: bold;} /*commercial teaser*/ .commercialteaser{margin-bottom:20px;} .commercialteaser .img img{margin:0 !important; padding:0 !important;} .commercialteaser.s4hrz{margin-bottom:10px;} .commercialteaser.s4hrz .btm-line, .commercialteaser.s4hrz a{margin-bottom:0;} .commercialteaser.s4hrz .img{margin-right:10px; float:left; position:relative; margin-bottom: 0 !important;} .commercialteaser .h2{display:block; padding-bottom:2px; font-size:22px;} .commercialteaser .h4{color:#000; display:block; line-height:1.2em;} .commercialteaser .btm-line .img{margin-bottom:8px;} .commercialteaser p{ position:relative; top:-3px;} .commercialteaser .story-active .cta, .commercialteaser a:hover .h4{color:#074399 !important;} .small_head {font-weight: bold;} .comm{border-bottom:none !important; margin-bottom:0 !important; text-transform:none !important; color:#000; letter-spacing:-.5px } .news .small_head a, .news .cta{color: #C00;} .sport .small_head a, .sport .cta{color: #3EA447;} .business .small_head a, .business .cta{color: #1190AF;} .debate .small_head a, .debate .cta {color: #777552;} .life_and_style .small_head a, .life-and-style .small_head a, .life_and_style .cta, .life-and-style .cta{color: #F60;} .culture .small_head a, .culture .cta{color: #B74F7D;} .offers .small_head a, .offers .cta{color:#000; font-weight:bold;} li.small_head {color: #000000;} .cta:hover{color:#074399} /*background on commercial teaser - span 4 (horizontal & regular only) */ .commercialteaser.show_bg .span4{background-color:#FCF8E3; border:1px solid #FBEED5; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box; padding:10px;} /*sponsored area in commercial teaser - span 4 (horizontal & regular only) */ .commercialteaser .sponsor_area{clear:both; margin-top:10px;} .commercialteaser.s4hrz .sponsor_area{margin-top:4px;} .commercialteaser .sponsor_area.align-right{float:right;} .commercialteaser .sponsor_area .sponsor_img{float:left; margin-right:5px;} .commercialteaser .sponsor_area img{width:auto !important;} .commercialteaser .sponsor_area .affiliation{color:#515151; font-family: Arial,Helvetica,sans-serif; font-size:11px; line-height: normal; padding-bottom:2px; text-transform:uppercase; display:block;} .commercialteaser .sponsor_area .sponsor{display:block; font-family: Arial,Helvetica,sans-serif; font-size:18px; line-height: 20px;} .commercialteaser .sponsor_area .sponsor a{display:inline-block; color:#333;} .commercialteaser .sponsor_area .sponsor a:hover{color:#000;} @media only screen and (max-width: 768px) { .commercialteaser.s4hrz .span4{float:left; width:100%;} } .index_story .icon_list {margin-bottom: 10px; clear:both;} .icon_list, .thin_icon_list { list-style-type: none; padding-left:0px; margin: 8px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 80%;} .icon_list li, .thin_icon_list li {line-height: 18px;} .icon_list li a, .thin_icon_list li a {color: #333;} .icon_list li a:hover, .thin_icon_list li a:hover {color: #074399;} .icon_list img {margin-top: -3px; display:block;} .thin_icon_list {width: 75%;} .hidden_until_shown {display: none;} /* Business Pages */ section.header p {font-family:Arial, Helvetica, sans-serif; padding:0; margin-bottom: 10px;} /*.business .span8 {margin-top: 5px;}*/ .business_story {border-bottom: 1px solid #CFCFCD; margin-bottom: 20px;} .last_updated {font-size: 80%; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0;} .last_updated .arrow_head {float:right!important; background-position: right 0px !important; } .last_updated .arrow_head:hover {background-position: right -52px !important; } .last_updated a {color: black !important;} .business_news_list, .thin_business_news_list { list-style-type: none; padding-left: 20px; margin: 1em 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 80%;} .business_news_list li, .thin_business_news_list li {line-height: 18px;} .business_news_list li a, .thin_business_news_list li a {color: #515151;} .business_news_list li a:hover, .thin_business_news_list li a:hover {color: #074399;} .business_news_list img {margin-top: -3px;} .thin_business_news_list {width: 75%;} .icon_list li a{background-repeat:no-repeat !important; padding-left:20px; display:list-item;} .icon_list li a.related-img{background:none !important; text-indent:0 !important;} .icon_list li a.related-img img{margin:0 0 3px 0 !important;} .icon_list li.noimage_list a{background:none !important;} .internal_list a{background:url(../images/icons/internal.png?v=12345) 0 4px; } .external_list a{background:url(../images/icons/external.png?v=12345) 0 3px; } .sound_list a{background:url(../images/icons/audio.png?v=12345) 0 3px;} .video_list a{background:url(../images/icons/video.png?v=12345) 0 6px; } .discuss_list a{background:url(../images/icons/discuss.png?v=12345) 0 4px; } .pdf_list a{background:url(../images/icons/pdf.png?v=12345) -1px 2px; } .camera_list a{background:url(../images/icons/camera.png?v=12345) 0 5px; } .graphic_list a{background:url(../images/icons/graphic.png?v=12345) 0 3px;} .tp_html a{color:#515151;} .other_opinion_analysis img {float:left; margin-right: 10px;} .other_opinion_analysis {float:left;} .columnist .sectors .img span { background: #1190B0; } .business .sectors {margin-bottom: 5px; } li.tab_next_button {cursor: pointer;} /*markets RHS widget & markets page*/ .markets_holder {border: solid 1px #D5D5D4; margin-bottom: -10px;} .markets_holder ul.nav-tabs {background: #626161; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size: 80%; margin: 0 0 10px 0; padding: 10px 0 0 0 ; border-bottom: 1px solid #A19F9F;} .markets_holder ul.nav-tabs li { list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size: 80%; /*margin: 0;*/} .markets_holder .nav-tabs > li > a, .nav-pills > li > a {padding: 5px;} .markets_holder .nav-tabs > li {margin-bottom: 0px;} .markets_holder ul.nav-tabs li a {color: #ffffff; text-decoration: none;} .markets_holder ul.nav-tabs li a:hover {color: #515151; text-decoration: none;} .markets_holder ul.nav-tabs li.active a {color: #515151;} .markets_holder ul.nav-tabs li.active {position: relative; top: 1px;} .markets_holder ul.nav-tabs li:hover {cursor: pointer; color: white; border: none; background: none !important;} .markets_holder ul.nav-tabs li.active:hover, .markets_holder ul li.active:hover a {cursor: pointer !important; background:white;} .markets_holder ul {background: #626161; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size: 80%; margin: 0 0 0 10px; padding: 10px 0 0 0 ; border-bottom: 1px solid #A19F9F;} .markets_holder .share_prices, .markets_holder .share_prices li, .more_markets .share_prices, .more_markets .share_prices li {background: none; font-weight: bold; color: #515151; font-size: 12px; line-height: 37px; margin-top: -10px;} .more_markets{font-family: Arial, Helvetica, sans-serif; padding-bottom:10px; border-bottom:3px solid #C6C6C6; margin-bottom: 20px;} .more_markets .share_prices li a{color: #515151; } .more_markets .share_prices li a:hover{color:#1190AF;} .more_markets .share_prices, .more_markets .share_prices li {display:inline; padding-left:0; margin:0 30px 0 0;} .more_markets .share_prices {padding: 0 0 10px 0 } #content_right_upper .more_markets{display:none; border-bottom:none;} #content_right_upper .more_markets li{display:block; clear:both;} .markets_holder .markets_graph_holder {padding: 7% 4% 4% 13%;} .markets_holder li a {color:#515151;} .markets_holder li a:hover {color: #039} .business .markets_holder_box {font-family: Arial, Helvetica, sans-serif; } .markets_holder_box .single_market_holder li a{color:#515151;} .markets_holder_box .single_market_holder li a:hover{color:#1190AF;} .business .markets_holder_box span.h2 {color: #1190AF;} .business .markets_holder_box .single_market_holder {} .business .markets_holder_box .single_market_holder iframe{ max-width:300px; margin:auto; display:block;} .business .markets_holder_box .last {border-right: none;} .business .markets_holder_box .single_market_holder img {width: auto; height: auto; margin-right: 3%;} .business .markets_holder_box .single_market_holder ul {padding: 0; margin: 10px 0 10px 0;} .business .markets_holder_box .single_market_holder ul li {display: block; font-size: 80%; font-weight: 700; line-height: 18px;} @media only screen and (min-width:768px) and (max-width: 979px) { .markets_holder_box{padding-bottom:20px; border-bottom:3px solid #C6C6C6; margin-bottom:20px;} .markets_holder_box .more_markets .share_prices li{margin-right:20px;} #content_right_upper .more_markets{display:block;} .bt-container > .more_markets{display:none;} } @media only screen and (max-width: 480px) { .more_markets .share_prices{display:block; padding:0;} .more_markets .share_prices li{display:block; clear:both; margin:0; line-height:1.8em;} } .business_week_box_holder {position: relative; border: 1px solid #D8D8D9; margin-top: -10px; background: url(../images/business/business_week_img.jpg) top no-repeat #EDECEC; font-family: Arial, Helvetica, sans-serif; font-size: 80%; } .business_week_box_holder ul, .business_week_box_holder ul.days_holder {list-style-type: none; padding-left:0;} .business_week_box_holder ul.days_holder {position: relative;} .business_week_box_holder li.first {float:left;} .business_week_box_holder li.last {position: absolute; right: 0; bottom: 15%;} .business_week_list {margin: 24% 0 0 0; background: url(../images/business/grey_transparent_bg.png) !important; border-bottom: 1px solid #D8D8D9; padding: 0; font-size: 80%;} .lt-ie8 .business_week_list {margin: 40% 0 0 0; } .business_week_list.nav-tabs > li > a {padding-top: 5px; padding-bottom: 0; color: white;} .business_week_list.nav-tabs > li.active > a {color: #515151} .business_week_list li{display: inline; font-weight: bold; color: white !important; margin: 5px 0px 5px 3px;} .business_week_box_holder button.tab_next_button { background: none; border: none; color: white; } .business_week_box_holder button.tab_previous_button { background: none; border: none; color: white; } .business_week_box_holder .nav-tabs .active a {background: #EDECEC !important;} .business_week_list li.selected {background: url(../images/business/business_week_tab.png) no-repeat; color: black; width: 60px; height: 33px; margin: 0; padding: 11px 24px 17px 19px; position: relative; top: 1px;} .business_week_list.nav {margin-bottom: 0px;} .business_week_content {padding: 15px 15px 35px 15px; position: relative;} .business_week_content .date {color: #9E9F9F; font-size: 80%;} .business_week_content ul {margin: 0; padding: 0;} .business_week_content li {display: block; list-style-type: none;} .business_week_content span.title, .business_week_content span.title a {color:#1190AF; font-weight: bold; font-size: 90%; margin-bottom: 0;} .business_week_content .body {border-bottom: #D4D5D4 1px solid; padding: 0 0 10px 0; font-size: 80%; color: #515151;} .business_week_content .no_border {border: none;} /*.business_week_content .view_button {background: url(../images/business/business_week_view_all_button.png) no-repeat; width: 91px; height: 27px; margin-left: 65%;} */ .business_week_content .view_button {background: url(../images/business/business_week_view_all_button.png) no-repeat; width: 91px; height: 27px; position: absolute; display: inline-block; right: 10px; bottom: 10px;} .business_week_content .view_button:hover {background-position: 0px -27px;} .business .market_sectors {margin-bottom: 20px;} .business .market_sectors_first {border-bottom: 1px solid #D8D8D9; margin-bottom: 20px;} .sectors_holder {margin-left: 0 !important;} /*.breadcrumb_holder{border-bottom: 1px solid #1190AF; width: 100%; float:left;} span.h4_breadcrumb_nav {padding: 0; font-family: Arial,sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 36px; color: #1190AF; float: left;}*/ .breadcrumb_holder{width: 100%; float:left; margin-bottom: 10px; border-bottom: 2px solid #000;} span.h4_breadcrumb_nav {margin-left: 10px; padding: 0; font-family: "DINWeb-Bold", Arial,sans-serif; font-style: normal; font-weight: bold; font-size: 16px; line-height: 32px; float: left; color:#000;} .news span.h4_breadcrumb_nav {color: #C00;} .news .breadcrumb_holder {border-bottom: 2px solid #C00; } .indepth span.h4_breadcrumb_nav {color: #000000;} .indepth .breadcrumb_holder {border-bottom: 2px solid #000000; } .business span.h4_breadcrumb_nav {color: #1190AF;} .business .breadcrumb_holder {border-bottom: 2px solid #1190AF; } .sport span.h4_breadcrumb_nav {color: #3EA447;} .sport .breadcrumb_holder {border-bottom: 2px solid #3EA447; } .debate span.h4_breadcrumb_nav {color: #777552;} .debate .breadcrumb_holder {border-bottom: 2px solid #777552; } .life-and-style span.h4_breadcrumb_nav {color: #F60;} .life-and-style .breadcrumb_holder {border-bottom: 2px solid #F60; } .culture span.h4_breadcrumb_nav {color: #B74F7D;} .culture .breadcrumb_holder {border-bottom: 2px solid #B74F7D; } .offers span.h4_breadcrumb_nav {color: #000;} .offers .breadcrumb_holder {border-bottom: 2px solid #000; } .business .small_top {font-size: 100% !important; text-transform: none !important;} .arrow_head {width: 13px; height: 13px; float:left; margin: 10px 10px 0 10px; cursor: pointer; display: inline;} .breadcrumb_holder .breadcrumb_item .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right 0px; } .news .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right -13px no-repeat;} .sport .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right -26px no-repeat;} .business .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right -39px no-repeat;} .life-and-style .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right -65px no-repeat;} .culture .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right -78px no-repeat;} .offers .breadcrumb_holder .breadcrumb_item:hover .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right 0px no-repeat;} /*update offers to use black*/ .breadcrumb_holder { /* position: relative; */float:left;} .breadcrumb_holder .breadcrumb_item {display: inline; position: relative; float:left; border-left: 1px solid transparent; border-right: 1px solid transparent;} .breadcrumb_holder .breadcrumb_item.highlighted {z-index: 99999; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; /*margin-right: -1px;*/ float: left; margin-top: -4px; } .breadcrumb_holder .breadcrumb_item.highlighted .breadcrumb_title {/*margin-right: -1px;*/ display: inline-block; } .breadcrumb_holder .breadcrumb_border_top {float: left; z-index: 500; position: relative; top: 0px; background: white; width: 100%; height: 4px;} .breadcrumb_holder .h4_breadcrumb_nav.divider {margin:0 20px;} .breadcrumb_holder .breadcrumb_text { padding: 10px 5px 5px; position:absolute; top: -99999px; left:-1px; z-index:400; background:#FFF; width:190px; border:1px solid #C6C6C6; } .breadcrumb_holder .breadcrumb_text.visible {top: 30px;} .lt-ie8 .breadcrumb_holder .breadcrumb_text.visible{} .touch .breadcrumb_holder .breadcrumb_text.visible { } .breadcrumb_title {float: left; z-index: 501; position: relative; top: 0px; margin-top: -4px; background: white; width: 100%;} .breadcrumb_title a{display:block; float:left;} .lt-ie9 .breadcrumb_title{max-width:250px; top:0px; height:33px; border-bottom: none;} .lt-ie8 .breadcrumb_title{margin-top:0px;} .lt-ie9 .breadcrumb_holder .breadcrumb_item.highlighted .breadcrumb_title{margin-right:4px; display: block; margin-top:0;} .lt-ie8 .breadcrumb_holder .breadcrumb_item.highlighted .breadcrumb_title{margin-right:0; padding-left:4px;} /*.lt-ie8 .breadcrumb_holder .breadcrumb_text {z-index:999999;}*/ .lt-ie9 .breadcrumb_border_top.highlighted {display: none;} .lt-ie9 .breadcrumb_item.highlighted {border-top: 4px solid #000; } .lt-ie9 .news .breadcrumb_item.highlighted {border-top: 4px solid #C00; } .lt-ie9 .sport .breadcrumb_item.highlighted {border-top: 4px solid #3EA447; } .lt-ie9 .business .breadcrumb_item.highlighted {border-top: 4px solid #1190AF; } .lt-ie9 .indepth .breadcrumb_item.highlighted {border-top: 4px solid #000000; } .lt-ie9 .debate .breadcrumb_item.highlighted {border-top: 4px solid #777552; } .lt-ie9 .life-and-style .breadcrumb_item.highlighted {border-top: 4px solid #F60; } .lt-ie9 .culture .breadcrumb_item.highlighted {border-top: 4px solid #B74F7D; } .lt-ie9 .offers .breadcrumb_item.highlighted {border-top: 4px solid #000; } .breadcrumb_item ul {font-family:Arial, Helvetica, sans-serif; padding-left: 5px;} .breadcrumb_item ul li {padding-left: 10px; display: block; font-weight: bold; background-image: url(../images/generic/website/arrow_text.gif); font-size: 75%; background-repeat: no-repeat; background-position: left center; list-style-type: none;} .breadcrumb_item ul li a {color: #515151;} .breadcrumb_item ul li a:hover {color: #039;} .breadcrumb_holder .breadcrumb_border_top.highlighted {border-top: 4px solid #000; } .news .breadcrumb_border_top.highlighted {border-top: 4px solid #C00; } .sport .breadcrumb_border_top.highlighted {border-top: 4px solid #3EA447; } .business .breadcrumb_border_top.highlighted {border-top: 4px solid #1190AF; } .debate .breadcrumb_border_top.highlighted {border-top: 4px solid #777552; } .indepth .breadcrumb_border_top.highlighted {border-top: 4px solid #000000; } .life-and-style .breadcrumb_border_top.highlighted {border-top: 4px solid #F60; } .culture .breadcrumb_border_top.highlighted {border-top: 4px solid #B74F7D; } .offers .breadcrumb_border_top.highlighted {border-top: 4px solid #000; } /* Articles */ .article_holder {margin-right: 20px;} /*Adds a greater gutter gap between the article text and sidebar */ .author_topics_holder{float:left; width: 100%;} .article_blurb {font-family:Arial, Helvetica, sans-serif;} .article_author { float: left; width: 39%; padding: 0; margin: 5px 0 0; line-height: 0;} .article_author p {width: 100%; font-weight: bold;/* padding-top: 24px !important;*/} .article_author a img {float: left; margin-right: 10px;} .author_name {float: left; width: 100%;} .author_name a {color: #515151;} /*.crosshead{font-family: "DINWeb-Bold", Arial,sans-serif; font-style: normal; font-weight:bold; padding:5px 0 0;}*/ .addthis_button_twitter_follow_native{display:inline-block; margin-top:5px;} .top_1000_snapshot {margin: 20px 0;} .span2.small_advert, .span2.small_advert_first {max-width: 140px; float: left !important;} @media (max-width: 768px) { .span2.small_advert_first {margin-right: 20px;} .span2.small_advert_first, .span2.small_advert {margin-bottom: 20px;} } .author_twitter{background: url(../images/article_pages/social_share_icons.gif) no-repeat -40px 0px; width: 22px; height: 18px; display: inline-block;} .author_twitter:hover {background-position: -40px -17px; } .author_linkedin{background: url(../images/article_pages/social_share_icons.gif) -130px -1px;width: 23px; height: 16px; display: inline-block;} .author_linkedin:hover {background-position: -130px 16px;} .author_googleplus{background: url(../images/article_pages/social_share_icons.gif) -85px -1px no-repeat;width: 30px; height: 16px; display: inline-block;} .author_googleplus:hover {background-position: -85px -18px;} .author_facebook{background: url(../images/article_pages/social_share_icons.gif) 0 0; width: 23px;height: 16px; display: inline-block;} .author_facebook:hover {background-position: 0 17px;} /*.topics_holder{font-family:Arial, Helvetica, sans-serif; float:right; font-size:12px; width:61%; } .topics_holder ul {padding-left: 0; display: inline-block;} .topics_holder li {display: inline; list-style-type: none; line-height: 24px; margin: 0 2px;} .topics_holder li a:hover {background: #606060; color: white;} .topics_holder ul li a {display: inline; background: #EBEBEB; color: #515151; padding: 2px; font-size: 12px;} .topics_holder ul li.selected_topic a {background: #606060 !important; color: white;}*/ .article_holder .header h1 {font-size: 205%; margin-bottom: 5px;} .article_holder .header h2{font-family: Arial,Helvetica,sans-serif; margin-bottom: 10px; padding: 0; color: #515151; font-weight:normal; font-size:16px;} .article_image {margin-bottom: 15px; font-family:Arial, Helvetica, sans-serif; position: relative;} .article_image p {font-size: 12px; padding: 0; line-height: normal; margin-top: 5px;} .video_holder {padding-bottom: 15px; border-bottom: 1px solid #DEE0E0; } .article_image_carousel_holder {border-bottom: solid 1px #DEE0E0; padding: 10px 0 8px; } .article_image_carousel_holder p {border-top: solid 1px #DEE0E0; padding-top: 10px !important; margin-bottom: 5px !important; font-size: 12px; line-height: 15px;} .article_image_carousel ul {padding-left: 0; list-style-type: none; margin-top: 5px;} .article_image_carousel li {display: inline; margin-left: 1px; cursor: pointer;} .span12 .article_image_carousel li {margin-left: 9px;} .article_image_carousel li.selected, .article_image_carousel li:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5;} .article_image_carousel li.selected:hover {opacity: 1.0; filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;} .article_image_carousel li img {max-width: 100%;} .article_image .left_button {background:url(../images/article_pages/left_arrow_red.png);width: 20px; height: 80px; float:left; position:absolute; top: 30%;} .article_image .right_button {background:url(../images/article_pages/right_arrow_red.png); width: 20px; height: 80px; float:right; position:absolute; top: 30%; right: 0;} .article_image .left_button:hover, .article_image .right_button:hover{background-position: 0px 80px; cursor: pointer;} .article_sponsorship p {padding: 0; font-size: 90%; margin-top: 10px;} .article_image_carousel .car_left_button {background:url(../images/article_pages/left-arrow.jpg) no-repeat;width: 6px; height: 14px; margin: 30px 5px 0 0; float:left;} .article_image_carousel .car_right_button {background:url(../images/article_pages/right-arrow.jpg)no-repeat; width: 6px; height: 14px; margin: 30px 0 0 5px; float:right;} .article_image_carousel .car_left_button:hover, .article_image_carousel .car_right_button:hover {background-position: 0 -14px; cursor: pointer;} /*.topics_holder .arrow_head {background: url(../images/generic/website/arrow_colours.gif) right 0px no-repeat; width: 13px; height: 13px; position: absolute; margin: 8px 0 0 0; } .topics_holder .arrow_head:hover {background-position: right -52px; cursor: pointer;} .topics_holder .more_topics a {background: none; font-size: 17px; display: inline;} .topics_holder .more_topics {margin: 0;} .topics_holder .more_topics a:hover {background: none; color: black;}*/ .tab-content {overflow: hidden!important;} .border-top {border-top: 1px solid #C6C6C6} @media (max-width: 480px;) { .span8.border-top {margin-top:20px;} } /*additions for js toggle more .topics_holder { position: relative; } .topics_holder li { display: block; float: left; line-height: normal; list-style-type: none; margin: 2px; } .topics_holder ul {margin: 0;} .topics_holder ul li a { background: #EBEBEB; color: #515151; display: block; font-size: 12px; padding: 2px; } .topics_holder ul li strong { display: block; font-size: 12px; padding: 2px; } .topics_holder .more_topics { display: none; position: absolute; bottom: 3px; right: 0; width: 21px; height: 25px; } .topics_holder .more_topics a, .topics_holder .more_topics a:hover { background: #FFF; border: 1px solid #FFF; display: block; height: 19px; position: relative; width: 15px; z-index: 20; } .topics_holder .more_topics i { background: url(../images/article_pages/arrow.png) no-repeat scroll center bottom transparent; display: block; font-size: 0; height: 4px; line-height: 0; margin: 5px 0 0 4px; width: 7px; } .topics_holder .more_topics .accessibility { display: none; } .more_topics_holder { display: none; background: #FFF; border: 1px solid #DEE0E0; position: absolute; right: 0; top: 24px; width: 363px; z-index: 10; } .topics_holder .more_topics:hover .more_topics_holder { display: block; } .topics_holder .more_topics:hover a { border: 1px solid #DEE0E0; border-bottom: 1px solid #FFF; } .topics_holder .more_topics:hover i { background-position: center top; } .topics_holder .more_topics .more_topics_holder ul { display: block; float: left; margin: 7px; padding: 0;} .topics_holder .more_topics .more_topics_holder li { display: block; float: left; line-height: normal; list-style-type: none; margin: 2px; } .topics_holder .more_topics .more_topics_holder a, .topics_holder .more_topics .more_topics_holder a:hover { background: #EBEBEB; color: #515151; display: block; font-size: 12px; padding: 2px; position: static; right: auto; top: auto; width: auto; height: auto; border: none; } .topics_holder .more_topics .more_topics_holder a:hover { background: #606060 !important; color: #FFF; }*/ .update_and_social_holder {border-top: solid 1px #DEE0E0; border-bottom: solid 1px #DEE0E0; font-family:Arial, Helvetica, sans-serif; float: left; width:100%; margin: 10px 0 20px 0; position:relative; z-index:6; } .update_and_social_holder .last_updated p {padding: 0; font-size: 90%; line-height: 33px; margin-bottom: 0px;} .update_and_social_holder .last_updated p a { /*padding:0 35px 0 0;*/ padding:0 20px 0 0; display:block; color:#515151 !important; position:relative; } .update_and_social_holder .last_updated p a i { width:7px; height:4px; margin:-2px 0 0; display:block; line-height:0; font-size:0; position:absolute; right:5px; top:50%; background:url(../images/article_pages/arrow.png) no-repeat center bottom; } .lt-ie8 .update_and_social_holder .last_updated p a i { top:8px; } .update_and_social_holder .last_updated.metadata-open p a i { background-position:center top; } .update_and_social_holder .last_updated, .update_and_social_holder .social_article_share, .update_and_social_holder .page_tools {line-height: 33px; border-right: solid 1px #DEE0E0; float: left; padding: 0 5px; font-size: 13px;} .update_and_social_holder .last_updated {width: auto; position:relative; } .update_and_social_holder .last_updated .metadata { padding:10px 5px 5px; position:absolute; left:0; top:-999999px; background:#FFF; border:1px solid #DEE0E0; z-index:10; } .update_and_social_holder .last_updated .metadata p { padding:0 0 5px; line-height:18px; } .update_and_social_holder .last_updated .metadata p strong{display:block;} .update_and_social_holder .social_article_share{font-size:11px; font-weight:bold;} .update_and_social_holder .social_article_share span {min-height: 13px;} /*START new styles for article share tools*/ .social_article_share{display: inline; float: left; height: auto !important; min-height: 25px; padding:6px 6px 2px !important; position: relative; min-width:360px; max-width:385px; width:385px;} .social_article_share ul{ float:left; display:inline; list-style:none; margin:0; padding:0; height:20px; overflow:hidden; /*fix for FB jump*/} .social_article_share ul li{float:left; display:inline; line-height:16px; list-style:none;} @media (max-width:768px){ .social_article_share{width:auto; min-width:300px; padding-left:0; padding-right:0;} } #torso .bt-container .social_article_share .addthis_button_compact span{background-color:transparent !important; background-size:auto auto !important;} .social_article_share .addthis_button_compact span{background: url("../images/generic/website/icon_share_colours.gif") 0 -112px no-repeat; height: 14px !important; line-height: 14px !important; margin-top: 2px;} /*default to black */ .addthis_button_compact span:hover{opacity:1;} .social_article_share .addthis_button_compact span span.at_a11y{display:none;} .addthis_button_compact{float:left; display:inline-block; cursor:pointer; background-color:#f8f8f8; background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); background-image:-moz-linear-gradient(top, #fff, #dedede); background-image:-o-linear-gradient(top, #fff, #dedede); background-image:-ms-linear-gradient(top, #fff, #dedede); background-image:linear-gradient(top, #fff, #dedede); border:#ccc solid 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#333; text-shadow:0 1px 0 rgba(255,255,255,.5); height:18px; line-height:18px; font-size:12px; text-decoration:none; padding: 0 5px; margin:0 5px 0 10px ;min-width: 18px;} .addthis_button_facebook_like{display:inline-block; min-width:133px;} .c-count{background:url("../images/generic/website/icon_comment_colours.gif") no-repeat 0 -112px; /*default to black */padding-left:26px; position: relative; margin-right:10px; line-height:18px; /*display:none; hide until loaded */ } /*for different sections*/ .frontpage .c-count, .frontpage .addthis_button_compact span{background-position: 0 -112px !important; } .indepth .c-count, .indepth .addthis_button_compact span{background-position: 0 -112px !important; } .news .c-count, .news .addthis_button_compact span{background-position: 0 -14px; } .sport .c-count, .sport .addthis_button_compact span{background-position: 0 -28px; } .debate .c-count, .debate .addthis_button_compact span{background-position: 0 -56px;} .business .c-count, .business .addthis_button_compact span{background-position: 0 -42px;} .life-and-style .c-count, .life-and-style .addthis_button_compact span{background-position: 0 -70px; } .culture .c-count, .culture .addthis_button_compact span{background-position: 0 -84px;} .c-count span.a, .c-count span.b{ border-color: transparent #AAAAAA transparent; border-style: solid solid solid none; border-width: 4px 4px 4px 0; height: 0; left: 0; line-height: 0; margin: -4px 0 0 -4px; position: absolute; top: 50%; width: 0; min-height:0; } .c-count span.b { border-right-color: #FFFFFF; margin-left: -3px; } .c-count a {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #333333; padding: 0 3px; text-align: center; font-weight:normal; white-space: nowrap; border: 1px solid #BBBBBB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 10px; position: relative; margin-left: -4px;} /*END: new styles for article share tools*/ /* new video article (& element) styles */ .videoarticle .last_updated{padding:0 10px 0 5px;} .vidarticle_info{display:inline; margin-right:8px;} .vidarticle_info ul li{font-size:13px;} .vidarticle_info ul{display:inline; border-right:1px solid #000;} .videoarticle .social_article_share, .videoelement .social_article_share{border-right:none !important;} .videoarticle .jump{display:block; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-size:13px; line-height:1em;} .videoarticle .article_holder{padding-bottom:10px; border-bottom:3px solid #C6C6C6; margin-bottom:20px;} .videoarticle .ref-articles h3{margin:20px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-style:italic; font-weight:normal; border-bottom: 1px solid #c6c6c6;} .videoarticle .ref-articles .story .h2{font-size:20px; padding-bottom: 5px;} .videoarticle .ref-articles .story .img{float:right; margin:0 10px;} .videoarticle .ref-articles .story p{clear:none;} .videoelement h1{font-size: 205%;} .videoelement h1 a{color:#000;} @media (min-width:320px) and (max-width: 479px){ .videoelement .social_article_share ul{left:-10px; overflow:visible; position:relative; width:330px !important; white-space:nowrap;} .videoelement .social_article_share #tweet_button{position:absolute; right:0;} } @media (max-width: 479px){ .videoelement .update_and_social_holder .last_updated{width: 100% !important;} .videoelement .social_article_share{width:auto !important; min-width:300px;} } @media (min-width:480px) and (max-width:767px){ .videoelement .update_and_social_holder .last_updated{width: auto !important; border-right: 1px solid #DEE0E0; padding-right: 8px; margin-right: 4px; } .videoelement .social_article_share{width:auto !important; min-width:300px;} } @media (min-width:768px) and (max-width:979px){ .videoelement .update_and_social_holder .last_updated{width: 100% !important;} .videoelement .social_article_share{width:auto !important; min-width:300px; max-width:none;} } @media (min-width:980px){ .videoelement .update_and_social_holder .last_updated{width: auto !important; border-right: 1px solid #DEE0E0; padding-right: 8px; margin-right: 4px;} .videoelement .social_article_share{width:auto !important; min-width:300px; max-width:none;} } .lt-ie9 .videoelement .social_article_share{width:auto !important; min-width:300px; max-width:none;} .update_and_social_holder .page_tools {width: auto; border: none; float:right;} .update_and_social_holder .page_tools ul {padding: 0; line-height: 0;} .update_and_social_holder .page_tools li {display: inline; list-style-type: none; margin: 0;} .update_and_social_holder .page_tools .print {background: url(../images/article_pages/social_share_icons.gif) -274px -1px; cursor: pointer; margin-right: 4px; display: inline-block; width: 16px; height: 15px; vertical-align: middle;} .update_and_social_holder .page_tools .print:hover {background-position: -274px -18px;} .update_and_social_holder .page_tools > a {display: inline-block; width: 16px; height: 15px; overflow: hidden; vertical-align: middle;} .update_and_social_holder .page_tools .rss_feed {background: url(../images/article_pages/social_share_icons.gif) -298px -1px; cursor: pointer; cursor: pointer; width: 16px; height: 16px; display: block;} .update_and_social_holder .page_tools .rss_feed:hover {background-position: -298px -18px;} @media (max-width: 768px){ .touch .update_and_social_holder .page_tools .print{display:none;} } .article_middle_box {width: 22%; border-top: 4px solid #626161; border-bottom: 4px solid #626161; float: left; margin: 7px 20px 10px 0; padding: 10px 0 10px 0;} .article_middle_box .image_holder {position: relative;} .article_middle_box span.close_icon {background: url(../images/review/close.jpg) no-repeat; width: 40px; height:38px; position: absolute; bottom:0px; right: 0;} .article_middle_box ul {margin-top: 0; padding-left: 0;} .article_middle_box li {margin: 5px 0 5px 0; border-bottom: 1px solid #C6C6C6; padding: 2px 0 8px 0;} .article_middle_box li.last {/*border: none; margin-bottom: 0; padding: 0;*/} .article_middle_box li a {padding: 5px 0 5px 0;} .article_middle_box p {font-family:Arial, Helvetica, sans-serif;list-style-type: none; margin: 5px 0 5px 0; border-bottom: 1px solid #C6C6C6; padding: 2px 0 8px 0; line-height:18px;} .article_middle_box p.small {font-size: 11px; border:none; margin: 2px 0 0 0; padding: 8px 0 0 0; line-height: 15px; } .article_middle_box h4 {padding-top: 0;} .article_middle_box .icon_list li a{padding:0 !important;} .article_middle_box .internal_list a, .article_middle_box .external_list a, .article_middle_box .sound_list a, .article_middle_box .video_list a, .article_middle_box .discuss_list a, .article_middle_box .pdf_list a, .article_middle_box .camera_list a, .article_middle_box .graphic_list a{text-indent:20px;} .article_head {margin: 12px 0 40px; } .page_button_holder {border-top: 1px solid #DEE0E0; border-bottom: 1px solid #DEE0E0; margin-bottom: 20px; float: left; width: 100%;} .page_button_holder span a {float: right; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; margin: 11px; color: #515151;} .page_button_holder .btn-toolbar .btn-group {float:right; margin: 0 0 10px; 0} button.btn {margin: 0 7px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important;} .article_footer, section.social_holder {background: none; border: none;} .article_footer {padding-top: 0;} .article_footer .update_and_social_holder {margin-top: 0;} /*not used anymore?? .article_comments_holder {width: 100%; background: #F2F2F3; font-family:Arial, Helvetica, sans-serif;} .article_comments_holder span.red {color: #D94A29;}*/ /*rough start to CSS definition under articles. Using the col-splitter top border at present. May need further refinement*/ .article-footer-slot{} .article-footer-slot .border-top{border-width:3px; padding-top:10px; margin-top:5px;} #comments.below-footer{border-top:3px solid #C6C6C6; margin-top:20px;} /* more-in-section element */ .more-in-section{} .span8 .more-in-section.solid-border{border-bottom:3px solid #C6C6C6; padding-bottom:20px;} .more-in-section.even-more, .span8 .more-in-section.even-more{border-bottom:none; padding-bottom:0;} .more-in-section .article_info ul{background-color:#f6f6f6; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; padding:2px;} .more-in-section .img{position:relative; display: block; /*float:left;*/} .more-in-section .img img{float: none;} .more-in-section .span2 > a{display: block;} .more-in-section a .pubdate{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; color:#000; line-height:none;} .more-in-section a .h4{font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.3em !important; color:#333; display:block; padding-top:3px;} .span8.even-more .span2{/*padding-bottom:5px; border-bottom:1px solid #C6C6C6;*/} .more-in-section.even-more .even-more-link{font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px; font-weight:bold; border-top:1px dashed #515151; margin-top:8px;} .more-in-section.even-more .even-more-link a{color:#444;} .more-in-section.even-more .even-more-link a:hover{color:#074399;} @media (min-width:768px) and (max-width: 979px) { .more-in-section .span2{width:200px !important; float:left; margin-left:20px;} .more-in-section .span2:nth-child(1),.more-in-section .span2:nth-child(2){margin-bottom:20px;} .more-in-section .span2:nth-child(3) {clear:both; } .more-in-section .span2{margin-bottom:} .more-in-section .span2 img{float:left; max-width:100px; margin-right:5px;} .more-in-section .span2 .img{float:left;} .more-in-section .span2 .img img{float: none;} .more-in-section a .h4{padding-top:0; font-size:12px; margin-top:-2px; line-height:1.15em} .span4.more-in-section .span2{margin-bottom:0;} } @media (max-width: 767px) { .more-in-section .row{margin-left:-20px !important;} } @media (min-width:480px) and (max-width: 767px) { .more-in-section .span2{width:100px !important; float:left; margin-left:20px !important;} .more-in-section ul{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px;} .more-in-section a .h4{font-size:12px;} .more-in-splitter .span4.left, .more-in-splitter .span4.right{width:220px !important; float:left;} .more-in-splitter .span4.right{margin-left:20px;} } @media (min-width: 320px) and (max-width: 479px) { .more-in-section .span2{width:140px !important; float:left; margin-left:20px;} .more-in-section .span2:nth-child(1),.more-in-section .span2:nth-child(2){margin-bottom:20px;} .more-in-section .span2:nth-child(3) {clear:both; } .span4.more-in-section .span2{margin-bottom:0;} } .gallery_titles_holder { border-bottom: 1px solid #DEE0E0; padding: 15px 0;} .gallery_titles_holder li {display: inline; font-weight: bold; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; margin: 0 -2px; font-size: 90%; } .gallery_titles_holder ul {padding-left: 0; display: inline; } .gallery_titles_holder ul.first {} .gallery_titles_holder ul.second {} .gallery_titles_holder ul.third {} .gallery_titles_holder li a {padding: 0 10px 0 10px;} .gallery_titles_holder li:hover {background: white; border-top: solid 4px; padding: 20px 0 20px 0;} .gallery_titles_holder li.selected {background: white; padding: 20px 0 20px 0;} .gallery_titles_holder .most_recent a {color:#218FFD; } .gallery_titles_holder .most_recent:hover, .gallery_titles_holder li.most_recent.selected {border-top: 4px solid #218FFD; background: white; padding: 20px 0 30px 0} .gallery_titles_holder .news a {color:#C00;} .gallery_titles_holder .news:hover, .gallery_titles_holder li.news.selected {border-top: 4px solid #C00; background: white; padding: 20px 0 30px 0;} .gallery_titles_holder .sport a {color:#3EA447;} .gallery_titles_holder .sport:hover , .gallery_titles_holder li.sport.selected{border-top: 4px solid #3EA447; background: white; padding: 20px 0 30px 0;} .gallery_titles_holder .business a {color:#1190AF;} .gallery_titles_holder .business:hover , .gallery_titles_holder li.business.selected{border-top: 4px solid #1190AF; background: white; padding: 20px 0 30px 0;} .gallery_titles_holder .life_and_style a {color:#F60;} .gallery_titles_holder .life_and_style:hover, .gallery_titles_holder li.life_and_style.selected {border-top: 4px solid #F60; background: white; padding: 20px 0 30px 0;} .gallery_titles_holder .culture a{color:#B74F7D; } .gallery_titles_holder .culture:hover, .gallery_titles_holder li.culture.selected {border-top: 4px solid #B74F7D; background: white; padding: 20px 0 30px 0; } .gallery_titles_holder .most_popular a {color:#000000; } .gallery_titles_holder .most_popular:hover, .gallery_titles_holder li.most_popular.selected {border-top: 4px solid #000000; background: white; padding: 20px 0 30px 0;} div.gallery_holder{} .gallery_item {margin-bottom: 10px; padding-top: 11px; border-top: 1px solid #fff; font-size:14px; } .gallery_item.top-line { border-top: 1px solid #C6C6C6; } .gallery_item .byline strong { margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size: 90%; white-space: nowrap;} .gallery_item .byline .img {position: relative; display: block; } .gallery_item .byline .img img { height: auto; width: auto; } .gallery_item .byline .img span { position: absolute; width: 14px; height: 14px; display: block; top: 0; left: 0; background-color: #000; } .gallery_item h3 {display: block; line-height: 1.2em; margin:5px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:100%;} .gallery_item h3 a {color: #515151; } .gallery_item h3 a:hover, .gallery_item h3 a:active, .gallery_item h3 a:focus { color: #000; } /* start: responsive styles for gallery*/ @media (min-width: 767px) and (max-width: 979px){ div.gallery_holder { margin-left:0 !important; } div.gallery_holder .gallery_item {float:left; margin-left:20px; width: 100px !important; } .gallery_holder .gallery_item:nth-child(6n+1) { clear: both; } .gallery_item h3{font-size:90%;} } @media (max-width: 767px){ div.gallery_holder { margin-left: -20px !important; } .span4 .gallery_holder .gallery_item { border-top: none; } .gallery_holder .gallery_item { border-top: none; } .gallery_item h3{font-size:90%;} } @media (min-width: 481px) and (max-width: 767px) { div.gallery_holder .gallery_item {float:left; margin-left:20px; width: 140px; } .gallery_holder .gallery_item:nth-child(3n+1) { clear: both; } } /*@media (min-width: 481px) and (max-width: 599px) { div.gallery_holder .gallery_item {float:left; margin-left:20px; width: 100px; } .span4 .gallery_holder { width: 240px; float: left; clear: none !important; } .span4 .gallery_holder:nth-child(odd) { float: right; } .gallery_holder .gallery_item:nth-child(7n+1) { clear: both;} }*/ @media (min-width: 321px) and (max-width: 480px) { div.gallery_holder .gallery_item { float: left; margin-left: 20px; width: 140px; } .span4 .gallery_holder { width: 320px; float: left; clear: none !important; } /*.gallery_holder .gallery_item:nth-child(1), .gallery_holder .gallery_item:nth-child(2){border-top: none;}*/ .gallery_holder .gallery_item:nth-child(4n+1){clear:both; } } @media (max-width: 320px) { div.gallery_holder .gallery_item { float: left; margin-left: 20px; width: 140px; } .span4 .gallery_holder { width: 320px; float: left; clear: none !important; } .gallery_holder .gallery_item:nth-child(odd) {clear: both; } } /* end: responsive styles for gallery*/ .ol_list_holder {margin: 0 0 20px 0; float: left; border: none;} ol.life_style_list {padding:0 0 0 0; /*margin: 0 0 0 20px;*/ width: 100%; list-style-type: none; } .life_style_list li {float: none; width: 45%;} .life_style_list li a {color: #515151} .life_style_list li a:hover, .life_style_list li.selected a {color: #039;} .life_style_list li.selected a:hover {color: #515151;} .life_and_style_holder {clear: left; border: 1px solid #C6C6C6; margin-bottom: 20px;} .life_and_style_holder h2 {margin-left: 10px; float: left;} .life_and_style_holder .buttons_holder {float: right; margin-right: 15px;} .life_and_style_holder .car_left_button {background:url(../images/article_pages/left-arrow.jpg) no-repeat;width: 6px; height: 14px; margin: 15px 5px 0 0; float:left;} .life_and_style_holder .car_right_button {background:url(../images/article_pages/right-arrow.jpg)no-repeat; width: 6px; height: 14px; margin: 15px 0 0 5px; float:right;} .life_and_style_holder .car_left_button:hover, .life_and_style_holder .car_right_button:hover {background-position: 0 -14px; cursor: pointer;} .life_and_style_holder .text_holder {padding: 10px 10px 0 10px; margin: 15px 20px 10px 20px;} /* ----------------------------------------------------------------------- */ @media (max-width: 979px) { .article_image .left_button {top: 20%;} .article_image .right_button {top: 20%;} .span12 .article_image .right_button {right: 0;} .update_and_social_holder .last_updated {width: 100% !important; } .videoarticle .update_and_social_holder .last_updated {width: 100% !important; padding:0 5px 0 0;} .videoarticle .update_and_social_holder .social_article_share{width:auto; min-width:200px; margin-top: 10px; padding: 0 !important; } .videoarticle .update_and_social_holder .social_article_share .c-count { background-position: 0 -113px; } .article_image_carousel li img {width: 22%; margin-top: 10px; margin-left: 3px;} .span12 .article_image_carousel li {margin-left: 5px;} .update_and_social_holder .last_updated, .update_and_social_holder .social_article_share, .update_and_social_holder .page_tools {border-right: none;} .author_twitter {margin-left: 3px;} .author_name {width: 100% !important;} .article_holder {margin-right: 0;} } @media (max-width: 768px) { .article_image .left_button {top: 22%;} .article_image .right_button {top: 22%;} .update_and_social_holder .last_updated {width: 100% !important;} /*.update_and_social_holder {margin-left:-10px;}*/ .article_image_carousel li img {width: 22%; margin-top: 10px;} .span12 .article_image_carousel li {margin-left: 0;} .update_and_social_holder .last_updated, .update_and_social_holder .social_article_share, .update_and_social_holder .page_tools {border-right: none;} .author_name {width: 100% !important;} .article_holder {margin-right: 0;} .gallery_titles_holder {padding: 5px 0;} .article_image_carousel_holder {padding-top: 1px;} .gallery_titles_holder ul.first {margin: 5px 0 5px 0;} .gallery_titles_holder ul.second {margin: 5px 0 5px 0;} .gallery_titles_holder ul.third {} .gallery_titles_holder ul.first li.selected, .gallery_titles_holder ul.second li.selected, .gallery_titles_holder ul.third li.selected, .gallery_titles_holder ul.first li:hover, .gallery_titles_holder ul.second li:hover, .gallery_titles_holder ul.third li:hover { padding: 10px 0 10px 0;} .gallery_titles_holder li.empty {display: block; margin-top: 8px; padding-top: 5px; border-top: 1px solid #DEE0E0; width: 100%; } .gallery_titles_holder li.empty:hover {padding: 5px 0 0 0 !important;} .life_style_list li {width: 100%;} /*.topics_holder {width: 100%; margin-top: 10px;}*/ .article_author {width: 40%; line-height: 0;} } @media (max-width: 480px) { .article_image .left_button {top: 11%;} .article_image .right_button {top: 11%;} .update_and_social_holder .last_updated {width: 100% !important;} .update_and_social_holder {margin-left:0px;padding-left: 5px;} .article_image_carousel {margin-top: 0;} .article_image_carousel li img {max-width: 21%; margin-left: 2px;} .span12 .article_image_carousel li {margin-left: 1px;} .article_image_carousel .car_left_button, .article_image_carousel .car_right_button {margin-top: 20px;} .update_and_social_holder .last_updated, .update_and_social_holder .social_article_share, .update_and_social_holder .page_tools {border-right: none;} .author_twitter, .author_facebook, .author_linkedin, .author_googleplus { margin-left: 3px;} .article_author {width: 100%;} .author_name p {width: auto !important;} .article_holder {margin-right: 0;} .gallery_titles_holder {padding: 0;} .article_image_carousel .car_left_button {margin-right: 2px;} .gallery_titles_holder ul.first {display: block; border-bottom: 1px solid #DEE0E0; } .gallery_titles_holder ul.second {display: block; border-bottom: 1px solid #DEE0E0; } .gallery_titles_holder ul.third {display: block; } .gallery_titles_holder ul.first, .gallery_titles_holder ul.second, .gallery_titles_holder ul.third {padding-bottom: 5px; margin: 5px 0 0 0;} .gallery_titles_holder ul.first li.selected, .gallery_titles_holder ul.second li.selected, .gallery_titles_holder ul.third li.selected, .gallery_titles_holder ul.first li:hover, .gallery_titles_holder ul.second li:hover, .gallery_titles_holder ul.third li:hover { padding: 10px 0 10px 0;} .gallery_titles_holder li.empty { display:none;} .life_style_list li {width: 100%;} .article_middle_box {width: 40%;} .life_and_style_holder .buttons_holder {position: absolute; right: 0; margin-top: 40px;} .life_and_style_holder .buttons_holder.bottom {margin-top: -40px;} } /* Sports .sport_feature {margin-top: 17px;} @media (max-width: 769px) { .sport_feature {margin: 17px auto 0; width: 300px !important;} }*/ /* Reviews */ .stars_and_cert { float:right; width: 40%; padding: 5px 0 0 0; } .stars_holder {float:right; margin: 15px 0 0 0;} .stars_holder, .culture .stars_holder {background: url(../images/generic/website/star-rate-pink.png) no-repeat; width: 109px; height: 16px;} .life-and-style .stars_holder {background: url(../images/generic/website/star-rate-orange.png) no-repeat; width: 109px; height: 16px;} .business .stars_holder {background: url(../images/generic/website/star-rate-blue.png) no-repeat; width: 109px; height: 16px;} .stars_holder.stars5 {background-position: 0 -1px;} .stars_holder.stars4 {background-position: 0 -19px;} .stars_holder.stars3 {background-position: 0 -37px;} .stars_holder.stars2 {background-position: 0 -55px;} .stars_holder.stars1 {background-position: 0 -73px;} .stars_and_cert .circle {width: 40px; height: 40px; border: none; float: right; margin-left: 10px; background: url(../images/generic/website/certs.gif) no-repeat} .circle.c_g {background-position: 1px -1px} .circle.c_pg {background-position: -40px -1px} .circle.c_12pg {background-position: -81px -1px} .circle.c_15pg {background-position: -122px -1px} .circle.c_16pg {background-position: -162px -1px} .circle.c_18pg {background-position: -203px -1px} .circle.c_club {background-position: -244px -1px} .culture_review .stars_holder {float: left; margin: 10px 0 0 0; } .culture_review p.empty {padding: 0 0 18px 0;} .stars_and_cert .circle {width: 40px; height: 40px; border: none; float: right;} .lt-ie9 .culture_review .stars_and_cert .circle {width: 40px; height: 40px; border: none; float: left;} .culture_review .stars_and_cert {float: left !important;} .culture_review .stars_and_cert .circle {float: left !important; margin-left: 0;} /*For Gamse only - Cert Style could change*/ .stars_and_cert .gamecert_circle {width: 40px; height: 40px; border: none; float: right; margin-left: 10px; background: url(../images/generic/website/certs.gif) no-repeat} .gamecert_circle.c_g {background-position: 1px -1px} .gamecert_circle.c_pg {background-position: -40px -1px} .gamecert_circle.c_12pg {background-position: -81px -1px} .gamecert_circle.c_15pg {background-position: -122px -1px} .gamecert_circle.c_16pg {background-position: -162px -1px} .gamecert_circle.c_18pg {background-position: -203px -1px} /* End Games certs */ .review_holder {clear: left; border: 1px solid #C6C6C6; margin: 20px 0 20px 0; display: inline-block; width: 100%;} .review_holder h2 {margin-left: 10px; float: left;} .review_holder .buttons_holder {float: right; margin-right: 15px;} .review_holder .slide_panel {font-family:Arial, Helvetica, sans-serif;} .review_holder .slide_panel p {padding: 0 0 15px 0; font-size: 13px; line-height: 15px;} .review_holder .slide_panel p.top_paragraph {border-bottom: 1px solid #C6C6C6; font-size: 12px; margin: -15px 0 10px 0;} .review_holder .review_image_holder {position: relative;} .review_holder .car_left_button {background:url(../images/article_pages/left-arrow.jpg) no-repeat;width: 6px; height: 14px; margin: 15px 5px 0 0; float:left;} .review_holder .car_right_button {background:url(../images/article_pages/right-arrow.jpg)no-repeat; width: 6px; height: 14px; margin: 15px 0 0 5px; float:right;} .review_holder .car_left_button:hover, .review_holder .car_right_button:hover {background-position: 0 -14px; cursor: pointer;} .review_holder .slide_panel {padding: 10px 10px 0 10px; margin: 15px 20px 10px 20px; clear:both;} .review_holder h2 a {color: black; } .review_holder h2.right {float:right !important; margin-right: 20px;} .review_holder .left_button {background:url(../images/article_pages/left_arrow_red.png);width: 20px; height: 80px; float:left; position:absolute; top: 40%;} .review_holder .right_button {background:url(../images/article_pages/right_arrow_red.png); width: 20px; height: 80px; float:right; position:absolute; top: 40%; right: 0;} .review_holder .left_button:hover, .review_holder .right_button:hover{background-position: 0px 80px; cursor: pointer;} .review_holder .music_bar_holder {width: 100%; margin: 0 0 20px 0;} .review_image_holder img {width: 100% !important;} .review_holder span.img_icon {position: absolute; bottom: 0; right: 0; background: url(../images/review/close.jpg) white no-repeat; width: 40px; height: 37px; z-index: 99999 } .life_and_style_holder .buttons_holder.bottom, .review_holder .buttons_holder.bottom {margin-top: -40px;} .recipe-title {font-size: 24px !important;} .recipe_style p {font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;} p.padding_none {padding: 0;} .ol_list_holder {margin: 0 0 20px 0; float: left; border: none;} .life_style_list li {float: left; width: 45%; margin-right: 10px;} .life_style_list li.selected {color: #039; } .life_and_style_holder .update_and_social_holder {margin-top: -1px;} .music_bar_holder {margin-bottom: 20px;} .albumreview p, .bookreview p, .winereview p{font-size: 13px; line-height: 15px; overflow:hidden; text-overflow:ellipsis;} .albumreview p.last, .bookreview p.last, .winereview p.last{border-bottom:none;} .mr_block {display: block !important;} button.read_more_button {margin: 20px 0 20px 0; width: 100%;} .borderless {margin-top: 0; padding-top: 0; padding-bottom: 0; border: 1px solid #e3e3e3; } .borderless p {padding: 5px;} @media (max-width: 480px) { .stars_and_cert {width: auto; float: left; margin-bottom: 20px;} .stars_and_cert .circle {float: right; margin: 0 0 0 10px } .stars_holder {float: left;} /*.culture .review_holder span.img_icon, .culture .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px 117px; } .sport .review_holder span.img_icon, .sport .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px -38px; } .news .review_holder span.img_icon, .news .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px 1px; } .offers .review_holder span.img_icon, .offers .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px 79px; } .life-and-style .review_holder span.img_icon, .life-and-style .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px 157px; } .debate .review_holder span.img_icon, .debate .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px -166px; } .business .review_holder span.img_icon, .business .article_middle_box span.close_icon {background: url(../images/review/more-info-icon.jpg) 1px -77px; } .review_holder span.img_icon:hover, .article_middle_box span.close_icon:hover {background-position: 1px 39px; }*/ .review_holder p.top_paragraph {border-bottom: none !important;} .hidden-480px {display: none;} .review_holder .left_button {background:url(../images/article_pages/left_arrow_red.png);width: 20px; height: 80px; float:left; position:absolute; top: 50%;} .review_holder .right_button {background:url(../images/article_pages/right_arrow_red.png); width: 20px; height: 80px; float:right; position:absolute; top: 50%; right: 0;} .review_holder h2.right {float: left !important;} } /* Torso */ #torso{width:100%; float:left; background-color:#fff; } /*.touch #torso * { -webkit-transform:translate3d(0,0,0); }*/ #torso > .container {width:940px; padding:20px 10px; float:left; position:relative; z-index:0; background-color:#fff; } /* Search Page */ #search_nav {font-size:12px; font-family:Arial, Helvetica, sans-serif; float: left; margin:20px 0 15px 0;} #search_nav form{margin:0;} #search_nav input, #search_nav label, #search_nav .input_holder {display:inline;} #search_nav label, #search_nav ul.sort_results li.first{font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#000; font-size:14px;} #search_nav .input_holder {border-right:1px solid #999; /*width: 140px;*/ height: 26px; position: relative; margin: -2px 0 0 10px; padding: 7px 16px 3px 0; display: inline;background: url(../images/generic/website/input_left_darker.gif) no-repeat left top; } #search_nav .input_holder.search_holder {padding: 7px 38px 3px 0;} .filter-jump{display:none;} #search_nav input {-webkit-appearance: none; vertical-align:middle;} #search_nav input.search_box {width:50%; height:14px; margin:-6px 0 0 0; color:#333; border:none; outline:none !important; background: none; font-size:16px;} #search_nav input.submit {text-indent:99999px;width: 15px; height: 15px; margin: 3px 5px 0 0; padding: 0; border: none; background: url(../images/generic/website/search_icon.gif) no-repeat center top; outline: none; position: absolute; overflow: hidden; cursor: pointer; right: 0;} .date_select_form input.submit {position: relative !important; margin: -7px 0 0 4px !important;} .lt-ie8 #search_nav input.search_box {margin: 0 0 4px 0!important; height: 6px;} .lt-ie8 #search_nav input.submit {margin: 6px 4px 0 0 !important;} .submit_holder {display: inline-block; position: relative;} .submit_holder input.date_submit_button {position: relative !important; right: -5px !important; margin-top: -7px !important;} .lt-ie8 .date_select_form input.submit {position: absolute; top: -7px; left: 5px;} #search_nav span.cancel {position: absolute; display: block; top: 6px; right: 20px; width: 16px; height: 16px; background: url(../images/search/close.jpg) no-repeat; cursor: pointer; } #search_nav input.date_box {width:24%; height:15px; margin:-6px 0 0 0; color:#000; border:none; outline:none !important; background:none; font-size: 16px;} .lt-ie8 #search_nav input.date_box {width: 25%; height: 8px; padding: 0 0 4px 5px; margin: 0px 0 10px 0; color: #9C9898; vertical-align: top; line-height: 10px} .lt-ie8 #search_nav .ui-datepicker-trigger {margin: 0 -12px 3px 0 !important; padding-right: 2px;} #search_nav input.date_submit {text-indent:99999px;width: 15px; height: 15px; margin: 2px 4px 0 0; padding: 0; border: none; background: url(../images/generic/website/calendar.jpg) no-repeat center top; outline: none; position: absolute; overflow: hidden; cursor: pointer; right: 0;} /*not being used...?*/ #search_nav .ui-datepicker-trigger {margin: 0 -12px 6px 0px !important; cursor:pointer;} #search_nav .ui-widget { font-size: 11px !important; } #search_nav span.to_arrow { margin: -5px -7px 0 5px; position: relative; top: -4px;} #search_nav ul.sort_results {font-size: 12px; padding-left: 0; margin: -4px 0 0 40px;} #search_nav ul.sort_results li {display: inline; list-style-type: none; margin-left:4px; border-left:1px solid black; padding-left: 6px; } #search_nav ul.sort_results li.first {margin-left: 0; border: none;} #search_nav ul.sort_results li.second {border: none;} #search_nav ul.sort_results li a {color: #515151} #search_nav ul.sort_results li.selected a {border-bottom:1px solid #000;} #search_nav ul.sort_results li a:hover {color: #074399} #search_nav ul.sort_results li span.arrow_down {font-size: 16px; margin-left: 4px;} #filter_bar {margin-top: 20px; font-family: Arial, Helvetica, sans-serif; } #filter_bar .accordion-group {border: none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #filter_bar .accordion-inner {padding: 9px 5px 0 0 !important; border: none; } #filter_bar .accordion-heading .accordion-toggle {padding: 0;} #filter_bar .filter_head {background: url(../images/generic/website/pattern_tile.gif) repeat; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; width: 100%; float: left; } #filter_bar .filter_head h2 {color: #333333; font-size: 14px; font-weight: bold; margin: 2px 0 2px 10px; float: left; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; } #filter_bar span.clear_all_selected a {cursor: pointer; font-size: 9px; color: #515151; margin: 10px 0 0 6px; float: left; display:none; } #filter_bar span.clear_selected a {cursor: pointer; font-size: 9px; color: #515151; margin: 0 0 0 6px; float: left; display:none; } #filter_bar span.h4 {font-weight: bold; color: #333333; font-size: 12px; float: left; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; width:100%; position:relative} #filter_bar label {vertical-align: top; cursor: text;} #filter_bar span.h4 span {margin-right: 10px;} #filter_bar span.h4 span.reveal{margin-right:0; position:absolute; right:0;} #filter_bar p {font-size: 12px; padding: 3px 0 0 0;} #filter_bar p a {color: #515151} #filter_bar ul.filter_options {margin: 0; padding: 0; list-style-type: none;} #filter_bar .filter_group {float: left; border-bottom: 1px solid #A1A1A1; margin: 10px 0px 0px; width: 100%;} #filter_bar .filter_option {width: 100%; color:#999999; float: left; margin-bottom: 5px;} #filter_bar .filter_option span.p {width: 55%; font-size: 13px; float: left; line-height: 15px; margin-left: 5px;} #filter_bar .filter_option span.p.selected_p {color: #000000 !important;} #filter_bar .filter_option input {float:left;} #filter_bar .filter_option .box {float: left; width: 30px; display: block; margin: 0 auto; position: relative; text-align: center;} #filter_bar .filter_option .box span.p{line-height: 18px; border: 1px solid #F0F0F0; float: none; display: inline; width: auto; height: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 2px 2px 2px; margin: 0 auto !important; font-size: 10px; text-align: center; position: absolute; } #filter_bar .filter_option a { color: #515151;} #filter_bar .filter_option:hover .box span.p {color: white; background: #515151;} #filter_bar .filter_option:hover span.p {color: black;} #filter_bar span.h4{width:100%; position:relative} #filter_bar span.h4 span.reveal{margin-right:0; position:absolute; right:0;} #publication {margin-top: 20px; font-family:Arial, Helvetica, sans-serif; text-align: center;} #publication .pub_left, #publication .pub_right {width: 48.5%; float: left; background: url(../images/generic/website/pattern_tile.gif) repeat; border-top: 1px solid #e9e9e9 ; border-bottom: 1px solid #e9e9e9 ;} .pub_left {margin-left: 3%;} #publication .pub_left.selected, #publication .pub_right.selected {background: white; border-top: 4px solid #000000; margin-top: -4px; border-bottom: none; } #publication .pub_right:hover h2, #publication .pub_left:hover h2, #publication .pub_right:hover p.range, #publication .pub_left:hover p.range {color: black;} #publication .span5.first {margin-left: 20px;} #publication .pub_left h2, #publication .pub_right h2 {font-size: 19px !important; color: #A1A1A1; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif;} #publication .pub_left.selected h2, #publication .pub_right.selected h2 {font-size: 19px; color: black; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif;} #publication .pub_left p.range, #publication .pub_right p.range {font-size: 11px; line-height: 3px; color: #a7a7a7; } #publication .pub_left.selected p.range, #publication .pub_right.selected p.range {color: black;} #search_results {margin-top: 20px;} #search_results .img{position:relative; float:left;} #search_results .search_result {border-bottom: 1px solid #a9a9a9; padding: 20px 0 20px 0; float:left; width: 100%; } #search_results .search_result.last {border:none;} #search_results .search_result.featured {background: url(../images/generic/website/pattern_tile.gif) repeat; border-top: 2px solid #e9e9e9 ; border-bottom: 2px solid #e9e9e9;} #search_results .search_result.featured h2 {padding-top: 2px;} #search_results .search_result.featured p.top {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0; line-height: 13px; margin-bottom: 5px;} #search_results ul {padding:0; margin:0; } #search_results ul li {display: inline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-left: 1px solid; padding-left: 7px; } #search_results ul li.first {border-left: none; padding-left: 0;} #search_results ul li.author {font-weight: bold;} #search_results ul li.author a {color:#515151;} #search_results ul li.author a:hover {color:#039;} #search_results ul li, #search_results ul li a{color:#000; font-weight:bold;} #search_results ul li.news, #search_results ul li.news a {color:#C00;} #search_results ul li.sport, #search_results ul li.sport a {color:#3EA447;} #search_results ul li.business, #search_results ul li.business a {color:#1190AF;} #search_results ul li.debate, #search_results ul li.debate a {color:#777552;} #search_results ul li.life-and-style, #search_results ul li.life-and-style a, #search_results ul li.life_and_style, #search_results ul li.life_and_style a{color:#F60;} #search_results ul li.culture, #search_results ul li.culture a {color:#B74F7D;} #search_results ul li.offers, #search_results ul li.offers a {color:#000;} #search_results .search_result img {float: left;} #search_results .search_result p {padding-bottom: 0;} #search_results .search_result span.h2 {margin: 0; padding: 0px 0 5px; color: black; line-height: 16px; font-weight: normal; font-size: 128%;} #search_results .search_result span.h2 a {color: black;} #search_results .search_result span.h2 a:hover {color: #074399;} #search_results .search_result img, #search_results .search_result .searched_article {margin:0 20px 0 0;} #search_results button.read_more_button {margin-top: 20px;} /*date picker*/ .dp_archive{width: 100%;} .dp_archive .ui-datepicker {box-sizing: border-box; width: 100%;} /*Featured search*/ .featuredSearch { background-color:#F9F9F9; padding:10px; border-top:3px double #aaa; border-bottom: 3px double #aaa;} .featuredSearch .main {} .featuredSearch .search {font-size: 14px; font-style: italic; display:inline-block; margin-bottom:10px;} .featuredSearch a {margin:0 12px; display:block;} .featuredSearch a:hover .featuredHeading, .featuredSearch a:hover .featuredSummary{color:#074399} .featuredSearch .featuredHeading {color:#333; font-family:"DINWeb-Medium",Arial,Helvetica,sans-serif; font-size:20px; line-height:26px; display:block; letter-spacing: -1px;} .featuredSearch .featuredSummary{display:block; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#515151; line-height:1.3em;} .featuredSearch.multiple .featuredSummary{border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:8px; } .featuredSearch.multiple a:last-child .featuredSummary{border-bottom:none; padding:0; margin:0;} /* Search profiles */ .profiles .featured_author {background: url(../images/generic/website/pattern_tile.gif) repeat; border-top: 2px solid #e9e9e9 ; border-bottom: 2px solid #e9e9e9;padding: 20px 0 20px 0; margin: 20px 0 0 0; float: left; width: 100%;} .profiles .featured_author h2 {margin-top: 0; padding-top: 0; line-height: .9em} .profiles .featured_author p.top {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0; line-height: 13px; margin-bottom: 5px;} .profiles .featured_author p { padding-bottom: 0px;} .profiles .featured_author img {margin: 0 20px 0 0; float: left;} .profile_title {float: left; width: 70%;} /* Pagination */ .search_pagination .button-link a, .page_number_holder .page_numbers a {color: #333} .search_pagination .button-link, .page_number_holder .page_numbers .button-link { display: inline-block; padding: 4px 10px 4px; margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #333 !important; font-weight:normal !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: whiteSmoke; background-image: -moz-linear-gradient(top, white, #E6E6E6); background-image: -ms-linear-gradient(top, white, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, white, #E6E6E6); background-image: -o-linear-gradient(top, white, #E6E6E6); background-image: linear-gradient(top, white, #E6E6E6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #E6E6E6 #E6E6E6 #BFBFBF; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #CCC; border-bottom-color: #B3B3B3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); } .search_pagination .button-link:hover, .page_number_holder .page_numbers .button-link:hover { color: #333; text-decoration: none; background-color: #E6E6E6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .search_pagination .button-link.selected, .page_number_holder .page_numbers .button-link.selected { color: #333; text-decoration: none; background-color: #C9C9C9; background-position: 0 -30px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .search_pagination .button-link:active, .page_number_holder .page_numbers .button-link:active { background-color: #E6E6E6; background-color: #D9D9D9 9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); } .page_number_holder ul li {display: inline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-left: 1px solid; padding-left: 7px; } .page_number_holder ul {float: right; font-family: Arial, Helvetica, sans-serif;} .search_pagination ul li, .page_number_holder ul li {border: none !important;} .search_pagination ul li.hidden, .page_number_holder ul li.hidden {display:none;} .search_pagination ul.search_page_numbers {float: right; margin-bottom: 20px !important;} .search_pagination{margin: 20px 0;} /*.search_pagination .empty, .page_number_holder .empty {border: none; background: none; outline: none; border-color: none; text-shadow: none; box-shadow: none; webkit-box-shadow: 0; -moz-box-shadow: 0; font-weight: bold; font-size: 12px; } .search_pagination .empty:hover, .page_number_holder .empty:hover {color: #039}*/ .search_pagination li a span, .page_numbers li a span{line-height:normal; vertical-align:top;} a.back { float:left; } .search a.back { margin-top: -6px; font-size:80%; padding:0 0 0 15px; background:url(../images/generic/website/left_arrow.gif) no-repeat left center; font-family: Arial, Helvetica, sans-serif; } /*@media (min-width: 480px) and (max-width: 980px) { WF Nexus fixes */ @media (min-width: 480px) and (max-width: 979px) { #publication .pub_left, #publication .pub_right {width: 48%; }; #filter_bar .filter_option .box {float: none;} #filter_bar .filter_option p {width: 70%;} #filter_bar span.h4 span {margin-right: 4px} #filter_bar .filter_option .box p {display: block; position: relative; width: auto;} #search_nav input.search_box {width: 23%;} #search_nav ul.sort_results {margin-left: -4px;} #search_nav input.date_box {width: 18%;} .profile_title {width: 50%; padding: 10px;} } @media only screen and (max-width:480px) { #search_nav .date_select_form {margin-left: 0} #search_nav ul.sort_results {margin-left: -4px;} #search_results .search_items_titlee {} #search_results .search_items_title ul {float: left; line-height: 19px; display: block; position: relative; margin: 10px 0 20px 0} #search_results .search_items_title h2 {line-height: 26px; } #search_results .search_result p, #search_results .search_result img {margin: 5px 10px 0 0; float: left;} #publication .pub_left h2, #publication .pub_right h2 {font-size: 16px !important;} #publication .pub_left, #publication .pub_right {width: 50%;font-size: 16px !important;} #publication .pub_left .pub_left p, #publication .pub_left .pub_right p {font-size: 80%;} #publication .pub_left {margin-left: 0;} #filter_bar ul.filter_options {width: 50%} .search_pagination ul.search_page_numbers {margin-bottom: 0;} .search_pagination .empty {display: block;} .profile_title {width: auto; padding: 10px;} } /* Search Widget and Page searches */ .touch #search_widget input, .touch #search_widget select {-webkit-appearance:none!important; line-height:normal;} /*.search_widget_head {margin: 13px 0 40px 0; }*/ #search_widget input {width:96%; height: 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #a9a9a9; background: #F7F4F5; /*color: #9C9898;*/ float:left; } #search_widget .select_holder {width:70%; height: 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #a9a9a9; background: #F7F4F5} #search_widget select {width:65%; float: left; height: 27px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #a9a9a9; background: #F7F4F5; color: #9C9898; margin-bottom:9px; font-size:13px;} #search_widget select.full_width {width: 100%;} #search_widget input.submit {float: left;margin-left: 12px;background: url(../images/search/search_buttons.jpg) no-repeat;width: 89px;height: 27px;text-indent: 99999px;border: none;} .life-and-style #search_widget input.submit {background-position: 0 -108px } .life-and-style #search_widget input.submit:hover {background-position: -89px -108px } @media (min-width: 767px) and (max-width: 979px) { #search_widget input.submit {margin-left: 0;} } .culture #search_widget input.submit {background-position: 0 -81px} .culture #search_widget input.submit:hover {background-position: -89px -81px} .news #search_widget input.submit {background-position: 0 0px } .news #search_widget input.submit:hover {background-position: -89px 0px } .sport #search_widget input.submit {background-position: 0 -53px } .sport #search_widget input.submit:hover {background-position: -89px -53px } .business #search_widget input.submit {background-position: 0 -27px } .business #search_widget input.submit:hover {background-position: -89px -27px } .debate #search_widget input.submit {background-position: 0 -135px } .debate #search_widget input.submit:hover {background-position: -89px -135px } .offers #search_widget input.submit {background-position: 0 -161px } .offers #search_widget input.submit:hover {background-position: -89px -161px } #search_results .page_search_top {margin-top: -15px;} #search_results .page_search_top p {border-bottom: 1px solid darkGray; padding: 0 0 9px 0; float: left; width: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 15px; } #search_results .page_search_top span.search_query {font-style: italic; font-weight: bold; } /* Culture pages*/ .culture_carousel, .paginated_carousel{ border: 1px solid #C6C6C6; border-bottom: none; position: relative; overflow: hidden; float: left; width: 100%; margin: 20px 0; zoom: 1; /*-webkit-transform:translate3d(0,0,0);*/ } .culture_carousel .text_holder{ border-bottom:none !important; padding: 0 10px 25px 20px !important;} .paginated_carousel .text_holder{ border-bottom:none !important; padding: 0 10px 25px 20px;} .paginated_carousel .text_holder a{color:#000;} .culture_carousel .text_holder p, .paginated_carousel .text_holder p{ padding-bottom: 10px; width: 93%} .culture_carousel ul { margin: 0; padding: 0; list-style-type: none;} .touch .culture_carousel {margin-bottom: 10px; padding: 0; } .culture_carousel p, .paginated_carousel p{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em;} /*.culture .culture_carousel .text_holder, .culture .paginatede_carousel .text_holder{border-bottom: 4px solid #B74F7D;} .life-and-style .culture_carousel .text_holder, .life-and-style .paginated_carousel .text_holder { border-bottom: 4px solid #F60;}*/ /*.culture_carousel .social {border: none !important; margin: -5px 0 0 0; font-family: Arial; font-size: 12px; color: #000; padding: 0; list-style-type: none;} .culture_carousel .social .share {margin-left: 5px} .culture_carousel .social a { color: #000; display: inline; } .culture_carousel .social a:hover, .culture_carousel .social a:active, .culture_carousel .social a:focus { color: #074399;} .culture_carousel .social i { background-position: 0 0; display: inline-block; vertical-align: text-top; background-repeat: no-repeat; background-color: transparent; margin-right: 5px; }*/ .span2.culture_carousel .social span { display: none; } .carousel_icon_list {margin-top: 10px;} .carousel_icon_list span a{min-height: 7px; display: block; position: relative; font-size: 80%; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif; line-height: 18px; padding-left: 20px; color:#515151;} .carousel_icon_list span a:hover {color: #039; } .carousel_icon_list .internal_list a{background:url(../images/icons/internal.png?v=12345) 0 4px no-repeat;} .carousel_icon_list .external_list a{background:url(../images/icons/external.png?v=12345) 0 3px no-repeat;} .carousel_icon_list .sound_list a{background:url(../images/icons/audio.png?v=12345) 0 3px no-repeat;} .carousel_icon_list .video_list a{background:url(../images/icons/video.png?v=12345) 0 6px no-repeat;} .carousel_icon_list .discuss_list a{background:url(../images/icons/discuss.png?v=12345) 0 4px no-repeat;} .carousel_icon_list .pdf_list a{background:url(../images/icons/pdf.png?v=12345) -1px 2px no-repeat; } .carousel_icon_list .camera_list a{background:url(../images/icons/camera.png?v=12345) 0 4px no-repeat; } .carousel_icon_list .graphic_list a{background:url(../images/icons/graphic.png?v=12345) 0 3px no-repeat;} /*.culture_carousel .internal_list a{background:url(../images/icons/internal.png) 0 4px no-repeat;} .culture_carousel .external_list a{background:url(../images/icons/external.png) 0 4px no-repeat;} .culture_carousel .sound_list a{background:url(../images/icons/audio.png) 0 4px no-repeat;} .culture_carousel .video_list a{background:url(../images/icons/video.png) 0 6px no-repeat;} .culture_carousel .discuss_list a{background:url(../images/icons/discuss.png) 0 4px no-repeat;} .culture_carousel .pdf_list a{background:url(../images/icons/pdf.png) -1px 2px no-repeat; } .culture_carousel .camera_list a{background:url(../images/icons/camera.png) 0 4px no-repeat; }*/ /*.culture_carousel .social .comment { background: url(../images/generic/website/icon_comment_colours.gif); width: 18px; height: 14px;} .culture_carousel .social .share { background: url(../images/generic/website/icon_share_colours.gif); width: 15px; height: 14px;} .news .culture_carousel .social .comment, .news .culture_carousel .social .share, .news .culture_carousel .social .comment, .frontpage .news .culture_carousel .social .share {background-position: 0 -14px;} .sport .culture_carousel .social .comment, .sport .culture_carousel .social .share, .frontpage .sport .culture_carousel .social .comment, .frontpage .sport .culture_carousel .social .share {background-position: 0 -28px; } .debate .culture_carousel .social .comment, .debate .culture_carousel .social .share, .frontpage .debate .culture_carousel .social .comment, .frontpage .debate .culture_carousel .social .share {background-position: 0 -56px; } .business .culture_carousel .social .comment, .business .culture_carousel .social .share, .frontpage .business .culture_carousel .social .comment, .frontpage .business .culture_carousel .social .share {background-position: 0 -154px; } .culture .culture_carousel .social .comment, .culture .culture_carousel .social .share , .frontpage .culture .culture_carousel .social .comment, .frontpage .culture .culture_carousel .social .share {background-position: 0 -84px; } .life-and-style .culture_carousel .social .comment, .life-and-style .culture_carousel .social .share , .frontpage .life-and-style .culture_carousel .social .comment, .frontpage .life-and-style .culture_carousel .social .share {background-position: 0 -70px; } .frontpage .culture_carousel .social .comment, .frontpage .culture_carousel .social .share {background-position: 0 -112px; } .culture_carousel .social a:hover i, .culture_carousel .social a:active i, .culture_carousel .social a:focus i { background-position: 0 0 !important; }*/ .paginated_carousel .border_bottom{width:100%; line-height:normal; font-size:.5em; position:absolute; bottom:0;} .news .paginated_carousel .border_bottom, .frontpage .news .paginated_carousel .border_bottom, .indepth .news .paginated_carousel .border_bottom{ border-bottom:4px solid #C00; } .sport .paginated_carousel .border_bottom, .frontpage .sport .paginated_carousel .border_bottom, .indepth .sport .paginated_carousel .border_bottom{ border-bottom:4px solid #3EA447;} .business .paginated_carousel .border_bottom, .frontpage .business .paginated_carousel .border_bottom, .indepth .business .paginated_carousel .border_bottom{border-bottom:4px solid #1190AF;} .debate .paginated_carousel .border_bottom, .frontpage .debate .paginated_carousel .border_bottom, .indepth .debate .paginated_carousel .border_bottom { border-bottom:4px solid #777552;} .life-and-style .paginated_carousel .border_bottom, .frontpage .life-and-style .paginated_carousel .border_bottom, .indepth .life-and-style .paginated_carousel .border_bottom {border-bottom:4px solid #F60;} .culture .paginated_carousel .border_bottom, .frontpage .culture .paginated_carousel .border_bottom, .indepth .culture .paginated_carousel .border_bottom { border-bottom:4px solid #B74F7D; width:100%;} .offers .paginated_carousel .border_bottom, .frontpage .offers .paginated_carousel .border_bottom, .indepth .offers .paginated_carousel .border_bottom { border-bottom:4px solid #000;} .culture_carousel li { margin: 0; padding: 0; transform: transform3d(0, 0, 0); -ms-transform: transform3d(0, 0, 0); /* IE 9 */ /*-webkit-transform: transform3d(0, 0, 0); Safari and Chrome */ -o-transform: transform3d(0, 0, 0); /* Opera */ -moz-transform: transform3d(0, 0, 0); /* Firefox */ -webkit-backface-visibility: hidden;/*flicker fix*/ } .culture_carousel img { width: 620px; height: 330px; } .paginated_carousel_nav { display: block; text-align: center; position: absolute; z-index: 100; bottom: 15px; width: 100%; height: 16px; } .paginated_carousel_nav a { background-color: #CBCBCB; height: 12px; text-align: center; width: 12px; display: inline-block; text-indent: -99999px; position: relative; margin: 0 5px; border-radius: 16px; outline: none; /*-webkit-transform:translate3d(0,0,0);*/ } .news .paginated_carousel_nav a.activeSlide, .frontpage .news .paginated_carousel_nav a.activeSlide { background-color: #C00; } .sport .paginated_carousel_nav a.activeSlide, .frontpage .sport .paginated_carousel_nav a.activeSlide { background-color: #3EA447; } .culture .paginated_carousel_nav a.activeSlide, .frontpage .culture .paginated_carousel_nav a.activeSlide { background-color: #B74F7D; } .life-and-style .paginated_carousel_nav a.activeSlide, .frontpage .life-and-style .paginated_carousel_nav a.activeSlide { background-color: #F80; } .frontpage .paginated_carousel_nav a.activeSlide { background-color: #000; } .lt-ie9 .paginated_carousel_nav {margin-left: 40%;} .lt-ie9 .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .paginated_carousel_nav a {border: none; background:url(../images/generic/website/dots.jpg) no-repeat 0 0; display:block; float: left; width: 12px; height: 12px;} .lt-ie9 .news .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .news .paginated_carousel_nav a.activeSlide {background-position: -12px 0 !important;} .lt-ie9 .sport .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .sport .paginated_carousel_nav a.activeSlide {background-position: -24px 0 !important;} .lt-ie9 .business .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .business .paginated_carousel_nav a.activeSlide {background-position: -36px 0 !important;} .lt-ie9 .debate .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .debate .paginated_carousel_nav a.activeSlide {background-position: -48px 0 !important;} .lt-ie9 .life-and-style .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .life-and-style .paginated_carousel_nav a.activeSlide {background-position: -60px 0 !important;} .lt-ie9 .culture .paginated_carousel_nav a.activeSlide, .lt-ie9 .frontpage .culture .paginated_carousel_nav a.activeSlide {background-position: -72px 0 !important;} .culture_listings {} .culture_listings span.h2 {} .culture_listings .story {} .some_div {border: none; background:url(../images/generic/website/dots.jpg) no-repeat 0 0; display:block; float: left; width: 12px; height:12px;} /* ### Reviews ### */ .culture_review span.h4 {display:block;} .culture_review p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#515151; line-height:1.2em; padding-bottom:5px;} .culture_review .film_review, .culture .culture_review .album_review, .culture_review .life_and_style_review {border-bottom: solid 1px #C6C6C6; margin-top: 5px; /*float: left;*/} .culture_review .book_review span.review_info{float: left; width: 180px; margin-left: 10px; display: inline-block} .culture_review .book_review span.h4{font-size:18px; margin-bottom:5px;} .culture_review .book_review {border-bottom: solid 1px #C6C6C6; margin-top:5px; /*float: left;*/} .culture_review .book_review p{} .culture_review .book_review img {float: left;} .culture_review .book_review .img {width:115px; height:160px; position:relative; float:left; margin:0 0px 2px 0;} .culture_review .stage_review span.h4{} .culture_review .stage_review {border-bottom: solid 1px #C6C6C6; margin-top: 5px; float: left;} .culture_review .stage_review p {} .culture_review .stage_review img {float: left;} .motor_blog span.h4 {display: block; font-weight: bold; margin-bottom:10px; font-size:18px; line-height: 23px;} .motor_blog {border-bottom:solid 1px #C6C6C6; margin-top:5px; float:left;} .motor_blog p {} .motor_blog img {float:left;} .culture_review .motor_review span.review_info {} .culture_review .motor_review {border-bottom: solid 1px #C6C6C6; margin-top: 5px; /*float: left;*/} @media (min-width: 979px) { .culture_review .film_review span.review_info, .culture .culture_review .life_and_style_review span.review_info {float: left; width: 150px} .culture_review .album_review span.review_info {float: left; width: 200px} } @media (max-width: 979px) { .culture_carousel img { width:426px; height:226px; } } @media (min-width: 767px) and (max-width: 979px){ #content_right .culture_review .film_review span.review_info, #content_right .culture .culture_review .life_and_style_review span.review_info {float: left; width: 150px} #content_right .culture_review .album_review span.review_info {float: left; width: 200px} } @media (max-width: 767px) { .breadcrumb_holder {display: none;} .culture_carousel img { width: 460px; height: 244px; } .paginated_carousel_nav { bottom: 25px; } .culture_carousel .text_holder {width: 86%;} .culture .culture_review .film_review{*zoom:1;} .culture .culture_review .film_review:before, .culture .culture_review .film_review:after{content:""; display:table;} .culture .culture_review .film_review:after{clear: both;} } @media (max-width: 480px) { .culture_carousel img { width: 298px; height: 159px; } .paginated_carousel_nav { bottom: 20px; } .culture_review .film_review span.review_info, .culture .culture_review .life_and_style_review span.review_info {float: left; width: 150px} .culture_carousel ul { padding-left: 0;} .culture_review .album_review span.review_info {float: left; width: 200px} } @media (max-width: 320px) { .culture_carousel img { width: 298px; height: 159px; } } /* Style tabs */ ul.sidebar_tabs {margin:5px 0; padding-left: 0; border-top: solid 1px #C6C6C6; background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; clear:both; } ul.sidebar_tabs li{text-align:center;} .span8 ul.sidebar_tabs li {/*padding: 0 30px;*/} .span8 .tabbedreview ul.sidebar_tabs li {padding:0 4px; } .frontpage ul.sidebar_tabs li{width:auto;} @media (max-width: 480px){.span8 ul.sidebar_tabs li{padding:0;} } @media (min-width: 480px){.span8 ul.sidebar_tabs li{ min-width:100px;} } ul.sidebar_tabs li a, .frontpage ul.sidebar_tabs li a{color:#666; font-size: 12px; margin:0; border:none; font-weight:bold; padding:15px 15px;} .lt-ie8 ul.sidebar_tabs li a, .lt-ie8 .frontpage ul.sidebar_tabs li a {padding-left: 15px; padding-right: 15px;} /*.nav-tabs > .active > a, .nav-tabs > .active > a:hover {border: none !important;}*/ .sidebar_tabs > li > a, .sidebar_tabs.nav-tabs > .active > a, .sidebar_tabs.nav-tabs > .active > a:hover{-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin:0; } .sidebar_tabs li.active {border-top: 4px solid #000 !important; background-color:white; margin: -4px 0 -1px 0; padding:0; } .news .sidebar_tabs li.active {border-top: 4px solid #C00 !important;} .sport .sidebar_tabs li.active {border-top: 4px solid #3EA447 !important;} .business .sidebar_tabs li.active {border-top: 4px solid #1190AF !important;} .debate .sidebar_tabs li.active {border-top: 4px solid #777552 !important;} .culture .sidebar_tabs li.active {border-top: 4px solid #B74F7D !important;} .life-and-style .sidebar_tabs li.active {border-top: 4px solid #F60 !important;} .offers .sidebar_tabs li.active {border-top: 4px solid #F60 !important;} .nav > li > a:hover {background: none; color: black;} .sidebar_tabs.nav-tabs > li > a:hover {background: none;} .sidebar_tabs.nav-tabs > .active > a, .sidebar_tabs.nav-tabs > .active > a:hover{border-left:1px solid #bbb; border-right:1px solid #bbb;color:#000;} /* Content */ article { width:100%; /*float:left;*/ position:relative; z-index:1; } #content-info { width:100%; margin:0 0 10px; float:left; border-bottom:1px solid #E1E1E1; font-size:70%; font-family:Arial, Helvetica, sans-serif; } .no-touch #content-info { background:url(../images/article/content_info_bg.gif) repeat-y 0px 0px; } /* fix for video + disappearing content */ .touch .article, .touch .article .article_holder, .touch .update_and_social_holder{position:static !important;} /* Section Indexes */ #torso .section-title { border-bottom: 1px solid; margin:5px 0 10px 0; padding: 0; font-family: "DINWeb-Bold", Arial,sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; text-transform:none !important;} #torso .section-title.index_home {margin-top: 25px;} #torso .section-title a { display:block; } #torso .section-title.right-link{text-align:right;} #torso .section-title.right-link a{text-align:right;} #torso .section-title span { background: url(../images/generic/website/eschalon_colours.png) no-repeat right -595px transparent; /*defaults to black*/ padding-right: 38px; display:inline-block; } .news .section-title span { background-position: right -70px !important;} .sport .section-title span { background-position: right -145px !important;} .business .section-title span { background-position: right -220px !important;} .debate .section-title span { background-position: right -295px !important;} .life-and-style .section-title span, .life_and_style .section-title span{background-position: right -370px !important;} .life-and-style .section-title span:hover, .life_and_style .section-title span:hover{background-position: right 5px !important;} .culture .section-title span { background-position: right -445px !important;} .culture .section-title span:hover { background-position: right 5px !important;} .offers .section-title span { background-position: right -595px !important; /*change offers to black*/} /*hover colours for section titles*/ #torso .section-title a:hover, #torso .section-title a:active, #torso .section-title a:focus { color: #074399; text-decoration: none; } #torso .section-title a:hover span, #torso .section-title a:active span, #torso .section-title a:focus span, #torso a:hover .comm span { background-position: right 5px !important; } #torso .section {} #torso .section_business { margin-bottom: 20px !important; } .story { padding-bottom: 10px; *display:inline } .opinion-analysis .story, .editorials .story { margin-bottom: 30px; } .btm-line { padding-bottom: 10px; border-bottom: 1px solid #C6C6C6; margin-bottom:10px; } .top-line { padding-top: 10px; border-top: 1px solid #C6C6C6; } /*.frontpage #content_right .span4.story.btm-line { margin-bottom: 20px; padding-bottom: 20px; }*/ .story a {display:block; position:relative; } .story a:hover, .story a:active, .story a:focus { text-decoration: none; outline: none; color: #515151;} .story a:visited { } .story .img{display:block; position:relative; margin-bottom:5px; float:left; /*check impact!*/} .story img { padding-bottom: 5px; width: 100%; height: auto;} .story .img img {padding-bottom:0;} /*new style with headline on top*/ .headline-over{*zoom: 1; position:relative;} .headline-over:before, .headline-over:after{display:table; content:"";} .headline-over:after{clear: both;} .headline-over a .h2{font-size:20px !important;} .headline-over.span3 a .h2{font-size:18px !important;} .headline-over.story .img{margin-bottom:0;} .headline-over.story img {max-width:140px; float:left; margin-right:5px; margin-bottom:0px; padding-bottom:0;} .headline-over .social, .headline-over .icon_list{clear:both;} .span3.headline-over.story img{max-width:100px;} /*test these and see if they work with dates on / off etc.*/ .headline-over.no-image .article_info{float:left; margin-right:5px; border-right:1px solid #000;} .headline-over.no-image .article_info ul{margin:0;} .headline-over.no-image p{clear:none;} .timestamp{color:#000; border-right:1px solid #000; font-size:12px; line-height:normal; padding-right:5px; margin-right:4px; font-weight:bold;} .headline-over .timestamp{margin-right:2px;} .verticalteaserlist .headline-over a .h2, .horizontalteaserlist .headline-over a .h2{*padding-top:10px; } /*IE no bottom margin workaround*/ /*teaser specific styles*/ .onetwofourteaser .btm-line{margin-bottom:0;} .onetwofourteaser .trending a{margin-bottom:7px; padding-top:7px;} .onetwofourteaser ul.latest_news_index li a{color:#000 !important;} .onetwofourteaser .h4{font-size:16px;} .onetwoteaser .story .img, .onetwofourteaser .story .img { float: left;} .onetwoteaser .latest_news_topics li:last-child { border: none; } @media only screen and (max-width:768px) { .onetwofourteaser .btm-line{padding-bottom:0;} .onetwofourteaser .span8.btm-line{border-bottom:0;} .onetwoteaser .span2.story{padding-top:10px; border-top:1px solid #C6C6C6;} .onetwofourteaser .left{*zoom:1;} .onetwofourteaser .left:before, .onetwofourteaser .left:after{display: table; content: "";} .onetwofourteaser .left:after{clear: both;} } /* ### LIVEBLOG - new Teaser### */ .liveblog{margin-bottom:10px;} .liveblog .span4{max-width:300px;} .liveblog .timestamp{border-right:none; color:#FFF; background-color:#333; padding:0 3px; font-family:Arial, Helvetica, sans-serif; font-style:normal; position:relative; top:-1px; font-weight:normal;} .liveblog .small-img .h2{font-size:20px;} .liveblog .small-img img{max-width:140px; float:left; margin-right:5px; padding-bottom:0;} .liveblog .img-quote p{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; line-height:1.2em;} .liveblog .img-quote{border-bottom:1px solid #C6C6C6; } .liveblog .small-img .img-quote{padding:4px 0 8px 0;} .liveblog .small-img .img-quote p{clear:none; padding-bottom:0; float:left; width:155px;} .liveblog .small-img.summary .img-quote p{width:145px; word-wrap:break-word;} .liveblog .small-img.summary .img-quote{border:1px solid #E2E2E2; padding:7px; background:url("/assets/images/generic/website/pattern_tile.gif");} .liveblog .small-img.summary img{max-width:130px;} .liveblog img{height:auto !important;} /* colours for liveblog teaser */ .news .liveblog .live-highlight, #torso .liveblog.news .live-highlight{color:#CC0000;} .sport .liveblog .live-highlight, #torso .liveblog.sport .live-highlight{color:#3EA447;} .business .liveblog .live-highlight, #torso .liveblog.business .live-highlight{color:#1190AF;} .debate .liveblog .live-highlight, #torso .liveblog.debate .live-highlight{color:#777552;} .life-and-style .liveblog .live-highlight, #torso .liveblog.life-and-style .live-highlight{color:#FF6600;} .culture .liveblog .live-highlight, #torso .liveblog.culture .live-highlight{color:#B74F7D;} .news .liveblog .timestamp, #torso .liveblog.news .timestamp{ background-color:#CC0000; } .sport .liveblog .timestamp, #torso .liveblog.sport .timestamp{ background-color:#3EA447; } .business .liveblog .timestamp, #torso .liveblog.business .timestamp{ background-color:#1190AF; } .debate .liveblog .timestamp, #torso .liveblog.debate .timestamp{ background-color:#777552; } .life-and-style .liveblog .timestamp, #torso .liveblog.life-and-style .timestamp{ background-color:#FF6600; } .culture .liveblog .timestamp, #torso .liveblog.culture .timestamp{background-color: #B74F7D;} @media only screen and (min-width:480px) and (max-width: 767px) { /* landscape mobile specific*/ .liveblog .span4{margin:auto !important;} } .story a .h1 {margin:0; padding:10px 0 5px; color:#000; font-weight:normal; display:block;} .story a:visited .h1{} .span8.story .h1{font-size:26px; line-height:1.2em;} .span2.story .h1{font-size:18px;} .story a .h2 {display:block; color:#000; font-size:22px; line-height:1.2em; font-weight:300; padding-bottom:2px;} .story .h2{color:#000;} .story.span3 a .h2{font-size:18px; line-height:1.2em;} .story a:visited .h2 { } .span8.story .h2{font-size:26px; line-height:1.2em; } .span6.story .h2, .span8.small .h2{font-size:24px; line-height:1.1em; } .trending a .h2 { display: block; margin-bottom: 10px; font-size:22px; line-height:1.2em;} .span2.story .h2 { /*font-size: 22px; line-height: 22px; */} @media only screen and (min-width:768px) and (max-width: 960px) { .span8.large .h2{font-size:24px;} .span8.small .h2{font-size:22px;} } @media only screen and (max-width: 768px) { .span8.large .h2{font-size:22px;} .span8.small .h2{font-size:20px;} } .story a .h3 {display:block; color:#000; font-size:130%; font-weight:300; padding-bottom:7px;} .story a:visited .h3 {} .span8.story .h3 {font-size:32px; line-height:36px; } .span2.story .h3{font-size:18px; line-height:1.2em;} .story a:hover .h1, .story a:active .h1, .story a:focus .h1, .story p a:hover, .story p a:active, .story p a:focus, .story-active a .h1, .story-active p a, .story-active p a:visited, .story-active a:visited .h1, .story a:hover .h2, .story a:active .h2, .story a:focus .h2, .story p a:hover, .story p a:active, .story p a:focus, .story-active a .h2, .story-active p a, .story-active p a:visited, .story-active a:visited .h2, .story a:hover .h3, .story a:active .h3, .story a:focus .h3, .story p a:hover, .story p a:active, .story p a:focus, .story-active a .h3, .story-active p a, .story-active p a:visited, .story-active a:visited .h3 {color:#074399; /*blue*/ } .story p {clear:both; display:block; padding-bottom:5px; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .story p a { display: block; color:#515151;} /*social counts on teasers*/ .social { margin-bottom: 5px; font-family: Arial; font-size: 12px; color: #000; margin: 0; padding: 0; list-style-type: none;} .social li { display: inline; margin-right: 10px; } .social a { color: #000; display: inline; } .social a:hover, .social a:active, .social a:focus { color: #074399;} .social i { background-position: 0 0; display: inline-block; vertical-align: text-top; background-repeat: no-repeat; background-color: transparent; margin-right: 5px; } .span2 .social span { display: none; } .social .comment { background: url(../images/generic/website/icon_comment_colours.gif); width: 18px; height: 14px;} .social .share { background: url(../images/generic/website/icon_share_colours.gif); width: 15px; height: 14px;} .frontpage .social .comment, .frontpage .social .share {background-position: 0 -112px; } .indepth .social .comment, .frontpage .social .share {background-position: 0 -112px; } .indepth .social i {background-position: 0 14px;} .news .social .comment, .news .social .share {background-position: 0 -14px; } .sport .social .comment, .sport .social .share {background-position: 0 -28px; } .debate .social .comment, .debate .social .share {background-position: 0 -56px; } .business .social .comment, .business .social .share {background-position: 0 -42px; } .life-and-style .social .comment, .life-and-style .social .share {background-position: 0 -70px; } .culture .social .comment, .culture .social .share {background-position: 0 -84px; } .social a:hover i, .social a:active i, .social a:focus i, .frontpage .social a:hover i, .frontpage .social a:active i, .frontpage .social a:focus i { background-position: 0 0 !important; } .indepth .social a:hover i, .frontpage .social a:active i, .frontpage .social a:focus i { background-position: 0 0 !important; } .staticbyline, .byline, .dateline{display:inline; outline:none; line-height:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} span.staticbyline{margin-bottom:3px;} .dateline{color:#888;} .multiple .dateline{color:#515151;} .row.columnists .byline { font-size: 100%; } .byline img {width: 40px; height: 40px; } .byline strong {display: block; color: #000; } .byline i {color: #515151; display: block; font-style: normal; font-weight: normal; } .byline:hover, .byline:active, .byline:focus, .byline:hover strong, .byline:active strong, .byline:focus strong, .byline:hover i, .byline:active i, .byline:focus i { color: #074399;} .story .byline { margin-bottom: 5px; font-size: 12px; } .story .byline img { float: left; margin: 0 5px 0 0; } .story .byline strong { padding: 14px 0 0; } .span2.story .byline strong { padding: 14px 0 0; width: 105px;} .span2.story .byline i { width: 140px;} .sectors .byline img {width: auto; height: auto;} .sectors .byline { outline: none; display: block; line-height: normal; font-size: 16px; line-height: 21px; } @media (min-width: 768px) and (max-width: 979px) { .span2.story .byline i { width: 115px; } } @media (max-width: 767px) { .span2.story .byline strong { padding: 10px 0 0; width: auto; } .span2.story .byline i { width: auto; } } /* Big Teaser styles */ .banner-story { margin-bottom: 20px; } .banner-story a {background: #000; color: #FFF; display: block;} .banner-story a:hover, .banner-story a:active, .banner-story a:focus { color: #FFF; text-decoration: underline; } .debate .banner-story a { background: #777552; } .banner-story .h2 { display: block; font-size: 26px; line-height: 30px; font-weight: 300; padding: 10px 15px;} .banner-story .p { padding: 0 15px 15px 15px; display: block; line-height: 1.4em; } .section {margin-bottom: 20px;} .latest_business, .trending {clear:both; padding-top: 0;} /*Causing issues with bcove! - temp fix: */ .bclist{clear:none;} .latest_business, .trending.btm-line{padding-bottom:0;} .latest_business, .trending{*zoom:1;} .latest_business, .trending:before, .latest_business, .trending:after{display: table; content: "";} .latest_business, .trending:after { clear: both;} .trending a, .latest_business a, .culture_review a { clear: both; display: block; float: left; color: #000; margin-bottom: 10px; padding-top: 10px; width: 100%; line-height: 1.2em; *float:none;} .trending.btm-line a {} .trending a:hover, .trending a:active, .trending a:focus, .latest_business a:hover, .latest_business a:active, .latest_business a:focus { text-decoration: none; color: #074399; } .trending .img, .latest_business .img, .culture_review .img { /*width: 140px; height: 80px;*/ position: relative; float: left; /*margin: 0 10px 0 0;*/ } .trending .img img, .latest_business .img img, .culture_review .img img{margin-right:10px; max-width:140px; } .culture_review .album_review .img { /*width: 80px;*/ } .trending img, .latest_business img { /*position: absolute;*/ } .trending .img strong, .latest_business .img strong { position: absolute; bottom: 0; display: block; width: 134px; background: url(../images/generic/website/000_50.png); color: #FFF; font-size: 12px; line-height: normal; padding: 1px 3px; } .trending .h3, .latest_business .h3 { display: block; font-size: 16px; line-height: 22px; font-weight: 300; margin-bottom: 5px;} .span2.trending, .span2.latest_business { padding: 0 !important; } .span2.trending a, .span2.latest_business a { padding: 10px 0; margin: 0; } .span2.trending .h3, .span2.latest_business .h3 { clear: both; margin-bottom: 0; } .latest_business .h3 {line-height: 15px; margin-bottom: 0;} .trending:first-child a:first-child{padding-top:0;} /* line up image */ .lt-ie8 {} @media (min-width: 768px) and (max-width: 979px) { .trending .img, .trending .img img { /*width: 113px; height: 65px;*/ } .trending .img strong { width: 107px; } } /* ### trending articles (Most Read) ### */ .trendingarticles{margin-bottom:20px; } .trendingarticles .span4 .section-title{} .trendingarticles .story{position:relative; min-height: 2.2em;} .trendingarticles .story:before{background-color:#C6C6C6; content:""; display:block; height:1px; left:0; position:absolute; bottom:0; width:100%;} .trendingarticles .story.last:before{content:none;} .trendingarticles .meta{font-size:2em; line-height:normal; font-family:Georgia,"Times New Roman",Times,serif; position:absolute; letter-spacing:-2px;} .trendingarticles a{padding:10px 0 0 30px;} .trendingarticles.doubledigits a{padding:10px 0 0 40px;} .trendingarticles a:hover span {color:#074399; text-decoration: none;} .trendingarticles .tr-headline{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#515151; display:block; line-height:1.3em;} /*with image on*/ .trendingarticles.img-on .img{float:right; margin:0 0 0 5px;} /*with writer on*/ .trendingarticles .tr-writer{display:block; color:#333; font-weight:bold; font-size:12px; margin-top:5px; font-family:Arial, Helvetica, sans-serif;} /*new colours for trending rankings */ .frontpage .trendingarticles .meta{color:#515151;} .news .trendingarticles .meta{color:#C00;} .sport .trendingarticles .meta{color:#3EA447;} .business .trendingarticles .meta{color:#1190AF;} .debate .trendingarticles .meta{color:#777552;} .life-and-style .trendingarticles .meta{color:#F60;} .culture .trendingarticles .meta{color:#B74F7D;} /* Subscribe message */ .authenticated .trendingarticles .sub-prompt{display:none;} .trendingarticles .sub-prompt{display:block; background-color:#333; border-radius:5px; text-align:center; box-sizing:border-box; height:45px; line-height:45px; font-family:"DINWeb-Bold",Arial,Helvetica,sans-serif; margin-top:5px;} .trendingarticles .sub-prompt a{display:block; padding: 0; width:300px; margin:auto;} .trendingarticles .sub-prompt .never-miss{ color:#FFF; font-size:16px; padding-right: 8px;} .trendingarticles .sub-prompt .btn-subscribe{width:106px; height:28px; line-height: 28px; font-size:14px; padding:0;} .trendingarticles a:hover .btn-subscribe {color:#333;} /*Topic teaser*/ .topic-teaser{font-family: Arial,Helvetica,sans-serif; font-size: 12px !important;} .topic-teaser .section-title{margin-bottom:0 !important;} .topic-teaser .trending a{margin-bottom: 5px; padding-top: 5px;} .topic-teaser .btm-line{padding-bottom:0 !important; margin-bottom: 0 !important;} .topic-teaser .article-info{font-weight:bold; color:#515151; margin-right:5px;} .news .topic-teaser .article-info{color:#C00;} .sport .topic-teaser .article-info{color: #3EA447;} .business .topic-teaser .article-info{color: #1190AF;} .debate .topic-teaser .article-info{color: #777552;} .life-and-style .topic-teaser .article-info{color: #F60;} .culture .topic-teaser .article-info{color: #B74F7D;} /*Columists*/ .columnist {margin-bottom: 10px; padding-top: 11px; border-top: 1px solid #fff; } .columnist.top-line { border-top: 1px solid #C6C6C6; } .columnist .byline strong { margin-bottom: 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .columnist .byline .img {position: relative; display: block; } .columnist .byline .img img { height: auto; width: auto; } .columnist .byline .img span { position: absolute; width: 14px; height: 14px; display: block; top: 0; left: 0; background-color: #000; } .columnist h3 { display: block; font-size:15px; font-weight:300; line-height:1.2em; margin:5px 0; padding: 0; font-style:italic; } .columnist h3 a { color: #333; } .columnist h3 a:hover, .columnist h3 a:active, .columnist h3 a:focus { color: #074399; } @media (min-width:768px) and (max-width: 979px) { div.columnists .columnist {width: 100px !important; } .columnist .byline strong { font-size:12px; white-space:nowrap; } } @media (max-width: 767px) { div.columnists { margin-left: -20px !important; } div.columnists .columnist { float: left; margin-left: 20px; width: 100px !important; } .columnist .byline strong { font-size:12px; white-space:nowrap; } .span4 .columnists { width: 240px; float: left; clear: none !important; } .span4 .columnists:nth-child(odd) { float: right; } .span4 .columnists .columnist { border-top: none; } body.columnists .columnist { border-top: none; } body.columnists .columnist:nth-child(4n+1) { clear: both; } #content_right .columnist .top-line{padding-top:0; border-top:0;} /*remove upper border to line up properly*/ } @media (max-width:480px) { div.columnists { margin-left: -20px !important; } div.columnists .columnist { float: left; margin-left: 20px; width:100px !important; } .span4 .columnists {float: left; clear: none !important; } .span4 .columnists .columnist { border-top: none; } body.columnists .columnist:nth-child(odd) { clear: both; } body.columnists .columnist { border-top: none; } body.columnists .columnist:nth-child(1), body.columnists .columnist:nth-child(2) { border-top: none; } } @media (min-width: 320px) and (max-width: 479px) { div.columnists .columnist {width:140px !important; } .span4 .columnists {width:320px;} #content_right .columnist .top-line{padding:10px; border-top:1px solid #C6C6C6; } .span8 .span8 .columnists .columnist:nth-child(3) { clear: both; } } /* FIXES FOR BROKEN COLUMNIST PAGE LAYOUT - stephenmaguire@irishtimes.com */ @media (min-width: 767px) and (max-width: 979px) { .columnistsfullpage .span4{ width: 300px!important; } } @media (min-width: 480px) and (max-width: 767px) { .columnistsfullpage .row:after{ clear:none; } .columnistsfullpage .columnists .columnist{ width:140px!important; } .columnistsfullpage .firstrow .columnist:nth-child(4), .columnistsfullpage .secondrow .columnist:nth-child(4), .columnistsfullpage .row:nth-child(4) .columnist:nth-child(4), .columnistsfullpage .fourthrow .columnist:nth-child(4){ clear:both; float:left; } .trendingarticles, .fourthrow{ clear:both; } } @media (max-width: 480px) { .columnistsfullpage .columnists .columnist:nth-child(odd){ clear:both; float:left; } } /* FIXES FOR BROKEN COLUMNIST PAGE LAYOUT - stephenmaguire@irishtimes.com */ .poll { background-color: #EDEBEC; margin-top: -10px;} .poll form { padding: 5px 10px; margin: 0; } .poll h3 { color: #000; font-size: 26px; line-height: 28px; font-weight: 300; margin: 0 0 5px; padding: 0; } .poll img {float: right; margin-bottom: 10px; width: auto !important; } .poll .options { margin: 40px 0 15px 0; float: left; } @media (min-width: 768px) and (max-width: 979px) { .poll .options { margin-top: 10px; } } .poll .options div { } .poll input {float: left; font-size: 16px; } .poll label { margin-left: 20px; font-size: 16px; } .poll button { margin-top: 10px; } .poll .clear { float: none; } .internal-advertisement { /*background: url(../images/debate/commercial_bg.gif);*/ font-family: Arial,sans-serif; margin-top: 20px; margin-bottom:20px; border:1px solid #c6c6c6;} /*#content_right .internal-advertisement {margin-top: 0 !important;}*/ .internal-advertisement a{clear:both; color:#000; display:block; padding:0 0 0 140px; min-height:120px;} .internal-advertisement a:hover, .internal-advertisement a:active, .internal-advertisement a:focus { text-decoration:none; /*color:#074399;*/} .internal-advertisement .h3{display: block; font-size:18px; line-height:20px; font-weight:bold; padding:20px 15px 5px 0; font-family:Arial,sans-serif; } .internal-advertisement .p{display: block; padding: 0 15px 10px 0; font-size: 12px; line-height: 1.5em; } /*built in styles*/ .internal-advertisement a.mobile{min-height:155px; background:url(../images/debate/img_comm_mobile.png) no-repeat 15px bottom transparent;} .internal-advertisement a.crossword{min-height:145px; background:url(../images/debate/img_comm_crossword.png) no-repeat top left transparent;} .internal-advertisement a.sudoku{min-height:115px; background:url(../images/debate/img_comm_sudoku.png) no-repeat top left transparent; } .internal-advertisement a.epaper{min-height:115px; background:url(../images/article/epaper.gif) no-repeat top left transparent;} @media (min-width: 768px) and (max-width: 979px) { .span4 .internal-advertisement{max-width:300px !important; float:none; margin-left:auto; margin-right:auto;} #content_right .internal-advertisement{float:left; margin-left:20px; margin-right:0;} /*.internal-advertisement a { padding-left: 124px; } .internal-advertisement a.mobile { min-height: 140px; background-size: 95px 127px; background-position: 10px bottom;} .internal-advertisement a.crossword { min-height: 160px; background-size: 105px 114px; } .internal-advertisement a.sudoku { min-height: 120px; background-size: 105px 81px; } .internal-advertisement .h3 {padding-right: 10px; padding-top: 10px;} .internal-advertisement .p {padding-right: 10px;}*/ } @media (max-width: 767px) { /*.span8 .internal-advertisement .h3 { font-size: 160%; padding-top: 35px; } .span8 .internal-advertisement .p { font-size: 120%; } .span8 .internal-advertisement a.crossword .h3 { padding-top: 25px; } .span8 .internal-advertisement a.sudoku .h3 { padding-top: 25px; }*/ .span4 .internal-advertisement{max-width:300px !important; float:none; margin-left:auto; margin-right:auto;} #content_right .internal-advertisement{max-width:300px; margin-left:auto; margin-right:auto; float:none;} } @media (max-width: 480px) { /*.span8 .internal-advertisement a.mobile { padding-left: 140px; } .span8 .internal-advertisement .h3 { font-size: 130%; padding-top: 30px; } .span8 .internal-advertisement .p { font-size: 90%; } .span8 .internal-advertisement a.crossword .h3 { padding-top: 15px; } .span8 .internal-advertisement a.sudoku .h3 { padding-top: 10px; }*/ } /*commercial image only element*/ .ce_imgonly{margin-bottom:20px;} /* Also in element */ .alsoin .section-title{margin-bottom:0 !important;} .indepth .alsoin .span4.trending, .frontpage .alsoin .span4.trending, .alsoin .span4.btm-line{margin-bottom:0 !important;} .alsoin .span4.trending a{margin-bottom:5px; padding-top:5px;} .trending .img{margin-top:3px !important; margin-right:10px !important;} .trending .img img{margin:0 !important;} .indepth .alsoin .span4.trending .h3, .frontpage .alsoin .span4.trending .h4, .frontpage .alsoin .span4.trending .h3, .frontpage .alsoin .span4.trending .h4 {padding-right:0; position: relative; top:0; } .alsoin a:hover{color:#074399;} /*narrow latest*/ .latest_news_topics{} .latest_news_topics .trending a{margin-bottom:5px; padding-top:5px;} .latest_news_topics .trending img{margin-top:5px;} .latest_news_topics .trending span.h3{margin-bottom:0;} /* latestin element - elapsed time */ .latestin{position:relative;} .latestin .section-title{margin-bottom:0;} .latestin .story{margin-bottom:0 !important; position:relative; font-family: Arial, Helvetica, sans-serif; padding-top:6px; } .latestin .story:before {background-color:#c6c6c6; bottom:17px; content: ""; display:block; height:1px; left:0; position:absolute; width:100%; z-index:1;} .latestin .story a{color:#333; display:block; margin:0; font-size:14px; line-height:1.3em; padding:0; box-sizing:border-box;} .latestin .story a:hover {color:#074399; text-decoration: none;} .latestin .timeago{font-style:italic; border:none; display:inline-block; float:right; padding-left:5px; text-align:right; font-size:12px; background-color:#FFF; position:relative; z-index:2; line-height: normal; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; text-decoration:none;} .spinner-wrapper{position:relative;} .spinner{display:block; width:24px; height:24px; background:url(/assets/images/generic/ajax-loader.gif) 0 0 no-repeat; position:absolute; left:50%; top:50%; display:none;} /*new colours for latest in time elapsed */ .frontpage .latestin .timeago{color:#C00;} .news .latestin .timeago{color:#C00;} .sport .latestin .timeago{color: #3EA447;} .business .latestin .timeago{color: #1190AF;} .debate .latestin .timeago{color: #777552;} .life-and-style .latestin .timeago{color: #F60;} .culture .latestin .timeago{color: #B74F7D;} /*section teaser*/ .sectionteaser .story img{max-width:220px;} .sectionteaser .story.span6 img{max-width:180px;} .sectionteaser .story.span4 img{max-width:300px;} .sectionteaser .span8 .h2{font-size:24px;} .sectionteaser .span6 .h2{font-size:22px;} .sectionteaser .span4 .h2{font-size:22px;} .sectionteaser .article_info { clear: none; } .sectionteaser .index_story span.img{margin:3px 10px 5px 0;} .sectionteaser .index_story span.img img{padding-bottom:0; margin:0;} @media (max-width: 480px) { .sectionteaser .span8 .h2{font-size:20px;} /*.sectionteaser .span6 .h2{font-size:18px;} .sectionteaser .span4 .h2{font-size:18px;}*/ .sectionteaser .article_info { clear: both; padding-top: 10px; } /* Reordering elements */ /* .sectionteaser .span8 .img {display: table-footer-group;} .sectionteaser .span8 .h2 {display: table-header-group; margin-bottom: 5px;} .sectionteaser .span8 span.img{float: none;}*/ .topspotelement .span8 .h2{font-size:20px;} } #torso h5 { text-transform: uppercase; font-family: Arial,sans-serif; margin: 0 0 5px; padding: 0; background: #000; color: #FFF; font-size: 11px; line-height: 18px;} #torso h5 a { display: block; color: #FFF !important; padding: 4px 8px 3px; } #torso h5 a:hover, #torso h5 a:active, #torso h5 a:focus { text-decoration: underline;} /* New heading colours */ #torso .news h5, .columnist .news .img span { background: #CC0001; } #torso .sport h5, .columnist .sport .img span { background: #3FA448; } #torso .business h5, .columnist .business .img span { background: #1190B0; } #torso .debate h5, .columnist .debate .img span { background: #777552; } #torso .life_and_style h5, .columnist .life_and_style .img span, #torso .life-and-style h5, .columnist .life-and-style .img span { background: #ff6600; } #torso .culture h5, .columnist .culture .img span { background: #B74F7D; } #torso .offers h5, .columnist .offers .img span { background: #000; } .voice-of-irish-times { display: block; min-height: 155px; border: 1px solid #CCC; background: url(../images/debate/img_kevinosullivan.jpg) no-repeat left bottom #FCFCFA; text-align: right; color: #000; margin-bottom: 30px;} .voice-of-irish-times img { margin: 10px 10px 0 0; width: 185px; height: 53px; float: right; } .voice-of-irish-times .p { display: block; float: right; line-height: 1.4em; margin: 0 15px 0 0; padding: 0; font-size: 16px; color:#000 !important; } @media (min-width: 768px) and (max-width: 979px) { /*.voice-of-irish-times { background-size: 102px 120px; min-height: 125px; } .voice-of-irish-times p { font-size: 80%; width: 130px; } .voice-of-irish-times img { width: 145px; height: 42px; }*/ } @media (max-width: 767px) { .voice-of-irish-times img { margin: 20px 20px 10px 0; } .voice-of-irish-times p { width: 320px; margin: 0 25px 0 0; font-size: 115%;} } @media (max-width: 480px) { .voice-of-irish-times img { margin: 10px 10px 5px 0; } .voice-of-irish-times p { width: 160px; margin: 0 15px 0 0; font-size: 100%;} } /* Layers */ .layer { float:left; position:absolute; left:-999999px; top:0; } /* Clearing DIV */ .clear { width:100%; height:0; float:left; clear:both; position:relative; overflow:hidden; } /* No Script */ #no-script { width:100%; padding:15px 0; float:left; position:fixed; left:0; top:0; background:url(../images/generic/website/opac_bg.png); color:#FFF; text-align:center; } /* Styled Spans */ .heading { display:block; font-weight:bold; } .normal { font-weight:normal; } h3 .normal { font-size:80%; } /* Large Text */ .large-text #torso, .large-text footer { font-size:110%; } /* Advertising */ .advertising-block { width:100%; padding:0 0 40px; float:left; position:relative; overflow:hidden; } .advertising-block .content { float:left; position:relative; left:50%; text-align:center; } .advertising-block ul { margin:0; padding:0; float:left; list-style:none; position:relative; left:-50%; } .advertising-block li { padding:0 18px; float:left; text-align:left; } .advertisement[hidden] { display: block } .span4 .advertisement {margin:0 0 20px; float:left; z-index:0;} .advertisement .heading{line-height: 20px; display:block; font-family:"Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size:70%; font-weight:normal; } .advertisement img{display:block;} .lt-ie9 .advertisement img{max-width:auto; width:auto !important; } .rectangular {width:300px; overflow: hidden;} .rectangular img { max-width: none !important; } .skyscrapper { width:160px; display: block !important;} .skyscrapper img { max-width: none !important;} .span4 .rectangular { margin: 0px auto 20px; } .fullwidth {width:100%; overflow: hidden;} .fullwidth img { max-width: none !important; } #content_right .span4 .rectangular { margin: 0px auto 20px !important; } .span4 .skyscrapper { margin: 0px auto 40px; } .adwords { padding:24px 0 0; } @media (min-width: 768px) and (max-width: 979px) { .span4 .rectangular { width: auto;} } @media (min-width: 320px) and (max-width: 480px) { /*key-feature-carousel at span6 & 8 in mobile view*/ .span8 .span6 .key-feature-carousel span, .span8 .span8 .key-feature-carousel span{position:relative; background:#333; bottom:0; margin-bottom:30px;} .span8 .span6 .key-feature-carousel span.has-summary, .span8 .span8 .key-feature-carousel span.has-summary{margin-bottom:0;} .span8 .span6 .key-feature-carousel .item, .span8 .span8 .key-feature-carousel .item{ background:#333; } } @media (min-width: 480px) and (max-width: 767px) { .onetwofourteaser .story .img img, .onetwoteaser .span4 .img img{max-width:220px; margin-right:10px;} .onetwofourteaser .story p, .onetwoteaser .span4 p{clear:none;} } @media only screen and (min-width:320px) and (max-width: 767px){ .filter-jump{display:block; background: url("../images/generic/website/pattern_tile.gif") repeat 0 0; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; text-transform:uppercase;} .filter-jump span{color: #333333; font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; margin: 2px 0 2px 10px; padding: 10px 0 5px;} #search_nav .span4{margin-bottom:15px;} #search_nav label, #search_nav ul.sort_results li.first{display:block; float:left; width:75px;} #search_nav ul.sort_results{clear:both;} #search_nav ul.sort_results li.first{padding-left:3px;} #search_nav .input_holder{padding-right:0;} #search_nav .ui-datepicker-trigger{display:none;} .addthis_button_google_plusone, .addthis_button_compact{display:none !important;} .span8 .columnists .span2.columnist .top-line{border:none; padding:0;} .onetwofourteaser .story{border-bottom:1px solid #C6C6C6; margin-bottom:10px;} } /* Styles for browsers supporting media queries */ @media only screen and (min-width:320px) { #wrapper { min-width:320px; } .container { width:320px; } .left-remainder { margin-right:-160px; } .left-remainder .inner { margin-right:160px; } .right-remainder { margin-left:-160px; } .right-remainder .inner { margin-left:160px; } #site-search, .article-history li { display:none; } .article-history li.first { display:inline; } #torso > .container { width:300px; padding:15px 10px; } #article-heading.with-aside .column { width:100%; padding-right:0; } article .advertisement { margin-left:0; } #content-info { margin:-10px 0 5px; } #article-heading { float:none; } #author-note { margin-top:0; } #sidebar { margin-right:0; } #open-touch-menu, footer .column-2-break { display:block; } footer .column-3-break { display:none; } footer .column { width:140px; padding:0 10px 10px; } } @media only screen and (min-width:480px) { #wrapper { min-width:480px; } .container { width:480px; } .left-remainder { margin-right:-240px; } .left-remainder .inner { margin-right:240px; } .right-remainder { margin-left:-240px; } .right-remainder .inner { margin-left:240px; } #torso > .container { width:460px; } footer .column-2-break { display:none; } footer .column-3-break { display:block; } } /*New styles for inbetween mobile & desktop view... */ @media only screen and (min-width:768px) and (max-width: 979px) { #torso > .container .bt-container{width:748px; padding:0 10px} .span2, .span4, .span6, .span8{width:426px !important;} .span3{width:203px !important;} .span12{width:748px !important;} .span8 .index_story .img img{max-width:192px;} #content_right, #content_right .span4, #content_right_upper, #content_right_upper .span4, #search_right, #search_right .span4{min-width:300px !important; width:300px !important;} #content_right .span2, #content_right_upper .span2{width:140px !important;} #content_right .span2.columnist{ } .span8 .columnists .span2.columnist{width:90px !important;} .span8 .columnists .span2.columnist h3{font-size:90%;} .ourcolumnists .span4 .columnists .span2.columnist{width:200px !important;} /*search*/ #search_nav .span4{display:inline-block; width:236px !important;} /*galleries*/ .gallery-element .image{width:300px !important;} .gallery-element .image img{height:160px !important;} .carousel-elements .gallery-element .image{width:200px !important;} .carousel-elements .gallery-element .image img{height:auto !important;} .index_story span.img{float:left;} .update_and_social_holder .page_tools .print{display:none;} .onetwofourteaser .left, .onetwofourteaser .right, .onetwofourteaser .right .span4{width:200px !important;} .onetwofourteaser .right .img img{max-width:100px; margin-right:5px;} .onetwoteaser .span4.story{width:200px !important;} .onetwoteaser .span4.story .img{float:none;} .onetwoteaser .span2.story{width:100px !important; margin-left: 13px;} } @media only screen and (max-width: 979px){ /* ### Mobile & Tablet - Teaser specific styles ### */ .verticalteaserlist .story{float:left; clear:both;} .ce_imgonly{text-align:center;} .banner-story img{ height:auto !important;} .span8 .index_story .img img, .span2.story img{max-width:140px;} .topspotelement > div .row:first-child .index_story .img img{max-width:100%;} /* for the top image */ .span2.story img{float:left; margin-right:5px;} .span2.btm-line{margin-bottom:10px;} #content_right .column-splitter, #content_right_upper .column-splitter{float:none; margin:auto;} #content_right .column-splitter .span2, #content_right_upper .column-splitter .span2{float:left !important; width:140px !important; margin-left:20px;} /* ### Key feature carousel ### */ /*at span 2*/ .span8 .span2 .key-feature-carousel{width:300px !important; margin: 0 auto 20px !important; float:none; background:#333;} .span8 .span2 .key-feature-carousel img{width:140px !important;} .span8 .span2 .key-feature-carousel a span{position:relative; float:right; height:350px; background:#333; max-width:136px !important; bottom:0; clear:none;} /*at span 4*/ .span4 .key-feature-carousel{margin-left:auto; margin-right:auto; float:none;} /*centre the ads*/ .span4 .advertisement{display:block; float:none !important; width:300px; margin:0 auto 20px;} } @media only screen and (min-width:767px) { .js body { height:100%; } #wrapper { min-width:768px; } .container { width:768px; } .left-remainder { margin-right:-384px; } .left-remainder .inner { margin-right:384px; } .right-remainder { margin-left:-384px; } .right-remainder .inner { margin-left:384px; } #site-search, .article-history li { display:inline; } #torso > .container { width:768px; padding:20px 0; } #article-heading.with-aside .column { width:428px; padding-right:20px; } article .advertisement { margin-left:30px; } #content-info { margin:0 0 10px; } #article-heading { float:left; } #author-note { margin-top:15px; } #sidebar { margin-right:30px; } footer .column { width:200px; padding:0 28px 10px; } } @media only screen and (min-width:980px) { #wrapper { min-width:960px; } .container { width:960px; } .left-remainder { margin-right:-480px; } .left-remainder .inner { margin-right:480px; } .right-remainder { margin-left:-480px; } .right-remainder .inner { margin-left:480px; } #torso > .container { width:960px; } /*eoneill changed from 940px - watch impact*/ #article-heading.with-aside .column { width:620px; } footer .container {width: 960px;} footer .column { width:160px; padding:0 0 10px; } footer .column-2-break, footer .column-3-break { display:none; } } .print_article_header {display: none;} /* Image Carousel */ .temp-show{position:relative !important; visibility:hidden !important; display:block !important;} .image-carousel, .video-player { width:100%; overflow: hidden; margin-bottom: 10px; clear: both;} .image-carousel button, .video-player button { -webkit-appearance:none; border: none; background: transparent; margin: 0; padding: 0; z-index: 10; } .image-carousel .item, .video-player .item {-webkit-backface-visibility: hidden; /*flicker fix*/ } .image-carousel button .accessibility, .video-player button .accessibility { position:relative; left:0; } .image-carousel .image-carousel-images, .image-carousel .image-carousel-thumbnails , .video-player .video-carousel-thumbnails { position: relative; left: 0; z-index: 5; } .image-carousel .image-carousel-slider button { width: 20px; height: 80px; position: absolute; background: no-repeat left top transparent; top: 120px; } .image-carousel .image-carousel-slider button { width: 50%; height: 100%; background-repeat: no-repeat; position: absolute; top: 0; outline: none; border: none;} .image-carousel .image-carousel-slider button.prev-item { left: 0; background-image: url(../images/article_pages/icon-arrowleft-grey.jpg); background-position: left center; } .image-carousel .image-carousel-slider button.prev-item:hover { background-image: url(../images/article_pages/icon-arrowleft-red.jpg); } .image-carousel .image-carousel-slider button.next-item { right: 0; background-image: url(../images/article_pages/icon-arrowright-grey.jpg); background-position: right center; } .image-carousel .image-carousel-slider button.next-item:hover { background-image: url(../images/article_pages/icon-arrowright-red.jpg); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .image-carousel .image-carousel-slider button { -webkit-background-size: 20px 80px; -o-background-size: 20px 80px; background-size: 20px 80px; } .image-carousel .image-carousel-slider button.prev-item { background-image: url(../images/article_pages/icon-arrowleft-grey@2x.jpg); } .image-carousel .image-carousel-slider button.prev-item:hover { background-image: url(../images/article_pages/icon-arrowleft-red@2x.jpg); } .image-carousel .image-carousel-slider button.next-item { background-image: url(../images/article_pages/icon-arrowright-grey@2x.jpg); } .image-carousel .image-carousel-slider button.next-item:hover { background-image: url(../images/article_pages/icon-arrowright-red@2x.jpg); } } .image-carousel .image-carousel-thumbnails { } .image-carousel .image-carousel-thumbnails ul, .video-player .video-carousel-thumbnails ul{margin: 0; padding: 0; list-style-type: none; width: 5000px; } .image-carousel .image-carousel-thumbnails li, .video-player .video-carousel-thumbnails li{margin-right: 5px; display: inline-block; position:relative;} .image-carousel .image-carousel-thumbnails button, .video-player .video-carousel-thumbnails button{ width: 12px; height: 75px; position: absolute; top: 0; } .image-carousel .image-carousel-thumbnails button i, .video-player .video-carousel-thumbnails button i{ width: 6px; height: 14px; background: no-repeat left top transparent; display: block; position: absolute; top: 33px; bottom: auto; left: 0; margin: 0; padding: 0; } .lt-ie9 .image-carousel .image-carousel-thumbnails button i {top: 12px; } .lt-ie8 .image-carousel .image-carousel-thumbnails button i {top: 33px; } .image-carousel .image-carousel-thumbnails button:hover i, .video-player .video-carousel-thumbnails button:hover i{ background-position: left bottom; } .image-carousel .image-carousel-thumbnails button.prev-item, .video-player .video-carousel-thumbnails button.prev-item{ left: 0; } .image-carousel .image-carousel-thumbnails button.prev-item i, .video-player .video-carousel-thumbnails button.prev-item i{ background-image:url(../images/article_pages/left-arrow.jpg); } .image-carousel .image-carousel-thumbnails button.next-item, .video-player .video-carousel-thumbnails button.next-item{ right: 0; } .image-carousel .image-carousel-thumbnails button.next-item i, .video-player .video-carousel-thumbnails button.next-item i{ background-image:url(../images/article_pages/right-arrow.jpg); right: 0; left: auto; } .image-carousel .image-carousel-thumbnails .inner, .video-player .video-carousel-thumbnails .inner{ margin: 0 12px; overflow: hidden; position: relative; } .image-carousel .image-carousel-thumbnails ul, .video-player .video-carousel-thumbnails ul{ position: relative; left: 0;/* -webkit-perspective: 1000;*/ -webkit-backface-visibility: hidden; /*flicker fix*/ } .image-carousel .image-carousel-thumbnails li.current, .image-carousel .image-carousel-thumbnails li:hover, .video-player .video-carousel-thumbnails li.current, .video-player .video-carousel-thumbnails li:hover { /*width: 140px;*/ opacity: 1; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .image-carousel .image-carousel-thumbnails li, .video-player .video-carousel-thumbnails li{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; cursor: pointer;} .bcove{margin-bottom:20px !important;} .image-carousel p, .bcove p, p.videocaption { /*border-top: 1px solid #DEE0E0;*/ border-bottom: 1px solid #DEE0E0; font-size: 12px; line-height: 15px; /*-webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);*/ max-width: 100%; } section.header .image-carousel p, .image-carousel p, .bcove p, p.videocaption {margin:10px 0 0; padding:0 0 10px 0 !important; font-family:Arial, Helvetica, sans-serif; color:#515151;} .lt-ie9 .video-player .wrapper span{display:block !important; width:620px !important;} .vidarticle_caption{font-family:Arial,Helvetica,sans-serif; border-bottom:1px solid #C6C6C6;/* border-top:1px solid #C6C6C6;*/ font-size:14px; line-height:1.5em; max-width:100%; color: #515151; padding:8px 0 !important; margin:0 0 10px 0;} .no-js .image-carousel { overflow: auto; padding-bottom: 10px; } .no-js .image-carousel button, .no-js .image-carousel .image-carousel-thumbnails, .no-js .image-carousel .image-carousel-captions { display: none; } .no-js .image-carousel-images, .no-js .image-carousel .image-carousel-thumbnails { overflow: auto; } .review_holder .image-carousel {position: relative; margin-bottom: 0; } .review_holder .image-carousel .image-carousel-images {margin-bottom: 0; } .review_holder .image-carousel .image-carousel-thumbnails .inner {margin-top: 5px;} .review_holder .image-carousel .image-carousel-captions {padding: 5px 15px 0 15px; margin-bottom: 0 !important;} @media (min-width: 980px) { .span12 .image-carousel .image-carousel-thumbnails ul{ padding-left: 15px; } .span12 .image-carousel .image-carousel-thumbnails ul li{ margin-right: 9px; } .span12 .image-carousel .image-carousel-slider button.prev-item { background-position: left 210px;} .span12 .image-carousel .image-carousel-slider button.next-item { background-position: right 210px;} .span8 .image-carousel .image-carousel-thumbnails li, .span8 .video-player .video-carousel-thumbnails li { width: 140px; margin-right: 12px; } .span8 .image-carousel .image-carousel-slider button.prev-item { background-position: left 125px;} .span8 .image-carousel .image-carousel-slider button.next-item { background-position: right 125px;} } @media (max-width: 979px) { .span12 .image-carousel .image-carousel-thumbnails ul li{ margin-right: 13px; } .span12 .image-carousel .image-carousel-slider button.prev-item { background-position: left 159px;} .span12 .image-carousel .image-carousel-slider button.next-item { background-position: right 159px;} .span8 .image-carousel .image-carousel-thumbnails li, .span8 .video-player .video-carousel-thumbnails li { width: 97px; margin-right: 5px; } .span8 .image-carousel .image-carousel-slider button.prev-item { background-position: left 73px;} .span8 .image-carousel .image-carousel-slider button.next-item { background-position: right 73px;} .image-carousel .image-carousel-thumbnails li, .video-player .video-carousel-thumbnails li { width: 110px; } .image-carousel .image-carousel-thumbnails button, .video-player .video-carousel-thumbnails button { height: 60px; } .image-carousel .image-carousel-thumbnails button i, .video-player .video-carousel-thumbnails button i { top: 23px; } } @media (max-width: 767px) { .span12 .image-carousel .image-carousel-thumbnails ul li{ margin-right: 5px; } .span12 .image-carousel .image-carousel-slider button.prev-item { background-position: left 82px;} .span12 .image-carousel .image-carousel-slider button.next-item { background-position: right 82px;} .span8 .image-carousel .image-carousel-thumbnails ul li img { max-width: 100%} .span8 .image-carousel .image-carousel-thumbnails li, .span8 .video-player .video-carousel-thumbnails li { width: 105px; margin-right: 5px; } .span8 .image-carousel .image-carousel-slider button.prev-item { background-position: left 82px;} .span8 .image-carousel .image-carousel-slider button.next-item { background-position: right 82px;} .image-carousel .image-carousel-thumbnails li, .video-player .video-carousel-thumbnails li { width: 105px; } .image-carousel .image-carousel-thumbnails button, .video-player .video-carousel-thumbnails button { height: 60px; } .image-carousel .image-carousel-thumbnails button i, .video-player .video-carousel-thumbnails button i { top: 21px; } } @media (max-width: 480px) { .span12 .image-carousel .image-carousel-slider button.prev-item { background-position: left 40px;} .span12 .image-carousel .image-carousel-slider button.next-item { background-position: right 40px;} .span8 .image-carousel .image-carousel-thumbnails li, .span8 .video-player .video-carousel-thumbnails li { width: 65px; margin-right: 5px; } .span8 .image-carousel .image-carousel-slider button.prev-item { background-position: left 40px;} .span8 .image-carousel .image-carousel-slider button.next-item { background-position: right 40px;} .image-carousel .image-carousel-thumbnails li, .video-player .video-carousel-thumbnails li{ width: 65px; } .image-carousel .image-carousel-thumbnails button , .video-player .video-carousel-thumbnails button{ height: 35px; } .image-carousel .image-carousel-thumbnails button i, .video-player .video-carousel-thumbnails button i { top: 11px; } } /* Review Holder Specific Additions */ .review_holder span.img_icon, .article_middle_box span.close_icon{cursor:pointer; background: url("../images/review/close.jpg") no-repeat scroll 0 0 #FFF; /*X icon on white*/} .review_holder.slide_closed span.img_icon, .article_middle_box.slide_closed span.close_icon{background: url("../images/review/more-info-icon-new.jpg") repeat scroll 0px 78px transparent;} /* default colour - darker grey I*/ .review_holder span.img_icon, .article_middle_box span.close_icon, .indepth_box span.img_icon {border-top: 1px solid #696969; border-left: 1px solid #696969; background: url("../images/review/more-info-icon-new.jpg") repeat scroll 0px 38px transparent; z-index: 9999;} /*X icon on dark grey*/ /*specific colours*/ .news .review_holder.slide_closed span.img_icon, .news .article_middle_box.slide_closed span.close_icon { background-position: 0px 0px; } .sport .review_holder.slide_closed span.img_icon, .sport .article_middle_box.slide_closed span.close_icon { background-position: 0px -39px; } .business .review_holder.slide_closed span.img_icon, .business .article_middle_box.slide_closed span.close_icon { background-position: 0px -78px; } .debate .review_holder.slide_closed span.img_icon, .debate .article_middle_box.slide_closed span.close_icon { background-position: 0px -117px; } .life-and-style .review_holder.slide_closed span.img_icon, .life-and-style .article_middle_box.slide_closed span.close_icon { background-position: 0px -156px; } .culture .review_holder.slide_closed span.img_icon, .culture .article_middle_box.slide_closed span.close_icon { background-position: 0px -195px; } .offers .review_holder.slide_closed span.img_icon, .offers .article_middle_box.slide_closed span.close_icon { background-position: 0px 78px; /*change offers to use grey*/ } /*hover style*/ .review_holder.slide_closed span.img_icon:hover, .article_middle_box.slide_closed span.close_icon:hover, .indepth .review_holder.slide_closed span.img_icon:hover, .indepth .article_middle_box.slide_closed span.close_icon:hover{ background:url("../images/review/more-info-icon-new.jpg") repeat scroll 0px 117px transparent;}/* default colour - light grey I */ /* Generic Carousel */ .carousel { /*background: #F5F3F3; overflow: hidden;*/ position: relative; } .carousel.advertisement-style { margin-top: 22px; } .js .carousel { /*display: none;*/ margin-bottom: 20px; } .js .span6 .carousel {/* margin-bottom: 50px;*/ } .carousel-elements { position: relative; z-index: 5; overflow: hidden;} .carousel-element { overflow: hidden; display: none; width: 100%; } .carousel-element.first { display: block; } .no-js .carousel-element { margin-bottom: 10px; } .article .carousel{margin-bottom:0 !important;} .article .image-carousel-thumbnails, .article .video-carousel-thumbnails{margin-top:20px;} .carousel .carousel-inner img, .image-carousel-thumbnails img , .video-carousel-thumbnails img {height:auto !important; /*trying an IE fix*/ max-width:100%;} .carousel-navigation { background: #333; text-align: center; width: 100%; height: 30px; min-height: 30px; /*position: absolute; bottom: -30px; eoneill removing - check impact */ z-index: 10; } /*.culture .carousel-navigation { background: #B74F7D; }*/ .no-js .carousel-navigation { display: none; } .carousel-navigation a{background: #FFF; opacity: 0.5; border-radius: 16px; display: inline-block; height: 12px; outline: medium none; margin: 9px 2px 0; text-indent: -99999px; width: 12px; } .carousel-navigation a:focus, .carousel-navigation a:active { outline: none; } .carousel-navigation a.active-element { opacity: 1; } .border-style{background:#FFF;} .border-style .carousel-elements{border:1px solid #C6C6C6; border-bottom:none;} .border-style .carousel-element-inner{} .border-style .carousel-navigation{bottom: -30px;} .gallery-element .carousel-element-inner{padding:6px;} .gallery-element .image{float:right; width:300px;} .gallery-element .image.first {float:left;} .gallery-element a{display:block; position:relative; margin:0 0 15px 0; border:1px solid #333;} .gallery-element i.icon{position:absolute; top:5px; left:5px; width:35px; height:29px; display:block; background: url(../images/homepage/icon1.png) no-repeat center center transparent;} .gallery-element img{display:block; width:100%; height:auto !important;} .gallery-element .title{display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#333; color:#fff; padding:2px 5px; line-height:1.2em;} @media (max-width: 979px) { .gallery-element .image { width: 228px; } .gallery-element img { height: 122px; } } @media (max-width: 767px) { .gallery-element .image { width: auto; clear: both; float: none !important; } .gallery-element img { height: 238px; } } @media (max-width: 480px) { .gallery-element { } .gallery-element img { } } @media (max-width: 320px) { .gallery-element { } .gallery-element img { height: 153px; } } /* ========================= */ /* Video Elements /* ========================= */ /* Default Styles & Small Sized */ .video-icon{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; position: absolute; bottom: 5px; left: 5px; border-radius:3px; background:rgba(0,0,0,0.6); line-height:normal; padding: 2px 3px 1px 3px; border: 1px solid #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 200; } .img:hover .video-icon, a:hover .video-icon { background:rgba(0,0,0,1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .video-icon i{display:inline-block; background: url(../images/icons/icons-sprite.png) no-repeat 3px 1px transparent; vertical-align: middle; width: 12px; height: 14px; } .video-icon .duration { display: inline-block; margin-right: 2px; } /* Medium Sized */ .video-icon.medium {font-size: 14px; padding: 4px 4px 3px 3px; bottom: 7px; left: 7px; border-radius:4px; } .video-icon.medium i {background: url(../images/icons/icons-sprite.png) no-repeat 6px -17px transparent; width: 19px; height: 19px;} .video-icon.medium .duration {margin: 0 3px 0 0px;} /* Large Sized */ .video-icon.large { font-size: 14px; padding: 8px 8px 6px 8px; bottom: 10px; left: 10px; border-radius:4px; } .video-icon.large i {background: url(../images/icons/icons-sprite.png) no-repeat 3px -41px transparent; vertical-align: middle; width: 20px; height: 22px; } .video-icon.large .duration {margin: 0 2px 0 4px;} .lt-ie9 .video-icon{background:url("../images/homepage/key-feature-title-bg.png") repeat 0 0 transparent;} @media only screen and (max-width: 479px) { /* Medium to small */ .video-icon.medium {font-size:12px; padding: 2px 3px 1px 3px; bottom: 5px; left: 5px; } .video-icon.medium i {display:inline-block; background: url(../images/icons/icons-sprite.png) no-repeat 3px 1px transparent; vertical-align: middle; width: 12px; height: 14px; } .video-icon.medium .duration { display: inline-block; margin-right: 2px; } } @media only screen and (min-width: 480px) and (max-width: 979px) { /* Medium to small */ .video-icon.medium {font-size:12px; padding: 2px 3px 1px 3px; bottom: 5px; left: 5px; } .video-icon.medium i {display:inline-block; background: url(../images/icons/icons-sprite.png) no-repeat 3px 1px transparent; vertical-align: middle; width: 12px; height: 14px; } .video-icon.medium .duration { display: inline-block; margin-right: 2px; } /* Large to medium */ .indextopstories .video-icon.large {font-size: 14px; padding: 4px 4px 3px 3px; bottom: 7px; left: 7px; } .indextopstories .video-icon.large i {background: url(../images/icons/icons-sprite.png) no-repeat 6px -17px transparent; width: 19px; height: 19px;} .indextopstories .video-icon.large .duration {margin: 0 3px 0 0px;} .onetwoteaser .video-icon.large {font-size: 14px; padding: 4px 4px 3px 3px; bottom: 7px; left: 7px; } .onetwoteaser .video-icon.large i {background: url(../images/icons/icons-sprite.png) no-repeat 6px -17px transparent; width: 19px; height: 19px;} .onetwoteaser .video-icon.large .duration {margin: 0 3px 0 0px;} .onetwofourteaser .video-icon.large {font-size: 14px; padding: 4px 4px 3px 3px; bottom: 7px; left: 7px; } .onetwofourteaser .video-icon.large i {background: url(../images/icons/icons-sprite.png) no-repeat 6px -17px transparent; width: 19px; height: 19px;} .onetwofourteaser .video-icon.large .duration {margin: 0 3px 0 0px;} } @media only screen and (min-width: 980px) { /* Large back to large */ .video-icon.large { font-size: 14px; padding: 8px 8px 6px 8px; bottom: 10px; left: 10px; border-radius:4px; } .video-icon.large i {background: url(../images/icons/icons-sprite.png) no-repeat 3px -41px transparent; vertical-align: middle; width: 20px; height: 22px; } .video-icon.large .duration {margin: 0 2px 0 4px;} } /* Retina Icons */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .video-icon i, .video-icon.medium i, .video-icon.large i {background-image: url(../images/icons/icons-sprite@2x.png); -webkit-background-size: 100px 600px; -o-background-size: 100px 600px; background-size: 100px 600px;} .video-icon .duration { margin: 0 2px; } .video-icon.medium i {margin-top:-1px} .video-icon.large .duration {margin: 0 3px} .span4.story .video-icon.large i {background-image: url(../images/icons/icons-sprite@2x.png); -webkit-background-size: 100px 600px; -o-background-size: 100px 600px; background-size: 100px 600px;} } /* Overrides */ .story .img { z-index: 100; } /*bring the hover style on the video icon to the top */ /* Key Feature Element */ .key-feature-element a.image-tile { position: relative; display: block; } .key-feature-element img { width: 100%; } .key-feature-element span { clear: both; display: block; position: absolute; bottom:0; left: 0; padding: 15px 20px; color: #FFF; line-height:0.9em; background: url(../images/homepage/key-feature-title-bg.png); font-size: 18px; text-shadow: 1px 1px 3px #000; /*max-width: 75%;*/ } .key-feature-element span.has-summary {bottom: 0;} .key-feature-element span strong { clear: both; display: block; font-size: 24px; padding-bottom: 5px; line-height: 1em;} .key-feature-element p{color:#333; padding: 15px 20px; font-size:14px; line-height: 1.3em; margin-bottom:30px; background-color:#F5F3F3} .key-feature-element p a {color: #333; } .key-feature-carousel .carousel {margin-bottom:0;} .key-feature-carousel{background-color:#F5F3F3;} .key-feature-carousel .paginated_carousel_nav{background: #333 !important; text-align: center; width: 100%; height: 30px; min-height: 30px; position: absolute; bottom:0; z-index: 10; } .key-feature-carousel .paginated_carousel_nav a { background: #FFF !important; opacity: 0.5; border-radius: 16px; display: inline-block; height: 12px; outline: medium none; margin: 8px 2px 0; text-indent: -99999px; width: 12px; } .key-feature-carousel .paginated_carousel_nav a.activeSlide { opacity: 1 } /*when only one slide*/ .key-feature-carousel.single .paginated_carousel_nav{height:5px; min-height:5px;} .key-feature-carousel.single .key-feature-element p{margin-bottom:0;} /*span2 specifics*/ .span2 .key-feature-element span{max-width:120px !important; padding:15px 10px;} .span2 .key-feature-element span strong{font-size:22px;} /*span4 specifics*/ .span4 .key-feature-carousel{max-width:300px;} .carousel.navigation-over .key-feature-element span { bottom: 30px; } .carousel.navigation-over .key-feature-element.has-summary span { bottom: 0; } .carousel.navigation-over .carousel-navigation { bottom: 0; } .key-feature-element .image-tile-620x320 img { height: 320px; } .key-feature-element .image-tile-300x250 img { height: 250px; } .key-feature-element .image-tile-460x245 img { height: 245px; } .key-feature-element .image-tile-140x380 img { height: 380px; } .key-feature-element .image-tile-300x250 span strong { max-width: 200px; } /* removing explicit heights - check impact*/ @media (max-width: 979px) { .key-feature-element img{height:auto !important;} /*.key-feature-element .image-tile-620x320 img { height: 253px; } .key-feature-element .image-tile-300x250 img { height: 190px; } .key-feature-element .image-tile-460x245 img { height: 187px; } .key-feature-element .image-tile-140x380 img { height: 263px; }*/ } @media (max-width: 767px) { /*.key-feature-element .image-tile-620x320 img { height: 245px; } .key-feature-element .image-tile-300x250 img { height: 383px; } .key-feature-element .image-tile-460x245 img { height: 245px; } .key-feature-element .image-tile-140x380 img { height: 380px; } .key-feature-element .image-tile-300x250 span strong { max-width: none; }*/ /*.span2 .carousel { width: 140px; margin: 0 auto; }*/ } @media (max-width: 480px) { /*.key-feature-element .image-tile-620x320 img { height: 160px; } .key-feature-element .image-tile-300x250 img { height: 250px; } .key-feature-element .image-tile-460x245 img { height: 160px; } .key-feature-element .image-tile-300x250 span strong { max-width: 200px; }*/ } /* Index Story */ .index_story_carousel { background: #FFF; } .index_story_carousel .carousel-elements { border: 1px solid #c6c6c6; border-bottom: none; } .index_story_carousel .index_story { margin: 10px 0 0 10px; border-bottom: none; width: 600px; } .index_story_carousel .index_story img { width: 100%; height: 160px } @media (max-width: 979px) { .index_story_carousel .index_story { width: 440px; } .index_story_carousel .index_story img { width: 228px; height: 127px } } @media (max-width: 767px) { .index_story_carousel .index_story { width: 420px; margin-left: 20px; } .index_story_carousel .index_story img { width: 100%; height: 229px; } } @media (max-width: 480px) { .index_story_carousel .index_story { width: 260px; } .index_story_carousel .index_story img { height: 144px } } /* Homepage - Generic Overrides */ .indepth #torso h3.section-title, .frontpage #torso h3.section-title { /*margin-bottom: 20px;*/ } .indepth #torso .span2 .section-title, .frontpage #torso .span2 .section-title { /*margin-bottom: 5px;*/ } .indepth .story a .h2, .frontpage .story a .h2 { /*font-size: 26px; line-height: 30px;*/ } .indepth .culture_carousel .border_bottom, .frontpage .culture_carousel .border_bottom { border-bottom: 4px solid #000;} /*.indepth .culture_carousel h2 a, .frontpage .culture_carousel h2 a { font-size: 36px; line-height: 42px; font-weight: bold; color: #000; } .indepth .culture_carousel h2 a, .frontpage .culture_carousel h2 {margin-left: 10px; } .indepth .culture_carousel .text_holder h2 a, .frontpage .culture_carousel .text_holder h2 {margin-left: 0; }*/ .indepth .story.span2 .social li, .frontpage .story.span2 .social li { display: block; } .indepth .story.span2 .social span, .frontpage .story.span2 .social span { display: inline; } /* Homepage - Big News Event (homepagetopspot) */ .big-news-event {margin-bottom: 20px; padding-bottom: 15px; } .big-news-event.story a .h2 {padding-bottom:5px; } /*@media (max-width: 767px) { .big-news-event.story a .h2 {font-size: 26px; line-height:34px;} }*/ /* Homepage - Big News Event */ .indepth .span4.trending, .frontpage .span4.trending { /*margin-bottom: 20px;font-size: 110%;*/ } .indepth #content_right .span4.trending, .frontpage #content_right .span4.trending {/* margin-bottom: 15px; font-size: 100%; float: left; width: 100%;*/ } .indepth .span4.trending.btm-line, .frontpage .span4.trending.btm-line { /*padding-bottom: 15px;*/ } /* .indepth .span4.trending a, .frontpage .span4.trending a { float: none;margin: 0; padding: 0;} */ /* .indepth .span4.trending .img, .frontpage .span4.trending .img { float: left; margin: 0 20px 0 0; position: relative; width: auto; height: auto; } */ /*.indepth .span4.trending .img img, .frontpage .span4.trending .img img { position: static; } .indepth .span4.trending .h3, .frontpage .span4.trending .h4, .frontpage .span4.trending .h3, .frontpage */ .indepth .tab-content.culture .trending, .frontpage .tab-content.culture .trending { padding-top: 10px !important; padding-bottom: 10px !important; margin: 0 !important; } /* Homepage - Latest News Topics */ .indepth .latest_news_index, .frontpage .latest_news_index { font-size: 100%; margin: 0; } .indepth .span4.latest_news_topics, .frontpage .span4.latest_news_topics { /*margin-top: -20px;*/} .indepth .latest_news_topics ul li, .frontpage .latest_news_topics ul li { padding: 7px 0; line-height: 1.2em; } .indepth .latest_news_index a, .frontpage .latest_news_index a { color: #000; display: block; } .indepth .latest_news_index a:hover, .frontpage .latest_news_index a:hover { color: #074399; } .indepth .span4.latest_news_topics li:last-child, .frontpage .span4.latest_news_topics li:last-child { border: none; } /* Homepage - Culture Carousel */ .indepth .culture_carousel, .frontpage .culture_carousel {margin: 0 0 20px 0;} /* Numbered or Unordered Trending List */ .numbered-article-list ol, .numbered-article-list ul { font-size: 100%;font-weight: bold;margin: -5px 0 0;padding: 0 0 0 25px; } .numbered-article-list a { font-weight: normal; color: #333; } /* Microsite */ .indepth_box {background: #333333; color: white; margin-top: 20px;} .indepth_box .content_holder {padding: 0 20px 0 0;} .indepth_box p, .indepth_box h2 {color: white;} .indepth_box h2 {/*font-weight: bold;*/ font-size:24px; width:90%; padding:4px 0 3px; margin-left:15px;} .indepth_box .button_holder {position: relative; float: left; width: 100%; right: -20px;} .indepth_box .slide_panel { margin:-1px 0 0 0 !important; font-family:Georgia, "Times New Roman", Times, serif !important; float:left; border-top:1px solid #696969; width:100%; padding:0;} .touch .indepth_box .slide_panel { width: 86% !important;} .indepth_box .slide_panel p {padding:10px 0 10px 20px; font-size:13px; line-height:1.2em; font-family:Arial, Helvetica, sans-serif;} /* .indepth_box .border {width: 109%; position: relative; left: -30px; top: -1px; border-top: 1px solid #696969; float: left; } */ .indepth-news-event {margin-top: 20px;} .indepth_box.review_holder{margin-bottom: 0;} /* News Ticker */ .news-ticker { margin: 0 0 15px; font-family: Arial, Helvetica, sans-serif; position: relative; font-size: 90%; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; overflow: hidden; /*-webkit-transform:translate3d(0,0,0);*/ } .news-ticker ul { margin: 0; padding: 0; list-style-type: none; width: 580px; } .news-ticker li { margin: 0; padding: 0; -webkit-backface-visibility: hidden; /*flicker fix*/} .news-ticker a { color: #333; display: block; padding: 5px; } .news-ticker strong { text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; color: #333; } .js .news-ticker ul { position: relative; top: 0; z-index: 1; } .js .news-ticker li{float:left; display:none; } .js .news-ticker li.first { display: block; } .js .news-ticker li a{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .js .news-ticker button { background: none; border: none; margin: 0; padding: 0; font-size: 0; line-height: 0; width: auto; overflow: visible; } .js .news-ticker button { width: 20px; height: 35px; top: 0; bottom: 0; /*margin: auto 0;*/ position: absolute; z-index: 10; background: no-repeat center center #FFF; } .js .news-ticker button.prev { right: 20px; background-image: url(../images/generic/website/arrow_left.gif); } .js .news-ticker button.next { right: 0px; background-image: url(../images/generic/website/arrow_right.gif); } @media (max-width: 979px) { .news-ticker ul { width: 435px; } /*.indepth_box h2 {font-weight: bold; font-size: 25px; padding-bottom: 0; margin-bottom: 20px; padding-top: 20px; border-bottom: none; }*/ } @media (max-width: 767px) { .news-ticker ul { width: 420px; left: 20px; } .js .news-ticker button.prev { left: 0; } .indepth_box .slide_panel { border-top: 1px solid #696969; } /*.indepth_box h2 {margin-bottom: 20px; border: none;}*/ } @media (max-width: 480px) { .news-ticker ul { width: 260px; } } @media (min-width:320px) and (max-width:479px) { .indepth_box h2{font-size:20px;} } /* Around the World List */ .around-the-web-list { background: #F5F3F3; border-bottom: 3px solid #666; } .around-the-web-list ul { margin: 0; padding: 15px 15px 5px; list-style-type: none; } .around-the-web-list li { margin: 0; padding: 0 0 10px; } .around-the-web-list a { color: #333; line-height: 0.8em; } .around-the-web-list i { display: block; color: #666; } .around-the-web-list a:hover i { color: #074399; } /* Twitter widget css overrides */ /*#twitter-widget-0 { width: 100% !important; }*/ /* News Package */ .news-package{max-height:303px; overflow:hidden; } .news-package .span8{background:url(/assets/images/teasers/gradient_front.png) 0 0 repeat-x; /*default to black*/ border-bottom:3px solid #000;} .news-package .story{position:relative; padding-bottom:0;} .news-package .story img{padding-bottom:0;} .news-package .story .h2{font-size:26px; color:#FFF /*!important*/; position:absolute; bottom:0; left:0; padding:10px; } .news-package .story a:visited .h2, .news-package .story a:active .h2, .news-package .story a:hover .h2{color:#fff !important;} /*hover styles for main story*/ /*.news-package a:hover .h2:after{content:" \00BB";} insert chevron?*/ .news-package.news a:hover .h2{} /*CC0000 */ .news-package.sport a:hover .h2{} /* 3EA447 */ .news-package.business a:hover .h2{} /*1190AF */ .news-package.debate a:hover .h2{} /* 777552*/ .news-package.life-and-style a:hover .h2{} /*FF6600*/ .news-package.culture a:hover .h2{} /*B74F7D */ .news-package-list {margin-left:0 !important; width:160px;} .news-package-list ul{margin:0; padding:0; list-style-type:none;} .news-package-list li {margin: 0; padding:10px; border-bottom: 1px solid #FFF; } .news-package-list li.last {border-bottom: none; } .news-package-list a {color:#FFF !important; display:block; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:1.2em } .news-package-list a:hover{color:#FFF;} /*hover states for realted items*/ .news-package .news-package-list li:hover{background-color:#000;} .news-package.news .news-package-list li:hover{background-color:#700;} .news-package.sport .news-package-list li:hover{background-color:#27662c;} .news-package.business .news-package-list li:hover{background-color:#095062;} .news-package.debate .news-package-list li:hover{background-color:#45442f;} .news-package.life-and-style .news-package-list li:hover{background-color:#FF6600;} .news-package.culture .news-package-list li:hover{background-color:#7e3354;} .lt-ie7 .news-package .news-package-list li a:hover{text-decoration:underline;} /*channel colours*/ .news-package .span8, .news-package.front .span8{background:url(/assets/images/teasers/gradient_front.png) 0 0 repeat-x #000; border-bottom:3px solid #000;} .news-package.news .span8{background:url(/assets/images/teasers/gradient_news.png) 0 0 repeat-x #CC0000; border-bottom:3px solid #CC0000;} .news-package.sport .span8{background:url(/assets/images/teasers/gradient_sport.png) 0 0 repeat-x #3EA447; border-bottom:3px solid #3EA447;} .news-package.business .span8{background:url(/assets/images/teasers/gradient_business.png) 0 0 repeat-x #1190AF; border-bottom:3px solid #1190AF;} .news-package.debate .span8{background:url(/assets/images/teasers/gradient_debate.png) 0 0 repeat-x #777552; border-bottom:3px solid #777552;} .news-package.life-and-style .span8{background:url(/assets/images/teasers/gradient_l&s_alt.png) 0 0 repeat-x #FF6600; border-bottom:3px solid #FF6600;} .news-package.culture .span8{background:url(/assets/images/teasers/gradient_culture.png) 0 0 repeat-x #B74F7D; border-bottom:3px solid #B74F7D;} @media (min-width: 768px) and (max-width: 979px) { .news-package-list {margin-left:20px !important;} } @media (max-width: 979px) { .news-package{max-height:none; overflow:visible; } .news-package .span8, .news-package-sidebar .span4 { height: auto !important; border-bottom: none; padding-bottom: 0;} .news-package .story img {height:auto; width:100%;} .news-package-list {width:auto;} .news-package-list a { font-size: 100%; } .news-package .span8 .news-package-list, .news-package.front .span8 .news-package-list{background:url(/assets/images/teasers/gradient_front.png) 0 0 repeat-x #000;} .news-package.news .span8 .news-package-list{background:url(/assets/images/teasers/gradient_news.png) 0 0 repeat-x #CC0000;} .news-package.sport .span8 .news-package-list{background:url(/assets/images/teasers/gradient_sport.png) 0 0 repeat-x #3EA447;} .news-package.business .span8 .news-package-list{background:url(/assets/images/teasers/gradient_business.png) 0 0 repeat-x #1190AF;} .news-package.debate .span8 .news-package-list{background:url(/assets/images/teasers/gradient_debate.png) 0 0 repeat-x #777552; } .news-package.life-and-style .span8 .news-package-list{background:url(/assets/images/teasers/gradient_l&s_alt.png) 0 0 repeat-x #FF6600;} .news-package.culture .span8 .news-package-list{background:url(/assets/images/teasers/gradient_culture.png) 0 0 repeat-x #B74F7D;} } @media (max-width: 480px) { .news-package .story .h2{font-size:20px;} } /*Topspot - article + feature*/ .topspot-feature{} .topspot-feature .index_story p a{color:#515151 !important;} .topspot-feature .index_story p a:hover{color:#074399 !important;} .topspot-feature .index_story, .topspot-feature .feature_story{margin-bottom:0 !important; padding-bottom:0;} .topspot-feature .span4.index_story .h2, .topspot-feature .span3.index_story .h2{font-size:24px !important; padding-bottom:5px; color:#000;} .topspot-feature .span3.index_story img{max-width:220px !important; padding-bottom: 4px;} .topspot-feature .span3.index_story p{line-height:1.4em;} .topspot-feature .span3.index_story p a{top:0;} .topspot-feature .span4.feature_story .h2{font-size:24px !important;} .topspot-feature .span5.feature_story .h2{font-size:26px !important;} .topspot-feature .feature_story {position:relative; border-left:1px solid #C6C6C6; margin-left:9px; padding-left:9px;} .topspot-feature .feature_story img{padding-bottom:0;} .topspot-feature .feature_story .h2{color:#FFF !important; position:absolute; bottom:0; left:0; padding:10px; } .topspot-feature .feature_story a:hover .h2{color:#fff !important;} .topspot-feature .feature_story a, .topspot-feature.front .feature_story a{border-bottom:3px solid #000;} .topspot-feature.news .feature_story a{border-bottom:3px solid #CC0000;} .topspot-feature.sport .feature_story a{border-bottom:3px solid #3EA447;} .topspot-feature.business .feature_story a{border-bottom:3px solid #1190AF;} .topspot-feature.debate .feature_story a{border-bottom:3px solid #777552;} .topspot-feature.life-and-style .feature_story a{border-bottom:3px solid #FF6600;} .topspot-feature.culture .feature_story a{border-bottom:3px solid #B74F7D;} /*Common to package teaser & topspot feature teaser*/ .story .dept-label{position:absolute; left:0; top:0; text-transform:uppercase; background-color:#000; color:#FFF; left:0; padding:0 5px; height:22px; font-size:12px; letter-spacing:1px; font-family:'Dosis', Helvetica, sans-serif;} .story .bg-overlay{background:url(/assets/images/teasers/gradient_overlay.png) 0 bottom repeat-x; height:100px; width:100%; display:block; position:absolute; bottom:0; left:0;} .bt-container .story .dept-label, .front .story .dept-label{background-color:#000;} .bt-container .news .story .dept-label{background-color:#CC0000;} .bt-container .sport .story .dept-label{background-color:#3EA447;} .bt-container .business .story .dept-label{background-color:#1190AF;} .bt-container .debate .story .dept-label{background-color:#777552;} .bt-container .life-and-style .story .dept-label{background-color:#FF6600;} .bt-container .culture .story .dept-label{background-color:#B74F7D;} @media (max-width: 979px) { .topspot-feature .index_story{width:auto !important; margin-bottom:20px !important; padding-bottom:10px;} .topspot-feature .feature_story{margin:auto; float:none; clear:both; border-left:none; padding-left:0px;} .topspot-feature .span4.feature_story{max-width:350px !important; } .topspot-feature .span5.feature_story{max-width:380px !important; width:auto !important;} } @media (min-width: 768px) and (max-width: 979px) { .topspot-feature .index_story{ } .topspot-feature .span4.feature_story{ } .topspot-feature .span5.feature_story{ } /* small lead */ .topspot-feature .span3.index_story img{max-width: 180px !important;} .topspot-feature .span3.index_story ul.icon_list{clear:none; float:left; width: 55%;} } @media (min-width: 320px) and (max-width: 480px) { .topspot-feature .span3.index_story img{max-width:300px !important; width:100%;} } /* Frontpage Responsive Tweak - row with only four span2s */ @media (max-width: 767px) { .row.responsive-tweak .span2 { width: 220px; float: left; margin-bottom: 20px; } .row.responsive-tweak .span2:nth-child(even) { float: right; } } @media (max-width: 480px) { .row.responsive-tweak .span2 { width: 140px; } } /* Writer profile */ .featured_author { background: url(/assets/images/generic/website/pattern_tile.gif) repeat; border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9; padding: 20px 0 20px 0; margin: 20px 0 0 0; float: left; width: 100%; } .featured_author img {float:left; margin: 0 20px 0 0;} .featured_author h2 { margin:0;padding:0; } .featured_author .top { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;font-size:80%; } .profile_title p { margin:0; padding:0; font-size:90%; } /* Weather pages */ @media (min-width: 768px) and (max-width:979px) { .weather-local li {width:100%; border-right:none;border-bottom:solid 1px #ccc;} .weather-local li .day {width:24%; float:left; text-align:left;} .weather-local li .weather {width:16%; float:left;} .weather-local li .detail {width:40%; float:left; text-align:left; height:none;} .weather-local li .temperature {width:20%; float:left; text-align:right;} } @media (min-width:320px) and (max-width:767px) { .weather-local li {width:100%; border-right:none;border-bottom:solid 1px #ccc;} .weather-local li .day {width:100%; text-align:left;} .weather-local li .weather {width:22%; float:left;} .weather-local li .detail {width:39%; float:left; text-align:left; height:none;} .weather-local li .temperature {width:39%; float:left; text-align:right;} #cookies-policy-wrapper{line-height:normal;} #cookies-policy-wrapper .close-btn{margin-left:0 !important;} } /*cookie policy message*/ #cookies-policy-wrapper #cookies-policy{padding:3px 0; background-color:#FFC; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:90%; border-bottom:1px solid #E2E2E2;} #cookies-policy-prompt{margin:auto; float:none;} #cookies-policy-wrapper #cookies-policy-moreinfo{ text-decoration:underline; color:#0088CC;} #cookies-policy-wrapper .close-btn{background:none; border:none; margin:0 0 0 10px; padding:0 5px; font-weight:bold;} /* Upgrade browser message */ .ie8-upgrade{ text-align: center; font-family: Arial, sans-serif; color: #3a87ad; background-color: #d9edf7; border: 1px solid #bce8f1; font-size: 90%; padding: 3px 0; margin: 0;} .ie8-upgrade a {text-decoration: underline; color: #0088CC;} .ie8-upgrade .close{font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: none; margin-left: 12px; font-weight: bold; text-transform: uppercase;} /* Touchline teaser */ .sport .span4 .touchline-teaser { width:100%;} .sport .span4 .touchline-teaser {width:100%; margin: 0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%} .sport .span4 .touchline-teaser th { background:#3FA448; color:#fff; font-weight:normal; padding:1%; } .sport .span4 .touchline-teaser td {padding:1%;} .sport .span4 .touchline-teaser tr:nth-child(odd) {background:#f7fcf7; border-bottom:solid 1px #ddecdf} .sport .span4 .touchline-teaser tr:nth-child(even) { border-bottom:solid 1px #ddecdf} .sport .span4 .touchline-teaser th:nth-child(1) { text-align:center; width:3%; } .sport .span4 .touchline-teaser th:nth-child(2) { text-align: left; width:59%;} .sport .span4 .touchline-teaser th:nth-child(n+3) { text-align: center; width:10%;} .sport .span4 .touchline-teaser td:nth-child(1) { text-align:center; width:3%; } .sport .span4 .touchline-teaser td:nth-child(2) { text-align: left; width:59%;} .sport .span4 .full-standings { margin:0 0 20px 0; display:block; } .sport .span4 .touchline-teaser td:nth-child(n+3) { text-align: center; width:10%;} /* Search/Subscriptions Tabs */ .frontpage .tab-content {/*margin:0 0 20px 0;*/} .frontpage .nav-tabs {padding:0;background:#F6F6F6; border-top:solid 1px #C6C6C6; bottom-border:solid 1px #C6C6C6; width:100%;} .frontpage .nav-tabs li { width:33.3333333%; text-align:center; } .frontpage .nav-tabs > li > a { padding:15px 0; margin-right: 2px; line-height: 14px;font-family:Arial,Helvetica, sans-serif; font-size:80%; color:#999999; font-weight:bold; border:none;} .frontpage .nav-tabs > li > a:hover {background:none; color:#000;} .frontpage .span .nav-tabs li.active { border-top: 4px solid #000 !important; background: white; margin: -4px 0 -1px 0; } .frontpage .nav-tabs > li.active {color:#000; font-weight:bold; } .frontpage .nav-tabs > li.active a {color:#000; font-weight:bold; } .frontpage .nav-tabs > li.active a:hover { border:none; } .frontpage .nav-tabs li .h2 {display:block; font-size:140%; text-transform:uppercase; font-family:DINWeb-Bold, Arial,sans-serif; font-weight:bold;padding:0 0 3px 0;} .frontpage .nav-tabs li .publication-date { font-weight:normal; font-size:80%;} .frontpage .nav-tabs li.active { background-color:white; border-top: 4px solid #000000; margin-top: -4px; border-bottom: none;} /* Video - Two Tabs */ .twotabs.large-tabs .nav-tabs { background: none; padding:0; border: none; border: none; width:100%;} .twotabs.large-tabs .nav-tabs li { width:50%; text-align:center; padding: 0; margin: 0; margin-right: -1px; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;} .twotabs.large-tabs .nav-tabs li.left { border-right: none; } .twotabs.large-tabs .nav-tabs li.left a { border-right: 1px solid #BBB; } .twotabs.large-tabs .nav-tabs li.right a{ border-right: 1px solid #BBB; } .twotabs.large-tabs .nav-tabs > li > a { background: #F6F6F6; padding:15px 0; margin: 0 !important; line-height: 14px; font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #666; font-weight:bold; border-left: 1px solid #BBB;} .twotabs.large-tabs .nav-tabs > li > a:hover {background: #F6F6F6; color:#000; border-left: 1px solid #BBB;} .twotabs.large-tabs .span .nav-tabs li.active { background: #FFF; border-top: 4px solid #000 !important; background: white; margin: -4px 0 -1px 0; } .twotabs.large-tabs .nav-tabs > li.active {color:#000; border-bottom: none; font-weight: bold; } .twotabs.large-tabs .nav-tabs > li.active a {background: #FFF; color:#000; font-weight: bold; } .twotabs.large-tabs .nav-tabs > li.active a:hover { } .twotabs.large-tabs .nav-tabs li .h2 {display:block; font-size: 140%; text-transform: uppercase; font-family: DINWeb-Bold, Arial,sans-serif; font-weight:bold; padding:0 0 3px 0;} .twotabs.large-tabs .nav-tabs li .publication-date { font-weight:normal; font-size:80%;} .twotabs.large-tabs .nav-tabs li.active { background-color: white; border-top: 4px solid #000000 !important; margin-top: -4px;} /*now-playing*/ a.now-playing .video-icon{display:none;} a.now-playing .now-playing-label{display: block; position: absolute; box-sizing: border-box; width: 100%; top: 0; left: 0; border-radius: 0; height: 100%; text-align:center; background: rgba(0,0,0,0.4);} a.now-playing .now-playing-label i{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #fff; position:relative; top:50%; margin-top:-6px; font-style:normal; display:block;} /*now-playing*/ .lt-ie9 a.now-playing .now-playing-label{background: url(/assets/images/ie/bg-now-playing.png) } /* Video - Two Tabs Section Overrides */ .frontpage .twotabs.large-tabs .nav-tabs li.active, .twotabs.large-tabs.frontpage .nav-tabs li.active{border-top-color:#000 !important;} .twotabs.large-tabs.news .nav-tabs li.active{border-top-color:#CC0000 !important;} .twotabs.large-tabs.sport .nav-tabs li.active{border-top-color:#3EA447 !important;} .twotabs.large-tabs.business .nav-tabs li.active{border-top-color:#1190AF !important;} .twotabs.large-tabs.debate .nav-tabs li.active{border-top-color:#777552 !important;} .twotabs.large-tabs.life-and-style .nav-tabs li.active{border-top-color:#FF6600 !important;} .twotabs.large-tabs.culture .nav-tabs li.active{border-top-color:#B74F7D !important;} .twotabs.large-tabs.offers .nav-tabs li.active{border-top-color:#000 !important;} .span4 .numbered-list {margin:0;padding:0;list-style:none;text-align:left;} .span4 .numbered-list li { font-family:Arial, Helvetica, sans-serif; font-size:80%;border-bottom:solid 1px #dfdfdf;padding:3px 0;font-weight:bold;} .span4 .numbered-list li span { font-weight:normal; } .tab-content .span4 label {font-weight:bold;} #content_right .premium-login-rhs {margin:16px 0 0 19px;padding:5px;background: #fafafa;border:solid 1px #e4e4e4; } #content_right .premium-login-rhs h3 {font-family:DINWeb-Bold, Arial, sans-serif;height:2.5em;} #content_right .right #sign_in label {display:block; margin:10px 0 0 0;font-family:Arial, Helvetica, sans-serif;} #sign_in{margin:0 0 20px 0;} h3.section-title .premium-login-rhs {float:right} h3.section-title .premium-login-rhs a {color:#0088cc;} #content_right .premium-login-rhs .login-form-fields {margin:0;padding:0;list-style:none;} #content_right .premium-login-rhs .login-form-fields li {padding:3px 0;} #content_right .premium-login-rhs .login-form-fields li .small a { font-size:80%; color:#0088cc; } #content_right .premium-login-rhs .login-form-fields li label.remember-me {display:inline !Important;padding-left:5px;} #content_right .premium-login-rhs h3.subs-header {height:1em;} #code_p1, #code_p2 {width:45px;text-align:center;} #content_right .premium-login-rhs p.instructions {padding:0 0 5px 0;} .business .paginated_carousel_nav a.activeSlide, .frontpage .business .paginated_carousel_nav a.activeSlide { background-color: #1190AF; } .debate .paginated_carousel_nav a.activeSlide, .frontpage .debate .paginated_carousel_nav a.activeSlide { background-color: #777552; } .offers .paginated_carousel_nav a.activeSlide, .frontpage .offers .paginated_carousel_nav a.activeSlide { background-color: #000; } .no-top-margin { margin-top: 0 !important; } .sponsored .breadcrumb_holder .first .h4_breadcrumb_nav{text-transform:uppercase;} .sponsored-panel{border:1px solid #D6D6D6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(http://www.irishtimes.com/assets/images/generic/website/pattern_tile.gif) repeat; padding:15px 20px; max-width:300px; } #torso .sponsored-panel .section-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; border-color:#D6D6D6;} .sponsored-panel .img{float:right; } .sponsored-panel .img img{max-width:260px; display:block;} .sponsored-panel.small-img .img img{margin-left:5px;} .sponsored-panel .h4{color:#515151; line-height:1.4em !important; display:block;} .sponsored-panel .affiliation{display:block; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#515151; line-height:normal; padding-bottom:2px;} @media (max-width: 767px) { .sponsored-panel{max-width:none;} } .mircosite-header.review_holder{margin-top:0; border-top:none; border-left:none; border-right:none;} .mircosite-header{float:left; margin-left: 20px !important; margin-bottom:20px !important; max-width:940px; min-height:90px; width:100%; border-bottom:5px solid #000;} .mircosite-header hgroup{float:left; width:620px;} .mircosite-header h1{font-size:26px; padding:5px 0 10px 0;} .mircosite-header h2{font-size:16px; color:#515151; padding:0 !important; margin:0 0 10px 0 !important;} .mircosite-header .image_holder{float:left; width:300px; margin-left:20px; text-align:right; padding-top:5px;} .mircosite-header .image_holder img{max-width:100%; height:auto !important;} /*per section styles*/ .news .mircosite-header, .news.mircosite-header{border-bottom: 5px solid #CC0000; } .sport .mircosite-header, .sport.mircosite-header{border-bottom: 5px solid #3EA447 ; } .business .mircosite-header, .business.mircosite-header{border-bottom: 5px solid #1190AF; } .debate .mircosite-header, .debate.mircosite-header{border-bottom: 5px solid #777552; } .life-and-style .mircosite-header, .life-and-style.mircosite-header{border-bottom: 5px solid #ff6600; } .culture .mircosite-header, .culture.mircosite-header{border-bottom: 5px solid #B74F7D; } .offers .mircosite-header, .offers.mircosite-header{border-bottom: 5px solid #000; } .footer .mircosite-header, .footer.mircosite-header{border-bottom: 5px solid #000000; } /*slide panel*/ .button_holder{float:left; position:relative; right:0; width:100%;} .mircosite-header span.img_icon{width:41px; border:none !important; background: url("../images/review/close.jpg") no-repeat scroll 0 0 #FFF;} .mircosite-header span.img_icon:hover{background: url("../images/review/close.jpg") no-repeat scroll 0 0 #FFF;} .mircosite-header .slide_panel{} /* PollDaddy Responsive iFrame */ .pd-embedded iframe{ position: relative; padding-right: 30px; min-width: 100%; width: 100%; } /* Microsite header - responsive styles*/ @media (max-width: 767px){ .mircosite-header{margin-left:0 !important;} .mircosite-header hgroup{width:100%;} .mircosite-header .image_holder{width:100%; margin-left:0; text-align:center} } @media (min-width: 767px) and (max-width: 979px){ .mircosite-header hgroup{width:476px;} .mircosite-header .image_holder{width:252px;} .hidden-tablet{display:none !important;} .hidden-desktop{display:none !important;} } .sponsored .author_topics_holder .article_author { width: 100%; } .article_author span img { float: left; margin-right: 10px; } .sponsored .jobtitle{font-weight:normal;} .sponsoredLabel {font-weight:bold; border-right:1px solid #515151; padding-right: 8px; margin-right: 8px;} /* News */ .news .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .news .table td, .news th { border-top:none; } .news .table th { background:#cc0000; color:#fff; padding:1%; text-align:left; border:none; } .news .table tr:nth-child(even) td {border-bottom:solid 1px #f2bfbf;} .news .table tr:nth-child(odd) td {background: #fae5e5; border-bottom:solid 1px #f2bfbf;} /* Sports */ .sport .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .sport .table td, .sport th { border-top:none; } .sport .table th { background:#3ea447 !important; color:#fff; padding:1%; text-align:left; border:none; } .sport .table tr:nth-child(even) td {border-bottom:solid 1px #cce5cc;} .sport .table tr:nth-child(odd) td {background: #eaf5ea; border-bottom:solid 1px #cce5cc;} /* Business */ .business .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .business .table td, .business th { border-top:none; } .business .table th { background:#1190af !important; color:#fff; padding:1%; text-align:left; border:none; } .business .table tr:nth-child(even) td {border-bottom:solid 1px #bfe5e5;} .business .table tr:nth-child(odd) td {background: #bfe5e5; border-bottom:solid 1px #cce5cc;} /* Debate */ .debate .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .debate .table td, .debate th { border-top:none; } .debate .table th { background:#777552 !important; color:#fff; padding:1%; text-align:left; border:none; } .debate .table tr:nth-child(even) td {border-bottom:solid 1px #dddcd4;} .debate .table tr:nth-child(odd) td {background: #f1f1ed; border-bottom:solid 1px #dddcd4;} /* Life and Style */ .life-and-style .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .life-and-style .table td, .life-and-style th { border-top:none; } .life-and-style .table th { background:#ff6600 !important; color:#fff; padding:1%; text-align:left; border:none; } .life-and-style .table tr:nth-child(even) td {border-bottom:solid 1px #ffd9bf;} .life-and-style .table tr:nth-child(odd) td {background: #ffefe5; border-bottom:solid 1px #ffd9bf;} /* Culture */ .culture .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .culture .table td, .culture th { border-top:none; } .culture .table th { background:#b74f7d !important; color:#fff; padding:1%; text-align:left; border:none; } .culture .table tr:nth-child(even) td {border-bottom:solid 1px #edd3de;} .culture .table tr:nth-child(odd) td {background: #f8edf2; border-bottom:solid 1px #edd3de;} /* Sponsored */ .sponsored .table { margin: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:90%; } .sponsored .table td, .sponsored th { border-top:none; } .sponsored .table th { background:#000000 !important; color:#fff; padding:1%; text-align:left; border:none; } .sponsored .table tr:nth-child(even) td {border-bottom:solid 1px #bfbfbf;} .sponsored .table tr:nth-child(odd) td {background: #e5e5e5 border-bottom:solid 1px #bfbfbf;} /*.video-player{ width:100%;}*/ /*Columnists +1 teaser */ .topspot-columnist .index_story .h2{ font-size:24px !important;} .topspot-columnist .index_story.span6 h2{font-size:26px !important;} .topspot-columnist .index_story.span6 span.img img{max-width:none;} .topspot-columnist .index_story.fw-img span.img img{float:none; margin:0; padding-bottom:5px; max-width:none;} .topspot-columnist .columnist_story{border-left:1px solid #C6C6C6; margin-left:9px; padding-left:9px; padding-bottom:0; position:relative;} .topspot-columnist .columnist_story a{padding:10px 10px 0;} .topspot-columnist .columnist_story .h2{color:#515151 !important;} .news .topspot-columnist .columnist_story .h2{color:#CC0000 !important;} .business .topspot-columnist .columnist_story .h2{color:#1190AF !important;} .topspot-columnist .columnist_story .h4{color:#000 !important;} /* Just needed for news & biz */ .topspot-columnist .columnist_story .vertical{ } .topspot-columnist .columnist_story .vertical > div{background-position:80% 100% !important;} .topspot-columnist .columnist_story .vertical div{min-height:280px;} .topspot-columnist .columnist_story .vertical a{padding-bottom:240px;} .topspot-columnist .columnist_story .vertical .h2{font-size:20px;} .topspot-columnist .columnist_story .vertical .h4{font-size:22px;} .topspot-columnist .columnist_story .horizontal{} .topspot-columnist .columnist_story .horizontal > div{background-position:100% 100% !important;} .topspot-columnist .columnist_story .horizontal div{min-height:220px;} .topspot-columnist .columnist_story .horizontal a{min-height: 200px;} .topspot-columnist .columnist_story .horizontal .h2{font-size:20px; padding-right:100px;} .topspot-columnist .columnist_story .horizontal .h4{font-size:20px; padding-right:160px; display:inline-block;} .topspot-columnist .columnist_story .s2vertical{ } .topspot-columnist .columnist_story .s2vertical > div{background-position:60% 100% !important;} .topspot-columnist .columnist_story .s2vertical div{min-height:220px;} .topspot-columnist .columnist_story .s2vertical a{padding:10px 8px 105px;} .topspot-columnist .columnist_story .s2vertical .h2{font-size:16px;} .topspot-columnist .columnist_story .s2vertical .h4{font-size:18px; display:inline-block; line-height:1.2em;} /* cross browser gradient - needs testing */ .topspot-columnist .columnist_story > div{ background: #E2E2E2; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #c6c6c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#c6c6c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */ } /*responsive styles*/ @media (max-width: 979px) { .topspot-columnist .index_story img{max-width:none;} .topspot-columnist .columnist_story{border-left:none; margin-left:20px; padding-left:0px;} .topspot-columnist .columnist_story .s2vertical > div{min-height:110px; background-position:98% 100% !important;} .topspot-columnist .columnist_story .s2vertical a{padding:10px 150px 10px 10px;} } @media (min-width:480px) and (max-width: 979px){ .topspot-columnist .index_story span.img img{max-width:220px !important; } .topspot-columnist .index_story.fw-img span.img img{float:left; margin: 3px 10px 0 0;} .topspot-columnist .columnist_story .vertical a{padding-bottom:0;} .topspot-columnist .columnist_story .vertical .h2{padding-right:100px;} .topspot-columnist .columnist_story .vertical > div{min-height:250px; background-position:98% 100% !important;} .topspot-columnist .columnist_story .vertical .h4{padding-right:220px; display:inline-block;} .topspot-columnist .columnist_story .vertical .h4, .topspot-columnist .columnist_story .horizontal .h4{font-size:22px;} .topspot-columnist .columnist_story .horizontal > div{background-position:92% 100% !important;} .topspot-columnist .columnist_story .s2vertical .h2{font-size:18px;} .topspot-columnist .columnist_story .s2vertical .h4{font-size:20px;} } @media (max-width: 768px) { .topspot-columnist .columnist_story{margin-left:0;} .topspot-columnist .columnist_story .s2vertical a{padding:10px 120px 10px 10px} } @media (max-width: 480px){ .topspot-columnist .index_story.span6 span.img img{max-width:140px;} .topspot-columnist .columnist_story .s2vertical a{padding:10px 120px 10px 10px;} } /* ============================================= */ /* Edge Case Templates /* ============================================= */ /* Recipes */ .recipe-info { clear: both; padding: 5px 0; margin-bottom: 20px; border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC; } .recipe-info ul { list-style: none; margin: 0; padding: 0; } .recipe-info ul li { background-image: url(/assets/images/edgecase/edge-sprite.png); background-repeat: no-repeat; display: inline-block; font-size: 13px; font-family: Arial, sans-serif; padding: 0 14px 0 24px; border-right: 1px dashed #CCC; margin: 3px 0 3px 8px; } .recipe-info ul li.course { background-position: 0 -75px; } .recipe-info ul li.cuisine { background-position: 0 -23px; } .recipe-info ul li.serves { background-position: 0 -48px; } .recipe-info ul li.cooking { background-position: 0 4px; } .recipe-info ul li:last-child { border-right: none; } .recipe-ingredients { float: right; max-width: 300px; border: 1px solid #DDD; margin: 0 0 25px 15px; padding: 0; } .recipe-ingredients h4 { font-family: "DINWeb-Bold", Arial,sans-serif; font-size: 18px; padding: 15px; color: #444; } .recipe-ingredients ul { margin: 0; padding: 0; list-style: none; } .recipe-ingredients ul li, .recipe-ingredients p { font-size: 13px; font-family: Arial, sans-serif; } .recipe-ingredients ul li { padding: 5px 15px; background: url(/assets/images/edgecase/cream-dust.png); border-top: 1px solid #DDD; } .recipe-ingredients ul li:nth-child(even) { background: #EEE; } .recipe-heading { font-family: "DINWeb-Bold", Arial, sans-serif; color: #555; font-size: 18px; margin-bottom: 8px; } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .recipe-info ul li{ background-image: url(/assets/images/edgecase/edge-sprite@2x.png); -webkit-background-size: 16px; -o-background-size: 16px; background-size: 16px; } } @media (max-width: 979px){ .recipe-info { margin: 20px 0; } .recipe-info ul li{ display: block; margin: 8px 0; border: none; } .recipe-ingredients{ margin: 20px 0; float: none; max-width: none;} } /* Wine Review */ .wine-review{ margin-bottom: 20px; } .wine-review .wine-bottle{ width: 50%; display: inline-block; margin-right: -4px; padding: 10px 30px; box-sizing: border-box; vertical-align: top; text-align: center; } .wine-review .wine-details{ width: 50%; display: inline-block; margin-right: -4px; vertical-align: top; } .wine-review .wine-details ul{ list-style: none; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; } .wine-review .wine-details ul li { border-bottom: 1px solid #CCC; padding: 4px 0; text-transform: capitalize; } .wine-review .wine-details ul li:last-child { border-bottom: none; text-transform: none; } @media (max-width: 768px){ .wine-review .wine-bottle, .wine-review .wine-details{ width: auto; display: block; margin: 20px 0; } } /* Restaurant Review */ .restaurant-review .img_icon {display: none !important;} /* Hiding icon */ .restaurant-review{ margin-bottom: 20px; float: left; } .restaurant-review h4{ font-family: "DINWeb-Bold", Arial, sans-serif; font-size: 18px; margin-bottom: 2px; padding-top: 8px; color: #444; } .restaurant-review .info-holder{ float: left; max-width: 280px; overflow: hidden;} .restaurant-review .info-holder.no-float{ float: none; overflow: hidden;} .restaurant-review ul{ margin: 0; padding: 0; list-style: none; } .restaurant-review ul.float {float: left; margin-right: 30px;} .restaurant-review ul li{ background-image: url(/assets/images/edgecase/edge-sprite.png); background-repeat: no-repeat; font-size: 13px; font-family: Arial, sans-serif; padding: 0 0 0 24px; border-bottom: 1px dashed #CCC; margin: 6px 0; padding-bottom: 4px; } .restaurant-review ul li:last-child{ border-bottom: none; } .restaurant-review ul li.proprietor{ background-position: 0 -175px; } .restaurant-review ul li.address{ background-position: 0 -149px; max-height: 24px; overflow: hidden; } .restaurant-review ul li.phone{ background-position: 0 -124px; } .restaurant-review ul li.website{ background-position: 0 -99px; } .restaurant-review ul li.cuisine{ background-position: 0 -22px; } .restaurant-review ul li.price-range{ background-position: 0 -300px; } .restaurant-review ul li.price-range span { display: inline-block; margin-right: 3px; font-size: 15px; font-weight: 800; } .restaurant-review ul li.price-range span.on{ color: #FF6600; } .restaurant-review ul li.price-range span.off{ color: #CCC; } .restaurant-review ul li.rating{ background-position: 0 -225px; } .restaurant-review ul li.rating span{ background-image: url(/assets/images/edgecase/edge-sprite.png); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .restaurant-review ul li.rating .empty{ background-position: 0 -332px; } .restaurant-review ul li.rating .full{ background-position: 0 -256px; } .restaurant-review ul li.rating .half{ background-position: 0 -281px; } .restaurant-map{ float: right; margin: 20px 0; border: 1px solid #CCC; padding: 3px 3px 0 3px; } .restaurant-map a{display: block;} @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .restaurant-review ul li, .restaurant-review ul li.rating span{ background-image: url(/assets/images/edgecase/edge-sprite@2x.png); -webkit-background-size: 16px; -o-background-size: 16px; background-size: 16px; } } @media (max-width: 768px){ .restaurant-review {float: none;} .restaurant-review .info-holder{ max-width: none; float: none; margin-right: 0; margin-bottom: 20px;} .restaurant-review ul.float {float: none; margin-right: 0;} .restaurant-map {float: none; border: none;} }