/* SCROLL BARS */


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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #222;
}
.jScrollPaneDrag {
	position: absolute;
	background: #111;
	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:#111;
	height:20px;
	border-bottom:1px solid #222;
	margin-bottom:25px;
}
#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:20px;
	top:1px;
	width:20px;
	height:20px;
	cursor: pointer;
}
#player_play {
	background: url("../images/Vedanta_1.png") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("../images/Vedanta_1.png") -20px 0 no-repeat;
}
#player_pause {
	background: url("../images/Vedanta_1.png") 0 -20px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("../images/Vedanta_1.png") -20px -20px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left:3px;
	top:1px;
	background: url("../images/Vedanta_1.png") 0 -60px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background: url("../images/Vedanta_1.png") -20px -60px no-repeat;
}

#ctrl_prev.disabled {
	background: url("../images/Vedanta_1.png") -40px -60px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:37px;
	top:1px;
	background: url("../images/Vedanta_1.png") 0 -80px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
}

#ctrl_next:hover {
	background: url("../images/Vedanta_1.png") -20px -80px no-repeat;
}

#ctrl_next.disabled {
	background: url("../images/Vedanta_1.png") -40px -80px no-repeat;
	cursor:default;
}


#player_stop {
	position: absolute;
	left:56px;
	top:1px;
	background: url("../images/Vedanta_1.png") 0 -40px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("../images/Vedanta_1.png") -20px -40px no-repeat;
}
#player_progress {
	position: absolute;
	left:100px;
	top:6px;
	background-color: #ececec;
	width:800px;
	height:9px;
}
#player_progress_load_bar {
	background: #ccc url("../images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:9px;
	cursor: pointer;

}
#player_progress_load_bar.jqjp_buffer {
	background: #8CC0F4 url("../images/bar_buffer.gif")  top left repeat-x;

}
#player_progress_play_bar {
	background: #8CC0F4 url("../images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:9px;
}
#player_volume_min {
	position: absolute;
	left:890px;
	top:1px;
	background: url("../images/Vedanta_1.png") 0 -100px no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;
}

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

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

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

#player_volume_bar {
	position: absolute;
	left:930px;
	top:6px;
	background: #e2e2e2 url("../images/volume_bar.gif") repeat-x top left;
	width:40px;
	height:9px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: #8CC0F4 url("../images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:9px;
}

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

#total_time {
	text-align: right;
}

#playlist_list {
	margin-top: 12px; 
	width:1010px;
}

#playlist_list ul{
	list-style-type:none;
	background-color:#111;
	padding:0; margin:0;
}

#playlist_list li{
	padding:12px 15px;
	border:1px solid #222;
	cursor: pointer;
	overflow:hidden;
	font-family: arial;
	font-size:.8em;	
	color:#e2e2e2;
}

#playlist_list li:hover, #playlist_list li.playlist_hover {
	color:#8CC0F4;
}

#playlist_list li.playlist_current{
	background:#8CC0F4 !important;
	color:#000 !important;
	cursor: default;
}

.playlist_num, .playlist_image, .playlist_info, .playlist_button { display: inline; float: left; margin-right: 12px; }
.playlist_num { padding-top: 20px;}
.playlist_image img { width: 50px; height: 50px; }
.playlist_button { display: inline-block; width: 50px; height: 50px; background: url(../images/play.png) 0 0 no-repeat; }
.playlist_button:hover { cursor: pointer; }
li.playlist_hover .playlist_button { background: url(../images/play.png) 0 -50px no-repeat; }
li.playlist_current .playlist_button { background: url(../images/play.png) 0 -100px no-repeat; }
li.playlist_paused .playlist_button { background: url(../images/play.png) 0 0 no-repeat; }
li.playlist_playingd .playlist_button { background: url(../images/play.png) 0 -100px no-repeat; }

.playlist_info { font-size: 1.5em; }
.playlist_info h3 { font-size: 1.9em; }

#playlist_list li.category { 
border-left:medium none;
border-right:medium none;
color:#FFFFFF;
cursor:default;
font-size:1.6em;
font-weight:bold;
padding:2.4em 2em.5em 0;
text-transform:uppercase;
}
#playlist_list li.category:hover { cursor: default; color: #fff; }

