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;
}
}