/* Registration Page -----------------------------------------------------------*/ .batReg {min-height: 580px;} #registration {} #registration a {color: white; } #registration a:hover {color: #80b33a;} #registration input {} #registration label #registration #validationSummary{} #registration #validationSummary ul{display:none;} /*Remove display:none if you want to show Validation Summary list*/ .regInfo { width: 650px; font-size: 14px; line-height: 1.3em; } .robin {font-style: oblique; font-size: 12px; display: block; margin: -14px 0 25px;} #registration_fields{ color: #bcbcbc; margin-top: 15px; } #registration_fields label{ font-size: 12px; padding-left: 2px; text-transform: uppercase; } #registration_fields input{ font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px 10px; margin-bottom: 15px; } #registration_fields input:focus{ color: Black; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left; } #registration_fields select{ font-size: 15px; border: none; background-color: #707070; height: 23px; color: white; margin-top: 2px;} #registration_fields select:focus { font-size: 15px; border: none; background-color: #black; height: 23px; color: white; } #registration_fields select option { font-size: 15px; border: none; background-color: #black; height: 23px; color: white; } #registration_fields select option:hover { font-size: 15px; border: none; background-color: #80b33a; height: 23px; color: white; } .reqindicator{} .required {width: 138px; height: 16px; padding: 6px; font-weight: bold; position: absolute; right: 75px; top: 25px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/reqBG.jpg) no-repeat top left;} #names, #address, #email, #location, #misc, #phone, #options {} #reg_salutation{float: left; padding-right: 10px;} #reg_salutation select{} #names{} #names input{width: 264px;} #reg_firstname{float: left; padding-right: 10px;} #reg_lastname{float: left; padding-right: 10px;} #email{} #reg_email{float: left; padding-right: 10px;} #reg_password{float: left; padding-right: 10px;} #pass input{width: 264px;} #reg_confirmpassword{float: left;} #gender{} #gender input{} #reg_gender{float: left; padding-right: 10px; } #male {float: left; margin:5px 10px 0 0;} #female {float: left; margin:5px 0 0 0; } #address{} #reg_address1{float: left; padding-right: 10px;} #reg_address1 input{width: 244px;} #reg_address2{float: left; padding-right: 10px;} #reg_address2 input{width: 59px;} #location{} #reg_city{float: left; padding-right: 10px;} #reg_city input{width: 144px} #reg_state{float: left; padding-right: 10px;} #reg_state select{width: 160px} #reg_zip{float: left;} #reg_zip input{width: 144px;} #misc{} #reg_birthday {float: left; padding-right: 10px;} #reg_birthday input { width: 264px; } #reg_phone{float: left; width: 294px; } #reg_phone input {width: 264px;} #dPhone_User_PhoneNumber {} #reg_gamertag{float: left; } #reg_gamertag input {width: 264px;} .hide{display: none;} .options{width: 250px; height: 92px; padding: 8px 0 0 10px; margin-right: 10px; float: left; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/optinBG.jpg) no-repeat top left;} #options a{} .options input{vertical-align: top;} .options label{display: inline-block; font-size: 13px; font-style: oblique; font-weight: normal; text-transform: none; width: 220px; line-height: 1.3em; } #optin1 {} #agreeCap {float: left; margin-left: 10px;} #reg_captcha{} #edit_captcha{ float: left; width: 500px; } #captchaIMG{width: 83px; text-align: left; float: left; padding-top: 9px;} #captchaField{float: left; margin-top: 5px;} #reg_captcha img { } #reg_captcha #User_CaptchaValue{vertical-align: top; width: 155px; margin-top: 8px; text-transform: uppercase; text-align: center; letter-spacing: 5px; font-weight: bold;} #edit_captcha #CaptchaValue{vertical-align: top; width: 155px; text-transform: uppercase; text-align: center; letter-spacing: 5px; font-weight: bold;} #agreetorules {} #agreetorules label{display: inline-block; font-size: 13px; font-style: oblique; font-weight: normal; text-transform: none; width: 235px; } #editAction { float: left; } #submitBtn{position: absolute; bottom: 10px; right: 20px;} .btn_Submit{cursor: pointer;} #registration .valSum {margin-top: 60px;} #editPage .validation-summary-errors { padding-bottom: 10px; } #why{} #captchaField input { text-transform: uppercase; text-align: left; font-weight: bold; width: 190px; letter-spacing: 5px; padding-left: 5px; } /**** vTip Tool ****/ p#vtip { display: none; position: absolute; padding: 10px; left: 5px; margin-right: 200px; font-size: 0.8em; background-color: #eeeeee; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; color: #000000; font-size: 11px;} p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error{color: #e02631;} .field-validation-valid{display: none;} .label-validation-error {color: #e02631;} .input-validation-error { color: Black !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left !important; border: none; height: 26px;} #entCodeW .input-validation-error { color: Black !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left !important; border: none; height: 17px;} #agreetorules .label-validation-error {color: #e02631 !important;} .validation-summary-errors{color: #e02631;} .validation-summary-errors ul{display:none;} /*Remove display:none if you want to show Validation Summary list*/ #login .validation-summary-errors ul{display:block; list-style-type: none; padding: 0; } .validation-summary-valid{display: none;} /**** Phone / Birthday Normal Validation Errors ****/ .labelerror label{color: #e02631; font-weight: bold;} .labelerror input.areacode, .labelerror input.prefix, .labelerror input.suffix, .labelerror select.day, .labelerror select.month, .labelerror select.year{background-color: #fae5e5;} /*Birthday validation for underage or invalid birth date*/ .input-validation-errors label, .labelError {color: #e02631 !important;} .input-validation-errors select{}