.jp-gui {
	position:relative;
	padding:5px;
	width:200px;
	height:30px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}


.jp-gui .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.2em;
    top: -0.1em;
}
 
.jp-gui.jp-no-volume {
	width:432px;
}
.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:344px;
}

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

.jp-gui li.jp-volume-max {
	margin-left:107px;
}
li.jp-pause, li.jp-repeat-off, li.jp-unmute, .jp-no-solution {
	display:none;
}
.jp-progress {
	width:157px !important;
	left: 35px;
	top: 10px;
	height: 8px;
}

.jp-progress-slider {
	position:absolute;
	top:28px;
	left:100px;
	width:300px;
}

.jp-progress .ui-slider-handle, .jp-progress-slider .ui-slider-handle {
	cursor:pointer;
}

.jp-volume-slider {
	position:absolute;
	top:17px;
	left:275px;
	width:100px;
	height:.4em;
}

.jp-volume-slider .ui-slider-handle {
	height:.8em;
	width:.8em;
	margin-top: -2px;
}

.jp-progress .ui-slider-handle {
	height:1.3em;
	width: 0;
	margin-top: -2px;
}


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

.jp-time-holder {
	font-family: inherit;
}

.jp-current-time, .jp-duration {
	position:absolute;
	top:42px;
	font-size:0.8em;
	cursor:default;
}
.jp-current-time {
	left:76px;
	top: 22px;
}
.jp-duration {
	right:180px;
	top: 22px;
}
.jp-gui.jp-no-volume .jp-duration {
	right:70px;
}
.jp-clearboth {
	clear:both;
}