/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.2 (jPlayer 2.2.0)
 * Date: 22nd October 2012
 */



#radio-player {
	padding: 0;
	margin: 0;
	background: #3E3D3C;
}
#radio-player-mini {
	padding: 0;
	margin: 0;
	background: #fff;
}

.radio {
	width:950px;
	height:auto;
	padding:5px;
	font-family:sans-serif;
	color:#fff;
	background:#2a2a2a;
	margin: 0 auto;
	overflow: hidden;
}
	.radio-private .radio { margin: 50px auto; }

.radio.mini {
	display: block;
	position: relative;
	padding: 5px 0 0 0;
	background: transparent;
	width:222px;
	width: 100%;
	border:none;
	/* margin-bottom: 10px; */
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		   -moz-border-radius-bottomleft: 5px;
		   -moz-border-radius-bottomright: 5px;
		        border-bottom-left-radius: 5px;
		        border-bottom-right-radius: 5px;
}

.jp-audio .left,
.jp-audio .right {
	display:block;
	position:relative;
	float:left;
	text-align: left;
}
	.jp-audio .left {
		width: 480px;
	}
	.jp-audio .right {
		width: 462px;
	}

.logo {
	margin: 0;
	padding: 0 10px;
	line-height: 1;
	max-width: 432px;
	position: relative;
	z-index: 2;
}
	.logo a {
		display: block;
		width: 100%;
		background: url("../../img/logo-footer.png") no-repeat center center;
		height: 86px;
		text-indent: -200%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.radio.mini .logo {
		height: 50px;
		padding: 5px 0 0;
		max-height: none;
		max-width: none;
		background: #fff;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		   -moz-border-radius-topleft: 5px;
		   -moz-border-radius-topright: 5px;
		        border-top-left-radius: 5px;
		        border-top-right-radius: 5px;
	}
		.radio.mini .logo a {
			background: url("../../img/logo.png") center top no-repeat transparent;
			margin-top: 0px;
			padding: 0;
			min-height: 40px;
			height: auto;
		}


.radio .panel {
	border: 4px solid #4f4f4f;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	background: none;
	padding: 0;
	margin: 0;
}
#current-song {
	display:block;
	position:relative;
	background:#474747;
	overflow: hidden;
	min-height: 163px;
}
	#current-song:hover .currently-playing-text {
		/* text-decoration: underline; */
		color: #568298;
	}

span.now-playing-info {
	display:block;
	float:right;
	width:280px;
}

.now-playing-heading {
	display: block;
	position:relative;
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	color:#568298;
	font-size: 12px;
	line-height: 23px;
	font-weight:700;
	background-color:#2D2A29;
	text-align: center;
	text-transform:uppercase;
}
	.now-playing-heading select {
		width: 468px;
		margin: 7px 5px 12px 5px;
	}

.jp-audio {
	font-size:1.1em;
	overflow: hidden;
	border-bottom: 4px solid #4f4f4f;
}

.jp-interface {
	display:block;
	position:relative;
	clear:both;
}

.jp-interface .jp-controls {
	display:block;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height: 50px;
	border-top: 4px solid #4f4f4f;
	overflow: hidden;
}

.jp-interface .jp-controls li {
	float: left;
}
.jp-interface ul.jp-controls.mini {
	width:205px;
	border:none;
	margin-right: 5px;
}
.jp-interface ul.jp-controls li a {
	text-align:center;
	text-decoration:none;
	color:#fff;
	background:#2D2A29;
	display: block;
	font-size: 40px;
	padding-top: 5px;
	border-right: 1px solid #4F4F4F;
	line-height:45px;
	width:54px;
}
.jp-interface ul.jp-controls li a:hover {
	color: #568298;
}

.jp-interface ul.jp-controls.mini {
	display: block;
	float: left;
	background: #2D2A29;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
	.jp-interface ul.jp-controls.mini li {
		display: block;
		float: left;
	}
	.jp-interface ul.jp-controls.mini li {
		border-bottom-left-radius: 5px;
	}
.jp-interface ul.jp-controls.mini li a {
	font-size:16px;
	border-bottom:none;
	height:24px;
	width:25px;
}
	.jp-interface ul.jp-controls.mini li a.jp-previous {
		border-bottom-left-radius: 5px;
	}
#jp-track-time {
	display: block;
	position: relative;
	float: left;
	width: 180px;
	padding: 10px 0 0 0;
	font-size: 20px;
	font-weight: normal;
	
}
	#jp-track-time > span {
		text-align: center;
		display: inline-block;
		width: 100%;
	}
		.jp-current-time {
			
		}
		.jp-duration {
			
		}


.jp-interface ul.jp-controls.mini li a.open-player {
	text-transform:uppercase;
	width:118px;
	font-size:.8em;
	padding-top:6px;
	height:22px;
	border:none;
}

/* Volume */
#volume {
	position:relative;
	width:130px;
	padding-top: 0;
	padding-bottom: 7px;
	float:left;
	border-right:1px solid #4F4F4F;
	text-indent: 5px;
}
	#volume .ss-icon#volume-low {
		display: block;
		position: relative;
		float: left;
		font-size: 0.7em;
	}
	#volume .ss-icon#volume-high {
		display: block;
		position: relative;
		float: right;
		font-size: 0.7em;
		margin-right: 5px;
	}

	.jp-volume-bar {
		display: block;
		position: relative;
		overflow: hidden;
		height: 5px;
		background: #4f4f4f;
		margin: 13px 5px 3px 5px;
		cursor: pointer;
		cursor: ew-resize;
	}

.jp-audio .jp-volume-bar {
/* top:37px; */
/* 	left:10px; */
}

.jp-audio-stream .jp-volume-bar {
	top:37px;
	left:92px;
}

.jp-video .jp-volume-bar {
	top:17px;
	left:72px;
}

.jp-volume-bar-value {
	background:#568298;
	width:0;
	height:15px;
}

/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder {

}

.jp-audio .jp-type-single .jp-time-holder {
	left:110px;
	width:186px;
}

.jp-audio .jp-time-holder {
	width: 170px;
	
	margin: 0 auto;
}
	.jp-audio .jp-time-holder .jp-current-time {
		display: block;
		position: relative;
		float: left;
		font-size: 0.7em;
		line-height: 1.1em;
	}
	.jp-audio .jp-time-holder .jp-duration {
		display: block;
		position: relative;
		float: right;
		font-size: 0.7em;
		line-height: 1.1em;
	}
.jp-audio .jp-progress {
	display: block;
	position: relative;
	/* border-right: 1px solid #999; */
	margin: 0 5px 5px 5px;
	background: #4f4f4f;
	cursor: ew-resize;
}
	.jp-audio .jp-progress .jp-play-bar {
		display: block;
		position: relative;
		margin: 3px 0;
		height: 5px;
		background: #568298;
		cursor: ew-resize;
		/* border-left: 1px solid #999; */
		
	}

/*
.jp-jplayer#jquery_jplayer_full {
	display:block;
	position:relative;
	float:left;
	width:156px;
	height:156px;
	background: #2a2a2a;
}
*/
.artwork[style] {
	display: block;
	position: relative;
	float: left;
	padding: 10px 2%;
/*
	width: 30% !important;
	height: auto !important;
*/
	font-size: 0;
	line-height: 1;
}

.artwork img {
	display:block;
	margin: 0;
	width: 100%;
	height: auto;
}
	.artwork audio {
		display: none;
	}


.jp-title {
	font-weight:700;
	text-align:left;
	padding: 10px 2%;
	background:#474747;
	display:block;
	position:relative;
	
	width: 60%;
	float: left;
}
	.jp-title ul li .album-info {
		margin-top: 20px;
		font-weight: normal;
		font-size: 14px;
	}
		.jp-title ul li .album-info span {
			font-weight: 700;
			font-size: 18px;
		}

.jp-title.mini {
	min-height: 13px;
	margin:0;
	padding:5px 0;
	font-size:.5em;
	text-align:left;
	color:#568298;
	background-color:#fff;
	border: 2px solid #4F4F4F;
	width: auto;
	float: none;
}

.jp-playlist {
	display:block;
	position:relative;
	overflow:auto;
	background:#3e3d3c;
	height:301px;
	width: 100%;
	border: 4px solid #4f4f4f;
	text-align: left;
}

.jp-title ul,div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-weight:700;
}

.jp-title.mini ul {
	padding:0 10px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
	div.jp-title.mini ul li {
		display: block;
		position: relative;
		font-size: 12px;
		
	}
	.jp-title.mini ul li.marquee {
		-webkit-transition: margin-left 2.5s;
		transition: margin-left 2.5s;
	}
	.jp-title.mini ul:hover li.marquee {
		-webkit-transition: margin-left 2.5s;
		transition: margin-left 2.5s;
	}
	.jp-title.mini ul li .album-info { display: none; }


#current-song a#jp-artist-link-a {
	display: block;
	position: absolute;
	left: 0; right: 0; bottom: 0; top:0;
	border: none;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* Playlist: Track title & artist */
.jp-playlist a,
.jp-playlist a:hover,
.jp-playlist a.jp-playlist-current {
	color:#fff;
}

.jp-playlist li {
	padding: 0 1%;
	white-space: nowrap;
	font-size: 13px;
	line-height: 1.3;
	border-bottom: 1px solid #4f4f4f;
}
	.jp-playlist li.jp-playlist-current {
		background: #333;
	}
	.jp-playlist li:last-child {
		border-bottom:none;
	}
	
	.jp-playlist li .play-icon {
		display: inline-block;
		text-align:center;
		width: 5%;
		max-width: 20px;
	}
		.jp-playlist li .play-icon span {
			visibility:hidden;
			line-height: 1;
			vertical-align: bottom;
		}
	.jp-playlist li .track {
		display: inline-block;
		width: 6%;
		width: 3%;
		padding-right: 2%;
		text-align: right;
	}
	
	.jp-playlist li div {
		display: inline-block;
		width: 87%;
	}
		.jp-playlist .jp-playlist-item {
			padding: 0;
			display: inline-block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 99%;
			
			color:#fff;
			text-decoration:none;
			vertical-align: bottom;
		}


	
		.jp-playlist li.jp-playlist-current .play-icon span {
			display: inline-block;
			visibility: visible;
			color: #568298;
		}


.open-player {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 110px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}



.jp-artist {
	font-weight:400;
}
	#jp_container_full .jp-artist {
	padding-left: .5em;
}
	#jp_container_full .left .currently-playing-text {
		font-size: 21px;
		line-height: 1.3;
	}
	#jp_container_full .left .jp-artist {
		display: block;
		padding-left: 0;
		font-size: 18px;
	}
	

/* @end */
.jp-jplayer audio,
.jp-jplayer {
	width:0;
	height:0;
}




/* flash player */

.jp-audio object {
	margin:0px;
}

/* @group NO SOLUTION error feedback */
.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #568298;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;

	text-align:center;
	font-weight:700;
}


/****** Single Download Player *******/
.player-single {
	border: none;
	position: relative;
	overflow: hidden;
	margin: 10px 0;
}
	.download .player-single {
		float: left;
		width: 300px;
	}

.player-single .jp-interface {
	background: #2a2a2a;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	padding: 5px 30px 5px 5px;
	overflow: hidden;
}

	.player-single .jp-interface .jp-controls {
		float: left;
		width: 7%;
		height: 30px;
		border: none;
	}
		.player-single .jp-interface ul.jp-controls li a {
			padding: 0;
			width: 25px;
			height: 25px;
			font-size: 16px;
			line-height: 30px;
			border: none;
		}

	.player-single .jp-progress {
		float: left;
		width: 50%;
		height: 5px;
		margin: 10px 2% 0;
		background: #666;
	}
		.player-single .jp-progress .jp-seek-bar {
			
		}
		.player-single .jp-progress .jp-play-bar {
			height: 5px;
			background: #568298;
			margin-top: 0;
		}
	
	.player-single .jp-type-single .jp-time-holder {
		left: auto;
		float: none;
		width: auto;
	}
		.player-single .jp-current-time,
		.player-single .jp-duration {
			display: inline-block;
			width: 50%;
			color: #fff;
			line-height: 1.1em;
			font-size: 10px;
		}
		.player-single .jp-duration {
			text-align: right;
		}
	
	
	.player-single .jp-volume {
		margin: 10px 0 0;
		padding: 0;
		position: relative;
		width: 100px;
		float: left;
	}
	.player-single .jp-volume-bar {
		height: 5px;
		background: #666;
		margin: 0;
		float: left;
		width: 60px;
	}
		.player-single .jp-volume-bar-value {
			height: 5px;
		}
			.player-single .jp-volume .jp-mute,
			.player-single .jp-volume .jp-volume-max {
				display: block;
				width: 20px;
				height: 20px;
				float: left;
				color: #fff;
				line-height: 25px;
				font-size: 16px;
				margin-top: -7px;
			}
			.player-single .jp-volume .jp-volume-max {
				text-align: right;
			}
			
			.player-single .jp-volume .jp-mute:hover,
			.player-single .jp-volume .jp-volume-max:hover {
				color: #568298;
				text-decoration: none;
			}



	.player-single .jp-toggles {
		margin: 0;
		float: none;
		position: absolute;
		top: 5px;
		right: 5px;
		overflow: hidden;
		font-size: 16px;
		list-style: none;
		text-align: center;
	}
		.player-single .jp-toggles li {
			float: left;
		}
		.player-single .jp-toggles li a {
			display: block;
			line-height: 30px;
			height: 25px;
			width: 25px;
			text-decoration: none; 
		}
			.player-single .jp-repeat,
			.player-single .jp-repeat.off:hover,
			.player-single .jp-repeat:active,
			.player-single .jp-repeat:focus {
				color: #fff;
			}
			.player-single .jp-repeat.off,
			.player-single .jp-repeat:hover {
				color: #568298;
				text-decoration: none; 
			}



/* !mobile device styles */
@media screen and (max-width: 979px) {
#wrapper {
	width: auto;
}
.radio-private section {
	float: none;
	width: 462px;
	margin: 0 auto;
}
	.radio {
		display: block;
		position: relative;
		width: 462px;
		padding: 0;
		margin: 0 auto;
	}
		.jp-audio .left {
			float: none;
			width: 462px;
		}
		.radio .panel {
			border-right-width: 4px;
		}
		#current-song {
			min-height: 120px;
		}
		.jp-title {
		
		}
		.jp-controls {
			width: 100%;
		}
		#volume {
			display: none;
		}
		#jp-track-time {
			width: 289px;
			padding: 0;
		}
			#jp-track-time .jp-progress .jp-time-holder {
				width: 280px;
			}
		#jp-artist-link {
			width: 27%;
			max-width: 80px;
		}
			#jp-artist-link-a {
				font-size: 14px;
				line-height: 1.2;
			}
	.right {
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
		.jp-playlist {
			display: block;
			position: relative;
/* 			border-top: 0; */
			width: auto;
			height: auto;
		}
			.jp-playlist ul {
			
			}
				.jp-playlist ul li {
					line-height: 2;
					padding: 0 1%;
					white-space: nowrap;
				}
				.jp-playlist ul li .play-icon,
				.jp-playlist ul li .track {
					display: inline-block;
					width: 5%;
					padding: 0;
				}
				.jp-playlist ul li .track {
					width: 6%;
					padding-right: 2%;
				}
				
				.jp-playlist ul li div {
					width: 87%;
					display: inline-block;
				}
				.jp-playlist ul li .jp-playlist-item {
					
				}
				
				.right .jp-playlist ul li.jp-playlist-current .play-icon {
					line-height: 15px;
				}
				

	/* 	Single player responsive */
	.player-single .jp-interface .jp-controls {
		width: auto;
	}
	.player-single .jp-progress {
		width: 85%
	}
	.player-single .jp-volume {
		display: none;
	}
}

	

/* @end */

@media screen and (max-width: 767px) {

	.artwork[style] {
		width: 70px !important;
	}
	.artwork img {
		width: 70px;
		height: auto;
	}
	.radio-private section,
	.radio {
		float: none;
		width: auto;
	}
	.jp-audio .left,
	.jp-audio .right,
	#jp-track-time,
	#jp-track-time .jp-progress .jp-time-holder {
		width: 100%;
	}
}