.audio-controls { width: 270px; padding: 2px; position: relative; height: 20px; }
.audio-controls .button { height: 16px; width: 16px; cursor: pointer; margin-top: 0px !important; float: none; }

.play-bar, .load-bar, .volume-bar, .current-value { height: 5px; }

.load-bar { background-color: #CCC; cursor: pointer; position: absolute; top: 0; left: 0; }

.volume-bar { background-color: #CCC; width: 100px; float: left; cursor: pointer; position: absolute; top: 13px; left: 155px; }

.play-bar { background-color: #069; border-right: 2px solid #EEE; }

.current-value { background-color: #0A6; border-right: 2px solid #EEE; }

.play-button { background: transparent url(../img/icons/16x16/control_play.png) no-repeat scroll 50% 50%; position: absolute; top: 8px; left: 0; }

.pause-button { background: transparent url(../img/icons/16x16/control_pause.png) no-repeat scroll 50% 50%; position: absolute; top: 8px; left: 0; }

.stop-button { background: transparent url(../img/icons/16x16/control_stop.png) no-repeat scroll 50% 50%; position: absolute; top: 8px; left: 18px; }

.volume-max { background: transparent url(../img/icons/16x16/volume.png) no-repeat scroll 50% 50%; float: left; position: absolute; top: 8px; right: 0; }

.volume-min { background: transparent url(../img/icons/16x16/volume-control-mute.png) no-repeat scroll 50% 50%; float: left; position: absolute; top: 8px; left: 135px; }

.play-time { position: absolute; left: 40px; top: 10px; }

.total-time { position: absolute; left: 70px; top: 10px; }