/* SCROLL BARS */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #0a4774;
}
.jScrollPaneDrag {
	position: absolute;
	background: #5BB5E6 url(../images/joma-jplayer.png) -122px center no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* JPLAYER */
#player_container {
	position: relative;
	background-color:#00518d;
	width:190px;
	height:40px;
	border-bottom:2px solid #0a4774;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left: 8px;
	top: 7px;
	width: 29px;
	height: 26px;
	cursor: pointer;
}
#player_play {
	background: url("../images/joma-jplayer.png") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("../images/joma-jplayer.png") 0 -26px no-repeat;
}
#player_play:active {
	background: url("../images/joma-jplayer.png") 0 -51px no-repeat;
}

#player_pause {
	background: url("../images/joma-jplayer.png") -30px 0 no-repeat;
}
#player_pause.jqjp_hover {
	background: url("../images/joma-jplayer.png") -30px -26px no-repeat;
}
#player_pause:active {
	background: url("../images/joma-jplayer.png") -30px -51px no-repeat;
}


#ctrl_prev {
	position: absolute;
	left: 44px;
	top: 10px;
	background: url("../images/joma-jplayer.png") -62px -4px no-repeat;
	width: 17px;
	height: 20px;
	cursor: pointer;
}

#ctrl_prev:active {
	background: url("../images/joma-jplayer.png") -62px -56px no-repeat;
}
#ctrl_prev:hover {
	background: url("../images/joma-jplayer.png") -62px -30px no-repeat;
}

#ctrl_prev.disabled {
	opacity: .5;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left: 62px;
	top: 10px;
	background: url("../images/joma-jplayer.png") -83px -4px no-repeat;
	width: 17px;
	height: 20px;
	cursor: pointer;
}

#ctrl_next:active {
	background: url("../images/joma-jplayer.png") -83px -56px no-repeat;
}
#ctrl_next:hover {
	background: url("../images/joma-jplayer.png") -83px -30px no-repeat;
}

#ctrl_next.disabled {
	opacity: .5;
	cursor:default;
}


#player_stop {
	display:none;
}
#player_stop.jqjp_hover {
	background: url("../images/joma-jplayer.png") -20px -40px no-repeat;
}
#player_progress {
	background-color: #5BB5E6;
	height: 11px;
	left: 88px;
	position: absolute;
	top: 14px;
	width: 96px;
}
#player_progress_load_bar {
	background: #fff;
	width:0;
	height:11px;
	cursor: pointer;

}
#player_progress_load_bar.jqjp_buffer {
	background: #fff;

}
#player_progress_play_bar {
	background: #e5e5e5;
	width:0px;
	height:9px;
}
#player_volume_min {
	position: absolute;
	left:140px;
	top:1px;
	background: url("../images/joma-jplayer.png") 0 -100px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
	display:none;
}

#player_volume_max {
	position: absolute;
	left:180px;
	top:1px;
	background: url("../images/joma-jplayer.png") 0 -120px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
	display:none;
}

#player_volume_min.jqjp_hover {
	background: url("../images/joma-jplayer.png") -20px -100px no-repeat;
}

#player_volume_max.jqjp_hover {
	background: url("../images/joma-jplayer.png") -20px -120px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left:160px;
	top:6px;
	background: #e2e2e2;
	width:20px;
	height:9px;
	cursor: pointer;
	display:none;
}
#player_volume_bar_value {
	background: #cecece;
	width:0px;
	height:9px;
}

#play_time,
#total_time {
	position: absolute;
	left:164px;
	top:49px;
	width:122px;
	font-size:.8em;
	font-style:oblique;
	display:none;
}

#total_time {
	text-align: right;
}

#playlist_list {
	height: 452px;
	width: 190px;
	margin-bottom: 10px;
	overflow: auto;
}

#playlist_list ul{
	list-style-type:none;
	background-color:#00518d;
	width:190px;
	padding:0; margin:0;
}

#playlist_list li{
	border-bottom:1px solid #5BB5E6;
	cursor: pointer;
	width:180px;
	overflow:hidden;
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size:10px;	
	color:#fff;
	padding:7px 10px;
	text-transform: uppercase;
}
#playlist_list li span {
	display: block;
	padding: 3px 0; 
	color: yellow;
	font-size: 9px;
}

#playlist_list li.playlist_hover {
	color:#ffffff;
	background:#5bb5e6;
}

#playlist_list li.playlist_current{
	background:#ff007a;
	color:#ffffff !important;
	cursor: default;
}