#whats_on_now, #home-wnyc-listen { width: 100%; margin-bottom: 15px; padding-bottom: 0px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -938px; padding-bottom: 5px; } #home-wnyc-listen #whats_on_now { width: 100%; margin: 0; padding: 0; background: 0; } #home-wnyc-listen { border-bottom: 1px solid #006699; } #whats_on_now p { line-height: 1em; margin: 0; } #listen_live_title { text-align: right; height: 25px; padding: 12px 8px 0 126px; } #listen_live_title h3 { display: none; } #listen_live_title span { visibility: hidden; } a#help { width: 87px; height: 16px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1662px; display: block; float: left; margin-right: 6px;} a#help:hover { background-position: -10px -1679px; text-decoration: none; } .popup_player_body a#help { margin-top: 5px; text-indent: -9999px; } a#schedule-link { width: 72px; height: 14px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1714px; display: block; float: left; } a#schedule-link:hover { background-position: -10px -1728px; text-decoration: none;} h3#whats_on_now_title { text-indent: -9999px; background: url(/media/img/player/whats-on-header.png) no-repeat top left; width: 162px; height: 26px; margin: 5px 0 3px 5px; } #tabs-schedule-box { border: 1px solid #37687f; margin: 6px 7px 0; } .popup_player_body { padding: 12px; margin: 0px; background-color: #c3e2f0; repeat scroll left top; } .player_wrapper { border: 1px solid #fff; } .player_wrapper td { vertical-align: top; } .player { width: 300px; height: 267px; background-color: #f1f1f1; font-family: arial; position: relative; border-top: 1px solid #303030; border-bottom: 1px solid #303030; border-left: 1px solid #303030; } .top_of_popup_player { position: absolute; top: 0px; } .bottom_player { position: absolute; bottom: 0px; } /* We need this wrapper because the player sometimes takes a while to load, but * we want to be able to do size calculations on the page right away. */ #playerObjectWrapper { height: 26px; width: 300px; } img { border: 0px; } /* This station logo wrapper business is only necessary for IE7. */ #station_logo_wrapper { height: 26px; width: 280px; margin: 10px 0px 10px 7px; } #station_logo { height: 41px; width: 280px; } #badge_ad { float: right; } .popup_player_body #player-sponsor p { display: none; } #station_tabs { height: 26px; } #station_tabs ul li { margin: 0px; padding: 0px; } #station_tabs ul li:last-child { border-right: 0; } ul.schedule-tabs li a { cursor: pointer; } #station_tabs .schedule-tabs { background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1763px; } .popup_player_body #station_tabs, .popup_player_body #station_tabs .schedule-tabs { background: #5497b7 url('/media/img/player/pop-up-station-tab-bg.png') repeat-x top right; width: 300px; } .listen_live { display: none; } .live #listen_live_live { display: block; cursor: pointer; } .live #listen_live_latest { display: none; } .last_episode #listen_live_latest { display: block; cursor: pointer; } .last_episode #listen_live_live { display: none; } #listen_live_live { display: none; height: 11px; width: 318px; background: transparent url(/media/img/player/takeaway/btn-listenlive.gif) no-repeat top right; } #listen_live_latest { display: none; height: 11px; width: 318px; background: transparent url(/media/img/player/takeaway/btn-listen-latest.gif) no-repeat top right; } #slider { width: 180px; } #slide_hider { overflow: hidden; position: relative; padding: 0px; margin: 0px; height: 25px; } #slide_hider_wrapper { height: 12px; } #slide_contents { margin: 0px; padding: 0px; left: -1; position: absolute; } #slide_contents td { overflow-x: visible; overflow-y: visible; } #slide_contents div { width: 180px; padding-top: 5px; } /* IE7 needs this width. */ .time-nav { background: url('/media/img/player/schedule-times-bg.png') no-repeat top left; color: #fff; width: 284px; height: 24px; font-size: 11px; line-height: 1.4em; font-weight: bold; overflow: hidden } .popup_player_body #audio-help { background: url(/media/img/player/audio-help-bg.png) repeat-x top left; line-height: 2.2em display: block !important; width: 100% !important; } #schedule td { text-align: center; vertical-align: top; } #top_player .time { cursor: pointer; width: 60px; text-align: center; height: 20px; padding-top: 5px; } /* IE needs this bg-color for smooth fading. */ .current_show { height: 116px; width: 274px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1870px; padding: 5px; position: relative; clear: both; overflow: hidden; } .current_show h3.label { display: none; } .top_of_popup_player .download { display: none; } .popup_player_body .current_show { background: none; height: 110px; } .current_show .image { margin-bottom: 60px; } .current_show .image, #up_next_items .image { float: left; margin-right: 12px; } .current_show img, #up_next img, #recent_podcasts img { padding: 1px; background-color: #b3e1ff; border: 1px solid #4c7a98; } #top_player .current_show img, #top_player #up_next img { padding: 0; background: 0; border: 0; } .on_air_name { display: block; font-weight: bold; font-size: 12px; margin-top: 4px; } .on_air_name a { color: #000; } .on_air_wrapper a { color: #333 font-weight: bold; cursor: pointer; } .composer { font-size: 11px; line-height: 14px; padding-top: 6px; } .piece_title { font-size: 11px; line-height: 14px; font-weight: bold; padding-top: 9px; } .piece_title a { color: inherit; } .piece_description { font-size: 11px; line-height: 14px; padding-top: 1px; } #more_info_div { padding: 0px 0px 5px 7px; } #bottom_tools { height: 25px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2015px; } #bottom_tools li { float: left; margin: 4px 7px 2px 6px; font-size: 11px; } #bottom_tools li.other_formats { float: right; margin: 7px 8px; } #bottom_tools a { color: #fff; } #bottom_tools a:hover { color: #6cceff; text-decoration: none;} #more_info { font-size: 12px; font-weight: bold; text-decoration: none; } #playerObject { width: 300px; border-top: 1px solid #fff; } a#listen_button { cursor: pointer; display: block; width: 125px; height: 18px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2060px; } a#listen_button:hover { background-position: -10px -2077px; text-decoration: none; } a#listen_button span { visibility: hidden; } #formats_popup { position: absolute; z-index: 1000; top: 216px; width: 284px; height: 202px; background: url(/media/img/player/formats_popup_bg.png) no-repeat 0 0; border: 1px solid #37687F; border-left: 0; } #formats_popup.yes_popdown_ad { top: 277px; } ul#formats_list { display: block; height: 155px; list-style-type: none; margin: 14px 10px 14px 9px; } ul#formats_list li { margin: 2px 0; font-size: 11px; line-height: 1.4em; padding-bottom: 5px; border-bottom: 1px solid #55b3e2; } ul#formats_list li a { display: block; font-weight: bold; font-size: 12px; float: left; height: 22px; width: 70px; margin-right: 4px; } #formats_popup .formats_opener { display: block; float: right; font-size: 8pt; font-weight: bold; margin: 0 9px; text-transform: uppercase; } .alternate_url { padding-top: 2px; } #listen_options { height: 25px; } #listen_options li { float: left; margin: 5px; } #listen_options_button { cursor: pointer; } #audio-help { padding: 0px 0px 0px 7px; height: 25px; border-top: 1px solid #fff; overflow: hidden } #audio-help a { color: #fff; } .player_wrapper { position: relative; width: 593px; height: 269px; } .player_wrapper .playlist .image img { width: 45px; height: 45px; } .player_wrapper .playlists ul.tabs { width: 284px; padding: 8px 0px 6px 5px; height: 12px; } .player_wrapper .playlists ul.tabs li { margin: 0px; padding: 0px; display: inline; float: left; } ul.tabs li a { display: block; height: 12px; text-indent: -9999px; cursor: pointer; background: transparent url('/media/img/player/playlist-tabs.png') no-repeat 0px 0px; } ul.tabs li.my_playlist a { width: 124px; background-position: 0px 0px; } ul.tabs li.swap.my_playlist, ul.tabs li.my_playlist a:hover, ul.tabs li.my_playlist a.selected, ul.tabs li.my_playlist a.selected:hover { background-position: 0px -12px; } ul.tabs li.most_listened a { width: 154px; background-position: -124px 0px; } ul.tabs li.swap.most_listened, ul.tabs li.most_listened a:hover, ul.tabs li.most_listened a.selected, ul.tabs li.most_listened a.selected:hover { background-position: -124px -12px; } ul.tabs li.clear_playlist { display: none !important; border: 1px solid #000; } .player_wrapper .player { float: left; } .popup_player_body .player_wrapper .player { background: #fff url(/media/img/player/pop-up-player-bg.gif) repeat-x 0px 71px; } .popup_player_body.no_tabs .player_wrapper .player { background-position: 0 46px; } .player_wrapper .playlists { width: 290px; height: 267px; background: #fff url(/media/img/player/playlist-panel-bg.jpg) no-repeat; font-family: arial; border: 1px solid #303030; float: left; position: relative; } .player_wrapper .playlists h1 { padding: 2px 2px 0px 2px; margin: 2px 2px 1px 2px; text-indent: -9999px; background-image: url(/media/img/player/playlist-title.gif); width: 286px; height: 22px; background-repeat: no-repeat; } .playlist_wrapper { overflow: auto; width: 285px; height: 217px; margin-left: 1px; clear: both; } #most_listened { overflow: auto; width: 284px; height: 240px; margin-left: 2px; float: left; } .hide { display: none; } .playlist { padding: 0px; margin: 0px 0px 0px 2px; border-top: 1px dotted #666; } .playlist li.audio_file { border-bottom: 1px dotted #666; list-style: none; cursor: pointer; padding: 3px;} .playlist td { vertical-align: top; } .playlist .image div { height: 47px; margin: 0px 6px 0px 0px; width: 46px; } .playlist .space div { height: 47px; margin: 3px 0px 3px 0px; width: 2px; } .playlist .title { font-weight: bold; font-size: 12px; color: #333; line-height: 14px; } .playlist .date { font-size: 11px; color: #333; text-transform: uppercase; padding-bottom: 1px; padding-top: 3px; } .playlist .actions { list-style-type: none; padding: 3px 0px 0px 0px; } .playlist .actions li { float: left; border-bottom: 0px; padding: 0px; margin: 0px; } .playlist .actions .play a { border-right: 1px solid #333; background-image: url(/media/img/player/playlist-icon-play.png); background-position: left; background-repeat: no-repeat; } * html.playlist .actions .play a { background-image: url(/media/img/player/playlist-icon-play.gif)} .playlist .actions .add { text-transform: uppercase; } .playlist .actions .add a { border-right: 1px solid #333; background-image: url(/media/img/player/playlist-icon-play.png); background-position: left; background-repeat: no-repeat; } * html.playlist .actions .add a { background-image: url(/media/img/player/playlist-icon-play.gif)} .playlist .actions .download a { border-right: 1px solid #333; background-image: url(/media/img/player/playlist-icon-download.png); background-position: left; background-repeat: no-repeat; } * html.playlist .download .play a { background-image: url(/media/img/player/playlist-icon-download.gif)} .playlist .actions .remove a { background-image: url(/media/img/player/playlist-icon-remove.png); background-position: left; background-repeat: no-repeat; } * html.playlist .actions .remove a { background-image: url(/media/img/player/playlist-icon-remove.gif)} .playlist .actions a { cursor: pointer; font-size: 10px; padding: 0px 5px 0px 12px; margin-right: 5px; text-decoration: none; display: block} .playlist .actions a:hover { text-decoration: underline; } .playlist td.remove { display: none; } #clearPlaylist { cursor: pointer; text-indent: -9999px; background-image: url(/media/img/player/clear_playlist.gif); background-repeat: no-repeat; margin: 4px; width: 99px; height: 16px; } /* Embeddable what's on widget */ body.embedded-whats-on { background: 0; } .embedded-whats-on #whats_on_now { background: url(/media/img/player/embedded/player-container-bg.png) repeat-x 0 0 transparent; } #listen_live_title.wqxr { background: url(/media/img/player/embedded/station_logo_wqxr.png) no-repeat 0 0 transparent; } #listen_live_title.q2 { background: url(/media/img/player/embedded/station_logo_q2.png) no-repeat 0 0 transparent; } #listen_live_title.wnyc { background: url(/media/img/player/embedded/station_logo_wnyc.png) no-repeat 0 0 transparent; } .embedded-whats-on #whats_on_now a#help { float: right; } .embedded-whats-on #whats_on_now #tabs-schedule-box { border: 0; } .embedded-whats-on #whats_on_now #station_tabs .schedule-tabs { background: 0; } .embedded-whats-on #whats_on_now ul.schedule-tabs li.ui-tabs-selected { background: url(/media/img/player/embedded/schedule-tabs-bg.png) no-repeat 0 2px; } .embedded-whats-on #whats_on_now #bottom_tools { width: 100%; background: url(/media/img/player/embedded/bottom-tools-bg.png) repeat-x top left; } .embedded-whats-on #whats_on_now .time-nav { width: 100%; background: url(/media/img/player/embedded/schedule-times-bg.png) repeat-x top left; } .embedded-whats-on #whats_on_now .time { width: auto; } .embedded-whats-on #whats_on_now .current_show, .embedded-whats-on #whats_on_now #up_next_items li { width: auto; padding: 7px 15px 7px 7px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1870px; } .embedded-whats-on #whats_on_now #up_next { width: auto; } .embedded-whats-on #whats_on_now #up_next_items { border: 0; } .embedded-whats-on #whats_on_now #formats_popup { height: 179px; width: 98.1%; top: 43px; background: url(/media/img/player/embedded/formats_popup_bg.png) repeat-x 0 0 transparent; } .embedded-whats-on #whats_on_now ul#formats_list { height: 130px; } /* embeddable what's on - popup player */ .embedded-whats-on .player_wrapper { width: 302px; } .embedded-whats-on .player { border-right: 1px solid #303030; } .embedded-whats-on.popup_player_body #audio-help { width: auto !important; } /* Inline Buttons */ .media_buttons { clear: both; margin-top: 5px; margin-bottom: 15px; padding: 0px 0px 0px 0px; min-height: 15px; height: auto !important; height: 15px;} p.downloadlink { padding: 0px; margin: 0px 0px 0px 0px; } .media_buttons a.button, p.downloadlink a, p.transcript a { border-left: 1px solid #999; margin-right: 0px; padding: 0px 5px 0px 23px; float: left; cursor: pointer; height: 14px; font-size: 11px; line-height: 15px; background-position: 5px center; background-repeat: no-repeat; } .media_buttons a.button.more { padding: 0 7px; } div.video a.Embed { border-left: 0px; } p.media_buttons a.first, div.media_buttons a.first { border-left: 0px; background-position: 6px center; padding-left: 24px; } /* Embed */ .media_buttons fieldset { clear: both; display: block; margin: 20px 0px 0px 0px; padding: 0px; padding: 5px; position: relative; } .media_buttons legend { font-weight: bold; } .embedthis { background-color: #fff; padding: 0px; background-color: #f6f6f6; border: 1px solid #C6C6C6; margin: 10px 0px; padding: 0px; width: 288px; overflow: hidden; position: absolute; z-index: 100; } .embedthis textarea { margin: 0px; width: 286px; height: 75px; font-size: 11px; margin-bottom: 5px; } * html .embedthis textarea { width: 282px; } .embedthis legend { display: none; } .embedthis p { font-size: 12px; line-height: 15px; padding-bottom: 5px; } .embedthis label { font-weight: bold; } .embed-close-button { font: normal normal 10px/10px arial; display: block; clear: both; } .segment-tease .media_buttons a.first.commentLink { padding-left: 0px; } #whats_on_now .technical-message p { padding: 10px 8px 12px; margin: 0 7px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1870px; font-size: 11px; font-weight: bold; line-height: 14px; border-left: 1px solid #3E687F; border-right: 1px solid #3E687F; border-bottom: 1px solid #3E687F; } #up_next { width: 284px; margin: 8px; overflow: hidden; } h3#up_next_title { text-indent: -9999px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2117px; width: 87px; height: 18px; margin-bottom: 3px; } #up_next_items { overflow: hidden; border: 1px solid #3e687f; padding: 1px; } #up_next_items li { height: 56px; padding: 7px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -1870px; } #up_next_items h1 { padding-bottom: 2px; } #up_next_items h1 a { color: #333; font-size: 12px; font-weight: bold; } #up_next_items .where { width: 41px; margin-top: 9px; margin-left: 5px; float: right; font-weight: bold; font-family: Helvetica, arial; } #up_next_items .where .hour { color: #336699; margin: 2px 0; line-height: 1em; font-size: 14px; } #up_next_items .where .stations { color: #1d9fdf; border-top: 1px solid #55b3e2; padding-top: 3px; line-height: 1.2em; } #up_next_items .where .stations span { display: block; } /* #up_next_items .trailing { border-left: 1px solid #00f; padding-left: 5px; margin-left: 5px; } */ #recent_podcasts .podcasts { width: 282px; height: 97px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2197px; border: 1px solid #3e687f; margin: 0px 0px 0px 3px; } #recent_podcasts h3 { text-indent: -9999px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2153px; width: 189px; height: 24px; margin-left: 7px; margin-bottom: 4px; margin-top: 5px; } .podcast-list { height: 72px; overflow: hidden; margin: 0px 3px 0px 0px; } .podcast-list li { background: none !important; overflow: hidden; padding: 8px 10px 0px 5px; height: 56px; width: 265px; } .podcast-navigation { list-style-type: none; height: 21px; margin: 0px 4px 1px 4px; } .podcast-navigation li { float: left; } .podcast-navigation li a { display: block; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -2312px; height: 22px; width: 19px; text-indent: -9999px; overflow: hidden; } .podcast-navigation li.prev a { } .podcast-navigation li.prev a:hover { background-position: -10px -2334px; } .podcast-navigation li.next a { background-position: -30px -2312px; } .podcast-navigation li.next a:hover { background-position: -30px -2334px; } .podcast-navigation li.all { float: right; } .podcast-navigation li.all a { background-position: -68px -2312px; width: 90px; } .podcast-navigation li.all a:hover { background-position: -68px -2334px; } #recent_podcasts li, #recent_podcasts p, #up_next_items p { margin: 0; line-height: 14px; font-size: 11px; } #recent_podcasts { width: 290px; margin-left: 5px; } #recent_podcasts img { float: left; margin-right: 8px; } #up_next h4, #recent_podcasts h4 { font-size: 12px; margin-top: 0px; text-transform: none; } /* global css for soundmanager player */ .player_element { width: auto; height: 30px; } #popup_player .player_element { width: 300px; height: 25px; } #top_player .player_element { } .play_pause { width: 15px; height: 22px; margin: 5px 6px 2px; text-indent: -9999px; cursor: pointer; background: url(/media/img/player/btn-global-play-pause.png) no-repeat 0 0; float: left; } .play_pause.click_to_play { background-position: 0 -22px; } .play_pause.click_to_play:hover { background-position: 0 0; } .play_pause.click_to_pause { background-position: -15px -22px; } .play_pause.click_to_pause:hover { background-position: -15px 0; } .article-audioplayer .play_pause { width: 18px; height: 26px; margin: 5px 6px 2px; text-indent: -9999px; cursor: pointer; background: url(/media/img/player/btn-large-play-pause.png) no-repeat 0 0; } .article-audioplayer .play_pause.click_to_play { background-position: 0 -26px; } .article-audioplayer .play_pause.click_to_play:hover { background-position: 0 0; } .article-audioplayer .play_pause.click_to_pause { background-position: -18px -26px; } .article-audioplayer .play_pause.click_to_pause:hover { background-position: -18px 0; } .volume { float: right; background: url(/media/img/player/bg-volume-mute.png) no-repeat left bottom; padding-left: 16px; margin-top: 8px; } /* stolen from jQueryUI css -- widget required: do not alter */ .ui-slider { position: relative; text-align: left; cursor: pointer; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } /****/ .volume .ui-slider { border: 1px solid #ccc; border-radius: 4px; cursor: pointer; } .volume .ui-slider .ui-slider-handle { background-color: #2772A3; width: 8px; height: 6px; left: 0; margin-bottom: -3px; -moz-border-radius: 2px; border-radius: 2px; padding: 0; text-indent: -5000px; } .volume .ui-slider .ui-slider-range { width: 4px; background-color: blue; font-size: .7em; margin-bottom: 1px; left: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#cccccc'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#ccc)); /* for webkit browsers */ background: -moz-linear-gradient(top, #000, #ccc); /* for firefox 3.6+ */ } .volume .ui-slider-vertical { width: 8px; height: 44px; margin-top: 2px; } .volume .ui-slider-horizontal { background: url(/media/img/player/bg-volume-horizontal-buffer.png) no-repeat 2px 0; width: 46px; height: 18px; border: 0; } .volume .ui-slider-horizontal .ui-slider-handle { background: 0; } .volume .ui-slider-horizontal .ui-slider-range { background: url(/media/img/player/bg-volume-horizontal.png) no-repeat 0 0; filter: 0; width: 42px; } /* player scrubber custom css */ .top_of_popup_player .player_scrubber { display: none; } .scrubber { float: left; } #popup_player .scrubber { margin: 12px 0 0; } #top_player_scrubber.scrubber { height: 0;/*don't push anything down*/ margin-left: 175px; } .inline_audioplayer_wrapper .scrubber { margin: 14px 0 0; width: auto; } .scrubber .ui-slider-horizontal { background-color: #BCBCBC; height: 5px; border: 1px solid #bcbcbc; border-radius: 1px; float: left; width: 400px; } #popup_player .scrubber .ui-slider-horizontal { background-color: #aaa; width: 100px; border: 0; } #top_player .scrubber .ui-slider-horizontal { border: 0; float: none; /* duration doesn't fit without redesigning, */ width: 500px; /* so don't leave space for it */ } .sidebar .article-audioplayer .scrubber .ui-slider-horizontal { width: 100px; } .sidebar .article-audioplayer .inline_audioplayer_wrapper { padding: 0; } .scrubber .ui-slider .ui-slider-range { background-color: #333; height: 5px; } .scrubber .ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: 0; } .scrubber .ui-slider-horizontal:hover, .scrubber .ui-slider:hover .ui-slider-range { height: 5px; } .duration { width: auto; text-align: left; font-size: 11px; float: left; margin: -5px 0 5px 6px; } #top_player .duration { display: none; /* No room for it without some redesigning */ } #popup_player .duration { margin-top: -2px; } /* end global player css */ .small_player { position: relative; z-index: 900000; height: 45px; padding: 15px 0; } #top_player_small_bg { position: absolute; z-index: -10; width: 100%; height: 75px; background-color: #efefef; -moz-box-shadow: 0 5px 7px #bbb; -webkit-box-shadow: 0 5px 7px #bbb; box-shadow: 0 5px 7px #bbb; border-bottom: 1px solid #bbb; } #top_player_full_bg { position: absolute; z-index: -20; width: 100%; height: 375px; background-color: #e8e8e8; -moz-box-shadow: 0 5px 6px #d9d9d9; -webkit-box-shadow: 0 5px 6px #d9d9d9; box-shadow: 0 5px 6px #d9d9d9; display: none; } #top_player { } #top_player .controls { width: 114px; float: left; margin: -1px 60px 0 0; } #top_player .play_pause { width: 103px; height: 48px; text-indent: -9999px; cursor: pointer; margin: 0; float: none; } #top_player .play_pause.click_to_play { background: url(/media/img/player_top/btn-play-pause.png) no-repeat 0 0; } #top_player .play_pause.click_to_play:hover { background-position: 0 -48px; } #top_player .play_pause.click_to_pause { background: url(/media/img/player_top/btn-play-pause.png) no-repeat -103px 0; } #top_player .play_pause.click_to_pause:hover { background-position: -103px -48px; } #top_player .volume { width: 8px; float: right; background: 0; padding: 0; margin: 0; } #top_player .on_air_name { display: inline; } #top_player #station_tabs { display: inline; } #other_help { display: inline; position: relative; height: 18px; } #other_help li { float: left; } #playerObjectWrapper { float: left; } .top_current_show .on_air_name { overflow: hidden; } .top_current_show .description { max-width: 400px; } .full_player { display: none; height: 300px; position: relative; z-index: 899999; } .full_player .current_and_next { float: left; border-right: 1px solid #bcbcbc; height: 280px; width: 320px; padding: 10px 0; } .full_player .current_show { background: 0; width: auto; height: 150px; padding: 0 10px 10px 0; } .full_player .current_show h3.label, .full_player h3#up_next_title, .full_player .playlists .tabs li { display: block; text-indent: 0; background: 0; border-bottom: 1px solid #bcbcbc; color: #666; font-size: 13px; font-weight: normal; line-height: 1.2em; margin: 0 0 10px; padding: 0 0 2px; width: 320px; text-transform: uppercase; } .full_player .current_show .image { margin-bottom: 0; } .full_player .piece_description { color: #777; font-size: 8.5pt; font-weight: bold; line-height: 1.4em; padding-top: 4px; } .full_player .recent_playlist { clear: both; margin: 15px 0 0; } .full_player .recent_playlist .current { background: ; } .full_player .recent_playlist .time { display: block; float: left; width: 45px; padding: 0 12px 0 0; text-align: right; } .full_player #up_next { margin: 0; width: auto; padding: 10px 10px 10px 0; } .full_player #up_next_items { border: 0; padding: 0; } .full_player #up_next_items li { background: 0; height: auto; padding: 0; } .full_player #up_next_items .where { font: inherit; width: auto; margin: 0; } .full_player #up_next_items .where .hour { color: inherit; font: inherit; } .full_player #up_next_items .where .stations, .full_player #up_next_items .description p { display: none; } .full_player #up_next .schedule_link { text-align: right; } .full_player #up_next .schedule_link span.and-playlists { display: none; } .full_player .playlists { position: relative; float: left; width: 639px; } .full_player .playlists .tabs li { float: right; margin: 0; width: 299px; padding: 10px 10px 2px; } .full_player .playlists .tabs li.my_playlist { border-left: 1px solid #bcbcbc; } .full_player .playlists .tab_panel { float: right; width: 303px; padding: 8px; } .full_player .playlists .tab_panel#most_listened { float: inherit; padding: 0; margin: 8px 0 0 8px; width: 302px; } .full_player .playlists .tab_panel#my_playlist { border-left: 1px solid #bcbcbc; height: 255px; } .full_player ul.playlist { border: 0; } .full_player .playlist li.audio_file { border: 0; } .full_player .playlist .title, .full_player .playlist .date { display: inline; text-transform: none; padding: 0 5px 0 0; } .full_player .playlist .actions { padding: 0; } .full_player .playlist .actions a { border: 0; } .full_player .message { color: #333; font-size: 9pt; } .recent_playlist .time { cursor: auto; width: auto; height: auto; padding: 0 10px 0 0; } /* max-width and overflow make elipses work. */ .recent_playlist .entry_wrapper { width: 240px; height: 20px; overflow: hidden; float: left; } .recent_playlist .entry { } #permanent_header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 3000; background-color: #EFEFEF; } .tab_panel { float: left; } /* misc temporary overrides until we get rid of Whats On player */ #whats_on_now .composer, #whats_on_now .piece_title, #whats_on_now .on_air_when, #popup_player .composer, #popup_player .piece_title, #popup_player .on_air_when, #whats_on_now #up_next .schedule_link { display: none; } #station_logo { background-image: url('/media/img/player/station_logo_wnyc.png'); background-repeat: no-repeat; } #station_logo.wqxr, #station_logo.q2 { background-image: url('/media/img/player/station_logo.png'); background-repeat: no-repeat; } #station_logo_wrapper.wqxr, #station_logo_wrapper.q2 { margin-top: 13px; margin-bottom: 7px; } #more_info { color: #000000; } #more_info:hover { text-decoration: underline; } .playlist li:hover { background-color: #fbd2d3; } /* IE6 is the only one that uses .hover since it doesn't do :hover */ .playlist li.hover { background-color: #fbd2d3; } .playlist li.current { background-color: #fbd2d3; } .playlist .image img { border: 1px solid #e21e26; } .playlist .actions a { color: #e21e26; } .outer_player a { text-decoration: none; } .outer_player a:hover { text-decoration: underline; } /* Inline Buttons */ .Listen { background-image: url('/media/img/player/icon-player-popup.gif'); } .Add { background-image: url('/media/img/player/icon-player-add.gif'); } .Embed { background-image: url('/media/img/player/icon-player-embed.gif'); } .Download { background-image: url('/media/img/player/icon-player-download.gif'); } p.downloadlink a.Stream { background-image: url('/media/img/player/icon-player-stream.gif'); } .transcript a { background-image: url('/media/img/player/icon-player-transcript.gif'); } /* Player Settings for Sidebar on pages */ .grid_4 #audio-help { padding: 0px 0px 0px 7px; width: 293px; } .article-audioplayer .inline_audioplayer_wrapper .scrubber { margin-top: 16px; } .article-audioplayer .scrubber .ui-slider-horizontal { width: 315px; } /* whats on -specific : */ ul.schedule-tabs { float: left; width: 284px; } ul.schedule-tabs li { display: inline; float: left; width: 57px; } ul.schedule-tabs li a { display: block; height: 26px; background: transparent url('/media/img/player/schedule-tabs-nav.png') 0px 0px; overflow: hidden; text-indent: -9999px; font-size: 1px; height: 26px; width: 57px; } ul.schedule-tabs li.wqxr a { background-position: -114px 0px; } ul.schedule-tabs li.wqxr a:hover { background-position: -114px -26px; } ul.schedule-tabs li.wqxr.ui-tabs-selected a, ul.schedule-tabs li.wqxr.ui-tabs-selected a:hover { background-position: -114px -52px; } ul.schedule-tabs li.q2 a { background-position: -171px 0px; } ul.schedule-tabs li.q2 a:hover { background-position: -171px -26px; } ul.schedule-tabs li.q2.ui-tabs-selected a, ul.schedule-tabs li.q2.ui-tabs-selected a:hover { background-position: -171px -52px; } ul.schedule-tabs li.wnyc-am820 a { background-position: -57px 0px; } ul.schedule-tabs li.wnyc-am820 a:hover { background-position: -57px -26px; } ul.schedule-tabs li.wnyc-am820.ui-tabs-selected a, ul.schedule-tabs li.wnyc-am820.ui-tabs-selected a:hover { background-position: -57px -52px; } ul.schedule-tabs li.wnyc-fm939 a { background-position: 0px 0px; } ul.schedule-tabs li.wnyc-fm939 a:hover { background-position: 0px -26px; } ul.schedule-tabs li.wnyc-fm939.ui-tabs-selected a, ul.schedule-tabs li.wnyc-fm939.ui-tabs-selected a:hover { background-position: 0px -52px; } ul.schedule-tabs li.special-events-stream { width: 56px; } ul.schedule-tabs li.special-events-stream a { width: 56px; background-position: -228px 0px; } ul.schedule-tabs li.special-events-stream a:hover { background-position: -228px -26px; } ul.schedule-tabs li.special-events-stream.ui-tabs-selected a, ul.schedule-tabs li.special-events-stream.ui-tabs-selected a:hover { background-position: -228px -52px; } ul.schedule-tabs li.wqxr-special { width: 56px; } /* Standard WQXR Special tab: */ ul.schedule-tabs li.wqxr-special a { background-position: -286px 0px; } ul.schedule-tabs li.wqxr-special a:hover { background-position: -286px -26px; } ul.schedule-tabs li.wqxr-special.ui-tabs-selected a, ul.schedule-tabs li.wqxr-special.ui-tabs-selected a:hover { background-position: -286px -52px; } /* top_player */ #top_player #station_tabs { display: block; float: left; } #top_player ul.schedule-tabs, #top_player #station_tabs .schedule-tabs { width: auto; background: 0; float: none; } #top_player ul.schedule-tabs li { display: block; width: auto; height: 27px; } #top_player ul.schedule-tabs li.ui-tabs-selected { background: url(/media/img/player_top/bg-stream-bubble.png) no-repeat center bottom; } #top_player ul.schedule-tabs li a { height: 18px; width: auto; padding: 2px 10px; text-indent: 0; font-size: 12px; font-weight: bold; color: #fff; background: 0; background-color: #6c9dbd; } #top_player ul.schedule-tabs li.first a { -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } #top_player ul.schedule-tabs li.last a { -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } #top_player ul.schedule-tabs li.ui-tabs-selected a { border-color: #2772a3; background-color: #2772A3; } #top_player #other_help { display: block; float: left; height: 27px; margin: 0 5px; } #top_player #other_help li { margin: 3px 6px; } #top_player #other_help a { color: #606060; background: 0; font-size: 11px; display: inline; float: none; } #top_player #other_help a:hover { text-decoration: underline; } #top_player .top_current_show { float: left; width: 500px; margin: 2px 0; height: 17px; overflow: hidden; } .elipses { float: left; } .top_current_show li { display: inline; } #top_player .show_full_player, #top_player .hide_full_player { position: absolute; right: 0; bottom: 13px; width: 75px; height: 20px; padding: 5px 10px 2px; color: #e0e0e0; background: #666 url(/media/img/player_top/btn-carrot-player-expand.png) no-repeat 75px -2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } #top_player .hide_full_player { background-color: #999; background-position: 75px -30px; } /* end top_player */ .print-schedule a { float: right; width: 132px; height: 26px; display: block; background: url(/media/img/schedule/btn-weekly-schedule.png) no-repeat 0 0; text-indent: -9999px; margin: 0 5px 0 0; } .print-schedule a:hover { background-position: 0 -26px; } ul.schedule-dates { width: 620px; } ul.schedule-dates li { display: block; float: left; width: 110px; padding: 7px 15px; } ul.schedule-dates li a { color: #777; font-weight: bold; } ul.schedule-dates li.today { text-align: center; font-weight: bold; font-size: 14px; width: 300px; } ul.schedule-dates li.tomorrow { text-align: right; } .show_hide_details { display: none; } .schedule-table { width: 100%; } .schedule-table li.head { position: relative; background-color: #f6f4f4; border: 1px solid #dcdcdc; border-right: 0; height: 15px; padding: 10px 0; margin: 8px 0; color: #666; font-weight: bold; font-size: 10pt; } .schedule-table li.head a { color: #666; } .schedule-table li.head div { float: left; padding: 0; } .schedule-table li.head div.program { width: 460px; height: 20px; overflow: hidden; } .schedule-table li.head div.time { width: 70px; text-align: right; margin-right: 25px; cursor: auto; } .schedule-table li.head div.expand { float: right; margin: -4px 25px 0 0; } .schedule-table li.details { background: 0; border: 0; } .schedule-table li.details .program { border-bottom: 1px solid #ececec; padding: 5px 0; color: #666; } .schedule-table .playlist-links { border-bottom: 1px solid #ececec; padding: 12px 0; } .schedule-table .playlist-links .full-playlist { width: 74px; float: left; text-align: right; text-transform: uppercase; font-weight: bold; } .schedule-table .playlist-links .full-playlist a { color: #333; } .schedule-table .playlist-links .social { float: right; width: 520px; padding-top: 1px; } .schedule-table .playlist-links .social p.media_buttons { margin: 0; } .schedule-table .social .media_buttons a.button.commentlink { padding: 0 5px 4px 25px; font-size: inherit; } .schedule-table li.details .playlist-item { border-bottom: 1px solid #ececec; padding: 12px 0; color: #333; } .schedule-table li.details .program .image, .schedule-table li.details .playlist-item .time { width: 70px; float: left; text-align: right; margin: 0 25px 0 2px; padding: 0; font-size: 9pt; font-weight: bold; } .schedule-table li.details .program .image img { border: 1px solid #b5b5b5; } .schedule-table li.details .program .text, .schedule-table li.details .playlist-item .info { float: right; width: 520px; } .schedule-table li.details .playlist-item .info h3, .schedule-table li.details .playlist-item .info h4 { font-size: 9.5pt; margin: 0 0 5px; } .schedule-table li.details .playlist-item ul.playlist-actions li { float: left; } .schedule-table li.details .playlist-item ul.playlist-actions li a { display: block; border: 1px solid #ccc; padding: 0 6px 1px; margin: 0 8px 0 0; color: #333; } .schedule-table tr { } .schedule-table tr td { font: normal bold 11px/normal arial; padding: 8px 10px 8px 10px; vertical-align: top; } .schedule-table tr.even td { background-color: #fef5f5; } .schedule-table tr.last td { border-bottom: none; } .schedule-table tr td.show-details { background-color: #ebeded; text-align: right; font-size: 10px; text-transform: uppercase; padding: 5px; border-bottom: none; font-weight: normal; } .schedule-table tr td.show-details span { color: #dd0000; cursor: pointer; } .schedule-table tr td.time { border-right: 1px solid #d9dbdc; text-align: right; padding-left: 3px; width: 53px; cursor: default; } .schedule-table tr td.program { border-right: 0px; width: 265px; padding-right: 3px; } .schedule-table tr.details td.program { padding: 0 10px 10px; } .program-details { font-weight: normal; } .program-details p.host { padding-top: 3px; line-height: 13px; margin-bottom: 0; padding-bottom: 6px; } .program-description img { float: left; padding-right: 10px; } .program-description p { float: left; width: 185px; font: normal normal 11px/13px arial; } .schedule-table tr td.expand { padding-right: 0px; padding-left: 0px; width: 10px; font-weight: normal; } .schedule-table tr td.options { text-align: right; font-weight:normal; padding-right: 5px; padding-left: 3px; } .schedule-table tr td.options div.addl-options { line-height: 15px; } .schedule-table tr td a { color: #dd0000; } .schedule-table tr td a:hover { color: #000; } #daily-schedule-sidebar { padding-top: 31px; } #daily-schedule-sidebar h2.headline { border-top: 4px solid #E21E26; padding: 3px 0; } .schedule-side-ad { padding: 10px 0px; } .prevnext { margin-top: 15px; font-size: 11px; } .ui-tabs .ui-tabs-hide, .morf { display: none; } ul.hosts { margin-bottom: 3px; } ul.hosts li { display: inline; } ul.hosts li:after { content: ","; } ul.hosts li:first-child:after, ul.hosts li:last-child:after { content:""; } .arrow { background: url(/media/img/schedule/btn-arrows-red.png) no-repeat right -35px; height: 35px; display: block; cursor: pointer; position: absolute; left: 0; top: 0; width: 98%; } .arrow.down { background-position: right 0; } /* Station Tabs Schedule Page */ #daily-schedule { } .schedule-header.page-titlegroup { border: 0; } .station-nav { height: 32px; border-bottom: 1px solid #f2f2f2; } #daily-schedule ul.schedule-tabs { float: left; width: 480px; margin: 4px 0 0; } #daily-schedule ul.schedule-tabs li { width: auto; } #daily-schedule ul.schedule-tabs li a { background: 0; text-indent: 0; text-align: center; font-size: 14px; color: #333; width: auto; height: 19px; padding: 6px 10px 3px; } #daily-schedule ul.schedule-tabs li.ui-tabs-selected a { color: #fff; } /* Schedule page */ .main.schedule-playlists { border-right: 1px solid #E6E6E6; margin-right: -1px; } .schedule-header h2 span.playlists { display: none; } #daily-schedule ul.schedule-tabs li.ui-tabs-selected a { background-color: #e21e26; } .utility_nav { padding: 0; height: 36px; } #util_header { width: 435px; float: left; } #util_header li { float: left; } #util_header li a { text-indent: -9999px; display: block; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -10px; height: 34px; } #util_header li.home a { width: 55px; } #util_header li.home a.current { background-position: -10px -44px; } #util_header li.home a:hover { background-position: -10px -78px; } #util_header li.support a { width: 94px; background-position: -65px -10px; } #util_header li.support a:hover { background-position: -65px -44px; } #util_header li.support a.current { background-position: -65px -78px; } #util_header li.events a { width: 99px; background-position: -159px -10px; } #util_header li.events a:hover { background-position: -159px -44px; } #util_header li.events a.current { background-position: -159px -78px; } #util_header li.about a { width: 76px; background-position: -258px -10px; } #util_header li.about a:hover { background-position: -258px -44px; } #util_header li.about a.current { background-position: -258px -78px; } #util_header li.schedule a { width: 111px; background-position: -334px -10px; } #util_header li.schedule a:hover { background-position: -334px -44px; } #util_header li.schedule a.current { background-position: -334px -78px; } #util_login_wrapper { width: 188px; float: left; padding: 0px 18px 0px 10px; } #util_login { height: 24px; margin: 10px 0px 0px 0px; float: right; } #util_login li { float: left; list-style-type: none; padding: 0 6px; border-right: 1px dotted #999; } #util_login li.last { border: 0; } #util_login li a { font-size: 11px; line-height: 11px; font-weight: bold; color: #333; } #util_login li a:hover { color: #000; } .header { width: 620px; } h1.logo { background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -337px; padding: 0; float: right; } h1.logo a { width: 298px; height: 90px; display: block; text-indent: -9999px; } .ad_top { text-align: center; height: 138px; background: transparent url(/media/img/wnyc/nav/gradient_header.gif) bottom left no-repeat; } #info_header { font-weight: bold; color: #333; font-size: 11px; line-height: 11px; float: left; display: inline; margin: 4px 0 23px 10px; height: 25px; } #pledge_header { float: right; } #info_header li.date { float: left; padding-right: 10px; margin-right: 20px; } #info_header li.weather { float: left; text-transform: lowercase; } #info_header li.weather a { color: #333; text-decoration: none; } #info_header li.weather span { font-weight: bold; } #search-topnav { float: left; width: 215px; margin: 0px; padding-top: 3px; } #search-topnav form fieldset { display: block; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -132px; width: 180px; height: 30px; position: relative; float: left; margin: 0; padding: 0; } #search-topnav .text { background: transparent; border: 0px; line-height: 14px; font-size: 11px; font-weight: bold; color: #666; padding: 9px; width: 100px; } #search-topnav .submit { padding: 3px; margin: 2px 1px; color: #fff; text-indent: -9999px; width: 17px; height: 25px; line-height: 18px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -267px; border: none; cursor: pointer; } #search-topnav .submit:hover { background-position: -10px -293px; } #search_select { position: absolute; right: 2px; top: 2px; width: 67px; z-index: 10; } #search_select li a { display: block; width: 67px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -183px; text-indent: -9999px; } #search_select li.label a { height: 25px; } #search_select li.site a { height: 21px; background-position: -10px -208px; } #search_select li.site a:hover, #search_select li.site.selected a { background-position: -77px -208px; } #search_select li.audio a { height: 20px; background-position: -10px -229px; } #search_select li.audio a:hover, #search_select li.audio.selected a { background-position: -77px -229px; } #search_select li.option { display: none; } #search_select li.label.on a { background-position: -77px -183px; } #search_select li.label.audioActive a { background-position: -144px -183px; } #search_select li.label.audioActive.on a { background-position: -211px -183px; } #search_select li.option.on { display: block; } .search_support { float: right; } .support_banner { margin: 2px 0 4px 0; } #nav-main { margin: 0; padding-top: 2px; border-top: 2px solid #333; clear: left; width: 630px; } #nav-main li { margin-right: 2px; float: left; } #nav-main li.last { margin-right: 0; } #nav-main li a { display: block; overflow: hidden; text-indent: -9999px; height: 34px; background:transparent url('/media/img/wnyc/wnyc_hmpg_sprite.png') no-repeat scroll -10px -447px; } #nav-main li#news a { width: 84px; } #nav-main li#news a.current { background-position: -10px -513px; } #nav-main li#news a:hover { background-position: -10px -480px; } #nav-main li#culture a { background-position: -96px -447px; width: 120px; } #nav-main li#culture a.current { background-position: -96px -513px; } #nav-main li#culture a:hover { background-position: -96px -480px; } #nav-main li#music a { background-position: -216px -447px; width: 91px; } #nav-main li#music a.current { background-position: -216px -513px; } #nav-main li#music a:hover { background-position: -216px -480px; } #nav-main li#shows a { background-position: -308px -447px; width: 103px; } #nav-main li#shows a.current { background-position: -308px -513px; } #nav-main li#shows a:hover { background-position: -308px -480px; } #nav-main li#greenespace a { background-position: -412px -447px; width: 224px; } #nav-main li#greenespace a.current { background-position: -412px -513px; } #nav-main li#greenespace a:hover { background-position: -412px -480px; } #nav-main li h4 { display: none; } #nav-main li ul { z-index: 999999; position: absolute; background: #ffffff; width: 150px; border: 2px solid #999; border-width: 0 2px 2px; padding: 7px 13px; margin-top: -1px; display: none; background-color: #fff; } #nav-main li ul li { font-size: 12px; line-height: 20px; font-weight: bold; float: none; } #nav-main li ul li a { background: none !important; width: auto !important; height: auto; text-indent: 0; display: block; color: #111111; } #nav-main li ul li a:hover { text-decoration: none; color: #e21838; } #nav-main li:hover ul { display: block; } #breaking p { border-bottom: 2px solid #333; margin: 0 0 10px; padding: 0 0 8px; font-size: 11px; font-weight: bold; color: #cc0033; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the