/* Newsquest Media Group CSS 1. RESET STYLES 2. GLOBAL STYLES a. Headings b. Header / Nav / Footer c. Chrome / Safari hacks d. Colorbox 3. CONTENT STYLES a. Columns b. Top H2 c. Breadcrumbs d. Autocompleter e. Search box f. Headings g. Forms h. Pager i. Tabbed panels j. Pages & panels: articles/comments/tabs/etc - Old messy stuff Various panels Print page Commercial Galleries Weather Site map Netmums BMDs Star voting Cup competition module Email bulletins Topics module Movie module Trade Directory Panel 4. ADS STYLES 5. 404 PAGE */ /*-- RESET STYLES --*/ /* http://meyerweb.com/eric/tools/css/reset/ modified for Newsquest Media Group */ html, h1, h2, h3, h4, h5, h6 { font-size: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } html { background-color: #FFFFFF; } table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } th, td { vertical-align: middle; } blockquote, q { quotes: none; font-family:Georgia,Times,serif; font-size:1em; font-style:italic; color: #666; line-height: 1.5em; } blockquote { margin: 15px; padding-left: 10px; border-left: 1px dotted #ccc; overflow: hidden; } cite { font-weight: bold; font-size:.9167em; font-family:Verdana, Arial, sans-serif; font-style:italic; } /* Using opening and closing quotes in blockquote - not supposed to! blockquote { quotes: "\201C" "\201D"; } blockquote:before { font-family: Georgia, "Times New Roman", Times, serif; content: open-quote; float: left; height: 45px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #666; } blockquote:after { font-family: Georgia, "Times New Roman", Times, serif; content: close-quote; float: right; height: 25px; margin-top: 0px; padding-top: 45px; font-size: 700%; color: #666; } */ br { height:0; line-height:0; font-size:0; } ins { text-decoration: underline; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*-- GLOBAL STYLES --*/ body { width:960px; margin:0 auto; font-family: Verdana, Arial, sans-serif; font-size: 75%; line-height: 1; color: #333333; } th,td { padding: 3px; line-height: 1.4em; } input, img { vertical-align: middle; } a { text-decoration: none; color: #197777; } a:visited { color: #3f86ae; } a:hover { color: #993300; } a.external { background: url(/resources/static/standard/external.gif/) no-repeat 100% 2px; padding-right: 15px; } a.external:hover { background-position: 100% -28px; } a.external span { position:absolute; left: -9999px; } p { line-height: 1.5em; margin:0 0 10px; } /* Conveniences */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*.clearfix { display: inline-block; }*/ .right { float:right!important; } .left { float:left!important; } .txtRight { text-align:right; } .txtCentre { text-align:center; } .upper { text-transform:uppercase; } .red { color: #993300; } .italic { font-style: italic; } .underline { text-decoration: underline; } .bld, .bold { font-weight: bold; } .sizeUp { font-size: 1.2em; } .sizeDown { font-size: 0.8em; } .none { display:none; } .listNone { list-style: none !important; padding: 0 !important; } .last { border:0!important; margin:0!important; padding:0!important; } .noBrd { border: none !important; } .noMg { margin: 0 !important; } .noPd { padding: 0 !important; } .mgTop20 { margin-top: 20px !important; } .mgTop10 { margin-top: 10px !important; } .mgRight10 { margin-right: 10px !important; } .mgBottom10 { margin-bottom: 10px !important; } .mgLeft10 { margin-left: 10px !important; } hr { height: 3px; background: #e1e1e1; border: none; margin-bottom: 15px; } table.tblBorder { border-collapse:separate; border: 2px solid #CCC; } table.tblBorder th, table.tblBorder td { border: 1px solid #CCC; } table.tblGeneric { border-collapse: separate; border-spacing: 1px; background-color: #ccc; } table.tblGeneric thead { background-color: #e9e9e9; text-align: left; } table.tblGeneric tbody { background-color: #fff; } /* Override deprecated tags */ font { color: #333 !important; font-size: 1em !important; font-family:Verdana, Arial, sans-serif !important; font-weight: normal !important; } /* b { font-weight: normal !important; } i { font-style: normal !important; } */ u { text-decoration: none !important; } center { text-align: left !important; } blink { text-decoration: none !important; } big { font-size: 1em !important; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, serif; font-weight: bold; margin: 0 0 5px 0; /*color: #197777;*/ } h1, h2 { line-height: 1.3em; font-size: 1.65em; } h3 { line-height: 1.3em; font-size: 1.35em; } h4 { line-height: 1.3em; font-size: 1.2em; } h5 { line-height: 1.3em; font-size: 1.1em; } h6 { line-height: 1.3em; font-size: 1em; } h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color: #197777; } /* Header */ #skip li { list-style: none; float: left; } #skip a, .articleUtilSkip a { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #skip a:focus { position: fixed; clip: auto; z-index: 99999; display: block; margin: 10px 0 0 0; padding: 20px; font-size: 20px; font-weight: bold; background-color: #333; color: #DDD; } ul.articleUtils li.articleUtilSkip a:focus { clip: auto; z-index: 99999; display: block; margin: 0; padding: 20px; font-size: 20px; font-weight: bold; background-color: #333; color: #DDD; } #adStrip { height: 90px; margin-top: 5px; position:relative; } #adStrip #OAS_Top { max-width: 728px; } #header { margin: 10px 0; } #headertop { background: #4D6064 url(/resources/static/standard/navfootbg.gif/) repeat-x scroll 0 100%; position:relative; padding: 5px 0; border: 1px solid #344144; font-size: .9167em; } #headertop a { color: #FFFFFF; } #headertop * { color: #FFFFFF; } #headertop .leftlinks { float: left; position: absolute; top: 0; left: 0; } #headertop .rightlinks { float: right; position: absolute; top: 0; right: 0; } #headertop .leftlinks li, #headertop .rightlinks li { float: left; margin: 0; padding: 5px 10px; } #headertop .leftlinks li a:hover, #headertop .rightlinks li a:hover { color:#000; } #headertop .leftlinks li { background: transparent url(/resources/static/standard/separator.gif/) no-repeat 100% 50%; } #headertop .rightlinks li { background: transparent url(/resources/static/standard/separator.gif/) no-repeat 0 50%; } #headertop img { margin-top: -2px; } #headertop p { display: block; text-align: center; margin: 0; padding: 0 15px; line-height: 1; font-weight: bold; } .headerlogo { display: inline; float: left; margin: 10px 0 0 0; height: 70px; overflow: hidden; } .headerlogo img { vertical-align: middle; } .headerlogo span { position: absolute; left: -9999px; } .headersearch { text-align: right; margin: 10px 0 0 0; } .headersearch p { display: inline; float: right; padding: 0 5px 0 0; margin: 0 0 10px 0; line-height: 1.4em; width: 350px; background-color: #ebebeb; border: 1px solid #b8c5c4; } .headersearch p img { float: left; margin-left: -15px; } .headersearch form label { position: absolute; left: -9999px; } .headersearch form { display: inline; float: right; clear:right; } .headersearch form input#Site-search { width: 21.3em; } /* Nav area */ ul.navBar { background:#4d6064 url(/resources/static/standard/navbg_top.gif/) repeat-x 0 100%; font-family: Arial, Helvetica, sans-serif; font-size: .9167em; letter-spacing: 0; border: 1px solid #344144; border-bottom:none; } ul.navBar:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.navBar li { float: left; background: transparent url(/resources/static/standard/separator.gif/) no-repeat 100% 0; } ul.navBar li.rightLinks { background:#ba3b26 url(/resources/static/standard/navbg2_top.gif/) repeat-x 0 100%; float:right; } ul.navBar li.rightLinks a { background: transparent url(/resources/static/standard/separator2.gif/) no-repeat 0 50%; } ul.navBar li.rightLinks.first { border-left:1px solid #fff; } ul.navBar li a { display: block; color:#fff; padding:5px 7px 6px 7px; margin-bottom: 1px; font-weight:bold; } ul.navBar li a:hover { color:#000; background:#AAAAAA url(/resources/static/standard/navbg_tophover.gif/) repeat-x 0 100%; } ul.navBar li.rightLinks a:hover { color:#000; background:#d0ad9c url(/resources/static/standard/navbg2_tophover.gif/) repeat-x 0 0; } ul.navBar li.on { background:#282f30 url(/resources/static/standard/navbg_topon.gif/) no-repeat bottom center; } ul.navBar li.on a { color:#FFF; /*border-left: 1px solid #344144; border-right: 1px solid #344144; */ background: transparent url(/resources/static/standard/separator.gif/) no-repeat 100% 50%; } ul.navBar li.on.rightLinks a { background: transparent url(/resources/static/standard/separator2.gif/) no-repeat 0 50%; } ul.navBar li.on a:hover { background: transparent url(/resources/static/standard/separator.gif/) no-repeat 100% 50%; color: #ffff90; } .commercialLinks ul.navBar li.rightLinks.on { background:#7f1b06 url(/resources/static/standard/navbg2_topon.gif/) no-repeat bottom center; } .commercialLinks ul.navBar li.rightLinks.on a { color:#FFF;} .commercialLinks ul.navBar li.rightLinks.on a:hover { color:#ffff90; } ul.navBar li.noon { background:#282f30 url(/resources/static/standard/navbg_topon_nosub.gif/) repeat-x bottom center; } ul.navBar li.noon a { color:#FFF; /*border-left: 1px solid #344144; border-right: 1px solid #344144; */ background: transparent url(/resources/static/standard/separator.gif/) no-repeat 100% 50%; } ul.navBar li.noon a:hover { background: none; color: #ffff90; } ul.navBar li.noonclassified, .commercialLinks ul.navBar li.rightLinks.noon { background:#282f30 url(/resources/static/standard/navbg2_topon_nosub.gif/) repeat-x bottom center; } ul.navBar li.noonclassified a, .commercialLinks ul.navBar li.rightLinks.noon a { color:#FFF; /*border-left: 1px solid #344144; border-right: 1px solid #344144; */ } ul.navBar li.noonclassified a:hover, .commercialLinks ul.navBar li.rightLinks.noon a:hover { background: none; color: #ffff90; } ul.navBar.secBar { border: 1px solid #a1a1a1; /*border-top: 1px solid #344144;*/ font-family: Verdana, Arial, sans-serif; background:#bfbfbf url(/resources/static/standard/navbg_bottom.gif/) repeat scroll 0 0; } ul.navBar.secBar li { background: transparent url(/resources/static/standard/separator3.gif/) no-repeat 100% 0; } ul.navBar.secBar li a { height: auto; padding:5px; color: #344144; font-weight: normal; } ul.navBar.secBar li a:hover, ul.navBar.secBar li.on a:hover { color: #993300; background: #FFF url(/resources/static/standard/separator3.gif/) no-repeat 100% 0; } ul.navBar.secBar li.title { background:transparent url(/resources/static/standard/navbg_bottomon.gif/) no-repeat 100% 50%; padding-right:1.1em; } ul.navBar.secBar li.title a { color:#FFF; font-weight: bold; } ul.navBar.secBar li.title a:hover { color: #FFFF90; background:none; } ul.navBar.third { z-index:75; } ul.secBar li.on a, ul.navBar.secBar li.on a:hover { font-weight: bold; padding: 5px 5px 6px; margin-bottom: 0; background: transparent url(/resources/static/standard/separator3.gif/) no-repeat 100% 0; } ul.secBar li.on { background:#AAAAAA url(/resources/static/standard/navbg_tophover.gif/) repeat-x 0 0; } .commercialLinks ul.navBar.secBar { background:#eecab3 url(/resources/static/standard/navbg2_bottom.gif/) repeat-x scroll 0 50%; } .commercialLinks ul.navBar.secBar li { background: transparent url(/resources/static/standard/separator4.gif/) no-repeat 100% 0; } .commercialLinks ul.navBar.secBar li.on { background:#d0ad9c url(/resources/static/standard/navbg2_tophover.gif/) repeat-x 0 0; } .commercialLinks ul.navBar.secBar li.on a, .commercialLinks ul.navBar.secBar li.on a:hover { background: transparent url(/resources/static/standard/separator4.gif/) no-repeat 100% 0; } .commercialLinks ul.navBar.secBar li.title { background:transparent url(/resources/static/standard/navbg2_bottomon.gif/) no-repeat 100% 50%; padding-right:1.1em; } .commercialLinks ul.navBar.secBar li.title a:hover { color: #FFFF90; background:none; } .commercialLinks ul.navBar.secBar li a:hover { color: #993300; background: #FFF url(/resources/static/standard/separator4.gif/) no-repeat 100% 0; } /* Old Footer */ #classFoot { position:relative; clear:both; letter-spacing: 0; } #classFoot { margin:0 auto 5px auto; } #classFoot ul li { float:left; position:relative; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; } #classFoot ul li.one { width:275px; } #classFoot ul li.two { width:193px; } #classFoot ul li.three { width:199px; } #classFoot ul li.four { width:288px; border-right:0; } #classFoot ul li h5 { font-weight:bold; font-size: .9167em; line-height:1; color:#ffffff; text-transform:uppercase; background:#a11112 url(/resources/static/standard/classified_bg.gif/) no-repeat 0 -5px; padding:7px 0 2px 5px; margin-bottom:0; } #classFoot ul li.one h5 { padding-left:137px; } #classFoot ul li.three h5 { padding-right:140px; } #classFoot ul li.one span { position:absolute; top:0; left:0; width:130px; height:98px; background:transparent url(/resources/static/standard/class_foot_suit.gif/) no-repeat; } #classFoot ul li.two p { width:12em; line-height:1.3em; } #classFoot ul li.two img { position:absolute; bottom:4px; right:4px; width:51px; height:61px; } #classFoot ul li.three p { width:10em; } #classFoot ul li.three img { position:absolute; bottom:0; right:0; width:81px; height:80px; } #classFoot ul li.four span { position:absolute; top:0; right:0; width:162px; height:85px; background:transparent url(/resources/static/standard/class_foot_car.gif/) no-repeat; } #classFoot ul li .holder { margin:0; padding:0 0.4em; height:70px; } #classFoot ul li.one .holder { padding-left:135px; } #classFoot ul li.four .holder { padding-right:165px; } #classFoot ul li .holder p { line-height:1.3em; margin:0.5em 0 0.5em 0; color:#333; font-size: .9167em; } #classFoot ul li input { width:5.7em; } #navFoot { padding-bottom:15px; margin:10px auto 15px auto; } #classFoot:after, #navFoot:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #navFoot ul.navBar { background:#4d6064 url(/resources/static/standard/navfootbg.gif/) repeat-x 0 100%; font-family: Arial, Helvetica, sans-serif; font-size: .9167em; letter-spacing: 0; border: 1px solid #344144; } #navFoot ul.navBar li a { padding:5px; margin-bottom:0; } #navFoot ul.navBar li a:hover, #navFoot ul.navBar li.rightLinks a:hover { background:#AAAAAA url(/resources/static/standard/navbg_tophover.gif/) repeat-x 0 100%; } #navFoot ul.navBar li.rightLinks { background: none; } #navFoot ul.navBar li.rightLinks a { background: transparent url(/resources/static/standard/separator.gif/) no-repeat 0 50%; } #navFoot ul.navBar li.on { background:#282f30 url(/resources/static/standard/navbg_topon_nosub.gif/) repeat-x 0 0; } #navFoot ul.navBar li.on a:hover, #navFoot ul.navBar li.rightLinks.on a:hover { background:none !important; } #navFoot ul.usefulList { text-align:right; margin:10px 0 0 0; padding:0 0 3px 0; border-bottom:1px solid #999; } #navFoot ul.usefulList li { display:inline; margin:0 0 0 1em; font-size:.9167em; } #navFoot ul.lastList { margin:10px 0 0 0; float:right; font-size: .8em; width:48%; text-align:right; } #navFoot ul.lastList.other { float:left; text-align:left; } #navFoot ul.lastList li { display:inline; padding:0 0.3em 0 0; margin:0 0.3em 0 0; border-right:1px solid #999; color:#bbb; text-align:left; } #navFoot ul.lastList li a { color:#999; line-height:1.5em; } #adStripBottom span { margin: 0 auto; } /* Chrome / Safari hacks */ body:nth-of-type(1) h4.your span { margin-top: 0; } body:nth-of-type(1) .btn, input[type=submit], body:nth-of-type(1) input[type=reset], body:nth-of-type(1) input[type=button] { padding:2px 2px 2px 5px !important; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/resources/static/standard/images/colorbox/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(/resources/static/standard/images/colorbox/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(/resources/static/standard/images/colorbox/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(/resources/static/standard/images/colorbox/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(/resources/static/standard/images/colorbox/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(/resources/static/standard/images/colorbox/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(/resources/static/standard/images/colorbox/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(/resources/static/standard/images/colorbox/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/resources/static/standard/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/resources/static/standard/images/colorbox/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/resources/static/standard/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*-- CONTENT STYLES --*/ /* Columns */ .sglCol { width:300px; margin-right:30px; float:left; } .dblCol { width:630px; margin-right:0; float:left; } .tplCol { width:960px; margin-right:0; float:left; } #three { width:300px; float:right; } .hBlock { float:left; width:655px; clear:both; } .smSglCol { width:200px; float:left; margin-right:0; } .lrgSglCol { width:400px; float:left; margin-right:30px; } .holder, .trailerVideo .detailsCol, .days, .bmd_left { float:left; } .holder ul, .holder ol, #three ul, #three ol, .holder dl { line-height: 1.4em; margin:0 0 5px; } .holder ul li, .holder ol li, #three ul li, #three ol li { margin-bottom: 4px; } .cn { position:absolute; width:6px; height:6px; font-size:6px; line-height:6px; z-index:5; display:block; text-indent:-9999px; } .cn.rgtBot { right:0; bottom:0; background:url(/resources/static/standard/rnd_cnr_br.gif/) no-repeat; } .cn.lftBot { left:0; bottom:0; background:url(/resources/static/standard/rnd_cnr_bl.gif/) no-repeat; } .cn.rgtTop { right:0; top:0; background:url(/resources/static/standard/rnd_cnr_tr.gif/) no-repeat; } .cn.lftTop { left:0; top:0; background:url(/resources/static/standard/rnd_cnr_tl.gif/) no-repeat; } /* Top H2s - OLD */ #titles { border-bottom:1px solid #999; margin: 10px 0 15px 0; position: relative; } #titles:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #OAS_Top3 { float:right; } #titles h2 { font-size:1.6em; line-height: 1; text-transform:uppercase; float:left; margin:10px 0 0; padding:0 17px 2px 0; color:#333; } #titles h2 a.rss { display: inline-block; font-family:Verdana, Arial, sans-serif; font-size:0.5em; width:0 !important; height:14px; line-height:14px; margin:0 0 0 5px; padding-left: 14px; overflow: hidden; background:transparent url(/resources/static/standard/rss_icon.gif/) no-repeat 0 0; vertical-align: baseline; } #titles h2 a.sendYourNews { display: inline-block; font-family:Verdana, Arial, sans-serif; letter-spacing:0; height:14px; line-height:14px; margin:0 0 0 10px; padding: 0 2px 0 18px; background:transparent url(/resources/static/standard/send_your_news_bg.png/) no-repeat 0 0; border-right:1px solid #0c9208; font-size:0.5em; color: #0c9208; overflow: hidden; vertical-align: baseline; } #titles h2 a.sendYourNews:hover { color: #993300; } /* Breadcrumbs - OLD */ #titles ul#bread { font-size:.9167em; } #titles ul#bread li { display:inline; padding:0; margin:0; } /* jQ Autocompleter */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; text-align:left; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /*width: 100%;*/ font: menu; font-size: 12px; line-height: 16px; /* If line-height not set or set in relative units scroll will break in firefox */ overflow: hidden; } .ac_odd { background-color: #eee; } .ac_over { background-color: #4D6064; color: white; } /* Admin links */ .adminLinks { font-size: 1em !important; margin-top: 5px !important; } .adminLinks li { margin:0!important; margin-right: 4px !important; display: inline; float: left; } .adminLinks li a, .adminLinks li a:visited, .adminButton, .adminButton:visited { font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer; display: inline-block; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; font-size: 13px; line-height: normal; border: 1px solid #0064cd; border-bottom-color: #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .adminLinks li a:hover, .adminButton:hover { background-position: 0 -15px; color: #fff; text-decoration: none; } .adminLinks li a:focus, .adminButton:focus { outline: 1px dotted #666; } .adminLinks li a:active, .adminButton:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .adminButtonLarge { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .adminButtonSmall { padding: 4px 9px; font-size: 11px; } .adminOptions { margin: 0 0 10px; padding:5px; border: 1px solid #000; background-color: #993000; color: #FFF; clear:both; } .adminOptions a { color: #FFF !important; } /* Search Box - OLD */ form#search { text-align:right; float: right; margin-bottom:10px; } form#search fieldset { text-align:right; } form#search label { display:none; } form#search input { margin:0; padding:0; } form#search input.field { width:11em; background-color:#ebebeb; float:left; border: 1px solid #B3C2C6; padding: 1px; margin-right: 10px; } /* Headings */ h4 { font-size: .9167em; font-weight:bold; line-height: 1em; color:#ffffff; text-transform:uppercase; padding:3px 5px; background:#56686C url(/resources/static/standard/dashed_shaded.png/) 0 -1px repeat-x; } h4 a { display: block; } h4 a, .classified h5 a, .trailerVideo p, .trailerVideo li, .trailerVideo a, #classFoot ul li h5 a, .fullwidthArt div.title p.right a { color:#FFF; } h4 a:visited, .classified h5 a:visited, .trailerVideo a:visited, #classFoot ul li h5 a:visited, .fullwidthArt div.title p.right a:visited { color: #FFF; } h4 a:hover { color: #ffff90; } h4.your { background-color:#d13827; } h4.your span { font-family:Verdana, Arial, sans-serif; font-size:.9167em; letter-spacing:0; font-weight:normal; text-transform:none; float: right; margin-top: -10px; } h4.green, .headlinesBrkOut h4, .related h4, .podcast h4, h4.podcast, h4.blog { background-color:#a0bf5e; } h4.dblue, .trailerLst h4, h4.trailer, h4.dred { background-color:#197777; } h4.yellow { background-color:#e8ad00; } h4.purple { background-color:purple; } h4.pink, .pink { background-color:#9a0062 !important; } .pinkTxt { color:#9a0062; } h4.galleries { background-color:#197777; } h4.commercial, #mf4body h4 { background-color:#cd5207; } h4.commercial a { display: inline; } h4.ev { background-color:#aa18aa; } h4.brd { background:none; color: #333; padding: 0; text-transform: none; } .theatre h4, h4.theatre { background-color:#d13827; } h4.blog.profile { font-size:1.1em; text-transform:none; } h4.dbl span { color:#333333; line-height: 1; margin-top:-2px !important; } h4.dbl { background-color:#FFFFFF; background-image:none; border-bottom:1px solid #344144; position:relative; height:1%; padding:0; } h4.carsSearchTabs { border-bottom: 1px solid #CD5207; } h4.dbl:after, .gallery ul:after, .imgPromos a:after, .imgPromos:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } h4.dbl a { padding:4px 5px; background:#5c747a url(/resources/static/standard/dashed_shaded.png/) 0 -1px repeat-x; border:1px solid #344144; border-bottom:none; margin-right:2px; float:left; display:inline; } h4.dbl a.off { color:#999999; border:1px solid #b3c2c6; border-bottom:none; background-color:#f0f8fa; background-image:none; } ul.carSearch a, ul.carSearch a:visited, ul.carSearch a:active, ul.carSearch a:hover { color: #333 !important; } h4.dbl a.off:hover, .art h2 a:hover, .art h3 a:hover, .art h4 a:hover, .art h5 a:hover, .art h6 a:hover { color:#993300; } h4.dbl a em { line-height:1; } h4.dbl span b { display:block; } .sglCol h5 { font-size:.9167em; font-weight:bold; text-transform:uppercase; margin:0 0 5px 0; } .sglCol .dblList h5 { background-color:#E1E1E1; padding-left: 3px; overflow:hidden; font-size: .9167em; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; } .yourTabs { height:1.6em; border-bottom:2px solid #cf3531; } .yourTabs h4 { padding:0; font-size:1.1em; height:1.3em; float:left; background-image:none; } .yourTabs h4 a { display:block; padding:0 2px 0 2px; line-height:1.6em; text-align:center; float:left; margin-bottom:2px; } .yourTabs h4.one.selected { border-right:1px dashed #999; } .yourTabs h4.two.selected { border-right:1px dashed #999; border-left:1px dashed #999; } .yourTabs h4.three.selected { border-left:1px dashed #999; } .yourTabs h4.selected a { color:#fff; background:#cf3531 url(/resources/static/standard/dashed.gif/) repeat-x top left; } .yourTabs h4.one a { width:8.8em; } .yourTabs h4.two a { width:7.1em; } .yourTabs h4.three a { width:9em; } /* Forms */ label { line-height: 1.4em; } input,select,textarea { background-color:#FBF2D7; border:1px solid #B3C2C6; font-size: 1em; padding: 3px 0; font-family:Verdana,Arial,sans-serif; } input[type=checkbox], input[type=radio] { border:none; background:transparent; } @media all and (min-width: 0px){ /* Fix Opera's padding inside input */ input[type="checkbox"], input[type="radio"] { padding:2px !important; } } input[type=hidden] { background-color:transparent; border:none; font-size: 1em; padding: 0; } .btn, input[type=submit], input[type=reset], input[type=button] { font-family:Georgia, Times, serif; text-transform:uppercase; font-weight:bold; font-size:.9167em; letter-spacing:2px; line-height:1; border:1px solid #b8c5c4; color:#333333; background:#F0F8FA url(/resources/static/standard/btnbg.gif/) repeat-x 0 100%; padding:1px 2px 1px 5px !important; cursor:pointer; width: auto !important; } .btn.red { border-color:#993300; color:#993300; font-weight:normal!important; } .btn.inline { margin:0 0 0 3px!important; } a.btn { line-height:1.8em; padding:2px 5px !important; } .btn:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { color:#993300; background:#F0F8FA url(/resources/static/standard/btnbgh.gif/) repeat-x 0 0; } .btn.red:hover { border-color:#333; color:#333; } form .sm { font-size: .8em; } /* Old genericForm class - will not clash with new genericForm which must be assigned to form element */ .flatHtml ul.genericForm { margin-left:0; } ul.genericForm { margin-left:0; } ul.genericForm label { float:left; min-width:25%; padding: 2px 5px 2px 0; font-weight:bold; } ul.genericForm li { display:block; clear:both; margin: 0 0 10px; padding: 5px; list-style: none; background: #eee; } ul.genericForm li.formFocus { background: #e7f7d8; } ul.genericForm input[type=text], ul.genericForm input[type=file], ul.genericForm textarea, ul.genericForm select { width: 40%; } ul.genericForm p { clear:both; margin-top:1em; } ul.genericForm li.padMe { padding-left:25%; } ul.genericForm .radioLabel label { float:none; } ul.genericForm .genericCaptcha img { display:block; } .noLegend { font-weight:bold; } .singleField label { margin-right:5px; } /* GENERIC BUTTON - to be used with button element in forms, NOT input type=submit */ .genericButton, .genericButton:visited { font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0; background: #4D6064 url('/resources/static/standard/images/generic_button_overlay.png/') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: none; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow:visible; } .genericButton:hover { background-color: #374b4f; color: #fff; } .genericButton:active { top: 1px; } .genericButton.smallButton, .genericButton.smallButton:visited { font-size: 11px; padding: ; } .genericButton, .genericButton:visited, .genericButton.mediumButton, .genericButton.mediumButton:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .genericButton.largeButton, .genericButton.largeButton:visited { font-size: 14px; padding: 8px 14px 9px; } .genericButton.blackButton, .genericButton.blackButton:visited { background-color: #222; } .genericButton.blackButton:hover { background-color: #111; } .genericButton.greenButton, .genericButton.greenButton:visited { background-color: #91bd09; } .genericButton.greenButton:hover { background-color: #749a02; } .genericButton.blueButton, .genericButton.blueButton:visited { background-color: #068292; text-shadow: 0 -1px 1px rgba(0,0,0,0.4); } .genericButton.blueButton:hover { background-color: #006D86; } .genericButton.redButton, .genericButton.redButton:visited { background-color: #e33100; } .genericButton.redButton:hover { background-color: #872300; } .genericButton.magentaButton, .genericButton.magentaButton:visited { background-color: #a9014b; } .genericButton.magentaButton:hover { background-color: #630030; } .genericButton.orangeButton, .genericButton.orangeButton:visited { background-color: #ff5c00; } .genericButton.orangeButton:hover { background-color: #d45500; } .genericButton.yellowButton, .genericButton.yellowButton:visited { background-color: #ffb515; color: #000; text-shadow: 0 1px 1px rgba(255,255,255,0.8); } .genericButton.yellowButton:hover { background-color: #fc9200; } .fbButton, .fbButton:visited { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; background: #ECEEF5; border: 1px solid #CAD4E7; padding: 4px 5px; white-space: nowrap; display: inline-block; color: #3B5998; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; cursor: pointer; overflow:visible; font-size: 11px; line-height: 14px; } .fbButton:hover { border-color: #9DACCE; } .fbButton:active { top: 1px; } /* CAPTCHA */ #recaptcha_widget { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 5px 0; background: #F1F1F1 url(/resources/static/standard/captcha_logo.gif/) no-repeat 95% 85%; border: 1px solid #CCC; margin: 10px 0; clear: both; width: 298px; } #recaptcha_widget #recaptcha_image { overflow:hidden; padding:5px 0; } #recaptcha_widget #recaptcha_image a { display:block; margin: 0 0 10px 10px; } #recaptcha_widget #recaptcha_image img { overflow:hidden; width: 298px; } #recaptcha_widget label { display:block; float:none; padding:0; font-weight:bold; margin-left: 10px; width: auto; } #recaptcha_widget .recaptcha_only_if_incorrect_sol { color: red; margin-left: 10px; } #recaptcha_widget input { float:none; padding: 2px 0; margin: 5px 0 5px 10px; width:150px; } #recaptcha_widget ul { clear:both; margin:0 0 0 10px; padding:0; list-style: none; } #recaptcha_widget ul li { float:left; clear:none; margin: 0 5px 0 0; } #recaptcha_widget ul li a { text-indent: -9999px; display:block; height: 25px; width: 25px; padding:0; background: url(/resources/static/standard/btns_captcha.gif/) no-repeat 0 0; } #recaptcha_widget .recaptcha_get_another a { background-position: 0 0; } #recaptcha_widget .recaptcha_get_another a:hover { background-position: 0 -30px; } #recaptcha_widget .recaptcha_only_if_image a { background-position: 0 -120px; } #recaptcha_widget .recaptcha_only_if_image a:hover { background-position: 0 -150px; } #recaptcha_widget .recaptcha_only_if_audio a { background-position: 0 -60px; } #recaptcha_widget .recaptcha_only_if_audio a:hover { background-position: 0 -90px; } #recaptcha_widget .recaptcha_help a { background-position: 0 -180px; } #recaptcha_widget .recaptcha_help a:hover { background-position: 0 -210px; } /* Login form - updated 16/10/2009 - CG */ form#login ul.login_fields { list-style: none; padding: 0 0 12px 0; } form#login ul.login_fields li { clear: both; overflow: hidden; } form#login ul.login_fields li input { float: right; } form#login ul.login_fields li.remember_login { text-align: right; margin-bottom: 12px; } form#login ul.login_fields li.remember_login label { display: inline-block; vertical-align: middle; float: none; width: auto; } form#login ul.login_fields li.remember_login input { float: none; } form#login ul.login_fields li input.btn { margin: 0; } /* Email to a friend - updated 16/10/2009 - CG */ .emailthispageform .errors { font-weight: bold; color: #DD0000; } .emailthispageform ul { list-style: none; padding: 12px 0 0 0; overflow: hidden; } .emailthispageform ul li { display: block; margin-bottom: 8px; } .emailthispageform ul li label { display: inline-block; vertical-align: top; width: 120px; } .emailthispageform ul li input{ width: 220px; } .emailthispageform ul li textarea { width: 240px; height: 120px; } .emailthispageform ul li.captcha, .emailthispageform .f_submit { padding-left: 124px; } /* Pager */ .pager { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-top:5px; margin-bottom:10px; } .pager p { margin-bottom:5px; } .pager a.selected { border:none; color:#aaa; } /* Tabbed panels */ ul.siteTabs { padding-top:2px; margin-bottom:0 !important; background: #197777 url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; } ul.siteTabs li { float:left; text-align:center; margin:0 2px !important; padding:0; background: #EEE url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; border:1px solid #333; border-bottom:none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; } ul.siteTabs li a { display:block; font-weight:bold; line-height:1em; margin-top:1px; padding:1px 5px !important; background: #EEE url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; } ul.siteTabs li a:hover { background: #FFFFFF ; } ul.siteTabs li.ui-state-active a { background: #FFFFFF ; padding-bottom:2px !important; position:relative; z-index:2; } .ui-tabs-hide { display: none; } .whatsOn, .travelUpdate, .mostRead, .mostCommented { border-top:1px solid #333; padding-top:10px; position:relative; top:-1px; z-index:1; } .whatsTravel .siteTabs a, .commentsRead .siteTabs a { text-transform:uppercase; color:#333333; font-size:.9167em; font-weight:bold; } /* Most popular panel */ #mostPopular { background-color: #F8F8F8; border-bottom: 3px solid #E1E1E1; margin: 0 0 15px; padding: 0 0 15px; } #mostPopular h4 { margin: 0; } #mostPopular ol { font-size: .9167em; line-height: 1.4545em; padding: 0 10px 0 28px; list-style: decimal outside; } #mostPopular h5 { background-color: #E6E6E6; padding: 0 6px; font-size: .9167em; font-family: Verdana,Arial,sans-serif; font-weight: bold; text-transform: none; letter-spacing: 0; line-height: 2em; } #mostPopular span { display: block; color: #777; font-size: .909em; } /* Articles */ #ticker-holder { background-color:#cfdde7; padding:1px 2px; } #newsticker { margin-bottom:10px; height: 20px; font-size: .9167em; } p.update { line-height:1.4em; font-size: .8em; letter-spacing: 0; color:#666666; margin:0 0 5px 0; padding: 1px 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; } em.breaking { font: bold 11px/18px Verdana,Arial,sans-serif; text-transform: uppercase; letter-spacing: 0; color: #FFF; background-color: #cc3333; padding: 2px 4px; margin-right: 6px; } #byline { margin:10px 0; } #byline ul.bylineAuthor { overflow: auto; } #byline ul.bylineAuthor li { float: left; } #byline ul.bylineAuthor li img { display: block; margin-right: 10px; } #byline ul.bylineAuthor li span { display: block; } #byline img { width:50px; height:50px; border:1px solid #666; } #bylineLogo { border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; line-height: 1.4em; margin-bottom: 15px; padding: 1px 0; } p.caption { font-size:1.1em; margin:0.3em 0; } .sglCol img.lrg { width:300px; height:auto; } .sglCol img.sm { width:144px; height:auto; margin:0 0 10px 10px; float:right; } .authorPic { margin:0 0 10px 10px; float:right; } ul.bulletLst { font-size:.9167em; list-style-type: none !important; padding-left: 0 !important; } ul.bulletLst li { padding-left:10px; background-position:0 6px; background-repeat:no-repeat; background-image:url(/resources/static/standard/bullet_art.gif/); } ul.bulletLst li a:hover { background-position:0.1em 0.4em; } ul.bulletLst li a.pic { background-image:url(/resources/static/standard/bullet_pic.gif/); } ul.bulletLst li a.mov { background-image:url(/resources/static/standard/bullet_mov.gif/); } .headlinesBrkOut { margin:0 0 15px 0; /*padding-bottom:15px; */ /*border-bottom:3px solid #e1e1e1; */ } .share { padding-bottom:15px; margin-bottom:15px; border-bottom:3px solid #e1e1e1; } .share:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .share h4 { background-color:#799999; } .share p { margin: 5px 5px 0pt 0pt; float: left; } .share a.right { font-size: 0.9167em; float: right; margin-top: 10px; } .share ul { margin:5px 0 0 0; list-style-type: none !important; padding-left: 0 !important; } .share ul li { margin:0 10px 0 0; float:left; } .share ul li a { width:16px; height:16px; display:block; float:left; text-indent:-99999em; background-position:top left; background-repeat:no-repeat; background-color:transparent; } .share ul li a.digg { background-image:url(/resources/static/standard/rss_digg.gif/); } .share ul li a.reddit { background-image:url(/resources/static/standard/rss_reddit.gif/); } .share ul li a.facebook { background-image:url(/resources/static/standard/rss_facebook.gif/); } .share ul li a.furl { background-image:url(/resources/static/standard/rss_furl.gif/); } .share ul li a.yahoo { background-image:url(/resources/static/standard/rss_yahoo.gif/); } .share ul li a.bebo{ background-image:url(/resources/static/standard/rss_bebo.gif/); } .share ul li a.twitter { background-image:url(/resources/static/standard/rss_twitter.gif/); } .share ul li a.google { background-image:url(/resources/static/standard/rss_google.gif/); } .socialList li { margin-bottom:5px; } /* Utilities links */ .holder ul.articleUtils { border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin-bottom: 0; padding: 5px 0; font-size: .8333em; list-style: none; } .holder ul.articleUtils li { float: left; margin: 0; } ul.articleUtils li a, ul.articleUtils.articleUtilSingle li a { display:block; height: 15px; padding: 4px 7px 5px 25px; color: #666; } .holder ul.articleUtilSingle { border: none; margin-bottom: 0; padding: 0; } ul.articleUtils.articleUtilSingle li a { background: none; } ul.articleUtils.articleUtilSingle li a:hover { color: #993300; } /*.articleUtils li.articleUtilEmail, .articleUtils li.articleUtilComment { width: 75%; } .articleUtils li.articleUtilEmail, .articleUtils li.articleUtilPrint { margin-bottom: 5px !important; } .articleUtils li.articleUtilPrint, .articleUtils li.articleUtilShare { width: 22%; }*/ ul.articleUtils li.articleUtilEmail a { background: transparent url(/resources/static/standard/images/bmd_btn_utils.gif/) no-repeat 0 -180px; } ul.articleUtils li.articleUtilEmail a:hover { background-position: 0 -210px; color: #993300; } ul.articleUtils li.articleUtilPrint a { background: transparent url(/resources/static/standard/images/bmd_btn_utils.gif/) no-repeat 0 -120px; } ul.articleUtils li.articleUtilPrint a:hover { background-position: 0 -150px; color: #993300; } ul.articleUtils li.articleUtilShare a { background: transparent url(/resources/static/standard/images/bmd_btn_utils.gif/) no-repeat 0 -60px; cursor: pointer; } ul.articleUtils li.articleUtilShare a:hover { background-position: 0 -90px; color: #993300; } ul.articleUtils li.articleUtilComment a { background: transparent url(/resources/static/standard/images/bmd_btn_utils.gif/) no-repeat 0 0; } ul.articleUtils li.articleUtilComment a:hover { background-position: 0 -30px; color: #993300; } ul.articleUtils li.articleUtilComment a { padding-right: 0; } .social { padding: 7px 0; border-bottom: 1px solid #E1E1E1; height: 20px; overflow: visible; margin-bottom: 15px; } .social .socialFacebook { float: left; min-height: 20px; max-height: 20px; min-width: 150px; } .social .socialTwitter { float: left; min-height: 20px; min-width: 110px; } .JSEnabled .holder .articleShareBox { display: none; } .holder .popBox { position: absolute; z-index:3; width: 300px; background-color: #FFF; border: 2px solid #E1E1E1; border-top: none; } .holder .articleShareBox h4 { font-size: 1em; padding: 3px 5px; background-color: #E1E1E1; background-image: none; color: #333; line-height: 1.5em; margin-bottom: 10px; } .holder .articleShareBox span { display: none; font-size: .9167em; float:right; margin-top: -28px; padding-right:5px; cursor: pointer; } .holder .articleShareBox.popBox span { display: inline; } .holder .articleShareBox ul { padding: 0; } .holder .articleShareBox ul li { list-style: none; float:left; width: 130px; margin: 0 10px 3px; padding-bottom: 3px; border-bottom: 1px solid #E1E1E1; } .holder .articleShareBox ul li a { background-repeat: no-repeat; height: 13px; padding: 2px 0 1px 25px; } .holder .articleShareBox ul li.digg a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -130px; } .holder .articleShareBox ul li.reddit a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -26px; } .holder .articleShareBox ul li.facebook a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -104px; } .holder .articleShareBox ul li.furl a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -130px; } .holder .articleShareBox ul li.yahoo a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -78px; } .holder .articleShareBox ul li.bebo a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -156px; } .holder .articleShareBox ul li.twitter a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -182px; } .holder .articleShareBox ul li.google a { background-image:url(/resources/static/standard/rss_all.gif/); background-position: 0 -52px; } .articlePublished { color:#666666; font-size:0.9166em; } .related { padding-bottom:15px; margin-bottom:15px; border-bottom:3px solid #e1e1e1; } .related ul { font-size:.9167em; } .related ul.relatedImg { width:auto; list-style-type:none; margin:8px 0 0 0; padding:0; } .related ul.relatedImg li { width:72px; height:72px; float:left; margin:0 0.3em; margin-bottom:6px; } .related ul.relatedImg li a img { width:72px; height:72px; } .comCol .comment { border-bottom:1px dotted #CCCCCC; margin-bottom: 10px; } .comCol .comment a.block, .comCol .comment .block { background-color:#eaeff2; display:block; cursor: pointer; position: relative; } .comCol .comment a.block:hover { background-color:#e5eaed; } .comCol .comment.regVs { padding:0 23px 0 0; background:transparent url(/resources/static/standard/comment_point_vert.gif/) no-repeat top right; } .comCol .comment a.block p, .comCol .comment .block p { padding: 5px; } .comCol .comment q, .comCol .comment .q { background: transparent url(/resources/static/standard/commento.gif/) no-repeat 3px 0; display: block; padding: 0 5px 10px 25px; font-family:Georgia,Times,serif; font-size: 1.0833em; line-height: 1.3846em; color:#444; } .comCol .comment q:before, .comCol .comment .q:before { content: " "; } .comCol .comment q:after, .comCol .comment .q:after { content: "\201D"; font-family: Georgia, "Times New Roman", Times, serif; color: #999; font-weight:bold; margin-top:5px; padding:0; } .comCol .comment p { color:#444; } .comCol .comment blockquote { margin:0 5px 5px 5px; padding:0 5px 5px 5px; border:1px dotted #666; background-color: #FFF; } .comCol .comment .tools { text-transform:uppercase; font-weight:bold; color:#ccc; padding-left:0.5em; height:2.3em; font-size: .8em; line-height:2.3em; display:block; background:transparent url(/resources/static/standard/comment_point.gif/) no-repeat 26em 0; } .tools a img { padding: 0; } .comCol { margin-bottom:5px; } .comCol p.viewing { margin:8px 0 2px 0; } .comCol p.viewing a { margin-top:1px; } .comCol label { width:11em; padding-top:0.3em; display:block; float:left; } .comCol label.terms { font-size:1.1em; margin-right:3px; margin-bottom:10px; width:auto; } .comCol label.deep { margin-bottom:10px; } .comCol label span { font-size:0.9167em; display:block; float:left; } .comCol input { width:13em; padding: 2px 0; margin: 5px 0; } .comCol input.btn { float:right; width:auto !important; margin:5px 0; } .comCol textarea { width:300px !important; float:left; padding:0; margin:0.2em 0 0.3em 0; font-size: 1.2em; } /* .comCol img { border:0; float:left; margin:0.2em 0 0.3em 0; } */ .comCol .formats { padding-top:0.3em; font-size:1.1em; } .comCol .formats a { margin-right:0.9167em; } .comCol .formats a.it { font-style:italic; } .form_track_comments li, .form_send_comments li, .form_login_comments li { display: block; clear: both; } .form_track_comments label, .form_send_comments label, .form_login_comments label { display: inline; float: left; width: 19em; padding-top: 5px; line-height: 1; } .form_track_comments input, .form_send_comments input, .form_login_comments input { display: inline; float: left; width: auto; padding: 0; } .form_track_comments input[type=checkbox], .form_send_comments input[type=checkbox], .form_login_comments input[type=checkbox] { margin-right: 10px; } .form_send_comments input#captchaimage { width: 15em; } .form_send_comments textarea { height: 10em; } .form_send_comments label[for=captchaimage]{ display: block; margin-bottom: 5px; } .form_track_comments input { margin:0 !important; } .form_login_comments input[type=checkbox] { margin-top: 5px !important; } .form_login_comments p { display: block; clear: both; } /* captcha fixes for comments form */ .form_track_comments { margin-bottom: 10px; clear:both; } .form_track_comments label { display:inline; float:none; } form.form_comment img { /* CAPTCHA Image */ display: block; margin-bottom: 12px; } .form_track_comments input.btn { display:inline; float:none; } .form_comment #c_comment { width: 298px !important; height: 160px !important; margin-bottom: 12px; clear: both; float: none; } .singPicWitCap { display:block; padding:0 0 15px 0; margin:0 0 15px 0; height:1%; border-bottom:3px solid #e1e1e1; } .singPicWitCap p { font-weight:bold; margin:4px 0; } /* Your Say panel */ .boxFootLnk { text-align:right; display:block; font-weight:bold; font-size:.9167em; } p a.boxFootLnk, a.boxFootLnk.sm { font-size:.9167em !important; } .boxFootLnk.help { background:url(/resources/static/standard/icon_help.gif/) no-repeat top left; padding:2px 0 2px 20px; } #multiImg { width:300px; padding-bottom:15px; margin-bottom:15px; border-bottom:3px solid #e1e1e1; } #TabLinks { height:67px; width:300px; margin-top:0; } #TabLinks a { float:left; display:inline; width:67px; height:67px; padding-right:10px; } #TabLinks a img { width:67px; height:67px; } #multiImg p { display:none; width:auto; height:84px; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -310px 70px; text-align:left; } #multiImg #para { margin-bottom: -13px !important; } #para a { display:none; width:auto; height:80px; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -310px 66px; text-align:left; font-weight:bold; } #multiImg #picsNtxt.solo p, #picsNtxt.solo #para a { background:none; height:auto !important; } #para p a { font-weight:bold; font-size:1em; clear:none; display:none; z-index:200; } #picsNtxt { width:300px; position:relative; z-index:2; line-height: 1.6em; } #picsNtxt img { display:none; width:300px; margin-bottom: 5px; } #picsNtxt.number1 #pic1, #picsNtxt.number1 #para #txt1, #para.text1 #txt1 { display:block; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -310px 70px !important; } #picsNtxt.solo #para #txt1 { display:block; background:none; } #picsNtxt.number1 #para #txt1 a, #picsNtxt.number2 #para #txt2 a, #picsNtxt.number3 #para #txt3 a, #picsNtxt.number4 #para #txt4 a { display:block !important; background:none !important; } #picsNtxt.number2 #pic2, #picsNtxt.number2 #para #txt2, #para.text2 #txt2 { display:block; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -232px 70px !important; } #picsNtxt.number3 #pic3, #picsNtxt.number3 #para #txt3, #para.text3 #txt3 { display:block; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -150px 70px !important; } #picsNtxt.number4 #pic4, #picsNtxt.number4 #para #txt4, #para.text4 #txt4 { display:block; background:transparent url(/resources/static/standard/gallery_arrow.png/) no-repeat -70px 70px !important; } #para.text1 #txt2, #para.text1 #txt3, #para.text1 #txt4, #para.text2 #txt1, #para.text2 #txt3, #para.text2 #txt4, #para.text3 #txt1, #para.text3 #txt2, #para.text3 #txt4, #para.text4 #txt1, #para.text4 #txt2, #para.text4 #txt3 { display:none !important; } #picsNtxt.number1 #pic1 p#player1, #picsNtxt.number2 #pic2 p#player1, #picsNtxt.number3 #pic3 p#player1, #picsNtxt.number4 #pic4 p#player1 { height:247px; display:block; } #singPicWitCap { margin-bottom: 15px; } .leadGallery { position:relative; padding:0 0 3px 0; margin:0 0 16px 0; } .leadGallery p.caption { display:block; width:100%; background:transparent url(/resources/static/standard/gallery_pointer.png/) no-repeat; padding-bottom:22px; z-index:50; background-position: -260px 100%; } .leadGallery a { font-weight:bold; text-transform:uppercase; } .leadGallery ul { width:auto; list-style-type:none; margin:8px 0 0 0; padding:0; position:relative; top:0; z-index:5; } .leadGallery ul li { width:70px; height:70px; float:left; margin:0 10px 8px 0; } .leadGallery ul li.edge, .gallery ul li.edge, ul.relatedGalleries li.end { margin-right:0; } .leadGallery ul li a img { width:70px; height:70px; border:1px solid #666; border-collapse:collapse; } .gallery { padding:0 0 15px 0; margin:5px 0 15px 0; height:1%; border-bottom:3px solid #e1e1e1; } .gallery ul, .trailerVideo ul.details li { height:1%; } .gallery ul li { width:70px; float:left; margin:5px 6px 0 0; text-align:center; min-height:10em; font-size: .9167em; } .gallery ul li a img { width:70px; height:70px; margin-bottom:1px; } .gallery.blog ul li a img { width:66px !important; height:66px !important; } .gallery.blog.noMg { margin-bottom: 15px !important; } .edgeLeft { clear:left; } /* Print page */ .print { width:auto; margin: 15px; } .print p { font-family:Georgia,Times,serif; font-size: 1.1em; } .printLogo { border-bottom: 1px solid #ccc; padding-bottom:15px; } .printLogo img { width: 250px; height: auto; } .printHead { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom:15px; } .printHeading { font-size: 2.6em !important; font-weight: normal; color: #000; margin: 10px 0; } .printDate { font-size: 1.1em !important; font-style:italic; color: #666; margin: 10px 0 5px; } .printBy { font-size: 1.1em !important; font-weight: bold; color: #666; margin: 5px 0 10px; } .printCopyright { font-size: 1.1em !important; margin-top:20px; } .printUrl { margin-top:20px; font-family:verdana, arial, sans-serif !important; font-size: 1.2em !important; font-weight:bold; } /* Commercial furniture */ .classified { border-bottom:3px solid #e1e1e1; font-size: .9167em; margin-bottom:15px; padding-bottom:15px; } .classified h5 { font-size:1em; font-weight:bold; line-height:1; color:#ffffff; text-transform:uppercase; background:#a11112 url(/resources/static/standard/classified_bg.gif/) no-repeat top right; padding:8px 0 3px 5px; margin-bottom:0; } .classified h5 a { display: block; } .classified h5 a:hover { color: #000; } .classified img { border:1px solid #999; margin:0 5px; } .classified img.center { border:1px solid #999; margin:0 0 0 13px; width:100px; } .classified img.right { border:1px solid #999; margin:0 5px; width:60px; } .classified ul { height:1%; margin-left:5px; } .classified ul li span { margin-bottom:2px; display:block; } h4.classhd { background:#a11112 url(/resources/static/standard/classified_bg.gif/) no-repeat top right; padding:8px 0 3px 5px; margin-bottom:0; } .classified.innerPad { padding:5px 5px 10px 5px; height:1%; } .classified.innerPad img { margin:0 5px 5px 0; } .services table td img { width:120px; background-color:#FFFFFF; padding:5px; margin:5px; border:1px solid #DAE2E4; } .services table td.Isfive a img, .services table td.Issix a img { height:60px; } #innerCol { width:140px; float:left; margin-right:20px; } #outerCol { width:140px; float:left; } #outerCol img, #outerCol object, .copes p a.boxFootLnk, div.datingAd { margin-bottom:15px; } #outerCol img.tile { margin:0 0 1em 2em; } #innerCol img.tile { margin:0 0 1em 0.5em; } #skyCol { width:120px; float:left; margin: 5px 20px 0 0; } #bizCol { width:160px; float:right; } #bizCol ul { margin-top: 10px; } #bizCol ul li { border: 1px solid #DDD; padding: 4px; } #bizCol .bizColLogo { float: right; margin: 0 0 4px 4px; } #bizCol h5 { font-size: 1em; line-height: 1.5em; font-family: Verdana, Arial, sans-serif; } #bizCol h5 a { color: #CC4701; letter-spacing: 0; } #bizCol .bizColDetails { font-size: .9167em; margin-bottom: 4px; } #bizCol .bizColMore { margin: 0; font-size: .9167em; } #bizCol form { background: transparent url(/resources/static/standard/images/c2f_owl_small.png/) no-repeat 100% 100%; } #bizCol form input { display: block; width: 150px; margin-bottom: 4px; font-size: .9167em; } #bizCol form button, #bizCol form button:visited { background-color: #CC4701; } #bizCol form button:hover { background-color: #E95D0F; } div.art { border-bottom:3px solid #e1e1e1; clear:both; height:1%; margin:0 0 15px; padding:0 0 15px; } div.art:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .artOverride a p, .artOverride a:link p, .artOverride a:visited p { color: #333 !important; } .art img { background:#FFFFFF; margin:0 !important; padding:0 10px 0 0; } .art ul { list-style:disc; padding-left:15px; } .art ol { list-style:decimal; padding-left:20px; } .art ul.noType, .art ol.noType { list-style:none; padding-left:0; } .art table ul { margin:0 10px 0 0; font-size: .9167em; list-style:none; padding-left:0; } .art.blog img { height:100px; width:100px; border:0; } .art.blog .sm { line-height:1.4em; letter-spacing: 0; color:#666666; margin:0 0 5px 0; padding: 4px 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; font-size: .8em; } .art.blog .ftLnks { border-top: 1px dotted #CCC; } .art.editorsChoice { border:none !important; margin:0 !important; padding:0 !important; } .art .featured { border-bottom:3px solid #e1e1e1; padding:0 0 15px 0; margin:5px 0 15px 0; } .art .featured h5 { margin:10px 0 5px 0; text-transform:none; } .leadPic img { width:124px !important; height:auto; } .smPic img { width:66px !important; border:0; margin-bottom:9px; } .smPic img.left, .datingAd img { margin-right:1em; } .smPic img.right { padding:0 0 10px 10px; } .widePic img { width:300px !important; margin-right:0; } .smSglCol .widePic img { width:200px !important; margin-right:0; } .art ul li a { padding:0 0 0 15px; display:block; margin:0; background:transparent url(/resources/static/standard/list_icon_bullet.gif/) no-repeat 0 5px; } .art ul li a.gallery { background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat 0 3px; border:none !important; } ul.blogRssPanel:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.blogRssPanel li { margin: 0 !important; float: left; } ul.blogRssPanel li a { padding: 0; margin: 0 1px 0 0; height: 25px; } ul.blogRssPanel li a img { padding: 0; } .mainPic2 .picInfo a { background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat scroll 0 2px; font-size:0.9167em ; height:1.4em; margin:0; padding:0 0 0 15px; } .mainPic2 .picInfo a img { display: none; } #email_voting_box { margin-top: 10px; } .picInfo ul { list-style-type:none; margin:0; padding:0; display:block; float:left; } .picInfo ul li { padding:0; margin:0 0 4px 0; font-size:.9167em; clear:both; } ul.relatedLinks li a, .picInfo ul li a { padding:0 0 0 15px; background:transparent url(/resources/static/standard/list_icon_bullet.gif/) no-repeat 0 5px; } .art ul li a:hover, ul.relatedLinks li a:hover, .picInfo ul li a:hover { background-position:1px 5px; } ul.relatedLinks li a.gallery, .picInfo ul li a.gallery { background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat 0 3px !important; border-bottom:0 !important; } .art ul li a.gallery:hover, ul.relatedLinks li a.gallery:hover, .picInfo ul li a.gallery:hover, ul.doubleLst.icons li a.gallery:hover { background-position:1px 0; } .art ul li a.video, ul.relatedLinks li a.video, .picInfo ul li a.video, ul.doubleLst.icons li a.video { background:transparent url(/resources/static/standard/list_icon_video.gif/) no-repeat 0 1px; } .art ul li a.video:hover, ul.relatedLinks li a.video:hover, .picInfo ul li a.video:hover, ul.doubleLst.icons li a.video:hover { background-position:1px 1px; } a.discus { background:transparent url(/resources/static/standard/list_icon_discus.gif/) no-repeat 0 2px !important; padding:0 0 0 15px; display:block; height:1%; font-weight:bold; clear:left; } .art .dblList { width:145px; float:left; overflow: hidden; margin-left:5px; } .art .dblList ul { font-size: .9167em; list-style:none; padding-left:0; } .art .dblList.one { width:140px; padding-right:5px; margin-left:0; border-right: 1px dotted #CCC; } .art.blog .dblList.one { margin-right:1.2em; } .art .dblList a.chLk { font-weight:bold; } /* Image buttons with gradient text boxes */ .imgPromos { border-bottom:3px solid #e1e1e1; display:block; clear:both; height:1%; margin:0 0 15px; padding:0 0 15px; } .imgPromos.justTwoSm, .imgPromos.two span, .imgPromos.ftwo span, .sglCol table.ll { width:300px; } .imgPromos a { float:left; font-weight:bold; background:transparent; } .imgPromos a:hover { color: #993300; } .imgPromos.four a { width:145px; margin-right:10px; } .imgPromos.two a, .imgPromos.ftwo a { width:300px; margin-right:30px; } .imgPromos img { height:116px !important; } .imgPromos.four img { width:144px !important; } .imgPromos.two img, .imgPromos.ftwo img { width:300px !important; } .imgPromos span { margin-top:-3.2em; height:3.2em; display:block; background-color:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; } .imgPromos.four span { width:144px; } .imgPromos p { margin:-3.2em 0 0 5px !important; height:3.2em; line-height:1.5em; position:relative; color:#fff; z-index:2; font-size: .9167em; } ul.trioLst { margin-top:5px; width:100px; float:left; display: inline; font-size: .9167em; list-style:none; padding-left:0; } ul.trioLst li, .localInfo .btn { margin:5px 0; } ul.trioLst li a { padding:0 5px 0 0; background-image:none; } ul.trioLst li a img, ul.trioLst li img { width:95px !important; margin:0; padding:0 !important; } ul.doubleLst { width:140px !important; float:left; display: inline; } ul.doubleLst.icons li a { padding:0 0 0 15px; display:block; background:transparent url(/resources/static/standard/list_icon_bullet.gif/) no-repeat 0 2px; } ul.doubleLst.icons li a:hover { background-position:1px 2px; } ul.doubleLst.icons li a.gallery { background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat 0 0; border-bottom:0 !important; } .commentsRead { padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:3px solid #e1e1e1; height:1%; } .commentsRead ol { list-style-type: decimal; padding-left: 25px; font-size: .9167em; } /*.commentsRead ol li:first-letter { text-transform: uppercase; }*/ /* Comments Travel Events etc */ .edsChoice h5 { border:0 !important; background:none; margin:0; padding:0; font-size:1.2em; } .rant, .rave { background:transparent url(/resources/static/standard/commento.gif/) no-repeat top left; border-bottom:1px dotted #cccccc; padding:0 0 10px 25px; margin:5px 0 10px 0; height:1%; } .rant p, .rave p, .trailerVideo .video h5 { margin-bottom:5px; } .rant a, .rave a { font-family:Georgia, Times, serif; color:#666666; font-size:1.1em; font-style:italic; } .rant a:hover, .rave a:hover { color:#993300; } .rant span, .rave span { font-family:Verdana, Arial, sans-serif; color:#333333; background:transparent url(/resources/static/standard/commentc.gif/) no-repeat top left; padding:0 0 10px 15px; font-style:normal; font-size: .8em; } .rant .boxFootLnk, .rave .boxFootLnk { color:#197777; font-family:Verdana, Arial, sans-serif; font-style:normal; font-size: .9167em; } .whatsTravel { height:1%; border-bottom:3px solid #e1e1e1; padding:0 0 15px 0; margin:0 0 15px 0; } .whatsOn, .travelUpdate { font-size: .9167em; } .whatsTravel a.boxFootLnk { text-align:left; margin:5px 5px 5px 0; font-size: 1em; } .whatsOn .leftSide { height:1%; width:48%; float:left; border-right:1px solid #DAE2E4; } .whatsOn .leftSide ul { margin:0 5px 15px 0; } .whatsOn .leftSide ul li { margin:0 0 5px 0; line-height:1.5em; } .whatsOn .rightSide { height:1%; width:49%; float:left; border-left:1px solid #DAE2E4; margin-left:-1px; } .rightSide table { margin-left:7px; } .rightSide table th { border-bottom:1px solid #DAE2E4; background-color:#F0F8FA; text-align:center; padding:3px 0; } .rightSide table th.title { font-family:Georgia, Times, serif; font-size:1.1em; padding:0 0 5px 0; border-bottom:0; background-color:#FFFFFF; } .rightSide table td { text-align:center; padding:3px 0; } .rightSide.blog table { float:left; width:17em; margin-right:2em; margin-bottom:2em; font-size:1em; border-bottom:1px dashed #d0d0d0; border-collapse: separate; border-spacing: 1px; padding-bottom:5px; } .rightSide.blog table tr { outline: none !important; } .rightSide.blog table td { border: 1px solid #FFF; margin: 2px; } .rightSide table td.today { border:1px solid #993300; background-color:#F0F8FA; font-weight:bold; } .travelUpdate ul li { padding:5px; background-color:#F0F8FA; } .travelUpdate ul li.off { background-color:#FFFFFF; } .travelUpdate ul li a { color:#333333; line-height:1.5em; } .travelUpdate ul li a.red span { background:transparent url(/resources/static/standard/traffic_bullet_red.gif/) no-repeat 0 5px; } .travelUpdate ul li a.amber span { background:transparent url(/resources/static/standard/traffic_bullet_amber.gif/) no-repeat 0 5px; } .travelUpdate ul li a.green span { background:transparent url(/resources/static/standard/traffic_bullet_green.gif/) no-repeat 0 5px; } .travelUpdate ul li span { display:block; padding-left:15px; font-weight:bold; color:#197777; } #trafficlink a.trafficCamLink, .trafficCamLink { background:transparent url(/resources/static/standard/images/cctv.png/) no-repeat 0 50%; padding-left: 20px; color: #197777; display: block; clear: both; } #trafficlink a.trafficCamLink:hover, .trafficCamLink:hover { color: #993300; } .trafficCamLink img { display: block; clear: both; } .localInfo { height:1%; border-bottom:3px solid #e1e1e1; padding:0 0 15px 0; margin:0 0 15px 0; } .localInfo label { font-size:1em; font-weight:bold; } .localInfo input.field { width:160px; margin:5px 5px 5px 0; } .localInfo .radio { margin:0 5px 0 0; padding:5px 0 0 0; float:left; } .copes .art, .datingBlurb { position:relative; } .copes .art p { width:18.4em; } .horoscopes .art img { float:right; height:auto; padding:0 0 0 10px; width:90px; } .datingBlurb .position { top:-27px; right:-17px; position:absolute; background: transparent; } .dating .art.datingBlurb ul { list-style-type:disc !important; padding-left:2em; width:220px; } .dating ul.srch select { width:190px !important; } .dating .art h5 { text-transform:none; width:150px; margin: 0 10px 10px 0; padding: 2px 0; text-align:right; float:left; } .dating .btn { color:#9a0062; border-color:#9a0062; margin-bottom: 10px; } .datingNoBullets li { list-style-type:none; clear:both; } .dating li label { width:100px; float:left; font-weight:bold; } .datingAd h2{ margin-top:0; } .dating ul.relatedGalleries li h5 { font-size:1em; font-weight: bold; line-height:1em; } .dating ul.relatedGalleries:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .dating ul.relatedGalleries li img { padding-bottom: 50px; } .dating .searchResults li { width: auto; } .dating .searchResults li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .dating .rightbuttons { float: right; width: 49%; } .dating .rightbuttons label { float: none !important; } .pinkText { color:#e7008c; font-weight:bold; } #singleImg img { width: 300px; } .trailerLst { background-color:transparent; background-position:top right; background-repeat:no-repeat; background-image:none; border-bottom:3px solid #e1e1e1; padding:0 0 15px 0; margin:0 0 15px 0; height:1%; clear:both; } .trailerLst.no1 { background-image:url(/resources/static/standard/trailer_no_01.gif/); background-position:178px top; } .trailerLst.no2 { background-image:url(/resources/static/standard/trailer_no_02.gif/); } .trailerLst.no3 { background-image:url(/resources/static/standard/trailer_no_03.gif/); } .trailerLst.no4 { background-image:url(/resources/static/standard/trailer_no_04.gif/); } .trailerLst.no5 { background-image:url(/resources/static/standard/trailer_no_05.gif/); } .trailerLst.no6 { background-image:url(/resources/static/standard/trailer_no_06.gif/); } .trailerLst.no7 { background-image:url(/resources/static/standard/trailer_no_07.gif/); } .trailerLst.no8 { background-image:url(/resources/static/standard/trailer_no_08.gif/); } .trailerLst.no9 { background-image:url(/resources/static/standard/trailer_no_09.gif/); } .trailerLst.no10 { background-image:url(/resources/static/standard/trailer_no_10.gif/); } .trailerLst.no2 p { padding-right:44px; } .trailerLst.no3 p { padding-right:47px; } .trailerLst.no4 p, .trailerLst.no6 p, .trailerLst.no8 p, .trailerLst.no9 p { padding-right:50px; } .trailerLst.no5 p, .trailerLst.no7 p { padding-right:48px; } .trailerLst.no10 p { padding-right:56px; } .trailerLst a.image { display:block; background:#7f969f url(/resources/static/standard/trailer_grad_bg_sm.gif/) repeat-x top left; width:74px; float:left; margin-right:7px; position:relative; border-bottom:2px solid #666; margin-bottom:3px; } .trailerLst.theatre a.image { background:#9f7f81 url(/resources/static/standard/trailer_theatre_grad_bg_sm.gif/) repeat-x top left; border-bottom:2px solid #503435; } .trailerLst.podcast a.image { background:#919f7f url(/resources/static/standard/trailer_pod_grad_bg_sm.gif/) repeat-x top left; border-bottom:2px solid #455034; } .trailerLst a.image.right { float:right; margin:0 0 0 33px; } .trailerLst a.image img { margin:4px; } .podcast a.image img { margin:5px 4px !important; padding:0; } .trailerLst a.image p { background:transparent url(/resources/static/standard/trailer_play_plus_bullet.gif/) no-repeat top left; margin:0 4px 4px 4px; padding-left:15px; padding-right:0; color:#fff; clear:both; } .trailerLst.theatre a.image p { background:transparent url(/resources/static/standard/trailer_theatre_play_bullet.gif/) no-repeat top left; margin:0 4px 4px 4px; padding-left:15px; padding-right:0; color:#fff; } .trailerLst.podcast a.image p { background:transparent url(/resources/static/standard/trailer_podcast_play_bullet.gif/) no-repeat top left; padding-top:2px; padding-bottom:0.5em; } .trailerLst p { margin-bottom:3px; } .trailerLst ul, ul.details { list-style-type:none; margin:0; padding:0; height:1%; } .trailerLst ul li, ul.details li { list-style-type:none; margin:0 0 4px 0; font-size:1.1em; font-weight:bold; } .trailerLst ul li a, ul.details li a { background:transparent url(/resources/static/standard/trailer_icon_video.gif/) no-repeat 0 0.2em; padding-left:15px; } a.trailerLstFtLnk { background:transparent url(/resources/static/standard/trailer_icon_video.gif/) no-repeat 0 0.2em; padding-left:15px; font-weight:bold; font-size:1.1em; float:right; } .trailerLst.podcast ul li a, .podcast ul.details li a, .podcast a.trailerLstFtLnk { background:transparent url(/resources/static/standard/trailer_icon_audio.gif/) no-repeat 0 0.2em; padding-left:15px; } .trailerLst ul li.art { margin-top:8px; border:0; } .trailerLst ul li.art a { background:transparent url(/resources/static/standard/trailer_icon_bullet.gif/) no-repeat 0.1em 3px; padding-left:15px; display:block; } .trailerModule { margin-bottom:15px; } .trailerModule .trailerLst { padding-bottom:3px; min-height:52px; margin-bottom:3px; } .trailerModule a img { width:50px !important; height:50px !important; float:left; margin-right:5px; } .trailerModule .trailerLst .trailerLstFtLnk { float:none !important; } .trailerModule .trailerLst h6 a.trailerLstFtLnk { background:transparent url(/resources/static/standard/trailer_icon_video.gif/) no-repeat 0 3px; } .trailerModule .trailerLst p { padding-right:25px; } .trailerModule .trailerLst.no1 { background-image:url(/resources/static/standard/trailer_no_01_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no2 { background-image:url(/resources/static/standard/trailer_no_02_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no3 { background-image:url(/resources/static/standard/trailer_no_03_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no4 { background-image:url(/resources/static/standard/trailer_no_04_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no5 { background-image:url(/resources/static/standard/trailer_no_05_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no6 { background-image:url(/resources/static/standard/trailer_no_06_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no7 { background-image:url(/resources/static/standard/trailer_no_07_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no8 { background-image:url(/resources/static/standard/trailer_no_08_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no9 { background-image:url(/resources/static/standard/trailer_no_09_sm.gif/); background-position:right 6px !important; } .trailerModule .trailerLst.no10 { background-image:url(/resources/static/standard/trailer_no_10_sm.gif/); background-position:right 6px !important; } .trailerVideo { background:#82949e url(/resources/static/standard/trailer_grad_bg_lg.gif/) repeat-x top left; position:relative; border-bottom:2px solid #696562; margin-bottom:2px; text-align:center; height:1%; } .trailerVideo .cn.rgtBot { background:url(/resources/static/standard/rnd_cnr_br_dblu.gif/) no-repeat; } .trailerVideo .cn.lftBot { background:url(/resources/static/standard/rnd_cnr_bl_dblu.gif/) no-repeat; } .trailerVideo .cn.rgtTop { background:url(/resources/static/standard/rnd_cnr_tr_dblu.gif/) no-repeat; } .trailerVideo .cn.lftTop { background:url(/resources/static/standard/rnd_cnr_tl_dblu.gif/) no-repeat; } .theatreTrailerVid { background:#9f7f81 url(/resources/static/standard/trailer_theatre_grad_lg.gif/) repeat-x top left; position:relative; border-bottom:2px solid #503435; margin-bottom:2px; text-align:center; height:1%; } .theatreTrailerVid .cn.rgtBot { background:url(/resources/static/standard/rnd_cnr_br_dred.gif/) no-repeat; } .theatreTrailerVid .cn.lftBot { background:url(/resources/static/standard/rnd_cnr_bl_dred.gif/) no-repeat; } .theatreTrailerVid .cn.rgtTop { background:url(/resources/static/standard/rnd_cnr_tr_dred.gif/) no-repeat; } .theatreTrailerVid .cn.lftTop { background:url(/resources/static/standard/rnd_cnr_tl_dred.gif/) no-repeat; } .trailerVideo .video { padding:4.5em 0; display:block; height:1%; } .trailerVideo.under { background:#354850 url(/resources/static/standard/trailer_grad_bg_lg_reverse.gif/) repeat-x top left; position:relative; border:0; padding:16px 0; text-align:left; } .under.theatreTrailerVid { background:#503435 url(/resources/static/standard/trailer_theatre_grad_lg_rev.gif/) repeat-x top left; } .trailerVideo h6, .trailerVideo label { color:#fc0; background:none; } .trailerVideo h5 { color:#fc0; background:none; margin:0; padding:0; font-size:1.2em; font-weight:bold; } .rating h6 { float:left; margin:0; padding:0; font-size:1.2em; font-weight:bold; } .trailerVideo a:hover { color:#fc0; text-decoration:underline; } .trailerVideo p span.rate { font-size:1.6em; color:#fc0; font-weight:bold; } .rating span { text-align:center; width:21px; display:block; float:left; margin-bottom:14px; } .trailerVideo ul.details { border:0; margin-bottom:14px; } .trailerVideo ul.details li.selected { background:transparent url(/resources/static/standard/trailer_icon_select_bullet.gif/) no-repeat 2px 1px; padding-left:15px; display:block; font-weight:normal; color:#fc0; } .trailerVideo ul.details li a { background-image:url(/resources/static/standard/trailer_icon_video_trailer.gif/); padding-left:15px; display:block; font-weight:normal; } .trailerVideo ul.details li a:hover { background-image:url(/resources/static/standard/trailer_icon_video_trler_on.gif/); } .trailerVideo .detailsCol.wide { width:300px; margin:0 20px 0 10px; } .trailerVideo .detailsCol.narrow { width:140px; margin:0 16px 0 0; } ul.speed { list-style-type:none; margin:8px 0 0 3em; padding:0; height:1%; } ul.speed li { float:left; width:18em; margin:0 1em 1em 1em; } ul.speed li p, .headlinesBrkOut .pollTable td.first { text-align:left; } ul.speed li a.btn { font-size:1.3em; } ul.speed li a.btn:hover { border-color:#993300; color:#993300; text-decoration:none; } .trailerLst.podcast input { width:220px; float:left; clear:left; } .trailerLst.podcast a.trailerLstFtLnk { background:transparent url(/resources/static/standard/trailer_icon_audio.gif/) no-repeat 0 0; margin-top:0.5em; } .podcast dt { font-weight:bold; font-size:1.1em; } .podcast dd { font-size:1.1em; margin:5px 0 15px 0px; border-bottom:3px solid #e1e1e1; padding:0 0 15px 0; height:1%; } .podcast ul.rss { float:right; list-style-type:none; margin:0 0 10px 10px; } .podcast ul.rss li { height:auto; padding:0; display:block; clear:left; } .podcast ul.rss li a { height:auto !important; background-image:none; padding:0; } .podcast ul.rss li a img { height:auto !important; width:auto !important; margin:0; } .poll { background-color:#e6edf4; padding:5px; margin-bottom: 15px; } .poll label { width:80%; font-size:1.2em; float:left; margin:0 0 5px 0; padding-top:0; color:#333; clear:left; } .poll label.yesNo { width:20%; margin-left:35%; } .poll .radio { float:left; margin:0; } .poll .btn { margin-top:0.6em; border-width:1px; } .pollTable { border-bottom:3px solid #e1e1e1; font-size: .9167em; } .pollTable.results td { height:40px; } .pollTable th { font-weight:bold; text-transform:uppercase; padding-bottom:5px; border-bottom:3px solid #e1e1e1; } .headlinesBrkOut .pollTable.results th { border-bottom:0; padding-bottom:0; } .headlinesBrkOut .pollTable.results h5 { border:0; padding-bottom:0; } .pollTable tr.on { background-color:#f3f6f9; } .pollTable td { padding:10px 5px; vertical-align:top; line-height: 1.4em; } .headlinesBrkOut .poll p { margin:0 0 8px 0; } .headlinesBrkOut .poll { width:auto; margin:0; padding-left:0; background-color:transparent; } .headlinesBrkOut .pollTable { border-bottom:0; margin-bottom:0; } .headlinesBrkOut .pollTable td { font-size:1.1em !important; vertical-align:middle; height:16px; } .poll.results { background:transparent; width:auto; padding:0; height:1%; margin-left:0; border-bottom:3px solid #e1e1e1; } .poll dl { margin-top: 10px; font-size: .9167em; } .poll dt { width:150px; float:left; text-align:right; margin-bottom: 10px; } .headlinesBrkOut .poll dt { width:6.5em; } .poll dd { float:right; margin:0 0 10px 0; width:140px; } .headlinesBrkOut .poll dd { width:65px; } .headlinesBrkOut .poll dd img { margin-top:4px; } .poll h5 { font-size:1.2em; margin-top:4px; margin-bottom:5px; } /* Commercial styles */ .access { position:absolute; top:-300em; left:-300em; } .clear { clear:both; } .boxFootLnk2 { margin:0; padding:0; text-align:right; float:right; font-weight:bold; font-size:.9167em; } /* CV Tools ----------------------------------------- */ .cvPage h2, .cvPage h3, .cvPage ul { margin-bottom: 12px; } .cvTools { overflow: hidden; margin: 12px 0; } fieldset#advancedSearch form ul li { margin:0 0 4px 0; padding:0; list-style:none; width:100%; clear:both; float:left; } fieldset#advancedSearch form ul li.last { margin:0; height:2.5em; } fieldset#advancedSearch form ul li label { margin:0; padding:4px 0 0 0; float:left; } fieldset#advancedSearch form ul li input.searchInput { margin:0; padding:0; float:right; width:50%; } fieldset#advancedSearch form ul li select, fieldset#advancedSearch form ul li div.rightButtons { margin:0; padding:0; float:right; width:50%; } fieldset#advancedSearch form ul li span.right, fieldset#searchAgain form ul li span.right { margin:0 5px 0 0; } fieldset#advancedSearch form ul li div.rightButtons label { clear: left; width: 60%; margin-bottom:5px; padding:0; } fieldset#advancedSearch form ul li div.rightButtons input { float: left; } fieldset#advancedSearch form ul li div.rightCheck { float:right; width:50%; } fieldset#advancedSearch form ul li div.rightCheck label { clear:right; float:none; display:block; padding:0; margin-bottom:5px; } fieldset#advancedSearch form ul li div.rightCheck input { float:left; } fieldset#advancedSearchPage form div.row { margin:0; padding:8px 0 8px 0; width:100%; border-bottom:3px solid #e1e1e1; float:left; clear:both; } fieldset#advancedSearchPage form div.row ul { margin:0; padding:0; list-style:none; clear:both; } fieldset#advancedSearchPage form div.row ul li { margin:0 0 8px 0; padding:0; list-style:none; clear:both; float:left; width:100%; } fieldset#advancedSearchPage form div.row ul li label { margin:0; padding:0 1em 0 0; float:left; clear:left; width:17em; } fieldset#advancedSearchPage form div.row ul li input { margin:0; padding:0; float:left; width:16em; background-color:#fff; } fieldset#advancedSearchPage form div.row ul li select { margin:0; padding:0; float:left; width:16em; } fieldset#advancedSearchPage form div.row ul li div { margin:0; padding:0; float:left; width:14.4em; } fieldset#advancedSearchPage form div.row ul li div p input.checkbox { margin:0 4px 2px 0; padding:0; float:left; clear:left; width:1em; } fieldset#advancedSearchPage form div.row ul li div p { margin:0 0 5px 0; padding:2px 0 0 0; float:left; width:11em; } fieldset#advancedSearchPage form div.row ul li p { margin:0; padding:0 0 0 2em; float:left; width:14em; } fieldset#advancedSearchPage form div.row h3 { margin:0 0 0.5em 0; padding:0; float:left; clear:both; font-size:1.5em; } fieldset#advancedSearchPage form div.last { padding:8px 0 8px 0; clear:both; border:none; } fieldset#advancedSearchPage form div.row ul li p.checkAllAlign { margin-left:16em; } fieldset#searchAgain form ul li { margin:0 0 4px 0; padding:0 0 4px 15px; list-style:none; float:left; } fieldset#searchAgain form ul li.first { padding:0 0 4px 0; clear:both; } fieldset#searchAgain form ul li.last { padding:0 0 4px 0; width:15em; float:right; } fieldset#searchAgain form ul li label { margin:0; padding:3px 4px 0 0; float:left; } fieldset#searchAgain form ul li input.searchInput { margin:0; padding:0; float:left; width:15em; background-color:#fff; } fieldset#searchAgain form ul li select { margin:0; padding:0; float:left; width:7em; } fieldset#searchAgain form ul.carsVs li input.searchInput { margin:0; padding:0; float:left; width:7.5em; background-color:#fff; } fieldset#emailSignIn form ul, .mySignIn fieldset#emailSignIn form ul { margin:0; padding:0 0 4px 0; list-style:none; width:100%; } fieldset#emailSignIn form ul li { margin:0 0 6px 0; padding:0; list-style:none; width:auto; float:left; } fieldset#emailSignIn form ul li label { padding:2px 0; float:left; } fieldset#emailSignIn form ul li label.second, .mySignIn fieldset#emailSignIn form ul li label.second { margin:0; padding:2px 0 2px 5px; float:left; } fieldset#emailSignIn form ul li input.searchInput { margin:0; padding:0; float:left; width:6.8em; background-color:#fff; } fieldset#emailSignIn form ul li a.password, .mySignIn fieldset#emailSignIn form ul li a.password { margin:8px 10px 0 0; padding:0; background:none; } fieldset#advancedSearchPage form .formAlign { margin-left:27.7em; } fieldset#advancedSearchPage form .formAlign.thirdCol { margin-left:38.7em; } .mySignIn { margin:0; padding:0; border:1px solid #d6d6d6; text-align:left; } #three .mySignIn h4 { margin:0; padding:0.1em 0 0 0.2em; font-size:1.2em; color:#fff; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #d6d6d6; background-color:#f4a363; width:auto; background-image:none; } .mySignIn fieldset#emailSignIn form ul li { margin:0 0 6px 0; padding:0; list-style:none; width:100%; float:left; clear:left; } .mySignIn fieldset#emailSignIn form ul li label { margin:0; padding:0 2px 0 4px; float:left; } .mySignIn fieldset#emailSignIn form ul li input.searchInput { margin:0; padding:0; float:left; width:6.2em; } .mySignIn fieldset#emailSignIn form ul li input.btn { margin:0 4px 0 0; } .mySignIn .newUser { margin:0; padding:0 0 0 4px; border-top:1px dashed #dbdbdb; } .mySignIn .newUser p, .mySignIn .newUser h5 { margin:2px 0 2px 0; padding:0; } .mySignIn h5.userSignIn { margin:0; padding:0 0 0 4px; font-size:1.3em; text-transform:uppercase; color:#000000; } .mySignIn h5.userName { margin:0 4px; padding:4px 0 4px 0; font-size:1.3em; font-weight:normal; border-bottom:3px solid #e1e1e1; } .mySignIn ul.linksList { margin:8px 0 8px 0; padding:0 0 0 4px; list-style:none; float:left; width:14em; } .mySignIn ul.linksList li { margin:0; padding:0; list-style:none; float:left; font-size:1.1em; font-weight:bold; clear:both; width:10em; } .newUser { margin:0; padding:3px 0 0 0; border-top:0 !important; } .newUser h5, h5.userSignIn { text-transform:uppercase; color:#000000; } .newUser h5 a { text-transform:none; font-weight:normal; font-size:0.9167em; font-family: Verdana,Arial,sans-serif; display: block; } ul.thirds { margin:0 10px 15px 0; width:200px; float:left; } ul.thirds li { margin:0 5px 5px 0; padding:0; list-style:none; font-size:1em; } .thirds .noresult a:link, .thirds .noresult a:active, .thirds .noresult a:visited, .thirds .noresult a:hover { color:gray; } .lrgSglCol ul.thirds { width:14.1em; } .rightAdGroup ul li.last, ul.evSrch li img, ul.blogRssPanel li a img, .mainGallery .galleryDetails .picInfo p.noMargin, .mainGallery2 .galleryDetails .picInfo p.noMargin { margin:0; } a.emailPrompt img, .lrgSglCol ul.thirds li, .mainGallery .mainPic ul li a img, .mainGallery .galleryDetails .imageLinks a img, .mainGallery2 .galleryDetails .imageLinks a img, .mainGallery2 .galleryDetails .galleryvote a img, .rightAdGroup ul li a img, .commercial .hotJobs ul li.last, .hotJobsPage ul li.last, .mainGallery .galleryDetails .thumbnailLinks a img, .mainGallery2 .galleryDetails .thumbnailLinks a img, #bulletinFooter img { border:none; } .galleryRowThree ul li { padding:0 10px; width:80px; height:1%; float:left; text-align:center; } .galleryRowThree ul li a { margin:0; padding:0; width:80px; display:block; } .galleryRowThree ul li a img { margin:0; padding:0; width:80px; height:55px; margin-bottom:1px; } .galleryRowThree ul li.edge { padding-right:0; clear:right; } .fullwidthArt { display:block; clear:both; width: 630px; margin:0 0 15px 0; padding:0 0 15px 0; height:1%; border-bottom:3px solid #e1e1e1; } .fullwidthArt p, .dblCol p { margin:0.3em 0 0.8em 0; } a.emailPrompt { margin:0; padding:0; display:block; width:195px; height:40px; position:absolute; top:-24px; right:0; border:0; } .fullwidthArt.noBrd { padding:0; } .fullwidthArt div.title { background:#f18b3b url(/resources/static/standard/dashed_shaded.png/) repeat-x 0 -1px; } .fullwidthArt div.title p { margin:0; padding:3px 5px; color:#fff; font-weight:bold; line-height: 1; } .fullwidthArt div.title.blog { background-color:transparent; border-top: 1px solid #e1e1e1; margin-top:0; float: none; } .fullwidthArt div.title.blog p { color:#666; } .fullwidthArt div.title.blog p.right a { color:#197777; } .fullwidthArt div.title.blog p.right a.selected { color:#900; } ul.halves { margin:0; padding:0 1em 0 0; width:14em; list-style:none; float:left; } ul.halves li { margin:0 0 5px 0; padding:0; list-style:none; font-size:1.1em; clear:both; } ul.halves li a { margin:0; padding:0; background:none; } .lowerAds { margin:0 0 15px 0; height:60px; width:630px; clear:both; } .lowerAds span.banner { width:468px; height:60px; display:block; border:0; float:left; } .lowerAds img.oneTwenty, .lowerAds span.oneTwenty { width:120px; height:60px; border:0; float:right; } .lowerAds .oneTwenty img { height:60px !important; width:auto; } .lowerAds .oneTwenty.right img { height:60px !important; width:120px !important; } .rightAdGroup { margin:0 0 15px 0; height:1%; } .rightAdGroup ul { margin:0; padding:0; list-style:none; float:left; } .rightAdGroup ul li { margin:0 0 10px 0; padding:0; list-style:none; float:left; clear:both; } /* Search results page */ .searchCat { border-bottom: 4px solid #799999; color: #333333; font-size: .9167em; text-transform: uppercase; } .searchRelSections, .searchRelServices { width: 300px; float: left; margin-right: 30px; } .searchRelServices { margin-right: 0; } .holder .searchRelSecList, .holder .searchRelServList { margin-bottom: 10px; } .searchRelEvents { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; font-weight: bold; padding: 5px 0; clear: both; } .JSEnabled .searchRelSecListMore { display: none; } .JSEnabled .searchRelShowHide { display: block; } .searchRelShowHide { display: none; font-size: .9167em; color: #197777; cursor: pointer; } ul.searchResults li { margin:10px 0; border-bottom:3px solid #e1e1e1; } ul.searchResults.dealerList li { width:296px; margin-right:2.4em; padding-bottom:5px; list-style:none; float:left; background:#F5F5F5; border-bottom:3px solid #e1e1e1; } ul.searchResults.dealerList li.noMg { margin:8px 0 !important; } ul.searchResults li img { margin:0 8px 8px 0; border:0; width:132px; } ul.searchResults li img.right { margin-left:8px; margin-right:0; width:100px; } ul.searchResults li h5 { margin:0; padding:0; font-size:1.3em; font-weight: bold; } .searchResults h5 span { float:left; color:#555; } .searchResults h5 span.articleType { float:left; color:#000; } .searchResults .stars img { width:9px !important; margin:3px 2px 0 0; } .fullwidthArt div.title.srchRes { background-color:#009896 !important; } ul.srchRes.plain li { border-bottom:3px solid #e1e1e1; font-size:1.1em; margin:0.3em 0; padding:1px 0; } ul.srchRes.plain { border-top:1px dashed #dcdcdc; } /*Regular Search */ .searchAdvancedLink { display: inline; margin-left: 15px; } .searchSort { margin:15px 0!important; } .searchSort li { float: left; border-right: 1px solid #197000; margin-right: 10px; line-height:1; } .searchSort li a { padding: 0; background:none; padding-right: 10px; } .searchSort li.searchSortFirst { border:none; } /*Advanced Search */ .advSrch { width: 630px; } .error { color: #993000; border: 1px solid #993000; padding: 5px; } .searchFor, .searchDate { float:left; width:300px; } .searchFor { margin-right:30px; } .searchFor legend, .searchDate legend { font-weight: bold; margin: 5px 0 0; } .searchFor ul, .searchDate p { border-top: 1px dotted #CCC; } .searchDate p { padding-top:8px; margin-bottom: 14px; } .searchFor ul li label, .searchDate li label { display:block; margin:10px 0 2px; } .searchFor ul li input, .searchDate li input { width: 298px; } .searchDate fieldset legend { font-weight: normal; } .searchDate select { margin-bottom:11px; } .advSrch .btn { margin-top:15px; } .searchSites legend { text-indent:-9999px; } .searchSites ul { margin-top:10px; } .searchSites ul li { float: left; width: 300px; margin-right:15px; } .searchOther li { float: left; border-right: 1px solid #197000; margin-right: 5px; line-height:1; } .art .searchOther li a { padding: 0; background:none; padding-right: 10px; } /* 06/10/09 - Registration Form Tidy ---------------------------------- */ form.userReg {} form.userReg ul.regFormFields { overflow: hidden; list-style: none; margin: 0 0 20px 0 !important; padding: 0; } form.userReg ul.regFormFields li { display: block; overflow: hidden; } form.userReg ul.regFormFields li span.reqNote { display: block; float: right; text-align: right; font-size: 0.8em; color: #197777; } form.userReg ul.regFormFields li span.sm { display: block; float: right; width: 145px; text-align: right; clear: both; } form.userReg ul.regFormFields li label { display: block; float: left; width: 145px; padding-top: 6px; font-size: 1em; } form.userReg ul.regFormFields li input { float: right; margin: 4px 1px 1px 0; width: 12em; } form.userReg ul.bulletin { list-style: none; margin: 12px 0; padding: 0; border-bottom: 1px dotted silver; } form.userReg ul.bulletin li, form.userReg ul.bulletin li a { background-image: none; padding: 0; } form.userReg ul.bulletin li { overflow: auto; padding: 8px 0 6px 0; border-top: 1px dotted silver; } form.userReg ul.bulletin li label { float: left; display: inline-block; width: 230px; padding-top: 0; } form.userReg ul.bulletin li a { float: right; display: inline-block; text-align: right; } form.userReg p.optin, form.userReg label.optin { width: auto; float: none; margin: 12px 0 0 0; } form.userReg label.pref { font-size: 0.9167em; } form.userReg .regCTA { overflow: visible; padding: 12px 0 0 0; } form.userReg .regCTA input { float: right; clear: both; margin-top: 6px; } .hotJobs ul li { padding-left:15px; background:transparent url(/resources/static/standard/list_icon_bullet.gif/) no-repeat 0 5px; } .commercial .hotJobs { margin:0; padding:0; border:1px solid #ccc; border-top:0; } .commercial .hotJobs h4 { margin:0; padding:0; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-indent:3px; background:#F18B3B url(/resources/static/standard/dashed_shaded.png/) 0 -1px; } .commercial .hotJobs ul { padding:0; margin:0; width:100%; list-style:none; background:#F9F9F9; border:0; border-bottom:3px solid #F4A363; } .commercial .hotJobs ul li { margin:0 5px; padding:0 !important; list-style:none; border-bottom:3px solid #e1e1e1; background:none; } .commercial .hotJobs ul li.last a.boxFootLnk { margin:4px 5px 4px 0; } .commercial .hotJobs ul li h5 { margin:4px 0 0 0; padding:0; font-size:1.3em; text-transform:none; border:0; background:none; } .commercial .hotJobs ul li h5 a { background:none; padding:0; } .commercial .hotJobs ul li p.right { margin:4px 0 0 0; padding:0; font-size:1em; text-transform:uppercase; color:#000000; font-weight:bold; } /* cars */ .carValForm ul { list-style:none; padding-left:0; } .carValForm ul li label { float:left; width: 100px; } .carValForm ul li select { width: 200px; } .dblColTierList li { float:left; display:inline; width: 32%; margin-right: 8px; } #localCarsAdvice h5 { font-family: Verdana,Arial,sans-serif; color: #000; font-size: 1em; letter-spacing: 0; } .carRatings0, .carRatings1, .carRatings2, .carRatings3, .carRatings4, .carRatings5 { text-indent: -9999px; height: 15px; width: 100px; background: url(/resources/static/standard/star_ratings.gif/) no-repeat 0 0; } .carRatings1 { background-position: 0 -40px; } .carRatings2 { background-position: 0 -80px; } .carRatings3 { background-position: 0 -120px; } .carRatings4 { background-position: 0 -160px; } .carRatings5 { background-position: 0 -200px; } #localCarsAdvice h4 a { font-weight:normal; font-family: Verdana,Arial,sans-serif; letter-spacing: 0; float:right; text-transform:none; } #localCarsAdvice h4 a:hover { color: #CCC; } .carsFindCTA a { display:block; background: transparent url('/resources/static/standard/cars_icon.gif') no-repeat 100% 50%; padding: 4px 0 10px; font-size: 1.2em; font-weight:bold; } #localCarsAdvice .carsFindCTA a { padding-right:150px; text-align:right; } .hotJobsPage ul { margin:0 30px 0 0; width:300px; float:left; } .hotJobsPage ul.secCol { margin:0; } .hotJobsPage ul li { margin:0 0 15px 0; height:1%; background-color:#f9f9f9; } .hotJobsPage ul li h5 { font-weight: bold; text-transform: capitalize; } .hotJobsPage ul li p.right { margin:0; text-transform:uppercase; color:#000000; font-weight:bold; } .byEmail .sglCol { border-right:1px solid #dcdcdc; margin-right:2em; } .byEmail .sglCol .art, .art.blog .ftLnks a.rghtMg { margin-right:2em; } .byEmail .sglCol.noMg, .byEmail .sglCol.noMg .art { border-right:0; margin:0; } .byEmail label { width:11em; padding-top:6px; display:block; float:left; } .byEmail input { margin:4px 0; width:12em; margin-left:1em; } .byEmail input.btn { margin-right:1.5em; } .byEmail .boxFootLnk { margin-top:7px; margin-right:10px; } /*--Dating Popup--*/ #Popup { width:468px; margin:0 auto; padding-top:1em; text-align:left; position:relative; } .PopupPic img { width:216px !important; float:left; } #Popup .content { width:23em; height:30.2em; min-height:302px; padding:0; margin-left:1em; display:block; float:left; position:relative; } #Popup .content h2, #emailBulletins h2, #emailBulletins h3 { font-size:1.6em; } #Popup .content p { padding:0; margin:0 0 11px 0; font-size:1.2em; height:1%; } #Popup .content p.top { border-bottom:1px dashed #dbdbdb; padding:0 0 5px 0; display:block; height:auto; } #Popup .tel { background:transparent url(/resources/static/standard/date_phone_bg.gif/) no-repeat bottom right; border-bottom:1px dashed #dbdbdb; min-height:52px; position:absolute; bottom:11em; width:23em; } #Popup .txt { background:transparent url(/resources/static/standard/date_keypad_bg.gif/) no-repeat bottom right; position:absolute; bottom:0; padding:0; margin:0; } #Popup .txt em { color:#333; } #Popup span { font-weight:bold; color:#9a0062; font-size:1em; } .lrgSglCol label { width:11em; float:left; padding:2px 0.7em 0 0; } .lrgSglCol select, .lrgSglCol input, .lrgSglCol textarea { width:16em; float:left; margin:0 3px 12px 0; } .lrgSglCol select.short, .lrgSglCol input.short { width:4em; float:left; } .lrgSglCol select.med { width:6em; float:left; } .lrgSglCol span.left { margin:5px; font-weight:bold; } .lrgSglCol .verify { margin:0 0 0.5em 14em; } .days label { margin:0; width:5.7em; padding:0; } .days input { width:auto; float:left; margin-right:4em !important; } .lrgSglCol .evBunting select { margin-left:6em !important; margin-top:0 !important; } #titles.ll { background:url(/resources/static/standard/ll_tyro_bg.gif/) no-repeat 48em bottom; } #titles .sponsorship { position:absolute; left:46em; top:0px; } h4.ll { background-color:#3f8080; } .dblCol table.ll { width:630px; } table.ll { margin-bottom:4px; letter-spacing:0; } table.ll tr { border-bottom: 1px dotted #ccc; } table.ll td { padding: 5px 5px 5px 0; } table.ll th { padding: 5px 5px 5px 0; text-transform:uppercase; text-align:left; } .weatherEx tr { background:url(/resources/static/standard/dashed.gif/) repeat-x bottom left; } table.ll thead tr { background-color: #e1e1e1; } table.ll tr.on, ul.llSrch li.on, .weatherEx tr.on { background-color:#EEE; } table.results td.two { text-align:center; } table.fixtures th { text-transform:uppercase; } table.fixtures td.four { text-align:center; padding-right:0.4em; } table.fixtures th.four { text-align:center; padding-right:0.4em; } table.fixtures thead td { width: 16px; padding: 0; } table.fixtures .fixtureNotes { display: block; overflow: visible; position: relative; width: 16px; padding: 0; } table.fixtures .fixtureNotes img { padding: 5px 0 0 0; cursor: pointer; display: none; } .JSEnabled table.fixtures .fixtureNotes img { display: block; } table.fixtures .fixtureNotes span { width: 250px; background-color: #EEEEEE; border: 1px solid #AAAAAA; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); display: none; overflow: visible; padding: 4px 8px; position: absolute; right: 20px; top: 10px; } ul.crests:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.crests li { width:145px; margin:0 10px 0 0; padding-top: 5px; float:left; border-top:1px dotted #cccccc; } ul.crests li a { background-image: none; padding:0; } ul.crests li a img { float:left; width:25px; height:25px; } ul.crests li.rght { margin-right:0; } ul.crests.squad li { height:auto; border-bottom:0; } ul.llSrch { clear:both; } ul.llSrch li { background:url(/resources/static/standard/dashed.gif/) repeat-x bottom left; padding:5px; margin:0; } ul.llSrch li label { margin-left:0.3em; } ul.llSrch li select { width:18em; margin:0 0.2em; } ul.llSrch li input { font-size:1em; margin:0 0.2em; } h5.subHd { border-top:1px dotted #CCC; padding-top:10px; } input.findTeam { width:190px; margin-right:0.2em; padding-left:0.1em; background-color:#fff; color:#555; } ul.scorers li { margin:5px 0; border-bottom:1px dotted #ccc; } ul.scorers li a, ul.plain li a { clear:none; background-image:none; padding:0; display:inline; } table ul.scorers li { margin:0; border:0; } table ul.scorers li p { margin:0 0 0.1em 0; } ul.squadLst:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.squadLst li { margin:0 10px 0 0 !important; padding-top: 10px; padding-bottom:5px; } ul.squadLst li img { float:left; width:80px; margin-right:8px !important; } ul.squadLst li h5 { font-size:1em; font-family:Verdana,Arial,sans-serif; letter-spacing:1px; } ul.squadLst li p { margin:4px 0 0 0; } ul.squadLst.team li img { float:left; width:80px; height:60px; } .awarded{ background: #FFB; } #titles.jobsTraining { background:url(/resources/static/standard/jobs_home_college.gif/) no-repeat 35em bottom; } ul.thirds.jobsTraining { margin-bottom:1.2em; } ul.thirds.jobsTraining li { font-size: 1em; } ul.thirds.jobsTraining li a { padding:0 1.5em 0 3px; display:block; } .art.ev h2 { width:16em; } ul.evSrch { margin-top: 15px; } ul.evSrch label { padding-top: 3px; width:140px; float: left; font-size:1em; } ul.evSrch li input { width:145px; border: 1px solid #B3C2C6; } ul.evSrch li select { width:147px; font-size:1em; padding: 1px; border: 1px solid #B3C2C6; } ul.evSrch input.short { width:70px !important; margin-right:8px; } ul.evSrch li img { padding: 0; } ul.evSrch input.btn { width:auto; margin-right: 11px; } form #AddYourEventType { padding: 1px; font-size: 1em; margin-right: 5px; } dl.ev { margin:10px 0; } dl.ev.prevDet { background-color:#eee; padding-bottom:5px; } dl.ev dt { float:left; clear:left; width:50px; margin:0 10px 10px 0; font-weight:bold; } dl.ev dt.wide { width:20em; text-align:center; padding-top:0.5em; } dl.ev dd { width:340px; float:left; margin-bottom:10px; margin-left:0; } dl.ev dd.email { word-break:break-all; word-wrap:break-word; } dl.ev.prevDet dd { width:22em; } dl.ev dd img.cert { width:25px; height:20px; float:left; margin-bottom:0.4em; margin-left:0; } .art.ev h3 img { height:20px; width:25px; margin:0 0 -3px 4px; float:none; } .art.ev img { float:right; width:130px; padding: 0 0 5px 10px; } .ftLnks { border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; line-height:1.4em; padding:1px 0; margin-bottom:15px; } .ftLnks:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ftLnks .boxFootLnk { font-size: .9167em; margin-right: 15px; float: left; } .ftLnks a.rghtMg { margin-right:0; } .blogFoot { border-top:3px solid #E1E1E1; border-bottom:3px solid #E1E1E1; padding: 10px 0; font-size: .9167em; color: #666; } ul.blogRssPanel li { float:left; clear:none; margin:0 1px 0 0 !important; } ul.blogRssPanel li.last { float:left; clear:none; margin:0 !important; } ul.blogRssPanel li a { margin:0 0 0 0; } .gallery.blog ul li.edge { margin-right:0 !important; } ul.doubleLst.blog { margin-top:3px; font-size: .9167em; } ul.doubleLst.blog li a { padding:0 0 0 15px; font-size:1em; background:transparent url(/resources/static/standard/list_icon_bullet.gif/) no-repeat 0 2px; } .comCol .ftLnks { border-top:0; margin:3px 0 5px 0; height:auto; } .comCol:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .comCol .ftLnks a.rghtMg { margin-right:1.9167em; } .smSglCol label, .smSglCol input, .smSglCol select { display:block; clear:both; } .art.evBunting select { width:17em; margin:0 0.3em 0.5em 1.4em; } /* Remove once events panel has been updated */ table.events { font-size:1em; } table.events h3 { font-size: 1em; font-weight: bold; padding-bottom:5px; } table.events th { text-transform:uppercase; color:#555 !important; padding:5px 0; } table.events td { padding:5px; vertical-align:top; line-height: 1.2em; } table.events tr { border-bottom: 1px dotted #ccc; } table.events tr.on { background-color:#e1e1e1; } table.events.srchResults td { padding:10px 0; } table.events.srchResults td.one { width:70%; padding-left:3px; } table.events.srchResults td.two { width:30%; font-size: .9167em; text-align:right; vertical-align:bottom; padding-right:3px; } table.events.srchResults td img { width:50px; height:50px; float:left; margin:0 3px 0 0; } /* END Remove */ #AddYourEventType { border:1px solid #B3C2C6; font-size:1em; padding:1px; } .checkbox { width:auto !important; margin:0 3px 0 0 !important; background-color:transparent; } .tabs { border-bottom:1px solid #344144; height:1%; padding:0; position:relative; } .tabs:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .tabs a { background-color: #e1e1e1; background-image: none; border:1px solid #ccc; display:inline; float:left; margin-right:2px; padding:3px 5px; color:#666666; font-size:.8em; font-weight:bold; line-height:1; padding:3px 5px 2px; text-transform:uppercase; font-family:Georgia,Times,serif; font-weight:bold; letter-spacing:1px; border-bottom: none; } .tabs a.on { background: #AA18AA url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; border-color: #344144; color: #fff; font-size:.9167em; padding:2px 5px; } .tabs.trio a { padding:5px; } .tabs.trio a.on { padding:4px 5px 5px; } .tabs.trio a img { width:424px !important; position:absolute; bottom:-2px; left:0; display:none; } .tabs.duo a img { width:310px !important; position:absolute; bottom:-2px; left:-157px !important; display:none; } .tabs a:hover { background:#7787c7 url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; color: #fff; } .tabs.trio a.two img { left:-142px; } .tabs.duo a.two img { left:-157px; } .tabs a.three img { left:-284px; } #mf4body ul li { margin:0; padding:0; list-style-type:none; font-size:1.1em; display:block; clear:both; } /* Galleries pages */ .fullwidthGallery, .fullwidthWeather { margin:0 0 15px 0; padding:0 0 15px 0; width:630px; height:1%; border-bottom:3px solid #e1e1e1; clear: both; } .fullwidthGallery:after, .fullwidthWeather:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fullwidthGallery h4 { background:#69B3E2 url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; } .fullwidthGallery .selected { color: #000; } .latestGallery img { margin:0 8px 0 0; padding:0; float:left; border:none; } .latestGallery .latGalContent { margin:0; padding:0 0 0 4px; float:left; } .latestGallery h5 { margin:0; padding:0; color:#003366; text-transform:none; font-size:1.5em !important; } ul.relatedGalleries li { margin:10px 10px 0 0; width:200px; float:left; border-bottom:1px dotted #cccccc; } ul.relatedGalleries li a img { margin:0 5px 5px 0; float:left; } ul.relatedGalleries li div.relGalContent p { margin:0; font-size:1em; line-height: 1.4em; } .mainGallery, .mainGallery2 { margin:0 0 15px 0; padding-bottom: 10px; width:630px; border-bottom:3px solid #e1e1e1; } .mainGallery:after, .mainGallery2:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .mainGallery .mainPic, .mainGallery2 .mainPic2 { margin:0 10px 0 0; width:480px; float:left; } .mainGallery .mainPic span, .mainGallery2 .mainPic2 span { margin:0 auto; text-align:left; } .mainGallery .mainPic ul { margin:0; padding:0; list-style:none; text-align:left; } .mainGallery .mainPic ul li { margin:0 0 2.1em 0; padding:0 1.6em 0 0; list-style:none; float:left; } .mainGallery p.photoTitle { margin:4px 0 0 0; padding:0; height:1.6em; } .mainGallery .galleryDetails, .mainGallery2 .galleryDetails { float:right; width:140px; } .mainGallery .galleryDetails .imageLinks, .mainGallery2 .galleryDetails .imageLinks { border-bottom:3px solid #e1e1e1; } .mainGallery .galleryDetails .imageLinks p.imageNo, .mainGallery2 .galleryDetails .imageLinks p.imageNo, .mainGallery2 .galleryDetails .galleryvote p.imageNo { margin:0; padding:0; text-align:center; width:102px; font-size:1em; } .imageLinks p { font-size: .9167em; } .mainGallery .galleryDetails .picInfo, .mainGallery2 .galleryDetails .picInfo { float:left; border-bottom:3px solid #e1e1e1; } .mainGallery .galleryDetails .picInfo h5, .mainGallery2 .galleryDetails .picInfo h5 { margin:0 0 4px 0; padding:0; font-weight:bold; font-size:1.3em; } .mainGallery .galleryDetails .picInfo .red, .mainGallery2 .galleryDetails .picInfo .red { border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; color:#666666; letter-spacing:0; line-height:1.4em; font-size: .9167em; margin:0 0 5px; padding:4px 0; } .mainGallery .galleryDetails .buyPhoto, .mainGallery2 .galleryDetails .buyPhoto { margin:4px 0 0 0; padding:8px 0 0 0; float:left; } .mainGallery .galleryDetails .buyPhoto p a, .mainGallery2 .galleryDetails .buyPhoto p a { margin:4px 0 0 0; padding:4px 0 0 28px; font-size:1em; text-transform:uppercase; font-weight:bold; background:url("../images/buyPhotoCam.gif") left top no-repeat; } .buyPhotoLink { margin:1px 0px 1px 0px !important; padding:1px 0px 1px 0px !important; display:block !important; float:none !important; } .buyPhotoLink a { font-size:.9167em !important; height:1.4em !important; padding:0px 0px 0px 15px !important; margin:0px 0px 0px 0px !important; display:block !important; background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat scroll 0 5px; } .mainGallery .photoShare, .mainGallery2 .photoShare { width:140px; float:right; } .mainGallery .photoShare h6, .mainGallery2 .photoShare h6 { font-size:1em; font-weight: bold; text-transform:uppercase; margin-top: 15px; } .mainGallery .photoShare p, .mainGallery2 .photoShare p { margin:0; padding:4px 0 0 0; font-size:1em; } .mainGallery .photoShare ul, .mainGallery2 .photoShare ul { margin:0; padding:4px 0 8px 0; list-style:none; clear:both; border-top:1px dotted #CCCCCC; } .mainGallery .photoShare ul li, .mainGallery2 .photoShare ul li { margin:0; padding:0 3px 0 0; list-style:none; float:left; } .mainGallery .photoShare ul li.last, .mainGallery2 .photoShare ul li.last { padding:0; } .mainGallery .photoShare ul li a img, .mainGallery2 .photoShare ul li a img { margin:0; padding:0; border:none; } .photoShare ul li a { width:16px; height:16px; display:block; float:left; text-indent:-99999em; background-position:top left; background-repeat:no-repeat; background-color:transparent; } ul li a.digg { background-image:url(/resources/static/standard/rss_digg.gif/); } ul li a.reddit { background-image:url(/resources/static/standard/rss_reddit.gif/); } ul li a.facebook { background-image:url(/resources/static/standard/rss_facebook.gif/); } ul li a.furl { background-image:url(/resources/static/standard/rss_furl.gif/); } ul li a.yahoo { background-image:url(/resources/static/standard/rss_yahoo.gif/); } ul li a.bebo{ background-image:url(/resources/static/standard/rss_bebo.gif/); } ul li a.twitter { background-image:url(/resources/static/standard/rss_twitter.gif/); } ul li a.google { background-image:url(/resources/static/standard/rss_google.gif/); } .photoShare p.right { font-size: .9167em; margin: 15px 0 5px; padding: 0; line-height: 1.2em; letter-spacing:0; } .mainGallery2 p.photoTitle { margin:4px 0 0 0; padding:0; height:3.6em; } /****/ .videoSrch { border-bottom:3px solid #e1e1e1; padding-bottom:15px; } .videoSrch input.field { width:75px; display: inline; background-color:#DDDDDD; border:1px solid #B3C2C6; padding:1px; } .videoSrch input.btn { width:auto; } .videoSrch .vidFBook, .videoSrch .vidFBookCounter, .videoSrch .vidTweet { display: block; } /*--fullwidth Videos--*/ .fullWidthGalleryMov h5 { font-size: 1.4em; } .fullWidthGalleryMov .fullWidthGalleryDate { line-height: 1.4em; font-size: .8em; letter-spacing: 0; color: #666; margin: 5px 0; padding: 1px 0 8px; border-bottom: 1px dotted #CCC; width: 300px; } .fullWidthGalleryMov .videoSrch { width: 630px; margin-bottom: 15px; } .fullWidthGalleryMov .videoSrch input.field { width:150px; display: inline; background-color:#DDDDDD; border:1px solid #B3C2C6; padding:1px; } .fullWidthGalleryMov .videoSrch .videoShareOptions { float: right; clear: left; list-style: none; display: block; margin-top: -20px; margin-left: 50px; } .fullWidthGalleryMov .videoSrch .videoShareOptions .vidFBook, .fullWidthGalleryMov .videoSrch .videoShareOptions .vidFBookCounter { display: inline; float: left; margin-right: 4px; } .fullWidthGalleryMov .videoSrch .videoShareOptions .vidTweet { display: inline; float: left; } /* Weather pages */ h4.weather { background-color:#669999; } ul.todaysWeather { margin:4px 0 8px 0; padding:0; list-style:none; width:100%; } ul.todaysWeather li { margin:0 0 0px 0; padding:0; list-style:none; width:121px; background:#F2F2F2; float:left; border-left:4px solid #fff; } ul.todaysWeather li.today { background:none; width:244px; border:none; } ul.todaysWeather li h5 { margin:4px 0 0 4px; padding:0; height:1.6em; font-size:1.3em; color:#003264; } ul.todaysWeather li div.weatherContent { margin:0 0 4px 0; padding:0 10px 0 4px; float:left; width:85px; } ul.todaysWeather li div.weatherContent p.title { padding:0; color:#003366; margin:0 0 0.6em 0; display:block; height:4em; width:7.5em; float:left; } ul.todaysWeather li div.weatherContentMain { margin:0 0 4px 0; padding:0 2px 0 2px; float:left; } ul.todaysWeather li div.weatherContentMain p.title { margin:0 0.3em 0 6px; padding:0; font-size:1.6em; color:#003366; width:8em; height:4em; float:left; } ul.todaysWeather li div.weatherContentMain img { margin:0; padding:0; float:left; clear:left; } ul.todaysWeather li div.weatherContentMain div.temp { margin:0 1em 0 0; padding:0 0 0 1em; float:right; background:url("../i/temp.gif") left 4px no-repeat; display:inline; } ul.todaysWeather li div.weatherContentMain div.temp p { margin:0 0 4px 0; padding:0; font-size:1.6em; color:#003366; } ul.todaysWeather li div.weatherContentMain div.temp p.noMargin { margin:0; padding:0; font-size:1.1em; color:#003366; } .fullwidthWeather table.weatherEx { border-collapse:collapse; margin:0 auto 1em auto; padding:0 0 5em 0; width:500px; font-size:1em; color:#000; } .fullwidthWeather table.weatherEx caption { color:#003264; font-size:1.6em; margin:0 auto; padding:0.2em 0 0.4em 0; text-align:left; } .fullwidthWeather table.weatherEx tbody tr.underline { background:url(/resources/static/standard/weatherExLine.gif/) repeat-x left bottom; margin:0; } .fullwidthWeather table.weatherEx tbody tr.underline th { padding:0 0 0.7em 0; text-transform:uppercase; color:#333; } .fullwidthWeather table.weatherEx tbody tr td { padding:5px 0 5px 0; } .fullwidthWeather table.weatherEx th.title { font-weight:bold; color:#000000; } ul.todaysWeather li div.weatherContentMain p.title.clear, ul.todaysWeather li div.weatherContentMain p.title.sunny { background:transparent url(/resources/static/standard/weather/wPg_sunny.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.clearspells, ul.todaysWeather li div.weatherContentMain p.title.sunnyspells { background:transparent url(/resources/static/standard/weather/wPg_sunny_spells.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.cloudy { background:transparent url(/resources/static/standard/weather/wPg_cloudy.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.fog, ul.todaysWeather li div.weatherContentMain p.title.mist { background:transparent url(/resources/static/standard/weather/wPg_mist.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.hailshower, ul.todaysWeather li div.weatherContentMain p.title.hailshowers, ul.todaysWeather li div.weatherContentMain p.title.heavysnow { background:transparent url(/resources/static/standard/weather/wPg_heavy_snow.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.heavyrain { background:transparent url(/resources/static/standard/weather/wPg_heavy_rain.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.heavyshowers { background:transparent url(/resources/static/standard/weather/wPg_heavy_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.heavysleetshower { background:transparent url(/resources/static/standard/weather/wPg_heavy_sleet_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.heavysleet { background:transparent url(/resources/static/standard/weather/wPg_heavy_sleet.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.heavysnowshower { background:transparent url(/resources/static/standard/weather/wPg_heavy_snow_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightrain { background:transparent url(/resources/static/standard/weather/wPg_light_rain.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightshowers { background:transparent url(/resources/static/standard/weather/wPg_light_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightsleet { background:transparent url(/resources/static/standard/weather/wPg_light_sleet.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightsnowshower { background:transparent url(/resources/static/standard/weather/wPg_light_snow_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightsnow { background:transparent url(/resources/static/standard/weather/wPg_light_snow.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.lightsleetshower { background:transparent url(/resources/static/standard/weather/wPg_lightsleet_showers.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContentMain p.title.thunderstorm { background:transparent url(/resources/static/standard/weather/wPg_thunderstorm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.clear, ul.todaysWeather li div.weatherContent p.title.sunny { background:transparent url(/resources/static/standard/weather/wPg_sunny_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.clearspells, ul.todaysWeather li div.weatherContent p.title.sunnyspells { background:transparent url(/resources/static/standard/weather/wPg_sunny_spells_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.cloudy { background:transparent url(/resources/static/standard/weather/wPg_cloudy_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.fog, ul.todaysWeather li div.weatherContent p.title.mist { background:transparent url(/resources/static/standard/weather/wPg_mist_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.hailshower, ul.todaysWeather li div.weatherContent p.title.hailshowers, ul.todaysWeather li div.weatherContent p.title.heavysnow { background:transparent url(/resources/static/standard/weather/wPg_heavy_snow_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.heavyrain { background:transparent url(/resources/static/standard/weather/wPg_heavy_rain_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.heavyshowers { background:transparent url(/resources/static/standard/weather/wPg_heavy_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.heavysleetshower { background:transparent url(/resources/static/standard/weather/wPg_heavy_sleet_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.heavysleet { background:transparent url(/resources/static/standard/weather/wPg_heavy_sleet_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.heavysnowshower { background:transparent url(/resources/static/standard/weather/wPg_heavy_snow_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightrain { background:transparent url(/resources/static/standard/weather/wPg_light_rain_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightshowers { background:transparent url(/resources/static/standard/weather/wPg_light_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightsleet { background:transparent url(/resources/static/standard/weather/wPg_light_sleet_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightsnowshower { background:transparent url(/resources/static/standard/weather/wPg_light_snow_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightsnow { background:transparent url(/resources/static/standard/weather/wPg_light_snow_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.lightsleetshower { background:transparent url(/resources/static/standard/weather/wPg_lightsleet_showers_sm.gif/) no-repeat bottom right; } ul.todaysWeather li div.weatherContent p.title.thunderstorm { background:transparent url(/resources/static/standard/weather/wPg_thunderstorm_sm.gif/) no-repeat bottom right; } .flatHtml h4 { background: none; color: #197777; text-transform: none; line-height: 1.3em; padding-left: 0; } .flatHtml table { margin: 10px 0 15px 0; letter-spacing:0; border-color: #FFF; max-width: 630px; } .flatHtml th, .flatHtml td { padding: 1px 5px; vertical-align:top; } .flatHtml td { line-height: 1.4em; } .flatHtml ul, ul.unList, .article ul { padding-left:15px; list-style-type: disc; } .flatHtml ol, ol.orList, .article ol { padding-left:30px; list-style-type: decimal; } .dblCol img, .flatHtml img { max-width: 630px !important; } .tplCol .flatHtml img { max-width: 960px !important; } .tplCol .flatHtml table { max-width: 960px !important; } /*Local info*/ .flatHtml .localinfo_frontpage_image { background: #FFF; padding: 0 0 5px 10px; text-align: right; } .flatHtml .localinfo_frontpage_image img { margin-bottom: 5px; } .flatHtml h4.localinfo_category_heading { background: #EBEBEB url(/resources/static/standard/dashed_shaded.png/) repeat-x scroll 0 -1px; line-height: 1; color: #333; text-transform: uppercase; padding-left: 0; margin-top: 15px; } .flatHtml h4.localinfo_category_heading img { float: left; margin-top:-5px; padding-right:5px; margin-right: 5px; background: #FFF; } .flatHtml ul.localinfo_list { margin: 10px 20px 15px; } .flatHtml ul.localinfo_list li { margin-bottom: 10px; } .localInfoSearch label { display:block; margin-bottom:5px; } .localInfoSearch input { margin-right:5px; } .localInfoSearch p { font-style:italic; } /* Site map */ #SiteMap { margin:0 0 2em 0; padding:0; } #SiteMap ul { list-style-type:none; margin:0; padding:0; } #SiteMap ul ul { margin:0.4em 0 0 1.7em; padding:0; } #SiteMap ul li.FolderRoot { display:block; padding:4px 0 0 23px; border-top:none; } #SiteMap ul li { border-top:1px solid #D0D0D0; margin-bottom:0; } #SiteMap li a { display:block; height:20px; padding:6px 0 0 23px !important; text-decoration:none; font-weight:normal; } #SiteMap li a:hover { text-decoration:underline; background:2px 5px no-repeat !important; } #SiteMap ul li a { background:1px 5px no-repeat !important; font-size: 1em; } ol li.siteMap ol { border-left: 1px dotted #ccc; } ol li.siteMap li { /* list-style-type: decimal; */ /* changed on Pete's request */ list-style-type: disc; margin-left: 30px; } ol li.siteMap a { display: block; padding: 0 5px 3px 5px; background-color: #e1e1e1; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; margin-top: 10px; font-weight: bold; font-size: 1em; } ol li.siteMap li a { background-color: transparent; border: none; padding: 0; margin-top: 0; font-weight: normal; } /* Netmums */ .NetMumsStd { background:url(/resources/static/standard/netmums_standard_orange_header.gif/) no-repeat 100% 0; padding:8px 0 8px 8px; } .NetMumsCoffee { background:url(/resources/static/standard/netmums_coffee_chat_header.gif/) no-repeat 100% 0; padding:12px; } .NetMumsCoffee span { margin-left:50px; } .NetMumsToday { background:url(/resources/static/standard/netmums_today_header.gif/) no-repeat 100% 0; padding:12px; } .NetMumsToday span { margin-left:50px; } .NetMumsPlain { border-bottom:1px solid #000; background-image:none; background-color:#ff950e; text-align:left; padding:5px 0 5px 15px; } .NetMumsMeet { background: #ff950e url(/resources/static/standard/netmums_meet.gif/) no-repeat 100% 0; text-align:left; padding:5px 0 5px 15px; margin-top:10px; } .NetMumsLogin { padding:10px; background-color:#fff9bc; color:#fd9301; font-weight:bold; font-size:1.1em; font-family:arial; text-align:center; } .NetMumsPromo1 { height:180px; margin-bottom:10px; padding:20px; padding-right:40px; font-size:1.2em; background-image:url(/resources/static/standard/netmums_bubble_pink.jpg/); background-repeat:no-repeat; text-align:center; } .NetMumsPromo2 { height:180px; margin-bottom:10px; padding:20px; padding-right:40px; font-size:1.2em; background-image:url(/resources/static/standard/netmums_bubble_blue.jpg/); background-repeat:no-repeat; text-align:center; } .NetMumsText { font-size:1em; margin-left:120px; } /* BMDs */ p.bmd_firstpar { margin:10px 0 0; } p.bmd_big_button { text-align:center; } div.bmd_box { margin:0; padding:10px; border:1px solid #999; } .bmd_box h4 a { color:#009; font-size:1em; font-weight:bold; text-decoration:underline; } .bmd_box h4 a:hover { color:#900; } .bmd_box input { border:1px solid #ccc; font-size:1em; font-weight:normal; font-style:italic; letter-spacing:-.3pt; padding:1px 10px; margin:0 0 10px; color:#999; width:92%; border:1px solid #ccc; } .bmd_left { float:left; } .bmd_right { float:right; } input.bmd_button { color:#000; font-style:normal; font-weight:bold; letter-spacing:normal; width:auto; margin:10px 0 0; padding:0 5px; border:1px solid #999; letter-spacing:-.3pt; } .bmd_box select { width:140px; border:1px solid #7f9db9; } .bmd_box select.short { width:36px; border:1px solid #7f9db9; } .bmd_box select.medium { width:52px; border:1px solid #7f9db9; } .bmd_gradient { background-image:url(/resources/static/standard/bmd_gradient_big.png/); background-repeat:repeat-x; } .bmd_announcement_row { margin-top:8px; display:table; } .bmd_announcement_row a { text-decoration:underline; } .bmd_announcement_row a:hover { color:#900; } .bmd_announcement_row img { margin:0 10px 0 0; float:left; } .bmd_announcement_row h5 { background:none; } .bmd_sort_by_image { background-repeat:no-repeat; height:160px; vertical-align:middle; background-position:center; } .bmd_sort_by_image h4 { color:#000; background:none; font-size:1.1em; font-weight:bold; padding:70px 0 0; text-align:center; } .bmd_left_col { width:312px; float:left; } .bmd_mid_col { width:180px; float:left; padding:0 1px 0 10px; } .bmd_right_col { padding:20px 0 0; float:right; width:150px; } .bmd_month_calendar { font-size:1em; width:180px; text-align:center; border-collapse:collapse; } .bmd_month_calendar span { font-weight:bold; } .bmd_month_calendar td { text-align:center; width:28px; height:20px; } .bmd_month_calendar tr.data span { font-weight:normal; font-size:1em; } .bmd_month_calendar tr.data td { font-weight:normal; font-size:1em; background-image:url(/resources/static/standard/bmd_gradient_small.png/); background-repeat:repeat-x; border:1px solid #ccc; } .bmd_month_calendar tr.data td a { text-decoration:underline; } .bmd_calendar_row { text-align:center; margin:10px 0; } .bmd_calendar_row td { border:1px solid #ccc; padding:0; } .bmd_calendar_row .header { font-weight:bold; vertical-align:middle; border:none; color:#000; padding:0 10px 0 0; } .bmd_calendar_row td span { display:block; color:#ccc; margin:11px 15px; font-size:1.1em; } .bmd_calendar_row td a { display:block; font-weight:normal; color:#000; text-decoration:underline; background-image:url(/resources/static/standard/bmd_gradient_small.png/); background-repeat:repeat-x; padding:11px 15px; font-size:1.1em; } .bmd_calendar_row td a:hover { display:block; color:#000; text-decoration:underline; background-image:url(/resources/static/standard/bmd_gradient_small_reverse.png/); background-repeat:repeat-x; padding:11px 15px; } .bmd_announcement_page_header { font-size:1.3em; font-weight:bold; border-bottom:1px solid #000; padding:20px 0 0; } p.bmd_announcement_header { font-size:1.1em; font-weight:bold; padding:10px 0 0 10px; margin:0; } .bmd_box p { font-size:1em; margin:0; padding:0; } .bmd_box a { font-size:1em; margin:0; padding:0; font-weight:bold; } .bmd_top_margin { margin:10px 0 0; } #para a.multimedia_panel_read_story { font-size:.9167em; } .tab_pad { padding:0 1em; } /* Supplement Welcome Box */ #supplement_wb { background:#fef1e0; padding:10px; line-height: 1.6em; margin-bottom: 15px; } #supplement_wb .header_wb { color:#023469; } #supplement_pic { float:right; padding:0 0 5px 20px; } /* Star voting */ .inline-rating { display:inline-block; vertical-align:middle; } .star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating { background:url(/resources/static/standard/star.gif/) left -1000px repeat-x; } .star-rating { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position:left top; } .star-rating li { display:inline; } .star-rating a,.star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border:none; } .star-rating a:hover,.star-rating a:active,.star-rating a:focus { background-position:left bottom; } .star-rating a.one-star { width:20%; z-index:6; } .star-rating a.two-stars { width:40%; z-index:5; } .star-rating a.three-stars { width:60%; z-index:4; } .star-rating a.four-stars { width:80%; z-index:3; } .star-rating a.five-stars { width:100%; z-index:2; } .star-rating .current-rating { z-index:1; background-position:left center; } /* Review Rating */ ul.reviewRating { margin: 0; padding: 0 0 20px 0; } ul.reviewRating li { display: inline; padding: 0 0 10px 0; } ul.reviewRating li.ratingStarGold { background: url(/resources/static/standard/star.gif/) no-repeat 0 -50px; } ul.reviewRating li.ratingStarBlank { background: url(/resources/static/standard/star.gif/) no-repeat 0 0; } .tooltip { background-color:#ffc; border:1px solid #999; color:#000; padding:10px; position:absolute; text-decoration:none; width:350px; z-index:100; text-align:justify; } .commentary .header { font-size:1.2em; font-weight:bold; border:1px solid #ccc; border-collapse:collapse; padding:5px; margin:0; } .commentary .cell { border:1px solid #ccc; border-collapse:collapse; padding:5px; margin:0; text-align:left; vertical-align:top; } /* CupCompetitionModule - Round Page */ table.footCupTable { font-size:1.1em; margin-bottom:15px; width:648px; } table.footCupTable caption { font-size:1em; font-weight:bold; padding:5px 0 10px; text-align:left; text-transform:uppercase; } table.footCupTable th { background-color:#F9F9F9; border-bottom:1px solid #BBB; border-top:1px solid #BBB; font-size:.8em; font-weight:bold; padding:2px 0 2px 3px; text-transform:uppercase; } table.footCupTable th.col4 { padding-left:0; } table.footCupTable td { border-bottom:1px dashed #CCC; padding:6px 0; vertical-align:top; } table.footCupTable th.col1,table.footCupTable td.col1 { width:26%; } table.footCupTable th.col2,table.footCupTable td.col2 { text-align:right; width:29%; } table.footCupTable th.col3,table.footCupTable td.col3 { text-align:center; width:14%; } table.footCupTable th.col4,table.footCupTable td.col4 { width:29%; } .singPicWitCap .lrgCrest { margin-bottom: 10px; } .mobileAlerts div { margin-right: 30px; } table.mobAlerts { font-size:1.1em; width:360px; margin:0 0 15px 0; float:left; letter-spacing: 0; background:transparent url(/resources/static/standard/ball_bg.jpg/) no-repeat top right; } table.mobSmAlerts { font-size:1em!important; width:300px; margin:0 30px 15px 0; float:left; background:transparent url(/resources/static/standard/ball_bg.jpg/) no-repeat top right; } table.mobAlerts caption { text-align:left; font-size:.9167em; font-weight:bold; text-transform:uppercase; padding:5px 0 10px; } table.mobAlerts th { padding:2px 0 2px 3px; background-color:#2e632b; border-top:1px solid #bbb; border-bottom:1px solid #bbb; font-weight:bold; text-align: left; text-transform:uppercase; color:#fff; } table.mobAlerts th.col4 { padding-left:0; } table.mobAlerts td { padding:5px 0; border-bottom:dashed 1px #ccc; vertical-align:top; } table.mobAlerts th.col1,table.mobAlerts td.col1 { width:100px; } table.mobAlerts th.col2,table.mobAlerts td.col2 { width:40px; } table.mobAlerts th.col3,table.mobAlerts td.col3 { width:170px; font-weight:bold; } table.mobAlerts th.col4,table.mobAlerts td.col4 { width:70px; text-align:right; font-weight:bold; } table.mobAlerts th.col1,table.mobSmAlerts td.col1 { width:70px; } table.mobAlerts th.col2,table.mobSmAlerts td.col2 { width:30px; } table.mobAlerts th.col3,table.mobSmAlerts td.col3 { width:160px; font-weight:bold; } table.mobAlerts th.col4,table.mobSmAlerts td.col4 { width:90px; text-align:right; font-weight:bold; } table.mobAlerts td.bg { background:transparent url(/resources/static/standard/grn_bg.gif/) top right; } .mobileAlerts h3 { text-transform:uppercase; font-size:1.1em; line-height: 1; font-weight: bold; margin:0 0 5px; padding:2px 5px; background:transparent url(/resources/static/standard/pitch_hdr_d.jpg/) repeat-x top right; color:#fff; } .mobileAlerts ul { font-size:1.2em; margin:0 0 0 15px; padding:0; margin-bottom:8px; } .mobileAlerts ul li { margin:0 0 4px; padding:0; text-align:left!important; } /* Email Bulletins */ #emailBulletins h2 { font-size:1.6em; } #email_header { display:none; visibility:hidden; } #emailBulletins dl { margin:0; padding:0; font-size:1em; } #emailBulletins dt { margin:1em 0 0; padding:0; } #emailBulletins dd { margin:0; padding:0; } #primaryBulletin dt { font-size:1em; font-weight:bold; } #primaryBulletin dd { margin:0 0 1em; padding:0; font-size:1em; } #teaserPanel dl { margin:0; padding:0; border:dashed 1px #000; border-bottom:none; } #teaserPanel dt { font-size:1em; font-weight:bold; padding:5px 10px; } #teaserPanel dd { margin:0; padding:0 10px 5px; list-style-type:none; font-size:1em; border-bottom:dashed 1px #000; } #bulletinFooter p { font-size:.9167em; } #bulletinFooter img { border:none; } .debug { text-align:left!important; color:#000; font-size:1.1em; width:1000px; height:300px; overflow:auto; } div.infotitle { float:left; font-size:1em; font-weight:bold; } h3.filmtitle { margin-bottom:0; margin-left:3px; vertical-align:middle; } a.infolink { color:#39C; font-size:1em; font-style:italic; text-decoration:none; } td.showtimes { background-color:#F2F2F2; } div.text { font-family:Arial,Helvetica,sans-serif; font-size:1em; } a.movies { background:transparent url(/resources/static/standard/list_icon_camera.gif/) no-repeat scroll 0 0; border-bottom:0 none!important; } /* Topics module */ .topicsModule ul { margin:10px 0 20px; padding:0; display:block; } .topicsModule li { float:left; width:205px; /* decreased the size by 5px due to topics not spanning across 3 columns */ list-style:none; padding:2px 0 0 5px; margin:5px 0; } .topicsModule .headline { font-size:1.3em; font-weight:bold; color:#000; float:none; width:auto; border-bottom:solid 1px #ccc; background:#EBEBEB; } .topicsModule li.headline a { font-size:1em; color:#000; } .topicsModule a { font-size:.9167em; } .topicsModule a.backToTop { display:block; width:auto; text-align:right; color:#999; margin-top:10px; border-top:1px solid #ccc; } .topicResults { font-weight:bold; font-size:1.2em; } .topicResults a,.topicResults span { font-weight:normal; font-size:.9167em; } .otherGalleries li { float:left; margin:0 10px 5px 0; padding-top: 5px; border-top:1px dotted #ccc; width: 200px; } /* MOVIE MODULE */ /* Movies homepage (MovieList.tpl) */ .movieListItem { padding-bottom:20px; margin:10px 0 5px; border-bottom:3px solid #e1e1e1; } .movieListItem img { border:none; vertical-align:middle; } .movieListItem p { margin:10px 0; line-height:1.5em; } .movieListItem p.movieListPoster { float:left; margin:5px 10px 0 0; } .movieListItem h5 { background:none; position:static; padding:0; margin:0; text-transform:none; font-size:1.2em; line-height:1.4em; display: inline-block; } .movieListItem h5 a { float:left; width:140px; } .movieListItem h5 img { float:right; } .movieListItem .movieListLinks { list-style:none; padding:0; margin:0; font-size:.9167em; } .movieListItem .video { background:transparent url(/resources/static/standard/list_icon_video.gif/) no-repeat scroll 0 3px; padding-left:17px; } /* Movie details (MovieDetails.tpl) */ .movieDetails { padding-bottom:20px; margin:10px 0 5px; } .movieDetails img { border:none; vertical-align:middle; } .movieDetails p { margin:10px 0; } .movieDetails h3 { padding:0; margin:0; text-transform:none; font-size:1.3em; line-height:1.8em; font-weight:bold; } .movieDetails h3 span { float:left; width:260px; } .movieDetails h3 img { float:right; } .movieDetails ul.movieDetailsCinemas { margin:10px 0; padding:0; list-style:none; } .movieDetails ul.movieDetailsCinemas li { margin-bottom:15px; font-size:1em; border:1px solid #CCC; padding-left:5px; } .movieDetails ul.movieDetailsCinemas li a { display:block; padding:5px; margin-bottom:5px; margin-left:-5px; background:#EEE url(/resources/static/standard/dashed_shaded.png/) repeat-x 0 -60px; font-weight:bold; font-size:1em; } .movieDetails .movieDetailsLinks { list-style:none; padding:0; margin:0; font-size:1em; } .movieDetails .movieDetailsLinkTop { list-style:none; padding:0; margin:0; font-size:.9167em; border-bottom:3px solid #e1e1e1; padding-bottom:10px; } .movieDetails #reviewToggle1,.movieDetails #reviewToggle2 { text-align:right; font-size: .9167em; } .movieDetails #review,.movieDetails #reviewToggle2 { display:none; } .movieDetails ul.movieDetailsInfo { list-style:none; padding:10px 0; margin:0; border-top:3px solid #e1e1e1; } .movieDetails ul.movieDetailsInfo li { margin:10px 0; } .movieDetails ul.movieDetailsInfo li span { display:block; margin-left:100px; font-size:.9167em; font-weight:normal; } .movieDetails ul.movieDetailsInfo li span.movieInfo { float:left; margin-left:0; font-size:1em; font-weight:bold; } /* Movie showtimes (MovieListings.tpl) */ .movieShowtimes h3 { background:#516368 url(/resources/static/standard/dashed_shaded.png/) repeat-x 0 -60px; padding:3px 5px; margin:20px 0 10px; font-size:1.1em; font-weight:bold; line-height:1; } .movieShowtimes h3 a { color:#FFF; } .movieShowtimes ul { list-style:none; margin:10px 0 10px 10px; padding:0; font-size:1em; } .movieShowtimes h4 { background-image:none; border-top:3px solid #E1E1E1; margin:0 10px; padding:15px 0 0; color:#222; text-transform:none; line-height:2em; display:block; font-family:Verdana,Arial,sans-serif; font-size: 1.1em; letter-spacing:0; } h4.movieShowTitle { background:none; } .movieShowtimes h4 a { float:left; width:300px; line-height:1.4em; color: #197777; } .movieShowtimes h4 img { vertical-align:middle; } .movieShowtimes h4 span.movieShowRating { float:right; text-align:right; font-size:.7em; font-weight:normal; width:300px; line-height:1; } .movieShowtimes table { margin:10px; border-collapse:collapse; border:1px solid #D6D6D6; width:600px; font-size:.9167em; } .movieShowtimes th { background-color:#e1e1e1; padding:5px; font-weight:bold; text-align:left; width: 50%; } .movieShowtimes td { padding:5px; border:1px solid #D6D6D6; } .movieShowtimes p { margin:10px; font-size:.9167em; } .movieShowtimes p.movieShowSearch { margin-top:0; } .movieList li { width: 90px; float:left; margin:6px; font-size:.9167em; position:relative; border:1px solid #CCC; } .movieList li.firstLi { clear:left; } .movieList li.lastLi { clear:right; } .movieList li a { display:block; color:#000; } .movieList li a:hover { color:#993300; } .movieList li a.movieListTitle { min-height:52px; padding:0 5px; background-color: #DDD; opacity:0.7; position:absolute; width:80px; border-bottom:1px solid #CCC; } .movieList li a img { padding:0 5px 5px; margin-top:52px; width:80px; height:120px; } .movieList li a:hover img { background-color:#EEE; } /*TradeDirectoryPanel*/ .tradePanel { border-bottom:3px solid #E1E1E1; margin:0 0 15px; padding:0 0 15px; } .whatsonTradeDirectory .tradePanel { border-bottom:none; padding:0; } .tradePanel h4 { background-color: #E47620; } .tradePanel form { margin:0 0 10px; } .whatsonTradeDirectory form { margin-top: 5px; } .tradePanel form label { display: block; } .tradePanel .tradePanelText { width: 138px; margin-top:-15px; } .tradePanel form.tradePanelFrmWide .tradePanelText { width:190px; } .tradePanel .tradePanelImg{ float: right; } .tradePanel ul.tradeCatLst , .tradePanel ul.tradePanelSmlLst { width:65px; float:left; font-size: .9167em; padding-right: 5px; } .tradePanel ul.tradeCatLst{ width:90px; } ul.tradeCatLst li img { width:79px !important; margin:0; padding:0 !important; } /*--trade directory contextual panel--*/ #tradeDirPanel_Goog { margin-bottom: 10px; } #tradeDirPanel_Goog h5 { margin: 10px 0 5px 0; text-transform:none; font-size:0.9167em; } #tradeDirPanel_Goog p { margin: 10px 0 5px 0; text-transform:none; font-size:0.9167em; display: inline; } #tradeDirPanel_Goog .more{ margin: 10px 0 5px 0; text-transform:none; font-size:0.9167em; float: right; margin-top: 0px; } #tradeDirPanel_Goog li:first-child { border-bottom: 1px dotted #CCC; padding-bottom: 10px; } /*TradeDirectoryPanel New styles*/ .tradeDirPanel { width: 300px; margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 15px; padding-left: 0; border-bottom:3px solid #E1E1E1; } .tradeDirPanel h4 { background-color: #E47620; } .tradeDirPanel form { margin:0 0 10px; } .whatsonTradeDirectory form { margin-top: 5px; } .tradeDirPanel form label, .tradeDirPanel form input { display: block; } .tradeDirPanel .tradePanelText { width: 138px; margin-top:-15px; } .tradeDirPanel form.tradePanelFrmWide .tradePanelText { width:190px; } .tradeDirPanel .tradePanelImg{ float: right; padding-right: 8px; padding-top: 12px; } .tradeDirPanel ul.tradeCategoryLst li { width:42%; padding-right: 20px; float: left; display: block; font-size: .9167em; } .tradeDirPanel .genericButton { float: right; margin-top: -30px; background-color: #CC4701; } .tradeDirPanel .genericButton:hover { background-color: #E95D0F; } /* Podcasts */ .podcastShare { margin-top:10px; } .podcastShare .itunespodcast, .podcastShare .zunepodcast { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -150px 0; display:inline-block; width:105px; height:18px; margin: 0 5px 5px 0; padding:7px 0 0 40px; } .podcastShare .yahoopodcast, .podcastShare .googlepodcast { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -450px 0; display:inline-block; width:105px; height:18px; margin: 0 0 5px 0; padding:7px 0 0 40px; } .podcastShare .googlepodcast { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat 0 0; } .podcastShare .zunepodcast { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -300px 0; } .podcastShare a.googlepodcast:hover { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat 0 -30px; } .podcastShare a.itunespodcast:hover { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -150px -30px; } .podcastShare a.zunepodcast:hover { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -300px -30px; } .podcastShare a.yahoopodcast:hover { background: transparent url(/resources/static/standard/podcast_btns.gif/) no-repeat -450px -30px; } /* Schools module */ .schoolPicture { float:right; } /*-- ADS STYLES --*/ #google-ads-container1, #google-ads-container2, #google-ads-container3, #google_ads_frame1, .classified_yahoo_ads, #OAS_Position1, #OAS_TopRight, #OAS_Right, #OAS_Right1, #OAS_Right2, #OAS_Right3, #OAS_Frame1, #OAS_d_Frame2 { margin-bottom:15px; } #OAS_TopRight, #OAS_Right, #OAS_Right1, #OAS_Right2, #OAS_Right3, #OAS_Frame1 { display:block; } #OAS_Frame1 { text-align: right; } ul.gads { font-size: .9167em; overflow: hidden; } ul.gads li { margin-bottom: 8px; padding-bottom: 9px; border-bottom: 1px dotted #CCCCCC; } ul.gads li h5 { font-family: Verdana,Arial,sans-serif; letter-spacing: 0; line-height: 1.6363em; margin: 0; font-size:1em; letter-spacing: 0; } ul.gads li p { margin-bottom: 0; } .classified_yahoo_ads a { margin-bottom: 10px ; } .mpu { height:1%; margin:0 0 15px 0; } .services table td img[width] { border:none !important; } .miniBanners, .miniButtons { text-align: center; margin:15px 0 0 0; } #OAS_d_x40, #OAS_d_x41, #OAS_d_x42, #OAS_d_x43 { width: 300px; /*height: 60px;*/ overflow: hidden; margin-bottom: 15px; } .miniBanner a, .miniBanner object { margin-bottom:15px; display:block; } #OAS_d_x60, #OAS_d_x61, #OAS_d_x62, #OAS_d_x63, #OAS_d_x64, #OAS_d_x65, #OAS_d_x68, #OAS_d_x69 { overflow: hidden; margin-bottom: 15px; } .miniButton a, .miniButton object { display:block; } .miniButtons .miniButton img { width:120px !important; } /*-- 404 PAGE --*/ .fourofourSearch { margin:20px 0; } .fourofourSearch label { position:absolute; left:-9999px; } .fourofourSearch .field { width: 18em; } .fourofourLinks li { float:left; width: 275px; margin-right:15px; margin-left:15px; list-style-type:disc; } /*HotJobs*/ div.classified.innerPad.hotJobs { overflow: hidden !important; height: 100px; position: relative; } ul.hotJobs { position: relative; height: auto; text-align: center; margin: 0; } li.hotJobs { background: transparent !important; padding-left: 0px !important; } .classified ul li { height: auto !important; } #FlashContent { margin-bottom: 10px; } /* Events search form */ .searchEvents { margin-bottom:15px; } .searchEvents h3 { font-family: verdana, arial, sans-serif; background-color: #891389; color: #FFF; padding:0 5px 3px; margin:0; font-size:1.8em; font-weight:bold; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; position:relative; } .searchEvents h3 img { position:absolute; top:-10px; right:10px; } .searchEvents ul { list-style:none; padding:0; margin:0; } .searchEvents ul li { margin:5px 0; padding:8px 10px 0; background-color: #f8efc5; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .searchEvents form * { margin:0; padding:0; line-height:1; } .searchEvents form input, .searchEvents form select { border:1px solid #ccc; width:180px; margin-bottom:8px; float:left; } .searchEvents form { color:#444; position:relative; } .searchEvents form label { padding:3px 0 0; width:80px; float:left; } .searchEvents form .searchEventsWhatSelect label, .searchEvents form .searchEventsWhere label, .searchEvents form legend { font-size:1.4em; font-weight:bold; } .searchEvents form .searchEventsWhatSelect, .searchEvents form .searchEventsAnd { width:70%; display:block; } .searchEvents form .searchEventsAnd label { padding-left: 80px; width:45px; } .searchEvents form .searchEventsAnd input { width:135px; } .searchEvents form .searchEventsKids, .searchEvents form .searchEventsXmas { position:absolute; top:10px; left: 72%; } .searchEvents form .searchEventsXmas { top:30px; } .searchEvents form .searchEventsKids label, .searchEvents form .searchEventsXmas label { width:90px; padding:0 0 0 5px; } .searchEvents form .searchEventsKids input, .searchEvents form .searchEventsXmas input { width:auto; } .searchEvents form .searchEventsWhen { padding-left:90px; } .searchEvents form .searchEventsWhen legend .styleLegend { position:absolute; left:10px; } .searchEvents form .searchEventsWhen label { margin-right:10px; width:auto; } .searchEvents form .searchEventsWhen input{ width:80px; margin-right:5px; } .searchEvents form .searchEventsWhen .tcalIcon { float:left; margin-right:12px; } .searchEvents form .searchEventsWhere.clearfix { display:block; } .addEventBtn { margin:0; } .cinemaListingsBtn { margin:4px 0 0; } .addEventBtn img, .cinemaListingsBtn img { border:none; } /* Add event form */ .formHelper { font-style:italic; font-size:.9167em; color:#666; } .addEvent .formHelper em { font-weight:bold; display:block; } .radioLabel label { display:inline !important; margin-left:5px !important; } .radioLabel input { width:auto !important; } .addEvent .radioLabel { margin-top:15px; } .addEvent fieldset { margin-top:15px; } .addEvent legend { font-weight: bold; margin: 5px 0 0; padding-left:5px; } .addEvent ul { border:1px solid #ccc; border-top: 25px solid #DDD; margin-top:-25px; padding:5px; } .addEvent ul li label { display:block; margin:10px 0 2px; } .addEvent ul li input, .addEvent ul li select, .addEvent ul li textarea { width: 286px; } .addEventDescFullDesc .formHelper { float:right; margin-top:10px; } .addEvent .addEventDescFullDesc label { float:left; } .addEvent .addEventDescFullDesc input { width:30px; margin:10px 5px 0 0; font-size:.8em; float:right; text-align:right; } .addEvent .addEventDescFullDesc textarea { height:100px; } .addEventOccuranceTime fieldset legend, .addEventOccuranceDays fieldset legend { font-weight: normal; } .addEvent .addEventOccuranceStart label, .addEvent .addEventOccuranceEnd label { float:left; width:80px; } .addEvent .addEventOccuranceStart input, .addEvent .addEventOccuranceEnd input { width:100px; margin-top:10px; } .addEvent .addEventOccuranceTime { position:relative; } .addEvent .addEventOccuranceTime fieldset { margin-top:0; } .addEvent .addEventOccuranceTime legend { padding:10px 0 0; } .addEvent .addEventOccuranceTime select { width:50px; position:absolute; } .addEvent .addEventOccuranceTime #StartTimeHH { top:7px; left:80px; } .addEvent .addEventOccuranceTime #StartTimeMM{ top:7px; left:140px; } .addEvent .addEventOccuranceTime #EndTimeHH{ top:40px; left:80px; } .addEvent .addEventOccuranceTime #EndTimeMM{ top:40px; left:140px; } .addEvent .btn { margin-top:10px; } .addEventOccuranceDays fieldset legend { padding:0; } .addEventOccuranceDays p { margin:0; } .addEventOccuranceDays ul { border:none !important; padding:0; margin-top:0 !important; } .addEventOccuranceDays ul li.radioLabel { float: left; width: 120px; margin:5px 10px 0 0; } .addEventOccuranceDays ul li.addEventOccuranceDaysAll { width:270px } .addEvent .addEventPersonal ul li label { float:left; width:150px; margin:0; } .addEvent .addEventPersonal ul li { margin-bottom:10px; } .addEvent .addEventPersonal ul li input { width:150px; } .addEvent .addEventPersonal ul li.radioLabel label, .addEvent .addEventPersonal ul li.addEventCaptcha label { float:none; } .addEvent .addEventPersonal ul li.addEventCaptcha label { width:auto; margin:5px 0; } .addEventDisclaimer { font-size:.8em; } @media all and (min-width: 0px){ /* Target Opera & Webkit */ html:first-child .addEvent ul, html:first-child .addEvent fieldset { margin-top:5px; } html:first-child .addEvent legend { position:relative; top:15px; margin-top:0; } html:first-child .addEvent input[type=checkbox] { width:12px !important; } html:first-child .addEvent .addEventOccuranceDays legend { top:0; margin-top:15px; } html:first-child .addEventOccuranceTime fieldset legend { top:0; padding:0 0 15px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Target Webkit */ body:nth-of-type(1) .addEvent legend { position:relative; top:20px; margin-top:15px; } body:nth-of-type(1) .addEvent .addEventOccuranceDays legend { top:0; } body:nth-of-type(1) .addEventOccuranceTime fieldset legend { top:10px; padding:0 0 15px; } } /* Elections */ .elections form { background: #EEE; padding: 10px; border:1px solid #E1E1E1; } .elections form label { margin-right:20px; font-weight:bold; } .elections form select{ min-width:250px; max-width:380px; margin-right:20px; } .elections form input { vertical-align:top; } .elections h3 { border-bottom: 1px dotted #999; } .elections h4 { background-color: #87AAC1; clear:both; } .elections table { width:100%; margin-bottom:30px; border-collapse:separate; } .elections table thead { background-color: #ccc; text-transform:uppercase; font-weight:bold; } .elections table tbody { background-color: #eee; } .elections table th, .elections table td { padding: 2px 5px; border:1px solid #FFF; } .elections table img { margin-right:10px; vertical-align:middle; } .elections table .tdVotes { text-align:right; width: 50px; } .elections table .thCandidate{ width: 200px; } .elections .elecPartyImg { float:right; } .elections .elecBack { float:right; } .elections .elecLogo, .elections .elecCandidateImg { float:right; clear:right; padding:0 0 0 10px; background-color: #FFF; } .elections .elecLogo img,.elections .elecCandidateImg img { height: 130px; width:auto; border:1px solid #ccc; padding:5px; background-color: #EEE; } .elections .elecCandidateImg { margin-top:0; clear:right; } .elections .elecCandidateImg img { height: auto; width:120px; } .elections h3 img { width:30px; height:auto; } .elections table .electionWinner { background-color: #FAA; } /* National Elections */ .electionsBack { text-align: right; } #electionsContent .electionsSelectArea { border: 1px solid #CCC; background-color: #EEE; padding: 5px; margin-bottom: 10px; } #electionsContent .electionsSelectArea label { font-weight: bold; margin-right: 10px; float: left; padding: 2px 0; } #electionsContent .electionsSelectArea select { float: left; } #electionsContent .electionsSelectArea p { float: right; margin:0; padding: 2px 0; } #electionsContent .electionsAZ li { float: left; margin-right: 1px; padding: 0; text-align: center; width: 1.7445em; line-height: 1.7445em; background-color: #7F8C90; border: 1px solid #56686C; font-weight: bold; color: #BBB; } #electionsContent .electionsAZ li a { color: #FFF; display: block; } #electionsContent .electionsAZ li a:hover { background-color: #333; } #electionsContent h5 { border-bottom: 1px solid #7F8C90; color: #333; } #electionsContent .rssPanel h5 { border-bottom: none; } #electionsContent .electionsList li { float: left; width: 48%; margin-right: 1%; } #electionsContent .electionsTop { float: right; font-size: .9166em; margin: 0; } .electionsCandidatePic { width: 300px; margin-bottom: 10px; } .electionsPartyCandidatePic { float: right; margin: 0 0 10px 10px; } /* Constituency panel */ .pollResultsName, .pollResultsSwing { font-weight: bold; padding: 2px 5px; background-color: #DDD; margin-bottom: 5px; } ul.pollResults { list-style: none; padding: 0; } ul.pollResults li { margin-bottom: 5px; padding: 2px 5px 5px; background-color: #EEE; } ul.pollResults li span { display: block; } ul.pollResults li strong { float: right; } .pollResultsSeeAll { border-bottom: 3px solid #EEE; text-align: right; padding-bottom: 15px; } /* Election games list */ .electionsGamesList li { float: left; width: 49%; text-align: center; font-weight: bold; } .electionsGamesList li img { margin: 10px 20px; } h4.elections { background-color: #cfcf00 !important; } .electionsConstPanel { border-bottom:3px solid #E1E1E1; margin:0 0 15px !important; padding:0 0 15px; } .electionsConstPanel li { border-bottom:1px dotted #E1E1E1; padding-bottom:4px; } /* RSS panel */ .rssPanel h4 { position: relative; } .rssPanel h4 img { width:25px; height:25px; padding:1px; position: absolute; right:0; top:-4px; border:1px solid #ccc; } .rssPanel .rssStory { border-bottom: 1px dotted #ccc; margin-bottom: 5px; } .rssPanel .rssStory h5 { text-transform: none; font-family: verdana, arial, sans-serif; font-weight:normal; font-size: 1em; letter-spacing: 0; } .rssPanel .rssStory p { margin: 0 0 5px; padding: 0 0 0 15px; } .rssPanel .rssDate { font-size: .8em; color: #666; } .rssPanel .rssDate span { font-weight:bold; } .rssPanel .rssCopy { font-size: .9167em; } .rssPanel .rssLink { font-size: .9167em; text-align:right; display:none; } .rssPanel .rssDisclaimer { font-size: .9167em; margin-bottom:0; } .rssPanel .rssToggle { display:none; } .rssPanel .rssStoryJs h5 a { display:block; padding-left: 15px; background: url(/resources/static/standard/switch.gif/) no-repeat 0 3px; } .rssPanel .rssStoryJs h5 a:hover { background-position: 0 3px; } .rssPanel .rssStoryJs h5 a.rssOpen { background-position: 0 -48px; } .rssPanel .rssStoryJs h5 a.rssOpen:hover { background-position: 0 -48px; } .rssPanel .rssStoryJs .rssLink { display: block; } /* Automatic related stories in preview */ .autoRelated { border:1px solid #660000; margin-bottom:20px; } .autoRelated h4 { background: #993000; padding:4px 5px; } .autoRelated p, .autoRelated h5 { margin-left:5px; margin-right:5px; } .autoRelated h5 { border-top:3px solid #ccc; padding-top:10px; margin-top:10px; text-transform:none; } .autoRelated h5 input { margin:0 5px 0 0; float:left; } .autoRelated h5 a { display:block; padding-left:20px; } /* 3D Film Awards [STATIC PAGE] ---------------------------------------------- */ #filmAwards h4 {padding-top:12px;font-size:1em !important;} #filmAwards ul {list-style:none;margin:0 0 16px 0;padding:0;} #filmAwards li {margin:0;padding:0;} #filmAwards .movie {display:none;} #filmAwards #fa-terms {padding-top:30px;font-size:0.9167em;color:#999;} #filmAwards .movieThumb {} #filmAwards .exampleaward {float:left;margin:0 10px 5px 0;} #filmAwards .raImg {float:right;margin:0 0 5px 10px;} #facebox .b { background:url(/resources/static/standard/images/facebox/b.png/); } #facebox .tl { background:url(/resources/static/standard/images/facebox/fbx-border-sprite.png/) 0 0; width: 10px; height: 10px; } #facebox .tr { background:url(/resources/static/standard/images/facebox/fbx-border-sprite.png/) -10px 0; width: 10px; height: 10px; } #facebox .bl { background:url(/resources/static/standard/images/facebox/fbx-border-sprite.png/) -20px 0; width: 10px; height: 10px; } #facebox .br { background:url(/resources/static/standard/images/facebox/fbx-border-sprite.png/) -30px 0; width: 10px; height: 10px; } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .body .content div { text-align: center !important; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .footer img { vertical-align: middle; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* SURVEY POPUP (OAS_Right) - *To be removed when survey ends (tbc)* ----------------------------------------------------------------------------------- */ #OAS_Right #survey { background: #FFF; border: 6px solid #993300; position: absolute; left: 50%; top: 410px; margin-left: -145px; width: 290px; height: 306px; padding: 10px; z-index: 100; } #OAS_Right #survey a.closeLink { cursor: pointer; float: right; padding-right: 20px; background: url(/resources/static/survey/close_icon.gif/) 100% 0 no-repeat; } #OAS_Right #survey img.sLogo { margin-bottom: 10px; } #OAS_Right #survey ul.surveyAnswer { list-style: none; padding: 0; overflow: hidden; } #OAS_Right #survey ul.surveyAnswer li { width: 50%; float: left; text-align: center; } #OAS_Right #survey ul.surveyAnswer li img { cursor: pointer; } /* GENESIS ADVERTORIAL STATIC PAGES -------------------------------------------------------------------------------------------------- */ #genIntroImg { width: 630px; float: left; display: inline; margin-right: 20px; } #genIntroCopy { position: relative; width: 310px; height: 636px; float: left; display: inline; } #genIntroCopy p { font-size: 1.2em; color: #666; } #genIntroCopy p em { font-style: normal; text-transform: uppercase; font-weight: bold; color: #49b043; } #genIntroCopy #genCTA { width: 310px; } #genIntroCopy #genCTA img { display: block; margin: 0; } #genIntroCopy #genCTA p { margin-bottom: 0; font-size: 1em; color: #898989; } #genIntroCopy #genCTA p a { text-decoration: none; color: #49b043; } #genesis-advertorial { font-size: 1em; line-height: 1.5; font-family: arial; } #genesis-advertorial h2 { margin: 0; padding: 0; font-family: arial; font-size: 1.1em; font-weight: bold; color: #49b043; } #genesis-advertorial p { margin-top: 0; } #genesis-advertorial a { text-decoration: underline; color: #000; } #genesis-advertorial a:hover, #genesis-advertorial a:focus { text-decoration: none; color: #000; outline: none; } #genesis-advertorial ul { margin-top: 0; padding: 0; list-style: inside; } #genesis-advertorial ul#genCriteria li { margin-bottom: 15px; padding: 0; font-weight: bold; } #genesis-advertorial .genCol { width: 300px; float: left; display: inline; margin-bottom: 20px; } #genesis-advertorial .genCol.gen1, #genesis-advertorial .genCol.gen2 { margin-right: 30px; } #genesis-advertorial p.genAssociate { font-weight: bold; text-transform: uppercase; } #genesis-advertorial p.genAssociate img { vertical-align: top; margin-left: 10px; } #genesis-advertorial h2.mapSelect { text-transform: uppercase; color: #49b043; } #genesis-advertorial div.genMapWrap { position: relative; margin-bottom: 16px; } #genesis-advertorial img.genMap { margin-bottom: 10px; border: none; } .JSEnabled ul#genMap { display: none; } #genesis-advertorial ul#genMap.active { display: block; position: relative; width: 300px; height: 256px; margin: 0; padding: 0; list-style: none; background: url(/resources/static/standard/images/map.jpg/) 0 0 no-repeat; } #genesis-advertorial ul#genMap.active li { display: block; position: absolute; width: 60px; height: 24px; background: transparent; } #genesis-advertorial ul#genMap.active li.north { top: 73px; left: 111px; } #genesis-advertorial ul#genMap.active li.south { top: 179px; left: 149px; } #genesis-advertorial ul#genMap.active li.east { top: 98px; left: 217px; } #genesis-advertorial ul#genMap.active li.west { top: 93px; left: 39px; } #genesis-advertorial ul#genMap.active li.central { width: 64px; top: 112px; left: 125px; } #genesis-advertorial ul#genMap.active li a { display: block; height: 24px; text-indent: -9999px; } #genesis-advertorial div.genMapProperty h3 { margin: 0; text-transform: uppercase; font-family: arial; font-size: 1.1em; color: #49b043; } #genesis-advertorial div.genMapProperty ul { list-style: none; } #genesis-advertorial div.genMapProperty ul li { padding: 0; margin: 0; } #genesis-advertorial div.genMapProperty p a { font-weight: bold; text-decoration: none; } /* MY ACCOUNT FORMS - updated 25/02/2010 (CG) ---------------------------------------------------------- */ #userAccount li a { background-image: none; } #myCarsSearch {} form#userCarsSearch fieldset { margin: 0 0 20px 0; overflow: auto; clear: both; } fieldset#csSaleType ul { overflow: auto; } fieldset#csSaleType ul li { float: left; margin-right: 10px; } fieldset#csMakeModel label, fieldset#csPriceRange label { display: inline-block; width: 120px; } fieldset#csSaleType .headLabel, fieldset#csOptions .headLabel { display: block; margin-bottom: 5px; font-size: 0.986em; } fieldset#csOptions .headLabel { font-weight: bold; } fieldset#csOptions .headLabel a { display: none; } .JSEnabled fieldset#csOptions .headLabel a { display: inline; } fieldset#csOptions ul { overflow: auto; } fieldset#csOptions li { float: left; width: 180px; } fieldset#csOptions p.checkAllAlign { clear: both; margin-bottom: 15px; } fieldset#csLocation ul.carsResultsOrder { overflow: auto; } fieldset#csLocation li { margin-bottom: 5px; } fieldset#csLocation ul.carsResultsOrder li { float: left; margin-right: 10px; } #myHomesSearch.art ul { padding-left: 0; list-style-type: none; } #myHomesSearch .searchOptions { overflow: auto; margin-bottom: 20px; } #myHomesSearch .searchOptions li { float: left; margin-right: 25px; cursor: pointer; } #myHomesSearch .searchOptions li input { margin: 0 2px 0 0; } .JSEnabled #myHomesSearch #chooseSearch, .JSEnabled #myHomesSearch h4.homeCriteria { display: block; } #myHomesSearch #chooseSearch, #myHomesSearch h4.homeCriteria, .JSEnabled #myHomesSearch #homeRent, .JSEnabled #myHomesSearch #homeSale h4, .JSEnabled #myHomesSearch #homeRent h4 { display: none; } #myHomesSearch .propertySearchSubmit { padding-top: 12px; margin-bottom: 20px; } #myHomesSearch ul#userPropertySale label, #myHomesSearch ul#userPropertyRent label { display: inline-block; width: 128px; } #myHomesSearch ul#userPropertySale li.propertySearchAlerts label, #myHomesSearch ul#userPropertyRent li.propertySearchAlerts label { width: auto; } #myJobsSearch p.jobSearchKeywords label { margin-right: 5px; } #myJobsSearch .jobSearchKey { width: 284px; float: left; } #myJobsSearch .jobSearchLoc { width: 240px; float: left; } #myJobsSearch .jobSearchSubmit { width: 100px; float: left; padding-top: 10px; text-align: center; } #myJobsSearch .jobSearchKey ul li { float: left; margin-right: 15px; padding-top: 3px; } #myJobsSearch .jobSearchKey ul li input { margin: 0 3px 0 0 !important; padding: 0 !important; } #myJobsSearch h4 { clear: both; } #myJobsSearch .jobSearchIndustries { clear: both; margin-bottom: 15px; } #myJobsSearch .jobSearchIndustries li { float: left; width: 50%; } #myJobsSearch .advancedFS1, #myJobsSearch .advancedFS2 { width: 284px; float: left; margin-bottom: 15px; } #myJobsSearch .advancedFS1 label { display: inline-block; width: 60px; } #myJobsSearch .advancedFS1 .job_type, #myJobsSearch .advancedFS1 .jobTypeList { float: left; } #myJobsSearch .advancedFS2 { width: 300px; } p.sectorToggle { display: none; cursor: pointer; } .JSEnabled p.sectorToggle { display: block; color: #197777; } /* MY ACCOUNT - Register */ .userRegIntro ul li ul { list-style-type: circle; margin-bottom: 12px; } /* MY ACCOUNT - Sign In */ form#signIn .rememberSignIn { margin-bottom: 10px; } form#signIn .rememberSignIn label { display: block; width: 166px; } form#signIn .rememberSignIn input { float: right; } form#signIn .btn { margin-left: 5px; } /* MY ACCOUNT - Update */ form#register p.privacy, form#update p.privacy { padding: 15px 5px 5px 5px; font-size: 0.866em; } /* MY ACCOUNT - User options */ .art.userDetails, .art.userSections { min-height: 200px; } .art.userSections a { letter-spacing: 1px; line-height: 1.3em; font-family: Georgia,Times,serif; font-weight: bold; font-size: 1.35em; } .art.emailBulletins ul { margin-bottom: 8px !important; } .art.emailBulletins ul li { margin-bottom: 8px !important; } .accountSignOut input { float: right; } .art.userDetails form { padding-top: 10px; } .art.userOptions ul, .art.userOptions ul li { margin: 0; padding: 0; list-style: none; } .art.userOptions ul li a { padding: 0; } .art.userOptions ul, .art.userOptions p { margin-bottom: 15px; } .art.userOptions table { margin-bottom: 20px; } .art.userOptions table th { vertical-align: top; padding: 0 20px 0 0; text-align: left; font-weight: normal; } .art.userOptions table td { vertical-align: top; padding: 0 10px; } .art.userOptions table td.spacer { height: 10px; } .art.userOptions table td span.expired { font-weight: bold; color: #F00; } .art.userOptions table th a, .art.userOptions table td a { text-decoration: underline; } .art.userOptions table.userCVs th { font-weight: bold; padding: 0 0 5px 0; } .art.userOptions table.userCVs th.title { width: 150px; } .art.userOptions table.userCVs td { padding: 0 20px 5px 0; } .art ul.bulletin, .art ul.bulletin li { margin: 0; padding: 0; list-style: none; } .art ul.bulletin li a { margin: 0; padding: 0; display: inline; } /* MY ACCOUNT - Home */ .art.userDetails ul, .art.userDetails ul li { margin: 0 !important; padding: 0; list-style: none; position: relative; } .art.userDetails ul li a { padding: 0 !important; } .art ul.savedSections, .art ul.savedSections li { margin: 0; padding: 0; list-style: none; } .art ul.savedSections li a { padding: 0; } /* MY ACCOUNT - USER CV FORMS */ .createCV span.mandatory { font-size: .9167em; color: #666; } #cvUploadStep1 fieldset label { width: 150px; display: inline-block; } #cvUploadStep1 #terms_id label { width: auto; } #cvUploadStep6 fieldset { margin-bottom: 15px; } #cvUploadStep6 .workInterest label, #cvUploadStep6 .salaryDistance label { display: inline-block; width: 150px; } #cvUploadStep6 label.shortLabel { width: auto; } #cvUploadStep6 ul.sectors { overflow: auto; } #cvUploadStep6 ul.sectors li { float: left; width: 50%; } fieldset.cvPublicPrivate input {margin: 0 2px 0 0 !important;} .dblCol.viewCV ul { margin-bottom: 20px; padding-top: 5px; } .dblCol.viewCV ul li { margin-bottom: 8px; } .createCV textarea { width: 100%; height: 290px; } #cvNextStep { padding-top: 20px; } #cvNextStep input { float: right; } td.cvHelp a { position: relative; background: url(http://m6.herefordtimes.com/resources/static/standard/icon_help.gif) right top no-repeat; width: 98px; padding:0; display:block; } td.cvHelp .cvTip { display: none; position: absolute; top: -8px; right: -212px; z-index: 9999; width: 200px; background: #FFF; border: 3px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; } td.cvHelp a:hover .cvTip { display: block; } td.cvHelp a:hover { text-decoration: none !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Target Webkit */ body:nth-of-type(1) td.cvHelp a { display:block; } } td.cvHelp .cvTip h3 { display: block; margin: 0 !important; padding: 5px 5px 0 5px !important; text-decoration: none !important; font-size: 1em; } td.cvHelp .cvTip p { margin: 0 !important; padding: 5px !important; text-decoration: none !important; font-size: 0.917em; color: #000; } .viewCV .cvDetail { padding-top: 8px; } .viewCV .cvDetail h3 { letter-spacing: 0px; font-family: Verdana; font-size: 1em; font-weight: bold; color: #333; } /* MY ACCOUNT - Fish4 modal */ a.modalInit { display:none; } .JSEnabled .fish4pass, .JSEnabled #fish4modal { display: none; } #fish4modal { background: #FFF; z-index: 9999; } /* MY ACCOUNT - FAQ */ #userAccount dt { font-weight: bold; } #userAccount dd { margin-bottom: 1.2em; } #userAccount dt:before { content: "Q: "; color: #4d6064; text-shadow: #666 .1em .1em .1em; font-size: 1.1em; } #userAccount dd:before { content: "A: "; color: #4d6064; text-shadow: #666 .1em .1em .1em; font-size: 1.1em; font-weight: bold; } /*Twitter macro styles*/ li.twitter { border-bottom: #999 dotted 1px; padding-bottom: 5px; list-style-type: none; } img.twitterThumb { float: left; } p.twitter { margin-left: 55px; } div.twitter { margin-left: 55px; } h4.twitterHeader { background:url("/resources/static/standard/dashed_shaded.png/") repeat-x scroll 0 -1px #197777; color:#FFFFFF; font-size:.9167em; font-weight:bold; line-height:1.05em; padding:3px 5px; text-transform:uppercase; } #twitterSearch ul { padding: 0; } #twitterSearch div.twitter { text-align: right; font-size: .8em; } .twitterDisclaimer { font-size: .8em; color: #666; padding-bottom: 10px; border-bottom: 1px solid #E1E1E1; } .uploadLnk { font-weight: normal; } /* Simple style for a header for all non-live sites */ .globalWarning { padding:0 5px; background-color: #DDD; position:fixed; top: 0px; width:950px; border-bottom:1px solid #CCC; z-index: 9999; font-size: 200%; line-height: 1.3em; } /* SEND YOUR NEWS */ p.sendYourNewsHelper { font-size: .9167em; color: #666; margin: 0; clear: both; } .sendYourNewsLeft, .sendYourNewsRight { float:left; width: 300px; } .sendYourNewsLeft { margin-right: 30px; } .sendYourNewsForm fieldset { float:left; background-color: #eaf2f3; border: 1px solid #d5e3e5; border-top: none; /*width: 628px;*/ width: 298px; margin-bottom: 20px; } .sendYourNewsForm fieldset.sendYourNewsStory, .sendYourNewsForm fieldset.sendYourNewsPhotos, .sendYourNewsForm fieldset.sendYourNewsVideo { width: 298px; } /* .sendYourNewsForm fieldset.sendYourNewsStory, .sendYourNewsForm fieldset.sendYourNewsVideo { margin-right: 30px; } */ .sendYourNewsForm legend { /*width: 608px;*/ width: 278px; background: #a6c4c9 url('/resources/static/standard/legend_bg_generic.png/') repeat-x 0 0; border: 1px solid #a9c8cf; line-height: 1.9166em; font-weight: bold; display: block; padding: 0 10px; margin: 0 -1px; } .sendYourNewsForm fieldset.sendYourNewsStory legend, .sendYourNewsForm fieldset.sendYourNewsPhotos legend, .sendYourNewsForm fieldset.sendYourNewsVideo legend { width: 278px; } .sendYourNewsForm fieldset ul { list-style: none; padding: 10px 10px 0 10px; } .sendYourNewsForm fieldset ul li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .sendYourNewsForm fieldset ul li { margin: 0 0 10px 0; line-height: 1.8333em; padding: 5px; background-color: #FFF; border: 1px solid #FFF; display: inline-block; display: block; } .sendYourNewsForm fieldset ul li.formFocus { background-color: #f9f0cc; border: 1px solid #f0e3b0; } .sendYourNewsForm fieldset ul li label { float: left; width: 200px; font-weight: bold; } .sendYourNewsForm fieldset ul li label span { color: #ff0000; padding-right: 5px; } .sendYourNewsForm fieldset ul li input { width: 200px; float:left; } .sendYourNewsForm fieldset ul li textarea { width: 264px; } .sendYourNewsForm fieldset ul li input, .sendYourNewsForm fieldset ul li textarea { background-color: #F4F4F4; border-color: #A5ACB2; } .sendYourNewsForm .sendYourNewsStory input, .sendYourNewsForm .sendYourNewsPhotos input { width: 264px; } .sendYourNewsForm .sendYourNewsPhotos p.sendYourNewsHelper, .sendYourNewsForm .sendYourNewsPersonal p.sendYourNewsHelper, .sendYourNewsForm .sendYourNewsVideo p.sendYourNewsHelper { margin: 5px 10px; } .sendYourNewsForm fieldset ul li.sendYourNewsDivider { margin-top: 30px; } .sendYourNewsForm fieldset p.sendYourNewsAdd { margin: 10px; line-height: 1.8em; font-size: .9167em; } .sendYourNewsForm fieldset p.sendYourNewsAdd a { display:inline-block; padding-left: 25px; background: url('/resources/static/standard/form_add.png/') no-repeat 0 50%; } .sendYourNewsForm fieldset p.sendYourNewsAdd a:hover { cursor:pointer; } .sendYourNewsForm .facebookSelect { clear: both; margin: 0; padding-top: 5px; } .sendYourNewsForm .facebookPreviewImage img { margin-right:10px; } .sendYourNewsForm button.genericButton { float: right; } /* .JSEnabled .sendYourNewsForm button.genericButton { margin: 10px 60px 0 0; } */ /* SEND YOUR NEWS - Validation */ #sendYourNews .validateError { padding: 5px 5px 5px 40px; margin-bottom: 10px; border: 1px solid #990000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffeded url('/resources/static/standard/images/generic_error.png/') no-repeat 10px 3px; } #sendYourNews .validateError h4 { font-size: 1.0833em; color: #990000; background: none; text-transform: none; letter-spacing: 0; } #sendYourNews .validateError ul li { margin-left: 15px; list-style: disc; } /* SEND YOUR NEWS - Validation - errors */ #sendYourNews fieldset li.fieldInvalid { background: #CC3333 url('/resources/static/standard/images/generic_error_bg.png/') repeat-x 0 0; color: #FFF; } #sendYourNews fieldset li.fieldInvalid label span, #sendYourNews fieldset li.fieldInvalid p { color: #FFEDED; } #sendYourNews div.fieldInvalid .recaptcha_only_if_incorrect_sol { display: block !important; } /* GENERIC MESSAGES */ .msgSuccess { padding: 5px 5px 5px 40px; border: 1px solid #B9D065; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F5FAE5 url('/resources/static/standard/images/generic_tick.png/') no-repeat 10px 7px; } /* GENERIC FORM */ .genericHelper { font-size: .9167em; line-height: 1.6363em; color: #666; margin: 0; clear: both; } .genericHelperIcon { font-size: .9167em; color: #666; margin: 0; clear: both; padding-left: 20px; background: url('/resources/static/standard/images/generic_info.png/') no-repeat 0 0; } .genericForm fieldset { /* width: 628px; A width must be assigned to specific fieldsets in order to style legends properly */ float:left; background-color: #eaf2f3; border: 1px solid #d5e3e5; border-top: none; margin-bottom: 20px; } .genericForm legend { /* width: 610px; A width must be assigned to specific legends in order to style legends properly */ display: block; background: #81999E; color: #FFF; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid #4D6064; font-size: 1.5em; line-height: 1.5em; font-family: Verdana,Arial,sans-serif; letter-spacing: normal; font-weight: bold; padding: 0 10px; margin: 0 -1px; } .genericForm fieldset ul { list-style: none; padding: 10px 10px 0 10px; } .genericForm fieldset ul li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .genericForm fieldset ul li { margin: 0 0 10px 0; line-height: 1.8333em; padding: 5px; background-color: #FFF; border: 1px solid #FFF; display: inline-block; display: block; } .genericForm fieldset ul li.formFocus { background-color: #f9f0cc; border: 1px solid #f0e3b0; } .genericForm fieldset ul li label { float: left; width: 160px; font-weight: bold; } .genericForm fieldset ul li label span { color: #ff0000; padding-right: 5px; } .genericForm fieldset ul li input { width: 180px; float:left; } .genericForm fieldset ul li textarea { /* width: 594px; */ } .genericForm fieldset ul li input, .genericForm fieldset ul li textarea, .genericForm fieldset ul li select { background-color: #F4F4F4; border-color: #A5ACB2; padding: 1px 0; vertical-align: baseline; } .genericForm fieldset ul li select { padding: 0; display: block; } .genericForm fieldset ul li.genericRadio label { width: auto; float: none; } .genericForm fieldset ul li.genericRadio label.genericLongLabel { font-weight: normal; font-size: 0.9167em; } .genericForm fieldset ul li.genericRadio input { margin:0 5px 0 0; width:auto; float: none; background-color: #FFF; border: none; } .genericForm fieldset ul li.genericDivider { margin-top: 30px; } .genericForm fieldset ul li .genericHelper { margin: 0; } .genericForm .genericButton { float: right; } /* GENERIC FORM - Validation */ .validateError { padding: 5px 5px 5px 40px; margin-bottom: 10px; border: 1px solid #990000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffeded url('/resources/static/standard/images/generic_error.png/') no-repeat 10px 3px; } .validateError h4 { font-size: 1.1666em; font-family: Verdana,Arial,sans-serif; line-height: 1.2857em; color: #990000; background: none; text-transform: none; letter-spacing: 0; padding: 0; } .validateError ul li { margin-left: 15px; list-style: disc; } /* GENERIC FORM - Validation - errors */ .genericForm fieldset ul li.fieldInvalid { background: #CC3333 url('/resources/static/standard/images/generic_error_bg.png/') repeat 0 0; color: #FFF; } .genericForm fieldset ul li.fieldInvalid label span, .genericForm fieldset ul li.fieldInvalid p { color: #FFEDED; } .genericForm div.fieldInvalid .recaptcha_only_if_incorrect_sol { display: block !important; } /* REGISTRATION - 09/2010 */ div#account { font-size: 1em; line-height: 1.5em; } div#account p, div#account ul { margin-bottom: 1.5em; } div#account fieldset p, div#account fieldset ul { margin-bottom: 0; } div#account label { line-height: 1.5em; } div#account h3.regHead { font-size: 1.6666em; font-weight: bold; color: #4D6064; margin: 0 0 1em 0; letter-spacing: 0; font-family: Verdana,Arial,sans-serif; } /* REGISTRATION - Step 1 */ div#account p.regEasy em { font-style: normal; } div#account p.regEasy { font-size: 1.6666em; font-weight: bold; color: #4D6064; text-align: center; margin: 1em 0; } div#account ul.regEasy { background: url('/resources/static/standard/images/reg_or.png/') no-repeat 0 100%; font-weight: bold; line-height: 2.25em; padding: 0 0 80px 280px; margin-bottom: 0; } div#account ul.regEasyFB { background: url('/resources/static/standard/images/reg_bg1.png/') no-repeat 0 100%; font-weight: bold; line-height: 2.25em; padding: 0 0 80px 280px; margin-bottom: 0; } div#account ul.regEasy li, div#account ul.regEasyFB li { background: url('/resources/static/standard/images/reg_icons.png/') no-repeat 0 0; padding-left: 40px; height: 35px; float: left; margin-right: 50px; white-space: nowrap; } div#account ul.regEasy li.regEasyComments, div#account ul.regEasyFB li.regEasyComments { background-position: 0 -80px; } div#account ul.regEasy li.regEasyEmail, div#account ul.regEasyFB li.regEasyEmail { background-position: 0 0; } div#account ul.regEasy li.regEasySave, div#account ul.regEasyFB li.regEasySave { background-position: 0 -40px; } div#account .regFBlogin { text-align: center; margin: 20px 0 150px; } div#account .regFBlogin { text-align: center; margin: 20px 0 150px; } div#account .regFBlogin span.fb_button_text { display: block !important; } /* REGISTRATION - Step 1 & MY ACCOUNT - Log in + Newsletters forms */ div.regCreate, div.regExist, div.logUs, div.logSocial { float: left; width: 448px; margin-bottom:40px; margin-top: -25px; background-color: #eaf2f3; border: 1px solid #d5e3e5; min-height: 240px; } div.logUs, div.logSocial { margin-top: 0; } div.regCreate, div.logUs { margin-right: 59px; } div#account.regStep1 h3, div#account.login .logUs h3, div#account.login .logSocial h3, div#account .accOther h3 { background: #81999E; color: #FFF; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid #4D6064; font-size: 1.5em; line-height: 1.5em; font-family: Verdana,Arial,sans-serif; letter-spacing: normal; font-weight: bold; padding: 0 10px; text-align: center; margin: -1px -1px 0 -1px; } div#account.regStep1 .regCreate .genericHelper, div#account.login .logUs .genericHelper, div#account.accHome .accNewsletters .genericHelper { margin: 5px 0 0 10px; } div#account.regStep1 .regCreate form li .genericHelper, div#account.login .logUs form li .genericHelper { margin: 0; } div#account.regStep1 .regCreate form .genericHelper, div#account.login .logUs form .genericHelper { float: left; clear: none; margin-top: 0; width: 300px; } div#account.regStep1 .regForm ul, div#account.login .logForm ul, div#account.accHome .accNewsletters ul, div#account.accHome .accClassifieds ul { border-top: none; list-style: none; padding: 10px 10px 0 10px; margin: 0; } .regStep1 .regForm ul li:after, .login .logForm ul li:after, .accHome .accNewsletters ul li:after, .accHome .accClassifieds ul li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .regStep1 .regForm ul li, .login .logForm ul li, .accHome .accNewsletters ul li, .accHome .accClassifieds ul li { margin: 0 0 10px 0; line-height: 1.8333em; padding: 5px; background-color: #FFF; border: 1px solid #FFF; display: inline-block; display: block; } .regStep1 .regForm ul li.formFocus, .login .logForm ul li.formFocus, .accHome .accNewsletters ul li.formFocus { background-color: #f9f0cc; border: 1px solid #f0e3b0; } .regStep1 .regForm ul li label, .login .logForm ul li label { float: left; width: 200px; font-weight: bold; } .regStep1 .regForm ul li label span, .login .logForm ul li label span { color: #ff0000; padding-right: 5px; } .regStep1 .regForm ul li input, .login .logForm ul li input, .accHome .accNewsletters ul li input { width: 200px; float:left; background-color: #F4F4F4; border-color: #A5ACB2; } .regStep1 .regForm ul li.genericRadio label, .login .logForm ul li.genericRadio label { width: auto; float: none; } .regStep1 .regForm ul li.genericRadio input, .login .logForm ul li.genericRadio input, .accHome .accNewsletters ul li.genericRadio input { margin:0 5px 0 0; width:auto; float: none; vertical-align: baseline; background-color: #FFF; border: none; } .regStep1 .regForm .genericButton, .login .logForm .genericButton, .accHome .accNewsletters .genericButton { margin: 0 10px 10px 0; } div#account .regExist .commentLogSocial, div#account .logSocial .commentLogSocial { margin-top: 30px; } div#account .regExist .regFacebook, div#account .logSocial .logFacebook, div#account .regExist .regGoogle, div#account .logSocial .logGoogle, div#account .regExist .regTwitter, div#account .logSocial .logTwitter { width: 155px; text-indent: -9999px; margin: 10px 151px; float: none; } div#account .regExist .regFacebook a, div#account .logSocial .logFacebook a, div#account .regExist .regGoogle a, div#account .logSocial .logGoogle a, div#account .regExist .regTwitter a, div#account .logSocial .logTwitter a { background: url('/resources/static/standard/images/social_login_FB.png') no-repeat 0 0; display: block; width: 155px; height: 44px; } div#account .regExist .regFacebook a:hover, div#account .logSocial .logFacebook a:hover, div#account .regExist .regGoogle a:hover, div#account .logSocial .logGoogle a:hover, div#account .regExist .regTwitter a:hover, div#account .logSocial .logTwitter a:hover { background-position: 0 -45px; } div#account .regExist .regFacebook a:active, div#account .logSocial .logFacebook a:active, div#account .regExist .regGoogle a:active, div#account .logSocial .logGoogle a:active, div#account .regExist .regTwitter a:active, div#account .logSocial .logTwitter a:active { background-position: 1px -44px; } div#account .regExist .regFacebook a span, div#account .logSocial .logFacebook a span, span.fb_button_text { /* FB override */ display: none !important; } div#account .regExist .regGoogle a, div#account .logSocial .logGoogle a { background: url('/resources/static/standard/images/social_login_goog.png') no-repeat 0 0; } div#account .regExist .regTwitter a, div#account .logSocial .logTwitter a { background: url('/resources/static/standard/images/social_login_twitt.png') no-repeat 0 0; } div#account.regStep1 .regForm .validateError, div#account.login .logForm .validateError { margin: 10px; } div#account.regStep1 .regForm .validateError ul, div#account.login .logForm .validateError ul { padding:0; margin-left: -30px; } div#account.regStep1 .regForm .validateError ul li, div#account.login .logForm .validateError ul li { list-style: none; background-color: transparent; border: none; display:block; line-height:1.8333em; margin:0; padding:0; color: #333; } .regStep1 .regForm .validateError ul li label, .login .logForm .validateError ul li label { font-weight: normal; float: none; width: auto; } /* REGISTRATION - Step 1 - Validation - errors */ .regStep1 .regForm ul li.fieldInvalid, .login .logForm ul li.fieldInvalid { background: #CC3333 url('/resources/static/standard/images/generic_error_bg.png/') repeat-x 0 0; color: #FFF; } .regStep1 .regForm ul li.fieldInvalid label span, .regStep1 .regForm ul li.fieldInvalid p, .login .logForm ul li.fieldInvalid label span, .login .logForm ul li.fieldInvalid p { color: #FFEDED; } /* REGISTRATION - Step 2 */ .regStep2 .genericForm fieldset.regDetails { width: 378px; margin-right: 30px; margin-bottom: 10px; } .regStep2 .genericForm .regDetails legend { width: 360px; } .regStep2 .genericForm fieldset.regExtra { width: 548px; float: right; padding-bottom:10px; margin-bottom: 10px; } .regStep2 .genericForm .regExtra legend { width: 530px; } .regStep2 p.regTcs { width: 720px; } .regStep2 .genericButton { margin: -50px 0 30px; } /* REGISTRATION - Step 3 thank you */ div#account ul.regThanks { list-style: none; margin: 50px 0; } div#account ul.regThanks li { background: url('/resources/static/standard/images/reg_ty.png/') no-repeat 0 0; padding: 15px 0 0 125px; height: 50px; width: 170px; float: left; margin-right: 30px; color: #4D6064; font-weight: bold; } div#account ul.regThanks li.regTyMail { padding: 15px 0 0 75px; width: 225px; background-position: 0 10px; } div#account ul.regThanks li.regTyClick { background-position: 0 -75px; } div#account ul.regThanks li.regTyDone { background-position: 0 -165px; margin-right: 0; } /* REGISTRATION - Activate */ .regActivate fieldset { width: 448px; } .regActivate fieldset legend { width: 430px; } .regStep4 button.genericButton { margin: 0 510px 30px 0; } .regStep4 p.genericHelperIcon { float:left; margin-top:-55px; } /* MY ACCOUNT - Home */ .accForm, .accOther { float: left; width: 450px; } .accForm { margin-right: 59px; } .accLogin, .accDetails, .accExtra { width: 448px; } .accLogin legend, .accDetails legend, .accExtra legend { width: 430px; } .accLogin .genericHelper, .accDetails .genericHelper, .accExtra .genericHelper { margin: 5px 0 0 10px; } .accLogin .genericButton, .accDetails .genericButton, .accExtra .genericButton { margin: 0 10px 10px 0; } .accForm fieldset.accLogin ul li input, .accForm fieldset.accDetails ul li input{ width: 240px; } .accHead { color:#4D6064; font-family:Verdana,Arial,sans-serif; font-size:1.6666em; font-weight:bold; letter-spacing:0; margin:0 0 1em; } .accTokens { float:left; background-color: #eaf2f3; border: 1px solid #d5e3e5; border-top: none; width: 428px; margin-bottom: 20px; list-style: none; padding: 10px 10px 0 10px; } .accTokens li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .accTokens li { margin: 0 0 10px 0; line-height: 1.8333em; padding: 5px; background-color: #FFF; border: 1px solid #FFF; display: inline-block; display: block; } .accTokens li strong { width: 160px; } .accHome fieldset a.genericButton { display: none; } .accHome fieldset.accJsView a.genericButton { display: block; } .accHome fieldset.accJsView input { background-color: transparent; border: none; color: #333; } .accHome fieldset.accJsView .genericHelper, .accHome fieldset.accJsView label span, .accHome fieldset.accJsView .accPassConfirm, .accHome fieldset.accJsView button { display: none; } .accHome fieldset.accJsView span.select { color: #333; } div#account .accOther h3 { text-align: left; } .accOther div { background-color:#EAF2F3; border:1px solid #D5E3E5; margin-bottom:20px; } .accHome .accNewsletters label a { float: right; } .accHome .accClassifieds li a { display: block; font-size: 1.1666em; font-weight: bold; } .dblCol .googlemaps_results img, .flatHtml .googlemaps_results img{ max-width: none !important; } /* COMMENTS PANEL - Log in - 01/11 */ #commentsform .commentLogUs, #commentsform .commentLogSocial, #commentsform.commentPost { /*width: 298px;*/ background-color: #eaf2f3; border: 1px solid #d5e3e5; } #commentsform.commentPost { margin-bottom: 18px; } #commentsform .commentLogUs ul, #commentsform .commentLogSocial ul { padding: 0; } #commentsform .commentLogUs h5, #commentsform .commentLogSocial h5, #commentsform.commentPost h5 { background: #81999E; color: #FFF; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid #4D6064; font-size: 1.1666em; line-height: 1.9285em; font-family: Verdana,Arial,sans-serif; letter-spacing: normal; font-weight: bold; padding: 0 10px; text-align: center; text-transform: none; margin: -1px -1px 0 -1px; } #commentsform .commentLogOr { font-size: 1.5em; line-height: 1.5em; color: #4D6064; text-transform: uppercase; margin: 0; text-align: center; font-weight: bold; } #commentsform .commentLogUs .genericHelper, #commentsform .commentLogSocial .genericHelper { margin: 5px 0 0 10px; } #commentsform .commentLogUs form .genericHelper, #commentsform .commentLogSocial form .genericHelper { float: left; clear: none; margin-top: 0; } #commentsform.commentPost .genericHelper { margin: 5px 10px 0 10px; } #commentsform .commentLogUs form ul, #commentsform.commentPost form ul { border-top: none; list-style: none; padding: 10px 10px 0 10px; margin: 0; } #commentsform .commentLogUs form li:after, #commentsform.commentPost form li:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } #commentsform .commentLogUs form li, #commentsform.commentPost form li { margin: 0 0 10px 0; line-height: 1.8333em; padding: 5px; background-color: #FFF; border: 1px solid #FFF; display: inline-block; display: block; } #commentsform .commentLogUs form li.formFocus, #commentsform.commentPost form li.formFocus { background-color: #f9f0cc; border: 1px solid #f0e3b0; } #commentsform .commentLogUs form li label, #commentsform.commentPost form li label { float: left; width: 100px; font-weight: bold; } #commentsform .commentLogUs form li label span, #commentsform.commentPost form li label span { color: #ff0000; padding-right: 5px; } #commentsform .commentLogUs form li input, #commentsform.commentPost form li input { width: 160px; float:left; background-color: #F4F4F4; border-color: #A5ACB2; } #commentsform.commentPost form li textarea { width: 100%; height: 150px; background-color: #F4F4F4; border-color: #A5ACB2; } #commentsform .commentLogUs form li.genericRadio label, #commentsform.commentPost form li.genericRadio label { width: auto; float: none; display: inline; } #commentsform .commentLogUs form li.genericRadio input, #commentsform.commentPost form li.genericRadio input { margin:0 5px 0 0; width:auto; float: none; vertical-align: baseline; background-color: #FFF; border: none; } #commentsform .commentLogUs form .genericButton, #commentsform.commentPost form .genericButton { margin: 0 10px 10px 0; } #commentsform .commentLogSocial li { width: 155px; text-indent: -9999px; list-style: none; margin: 10px auto; } #commentsform .commentLogSocial .logFacebook a, #commentsform .commentLogSocial .logGoogle a, #commentsform .commentLogSocial .logTwitter a { background: url('/resources/static/standard/images/social_login_FB.png') no-repeat 0 0; display: block; width: 155px; height: 45px; } #commentsform .commentLogSocial .logFacebook a span { /* FB override */ display: none !important; } #commentsform .commentLogSocial .logGoogle a { background: url('/resources/static/standard/images/social_login_goog.png') no-repeat 0 0; } #commentsform .commentLogSocial .logTwitter a { background: url('/resources/static/standard/images/social_login_twitt.png') no-repeat 0 0; } #commentsform .commentLogSocial .logFacebook a:hover, #commentsform .commentLogSocial .logGoogle a:hover, #commentsform .commentLogSocial .logTwitter a:hover { background-position: 0 -45px; } #commentsform .commentLogSocial .logFacebook a:active, #commentsform .commentLogSocial .logGoogle a:active, #commentsform .commentLogSocial .logTwitter a:active { background-position: 1px -44px; } #commentsform .commentLogUs form .validateError { margin: 10px; } #commentsform .commentLogUs form .validateError ul { padding:0; margin-left: -30px; } #commentsform .commentLogUs form .validateError ul li { list-style: none; background-color: transparent; border: none; display:block; line-height:1.8333em; margin:0; padding:0; color: #333; } #commentsform .commentLogUs form .validateError ul li.fieldInvalid { background-color: transparent; background-image: none; color: #333333; } #commentsform .commentLogUs form .validateError ul li label { font-weight: normal; float: none; width: auto; } /* REGISTRATION - Step 1 - Validation - errors */ #commentsform .commentLogUs form ul li.fieldInvalid { background: #CC3333 url('/resources/static/standard/images/generic_error_bg.png/') repeat-x 0 0; color: #FFF; } #commentsform .commentLogUs form li.fieldInvalid label span, #commentsform .commentLogUs form li.fieldInvalid p { color: #FFEDED; } .commentLogin { width: 180px; clear: both; float: left; } .commentSocial { padding-top: 5px; width: 110px; float: left; } .horoscopePhone { font-weight: 700; color: #000; } /* WEATHER */ /* weather panel */ #panelWeather { background: #EEE url('/resources/static/standard/images/weather/weather-bg.png/') repeat-x 0 100%; border: 1px solid #CCC; padding: 8px; margin-bottom: 15px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #panelWeather h4 { position: relative; font: bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: 0; background: none; color: #333; padding: 0; margin: 0; } #panelWeather h4 a, #panelWeather h4 a:hover { color: #333; } #panelWeather h4 span { position: absolute; text-indent: -9999px; } #panelWeather .weatherTemp { background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 0; border: 1px solid #444; padding: 2px 6px 16px; font: bold 30px/1em Arial, Helvetica, sans-serif; color: #FFF; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); } #panelWeather .weatherTemp span { font-weight: normal; font-size: .6em; vertical-align: top; } #panelWeather .weatherTemp span.weatherRange { font-size: 0.1667em; line-height: 1; margin-left: -16px; vertical-align: baseline; } #panelWeather .weatherRain { color: #FFF; font-size: .9166em; margin: -1.6363em 0 0 8px; } #panelWeather .weatherRain span { font-size: 1.0909em; font-weight: bold; } #panelWeather .genericButton { float: right; margin: -1.6363em 8px 0 0; } #panelWeather .weatherIcon { position: absolute; right: 0; top: -24px; height: 105px; width: 298px; } #panelWeather .rain, #panelWeather .rainNight { background: transparent url('/resources/static/standard/images/weather/rain.png/') no-repeat 100% 0; } #panelWeather .cloudy { background: transparent url('/resources/static/standard/images/weather/cloudy.png/') no-repeat 100% 0; } #panelWeather .cloudyNight { background: transparent url('/resources/static/standard/images/weather/cloudy-night.png/') no-repeat 100% 0; } #panelWeather .drizzle, #panelWeather .drizzleNight { background: transparent url('/resources/static/standard/images/weather/drizzle.png/') no-repeat 100% 0; } #panelWeather .fair { background: transparent url('/resources/static/standard/images/weather/fair.png/') no-repeat 100% 0; } #panelWeather .fairNight { background: transparent url('/resources/static/standard/images/weather/fair-night.png/') no-repeat 100% 0; } #panelWeather .fog { background: transparent url('/resources/static/standard/images/weather/fog.png/') no-repeat 100% 0; } #panelWeather .fogNight { background: transparent url('/resources/static/standard/images/weather/fog-night.png/') no-repeat 100% 0; } #panelWeather .hail, #panelWeather .hailNight { background: transparent url('/resources/static/standard/images/weather/hail.png/') no-repeat 100% 0; } #panelWeather .mist { background: transparent url('/resources/static/standard/images/weather/mist.png/') no-repeat 100% 0; } #panelWeather .mistNight { background: transparent url('/resources/static/standard/images/weather/mist-night.png/') no-repeat 100% 0; } #panelWeather .overcast, #panelWeather .overcastNight { background: transparent url('/resources/static/standard/images/weather/overcast.png/') no-repeat 100% 0; } #panelWeather .showers, #panelWeather .showerNight { background: transparent url('/resources/static/standard/images/weather/showers.png/') no-repeat 100% 0; } #panelWeather .sleet, #panelWeather .sleetNight { background: transparent url('/resources/static/standard/images/weather/sleet.png/') no-repeat 100% 0; } #panelWeather .snow, #panelWeather .snowNight { background: transparent url('/resources/static/standard/images/weather/snow.png/') no-repeat 100% 0; } #panelWeather .sunny { background: transparent url('/resources/static/standard/images/weather/sunny.png/') no-repeat 100% 0; } #panelWeather .sunnyNight { background: transparent url('/resources/static/standard/images/weather/sunny-night.png/') no-repeat 100% 0; } #panelWeather .thundery, #panelWeather .thunderyNight { background: transparent url('/resources/static/standard/images/weather/thundery.png/') no-repeat 100% 0; } #panelWeather.weatherAmber { background: #FFD67D url('/resources/static/standard/images/weather/weather-bg-warning.png/') repeat-x 0 0; border-color: #FF9933; } #panelWeather.weatherAmber .rain, #panelWeather.weatherRed .rain, #panelWeather.weatherAmber .rainNight, #panelWeather.weatherRed .rainNight { background: transparent url('/resources/static/standard/images/weather/rain-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .cloudy, #panelWeather.weatherRed .cloudy { background: transparent url('/resources/static/standard/images/weather/cloudy-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .cloudyNight, #panelWeather.weatherRed .cloudyNight { background: transparent url('/resources/static/standard/images/weather/cloudy-night-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .drizzle, #panelWeather.weatherRed .drizzle, #panelWeather.weatherAmber .drizzleNight, #panelWeather.weatherRed .drizzleNight { background: transparent url('/resources/static/standard/images/weather/drizzle-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .fair, #panelWeather.weatherRed .fair { background: transparent url('/resources/static/standard/images/weather/fair-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .fairNight, #panelWeather.weatherRed .fairNight { background: transparent url('/resources/static/standard/images/weather/fair-night-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .fog, #panelWeather.weatherRed .fog { background: transparent url('/resources/static/standard/images/weather/fog-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .fogNight, #panelWeather.weatherRed .fogNight { background: transparent url('/resources/static/standard/images/weather/fog-night-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .hail, #panelWeather.weatherRed .hail, #panelWeather.weatherAmber .hailNight, #panelWeather.weatherRed .hailNight { background: transparent url('/resources/static/standard/images/weather/hail-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .mist, #panelWeather.weatherRed .mist { background: transparent url('/resources/static/standard/images/weather/mist-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .mistNight, #panelWeather.weatherRed .mistNight { background: transparent url('/resources/static/standard/images/weather/mist-night-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .overcast, #panelWeather.weatherRed .overcast, #panelWeather.weatherAmber .overcastNight, #panelWeather.weatherRed .overcastNight { background: transparent url('/resources/static/standard/images/weather/overcast-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .showers, #panelWeather.weatherRed .showers, #panelWeather.weatherAmber .showersNight, #panelWeather.weatherRed .showersNight { background: transparent url('/resources/static/standard/images/weather/showers-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .sleet, #panelWeather.weatherRed .sleet, #panelWeather.weatherAmber .sleetNight, #panelWeather.weatherRed .sleetNight { background: transparent url('/resources/static/standard/images/weather/sleet-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .snow, #panelWeather.weatherRed .snow, #panelWeather.weatherAmber .snowNight, #panelWeather.weatherRed .snowNight { background: transparent url('/resources/static/standard/images/weather/snow-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .sunny, #panelWeather.weatherRed .sunny { background: transparent url('/resources/static/standard/images/weather/sunny-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .sunnyNight, #panelWeather.weatherRed .sunnyNight { background: transparent url('/resources/static/standard/images/weather/sunny-night-warning.png/') no-repeat 100% 0; } #panelWeather.weatherAmber .thundery, #panelWeather.weatherRed .thundery, #panelWeather.weatherAmber .thunderyNight, #panelWeather.weatherRed .thunderyNight { background: transparent url('/resources/static/standard/images/weather/thundery-warning.png/') no-repeat 100% 0; } #panelWeather.weatherRed { background: #FF6F00 url('/resources/static/standard/images/weather/weather-bg-severe.png/') repeat-x 0 0; border-color: #CC0000; } #panelWeather.weatherRed h4, #panelWeather.weatherRed h4 a, #panelWeather.weatherRed h4 a:hover { color: #FFF; } #panelWeather.weatherRed .genericButton, #panelWeather.weatherRed .genericButton:visited { background-color: #ffb515; color: #000; text-shadow: 0 1px 1px rgba(255,255,255,0.8); } #panelWeather.weatherRed .genericButton:hover { background-color: #fc9200; } /* weather page */ #weather #panelWeather { width: 378px; height: 100px; float: left; margin: 0 40px 40px 0; } #weather #panelWeather .genericButton { display: none; } #weather .weatherSponsor { width: 524px; height: 30px; float: left; margin-bottom: 40px; overflow: hidden; } #weather .weatherLocChange { width: 506px; height: 64px; float: left; background: #EEE url('/resources/static/standard/images/weather/weather-bg.png/') repeat-x 0 100%; border: 1px solid #CCC; padding: 8px; /*margin-top: 36px;*/ margin-bottom: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #weather .weatherLocChange label { display: block; width: 492px; background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 0; border: 1px solid #444; padding: .5em 6px; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; color: #FFF; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); } #weather .weatherLocChange input { width: 230px; float: left; margin: -1.75em 0 0 8.5em; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; padding: 0; border-color: #000; } #weather .weatherLocChange .genericButton { float: right; margin: -35px 6px 0 0; } #weather .weatherLocChange ul { margin: 10px 0 0 0; } #weather .weatherLocChange ul li { float: left; margin: 0 10px 0 0; } #weather .carousel { margin: 0 41px 10px 0; height: 320px; width: 617px; float: left; position: relative; overflow: hidden; clear: left; border: 1px solid #E1E1E1; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #weather .carousel li.carouselItem { float: left; list-style: none; margin: 0; width: 617px; height: 320px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .JSEnabled #weather .carousel { border: none; } .JSEnabled #weather .carousel li.carouselItem { width: 609px; margin-right: 10px; } .JSEnabled #weather .carousel li ul { margin-left: 0; border-left: 1px solid #CCC; } .JSEnabled #weather .carousel li li { width: 151px; } #weather .carousel h3 { background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 50%; color: #FFF; border-bottom: 1px solid #CCC; padding: 8px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3333em; line-height: 1.125em; letter-spacing: 0; margin-bottom: 0; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } #weather .carousel li ul { margin-left: 1px; background-color: #CCC; } #weather .carousel li li { float:left; width: 153px; border-right: 1px solid #CCC; background-color: #FFF; } #weather .carousel li li span { display: block; padding: 5px 12px; border-bottom: 1px solid #CCC; text-align: center; } #weather .carousel li li span img { padding-right: 5px; } #weather .carousel li li span.time { font-weight: bold; background-color: #DDD; } #weather .carousel li li span.conditions img { padding: 0; } #weather .carousel li li span.temp { background-color: #F5F5F5; } #weather .carousel li li span.wind { } #weather .carousel li li span.precipitation { background-color: #F5F5F5; text-align: left; padding-left: 50px; } #weather .carousel li li span.humidity { text-align: left; padding-left: 50px; } #weather .carousel li li span.rainprobability { background-color: #F5F5F5; text-align: left; padding-left: 50px; } #weather .carousel li li span.cloudcover { text-align: left; padding-left: 50px; } #weather .carousel li li span.visibility { background-color: #F5F5F5; text-align: left; padding-left: 50px; } #weather .jcarousel-container { position: relative; float: left; width: 610px; margin-right: 40px; padding: 0 5px 0 5px; margin-bottom: 10px; } #weather .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 610px; height: 320px; } #weather .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #weather .jcarousel-next { position: absolute; right: 0; top: 100px; z-index: 3; display: none; width: 13px; height: 143px; cursor: pointer; border: 1px solid #E1E1E1; background: #EEE url('/resources/static/standard/images/bmd_carousel_arrows.png/') no-repeat -50px 0; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } #weather .jcarousel-prev { position: absolute; left: 0; top: 100px; z-index: 3; display: none; width: 13px; height: 143px; cursor: pointer; border: 1px solid #E1E1E1; background: #EEE url('/resources/static/standard/images/bmd_carousel_arrows.png/') no-repeat -1px 0; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } #weather .jcarousel-next:hover, #weather .jcarousel-next:active { background-position: -75px 0; } #weather .jcarousel-next-disabled-horizontal, #weather .jcarousel-next-disabled-horizontal:hover, #weather .jcarousel-next-disabled-horizontal:active { cursor: default; background: #EEE url('/resources/static/standard/images/bmd_carousel_arrows.png/') no-repeat -50px 0 !important; border-color: #E1E1E1 !important; } #weather .jcarousel-prev:hover, #weather .jcarousel-prev:active { background-position: -26px 0; } #weather .jcarousel-prev-disabled-horizontal, #weather .jcarousel-prev-disabled-horizontal:hover, #weather .jcarousel-prev-disabled-horizontal:active { cursor: default; background: #EEE url('/resources/static/standard/images/bmd_carousel_arrows.png/') no-repeat -1px 0 !important; border-color: #E1E1E1 !important; } #weather .btnWeatherNext, #weather .btnWeatherPrev { background-color: #068292; border-color: #4D6064; } #weather .weatherKey { clear: both; margin-bottom: 40px; background-color: #F5F5F5; border: 1px solid #CCC; font-size: .9167em; padding: 0 5px; } #weather .weatherKey li { float: left; margin-right: 15px; line-height: 2.9090em; } #weather .weatherVideo { width: 300px; float: left; overflow: hidden; margin-bottom: 10px; } #weather table { clear: both; border: 1px solid #CCC; margin-bottom: 40px; } #weather table caption { background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 50%; color: #FFF; padding: 8px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3333em; line-height: 1.125em; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } #weather th, #weather td { border: 1px solid #CCC; padding: 5px 10px; } #weather td { text-align: center; } #weather td img { display: block; margin: 0 auto; } #weather th { background-color: #DDD; } #weather tr:nth-of-type(even) { background-color: #F5F5F5; } #weather thead td { background-color: #DDD; } #weather .weatherMaps { width: 620px; float: left; margin-right: 40px; margin-bottom: 40px; } #weather .weatherMaps h3 { background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 50%; color: #FFF; padding: 8px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3333em; line-height: 1.125em; letter-spacing: 0; margin-bottom: 0; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } #weather .weatherMaps ul { border: 1px solid #CCC; background-color: #F5F5F5; } #weather .weatherMaps ul li { float: left; width: 206px; text-align: center; } #weather .weatherMaps ul li a { display: block; padding: 10px 5px; color: #333; font-weight: bold; line-height: 1.5em; } #weather .weatherMaps ul li a:hover { color: #333; } #weather .weatherMaps ul li a span { font-weight: normal; font-size: .9166em; } #weather .weatherMaps li img{ width: 190px; } .JSEnabled #weather .weatherMaps ul { border: 1px solid #CCC; position: relative; height: 345px; background-color: #F5F5F5; } #weather .weatherMaps ul li { float: none; width: auto; text-align: left; } .JSEnabled #weather .weatherMaps ul li a { display: block; border-bottom: 1px solid #CCC; border-top: 1px solid #F5F5F5; padding: 10px 5px; width: 178px; background-color: #DDD; } .JSEnabled #weather .weatherMaps ul li a:hover { background-color: #C5C5C5; } .JSEnabled #weather .weatherMaps li img{ position: absolute; top: 0; right: 0; padding: 5px; border-left: 1px solid #CCC; background-color: #FFF; width: 420px; display: none; } #weather .weatherMaps ul li.weatherMapOn a { background-color: #FFF; position: relative; z-index:1; } #weather .weatherMaps ul li.weatherMapOn a:hover { background-color: #FFF; } #weather .weatherMaps ul li.weatherMapOn img { display: block; } #weather .weatherMpu { width: 300px; float: left; margin-bottom: 20px; } #weather .weatherMore { width: 300px; float: left; } #weather .weatherMore h4 { } #weather .weatherMore ul { list-style: disc inside none; line-height: 1.5em; } #weather .weatherMore ul li { float: left; width: 150px; } /* .weatherMacro { width: 300px; } */ /* Traffic and Travel page */ #traffic p, #traffic li { line-height: 1.5em; } #traffic ul { list-style: none; padding: 0; } #traffic .trafficSponsor { width: 960px; } #traffic .trafficIncidents { float: left; width: 400px; margin-right: 30px; } #traffic .trafficLocation { width: 512px; height: 64px; background: #EEE url('/resources/static/standard/images/weather/weather-bg.png/') repeat-x 0 100%; border: 1px solid #CCC; padding: 8px; margin-bottom: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #traffic .trafficLocation .trafficLocChange, #traffic .trafficLocation .trafficLocSubmit { margin: 0; } #traffic .trafficLocation .trafficLocChange label { display: block; width: 498px; background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 0; border: 1px solid #444; padding: .5em 6px; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; color: #FFF; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); } #traffic .trafficLocation .trafficLocChange input { width: 220px; float: left; margin: -1.75em 0 0 8.5em; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; padding: 0; border-color: #000; } #traffic .trafficLocation ul li.trafficLocSubmit { float: right; } #traffic .trafficLocation .genericButton { float: right; margin: -34px 6px 0 0; } #traffic .trafficLocation ul { margin: 0; } #traffic .trafficLocation ul li { float: left; margin: 8px 10px 0 0; } #traffic .trafficLocation ul li input { margin: 0 4px 0 0; vertical-align: middle; } #traffic .trafficIncidents h3 { background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png/") repeat-x 0 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.3333em; font-weight: bold; letter-spacing: 0; line-height: 1.125em; margin-bottom: 0; padding: 8px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } #traffic p.trafficPrint { float: right; margin: -2.4167em 8px 0 0; } #traffic p.trafficPrint { display: none; } .JSEnabled #traffic p.trafficPrint { display: block; } #traffic p.trafficPrint a { background: transparent url("/resources/static/standard/images/generic_btns_utils.png/") no-repeat 100% -120px; color: #666666; display: block; height: 24px; padding: 0 25px 0 0; text-indent: -9999px; } #traffic p.trafficPrint a:hover { background-position: 100% -150px; } #traffic .trafficIncidents .trafficTimestamp { font-size: .9167em; line-height: 1.6364em; border-left: 1px solid #CCC; border-right: 1px solid #CCC; margin-bottom: 0; padding: 2px 8px; background-color: #EEE; } #traffic .trafficIncidents form { font-size: .9167em; border: 1px solid #CCC; border-top: none; padding: 4px 8px; background-color: #EEE; } #traffic .trafficIncidents form li { line-height: 1.6364em; } #traffic .trafficIncidents form li.trafficOrderShow { margin-top: 5px; } #traffic .trafficIncidents form label { float: left; width: 80px; } #traffic .trafficIncidents form select { padding: 0; } #traffic .trafficIncidents form button { padding: 2px 4px; } #traffic .trafficIncidents form li.trafficOrderBtn { float: right; margin-top: -1.6364em; } #traffic .trafficIncidents .trafficList { border: 1px solid #CCC; border-top: none; border-bottom: none; margin-bottom: 30px; } #traffic .trafficIncidents .trafficList li { border-bottom: 1px solid #CCC; position: relative; padding-bottom: 8px; } #traffic .trafficBubble { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #traffic .trafficIncidents .trafficList li li { border:none; position: static; padding-bottom: 0; } #traffic .trafficIncidents .trafficList p, #traffic .trafficBubble p { margin: 0; } #traffic .trafficIncidents .trafficList .high:hover { background-color: #fff0f0; } #traffic .trafficIncidents .trafficList .medium:hover { background-color: #fff6eb; } #traffic .trafficIncidents .trafficList .low:hover { background-color: #fffef1; } #traffic .trafficIncidents .trafficList h4, #traffic .trafficBubble h4 { color: #333; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; letter-spacing: 0; text-transform: none; line-height: 1.5em; margin-bottom: 0; padding: 8px 54px 8px 8px; background: #E1E1E1; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #traffic .trafficIncidents .trafficList .high h4, #traffic #trafficMap h4.high { border-left: 6px solid #e2001a; background-color: #ffd9d9; } #traffic .trafficIncidents .trafficList .medium h4, #traffic #trafficMap h4.medium { border-left: 6px solid #f29400; background-color: #ffe9cd; } #traffic .trafficIncidents .trafficList .low h4, #traffic #trafficMap h4.low { border-left: 6px solid #ffed00; background-color: #fffbd3; } #traffic .trafficIncidents .trafficList h4 em, #traffic .trafficBubble h4 em { float: left; display: block; width: 0; text-indent: -9999px; } #traffic .trafficIncidents .trafficList h4 span, #traffic .trafficBubble h4 span { font-size: .9167em; font-weight: normal; } #traffic .trafficBubble h4 .trafficBubbleClose { display:block; position: absolute; right: 1px; top: 1px; text-indent: -9999px; width: 12px; height: 12px; background: #FFF url("/resources/static/standard/images/generic_btns_actions.png/") no-repeat 1px 1px; border: 1px solid #AAA; } #traffic .trafficIncidents .trafficList .odd { background: #EEE; } #traffic .trafficIncidents .trafficList p, #traffic .trafficIncidents .trafficList ul, #traffic .trafficBubble p, #traffic .trafficBubble ul { padding: 0 8px; } #traffic .trafficIncidents .trafficList .trafficIcons, #traffic .trafficBubble .trafficIcons { position: absolute; top: 1px; left: 354px; text-indent: -9999px; padding: 0; line-height: 1.5em; border-left: 1px solid #FFF; } #traffic .trafficBubble .trafficIcons { left: 239px; } #traffic .trafficIncidents .trafficList .trafficIcons span, #traffic .trafficBubble .trafficIcons span { float: left; text-indent: -9999px; } #traffic .trafficIncidents .trafficList .trafficIcons .live, #traffic .trafficBubble .trafficIcons .live { background: #EEE url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -49px; width: 43px; height: 17px; } #traffic .trafficIncidents .trafficList .trafficIcons .roadworks, #traffic .trafficBubble .trafficIcons .roadworks { background: #EEE url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% 0; width: 43px; height: 17px; } #traffic .trafficIncidents .trafficList .trafficIcons .engineering, #traffic .trafficBubble .trafficIcons .engineering { background: #EEE url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -99px; width: 43px; height: 17px; } #traffic .trafficIncidents .trafficList .trafficIcons .roadA, #traffic .trafficBubble .trafficIcons .roadA { background: #277621; color: #fff15f; font-weight: bold; height: 17px; text-indent: 0; text-align: center; padding: 0 2px; width: 39px; font-size: 0.9167em; line-height: 1.6364em; } #traffic .trafficIncidents .trafficList .trafficIcons .roadB, #traffic .trafficBubble .trafficIcons .roadB { background: #999; color: #FFF; font-weight: bold; height: 17px; text-indent: 0; text-align: center; padding: 0 2px; width: 39px; font-size: 0.9167em; line-height: 1.6364em; } #traffic .trafficIncidents .trafficList .trafficIcons .road, #traffic .trafficBubble .trafficIcons .road { background: #c9c9c9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -200px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .motorway, #traffic .trafficBubble .trafficIcons .motorway { background: #0238a0 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -150px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .rail, #traffic .trafficBubble .trafficIcons .rail { background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -250px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .airport, #traffic .trafficBubble .trafficIcons .airport { background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -300px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .tube, #traffic .trafficBubble .trafficIcons .tube { background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -350px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .ferry, #traffic .trafficBubble .trafficIcons .ferry { background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -400px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList .trafficIcons .bus, #traffic .trafficBubble .trafficIcons .bus { background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png/") no-repeat 50% -450px; color: #DDD; height: 17px; padding: 0 2px; width: 39px; } #traffic .trafficIncidents .trafficList p.trafficDesc { padding-right: 40px; } #traffic .trafficIncidents .trafficList p.trafficFullDesc { margin-top: 5px; } #traffic .trafficBubble p.trafficDesc { padding-right: 8px; } #traffic .trafficIncidents .trafficList .trafficLastUpdate, #traffic .trafficBubble .trafficLastUpdate { font-size: .9167em; line-height: 1.6364em; color: #555; } #traffic .trafficIncidents .trafficList p.trafficViewMap, #traffic .trafficBubble p.trafficViewMap { display: none; } .JSEnabled #traffic .trafficIncidents .trafficList p.trafficViewMap { display: block; } #traffic .trafficIncidents .trafficList p.trafficViewMap { float: left; clear: both; padding: 0; font-size: .9167em; line-height: 1.6364em; margin: 9px 0 0 8px; } #traffic .trafficIncidents .trafficList p.trafficViewMap span { display: none; } #traffic .trafficIncidents .trafficList p.trafficViewMap a { background: transparent url("/resources/static/standard/images/generic_btns_utils.png/") no-repeat 0 -540px; padding: 0 0 5px 29px; height: 24px; display: block; } #traffic .trafficIncidents .trafficList p.trafficViewMap a:hover { background-position: 0 -570px; } #traffic .trafficIncidents .trafficList .trafficShare, #traffic .trafficBubble .trafficShare { float: right; list-style: none; margin-top: 9px; padding: 0 2px 0 0; } #traffic .trafficIncidents .trafficList .trafficShare li, #traffic .trafficBubble .trafficShare li { float: left; font-size: .9167em; line-height: 1.6364em; margin-left: 2px; border: none; padding: 0; } #traffic .trafficIncidents .trafficList .trafficShare li.facebook, #traffic .trafficBubble .trafficShare li.facebook { /*background: transparent url("/resources/static/standard/images/generic_social.png/") no-repeat 0 -104px; padding: 0;*/ } #traffic .trafficIncidents .trafficList .trafficShare li.twitter, #traffic .trafficBubble .trafficShare li.twitter { /*background: transparent url("/resources/static/standard/images/generic_social.png/") no-repeat 0 -182px; padding: 0;*/ } #traffic .trafficIncidents .trafficList .trafficShare li.email a, #traffic .trafficBubble .trafficShare li.email a { background: transparent url("/resources/static/standard/images/generic_btns_utils.png/") no-repeat 0 -180px; padding: 0 8px 0 29px; height: 24px; display: block; } #traffic .trafficIncidents .trafficList .trafficViewMore, #traffic .trafficBubble .trafficViewMore { float: right; font-size: .9167em; line-height: 1.6364em; font-weight: bold; margin: 8px 0; } #traffic .trafficIncidents .trafficList .trafficViewMore a, #traffic .trafficBubble .trafficViewMore a { background: #068292 url("/resources/static/standard/images/generic_button_overlay.png/") repeat-x; display: inline-block; padding: 0 4px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: none; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow:visible; width: 100px; text-align: center; } #traffic .trafficIncidents .trafficList .trafficViewMore a:hover, #traffic .trafficBubble .trafficViewMore a:hover { background-color: #006D86; color: #fff; } #traffic .trafficIncidents .trafficList .trafficViewMore a:active, #traffic .trafficBubble .trafficViewMore a:active { top: 1px; } #traffic .trafficCams { background-color: #EEE; border: 1px solid #CCC; padding: 8px 8px 0 8px; } #traffic .trafficCams img { border: 1px solid #555; } #traffic .trafficCams p { position: relative; text-align: center; background-color: #222; } #traffic .trafficCams p span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 4px 0; background-color: #000; border-top: 1px solid #222222; color: #FFF; font-weight: bold; } #traffic .trafficCams ul { margin: 5px 0 0; } #traffic .trafficCams ul li{ float: left; width: 50px; list-style: none; margin: 0 4px 8px 0; } #traffic .trafficRight { float: left; width: 530px; } #trafficMap { width: 528px; height: 398px; border: 1px solid #CCCCCC; margin-bottom: 30px; } #traffic #panelWeather { float: left; width: 282px; margin-bottom: 30px; } #traffic #mpu { float: left; width: 300px; margin-bottom: 30px; } #traffic .trafficKey { float: left; width: 200px; margin: 0 30px 0 0; } #traffic .trafficKey h4 { background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png/") repeat-x 0 50%; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.3333em; font-weight: bold; letter-spacing: 0; line-height: 1.125em; margin-bottom: 0; padding: 8px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); text-transform: none; } #traffic .trafficKey ul { border: 1px solid #CCC; border-top: none; background-color: #EEE; padding: 8px; margin: 0 0 30px 0; } #traffic .trafficKey li { padding: 0 0 0 25px; margin: 4px 0; border-bottom: 1px solid #FFF; } #traffic .trafficKey .high { padding: 0 0 0 19px; border-left: 6px solid #E2001A; } #traffic .trafficKey .medium { padding: 0 0 0 19px; border-left: 6px solid #F29400; } #traffic .trafficKey .low { padding: 0 0 0 19px; border-left: 6px solid #FFED00; } #traffic .trafficKey .live { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -49px; } #traffic .trafficKey .roadworks { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 0; } #traffic .trafficKey .engineering { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -99px; } #traffic .trafficKey .roadA { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -500px; } #traffic .trafficKey .roadB { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -550px; } #traffic .trafficKey .road { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -200px; } #traffic .trafficKey .motorway { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -150px; } #traffic .trafficKey .rail { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -250px; } #traffic .trafficKey .airport { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -300px; } #traffic .trafficKey .tube { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -350px; } #traffic .trafficKey .ferry { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -400px; } #traffic .trafficKey .bus { background: transparent url("/resources/static/standard/images/traffic_icons.png/") no-repeat 0 -450px; } /* Police.uk crime data */ #crime p, #crime li, #crime dl { line-height: 1.5em; } #crime ul { list-style: none; padding: 0; } #crime .crimeSponsor { width: 960px; } #crime .crimeFacets { float: left; width: 400px; margin-right: 30px; } #crime .crimeRight { float: left; width: 530px; } #crime .crimeFacets .crimeLoad { background: #FFF url("/resources/static/standard/images/loader32.gif/") no-repeat scroll 0 0; color: #FFF; display: block; height: 32px; width: 0; padding: 0 32px 0 0; text-indent: -9999px; margin: 30px auto; } #crime .crimeFacets h3, #crime .crimeInfo h3, #crime .crimeSocial h3 { background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png/") repeat-x 0 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.3333em; font-weight: bold; letter-spacing: 0; line-height: 1.125em; margin-bottom: 0; padding: 8px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } #crime p.crimePrint { float: right; margin: -2.4167em 8px 0 0; } #crime p.crimePrint { display: none; } .JSEnabled #crime p.crimePrint { display: block; } #crime p.crimePrint a { background: transparent url("/resources/static/standard/images/generic_btns_utils.png/") no-repeat 100% -120px; color: #666666; display: block; height: 24px; padding: 0 25px 0 0; text-indent: -9999px; } #crime p.crimePrint a:hover { background-position: 100% -150px; } #crime .crimeLocation { width: 512px; height: 64px; background: #EEE url('/resources/static/standard/images/weather/weather-bg.png/') repeat-x 0 100%; border: 1px solid #CCC; padding: 8px; margin-bottom: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #crime .crimeLocChange label { display: block; width: 498px; background: #3B3B3B url('/resources/static/standard/images/weather/weather-mid-bg.png/') repeat-x 0 0; border: 1px solid #444; padding: .5em 6px; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; color: #FFF; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8); } #crime .crimeLocChange input { width: 230px; float: left; margin: -1.75em 0 0 8.5em; font: bold 1.6667em/1em Arial, Helvetica, sans-serif; padding: 0; border-color: #000; } #crime .crimeLocChange .genericButton { float: right; margin: -35px 6px 0 0; } #crime .crimeLocChange ul { margin: 10px 0 0 0; } #crime .crimeLocChange ul li { float: left; margin: 0 10px 0 0; } #crime .crimeMap { border: 1px solid #CCCCCC; height: 398px; margin-bottom: 30px; width: 528px; } #crime .crimeAttention { padding: 8px; margin: 0; border: 1px solid #ffed00; background-color: #fff59b; } #crime .crimeSubhead { padding: 8px 8px 0; margin: 0; border: 1px solid #CCC; border-bottom: none; } #crime .crimeSmallPrint { font-size: .9167em; line-height: 1.6364em; padding: 0 8px 8px; margin: 0; border: 1px solid #CCC; border-top: none; color: #999; } .crimeTypes, .crimeFacets h4, .crimeRoads { display: none; } #crime .crimeTypes { margin: 0; } #crime .crimeTypes li { float: left; width: 148px; border: 1px solid #CCC; border-top: 1px solid #FFF; } #crime .crimeTypes li.all-crime, #crime .crimeTypes li.anti-social-behaviour, #crime .crimeTypes li.criminal-damage-arson, #crime .crimeTypes li.public-disorder-weapons, #crime .crimeTypes li.shoplifting, #crime .crimeTypes li.other-theft { width: 248px; } #crime .crimeTypes li a { display: block; background: #F5F5F5; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* W3C */ padding: 6px 8px; font-weight: bold; color: #333; } #crime .crimeTypes li a:hover { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* W3C */ } #crime .crimeTypes li a.active { background: #fcfbf2; /* Old browsers */ background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf2), color-stop(100%,#fffbd8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* W3C */ } #crime .crimeTypes li a span { float: right; padding: 0 4px; min-width: 27px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: right; color: #FFF; } /*#crime .crimeTypes li.all-crime { float: none; width: auto; }*/ #crime .crimeTypes li.all-crime a span { background-color: #444; } #crime .crimeTypes li.burglary a span, #crime .crimeRoads li.burglary, #crimeMap .popup tr span.burglary { background-color: #c6622e; } #crime .crimeTypes li.anti-social-behaviour a span, #crime .crimeRoads li.anti-social-behaviour, #crimeMap .popup tr span.anti-social-behaviour { background-color: #186dab; } #crime .crimeTypes li.robbery a span, #crime .crimeRoads li.robbery, #crimeMap .popup tr span.robbery { background-color: #789610; } #crime .crimeTypes li.vehicle-crime a span, #crime .crimeRoads li.vehicle-crime, #crimeMap .popup tr span.vehicle-crime { background-color: #a02b55; } #crime .crimeTypes li.violent-crime a span, #crime .crimeRoads li.violent-crime, #crimeMap .popup tr span.violent-crime { background-color: #c99a0b; } #crime .crimeTypes li.public-disorder-weapons a span, #crime .crimeRoads li.public-disorder-weapons, #crimeMap .popup tr span.public-disorder-weapons { background-color: #9e0b0f; } #crime .crimeTypes li.criminal-damage-arson a span, #crime .crimeRoads li.criminal-damage-arson, #crimeMap .popup tr span.criminal-damage-arson { background-color: #4a6333; } #crime .crimeTypes li.drugs a span, #crime .crimeRoads li.drugs, #crimeMap .popup tr span.drugs { background-color: #663366; } #crime .crimeTypes li.shoplifting a span, #crime .crimeRoads li.shoplifting, #crimeMap .popup tr span.shoplifting { background-color: #5674b9; } #crime .crimeTypes li.other-theft a span, #crime .crimeRoads li.other-theft, #crimeMap .popup tr span.other-theft { background-color: #603913; } #crime .crimeTypes li.other-crime a span, #crime .crimeRoads li.other-crime, #crimeMap .popup tr span.other-crime { background-color: #2e7b77; } #crime .crimeFacets h4 { margin: 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; color: #333; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; letter-spacing: 0; line-height: 1.5em; padding: 8px 6px; text-transform: none; background: #DDD; } #crime .crimeFacets h4 span { float: right; margin-right: 31px; } #crime .crimeRoads { margin: 0 0 30px 0; border: 1px solid #CCC; height: 160px; overflow-y: scroll; } #crime .crimeRoads li a { display: block; padding: 6px 8px; border-bottom: 1px solid #CCC; background: #F5F5F5; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* W3C */ } #crime .crimeRoads li a:hover { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #eeeeee 0%,#e1e1e1 100%); /* W3C */ } #crime .crimeRoads li a.highlight { background: #fcfbf2; /* Old browsers */ background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf2), color-stop(100%,#fffbd8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fcfbf2 0%,#fffbd8 100%); /* W3C */ } #crime .crimeRoads li ul { float: right; } #crime .crimeRoads li li, #crimeMap .popup tr span { float: left; width: 6px; height: 12px; margin-left: 2px; text-indent: -9999px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #FFF; background-color: #DDD; } #crimeMap .popup tr span { margin: 4px 4px 0 0; } #crimeMap { border: 1px solid #CCCCCC; height: 398px; margin-bottom: 30px; width: 528px; } #crimeMap .popup h2 { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 0; } #crime .crimeInfo { clear: left; float: left; width: 630px; margin: 0 30px 30px 0; } #crime .crimeInfoContainer, #crime .crimeSocialContainer { border: 1px solid #CCC; padding: 8px; } #crime .crimeInfoContainer p, #crime .crimeInfoContainer ul, #crime .crimeInfoContainer dl { margin: 0 0 18px; } #crime .crimeInfoContainer h4, #crime .crimeSocialContainer h4 { margin: 0 -8px 18px -8px; color: #333; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; letter-spacing: 0; line-height: 1.5em; padding: 4px 6px; text-transform: none; background: #DDD; overflow: visible; } #crime .crimeInfoContainer dl dt { font-weight: bold; } #crime .crimeInfoContainer dl dd { padding-left: 18px; color: #666; margin-bottom: 18px; } #crime .crimeInfoContainer .crimeInfoContact li { float: left; width: 260px; margin-bottom: 18px; line-height: 2.6667em; padding-left: 40px; } #crime .crimeInfoContainer li.crimeInfoTelephone { background: transparent url('/resources/static/standard/images/ico_32_telephone.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoWebsite { background: transparent url('/resources/static/standard/images/ico_32_home.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoFacebook { background: transparent url('/resources/static/standard/images/ico_32_facebook.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoTwitter { background: transparent url('/resources/static/standard/images/ico_32_twitter.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoRss { background: transparent url('/resources/static/standard/images/ico_32_rss.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoFlickr { background: transparent url('/resources/static/standard/images/ico_32_flickr.png/') no-repeat 0 0; } #crime .crimeInfoContainer li.crimeInfoYouTube { background: transparent url('/resources/static/standard/images/ico_32_youtube.png/') no-repeat 0 0; } #crimeMapNeighbourhood { border: 1px solid #CCCCCC; height: 200px; margin: 0 0 10px 20px; width: 300px; float: right; } #crime .crimeSocial { float: left; width: 300px; margin-bottom: 30px; } #crime .crimeSocialContainer h4 span { float: left; height: 32px; margin-top: -7px; padding-left: 40px; } #crime .crimeSocialContainer h4.crimeYouTubeHead span { background: transparent url('/resources/static/standard/images/ico_32_youtube.png/') no-repeat 0 0; } #crime .crimeSocialContainer h4.crimeTwitterHead span { background: transparent url('/resources/static/standard/images/ico_32_twitter.png/') no-repeat 0 0; } #crime .crimeSocialContainer h4.crimeEventsHead span { background: transparent url('/resources/static/standard/images/ico_32_calendar.png/') no-repeat 0 0; } #crime .crimeSocialContainer h4.crimeRssHead span { background: transparent url('/resources/static/standard/images/ico_32_rss.png/') no-repeat 0 0; } #crime .crimeYouTube ul { list-style: none; } #crime .crimeYouTube li { margin-bottom: 10px; } #crime .crimeYouTube .thumb { float: left; margin-right: 10px; } #crime .crimeYouTube h5, #crime .crimeRss h5, #crime .crimeEvents h5 { font-size: 1em; line-height: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 0 106px; } #crime .crimeRss h5, #crime .crimeEvents h5 { margin: 0; } #crime .crimeYouTube p { font-size: .9167em; margin: 0 0 0 106px; } #crime .crimeTwitter li, #crime .crimeRss li, #crime .crimeEvents li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD; } #crime .crimeTwitter p.time, #crime .crimeRss p.date { margin: 0; font-size: .9167em; text-align: right; } #crime .crimeEvents .crimeEventWhen, #crime .crimeEvents .crimeEventWhere, #crime .crimeEvents .crimeEventContact { margin: 0; } #crime .crimeEvents .crimeEventDesc { font-size: .9167em; } /* TODAY page */ #today, #today p, #today li { line-height: 1.5em; } #today .todayList { float: left; width: 790px; margin-right: 20px; } #today .todayAds { float: left; width: 140px; border-left: 1px solid #CCC; padding-left: 9px; text-align: center; } #today .todayAds #OAS_Frame1 { text-align: center; } #today .searchResults li { border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 10px; } #today h3 { font-size: 1.1667em; line-height: 1.2857em; } #today .adminEdit { float: right; font-weight: bold; margin: 0 0 0 10px; } #today .adminEdit a { display: block; padding: 2px 6px; background-color: #990000; color: #FFF; } #today .adminEdit a:hover { background-color: #333; color: #FFF; } #today li p a { color: #333; } #today .timestamp a { color: #197777; } #today .timestamp a:hover { color: #993300; } #today h3 a:hover, #today li p a:hover { color: #993300; } #today .thumb { float: left; margin: 0; } #today .thumb img { width: 64px; height: 64px; margin: 0 10px 5px 0; } #today .timestamp { font-size: .9167em; line-height: 1.6363em; color: #666; } /* EVENTS landing page */ /* events panel tabs */ ul.eventsTabs { position: relative; overflow: auto; border-bottom: 1px solid #666; margin: 0; } ul.eventsTabs li { float: left; margin: 0 2px 0 0; } ul.eventsTabs li a { display: block; padding: 8px 12px; background: #F5F5EC; color: #777; font: bold 16px/21px Arial, sans-serif; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } ul.eventsTabs li a:hover { background: #EEEEE6; color: #444; } ul.eventsTabs li a.on { background: #e0e0d9; color: #555; -moz-text-shadow: 1px 1px #F5F5EC; -webkit-text-shadow: 1px 1px #F5F5EC; text-shadow: 1px 1px #F5F5EC; } /* events panel ios style */ .eventsList dl { margin: 0; min-height: 1px; padding: 24px 0 0 0; position: relative; } .eventsList dt, .fakeHeader { background: #888; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #9e9e9e 0%, #888888 70%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(70%,#888888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9e9e9e 0%,#888888 70%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9e9e9e 0%,#888888 70%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9e9e9e 0%,#888888 70%); /* IE10+ */ background: linear-gradient(top, #9e9e9e 0%,#888888 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#888888',GradientType=0 ); /* IE6-8 */ border-bottom: 1px solid #666; border-top: 1px solid #bbb; color: #FFF; font: bold 18px/21px Arial, sans-serif; letter-spacing: 0; margin: 0; padding: 2px 0 0 12px; position: absolute; -moz-text-shadow: -1px -1px #666; -webkit-text-shadow: -1px -1px #666; text-shadow: -1px -1px #666; } .eventsList dt { bottom: auto; min-height: 1px; top: 0; width: 369px; } .fakeHeader { width: 369px; left: 1px; z-index: 1000; } .fakeHeader.hidden { visibility: hidden; } .eventsList dl.animated dt { bottom: 0; top: auto; } .eventsList dd { font: 12px/22px Arial, sans-serif; margin: 0; } .eventsList dd + dd { border-top: 1px solid #eaeae3; } .eventsList dd:nth-child(odd) { background: #f5f5ec; } .eventsList dd:nth-child(even) { } .eventsList dd a { color: #444; display: block; padding: 16px 6px 16px 12px; overflow: hidden; } .eventsList dd a:hover { background: #eeeee6; } .eventsList .eventName { font-weight: bold; } .eventsList .eventLoc { float: right; font-size: 11px; padding: 0 16px 0 6px; color: #666; background: url('/resources/static/standard/images/ico_16_min_pin.png') 99% 50% no-repeat; /* if bg wanted restore #f5f5ec */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* .eventsList dd:nth-child(odd) .eventLoc { background-color: #ebebe3; }*/ .eventsList .eventStarted dd a, .eventsList .eventStarted .eventLoc { color: #999; background-color: #EEE; } .listWrapper{ height: 400px; width: 400px; overflow: visible; position: relative; zoom: 1; } .eventsList { height: 400px; /* if no js */ overflow-x: hidden; overflow-y: auto; position: static; /* if no js */ width: 398px; border: 1px solid #888; border-top: none; } .listWrapper .eventsList { height: 100%; position: absolute; } /* ARTICLE display page */ .genericDateTime { float:right; font-size: 11px; line-height: 18px; color: #666; } #articleDisplay:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} #articleDisplay{display:inline-block} * html #articleDisplay{height:1%} #articleDisplay{display:block} #articleDisplay { line-height: 1.5em; } .articleRight, .articleCentre, .articleLeft { display:inline; float:left; margin-left:10px; margin-right:10px; } .articleLeft { width: 480px; margin-left: 0; } .articleCentre { width: 140px; } .articleRight { width: 300px; margin-right: 0; } .articleLeft { font-size: 1.1667em; line-height: 1.2857em; } .articleLeft p, .articleLeft ul { margin-bottom: 18px; line-height: inherit; } .articleLeft ul, .articleLeft ol { list-style-type: disc; list-style-position:inside; } .articleLeft h3 { font-size: 1.5714em; line-height: 1.4545em; margin-bottom: 18px; letter-spacing: 0; } .articleLeft .articleInfo { font-size: .7857em; line-height: 1.6364em; color: #666; border: 1px dotted #CCC; border-left: none; border-right: none; } .articleLeft .articleDateTime { float:right; margin-left: 30px; max-width: 250px; text-align: right; } .articleLeft .articleAuthor img { vertical-align: top; margin-right: 4px; border: 1px solid #666666; height: 50px; width: 50px; float: left; } .articleGallery { border: 1px solid #222; background-color:#222; margin-bottom: 18px; } .articleGallery .articlePhoto { position: relative; margin: 0; } .articleGallery .articlePhoto span { width: 466px; display: block; position: absolute; bottom: 0; background-color: rgba(0,0,0,.6); padding: 4px 6px; color: #FFF; font-size: .8571em; } .articleGallery .articlePhoto img { max-width: 100%; max-height: 450px; display: block; margin: 0 auto; } .articleGallery ul { list-style: none; border: 1px solid #222222; border-top-width: 2px; padding: 0; margin: 0; } .articleGallery ul li { float: left; margin: 0 1px; padding: 0; } .articleGallery ul img { border: 1px solid #222; } .articleGallery ul a img { opacity: .5; } .articleGallery ul li.current a img, .articleGallery ul a:hover img { opacity: 1; } .articleSinglePhotoLandscape, .articleSinglePhotoPortrait { border: 1px solid #222; background-color:#222; margin-bottom: 18px; position: relative; } .articleSinglePhotoLandscape img { max-width: 100%; display: block; margin: 0 auto; } .articleSinglePhotoPortrait { float: right; clear: right; margin: 0 0 5px 10px; width: 228px; } .articleSinglePhotoPortrait img { max-width: 100%; display: block; margin: 0 auto; } .articleSinglePhotoLandscape span, .articleSinglePhotoPortrait span { display: block; position: absolute; bottom: 0; background-color: rgba(0,0,0,.6); padding: 4px 6px; color: #FFF; font-size: .8571em; } .articleSinglePhotoLandscape span { width: 466px; } .articleSinglePhotoPortrait span { width: 216px; } .articlePhotoBuy, .articlePhotoBuy:visited { font-size: 0.9167em; margin-left: 20px; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 4px; color: #FFF; background-color: #4D6064; } .articlePhotoBuy:hover { background-color:#444; color: #FFF; } .articleMacro { margin: 0 0 18px 0; clear: both; } .articleMacro img { width: auto; height: auto; max-width: 100%; max-height: 350px; } .articleMacroNarrow { float: left; margin: 0 10px 5px 0; width: 300px; } .articleLeft .mpu { float: left; margin: 0 10px 2px 0; max-width: 300px; overflow: hidden; /*background-color:#DDD; border: 1px solid #CCCCCC; padding: 3px;*/ } .articleLeft .articleInsert { float: right; clear: right; width: 160px; margin-left: 10px; overflow: hidden; } #articleDisplay #google-ads-container1, #articleDisplay #google-ads-container2, #articleDisplay #google-ads-container3, .articleLeft .articleRelated { margin-bottom: 18px; overflow: hidden; } .articleLeft #google-ads-container1 h4, .articleLeft #google-ads-container2 h4, .articleLeft #google-ads-container3 h4, .articleLeft .articleRelated h4, .articleLeft .articleInsert h4 { background: #E6E6E6; font-family: Verdana,Arial,sans-serif; letter-spacing: 0; color: #444; margin-bottom: 1px; text-transform: none; } .articleLeft #google-ads-container1 h4 a, .articleLeft #google-ads-container2 h4 a, .articleLeft #google-ads-container3 h4 a, .articleLeft .articleRelated h4 a, .articleLeft .articleInsert h4 a { color: #444; } .articleLeft #google-ads-container1, .articleLeft #google-ads-container2, .articleLeft #google-ads-container3, .articleLeft .articleRelated { background: #F8F8F8; color: #444; } .articleLeft #google-ads-container1 h5, .articleLeft #google-ads-container2 h5, .articleLeft #google-ads-container3 h5, .articleLeft .articleRelated h5, .articleLeft .articleInsert h5 { letter-spacing: 0; margin: 0; font-family: Verdana,Arial,sans-serif; line-height: 1.6363em; } .articleLeft #google-ads-container1 ul, .articleLeft #google-ads-container2 ul, .articleLeft #google-ads-container3 ul, .articleLeft .articleRelated ul, .articleLeft .articleInsert ul { padding: 0 4px; margin-bottom: 0; font-size: .9167em; } .articleLeft #google-ads-container1, .articleLeft #google-ads-container2, .articleLeft #google-ads-container3, .articleLeft .articleRelated, .articleLeft .articleMoreNews { font-size: .8571em; line-height: 1.5em; } .articleLeft .articleMoreNews { clear: both; } .articleLeft .articleRelated .articleRelatedGallery { list-style: none; float: left; border: 1px solid #444444; margin: 5px; } .articleLeft .articleRelated .articleRelatedAll { list-style: none; clear: both; text-align: right; } .articleLeft .bulletLst { font-size: 1em; } .articleLeft #google-ads-container1 ul, .articleLeft #google-ads-container2 ul, .articleLeft #google-ads-container3 ul { list-style:none; } .articleLeft .articleTools { clear: both; } .articleLeft .articleTools, .articleCentre .articleTools { background: #F8F8F8; border-bottom: 3px solid #E6E6E6; border-top: 1px solid #E6E6E6; font-size: 0.9167em; line-height: 1.6363em; margin-bottom: 18px; padding: 10px 10px 4px; } .articleLeft .articleTools { font-size: 0.7857em; line-height: 1.6363em; padding: 10px 10px 0; } .articleLeft .articleTools .articleUtils { clear: both; margin: 0; overflow: visible; } .articleLeft .articleTools .social, .articleCentre .articleTools .social { border-bottom: none; height: auto; margin-bottom: 0; overflow: auto; padding: 0; } .articleLeft .articleTools .social .socialTwitter, .articleLeft .articleTools .social .socialFacebook, .articleLeft .articleTools ul li { margin-bottom: 10px; float: left; list-style: none; } .articleLeft .articleTools .social .socialFacebook, .articleLeft .articleTools ul li { margin-right: 15px; } .articleCentre .articleTools .social .socialTwitter, .articleCentre .articleTools .social .socialFacebook, .articleCentre .articleTools ul li { margin-bottom: 6px; float: none; display: block; } .articleLeft .articleTools .social .socialFacebook, .articleCentre .articleTools .social .socialFacebook { min-width: 0; } #articleDisplay #OAS_Frame1, #articleDisplay .sky, #articleDisplay .skyFloat { text-align: center; /*background-color:#DDD; border: 1px solid #CCCCCC; margin: 0 0 18px; padding: 3px;*/ } .skyFloat { padding: 0 10px; } .fixed { position: fixed; top: 10px; } #articleDisplay #bizCol { width: 140px; float: none; margin-bottom: 18px; } #articleDisplay #bizCol form input { width: 128px; } #articleDisplay .commentInclude, #articleDisplay #commentsform { font-size: .8571em; line-height: 1.5em; clear: both; } #articleDisplay .commentInclude { border-top: 3px solid #E1E1E1; padding-top: 18px; clear: both; } #articleDisplay #commentsform { margin-bottom: 18px; } .articleLeft #commentsform.commentPost form li textarea { width: 444px; } .preview .mpu { width: 298px; height: 248px; border: 1px solid #666; background-color: #EEE; } #articleDisplay .articlePreviewForm { clear: both; } #articleDisplay .articlePreviewThumbs { width: 228px; float: left; margin: 0 5px 10px; border: 1px solid #333; } #articleDisplay .articlePreviewThumbs span { padding: 5px 0; } #articleDisplay .articlePreviewThumbs p { height: 170px; overflow: hidden; text-align: center; } #articleDisplay .articlePreviewThumbs p img { width: auto; height: auto; max-width: 228px; max-height: 150px; display: block; margin: 0 auto; } #articleDisplay .articlePreviewThumbs ul { margin: 0; } #articleDisplay .articlePreviewThumbs li { list-style: none; float: left; margin: 4px; } #articleDisplay .articlePreviewThumbs li input { margin: 0; position: absolute; } /* COMMENTS include 09/11 */ .commentClosed { clear: both; font-weight: bold; } .commentInclude { line-height: 1.5em; } #archive .commentInclude { font-size: 1.25em; line-height: 1.5em; } #archive .commentInclude p { font-size: 1em; line-height: 1.5em; } .commentInclude h4 { font-size: 1.8333em; line-height: 1.6363em; letter-spacing: 0; text-transform: none; color: #333; background: none; margin-bottom: 18px; padding: 0; } .commentInclude .commentSort { font-size: 0.9167em; line-height: 1.6363em; background-color:#E6E6E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 4px 8px; margin-bottom: 18px; } .commentInclude .commentSort button { padding: 1px 4px; } .JSEnabled .commentInclude .commentSort button { display: none; } .commentInclude .commentSort select { padding: 0; background-color: #FFF; } .commentInclude .comment { border-bottom: 2px solid #BBB; margin-bottom: 36px; } .commentInclude .q { background-color: #F8F8F8; border-top: 1px solid #E6E6E6; border-bottom: 4px solid #E6E6E6; padding: 2px 6px; margin: 0 0 10px; } .commentInclude .q blockquote { background-color: #FFF; padding: 2px 4px 2px 6px; } .commentInclude .commentLike, .commentInclude .commentTools { font-size: .9167em; line-height: 1.6363em; list-style: none; float: right; padding: 0; margin: 0 0 18px; } .commentInclude .commentThumbsUp, .commentInclude .commentThumbsDown { display: none; } .JSEnabled .commentInclude .commentThumbsUp, .JSEnabled .commentInclude .commentThumbsDown { display: block; } .commentInclude .commentLike { float: left; background-color:#E6E6E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .commentInclude .commentLike li { float: left; text-shadow: 1px 1px 0 #F6F6F6; } .commentInclude .commentLike .commentScore, .commentInclude .commentLike .commentScorePlus, .commentInclude .commentLike .commentScoreMinus, .commentInclude .commentLike .commentScored { padding: 4px 8px; } .commentInclude .commentLike .commentScored { padding: 4px 8px; border-left: 1px solid #BBB; } .commentInclude .commentLike .commentScorePlus span { color: #598527; font-weight: bold; } .commentInclude .commentLike .commentScoreMinus span { color: #993300; font-weight: bold; } .commentInclude .commentLike a, .commentScoredPlus, .commentScoredMinus { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; border-left: 1px solid #BBB; padding: 4px 8px; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; width: 16px; } .commentInclude .commentThumbsUp a, .commentScoredPlus { background: transparent url('/resources/static/standard/images/thumbs.png') no-repeat 50% -26px; } .commentInclude .commentThumbsDown a, .commentScoredMinus { background: transparent url('/resources/static/standard/images/thumbs.png') no-repeat 50% 5px; } .commentScoredPlus, .commentScoredMinus { display: inline-block; vertical-align: bottom; border: none; padding: 0 0 0 6px; background-position: 100% 0; } .commentScoredPlus { background-position: 100% -30px; } .commentInclude .commentLike a:hover { background-color: #CCC; } .commentInclude .commentTools li { float: left; margin: 0 0 0 8px; text-shadow: 1px 1px 0 #F6F6F6; } .commentInclude .commentTools li a { display: block; background-color:#E6E6E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 4px 8px; color: #333333; } .commentInclude .commentTools li a:hover { background-color: #CCC; color: #000; text-shadow: 1px 1px 0 #E6E6E6; } @media print { /* Keep me at the bottom please */ body { width:auto; } /* Hide generic elements */ #adStrip, #headertop, .headersearch, .nav, #bread, .adminLinks, #classFoot, #adStripBottom { display:none; } #header { margin-bottom:0; } .headerlogo { margin:0; } #titles { margin:5px 0; } #navFoot .nav { display:block; } #navFoot .navBar, #navFoot .usefulList, #navFoot .lastList.other { display:none; } #navFoot ul.lastList { width: 100%; } /* TRAFFIC */ #traffic .trafficLocation, #traffic form, #traffic .trafficViewMore, #traffic #panelWeather, #traffic #mpu, #traffic .trafficIncidents h3, #traffic .trafficIncidents .trafficList p.trafficViewMap, #traffic .trafficIncidents .trafficList .trafficShare, #traffic .trafficBubble .trafficShare, #traffic .trafficKey { display: none !important; } #traffic .trafficIncidents { width: auto; margin-right: 0; } #traffic .trafficIncidents .trafficList .trafficIcons { position: static; text-indent: 0; } #traffic .trafficIncidents .trafficList .trafficIcons span { width: auto !important; display: block !important; color: #000 !important; text-indent: 0 !important; float: none !important; left: 0 !important; top: 0 !important; margin: 0 8px !important; padding: 0 !important; text-align: left !important; } #traffic .trafficRight { float: none; clear: both !important; } #traffic #trafficMap { margin-top: 300px !important; } /* CRIME */ #crime .crimePrint, #crime .crimeFacets h4, #crime .crimeRoads, #crime .crimeLocation, #crime .crimeInfoFacebook, #crime .crimeInfoYouTube, #crime .crimeInfoTwitter, #crime .crimeInfoFlickr, #crime .crimeInfoRss { display: none !important; } #crime .crimeFacets, #crime .crimeInfo, #crime .crimeSocial { width: auto !important; float: none !important; } #crime h3 { text-shadow: none !important; } #crime .crimeSubhead, #crime .crimeInfoContainer, #crime .crimeSocialContainer { border: none !important; } } /* END @media print */