/******************************************************************************/
/* BEGIN: jQuery UI */
/******************************************************************************/
.ui-slider { position:relative; text-align:left; }
.ui-slider .ui-slider-handle { position:absolute; z-index:2; width:16px; height:16px; cursor:pointer; background:url('../images/audio_player/slider_handle.png'); }
.ui-slider .ui-slider-handle:hover { background-position:0 -16px; }
.ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0; }

.ui-slider-horizontal { height:10px; background:#218cde; }
.ui-slider-horizontal:hover { background:#26a1ff; }
.ui-slider-horizontal .ui-slider-handle { top:-3px; margin-left:-5px; }
.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; }
/******************************************************************************/
/* END: jQuery UI */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Title bar */
/******************************************************************************/
#player-title-bar { background:#061b33; }
#player-title-bar-left { float:left; background:url('../images/audio_player/title_bar_bg_left.png'); height:24px; width:3px; }
#player-title-bar-center { float:left; background:url('../images/audio_player/title_bar_bg_center.png'); height:24px; width:944px; }
#player-title-bar-right { float:right; background:url('../images/audio_player/title_bar_bg_right.png'); height:24px; width:3px; }
#player-title-wrapper { height:16px; padding-top:4px; padding-bottom:4px; }
#player-title-wrapper > table { width:100%; }
#player-title { color:#fff; font-weight:bold; font-size:10px; padding-left:20px; }
#player-type-switch { padding-right:20px; text-align:right; color:#555; font-size:11px; line-height:20px; }
/******************************************************************************/
/* END: Title bar */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Status bar */
/******************************************************************************/
#player-status-bar { height:2px; background:#000; }
/******************************************************************************/
/* END: Status bar */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Layout */
/******************************************************************************/
#player-left-column { float:left; width:250px; background:#2c343d url('../images/audio_player/side_menu_bg.png'); height:550px; }
#player-right-column { float:right; width:700px; height:550px; background:#fff; }
#player-placeholder { display:none; }
/******************************************************************************/
/* END: Layout */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Left column */
/******************************************************************************/
#player-sidebar { padding:20px; padding-top:10px; height:488px; overflow-y:auto; }
#player-sidebar-label-wrapper { height:32px; margin-right:2px; margin-left:2px; background:url('../images/audio_player/side_menu_title_bg.png'); }
#player-sidebar-label { font-weight:bold; color:#4e6487; text-align:center; padding-top:6px; padding-bottom:6px; }
#player-sidebar .ui-accordion-header { padding-top:3px; padding-bottom:3px; font-weight:normal; padding-left:15px; background:url('../images/audio_player/arrow_right.png') no-repeat left center; }
#player-sidebar .ui-state-active { background:url('../images/audio_player/arrow_down.png') no-repeat left center; }
#player-sidebar .ui-accordion-content ul { list-style: none; padding-left:20px; }
.player-menu-album { padding-left:18px; padding-bottom:5px; background:url('../images/audio_player/icon_audio_file.png') no-repeat left top; }
.player-menu-artists ul { padding-bottom:5px; }
#player-sidebar .ui-state-active { font-weight:bold; }
#player-sidebar a { color:#7093ba; font-size:13px; }
#player-sidebar .ui-accordion-header:hover a { color:#c8dff8; text-decoration:none; }
#player-sidebar .player-menu-artists a:hover { color:#c8dff8; text-decoration:none; }
#player-sidebar .ui-accordion-header:hover { cursor:pointer; }
/******************************************************************************/
/* END: Left column */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Player */
/******************************************************************************/
#player-menu { padding:10px; background:#183262; background:url('../images/audio_player/menu_bg.png') repeat-x; }

#player-controls-buttons { float:left; width:160px; padding-left:10px; }
#player-controls-display { float:left; width:400px; padding-left:10px; }
#player-controls-mode { float:left; width:80px; padding:15px 0 0 15px;  }
#player-facebook { float:left; width:80px;  margin-top:5px; }

.player-controls-button { display:inline-block; width:48px; height:48px; cursor:pointer; margin-right:5px; }
#player-previous {  background:url('../images/audio_player/button_next_previous.png') 0 0 no-repeat; }
#player-previous:hover { background-position:0 -48px; }
#player-previous:active { background-position:0 -96px; }
#player-play { background:url('../images/audio_player/button_play_pause.png') 0 0 no-repeat; }
#player-play:hover { background-position:0 -48px; }
#player-play:active { background-position:0 -96px; }
.player-play-playing { background:url('../images/audio_player/button_play_pause.png') -48px 0 no-repeat !important; }
.player-play-playing:hover { background-position:-48px -48px !important; }
.player-play-playing:active { background-position:-48px -96px !important; }
#player-next { background:url('../images/audio_player/button_next_previous.png') -48px 0; }
#player-next:hover { background-position:-48px -48px; }
#player-next:active { background-position:-48px -96px; }

#player-controls-display-left { float:left; width:3px; height:48px; background:url('../images/audio_player/display_left.png'); }
#player-controls-display-center { float:left; width:394px; height:48px; background:url('../images/audio_player/display_center.png'); color:#a0d6ff; font-size:10px; }
#player-controls-display-right { float:left; width:3px; height:48px; background:url('../images/audio_player/display_right.png'); }

#player-controls-display-track-info { overflow:hidden; white-space:nowrap; margin-right:10px; margin-left:10px; padding-top:5px; }
#player-controls-display-track-info-speaker { font-weight:bold; }
#player-controls-display-track-info-track-name { white-space:nowrap; }
#player-slidercontainer { padding-left:10px; padding-right:10px; padding-top:5px; }
#player-slidercontainer-current-time { float:left; width:50px; overflow:hidden; padding-right:10px }
#player-slidercontainer-total-time { float:left; width:50px; overflow:hidden; padding-left:10px; }
#player-slider { float:left; width:250px; margin-top:3px; }

.player-controls-mode-button { float:left; width:27px; height:20px; cursor:pointer; margin-right:8px; }
.player-controls-mode-shuffle { margin-left: 4px; background:url('../images/audio_player/icon_shuffle.png') 0 0 no-repeat !important; }
.player-controls-mode-shuffle:hover { background-position: 0 -20px !important; }
.player-controls-mode-shuffle-on { background:url('../images/audio_player/icon_shuffle.png') 0 -40px no-repeat !important; }
.player-controls-mode-shuffle-on:hover { background-position: 0 -60px !important; }
.player-controls-mode-repeat { background:url('../images/audio_player/icon_repeat.png') 0 -40px no-repeat !important; }
.player-controls-mode-repeat:hover { background-position:0 -60px !important; }
.player-controls-mode-repeat-on { background:url('../images/audio_player/icon_repeat.png') 0 0 no-repeat !important; }
.player-controls-mode-repeat-on:hover { background-position:0 -20px !important; }
/******************************************************************************/
/* END: Player */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Content */
/******************************************************************************/
#player-content { overflow:auto; height:482px; width:699px; border-right:1px solid #000; background:#596b8a; }
#player-content-album { float:left; width:158px; border-right:1px solid #303a4b; height:482px; background:#48566f; }
#player-content-album-cover { margin:4px; margin-top:10px; width:150px; height:150px; background:url('../images/audio_player/album_default_cover.png'); }
.player-content-album-cover-image { margin-left:6px; margin-top:2px; width:138px; height:138px; }
#player-content-playlist { float:right; width:540px; height:482px; overflow:auto; background:url('../images/audio_player/playlist_bg.png'); }
#player-content-playlist-table { background:url('../images/audio_player/playlist_bg.png'); }
#player-content-album-name { margin-left:10px; margin-right:10px; text-align:center; font-weight:bold; color:#d5d9e0; font-size:13px; font-family:'Trebuchet MS'; }
#player-content-album-artist { margin-left:10px; margin-right:10px; text-align:center; color:#b2bac8; font-size:11px; font-family:'Trebuchet MS'; padding-bottom:10px; }
#player-content-album-subscribe { margin-left:10px; margin-right:10px; }
#player-content-album-subscribe a { display:inline-block; width:110px; padding-left:30px; padding-top:2px; margin-top:8px; font-size:11px; color:#86a4c6; min-height:25px; }
#player-content-album-subscribe a:hover { color:#c8dff8; text-decoration:none; cursor:pointer; }
#player-content-album-subscribe { margin-left:10px; margin-right:10px; }

.player-content-button { display:inline-block; width:16px; height:16px; cursor:pointer; margin-right:5px; }
#player-download-button { background:url('../images/audio_player/button_download.png') 0 0 no-repeat; }
#player-download-button:hover { background-position:0 -16px; }

.player-content-album-subscribe-rss a  { background:url('../images/audio_player/icon_subscribe.png') no-repeat center left; }
.player-content-album-subscribe-itunes a  { background:url('../images/audio_player/icon_subscribe_itunes.png') no-repeat center left; }
.player-content-album-share-facebook a { background:url('../images/audio_player/icon-share-facebook.png') no-repeat center left; }

#player-content-playlist-table { width:540px; }
.player-content-playlist-track { cursor:pointer; color:#c8dff8; font-size:11px; height:18px; overflow:hidden; }
.player-content-playlist-track:hover { color:#e8f3ff; }
.player-content-playlist-track-number { padding-left:15px; }
.player-content-playlist-track-name { padding-left:15px; white-space:nowrap; }
.player-content-playlist-track-time { padding-left:15px; }
.player-content-playlist-track-download { padding-left:5px; }
.player-current-track { background:url('../images/audio_player/playlist_current_track_bg.png') !important; color:#fff !important; }
/******************************************************************************/
/* END: Player */
/******************************************************************************/

/******************************************************************************/
/* BEGIN: Dialogs */
/******************************************************************************/
#player-dialog-wrapper { width:100%; position:absolute; top:180px; left:0; }
#player-dialog { position:relative; z-index:100; width:500px; margin:auto; padding:20px 50px; border:3px solid #48566f; -moz-box-shadow:2px 2px 10px #333; -webkit-box-shadow:2px 2px 10px #333; box-shadow:2px 2px 10px #333; background:#fff; }
#player-dialog-share-tracks { max-height:270px; overflow-y:auto; }
/******************************************************************************/
/* END: Dialogs */
/******************************************************************************/