.midiPlayer_div{display:table;overflow:hidden;width:100%;max-width:700px;height:36px;background:#999;}
.midiPlayer_bar{height:12px;vertical-align:middle;width:auto;background:#ccc;cursor:pointer;display:table-cell;border:2px solid transparent;}
.midiPlayer_progress{border-radius:12px;background:blue;width:0;height:12px;}
.midiPlayer_playingTime{width:45px;margin:8px;font-size:16px;text-align:center;vertical-align:middle;font-family:arial;display:table-cell;}
.midiPlayer_totalTime{width:45px;margin:8px;font-size:16px;text-align:center;vertical-align:middle;font-family:arial;display:table-cell;}
.midiPlayer_controllers{width:80px;background:#ccc;display:table-cell;}
.midiPlayer_div a.icon{margin:4px;cursor:pointer;background-color:#eee;border:2px solid #ccc;display:inline-block;position:relative;vertical-align:top;display: none;}
.midiPlayer_div a.icon:after,
.midiPlayer_div a.icon:before{background:#eee;border:2px solid #ccc;content:'';position:absolute;}
.midiPlayer_div a.icon:hover,
.midiPlayer_div a.icon:hover:after,
.midiPlayer_div a.icon:hover:before{background-color:#fff;}
.midiPlayer_div a.stop{border-radius:100%;height:26px;width:26px;}
.midiPlayer_div a.stop:after{background:#ccc;height:9px;left:7px;top:7px;width:8px;}
.midiPlayer_div a.stop:hover:after{background:#ccc;}
.midiPlayer_div a.stop:before{border:none;}
.midiPlayer_div a.pause{border-radius:100%;height:26px;width:26px;}
.midiPlayer_div a.pause:after,
.midiPlayer_div a.pause:before{height:10px;top:6px;width:0;}
.midiPlayer_div a.pause:after{left:7px;}
.midiPlayer_div a.pause:before{left:15px;}
.midiPlayer_div a.play{border-radius:100%;height:26px;width:26px;}
.midiPlayer_div a.play:after,
.midiPlayer_div a.play:before,
.midiPlayer_div a.play:hover:after,
.midiPlayer_div a.play:hover:before{background:none;}
.midiPlayer_div a.play:after{border-bottom:8px solid transparent;border-left:13px solid #ccc;border-right:13px solid transparent;border-top:8px solid transparent;height:0;left:8px;top:5px;width:0;}
.midiPlayer_div a.play:before{border:none;}