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

/*====================================================================
Video Player
======================================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    background-color: #000000;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
a:focus {
    outline: none;
}
.videoheader {
	width:100%;
	height:50px;
}
.videotitleleft {
	float:left;
	background:url("bg_videotitle.png") left;
	width:1%;
	height:50px;
}
.videotitletitle {
	float:left;
	background:url("bg_videotitle.png") center;
	width:98%;
	height:50px;
	font-size:12px;
	font-weight:bold;
	color:#d6dcdc;
}
.videotitleright {
	float:left;
	background:url("bg_videotitle.png") right;
	width:1%;
	height:50px;
}
.title {
	position:absolute;
	left:12px;
	top:10px;
	width:70%;
	vertical-align:middle;
}
.embed {
	position:absolute;
	right:12px;
	top:13px;
}
a.embedrollover{
	display: block;
	width:116px;
	height:20px;
	text-decoration: none;
	background:url("embed.png") top;
}
a.embedrollover:hover {
	background-position: 0 -20px;
}
a.embedrollover:active {
	background-position: 0 -40px;
}
.displace {
	position: absolute;
	left: -5000px;
}
.hide {
	display:none;
}

/*====================================================================
Embed code
======================================================================*/

.videoStart {
	background-color:#000000;
	height:482px;
	width:800px;
	margin: 0 auto;
	padding-top:16px;
}
.videoStart h1 {
	font-size:22px;
	color: #00adfc;
	font-weight:normal;
	padding:24px 50px 14px 50px;
	text-align:center;
	margin:0;
}
.videoStart p {
	font-size: 125%;
	color:#557a8e;
	text-align:center;
	margin:0;
}
.play a {
	background:url("play.png") no-repeat top;
	width:108px;
	height:99px;
	margin: 0 auto;
	margin-top:19px;
	display:block;
	text-indent: -9999px;
}
.play a:hover {
	background:url("play.png") no-repeat bottom;
}
.embedcode {
	font-size: 115%;
	line-height:20px;
	width:700px;
	margin: 0 auto;
	margin-top:19px;
	margin-bottom:19px;
	padding:10px;
	text-align:left;
	word-wrap:break-word;
	border:1px solid #6c6c6c;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.embedcode:hover {
	border:1px solid #9c9c9c;
}