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

body {
	background:url(images/bg.png);
	font-family:Helvetica, Arial, sans-serif;}
	
	
.container {width:980px; margin: 0 auto;}
	
.htmmlogo {
	background: url('images/spikeability-large.png') no-repeat ;
	background-size:contain;
	width:314px;
	height:70px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	}
	
h1.htmmhl {font-size:44px; text-align:center; margin:0px;}

#challenge-video {width:640px; height:360px; background:#fff; border:#CCC solid thin; -webkit-border-radius: 5px;
border-radius: 5px; margin:0 auto; margin-top:70px; margin-bottom:20px; padding: 10px 10px 12px 10px;}
.side {max-width:400px; margin:0 auto; text-align:center;}
.htmm-field {
	margin-bottom:10px;}
.htmm-field input#inf_field_Email {width:307px; margin:0 auto; height:30px; padding:10px; font-size:22px; color:#666; text-align:center;}

.yes-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffe88c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffe88c;
	box-shadow:inset 0px 1px 0px 0px #ffe88c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdd94a), color-stop(1, #ecad00) );
	background:-moz-linear-gradient( center top, #fdd94a 5%, #ecad00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd94a', endColorstr='#ecad00');
	background-color:#fdd94a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e8a920;
	display:inline-block;
	color:#b25c00;
	font-family:arial;
	font-size:31px;
	font-weight:bold;
	padding:14px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #f9da74;
	
}
.yes-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ecad00), color-stop(1, #fdd94a) );
	background:-moz-linear-gradient( center top, #ecad00 5%, #fdd94a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecad00', endColorstr='#fdd94a');
	background-color:#ecad00;
	cursor:pointer;
}
.yes-button:active {
	position:relative;
	top:1px;	
}