/* @group global overrides ------------------------------------ */ body, a, ol, ul, li, dl, dt, dd, div, h1, h2, h3, h4 {font-family: Arial, sans-serif;} body { padding: 0; margin: 0; } /*1*/ ol, ul { list-style: none outside none; } .blq-hide { position: absolute; left: -2500px; width: 1px; overflow: hidden; } .blq-clearfix { _height: 1%; } .blq-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*@end*/ #bbcproms { width: 976px; margin: 0 auto; font-size: 1.3em; } /* Grid - Preset sizes based on 16px columns. Total width 976px = 61*16px ------------------------------------ */ #bbcproms .grid_38{ width:608px; clear: both; float: left;} #bbcproms .grid_38 .grid_38{ float: none;} #bbcproms .grid_28{ width:448px; clear: both;} #bbcproms .grid_20{ width:320px; } #bbcproms .grid_18_5{ width:296px; } #bbcproms .grid_9{ width:144px; } #bbcproms .pad16 { padding:16px; padding-bottom: 8px;} #bbcproms .pad8 { padding:8px; display:block;} /* Global typography (updated to GEL3) ------------------------------------ */ #bbcproms h1, #bbcproms .h1, #bbcproms .main_title { font-size:2.462em; line-height:32px; letter-spacing:-1px; font-weight:bold; padding: 0px 0 4px 0;} #bbcproms .main_title, #bbcproms .h1 {padding: 16px 0 13px 0;} #bbcproms h1.normalise { font-size:1.230em; letter-spacing: normal; } #bbcproms h2 {font-size:1.538em; line-height:24px; letter-spacing:-1px; font-weight:bold; padding-bottom:4px;} #bbcproms h2.alt {padding-bottom: 16px;} #bbcproms h3, #bbcproms .h3{font-size: 1.230em; line-height: 20px; font-weight:bold; margin-bottom: 2px;} #bbcproms h4, #bbcproms .right_pods_bg_colour h3, #bbcproms #archivefilters h3 {font-size: 1.385em; line-height: 20px; font-weight:bold; padding-bottom: 8px; clear: both;} #bbcproms #share_promo .bbc-st-wrapper { margin:8px 8px 0 8px;} #bbcproms .bbc-st .bbc-st-heading { color:#fff; font-size:1.84em; font-family: Arial; letter-spacing: normal; margin-bottom: 0;} /* Updated to V3 */ #bbcproms .bbc-st-full .bbc-st-count, #bbcproms .bbc-st-full .bbc-st-count { color:#fff; } #bbcproms .bbc-st:after {clear: none; padding: 6px 8px 8px; content: none;} /* Proms global ------------------------------------ */ #bbcproms .hide {display: none;} #bbcproms .clear {clear:both;display:block;height:0pt!important;overflow:hidden;position:relative;width:auto;} #bbcproms hr { display:none; } #bbcproms .hr { border-top:1px solid #e4e5e8; margin-bottom:16px; } #bbcproms a { text-decoration: none;} #bbcproms #header { color: #ffffff; } #bbcproms #logo_strapline { padding:16px 0 0 8px; float: left; } #bbcproms #logo_strapline p { font-size:1.077em; line-height:18px;} #bbcproms #logo_strapline h1, #bbcproms #logo_strapline p { font-size:1.077em; line-height:18px; letter-spacing: 0; font-weight: normal;} #bbcproms #logo_strapline h1 { font-weight: bold;} #bbcproms #logo_strapline h1 span { font-weight: normal;} #bbcproms #logo_strapline img { margin-bottom:11px;} #bbcproms #radio3_listenagain { float: right; padding:16px 16px 0 0; line-height: 12px;} #bbcproms #radio3 { padding-left: 10px;} #bbcproms #listen_live { margin:8px 6px 0 0;} #bbcproms #listen_live a { display: block; text-indent: -9999px;} #bbcproms #listen_live a:focus { outline: none; } #bbcproms #nav_container { margin-bottom: 8px; width: 100%; float: left;} #bbcproms #mainnav { min-height: 31px; height: auto!important; height: 31px; background-color: #ffffff; } #bbcproms #mainnav ul { list-style-type: none; margin: 0; padding: 0; } #bbcproms #nav_container li { float: left; } #bbcproms #mainnav li {font-size: 1.384em; line-height: 18px; } #bbcproms #mainnav a { text-decoration: none; display: block; padding: 6px 12px 7px 12px; font-weight: bold; background-image: url(/staticarchive/e3369aeb3586e5fd0e239d0ab644adf255ea7d36.gif); background-repeat: no-repeat; background-position: right top; } #bbcproms #mainnav a.noborder {background-image: none;} #bbcproms #mainnav a:hover {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 12px 6px 12px;} #bbcproms #mainnav a:hover, #bbcproms #mainnav .current a {color: #ffffff; background-image: none; } #bbcproms #mainnav .current a:hover {border: 0; padding: 6px 12px 7px 12px;} #bbcproms #subnav {top: -1px;} #bbcproms #subnav ul {list-style-type: none;} #bbcproms #subnav li {float: left; font-size: 1.384em; line-height: 18px;} #bbcproms #subnav {min-height: 32px; height: auto!important; height: 32px; } #bbcproms #subnav a {text-decoration: none; display: block; padding: 7px 8px 7px 9px; font-weight: bold; color: #ffffff; background-repeat: no-repeat; background-position: right top;} #bbcproms #subnav a:hover, #bbcproms #subnav .current a { background-color: #ffffff; background-image: none;} #bbcproms #subnav a:hover { padding: 6px 8px 6px 9px;} #bbcproms #subnav .current a:hover { padding: 7px 8px 7px 9px; border: 0;} #bbcproms #subnav a.noborder {background-image: none;} #bbcproms #subnav a.noborder:hover {background-image: none; background: #fff;} #bbcproms .content { background-color: #ffffff; padding: 16px; min-height: 380px; height: auto!important; height: 380px; position: relative; float: left; width: 944px; clear: both; } #bbcproms .content a { font-weight: bold; } #bbcproms .content a:hover { text-decoration:underline; } #bbcproms .content p, #bbcproms .grey_bg ul, #bbcproms .standard_list {font-size:1em; line-height:16px; margin-bottom: 1.6em; } #bbcproms .content p.title{font-size:1.538em; line-height:24px; letter-spacing:-1px; font-weight:bold; padding-bottom:4px; margin: -1px 0 10px 0;} #bbcproms .content div.feature_text p, #bbcproms div.feature_text ul, #bbcproms div.feature_text ol { font-size:1em; line-height:18px; margin-bottom: 1.15em;} #bbcproms div.feature_text ul { margin-left: 29px; list-style: disc;} #bbcproms div.feature_text ol { margin-left: 32px; list-style: decimal;} #bbcproms div.feature_text ol ul {margin-top: 6px; margin-bottom: 6px;} #bbcproms .content dl { position: relative; width:608px; margin-bottom:16px; } #bbcproms .content dl .hr { border-color:#fff; } #bbcproms .content dd { padding: 11px 8px 19px 8px; } #bbcproms .content dd h2 {font-size: 1.230em;line-height: 20px;font-weight: bold;margin-bottom: 2px; padding: 0;} #bbcproms .content div.feature_text dd p { margin-bottom:0; padding-bottom:8px;} #bbcproms .content dt { padding: 10px 8px; font-size:1.077em; color:#fff; font-weight:bold;} #bbcproms .content dt h2 {font-size:1.077em; line-height: 20px; letter-spacing: 0; margin: 0; padding: 0;} #bbcproms .content .feature_text dt { font-weight: normal; } #bbcproms .content .feature_text a { font-weight: normal; } #bbcproms .content .feature_text strong { font-weight: bold; } #bbcproms .content .feature_text em { font-style: italic; } #bbcproms .content .feature_text dd { font-size:1.077em; line-height:18px; } #bbcproms .content .feature_text dd strong { font-weight: bold; } #bbcproms .content .feature_text dd em { font-style: italic; } #bbcproms .content .feature_text dd dd p { font-size:1em; } #bbcproms .content .feature_text dd dd { font-size:1em; line-height:18px; } #bbcproms .content .feature_text dl dd dl { margin-left: -8px; } #bbcproms .content .questions, #bbcproms .content .questions li {margin: 0; padding: 0; list-style: none; text-indent: 0;} #bbcproms .content .questions { position: relative; width:608px; margin-bottom:16px;} #bbcproms .content .questions div { padding: 11px 8px 19px 8px; } #bbcproms .content .questions div h2 {font-size: 1.230em;line-height: 20px;font-weight: bold;margin-bottom: 2px; padding: 0;} #bbcproms .content .questions li p { margin-bottom:0!important; padding-bottom:8px;} #bbcproms .content .questions li h2 { padding: 10px 8px; color:#fff; font-weight:bold;font-size:1.077em; line-height: 20px; letter-spacing: 0; } #bbcproms .content div.feature_text p.question {font-size: 1.230em;line-height: 20px;font-weight: bold;margin-bottom: 2px; padding: 0; width:592px; padding: 10px 8px; color:#fff; font-weight:bold;font-size:1.077em; line-height: 20px; letter-spacing: 0; margin: 0 0 0 0;} #bbcproms .content div.feature_text p.answer {padding: 10px 8px; position: relative; width:592px; margin-bottom:0; padding-bottom:8px; } #bbcproms .content div.feature_text p.answer { } #bbcproms .content div.feature_text p.answer { } #bbcproms .lrgerText { font-size:1.231em;} #bbcproms .fl_left{ float:left; } #bbcproms .fl_right{ float:right; clear: right; } #bbcproms .grey_bg h3 {margin-bottom:8px;} #bbcproms .grey_bg ul {margin-bottom:0; list-style-type: none;} #bbcproms .grey_bg li.video a, #bbcproms .grey_bg li.audio a {display:block; background-repeat:no-repeat; background-position:left -70px; padding-left:17px; margin-bottom:3px;} #bbcproms .grey_bg li.audio a {background-position:left 1px;} #bbcproms .grey_bg li.video a:hover {background-position:left -212px;} #bbcproms .grey_bg li.audio a:hover {background-position:left -141px;} #bbcproms #keepinformed {margin-bottom: 8px; list-style-type: none;} #bbcproms #keepinformed li {padding-bottom: 5px;} #bbcproms #keepinformed li a { background-repeat:no-repeat; padding-left:24px;} #bbcproms #keepinformed li.default a { background-position:left -80px; } #bbcproms #keepinformed li.signup a {background-position: left 2px; } #bbcproms #keepinformed li.txt a {background-position:left -14px; } #bbcproms #keepinformed li.facebook a {background-position:left -32px; } #bbcproms #keepinformed li.twitter a {background-position:left -49px; } #bbcproms #keepinformed li.blog a {background-position:left -64px; } #bbcproms #keepinformed li.buzz a {background-position:left -80px; } #bbcproms .featurepods { margin-bottom:25px; padding-bottom: 8px; float: left; width: 100%;} #bbcproms .featurepods ul {margin: 0; clear: both;} #bbcproms .featurepods h2, #bbcproms .featurepods h3 {font-size:1em; line-height:16px; margin: 0;} #bbcproms .featurepods p.podhead { margin-bottom:0; } #bbcproms .featurepods h5, #bbcproms .featurepods .podhead strong { font-size: 1.23em; margin-bottom:8px; line-height:20px; } #bbcproms .featurepods li {display: block; width:192px; float: left; margin:8px 0 0 8px; overflow: hidden;} #bbcproms .featurepods li.rowclear { clear: left;} #bbcproms .featurepods li a span, #bbcproms .featurepods li a strong {display: block;} #bbcproms .featurepods li a:hover {text-decoration: none!important;} #bbcproms .featurepods li a:hover span { text-decoration: underline;} #bbcproms .featurepods li p {font-size: 1em;} #bbcproms .archivepods li { width:296px; margin:8px 0 0 0; } #bbcproms .archivepods .podmargin { margin-right:16px; } #bbcproms a.button { color: #fff; display: block; padding: 2px 5px 4px 5px; float: left; margin: 8px 0 16px 0; font-size: 1.384em; line-height: 18px;} #bbcproms a.button:hover { color: #fff; text-decoration: none;} #bbcproms a.form_cancel {padding: 6px 7px; margin-top: 6px;} #bbcproms p.fulldetails {width: 100%; padding: 0; clear: both; margin: 0; float: left;} #bbcproms p.fulldetails .button {margin: 0; padding: 8px;} #bbcproms .h_spacing h2 { margin:19px 0 6px 0;} #bbcproms .noclear { clear:none;} #bbcproms div.user_alert { display:block; background-color:#FBE3E4; color: #000; border: 2px solid #FBC2C4; margin-bottom: 1em; padding: 0.5em; text-align: center; } /* Right side pods ------------------------------------ */ #bbcproms .right_pods_bg_colour { color:#fff; margin-bottom: 16px;} #bbcproms .right_pod_instrument_1, #bbcproms .right_pod_instrument_2 { background-repeat: no-repeat; background-position: top right;} #bbcproms .right_pods_bg_colour h2, #bbcproms #archivefilters h2 {color: #fff; font-size:2.462em; line-height:32px; letter-spacing:-1px; margin-bottom: 16px; padding-bottom:0; } #bbcproms #archivefilters h3 {letter-spacing:normal; margin-bottom:0;} #bbcproms .right_pods_bg_colour p {color: #fff; font-size:1em; line-height:16px; margin-bottom: 8px;} #bbcproms .right_pods_bg_colour li { font-size:1em; line-height: 13px; padding-bottom: 3px;} #bbcproms .right_pods_bg_colour a.button:hover { background-color:#fff; text-decoration: none;} #bbcproms #share_promo { display:none; padding-bottom: 8px; } #bbcproms .print_season a { margin: 0; } /* Calendar ------------------------------------ */ #bbcproms .calendar {background: #fff; width: 256px; padding: 8px 16px 16px 16px; margin: 0; margin-bottom: 8px; font-size: 1.231em; line-height: 1; font-weight: bold;} #bbcproms .calendar caption { margin-bottom: 6px; font-weight: bold;} #bbcproms .calendar table {width: 100%; background: #fff; border-width: 1px; border-spacing: 0px; border-collapse: collapse;} #bbcproms .calendar table, #bbcproms .calendar th, #bbcproms .calendar td {text-align: center; border-color: #fff; border-style: solid; height: 1%; clear: both; margin: 0;} #bbcproms .calendar th { color: #fff; padding: 8px; width: 22px; border-width: 0;} #bbcproms .calendar td {background: #fff; border-width: 1px 1px 0 0; border-color: #fff; border-left: 0;} #bbcproms .calendar a { color: #000; display: block; padding: 8px; width: auto;} #bbcproms .calendar a:hover { color: #fff!important;} #bbcproms .calendar .today { background: #fff; padding: 6px; width: auto;} #bbcproms .calendar .today:hover { color: #000;} #bbcproms .calendar .aggregation a.today { border: 2px solid #fff; } #bbcproms .calendar .aggregation a:hover { color: #fff; } #bbcproms .calendar .sevenday a:hover {color: #fff; } #bbcproms .calendar .sevenday .today { border: 2px solid #fff; } #bbcproms .calendar .sevenday .today:hover { color: #fff; } /* Homepage ------------------------------------ */ #bbcproms #subpromo { position: relative; float: left; width: 100%; clear: both;} #bbcproms #subpromo .grid_18_5 {position: relative; float: left;} #bbcproms #subpromo .fl_left { margin-right:16px;} #bbcproms #subpromo .basic-promo {cursor: pointer;} #bbcproms #subpromo .copy, #bbcproms #subpromo .copy_dark { position: absolute; top:0; left: 0; min-height:167px; height: auto!important; height:167px; width:160px; background-repeat:repeat; background-color:transparent; color: #FFFFFF; display: block; float: left;} #bbcproms #subpromo .title { font-size:1.384em; line-height: 20px; padding:16px 10px 0 10px; display:block; font-weight:bold; margin: 0; } #bbcproms #subpromo .title a { color:#fff; text-decoration:none; } #bbcproms #subpromo .hover .title a, #bbcproms #subpromo .basic-promo:hover .title a, #bbcproms #subpromo .title a:hover {text-decoration:underline; } #bbcproms #subpromo .desc { padding:8px 10px; display:block; line-height:1.2em; margin: 0 } #bbcproms #subpromo .desc a { font-weight: normal;} #bbcproms #subpromo #booknow {display: block; cursor: pointer; width:296px; height:167px; text-decoration:none; } #bbcproms #subpromo #booknow .title { padding-top:13px; font-size:2.307em; line-height: 30px;} /* 30/12 = 2.5 */ #bbcproms #subpromo #booknow .title a:hover { color:#fff; text-decoration:none;} #bbcproms #subpromo #booknow .copy {background:none; } #bbcproms #subpromo #booknow .desc a { color:#fff; font-weight: normal;} #bbcproms #subpromo #booknow p.desc a:hover { text-decoration: underline; cursor: pointer;} #bbcproms .highlights { margin-bottom:2px; padding-bottom: 8px; float: left; width: 100%; } #bbcproms .highlights ul {clear: both;} #bbcproms .highlights li { display: block; width:139px; float: left; margin:8px 0 0 8px; cursor: pointer;} #bbcproms .highlights li a span {display: block;} #bbcproms .highlights li a:hover {text-decoration: none!important;} #bbcproms .highlights li a:hover span { text-decoration: underline;} #bbcproms .highlights li p {font-size: 0.92em; margin-bottom:0;} #bbcproms .featurepods a, #bbcproms .highlights a {display: block; position: relative;} #bbcproms .featurepods .play, #bbcproms .featurepods .listen, #bbcproms .highlights .play, #bbcproms .highlights .listen { display:block; width:35px; height:35px; position: absolute; left: 0; top:0; cursor: pointer; z-index: 999;} #bbcproms .featurepods a:hover .play, #bbcproms .highlights a:hover .play { background-position:-70px 0px;} #bbcproms .featurepods a .listen, #bbcproms .highlights a .listen { background-position:0 -35px;} #bbcproms .featurepods a:hover .listen, #bbcproms .highlights a:hover .listen { background-position:-70px -35px;} #bbcproms .quote { margin-top: 16px; float: left; clear: both; position: relative;} #bbcproms .ldquo { padding-top: 64px;} #bbcproms .quote h4 {font-size:1.538em; line-height: 20px; word-wrap:break-word; } #bbcproms .quote h4 a:hover { text-decoration: none;} #bbcproms .quote p { margin-bottom: 0;} #bbcproms #discover {clear: both;} #bbcproms #discover .grid_28 { margin-bottom: 8px; min-height: 129px; height: auto!important; height: 129px} #bbcproms #discover .last {margin-bottom: 0;} #bbcproms #discover img { float: left;} #bbcproms #discover .pad8 { position: relative; float: left; width: 432px;} #bbcproms #discover .pad8 h3, #bbcproms #discover .pad8 h5 {font-size: 1.230em; line-height: 20px; margin-bottom: 0;} #bbcproms #discover .pad8 h3 img, #bbcproms #discover .pad8 h5 img {position: absolute; top: 8px; left: 8px;} #bbcproms #discover .pad8 a:hover { text-decoration: underline;} #bbcproms #discover .pad8 a span { display:block; width:35px; height:35px; position: absolute; left:8px; cursor: pointer;} #bbcproms #discover .pad8 a:hover .play { background-position:-70px 0;} #bbcproms #discover .pad8 a .listen { background-position:0 -35px;} #bbcproms #discover .pad8 a:hover .listen { background-position:-70px -35px;} #bbcproms #discover .pad8 div { width: 208px; margin-right: 8px;} #bbcproms #podcasts {clear: both;} #bbcproms #podcasts .grey_bg { height:64px; overflow: hidden;} #bbcproms #podcasts h3, #bbcproms #podcasts h5 { font-size:1.230em; line-height: 20px; margin-bottom: 0; padding-top: 0;} #bbcproms #podcasts h3 a em, #bbcproms #podcasts h5 a em {font-style: normal; font-weight: normal; font-size: 0.8125em; clear: both; display: block; margin-top: -2px;} #bbcproms #podcasts p { margin-bottom:1em;} #bbcproms #podcasts .grey_bg { margin-bottom:8px;} #bbcproms #podcasts .grey_bg a { padding:16px 0 0 80px; display: block; height:64px;} /* 18/12 = 1.5 */ #bbcproms #podcasts .grey_bg a:hover { background-position:0 -128px; text-decoration: none; } #bbcproms #podcasts .grey_bg a:hover h5 {text-decoration: underline; } #bbcproms #podcasts .grey_bg p { margin-bottom:0;} #bbcproms #podcasts .grey_bg a p { font-weight:normal;} #bbcproms #podcasts h3 a:hover strong, #bbcproms #podcasts h5 a:hover strong {text-decoration: underline!important;} #bbcproms .lrg_list { margin-top:7px; list-style-type: none;} #bbcproms .lrg_list li { padding-bottom:6px; font-size:1.230em;} /* Whats on ------------------------------------ */ #bbcproms .seven_day_nav { height:48px; overflow: hidden; margin:24px 0 24px 0;} #bbcproms .seven_day_nav_footer {margin-top: 0;} #bbcproms .seven_day_nav p { margin-bottom:0; font-size:1.230em;} #bbcproms .seven_day_nav a { display:block; height:48px; padding-top:14px; } #bbcproms .seven_day_nav .previous a { padding-left:56px; background-position:left top;} #bbcproms .seven_day_nav .previous a:hover { background-position:left -97px; } #bbcproms .seven_day_nav .next a { padding-right:56px; background-position:right -48px;} #bbcproms .seven_day_nav .next a:hover { background-position:right -145px; } #bbcproms .more_events .seven_day_nav p { font-size:1em; } #bbcproms .more_events .seven_day_nav { margin:0 16px 16px 16px; } #bbcproms .more_events .seven_day_nav .previous a:hover { background-position:left top; } #bbcproms .more_events .seven_day_nav .next a:hover { background-position:right -48px; } #bbcproms .more_events .seven_day_nav .next a:focus, #bbcproms .more_events .seven_day_nav .previous a:focus { text-decoration: underline; } #bbcproms .more_events ul.archive_more_events { margin-bottom:0; } #bbcproms .whatson_listing h2 { margin-bottom:4px;} #bbcproms .whatson_listing ul {margin-bottom:24px; list-style-type: none;} #bbcproms .whatson_listing li { position:relative; min-height:81px; height: auto!important; height:81px; margin-bottom:8px; clear:both;} #bbcproms .whatson_listing li .promimg { position:absolute; } #bbcproms .whatson_listing li a span { left:0; display:block; width:35px; height:35px; position: absolute;} #bbcproms .whatson_listing li a:hover span.play { background-position:-70px 0;} #bbcproms .whatson_listing li a span.listen { background-position:0 -35px;} #bbcproms .whatson_listing li a:hover span.listen { background-position:-70px -35px;} #bbcproms .whatson_listing li img {float: left; margin-right:10px;} #bbcproms .whatson_listing li h3 { padding-bottom: 0; line-height: 16px;} #bbcproms .whatson_listing li h4 { font-size:1.23em; } #bbcproms .whatson_listing li p { margin:2px 0 0 0} #bbcproms .whatson_listing li.promsplus { min-height:43px; height: auto!important; height:43px; line-height: 16px;} #bbcproms .whatson_listing li .pad8 { padding-left:154px; } #bbcproms .whatson_listing li.promsplus a { min-height:43px; height: auto!important; height:43px; line-height: 16px;} #bbcproms .whatson_listing li.promsplus a.video { background-repeat:no-repeat; background-position:left -70px; padding-left:17px;} #bbcproms .whatson_listing li.promsplus a.audio { background-repeat:no-repeat; background-position:left 1px; padding-left:17px;} #bbcproms .whatson_listing li.promsplus a.video:hover { background-position:left -212px} #bbcproms .whatson_listing li.promsplus a.audio:hover { background-position:left -141px} #bbcproms .listing_fullpanellink .pad8 { cursor:pointer; } #bbcproms .a_to_z_nav { padding:16px 4px; text-align: center; margin:25px 0 16px 0; font-size: 1em; line-height: 13px;} #bbcproms .a_to_z_nav a, #bbcproms .a_to_z_nav span { display:block; float:left; padding:0 7px;} #bbcproms .a_to_z_nav span { font-weight:bold; } #bbcproms #a_to_z h2, #bbcproms #list_by_decade h2 {position:absolute; margin:-5px 0 0 12px;} #bbcproms #list_by_decade h2 { line-height:19px; margin-top:0;} #bbcproms #a_to_z ul, #bbcproms #list_by_decade ul { padding-left:145px; margin:5px 0 15px 0; list-style-type: none;} #bbcproms #a_to_z li, #bbcproms #list_by_decade li { padding-bottom:0px; line-height: 18px;} /* was: padding-bottom: 5px */ #bbcproms .page_top {display:block; width:19px; height:16px; background-repeat:no-repeat; background-position:0 0; margin-left:10px; } #bbcproms .page_top:hover {background-position: -19px 0;} #bbcproms #a_to_z .works_a_to_z { margin-bottom:3px; } #bbcproms .works_a_to_z li { padding-bottom:14px; } /* Archive ------------------------------------ */ #bbcproms #archivefilters ul { margin:0 0 8px 0;} #bbcproms #archivefilters li { font-size:1.231em; display:block; padding:0; margin-bottom:1px; } #bbcproms #archivefilters li a { display:block; padding:11px 9px 11px 9px; } #bbcproms #archivefilters li.current { background-position:left 50%; background-repeat:no-repeat; } #bbcproms #archivefilters li a:hover, #bbcproms #archivefilters li.current a { background-color:#fff; } #bbcproms #archive_container h1 { padding:17px 8px;} #bbcproms .decade_nav { width:100%; text-align: center; margin:0; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size: 1em; line-height: 13px;} #bbcproms .decade_nav li { display:block; float:left;} #bbcproms .decade_nav a, #bbcproms .decade_nav span { display:block; padding:14px 5px; } #bbcproms .decade_nav li.current a { text-decoration: none; background-color:#fff; } #bbcproms .decade_nav span { font-weight:bold; opacity:.30; filter:alpha(opacity=30); filter:"alpha(opacity=30)"; } #bbcproms #archive_container .seven_day_nav { margin-top:0;} #bbcproms #archive_container .a_to_z_nav { margin-top:0; border-top:1px solid #fff; } #bbcproms .pagenumbers { position:relative; } #bbcproms .pagenumbers .previous, #bbcproms .pagenumbers .next { position:absolute; height:48px; overflow:hidden; z-index:1; } #bbcproms .pagenumbers .next { right:0; } #bbcproms .pagenumbers .pagenumber { position:absolute; text-align:center; width:608px; font-size:1.077em; margin-top:14px; z-index:0; } #bbcproms #seasonintro { min-height:148px; padding-bottom:8px; margin-bottom:8px; } #bbcproms #seasonintro p, #bbcproms #peopleintro p { margin-bottom:0.615em; } #bbcproms #seasonintro img { padding:0 0 0 8px; position: absolute; } #bbcproms #seasonintro .desc { padding-left:160px; padding-right:8px; } #bbcproms #archive_container .noimg { min-height:inherit; } #bbcproms #archive_container .noimg .desc { padding-left:8px; padding-right:8px; } #bbcproms #archive_container h2.recCount, #bbcproms #list_by_decade h2, #bbcproms #archive_container #a_to_z h2 { line-height:12px; letter-spacing:normal; font-size:1.231em; padding:0 0 4px 0; } #bbcproms #archive_container h2.recCount { margin:17px 0 10px 0; } #bbcproms #peopleintro { padding-bottom:8px; margin-bottom:8px; } #bbcproms .padBottom { padding-bottom:8px; } #bbcproms #peopleintro img { padding:0 8px 0 8px; float:left; } #bbcproms #peopleintro .desc h2, #bbcproms #peopleintro .desc p { margin-left:8px; } #bbcproms .season_listing ul {margin-bottom:24px;} #bbcproms .season_listing li { margin-bottom:8px; line-height:16px; } #bbcproms .season_listing .pad8 { padding-left:160px; } #bbcproms .season_listing .desc { margin-bottom:0; } #bbcproms .season_listing .desc li { margin-bottom:0; } #bbcproms .season_listing h2 { padding:8px 0; font-size:1.23em; letter-spacing:normal; } #bbcproms #headingBreadcrumb h1 { padding-bottom:0;} #bbcproms #headingBreadcrumb p { margin-bottom:0; padding:10px 8px 16px 8px; font-size:1.231em; font-weight:bold; } #bbcproms #breadcrumbHeading h1 { padding-top:0; padding-bottom:0; } #bbcproms #breadcrumbHeading p { margin-bottom:0; padding:10px 8px 8px 8px; font-size:1.231em; font-weight:bold; } #bbcproms #breadcrumbHeading p.aka { padding:4px 8px 8px 8px; font-size:1em; font-weight:normal; } #bbcproms #archive_container #event_performances { margin-top:16px; } #bbcproms #archive_container div#carousel { margin-bottom:0; } #bbcproms .archive_thisseason { padding:16px; } #bbcproms .archive_thisseason h2 { color:#fff; padding:0;font-size: 1.23em; font-weight: bold; line-height: 20px; margin-bottom: 2px; letter-spacing: normal; } #bbcproms .content div.archive_thisseason p { margin:0;} #bbcproms .decade_nav { margin:6px 0 16px 0; } #bbcproms #firstlastplayed { margin-bottom:12px; } #bbcproms #firstlastplayed .col2 .fl_left, #bbcproms #firstlastplayed .col2 .fl_right { width:290px; clear:none; } #bbcproms #firstlastplayed .col3 .fl_left, #bbcproms #firstlastplayed .col3 .fl_right { width:190px; clear:none; } #bbcproms #firstlastplayed .col3 #nextPlayed { margin-left:8px; } #bbcproms #dtmPanelFull { margin-bottom: 8px; } #bbcproms #dtmPanelFull .left_col, #bbcproms #dtmPanelFull .right_col { width:291px; } #bbcproms #dtmPanelFull .left_col { float:left; } #bbcproms #dtmPanelFull .right_col { float:right; } #bbcproms #dtmPanelFull h2, #firstlastplayed h2 { font-size:1.231em; letter-spacing:normal; } #bbcproms #dtmPanelFull p { margin-bottom:13px; } #bbcproms #dtmPanelFull .analysis_clips, #bbcproms #dtmPanelFull .audio_video_links { float:none; } #bbcproms .works_a_to_z li .akaList li { padding-bottom:0; } #bbcproms #a_to_z .akaList ul { padding-left:32px; margin:0; } /* jCarousel ------------------------------------ */ #bbcproms #carousel, #bbcproms #carousel_no_link { position:relative; height:342px; width:608px; overflow: hidden; margin-bottom:16px; clear:both; } #bbcproms #jcarousel { position:relative; height:342px; width:608px; overflow: hidden; } #bbcproms #jcarousel ul { width: 20000em; position: relative; margin: 0; } #bbcproms #jcarousel li { float: left; position: relative; height:342px; overflow:hidden; } #bbcproms #jcarousel .copy, #bbcproms #jcarousel .copy_dark { position:absolute; left:0; bottom:0; width:100%; background-repeat:repeat; background-color:transparent; color: #FFFFFF; display: block; max-height: 77px; padding-bottom:8px; } #bbcproms #jcarousel .title, #bbcproms #jcarousel .title_no_desc { font-size:1.384em; padding:8px 10px 0 10px; display:block; font-weight:bold; } #bbcproms #jcarousel .title_no_desc { width:400px; } #bbcproms #jcarousel .title a, #bbcproms #jcarousel .title_no_desc a { color:#fff; text-decoration:none; } #bbcproms #jcarousel li:hover .title a, #bbcproms #jcarousel .title a:hover { text-decoration:underline; } #bbcproms #jcarousel .desc { font-size:1em; line-height:16px; padding:4px 230px 0 10px; display:block; } #bbcproms #jcarousel .copyright { display: block; padding: 0 10px; position: absolute; right: 0; bottom: 5px; } #bbcproms #jcarousel .notext_copyright { position:absolute; right:0; bottom:0; background-repeat:repeat; background-color:transparent; color: #FFFFFF; display: block; padding:8px; color:#a2a2ad;} #bbcproms #carousel-nav { position:absolute; top:0; height: 264px; width:608px; display:none; } #bbcproms .carousel-prev { position:absolute; left:0; width: 60px; } #bbcproms .carousel-next { position:absolute; right:0; width: 60px; } #bbcproms .carousel-label { display:none; } #bbcproms .carousel-arrow { display:block; background-repeat: no-repeat; left: 0; top: 0; width: 60px; height: 264px; } #bbcproms .carousel-prev .carousel-arrow { background-position: 0 196px; } #bbcproms .carousel-next .carousel-arrow { background-position: -180px 196px; } #bbcproms .carousel-prev:hover .carousel-arrow { background-position: -60px 196px; } #bbcproms .carousel-next:hover .carousel-arrow { background-position: -120px 196px; } /* Forms ------------------------------------ */ #bbcproms .content form fieldset {margin-bottom: 12px; width: auto; clear: both;} #bbcproms .content form legend {font-size: 1.230em; font-weight:bold; margin: 0 0 8px 0; padding: 0; text-indent: 0; border: 0; float: left; clear: both; display: block; width: 100%;} #bbcproms .content form div {float: left; clear: both; width: 100%;} #bbcproms .content form .form_row {width: 592px; margin-bottom: 8px; clear: both; float: left;} #bbcproms .content form textarea, #bbcproms .content form input { padding: 4px; width: 182px; margin-right: 8px; display: inline;} #bbcproms .content form .last input {margin: 0;} #bbcproms .content form .checkbox {font-weight: normal; display: block; margin-bottom: 8px;} #bbcproms .content form .checkbox input {border: 0; padding: 0; width: auto; margin: 0 0 0px 0;} #bbcproms .content form textarea {height: 100px; width: 460px; margin-bottom: 8px;} #bbcproms .content form label {display: block; clear: both; color: #414258; font-weight: bold; margin-bottom: 5px;} #bbcproms .content form p {padding: 0; margin-bottom: 8px; float: left; clear: none;} #bbcproms .content form .radios {margin-bottom: 8px; float: left; clear: both;} #bbcproms .content form .radios p {float: left; width: 50%; margin-bottom: 2px; display: inline;} #bbcproms .content form .radios br {clear: both;} #bbcproms .content form .radios input {float: left; width: auto; margin-right: 0.5em; border: 0; padding: 0;} #bbcproms .content form .radios label {font-weight: normal; clear: none; float: left;} #bbcproms .content form .radios legend {display: block; clear: both; margin-bottom: 5px;} #bbcproms .chkbox { position: relative; } #bbcproms .content form .chkbox input { position:absolute; top:1px; left:0; width:auto; margin:0; padding:0; } #bbcproms .chkbox label { padding-left:19px; } #bbcproms .content form input.submit { color: #fff; width: auto; border: 0; font-weight: bold; font-size: 1em; padding: 5px 7px; margin-top: 6px; float: left;width: auto; overflow: visible;} #bbcproms .content form p.error input, #bbcproms .content form p.error textarea { padding: 3px;} #bbcproms .content form p.error-message {font-weight: bold; width: 100%; float: left; clear: both;} #bbcproms .content form p.error-message-prominent { color: #E01922; } #bbcproms .fixedWidthSelect select { width:585px; } #bbcproms #newsletterfrm fieldset { margin-bottom:0; } #bbcproms #newsletterfrm a.button { margin-bottom:8px; } #bbcproms .price-table {background: #fff; padding: 8px 16px 16px 16px; margin: 0; margin-bottom: 30px; font-size: 1.230em; line-height: 16px; font-weight: bold; width: 100%;} #bbcproms .price-table table {width: 100%; background: #fff; border-width: 0px; border-spacing: 0px; border-collapse: collapse;} #bbcproms .price-table table, #bbcproms .price-table th, #bbcproms .price-table td {text-align: center; border-color: #fff; border-style: solid; height: 1%; clear: both; margin: 0; color: #414258; border-width: 1px 1px 0 0; border-color: #fff; border-left: 0; padding: 9px; vertical-align: top;} #bbcproms .price-table em {font-weight: normal; font-style: normal; font-size: 0.8125em; line-height: 16px; letter-spacing: 0;} #bbcproms .price-table th div {width: 142px;} #bbcproms .price-table .letters th {font-size:2.462em; line-height:32px; letter-spacing:-1px; border-width: 1px 1px 8px 0; margin-bottom: 8px;} #bbcproms .price-table .headers th {border-width: 1px 1px 8px 0; margin-bottom: 8px; text-align: left;} #bbcproms .price-table .fill {background: #fff;} #bbcproms .price-table .l {text-align: left;} #bbcproms .price-table .dls {line-height: 26px; vertical-align: bottom;} #bbcproms .price-table td.has-sub {padding: 0;} #bbcproms .price-table table {border-width: 0; margin:0;} #bbcproms .price-table table td {border-top: 0;} #bbcproms .price-table table .fill, #bbcproms .price-table table .last {border: 0;} #bbcproms .price-table table .fill {font-weight: normal; font-weight: normal; font-style: normal; font-size: 0.75em; line-height: 13px; letter-spacing: 0;} #bbcproms p.subpromotitle { margin: 4px 0 4px 0; }