@charset "UTF-8";
/* CSS Document */

#audioplayer{
	padding-left:2px;
	width: 200px;
	height: 30px;
	margin: auto;

}

#pButton{
    height:35px; 
    width: 35px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: left;
    float:left;
    outline:none;
}

.play{background: url('../images/play.png') ;}
.pause{background: url('../images/pause.png') ;}

#timeline{
	width: 160px;
	height: 15px;
	margin-top: 10px;
	margin-left:-10px;
	float: left;
	border-radius: 15px;
	background: rgba(0,0,0,.3);
  
}
#playhead{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: rgba(0, 0, 0,1);

}