.sc-player {
  font: 10px arial, sans-serif;
  line-height: 1.6em;
  font-weight: bold;
}

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

/* controls */

.sc-player .sc-controls a {
  color: transparent;
  background: url('img/play-icon.png') top right;
  text-indent: -9999px;
  outline: none;
}

.sc-player .sc-controls a:hover {
  background: url('img/play-icon.png') 0 -40px;
}

.sc-player .sc-controls a.sc-pause {
  background: url('img/play-icon.png') bottom left;
}

.sc-player .sc-controls a.sc-pause:hover{
  background: url('img/play-icon.png') bottom left;
}

.sc-player.playing .sc-controls a.sc-pause{
  background: url('img/pause-icon.png') top left;
}

.sc-player.playing .sc-controls a.sc-pause:hover{
  background: url('img/pause-icon.png') bottom left;
}
