.sc-player {
  font: 10px Verdana, Arial, sans-serif;
  color: #fff;
  line-height: 1.4em;
  text-align: left;
  background: url('img/background_player.png') no-repeat;
}

.sc-player a {
  text-decoration: none;
  /*color: #fff;*/
}

/* Artworks */

.sc-player .sc-artwork-list{
  background: #eee;
}

/* scrubber */

.sc-scrubber {
  background-color: #333333;
}


.sc-scrubber .sc-time-span {
  background-color: #999999;
}

.sc-volume-slider {
  background-color: #666666;
}


.sc-volume-slider .sc-volume-status{
  background-color: #333333;
  /*border-right: 1px solid #000033;*/
}


.sc-scrubber .sc-waveform-container {
  z-index: 800;
  width: 100%;
  position: absolute;
}

.sc-scrubber .sc-time-span img {
  height: 18px;
  width: 100%;

}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
  background-color: #666666;
  z-index: 1;
  position: absolute;
}

.sc-scrubber .sc-played {
  background-color: #333333;
  z-index: 799;
}

/* controls */

.sc-player .sc-controls a {
color: transparent;
background: url('img/playpausetiny.png');}

.sc-player .sc-controls a:hover {
color: transparent;
background: url('img/playpausetiny.png');}

.sc-player .sc-controls a.sc-pause {
color: transparent;
background: url('img/playpausetiny.png');}

.sc-player .sc-controls a.sc-pause:hover{
color: transparent;
background: url('img/playpausetiny.png');}

.sc-player.playing .sc-controls a.sc-pause{
color: transparent;
background: url('img/playpausetiny.png');}

.sc-player.playing .sc-controls a.sc-pause:hover{
color: transparent;
background: url('img/playpausetiny.png');}  

.sc-scrubber .sc-time-indicators{
  background: transparent;
  color: #333333;
  padding: 0;
}

/* Track listings*/

.sc-player ol.sc-trackslist li {  
  color: #333333;
}

.sc-player ol.sc-trackslist li a{  
  color: #333333;    
}


.sc-player ol.sc-trackslist li:hover {  
  background: #999999;
  color: #fff;
}

.sc-player ol.sc-trackslist li:hover a {
  color: #fff;
}


.sc-player ol.sc-trackslist li.active{  
  background: #999999;
  color: #fff;
}

.sc-player ol.sc-trackslist li.active a {
  color: #fff;
}

/* Track info*/

.sc-player .sc-info{
  background: #333;
  opacity: 0.9;
  color: #fff;
}

.sc-player .sc-info a {
  color: #fff;
}

.sc-player .sc-info-toggle{
  background: #22B573;
  color: #fff;
  padding: 4px;
}

.sc-player .sc-info-toggle:hover{
  background: #333;
  color: #fff;
}

.sc-player .sc-info-close{
  background: #22B573;
  padding: 2px 4px;
  font-weight: bold;
}