body {
	background: #000000;
}

#jplayer {
	width: 640px;
	position: relative;
}
.jp-jplayer-small {
	width: 340px !important;
}
#jplayer video {
	vertical-align: bottom;
}
#jplayer.jp-video-full {
	background-color: #000000;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* ===== INTERFACE ===== */

#jplayer .jp-gui {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#jplayer.jp-video-full .jp-interface {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
#jplayer .controls {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* ===== PROGRESS BAR ===== */

#jplayer .bar {
	height: 40px;
	margin-left: 60px;
	margin-right: 40px;
	position: relative;
}

#jplayer .bar .left-cap {
	width: 4px;
	height: 40px;
	background: url("../rsrc/skin.png") left -280px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
#jplayer .bar .right-cap {
	width: 4px;
	height: 40px;
	background: url("../rsrc/skin.png") right -280px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

#jplayer .bar .jp-progress {
	height: 40px;
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
}
#jplayer .bar .stroke {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../rsrc/skin.png") 0px -320px repeat-x;
}
#jplayer .bar .jp-seek-bar {
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../rsrc/skin.png") 0px -360px repeat-x;
}
#jplayer .bar .jp-play-bar {
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../rsrc/skin.png") 0px -400px repeat-x;
}

/* ===== VOLUME BAR ===== */

#jplayer .jp-volume-bar {
	position: absolute;
	bottom: 35px;
	right: 10px;
	width: 10px;
	height: 100px;
	background: url("../rsrc/skin.png") 0px -440px repeat-x;
}
#jplayer .jp-volume-bar-value {
	position: absolute;
	bottom: 0px;
	width: 10px;
	background: url("../rsrc/skin.png") -10px bottom repeat-x;
}

/* ===== EMBED ===== */

#jplayer .embed {
	width: 60px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px 0px no-repeat;
}
#jplayer .embed:hover {
	background-position: -60px 0px;
}

#jplayer .code {
	background-color: #ffffff;
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 10px;
	border: 1px solid #666666;
	box-shadow:         0px 0px 3px #000000;
	-moz-box-shadow:    0px 0px 3px #000000;
	-webkit-box-shadow: 0px 0px 3px #000000;
}
#jplayer .code .close {
	cursor: default;
	position: absolute;
	top: 5px;
	right: 10px;
	color: #ff6600;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#jplayer .code textarea {
	width: 300px;
	height: 100px;
	font-family: Monaco, Courier, "Courier New", monospace;
}

/* ===== BUTTONS ===== */

#jplayer .jp-play {
	display: inline-block;
	width: 60px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -40px no-repeat;
}
#jplayer .jp-play:hover {
	background-position: -60px -40px;
}

#jplayer .jp-pause {
	display: inline-block;
	width: 60px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -80px no-repeat;
}
#jplayer .jp-pause:hover {
	background-position: -60px -80px;
}

#jplayer .jp-mute {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -120px no-repeat;
}
#jplayer .jp-mute:hover {
	background-position: -60px -120px;
}

#jplayer .jp-unmute {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -160px no-repeat;
}
#jplayer .jp-unmute:hover {
	background-position: -60px -160px;
}

#jplayer .jp-full-screen {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -200px no-repeat;
}
#jplayer .jp-full-screen:hover {
	background-position: -60px -200px;
}

#jplayer .jp-restore-screen {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	background: url("../rsrc/skin.png") 0px -240px no-repeat;
}
#jplayer .jp-restore-screen:hover {
	background-position: -60px -240px;
}