/*
When loading the player,the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,and sets the width and height of the video.
** If you want to add some kind of border/padding (e.g. a frame),or special positioning,use another containing element.
Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
	background-color:#000;
	position:relative;
	padding:0;/* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
	font-size:10px;/* Allow poster to be vertially aligned. */
	vertical-align:middle;
	/*display:table-cell;*/ /*This works in Safari but not Firefox.*/
	direction:ltr;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
	position:absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
	padding:0;
	margin:0;
	height:100%;
	overflow-y:auto;
	/* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
	position:fixed;
	overflow:hidden;
	z-index:1000;
	left:0;top:0;
	bottom:0;
	right:0;
	width:100% !important;
	height:100% !important;
	_position:absolute;
	/* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
	width:100% !important;
	height:100% !important;
}
/* Poster Styles */
.vjs-poster {
	margin:0 auto;
	padding:0;
	cursor:pointer;/* Scale with the size of the player div. Works when poster is vertically shorter,but stretches when it's less wide. */
	position:relative;
	width:100%;
	max-height:100%;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
	text-align:center;
	position:absolute;
	bottom:64px;
	left:16px;
	right:16px;
	font-family:Tahoma,Arial,sans-serif;
}
html[dir=rtl] .video-js .vjs-text-track-display {
	direction:rtl;
}
/* Individual tracks */
.video-js .vjs-text-track {
	display:none;
	color:#fff;
	font-size:14px;
	padding:0;
	text-align:center;
	margin-bottom:1px;/* Transparent black background,or fallback to all black (IE6) */
	background:rgb(0,0,0);
	background:rgba(0,0,0,.50);
}
.video-js .vjs-subtitles {
	color:#fff;
}
.video-js .vjs-captions {
	color:#fc6;
}
.vjs-tt-cue {
	display:block;
	padding:5px;
}
/* Fading sytles,used to fade control bar. */
.vjs-fade-in {
	visibility:visible !important;
	/* Needed to make sure things hide in older browsers too. */
	opacity:1 !important;
	-webkit-transition:visibility 0s linear 0s,opacity .3s linear;
	-moz-transition:visibility 0s linear 0s,opacity .3s linear;
	-ms-transition:visibility 0s linear 0s,opacity .3s linear;
	-o-transition:visibility 0s linear 0s,opacity .3s linear;
	transition:visibility 0s linear 0s,opacity .3s linear;
}
.vjs-fade-out {
	visibility:hidden !important;
	opacity:0 !important;
	-webkit-transition:visibility 0s linear 1.5s,opacity 1.5s linear;
	-moz-transition:visibility 0s linear 1.5s,opacity 1.5s linear;
	-ms-transition:visibility 0s linear 1.5s,opacity 1.5s linear;
	-o-transition:visibility 0s linear 1.5s,opacity 1.5s linear;
	transition:visibility 0s linear 1.5s,opacity 1.5s linear;
}
/*
DEFAULT SKIN (override in another file to create new skins)
Instead of editing this file,I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag.
The default control bar. Created by bar.js
*/
.vjs-default-skin .vjs-controls {
	position:absolute;
	bottom:0;/* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
	left:0;
	right:0;/* 100% width of div */
	margin:0;
	padding:0;/* Controls are absolutely position,so no padding necessary */
	height:32px;/* Including any margin you want above or below control items */
	color:#fff;
	border-top:1px solid #404040;
	background-color:#242424;
	background-image:-webkit-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
	background-image:-moz-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
	background-image:-ms-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
	background-image:-o-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
	background-image:linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424',endColorstr='#171717',GradientType=0 );*/
	/*Start hidden and with 0 opacity. Opacity is used to fade in modern browsers.*/
	/*Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly.*/
	visibility:hidden;
	opacity:0;
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
	position:relative;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	height:32px;
	width:32px;
}
.vjs-default-skin .vjs-control:focus {
	outline:0;
	/*background-color:#555;*/
}
/* Hide control text visually,but have it available for screenreaders:h5bp.com/v */
.vjs-default-skin .vjs-control-text {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
/* Play/Pause */
.vjs-default-skin .vjs-play-control {
	width:80px;
	cursor:pointer !important;
}
/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div {
	width:15px;
	height:17px;
	background:url('../view/img/custom/tvu/player.png');
	margin:8px auto 0;
}
.vjs-default-skin.vjs-playing .vjs-play-control div {
	width:15px;
	height:17px;
	background:url('../view/img/custom/tvu/player.png') -25px 0;
	margin:8px auto 0;
}
/* Rewind */
.vjs-default-skin .vjs-rewind-control {
	width:80px;
	cursor:pointer !important;
}
.vjs-default-skin .vjs-rewind-control div {
	width:19px;
	height:16px;
	background:url('../view/img/custom/tvu/player.png');
	margin:8px auto 0;
}
/* Volume | Mute */
.vjs-default-skin .vjs-mute-control {
	width:60px;
	cursor:pointer !important;
	float:right;
}
.vjs-default-skin .vjs-mute-control div {
	width:22px;
	height:16px;
	background:url('../view/img/custom/tvu/player.png') -75px -25px;
	margin:8px auto 0;
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
	background:url('../view/img/custom/tvu/player.png') 0 -25px;
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
	background:url('../view/img/custom/tvu/player.png') -25px -25px;
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
	background:url('../view/img/custom/tvu/player.png') -50px -25px;
}
.vjs-default-skin .vjs-volume-control {
	width:80px;
	float:right;
}
.vjs-default-skin .vjs-volume-bar {
	position:relative;
	width:80px;
	height:9px;
	margin:12px auto 0;
	cursor:pointer !important;
	border-radius:4px;
	background-color:#666;
	background-image:-webkit-linear-gradient(top,#333,#666);
	background-image:-moz-linear-gradient(top,#333,#666);
	background-image:-o-linear-gradient(top,#333,#666);
	background-image:-ms-linear-gradient(top,#333,#666);
	background-image:linear-gradient(top,#333,#666);
}
.vjs-default-skin .vjs-volume-level {
	position:absolute;
	top:0;
	left:0;
	height:9px;
	border-radius:4px;
	background-color:#fff;
	background-image:-webkit-linear-gradient(top,#fff,#ccc);
	background-image:-moz-linear-gradient(top,#fff,#ccc);
	background-image:-o-linear-gradient(top,#fff,#ccc);
	background-image:-ms-linear-gradient(top,#fff,#ccc);
	background-image:linear-gradient(top,#fff,#ccc);
}
.vjs-default-skin .vjs-volume-handle {
	position:absolute;
	top:-2px;
	left:0;
	width:12px;
	height:12px;
	background:#ccc;
	border:1px solid #fff;
	border-radius:9px;
}
/* Progress */
.vjs-default-skin div.vjs-progress-control {
	position:absolute;
	left:64px;
	right:64px;
	top:-20px;
	height:19px;
	width:auto;
	/* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
	border-bottom:1px solid #1F1F1F;
	border-top:1px solid #222;
	background-color:#333;
	background-image:-webkit-linear-gradient(top,#222,#333);
	background-image:-moz-linear-gradient(top,#222,#333);
	background-image:-o-linear-gradient(top,#333,#222);
	background-image:-ms-linear-gradient(top,#333,#222);
	background-image:linear-gradient(top,#333,#222);
	/*box-shadow:0px -1px 0px 0px rgba(0,0,0,0.15);*/
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
	position:relative;
	cursor:pointer !important;
	/*overflow:hidden;*/
	padding:0;
	margin:0; /* Placement within the progress control item */
	height:16px;
	border-radius:12px;
	background-color:#111;
	background-image:-webkit-linear-gradient(top,#111,#262626);
	background-image:-moz-linear-gradient(top,#111,#262626);
	background-image:-o-linear-gradient(top,#111,#262626);
	background-image:-ms-linear-gradient(top,#111,#262626);
	background-image:linear-gradient(top,#111,#262626);
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
	position:absolute;
	display:block;
	height:12px;
	margin:0;
	padding:0;
	left:0;
	top:2px;
	border-radius:12px;
	/*width:0;*/
}
.vjs-default-skin .vjs-play-progress {
	background-color:#efefef;
	background-image:-webkit-linear-gradient(top,#efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
	background-image:-moz-linear-gradient(top,#efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
	background-image:-o-linear-gradient(top,#efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
	background-image:-ms-linear-gradient(top,#efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
	background-image:linear-gradient(top,#efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef',endColorstr='#f1f1f1',GradientType=0);
}
.vjs-default-skin .vjs-load-progress {
	opacity:.8;
	background-color:#666;
	background-image:-webkit-linear-gradient(top,#666,#333);
	background-image:-moz-linear-gradient(top,#666,#333);
	background-image:-o-linear-gradient(top,#666,#333);
	background-image:-ms-linear-gradient(top,#666,#333);
	background-image:linear-gradient(top,#666,#333);
}
.vjs-default-skin div.vjs-seek-handle {
	position:absolute;
	width:16px;
	height:16px;/* Match img pixles */
	margin-top:0;
	left:0;
	top:0;
	background:url('../view/img/custom/tvu/player.png') 0 -50px;
	border-radius:12px;
	box-shadow:0 2px 4px 0 #000;
}
/* Time Display */
.vjs-default-skin .vjs-time-controls {
	position:absolute;
	right:0;
	height:19px;
	width:76px;
	top:-20px;
	border-bottom:1px solid #1F1F1F;
	border-top:1px solid #222;
	background-color:#333;
	font:normal 14px/14px Tahoma,Arial,sans-serif;
	background-color:#333;
	background-image:-webkit-linear-gradient(top,#222,#333);
	background-image:-moz-linear-gradient(top,#222,#333);
	background-image:-ms-linear-gradient(top,#333,#222);
	background-image:-o-linear-gradient(top,#333,#222);
	background-image:linear-gradient(top,#333,#222);
	/*box-shadow:0px -1px 0px 0px rgba(0,0,0,0.15);*/
}
.vjs-default-skin .vjs-current-time {
	left:0;
}
.vjs-default-skin .vjs-duration {
	right:0;
	display:none;
}
.vjs-default-skin .vjs-remaining-time {
	right:0;
}
.vjs-time-divider {
	display:none;
}
/* Centering vertically */
.vjs-default-skin .vjs-time-control span {
	line-height:25px;
}
/* Fullscreen */
.vjs-secondary-controls {
	float:right;
}
.vjs-default-skin .vjs-fullscreen-control {
	width:60px;
	cursor:pointer !important;
	float:right;
}
.vjs-default-skin .vjs-fullscreen-control div {
	width:16px;
	height:16px;
	background:url('../view/img/custom/tvu/player.png') -50px 0;
	margin:9px auto 0;
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
	background:url('../view/img/custom/tvu/player.png') -75px 0;
}
/* Big Play Button (at start) */
.vjs-default-skin .vjs-big-play-button {
	display:block; /* Start hidden */ 
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	width:90px;
	height:90px;
	margin:-45px 0 0 -45px;
	text-align:center;
	vertical-align:center;
	cursor:pointer !important;
	border:3px solid #fff;
	opacity:.95;
	border-radius:50px;
	box-shadow:4px 4px 8px #000;
	background-color:#454545;
	background-image:-webkit-linear-gradient(top,#454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
	background-image:-moz-linear-gradient(top,#454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
	background-image:-ms-linear-gradient(top,#454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
	background-image:-o-linear-gradient(top,#454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
	background-image:linear-gradient(top,#454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
}
html.ie6 .vjs-default-skin .vjs-big-play-button,
html.ie7 .vjs-default-skin .vjs-big-play-button,
html.ie8 .vjs-default-skin .vjs-big-play-button {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);
}
.vjs-default-skin div.vjs-big-play-button:hover {
	box-shadow:0 0 80px #fff;
}
.vjs-default-skin div.vjs-big-play-button span {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:35px;
	height:42px;
	margin:-20px 0 0 -15px;
	/* Using negative margin to center image. */
	background:url('../view/img/custom/tvu/player.png') -100px 0;
}
/*
Loading Spinner
CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/
*/
.vjs-loading-spinner {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:55px;
	height:55px;
	margin:-28px 0 0 -28px;
}
div.vjs-loading-spinner div.ball {
	display:inline-block;
	width:55px;
	height:55px;
	border-radius:55px;
	border:5px solid #eee;
	border-top-color:#f90;
	box-shadow:0 0 4px rgba(0,0,0,.3);
	
	-webkit-animation:loading 1s linear infinite;
	-moz-animation:loading 1s linear infinite;
	-ms-animation:loading 1s linear infinite;
	-o-animation:loading 1s linear infinite;
	animation:loading 1s linear infinite;
}
html.ie6 div.vjs-loading-spinner div.ball,
html.ie7 div.vjs-loading-spinner div.ball {
	display:inline;
	zoom:1;
}
html#ie div.vjs-loading-spinner div.ball {
	padding:20px;
	background-image:url('../view/img/custom/tvu/loading.gif');
	background-repeat:no-repeat;
	border-radius:0;
	border-width:0;
	box-shadow:none;
}
@-webkit-keyframes loading {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes loading {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes loading {
	0% {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes loading {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(360deg);}
}
@keyframes loading {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
#loading-mini {
	display:none;
	visibility:hidden;
}
/* Menu Buttons (Captions/Subtitles/etc.) */
.vjs-default-skin .vjs-menu-button {
	float:right;
	margin:3px 8px 0 0;
	padding:0;
	width:48px;
	height:24px;
	cursor:pointer !important;
	border:1px solid #111;
	border-radius:4px;
	background-color:#4d4d4d;
	background-image:-webkit-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-moz-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-ms-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-o-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Button Icon */
.vjs-default-skin .vjs-menu-button div {
	background:url('../view/img/custom/tvu/player.png') 0px -75px no-repeat;
	width:16px;
	height:16px;
	margin:3px auto 0;
	padding:0;
}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
	display:none; /* Start hidden. Hover will show. */
	padding:0;
	margin:0;
	position:absolute;
	width:120px;
	bottom:32px;
	max-height:240px;
	left:-56px; /* Width of menu - width of button / 2 */
	background-color:#111;
	border:2px solid #333;
	overflow:auto;
	opacity:.8;
	border-radius:8px;
	box-shadow:0 2px 4px 0 #000;
}
.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul {
	display:block;
	list-style:none;
}
.vjs-default-skin .vjs-menu-button ul li {
	list-style:none;
	margin:0;
	padding:4px 0 4px 20px;
	font:normal 19px\22px Tahoma,Arial,sans-serif;
	text-align:left;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	text-decoration:underline;
	background:url('../view/img/custom/tvu/player.png') -125px -50px no-repeat;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	background-color:#ccc;
	color:#111;
	outline:0;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0 0 4px 0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:28px;
	cursor:default;
	background-color:#4d4d4d;
	background-image:-webkit-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-moz-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-o-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:-ms-linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
	background-image:linear-gradient(top, #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div {
	background-position:-25px -75px;
}
.vjs-default-skin .vjs-chapters-button div {
	background-position:-100px -75px;
}
.vjs-default-skin .vjs-chapters-button ul {
	width:320px;
	left:-136px;/* Width of menu - width of button / 2 */
}