@charset "utf-8";

html{height:100%;background:#000 url(img/background.jpg) 50% 0 no-repeat}
body{height:100%;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif}
a{outline:none;text-decoration:none;color:#055A76}
a:hover{text-decoration:underline}
img{border:none}
table{padding:0;margin:0;border-spacing:0;border-collapse:collapse}

/*page wrapper*/
.minWidth{width:1276px;height:1px;border:1px solid blue}
.positionWrapper{width:1px;margin:0 auto;height:700px}
.page{width:1276px;min-height:700px;position:absolute;left:-638px}

/*utility*/
.clear{clear:both}
.relative{position:relative}
#blackout{background:url(img/black.png);height:100%;width:100%;position:fixed;z-index:10;top:0;left:0;display:none}
.hiddenSubmit{width:0;height:0;border:none;margin:0;padding:0;line-height:0;font-size:1px}
img.blank{width:1px;height:1px;float:left}

/*video popup*/
#flashContainer{position:absolute;z-index:11;width:848px;border:1px solid #222;background-color:#000;padding:20px;display:none}
#flashContainer a.close{z-index:30;display:block;position:absolute;right:4px;top:3px;width:15px;height:15px;background:url(img/close.jpg) no-repeat}
#flashContainer a.close:hover{background-position:0 -15px}
#videoCover{position:absolute;top:0;left:0;background-color:#000;width:848px;height:565px;z-index:2;float:left}
#flashVideo{width:848px;height:363px;margin:0 auto;z-index:1;padding-bottom:30px;border:1px solid #000}
.requiresFlash{padding:150px 0 0 0;width:848px;text-align:center;color:#EEE}
.requiresFlash a{text-decoration:underline}

/* left col*/
.leftColumn{min-height:700px;width:638px;float:left}
img.signUp{width:471px;height:144px;margin:0 0 0 125px}
div.gameWorld{background-repeat:no-repeat;width:638px;height:63px;position:relative;top:420px;left:1px;background-position:139px 0}
a.watchCinematic{display:block;width:179px;height:50px;background-repeat:no-repeat;position:relative;top:420px;left:182px}
a.watchCinematic:hover{background-position:0 -50px}
a.watchCinematic a.linkCover{display:block;width:179px;height:50px;position:absolute;top:0;left:0;z-index:1}
span#cinematicIcon{display:block;width:43px;height:37px;position:relative;top:7px;left:8px;cursor:pointer;background:url(img/cinematic-button.jpg) no-repeat}
a.learnMore{display:block;width:179px;height:50px;background-repeat:no-repeat;position:relative;top:370px;left:379px}
a.learnMore:hover{background-position:0 -50px}

/*right column*/
.rightColumn{min-height:700px;width:638px;float:left}
.rightColumn h1.formHeader{color:#065979;letter-spacing:-1px;margin:0 0 0 18px}
.rightColumn p.formSubheader{font-size:11px;margin:2px 0 0 48px;padding:0;color:#065979}

/* top login */
.topLogin{height:30px;position:relative;right:200px;margin:37px 0 0 0;border:1px solid #693025;color:#bfc2b9;font-size:11px;float:right;text-align:right;background:url(img/top-login-bg.jpg) no-repeat}
.topLogin td.left{padding:0 0 0 10px;line-height:30px}
.topLogin td.right{padding:0 10px 0 0}
a.signIn{background:url(img/small-button-left.gif) no-repeat;display:block;height:20px;line-height:20px;padding:0 0 0 7px;float:right;margin:0 0 0 5px}
a.signIn span{background:url(img/small-button-right.gif) 100% 0 no-repeat;color:#FFC800;display:block;height:20px;line-height:20px;float:left;padding:0 7px 0 0}
a.signIn:hover{text-decoration:none;background-position:0 -20px}
a.signIn:hover span{background-position:100% -20px;cursor:pointer}

/*returning visitor*/
#returningVisitor{/*background:url(img/form-background.jpg) no-repeat;*/width:416px;height:540px;position:absolute;top:120px}
#returningVisitor h1.formHeader{margin:20px 0 0 30px;font-size:28px}
.returningInformation{color:#691304;font-size:18px;width:350px;margin:2px auto 0}
.returningInformation .welcomeBack{margin-top:27px}
.returningInformation ul{margin:0;padding:5px 0 0;list-style:none;font-size:16px}
.returningInformation li{margin:0 0 10px 15px;padding:0 0 0 25px;list-style:none;font-weight:bold;background:url(img/arrow.gif) no-repeat 0 5px;color:#0a546f}
.returningInformation li p{color:#691304;font-size:14px;font-weight:normal;padding:0;margin:3px 0 3px 0}
a.login{background:url(img/login.jpg);width:215px;height:50px;line-height:50px;display:block;margin:38px auto 0;text-align:center;color:#FFC800;font-size:18px;font-weight:bold}
a.login:hover{background-position:0 -50px;text-decoration:none}
.newAccount{border-top:1px solid #caa05e;padding:30px 20px 20px 0;font-size:14px;margin-top:40px;font-weight:bold;text-align:center}
.newAccount a{text-decoration:underline}
.newAccount a:hover{text-decoration:none}

/* language specific */
body.fr-fr .newAccount{padding:20px 20px 20px 0;margin-top:20px}
body.fr-fr a.login{margin-top:10px}
body.fr-fr h1.formHeader{letter-spacing:-2px}
body.de-de .newAccount{padding:20px 20px 20px 0;margin-top:20px}
body.de-de a.login{margin-top:10px}
body.de-de h1.formHeader{font-size:25px;letter-spacing:-2px}
body.de-de .signUpForm a.submit{font-size:19px;letter-spacing:-1px}
body.es-es h1.formHeader{letter-spacing:-2px}
body.es-es .signUpForm a.submit{font-size:19px;letter-spacing:-1px}
body.es-mx h1.formHeader{letter-spacing:-2px}
body.es-mx .signUpForm a.submit{font-size:21px;letter-spacing:-1px}
body.ru-ru .newAccount{padding:25px 20px 20px 0;margin-top:25px}
body.ru-ru a.login{margin-top:20px}
body.ru-ru #accountNote p{padding-left:6px}
body.ru-ru h1.formHeader{font-size:27px}

/*form graphics*/
.signUpForm{color:#691304;width:504px;margin:64px 0 0}
.signUpForm .backgroundExtension{background:url(img/parchment-extension.jpg) 0 100% no-repeat;padding:0 0 82px 0;height:348px;margin-left:-34px}
.signUpForm .backgroundExtension .accountInfo{margin-left:34px}
.signUpForm .formBackground{background:url(img/input-bg-repeat-y.jpg) 149px 0 repeat-y}
.signUpForm .formTop{background:url(img/input-bg-top.jpg) 149px 0 no-repeat;padding-top:13px}
.signUpForm .formBottom{background:url(img/input-bg-bottom.jpg) 149px 100% no-repeat;padding-bottom:13px}

/*sign up table */
.accountInfo{width:415px;margin:0}
#captcha td{text-align:center;padding:15px 0 30px 0}
#touAgreeRow label{color:#000;display:block;width:200px}
#touAgreeRow td{padding-top:15px;padding-bottom:15px}
#touAgreeRow input{margin:0;padding:0}
#touAgreeRow a{text-decoration:underline}
#touAgreeRow a:hover{text-decoration:none}
td.leftCol{text-align:right;padding:3px 15px 3px 0;font-weight:bold;font-size:14px;width:147px;letter-spacing:-1px}
td.rightCol{font-size:12px;padding:3px 0 3px 0;color:#000}
td.evenRow{padding-top:0;padding-bottom:5px}
#regionLabel{padding-right:5px}
span.aboutRegions{font-size:11px;font-weight:normal}
a.regionLink{color:#005783;text-decoration:underline}
a.regionLink:hover{text-decoration:none}
input.text{border:1px solid #5b0508;background-color:#F8F4E8;height:22px;padding:6px 4px 2px;font-size:14px;width:193px;float:left}
input.text:hover,
input.text:focus{background-color:#FFF}
.validField{width:20px;height:30px;float:left;display:none}
.checkboxBorder{border:2px solid transparent;width:13px;height:13px;float:right}

/*invalid row*/
.invalid label{color:#F00}
.invalid input.text{border:2px solid #F00;padding:5px 3px 1px}
.invalid .validField{background:url(img/field-invalid.png) 50% 50% no-repeat;display:block}
.invalid .checkboxBorder{border:2px solid #F00}
#touAgreeRow.invalid label{color:#F00}
#touAgreeRow.invalid label a{color:#F00}

/*submit button*/
.signUpForm a.submit{color:#ffc800;display:block;width:253px;height:88px;line-height:88px;font-size:22px;text-align:center;font-weight:bold;background:url(img/submit.gif) no-repeat;margin:-10px auto 0}
.signUpForm a.submit:hover{background-position:0 -88px;text-decoration:none}

/*message box*/
.messageBox{margin:-30px 0 0 225px;position:absolute;width:241px;background:url(img/signuptooltip-tl.png) no-repeat scroll 0 0}
.messageBox .background{background:url(img/signuptooltip-br.png) no-repeat 100% 100%;padding:0;position:relative;top:10px}
.messageBox .arrowLeft{width:9px;height:16px;background:url(img/arrow.png) 100% 0 no-repeat;float:left;position:relative;left:-6px;top:7px}
.messageBox p{list-style-type:none;position:relative;top:-7px;margin:0;font-size:11px;font-weight:normal;padding:2px 7px 4px 10px}
.messageBox ul{list-style-type:none;position:relative;top:-7px;margin:0;font-size:11px;font-weight:normal;padding:2px 7px 4px 2px}
.messageBox li{color:#C00;list-style-type:none;padding:0 0 0 17px;margin:2px;background:url(img/invalid.gif) 0 2px no-repeat}
.messageBox li.invalid{color:#C00;background:url(img/invalid.gif) 3px 2px no-repeat}
.messageBox li.valid{color:#060;background:url(img/valid.gif) 2px 1px no-repeat}
#formValidation.messageBox{margin:-40px 0 0 395px;bottom:0}
#accountNote p{padding:4px 7px 7px 10px}

/* region selection */
#regionSelection{position:absolute;margin:0;bottom:37px;left:-30px}
#regionSelection label{display:block;font-size:11px;padding:1px 0 2px 15px;font-weight:bold;margin:0;line-height:12px}
#regionSelection .radio{margin:0 4px 0 0;vertical-align:middle;padding:0}