@charset "utf-8";
/* CSS Document */
#player_container {
	position: relative;
	width:170px;
	/*height:20px;*/
	/*border:1px solid #fff;*/
}
#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_back{
	display: block;
	position: absolute;
	width:10px;
	height:8px;
	cursor: pointer;	
	left:0px;
	top:4px;	
}
#player_back{
	background: url("/images/player/setas-tras-vermelhas.png") 0 0 no-repeat;
}
#player_back.different_prefix_example_hover {
	background: url("/images/player/setas-tras-brancas.png") 0 0 no-repeat;
}



#player_fwd{
	display: block;
	position: absolute;
	width:10px;
	height:8px;
	cursor: pointer;	
	left:45px;
	top:4px;	
}
#player_fwd{
	background: url("/images/player/setas-frente-vermelhas.png") 0 0 no-repeat;
}
#player_fwd.different_prefix_example_hover {
	background: url("/images/player/setas-frente-brancas.png") 0 0 no-repeat;
}


#player_play, #player_pause {
	display: block;
	position: absolute;
	width:8px;
	height:8px;
	cursor: pointer;
	left:15px;
	top:4px;
}
#player_play {
	background: url("/images/player/play-vermelho.png") 0 0px no-repeat;
}
#player_play.different_prefix_example_hover {
	background: url("/images/player/play-branco.png") 0 0px no-repeat;
}
#player_pause {
	background: url("/images/player/pause-vermelho.png") 0 0px no-repeat;
}
#player_pause.different_prefix_example_hover {
	background: url("/images/player/pause-branco.png") 0px 0px no-repeat;
}
#player_stop {
	position: absolute;
	width: 8px;
	height:8px;	
	background: url("/images/player/stop-vermelho.png") 0 0 no-repeat;
	left:30px;
	top:4px;
	cursor: pointer;
}
#player_stop.different_prefix_example_hover {
	background: url("/images/player/stop-branco.png")0 0 no-repeat;
}
#player_progress {

	background-color: #eee;
	width:122px;
	height:15px;
	
}
#player_progress_load_bar {
	background: url("images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	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:15px;
}
#player_volume_min {
	position: absolute;
	left:120px;
	top:2px;
	background: url("/images/player/volume-branco2.png") 0 0px no-repeat;
	width:17px;
	height:9px;
	cursor: pointer;
}
#player_volume_max {
	position: absolute;
	left:139px;	
	top:2px;
	background: url("/images/player/volume-vermelho2.png") 0 0px no-repeat;
	width:17px;
	height:9px;
	cursor: pointer;
}
#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;
	left:139px;
	top:2px;
	background: url("/images/player/volume-branco2.png") 0 0px no-repeat;
	width:40px;
	height:9px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("/images/player/volume-vermelho2.png") 0 0px no-repeat;
	width:0px;
	height:9px;
}

#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	/*width:338px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;*/
}

#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time, #total_time {
	color:#FFFFFF;
	position: absolute;
	left:60px;
	top:0px;
	/*border:solid 1px #FFFFFF;*/
	width:50px;
	height:20px;
	font-size:10px;
	text-indent:10px;
}


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

#player_volume_btns-wrap{
    position:absolute;
    left:139px;
    height:5px;
    width:40px;
    top:12px;
}

#player_volume_mais{
    float:right;
    width:5px;
    height:5px;
    background: url("/images/player/volume_mais.png") 0 0px no-repeat;
    margin-left: 2px;;
}
#player_volume_mais a{
    display: block;
    width:5px;
    height:5px;
}

#player_volume_menos{
    float:left;
    width:5px;
    height:5px;
    background: url("/images/player/volume_menos.png") 0 0px no-repeat;
    margin-right:5px;
}

#player_volume_menos a{
    display: block;
    width:5px;
    height:5px;
}