ul.flat {
 list-style-type:none;
 padding-left:0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:3px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.graphic li {
 margin-bottom:1px;
}

ul.graphic li a,
ul.graphic li a.sm2_link {
 display:inline-block;
 padding-left:30px;  /*  afasta letra da musica do player */
 min-height:16px;
 vertical-align: middle;
 background-color:#000000;   /*  cor da tira */
 border-radius:3px;
 padding:3px 3px 3px 30px; /* 38 afasta letra do player*/
 min-width: 36em;    /*  tamanho da tira */
 max-width: 36em;    /*  vul largura máxima da tira */
 text-decoration:none;
 font-family: Tangerine;
 font-weight: bold;
 font-size: 17px;
 color:#CCCCCC;
 overflow: hidden;   /*vul esconde o texto que ultrapassar a largura máxima */
 text-overflow: ellipsis;   /* vul adiciona reticências no final do texto */
 white-space: nowrap;   /*vul impede a quebra de linha */
}


ul.graphic li a.sm2_link {
 transition: background-color 0.1s linear;
}

ul.graphic li a, 
ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background-Image:url(../Image/icon_play.png);
 background-position:3px 50%;     /*  3px 50%  */
 background-repeat:no-repeat;
 _background-Image:url(../Image/icon_play.gif); /* IE 6 */
}

ul.graphic li a.sm2_link:hover {

 background-color:#000000; 
 color:#CCCCCC;
}

ul.graphic li a.sm2_paused {
 background-color:#222;
 color: #555;
}

ul.graphic li a.sm2_paused:hover {
 background:#000 url(../Image/icon_play.png) no-repeat 3px 50%;
 _background-Image:url(../Image/icon_play.gif);
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#555555 url(../Image/icon_pause.png) no-repeat 3px 50%;
 _background-Image:url(../Image/icon_pause.gif);
 text-decoration:none;
}

body #sm2-container object,
body #sm2-container embed {
 
 left:-9999em;
 top:-9999em;
}


ul.flat a.sm2_link {
 border-left:6px solid #999;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 border-left-color:#33cc33;
}