/*
VideoJS Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* 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.*/
}

/* 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%;
  z-index:999;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Individual tracks */
.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }

/* 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 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.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;
}

/* 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; display:none; }
.vjs-time-divider { display:none; }


	/* Spriters */
	.warcry-skin .vjs-paused div, .warcry-skin .vjs-playing div, .warcry-skin .vjs-play-control div, .warcry-skin .vjs-mute-control div,
	.vjs-default-skin .vjs-mute-control.vjs-vol-0 div, .vjs-default-skin .vjs-mute-control.vjs-vol-1 div, .vjs-default-skin .vjs-mute-control.vjs-vol-2 div,
	.warcry-skin .vjs-fullscreen-control div, .warcry-skin .vjs-controls, .warcry-skin div.vjs-big-play-button span, .warcry-skin div.vjs-big-play-button 
	{background-image:url(images/misc/media-controls.png); background-repeat:no-repeat;}

.video-js {
	box-shadow: 0 0 40px #000, 0 0 10px rgba(0,0,0,.6), 0 0 0 5px rgba(0,0,0,.2);
	}	
	.warcry-skin .vjs-controls {
	width:802px; height:48px;
	background-position:-0px -229px;
	border-radius:6px;
	border:none;
	position: absolute;
  	bottom: 20px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  	left: 50%;
	margin:0 0 0 -401px;
	box-shadow:inset 0 1px 0 rgba(255,227,36,.2), 0 0 35px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 20px rgba(0,0,0,.7);
	}

	/* Play/Pause */
	.warcry-skin .vjs-play-control {
		cursor: pointer !important;
		width:48px; height:36px;
		display:block;
		float:left;
		background:rgba(0,0,0,.62);
		border-radius:5px;
		margin:6px 0 0 7px;
		transition:box-shadow 500ms;
		-moz-transition:box-shadow 500ms;
		-webkit-transition:box-shadow 500ms;
		-o-transition:box-shadow 500ms;
		box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		}
		.warcry-skin .vjs-play-control:hover {
		/*box-shadow:inset 0 0 9px rgba(255,255,255,.06), 0 -1px 0 rgba(255,255,255,.05), 0 0 5px rgba(0,0,0,.5);*/
		}
		.warcry-skin .vjs-play-control div {
			width: 14px; height: 23px; 
			background-position:-64px -0px;
			margin:7px 0 0 2px;
			}
			.warcry-skin .vjs-play-control:hover div {background-position:-78px -0px;}
			
		/* Play Icon */
		.warcry-skin .vjs-paused div { 
			width: 14px; height: 23px; 
			background-position:-64px -0px;
			margin:7px 0 0 2px;
			}
			.warcry-skin .vjs-paused:hover div {background-position:-78px -0px;}
		.warcry-skin .vjs-playing div {
			width: 18px; height: 21px;
			background-position: -168px -0px;
			margin:7px 0 0 -1px;
			}
			.warcry-skin .vjs-playing:hover div {background-position:-186px -0px;}
	
	
	/* TIMERS */
	.warcry-skin .vjs-current-time { left: 0; display:none;}
	.warcry-skin .vjs-duration { right: 0; display: none; }
	.warcry-skin .vjs-remaining-time { right: 0; display:none;}
	
	/* Progress */
		.warcry-skin div.vjs-progress-control {
		width:564px; height:36px;
		background:rgba(0,0,0,.62);
		border:none;
		border-radius:5px;
		display:block;
		float:left;
		margin:6px 0 0 7px;
		box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		}		
		.warcry-skin .vjs-progress-holder {
			width:535px; height:10px;
			background:rgba(0,0,0,.7);
			border-radius:4px;
			box-shadow:inset 0 1px 1px #000, 0 1px 0 rgba(255,255,255,.03);
			margin:13px 0 0 0;
			padding:0 2px;
			}	
			.warcry-skin .vjs-load-progress {
			position:absolute;
			left:0; top:0;
			width:auto; height:6px;
			z-index:1;
			opacity:0;
			}
			.warcry-skin .vjs-play-progress {
			position:absolute;
			left:2px; top:2px;
			width:auto; height:6px;
			z-index:2;
			background:url(images/misc/player-timeline-end.gif) no-repeat right, url(images/misc/player-timeline.gif) repeat-x;
			border-radius:3px;
			/* transition:all 500ms;
			   -moz-transition:all 500ms;
			   -webkit-transition:all 500ms;
			   -o-transition:all 500ms;  */
			}
			.warcry-skin .vjs-seek-handle {
				position: absolute;
				top:1px;
				width:15px; height:8px;
				border-radius:6px;
				background:#a73305;
				z-index:3;
				cursor: pointer;
				box-shadow:0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0,0,0,.8), inset 0 0 0 1px #ffd15e,inset 0 0 0 2px #602108;
				transition:background 500ms;
				-moz-transition:background 500ms;
				-webkit-transition:background 500ms;
				-o-transition:background 500ms;
				}
				.warcry-skin .vjs-seek-handle:hover {background:#ff4f09;}
				
				
	/* Volume Control */
	.warcry-skin .vjs-mute-control {
		width:38px; height:36px;
		float:left;
		background:rgba(0,0,0,.62);
		border-bottom-left-radius:5px; border-top-left-radius:5px;
		margin:6px 0 0 7px;
		box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		}
		.warcry-skin .vjs-mute-control div {
		width:24px; height:21px;
		background-position: -0px -153px;
		margin:7px 0 0 4px;
		cursor:pointer;
		}
		.warcry-skin .vjs-mute-control div:hover {background-position: -24px -153px;}
			
		.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background-position: -0px -174px;}
		.vjs-default-skin .vjs-mute-control.vjs-vol-0 div:hover { background-position: -24px -174px;}
			
		.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background-position: -48px -195px; }
		.vjs-default-skin .vjs-mute-control.vjs-vol-1 div:hover { background-position: -72px -195px; }
			
		.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background-position: -0px -195px; }
		.vjs-default-skin .vjs-mute-control.vjs-vol-2 div:hover { background-position: -24px -195px; }
		
		.vjs-default-skin .vjs-mute-control.vjs-vol-3 div { background-position: -0px -153px; }
		.vjs-default-skin .vjs-mute-control.vjs-vol-3 div:hover { background-position: -24px -153px; }
		
	/* Volume bar */	
	.warcry-skin .vjs-volume-control {
		width:80px; height:36px;
		position:absolute;
		right:51px; top:6px;
		background:rgba(0,0,0,.62);
		border-bottom-right-radius:5px; border-top-right-radius:5px;
		box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		}
		.warcry-skin .vjs-volume-bar {
			position:relative;
			width:60px; height:10px;
			background:rgba(0,0,0,.7);
			border-radius:4px;
			box-shadow:inset 0 1px 1px #000, 0 1px 0 rgba(255,255,255,.03);
			margin: 14px 7px 0 0;
			z-index:1;
			}
		.warcry-skin .vjs-volume-level {
			position: absolute; top: 0; left: 0;
			width:auto; height:6px;
			z-index:2;
			background:url(images/misc/player-timeline.gif) repeat-x;
			border-radius:3px;
			margin:2px 0 0 0;
			left:2px;
			}
		.warcry-skin .vjs-volume-handle {
			position: absolute;
			top:1px;
			margin:0 0 0 0;
			width:12px; height:8px;
			border-radius:6px;
			background:#a73305;
			z-index:3;
			cursor: pointer;
			box-shadow:0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0,0,0,.8), inset 0 0 0 1px #ffd15e,inset 0 0 0 2px #602108;
			transition:background 500ms;
			-moz-transition:background 500ms;
			-webkit-transition:background 500ms;
			-o-transition:background 500ms;
			}
	
	/* Fullscrean */
	.warcry-skin .vjs-fullscreen-control {
		width:37px; height:36px;
		display:block;
		float:right;
		background:rgba(0,0,0,.62);
		border-radius:5px;
		cursor:pointer;
		margin: 6px 7px 0 0;
		box-shadow:inset 0 0 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,227,36,.15);
		}
		.warcry-skin .vjs-fullscreen-control div {
		width:23px; height:17px;
		background-position: -122px -0px;
		margin:9px 0 0 0;
		}
		.warcry-skin .vjs-fullscreen-control div:hover {background-position: -145px -0px;}
				
	
	/* Big Play Button (at start)*/
	
	.warcry-skin .vjs-big-play-button {
		position:absolute;
		top:50%; left:50%;
		margin:-37px 0 0 -32px;
		display: block; /* Start hidden */ 
		z-index: 2;
		cursor:pointer;
		width:64px; height:75px;
		background-position:-0px -0px;
		z-index:1000;
		}
		.warcry-skin div.vjs-big-play-button span {
		display:block;
		width:64px; height:75px;
		background-position:-0px -75px;
		opacity:0;
		transition:all 500ms;
		-moz-transition:all 500ms;
		-webkit-transition:all 500ms;
		-o-transition:all 500ms;
		}
		.warcry-skin div.vjs-big-play-button:hover span { opacity:.7;}