/*
 * 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-large div {
	position:relative;
}

.jquery-ui-player-large .jp-gui {
	position:relative;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	width:660px;
	height:72px;
}

.jquery-ui-player-large .jp-gui.jp-no-volume {
	width:472px;
}

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

.jquery-ui-player-large .jp-gui ul li {
	position:absolute;
	top:18px;
	list-style:none;
	margin:2px;
	padding:4px 0;
	cursor:pointer;
}

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

.jquery-ui-player-large .jp-gui ul li a:hover {
	border:none !important;
}

.jquery-ui-player-large .jp-type-single .jp-gui li.jp-play,
.jquery-ui-player-large .jp-type-single .jp-gui li.jp-pause {
	left:20px;
}

.jquery-ui-player-large .jp-type-single .jp-gui li.jp-stop {
	left:50px;
}

.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-previous {
	left:20px;
}
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-play,
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-pause {
	left:50px;
}
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-stop {
	left:80px;
}
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-next {
	left:110px;
}

.jquery-ui-player-large .jp-type-single .jp-gui li.jp-repeat,
.jquery-ui-player-large .jp-type-single .jp-gui li.jp-repeat-off {
	left:420px;
}

.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-shuffle,
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-shuffle-off {
	left:390px;
}

.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-repeat,
.jquery-ui-player-large .jp-type-playlist .jp-gui li.jp-repeat-off {
	left:420px;
}

.jquery-ui-player-large .jp-gui li.jp-mute,
.jquery-ui-player-large .jp-gui li.jp-unmute {
	left:470px;
}

.jquery-ui-player-large .jp-gui li.jp-volume-max {
	left:620px;
}

.jquery-ui-player-large .jp-gui.jp-no-volume li.jp-volume-max,
.jquery-ui-player-large .jp-gui.jp-no-volume li.jp-mute,
.jquery-ui-player-large .jp-gui.jp-no-volume li.jp-unmute {
	display:none !important;
}

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

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

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

.jquery-ui-player-large .ui-slider-handle {
	border:none !important;
}

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

.jquery-ui-player-large .jp-volume-slider.ui-slider-horizontal {
	position:absolute;
	top:28px;
	left:508px;
	width:100px;
	height:8px;
	border-radius:0;
}

.jquery-ui-player-large .jp-volume-slider.ui-slider-horizontal .ui-slider-handle {
	height:14px;
	width:14px;
	top:-3px;
	margin-left:-7px;
	cursor:pointer;
}

.jquery-ui-player-large .jp-gui.jp-no-volume .jp-volume-slider {
	display:none;
}
.jquery-ui-player-large .jp-current-title {
	position:absolute;
	top:-2px;
	left:10px;
	right:10px;
	font-size:12px;
	text-align:center;
	height:16px;
}
.jquery-ui-player-large .jp-current-time,
.jquery-ui-player-large .jp-duration {
	position:absolute;
	top:42px;
	font-size:12px;
	cursor:default;
}

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

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

.jquery-ui-player-large .jp-type-single .jp-duration {
	left:365px;
}

.jquery-ui-player-large .jp-type-playlist .jp-duration {
	left:340px;
}

.jquery-ui-player-large .jp-type-playlist .jp-playlist {
	position:relative;
	left:10px;
	width:400px;
	font-weight:normal;
}
.jquery-ui-player-large .jp-type-playlist .jp-playlist ul {
	list-style-type:none;
	padding:2px;
	margin:0;
}
.jquery-ui-player-large .jp-type-playlist .jp-playlist ul li {
	list-style-type:none;
	padding-left:7px;
	margin:0;
}
.jquery-ui-player-large .jp-type-playlist .jp-playlist ul li a {
	text-decoration:none !important;
}

.jquery-ui-player-large .jp-album-art {
	display:none;
}
.jquery-ui-player-large .has-artwork .jp-gui .jp-album-art {
	display:block;
	position:absolute;
	top:72px;
	left:309px;
	border:1px solid #333;
	width:100px;
	height:100px;
	background:#ddd;
}
.jquery-ui-player-large .has-artwork .jp-album-art img {
	width:100px;
	height:100px;
}

.jquery-ui-player-large .jp-type-single div.jp-single-download {
	position:absolute;
	top:50px;
	right:5px;
	font-size:12px;
}
.jquery-ui-player-large .jp-type-single div.jp-single-download a {
	text-decoration:none !important;
	color:#d9d9d9 !important;
}
.jquery-ui-player-large .jp-type-single div.jp-single-download a:hover {
	color:#0099ff !important;
}

.jquery-ui-player-large .jp-type-playlist div.jp-single-download {
	display:none;
}

.jquery-ui-player-large .jp-type-playlist .jp-free-media {
	float:right;
}

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

/* Interface display controls */

.jquery-ui-player-large.interface-hide-repeat .jp-gui li.jp-repeat,
.jquery-ui-player-large.interface-hide-repeat .jp-gui li.jp-repeat-off{
	display:none !important;
}
.jquery-ui-player-large.interface-hide-shuffle .jp-gui li.jp-shuffle,
.jquery-ui-player-large.interface-hide-shuffle .jp-gui li.jp-shuffle-off{
	display:none !important;
}
.jquery-ui-player-large.interface-hide-current-time .jp-gui .jp-current-time {
	display:none !important;
}
.jquery-ui-player-large.interface-hide-duration .jp-gui .jp-duration {
	display:none !important;
}
.jquery-ui-player-large.interface-hide-title .jp-gui .jp-current-title {
	display:none !important;
}
.jquery-ui-player-large .jp-type-playlist .jp-playlist.interface-hide-playlist  {
	display:none !important;
}
.jquery-ui-player-large .has-artwork .jp-type-playlist .jp-playlist  {
	//left:110px;
	width:300px;
}
.jquery-ui-player-large.interface-hide-artwork .jp-gui .jp-album-art {
	display:none !important;
}

/* Hide Volume */
.jquery-ui-player-large .jp-type-single .jp-gui.jp-no-volume li.jp-repeat,
.jquery-ui-player-large .jp-type-single .jp-gui.jp-no-volume li.jp-repeat-off {
	left:420px;
}


.jquery-ui-player-large .jp-type-playlist .jp-gui.jp-no-volume .jp-progress-slider {
}
.jquery-ui-player-large .jp-type-playlist .jp-gui.jp-no-volume li.jp-repeat,
.jquery-ui-player-large .jp-type-playlist .jp-gui.jp-no-volume li.jp-repeat-off {
	left:420px;
}
.jquery-ui-player-large .jp-type-playlist .jp-gui.jp-no-volume li.jp-shuffle,
.jquery-ui-player-large .jp-type-playlist .jp-gui.jp-no-volume li.jp-shuffle-off {
	left:390px;
}


/* Hide Progress Bar */
.jquery-ui-player-large.interface-hide-progress .jp-gui .jp-progress-slider {
	display:none !important;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui {
	width:472px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui .jp-volume-slider {
	left:300px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui li.jp-mute,
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui li.jp-unmute {
	left:260px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui li.jp-volume-max {
	left:410px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui .jp-duration {
	left:60px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui .jp-current-time {
	left:16px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui li.jp-repeat,
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui li.jp-repeat-off {
	left:110px;
}


.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui {
	width:472px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-repeat,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-repeat-off {
	left:200px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-shuffle,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-shuffle-off {
	left:230px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui .jp-duration {
	left:100px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui .jp-current-time {
	left:26px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-mute,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-unmute {
	left:274px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui .jp-volume-slider {
	left:310px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui li.jp-volume-max {
	left:418px;
}

/* Hide progress and volume */
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui.jp-no-volume,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui.jp-no-volume {
	width:472px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui.jp-no-volume li.jp-repeat,
.jquery-ui-player-large.interface-hide-progress .jp-type-single .jp-gui.jp-no-volume li.jp-repeat-off {
	left:420px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui.jp-no-volume li.jp-repeat,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui.jp-no-volume li.jp-repeat-off {
	left:420px;
}
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui.jp-no-volume li.jp-shuffle,
.jquery-ui-player-large.interface-hide-progress .jp-type-playlist .jp-gui.jp-no-volume li.jp-shuffle-off {
	left:390px;
}