body { background:#f5f5f5; } article,section,aside,hgroup,nav,header,footer,figure,figcaption { display:block; } #radio-0-container { margin-top:20px; } #blq-container-outer { background:url(../../img/mastheads/masthead_generic_146.png) repeat-x top center; } #blq-main { color:#535353; } #blq-content { clear:both; } p { line-height:1.3em; } a:link,a:visited,a:active { text-decoration:none; color:#000; } a:hover,a:focus { text-decoration:underline; } .clear { clear:all; } /* Footer */ #footer { clear:left; font-size:.88em; font-weight:bold; position:static; height:auto; } #footer ul#language-select { float:right; } #footer li { border-right:1px solid #dcdcdc; float:left; height:1.6em; margin:8px 0 0; padding:0 8px; } #footer li.last { border-right:none; } #footer ul#language-select li.selected a { text-decoration:underline; } /* Header */ #radio-default-header { clear:both; padding-top:8px; height:5em; } #radio-default-header h1 { font-size:1.9em; margin:8px 0 0 8px; color:#000000; } /* Pagination */ /* .pagination { clear:both; float:left; font-weight:bold; padding-top:20px; padding-right:10px; padding-bottom:10px; font-size:.9em; } .pagination li { display:block; float:left; } .pagination .page,.pagination .next,.pagination .previous { margin:0 2px; border-color:#afb6bc; border-style:solid; border-width:1px; display:block; float:left; } .pagination .page,.pagination .next,.pagination .previous { display:block; min-width:1.7em; height:2em; line-height:2em; text-align:center; } .pagination .page a,.pagination .next a,.pagination .previous a { color:#006bbd; background-color:#e8edf0; } */ .page-right .right-button { border:0; position:absolute; z-index:1020; left:0; height:80px; width:80px; background:#000 url(../../img/icons/arrow80R.png) 0 0 no-repeat; opacity:0.8; top:125px; } .page-left .left-button { border:0; position:absolute; z-index:1020; right:0; height:80px; width:80px; background:#000 url(../../img/icons/arrow80L.png) 0 0 no-repeat; opacity:0.8; top:125px; } .page-left .left-button.small { background:#000 url(../../img/icons/arrow48L.png) 0 0 no-repeat; } .page-right .right-button.small { background:#000 url(../../img/icons/arrow48R.png) 0 0 no-repeat; } .page-left .left-button:hover,.page-right .right-button:hover { opacity:1; } .page-right { background:transparent url(../../img/backgrounds/tracing_paper.png); height:100%; position:absolute; right:0; z-index:1015; } .page-left { background:transparent url(../../img/backgrounds/tracing_paper.png); height:100%; position:absolute; left:0; z-index:1015; } /* Lightbox */ #lightbox-veil{ background-color:#000; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1040; display:none; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" } #lightbox-wrap { position: absolute; z-index: 2000; width: 100%; top: 30px; } #lightbox-overlay { z-index: 2100; background: #F5F5F5; padding:4px; box-shadow:0 0 90px 5px #000000; } .lightbox-inner { position:relative; } .lightbox-close { background:url("../../img/icons/lightbox_close_18x18.png") no-repeat scroll 0 0 transparent; border-bottom:0 none; border-color:#FFFFFF; border-style:solid solid none; display:block; height:18px; margin:0; padding:0; position:absolute; right:-4px; text-indent:-4000px; top:-25px; width:18px } .lightbox-close:hover, .lightbox-close:focus { opacity: 0.8; } .lightbox-close:focus,.lightbox-close:link,.lightbox-close:visited,.lightbox-close:hover,.lightbox-close:active { color:#000000; text-decoration:none; } #lightbox-overlay #clip-info-panel h2{color:#535353;font-size:1.5em;font-weight:bold;letter-spacing:-0.1px;line-height:1.1em;margin:0 8px 0 0;} #lightbox-overlay #emp-player{width:640px;margin:0 auto;} #lightbox-overlay #clip-info-panel {position:relative; width: 640px;} #lightbox-overlay #clip-info-panel .type{font-weight:bold;text-transform:uppercase;font-size:0.8em;line-height:0.9em;} #lightbox-overlay #clip-info-panel .duration{font-size:0.8em;line-height:0.9em;font-weight:bold;color:#6E6E6E;} #lightbox-overlay #clip-info-panel .service{background:none repeat scroll 0 0 #3B3B3B;color:#FFFFFF;display:block;font-size:0.85em;font-weight:bold;height:1.4em;line-height:1.2em;margin:0 0 8px;padding:1px 3px 0;text-transform:uppercase;width:490px;} #lightbox-overlay #clip-info-panel .publish-time{margin-top:16px;font-family:georgia;font-size:0.85em;font-style:italic;} #lightbox-overlay #clip-info-panel .publish-time a{font-family:arial,sans-serif;font-style:normal;font-weight:bold;text-transform:uppercase;} #lightbox-overlay #clip-info-panel embed{outline:none;} #lightbox-overlay #clip-info-panel ul.tags li { display: block; } #lightbox-overlay #clip-info-panel ul.tags li a:hover { color: #000; } #lightbox-overlay #clip-info-panel ul.tags { margin-top: 6px; float: right; width: 145px; line-height: 15px; background:transparent url("../img/icons/tag.png") no-repeat top left; padding-left: 23px; } #lightbox-overlay #clip-info-panel ul.tags li.genre, #lightbox-overlay ul.tags li.format { font-weight: bold; } #lightbox-overlay #clip-info-panel li.genre a, #lightbox-overlay li.format a{color: #0573e1;} #lightbox-overlay #clip-info-panel .bbc-st {display:inline;position:absolute;top:0;left:505px;} #lightbox-overlay #clip-info-panel .bbc-st .bbc-st-twitter-cta {width:18px;} /* Parental Guidence */ body div#pg-mask { z-index:1999; } #pg-form-wrapper h1 { float:none; } /* Search Results Page */ #search-results-header { font-size:1.9em; margin:8px 0 0 8px; color:#000000; width:100%; } #search-results-header span { font-weight:normal; } #no-items { float:left; margin-top:0; margin-left:10px; padding-bottom:100px; } #no-items a { font-weight:bolder; text-decoration:none; } #no-items a:hover { text-decoration:underline; } /* NO JS styles for Quickfind */ .no-js .quickfindContainer_unselected { width:380px; } .no-js #qf-search-container,.no-js #search { background:#FFF; color:#000; } /*adding a comment to allow a re-merge*/ /* Obituary */ #obit { background:#000; color:#fff; overflow:auto; } #obit img { display:block; } #obit-meta { width:330px; float:right; padding:10px; position:relative; height:280px; } #obit-image { width:615px; margin:0; padding:0; float:left; } #obit h1 { display:block; width:615px; position:relative; top:-40px; height:40px; margin-bottom:-40px; background:#000; background:rgba(0,0,0,0.7); float:left; font-size:1.9em; padding:5px 10px 0; } #obit p#obit-timestamp { color:#F06702; text-transform:uppercase; font-weight:bold; } #obit h2 { font-size:2em; margin:.2em 0 .4em; } #obit p { font-size:1.25em; color:rgba(255,255,255,0.9); } #obit-link { position:absolute; bottom:0; padding-bottom:20px; } #obit a { color:#6DCFF6; text-decoration:underline; } /* Categories */ #categories-browse { font-weight:bold; float:right; margin-top:.5em; margin-right:6em; line-height:1.3em; text-transform:capitalize; } #categories-browse li a:after { content:" \00bb"; } #categories-list { margin-left:8px; } #categories-list li { float:left; padding:8px; width:200px; border:1px solid #ccc; margin:0 32px 32px 0; background:#fff; } #categories-list li div { height:6em; } #categories-list li h2 { margin-bottom:.3em; } #categories-list li p { font-size:.9em; } #categories-list li h2 { font-size:1.5em; font-weight:bold; display:block; } #categories-list li img { border-top:1px solid #ccc; padding-top:8px; margin-bottom:-2px; } #categories-list li:hover { background:#e5e5e5; border:1px solid #666; } #categories-list li:hover h2 { text-decoration:underline; } /* Translation Errors to 'go red' */ .translation-error { background:#F00; color:#FFF; } .broadcast-time { text-transform:uppercase; font-size:.85em; } /* Playslists SMACSS module - Layout*/ #favourites-container { margin:0; padding:0; position:relative; margin-bottom: 2em; } #fav-playlists { counter-reset:item; padding:0; margin:0; } .fav-favourites-item { clear:both; list-style-type:none; position:relative;margin-top:10px;} .fav-favourites-item:before { display:inline; position:absolute; top:0.4em; left:0.5em; font-weight:bold; } .fav-favourites-item .fav-item-wrapper { background-color:#FFF; overflow:hidden; padding:5px; padding-left:24px; border:1px solid #ccc; border-color:rgba(0,0,0,0.07); } .fav-meta { width:70%; margin-left:10px; } .fav-meta,.fav-favourites-item .console-link,.fav-favourites-item .console-link-expired { display:block; float:left; font-size:.8em; } .fav-favourites-item a.console-link, .fav-favourites-item span.console-link-expired { background:#ccc; height:90px; } .fav-favourites-item a.console-link span.play-audio,.fav-favourites-item a.console-link-expired span.play-audio { top:58px!important; } a.fav-meta,a.fav-manage-controls,.fav-favourites-item a.console-link { text-decoration:none; color:#000; } .fav-manage-controls a { display:block; overflow:hidden; color:#FFF; background:#000; text-decoration:underline; opacity:0.5; } .fav-manage-controls a.fav-delete-item { background: url(../../img/icons/preloader_greyonf5.gif) top left no-repeat; width:24px; height:24px;} .fav-manage-controls a:hover { opacity:1; } .fav-manage-controls a img { margin:0; padding:0; display:block; } .fav-manage-controls { float:right; width:auto; } .fav-manage-controls li { list-style:none; list-style-position:inside; margin-bottom:2px; } .fav-meta .service { color: #222; } .fav-meta .fav-timestamp,.fav-meta .fav-avalibility-period { display:inline; } .fav-meta .fav-avalibility-period { border-left:1px solid #000; padding-left:4px; } .fav-meta .fav-avalibility-period.fav-expiring { color:#F00; font-weight:bold;} .fav-meta .fav-expired { color:#F00; font-weight:bold; text-transform:uppercase;} .fav-meta h2 { margin:.25em 0; font-size:1.5em; } .fav-meta h3 { margin:.25em 0; font-size:1.25em; } .fav-more { width:60px; float:right; text-align:center; background:#ccc; padding:2.3em 0; } .fav-type { text-transform:uppercase; } .fav-type span { font-weight:bold; } .fav-favourites-item .console-link, .fav-favourites-item .console-link-expired { position:relative; display:block; } .fav-favourites-item .synopsis { display:none; /*TODO: Make this better hidden for all users, here for the JS. There should be better way of doing this */} .fav-favourites-item .console-link span, .fav-favourites-item .console-link-expired span { height: 32px; left: 0; position: absolute; bottom: 0; width: 32px; } .fav-favourites-item .console-link span.play-audio, .fav-favourites-item .console-link-expired span.play-audio { background: url("../../img/icons/play_32_audio.png") no-repeat scroll 0 0 #F5F5F5; } .fav-favourites-item .console-link:hover span.play-audio, .fav-favourites-item .console-link:focus span.play-audio { background: url("../../img/icons/play_32_audio_hover.png") no-repeat scroll 0 0 #000000; } .fav-favourites-item .console-link-expired span.play-audio { background: url("../../img/icons/play_32_audio_inactive.png") no-repeat scroll 0 0 #F5F5F5; } .fav-favourites-item .console-link span.play-video { background: url("../../img/icons/play_32_video.png") no-repeat scroll 0 0 #f5f5f5; } .fav-favourites-item .console-link:hover span.play-video, .fav-favourites-item .console-link:focus span.play-video {background: url("../../img/icons/play_32_video_hover.png") no-repeat scroll 0 0 #000;} .fav-favourites-item .console-link-expired span.play-video { background: url("../../img/icons/play_32_video_inactive.png") no-repeat scroll 0 0 #F5F5F5; } /* Play lists interactions */ .fav-favourites-item .h3:hover,.fav-favourites-item .h2:hover { text-decoration:underline; } .fav-favourites-item .fav-item-wrapper:hover { background:none; border:1px solid rgba(0,0,0,0.2); } /* Playlist flash messages */ .fav-notice { background:#252525; color:#fff; overflow:auto; clear:both; font-size:.8em; padding:10px; } .fav-notice h2 { border-right:1px solid #4DCC5A; line-height:2.2em; color:#4DCC5A; padding-right:10px; background:url(../../img/icons/added_green.png) no-repeat center left; padding-left:30px; text-transform:uppercase; font-weight:100; } .fav-notice h2,.fav-notice p { float:left; } .fav-notice .fav-series { text-transform:uppercase; display:block; font-size:1em; margin:5px 10px 0; color:#CCC; } .fav-notice .fav-title { font-size:1.4em; margin-top:1px; } .fav-notice .fav-referrer { float:right; margin-top:3px; } .fav-notice .fav-referrer a { color:#FFF; } .fav-notice .fav-referrer a:after { content:" \00bb"; } .fav-notice.fav-s-error { background-color:#ffffff; border:1px solid #ff0000 } .fav-notice.fav-s-error h2 { font-size:1.2em; text-transform:none; border:none; padding-right:0; color:#ff0000; background: url("../../img/icons/im_error.png") no-repeat scroll left center transparent; } .fav-notice.fav-s-error .fav-referrer { margin-top:7px } .fav-notice.fav-s-error .fav-referrer a { color:#000000 } /* Add to playlist - Layout */ .fav-actions-container { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0 9px; padding:8px 0; height: 1.8em; position: relative;} .fav-actions { position: absolute; z-index: 1010; } .fav-actions img { margin:0; float:left; height: } .fav-actions form { display:block; float:right;} .fav-actions .fav-add, .fav-actions .fav-follow { height: 24px; cursor: pointer; font-size: 0.9em; padding: 3px 8px 2px 3px; text-align: left; background: #EAEAEA; border: none; width: 100%; display:block; color:#231F20; font-family: arial; font-weight:bold; margin:0; text-decoration:none; } .fav-actions .fav-add:hover, .fav-actions .fav-follow:hover { background:#7A7A7A; color: #FFF; } .fav-actions .fav-follow { border-top: 1px solid #ccc;} .fav-actions .fav-icon { background: #3CA046; } .fav-message { display: none; color: #fff; float: left; height: 20px; padding: 4px 4px 0;} /*Add to Playlist - States */ .fav-s-added .fav-message { background: #3CA046; } .fav-s-error .fav-message { background: #800; } .fav-s-added .fav-actions form, .fav-s-error .fav-actions form { display: none; } /* Add to playlist - Interaction */ .fav-actions { background: url(../../img/icons/preloader-whiteongreen.gif) top left no-repeat; cursor: pointer; height: 50px; overflow: hidden; margin: 0; padding: 0; } .fav-actions .fav-add, .fav-actions .fav-follow { display: block; margin-left: -1000em; ;} .fav-actions:hover .fav-add, .fav-actions:hover .fav-follow { margin-left: 0; width: 150px; } .fav-actions .fav-add:focus, .fav-actions .fav-follow:focus { width: 86%; margin-left: 0; width: 120px; } .fav-actions-container:hover .fav-message { display: none;} .fav-actions:hover .fav-icon { background: #7a7a7a; } /* Playlist Delete */ .fav-delete { text-align:center; padding:30px; border:1px solid #cdcdcd; border-color: rgba(0,0,0,0.2); } .fav-delete form { font-weight:bold; font-size:1em } .fav-delete input { font-size:1em; } /* Pretty Playlist Buttons */ .fav-delete input, .fav-delete a { display:inline; zoom:1; padding:4px 5px; display:inline-block; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative; cursor:pointer; border:1px solid #CCC; color:#666; font-weight:100; line-height:1.6em; margin-left:10px; /* this needs to stay on one line per rule or break horribly! */ background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } .fav-delete input:hover,.fav-delete a:hover { color: #000; opacity: 0.8; box-shadow: -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } .fav-delete input,.fav-delete a { width:110px; font-size:.85em; font-weight:bold; } .fav-delete a { padding:3px 10px 2px; /*TODO: Figure out where that pixel comes from */ /* beware! overrides for this rule in ie fixes css */ } /* .fav-delete h2 {font-size: 1.2em; color:#000} .fav-delete h3 {font-size: 1em; color:#000} */ .fav-page-notice { display: block; background: #FFF; border: 1px solid #CCC; padding: 8px; line-height: 2.1em; color: #000; } .fav-page-notice h2 { font-weight: 100; font-size: 1.2em; margin-bottom: 0.25em;} .fav-page-notice img { vertical-align: middle; width: 20px;} .fav-page-notice ol { list-style-position: inside; list-style: decimal; padding: 5px 0px 13px 27px} /* Lightbox styling */ h2.fav-header { background:#000 url(../../img/icons/lightbox_add_333_18x18.png) no-repeat scroll 16px center; color:#FFFFFF; font-size:1.2em; font-weight:bold; line-height:1.2em; padding-left:41px; padding:20px 37px 20px 42px; margin-bottom:10px; } #lightbox-overlay .fav-page-notice { background:none; border:none; margin:0; line-height:1.5em; } #lightbox-overlay .fav-page-notice h2 { margin-left:8px; font-weight:bold } #lightbox-overlay .fav-page-notice li { padding: 6px 0 } #lightbox-overlay .fav-sign-in { margin-left: 8px } .fav-sign-in { text-indent: -999em; } /* Playlist header */ .fav-username { margin-left: 6px } .fav-username span { display: block; font-size: 1em; margin:0; padding:0; color: #000; line-height: 1.2em; } #radio-default-header .fav-username h1 { margin:0; padding:0; line-height:1.0em } /* Pulse survey override */ #blq-pre-mast .pulse-pop { top: 60px; }