/*
 * Adapted from jPlayer jQuery UI themeroller skin by www.happyworm.com
 * example: http://jplayer.org/latest/demo-07/
 *
 * Modified by Carl Pillot for Concrete5 HTML5 Audio Player Pro Add-on
 * Date: 6 March 2013
 */

.jquery-ui-player-full .jp-gui {
	position:relative;
	padding:20px;
	width:628px;
}

.jquery-ui-player-full .jp-gui.jp-no-volume {
	width:432px;
}

.jquery-ui-player-full .jp-gui ul {
	margin:0 !important;
	padding:0 !important;
}

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

.jquery-ui-player-full .jp-gui ul li a {
	margin:0 4px;
}

.jquery-ui-player-full .jp-type-single .jp-gui li.jp-repeat,
.jquery-ui-player-full .jp-type-single .jp-gui li.jp-repeat-off {
	margin-left:344px;
}

.jquery-ui-player-full .jp-type-playlist .jp-gui li.jp-shuffle,
.jquery-ui-player-full .jp-type-playlist .jp-gui li.jp-shuffle-off {
	margin-left:252px;
}

.jquery-ui-player-full .jp-type-playlist .jp-gui li.jp-repeat,
.jquery-ui-player-full .jp-type-playlist .jp-gui li.jp-repeat-off {
	margin-left:4px;
}

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

.jquery-ui-player-full .jp-gui li.jp-volume-max {
	margin-left:120px;
}

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

.jquery-ui-player-full .jp-type-single .jp-progress-slider {
	position:absolute;
	top:28px;
	left:100px;
	width:300px;
	height:10px;
	border-radius:0;
}

.jquery-ui-player-full .jp-type-playlist .jp-progress-slider {
	position:absolute;
	top:28px;
	left:156px;
	width:216px;
	height:10px;
	border-radius:0;
}

.jquery-ui-player-full .jp-progress-slider .ui-slider-handle {
	cursor:pointer;
	height:16px;
	width:16px;
	top:-4px;
	margin-left:-8px;
	border-radius:4px;
}

.jquery-ui-player-full .jp-volume-slider {
	position:absolute;
	top:31px;
	left:508px;
	width:100px;
	height:5px;
	border-radius:0;
}

.jquery-ui-player-full .jp-volume-slider .ui-slider-handle {
	height:10px;
	width:10px;
	top:-4px;
	margin-left:-7px;
	cursor:pointer;
}

.jquery-ui-player-full .jp-gui.jp-no-volume .jp-volume-slider {
	display:none;
}
.jquery-ui-player-full .jp-current-title {
	position:absolute;
	top:0px;
	left:10px;
	right:10px;
	font-size:12px;
	text-align:center;
	height:20px;
	overflow:hidden;
	text-overflow:clip;
}
.jquery-ui-player-full .jp-current-time,
.jquery-ui-player-full .jp-duration {
	position:absolute;
	top:42px;
	font-size:0.8em;
	cursor:default;
}

.jquery-ui-player-full .jp-type-single .jp-current-time {
	left:100px;
}

.jquery-ui-player-full .jp-type-playlist .jp-current-time {
	left:156px;
}

.jquery-ui-player-full .jp-duration {
	right:265px;
}

.jquery-ui-player-full .jp-type-playlist .jp-duration {
	right:294px;
}


.jquery-ui-player-full .jp-gui.jp-no-volume .jp-duration {
	right:70px;
}

.jquery-ui-player-full .jp-type-playlist .jp-playlist {
	position:relative;
	left:10px;
	width:300px;
	font-weight:normal;
}
.jquery-ui-player-full .jp-type-playlist .jp-playlist ul {
	list-style-type:none;
	padding:2px;
	margin:0;
}
.jquery-ui-player-full .jp-type-playlist .jp-playlist ul li {
	list-style-type:none;
	padding-left:21px;
	margin:0;
}
.jquery-ui-player-full .jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}

.jquery-ui-player-full .jp-clearboth {
	clear:both;
}