/*

O ,   H e l g a   N a t t   2 0 0 9
http://www.ohelganatt.se/

© Copyright SOUL Design Richard Kennett AB, 2009. All rights reserved.

----------------------------------------------------------------------

*/

.player { padding: 20px 0; }

#player_container,
#player_container2,
#player_container3,
#player_container4,
#player_container5 {
	position: relative;
	background-color:#eee;
	width:450px;
	height:125px;
	overflow: hidden;
}
#player_container  ul#player_controls,
#player_container2  ul#player_controls2,
#player_container3  ul#player_controls3,
#player_container4  ul#player_controls4,
#player_container5  ul#player_controls5 {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li,
#player_container2  ul#player_controls2 li,
#player_container3  ul#player_controls3 li,
#player_container4  ul#player_controls4 li,
#player_container5  ul#player_controls5 li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play, #player_pause, 
#player_play2, #player_pause2, 
#player_play3, #player_pause3,
#player_play4, #player_pause4,
#player_play5, #player_pause5 {
	display: block;
	position: absolute;
	left:355px;
	top:70px;
	width:32px;
	height:32px;
	cursor: pointer;
}
#player_play,
#player_play2,
#player_play3,
#player_play4,
#player_play5 {
	background: url("../images/jPlayer/jPlayer_sprite.png") 0 0 no-repeat;
}
#player_play.player_hover,
#player_play2.player_hover,
#player_play3.player_hover,
#player_play4.player_hover,
#player_play5.player_hover {
	background: url("../images/jPlayer/jPlayer_sprite.png") 0 -32px no-repeat;
}
#player_pause,
#player_pause2,
#player_pause3,
#player_pause4,
#player_pause5 {
	background: url("../images/jPlayer/jPlayer_sprite.png") -32px 0 no-repeat;
}
#player_pause.player_hover,
#player_pause2.player_hover,
#player_pause3.player_hover,
#player_pause4.player_hover,
#player_pause5.player_hover {
	background: url("../images/jPlayer/jPlayer_sprite.png") -32px -32px no-repeat;
}
#player_stop,
#player_stop2,
#player_stop3,
#player_stop4,
#player_stop5 {
	position: absolute;
	left:395px;
	top:70px;
	background: url("../images/jPlayer/jPlayer_sprite.png") -64px 0 no-repeat;
	width:32px;
	height:32px;
	cursor: pointer;
}
#player_stop.player_hover,
#player_stop2.player_hover,
#player_stop3.player_hover,
#player_stop4.player_hover,
#player_stop5.player_hover {
	background: url("../images/jPlayer/jPlayer_sprite.png") -64px -32px no-repeat;
}
#player_progress,
#player_progress2,
#player_progress3,
#player_progress4,
#player_progress5 {
	position: absolute;
	left:140px;
	top:80px;
	background-color: #ccc;
	width:200px;
	height:15px;
}
#player_progress_load_bar,
#player_progress_load_bar2,
#player_progress_load_bar3,
#player_progress_load_bar4,
#player_progress_load_bar5 {
	background: url("../images/jPlayer/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.player_hover,
#player_progress_load_bar2.player_hover,
#player_progress_load_bar3.player_hover,
#player_progress_load_bar4.player_hover,
#player_progress_load_bar5.player_hover {
	background: url("../images/jPlayer/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar,
#player_progress_play_bar2,
#player_progress_play_bar3,
#player_progress_play_bar4,
#player_progress_play_bar5 {
	background: url("../images/jPlayer/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min,
#player_volume_min2,
#player_volume_min3,
#player_volume_min4,
#player_volume_min5 {
	position: absolute;
	left:140px;
	top:100px;
	background: url("../images/jPlayer/jPlayer_sprite.png") 0 -128px no-repeat;
	width:20px;
	height:15px;
	cursor: pointer;
}

#player_volume_max,
#player_volume_max2,
#player_volume_max3,
#player_volume_max4,
#player_volume_max5 {
	position: absolute;
	left:225px;
	top:100px;
	background: url("../images/jPlayer/jPlayer_sprite.png") 0 -143px no-repeat;
	width:20px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.player_hover,
#player_volume_min2.player_hover,
#player_volume_min3.player_hover,
#player_volume_min4.player_hover,
#player_volume_min5.player_hover {
	background: url("../images/jPlayer/jPlayer_sprite.png") -20px -128px no-repeat;
}

#player_volume_max.player_hover,
#player_volume_max2.player_hover,
#player_volume_max3.player_hover,
#player_volume_max4.player_hover,
#player_volume_max5.player_hover {
	background: url("../images/jPlayer/jPlayer_sprite.png") -20px -143px no-repeat;
}

#player_volume_bar,
#player_volume_bar2,
#player_volume_bar3,
#player_volume_bar4,
#player_volume_bar5 {
	position: absolute;
	left:155px;
	top:105px;
	background: url("../images/jPlayer/volume_bar.gif") repeat-x top left;
	width:65px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value,
#player_volume_bar_value2,
#player_volume_bar_value3,
#player_volume_bar_value4,
#player_volume_bar_value5 {
	background: url("../images/jPlayer/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#player_playlist_message,
#player_playlist_message2,
#player_playlist_message3,
#player_playlist_message4,
#player_playlist_message5 {
	position: absolute;
	left:0;
	top:0;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:55px;
	background-color:#ccc;
	color: #000;
}

#song_title,
#song_title2,
#song_title3,
#song_title4,
#song_title5 {
	float:left;
	margin:0 5px 0 0;
	padding: 0 0 0 140px;
	font-weight:bold;
}

#play_time, #total_time,
#play_time2, #total_time2,
#play_time3, #total_time3, 
#play_time4, #total_time4,
#play_time5, #total_time5 {
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
	position: absolute;
	left: 140px;
	top: 60px;
}

#play_time 
#play_time2, 
#play_time3,
#play_time4,
#play_time5 {
	float:left;
}

#total_time,
#total_time2,
#total_time3,
#total_time4,
#total_time5 {
	float:right;
	text-align: right;
	padding: 0 0 0 170px;
}

#player_artist { position: absolute; }
#artist_name { font: bold 20px arial; padding: 5px 0 0 140px; }