/**
 * These css styles are 100% knerd-specific, which is why
 * they've been broken out from the jplayer skin CSS file.
 * Sorry if that's confusing!
 */

/*********** this block was moved from the jplayer.blue.monday.css file to here *********/

#jplayer_playlist { display: none; }
#jplayer_playlist_name {
	padding: 5px 10px 0px 10px; 
	background: #888;
	color: #fff;
    font-size: 12px;
}
.current-playlist-title {
    overflow: scroll;
}


#jplayer_knerd_pl_buttons {
	 /*height: 20px;*/ /* BA: removed height attribute to add second row of buttons .. not sure if will be permanent? */
	 padding: 5px 0px;
	 background: #888;
	 overflow: hidden;
}

#jplayer_knerd_pl_buttons .knerd-button { height: 20px; margin: 0px; margin-left: 10px; padding: 0px 12px; float: left; border: none;  font-size: 11px; }
#jplayer_knerd_pl_buttons .knerd-button.ui-state-hover { }
#jplayer_knerd_pl_buttons .knerd-button .ui-button-text { padding: 0px; margin: 0px; line-height: 18px; }

#jplayer_knerd_pl_credit_line {
	cursor: pointer;
	border-top: none;
	background: url(/assets/jplayer/skin/playlist_bkg.png) repeat-x;
	color: #fff;
	text-align: left;
	font-size: .8em;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
}

#btn-add-to-playlist, #btn-clear-playlist { /*width: 132px;*/ }
/****** END: move from jplayer.blue.monday.css *********/

/* styles in the qtip song rollover */
.qtip-song-rollover .credits { margin: 10px 0 10px 0; }
.qtip-song-rollover .credits-header { font-weight: bold; }
.qtip-song-rollover .album-info { margin-top:10px; }


/** "current playlist" collapse/expand icon **/
#jplayer_knerd_pl_credit_line .ui-icon { float: right; }


/**
	playlist manager
**/
#jp_playlist_manager {
	height: 369px;
	border-bottom: 1px solid #bbb;
	overflow-y: auto;
	background: #f3f3f3;
}
#jp_playlist_manager .pl-group-header {
	font-weight: bold;
	font-size: 1.2em;
	padding: 15px 10px 3px 10px;
	text-transform: uppercase;
	color: #333;
	font-family: Century Gothic, Helvetica, Arial, san-serif;;
}
#jp_playlist_manager .playlist {
	padding: 5px 10px 5px 5px;
	margin: 0px 0px;
	background-color: #e3e3e3;
	border-bottom: 1px solid #fff;
	position: relative;
}
#jp_playlist_manager .playlist .ui-icon { margin-left: 3px; }
#jp_playlist_manager .pl-group-playlists .playlist .playlist-title { cursor: pointer; }
#jp_playlist_manager .playlist .playlist-title       { float: left; padding-left: 5px; width: 220px; }
#jp_playlist_manager .playlist .ui-icon-play         { float: left;  }
#jp_playlist_manager .playlist .ui-icon-locked       { float: right; }
#jp_playlist_manager .playlist .ui-icon-unlocked     { float: right; }
#jp_playlist_manager .playlist .btn-pl-delete        { float: right; }
#jp_playlist_manager .playlist .ui-icon-copy         { float: right; }

/*	confirmation message when removing playlist (in playlist manager)
	OR
	removing individual song from an active playlist
	(style currently used by both delete buttons. Be sure to test in both when changing css) */
.kconfirm-message {
	cursor: pointer;
	position: absolute;
	top:0px;
	right:0px;
	padding:4px;
	white-space: nowrap;
	background-color: #c00;
	color: white;
	border: 1px solid white;
}

/**
	"add to playlist" dialog
**/
#jp_add_to_playlist_dlg {
	height: 399px;
	border-bottom: 1px solid #bbb;
	width: 100%;
	position: absolute;
	top:  0;
	left: 0;
	float: left;
	z-index: 10;
	background-color: #f3f3f3;
	overflow-y: auto;
}
#jp_add_to_playlist_dlg .add-to-pl-header {
	height: 30px;
	line-height: 28px;
	padding-left: 10px;
	color: #fff;
	background: url(/assets/jplayer/skin/playlist_bkg.png) repeat-x;
}
#jp_add_to_playlist_dlg #add-to-pl-tip { margin: 10px; padding: 5px; background: #fff; font-size: .9em;  }
#jp_add_to_playlist_dlg #add-to-pl-inputdiv { margin: 10px 0px; }
#jp_add_to_playlist_dlg #add-to-pl-inputdiv input { margin: 0px 10px; width: 220px; }
#jp_add_to_playlist_dlg #add-to-pl-choose-existing { }
#jp_add_to_playlist_dlg #add-to-pl-choose-existing h2, #jp_add_to_playlist_dlg #add-to-pl-inputdiv h2 { margin: 10px 10px 3px 10px; font-family: Century Gothic, Helvetica, Arial, san-serif; text-transform: uppercase; }
#jp_add_to_playlist_dlg #add-to-pl-info { margin: 10px; font-style: italic; font-weight: bold; }
#jp_add_to_playlist_dlg .existing-playlist-list { }
#jp_add_to_playlist_dlg .existing-playlist {
	cursor: pointer;
	padding: 5px 10px;
	background-color: #e3e3e3;
	border-bottom: 1px solid #fff;
}
#jp_add_to_playlist_dlg .existing-playlist:hover { color: #019BE3; }

/**
 styles for active playlist pane
**/
#jplayer_playlist .ul .li { position: relative; }
#jplayer_playlist .ul .li .pl-drag-arrow { float: right; }
#jplayer_playlist .ul .li .song-info { float: left; margin-left: 5px; display: block; overflow: hidden; width: 215px; }
#jplayer_playlist .ul .li .btn-remove-song { float: right; }

/* scrolling credits */
#jplayer_playlist .ul .li .credits-scroll { display: none; color: #666; } /* hide when song inactive */
#jplayer_playlist .ul .li.ui-selected .credits-scroll { color: #fff; }
#jplayer_playlist .ul .li.jplayer_playlist_current .credits-scroll {
	display: block;
	max-height: 50px;
	overflow: auto;
	/*border: 1px solid;*/
	line-height: 120%;
}

/** styles for "selected" playlist entries **/
#jplayer_playlist .ul .li.ui-selecting {  }
#jplayer_playlist .ul .li.ui-selected { background: #019BE3; color: #fff;  }
#jplayer_playlist .ul .li.ui-selected .ui-icon { background-position: top right; }




/* icons */
#jp_add_to_playlist_dlg .add-to-pl-header .ui-icon-circle-close { float: right; background: url(/assets/jplayer/skin/playlist_collapse.png) no-repeat top left; width: 20px; height: 20px; margin: 4px 4px 0px 0px; }
#jp_add_to_playlist_dlg .add-to-pl-header .ui-icon-circle-close:hover { background-position: top right;  }

#jplayer_knerd_pl_credit_line .triangle { float: right; width: 20px; height: 20px; margin: 4px 4px 0px 0px; }
#jplayer_knerd_pl_credit_line .triangle:hover { background-position: top right;  }
#jplayer_knerd_pl_credit_line .triangle-south { background: url(/assets/jplayer/skin/playlist_expand.png) no-repeat top left; }
#jplayer_knerd_pl_credit_line .triangle-north { background: url(/assets/jplayer/skin/playlist_collapse.png) no-repeat top left; }

.jp-playlist-player div.jp-playlist .pl-drag-arrow { margin-left: 5px; background: url(/assets/images/ui/drag.png) no-repeat top left; }
.jp-playlist-player div.jp-playlist .pl-drag-arrow:hover { background-position: top right; }

.jp-playlist-player div.jp-playlist .pl-icon-circle-minus  { background: url(/assets/images/ui/remove.png) no-repeat top left; }
.jp-playlist-player div.jp-playlist .pl-icon-circle-minus:hover { background-position: top right; }

#jp_playlist_manager .playlist .ui-icon-unlocked { background: url(/assets/images/ui/public.png) no-repeat top left; }
#jp_playlist_manager .playlist .ui-icon-unlocked:hover { background-position: top right; }

#jp_playlist_manager .playlist .ui-icon-locked { background: url(/assets/images/ui/private.png) no-repeat top left; }
#jp_playlist_manager .playlist .ui-icon-locked:hover { background-position: top right; }

#jp_playlist_manager .playlist .ui-icon-play { background: url(/assets/images/ui/play.png) no-repeat top left; }
#jp_playlist_manager .playlist .ui-icon-play:hover { background-position: top right; }

#jp_playlist_manager .playlist .ui-icon-copy { background: url(/assets/images/ui/copy.png) no-repeat top left; }
#jp_playlist_manager .playlist .ui-icon-copy:hover { background-position: top right; }

#jp_playlist_manager .playlist .playlist-title:hover {  }

#jplayer_mini { z-index: 2;
                display: block;
                position: absolute;
                right: 10px;
                top: 10px;
                height: 30px;
                margin-bottom: 0px;
                width: 420px;
                 }

#jp-interface {
    height: 30px;
    
}
.jp-controls { position: relative; left: 25px; top: 3px; }

.jp-single-player, .jp-playlist-player {
    margin-bottom: 0px;
}

#jp-playlist-player { margin-bottom: 0px; }

#jplayer_previous { top: 3px; }
#jplayer_play { top: 1px; }
#jplayer_pause { top: 1px; }
#jplayer_stop { top: 3px; }
#jplayer_next { top: 3px; }
#jplayer_current_info {
    background-color: #fff;
    font-family: sans-serif;
    font-size: xx-small;
    top: 6px;
    height: 12px;
    width: 210px;
    position: absolute;
    left: 110px;
    vertical-align: top;
    overflow: auto;
    line-height: normal;
}
#jplayer_current_track {
    vertical-align: middle;
    text-transform: uppercase;

}
#jplayer_progress {
    height: 7px;
    top: 18px;
    left: 110px;
    width: 210px;
    background: #333;
}
#jplayer_load_bar {
    top: 0px;
    height: 7px;
    left: 120px;
}
#jplayer_volume_min { top: 3px; left: 305px; }
#jplayer_volume_bar { top: 12px; left: 345px; }
#jplayer_volume_max { top: 3px; left: 350px; }



li.jp-unloved, li.jp-loved {
	display: block;
	position: absolute;
    right: 30px;
	top: 5px;
	width:13px;
	height:13px;
	cursor: pointer;
	z-index: 1;
	background: url("/assets/images/site/unloved.png");
}

li.jp-loved {
	background: url("/assets/images/site/loved.png");	
}

li.jp-unloved:hover {
	background: url("/assets/images/site/loved.png");
}

li.jp-loved:hover {
	background: url("/assets/images/site/unloved.png");
}