/* ************ */
/* reset */
.video-player div, .video-player  .video-player dl, .video-player dt, .video-player dd, .video-player ul, .video-player ol, .video-player li, .video-player h1, .video-player h2, .video-player h3, .video-player h4, .video-player h5, .video-player h6, .video-player pre, .video-player code, .video-player form, .video-player fieldset, .video-player legend, .video-player input, .video-player textarea, .video-player p, .video-player blockquote, .video-player th, .video-player td{margin:0;padding:0;}
.video-player fieldset, .video-player img{border:0;}
.video-player address, .video-player caption, .video-player cite, .video-player code, .video-player dfn, .video-player th, .video-player var{font-style:normal;font-weight:normal;}
.video-player li{list-style:none;}
.video-player caption, .video-player th{text-align:left;}
.video-player h1, .video-player h2, .video-player h3, .video-player h4, .video-player h5, .video-player h6{font-size:100%;font-weight:normal;}
.video-player q:before, .video-player q:after{content:'';}
.video-player abbr, .video-player acronym {border:0;font-variant:normal;}
.video-player sup {vertical-align:text-top;}
.video-player sub {vertical-align:text-bottom;}
.video-player input, .video-player textarea, .video-player select{font-family:inherit;font-size:inherit;font-weight:inherit;}
.video-player input, .video-player textarea, .video-player select{*font-size:100%;}
.video-player legend{color:#000;}
.video-player table {font-size:inherit;font:100%;}
.video-player pre, .video-player code, .video-player kbd, .video-player samp, .video-player tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* fundamentals */
.video-player {}
.video-play, .volume-button {
	cursor: pointer;
}
.video-timer {
	cursor: default;
}
.video-player .img {
	width: auto; height: auto;	
}
/* **************************************************************** */
/* ** BASE THEME ************************************************** */
/* **************************************************************** */
.video-player {
	float: left;
	position: relative;
	padding: 0px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
/* backing */
.video-player .video-controls {
	position: absolute;
	display: block;
	float: left;
	clear: both;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0px;
	background-color: rgba(0,0,0,.6);
	height: 36px;
}
.video-player .video-play, .video-player .video-seek, .video-player .volume-box, .video-timer {
	float: left;
}
/* autohide */
.video-player video:hover + .video-controls {
	visibility: visible;
	opacity: 1;
}
.video-player .video-controls:hover {
	visibility: visible;
	opacity: 1;
}
.autohide {
	opacity: 0;
	visibility: hidden;
	
	-moz-transition: all .5s ease-in-out; /* Firefox */
	-webkit-transition: all .5s ease-in-out; /* Safari and Chrome */
	-o-transition: all .5s ease-in-out;  /* Opera */
	transition: all .5s ease-in-out; 
}
.autohide:hover {
	visibility: visible;
	opacity: 1;
}
/* play-pause */
.video-player .video-play {
	display: block;
	margin:0px;
	width: 34px;
	height: 28px;
	margin-right: 15px;
	padding-top: 4px;
	background: url(../images/play-icon.png) no-repeat;	
	border: none;
	opacity: 0.7;
	border-right: 1px solid #555;
	
	-moz-transition: all 0.2s ease-in-out; /* Firefox */
	-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out;  /* Opera */
	transition: all 0.2s ease-in-out;
}
.video-player .paused-button {
	background: url(../images/pause-icon.png) no-repeat;
}
.video-player .video-play:hover {	
    opacity: 1;
}
/* display */
.video-player video {
	float: left;
}
/* seek */
.video-player .video-seek {
	position:absolute;
	width: auto;
	height: 8px;
	bottom: 0px; right: 0px; left: 0px;	
	border: 0px;

	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;	
	overflow: hidden;
	
	background: #646464;
	background-image: -moz-linear-gradient(top, #646464, #555555);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #646464),color-stop(1, #555555));
	
	box-shadow: inset 0 -3px 3px #333333;
}
.video-player .video-seek .seek-handle {
	position: absolute; 
	width: 0px; 
	height: 0px;
	top: 0px; left: 0%;
	border-top: 0px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #000000;
	
	background-image: none;
	background-color: transparent;
	
	box-shadow: inset 0 -3px 3px #d5d5d5;
}
.video-player .video-seek .seek-progress {
	position: absolute; display: block;
	top: 0px; left: 0px;
	width: 8px; height: 8px;

	background: #4cbae8;
	background-image: -moz-linear-gradient(top, #4cbae8, #39a2ce);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4cbae8),color-stop(1, #39a2ce));
	
	box-shadow: inset 0 -3px 3px #39a2ce;
}
/* timer */
.video-player .video-timer {
	position: absolute;
	margin-top: 8px;
	right: 172px;
	color: #d6d6d6;
	font-size: 0.7em;
	text-align: right;	
}
/* volume */
.video-player .volume-box {
	position: absolute;
	margin: 0px;
	bottom: 8px;
	right: 126px;
	width: 36px;
	height: 28px;
	color: #fff;
	padding: 0px;
	
	-moz-transition: all 0.1s ease-in-out; /* Firefox */
	-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out;  /* Opera */
	transition: all 0.1s ease-in-out; 
}
.video-player .volume-box:hover {	
	height: 140px;
}
.video-player .volume-box:hover .volume-slider {
	position: relative;
	visibility: visible;
	opacity: 1;
}
.video-player .volume-slider {	
	position: relative;
	height: 100px;
	width: 7px;
	left: 15px;
	
	visiblity: hidden;
	opacity: 0;
	
	border: 1px solid #444;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	
	background: #535353;
	background-image: -moz-linear-gradient(top, #535353, #333333);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
	
	box-shadow: inset 0 3px 3px #333333;
	
	-moz-transition: all 0.1s ease-in-out; /* Firefox */
	-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.1s ease-in-out;  /* Opera */
	transition: all 0.1s ease-in-out; 
}
.video-player .volume-handle {
	position: absolute;
	width: 12px;
	height: 12px;
	left: -4px;
	margin-bottom:-0.6em;
	margin-left:0;
	border: 1px solid #333;	

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
	
	box-shadow: inset 0 3px 3px #d5d5d5;	
}
.video-player .volume-handle.ui-state-hover {
	background: #fff;
}
.video-player .volume-range {
	position: absolute;
	display: block;
	width: 100%; height: 100%;
	left: 0px; bottom: 0px;
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
		
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
	
	box-shadow: inset 0 3px 3px #d5d5d5;
}
/* mute button */
.video-player .volume-button {
	position: absolute; display: block;
	bottom: 0px;
	width: 36px; height: 28px;
	margin:0px; padding: 0px;
	border: none;
	border-left: 1px solid #555;
	
	background: url(../images/volume-full-icon.png) no-repeat;
	text-indent: -9999px;
	
	opacity: 0.8;
}
.video-player .volume-button:hover {
	opacity: 1;
}
.video-player .volume-mute {
	background: url(../images/volume-mute-icon.png) no-repeat;
}
.video-player.default {
	padding:0px;
}
.video-player .screen-small-format.selected, .video-player .screen-large-format.selected, .video-player .screen-full-format.selected {
	background-color: #343532;
}
.video-player .screen-small-format, .video-player .screen-large-format, .video-player .screen-full-format { 
	position: absolute; display: block; float: left;
	width: 42px; height: 28px;
	top: 0px; 
	background: none;
	margin:0px; padding: 0px;
	border: none;
	border-left: 1px solid #555;
	cursor: pointer;
	opacity: 0.8;
	bottom: 12px;
}
.video-player .screen-small-format:hover, .video-player .screen-large-format:hover, .video-player .screen-full-format:hover {
	opacity: 1;
}
.video-player .screen-small-format {
	right: 84px;
	
	background: url(../images/screen-small-format-icon.png) no-repeat;
	text-indent: -9999px;
}
.video-player .screen-large-format {
	right: 42px;
	
	background: url(../images/screen-large-format-icon.png) no-repeat;
	text-indent: -9999px;
}
.video-player .screen-full-format {
	right: 0px;
	
	background: url(../images/screen-full-format-icon.png) no-repeat;
	text-indent: -9999px;
}
/* **************************************************************** */
/* ** MLB VPP 2010 ************************************************ */
/* **************************************************************** */
.video-player.vpp2010 .video-timer {
	right: 92px;
}
.video-player.vpp2010 .volume-box {
	right: 48px;
}
.video-player.vpp2010 .screen-small-format, .video-player.vpp2010 .screen-large-format {
	right: 0px; bottom: 0px;
	width: 0px;
	height: 0px;
	background: none;
	visibility: hidden;
}
/* **************************************************************** */
/* ** GAMEDAY APP SKIN ******************************************** */
/* **************************************************************** */
.video-player.gdapp .video-timer {
	right: 46px;
}
.video-player.gdapp .volume-box {
	right: 0px;
}
.video-player.gdapp .screen-small-format, .video-player.gdapp .screen-large-format, .video-player.gdapp .screen-full-format {
	right: 0px; bottom: 0px;
	width: 0px;
	height: 0px;
	background: none;
	visibility: hidden;
}

/* **************************************************************** */
/* ** VIRAL VIDEO ************************************************* */
/* **************************************************************** */
.video-player.viral_video_skin .video-play {
	margin-left: 85px;
}
.video-player.viral_video_skin .video-timer {
	right: 92px;
	text-align: right;	
}
.video-player.viral_video_skin .volume-box {
	right: 48px;
}
.video-player.viral_video_skin .screen-small-format, .video-player.viral_video_skin .screen-large-format {
	right: 0px; bottom: 0px;
	width: 0px;
	height: 0px;
	background: none;
	visibility: hidden;
}
.video-player.viral_video_skin .screen-full-format {
	right: 6px;
}

/* **************************************************************** */
/* ** VIRAL VIDEO NO FULL ***************************************** */
/* **************************************************************** */
.video-player.viral_video_no_full .video-play {
	margin-left: 85px;
}
.video-player.viral_video_no_full .video-timer {
	right: 44px;
	text-align: right;	
}
.video-player.viral_video_no_full .volume-box {
	right: 6px;
}
.video-player.viral_video_no_full .screen-small-format, .video-player.viral_video_skin .screen-large-format .screen-full-format {
	right: 0px; bottom: 0px;
	width: 0px;
	height: 0px;
	background: none;
	visibility: hidden;
}

/* **************************************************************** */
/* EMBED OVERLAY ************************************************** */
/* **************************************************************** */
#module_content {
	background:#fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
.copy-container,
.embed-container {
	 width:460px;
	 margin:0 auto;
}
#popModule .embed-container p {
 margin:1em 0;
}
#popModule .copy-container p {
 margin:0 0 .5em;
 font-weight:bold;
}
.copy-code,
.embed-code {
 font-size:1em;
 padding:.5em;
 width:445px;
 margin:.5em 0 1em;
}
.copy-code {
 height:50px;
 margin:0 0 1em;
}
.embed-code {
 	height:185px;
}
/* **************************************************************** */
/* ** POSTER DISPLAY ********************************************** */
/* **************************************************************** */
.videoPosterContainer {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 32;
	overflow: hidden;
}
.videoPosterDisplay {
	position: relative;
	width: auto;
	height: auto;
	z-index: 1;
}
.videoPosterOverlay {
	position: absolute;
	top: 28px;
	left: 12px;
	z-index: 2;
}
.videoPosterWatermark {
	position: absolute;
	bottom: 20px;
	left: 12px;
	z-index: 3;
}