@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

#container_dc {
	position: absolute;
	width: 298px;
	height: 598px;
	border: 1px solid #666666;
	top: 0px;
	left: 0px;
	margin: auto;
	overflow: hidden;

	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	left: -30px;
	top: -60px;

}

#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	z-index: 100;
}

/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 700;
}

/* Div layer containing the video player and video controls. */
#video1_container_dc {
	position: absolute;
	width: 298px;
	height: 598px;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	z-index: 500;
}

#vid1 {
	z-index: 600;
}

:focus {
	outline: none;
}

::-moz-focus-inner {
	border: 0;
}

::-moz-focus-inner {
	border: 0;
}


#endframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 600px;
	z-index: 590;
	opacity: 0;
}

#whiteBlocker {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 600px;
	/*    background: url("../images/poster.jpg") center center no-repeat;*/
	background-color: #fff;
	z-index: 590;
}

.controls {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 800;
	opacity: 0;
}