@charset "UTF-8";
/* Document CSS valide W3C CSS niveau 3 */
#player_container {
	display:none;
	float:left;
	position: relative;
	background: #fff url("img/bgplayer.png") 0 0 no-repeat;
	width:627px;
	height:50px;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:308px;
	top:5px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("img/spirites.jpg") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("img/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("img/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("img/spirites.jpg") -41px -42px no-repeat;
}
#player_stop {
	position: absolute;
	left:348px;
	top:11px;
	background: url("img/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("img/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:388px;
	top:17px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar {
	background: url("img/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background: url("img/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("img/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min {
	position: absolute;
	left:532px;
	top:17px;
	background: url("img/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:604px;
	top:17px;
	background: url("img/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover {
	background: url("img/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.jqjp_hover {
	background: url("img/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left:550px;
	top:22px;
	background: url("img/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("img/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#play_time,
#total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time {
	float:left;
}

#total_time {
	float:right;
	text-align: right;
}
