ul.flat {
list-style-type:none;
padding-left:0;
}
ul.flat li, ul.graphic li {
padding-bottom:1px;
}
ul.flat li a {
display:inline-block;
padding:2px 4px;
}
ul.graphic {
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul.graphic {
list-style-type:none;
margin:0;
padding:0;
}
ul.graphic li {
margin-bottom:2px;
}
li a, a.sm2_link {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#221;
border:thin solid #666666;
color:#FFFFFF;
display:inline-block;
font-weight:normal;
min-height:16px;
min-width:19em;
padding:0 3px 0 20px;
text-decoration:none;
text-shadow:0 0 0 #000000;
}
a.sm2_link {
padding-left:20px;
}
a.sm2_paused:hover, a.sm2_link:hover {
background:#333333 url(image/icon_play.png) no-repeat scroll 0 50%;
border-color:#333333;
}
a.sm2_paused {
background-color:#f0f0f0;
border-color:#C0C0C0;
}
a.sm2_paused:hover {
background:#f0f0f0 url(image/icon_play.png) no-repeat scroll 0 50%;
border-color:#C0C0C0;
}
a.sm2_playing, a.sm2_playing:hover {
background:#202020 url(image/icon_pause.png) no-repeat scroll 0 50%;
border-color:#202020;
text-decoration:none;
}
ul.flat a.sm2_link {
border-left:6px solid #C0C0C0;
padding-left:4px;
padding-right:4px;
}
ul.flat a.sm2_link:hover {
border-left-color:#333333;
}
ul.flat a.sm2_playing {
background-color:#000000;
border-left-color:#bbc;
color:#FFFFFF;
text-decoration:none;
}
ul.flat a.sm2_playing:hover {
border-left-color:#CC3333;
}
ul.flat a.sm2_paused {
background-color:#666666;
color:#FFFFFF;
text-decoration:none;
}
ul.flat a.sm2_paused:hover {
border-left-color:#33CC33;
}