#jplayer_display{
  float: left;
  margin: 10px 10px 0px
}

  #jplayer_display li{
    float: left;
    margin-right: 5px;
  }

    #jplayer_display li > div{
      background: #4F4F4F;
      border: 1px solid #424242;
      color: white;
      font-size: 10px;
      font-weight: 100;
      height: 16px;
      line-height: 16px;
      padding: 0px 5px;
    }


#jplayer_display .button{
  background: url(../images/player_button_background.png);
  color: white;
  font-weight:bold;
  height: 41px;
  line-height: 41px;
  text-align: center;
  width: 41px;
}

#jplayer_display .previous.button{
    background:url("../images/player_controls.jpg") no-repeat scroll 0 0 transparent;
}

#jplayer_display .next.button{
    background:url("../images/player_controls.jpg") no-repeat scroll -82px 0 transparent;
}

#jplayer_play{    
	background:url("../images/player_controls.jpg") no-repeat scroll -41px 0 transparent !important;
}

#jplayer_pause{    
	background:url("../images/player_controls.jpg") no-repeat scroll -123px 0 transparent !important;
}


#jplayer_display .previous.button:hover{
    background:url("../images/player_controls.jpg") no-repeat scroll 0 -41px transparent;
}

#jplayer_display .next.button:hover{
    background:url("../images/player_controls.jpg") no-repeat scroll -82px -41px transparent;
}

#jplayer_play:hover{    
	background:url("../images/player_controls.jpg") no-repeat scroll -41px -41px transparent !important;
}

#jplayer_pause:hover{    
	background:url("../images/player_controls.jpg") no-repeat scroll -123px -41px transparent !important;
}

#jplayer_display .jp-progress{
  background: url(../images/progress_bar_background.png);
  border: 1px solid #313131;
  height: 16px;
  width: 300px;
  padding: 0px;
}

#jplayer_display .title{
  background: #4F4F4F;
  border: 1px solid #424242;
  color: white;
  font-size: 10px;
  font-weight: 100;
  height: 16px;
  line-height: 16px;
  margin-bottom: 5px;
  padding: 0px 5px;
}

#jplayer_display .time_elapsed{
  border:1px solid #313131;
}

#jplayer_display .volume{margin-bottom:5px;}
  #jplayer_display .volume img{
    float: left;
    margin-top: 3px;
  }

#jplayer_display .volume_and_time > div{
  width:80px;
}

#jplayer_display .time_elapsed{text-align:right;}
  #jplayer_display .time_elapsed > div{display:inline;}

#jplayer_load_bar{
  background: #909090;
  padding:0;
  height: 100%;
	cursor: pointer;
}

#jplayer_play_bar{
  height:100%;
  background:url(../images/play_progress.png);
}

#jplayer_volume_bar{
  border: 1px solid #2D2D2D;
  float: right;
  height: 6px;
  margin-top: 4px;
  width: 60px;
	cursor: pointer;

}

#jplayer_volume_bar_value{
  background: #949494;
  height:100%;
}