div.enterHdr { position: relative; font-size: 24px; line-height: 26px; font-weight: bold; color: #f8821e; text-transform: uppercase; margin-bottom: 9px; } div#enterTopText { position: relative; width: 520px; font-size: 12px; line-height: 15px; margin-left: 0px; margin-bottom: 20px; } div#enterTopText a:link, div#enterTopText a:visited { text-decoration: none; } div#enterTopText a:hover { text-decoration: underline; } div.formBox { position: relative; margin-left: 0px; margin-top: 16px; margin-bottom: 20px; padding-bottom: 10px; background-color: #0d0d0d; width: 581px; /* height: 285px; */ } img.formBoxTL { position: absolute; left: 0px; top: 0px; } img.formBoxBL { position: absolute; left: 0px; bottom: 0px; } img.formBoxTR { position: absolute; right: 0px; top: 0px; } img.formBoxBR { position: absolute; right: 0px; bottom: 0px; } div.formSectionHdr { position: relative; margin: 0px 0px 8px 30px; padding-top: 16px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #f8821e; } div.formSectionText { position: relative; margin: 0px 0px 5px 30px; font-size: 12px; line-height: 15px; color: #a7a7aa; } div#successBox { position: relative; margin-left: 0px; margin-top: 16px; margin-bottom: 20px; background-color: #0d0d0d; width: 581px; height: 285px; display: none; } img#sweepsSuccess { position: absolute; left: 82px; top: 111px; } div#problemBox { position: relative; margin-left: 0px; margin-top: 16px; margin-bottom: 20px; background-color: #0d0d0d; width: 581px; height: 285px; display: none; } img#sweepsProblem { position: absolute; left: 106px; top: 124px; } div#alreadyBox { position: relative; margin-left: 0px; margin-top: 16px; margin-bottom: 20px; background-color: #0d0d0d; width: 581px; height: 285px; } img#sweepsAlready { position: absolute; left: 66px; top: 111px; } div#entryIntroContainer { position: relative; display: block; width: 540px; margin-left: 0px; } div#entryIntroContainer a:link, div#entryIntroContainer a:visited { text-decoration: none; } div#entryIntroContainer a:hover { text-decoration: underline; } div#entryFormContainer { position: relative; display: none; margin-left: 0px; } div.entryIntroWhite { font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; text-transform: uppercase; margin-top: 15px; } img#registerBtn { position: relative; display: block; margin: 12px 0px 13px 63px; } #entryClosedMsg { position: relative; top: -42px; left: 235px; white-space: nowrap; color: #fff; font-weight: bold; } div#entryIntroContainer ul { list-style: square; margin-left: 57px; margin-top: 15px; margin-bottom: 15px; } div#entryIntroContainer ul li { margin-bottom: 15px; } div#entryIntroContainer ul li ul { list-style: circle; margin-top: 0px; margin-bottom: 0px; margin-left: 36px; } div#entryIntroAddress { margin-top: 15px; margin-left: 36px; } /********************************** form layout styles **********************************/ div.row { clear: both; padding-top: 10px; background-color: inherit; width: 568px; } div.row span.required { color: #f8821e; } div.row div.label { position: relative; float: left; color: #a7a7aa; width: 260px; text-align: right; vertical-align: middle; padding-top: 3px; } div.row div.formw { position: relative; float: right; color: #a7a7aa; width: 300px; text-align: left; } div.row div.formw span.white { color: #fff; font-weight: bold; } .frmClear { clear:both; display: block; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } textarea { width: 275px; height: 150px; } div.row input { width: 213px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } div.row select { font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 2px; padding-bottom: 2px; width: 120px; } .check { width: 20px; height: 13px; margin-bottom: 3px; } span#checkText { position: relative; top: -3px; } img#enterSweeps { padding-top: 5px; } input#enterSweeps { padding-top: 5px; padding-bottom: 5px; width: 198px; height: 34px; border: none; } div#requiredLabel { position: absolute; left: 374px; top: 13px; font-size: 12px; } div#requiredLabel span.required { color: #f8821e; } div#classDescription { clear: both; margin-top: 6px; margin-bottom: 6px; } div#zipInput { position: absolute; left: 74px; top: -2px; } /* this replaced class div.myacctSecondInput */ div#zipInput div.secondLabel { position: relative; float: left; color: inherit; width: auto; text-align: right; font-size: 12px; margin-right: 4px; padding-top: 5px; } div#zipInput div.secondFormw { position: absolute; left: 63px; top: 2px; color: inherit; width: auto; text-align: left; font-size: 12px; } input#leaderZip { width: 76px; } select#leaderState { width: 60px; } span#membersOrange { color: #f8821e; } div#additionalMembersHdrs { position: relative; width: 490px; height: 20px; margin-left: 30px; margin-top: 14px; } div#additionalMembersHdrName { position: absolute; left: 1px; top: 0px; font-size: 12px; line-height: 12px; } div#additionalMembersHdrRole { position: absolute; left: 185px; top: 0px; font-size: 12px; line-height: 12px; } div#additionalMembersHdrAge { position: absolute; left: 370px; top: 0px; font-size: 12px; line-height: 12px; } div.additionalMember { position: relative; width: 490px; height: 40px; margin-left: 30px; display: none; } input.additionalMemberName { position: absolute; left: 0px; top: 0px; width: 144px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } input.additionalMemberRole { position: absolute; left: 185px; top: 0px; width: 144px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } select.additionalMemberAge { position: absolute; left: 370px; top: 0px; width: 120px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 2px; padding-bottom: 2px; } img#addMember { position: relative; margin-left: 190px; margin-bottom: 5px; } div#additionalMember_1 { display: block; } div#gameinfoHdr { margin-bottom: 16px; } div.textareaField { position: relative; width: 380px; margin-left: 0px; padding-left: 102px; font-size: 12px; line-height: 15px; color: #a7a7aa; margin-bottom: 18px; } div.textareaField textarea { display: block; width: 380px; height: 82px; margin-top: 10px; margin-left: 0px; } div.textareaField span.required { color: #f8821e; } div#descriptionCount { position: absolute; left: 492px; top: 19px; width: 84px; } div#instructionsCount { position:absolute; left: 492px; top: 51px; width: 84px; } div#instructionsCount a { display: block; margin-bottom: 9px; } div#instructionsCount a:link, div#instructionsCount a:visited { text-decoration: none; } div#instructionsCount a:hover { text-decoration: underline; } div.row2 { clear: both; margin-left: 0px; padding-top: 10px; background-color: inherit; width: 481px; } div.row2 span.required { color: #f8821e; } div.row2 div.label2 { position: relative; float: left; color: #a7a7aa; width: 260px; text-align: right; vertical-align: middle; padding-top: 3px; } div.row2 div.formw2 { position: relative; float: right; color: #a7a7aa; width: 213px; text-align: left; } div.row2 input { width: 204px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } div.row2 select { font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 2px; padding-bottom: 2px; width: 216px; } div#otherEngine { padding-bottom: 8px; } div.row2clear { position: relative; clear: both; height: 1px; overflow: hidden; margin-bottom: 15px; } div#interestedMembersHdrs { position: relative; width: 490px; height: 20px; margin-left: 30px; margin-top: 14px; } div#interestedMembersHdrName { position: absolute; left: 0px; top: 0px; font-size: 12px; line-height: 12px; } div#interestedMembersHdrEmail { position: absolute; left: 228px; top: 0px; font-size: 12px; line-height: 12px; } div.interestedMember { position: relative; width: 490px; height: 40px; margin-left: 30px; display: none; } input.interestedMemberName { position: absolute; left: 0px; top: 0px; width: 204px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } input.interestedMemberEmail { position: absolute; left: 226px; top: 0px; width: 204px; font-size: 12px; border: 1px solid #9c9c9c; color: #666; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } img#addInterested { position: relative; margin-left: 194px; margin-bottom: 5px; } div#interestedMember_1 { display: block; } div#entryHr { position: relative; margin: 17px 0px 30px 22px; width: 533px; height: 1px; overflow: hidden; background-color: #f8821e; } div#legalBox { position: relative; width: 480px; height: 50px; margin-left: 0px; } input#legalCheck { position: absolute; left: 103px; top: 3px; } div#legalText { position: absolute; left: 129px; top: 0px; width: 410px; } img#btnSubmit { position: relative; margin-left: 375px; margin-bottom: 50px; } input.invalid { position: relative; display: block; float: left; border: 2px solid #18bdef; height: 13px; /* background-color: #FCF; */ } label.invalid { position: relative; display: block; clear: both; float: left; color: #f8821e; font-weight: bold; font-size: 10px; line-height: 11px; width: 225px; } div.errorState { position: absolute; left: 0px; top: 25px; } div.errorZip { position: absolute; left: 0px; top: 3px; }