#media-player div.controls {
  padding: 0px 10px; 
  height:25px; width:225px; 
  float:left;
}
#media-player div.info {color: #FFFFFF;}
#media-player div.info a {padding: 0px 5px;}
#media-player ul {margin: 0px; padding: 0px;}
#media-player li {float: left; text-align: center;}
#media-player li.button {
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#media-player-prev {background: url(/img/player-controls.png);}
#media-player-play {background: url(/img/player-controls.png) -25px 0px;}
#media-player-play.selected {background: url(/img/player-controls.png) -50px 0px;}
#media-player-next {background: url(/img/player-controls.png) -75px 0px;}

#media-player-prev:hover {background: url(/img/player-controls.png) 0px -50px;}
#media-player-play:hover {background: url(/img/player-controls.png) -25px -50px;}        
#media-player-play.selected:hover {background: url(/img/player-controls.png) -50px -50px;}
#media-player-next:hover {background: url(/img/player-controls.png) -75px -50px;}

#media-player-prev:active {background: url(/img/player-controls.png) 0px -25px;}
#media-player-play:active {background: url(/img/player-controls.png) -25px -25px;}  
#media-player-play.selected:active {background: url(/img/player-controls.png) -50px -25px;} 
#media-player-next:active {background: url(/img/player-controls.png) -75px -25px;}  
    
#media-player-mute {background: url(/img/player-controls.png) -100px 0px;}
#media-player-mute:hover {background: url(/img/player-controls.png) -100px -50px;}
#media-player-mute:active {background: url(/img/player-controls.png) -100px -25px;}

#media-player-mute.selected {background: url(/img/player-controls.png) -100px -50px;}
#media-player-mute.selected:hover {background: url(/img/player-controls.png) -100px 25px;}
#media-player-mute.selected:active {background: url(/img/player-controls.png) -100px 0px;}

#media-player-volume{
  width: 125px; height: 25px;
  position: relative;
  background: url(/img/player-controls.png) -125px 0px;
}
#media-player-volume li{float: left;}
#media-player-volume li a{
  display:block;
  width: 12px; height: 25px;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
}
#media-player-volume li a:hover{
  background: url(/img/player-controls.png) -125px -50px;
  z-index: 1;
  left: 0px;
}

li#media-player-current-volume {
  background: url(/img/player-controls.png) -125px -25px;
  position: absolute;
  height: 25px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}

#media-player-volume a.volume-1{left: 0px;}
#media-player-volume a.volume-1:hover{width: 12px;}
#media-player-volume a.volume-2{left: 12px;}
#media-player-volume a.volume-2:hover{width: 25px;}
#media-player-volume a.volume-3{left: 25px;}
#media-player-volume a.volume-3:hover{width: 37px;}
#media-player-volume a.volume-4{left: 37px;}
#media-player-volume a.volume-4:hover{width: 50px;}
#media-player-volume a.volume-5{left: 50px;}
#media-player-volume a.volume-5:hover{width: 62px;}
#media-player-volume a.volume-6{left: 62px;}
#media-player-volume a.volume-6:hover{width: 75px;}
#media-player-volume a.volume-7{left: 75px;}
#media-player-volume a.volume-7:hover{width: 87px;}
#media-player-volume a.volume-8{left: 87px;}
#media-player-volume a.volume-8:hover{width: 100px;}
#media-player-volume a.volume-9{left: 100px;}
#media-player-volume a.volume-9:hover{width: 112px;}
#media-player-volume a.volume-10{left: 112px;}
#media-player-volume a.volume-10:hover{width: 125px;}

.player-track {}