/* Player with Playlist */

.mplayer_container {
	position: relative;
	background-color:#171717;
	
	height:21px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.mplayer_container  ul.mplayer_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
.mplayer_container  ul.mplayer_controls li {
	overflow:hidden;
	text-indent:-9999px;
}


.mplayer_play, .mplayer_pause, .mplayer_stop, .mplayer_ctrl_prev, .mplayer_ctrl_next, .mplayer_ctrl_prev.disabled, .mplayer_ctrl_next.disabled, .mplayer_volume_min, .mplayer_volume_max   {
	height:21px;
	width:21px;
	background-position: left top;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 5px;
}

.mplayer_play {
	background-image: url(/images/player-controls-play.gif);
	left:31px;
}

.mplayer_pause {
	background-image: url(/images/player-controls-pause.gif);
	left:31px;
}

.mplayer_stop {
	background-image: url(/images/player-controls-stop.gif);
	left:57px;
}

.mplayer_ctrl_prev {
	background-image: url(/images/player-controls-prev.gif);
	left:5px;
}

.mplayer_ctrl_next {
	background-image: url(/images/player-controls-next.gif);
	left:83px;
}

.mplayer_ctrl_prev.disabled {
	background-image: url(/images/player-controls-prev-dis.gif);
	left:5px;
}

.mplayer_ctrl_next.disabled {
	background-image: url(/images/player-controls-next-dis.gif);
	left:83px;
}

.mplayer_volume_min {
	right:107px;
	width:16px;
	background-image: url(/images/player-controls-mute.gif);
}

.mplayer_volume_max {
	right:5px;
	width:36px;
	background-image: url(/images/player-controls-full.gif);
}


.mplayer_play.jqjp_hover, .mplayer_pause.jqjp_hover, .mplayer_stop.jqjp_hover, .mplayer_ctrl_prev:hover, .mplayer_ctrl_next:hover, .mplayer_volume_min.jqjp_hover, .mplayer_volume_max.jqjp_hover  {
	background-position: left bottom;
}

.mplayer_volume_bar {
	position: absolute;
	right:46px;
	top:5px;
	width:46px;
	height:11px;
	cursor: pointer;
	background-color: #333;
	background-image: url(/images/volume_bar.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;
}

.mplayer_volume_bar_value {
	background: url("/images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:11px;
}


.mplayer_progress {
	position: absolute;
	left:127px;
	top:10px;
	background-color: #333;
	width:118px;
	height:11px;
}

.mplayer_progress_load_bar {
	background: url("/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:11px;
	cursor: pointer;
}
.mplayer_progress_load_bar.jqjp_buffer {
	background: url("/images/bar_buffer.gif")  top left repeat-x;
}
.mplayer_progress_play_bar {
	background: url("/images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:11px;
}






.mplayer_play_time,
.mplayer_total_time, #jqjp_force_1 {
	width:122px;
	font-size:50px;
	font-style:oblique;
	color: #090;
}

.mplayer_total_time {
	text-align: right;
}

.mplayer_playlist_list {
	width:100%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.mplayer_playlist_list ul{
	width:100%;
}

.mplayer_playlist_list li{
	cursor: pointer;
	list-style-type: none;
	min-height:10px;
	font-size: 15px;
	font-weight: normal;
	background-image: url(/images/side_h3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-left: -5px;
}

.mplayer_playlist_list li.mplaylist_current{
	color:#0d88c1;
	cursor: default;
}

.mplayer_playlist_list li.mplaylist_hover {
	color:#0d88c1;
}


.mplayer_info {}


/* Normal player */


.player_container {
	position: relative;
	background-color:#171717;
	
	height:21px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.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, .player_stop, .player_volume_min, .player_volume_max   {
	height:21px;
	width:21px;
	background-position: left top;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 5px;
	z-index: 10;
}

.player_play {
	background-image: url(/images/player-controls-play.gif);
	left:5px;
}

.player_pause {
	background-image: url(/images/player-controls-pause.gif);
	left:5px;
}

.player_stop {
	background-image: url(/images/player-controls-stop.gif);
	left:31px;
}

.player_volume_min {
	right:107px;
	width:16px;
	background-image: url(/images/player-controls-mute.gif);
}

.player_volume_max {
	right:5px;
	width:36px;
	background-image: url(/images/player-controls-full.gif);
}

.player_play.jqjp_hover, .player_pause.jqjp_hover, .player_stop.jqjp_hover, .mplayer_ctrl_prev:hover, .mplayer_ctrl_next:hover, .mplayer_volume_min.jqjp_hover, .mplayer_volume_max.jqjp_hover  {
	background-position: left bottom;
}


/*
  .player_play.different_prefix_example_hover {
    background: url("/images/spirites.jpg") -41px 0 no-repeat;
  }
  .player_pause {
    background: url("/images/spirites.jpg") 0 -42px no-repeat;
  }
  .player_pause.different_prefix_example_hover {
    background: url("/images/spirites.jpg") -41px -42px no-repeat;
  }

  .player_stop.different_prefix_example_hover {
    background: url("/images/spirites.jpg") -29px -83px no-repeat;
  }


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

  .player_volume_max.different_prefix_example_hover {
    background: url("/images/spirites.jpg") -19px -186px no-repeat;
  }
*/

.player_volume_bar {
	position: absolute;
	right:46px;
	top:5px;
	width:46px;
	height:11px;
	cursor: pointer;
	background-color: #333;
	background-image: url(/images/volume_bar.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;
	z-index: 10;
}

.player_volume_bar_value {
	background: url("/images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:11px;
}

.player_progress {
	position: absolute;
	left:57px;
	top:10px;
	background-color: #333;
	width:315px;
	height:11px;
	z-index: 10;
}
.player_progress_load_bar {
	background: url("/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:11px;
	cursor: pointer;
}
.player_progress_load_bar.different_prefix_example_buffer {
	background: url("/images/bar_buffer.gif")  top left repeat-x;
}
.player_progress_play_bar {
	background: url("/images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:11px;
}


  .player_playlist_message {
	position: absolute;
	left:0;
	width:100%;
	z-index: 5;
  }

  .song_title {

  }

  .play_time,
  .total_time {
	font-weight:normal;
	position: absolute;
	top: 2px;

  }

  .play_time {
		right: 160px;
  }

  .total_time {
	right: 130px;
	color: #999;
  }