.popup_player_body { background-color: #fff; background-image: none;
    padding: 8px; }
.player { border: 0px; width: 100%; background-color: #fff; height: 252px; }
.player_wrapper { width: 318px; height: 502px; border-color: #d60131;
    border-top-width: 5px; border-right-width: 6px; border-bottom-width: 6px;
    border-left-width: 6px; }
.popup_player_body .player_wrapper .player {
	background: none;
}
#station_logo_wrapper { width: 318px; height: 54px; margin-left: 0px;
    margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid #000; }
#station_logo { background-image:
    url(/media/img/player/station_logo_takeaway.png); width: 318px;
    height: 54px; border-bottom: 1px solid #000; }
.current_show {
	background-image: none;
	background-color: #fff;
	height: auto;
	padding-top: 10px;}

#station_tabs { display: none; }
.listen_live { display: block; }

#audio-help {
	background-image: none !important;
    	width: 318px !important;
	padding: 10px 0px 0px 0px !important;
	height: 19px !important;
	line-height: 10px !important;
}

#audio-help a {
	display: block !important;
	text-indent: -9999px !important;
	background: transparent url(/media/img/takeaway/player/audio-help-btn.gif); no-repeat 0px 0px !important;
	width: 318px !important;
	height: 19px !important;
}

.popup_player_body a#help {
	margin: 0px;
}

#more_info_div { display: none; }
.on_air_wrapper { clear: none; padding-top: 0px; }
#on_air_now { clear: none; padding-top: 7px; }
.on_air_name { font-family: verdana; font-size: 15px; }
.piece_description { font-family: verdana; font-size: 11px;
    padding-right: 16px; padding-top: 6px; line-height: 14px; }
.current_show { padding-left: 9px; }
.current_show .image { display: block; padding: 1px 9px 0 0; }
/* We need this width because it affects how much space there is for the
 * description, and therefore where the description should truncate. 
 * We need the height, otherwise the width is ignored. */
.current_show .image img { border: 1px solid #d60131; }

.bottom_player {
	padding: 11px 0px 0px 0px;
	border-bottom: 1px solid #000;
    width: 318px;
}

#playerObjectWrapper {
	height: 25px;
	width: 300px;
	padding-left: 10px;
}

.player_wrapper .playlists { width: 100%; border: none; background: #fff;
    height: 249px; }
    
.player_wrapper .playlists ul.tabs {
	width: 314px !important;
	background: #000 url('/media/img/player/takeaway/nav-playlist.gif') no-repeat top left; 
  height: 25px !important;
  margin-top: 1px;
  padding: 0px; 
}

.player_wrapper .playlists ul.tabs li a {
	background: none;
	height: 25px !important;
}

.player_wrapper .playlists ul.my_playlist, .player_wrapper .playlists ul.most_listened {
	background-position: 0px -25px;
	width: auto !important;
	height: 25px;
	margin: 0px !important;
	padding: 0px !important;
}

.player_wrapper .playlists ul.most_listened { background-position: 0px 0px; }


ul.tabs li.my_playlist a { width: 93px; }
ul.tabs li.most_listened a { width: 105px; }
ul.tabs li.clear_playlist { display: inline; }
ul.tabs li.clear_playlist a { width: 117px;
    background: transparent url('/media/img/player/takeaway/nav-clear.gif')
    no-repeat 4px 4px; }
    
#clearPlaylist { display: none; }
.playlist_wrapper, #most_listened { width: 316px; height: 224px;
    margin-left: 0px; border-left: 1px solid #000;
    border-right: 1px solid #000; border-bottom: 1px solid #000; }
.playlist { margin: 0px; border-top: none; font-family: verdana; }
.playlist li.audio_file { width: 316px; border-bottom: 1px solid #666; padding: 3px 0px 5px 0px }
.alternate { background-color: #efefef; }
.playlist li.audio_file:hover { background-color: #f4c91b; }
/* IE6 is the only one that uses .hover since it doesn't do :hover */
.playlist li.hover { background-color: #f4c91b; }
.playlist li.current { background-color: #f4c91b; }
.playlist .image div { height: 27px; width: 26px; padding: 0px 9px 0px 10px; margin: 0px }
.playlist .space { padding-left: 9px; }
.player_wrapper .playlist .image img { border: 1px solid #d60131; margin-top: 1px; height: 26px; width: 26px; }
.playlist .title { font-weight: normal; font-size: 10px; color: #000; width: 238px; }
.playlist .no_image .title { width: 272px; }
.playlist .date { display: none; }
.playlist .actions { height: 12px; }
.playlist .actions li a { text-indent: -999px; height: 12px; display: block;
    font-size: 1px; overflow: hidden; }
.playlist .actions li.play { width: 32px; }
/* background-color and margin-right for IE6 */
.playlist .actions li.play a { width: 32px; background-color: #db1900;
    margin-right: 0px; border-right: 0px;
    background-image: url('/media/img/player/takeaway/btn-play.gif'); }
.playlist .actions li.download { width: 63px; }
.playlist .actions li.download a { width: 63px;
    background-image: url('/media/img/player/takeaway/btn-download.png');
    border-right: 0px; }
* html .playlist .actions li.download a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/player/takeaway/btn-download.png', sizingMethod='crop');
}
.playlist td.remove { display: block; text-indent: -9999px; width: 12px;
    margin-top: 3px; background: transparent
    url('/media/img/player/takeaway/close.gif') no-repeat top left; }
.playlist .actions .remove { display: none; }
.playlist .actions .download a { border-left: none; }

/* Inline Buttons */

.media_buttons a { 
	color: #dd0000;
}

.media_buttons a.button, .Embed, p.downloadlink a {
	border-left: 1px solid #202019;
}

.media_buttons a.button.Listen {
	background-image: url('/media/img/takeaway/player/icon-player-popup.gif');
	padding-left: 31px;
	border-left: 0px;
	background-position: 16px center;
}

.media_buttons a.button.Add {
	background-image: url('/media/img/takeaway/player/icon-player-add.gif');
	padding-left: 16px;
	background-position: 1px center;
}

.media_buttons a.button.Embed {
	background-image: url('/media/img/takeaway/player/icon-player-embed.gif');
	padding-left: 19px;
	background-position: 3px center;
}

p.downloadlink a.Stream {
	background-image: url('/media/img/takeaway/player/icon-player-stream.gif');
	padding-left: 18px;
	background-position: 2px center;
}

.Download {
	background-image: url('/media/img/takeaway/player/icon-player-download.gif');
	padding-left: 18px;
	background-position: 2px center;
}

.transcript a {
  background-image: url('/media/img/takeaway/player/icon-player-transcript.gif');
}

/* */

.article-audioplayer .play_pause {
  background-image: url(/media/img/player/btn-global-play-pause.png);
  height: 22px;
  width: 15px;
}

.article-audioplayer .play_pause.click_to_play {
  background-position: 0 -22px;
}

.article-audioplayer .play_pause.click_to_pause {
  background-position: -15px -22px;
}

.article-audioplayer .play_pause.click_to_pause:hover {
  background-position: -15px 0;
}

.article-audioplayer .scrubber .ui-slider-horizontal {
  width: 315px;
}

.duration {
  font-size: 10px;
}

.article-audioplayer .duration {
  color: #fff;
}

.volume { background: 0; }
