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
;}
