.jp-gui {
	position:relative;
	padding:6px 6px;
	width:auto;
	margin-bottom: 10px;
	border-radius: 40px;
	/*border-color: #BBB;
	border: none;*/
}
.jp-play, .jp-pause, .jp-mute, .jp-volume-max{
	border-radius: 24px;	
}

.jp-gui.jp-no-volume .jp-wrapper-player{
	width:100%;
}
.jp-gui.jp-no-volume .jp-wrapper-volume{
	display: none;
}
.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:0px;
}
.jp-gui li.jp-volume-max {
	position: absolute;
	right: 0px;
}
li.jp-pause,
li.jp-stop,
li.jp-repeat,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution {
	display:none;
}
.jp-progress-slider {
	position:absolute;
	top:8px;
	left:42px;
	width:80%;
	width:calc(100% - 56px);
}
.jp-progress-slider .ui-slider-handle {
	cursor:pointer;
}
.jp-volume-slider {
	position:absolute;
	top:11px;
	left: 35px;
	right: 35px;
	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:22px;
	font-size:0.8em;
	cursor:default;
	right: 0px;
	right:0px;
}
.jp-current-time {
	left:32px;
}

.jp-gui.jp-no-volume .jp-duration {
	right:10px;
}
.jp-clearboth {
	clear:both;
}
.jp-wrapper-player{
	position: relative;
	width: 60%;
}
.jp-wrapper-volume{
	position: absolute;
	right: 6px;
	top: 6px;
	width: 30%;
}


/* list */
#audiolist{
	margin-left: 0px;
}
#audiolist li{
	list-style:none;
	border-bottom: #DDD solid 1px;
}
#audiolist li:first-child{
	border-top: #DDD solid 1px;
}
#audiolist a, #audiolist span{
	color: black;
	padding: 0.2em 0 0.2em 1.8em;	
	display: block;
	font-size:1.3em;
	line-height: 1.5em;
}
#audiolist li.title{
	background-color: #666;
	
}
#audiolist li.title span{
	line-height: 1.0em;
	color: white;
	font-weight: bold;
}

#audiolist a:hover{
	text-decoration: none;
	background-color: #F8F8F8;
}
#audiolist .selected{
	font-weight: bold;
	background: url('../image/selected.png') 0.6em center no-repeat;	
	background-color: #EEE;
}