/**/ div, ul, li, dl, dt, dd, p, form, input, h1, h2, h3, h4, a, col, span, small, img, strong, fieldset, nav, header, footer, table, select {position: relative; list-style: none;} div, ul, h1, h2, h3, h4, p, form, table, dl, dt, dd, li {padding:0; margin:0;} body {background-color: #000;} p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:justify; line-height:125%;} a:hover {text-decoration:underline;} span {font-size:9px; text-align:left; border:none;} /* Base */ .landings *{list-style: none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 auto;} .landings {margin:0 auto; padding:20px 0;} .landings .main {width: 935px;} .landings .logo {margin-bottom: 20px;} .landings .signup {width:100%; border:1px solid #313131; float:left; padding:20px 0; background-color:#0e0e0e; z-index: 100;} .landings .signup .content {left:10px; overflow: hidden;} .landings .signup .content .section0 {width:474px; float:left;} .landings .signup .content .section1 {float:left; width:426px; height:895px; background-color:#090909; border:1px solid #313131; margin-left:15px;} .landings .signup .content .section0 .infoPersonal {width:100%; background-color:#090909; border:1px solid #313131; padding-bottom:30px;} .landings .signup .content .section0 .headerInfo, .landings .signup .content .section0 .headerLogin {width:475px; height:40px; background:url(/images/landingpages/LandingSignup/Open-a-BM-Account.jpg) no-repeat;} .landings .signup .content .section0 .infoPersonal table {top:10px;} .landings .signup .content .section0 .infoPersonal td {color:#FFF; padding:10px 0 0 25px; width:100%;} .landings .signup .content .section0 .infoPersonal .alert{padding:2px 0 0 190px; top:2px; clear:both;} .landings .signup .content .section0 .infoPersonal input{left:-130px;} .landings .signup .content .section0 .infoAddress{width:100%; background-color:#090909; margin:8px auto; border:1px solid #313131; top:7px; padding-bottom:20px;} .landings .signup .content .section0 .infoAddress table {top:6px;} .landings .signup .content .section0 .infoAddress td {color:#FFF; padding:10px 0 0 25px; width:100%;} .landings .signup .content .section0 .infoAddress .alert{padding:2px 0 0 190px; top:2px; clear:both;} .landings .signup .content .section0 .infoAddress #waiting {top: 60px;left: 212px;z-index: 1;} .landings .signup .content .section0 .infoAddress input{left:-46px;} .landings .signup .content .section0 .infoAddress .signup_currency{left:-46px;} .landings .signup .content .section0 .infoMoney{float:left; width:100%; height:auto; background-color:#090909; margin:0 auto; border:1px solid #313131; top:30px; padding-bottom:30px;} .landings .signup .content .section0 .infoMoney table {float: left; clear: both; left:5px; top:10px;} .landings .signup .content .section0 .infoMoney td {color:#FFF; padding: 10px 0 0 25px; width:100%; text-align:left;} .landings .signup .content .section0 .infoMoney .alert{padding:2px 0 0 190px; top:2px; clear:both;} .landings .signup .content .section0 .infoMoney .MoneyPosition{left:-55px;} .landings .signup .content .section0 .infoRegister{float:left; width:100%; background-color:#090909; margin:15px auto; border:1px solid #313131; padding-bottom:30px;} .landings .signup .content .section0 .infoRegister table {left:5px; top:10px; } .landings .signup .content .section0 .infoRegister td {color:#FFF; padding:10px 0 0 25px; width:100%; text-align:left; clear:both;} .landings .signup .content .section0 .infoRegister .alert{padding:2px 0 0 190px; top:2px; clear:both;} .landings .signup .content .section0 .infoRegister input{left:-135px;} .landings .signup .content .section0 .infoRegister .PassText{width:230px; left:65px; padding:8px 0;} .landings .signup .content .section0 .infoCodes{float:left; width:324px; height:193px; margin:15px auto; background:url(/images/landingpages/LandingSignup/enter-your-bonus-code-2.png) no-repeat; left:80px;} .landings .signup .content .section0 .infoCodes .box .box{ background-position: bottom center; top:10px; padding-bottom: 10px;} .landings .signup .content .section0 .infoCodes .box ul{padding: 0 0 10px; width:100%;} .landings .signup .content .section0 .infoCodes .box .info { color:#FFF; width:81%; top:65px; margin:0 auto; left:7px; font-size:10px;} .landings .signup .content .section0 .infoCodes .box .bonus_box{ top:45px; left:91px;} .landings .signup .content .section0 .infoTerms{float:left; width:100%; margin:0 auto;} .landings .signup .content .section0 .infoTerms .box .final {width:474px; height:57px; float:left;} .landings .signup .content .section1 .CondApply{top:11px; left:125px;} .landings .signup .content .section1 .CondApply a{text-decoration:none; color:#fc0; left:170px;} .landings .signup .content .section1 .CondApply a:hover{color:#FFF;} .landings .signup .content .section1 .DepositMethods{color:#fc0; font-size:17px!important; top:20px; left:20px;} /*.landings .signup .content .section1 .Logos-DepositMethods{background:url(/images/landingpages/LandingSignup/DepositMethods-2.gif) no-repeat; height:200px; top:37px; left:6px;} .landings .signup .content .section1 .Logos-DepositMethods2{background:url(/images/landingpages/LandingSignup/DepositMethods-3.gif) no-repeat; height:200px; top:37px; left:6px;}*/ .landings .signup .content .section1 .SafeandSecure{color:#fc0; font-size:17px!important; top:-78px; left:20px; background: url(/images/landingpages/LandingSignup/safe-sacure.png) no-repeat; height:35px; padding:6px 0 0 33px;} .landings .signup .content .section1 .infoSafeSecure{color:white; line-height:18px; text-align:justify; width:350px; top:-65px; font-size:11px!important; left:-10px;} /* Bottom */ .landings .origen {background:#000; width:420px; clear:both; padding-top: 25px;} .landings .copyright {padding: 5px 0 0;} .landings .copyright p {border-top: 1px solid #333; color: #666; font-size:10px; text-align: center; padding-top:5px;} .landings .copyright ul.browsers {padding: 25px 0; overflow:hidden;} .landings .copyright ul.browsers li {width: 49.5%; border-right:2px solid #333; float:left; left: 1em;} .landings .copyright ul.browsers li h4 {font-size: 10px; padding-bottom: 10px; width: 90%; color: #999;} .landings .copyright ul.browsers li img { margin-left:40px;} .landings .copyright ul.browsers a {color: #BBB; text-decoration: none;} .landings .copyright ul.browsers a:hover {color:white; text-decoration:underline;} .landings .copyright ul.browsers li.AsSeenOn {width: 45.5%;} .landings .copyright ul.browsers li.colR {border:none; color: #BBB;} .landings .copyright ul.browsers li.colR h4{margin-left:40px;} .landings .copyright ul.browsers li.colR li { border:none; width:140px;} .landings .copyright ul.browsers li.colR li img.specialFTop {float:left; margin:3px 4px 0 0 ; border:none;} /**/ .landings .footer { z-index: 10;} .landings .footer .twttrBox{display: block; width: 134px; height: 20px; background: url('../images/sprite.png') 0 -750px; text-indent: -9999em;} .landings .footer .twttrBox a{display: block; width: 100%; height: 20px;} .landings .copyright ul {} .landings .copyright ul.browsers li.colR li.L1 { width: 116px;} .landings .copyright ul.browsers li.colR li.L2 { width: 75px;} .landings .copyright ul.browsers li.colR li.L3 { width: 130px;} .landings .copyright ul.browsers li.colR li.L4 { width: 130px;} .newLatest .bullets .bulletHolder .cols .lpromo2 { display: none; } .newLatest .bullets .bulletHolder .cols .lpromo { display: none; } /* NEW Landing Pages Base */ header .top {width:935px; margin:0 auto; overflow:hidden; top:11px; left:4px; padding:8px 0;} header .top a.bmaker {float:left; width:297px; height:76px; background:url(/images/landingpages/landing-common/topLogo.jpg) no-repeat top left;} header .top a.bmaker span, header .top a.live-chat span, header .top a.gplogo span, a.live-chat span{display:none;} header .top a.live-chat , a.live-chat{float:right; width:280px; height:40px; background:url(/images/landingpages/landing-common/liveChat.png) no-repeat top left; top:25px; right:15px;} header .top a.live-chat:hover, a.live-chat:hover{ background:url(/images/landingpages/landing-common/liveChat.png) no-repeat bottom left;} header .top a.gplogo {float:left; width:297px; height:76px; background:url(/images/landingpages/landing-common/gp-top-logo.jpg) no-repeat top left; left: 37px;} /*content*/ .background .content {width:935px; margin:0 auto; overflow:hidden; left:1px;} .background .content .column1 {width:431px; float:left; padding-right:5px;} .background .content .column1 a.conditions {color:#ffcc00; font-size:.7em; left:37%; top:870px; z-index:20; font-family:Verdana, Geneva, sans-serif; text-decoration:none;} .background .content .column1 a.conditions:hover {color:#fff;} .background .content .column2 {float:right; padding-right:5px; width:485px;} .background .content .column2 .live-lines {width:475px; margin:0 auto;font-family:Arial, Helvetica, sans-serif;} .background .content .column2 .live-lines .title {border:1px solid #f8c92c; border-top-left-radius:5px; border-top-right-radius:5px;background-color:#000;} .background .content .column2 .live-lines .title p {text-align:center; color:#f8c92c; font-family:Arial, Helvetica, sans-serif; font-size:.7em; padding:4px 0; letter-spacing:1px;} .background .content .column2 .live-lines .info {background-color:#000; border:1px solid #f8c92c;border-bottom-left-radius:5px; border-bottom-right-radius:5px;} .background .content .column2 .live-lines .info .pagination {width:90%; margin:0 auto; overflow:hidden; font-size:.8em; text-transform:uppercase; padding-bottom:5px;} .background .content .column2 .live-lines .info .pagination .prev {background-color:#f8c92c;border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:50px; float:left; text-align:center;} .background .content .column2 .live-lines .info .pagination .prev a, .background .content .column2 .live-lines .info .pagination .next a {color:#000;} .background .content .column2 .live-lines .info .pagination .prev a:hover, .background .content .column2 .live-lines .info .pagination .next a:hover {color:#C00; -webkit-transition:color 0.7s ease; -o-transition:color 0.7s ease; -moz-transition:color 0.7s ease;cursor:pointer;} .background .content .column2 .live-lines .info .pagination .current {background-color:#f8c92c;border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:53px; float:left; text-align:center; margin-left:30%; padding-left:8px;} .background .content .column2 .live-lines .info .pagination .next {background-color:#f8c92c;border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:50px; float:left; text-align:center; margin-left:30%} .background .content .column2 .live-lines .info .pagination .current .now, .background .content .column2 .live-lines .info .pagination .current span, .background .content .column2 .live-lines .info .pagination .current .total {float:left; padding-left:7px;} /*lines*/ .background .content .column2 .live-lines .info .externalLines {width:98%; margin:0 auto;max-height:300px; overflow: auto;} .background .content .column2 .live-lines .info .externalLines .linesSubhead {background: #000; background: -moz-linear-gradient(left, #000 0%, #2c2c2c 17%, #2c2c2c 33%, #2c2c2c 50%, #2c2c2c 67%, #2c2c2c 83%, #000 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(17%,#2c2c2c), color-stop(33%,#2c2c2c), color-stop(50%,#2c2c2c), color-stop(67%,#2c2c2c), color-stop(83%,#2c2c2c), color-stop(100%,#000)); background: -webkit-linear-gradient(left, #000 0%,#2c2c2c 17%,#2c2c2c 33%,#2c2c2c 50%,#2c2c2c 67%,#2c2c2c 83%,#000 100%); background: -o-linear-gradient(left, #000 0%,#2c2c2c 17%,#2c2c2c 33%,#2c2c2c 50%,#2c2c2c 67%,#2c2c2c 83%,#000 100%); background: -ms-linear-gradient(left, #000 0%,#2c2c2c 17%,#2c2c2c 33%,#2c2c2c 50%,#2c2c2c 67%,#2c2c2c 83%,#000 100%); background: linear-gradient(to right, #000 0%,#2c2c2c 17%,#2c2c2c 33%,#2c2c2c 50%,#2c2c2c 67%,#2c2c2c 83%,#000 100%); padding:8px 5px;} .background .content .column2 .live-lines .info .externalLines .linesSubhead h2 {text-transform:uppercase; color:#7e7e7e; font-size:.7em;text-align:center; width:100%; margin:0 auto;} .background .content .column2 .live-lines .info .externalLines .linesContent {width:100%; padding-top:3px;} .background .content .column2 .live-lines .info .externalLines .linesContent table {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#fff; margin:0 auto;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR {width:12%; text-align:center;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table {text-align:left; padding:5px 0;} /*black-info-lines*/ .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow {padding:4px 0;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow .lineName, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow .lineName {width:80px; text-transform:uppercase;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow .lineName span, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow .lineName span {padding:0 10px; color:#f8c92c;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow .lineSpread, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow .lineSpread{width:30%;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow .lineOverunder, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .topRow .lineTotal, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow .lineOverunder, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.oddR .lineColB table .botRow .lineTotal{width:15%;} /*gray-info-lines*/ .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR td.lineColA {text-align:center;background: #000; background: -moz-linear-gradient(left, #000 0%, #2c2c2c 90%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(90%,#2c2c2c)); background: -webkit-linear-gradient(left, #000 0%,#2c2c2c 90%); background: -o-linear-gradient(left, #000 0%,#2c2c2c 90%); background: -ms-linear-gradient(left, #000 0%,#2c2c2c 90%); background: linear-gradient(left, #000 0%,#2c2c2c 90%);} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR td.lineColB {background: #2c2c2c; background: -moz-linear-gradient(left, #2c2c2c 70%, #000 110%); background: -webkit-gradient(linear, left top, right top, color-stop(70%,#2c2c2c), color-stop(110%,#000)); background: -webkit-linear-gradient(left, #2c2c2c 70%,#000 110%); background: -o-linear-gradient(left, #2c2c2c 70%,#000 110%); background: -ms-linear-gradient(left, #2c2c2c 70%,#000 110%); background: linear-gradient(left, #2c2c2c 70%,#000 110%);} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow {padding:4px 0;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow .lineName, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow .lineName {width:80px; text-transform:uppercase;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow .lineName span, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow .lineName span {padding:0 10px; color:#F00;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow .lineSpread, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow .lineSpread{ width:30%;} .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow .lineOverunder, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .topRow .lineTotal, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow .lineOverunder, .background .content .column2 .live-lines .info .externalLines .linesContent table tr.everR .lineColB table .botRow .lineTotal{ width:15%;} /*open-account*/ .background .content .column2 .account {background:url(/images/landingpages/landing-common/account-bg.jpg) no-repeat top center; width:485px; margin-top:15px;} /*otro fondo de imagen para los landing de Gamblers palace*/ .background .content .column2 .promo {background:url(/images/landingpages/landing-common/account-bgGP.jpg) no-repeat top center; width:485px; margin-top:15px;} .background .content .column2 .account .rule_text {font-size:12px; float:left;} .background .content .column2 .account form {font-family:Arial, Helvetica, sans-serif; padding:55px 15px 20px; overflow: hidden;} .background .content .column2 .account form #waiting {top: 51px;left: 249px;z-index: 1;} .background .content .column2 .account form .smallerBox { padding:7px 0 3px 0!important;} .background .content .column2 .account form .smallerBox .code{padding-bottom: 5px!important} .background .content .column2 .account form .box1, .background .content .column2 .account form .box2 {width:45%; margin:0 10px 10px 0; background-color:#2c2c2c; border:1px solid #6e6e6e; border-radius:5px; float:left; padding:5px 0 10px; left:15px; min-height: 300px;} .background .content .column2 .account form .box3, .background .content .column2 .account form .box4 {width:45%; background-color:#2c2c2c; border:1px solid #6e6e6e; border-radius:5px; float:left; padding:10px 0 5px; left:15px; min-height: 139px; margin:0 10px 10px 0;} .background .content .column2 .account form .box1 fieldset, .background .content .column2 .account form .box2 fieldset, .background .content .column2 .account form .box3 fieldset {border:none; padding:10px 13px 5px 14px;} .background .content .column2 .account form .box1 fieldset h3,.background .content .column2 .account form .box2 fieldset h3, .background .content .column2 .account form .box3 fieldset h3 {font-size:12px; padding-bottom:4px; color:#adadad;} .background .content .column2 .account form .box1 fieldset input {width:170px;} .background .content .column2 .account form .box1 fieldset select, .background .content .column2 .account form .box2 fieldset select {width:99%;} .background .content .column2 .account form .box3 fieldset a {background:url(/images/landingpages/landing-common/question-mark.png) no-repeat top center; width:21px; height:22px; float:right; top:-5px;} .background .content .column2 .account form .box3 fieldset a span {display:none;} .background .content .column2 .account form .box2 p {width:180px; font-size:10px; color:#fff; left:170px; padding:7px 0;} .background .content .column2 .account form .box3 p {color:#adadad; width:150px; margin:0 auto; text-align:justify; font-size:9.5px; padding:8px; display:none;} .background .content .column2 .account form .box3 p.empty {display:block; padding:2px 0;} .background .content .column2 .account form .box2 fieldset input, .background .content .column2 .account form .box3 fieldset input {float:left; width:170px;} .background .content .column2 .account form .box4 .code {background:url(/images/landingpages/landing-common/promo-code.png) no-repeat top; width:187px; height:95px; margin:0 auto; padding-bottom:10px;} /*smaller promo code img especifica para landing de GP*/ .background .content .column2 .account form .smallerBox .code {background:url(/images/landingpages/landing-common/promo-codeGP.png) no-repeat top; width:187px; height:85px; margin:0 auto; padding-bottom:10px;} .background .content .column2 .account form .smallerBox .code input {float:left; left:15px; top:42px!important;} .background .content .column2 .account form .box4 .code input {float:left; left:15px; top:50px;} .background .content .column2 .account form .box4 p {text-align:justify; color:#adadad; display:none;} .background .content .column2 .account form .box4 p.note {color:#f8c92c;font-size:10px;left:10px;text-transform:uppercase; display:inline; float:left;} /*nota especifica para landing de GP*/ .background .content .column2 .account form .box4 p.note2 {color:#f8c92c;font-size:10px;left:10px; float:left; width:90%; clear: both; display:inline; padding-bottom: 5px; line-height: 11px} .background .content .column2 .account form .box4 a {background:url(/images/landingpages/landing-common/question-mark.png)no-repeat top center; width:21px; height:22px; float:left; left:20px; top:-5px;} /*button*/ .background .content .column2 .account .final {width:392px; height:69px; overflow:hidden; margin:0 auto; padding-top:15px;} .background .content .column2 .account .final input {width:392px; height:138px; text-decoration:none; border:none;} .background .content .column2 .account .final input:hover {background:url(/images/landingpages/landing-common/open-account.png)no-repeat 0 -69px!important;} .background .content .column2 .account .final span {display:none;} /*footer*/ footer {width:935px; margin:0 auto; overflow:hidden; padding-top:35px; padding-bottom:20px; clear: both} footer .where {width:935px; margin: 0 auto;} footer .where .marca {width:416px; margin:5px auto;} footer .where img {clear: both;} footer .where p {border-top:1px solid #333; padding:6px 0 15px; font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; clear:both;} footer .bottom {width:925px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;} footer .bottom .cnbc {width:50%; border-right:1px solid #666; padding:5px 0; float:left} footer .bottom .cnbc p {font-size:12px; text-align:left; color:#666;} footer .bottom .cnbc img {padding:7px 0 0 25px;} footer .bottom .media {float:left; width:47%; padding:0 10px; left:20px;} footer .bottom .media h4 {color:#999; padding:0 19px 20px 0; font-size:.8em; text-align:right;} footer .bottom .media ul {width:100%; overflow:hidden;display:inline;} footer .bottom .media li {width:132px; float:left;} footer .bottom .media li .face, .main footer .social .media li .twit {float:left; width:31px; height:31px;} footer .bottom .media li .face a {background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat top left; width:31px; height:31px; float:left;} footer .bottom .media li .face a:hover {background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat bottom left;} footer .bottom .media li .twit a {background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat -35px 0; width:31px; height:31px; float:left;} footer .bottom .media li .twit a:hover {background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat -35px -31px;} footer .bottom .media li.bigger {float:left; width: 140px;} footer .bottom .media li.bigger .tube{float:left; width:68px; height:31px;} footer .bottom .media li.bigger .tube a {background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat -65px 0; width:68px; height:31px; float:left;} footer .bottom .media li.bigger .tube a:hover{background:url(/images/landingpages/landing-common/socialMedia.jpg) no-repeat -65px -31px;} footer .bottom .media .counter {margin-left:8px; top:-1px; float:left; display:inline; color:#fff; font-size:11px;padding-left:3px;} footer .bottom .media .counter span.sites {width:90%;font-size:12.5px;} footer .bottom .media .counter span a {color:#fff;} footer .bottom .media .counter span a:hover{text-decoration:underline;} /*Horses Landing page feed*/ .horses .upComingRaces { width:100%;} .horses .upComingRaces h3 { text-align:center; width:97%; padding:8px 0; margin:0 auto;font-family: 'TrajanProBold'; font-weight:normal; border-bottom:2px solid #000; background: #f9d74f; /* Old browsers */ background: -moz-linear-gradient(top, #f9d74f 1%, #ffbf05 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9d74f), color-stop(100%,#ffbf05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9d74f 1%,#ffbf05 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9d74f 1%,#ffbf05 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9d74f 1%,#ffbf05 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9d74f 1%,#ffbf05 100%); /* W3C */} .horses .upComingRaces table { width:97%; margin:0 auto;font-family:Arial, Helvetica, sans-serif;} .horses .upComingRaces th { color:#fff; padding:5px 0; font-weight:normal; background-color:#666;} .horses .upComingRaces .line { width:100%; background-color:#000;} .horses .upComingRaces .oddL { background-color:#2c2c2c;} .horses .upComingRaces td { text-align:center; padding:5px 0; color:#fff;} /*New latest Promo page*/ .newLatest { padding:0;} .newLatest .banner, .newLatest .banner img { width:100%;} .newLatest .banner img { width:100%; max-width: 1302px; display: block;} /*.newLatest .banner {background:url(/images/landingpages/LandingSignup/Landing-latestpromo.jpg) no-repeat center; background-size:contain; height:455px;} .newLatest .banner {background:url(/images/landingpages/LandingSignup/Latest-promo-img.jpg) no-repeat center; background-size:contain; height:455px;} */ .newLatest .banner a { width:24%; height:88px; top:-50px; background-color:red; display:block; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; line-height:88px; box-shadow:1px 1px 20px #000; text-align:left; text-decoration:none; background: #f1da36; /* Old browsers */ background: -moz-linear-gradient(top, #f1da36 1%, #ffcc00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1da36), color-stop(100%,#ffcc00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1da36 1%,#ffcc00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1da36 1%,#ffcc00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1da36 1%,#ffcc00 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1da36 1%,#ffcc00 100%); /* W3C */} .newLatest .banner a:hover, .newLatest .banner a:active { background: #ffcc00; /* Old browsers */ background: -moz-linear-gradient(top, #ffcc00 97%, #f1da36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(97%,#ffcc00), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffcc00 97%,#f1da36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffcc00 97%,#f1da36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffcc00 97%,#f1da36 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffcc00 97%,#f1da36 100%); /* W3C */} .newLatest .banner a p { color:#000; text-align:center; font-size:16px; display:block; height:20px; line-height:20px;} .newLatest .banner a p.ctaTxt { font-size:35px;font-family: 'TrajanProBold'; height:60px; line-height:60px; font-weight:normal; letter-spacing:-2px; text-transform: uppercase;} .newLatest .content { width:100%; margin:0 auto; max-width:1024px; top:-30px;} .newLatest .mainTitle { font-size:30px; padding:20px 0;font-family: 'TrajanProBold'; color:#fff; text-align:center;font-weight:normal; letter-spacing: -2px;} .newLatest .bullets, .newLatest .bullets .bulletHolder { width:100%;} .newLatest .bullets .bulletHolder { overflow:hidden;} .newLatest .bullets .bulletHolder .cols { width: 33.33%; float: left; background:url(../images/lineDivisor.png) no-repeat right center;} .newLatest .bullets .bulletHolder .col1 {margin-left: 6%; width: 27%} .newLatest .bullets .bulletHolder .cols:last-child { background:none;} .newLatest .bullets .bulletHolder .cols h2 { color:#FC0; padding:0 0 2% 0; width:92%; text-align:left;font-family: 'TrajanProBold'; font-size:20px;font-weight:normal;} .newLatest .bullets .bulletHolder .cols ul { width:100%; } .newLatest .bullets .bulletHolder .cols li { padding: 0 0 10px 30px; width:80%; background:url(../images/check-yellow.png) no-repeat 10px 0px; text-align:left; color:#fff;} .newLatest .origen, .newLatest .origen img { width:100%; max-width:435px; height:auto;} @media only screen and (min-width : 1450px) { .newLatest .banner a p.ctaTxt { font-size:30px;} } @media only screen and (max-width : 1450px) { .newLatest .banner a { width:26%;} .newLatest .banner a p.ctaTxt { font-size:40px;} } @media only screen and (max-width : 1450px) { .newLatest .banner a { width:28%;} .newLatest .banner a p.ctaTxt { font-size:28px;} } @media only screen and (max-width : 960px) { .newLatest .banner { height:auto;} .newLatest .banner a { width:40%; height:60px; line-height:44px; top: -17px;} .newLatest .banner a p{ height:15px; line-height:15px; font-size:13px; top:7px; } .newLatest .banner a p.ctaTxt {font-size:22px; height:28px; line-height:25px; top:7px; } } /*Styles for screen 768 and lower*/ @media only screen and (max-width : 768px) { .newLatest .banner { height:auto;} .newLatest .banner a { width:70%; height:62px; line-height:50px;} .newLatest .banner a p{ height:20px; line-height:20px; font-size:13px;} .newLatest .banner a p.ctaTxt { font-size:22px; height:30px; line-height:43px;} .newLatest .copyright ul.browsers li { float:none; width:100%;} .newLatest .copyright ul.browsers li.colR h4 { width:95%; margin:0; text-align:left; padding-left:5%;} } /*Styles for screen 515px and lower*/ @media only screen and (max-width : 480px) { .newLatest .mainTitle {width: 100%; font-size: 2em;} .newLatest .banner {background:url(/images/landingpages/latestpromo/joinToGet25000.jpg) no-repeat button center; background-size:contain; height:198px;} .newLatest .bullets .bulletHolder .cols { width: 100%; float: none; background:none; border-bottom:1px dotted #444; padding:20px 0;} .newLatest .content { top: 16px} .newLatest .banner a { width:56%; height:54px; line-height:44px; top: -17px;} .newLatest .banner a p{ height:15px; line-height:15px; font-size:13px;} .newLatest .banner a p.ctaTxt { font-size:15px!important; height:28px; line-height:25px; top:7px; } .newLatest .copyright ul.browsers li, .newLatest .copyright ul.browsers li.colR li { float:none; width:100%;} .newLatest .copyright ul.browsers li.colR li:first-child { width: 20%;} .newLatest .copyright ul.browsers li.colR li { padding-bottom:15px; text-align:left; float: left; width: 20%} .newLatest .copyright ul.browsers li.AsSeenOn img { width:100%; height:auto; margin:0;} } /* End of New Landing Pages styles */ /*Bookmaker Fontface*/ @font-face { font-family: 'TrajanProBold'; src: url('../fonts/trajanpro-bold-webfont.eot'); src: url('../fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trajanpro-bold-webfont.woff') format('woff'), url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'), url('../fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg'); } /* Estilos Osvaldo*/ .row { width:100%; overflow:hidden; margin-left:-200px;} .row .login_buttons { width: 200px; float:right;} .row .login_button { width:98px; height:20px; float:left; line-height:20px; text-align:center; background: #5d5d5d; background: -moz-linear-gradient(top, #5d5d5d 0%, #0a0a0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#0a0a0a)); background: -webkit-linear-gradient(top, #5d5d5d 0%,#0a0a0a 100%); background: -o-linear-gradient(top, #5d5d5d 0%,#0a0a0a 100%); background: -ms-linear-gradient(top, #5d5d5d 0%,#0a0a0a 100%); background: linear-gradient(to bottom, #5d5d5d 0%,#0a0a0a 100%); -webkit-border-radius: 5px; border-radius: 5px;} .row .sign_button { width:98px; height:20px; float:right; line-height:20px; font-family: 'TrajanProBold'; font-weight:normal; color:black; text-align:center; background: #f1d934; background: -moz-linear-gradient(top, #f1d934 0%, #fecd06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d934), color-stop(100%,#fecd06)); background: -webkit-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: -o-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: -ms-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: linear-gradient(to bottom, #f1d934 0%,#fecd06 100%); -webkit-border-radius: 5px; border-radius: 5px;} .row .login_button a.login {font-family: 'TrajanProBold'; font-weight:normal; color:#FC0; text-decoration:none;} .row .login_button a.login:hover { font-family: 'TrajanProBold'; font-weight:normal; color:#a38300; text-decoration:none; } .row .sign_button a.sign {font-family: 'TrajanProBold'; font-weight:normal; color:#000; text-decoration:none;} .row .sign_button a.sign:hover { font-family: 'TrajanProBold'; font-weight:normal; color:#a38300; text-decoration:none; } .links_end { text-align:center; width:50%; top:10px;} /*a.link_rules_prizes { color:#FFCC00; font-weight:bold; text-decoration:underline; padding-right:15px; padding-left:15px; left:25px} a.link_rules_prizes:hover { color:#FFCC00; font-weight:bold; text-decoration:underline;}*/ a.link_rules_prizes { color:#000; background:#fecd06; padding: 2px 5px 2px 5px; text-decoration:none; font-family: 'TrajanProBold'; font-weight: normal; letter-spacing: 0.5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase} a.link_rules_prizes:hover { color:#000; background:#e9bd00; padding: 2px 5px 2px 5px; text-decoration:none; font-family: 'TrajanProBold'; font-weight: normal; letter-spacing: 0.5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform:uppercase} .newLatest .banner_rules {background: url(/images/landingpages/latestpromo/RulesTop.jpg) no-repeat center; background-size:contain; height:248px; } .newLatest .banner_rules .tittle_rules {color:white; font-size:36px; font-family: 'TrajanProBold'; font-weight:normal; text-align:center; padding-top:100px;} .newLatest .bullets .bulletHolder .colsRules { width: 100%; float: left; } .newLatest .content_rules {top: -60px; margin: 0 auto; max-width: 1024px; width: 100%;} .newLatest .content_rules p{ botton:7px;} .hidden>div {display:none;} .visible>div {display:block;} .text_container { width:100px;} .text_container h3 { float:left; position:relative;} .boxes_login { border:#2d2d2d solid 1px; width: 100px;} .Disclaimer {top:15px; padding-bottom:15px!important; } .Disclaimer h5 { color: #5D5D5D; font-size: 12px; font-family: "Myriad Pro",Arial,sans-serif; font-weight: normal; letter-spacing: 0.5px; text-align: center;} .Disclaimer p.footer {color: #3A3A3A; font-family: "Myriad Pro",Arial,sans-serif; font-size: 11px; margin: 5px 65px 15px; text-align: center;} .tittleFooter {font-family: 'TrajanProBold'; font-weight:normal; color:#fff; font-size:20px; text-align:center; padding-top:35px; text-transform:uppercase;} .loginBox { background:#333; width:90%; height:33px; padding: 10px; clear:both; -webkit-border-radius: 5px; border-radius: 5px; margin-top:10px;} .loginBox a.forgotPass { color:#CCC; text-decoration:underline; float:left; position:relative; padding:5px 15px 0 15px;} .loginBox a.forgotPass:hover { color:#CCC; text-decoration:none;} .loginBox .internalBox {-webkit-border-radius: 5px; border-radius: 5px; background:#555; width:80%; text-align:center; color:#CCC; padding: 5px 0 5px 0; float:left; position:relative;} .loginBox .internalBox #button {width:32px; height:20px; border:#fdd207 solid 1px;font-family: 'TrajanProBold'; font-weight:normal; color:black; text-align:center; background: #f1d934; background: -moz-linear-gradient(top, #f1d934 0%, #fecd06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d934), color-stop(100%,#fecd06)); background: -webkit-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: -o-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: -ms-linear-gradient(top, #f1d934 0%,#fecd06 100%); background: linear-gradient(to bottom, #f1d934 0%,#fecd06 100%); -webkit-border-radius: 5px; border-radius: 5px;} .loginBox .internalBox #textfield, #textfield2 {-webkit-border-radius: 5px; border-radius: 5px; border:#CCC solid 1px; color:#666;} .newLatest .bullets .bulletHolder .text_white_home { width:450px; left:20px; color:#FFF; background:black;} #sg_imgcountry { position: absolute; left: 120px; top: 3px;} #sg_imgstate { position: absolute; left: 120px; top: 3px;} /* XbetX */ .logosCont{ width:100%; overflow: hidden; clear: both} .xbetxLogo{ float: right; } .bgxbetx {background:url(/images/landingpages/landing-common/account-bgXbetX.jpg) no-repeat top center !important; width:485px; margin-top:15px;} .content a.live-chat{top:0; right:9px;} /*.position{ top:8px!important;}*/ /*Special World Cup Brasil Matches added by Alexis*/ .wcCenter .content {width: 100%; max-width: none;} .wcCenter .contentBox {width: 100%; } .wcCenter iframe { width: 100%; height:900px} /* form columns */ .formCol form { margin:0 auto;} .formCol fieldset { border-radius: .5em; text-align: left; display: block; margin:0 0 0 auto; border:none; } .formCol sup { color: red; } .formCol span { width: 100%; font-weight: bold; margin-top:.5em; text-align:left; display:block;} .formCol h2 {font-weight: bold} .formCol input { display: block; border: 1px solid #aaa; padding: .2em .4em; color: #aaa; font-size: 1.4em;} .formCol input:focus { color: #000; border-color: #000} .formCol textarea { width: 48%; max-width: 93%; border: 1px solid #aaa; padding: .2em .4em; color: #aaa; font-size: 1.4em;} .formCol .formRow { display: block; width: 86%; font-size: 0.9em; left: 4%; margin-bottom: .8em;} .formCol .formRow p {padding-top:.5em; font-size:.9em; width:95%;} .formCol .formRow .note {font-size:.7em;} .formCol .formRow input { width: 100%} .formCol .formEnd { text-align: center;} .formCol .formEnd .btnCta_light {margin:0.5em!important} .formCol .btnCta { margin: 1em auto 0; padding: .6em 0; cursor:pointer; border-radius: .4em; border:none; width: 100%; font-size: 1.5em; font-weight: bold; } .formCol .btnCta span { margin-top:0; text-align:center;} .formCol .formEnd label { margin-top: .5em; display: block;} .formCol .formEnd label input { display: inline-block; width: auto;} .formCol .formEnd label span { display: inline-block; width: auto; font-size: .8em; margin-left: 5px;} .formCol .formEnd img {display:inline; width:180px; margin-bottom:1em;} .formCol .formEnd input { width:172px; } .formCol .formEnd input.captcha { margin-bottom:1em;} .content .full { width:98%;} .content .half { width:48%;} .content .third { width:32%;} .content .quarter { width:24%;} .content .half p{ font-size: 1.2em; color:#666;} .formCol { border:1px solid #aaa; width: 32.5%; border-radius: .5em; padding-bottom: 1em; display:inline-block; vertical-align:top; margin:1em 0;} .formCol:last-child { border:none; } .formCol h2 { color: #ffbc02; background-color: #000; padding: .5em .5em; border-radius: .43em .43em 0 0; margin-bottom: 1em; font-size: 1em; text-transform:capitalize;} .content h1 img { width: 98.5%;} .formCol p {text-align: center; margin-bottom: 0;} .formCol ul, .formCol .ul { width: 94%; left: 1%} .formCol li, .formCol .li { margin-bottom: .5em; line-height: normal; text-align: left;} .formCol .li { width: 90%; left:5%;} .formCol small { font-size: 1em; line-height: 1.2em; vertical-align: middle; display: inline-block; color: #666} .formCol small span { font-weight: bold} .formCol small a {color: #234b9d; text-decoration: none; font-weight: bold;} .formCol strong {display: block; color: white; width: 40%; float: left;} .formCol input { width: auto; display: inline-block;} .formCol select {display: block; width: 51%; left: -1.5em;} .formCol ul .dropSpecial, .formCol .ul .dropSpecial, .formCol ul .promolim, .formCol ul .promoli { display:block; } .formCol ul .dropSpecial span, .formCol .ul .dropSpecial span { font-size: 1em!important; } .formCol ul #idbonusCode {width: 45%;} .formCol ul #idbonusCode strong { width: 100%; text-align: center;margin-bottom: 1em;} .formCol ul #idbonusCode input { display: inline-block; text-align: center;} .formCol .settings {border: 1px dashed #aaa;border-radius:.5em;margin: 1em 0 0 2%;padding: .5em 0; width: 94%;} .formCol .settings h3 {font-size: .8em; color: #000;} .formCol .settings strong, .formCol .settings span {display: inline-block;} .formCol .settings strong { width:100%; } .formCol .settings span { font-weight: normal;width: auto; color: #fff;padding: 0; background-color: #aaa; display: inline-block; border-radius: .3em; padding: .25em .5em; } .formCol .settings span span { font-size: 1em; display: inline-block; color: #fff;background-color: #aaa;padding: .25em .5em;border-radius: .3em} .formCol .settings a#editSettings { text-decoration: underline; margin-top: 1em; display: inline-block;font-weight: bold;color: #234b9d;} #ctl00__main_pnTime .dropSpecial { display:none;} /**/ .sgError { background-color: #000!important;} .gradyellow {background-color: #fc0; color: #000!important;} @media screen and (max-width: 1023px) { /*footer*/ .landings .copyright ul.browsers {padding: 25px 0; overflow:hidden; width:500px!important;} .landings .copyright ul.browsers li { border-right:2px solid #333; float:left; left: 1em; margin:0 auto; width: 100%;} .landings .copyright ul.browsers li h4 {font-size: 10px; padding-bottom: 10px; width: 90%; color: #999; text-align: center;} .landings .copyright ul.browsers li img { margin-left:40px;} .landings .copyright ul.browsers a {color: #BBB; text-decoration: none;} .landings .copyright ul.browsers a:hover {color:white; text-decoration:underline;} .landings .copyright ul.browsers li.AsSeenOn {width: 100%;} .landings .copyright ul.browsers li.colR {border:none; color: #BBB;} .landings .copyright ul.browsers li.colR h4{text-align:center;} .landings .copyright ul.browsers li.colR li img.specialFTop {float:left; margin:3px 4px 0 0 ; border:none;} .landings .copyright ul {} .landings .copyright ul.browsers li.colR li.L1 { width: 116px;} .landings .copyright ul.browsers li.colR li.L2 { width: 75px;} .landings .copyright ul.browsers li.colR li.L3 { width: 130px;} .landings .copyright ul.browsers li.colR li.L4 { width: 130px;} .landings .copyright ul.browsers li.AsSeenOn {width: 100%;} } @media screen and (max-width: 767px) { } @media screen and (max-width: 499px) { .landings .copyright ul.browsers {padding: 25px 0; overflow:hidden; width:320px!important;} .landings .copyright ul.browsers li.colR li { margin: .5em;} } @media screen and (max-width: 479px) { /* .newLatest .banner img {display:none;} .newLatest .banner { background:url(/images/landingpages/latestpromo/Latest-promo-img-mobile.jpg) no-repeat center; height: 192px;} .newLatest .banner a { width:45%; height:50px; line-height:50px; top: 185px!important;}*/ .newLatest .bullets .bulletHolder .col1 {margin-left:0; } .newLatest .bullets .bulletHolder .cols ul { width: 165px; display: inline-block; } .newLatest .bullets .bulletHolder .cols .lpromo { display:block; width: 155px; float:left; margin: 0 10px} .newLatest .bullets .bulletHolder .cols .lpromo2 {display:block; width: 155px; float:right; margin: 0 10px} }