#audioplayer {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 400px;
    background-color: gray;
    text-align: center;
    background: url('../images/cresize.jpg');
    background-size: cover;
    margin-bottom: 45px;
}

#pButton {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}


#pButton2 {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}

#pButton3 {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}

#pButton4 {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}


#pButton5 {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}

#pButton6 {
    height: 60px;
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    outline: none;
    margin-top: 43px;
}

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

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

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

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

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

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


#timeline{
	display: none;
  
}

#playhead{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-top: 1px;
	background: rgba(0, 0, 0,1);

}