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

#container{position:relative; width:992px; display:block; background:#eeeeee}
#container .title{position:absolute; top:38px; left:188px}
#container .context{position:absolute; display:block}
#container .context p{margin:0}
#container .context p, #container .context a{font-size:16px; line-height:30px}
#container .context p .highlight, #container .context a{color:#069edb; font-weight:bold}
#container .context a.more{float:right}
#container .context .subhead{margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #aaaaaa}

#container a.joinow, #container a.nextstep, #container a.submit, #container a.back{position:absolute; display:block; left:770px; top:57px; padding:15px 35px; color:#FFF; border:1px solid #007ba4; box-shadow:2px 2px 2px rgba(0,0,0,0.2); background:#1d9dc7; text-decoration:none}
#container a.nextstep{left:880px; top:390px; padding:5px 8px; font-weight:bold}
#container a.submit{position:relative; display:inline-block; left:auto; top:auto; padding:10px 200px; margin:20px 240px; font-size:24px; font-weight:bold}
#container a.back{position:relative; display:inline; left:460px; top:auto; padding:5px 8px; font-weight:bold}
#container a.joinow.bottom{left:510px; top:1080px; padding:15px 163px}
#container a.joinow:hover, #container a.nextstep:hover, #container a.submit:hover, #container a.back:hover{border:1px solid #086789; box-shadow:2px 2px 2px rgba(0,0,0,0.3); background:#1a81a3}
#container a.joinow:active{left:771px; top:58px; border:1px solid #008fbf; box-shadow:1px 1px 2px rgba(0,0,0,0.2); background:#21abd9}
#container a.joinow.bottom:active{left:511px; top:1081px;}
#container .poster{position:absolute; left:15px; top:189px}
#container .lead{left:510px; top:189px; width:460px}
#container .intro{left:510px; top:340px; width:460px}
#container .trailer{left:510px; top:560px; width:460px}
#container .screenshot{left:15px; top:890px; width:962px}
#container .screenshot .photos{margin-right:7px}
#container .filmlogo{left:15px; top:1090px}
#container .tnclink{left:710px; top:1150px; font-size:12px}
#container .step1{left:15px; top:189px; width:900px}
#container .step1 iframe{width:400px}
#container .step2{left:15px; top:350px; width:600px}

a.btnlink {position:absolute; display:block;cursor:pointer;}
a.terms {width:100px; height:30px;left: 865px; top: 993px; }
a.applymember {width: 58px; height: 31px; top: 1047px; left: 251px;}
a.login {width: 58px; height: 31px; top: 1047px; left: 154px;}
a.join {width: 213px; height: 66px; top: 1210px; left: 380px;}

#add_this {position:absolute; width: auto; height: 50px; top:20px; right:13px; z-index: 2;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#add_this{width: 288px; right:5px;}
}
span.hidden, a span{display:none;}

/* main page */
.main{font-size:16px; height:1180px;}

/* enroll page */
#container .context.enrollform{position:relative; font-size:16px; margin-left:15px; height:1180px;}
#container .context.enrollform p{position:relative; font-size:20px; font-weight:bold; margin:40px 0 10px 0}
#container .context, #container .context.enrollform td, #container .context.enrollform input, #container .context.enrollform select{font-size:16px}

.thankyou .contextleft{text-align:center}

.thank-you-text{
	font-size: 20px;
	color:#ffffff;
	padding-top:70px;
	line-height:30px;
}