* {margin:0;padding:0} body{padding:0;font:75% arial;color:#606060} body#sports {background:#eee url(/s/images/ui/body-bgr.png) 0 0 repeat-y} a:link{color:#3449aa} a:visited{color:#3449aa} a:hover{color:#e21b25} a:active{color:#f00} .skip{display:none} .left{text-align:left} .floatleft{float:left} h3{font-size:90%} h4{font-size:100%} #content h3{font-size:120%;padding:5px 0 0} .accountpages p, .promos p{margin:0px 0 10px} .attn{font-style:italic} p.attn, .attn p{border:1px solid #ccc;padding:5px} .ButtonSubmit{margin-left:45%} img{border:0} #header{width:100%;height:68px;background:url('/s/images/ui/head-background.jpg') no-repeat scroll 0 0;z-index:-1} #header a{text-decoration:none} #header h1{margin-left:10px} #header h1 a{float:left;background:url('/s/images/ui/sb-logo-2.jpg') 0 50% no-repeat;text-indent:-9000px;display:block;height:68px;width:190px;z-index:101; position:absolute;top:0;left:13px} #header ul , #leftNav ul, #rightNav ul{list-style:none} .hidden{background:none;display:none;height:0;width:0;position:absolute;top:-100px;left:0} #content ol li{margin-left:25px} optgroup{font-style:normal} fieldset{-moz-border-radius:8px;border-radius:8px} .strong, strong{font-weight:bold} .language a{text-decoration:none;position:absolute;width:200px;left:5px;white-space:nowrap;background:url('/s/images/paradise-poker/flags.gif') no-repeat 100% 50%;padding-right:0.2%} .language span{position:absolute;width:250px;left:5px;white-space:nowrap;background:url('/s/images/paradise-poker/flags.gif') no-repeat 100% 50%;padding-right:0.2%; padding-top: 5px;} /*Buttons*/ .button li{display:inline;background:url('/s/images/ui/registrationLeft.gif') no-repeat 0 0;margin:0;padding-bottom:3px} .button li a{padding:0 10px 0 10px;background:url('/s/images/ui/button.png') repeat-x right top;display:inline;margin-left:1px;text-decoration:none;font-weight:bold;color:#333;line-height:28px} #content .button li{line-height:32px} #content .button li a{padding:4px 10px 10px;line-height:30px;color:#000;cursor:pointer;} #content .button li a:hover{color:#0046D5} #sports ul.button li{background:url('/s/images/ui/registrationLeft.gif') no-repeat 0 0} .register li{background:url('/s/images/ui/registrationLeft.gif') no-repeat 0 0} .loginBox .button.register li a{padding:0 10px 0 10px;background:url('/s/images/ui/registration.gif') repeat-x right top;margin-left:1px;color:#fff} .button.register li a:hover{color:#999} #sections{position:absolute;top:30px;left:1px;text-align:right;width:994px;letter-spacing:-0.05em;}/* width:994px = 1024x768 no horizontal scrollbar IE6 */ #sections .menu{width:auto;margin:5px 0;list-style:none;font-size:13px;font-weight:bold;float:right} #sections .menu li{display:inline;background:url('/s/images/ui/toplinks-tab-left.png') no-repeat top left} #sections .menu li a{height:22px;float:left;display:inline;margin:3px 1px 0 6px;padding:8px 8px 0 2px;color:#333333;text-decoration:none;border-bottom:none;background:url('/s/images/ui/toplinks-tab.png') no-repeat top right} #sections .menu li a:hover{text-decoration:underline} #sections .menu li .newTop, #filo #sections .menu li .newTop{background:url(/s/images/ui/new-top.png) 0 -1px no-repeat; position:relative; margin:-5px 0 0 -49px; padding:0; width:44px; height:19px} #filo #sections .menu li .newTop{margin:-7px 0 0 -48px; background-image:url(/s/images/ui/new-top-h.png)} #sports #sections #mm-sports a{background:url('/s/images/ui/toplinks-tab-selected.png') no-repeat top right;color:#fff;border-color:#4378bc;height:27px;margin:0 1px 0 6px;padding:8px 14px 0 7px} #sports #sections #mm-sports{background:url('/s/images/ui/toplinks-tab-selected-left.png') no-repeat top left} #sports #sections #mm-sports a:hover{border-color:#4378bc} /* Sub menu */ #submenu{line-height:1.4em;text-align:right;padding-top:8px; width:992px} #submenu ul{float:right;list-style:none;font-size:90%} #submenu ul li{float:left;padding:0} #submenu ul li a{float:left;padding-left:6px;color:#fff;text-decoration:underline} #submenu ul li a:hover{color:#ccc} .container{width:994px;clear:both} .hcontainer{clear:both;background:#0274f5 url(/s/images/ui/header-underline.jpg) 0 0 repeat-x;float:none;width:100%;min-width:994px} /* float:none = min-width:994px : 1024x768 no horizontal scrollbar IE7*/ .clear{clear:both} /* Content Navigation */ #content .caption, #leftNav h3, #rightNav h3{border:1px solid #3b4b62;background:url('/s/images/eventbrowsing/topcaption.jpg') 0 0 repeat-x;height:20px;font-weight:bold;color:#fff;padding:0;margin-top:5px} #content.promos .caption h2{display:inline;color:#fff;font-size:100%;margin-left:5px;line-height:19px} #content .caption h1, #content .caption select, #leftNav h3 span, #rightNav h3 span{float:left;padding-left:4px;line-height:20px} #rightNav h3 span{float:none;background:url('/s/images/h/arrow.gif') 0px 1px no-repeat;padding-left:18px;} #leftNav h3, #rightNav h3{margin-top:0px;color:#fff;text-decoration:none;font-size:110%} #rightNav h3 a, #leftNav h3 a{color:#fff;text-decoration:none} #leftNav{position:relative;float:left;padding-right:1px;width:150px;padding-bottom:30px;font-size:90%;padding-top:5px;overflow:hidden} #leftNav ul li a{border-bottom:1px solid #dcdfe4;border-top:1px solid #fcfcfc;padding:2px 10px 2px 20px;display:block;background:#eee url(/s/images/ui/dark-arrow.png) 10px 50% no-repeat; text-decoration: none; color: #0048a8; font-weight: bold; /* removed to fix menu height issue in firefox - Leigh Garland height: 1%; */overflow:hidden;width:120px} #leftNav ul li a:hover, #leftNav .selected a{background-color:#dcdfe4;color:#000} #leftNav .selected a{background-color:#bacde1} #leftNav ul ul li a{padding-left:25px} #leftNav ul ul li a{background:#f7f7f7 url('/s/images/ui/dark-arrow.png') 15px 50% no-repeat} /* Right side column */ #rightNav{width:272px;font-size:90%;float:left;margin:5px 0 0 18px} .aBox{border:1px solid #c2c2c2;background:#fff url('/s/images/ui/leftnav-bgr.png') repeat-y 101% 0;float:left;width:100%} #rightNav .button{padding:1px 3px} #rightNav p{margin:5px 10px} .noxsell .download{display:none} .nextevents a{text-decoration:none} .nextevents .sportName{font-weight:bold} .nextevents .lblEndingAt{display:inline} .nextevents .eventStartingTime{display:inline} .nextevents .lblBetNow{font-weight:bold;display:inline} .nextevents .row{border-bottom:1px solid #ccc;padding:5px} #rightNav .download{margin:5px 0;border:0px;}/*background-color:none*/ .download strong{display:block;color:#0f54b0} .download a{color:#0f54b0;text-decoration:none} .download a:hover{text-decoration:underline} #rightNav a.livescore{display:block;width:136px;height:35px;background:url('/s/images/h/live-scores_button.png') 0 0 no-repeat;float:left;} #rightNav a:hover.livescore{display:block;width:136px;height:35px;background:url('/s/images/h/live-scores_button.png') 0 -35px no-repeat;float:left;} #rightNav a.statistics{display:block;width:136px;height:35px;background:url('/s/images/h/statistics_button.png') 0 0 no-repeat;float:left;} #rightNav a:hover.statistics{display:block;width:136px;height:35px;background:url('/s/images/h/statistics_button.png') 0 -35px no-repeat;float:left;} #rightNav a.supportpanel{display:block;width:272px;height:50px;background:url('/s/images/h/customer-support.png') 0 0 no-repeat} #rightNav a:hover.supportpanel{display:block;width:272px;height:50px;background:url('/s/images/h/customer-support.png') 0 -50px no-repeat} #rightNav h3.error{margin-top:0px;color:#fff;text-decoration:none;font-size:110%;border:1px solid #3b4b62;background:url('/s/images/eventbrowsing/error.jpg') 0 0 repeat-x;height:20px;font-weight:bold;color:#fff;padding:0} #rightNav h3.error span{line-height:20px;float:none;background:url('/s/images/h/arrow.gif') 0px 1px no-repeat;padding-left:18px;} #bonuspromo a{color:#606060;display:block;width:202px;height:65px;background:url('/s/images/h/free-money.png') 0px 0px no-repeat;margin:0px;padding:5px 0px 0px 70px;} #bonuspromo a strong{color:#3449aa} #mpromo, #basketball, #inplayOnly, #nowbetting{display:none} #inplayright #inplayOnly, #homepageRight #basketball, #homepageRight #mpromo{display:block;} #rightNav .download{border:1px solid #c2c2c2} #rightNav #banner.download{border:none;margin-top:10px;} #rightNav #mpromo{width:274px;margin:0;margin-bottom:6px;border:none;float:left;} #mpromo ul li h4{float:right;width:194px;padding-top:5px;font-size:105%} #mpromo ul li h4 a{color:#3366ff} #mpromo li{border-bottom:1px dotted #000;padding-bottom:5px;min-height:66px;} #mpromo a.img{width:80px;float:left;display:block;text-align:center;} #mpromo a{text-decoration:none;color:#666} #rightNav fieldset.sbanner strong{color:#ff3300} #rightNav fieldset.sbanner{width:264px;padding:3px;text-align:center;font-size:95%} #rightNav fieldset.sbanner a{display:block;text-decoration:none;color:#666;padding:0px 58px;min-height:87px;background:url('/s/images/ui/gambling-awards.png') no-repeat center center} #rightNav div#game { width: 272px; overflow: hidden;} /* Content */ #content{width:542px;float:left;padding:0 0 0 8px;overflow:hidden} #content table{width:100%;margin:0 0 10px 0;font-size:90%} #content table td{padding:5px;border-bottom:1px solid #dcdde1} #content table tbody td.multi{padding:0px!important;vertical-align:top!important;} #content table td.multi{padding:0px!important;} #content table tfoot td{padding:0 5px} #content .message p{margin:5px 0} #content td img, #content img {float: left; margin-right: 10px} #content h2, .accountpages h1, .promos h1, #poker h1, #casino h1{font-size:150%;margin:10px 0 5px 0;color:#126EE0} #content.promos table{font-size:110%} #content h2.AllBetsEventName{font-size:120%} #content a img.inplayButton{ margin:10px 0 0 0; padding:0; float: right;} #content a img.miniInplayButton{ margin:3px; float: left; padding:0;} #content h2.AllBetsEventDateTime{font-size:120%; margin-left: 10px; display:none;} /* #content div.mediaCoverage img{ padding: 10px 0pt 0pt; float: right;} */ /* #content div.mediaCoverage{ padding: 10px 0pt 0pt; float: right;} */ /* #content span.mediaCoverageCont{ float: right;} */ #liveBetting {border: 1px solid #c2c2c2} #content table#liveBetting td p.t-title {font-weight:normal} .event {margin-bottom:10px} #content table .alt{background-color:#eee} #markettypes ul{list-style-type:none;border:1px solid #666;float:left;width:540px;background-color:#f0f0f0} #markettypes li{display:inline} #markettypes li a{display:block;text-decoration:none;background-color:#dedede;width:168px;float:left;padding:3px 5px;border:1px solid #f7f7f7;font-weight:bold} #markettypes li a:hover, .todayurl a:hover, .weekendurl a:hover{background-color:#ccc} #trademark{border-top:1px solid #ccc;padding:3px 6px;color:#777;font-size:80%;line-height:normal;margin-top:200px;float:none;width:520px;} #trademark p, #trademark #groupwrapper{clear:both;margin:5px 0px;} #trademark .logoGroup{width:75px;height:60px;float:left} #trademark .logos{width:300px;height:60px;float:left} #trademark .logos img{float:left;margin:0px;padding:0px;} #pokerbody #trademark{width:600px;float:left} .tandc{font-size:80%} .list li{padding:0 0 10px 20px;background:url('/s/images/ui/bullet-active.png') no-repeat 10px 3px;list-style-type:none;display:block;clear:both;margin:0} .list li.selected{background:url('/s/images/ui/bullet.png') no-repeat 10px 3px} .list li li{font-weight:normal;padding-left:25px;padding-bottom:5px;width:auto} .list li li a{font-weight:normal} .list li li.selected a{color:#c00} .list .sub{background:none;padding-bottom:0;float:left} .list .sub ul{padding:0} .nodecoration a{text-decoration:none} .rules, .inside{margin-left:20px;line-height:150%} .inside li{list-style-position:inside} #content .leftcol{float:left;width:325px;padding:0 20px 20px 0;margin:0} .promobox{margin:10px 0} .promobox .title{font-weight:bold} .title a{text-decoration:none} .rightcol{float:right;width:180px;padding-right:5px;margin:0} /*#trademark li.first{border:none} *****DO I NEED THIS**** ?*/ #footer{clear:both} /*Content HEADER*/ #content .caption h1{font-size:100%} #content .caption select{margin-left:4px;font-size:85%} .oddsstyle{float:right;line-height:20px} .oddsstyle span{float:left} #sport-bets .betselect{overflow:visible;width:220px;font-size:80%} /*Headlines*/ .event{display:block;clear:both;} .event img{float:left;margin:5px 5px 5px 0px;} .currentTitle{display:block;font-weight:bold} .event-body{line-height:140%;margin-left:100px;font-size:90%;} /*Headlines Odds Display*/ .eventOdds{padding:6px 0px 0px 0px;margin:0px 0px 0px 100px;vertical-align:top;} .eventOdds table{clear:none!important;font-size:90%;border:1px solid #DCDDE1!important;border-bottom:none!important;} .eventOdds table td{padding:0;} .eventOdds table td.team{padding-left:5px!important;} .eventOdds table td.team span{color:#1863bd;padding:0px!important} .eventOdds table td.odds a.price, .eventOdds table td.usa{background:#dde2ea!important;border:1px solid #F7F7F7!important;} .eventOdds table td.odds a:hover.price{background:#e4e4e4!important;} .eventOdds table td.usa{height:25px;border-bottom:1px solid #DCDDE1!important;} .eventOdds table tr.suspended{line-height:100%} .eventOdds table caption, .eventOdds table th, .eventOdds table tfoot, .eventOdds table td.previous, .eventOdds table td.previous span{display:none;} /*.eventOdds table th{background:#F7F7F7;padding:2px;height:16px;color:#8c99af} .eventOdds table th span{line-height:110%}*/ /*bet Coupons and Events */ #content table.TmplCorrscr .score span{padding-left:2px;text-align:left} #content table.TmplCorrscr tbody td, #content table.TmplFgs tbody td{padding:0px 1px;background:#eee;border-right:1px solid #fff;width:30%} #content table table{border:0px;font-size:100%;margin:0px} #content table table td.score, #content table table td.team{font-weight:bold;color:#039;background:#f7f7f7} #content table table td.team{line-height:100%;padding-left:4px;width:80%} #content table table tbody td{border-bottom:1px solid #dcdde1;border-left:1px solid #dcdde1} #content table table tbody td.multiline{border-bottom:1px solid #dcdde1;border-left:0px!important;padding:2px!important} #events .box{margin:10px 0px;padding:0px;} #content caption, #events .dt, .title .dt, #content.hp span.dt{background:url('/s/images/eventbrowsing/ttitle.png') 0px 0px repeat-x;font-weight:bold;color:#fff;padding:0;text-align:left;line-height:20px;border-color:#333;border-width:0 1px 0 1px;border-style:solid} #content.hp span.dt{border-bottom:1px solid #000;padding-left:5px;margin-top:10px;display:block} #content table thead, #events dd{background-color:#dcdde1;line-height:200%;color:#6a6b6d} #content table tfoot{background-color:#dcdde1;color:#6a6b6d} #content table tfoot .tright{text-align:right} #content table thead{border-top:1px solid #2864c4} #content .tew{padding:0;background-color:#dcdde1;line-height:200%;text-indent:5px;font-weight:bold;border-bottom:1px solid #eee} #content .subcaption, #content .lblEventHeader{font-weight:bold;border-bottom:1px solid #fff;background-color:#dedede} #content .subcaptionMulti{font-weight:bold;border-bottom:0px!important;background-color:#dedede} #content th, #content caption{padding:0 5px} #content caption{min-height:20px;} #content .forthcoming{margin:0} #content .forthcoming td{padding:0;background-color:#ededed} .forthcoming a{display:block;padding:3px 5px} #content .forthcoming .title{font-size:110%;width:100%;font-weight:bold;padding-left:5px} #content .forthcoming a{background-color:#fafafa;text-decoration:none} #content .forthcoming a:hover{background:#efefef} #content table .odds, #content table .score, #content table .usa{padding:0px;font-weight:bold;padding-right:2px;width:18%;text-align:center;background-color:#eee} #content table .odds {text-align:left} .usa{border:1px solid #fff;border-width:0 1px} #content .odds.previous{background-color:#eaeaea} #content table .score span, #content table.TmplFgs .odds span{border:1px solid #fff;width:100%;height:100%;display:block;padding:5px 0;text-align:center;text-decoration:none} #content table .odds {padding: 0} #content table .odds .price {text-align:center; border:1px solid #fff; background-color:#e4e4e4; padding: 5px; display: block;} #content table .odds .handicapPrice {text-align:right; border:1px solid #fff; background-color:#e4e4e4; padding: 5px; display: block;} #content table .odds .priceReadonly {text-align:center; display: block} #content table .odds a:hover{background-color:#ccc;color:red} #content table .team{text-align:left;font-weight:bold;color:#039} #content table thead .team, #content table .score{color:#6a6b6d} #content table thead .multiWidth{border-width:0px!important} #content table{border:1px solid #666;clear:both} #content table .usodds{width:13%} #content table .previous{width:auto} #content table .morebets, #content table .morebets a, #content table .morebets a:hover{background-color:#f7f7f7;white-space:nowrap;text-align:center} .morebets{padding:0} #content table .matchstats{display:block; float:left; text-indent:-3000px; width:17px; height:21px; margin:0; padding:0; font-size:0;} #content table a.matchstats{background:transparent url(/s/images/ui/stats_button.png) 0 0 no-repeat; margin:0; padding:0; font-size:0;} .eventStartingTime{font-size:80%} #content table .time td{white-space:nowrap} #content table .time{height:10px;line-height:10px} #content table .usa img{margin:0;float:none} #content table th{border-width:0 1px;border-color:#f7f7f7;border-style:solid} #content tbody .team span{display:block} .suspended{border-bottom:1px solid #fff;text-align:center} #content .helpImg img{margin:auto} #events{background-color:#F7F7F7} #events .dt, .title .dt{font-size:90%;clear:both;padding-left:5px;width:100%;display:block;line-height:200%;background:url('/s/images/eventbrowsing/ttitle.png') 0 -1px repeat-x;background-color:#1480F7;border-width:0} #events .dd{width:46%;float:left;line-height:50%} #events .ds{width:4%;float:left;overflow:hidden;text-align:center} #events a.team{color:#039;line-height:20px;font-size:95%;text-decoration:none;padding-left:4px;display:block;height:100%;float:left} #events a.team:hover{background-color:#dcdfe4} .team a.inplayButton {float:right; padding:0;} .team a.inplayButton img{margin:0!important} .handicap{margin:7px 5px;position:absolute;font-weight:normal;font-size:90%} .usa .handicap, .TmplAsian .handicap{position:relative;margin:0;display:inline} .TmplAsian tbody td{text-align:center} #content table .previous{font-weight:normal; text-align: center;} #content .a{color:#789} #content .b{color:#567} #content .c{color:#345} #content .d{color:#123} #content .e{color:#001} #content tbody .center{text-align:center} .AllBetsEventName{display:block;clear:both;margin:15px 0;font-size:120%} .bookname, .offername{display:none} .sportsviewButton{text-align:right} /*Account Pages*/ .state{display:none} .accountpages{color:#333} fieldset{margin:10px 0;padding-bottom:10px} fieldset p{margin-left:5px!important} legend{font-weight:bold;color:#0046d5;margin-left:8px} fieldset fieldset legend{font-weight:normal} fieldset th{line-height:100%} #content fieldset table{border:0px} fieldset fieldset{width:46%;margin:10px 5px;float:left;padding:0;clear:none} .accountpages .pageTitle{} .RequiredField{background-color:#f2f2f0} #center .RequiredField .middle{text-align:center;width:4px} .DepositFormLabel, .ChangePasswordFormTitle, .LabelGeneral{text-align:right;width:auto;font-weight:bold} .eventTitle{font-size:110%} .accountpages input{font-size:100%;padding:0 5px} .Astrix, .middle, .withdrawalLimit{color:#c00} .successMessage div, .successMessage p{padding:5px;font-weight:bold;border:1px solid #333;color:#fff;line-height:130%;padding-left:40px;background:#5c0 url('/s/images/ui/successImg.png') no-repeat 5px center;display:block;clear:both} #content .successMessage p a{color:#fff} #content .successMessage p a:hover{text-decoration:none} .moreOptions{color:#03f} .accountpages p.error, #content p.error{border:1px solid red;padding:5px;display:block;clear:both} fieldset .attn{margin:5px 10px} fieldset{clear:both} .history table{font-size:110%} .history .history1Table{width:100%} .accountpages th{height:20px} .history .historyTable th{background-color:#e0e3ea} fieldset fieldset.wide, #sports .history .historyTable{width:510px} .history .button{padding-bottom:10px;text-align:center;font-weight:normal} .history .historyTable tbody, .history1Table tbody, .accountpages tbody.center{text-align:center} .history .stake{font-weight:bold} .HistoryListDate{text-align:left;font-weight:bold} .HistoryTableHeader{font-weight:bold} /*.HistoryTypeText.date select{border-width:1px;border-style:solid;border-color:#7F9DB9;}*/ select{font-size:100%} option{padding:0 3px} .subPaymentMethodText{padding:10px; font-weight:bold} .accountpages .menu, #poker .menu, .submenu{float:left;width:100%;margin:5px 0;list-style:none;font-size:90%;padding:0px 0px 1px 5px;background:url('/s/images/ui/n-menu-bg.gif') repeat-x left bottom} .submenu{width:95%;border-bottom:1px solid #ccc;padding-left:10px} .menu li, .submenu li{float:left;margin:0;padding:0} .submenu{list-style:none;font-size:80%} .accountpages .menu li a, #poker .menu li a, .submenu li a{float:left;display:block;margin:0 1px 0 0;padding:4px 8px;color:#333;text-decoration:none;border:1px solid #9b9ea5;border-right:1px solid #666;border-bottom:none;background:url(/s/images/ui/n-menu-tab.png) no-repeat top left} .submenu li a{background-position: -1px 0; padding:2px 8px} .accountpages .menu li a:hover, #poker .menu li a:hover, .submenu li a:hover{border-color:#ccc;background-position:0 -84px} .accountpages .menu li a:hover{border:1px solid #b0b6bf;border-right:1px solid #333;border-bottom:none} .submenu li a:hover{background-position:0 -86px} .accountpages .menu li.selected a, #poker .menu li.selected a, .submenu li.selected a{background:url(/s/images/ui/n-menu-tab-s.png) no-repeat top left;border-color:#3f6cad;border-right:1px solid #1e3f6a;font-weight:bold;color:#fff;padding:5px 10px 6px;margin-top:-2px} tr .body{font-size:90%;padding:5px} .oldpopuptables{clear:both;width:500px;margin:auto;} .oldpopuptables p{margin:10px 0px} .oldpopuptables .closepop{margin-top:30px;} /*Promo pages*/ fieldset.terms{color:#c00} .promos fieldset{padding:5px} #content.promos .caption{font-size:90%} #content caption a{color:#fff} p.tandc{margin:5px 0} /*Information pages*/ .leftFieldset, .rightFieldset{width:48%;float:left} .rightFieldset{clear:right;margin-left:8px} .information, .affiliate{font-size:110%;line-height:130%} .information fieldset{padding-top:5px} .information fieldset a{padding:5px;text-decoration:none;display:block;background:url('/s/images/ui/bullet-active.png') no-repeat 10px 50%;padding-left:20px} .information fieldset a:hover{background-color:#ededed} .information fieldset ul li{border-bottom:1px solid #ccc;list-style:none} .comment{font-size:80%} fieldset .comment{font-size:80%;padding-left:25px} .countries{padding:10px;background-color:#fff} fieldset.tiny{font-size:90%;width:50%} fieldset.tiny table{padding:1px;margin:1px} /* Login Box */ .loginBox #topNav_DisplayBalance1_balance, .loginBox #Topnav2_DisplayBalance1_balance{font-size:95%} .loginBox #topNav_DisplayBalance1_balance span, .loginBox #Topnav2_DisplayBalance1_balance span{font-weight:bold;margin-right:3px;} .loginBox{min-width:994px;font-size:100%;width:100%;border-top:1px solid #555;border-bottom:1px solid #bababa;float:left;line-height:31px;background:#dedede url('/s/images/ui/loginbox-back.png') repeat-x left top;padding-top:7px} .loginBox a{margin:0 5px} .loginBox .button li a{line-height:24px} .loginBox .button li{margin-top:3px;margin-left:5px;} .loginBox *{float:left;margin-left:.5px;display:block} #topNav_loginBox_loginBox, #Topnav2_loginBox_loginBox, #loginBox_loginBox{float:right;margin-top:3px} .loginBox input{height:30px;margin:3px 4px;font-size:12px;padding:0 4px} .loginBox .position{width:992px;float:left} .welcomeBox{float:right;margin-top:3px} .welcomeBox label{font-weight:normal;} #username, #password, #modCustLoginUsername, #modCustLoginPassword, #usernameLabel, #passwordLabel{height:19px; width:10.6em} .loginerror, .loginerror div{width:100%;margin:0} .loginerror div{text-align:center;font-weight:bold;padding:2px;background-color:#c00;color:#fff;line-height:120%;margin-top:2px} #DisplayBalance_balance{} .forgotpasswordButton{} .language a{text-decoration:none;position:absolute;left:5px;min-width:150px} .language a:hover{text-decoration:underline} .logonBox span{color:#000;font-weight:normal;margin-top:3px;padding-left:3px} .logonBox span.youlastlogon{font-weight:bold} .welcomeBox .userName{display:none} /*InPlay #inplay{width:692px;overflow:hidden} #content.inplayContent{width:692px;padding:5px;margin:0} .inplayrightNav{height:4000px;padding:0;width:auto;background-color:#EEE} .inplayrightNav #rightNav{margin:0} .inPlay .loginerror{position:absolute;top:0;left:0} .inPlay .loginerror div{margin-top:0px} #inplayhomelink{padding:5px 0;background:#e9e9e9} #flash{margin-top:3px} */ #content.inplayContent{width:692px;padding:5px 4px 5px 5px;margin:0} .inplayrightNav #rightNav{width:272px;font-size:90%;float:left;margin:5px 0 0 18px} .inPlay .loginerror{position:absolute;top:0;left:0} .inPlay .loginerror div{margin-top:0px} #inplayhomelink{padding:5px 0;background:#e9e9e9} #flash{margin-top:3px} div#alert{ position: absolute; background-color: #F00; font-weight: bold; padding: 4px 8px; color: #FFF; z-index: 100; visibility: hidden; } /* Multiples */ .multiPrice {color:#000;text-align:center;text-decoration:none;} .multibg {background-color:#EAEAEA} /* Suspended */ td.suspendedCell {background-color:#eee} .suspended{color:#f30;font-weight:bold} .suspendedText{color:#f30;font-weight:bold} .suspendedRow, #content .suspendedRow .odds{background-color:#eee} #content .suspendedRow .team, #content .suspendedRow .team span, #content .priceReadonly{text-decoration:none;color:#9ab} .suspendedCell{background-color:silver} .TmplAsian .handicap, .handicap{color:#f00} .priceReadonly{color:#999} .price{color:#000; text-decoration: none;} .priceSuspended{color:#999} /* Bet History */ #content.accountpages fieldset.history table.history1Table fieldset table th{background-color:#e0e3ea} #content.accountpages fieldset.history table.history1Table fieldset div table tr.HistoryListTableRow td{background-color:#eee} #content.accountpages fieldset.history table.history1Table fieldset div table tr td{padding:2px} #content.accountpages fieldset.history table.history1Table fieldset{width:99%; float:right; margin:0 0 5px 0} .history1Table a.pageTitle.historyHideButton{width:54px; margin:-3px -4px; background:url('/s/images/ui/registrationLeft.gif') no-repeat 0 0; display:block; text-decoration:none} .history1Table a.pageTitle.historyHideButton span{background:url('/s/images/ui/button.png') repeat-x right top; display:block; margin-left:1px; color:#333; line-height:23px; font-weight:bold} .rbContact li{padding:2px 0px} .rbContact li label{font-size:106%} .rbContact input{margin:0px 4px} ul.promoProd, ul.contactMethod{width:300px;float:left} ul.promoProd li, ul.contactMethod li{width:50%;float:left} ul.contactMethod li.contactSms, ul.promoProd li.promoGeneral{width:100%} /* SECTION WHICH WE CAN HIDE WITH CSS .customerPref .promoRow{display:none} .customerPref .promoTable{display:none} .customerPref .noSpamRow{display:none} .customerDetail #HideMobile{display:none} .customerDetail #HideAddress2{display:none} .customerDetail #Hidecounty{display:none} */ /* Manual deposit form in depositUnsuccessful */ .manualdepositform{display:none} /* ClickandPay error message */ #_ctl0_divClickAndBuyContent span.error{display:inline} /* New for transection TouchPoint */ .touchboxcasino{border:1px solid #c2c2c2;clear:both;background:#fff url('/s/images/h/casino-roulette.jpg') no-repeat 101% 60%;position:relative;} .touchboxsseven{border:1px solid #c2c2c2;clear:both;background:#fff url('/s/images/h/casino-super-seven.jpg') no-repeat 101% 10%;position:relative;} .touchboxpoker{border:1px solid #c2c2c2;clear:both;background:#fff url('/s/images/h/poker-cards.jpg') no-repeat 101% 25%;position:relative;} .touchboxpoker2{border:1px solid #c2c2c2;clear:both;background:#fff url('/s/images/h/poker-hand-cards.jpg') no-repeat 101% 80%;position:relative;} /*.touchbox{width:560px}*/ .touchbox h3{border:1px solid #3b4b62;background:url('/s/images/eventbrowsing/topcaption.jpg') 0 0 repeat-x;height:15px;font-weight:bold;color:#fff;padding:0;margin:0px;padding:0px;position:relative;} .touchbox h3 span{float:none;background:url('/s/images/h/arrow.gif') 0px 2px no-repeat;padding:0px 0px 0px 18px;font-size:90%;margin-top:-3px;display:block;} .touchbox p{padding:5px;width:325px;} .touchbox p strong{font-weight:bold;font-size:120%;} .touchbox a{display:block;background:#fff url('/s/images/newsletter/140906/arrow.gif') no-repeat 100% 80%;padding:0px 20px 0px 0px;} /* Hot Coupons */ #leftNav h2{display:block;border:1px solid #3b4b62;background:#566a83 url('/s/images/eventbrowsing/topcaption.jpg') 0 0 repeat-x;padding:2px 0px 3px 2px;font-size:108%} #leftNav h2 span{display:block;font-weight:bold;color:#fff;text-decoration:none} /* leftnav top 5 */ #leftNav .LeftNavSport190{margin-bottom:10px;border-bottom:1px solid #c1c1c1} #leftNav .LeftNavSport175{border-top:1px solid #c1c1c1} .sportDescription, .errorSEO {padding:6px;background-color:#fff;margin:10px 0px;float:none;border:1px solid #e0e3ea;clear:both;font-weight:bold} .sportDescription p, .errorSEO p, .sportDescription img, .errorSEO img{float:none;clear:both;color:#e0e3ea;font-weight:normal} .sportDescription ul, .errorSEO ul, .sportDescription span, .errorSEO span{display:block;clear:both;padding:3px 10px 0px 40px;font-weight:normal} /* MiniInfo */ #content .infoheader .minigreeting{width:186px} #content .minigreeting{float:left;display:inline} #content .miniinfo{float:right;font-size:86%;padding-left:5px} #content .miniinfo h2{margin:3px 0px 1px 0px;padding:0;font-size:110%} #content .miniinfo p{margin:0;padding:0} #content .minicontacts ul{list-style:none;float:left} #content .minicontacts ul li, #content .minicontacts ul li a, #content .minicontacts ul li#phone span{display:block;width:159px;height:18px} #content .minicontacts ul li{float:left;background:url('/s/images/info/contact-bg.png') no-repeat 0 0;margin:0px 3px 3px 0px;border-right:#B3CAE4 1px solid;border-bottom:#B3CAE4 1px solid} #content .minicontacts ul li#liveperson img{margin:0;padding:0;float:left} #content .minicontacts ul li#phone span{text-indent:-9000px;background:url('/s/images/info/contact-phone.png') no-repeat left center} #content .minicontacts ul li#email a{width:129px;padding:3px 0px 0px 30px;background:url('/s/images/info/contact-email.png') no-repeat 0 0} #content .minicontacts ul li#more a{background:url('/s/images/info/contact-more.png') no-repeat left top} #content .minicontacts ul li#more a:hover{background:url('/s/images/info/contact-more.png') no-repeat left bottom} #content .minicontacts ul li span{display:none} #content .minissl{width:150px} #content .minissl img.lock{float:left;margin:0} #content .minicontacts{width:330px;background:url('/s/images/info/miniinfo-bg.png') no-repeat 0 0;padding-left:10px} /* tooltip */ #tooltip b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px;font-size: 1px;background:transparent url(/s/images/assets/rounded_border.gif) no-repeat;position:relative} #tooltip b.bt {top: -3px; left: -3px} #tooltip b.bt b {background-position:100% -10px; left: 6px} #tooltip b.bb {background-position:0 -20px; top:3px; left: -3px} #tooltip b.bb b {background-position:100% -30px; left: 6px} #tooltip {border: #fff 3px solid; position:absolute; background-color: #f0910e;color:#fff;position:absolute;top:-500px;width:220px;z-index:1000;} #sports #tooltip .t, #sports #tooltip .b, #sports #tooltip .b div, #sports #tooltipcontent{width:200px} #sports #tooltip .t{z-index:-1} #sports #tooltip .b{width:210px} #sports #content tr.lblMarketTypeName div, #sports #content tr.lblMarketTypeName span, #sports #content caption div{width:490px;float:left} #sports #content a.Helpquestion{display:block;float:right;text-decoration:none;text-indent:-9000px;margin-left:3px;line-height:2em;width:13px;background:url('/s/images/ui/question.gif') no-repeat center center} #sports #content a.exclamation{display:block;float:right;text-decoration:none;text-indent:-9000px;margin-right:1px;line-height:2em;width:13px;background:url('/s/images/ui/exclamation.gif') no-repeat center center} #sports #content a.inlineExclamation{text-decoration:none;line-height:2em;width:13px;background:url('/s/images/ui/exclamation.gif') no-repeat center center;position:relative} #sports #content img.inlineExclamation{display:inline;float:none;margin:0;} #sports #content table thead tr .exclamationSpace{width:18px;} /* Spodds Brand Merge */ .loginInfo, .loginInfo div{width:100%;margin:2px;} .loginInfo div{text-align:center;font-weight:bold;padding:2px;background-color:#00f;color:#fff;line-height:120%;margin-top:2px} /* contact us pages */ .cm{background:url(/s/images/ui/border-bg.png) repeat-x left bottom;padding-bottom:3px} .cm h2{float:right;text-align:left;width:470px;color:#003399!important;font-size:126%!important;margin-bottom:2px!important} .cm .ic, .cm .ic img{float:left;width:60px;margin:0!important;padding:0!important} .cm .info{float:right;text-align:left;width:470px;margin:0} /* style for Phone Numbers */ .uk{background:#F7F7F7 url(/s/images/info/flag-uk.png) no-repeat center left} .ca{background:#F7F7F7 url(/s/images/info/flag-ca.png) no-repeat center left} .au{background:#F7F7F7 url(/s/images/info/flag-au.png) no-repeat center left} .email{background:#e3effe url(/s/images/info/email.png) no-repeat center left} ul.messages{list-style:none} .messages li strong{display:block;width:40px;height:23px;text-indent:-9000px;float:left} .messages li{color:#003399;font-weight:bold;font-size:115%;height:23px} .messages li span{font-size:125%} /* Forecast/Tricast */ .ForecastTricast .FCBetButton, .ForecastTricast .FCResetButton{float:right} .ForecastTricast .FCBetButton{margin-left:6px} .ForecastTricast strong{width:50%;float:left;font-weight:bold;display:block;text-align:left;font-weight:normal} .ForecastTricast strong .titleForecastTricast, .ForecastTricast strong .ForecastTricastEvent, .ForecastTricast strong .ForecastTricastHead{display:block} .ForecastTricast strong .titleForecastTricast, .ForecastTricast .NoOfBetTh div{font-weight:bold} .ForecastTricast .NoOfBetTh div{display:inline} .ForecastTricast .NoOfBetTh{font-weight:normal} .ForecastTricast .Fcc, .ForecastTricast .Tcc{padding:0!important;text-align:center!important} .ForecastTricast .Tcc{width:38px!important} .ForecastTricast .Fcc{width:50px!important} .ForecastTricast .Fc{width:150px!important} .ForecastTricast .any{line-height:1.2em} .FcTcLink{float:right} .FcTcLink a{padding-left:8px;background:url('/s/images/ui/bullet.png') no-repeat left center} .serverError {width:100%; display:block; margin:0 0 0 10em; padding:4em 0 0 0 } .serverError .popupHead h2 {color:#126EE0; font-size: 150%; padding:10px 0 5px 0;} .serverError .popupHead a {display:none;} .serverError .popupBody p {display:block; margin:0 0 0.5em 0;} /* ADDED 16-4-08 - merge activity to consolidate CSS files to screen.css All sbet-sape.css is now below, not as seperate file. */ /************** start generic styles **************/ #sape, #popupBox{font-size:0.915em; font-family:Arial} #sape p, #popupBox p{margin-bottom:0!important} /* margin breaks popup box at footer */ #sape input, #sape select, #sape textarea, #popupBox input, #popupBox select, #popupBox select, #popupBox textarea{padding:0.18em 0 0.18em 3px; line-height:1em; font-size:1em; float:left; margin-right:4px; font-weight:bold; color:#666; font-family:Arial} #sape input[type=text], #sape input[type=password], #popupBox input[type=text], #popupBox input[type=password], #popupBox select, #popupBox select{background:#fff url(); border:1px solid #7f9db9} #sape select, #popupBox select, #sape select, #popupBox select option{padding:0; height:auto} #sape input[type=checkbox], #popupBox input[type=checkbox]{margin-top:0; margin-left:0; /*ie6,7*/.margin-top:-4px; .margin-left:-4px/*ie6,7*/} #sape select, #popupBox select{float:none; margin-right:0} /* opera issue */ #sape select.optionsMenu, #popupBox .accountHistory select.optionsMenu {margin-left:1px;} ul.columns {display:block} ul.columns li {display:inline} ul.addInfo {padding-bottom:0.5em;} .addInfo li { padding-left:0.5em; font-style:italic; list-style:none; display:block;} /************** start generic styles **************/ /************** start popup form elements **************/ #popupBox div.popupBody a{text-decoration:underline} #popupBox div.popup {position:absolute;} /* important for central positioning of new popup - LEIGH */ div.popupBody label, div.popupBody div.label{width:33%; display:block; float:left; position:static!important; padding:0.26em 0 0.26em 0!important; margin:0!important; background:none!important; font-weight:bold; color:#666!important} div.popupBody input.uniWidth{width:192px;} .userField{ float:left; clear:none; padding:0.3em 0 0.3em 0; margin:0; font-weight:bold; color:#666} /* to use when a span replaces an input field */ div.popupBody select option{line-height:1.3em; margin:0; padding:0.1em 3px!important} div.popupBody label.sub, div.popupBody div.label.sub{display:block; float:left; width:auto!important} div.popupBody.subspace{width:10px;float:left;clear:none;height:17px;} div.popupBody label.sub.right{margin-right:10px!important} div.popupBody label span.opt{font-size:0.82em; font-weight:normal; padding:0 3px} /* top error message */ div.popupBody div.errormsg, div.popupBody p.errormsg, div.myAccounts div.errormsg{font-size:1.09em; color:#c00!important; float:left; line-height:1.6em; width:auto; padding:2px 0 2px 0; margin:0; clear:none; background:none!important; border:0!important} div.popupBody div.errormsg *, div.myAccounts div.errormsg *{padding:0; margin:0; clear:none; font-weight:bold} #popupBox div.errormsg div.errorheader, #sape div.errormsg div.errorheader{text-indent:-1000px; width:25px; background:transparent url(/s/images/assets/icon_error.png) no-repeat center left; float:left; padding:0; margin:0; clear:none} div.popupBody div.errormsg ul li {padding:0; margin:0 20px 0 6px; font-weight:normal; list-style:square inside none!important; display:list-item!important; float:left} /* top welcome message */ #popupBox div.welcome, #sape div.welcome{width:auto; height:auto; min-height:0; position:static; clear:left; float:left; margin:0 0 2px 0; padding:0} /************** end popup form elements **************/ /************** start slim tool tip **************/ #popupBox .toolTipText, #sape .toolTipText, #betBasket .toolTipText{cursor:pointer; z-index:205; display:none; position:absolute; top:0; left:0; color:#fff; width:200px!important; margin:0 0 0 0!important; padding:7px 0 0 0!important; text-align:left} #popupBox .toolTipText.tttInfo, #sape .toolTipText.tttInfo, #betBasket .toolTipText.tttInfo{background:transparent url(/s/images/assets/toolTipSlim/ttTop200info.png) no-repeat top left!important} #popupBox .toolTipText.tttError, #sape .toolTipText.tttError, #betBasket .toolTipText.tttError{background:transparent url(/s/images/assets/toolTipSlim/ttTop200error.png) no-repeat top left!important;} #popupBox .toolTipText span.tttContent, #sape .toolTipText span.tttContent, #betBasket .toolTipText span.tttContent{width:auto!important; display:block; margin:0!important; padding:0 7px 7px 7px!important; border:0!important; font-weight:normal;} #popupBox .toolTipText span.tttContent a, #sape .toolTipText span.tttContent a, #betBasket .toolTipText span.tttContent a{color:#fff; text-decoration:underline} #popupBox .toolTipText span.tttContent a:hover, #sape .toolTipText span.tttContent a:hover, #betBasket .toolTipText span.tttContent a:hover{color:#bef8bf} #popupBox .toolTipText.tttInfo span.tttContent, #sape .toolTipText.tttInfo span.tttContent, #betBasket .toolTipText.tttInfo span.tttContent{background:transparent url(/s/images/assets/toolTipSlim/ttBottom200info.png) no-repeat bottom left!important; border:0!important} #popupBox .toolTipText.tttError span.tttContent, #sape .toolTipText.tttError span.tttContent, #betBasket .toolTipText.tttError span.tttContent{background:transparent url(/s/images/assets/toolTipSlim/ttBottom200error.png) no-repeat bottom left!important; border:0!important} #popupBox .toolTipText.tttError span.tttContent strong.tttError, #sape .toolTipText.tttError span.tttContent strong.tttError, #betBasket .toolTipText.tttError span.tttContent strong.tttError{display:block; color:#fff; font-weight:bold;} .errinfo{display:block; color:#fff; font-weight:bold;} #popupBox strong.icons, #sape strong.icons, #betBasket strong.icons{text-indent:-1000px; display: block; width:20px!important; height:17px; float:left; clear:none; margin:0!important; padding:0!important; line-height:1.3em} #popupBox strong.icons.icoInfo, #sape strong.icons.icoInfo, #betBasket strong.icons.icoInfo{cursor:pointer; background:transparent url(/s/images/assets/icon_info.png) no-repeat center right!important} #popupBox strong.icons.icoError, #sape strong.icons.icoError, #betBasket strong.icons.icoError{cursor:pointer; background:transparent url(/s/images/assets/icon_error.png) no-repeat center right!important} #popupBox strong.icons.icoTrue, #sape strong.icons.icoTrue, #betBasket strong.icons.icoTrue{background:transparent url(/s/images/assets/icon_true.png) no-repeat center right!important} #popupBox strong.icons.icoFalse, #sape strong.icons.icoFalse, #betBasket strong.icons.icoFalse{cursor:pointer; background:transparent url(/s/images/assets/icon_false.png) no-repeat center right!important} #divError h4.icons.error {background:transparent url(/s/images/assets/icon_error.png) no-repeat left 5px !important; padding-left: 23px;} /* ie fix for select over layer */ #tt_ie_fix{position:absolute; display:none; z-index:204; width:0; height:0; overflow:hidden; border:0 none} /************** end slim tool tip **************/ div.space{float:none; clear:both; width:100%; height:8px; line-height:8px} div.space.divider{background:transparent url(/s/images/assets/dotted_separator.png) repeat-x center center; } .column.divider{float:none; display:block; background:transparent url(/s/images/assets/dotted_separator.png) repeat-y center center; height:100%} /******* form elements *******/ #sape .formError, #popupBox .formError{position:absolute;margin:0;padding:0;background:transparent url('/s/images/assets/icon_error.gif') no-repeat left top;width:20px;height:17px;visibility:hidden} /**** password strength ****/ #PasswordStrength .td{width:9px; height:4px; line-height:4px; float:left; margin-right:1px} #PasswordStrength #txtDisplay{line-height:16px} /**** common styles ****/ #sape .clearAll, #Registration .clearAll, #popupBox .clearAll {float:none; clear: both;} /******* generic styles ***********/ #popupBox h3{color:#2c3d60; font-size:1.09em; font-weight: bold} #popupBox div.form1ColHeader{background:transparent url(/s/images/assets/bar_1_end.png) no-repeat top right; padding:0; margin:4px 0 -10px 0} #popupBox div.form1ColHeader h3{letter-spacing:normal; font-size:1.09em; background:transparent url(/s/images/assets/bar_1.png) no-repeat top left; margin:0 7px 0 0; padding:0 0 0 12px; color:#fff; line-height:25px; height:42px} #popupBox select#ctrlDepositMethodList_modFundingDepositddlPaymentMethod, #popupBox select#modFundingDepositddlPaymentMethod{position:static; float:right!important; margin:-29px 6px 0 0} #popupBox select#ctrlWithdrawMethodList_modFundingWithdrawddlPaymentMethod, #popupBox select#modFundingWithdrawddlPaymentMethod{position:static; float:right!important; margin:-29px 6px 0 0} #popupBox div.barContent{margin:0 5px 0 5px; padding:0} #popupBox div.barContent select.oddsformat{width:133px;} #popupBox .content div.form1ColHeader.alert{ background-image:url(/s/images/assets/bar_3_end.png)} #popupBox .content div.form1ColHeader.alert h3{background-image:url(/s/images/assets/bar_3.png)} #popupBox .content #divSuccessResult h4 {font-size:1.4em; padding:0 0 10px 0;} #popupBox .content #divError h4 {font-size:1.2em; padding:5px 0 10px 23px;} #popupBox .bar {display:none;} #sape h4.tnc {color: #155173;font-size: 12pt;font-weight: bold;} .processingAnimation {text-align:center;} #popupBox .funding select optgroup { font-weight:normal; font-style:italic;background-color:#fff;color:#666;} #popupBox .funding select optgroup option { font-weight:bold; padding-left:2em!important;} #sape a.help, #popupBox a.help{float:right; clear:none; padding:0 25px 0 10px; margin:0px; background:transparent url('/s/images/assets/icon_help.png') no-repeat center right; line-height:22px} #popupBox a.changeLanguage{float:right; clear:none; padding:0 25px 0 10px; margin:0px; background:transparent url('/s/images/paradise-poker/flags.gif') no-repeat center right; line-height:22px} #popupBox a.changeLanguage{display:none;} /* If change language functionality is required, remove the line above! */ .popupDiv {} .show{display:inherit;} .hide{display:none;} #popBadSelect1 {z-index:201;} #popBadSelect1 iframe {height:100%; width:100%;} #popBadSelect1.popupBackground { background:transparent;} #popVeil1 {z-index:202;} #popLayer1 {z-index:203;} #popBadSelect2 {z-index:204;} #popBadSelect2 iframe {height:100%; width:100%;} #popBadSelect2.popupBackground { background:transparent;} #popVeil2 {z-index:205;} #popLayer2 {z-index:206;} .popupBackground { position:absolute; left:0px; top:0px; /* for IE */filter:alpha(opacity=50); background:black; opacity:0.5; width:100%; height:100%; margin:0px; padding:0px; background-attachment:fixed;} #popBadSelect1 iframe {height:100%; width:100%;} #popBadSelect1.popupBackground { background:transparent;} .popupDiv{position:absolute; left:0px; top:0px; width:100%; height:100%; margin:0px; padding:0px; text-align:center} body>.popupDiv div.popupBackground {position: fixed} /*for Firefox */ #popupBox .popup {text-align:left; padding:0px; background-color:transparent!important} #popupBox .popupHead {line-height:3.2em; background:transparent url('/s/images/popUpLayer/popupHeaderRight.png') no-repeat top right; padding:0; display:block; clear:both; vertical-align:middle} #popupBox .popupHead h2 {position:static!important; top:0!important; left:0!important; width:auto!important; height:auto!important; line-height:inherit!important; letter-spacing:normal; color:white; font-weight:normal; font-size:1.7em; background:transparent url('/s/images/popUpLayer/popupHeaderLeft.png') no-repeat top left!important; padding:8px 0 0 19px; margin:0 20px 0 0} /*#popupBox .popup .popupHead h2 span.lock{line-height:inherit; font-size:inherit; float:left; clear:none; width:21px; margin:0 4px 0 0px; background:transparent url('/s/images/assets/icon_lock.png') no-repeat center left; display:block}*//* Removed for #653 */ #popupBox .popupHead a {letter-spacing:normal; line-height:inherit; text-decoration:none; float:right; clear:none; color: white; padding:8px 2.2em 0 1.4em; background:transparent url('/s/images/popUpLayer/popupHeaderSepar.png') no-repeat top left; display:block} #popupBox .popupHead a:hover {text-decoration:underline} #popupBox .popupBody {clear:both; background:transparent url('/s/images/popUpLayer/popupRight.png') no-repeat top right; padding:0} #popupBox .popupBody .container {width:auto!important; clear:none; background:transparent url('/s/images/popUpLayer/popupLeft.png') no-repeat top left; margin:0 20px 0 0; padding:0} #popupBox .popupBody .container div.content {width:auto!important; min-height:100px; background:#fff url('/s/images/popUpLayer/popupTopShade.png') repeat-x top left!important; text-align:left; margin:0 0 0 20px; padding:6px 0 0 0!important;} #popupBox .popupFoot {background:transparent url('/s/images/popUpLayer/popupFooterRight.png') no-repeat bottom right; clear:both;} #popupBox .popupFoot span {background:transparent url('/s/images/popUpLayer/popupFooterLeft.png') no-repeat bottom left; height:20px; display:block; margin-right:20px;} /* popup types - only need to set width? - could this be done dynamically either by DOM or JS? */ #popLayer2.popupDiv .popup.info .popupBody .container div.content{max-height:420px; overflow:auto} #popupBox .popup.login {width: 400px; margin:0em auto 0 auto;} #popupBox .popup.login .popupBody .container div.content{width:360px!important} /* The following style is for FAQ popup */ #popupBox .popup.faq {width: 700px; margin:0em auto 0 auto;} #popupBox .popup.faq .popupBody .container div.content{width:660px!important} /* The above style is for FAQ popup */ #popupBox .popup.faq .popupBody .container div.content #atrTermsAndConditions { width: 650px; height: 350px; overflow: auto; padding: 5px; } #popupBox .popup.alert {width: 300px; margin:0em auto 0 auto;} #popupBox .popup.alert .content {width: 260px; margin:0em auto 0 auto;} #popupBox .popup.serverError {width: 400px; margin:0em auto 0 auto;} #popupBox .popup.serverError .content {width: 360px; margin:0em auto 0 auto;} #popupBox .popup.registration {width: 876px; margin:0em auto 0 auto;} /* removed 2em top margin, now that popups are dynamically positioned */ /* ie7 left border of popupbox fix needs intestigation */ #popupBox .popup.registration .popupBody .container div.content{width:836px!important} #popupBox .popup.registration em.aside {font-weight:normal} /*#popupBox div#registration_trKeyword, #popupBox div#registration_trHowHearMain , #popupBox div#registration_trHowHearSub{display:none!important;}*/ #popupBox .keyWord, #popupBox .howHear {display:none!important;} #popupBox .popup.info {width:500px; margin:0em auto 0 auto} #popupBox .popup.info .popupBody .container div.content{width:460px!important} #popupBox .popup.privacy {width:800px; margin:0em auto 0 auto;} #popupBox .popup.funding {width:540px!important; margin:0em auto 0 auto;} #popupBox .popup.funding .popupBody .container div.content{width:500px!important; padding:0} #popupBox .popup.EC_2 {width:900px!important;} #popupBox .popup.EC_2 .popupBody .container div.content{width:860px!important;} #popupBox .popup.EC_2 #divIframe .column{margin:0; padding:0} #popupBox .popup.EC_2 #divIframe iframe{width:860px!important; margin:0; padding:0; height:480px!important; overflow:auto!important; border:0 none!important} #popupBox .popup.PS_2 {width:560px!important;} #popupBox .popup.PS_2 .popupBody .container div.content{width:520px!important;} #popupBox .popup.PS_2 #divIframe .column{margin:0; padding:0} #popupBox .popup.PS_2 #divIframe iframe{width:520px!important; margin:0; padding:0; height:600px!important; overflow:auto!important; border:0 none!important} #popupBox .popup.CAB_2 {width:790px!important} #popupBox .popup.CAB_2 .popupBody .container div.content{width:750px!important} #popupBox .popup.CAB_2 #divIframe .column{margin:0; padding:0} #popupBox .popup.CAB_2 #divIframe iframe{width:750px!important; margin:0; padding:0; height:840px!important; overflow:auto!important; border:0 none!important} #popupBox .popup.MB_2 {width:670px!important} #popupBox .popup.MB_2 .popupBody .container div.content{width:630px!important} #popupBox .popup.MB_2 #divIframe .column{margin:0; padding:0} #popupBox .popup.MB_2 #divIframe iframe{width:630px!important; margin:0; padding:0; height:520px!important; overflow:auto!important; border:0 none!important} #popupBox .popup.CARD_2 {width:800px!important} #popupBox .popup.CARD_2 .popupBody .container div.content{width:760px!important} #popupBox .popup.CARD_2 #divIframe .column{margin:0; padding:0} #popupBox .popup.CARD_2 #divIframe iframe.pmVBV{width:394px!important; margin:5px 0 0 5px; padding:0; height:425px!important; overflow:auto!important; border:0 none!important; border-left:1px solid #d7dbdf!important; border-top:1px solid #d7dbdf!important} #popupBox .popup.CARD_2 #divIframe iframe.pmPBP{width:760px!important; margin:0; padding:0; height:550px!important; overflow:auto!important; border:0 none!important} #popupBox .popup.BW label{padding-top:1px!important; padding-bottom:1px!important;} #popupBox .popup.BW .hideTemp{display:none;} #popupBox .popup.funding div.alert {} #popupBox .popup.funding div.alert h4 {color:#f00; padding:5px;} #popupBox .popup.funding div.alert p {font-weight:bold; margin:0px;} #popupBox .popup.funding div.alert {} #popupBox .popup.funding div.alert {} #popupBox .popup.funding .alert .form1ColHeader{background-image:url(/s/images/assets/bar_3_end.png);} #popupBox .popup.funding .alert .form1ColHeader h3{background-image:url(/s/images/assets/bar_3.png);} #popupBox .funding .logo {margin:1px 0 0 0; padding:0.6em 0 0 0; float:left; clear:none;} #popupBox .funding .secureLogo {margin:0 0 0 0; padding:0 0 0 0; float:right; clear:none;} /*#popupBox .funding label {width:12em; display:block; float:left; clear:none; background:#ffc; } */ #popupBox .popup.history {width:960px; margin:0em auto 0 auto;} #popupBox .popup.history .popupBody .container div.content{width:920px!important} #popupBox .popup.history .historyType{width:25%; float:left; margin-right:1.5%} #popupBox .popup.history .historyDate{width:72.9%; float:left} #popupBox .popup.history .historyDate .btnLink{margin-top:0} #popupBox .popup.history #menu_modHistoryHistoryError{background:transparent url(/s/images/assets/icon_error.png) no-repeat center left!important; float:left; padding-left:25px; font-weight:bold} #popupBox .popup.history label {width:12em; display:block; float:left; clear:none; } #popupBox .popup.history label input{vertical-align:middle;} #popupBox .accountHistory { background:#fff; height:300px; overflow:auto;} #popupBox .accountHistory legend {font-size:1.3em; } #popupBox .accountHistory table {width:890px;} #popupBox .accountHistory table tbody{} #popupBox .accountHistory th { border:none; background:#fff; color:#333; text-align:center;} #popupBox .accountHistory td, #popupBox .accountHistory th {margin:0px; padding:0.1em 0.3em; border-top:1px dotted #ddd; font-size:0.9em;} #popupBox .accountHistory .historyRow td {border-top:1px solid #999;} #popupBox .accountHistory td.betevent span {margin:0; padding:0;} #popupBox .accountHistory td.betid span {font-weight:bold;} #popupBox .accountHistory col.odd {background:#fff;} #popupBox .accountHistory col {background:#fafafa; margin:0px; border-right:1px dotted #ddd;} #popupBox .accountHistory em.aside {display:block; font-weight:normal;} #popupBox .betHistory {width:520px;} #popupBox .betHistory .content {width:480px;} #popupBox .betHistory dl {padding-top:0.3em;} #popupBox .betHistory dt { float:left; clear:left; display:block; width:14em; padding:0.1em; font-weight:bold;} #popupBox .betHistory dt em.aside {font-weight:normal;} #popupBox .betHistory dd { float:left; clear:none; display:block; width:20em; padding:0.1em;} #popupBox .betHistory .slipBets { height:220px; overflow-y:auto;} #popupBox .betHistory .slipDetails { padding:1em 0; clear:both;} #popupBox .betHistory table {width:460px; margin-top:5px;} #popupBox .betHistory th { border:none; background:#fff; color:#333; text-align:center;} #popupBox .betHistory td, #popupBox .betHistory th {margin:0px; padding:0.1em 0.3em;border-bottom:1px dotted #ddd} #popupBox .betHistory td.betevent span {margin:0; padding:0;} #popupBox .betHistory col.odd {background:#fff;} #popupBox .betHistory col {background:#fafafa; margin:0px; border-right:1px dotted #ddd;} #popupBox .deposit {padding:5px; width:490px!important} #popupBox .deposit .processingDetails {float:left; clear:both; display:block; width:100%; padding:0em; margin:0;} #popupBox .deposit em.aside {font-weight:normal} #popupBox .deposit dl {} #popupBox .deposit dt { float:left; clear:none; display:block; width:18em; padding:0.1em;} #popupBox .deposit dd { float:left; clear:right; display:block; width:18em; padding:0.1em;} #popupBox .space.divider {height:18px;} #popupBox .mindeposit{ width:19em; float:left; clear:none; display:block; margin:0.1em 0.6em 0.1em 0;} #popupBox .deposit label { width:160px; display:block; float:left;} #popupBox .deposit ol {list-style:inside decimal; padding:1em; } #popupBox .deposit .linkTable li {width:13em; display:block; float:left; clear:none;margin:0 0.2em 0 0.3em;} #popupBox .deposit .vbvpanel {} #popupBox .deposit .vbvpanel p {float:left; clear:none; width:7em;} #popupBox .deposit .vbvpanel a {text-decoration:none;} #popupBox .deposit .currencyPanel { padding:0.5em; border:#ccc solid 1px; clear:both} #popupBox .deposit .currencyPanel .column { padding:0 1em 0 0; width:140px;} #popupBox .deposit .amountEntry { display:block; float:left; clear:both; border-top:1px #ccc dotted; padding:0.6em 0 0.3em 0; margin:0.3em 0 0.2em 0;} #popupBox .vbv {width:360px; margin:5px; } #popupBox iframe.pmVBV {overflow:auto; width:400px; border:none; height:400px; margin:15px 0px 0px 0px; } /* iframe for VBV */ #popupBox iframe.pmPBP {overflow:auto; width:500px; border:none; height:500px; margin:15px 0px 0px 0px; } /* iframe for Pay by Phone */ #popupBox iframe.pmPS {overflow:auto; width:400px; border:none; height:400px; margin:15px 0px 0px 0px; } /* iframe for PaySafe */ #popupBox iframe.pmCAB {overflow:auto; width:400px; border:red solid 1px; height:400px; margin:15px 0px 0px 0px; } /* iframe for Click & Buy */ #popupBox .popup.cvn {width:320px; margin:0em auto 0 auto;} #popupBox .popup.cvn .popupBody .container div.content{width:280px!important} #popupBox .RUsure {width:360px; margin:0 auto 0 auto;} #popupBox .popup.RUsure .popupBody .container div.content{width:320px!important} #popupBox .personalDetails {width:545px; margin:2em auto 0 auto;} #popupBox .popup.personalDetails .popupBody .container div.content{width:505px!important} #popupBox .preferences {width:445px; margin:6em auto 0 auto;} #popupBox .popup.preferences .popupBody .container div.content{width:405px!important} #popupBox .popup.changePassword {width: 420px; margin:4em auto 0 auto;} #popupBox .popup.changePassword .popupBody .container div.content{width: 380px!important} #popupBox .popup.changePassword label {width:15em; display:block; float:left; clear:none;} #popupBox .popup.changePassword #contentTable {display:none;} /*redundant table */ #popupBox .popup.changePassword #passwordStrength {display:inline; float:left; clear:none;} #popupBox .popup.changePassword #passwordStrength table {float:left; clear:none;} #popupBox .personalLimits {width:560px; margin:4em auto 0 auto;} #popupBox .popup.personalLimits .popupBody .container div.content{width:520px!important} #popupBox .popup.personalLimits label {width:50%} #popupBox .verification {width:840px; margin:0em auto;} #popupBox .privacy {width:800px; margin:0em auto;} #popupBox .popup.verification .popupBody .container div.content{width:800px!important} #popupBox .passport {width:720px; margin:0em auto;} #popupBox .passport .content{width:680px;} #popupBox .passport .passportInfo{width:180px;margin:0 10px;} #popupBox .passport ol {list-style:decimal inside;} #popupBox p {clear:both;} #popupBox br {clear:both; height:0px;} #popupBox hr, #sape hr {clear:both; margin:0.3em 0; border:5px red solid;} #popupBox .contactUs {width:720px; margin:0em auto;} #popupBox .contactUs .content {width:680px;} #popupBox .contactUs .ic {float:left; clear:none;} #popupBox .contactEmail {width:330px; padding-right:10px;} #popupBox .contactUs .messages li {display:block} .rowSeparator {height:4px; font-size:0; margin:0; padding:0; line-height:0; clear:both} .pagingSeparator {height:8px; font-size:0; margin:0; padding:0; line-height:0; clear:both} #popupBox .shortinput {width: 4em; } #popupBox .column.regisPersonalDetails {width:48.5%; margin:0 2.9% 0 0; padding:0} #popupBox .regisPersonalDetails select.country { width: 197px;} #popupBox .regisPersonalDetails #AddressLookUpListbox {width:197px} #popupBox .regisPersonalDetails select.dobyear { width: 52px;} #popupBox .regisPersonalDetails .miniButtonsWrap {padding-left:140px; display:block; clear:both;} #popupBox .regisPersonalDetails .miniButtons {padding:3px 0pt; display:block; clear:none !important;float:left !important;} /*#popupBox .regisPersonalDetails .miniButtons {padding:3px 3px 3px 140px; display:block; clear:both;}*/ #popupBox .regisPersonalDetails .miniButtons .btnLink{float:left; padding:0 4px 0 0; margin:6px 0 0 10px ; background:transparent url(/s/images/assets/button5_end.png) no-repeat center right; list-style:none;} #popupBox .regisPersonalDetails .miniButtons .btnLink a {cursor:pointer; display:block; float:left; text-decoration:none!important; line-height:18px; height:18px; font-size:0.95em; padding:0 6px 0 10px; margin:0; color:#224126; background: url(/s/images/assets/button5.png) no-repeat center left; font-weight:normal} #popupBox .regisPersonalDetails .miniButtons .btnLink.CTA {background-image:url(/s/images/assets/button4_end.png)} #popupBox .regisPersonalDetails .miniButtons .btnLink.CTA a{ background-image:url(/s/images/assets/button4.png); color:#fff; font-weight:bold;} /*#popupBox .regisPersonalDetails .miniButtons .btnLink a:hover, .btnLink a:active , .btnLink a:visited{color:#224126; text-decoration:none!important} #popupBox .regisPersonalDetails .miniButtons .btnLink.CTA a:hover, .btnLink.CTA a:active , .btnLink.CTA a:visited{color:#fff;} */ #popupBox .column.regisSecurity , #popupBox .column.regisPreferences {width:48.5%; margin:0; padding:0} #popupBox .column.regisSecurity select.securityque {width:197px;} #popupBox .regisTandCs { margin:0 0 0 1px; padding-left:10px; float:right;} #popupBox .regisTandCs div.label{font-weight:normal; float:left; clear:none} #popupBox .regisTandCs h3 { float:left; clear:none; padding:4px; vertical-align:middle;} /***** Button Styles ********/ #popupBox .buttonBar {display:block;clear:both; text-align:right; margin:0; padding:0; width:100%;} #popupBox .buttonBar ul {list-style:none; padding:0 0 0 0; margin:0; text-align:left;} #popupBox .buttonBar li { display:block; clear:none; margin:0 0 0 1em; height:100%;} /**** Thawte logo & small print within button area *****/ #popupBox .buttonBar li.secLogo {float:left; clear:none; margin:0 1em 0 0 ;} #popupBox .buttonBar li.secLogo img {display:inline;margin:0em;padding:0;} #popupBox .buttonBar li.smallPrint { clear:none; display:block; font-size:0.95em; text-align:left; margin:0 1em 0 0 ;} /**** Thawte logo & small print within button area *****/ #sape .column .secLogo, #sape .column .smallPrint {display:none;} .btnLink{float:right; clear:none; padding:0 4px 0 0; margin:6px 0 0 10px ; background:transparent url(/s/images/assets/button2_end.png) no-repeat center right; list-style:none;} .btnLink a {cursor:pointer; display:block; float:left; text-decoration:none!important; line-height:23px; height:23px; font-size:1.09em; padding:0 6px 0 10px; margin:0; color:#224126; background: url(/s/images/assets/button2.png) no-repeat center left; font-weight:bold} .btnLink a:hover, .btnLink a:active , .btnLink a:visited{color:#224126; text-decoration:none!important} .btnLink.CTA {background-image:url(/s/images/assets/button1_end.png)} .btnLink.CTA a {color:#fff; background-image:url(/s/images/assets/button1.png); } .btnLink.CTA a:hover, .btnLink.CTA a:active , .btnLink.CTA a:visited{color:#fff;} .btnLink.disabled {background-image:url(/s/images/assets/button3_end.png)} .btnLink.disabled a {color:#ddd; background-image:url(/s/images/assets/button3.png); } .btnLink.disabled a:hover, .btnLink.disabled a:active , .btnLink.disabled a:visited{color:#ddd;} #popupBox .RUsure div.content{width:320px; } /*#popupBox .deposit label {width: 160px; display: block; float: left; background:#ffc}*/ #popupBox label.checklabel {width: 380px;} /**** My Accounts page *****/ #sape.myAccounts {text-align:left; padding:0px; width:828px;} #sape .maHead{line-height:2.86em; background:transparent url('/s/images/popUpLayer/inPage/popupHeaderRight.png') no-repeat top right; padding:0; margin:3px 0 0 0; display:block; clear:both; vertical-align:middle} #sape .maHead h2{letter-spacing:normal; line-height:inherit; color:white; font-weight:normal; font-size:1.7em; background:transparent url('/s/images/popUpLayer/inPage/popupHeaderLeft.png') no-repeat top left; padding:1px 0 0 1em; margin:0 12px 0 0} #sape .maBody{background:#fff url('/s/images/popUpLayer/popupTopShade.png') repeat-x top left; text-align:left; margin:0; padding:5px 10px; border-left:2px solid #fff; border-right:2px solid #fff} .maBody p {} .maBody .subSection { width:auto; padding:0; margin:0; position:static; float:left; clear:both} #sape .maFoot {background:transparent url('/s/images/popUpLayer/inPage/popupFooterRight.png') no-repeat bottom right; clear:both} #sape .maFoot span{background:transparent url('/s/images/popUpLayer/inPage/popupFooterLeft.png') no-repeat bottom left; height:13px; display:block; margin-right:12px;} #sape .popup {text-align:left; padding:0} .savedcard{margin-right:80px;} #sape .popupBody {float:none;} #sape .popupBody .container { width:auto; clear:none; } /*#sape .popupBody .container .content { width:auto; padding:5px; border-top:1px solid #fff; text-align:left; } /* popup types - only need to set width? - could this be done dynamically either by DOM or JS? */ /*#sape h2 {line-height:100%; background:url('/s/images/page_header.gif') no-repeat left top; margin:0; padding:0 10px; font-size:2em; color:#fff;}*/ #sape .bar {clear:both; height:42px; background:transparent url(/s/images/assets/bar_1_end.png) no-repeat top right; padding:0; margin:4px 0 -14px 0} #sape .bar h3 {height:auto; line-height:24px; letter-spacing:normal; font-size:1.09em; background:transparent url(/s/images/assets/bar_1.png) no-repeat top left; margin:0 7px 0 0; padding:0 0 18px 12px; color:#fff} #sape.myAccounts .maBody .bar h3{cursor:pointer} #sape.myAccounts .maBody #myAccount_ctrlVerification_dvVerificationBar.bar h3{cursor:auto} #sape .bar a {line-height:24px; height:25px; width:7em; text-align:center; text-decoration:none; float:right; clear:none; color:#fff; margin:0; padding:0; background:transparent url(/s/images/assets/popupBar_1Separ.png) no-repeat top left; display:block} #sape .bar a:hover {text-decoration:underline} #sape .bar.awake {background-image:url(/s/images/assets/bar_1_end.png)} #sape .bar.awake h3{background-image:url(/s/images/assets/bar_1.png)} #sape .bar.asleep {background-image:url(/s/images/assets/bar_2noshad_end.png)} #sape .bar.asleep h3{background-image:url(/s/images/assets/bar_2noshad.png)} #sape .bar.asleep a {background-image:url(/s/images/assets/popupBar_2Separ.png)} /* this is now fixed. but images need to be checked for colour correctness */ #sape .bar.awakeAge {background-image: url(/s/images/assets/bar_3_end.png)} #sape .bar.awakeAge h3{background-image:url(/s/images/assets/bar_3.png)} /* this is still old */ #sape .noMargin {margin:0} #sape .noBackground {background-image:none} #sape .toolTipText, #sape .formError {display:none;} /* fix for ie6 myAccounts page*/ #sape #tooltip, #popupBox #tooltip {display:none;} /* fix for bug 585 - overridden by inline style on demand*/ /* column layout */ #sape .popup {float:left; clear:none;} #sape .column, #popupBox .column{float:left;clear:none} #sape .column {margin:4px 8px 10px 8px; padding:0} #sape .column h4, #popupBox .column h4 {color:#05a; margin:0.5em 0;} #sape .column h5, #popupBox .column h5 {color:#05a; margin:0.5em 0} #sape .column dl #popupBox .column dl { margin:0pt; padding: 0pt; list-style:none; clear:left; font-weight: bold;} #sape .column dt, #popupBox .column dt {} #sape ul, #popupBox ul { clear:both; margin:0px; padding:0px; list-style:none;} #sape .column ul li, #popupBox ul li { display:inline; list-style:none;} /* my Account formatting */ #sape .userPersonalDetails input, #sape .userPersonalDetails select, #sape .userPersonalDetails .inputinfo { display:none; } /**** Manage debit/credit card *****/ #popupBox .savedCard{display:block;clear:both; text-align:left; margin:0; padding:0; width:100%;} #popupBox .savedCard .fundingOption{width:80%;float:left;} #popupBox .savedCard label {float:left; clear:none;margin:6px 0px 0px 0px;display:block;} /* user preferences section */ #sape .userPersonalDetails .addInfo {display:none;} #sape .userPersonalDetails #ctrlPersonaldetails_modCustPersonalDetailsPassport0 {width:180px; display:block} #sape .content {width:inherit!important;} #sape .userPersonalDetails {width:360px; background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center;padding-right:20px} #popupBox .userPersonalDetails h4 { display:none;} #sape .userPersonalDetails label {width:160px; float:left; clear:left; padding:0.15em 0!important} #sape .userPersonalDetails .userField {padding:0.15em 0!important} #sape .userPersonalDetails dd { float:left; width: 220px;} #sape .userPersonalDetails .divider, #sape .userPersonalDetails .space{background:url(); height:0; line-height:0; font-size:0} #sape .userPersonalDetails .column {width:inherit!important;} #popupBox .userPersonalDetails label {width:120px; display: block; float: left; vertical-align:top;} #popupBox .userPersonalDetails select.country { width: 22em;} #popupBox .userPersonalDetails select#Personaldetails1_modCustPersonalDetailsPptCountry { width: 28em;} #popupBox .userPersonalDetails span.passNo { width: 360px; display:block} #popupBox .column.userPersonalDetails {float:none} #sape .column.userPreferences {width:340px;} #sape .userPreferences p { clear:both;} #sape .userPreferences label, #popupBox .userPreferences label { width:85px; white-space:nowrap; } div.userPreferences label.wide {width:130px!important;} #sape .userPreferences .divider { background:url(); } #sape .userPreferences select.hide {display:inline;} #popupBox .userPreferences h4 { display:none;} #popupBox .userPreferences label {width: 80px; display: block; float: left;} #popupBox .userPreferences select.country { width: 22em;} #popupBox .column.userPreferences {float:none;} #sape .popupHead {display:none;} #sape .popupFoot {display:none;} #popupBox .bar {display:none;} /* user security section*/ #sape .userChangePassword { width:360px; height:35px; margin-bottom:5px;} #sape .userSecurityHelp, #sape .maSelfExclusion{width:360px} #sape .userLoginLog, #sape .maPersonalLimits{width:360px; background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center; padding-right:20px} #sape .userLoginLog table {border:none; font-size:0.95em;} #sape .userLoginLog th { border:none; background:#fff; color:#333; text-align:center;} #sape .userLoginLog td, #sape .userLoginLog th {margin:0px; padding:0.1em 0.3em;border-bottom:1px dotted #ddd; font-size:0.9em;} #sape .userLoginLog col.odd {background:#fff;} #sape .userLoginLog col {background:#fafafa; margin:0px; border-right:1px dotted #ddd;} /* personal limits */ #sape .percentbarOuting, #popupBox .percentbarOuting {height:50px; background-color:Silver; border-color:Silver; border-collapse:collapse; vertical-align:middle;} #sape .percentbarOuting td, #popupBox .percentbarOuting td {padding:5px} #sape .percentbar, #popupBox .percentbar {height:15px; width:200px; border-collapse:collapse;} #sape .percentbarBg, #popupBox .percentbarBg {height:15px; width:10px; background-color:#0099FF; color:#CCCCFF;} #sape .percentbarFore, #popupBox .percentbarFore {height:15px; width:10px; background-color:#CCCCFF; color:#0099FF;} #sape .nolimitlabel, #popupBox .nolimitlabel {height:40px; background-color:Silver; border-color:Silver; border-collapse:collapse; vertical-align:middle;} #popupBox .tblLimit .inputinfo {float:left; padding-right:6px; line-height:1.6em} /* user funding options*/ #sape .iTop {height:90px; overflow:visible;} /* normalise height for funding options on my accounts page.*/ #sape .userDeposit {width:230px; padding-right:20px; background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center;} #sape .userWithdrawal {width:230px; padding-right:20px; background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center;} #sape .userTransactionHistory {width:230px} #sape .userManageCards {width: 600px; margin:5px 5px 5px 5px; } /* user verification section */ #sape .userVerificationIntro , #popupBox .userVerificationIntro {clear:both; width:790px} #popupBox .userVerificationIntro {clear:both; width:790px} #sape .userVerificationIntro {margin-bottom:18px} #sape .userVerificationPassport, #popupBox .userVerificationPassport {width: 580px;background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center;} .userVerificationPassport input{margin:0px; padding:0px;} #sape .userVerificationDriversLicense , #popupBox .userVerificationDriversLicense { width:180px; margin-left:15px;} #sape .userVerificationIntro h4.success, #popupBox .userVerificationIntro h4.success {line-height:1.8em; color:#090; font-size:1.3em; padding-left:23px; background:transparent url(/s/images/assets/icon_true.png) no-repeat center left} #sape .divPassport, #popupBox #divPassport {width: 580px;background:transparent url(/s/images/assets/dotted_separator.png) repeat-y right center;} .divPassport input{margin:0px; padding:0px;} #sape .userVerificationDriversLicense , #popupBox .userVerificationDriversLicense { width:180px; margin-left:15px;} #sape .modFooter {margin: 0 0 6px 0px;background:url('/s/images/innr_sec_footer.gif') no-repeat left top; width:787px;height:20px} #sape .buttonPos {position:absolute;bottom:0px;right:-19px} #sape .ht100percent {height:100%} .transparency { background-color: Black; filter:alpha(opacity=30); /* IE's opacity*/ opacity: 0.90; position: absolute; left: 200px; } /* Removed 'iframe display:none, as it allows embedded flash games in an iframe to break through the popup - however this leaves us with no input cursor - have added a focus 'color' for the moment */ /*html>body #popupBox input:focus, html>body #popupBox select:focus {background:#ffc;}*/ html>body #popBadSelect1{display:none!important} html>body #popVeil1{position:absolute!important} /* end Firefox fix for input onfocus missing cursor */ /*.privacy-list { width:4%;float:left;height:18px; }*/ .order-list{list-style-type:decimal;list-style-position:inside;} #changelang ul.ChangeLanguageList li { display:block; float:left; line-height:100%; list-style-image:none; list-style-position:outside; list-style-type:none; width:163px; } #changelang ul.ChangeLanguageList li a { background:transparent url(/s/images/ui/bullet-active.png) no-repeat scroll 5px 10px; display:block; font-size:115%; padding:8px 8px 8px 13px; text-decoration:none; } /*to display wait content loading in center screen. used in depositpopuploader.aspx and depositmethodlist.ascx*/ .waitContentLoading {margin-left: 220px; margin-top: 73px; margin-bottom: 90px;} /* Self Exclusion */ #popupBox .popup.selfExclusion {width:445px; margin:4em auto 0 auto;} #popupBox .popup.selfExclusion .popupBody .container div.content{width:405px!important; padding:0} #popupBox .popup.selfExclusion label {width:50%} #popupBox .popup.selfExclusion #contentTable {display:none;} /*redundant table */ #popupBox .popup.selfExclusion .confirmedMessage { font-size:1.1em; } /* Deposit History */ #popupBox .popup.depositHistory {width:420px; margin:4em auto 0 auto;} #popupBox .popup.depositHistory .popupBody .container div.content{width:380px!important; padding:0} #popupBox .popup.depositHistory label {width:15em; display:block; float:left; clear:none;} #popupBox .popup.depositHistory h4 {display:none} #popupBox .popup.depositHistory .depositHistoryLabel { font-size:1.25em; font-weight:bold; } #popupBox .popup.depositHistory #contentTable {display:none;} /*redundant table */ #popupBox .popup.depositHistory a.question {display:none;float:right;text-decoration:none;text-indent:-9000px;margin-left:3px;line-height:1.25em;width:13px;background:url('/s/images/ui/question.gif') no-repeat center center} #popupBox .popup.depositHistory table{width:99.9%} #popupBox .popup.depositHistory table .scroll{height:10.5em; width:99.9%; overflow:scroll; overflow-x:hidden} #popupBox .popup.depositHistory table .date{width:215px; /*ie6,7*/.width:60%/*ie6,7*/} #popupBox .popup.depositHistory .percentbarOuting {height:50px; margin: 0 5px 0 5x; background-color:Silver; border-color:Silver; border-collapse:collapse; vertical-align:middle;} #popupBox .popup.depositHistory .percentbar {height:15px; width:200px; border-collapse:collapse;} #popupBox .depositLimitsHelp {width:550px; margin:0em auto;} #popupBox .depositLimitsHelp .content {width:510px;} #popupBox .contactUs .ic {float:left; clear:none;} #header h1 a{float:left;background:url('/s/images/ui/sb-logo.png') 0 50% no-repeat;text-indent:-9000px;display:block;height:68px;width:299px;z-index:101;position:absolute;top:0;left:0px} /* betSlip */ .total td#placebetButton {padding-top:35px; padding-left:5px; margin:0px; text-align: right!important; height: 40px; padding:5px 7px 7px 0!important;vertical-align:bottom; } .total td#betSlipHRTax span{display:block;width:155px;padding:5px 15px;} a.HeadlineLivePlay{padding-right: 58px;background-image: url('/s/images/ui/liveplay.58x12.png'); background-position: right;background-repeat:no-repeat;empty-cells: show;width: 58px;text-decoration: none;} a.HeadlineWatch{padding-right: 47px;background-image: url('/s/images/ui/watch.png'); background-position: right;background-repeat:no-repeat;empty-cells: show;width: 47px;text-decoration: none;} /* media coverage */ .AllBetsEventDateTime{color:#606060!important; font-size:0.9em!important; padding-top:2px;} .mediaCoverageCont{display:block; clear:right; float:right;} .mediaCoverage{float:left; margin-top:-1px;} .mediaCoverage img.tvLogo{margin:2px 0 2px 6px!important; cursor:pointer;} .mediaCoverage span{margin:2px 0 2px 6px; display:block; font-size:11px; line-height:11px; font-weight:bold; color:#000; cursor:pointer;} .mediaCoverageCompact{float:right!important; clear:none; margin:-1px 0 0 6px!important; cursor:pointer;} /* At The Races Streaming */ /* Streaming pop-up */ body.atTheRacesStream.popup{font-size:11px; letter-spacing:normal; padding:0; margin:0;} body.atTheRacesStream.popup #container{padding:0; margin:0;} body.atTheRacesStream.popup #container #header{width:100%; height:68px; background:#0274f5 url(/s/images/ui/header-underline.jpg) repeat-x;} body.atTheRacesStream.popup #container #header h1{display:block; width:190px; height:68px; padding:0; margin:0 0 0 20px; background:url(/s/images/ui/sb-logo-2.jpg) no-repeat; text-indent:-6000px;} body.atTheRacesStream.popup #container #header h2{display:none;} body.atTheRacesStream.popup #container #header h3{display:block; line-height:68px; position:absolute; top:0; right:0; padding-right:20px; font-size:2.2em; font-style:italic; color:#fff; float:right;/*ie7 bug*/ overflow:auto;/*ie7 bug*/} body.atTheRacesStream.popup #container #content{float:left; width:950px; padding:0; margin:0;} body.atTheRacesStream.popup #container #content .rightBox{width:423px; padding:0; margin:20px 0 0 0; float:left;} body.atTheRacesStream.popup #container #content h3.bar{display:block; padding:0; marting:0; font-size:1.2em; background:url(/s/images/eventbrowsing/barRight.png) 100% 0 no-repeat;} body.atTheRacesStream.popup #container #content h3.bar strong{display:block; color:#fff; height:25px; line-height:25px; padding:0 0 0 10px; margin:0 6px 0 0; background:url(/s/images/eventbrowsing/bar.png) no-repeat;} body.atTheRacesStream.popup #container #content .container{width:auto; padding:0; margin:4px 0 0 0; background:#fff; border:1px solid #d0d0d0;} body.atTheRacesStream.popup #container #content .container .content{width:auto; height:193px; padding:7px; margin:1px; background:#fff url(/s/images/eventbrowsing/rightBoxBg.png) repeat-x;} body.atTheRacesStream.popup #container #content .container .corner{display:block; width:7px; height:7px; position:absolute; background:no-repeat;} body.atTheRacesStream.popup #container #content .container .corner.topRight{background-image:url(/s/images/eventbrowsing/rightBoxTR.png); margin-top:-1px; margin-left:415px;} body.atTheRacesStream.popup #container #content .container .corner.bottomRight{background-image:url(/s/images/eventbrowsing/rightBoxBR.png); float:right; margin-top:-6px; margin-left:415px;} body.atTheRacesStream.popup #container #content .container .corner.bottomLeft{background-image:url(/s/images/eventbrowsing/rightBoxBL.png); margin-top:-6px; margin-left:-1px;} body.atTheRacesStream.popup #container #content .container .corner.topLeft{background-image:url(/s/images/eventbrowsing/rightBoxTL.png); margin-top:-1px; margin-left:-1px;} body.atTheRacesStream.popup #container #content #AtrStreamingIframe{border:0 none; width:480px; height:500px;} body.atTheRacesStream.popup #container #content #aTRScheduleCtrl select{margin:0 0 4px 0; min-width:150px;} body.atTheRacesStream.popup #container #content #aTRScheduleCtrl .aTRScheduleDropDownHelpTip{margin:0 0 6px 0; color:#444;} body.atTheRacesStream.popup #container #content #aTRScheduleCtrl .scheduleList{height:138px; overflow-y:scroll;} body.atTheRacesStream.popup #container #content #aTRScheduleCtrl .scheduleList a{display:block; color:#3449aa; text-decoration:none; outline:none 0; height:21px; line-height:20px; padding:0 0 0 20px; margin-right:4px; border-top:1px solid #d9e2e7; background:url(/s/images/eventbrowsing/watch_mini.png) 0 50% no-repeat;} body.atTheRacesStream.popup #container #content #aTRScheduleCtrl .scheduleList a:hover{color:#3449aa;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl #eventName{font-size:1.1em; font-weight:bold; color:#444; height:16px; margin:0 0 4px 0;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList{height:173px; overflow-y:scroll;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table{border:0 none; width:386px; padding:0; margin:0; font-size:11px;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table th{line-height:1.2em; padding:1px 3px; color:#444; text-align:left; border:0 none; border-top:1px solid #d9e2e7;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table thead{background:transparent url();} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table td.team{padding:1px 0 0 0; font-weight:normal; border:0 none; border-top:1px solid #d9e2e7;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table td.odds{border:0 none; padding:0; background:transparent url();} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table td.odds a{margin:1px 0 0 0; border:0 none;} body.atTheRacesStream.popup #container #content #aTRPricesCtrl .priceList table td a{display:block; padding:2px 4px; color:#3449aa; text-decoration:none;} body.atTheRacesStream.popup #container #content .buttons{float:right; margin:20px 6px 0 0;/*ie6 bug*/ display:inline;/*ie6 bug*/} body.atTheRacesStream.popup #container #content .buttons a{display:block; float:left; color:#2c3d60; text-decoration:none; width:auto; padding:0; margin:0 0 0 10px; background:url(/s/images/eventbrowsing/buttonRight.png) 100% 0 no-repeat;} body.atTheRacesStream.popup #container #content .buttons a strong{cursor:pointer; display:block; float:left; height:25px; padding:0 20px 0 23px; margin:0 3px 0 0; line-height:25px; background:url(/s/images/eventbrowsing/button.png) no-repeat;/*ie6 bug*/ display:inline;/*ie6 bug*/} body.atTheRacesStream.popup #container #content .buttons a.popUp{color:#042f4a; background-image:url(/s/images/eventbrowsing/buttonPopUpRight.png);} body.atTheRacesStream.popup #container #content .buttons a.popUp strong{background-image:url(/s/images/eventbrowsing/buttonPopUp.png);} body.atTheRacesStream.popup #container #content .streamingDiv span{display:block; text-align:center; color:#04304b; padding:5px; margin:15px; border:3px solid #cfd53a;} body.atTheRacesStream.popup #container #content .streamingDiv{width:480px; height:500px; float:left; background:#e9f0f3; padding:0; margin:20px;/*ie6 bug*/ display:inline;/*ie6 bug*/} /* Horse racing home page */ body#sports #content #events a#AtTheRacesParentWatchButton img.inplayButton{float:right; padding:0; margin:4px 8px 0 0;} body#sports #content #events a#AtTheRacesWatchButton img.inplayButton{float:left; padding:0; margin:2px 8px 0 6px;} #infotip{top: -500px; width:170px; z-index:1000; position:absolute; z-index:1000;} /* there is different image used for IE 6 in screen-IE6.css due to transparent png issue */ #infotip div{font-size:0.9em; padding:16px 15px 0 15px; line-height:1.1em; font-weight:bold; text-align:center; background:url(/s/images/ui/tooltip/tooltipTopInfo.png) 0 0 no-repeat;} #infotip div img.tvLogo{margin:0 4px -1px 0!important; float:none!important;} #infotip span{display:block; height:20px; background:url(/s/images/ui/tooltip/tooltipTopInfo.png) 0 100% no-repeat;} .itemToolTip {width:170px; position:absolute; z-index:1000; background:none;} /* there is different image used for IE 6 in screen-IE6.css due to transparent png issue */ .itemToolTip div{position:relative; left:-170px; top:-80px; padding:16px 15px 0 15px; background:url(/s/images/ui/tooltip/tooltipTopInfo.png) 0 0 no-repeat;} .itemToolTip span{position:relative; left:-170px; top:-80px; display:block; height:20px; background:url(/s/images/ui/tooltip/tooltipTopInfo.png) 0 100% no-repeat;} /* scorecast */ div#content table.scorecast th.player {width:269px;} a.popupPlayer { display:none; } body.loggedIn a.popupPlayer { display:block; } /* popular selections*/ div#content table.popularSelections th { text-align:left; border-bottom:1px solid #F7F7F7;} div#content table.popularSelections td.ranking { text-align:center; } div#content table.popularSelections td.popularSelection { border-left:solid 1px #DCDDE1; } div#content table.popularSelections td.popularEvent { border-left:solid 1px #DCDDE1; } div#content table.popularSelections td.popularSelection span.eventInformation { font-weight:normal;font-size:80%; float:left; display:inline; padding-right:5px; } div#content table.popularSelections td.popularSelection span.eventInformation:after { content: ','; } div#content table.popularSelections td.popularSelection span.eventStartingTime { float:left;display:inline; padding:0;} div#content table.popularSelections td.popularSelection { overflow: hidden; zoom: 1; } /* registration username check */ .usrNameTaken{color:#fff!important; background:#b5312f!important;} /* Free Bets */ .freeBetVoucherTitle{ font-size: 18px; color:#FF0000; margin-bottom: } .freeBetVoucherTable{ margin-bottom:10px; margin-top:-5px; width:100%; } table.freeBetVoucherTable td{ padding-left:5px; padding-right:5px; } #freeBetsLoginPopUp_freeBetImage{ margin-bottom:8px; } .myFreeBets{ min-width:600px !important; } #content table.freeBetVoucherTable{ border:none; width:auto; } #content table.freeBetVoucherTable td{ border:none; padding-top:0px; padding-bottom:0px; } /* style the freebet link here. the style of the freebet tooltip is determined by #tooltip */ a.freeBetsLink { } /* used by jQuery.tooltip plugin */ #tooltip { position: absolute; z-index: 3000; background-color: Orange; padding: 5px; width: 220px; text-align: center; border: 0px; font-weight: normal; font-style: normal; color: Black; } #tooltip h3, #tooltip div { margin: 0; }