.jp-video { position: relative; }

.jp-jplayer { border: none; line-height: 0; margin-bottom: 5px; background: #000; }
.jp-jplayer-audio { margin-bottom: 0; }


.jp-video-play { position: absolute; left: 50%; top: 50%; }

div.jp-audio { width:100%; }
div.jp-video-360p { width:640px; }

.jp-interface { height: 30px; border: 1px solid #cecece; background: url(jplayer-silver.png) repeat-x 0 -300px;
	position: relative; border-bottom: 0; }


/* PROGRESS */
.jp-video .jp-progress { position: absolute; left: -1px; top: -6px; width: 100%; height: 6px; margin: 0; }
.jp-audio .jp-progress { float: left; margin: 0 10px 0 10px; }
	.jp-seek-bar { background: url(jplayer-silver.png) repeat-x 0 -222px;
		height: 6px; width: auto !important; padding: 0 1px; width: 100% !important; }
	.jp-audio .jp-seek-bar { height: 30px; background-position: 0 -210px; position: absolute; left: 40px; right: 80px;
	   width: auto !important; }
	.jp-play-bar {background: url(jplayer-silver.png) repeat-x 0 -252px;
		height: 6px; }
	.jp-audio .jp-play-bar { height: 30px; background-position: 0 -240px; }


/* TIME + DURATION */
.jp-current-time, .jp-duration { display: none; float: left; line-height: 30px; margin: 0 5px 0 0;
	font-size: 11px; }
.jp-duration { margin-right: 10px; }


/* CONTROLS */
.jp-controls-holder { float: left; }
	.jp-controls { float: left; margin: 0 !important; }
		.jp-controls li { float: left; list-style: none; margin: 0 !important; }
		.jp-controls li:first-child { background: none; }
			.jp-controls a { width: 30px; height: 30px; display: block; text-indent: -9999px;
				background: url(jplayer-silver.png) no-repeat; }
			a.jp-play { background-position: 0 0; }
			a.jp-play:hover { background-position: -30px 0; }
			a.jp-pause { background-position: 0 -29px; }
			a.jp-pause:hover { background-position: -30px -29px; }
			a.jp-stop { background-position: 0 -60px; }
			a.jp-stop:hover { background-position: -30px -60px; }


/* VOLUME */
.jp-volume-holder { float: right; background: url(sep.png) repeat-y left; padding-left: 2px; }
	.jp-volume-holder a { float: left; display: block; width: 30px; height: 30px; text-indent: -9999px; }
	a.jp-mute { background: url(jplayer-silver.png) no-repeat 0 -90px; }
	a.jp-mute:hover { background-position: -30px -90px; }
	a.jp-unmute { background: url(jplayer-silver.png) no-repeat 0 -120px; }
	a.jp-unmute:hover { background-position: -30px -120px; }
	.jp-volume-bar { float: left; height: 30px; background: url(jplayer-silver.png) repeat-x 0 -210px;
		width: 30px; cursor: pointer; margin: 0 10px 0 0; }
		.jp-volume-bar-value { background: url(jplayer-silver.png) repeat-x 0 -270px; height: 30px; }


/* FULLSCREEN */
.jp-toggles { float: right; margin: 0; }
	.jp-toggles li { float: left; list-style: none; }
		.jp-toggles a { width: 30px; height: 30px; display: block; text-indent: -9999px;
			background: url(jplayer-silver.png) no-repeat; }
		a.jp-full-screen { background-position: 0 -150px; }
		a.jp-full-screen:hover { background-position: -30px -150px; }
		a.jp-restore-screen { background-position: 0 -180px; }
		a.jp-restore-screen:hover { background-position: -30px -180px; }
	
.jp-title { position: absolute; top: 0; }

.jp-sep, .jp-sep-r { background: url(sep.png) repeat-y left; width: 2px; float: left; height: 30px; }
.jp-sep-r { float: right; }


/* VIDEO FULLSCREEN */
div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative
}

div.jp-video-full div.jp-jplayer {
	background: #000;
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
	width: 100%;
}


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