body{
	margin:0;
	padding:0;
}



.trivia-window{
	position:absolute;
	z-index:9999;
	left:50%;
	margin-left:-262px;
	top:50%;
	margin-top:300px;
	background-image:url('../img/trivia_panel.png');
	width:524px;
	height:354px;
	background-repeat: no-repeat;
}

.poll-window{
	position:absolute;
	z-index:9999;
	left:50%;
	margin-left:-262px;
	top:50%;
	margin-top:300px;
	background-image:url('../img/poll_panel.png');
	width:524px;
	height:354px;
	background-repeat: no-repeat;
}

.factoid-window{
	position:absolute;
	z-index:9999;
	left:50%;
	margin-left:-262px;
	top:50%;
	margin-top:300px;
	background-image:url('../img/factoid_panel.png');
	width:524px;
	height:354px;
	background-repeat: no-repeat;
}

.konami-window{
	width: 554px;
	height: 155px;
	background-image: url('../img/konami_panel.png');
	position: absolute;
	z-index: 10000;
	margin-top: 350px;
	top: 50%;
	left: 50%;
	margin-left: -276px;
}

.konami-window .konami-text{
	width: 424px;
	height: 30px;
	font-family: "Arial",sans-serif;
	color: white;
	margin-top: 98px;
	margin-left: 73px;
	text-align:center;
	letter-spacing:10px;
}

.konami-window .konami-text img{
	width:15px;
	margin-top:6px;
	margin-right:13px;
}

.konami-window .bonusButtons{
	width:100%;
	margin-top:110px;
	height:30px;
	padding-left:150px;
}

.konami-window .bonusButtons .cancelVideo{
	width:120px;
	height:26px;
	float:left;
	cursor:pointer;
	background-image:url('../img/cancelVideo.png');
}

.konami-window .bonusButtons .showVideo{
	width:120px;
	margin-right:5px;
	height:26px;
	float:left;
	cursor:pointer;
	background-image:url('../img/playVideo.png');
}

.factoid-window .factoid-container{
	width:440px;
	height:260px;
	text-align:left;
	color:#fff;
	font-family:"Lucida Grande","Arial",sans-serif;
	font-size:14px;
	padding:10px;
	margin-top:20px;
	margin-left:45px;
	float:left;
	font-weight:bold;
}

.factoid-window .factoid-container ul{
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 0px;
	margin-top: 0px;
}

.factoid-window .factoid-container ul li{
	margin-bottom:15px;
	text-transform:uppercase;
}

.poll-window .getting-results{
	width:128px;
	height:15px;
	background-position:center center;
	background-image:url('../img/getting-results.gif');
	position:absolute;
	top:190px;
	left:100%;
	margin-left:-225px;
	display:none;
	z-index:9999;
}


.trivia-window .trivia-option:hover{
	color:#f1f1f1;
}


.trivia-window .trivia-question{
	width:465px;
	text-align:center;
	color:#fff;
	font-family:"Lucida Grande","Arial",sans-serif;
	text-transform: uppercase;
	font-size:16px;
	padding:10px;
	margin-top:30px;
	margin-left:30px;
	float:left;
	font-weight:bold;
}

.trivia-window .trivia-options-container{
	width: 360px;
	float: left;
	clear: left;
	margin-left:90px;
	margin-top:30px;
}

.trivia-window .trivia-message-container{
	width: 360px;
	float: left;
	clear: left;
	margin-left: 90px;
	margin-top:3px;
	font-family:"Lucida Grande","Arial",sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.trivia-window .trivia-message-container span.small{
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
}

.trivia-window .trivia-option{
	width: 160px;
	height:20px;
	background-image:url('../img/trivia-button-bg.jpg');
	padding: 10px 0px 8px 0px;
	color: #fff;
	font-family: "Lucida Grande","Arial",sans-serif;
	font-size: 14px;
	cursor: pointer;
	text-transform:uppercase;
	float: left;
	text-align: center;
	margin-left:15px;	
	margin-bottom:15px;
	font-weight:bold;
	text-shadow: 0px 0px 2px #000;
        filter: dropshadow(color=#000, offx=0, offy=0);
}

.poll-window .poll-question{
	width:465px;
	text-align:center;
	color:#fff;
	font-family:"Lucida Grande","Arial",sans-serif;
	text-transform: uppercase;
	font-size:16px;
	padding:10px;
	margin-top:30px;
	margin-left:30px;
	float:left;
	font-weight:bold;
}

.poll-window .poll-option{
	width: 110px;
	height:20px;
	padding: 10px;
	color: white;
	font-family: "Lucida Grande","Arial",sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	float: left;
	text-align: left;
	padding-left: 35px;
	padding-top:9px;	
	margin-bottom:5px;
	font-weight:bold;
}

.poll-window .poll-option.selected{
	background-image:url('../img/option-selected.png');
	background-position:center left;
	background-repeat: no-repeat;
}

.poll-window .poll-option.unselected{
	background-image:url('../img/option-deselect.png');
	background-position:center left;
	background-repeat: no-repeat;
}

.poll-window .poll-option:hover{
	color:#c258c7;
}

.poll-window .poll-options-container{
	width: 175px;
	float: left;
	clear: left;
	margin-left: 65px;
	margin-top:19px;
}

.poll-window .poll-results-container{
	width: 200px;
	float: left;
	margin-left: 15px;
	margin-top:25px;
}

.poll-window .result-bar{
	display:none;
	width: 215px;
	height:30px;
	float: left;
	clear: left;
	color:#fff;
	font-family:"Lucida Grande","Arial",sans-serif;
	font-size:14px;
	font-weight:bold;
	background-image:url('../img/result-bar-bg.jpg');
	background-position:top left;
	background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 8px rgba(194, 88, 199, 1);
	-moz-box-shadow:    0px 0px 8px rgba(194, 88, 199, 1);
	box-shadow:         0px 0px 8px rgba(194, 88, 199, 1);
	margin-bottom:13px;
}

.poll-window .result-bar .dynamo{
	width:210px;
	height:25px;
	text-align: right;
	padding-top:5px;
	padding-right:5px;
	color:#454545;
	font-family:"Lucida Grande","Arial",sans-serif;
	font-size:18px;
	font-weight:bold;
	background-image:url('../img/percent-bar-bg.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.hotspot{
	display:none;
	position:absolute;
	z-index:999;
	cursor:pointer;
}

.hotspot.trivia{
	background-image:url('../img/hotspot-trivia-bg.png');
}
.hotspot.factoid{
	background-image:url('../img/hotspot-factoid-bg.png');
}
.hotspot.poll{
	background-image:url('../img/hotspot-poll-bg.png');
}
.hotspot.glitch{
	background-image:url('../img/hotspot-glitch-bg.png');
}

.hotspot.trivia:active{
	background-image:url('../img/hotspot-trivia-bg-over.png');
}
.hotspot.factoid:active{
	background-image:url('../img/hotspot-factoid-bg-over.png');
}
.hotspot.poll:active{
	background-image:url('../img/hotspot-poll-bg-over.png');
}
.hotspot.glitch:active{
	background-image:url('../img/hotspot-glitch-bg-over.png');
}

#vidbox{
	position:absolute;
	z-index:2;
}

.close-button,.close-button-no-resume{
	float:right;
	width:40px;
	height:40px;
	cursor:pointer;
}

.close-button.play-from-in{
	width:121px;
	height:28px;
	background-image:url('../img/play-main.png');
	background-position:center center;
	background-repeat: no-repeat;
	margin-right:155px;
	margin-top:7px;
}

#firstPlayBtn{
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left:-100px;
	padding:20px 0px 20px 0px;
	width: 200px;
	text-align:center;
	background-color:white;
	cursor: pointer;
	z-index:9999;
}

#videoPlayer{
	width:720px;
	position:relative;
	height:400px;
	overflow:hidden;
	background-color:#000;
}

#videoPlayer video{
	margin-top:47px;
}

#videoOverlay{
	position:absolute;
	left:0px;
	top:0px;
	width:720px;
	height:400px;
	z-index:9998;
	background-color:rgba(0,0,0,0.8);
}

#videoControls{
	width:720px;
	height:50px;
	position:absolute;
	z-index:9997;
	background:#000;
	top:348px;
}

#videoProgressBg{
	width:500px;
	height:10px;
	float:left;
	margin-top:20px;
	z-index:9997;
	background-color:#580a15;
}

#videoProgress{
	width:0%;
	height:10px;
	background: #d42e34; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff3019 0%, #840202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#840202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#840202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#840202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#840202 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#840202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#840202',GradientType=0 ); /* IE6-8 */
}

#playpause{
	float:left;
	width:50px;
	height:50px;
	cursor:pointer;
}

#playpause.playing{
	background-image:url('../img/pause-bg.png');
	background-position:center right;
	background-repeat: no-repeat;
}

#playpause.paused{
	background-image:url('../img/play-bg.png');
	background-position:center right;
	background-repeat: no-repeat;
}

#playpause.replay{
	background-image:url('../img/replay-bg.png');
	background-position:center right;
	background-repeat: no-repeat;
}

#sound{
	float:left;
	width:50px;
	height:50px;
	cursor:pointer;
}

#sound.unmuted{
	background-image:url('../img/sound-on.png');
	background-position:center left;
	background-repeat: no-repeat;
}

#sound.muted{
	background-image:url('../img/sound-off.png');
	background-position:center left;
	background-repeat: no-repeat;
}

#duration,#position{
	float:left;
	width:50px;
	padding-top:20px;
	font-size:10px;
	font-family:"Arial",sans-serif;
	color:#fff;
	text-align:center;
}

#instructions{
	position:absolute;
	z-index:9999;
	left:50%;
	margin-left:-262px;
	top:50%;
	margin-top:300px;
	background-image:url('../img/instructional_panel.png');
	width:524px;
	height:354px;
	background-repeat: no-repeat;
}

#instructions .text{
	margin-left: 60px;
	margin-top: 150px;
	width: 425px;
	height: 180px;
	color: white;
	font-family: "Lucida Grande","Arial",sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 14px;	
}

#instructions .text li{
	font-size:18px;
	margin-bottom:15px;
}