/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 */
 
 
 
#jplayer, #jplayer *{
	margin:0;}
	
div.jp-interface {
	height:60px;}
div.jp-playlist-player div.jp-interface {}

div.jp-interface ul.jp-controls {
	margin: 0;}
div.jp-interface ul.jp-controls li {
	position: absolute;
	list-style: none}
div.jp-interface ul.jp-controls a {
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;}

a.jp-play, a.jp-pause, a.jp-stop, a.jp-previous, a.jp-next {
	width:30px;
	height:30px;
	top:23px;}
a.jp-previous {
	left:55px;}
a.jp-next {
	left:113px;}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:85px;}
div.jp-playlist-player a.jp-stop {
	left:140px;}
	
a.jp-play, a.jp-play:hover, a.jp-pause, a.jp-stop, a.jp-stop:hover, a.jp-previous, a.jp-next, a.jp-next:hover {
	background: url('../img/bg_player.png') no-repeat;}

a.jp-play {
	background-position: 0 0;}
a.jp-play:hover {
	background-position: -30px 0;}

a.jp-pause {
	background-position: 0 -30px;}
a.jp-pause:hover {
	background-position: -30px -30px;}

a.jp-stop {
	background-position: 0 -60px;}
a.jp-stop:hover {
	background-position: -30px -60px;}

a.jp-previous {
	background-position: 0 -87px;}
a.jp-previous:hover {
	background-position: -30px -87px;}

a.jp-next {
	background-position: 0 -117px;}
a.jp-next:hover {
	background-position: -30px -117px;}

div.jp-progress, div.jp-playlist-player div.jp-progress, div.jp-load-bar, div.jp-play-bar, div.jp-progress{
 	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	top:40px;
	height:15px;
	left:7px;
	background:rgba(10,10,10,.9) url(../img/bg_box_bottom.png) repeat-x center ;	}
div.jp-progress {
	border:1px solid #000;
	overflow:hidden;
 	margin:6px;
 	width:200px;}
div.jp-playlist-player div.jp-progress {
	left:0;}
div.jp-load-bar {
	background-color:#333;
	width:0px;
	cursor: pointer;}
div.jp-play-bar {
	background-color:#ccc;
	width:0px;
	-moz-border-radius-bottomright:0; 
	-webkit-border-bottom-right-radius:0; 
	-moz-border-radius-topright:0; 
	-webkit-border-top-right-radius:0; 
	border-radius-top-right:0;
	border-radius-botom-right:0;}


div.jp-play-time,
div.jp-total-time {
	letter-spacing: .1em;
	color:#333;}
div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time {
	position:relative;
	top:-23px;
	}
div.jp-playlist-player div.jp-play-time {
	left:12px;
	float:left}
div.jp-playlist-player div.jp-total-time {
	float:right}
	
div.jp-playlist ul{
	list-style-type:none;
	padding:0 25px 0 0;}
div.jp-playlist-player div.jp-playlist li {
	padding:5px 0 5px 10px;
	width:100%;
 	background: url(../img/hr_hor.png) repeat-x top;}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {}

div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	list-style-type:square;	
	color:#4594b1;
	list-style-position:inside;
	padding-left:8px;}	
div.jp-playlist-player div.jp-playlist a {
	text-decoration: none;}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	color:#4594b1;}