1 #midiPlayer_div{width:700px;height:36px;background:#999;}
2 #midiPlayer_bar{height:12px;width:500px;background:#ccc;cursor:pointer;display:inline-block;}
3 #midiPlayer_progress{margin:0;background:#555;width:0;height:100%;}
4 #midiPlayer_playingTime{width:45px;margin:8px;font-size:16px;text-align:right;font-family:arial;display:inline-block;}
5 #midiPlayer_totalTime{width:40px;text-align:right;margin:8px;font-size:16px;font-family:arial;display:inline-block;}
6 #midiPlayer_div a.icon{margin:3px;cursor:pointer;background-color:#eee;border:2px solid #ccc;display:inline-block;position:relative;vertical-align:top;display: none;}
7 #midiPlayer_div a.icon:after,
8 #midiPlayer_div a.icon:before{background:#eee;border:2px solid #ccc;content:'';position:absolute;}
9 #midiPlayer_div a.icon:hover,
10 #midiPlayer_div a.icon:hover:after,
11 #midiPlayer_div a.icon:hover:before{background-color:#fff;}
12 #midiPlayer_div a.stop{border-radius:100%;height:26px;width:26px;}
13 #midiPlayer_div a.stop:after{background:#ccc;height:9px;left:7px;top:7px;width:8px;}
14 #midiPlayer_div a.stop:hover:after{background:#ccc;}
15 #midiPlayer_div a.stop:before{border:none;}
16 #midiPlayer_div a.pause{border-radius:100%;height:26px;width:26px;}
17 #midiPlayer_div a.pause:after,
18 #midiPlayer_div a.pause:before{height:10px;top:6px;width:0;}
19 #midiPlayer_div a.pause:after{left:7px;}
20 #midiPlayer_div a.pause:before{left:15px;}
21 #midiPlayer_div a.play{border-radius:100%;height:26px;width:26px;}
22 #midiPlayer_div a.play:after,
23 #midiPlayer_div a.play:before,
24 #midiPlayer_div a.play:hover:after,
25 #midiPlayer_div a.play:hover:before{background:none;}
26 #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;}
27 #midiPlayer_div a.play:before{border:none;}