/*

skins available:

	- futuristicElectricBlue

	- futuristicChrome

	- universalBlack

	- universalWhite

	- giant

	- elegantMinimal

*/



/* the container */

.vp1_html5 {

	background:#000000;

}





.hideElement {

	display:none;

}



/* jquery ui styles */

.ui-slider-handle {

	position: absolute;

	z-index: 2;

	display: block;

	margin-left:-0.6em;

	cursor: default;

	outline: none;

}



.ui-slider-range {

	display:block;

	width:100%;	

	height:100%;

	left:0;

	bottom: 0;

	border:0 none;

	position:absolute;

	z-index:1;

}



.ui-progressbar { 

	/*height: 5px;*/

}

.ui-progressbar-value {

	height:100%;

}











/* universalBlack */

.vp1_html5.universalBlack {

	float: left;

	position: relative;

	font:11px Arial, Helvetica, sans-serif;

	background-color:#000000;

}



.vp1_html5.universalBlack .VideoControls {

	position: absolute;

	left:0;

	bottom:0px;

	float: left;

	clear: both;

	width: 100%;

	background:url(images/universalBlack/controllers_bg.png) 0 0 repeat-x;

}





/* rewind */

.vp1_html5.universalBlack .VideoRewind {

	float:left;

	cursor: pointer;

	display: block;

	width: 39px;

	height: 20px;

	margin:2px 0px 0px 0px;

	background: url(images/universalBlack/rewind-off.png) no-repeat;	

}

.vp1_html5.universalBlack .VideoRewind:hover {	

    background: url(images/universalBlack/rewind-on.png) no-repeat;	

}



/* play */

.vp1_html5.universalBlack .VideoPlay {

	float:left;

	cursor: pointer;

	display: block;

	width: 47px;

	height: 21px;

	margin:1px 0px 0px 0px;

	background: url(images/universalBlack/play-off.png) no-repeat;	

}

.vp1_html5.universalBlack .VideoPlay:hover {	

    background: url(images/universalBlack/play-on.png) no-repeat;	

}

/* pause */

.vp1_html5.universalBlack .VideoPause {

	width: 47px;

	height: 21px;

	background: url(images/universalBlack/pause-off.png) no-repeat;

}

.vp1_html5.universalBlack .VideoPause:hover {

	background: url(images/universalBlack/pause-on.png) no-repeat;

}





.vp1_html5.universalBlack video {

	float: left;

}



/* buffer */

.vp1_html5.universalBlack .VideoBuffer {

	position:absolute;

	height: 3px;

	margin: 9px 0px 0px 101px;

	background:#999;

}

.vp1_html5.universalBlack .VideoBuffer .ui-widget-content {  }

.vp1_html5.universalBlack .VideoBuffer .ui-widget-header { background:#ffffff;  }





/* seek */

.vp1_html5.universalBlack .VideoSeek {

	float:left;

	cursor: pointer;

	position:relative;		

	height: 3px;

	margin: 9px 0px 0px 15px;

}



.vp1_html5.universalBlack .VideoSeek .ui-slider-handle {

	display:none;

}



.vp1_html5.universalBlack .VideoSeek .ui-slider-handle.ui-state-hover {

	background: #fff;

}



.vp1_html5.universalBlack .VideoSeek .ui-slider-range {

	background: #00adef;

}





/* timer */

.vp1_html5.universalBlack .VideoTimer {

	float:left;

	cursor:pointer;

	position: absolute;

	bottom: 4px;

	right:56px;

	color: #999;

	font-size: 11px;

	font-weight: normal;

}

/* fullscreen */

.vp1_html5.universalBlack .VideoFullScreen {

	float:left;

	cursor:pointer;

	position: absolute;

	bottom: 1px;

	right: 5px;

	width: 27px;

	height: 18px;

	background:url(images/universalBlack/fullscreen-off.png) 0 0 no-repeat;

}

.vp1_html5.universalBlack .VideoFullScreen:hover {

	background:url(images/universalBlack/fullscreen-on.png) 0 0 no-repeat;

}

.vp1_html5.universalBlack .VideoFullScreenIn {

	float:left;

	cursor:pointer;

	position: absolute;

	bottom: 1px;

	right: 5px;

	width: 27px;

	height: 18px;

	background:url(images/universalBlack/fullscreen-in-off.png) 0 0 no-repeat;

}

.vp1_html5.universalBlack .VideoFullScreenIn:hover {

	background:url(images/universalBlack/fullscreen-in-on.png) 0 0 no-repeat;

}





/* volume container */

.vp1_html5.universalBlack .VolumeAll {

	float:left;

	position: absolute;

	bottom: -1px;

	right: 5px;

	overflow: hidden;

	width: 48px;

	height: 18px;



}



.vp1_html5.universalBlack .VolumeAll:hover {	

	height: 130px;

	padding-bottom: 8px;

}



/* volume slider */

.vp1_html5.universalBlack .VolumeSlider {	

	position: relative;

	height: 100px;

	width: 6px;	

	visiblity: hidden;

	opacity: 0;

	background:#333333;

	left: 9px;

	bottom:-15px;

}

.vp1_html5.universalBlack .VolumeAll:hover .VolumeSlider {

	position: relative;

	visibility: visible;

	opacity: 1;

}



.vp1_html5.universalBlack .VolumeSlider .ui-slider-handle {

	display:none;	

}



.vp1_html5.universalBlack .VolumeSlider .ui-slider-handle.ui-state-hover {

	background: #fff;

}



.vp1_html5.universalBlack .VolumeSlider .ui-slider-range {

	background: #00adef;

}



/* volume button Mute & UnMute*/

.vp1_html5.universalBlack .VolumeButton {

	position: absolute;

	bottom: 2px;

	padding-right:0px;

	display: block;

	width: 23px;

	height: 18px;

	background: url(images/universalBlack/volume-off.png) no-repeat;

}



.vp1_html5.universalBlack .VolumeButton:hover {

	background: url(images/universalBlack/volume-on.png) no-repeat;

}



.vp1_html5.universalBlack .VolumeButtonMute {

	position: absolute;

	bottom: 2px;

	padding-right:0px;

	display: block;

	width: 23px;

	height: 18px;

	background: url(images/universalBlack/volumeMute-off.png) no-repeat;

}

.vp1_html5.universalBlack .VolumeButtonMute:hover {

	background: url(images/universalBlack/volumeMute-on.png) no-repeat;

}



/* info but */

.vp1_html5.universalBlack .VideoInfoBut {

	float:left;

	cursor:pointer;

	position: absolute;

	bottom: 1px;

	right:87px;

	width: 25px;

	height: 18px;

	background: url(images/universalBlack/info-off.png) no-repeat;	

}

.vp1_html5.universalBlack .VideoInfoBut:hover {	

    background: url(images/universalBlack/info-on.png) no-repeat;	

}

.vp1_html5.universalBlack .VideoInfoBox {

	display:none;

	position: absolute;

	left:10px;

	bottom:22px;

	height:110px;

	overflow:hidden;

	background:url(images/universalBlack/infoBox_bg.png) 0 0 repeat-x;

	padding:0 10px 10px 10px;

	text-align:left;

}

.vp1_html5.universalBlack .VideoInfoBox .movieTitle {

	color:#00adef;

	font-size:12px;

	font-weight:bold;

}

.vp1_html5.universalBlack .VideoInfoBox .movieDesc {

	font:11px Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	line-height:1.4em;

}