/* @override http://lbc.globalgold.co.uk/lbclon/css/master.css?v=09072009 */ /* @override http://lbc.globalgold.co.uk/lbclon/css/master.css?v=09072009 */ /* SECTION:RESET ---------------------------------------------------*/ html { background-color: #FFF; color: #000000; line-height: 1; font-size:1.1em; } blockquote,body,button,code,dd,dl,div,dt,form,fieldset,h1,h2,h3,h4, h5,h6,legend,li,input,ol,p,pre,ul,td,textarea,th{ margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } button,fieldset,img { border-width: 0; } address,caption,code,cite,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border-width: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } button,input,textarea,select { font-family: inherit; font-size: 100%; font-weight: inherit; } legend { color: #000000; } /* Global ---------------------------------------------------*/ html { background: #f2f2f2; } body { font-family:"Helvetica", Arial, sans-serif; color: #333; font-size: 95%; background-color:#F2F2F2; } a { text-decoration: none; color: #2a5877; } a:hover { color: #138dbe; text-decoration: underline; } strong { font-weight: bold; } p { line-height: 1.1em; } hr { clear: both; border: none; margin: 0; padding: 0; height: 0; } div.spacer, div.break { clear:both; } .clear{clear:both;} /*font:before { content: " "; } font { color: red; clear:both; }*/ /* structure ---------------------------------------------------*/ .access { position:absolute; left: -9999px; } /* structure ---------------------------------------------------*/ div#lbc_container{} div#wrapper {width: 926px; margin: 0 auto; background:#FFF; padding:0px 20px;} div#page {width:926px;} /* utility bar ---------------------------------------------------*/ #utility_bar{background:#000; color:#FFF; text-align:center; font-size:13px;} #utility_bar .utility{width:926px; margin:0px auto; text-align:left;} #utility_bar .utility .left, #utility_bar .utility .right{width:463px; float:left;} #utility_bar .utility .left .day, #utility_bar .utility .left .temperature{float:left; padding:9px 9px 9px 0px; line-height:13px;} #utility_bar .utility .left #icon{width:25px; height:25px; float:left; margin-top:3px; margin-bottom:3px; margin-right:9px;} #utility_bar .utility .left .weather_icon_noimage{background:url(../img/global/weather.png) no-repeat 0px 0px;} #utility_bar .utility .left .weather_icon_clearnight{background:url(../img/global/weather.png) no-repeat 0px -25px;} #utility_bar .utility .left .weather_icon_sunshine{background:url(../img/global/weather.png) no-repeat 0px -50px;} #utility_bar .utility .left .weather_icon_cloud{background:url(../img/global/weather.png) no-repeat 0px -75px;} #utility_bar .utility .left .weather_icon_sun_cloud{background:url(../img/global/weather.png) no-repeat 0px -100px;} #utility_bar .utility .left .weather_icon_dust{background:url(../img/global/weather.png) no-repeat 0px -125px;} #utility_bar .utility .left .weather_icon_mist{background:url(../img/global/weather.png) no-repeat 0px -150px;} #utility_bar .utility .left .weather_icon_fog{background:url(../img/global/weather.png) no-repeat 0px -175px;} #utility_bar .utility .left .weather_icon_lightrain{background:url(../img/global/weather.png) no-repeat 0px -200px;} #utility_bar .utility .left .weather_icon_heavyrain{background:url(../img/global/weather.png) no-repeat 0px -225px;} #utility_bar .utility .left .weather_icon_snow{background:url(../img/global/weather.png) no-repeat 0px -250px;} #utility_bar .utility .left .weather_icon_lightning{background:url(../img/global/weather.png) no-repeat 0px -275px;} #utility_bar .utility .right #search{float:right; padding-top:4px;} #utility_bar .utility .right #search form{margin:0px; padding:0px;} #utility_bar .utility .right #search input{border:0px;margin:0px; padding:3px; height:15px; float:left;} #utility_bar .utility .right #search input.text{width:153px; color:#2A5877; font-weight:bold; } #utility_bar .utility .right #search input.submit{text-indent:-9999px; background:#CCC url(../img/global/search_default.png) no-repeat 2px 2px; display:block; height:21px; width:21px;} #utility_bar .utility .right #search input:hover.submit{background:#2A5877 url(../img/global/search_rollover.png) no-repeat 2px 2px; } #utility_bar .utility .right #userPanel{float:right; padding:9px; line-height:13px;} #utility_bar .utility .right #userPanel a{font-weight:bold; color:#FFF;} #utility_bar .utility .right #userPanel a:hover{text-decoration:underline;} /* Header ---------------------------------------------------*/ div#header {clear:both;} div#header div#logo {float:left; padding-top:5px; position:relative;} div#header div#logo a {background: url(../img/global/lbc-national-logo.png) no-repeat; height:120px; width:189px; display: block; position:absolute; top:5px; left:15px; z-index:10;} div#header div#logo a span { display: none; } div#header div#topbanner {width: 728px; height: 90px; overflow:hidden; margin: auto; text-align: center; color: #fff;float:right; margin-top:6px; border:#CCC solid 1px; margin-top:8px;} /* Skyline */ #skyline{background:url(../img/global/926x59_header_silhouette.png) no-repeat left bottom; height:59px; width:926px; padding-top:4px; clear:both;} #skyline #listenLive, #skyline #listenDJ{float:right; padding-top:10px;} #skyline #listenLive a{background:#FFF url(../img/global/listen_live_default.png) no-repeat; display:block; width:169px; height:32px; text-indent:-9999px;} #skyline #listenLive a:hover{background:#FFF url(../img/global/listen_live_rollover_black.png) no-repeat;} #skyline #listenDJ{padding-right:10px; color:#1F1F1F; font-size:14px;line-height:16px;} #skyline #listenDJ h3 a{font-weight:bold; font-size:14px; color:#EB3726; line-height:16px;} #skyline #listenDJ h3 a:hover{color:#FF5A3F; text-decoration:underline;} /* Nav ---------------------------------------------------*/ div#nav {clear:both;margin:0;background:#000; width:926px; height:31px;} div#nav ul {padding: 0; margin: 0; text-transform:uppercase;} div#nav ul li {float: left; padding:0; margin: 0 } div#nav ul li a {display: block; text-decoration: none; font-size:15px; line-height:11px; font-weight: bold; padding: 10px 13px 8px 13px; margin: 0; color: #fff;border:#000 solid 1px; border-right:#666 solid 1px;} div#nav ul li.nav_10 a{border-right:none !important;} div#nav ul li.current a { color:#333; } div#nav ul li.active a, div#nav ul li.current a {color:#000;background:#f2f2f2; border:#DCDCDC solid 1px;} div#nav ul li.active div.subNav a { background: #f3f3f3; } div#nav div.subNav { display: none; position: absolute; margin: 0; padding: 0;} div#nav ul li.active div.subNav { display: block; z-index: 99999; } div#nav div.subNav ul {clear:both; float: left; margin-left: -1px; padding: 0 0 0px 0;border: 1px solid #DCDCDC; border-top: none;} div#nav div.subNav ul li{border:0px !important; display:block; float:none;} div#nav div.subNav ul li a {display:block;font-size: 12px;line-height:12px;text-transform:capitalize;padding: 6px 9px; margin: 0 0px;border-top:0px !important;border-left:0px !important;border-right:0px !important;border-bottom: 1px solid #DCDCDC !important;background: #F2F2F2;color:#2A5877;} div#nav ul li.active div.subNav a:hover {background:#2A5877; color: #FFF;} /* Trending ---------------------------------------------------*/ #trendingbar{margin:10px 0px; border:#808080 dotted 1px; border-left:0px; border-right:0px; padding:8px 0px; overflow:hidden;} #trendingbar div.title{float:left; font-weight:bold; text-transform:uppercase; font-size:14px; padding:1px 0px;} #trendingbar span{padding:1px 10px; border-right:#CCC solid 1px; font-size:14px; display:block; float:left;} #trendingbar span.trendend{padding:1px 0px 1px 10px; border-right:none;} #trendingbar span a{color:#2A5877;} #trendingbar span a:hover{color:#0093D1; text-decoration:underline;} /* end mm aditional */ div#adsky { float: right; margin-top: 10px; width:120px;} div#adBanner { position: absolute; top: 45px; margin-left: 320px; display: none;} div.home div#adsky{display:none;} /*** BillBoard Advert ***/ #adbillboard{position:relative; text-align:center; width:100%; background:#F2F2F2; margin:0px auto; padding:0px 0px;} #adbillboard .addinner{width:980px; margin:0px auto;} #adbillboard.noAd{display:block; } /* Breadcrumb ---------------------------------------------------*/ div.home div#breadcrumb{display:none;} div#breadcrumb { clear: left; } div#breadcrumb ul {float: left;width: 800px;background: #ededed;margin: 10px 0;padding: 5px 0;} div#breadcrumb ul li { display: inline; list-style: none; } /*div#breadcrumb li span{color:#000; font-weight:bold;}*/ div#breadcrumb ul li a {line-height: 1.25em; font-size: 1em;text-decoration: none;padding: 0 5px;color: #666;} div#breadcrumb ul li a:hover { text-decoration: underline; } /* Content ---------------------------------------------------*/ em.video { background-image: url("../img/global/36px_play_icon.png"); background-position: 0 0; background-repeat: no-repeat; height: 43px; left: 5px; position: absolute; right: -6px; text-indent: -999em; top: 50px; width: 43px; } div#content { clear:left; background: #fff;padding: 0px;min-height: 450px; width:800px; float:left;} div.home{width:926px !important;} /*3 Column Layouts*/ div#three_column_layout{margin:0px; padding:0px; position:relative;} #col_one_two_container{float:left; with:624px;} .span_column_1and2{clear:both; width:614px;padding-top:10px;} div.three_column_layout_one, div.three_column_layout_two, div.three_column_layout_three{width:302px; float:right; } div.three_column_layout_one, div.three_column_layout_two{margin-right:10px; float:left;} /* ---- MEGAMOD ---- */ /*First Tier*/ .megaMod{margin:0px; padding:0px;} .megaMod #megamod_main .title a{display:block; background:#2A5877; color:#FFF; padding:10px; height:85px; overflow:hidden; font-size:27px; font-weight:bold; line-height:30px;} .megaMod #megamod_main .title a:hover{text-decoration:underline;} .megaMod #megamod_main .title a.breakingnews{background:#FEF313; color:#000;} .megaMod #megamod_main .image{width:302px; height:298px; overflow:hidden;} .megaMod #megamod_main .image img{width:302px; height:298px;} .megaMod #megamod_main .image a{margin:0px; padding:0px; position:relative; display:block; width:302px; height:298px;} .megaMod #megamod_main .image span{display:none; width:36px; height:36px; background: url(../img/global/36px_play_icon.png) no-repeat; z-index:15px; position:absolute; bottom:10px; left:10px;} .megaMod #megamod_main .image span.video-icon{display:block;} .megaMod #megamod_main .teaser{padding-top:10px; font-weight:normal; color:#000; font-size:14px;} .megaMod #megamod_main .teaser span.breaking-news{display:inline; background:#FEF313; font-weight:bold; font-size:14px; padding:0px 3px; float:left; color:#000; margin:0px; margin-right:10px; line-height:14px;} /*Second Tier*/ .megaMod #megamod_second_level .article{padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:#999 dotted 1px;} .megaMod #megamod_second_level .image{width:146px; height:96px; float:left;} .megaMod #megamod_second_level .image img{ width:146px; height:96px; border:0px; margin:0px padding:0px;} .megaMod #megamod_second_level .image a{margin:0px; padding:0px; position:relative; display:block; width:146px; height:96px;} .megaMod #megamod_second_level .image span{display:none; width:36px; height:36px; background: url(../img/global/36px_play_icon.png) no-repeat; z-index:15px; position:absolute; bottom:10px; left:10px;} .megaMod #megamod_second_level .image span.video-icon{display:block;} .megaMod #megamod_second_level .title{padding:0px 0px 0px 0px; width:156px; height:96px; float:left;} .megaMod #megamod_second_level .title a{display:block; padding:8px 10px 2px 10px; width:136px; height:86px; background:#F2F2F2; overflow:hidden; font-weight:bold; font-size:19px; line-height:22px;} .megaMod #megamod_second_level .title a:hover{text-decoration:underline; color:#0093D1;} .megaMod #megamod_second_level .title a.breakingnews{background:#FEF313; color:#000;} .megaMod #megamod_second_level .title a.breakingnews:hover{color:#000;} .megaMod #megamod_second_level .teaser{clear:left; padding-top:10px; color:#000; font-size:14px;} .megaMod #megamod_second_level .teaser p{margin:0px; padding:0px;} .megaMod #megamod_second_level .teaser p span.breaking-news{display:inline; background:#FEF313; font-weight:bold; font-size:14px; padding:0px 3px; float:left; color:#000; margin:0px; margin-right:10px; line-height:14px;} /*Third Tier*/ .megaMod #megamod_third_level .article{border-bottom:#999999 dotted 1px; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;} .megaMod #megamod_third_level .article a{font-size:16px; color:#2A5877; font-weight:bold;} .megaMod #megamod_third_level .article a:hover{text-decoration:underline; color:#0093D1;} .megaMod #megamod_third_level .article a em.video{display:block; float:left; text-indent:-9999px; width:14px; height:14px; background:url(../img/global/14px_play_icon.png) no-repeat; padding:0px 3px;position:inherit;} .megaMod #megamod_third_level .article a span.breaking-news{display:block; background:#FEF313; font-weight:bold; font-size:14px; padding:0px 3px; float:left; color:#000; margin:0px; margin-right:10px; padding-top:3px; line-height:14px;} /* ---- News ---- */ .news{margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:#0093D1 solid 4px;} .news h4{margin:0px; padding:0px; font-size:19px; font-weight:bold; color:#000; padding-bottom:10px;} .news .article{background:#F2f2f2; margin-bottom:10px; clear:left; height:96px;} .news .image{width:146px; height:96px; float:left;} .news .image img{ width:146px; height:96px; border:0px; margin:0px padding:0px;} .news .image a{margin:0px; padding:0px; position:relative; display:block; width:146px; height:96px;} .news .image span{display:none; width:36px; height:36px; background: url(../img/global/36px_play_icon.png) no-repeat; z-index:15px; position:absolute; bottom:10px; left:10px;} .news .image span.video-icon{display:block;} .news .title{padding:0px; width:156px; height:96px; float:left; line-height:19px;} .news .title a{display:block; padding:0px 10px;padding-top:10px; width:136px; height:86px; overflow:hidden; font-weight:bold; font-size:16px; line-height:19px;} .news .title a:hover{text-decoration:underline; color:#0093D1;} .news .title a.breakingnews{background:#FEF313; color:#000;} .news .title a.breakingnews:hover{color:#000;} .news p.more{display:block; text-align:right; font-weight:bold; font-size:12px;} .news p.more a{color:#2a5877;} .news p.more a:hover{color:#0093D1; text-decoration:underline;} /* ---- Traffic Home ---- */ .traffic{width:302px; height:284px; margin-top:10px; background:#CCC url(../img/global/corner.png) no-repeat 299px 0px} .trafficContainer{width:299px; height:280px; background:#FFCC00;} .traffictabs{background:#FFF; height:40px; margin-bottom:5px;} .traffictabs a{display:block; background:#EEEEEE; border-right:#FFF solid 1px; width:99px; height:35px; padding-top:5px; float:left; text-align:center; vertical-align:middle; color:#000; font-weight:bold; font-size:14px; line-height:16px;} .traffictabs a#navend{border-right:0px !important; width:98px; height:25px; padding-top:15px;} .traffictabs a.selected{ background:#FFCC00;} .trafficdata{width: 291px; height: 200px; overflow: auto; background:#FFF; margin-left:5px;} .trafficdata ul{display:block;} .trafficdata ul li{display:block; padding:5px; border-bottom:#999 dotted 1px;} .trafficdata ul li h4{min-height:35px; margin:0px; padding:0px; padding-left:35px; font-size:13px; line-height:15px; font-weight:bold; color:#2A5877; } .trafficdata ul li h5{padding:5px 0px; margin:0px; font-size:13px; line-height:15px;} .trafficdata ul li.severe h4, .trafficdata ul li.public_severe h4, .trafficdata ul li.very-severe h4, .trafficdata ul li.public_very-severe h4 {background: transparent url(../img/travelapp/s_traffic.png) no-repeat; background-position: -30px -1000px;} .trafficdata ul li.medium h4, .trafficdata ul li.public_medium h4, .trafficdata ul li.slight h4, .trafficdata ul li.public_slight h4, .trafficdata ul li.very-slight h4, .trafficdata ul li.public_very-slight h4 {background: transparent url(../img/travelapp/s_traffic.png) no-repeat;background-position: -30px -1200px;} .trafficdata ul li.roadworks_severe h4, .trafficdata ul li.roadworks_very-severe h4 {background: transparent url(../img/travelapp/s_traffic.png) no-repeat;background-position: -30px -800px; } .trafficdata ul li.roadworks_medium h4, .trafficdata ul li.roadworks_slight h4, .trafficdata ul li.roadworks_very-slight h4 {background: transparent url(../img/travelapp/s_traffic.png) no-repeat; background-position: -30px -1400px;} .trafficdata ul li.clear h4, .trafficdata ul li.public_clear h4, .trafficdata ul li.roadworks_clear h4 { background: transparent url(../img/travelapp/s_traffic.png) no-repeat; background-position: -30px -600px;} .trafficfooter{text-align:right; padding:10px 5px 0px 0px;} .trafficfooter a{font-weight:bold; color:#000; font-size:12px;} .trafficfooter a:hover{text-decoration:underline; color:#000;} /* ---- blog ---- */ #blog h4{border-top:#0093D1 solid 4px;margin:0px; padding:0px; font-size:19px; font-weight:bold; color:#000; padding-bottom:10px; padding-top:10px;} #blog .block{width:146px; float:left; margin-right:10px;} #blog .END4{margin-right:0px;} #blog .image{width:146px; height:96px; margin-bottom:10px;} #blog .image img{width:146px; height:96px;} #blog .title{padding:0px; margin:0px; padding-bottom:10px;font-size:16px; line-height:19px;} #blog .title a{ color:#2A5877;} #blog .title a:hover{color:#0093D1; text-decoration:underline;} #blog .published{padding:0px; margin:0px; font-size:12px; color:#000;} #blog p.more{display:block; text-align:right; font-weight:bold; font-size:12px; padding-top:10px; clear:left;} #blog p.more a{color:#2a5877;} #blog p.more a:hover{color:#0093D1; text-decoration:underline;} /* ---- Weird News ---- */ #weird .news .article{background:#F2f2f2; margin-bottom:10px; clear:none; height:96px; float:left; width:302px; margin-right:10px;} #weird .news .END2, #weird .news .END4, #weird .news .END6, #weird .news .END8, #weird .news .END10{margin-right:0px;} #weird .news p.more{clear:left;} /* ---- Ways to Listen ---- */ #waystolisten{margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border-top:#0093D1 solid 4px; padding-bottom:10px;} #waystolisten h4{margin:0px; padding:0px; font-size:19px; font-weight:bold; color:#000; padding-bottom:10px;} #waystolisten .wtlcontent{border:#E8E8E8 solid 1px; border-bottom:#0093D1 solid 2px; padding:10px; background:url(../img/global/wtl_tile.png) repeat-x left bottom; height:199px;} #waystolisten .wtlcontent h3, #waystolisten .wtlcontent p{width:291px; float:left; clear:left;} #waystolisten .wtlcontent h3 a{display:block; font:28px/30px impact, arial, helvetica sans-serif; padding-bottom:10px; color:#0093D1;} #waystolisten .wtlcontent p{font-size:14px; line-height:18px;} #waystolisten .wtlcontent p.action{padding-top:20px;} #waystolisten .wtlcontent p.action a{font-weight:bold;} #waystolisten .wtlcontent span.blanket{width:292px; float:right; display:block; height:199px; background-repeat:no-repeat; background-position:center center;} #waystolisten .wtlcontent span.blanket a{text-indent:-9999px; display:block;width:292px;height:179px;} #waystolisten .wtlcontent #wtl_digital span.blanket{background-image:url(../img/global/wtl/img/radio.png);} #waystolisten .wtlcontent #wtl_tv span.blanket{background-image:url(../img/global/wtl/img/tv.png);} #waystolisten .wtlcontent #wtl_online span.blanket{background-image:url(../img/global/wtl/img/online.png);} #waystolisten .wtlcontent #wtl_ipad span.blanket{background-image:url(../img/global/wtl/img/ios.png);} #waystolisten .wtlcontent #wtl_android span.blanket{background-image:url(../img/global/wtl/img/android.png);} #waystolisten .wtlcontent #wtl_blackberry span.blanket{background-image:url(../img/global/wtl/img/blackberry.png);} #waystolisten .wtltabs{height:76px; background:#e8e8e8;} #waystolisten .wtltabs a{display:block; font-weight:bold; color:#231F20; float:left; font-size:12px; line-height:12px; text-align:center; border-right:1px solid #FFF; text-transform:uppercase; vertical-align:bottom; } #waystolisten .wtltabs a:hover{background-color:#2A5877; color:#FFF; text-decoration:none;} #waystolisten .wtltabs a.selected{background-color:#0093D1; color:#FFF; text-decoration:none;} #waystolisten .wtltabs a span{display:block; background-color:#e8e8e8; background-repeat:no-repeat; background-position:center 10px;height:22px; padding-top:54px;} #waystolisten .wtltabs a span#wtl_tab_digital{height:28px; padding-top:48px; width:102px; background-image:url(../img/global/wtl/icons/radio_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_digital{background-image:url(../img/global/wtl/icons/radio_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_digital{background-image:url(../img/global/wtl/icons/radio_white.png); background-color:#2A5877;} #waystolisten .wtltabs a span#wtl_tab_tv{width:101px; background-image:url(../img/global/wtl/icons/tv_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_tv{background-image:url(../img/global/wtl/icons/tv_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_tv{background-image:url(../img/global/wtl/icons/tv_white.png); background-color:#2A5877;} #waystolisten .wtltabs a span#wtl_tab_online{width:101px; background-image:url(../img/global/wtl/icons/online_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_online{background-image:url(../img/global/wtl/icons/online_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_online{background-image:url(../img/global/wtl/icons/online_white.png); background-color:#2A5877;} #waystolisten .wtltabs a span#wtl_tab_ipad{width:101px; background-image:url(../img/global/wtl/icons/ios_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_ipad{background-image:url(../img/global/wtl/icons/ios_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_ipad{background-image:url(../img/global/wtl/icons/ios_white.png); background-color:#2A5877;} #waystolisten .wtltabs a span#wtl_tab_android{width:101px; background-image:url(../img/global/wtl/icons/android_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_android{background-image:url(../img/global/wtl/icons/android_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_android{background-image:url(../img/global/wtl/icons/android_white.png); background-color:#2A5877;} #waystolisten .wtltabs a span#wtl_tab_blackberry{width:102px; background-image:url(../img/global/wtl/icons/blackberry_black.png);} #waystolisten .wtltabs a.selected span#wtl_tab_blackberry{background-image:url(../img/global/wtl/icons/blackberry_white.png); background-color:#0093D1;} #waystolisten .wtltabs a:hover span#wtl_tab_blackberry{background-image:url(../img/global/wtl/icons/blackberry_white.png); background-color:#2A5877;} /* --- Image Stack --- */ #image_stack{background: url(../img/global/photo_left.png) no-repeat; width:302px; height:284px; margin-top:10px;} #image_stack .title{width:284px; margin-left:6px; height:59px;} #image_stack .title a{display:block;font-size:19px; line-height:22px; font-weight:bold; color:#FFF; padding-top:9px;} #image_stack .title a:hover{color:#FFF; text-decoration:underline;} #image_stack .image{width:284px; height:193px; margin-left:6px;} #image_stack .link a{display:block; font-weight:bold; color:#FFF; font-size:12px; padding-top:5px; text-align:right; margin-right:12px;} div.three_column_layout_three #image_stack{background: url(../img/global/photo_right.png) no-repeat;} /* Third Column Content */ /* On Air Now / Next */ #on_air_next{margin-top:10px;} #on_air_now, #on_air_next{border-top:#EE3726 solid 4px; padding-top:10px; background:#FFF;} #on_air_now .show,#on_air_next .show{width:122px;} #on_air_now .show h3,#on_air_next .show h3{font-size:19px; font-weight:bold; margin:0px 0px 7px 0px; padding:0px; color:#000;} #on_air_now .show .button,#on_air_next .show .button{margin:0px; padding:0px;} #on_air_now .show .button a,#on_air_next .show .button a{display:block; background: url(../img/global/listen_live_button_active.png) no-repeat; height:25px; text-indent:-9999px; margin-bottom:4px;} #on_air_now .show .button a:hover,#on_air_next .show .button a:hover{display:block; background: url(../img/global/listen_live_button_rollover.png) no-repeat;} #on_air_now .show .show_name, #on_air_next .show .show_name{margin:0px; padding:0px; font-size:16px; font-weight:bold; line-height:22px;} #on_air_now .show .show_name a, #on_air_next .show .show_name a{color:#EE3726;} #on_air_now .show .show_name a:hover, #on_air_next .show .show_name a:hover{color:#FF5852; text-decoration:underline;} #on_air_now .show .show_time, #on_air_next .show .show_time{margin:0px; padding:0px; font-size:14px; font-weight:normal; padding-bottom:10px;} #on_air_now .description{background:#F2F2F2; padding:10px; font-weight:bold; font-size:19px; color:#000; line-height:22px;} #on_air_next .description{display:none;} #on_air_now .join, #on_air_next .join{padding:10px; background:#EE3726; color:#FFF; font-size:16px; line-height:22px;} #on_air_now .join p, #on_air_next .join p{line-height:22px;} #on_air_now .join h4,#on_air_next .join h4{font-weight:bold; font-size:19px; line-height:22px;} #on_air_now .join a,#on_air_next .join a{color:#FFF; text-decoration:underline;} #on_air_now .join a:hover,#on_air_next .join a:hover{color:#000;} /*MPU*/ div#content.home div.three_column_layout_three div#mpu {width: 300px; height: 250px; margin-top:10px; border:0px; background:#FFF;} /*Twitter*/ div#twitter{background:#CCC url(../img/global/corner.png) no-repeat 299px 0px; margin-top:10px; padding:0px 3px 3px 0px;} div#twitter .twitterContainer{background:#231f20; padding:5px;} div#twitter .twitterContainer #twitterHeader{background: url(../img/global/lbc_twitter.png) no-repeat; min-height:48px; margin-bottom:5px; padding-left:58px; color:#FFF; font-size:17px; line-height:20px;} div#twitter .twitterContainer #twitterHeader b{display:block;} div#twitter .twitterContainer #twitterFooter{background: url(../img/global/twitter_icon.png) no-repeat 0px 10px; text-align:right; color:#FFF; font-weight:bold; padding:14px 0px 10px 0px; font-size:12px;} div#twitter .twitterContainer #twitterFooter a {color:#FFFFFF;} /* Polls */ #home_poll{padding-top:10px; border-bottom:#999 dotted 1px; padding-bottom:7px;} #home_poll h4{padding-top:10px; padding-bottom:10px; border-bottom:#999 dotted 1px; border-top:#EE3726 solid 4px; font-weight:bold; font-size:19px; margin:0px; color:#000;} #home_poll h2{display:none;} #home_poll form{border:none !important; margin:0px !important; background:#FFF !important; padding:0px 0px 0px 0px !important;} div#content #home_poll form p.pollQuestion{font-size:14px; color:#000;} div#content #home_poll form .poll_options{float:left; width:50%; padding-top:5px; padding-bottom:0px !important;} div#content #home_poll form .poll_options .radio{padding-left:0px !important; font-size:17px;} div#content #home_poll form .poll_options .option{font-size:14px; padding-left:0px;} div#content #home_poll form button{background:url(../img/global/vote_btn_active.gif) no-repeat; clear:both; margin:0px !important; padding:0px !important; border:none !important; width:53px; height:25px; text-indent:-9999px; line-height:10px;} div#content #home_poll form button:hover{background:url(../img/global/vote_btn_rollover.gif) no-repeat; cursor:pointer;} div#content #home_poll p.pollQuestion{font-size:14px; color:#000; font-weight:bold; padding-top:10px;} div#content #home_poll .pollresult{float:left; width:50%; padding:15px 0px; font-size:17px;} div#content #home_poll .pollresult span{font-size:19px; font-weight:bold; color:#0093D1;} /*Pod Casts*/ #podcasts{padding-top:10px;} #podcasts h4{padding-top:10px; border-top:#EE3726 solid 4px; font-weight:bold; font-size:19px; margin:0px; color:#000;} #podcasts .cast{border-top:#999 dotted 1px; margin-top:10px; padding-top:10px;} #podcasts .cast h3{margin:0px; padding:0px;} #podcasts .cast h3 a{color:#EE3726; font-weight:bold; font-size:16px; line-height:19px;} #podcasts .cast h3 a:hover{color:#FF5852; text-decoration:underline;} #podcasts .cast p{margin:0px; padding:0px; font-size:12px; color:#000; line-height:16px;} #podcasts p.more{display:block; text-align:right; font-weight:bold; font-size:12px; padding-top:10px;} #podcasts p.more a{color:#EE3726;} #podcasts p.more a:hover{color:#FF5852; text-decoration:underline;} /* Facebook Right Column*/ #facebook_area{padding-top:10px;} /* Listen Live Right Column*/ #listen_live{padding:10px 0px 0px 0px;} #listen_live a{ display:block; background: url(../img/global/listen_live_big_button.png) no-repeat; width:302px; height:76px;} #listen_live a:hover{text-decoration:underline; color:#FFF;} #listen_live a span{color:#FFF; display:block; padding-left:82px; padding-top:30px; padding-right:10px;} #listen_live a span b{display:block;} /* Features Right Column*/ #features{padding-top:10px; margin-bottom:10px;} #features h4{padding-top:10px; border-top:#EE3726 solid 4px; font-weight:bold; font-size:19px; margin:0px;} #features .article{margin-top:10px; padding-top:10px; border-top:#999 dotted 1px; clear:left;} #features .image{width:146px; height:96px; float:left;} #features .image img{ width:146px; height:96px; border:0px; margin:0px padding:0px;} #features .image a{margin:0px; padding:0px; position:relative; display:block; width:146px; height:96px;} #features .title{padding:0px; width:156px; height:96px; float:left;} #features .title a{display:block; padding:0px 10px; width:136px; height:96px; overflow:hidden; font-weight:bold; font-size:16px; line-height:19px; color:#EE3726;} #features .title a:hover{text-decoration:underline; color:#FF5852;} #features .teaser{clear:left; padding-top:10px; color:#000; font-size:14px;} #features p.more{display:block; text-align:right; font-weight:bold; font-size:12px; padding-top:10px;} #features p.more a{color:#EE3726;} #features p.more a:hover{color:#FF5852; text-decoration:underline;} /* --- you_may_have_missed --- */ #you_may_have_missed{clear:both; margin-top:10px; padding-top:10px; border-top:4px solid #231f20;} #you_may_have_missed h3{font-size:19px; color:#000; font-weight:bold; padding-bottom:10px;} #you_may_have_missed #blockContainer{background:#231f20; padding:10px 0px; position:relative; height:96px; overflow:hidden; padding-left:30px;} #you_may_have_missed #blockContainer .block{width:302px; margin-right:10px; margin-bottom:10px; float:left; height:96px;} #you_may_have_missed #blockContainer .block .image, #you_may_have_missed #blockContainer .block .image img{width:146px; height:96px; border:0px; margin:0px padding:0px; float:left; position:relative;} #you_may_have_missed #blockContainer .block .image span{display:none; width:36px; height:36px; background: url(../img/global/36px_play_icon.png) no-repeat; z-index:15px; position:absolute; bottom:10px; left:10px;} #you_may_have_missed #blockContainer .block .image span.video-icon{display:block;} #you_may_have_missed #blockContainer .block .title{width:156px; height:96px; float:left; clear:none;} #you_may_have_missed #blockContainer .block .title a{display:block; background:#F2f2f2; height:76px; padding:10px; font-size:14px; font-weight:bold; } #you_may_have_missed #blockContainer .block .title a:hover{background:#2A5877; color:#FFF; text-decoration:none;} #you_may_have_missed #blockContainer #blockNavLeft { position:absolute; left:0px; top:0px; z-index:1000; } #you_may_have_missed #blockContainer #blockNavRight { position:absolute; right:0px; top:0px; z-index:1000; } #you_may_have_missed #blockContainer #blockNavLeft a { background:url(../img/global/carousel_active_left.png) no-repeat; width:30px; height:116px; display:block; } #you_may_have_missed #blockContainer #blockNavRight a { background:url(../img/global/carousel_active_right.png) no-repeat; width:30px; height:116px; display:block; } #you_may_have_missed #blockContainer #blockNavLeft a:hover { background:url(../img/global/carousel_rollover_left.png) no-repeat;} #you_may_have_missed #blockContainer #blockNavRight a:hover { background:url(../img/global/carousel_rollover_right.png) no-repeat;} #you_may_have_missed #blockContainer #blockNavLeft a.inactive { background:#231f20 url(../img/global/carousel_inactive_left.png) no-repeat;} #you_may_have_missed #blockContainer #blockNavRight a.inactive { background:#231f20 url(../img/global/carousel_inactive_right.png) no-repeat;} #you_may_have_missed #blockInnerContainer { width:936px; } /* Content - Left Column ---------------------------------------------------*/ div#content div.left-column { float: left; width: 590px; } div#content div.left-column h1 { font-size: 1.5em; margin: 15px 0; border-bottom: 1px solid #f3f3f3; } div#content div.left-column-small { width: 480px; } div#content div.left-column-full { width: 795px; } /* Content - Listing ---------------------------------------------------*/ div#content.listing div.left-column ul li h2 { font-size: 1.2em; margin-bottom: 5px; } div#content.listing div.left-column ul li p.thumbImage img{ border: 1px solid #E6E6E6; padding: 2px; } div#content.listing div.left-column ul li p.thumbImage img:hover { background: #ccc; } div#content.listing div.left-column ul li p.shortText { font-size: 0.85em; line-height: 1.35em; width: 100px; display: inline; } div#content.listing div.left-column ul.column { float: left; width: 48%; margin-right: 10px; } div#content.listing div.left-column ul.column li { margin-bottom: 10px; } div#content.listing div.left-column ul.column li p.thumbImage { float: left; width: 146px; margin: 0 1em 5px 0; } div#content.listing div.left-column ul.column li p.more { clear:both; text-align: right; } div#content.listing div.left-column ul.top-promo { border-bottom: 1px solid #ccc; margin-bottom: 10px; } div#content.listing div.left-column ul.top-promo li { } div#content.listing div.left-column ul.top-promo li h2 { font-size: 1.2em; margin-bottom: 5px; } div#content.listing div.left-column ul.top-promo li p.thumbImage { float: left; width: 320px; margin: 0 1em 5px 0; } div#content.listing div.left-column ul.top-promo li p.shortText { font-size: 0.85em; } div#content.listing div.left-column ul.float-item { float: left; margin-right: 10px; } div#content.listing div.left-column ul.float-item li { float: left; width: 150px; height: 220px; padding-right: 0; margin: 5px 15px; } div#content.listing div.left-column ul.float-item li h2 { margin-top: 5px; } div#content.listing div.left-column ul.float-item li h2 a { /*color: #2a5877;*/ font-size: 1.1em; } div#content.listing div.left-column ul.float-item li p.shortText { font-size: 0.85em; margin-top: 5px; } div#content.listing div.left-column ul.float-column { float: left; margin-right: 0px; width: 98%; } div#content.listing div.left-column ul.float-column li { float: left; width: 49%; height:150px; overflow:hidden; margin: 5px 5px 5px 0; } div#content.listing div.left-column ul.float-column li.textonly { height:75px; } /* Content - Listing (News Hub) ---------------------------------------------------*/ div#content.newsHub h1 { height: 32px; } div#content.newsHub div.newshub-section-header { margin: 10px 0 5px 0; } div#content.newsHub div.newshub-section-header h2 { font-size: 1.2em; } div#content.newsHub div.newshub-category-link { float: right; font-size: 0.8em; padding-top: 3px; } div.newsSectionBar { background: #2A5877; color: #fff; font-size: 0.8em; padding: 5px; } div.newsSectionBar a, div.newsSectionBar a:visited, div.newsSectionBar a:active { color: #fff; } div.newsSectionBar a.video-headlines { background: url(../img/global/video_icon_small_blue.gif) center left no-repeat; padding-left: 20px; } div#content.newsHub div.newsSectionBar div.newshub-category-link { font-size: 1em; padding: 0; } div#content.newsHub div.newshub-bgbox { background: #2A5877; color: #fff; margin-top: 15px; } div#content.newsHub div.newshub-bgbox h2 { font-size: 1.2em; padding: 5px; } div#content.newsHub div.left-column ul.float-item { float: left; margin: 0 0 15px 0; } div#content.newsHub div.left-column ul.float-item li { position: relative; float: left; width: 150px; padding-right: 0; margin: 5px 5px; } div#content.newsHub div.left-column ul.float-item li h2 { margin-top: 5px; } div#content.newsHub div.left-column div.newshub-bgbox ul.float-item li h2 { margin-top: 5px; padding: 0; } div#content.newsHub div.left-column ul.float-item li h2 a { font-size: 1em; line-height: 1.25em; font-weight: bold; } div#content.newsHub div.left-column span.breaking-news { font-weight: bold; font-size: 0.8em; color: #e42200; } div#content.newsHub div.left-column div.newshub-bgbox ul.float-item li h2 a, div#content.newsHub div.left-column div.newshub-bgbox ul.float-item li h2 a:visited, div#content.newsHub div.left-column div.newshub-bgbox ul.float-item li h2 a:active { color: #fff; font-weight: normal; } div#content.newsHub div.left-column ul.float-item li p.shortText { font-size: 0.85em; margin-top: 5px; line-height: 1.25em; } div#content.newsHub p.rss a { float: right; width: 28px; height: 28px; background: url(../img/global/feed-icon-28x28.gif) no-repeat; } div#content.newsHub p.rss span { display:none; } /* Content - Article ---------------------------------------------------*/ div#content.article div.left-column p { font-size: 0.95em; line-height: 1.4em; margin: 1em 0; } div#content.article div.left-column h2 { font-size: 1.2em; font-weight: bold; margin: 2em 0 1em 0; } div#content.article div.left-column h3 { font-size: 1.1em; font-weight: bold; margin: 1.5em 0 1em 0; } div#content.article div.left-column h4 { font-size: 1em; font-weight: bold; margin: 1.25em 0 1em 0; } div#content.article div.left-column h5 { font-size: 0.95em; font-weight: bold; margin: 1.25em 0 1em 0; } div#content.article div.left-column img { padding: 5px; margin: 5px; border: 1px solid #ccc;} div#content.article div.left-column ul, div#content.article div.left-column ol { padding: 5px 10px;} div#content.article div.left-column ul li { font-size: 0.95em; list-style: disc inside; padding: 2px; } div#content.article div.left-column ol li { font-size: 0.95em; list-style: decimal inside; padding: 2px; } div#content.article div.left-column table thead { background: #ccc; } div#content.article div.left-column table thead th { font-weight: bold; padding: 5px; } div#content.article div.left-column table tbody tr { border-bottom: 1px solid #ccc; } div#content.article div.left-column table tbody tr:hover { background: #f3f3f3; } div#content.article div.left-column table tbody th { font-weight: bold; padding: 5px; } div#content.article div.left-column table tbody td { padding: 5px; font-size: 0.9em; } div#content.article div.relatedPod{clear:left;} div#content.article div.relatedPod .newshub-section-header h2{font-size:20px; font-weight:400; color:#333333; margin:0px; padding:0px;} div#content.article div.relatedPod .newshub-section-header h2 a { color: #333333; } div#content.article div.relatedPod .spacer {margin:0px; padding:0px; height:10px;} div#content.article div.relatedPod ul.float-item {float:left; margin: 0 0 15px 0; padding: 0; list-style:none;} div#content.article div.relatedPod ul.float-item li { position: relative; float: left; width: 150px; padding: 0; margin: 5px 5px; list-style: none outside none; } div#content.article div.relatedPod ul.float-item li p.thumbImage{margin:0px; padding:0px; border:0px;} div#content.article div.relatedPod ul.float-item li p.thumbImage a{display:block; margin:0px; padding:0px; border:0px;} div#content.article div.relatedPod ul.float-item li img { border: none; padding:0px 2px; margin:0; width:146px; } div#content.article div.relatedPod ul.float-item li h2 {margin:0px; margin-top: 5px; padding:0px;} div#content.article div.relatedPod ul.float-item li h2 a { font-size: 16.5px; line-height: 21px; font-weight: bold; margin:0px; padding:0px;} /* Content - Article (News Articles) ---------------------------------------------------*/ div#content div.video-news { width: 510px; } div#content .standard-news-image { width: 300px; height: 169px; margin-bottom: 15px; } div#content.article div.left-column div.news-publish-timestamp { font-size: 0.8em; margin-bottom: 18px; font-weight: bold; } div#content.article div.left-column div.news-copyright-info { margin-top: 40px; } div#content.article div.left-column div.news-copyright-info p { font-size: 0.8em; } div#content.article div.left-column div.news-copyright-info img { border: 0; padding: 0; margin: 0; float: left; padding-right: 12px; } /* Content - Module Blog ---------------------------------------------------*/ div#content div.blog div.post { padding: 5px; margin: 0 5px 10px 5px; border-bottom: 1px dotted #ccc; } div#content div.blog div.post h2 { margin: 0.3em 0 0.3em 0; } div#content div.blog div.post h2 a { font-size: 1.2em; } div#content div.blog div.post p.detail { color: #666; font-size: 0.8em; margin-bottom: 0.35em; } div#content div.blog div.post p.more { font-size: 0.85em; margin-top: 0.5em; text-align: right; } div#content div.blog div.header { background: #f3f3f3; padding: 5px; padding-top: 10px; margin: 5px 0; border-bottom: 2px solid #ccc; } div#content div.blog div.header h2 { float: left; } div#content div.blog div.header h2 a { font-size: 1.5em; color: #2a5877; color: #333; } div#content div.blog div.header p.rss { } div#content div.blog div.header p.rss a { float: right; width: 28px; height: 28px; background: url(../img/global/feed-icon-28x28.gif) no-repeat; } div#content div.blog div.header p.rss span { display:none; } div#content div.blog div.caption { color: #666; font-size: 0.95em; line-height: 1.4em; margin: 1em 0; font-style: italic; border-bottom: 1px solid #ccc; } div#content div.blog div.latest h3 { font-weight: bold; padding-top:0.5em; } div#content div.blog div.latest h3 a { color: #02a7e9; } div#content div.blog div.entry { padding: 10px 5px; border-bottom: 1px solid #ccc; font-size: 0.95em; line-height: 1.4em; margin: 1em 0; } div#content div.blog p.detail { color: #999; font-size: 0.9em; margin-bottom: 10px; } div#content div.blog div.paginate { margin: 10px; } div#content div.blog div.paginate div.newerLink { float: right; } div#content div.blog div.paginate div.olderLink { float: left; } /* Content - Module - Podcast ---------------------------------------------------*/ div#content div.podcast div.subscription { margin: 5px; padding: 5px; color: #666; font-size: 0.85em; background: #f3f3f3; } /* Content - Module Weather ---------------------------------------------------*/ div#content div.weather div.info { font-size: 0.8em; } div#content div.weather div.info span { font-weight: bold; } div#content div.weather div.info div { float: left; } div#content div.weather div.info p { line-height: 1.3em; border-bottom: 2px solid #999; padding: 0.3em; } div#content div.weather div.info p.row2 { border: none; } div#content div.weather div.info img { border: 1px solid #999; float: left; margin-right: 5px; } div#content div.weather div.today div.info { font-size: 1em; } div#content div.weather div.today div.info img { width: 288px; height: 192px; } div#content div.weather div.today div.info div { width: 170px; } div#content div.weather h2 { clear:both; font-size: 1.2em; padding-top: 20px; } div#content div.weather div.nextDays { clear: both; padding-top: 10px; } div#content div.weather div.nextDays + div.nextDays { padding-top: 25px; } div#content div.weather div.nextDays div.info { width: 230px; float: left; margin-right: 5px; } div#content div.weather div.nextDays div.info p { line-height: 1.2em; border-bottom: 1px solid #999; padding: 0.3em; } div#content div.weather div.nextDays div.info p.row2 { border: 0; } div#content div.weather div.nextDays div.info img { width: 124px; height: 86px; } div#content div.weather div.nextDays div.info div { width: 95px; } /* Content - Right Column ---------------------------------------------------*/ div#content div.right-column { float: right; width: 190px; height: 100%; border-left: 1px solid #ccc; padding-left: 5px; margin-top: 5px; } div#content div.right-column div.block h4 { background: #f3f3f3; width: 100% - 5px; padding: 5px 0 5px 5px; font-weight: bold; } div#content div.right-column div.block ul { padding: 5px; } div#content div.right-column div.block ul li { padding: 2px; list-style: none; clear:both; } div#content div.right-column div.block ul li a { text-decoration: none; font-size: 0.9em; } div#content div.right-column div.block ul li a:hover { text-decoration: underline; } div#content div.right-column-wide { width: 300px; float: right; } div#content div.right-column-wide div.right-column { width: 300px; float: none; margin-top: 20px; } /* Footer ---------------------------------------------------*/ /*Footer Crumb*/ #footer_breadcrumb{padding-top:30px; padding-bottom:10px; clear:both; color:#333; font-size:14px;} #footer_breadcrumb .crumb{width:600px; float:left;} #footer_breadcrumb .crumb .crumb_title{font-weight:normal; float:left; margin-right:10px;} #footer_breadcrumb .crumb li{display:inline;} #footer_breadcrumb .crumb li span{color:#000; font-weight:bold;} #footer_breadcrumb .crumb li span.hide_me{display:none;} #footer_breadcrumb .crumb a{color:#2A6783; font-weight:normal;} #footer_breadcrumb .crumb a:hover{color:#0093D1; text-decoration:underline;} div.home #footer_breadcrumb .crumb li span.hide_me{display:inline;} div.home #footer_breadcrumb .crumb li a.hide_me{display:none;} #footer_breadcrumb .back_to_top{float:right;} #footer_breadcrumb .back_to_top a{color:#2A6783; font-size:12px; font-weight:bold; display:block; padding-right:23px; background:url(../img/global/back_to_top.png) no-repeat right 2px; } #footer_breadcrumb .back_to_top a:hover{color:#0093D1; text-decoration:underline; background:url(../img/global/back_to_top.png) no-repeat right -19px; } div#footer {clear: both;width: 100%;} div#footer .footer_policy{text-align:center; background:#dadada;} div#footer ul.policy {width: 926px; padding: 10px 0px; margin:0px auto; text-align:left; font-size:13px; } div#footer ul.policy li { display: inline; } div#footer ul.policy li a { color: #333; } div#footer ul.policy li a:hover { color: #2A6783; text-decoration:underline; } div#footer .footer_copyright{background:#000; color:#FFF; text-align:center; } div#footer p.copyright {width: 926px; text-align: left; padding:10px 0px; margin:0px auto; height:11px; line-height:11px; font-size:14px;} div#footer p.copyright a{color:#FFF;} div#footer p.copyright a:hover{text-decoration:underline;} /* Content - Form ---------------------------------------------------*/ div#content form { clear: both; display: block; border: 1px solid #5fc2ea; background: #f3fcff; padding: 10px 20px; margin: 10px; font-size: 0.85em; } div#content form div.errorPanel ul { background: #fbfbd3; border-left: 3px solid red; color: #e03e3e; } div#content form div.captcha { clear:both; margin-left: 145px; } div#content form h3 { background: #f3f3f3; border-bottom: 1px solid #ccc; width: 90%; padding: 5px; } div#content form fieldset { clear:both; margin: 10px 5px; } div#content form fieldset legend { color: #333; font-weight: bold; font-size: 1.1em; padding: 3px 0; margin-left: -7px; } div#content form fieldset div.description { } div#content form label { float: left; width: 135px; clear: left; margin: 5px; line-height: 1.6em; text-align: right; color: #333; } div#content form label.fullLength { width: 100%; text-align: left;} div#content form input, div#content form select, div#content form textarea { float: left; margin: 5px; border: 1px solid #999; padding: 2px; } div#content form input.text { width: 200px; } div#content form div.checkbox, div#content form div.radiobutton { clear:both; float: left; width: 350px; padding: 5px; margin-left: 145px; } div#content form div.checkbox input, div#content form div.radiobutton input { border: none; margin: 0; margin-right: 5px; padding: 0; font-size: 1em; } div#content form div.checkbox p, div#content form div.radiobutton p { display:inline; } div#content form div.checkbox .checkboxWrap, div#content form div.radiobutton .checkboxWrap { float:left; width:300px; } div#content form p.text { margin-left: 60px; } div#content form button { font-size: 1.1em; font-weight: bold; color: #333; border: 3px double #666; background: #f3f3f3 url(../img/global/nav_bg_gray.gif) 0 0 repeat-x; padding: 5px 10px; margin-left: 150px; } div#content form button:hover { background: #fff; } div#content form button:active { background: #fff; border: 3px double #000; padding-left: 12px; } div#content form button.small { padding: 2px; margin: 0; } div#content form button.small:active { padding-left: 6px; } div#content form p.pollQuestion{font-weight:bold;} div#content form .poll_options .radio, div#content form .poll_options .option{float:left; padding-bottom:10px;} div#content form .poll_options .radio{padding-left:30px;} div#content form .poll_options .option{padding-top:5px; padding-left:10px;} /* Content - Special Pages - Search ---------------------------------------------------*/ div#content.search { } div#content.search ul.result { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:0; margin: 0; } div#content.search ul.result li { clear:both; padding: 10px 5px; } div#content.search ul.result li div.item { float: left; } div#content.search ul.result li h4 { padding: 0; margin: 0; font-size: 1.2em; } div#content.search ul.result li h4 a { color: #2a5877; } div#content.search ul.result li p { padding: 0; margin: 0; font-size: 0.9em; } div#content.search ul.result li p.relevance { float: right; padding: 5px; background: #f3f3f3; border-bottom: 2px solid #ccc; } div#content.search form fieldset { margin: 5px; } div#content.search form fieldset input { float: left; width: 390px; padding: 3px; } div#content.search form fieldset button { float: right; margin-top: 2px; } /* Content - Special Pages - Schedule ---------------------------------------------------*/ div#content.schedule { } div#content.schedule div.schedulewrapper { margin: 10px; } div#content.schedule table tbody tr th a { margin: 2px 0; } div#content.schedule table tbody tr td a { display: block; font-weight: bold; margin: 2px 0; color: #2a5877; } div#content.schedule div.left-column ul.tabs { border-bottom: 2px solid #999; float:left; width: 100%; padding: 0; } div#content.schedule div.left-column ul.tabs li { display: block; float: left; margin:0; padding:0; } div#content.schedule div.left-column ul.tabs li a { display: block; float:left; height: 1.1em; background: #f3f3f3; padding:10px 10px 5px 10px; margin:0; } div#content.schedule div.left-column ul.tabs li a:hover { text-decoration: none; background: #ddd; } div#content.schedule div.left-column ul.tabs li a.defaulttabs { background: #999; font-weight: bold; color: #fff; font-size: 1.1em; height: 1em; } div#content.schedule div.left-column ul.tabs li a.defaulttabs:hover { background: #ddd; color: #666; } div#content.schedule div.left-column ul#ltabs { padding: 0; margin:0; } /* Content: Events --------------------------------------------------*/ span.bold { font-weight: bold; } div#content.eventContent { font-size: 0.8em; } div#content.eventContent div.left-column { border-right: 1px solid #efefef; padding-right: 3px; } div#content div.event { margin: 0 auto; clear: both; } div#content div.event { min-height: 800px; } div#content div.event h2 { color:#831251; font-size:1.5em; margin: 20px 0 10px 0; font-weight: normal; } div#content div.event h3 { color:#000; font-size:1.2em; font-weight: bold; margin: 15px 0 4px 0; padding: 0; clear: both; } div#content div.event h3.searchedFor { font-weight: normal; } div#content div.event p { margin-top: 2px; margin-bottom: 6px; line-height: 1.3em; } div#content div.event div.address { float: right; width: 210px; text-align: left; } div#content div.event div.address h4 { margin-top: 0; font-size: 1.1em; font-weight: bold; } div#content div.event h3 span.findTickets { float: right; font-size: 0.9em; padding: 0 10px 0 21px; background: transparent url(/lbclon/img/global/find-tickets.gif) top left no-repeat; } div#content div.event p span.findTickets { font-size: 0.9em; font-weight: bold; padding: 0 10px 0 21px; margin-left: 5px; background: transparent url(/lbclon/img/global/find-tickets.gif) top left no-repeat; } div#content div.event span.flagged { color: #E61F02; padding-left: 10px; } div#content div.event p span.flagged { font-weight: bold; } div#content div.event img.primaryImage { width: 420px; height: 250px; margin-top: 0; padding-top: 0; } div#content div.event p.googlemaplink { margin-top: 20px; font-size: 1em; } div#content div.event p.disclaimer { font-size: 0.9em; margin-top: 25px; line-height: 1.2em; } div#content div.event ul.eventList li { border-bottom: 1px dotted #dbdbdb; margin: 5px 0; } div#content div.event ul.eventListRecommended li { background: #f3f3f3; margin: 5px 0 5px 0; padding: 5px; } div#content div.event ul.eventList h3, div#content div.event .eventListRecommended h3 { color: #000; font-size:1.4em; font-weight: bold; padding: 3px 0; margin: 0; } div#content div.event ul.eventList h4, div#content div.event .eventListRecommended h4 { font-size:1.2em; line-height: 1.3em; font-weight: bold; padding: 1px 0; margin: 0 0 3px 0; } div#content div.event ul.eventList p, div#content div.event .eventListRecommended p { margin: 3px 0 8px 0; } div#content div.event ul.eventList p.right, div#content div.event eventListRecommended p.right { text-align: right; } div#content div.event td.eventListRecommended { width: 235px; background: #f3f3f3; vertical-align: top; padding: 4px;} div#content div.event td.eventListRecommended h3 { margin: 8px 0 0 0; padding: 0; } div#content div.event p.pagingResults { font-size: 1.1em; margin: 18px 0; } div#content div.event div.paging { text-align: center; font-size: 1.1em; margin: 30px 0 25px 0; color: #5FC2EA; } div#content div.event div.paging span.pages { padding: 0 5px; } div#content div.event p.searchFilter { font-size: 1em; margin: 12px 0; font-weight: bold; } div#content div.event div.eventSearch { margin: 10px 0 20px 0; } div#content div.event div.eventSearch form { background: none; border: none; margin: 0; padding: 0; } div#content div.event div.eventSearch form label { float: none; margin: 0; font-size: 1.2em; } div#content div.event div.eventSearch input.text { width: 110px; float: none; margin: 0; margin-right: 10px; font-size: 1.1em; } div#content div.event div.eventSearch select { width: 110px; float: none; margin: 0; font-size: 1.1em; margin-right: 10px; } div#content div.event div.eventSearch input.submit { margin: 0; margin-top: 18px; font-size: 1.2em; float: none; } div#content div.event #addEventTable { margin-top: 10px; font-size: 1em; } div#content div.event #addEventTable td { padding: 2px 0; vertical-align: top; } div#content div.event #addEventTable td.fieldLabel { font-size: 1.2em; font-weight: bold; } div#content div.event #addEventTable td input, div#content div.event #addEventTable td textarea { font-size: 1.2em; width: 180px; padding: 2px; } div#content div.event #addEventTable td select { font-size: 1.2em; width: 185px; padding: 2px; } div#content div.event #addEventTable h4 { font-size: 1.3em; font-weight: bold; padding: 3px 0; } div#content div.event #addEventTable span { font-size: 1.2em; } div#content div.event div.errorPanel { background: #FFFDDD; } div#content div.event div.errorPanel p { font-size: 1.2em; font-weight: bold; padding: 5px 10px; color:#ED217C; } div#content div.event div.errorPanel ul li { font-size: 1.1em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:circle; margin-left:20px; } div#content div.event span.errorField { padding: 3px 12px; margin-left: 2px; background: transparent url(/lbclon/img/global/formfielderror.png) top left no-repeat; } div#eventsSidebar { font-size: 0.8em; } div#eventsSidebar #mpu { float: none; margin: 0 0 10px 0; } div#eventsSidebar #eventCategories, div#eventsSidebar #addYourEvent { background: #ffffff; width: 300px; margin: 0 0 15px 0; } div#eventsSidebar #eventCategories h3, div#eventsSidebar #addYourEvent h3 { background: #ededed; color: #000000; font-size: 1.3em; font-weight: bold; padding: 6px; } div#eventsSidebar #eventCategories ul { padding: 2px 5px; font-size: 1.3em; font-weight: bold; } div#eventsSidebar #eventCategories ul li { padding: 3px 0; } div#eventsSidebar #eventCategories ul li ul { padding: 2px; margin-left: 10px; font-size: 1em; font-weight: normal; } div#eventsSidebar #eventCategories ul li ul li { padding: 3px 0; } div#eventsSidebar #addYourEvent h4 { font-size: 1.3em; padding: 5px; font-weight: bold; } div#eventsSidebar #addYourEvent p { padding: 2px 5px 8px 5px; font-size: 1.2em; line-height: 1.4em; } div#eventsSidebar #addYourEvent p a { font-size: 1.1em; font-weight: bold; } div#eventsSidebar #eventCalendar { background: #ededed; width: 300px; margin: 0 0 15px 0; padding-bottom: 5px; } div#eventsSidebar #eventCalendar div { background: #ffffff; padding: 15px 5px 5px 5px; width: 274px; margin: 3px 0 3px 8px; } div#eventsSidebar #eventCalendar h3 { color: #000; font-size: 1.3em; font-weight: bold; padding: 4px; } div#eventsSidebar #eventCalendar .calendar { text-align: center; padding: 4px; font-size: 1.4em; clear: both; } div#eventsSidebar #eventCalendar .calendarHeader { color: #2271CC; text-align: center; font-size: 1.5em; font-weight: bold; padding-bottom: 10px; } div#eventsSidebar #eventCalendar .calendarToday { text-align: center; padding: 4px; font-weight: bold; } div#eventsSidebar #eventCalendar .calendarHighlighted { text-align: center; padding: 5px; font-weight: bold; border: 1px solid #5FC2EA; } div#eventsSidebar #eventCalendar .calendarHighlighted a { text-decoration: underline; } div#eventsSidebar #eventCalendar .calendar td { width: 20px; font-size: 0.9em; } div#eventsSidebar #eventCalendar .calendarNav { width: 270px; margin: 0 0 15px 0; padding: 0; text-align: center; font-size: 1.5em; font-weight: bold; } div#eventsSidebar #eventCalendar .calendarNav td.month a { text-decoration: underline; } div#eventsSidebar #eventCalendar .calendarNav td.prev { text-align: left; padding-left: 15px; width: 20%; } div#eventsSidebar #eventCalendar .calendarNav td.next { text-align: right; padding-right: 15px; width: 20%; } /* BING Search Integration 19.11.10 - S.Edwards*/ .currentSearch{font-weight:bold; cursor: default; text-decoration: none !important; color: #2A5877 !important;} #bing_search_link{height:30px; background:url(/lbclon/img/global/mini-bing.png) no-repeat right top; padding-right:50px;} #radioSearchOptionblue{ border:#5fc2ea solid 1px !important; background:#f3fcff; margin-bottom:15px;} #radioSearchOption{ border:#FFF solid 1px !important; background:#FFF; margin-bottom:15px;} .bingSearchOption{padding:10px 20px 5px 20px;} .left-column-bing{width:560px !important;} #radioSearchOptionblue .radioSearchForm {background:transparent !important; padding:1px 20px 1px 10px !important; text-align:left;} .radioSearchForm{background:#EDEDED !important; margin:0px 0 !important; border:0 !important; padding:1px 5px !important;} .radioSearchForm label{font-weight:bold; font-size:11px;} .radioSearchForm input.searchInput{float:left; width:200px !important;} #radioSearchOptionblue .radioSearchForm input.searchInput{float:left; width:400px !important;} span.smallBing{background: url(/lbclon/img/global/bingsmall.gif) no-repeat; padding-left:48px;} p.searchShowResults{font-size:12px; margin-bottom:15px;} .right-column-bing{width:225px; float: right; } .sponceredResults{border-left:#CCCCCC solid 1px !important; float:left; width:100%;} .sponceredResults .right-column{border-left:0 !important; font-size:12px; padding:15px 0px !important; float:left; width:224px !important;} .bingTitle{padding:0px 10px 0px 10px; } .bingTitle img{float:left;} .bingTitle h2{float:left; padding-top:25px; padding-left:10px; font-size:13px;} .bingTitle p{clear:left; padding:5px 0px;} .bingTitle p.smaller{font-size:11px;} .bingTitle p.padBottom{padding-bottom:200px;} .bingTitle a{color:#333; text-decoration:underline;} .sponceredResults .right-column ul li{padding:10px; border-bottom:#FFF solid 1px;} .sponceredResults .right-column ul li h3{font-weight:bold;} .sponceredResults .right-column ul li p{padding:10px 0px;} .sponceredResults .right-column ul li cite{font-size:11px; display:block; width:210px; word-wrap: break-word;} .bingSearchSurround{background:#FFF !important; display:block; border:#999999 1px solid; float:left; padding:2px;} .bingSearchSurround input{width:200px !important; border:0px !important; margin:0 !important;} .bingSearchSurround button{background:#FFF url(/lbclon/img/global/bing-search-icon.png) no-repeat !important; width:17px; height:17px; border:0 !important; margin:0 !important; padding:0 !important; cursor: pointer;} #bingSearch ul li.images{border-bottom:0 !important;} #bingSearch ul li.images img{height:75px; margin-top:10px;} #bingSearch ul li h4{margin-bottom:5px !important;} #bingSearch ul li h4 a{font-weight:200; text-decoration:underline; color:#0044CC !important; font-size:90%; } #bingSearch ul li p{font-size:12px !important; line-height:18px;} #bingSearch ul li cite a{color:#388222; font-size:12px;} #bingSearch ul li cite a span{color:#5077BB;} #bingSearch ol.relatedresult{display:inline; float:left;} #bingSearch ol.relatedresult li {margin:0px !important; padding:5px 0px !important; font-size:13px !important; padding-right:15px!important;} #bingSearch ol.relatedresult li a{color:#0044CC !important;} #bingSearch .clearResults{clear:left;} /*** Social Bar & FB Comments ***/ #socialbar { background: #ededed; padding: 9px 0 7px 10px; margin: 2px 0 10px 0; min-width: 360px; list-style: none; } div#content.article #socialbar li, #socialbar li { list-style: none; display: inline; padding: 0; float: left; } #socialbar img, div#content.article #socialbar img { padding: 0; border: 0; margin: 0; } #sbtweet iframe { padding-bottom: 2px; padding-right: 2px; } #socialbar .fb_comments_count { border: 1px solid #c1c1c1; text-align: center; display: block; float: right; padding: 3px 4px; line-height: 12px; margin: 3px 0 0 3px; font-size: 11px; } #socialbar #commentimg, div#content.article #socialbar #commentimg { padding-top: 2px; } #gallerysb { background: #fff; border-top: 1px solid #E8E8E8; margin-top: 12px; margin-right: 10px; padding: 10px; padding-top: 12px; } #gallerysb ul li { display: inline; float: left; width: 120px; } #gallerysb p { clear: both; margin-bottom: 0; padding-top: 5px; } #gallerysb #commentimg { float: left; padding-top: 2px; } #gallerysb .fb_comments_count { border: 1px solid #c1c1c1; text-align: center; display: block; float: left; padding: 3px 4px; line-height: 12px; margin: 3px 0 0 3px; font-size: 11px; } #fbcomments { border-top: 3px solid #EC1E32; margin-top: 25px; } #fbcomments h2, div#content.article #fbcomments h2 { margin: 0; padding: 8px 0; } /*** Listen live popup ***/ .ui-widget-overlay { background: none repeat-x scroll 50% 50% #000000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%;} .listenLiveDialog .ui-dialog-titlebar { border-bottom: none !important;} .listenLiveDialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: none !important; width: 100px; height: 20px; text-align: right; font-size: 80%; font-weight:normal;} .listenLiveDialog .ui-dialog-titlebar-close span { display: inline !important; border-bottom: 1px solid #EE3726; font-size:14px;} .listenLiveDialog .ui-dialog-content { padding: 0 20px 20px 20px !important; background:#FFF !important; color:#000; } .listenLiveDialog .ui-dialog-content ul.submit_row {padding-top:20px;} .listenLiveDialog .ui-dialog-content ul.submit_row li { display: block; float: left; font-size: 13px; font-weight:bold; text-transform: uppercase; padding: 10px 0px; text-align:center; margin:0px; box-shadow:1px 1px 1px rgba(0,0,0,0.25); width:210px; background: #fe5a41; background: -moz-linear-gradient(top, #FE5A41 0%, #ED392A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE5A41), color-stop(100%,#ED392A)); background: -webkit-linear-gradient(top, #FE5A41 0%,#ED392A 100%); background: -o-linear-gradient(top, #FE5A41 0%,#ED392A 100%); background: -ms-linear-gradient(top, #FE5A41 0%,#ED392A 100%); background: linear-gradient(to bottom, #FE5A41 0%,#ED392A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE5A41', endColorstr='#ED392A',GradientType=0 ); } .listenLiveDialog .ui-dialog-content ul.submit_row li.london{margin-right:10px; width:140px;} .listenLiveDialog .ui-dialog-content ul.submit_row li a {color: #fff;} .listenLiveDialog.listenLiveDialog{font-family:"Helvetica", Arial, sans-serif !important; color:#000; border:0px !important;}