/**
 * jplayer.css
 */
html { padding:0px; margin:0px; }
body { background:url(../skin/jplayer_bg.jpg) top left no-repeat #000; padding:0px; margin:0px; border:0; }
/* sprites */
.jp-controls a, .jp-seek-bar, .jp-play-bar, .jp-volume-bar, .jp-volume-bar-value {
	background-image: url(jplayer.png);
	background-repeat: no-repeat;
}

.jp-jplayer, .jp-audio, .jp-audio div, .jp-audio ul, .jp-audio li {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}

.jp-jplayer {
	width: 0;
	height: 0;
}

	.jp-jplayer img {
		display: none;
	}

.jp-audio {
	position: relative;
	height: 20px;
}

.jp-controls a {
	position: absolute;
	display: block;
	top: 0;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: transparent;
	cursor: pointer;
}

	.jp-play { background-position: 0 0; left: 0; }
	.jp-play:hover { background-position: -20px 0; }
	
	.jp-pause { background-position: -40px 0; left: 0; }
	.jp-pause:hover { background-position: -60px 0; }
	
	.jp-stop { background-position: -80px 0; left: 20px; }
	.jp-stop:hover { background-position: -100px 0; }
	
	.jp-unmute { background-position: -200px 0; right: 32px; }
	.jp-unmute:hover { background-position: -220px 0; }
	
	.jp-mute { background-position: -240px 0; right: 32px; }
	.jp-mute:hover { background-position: -260px 0; }

.jp-controls, .jp-controls li {
	display: inline;
}

.jp-audio .jp-progress {
	margin: 0 58px 0 46px;
	padding: 6px 0 6px 0;
	height: 8px;
}

	.jp-progress div {
		height: 8px;
	}

	.jp-seek-bar {
		background-color: #F4F4F4;
		background-position: 0 -20px;
	}
	.jp-progress:hover .jp-seek-bar {
		background-color: #E6E6E6;
		background-position: 0 -36px;
	}
	
	.jp-play-bar {
		background-color: #D1D1D1;
		background-position: 0 -28px;
	}
	.jp-progress:hover .jp-play-bar {
		background-color: #177BCD;
		background-position: 0 -44px;
	}

.jp-volume-bar {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 24px;
	height: 8px;
	background-color: #F4F4F4;
	background-position: 0 -52px;
}
.jp-audio:hover .jp-volume-bar {
	background-color: #E6E6E6;
	background-position: -48px -52px;
}

	.jp-volume-bar-value {
		width: 24px;
		height: 8px;
		background-color: #BFBFC0;
		background-position: -24px -52px;
	}
	.jp-volume-bar:hover .jp-volume-bar-value {
		background-color: #177BCD;
		background-position: -72px -52px;
	}

.jp-current-time, .jp-duration {
	display: none;
}


div.jp-playlist {
	/* width:418px; */
	width:100%;
	border:0;
	border-top:none;
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	/* background-color:#ccc; */
	/* border:1px solid #009be3; */
	/* border-top:none; */
	/* width:378px; */
	font-size:.72em;
}


div.jp-type-single div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #666;
}
/*
div.jp-video div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
*/
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}

div.jp-video div.jp-video-play {
	background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
	/* position: relative; */
	position: absolute;
	cursor:pointer;
	z-index:2;
}
div.jp-video div.jp-video-play:hover {
	background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;
}
div.jp-video-270p div.jp-video-play {
	top:-270px;
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	top:-360px;
	width:640px;
	height:360px;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}
div.jp-video div.jp-jplayer {
	border:0;
	border-bottom:none;
	z-index:1;
}
div.jp-video-270p div.jp-jplayer {
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-jplayer {
	width:640px;
	height:360px;
}
div.jp-jplayer {
	background-color: #000000;
}