@charset "utf-8";
/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Customise
 */

div.jp-video {
	font-size:1.25em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color:#666;
	width:480px; height:320px;
	position:relative;
	overflow:hidden;
	background:transparent url("background.png") no-repeat 0 0;
}
div.jp-interface {
	position:relative;
	width:480px; height:21px;
}
div.jp-video div.jp-type-single div.jp-interface {
	height:21px;
}
div.jp-video div.jp-type-playlist div.jp-interface {
	height:21px;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0; margin:0;
}
div.jp-interface ul.jp-controls li {
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:21px; height:21px;
	z-index:1;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	top:0px; left:5px;
}
a.jp-play {
	background:url("controls.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background:url("controls.png") 0 -21px no-repeat;
}
a.jp-pause {
	background:url("controls.png") -21px 0 no-repeat;
	display:none;
}
a.jp-pause:hover {
	background:url("controls.png") -21px -21px no-repeat;
}
a.jp-stop {
	top:0px; left:25px;
	background:url("controls.png") -63px 0 no-repeat;
	width:21px; height:21px;
	z-index:1;
}
a.jp-stop:hover {
	background:url("controls.png") -63px -21px no-repeat;
}
div.jp-progress {
	position:absolute;
	overflow:hidden;
}
div.jp-video div.jp-progress {
	top:6px; left:54px;
	width:220px; height:8px;
}
div.jp-seek-bar {
	width:0px; height:100%;
	cursor:pointer;
}
div.jp-play-bar {
	background:url("progress.png") 0 0 repeat-x ;
	width:0px;
	height:100%;
}
div.jp-seeking-bg {
	background:url("progress.png") 0 0 repeat-x ;
}
a.jp-mute,
a.jp-unmute {
	width:21px; height:21px;
	top:0; left:400px;
}
a.jp-mute {
	background:url("controls.png") -42px 0 no-repeat;
}
a.jp-unmute {
	background:url("controls.png") -42px -21px no-repeat;
	display:none;
}
div.jp-volume-bar {
	position:absolute;
	overflow:hidden;
	width:46px; height:8px;
	cursor:pointer;
}
div.jp-video div.jp-volume-bar {
	top:6px;
}
div.jp-type-single div.jp-volume-bar {
	left:420px;
}
div.jp-type-playlist div.jp-volume-bar {
	left:391px;
}
div.jp-volume-bar-value {
	background:url("progress.png") 0 0 repeat-x ;
	width:0px; height:8px;
}
div.jp-current-time,
div.jp-duration {
	position:absolute;
	font-size:.44em;
	color:#eee;
	font-style:oblique;
}
div.jp-duration {
	text-align:right;
}
div.jp-video div.jp-current-time,
div.jp-video div.jp-duration {
	top:3px; left:320px;
	width:7em;
	padding:0 1%;
}
div.jp-playlist {
	width:100%;
	border-top:none;
	overflow:hidden; /* add */
	margin:0; padding:0;
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0; padding:0;
	font-size:.72em;
}
div.jp-playlist li {
	list-style-type:none;
	margin:0; padding:0;
}
div.jp-video div.jp-video-play {
	background:transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
	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-play {
	top:-272px;
	width:480px; height:272px;
}
div.jp-jplayer {
	width:480px; height:272px;
	z-index:1;
	overflow:hidden;
}
div.jp-title {
	margin:0; padding:0;
	position:absolute;
	bottom:-28px; left:0;
	font-size:12px;
	line-height:1.5;
}
div.jp-title ul {
	list-style:none;
	margin:0; padding:0;
}
div.jp-title li {
	list-style:none;
	margin:0; padding:0;
}