#button_bar div{
	float:left;
}

.button_bar{
	float:left;
    border: 1px solid black;
    background-image: linear-gradient(#202020, #101010);
    }

.player{
	float:right;
}

.volume_control{
	cursor:pointer;
	width:30px;
	height:5px;
	float:left;
	background:no-repeat center;
	padding:7px;
}

.volume_background{
	width:100%;
	height:5px;
	background-color:#000;
}

.volume_bar{
	width:0px;
	height:5px;
	background-color:#eee;
	opacity:0.4;
}

.duration{
	cursor:pointer;
	width:100px;
	height:8px;
	padding:6px;
}

.duration_background{
	width:100%;
	height:8px;
	background-color:#000;
}

.duration_bar{
	height:8px;
	background-color:#257;
	opacity:0.8;
}

.button{
	color: black;
	cursor:pointer;
	background:no-repeat center;
	height:20px;
}

.play_button{
	cursor:pointer;
	background:url('images/play.png') no-repeat center;
	width:22px;
	height:20px;
}

.pause_button{
	cursor:pointer;
	background:url('images/pause.png') no-repeat center;
	width:22px;
	height:20px;
}

.speaker_button{
	cursor:pointer;
	background:url('images/speaker.png') no-repeat center;
	width:22px;
	height:20px;
}