div.jp-audio {
	color: #333333;
	position:relative;
	width:370px;
	height:340px;
}

/* @group playlist */

ul.jplayer-playlist {

	margin:0;
	padding: 0;
	display:block;
	

}

ul.jplayer-playlist > li{position:relative; height:30px; text-align:left;}

ul.jplayer-playlist > li.jplayer-playlist-line{background:url(../images/hr_line.png) repeat-x; width:100%; height:1px!important; margin:1px 0}

ul.jplayer-playlist > li > a{display:block; font-size:12px; line-height:30px; padding-left:10px; color:#222222; text-decoration:none; position: relative; overflow:hidden;}

ul.jplayer-playlist > li > a > span{ display:block; position:absolute; top:10px; right:10px; width:74px;   height:12px; background:url(../images/jplayer_play_song.png) top left no-repeat;}

ul.jplayer-playlist > li > a:hover { background:#cccccc;}


/* @end */

/* @group CONTROLS */

ul.jp-controls {

	margin:0;
	padding: 0;
	display:block;
	height:70px;

}

a.jp-play,
a.jp-pause,
a.jp-stop {
	width:38px;
	height:38px;
	display:block;
	float:left;
}

a.jp-play {
	background: url(../images/jplayer_play.png) top left no-repeat;
}
a.jp-play:hover {
	background: url(../images/jplayer_play.png) bottom left no-repeat;
}
a.jp-pause {
	background:url(../images/jplayer_pause.png) top left no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url(../images/jplayer_pause.png) bottom left no-repeat;
}
a.jp-stop {
	background: url(../images/jplayer_stop.png) top left no-repeat;
	margin-left:10px;
}
a.jp-stop:hover {
	background: url(../images/jplayer_stop.png) bottom left no-repeat;
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:38px;
	height:38px;
	float:left;
	display:block;
}
a.jp-mute,
a.jp-unmute {
	margin-left: 10px;	
}
a.jp-volume-max {
	margin-left: 110px;	
}
a.jp-mute {
	background: url(../images/jplayer_mute.png) top left no-repeat;
}
a.jp-mute:hover {
	background: url(../images/jplayer_mute.png) bottom left no-repeat;
}
a.jp-unmute {
	background: url(../images/jplayer_unmute.png) top left no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url(../images/jplayer_unmute.png) bottom left no-repeat;
}

a.jp-volume-max {
	background: url(../images/jplayer_volume_max.png) top left no-repeat;
}
a.jp-volume-max:hover {
	background: url(../images/jplayer_volume_max.png) bottom left no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	top:15px;
	left:140px;
	overflow:hidden;
	background: #cccccc;
	border:1px solid #666666;
	width:87px;
	height:4px;
	cursor: pointer;
}
div.jp-volume-bar-value {
	background: #858585;
	width:0px;
	height:4px;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #cccccc;
	border:1px solid #666666;
	position: absolute;
	top:50px;
	left:0px;
	height:6px;	
	width:358px;
}
div.jp-seek-bar {
	background:#cccccc;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: #858585;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url(../images/jplayer.seeking.gif);
}

/* @end */