TwinSpires.com | Florida Derby $100 Bonus | Bet Online With The Leader In Online Horse Racing

#proActiveChatWidget { z-index: 100; } #registration { max-width: none !important; width: 94%; } .registration-error { border-radius: 4px; } #form_continue1 { cursor: pointer; } .right-sidebar-container { display: none; } #form_top_banner_wrap { position: relative; z-index: 1; left: 9px; } #form_top_banner { position: absolute; left: 400px; top: 12px; width: 350px; } #form_top_banner_text { text-align: center; font-size: 12pt; color: white; position: absolute; top: 24px; left: 438px; width: 272px; } #page_middle_left_content { width: 328px; background-color: #EBEBEB !important; border-color: rgb(3, 103, 182) !important; } #page_middle_left_content input:not([type="radio"]) { width: 100%; border-radius: 4px; border: 1px solid rgb(102, 102, 102); outline: none; font-size: 9pt; } #page_middle_left_content input:focus { border-color: #147DBF; } #page_middle_left_content select { background-color: white; border-radius: 4px; outline: none; border: 1px solid rgb(102, 102, 102); font-size: 9pt; } #page_middle_left_content select:focus { border-color: #147DBF; } #page_middle_left_content label { display: none; } .registration-box .registration-field select { padding: 3px 6px !important; } .registration-input-wrapper.ng-scope { position: relative; } #registrationFirstnameBox { width: 49%; float: left; clear: none; } #registrationLastnameBox { width: 49%; float: right; clear: none; } #registrationSuffixLabelBox { width: 49%; float: left; clear: both; } #registrationSuffixLabel { width: 100%; color: #ADADAD; } #registrationSuffixLabel option { color: #000; } #registrationSuffixLabel option:first-child { color: #ADADAD; } #registrationGenderBox { width: 49%; float: right; clear: none; } #registrationGender { width: 100%; color: #ADADAD; } #registrationGender option { color: #000; } #registrationGender option:first-child { color: #ADADAD; } #registrationEmailBox { margin-bottom: -8px; } /* hide second half initially */ #registrationDayphoneBox {} #registrationDobBox { /*margin-bottom: 4px;*/ margin-top: 4px; position: relative; } #registrationDobBox div.registration-input-group.error { background-color: transparent !important; } #registrationDobBox div.registration-input-group.error select { border-color: red !important; } #registrationSsnBox { position:relative; } #registrationSSNGroup1 { width: 55px; } #registrationSSNGroup2 {} #registrationSSNGroup3 {} #registrationCam_usernameBox {} #registrationCam_passwordBox { margin-bottom: -8px; } #registrationPromo_codeBox { /*display: none !important;*/ } .registration-submission {} .registration-submission .registration-field {} #registrationZip {} #registrationCity {} #registrationState { width: 100%; } #registrationState { color: #ADADAD; } #registrationState option { color: #000; } #registrationState option:first-child { color: #ADADAD; } .registration-box .registration-field .registration-input-wrapper { margin-bottom: 8px !important; } #registrationZipBox { width: 49%; } #registrationZipBox .registration-error {} #registrationCityBox { width: 49%; float: right; clear: right; } #registrationCityBox .registration-error {} #registrationF_state { width: 100% !important; } #registrationNeedsFormerAddressBox label { width: 100%; text-align: center; } #registrationNeedsFormerAddressBox label.ng-scope.ng-binding.nonheader { font-size: 9pt; } #registrationNeedsFormerAddressBox div.ng-scope div.ng-scope div.registration-input-wrapper { margin-left: 16px; } label[for=registrationNeedsFormerAddress] { display: block !important; } .registration-box { max-width: none; padding: 12px 0 0 0 !important; } div.content { /*padding: 10px 16px !important;*/ } .error { border-color: #F01818 !important; } .success { border-color: #1CB61C !important; } select.success { color: black !important; background-color: #EEFCEE !important; } .success select { color: black !important; background-color: #EEFCEE !important; border-color: #1CB61C !important; } /* placeholder text */ ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Firefox 18- */ color: #666666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666666; } :-ms-input-placeholder { color: #666666; } /* second portion of form */ #dob_label_div { color: #757575; font-size: 115%; position: relative; top: -4px; left: 6px; } #ssn_label_div { color: #757575; font-size: 115%; position: relative; top: -4px; left: 6px; margin-top: 2px; } #registrationDOBMonth { width: 28%; color: #ADADAD; margin-left: 0px !important; } #registrationDOBMonth option { color: #000; } #registrationDOBMonth option:first-child { color: #ADADAD; } #registrationDOBDay { width: 28%; color: #ADADAD; } #registrationDOBDay option { color: #000; } #registrationDOBDay option:first-child { color: #ADADAD; } #registrationDOBYear { margin: 0 0 0 5px; color: #ADADAD; } #registrationDOBYear option { color: #000; } #registrationDOBYear option:first-child { color: #ADADAD; } /* Footer Styles */ div.footer-divider { width: 2px; background-color: #EEEEEE; height: 100px; position: absolute; } #left_divider { left: 262px; } #right_divider { left: 534px; } #footer_wrapper { width: 100%; background-color: #F9F9F9; margin-top: 150px; width: } #footer_inner_wrapper { margin: 0 auto; width: 806px; position: relative; padding-bottom: 162px; } #footer_inner_wrapper img { width: 62px; border-radius: 50%; border: 2px solid #899092; position: relative; top: 16px; } #footer_wrapper h1 { font-size: 128%; font-weight: 100; position: relative; left: 232px; padding: 14px 10px; width: 380px !important; } .footer-item { width: 250px; display: inline-block; position: absolute; } .footer-item img { float: left; } .footer_feedback_text { display: inline-block; width: 148px; position: relative; left: 8px; font-size: 8pt; text-align: center; } #footer_left { left: 32px; } #footer_feedback_text_left { position: relative; top: 14px; } #footer_middle { left: 294px; } #footer_feedback_text_middle { position: relative; top: 24px; } #footer_right { left: 568px; } #footer_feedback_text_right { position: relative; top: -6px; } #form_continue1:nth-of-type(2) { display: none; } #dob_label_div:nth-of-type(2) { display: none; } #ssn_label_div:nth-of-type(2) { display: none; } #form_previous1 { margin-bottom: 8px; cursor: pointer; color: #757575; } .registration-box .registration-field p.terms-and-conditions { font-size: 12px; width: 100%; text-align: center; margin-top: 16px; } .terms-and-conditions a { text-decoration: none; } /* reset styles for terms and conditions */ .app-modal .app-modal-box .app-modal-content .terms-wrapper .content div.inner.scrollable { padding-top: 18px; height: 492px !important; } .app-modal .app-modal-box .app-modal-content p, .app-modal .app-modal-box .app-modal-content h1, .app-modal .app-modal-box .app-modal-content h2 { color: #005ba3 !important; } .app-modal .app-modal-box .registration-button-container .registration-button { background: #008fe3 linear-gradient(to bottom, #008fe3 0px, #2989d8 50%, #207cca 51%, #005ba3 100%) repeat scroll 0 0; border: 1px solid #024c8d !important; border-radius: 3px !important; color: #fff; cursor: pointer; font-size: 24px !important; height: 55px; text-shadow: 0 0 4px #005ba3; width: 177px !important; } .app-modal .app-modal-box .app-modal-content h1 { margin-bottom: 20px; } .app-modal .app-modal-box .app-modal-content .terms-wrapper h3 { margin: 15px 0; } .app-modal .app-modal-box .app-modal-content .terms-wrapper .content h2 { background: none !important; text-transform: uppercase; font-size: 19px; font-weight: 600; margin-bottom: 12px; padding-left: 0px; } /* Screen Specific CSS */ /* mobile */ @media screen and (max-width: 479px) { #registrationDOBYear { width: 96px; } #registrationSubmit { width: 282px !important; position: relative; top: -2px; margin-top: 2px; font-size: 10pt !important; height: 44px !important; border: none !important; } #norton_verisign_wrapper { position: relative; } #verisign_img { width: 50px; position: relative; top: -12px; left: 78px; } #norton_img { width: 50px; position: relative; top: -12px; left: 108px; } .registration-box .registration-field input[type=text], .registration-box .registration-field input[type=number], .registration-box .registration-field input[type=tel], .registration-box .registration-field input[type=password] { padding: 6px 10px; } #page_middle_left_content select { height: 31px; } #page_middle_left_content { margin-bottom: 0px; margin-left: 8px; } /* Styles for tabs that change bottom info */ #tabs ul li { display: inline-block; float: left; font-size: 16px; height: 46px; text-align: center; padding: 12px; background-color: #0651ac; color: white; cursor: pointer; } #tabs ul li.selected { background-color: #1f8af8; } #tabs ul li a { text-decoration: none; color: white; } #bottom_tab_1 { margin-bottom: 1px; width: 320px; } #bottom_tab_2 { margin-bottom: 1px; width: 320px; } #bottom_tab_3 { width: 320px; } /* for testing */ body { background-color: white !important; } #page_middle_left_content_wrap { margin-top: 24px; } #page_middle_left_content { width: 304px; background-color: #DDD; border: 3px solid rgb(3, 103, 182); border-radius: 6px; } /* check marks */ .check-mark { z-index: 1; left: 254px; top: 8px; } #registrationFirstnameBox .check-mark { left: 112px; } #registrationZipBox .check-mark { left: 112px; } #registrationCityBox .check-mark { left: 112px; } #registrationLastnameBox .check-mark { left: 112px; } #registrationSuffixLabelBox .check-mark { left: 98px; } #registrationGenderBox .check-mark { left: 98px; } #registrationDobBox .check-mark { top: 28px; left: 230px; } #registrationStateBox .check-mark { left: 240px; } #registrationSsnBox .check-mark { top: 28px; } #registrationF_stateBox .check-mark { left: 240px; } } /* end mobile */ /* landscape mobile */ @media screen and (min-width: 480px) and (max-width: 767px) { .registration-box .registration-field .registration-input-wrapper { margin-bottom: 5px !important; } #registrationEmailBox { margin-bottom: -5px; } #registrationCam_passwordBox { margin-bottom: -5px; } #registrationDOBYear { width: 155px; } #registrationSubmit { width: 282px !important; position: relative; margin-top: 6px; margin-left: 68px; font-size: 10pt !important; height: 44px !important; border: none !important; } #norton_verisign_wrapper { position: relative; } #verisign_img { width: 50px; position: relative; top: -12px; left: 146px; } #norton_img { width: 50px; position: relative; top: -12px; left: 174px; } .registration-box .registration-field input[type=text], .registration-box .registration-field input[type=number], .registration-box .registration-field input[type=tel], .registration-box .registration-field input[type=password] { padding: 5px 10px; } #page_middle_left_content select { height: 29px; } #page_middle_left_content { margin-bottom: 0px; margin-left: 16px; } /* Styles for tabs that change bottom info */ #tabs ul li { display: inline-block; float: left; font-size: 16px; height: 46px; text-align: center; padding: 12px; background-color: #0651ac; color: white; cursor: pointer; } #tabs ul li.selected { background-color: #1f8af8; } #tabs ul li a { text-decoration: none; color: white; } #bottom_tab_1 { margin-bottom: 1px; width: 480px; } #bottom_tab_2 { margin-bottom: 1px; width: 480px; } #bottom_tab_3 { width: 480px; } /* for testing */ body { background-color: white !important; } #page_middle_left_content_wrap { margin-top: 24px; } #page_middle_left_content { width: 448px; background-color: #DDD; border: 3px solid rgb(3, 103, 182); border-radius: 6px; } /* check marks */ .check-mark { z-index: 1; left: 385px; top: 7px; } #registrationFirstnameBox .check-mark { left: 174px; } #registrationZipBox .check-mark { left: 174px; } #registrationCityBox .check-mark { left: 174px; } #registrationLastnameBox .check-mark { left: 172px; } #registrationSuffixLabelBox .check-mark { left: 156px; } #registrationGenderBox .check-mark { left: 156px; } #registrationDobBox .check-mark { top: 27px; left: 360px; } #registrationStateBox .check-mark { left: 366px; } #registrationSsnBox .check-mark { top: 28px; } #registrationF_stateBox .check-mark { left: 356px; } } /* end landscape mobile */ /* tablet */ @media screen and (min-width: 768px) and (max-width: 1000px) { #registrationDOBYear { width: 107px; } #registrationSubmit { width: 172px !important; position: relative; top: -2px; margin-top: 2px; font-size: 11pt !important; height: 44px !important; border: none !important; } #norton_verisign_wrapper { position: relative; } #verisign_img { width: 58px; position: absolute; left: 182px; top: -90px; } #norton_img { width: 58px; position: absolute; top: -90px; left: 248px; } .registration-box .registration-field input[type=text], .registration-box .registration-field input[type=number], .registration-box .registration-field input[type=tel], .registration-box .registration-field input[type=password] { padding: 7px 10px; } #page_middle_left_content select { height: 33px; } #page_middle_left_content { margin-bottom: 32px; } /* Styles for tabs that change bottom info */ #tabs ul li { display: inline-block; float: left; font-size: 16px; height: 46px; text-align: center; padding: 12px; background-color: #0651ac; color: white; cursor: pointer; } #tabs ul li.selected { background-color: #1f8af8; } #tabs ul li a { text-decoration: none; color: white; } #bottom_tab_1 { margin-right: 1px; width: 249px; } #bottom_tab_2 { margin-right: 1px; width: 250px; } #bottom_tab_3 { width: 249px; } /* for testing */ body { background-color: white !important; } #page_middle_left_content_wrap { margin-left: 8px; margin-top: 18px; } #page_middle_left_content { width: 332px; background-color: #DDD; border: 3px solid rgb(3, 103, 182); border-radius: 6px; } /* check marks */ .check-mark { z-index: 1; left: 280px; top: 10px; } #registrationFirstnameBox .check-mark { left: 124px; } #registrationZipBox .check-mark { left: 124px; } #registrationCityBox .check-mark { left: 124px; } #registrationLastnameBox .check-mark { left: 123px; } #registrationSuffixLabelBox .check-mark { left: 108px; } #registrationGenderBox .check-mark { left: 108px; } #registrationDobBox .check-mark { top: 30px; left: 260px; } #registrationStateBox .check-mark { left: 266px; } #registrationSsnBox .check-mark { top: 0px; } #registrationF_stateBox .check-mark { left: 264px; } } /* end tablet size */ /* desktop size */ @media screen and (min-width: 1000px) { #registrationDOBYear { width: 150px; } #registrationSubmit { width: 232px !important; position: relative; top: -2px; margin-top: 2px; font-size: 14.5pt !important; height: 44px !important; border: none !important; } #norton_verisign_wrapper { position: relative; } #verisign_img { width: 72px; position: absolute; left: 246px; top: -92px; } #norton_img { width: 72px; position: absolute; top: -92px; left: 330px; } .registration-box .registration-field input[type=text], .registration-box .registration-field input[type=number], .registration-box .registration-field input[type=tel], .registration-box .registration-field input[type=password] { padding: 8px 10px; } #page_middle_left_content select { height: 35px; } #page_middle_left_content { margin-bottom: 0px; } /* Styles for tabs that change bottom info */ #tabs ul li { display: inline-block; float: left; font-size: 16px; height: 46px; text-align: center; padding: 12px; background-color: #0651ac; color: white; cursor: pointer; } #tabs ul li.selected { background-color: #1f8af8; } #tabs ul li a { text-decoration: none; color: white; } #bottom_tab_1 { margin-right: 1px; width: 326px; } #bottom_tab_2 { margin-right: 1px; width: 328px; } #bottom_tab_3 { width: 326px; } /* for testing */ body { background-color: white !important; } #page_middle_left_content_wrap { margin-left: 16px; margin-top: 20px; } #page_middle_left_content { width: 435px; background-color: #DDD; border: 3px solid rgb(3, 103, 182); border-radius: 6px; } /* check marks */ .check-mark { z-index: 1; left: 378px; top: 10px; } #registrationFirstnameBox .check-mark { left: 174px; } #registrationZipBox .check-mark { left: 174px; } #registrationCityBox .check-mark { left: 174px; } #registrationLastnameBox .check-mark { left: 172px; } #registrationSuffixLabelBox .check-mark { left: 148px; } #registrationGenderBox .check-mark { left: 148px; } #registrationDobBox .check-mark { top: 30px; left: 350px; } #registrationStateBox .check-mark { left: 356px; } #registrationSsnBox .check-mark { top: 28px; } #registrationF_stateBox .check-mark { left: 356px; } }