.jp-gui {
  position: relative;
  padding: 10px;
  width: 500px;
  margin: 1em 0;
}

.jp-gui.jp-no-volume {
}

.jp-gui ul {
  margin:0;
  padding:0;
}

.jp-gui ul li {
  position:relative;
  float:left;
  list-style:none;
  margin:2px;
  padding:4px 0;
  cursor:pointer;
}

.jp-gui ul li a {
  margin:0 4px;
}

.jp-gui li.jp-repeat,
.jp-gui li.jp-repeat-off {
  margin-left: 204px;
}

.jp-gui li.jp-mute,
.jp-gui li.jp-unmute {
  margin-left: 20px;
}

.jp-gui li.jp-volume-max {
  margin-left: 100px;
}

li.jp-pause,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution {
  display:none;
}

.jp-progress-slider {
  position:absolute;
  top: 18px;
  left: 100px;
  width: 150px;
}
.jp-progress-slider .ui-slider-handle {
  cursor:pointer;
}
.jp-volume-slider {
  position: absolute;
  top: 21px;
  left: 360px;
  width: 80px;
  height: .4em;
}

.jp-volume-slider .ui-slider-handle {
  height: .8em;
  width: .8em;
  cursor: pointer;
}

.jp-gui.jp-no-volume .jp-volume-slider {
  display: none;
}

.jp-current-time,
.jp-duration {
  position: absolute;
  top: 32px;
  font-size: 0.8em;
  cursor: default;
}

.jp-current-time {
  left:100px;
}

.jp-duration {
  right:266px;
}

.jp-gui.jp-no-volume .jp-duration {
  right:70px;
}

.jp-clearboth {
  clear:both;
}