@charset "UTF-8";

/* Results
-----------------------------------------------*/
/*
div#ContentPrimary.full-width { width: 898px; margin-left: 39px; }

div.draw-results { width: 449px; float: left; }
div.daily-draw-results div.results-outer { background: transparent url(../Images/Components/Results/DailyDrawBG.png) no-repeat 0 0; }
div.daily-draw-results div.results-inner { background: transparent url(../Images/Components/Results/DailyDrawBG.png) no-repeat -444px 100%; }
div.friday-superdraw-results div.results-outer { background: transparent url(../Images/Components/Results/FridaySuperDrawBG.png) no-repeat 0 0; }
div.friday-superdraw-results div.results-inner { background: transparent url(../Images/Components/Results/FridaySuperDrawBG.png) no-repeat -444px 100%; }
div.results-outer { width: 442px; padding: 12px 0 0; }
div.results-inner { width: 442px; height: 100%; overflow: hidden; padding: 0 0 40px; }
div.results-heading { position: relative; height: 130px; }
div.results-heading h2 { width: 371px; height: 56px; text-indent: -9999em; position: relative; top: 20px; left: 33px; }

div.result-set { clear: left; }
div.result-set ul { margin: 0 0 0 20px; }
div.result-set ul li { float: left; font-weight: bold; font-size: 1.2em; margin-left: 5px; }
div.result-set ul li.bonus-result { text-align: center; }
div.result-set ul li.result-date span { padding-left: 0px; }
div.result-set ul li ul li span { display: block; text-indent: -9999em; }
div.result-set ul ul { margin: 0px; }

div.daily-draw-results div.results-heading h2 { background: transparent url(../Images/Components/Results/DailyDrawResultsLogo.png) no-repeat 0 0; }
div.daily-draw-results div.result-set ul li { color: #FFFFFF; }

div.friday-superdraw-results div.results-heading h2 { background: transparent url(../Images/Components/Results/FridaySuperDrawResultsLogo.png) no-repeat 0 0; }
div.friday-superdraw-results div.result-set ul li { color: #000000; }

div.earlier-draws { text-align: center; width: 100%; clear: both; }
div.earlier-draws  .frow { margin: 20px 0 10px; }

div.results-next-draw { position: relative; height: 130px }
div.next-countdown { position: absolute; left: 70px; bottom: 0px; }
div.next-action { position: absolute; right: 70px; bottom: 10px; }
*/

/* Prizes
-----------------------------------------------*/

div.draw-prizes { width: 449px; float: left; }
div.prizes-outer { width: 442px; padding: 10px 0 0; }
div.prizes-inner { width: 442px; height: 100%; overflow: hidden; padding: 0 0 34px; }
div.prizes-heading { position: relative; height: 280px; }
div.prizes-heading h2 { width: 371px; height: 75px; text-indent: -9999em; position: relative; top: 20px; left: 33px; }
div.prizes-heading h3 { width: 371px; height: 130px; text-indent: -9999em; position: relative; top: 40px; left: 48px; }
div.prize-list dl { width: 371px; font-size: 1.6em; margin: 0 auto; }
div.prize-list dt,
div.prize-list dd { float: left; width: 145px; padding: 3px 0;} 
div.prize-list dt { clear: left; padding: 0 0 0 40px; width: 185px; }
div.prize-list dt span { display: block; padding: 3px 0; }
div.prize-list dl span.match { width: 80px; height: 20px; text-indent: -9999em; }
div.prize-list dl span.win { width: 80px; height: 20px; text-indent: -9999em; display: block; }
div.prize-list dd.no-bg,
div.prize-list dt.no-bg{ background: none; }
div.prizes-action { clear: both; width: 120px; margin: 15px auto 5px; }

div.daily-draw-prizes div.prizes-outer { background: transparent url(../Images/Components/Prizes/DailyDrawBG.png) no-repeat 0 0; }
div.daily-draw-prizes div.prizes-inner { background: transparent url(../Images/Components/Prizes/DailyDrawBG.png) no-repeat -444px 100%; }
div.daily-draw-prizes div.prizes-heading h2 { background: transparent url(../Images/Components/Prizes/DailyDrawH2.png) no-repeat 0 0; }
div.daily-draw-prizes div.prizes-heading h3 { background: transparent url(../Images/Components/Prizes/DailyDrawH3.png) no-repeat 0 0; }
div.daily-draw-prizes dl { color:#FFFFFF; }
div.daily-draw-prizes dl span.match{ background: transparent url(../Images/Components/Prizes/DailyDrawMatch.png) 0 2px no-repeat; }
div.daily-draw-prizes dl span.win{ background: transparent url(../Images/Components/Prizes/DailyDrawWin.png) 0 0 no-repeat; }
div.daily-draw-prizes dt,
div.daily-draw-prizes dd { background: transparent url(../Images/Components/Prizes/DailyDrawHR.png) 0 100% no-repeat; } 

div.friday-superdraw-prizes div.prizes-outer { background: transparent url(../Images/Components/Prizes/FridaySuperDrawBG.png) no-repeat 0 0; }
div.friday-superdraw-prizes div.prizes-inner { background: transparent url(../Images/Components/Prizes/FridaySuperDrawBG.png) no-repeat -444px 100%; }
div.friday-superdraw-prizes div.prizes-heading h2 { background: transparent url(../Images/Components/Prizes/FridaySuperDrawH2.png) no-repeat 0 0; }
div.friday-superdraw-prizes div.prizes-heading h3 { background: transparent url(../Images/Components/Prizes/FridaySuperDrawH3.png) no-repeat 0 0; }
div.friday-superdraw-prizes dl { color:#000000; }
div.friday-superdraw-prizes dl span.match{ background: transparent url(../Images/Components/Prizes/FridaySuperDrawMatch.png) 0 2px no-repeat; }
div.friday-superdraw-prizes dl span.win{ background: transparent url(../Images/Components/Prizes/FridaySuperDrawWin.png) 0 0 no-repeat; }
div.friday-superdraw-prizes dt,
div.friday-superdraw-prizes dd { background: transparent url(../Images/Components/Prizes/FridaySuperDrawHR.png) 0 100% no-repeat; } 

div.pickmix-prizes div.prizes-outer { background: transparent url(../Images/Components/Prizes/PickMixBG.png) no-repeat 0 0; padding: 15px 0 0; }
div.pickmix-prizes div.prizes-inner { background: transparent url(../Images/Components/Prizes/PickMixBG.png) no-repeat -444px 100%; padding: 0 0 15px; }
div.pickmix-prizes div.prizes-heading h2 { background: transparent url(../Images/Components/Prizes/PickMixH2.png) no-repeat 0 0; }
div.pickmix-prizes div.prizes-heading h3 { background: transparent url(../Images/Components/Prizes/PickMixH3.png) no-repeat 0 0; }
div.pickmix-prizes dl { color:#000000; }
div.pickmix-prizes dl span.game{ background: transparent url(../Images/Components/Prizes/PickMixGame.png) 0 2px no-repeat; }
div.pickmix-prizes dl span.match{ background: transparent url(../Images/Components/Prizes/PickMixMatch.png) 0 2px no-repeat; }
div.pickmix-prizes dl span.win{ background: transparent url(../Images/Components/Prizes/PickMixWin.png) 0 0 no-repeat; }
div.pickmix-prizes div.prizes-heading { position: relative; height: 120px; }
div.pickmix-prizes dt,
div.pickmix-prizes dd { background: transparent url(../Images/Components/Prizes/PickMixHR.png) 0 100% no-repeat; } 
div.pickmix-prizes div.prize-list dt,
div.pickmix-prizes div.prize-list dd { width: 110px; } 
div.pickmix-prizes div.prize-list dl span.game { width: 80px; height: 20px; text-indent: -9999em; }
div.pickmix-prizes div.prize-list dl span.match,
div.pickmix-prizes div.prize-list dl span.win { width: 80px; height: 20px; text-indent: -9999em; display: block; }

div.jackpot-links { float: left; width: 430px; margin: 0 0 0 9px }
div.jackpot-plinth { width: 430px; height: 127px; position: relative; background: url(../Images/Components/JackpotCTA/JackpotBG.png) no-repeat 0 0; margin: 0 0 4px; }
div.jackpot-plinth h4 { text-indent: -9999em; }
div.jackpot-plinth div.jackpot-bar { position: absolute; right: 30px; top: 25px; } 
div.jackpot-plinth.tv-games { background-position: 0 -127px; }
div.jackpot-plinth.millionaire-club { background-position: 0 -256px; }


/* Statistics
----------------------------------------------- */

div#StatsHeading { margin: 0 0 0 35px; }
div#StatsHeading h1 { width: 244px; height: 37px; display: block; text-indent: -9999em; background: transparent url(../Images/Components/Statistics/StatisticsH1.jpg) no-repeat 0 0; float: left; }
div#StatsHeading fieldset { float: left; width: 400px; padding: 10px 0 0; }
div#StatsHeading fieldset label { font-size: 1.4em; font-weight: bold; }
div#StatsHeading p { float: left; font-size: 1.4em; padding: 10px 0 0; }
table#Statistics { margin: 0 auto; }
table#Statistics thead tr th { width: 135px; height: 40px; background: transparent url(../Images/Components/Statistics/StatsTHead.jpg) no-repeat 50% 0; text-align: center; color: #fff100; font-size: 1.4em; text-decoration: underline; border: 2px solid #FFFFFF; }
table#Statistics thead tr th a { color: #fff100; text-decoration: underline; }
table#Statistics tbody tr { background: #ffead1; }
table#Statistics tbody tr.alt { background: #fff100; }
table#Statistics tbody tr td { width: 135px; height: 31px; border: 3px solid #FFFFFF; color:#000000; font-size: 1.4em; text-align: center; }
table#Statistics tfoot tr td { width: 135px; height: 26px;  background: transparent url(../Images/Components/Statistics/StatsTFoot.jpg) no-repeat 50% 0; }


/* Login Page
----------------------------------------------- */

div.login-plinth { width: 449px; float: left; }
div.login-outer { width: 442px; padding: 10px 0 0; background: transparent url(../Images/Components/LogIn/LoginPlinthBG.png) no-repeat 0 0; padding: 10px 0 0; }
div.login-inner { width: 442px; height: 100%; overflow: hidden; padding: 0 0 34px; background: transparent url(../Images/Components/LogIn/LoginPlinthBG.png) no-repeat -444px 100%; }
div.login-inner p { font-size: 1.2em; }
div.login-form-plinth { width: 420px; margin: 0 0 0 13px; background: transparent url(../Images/Components/LogIn/LoginFormBG.png) no-repeat 0 100%; }
div.login-form { width: 365px; margin: 0 auto; color: #FFFFFF; padding: 20px 0 35px; }
div.login-form h2 { width: 100px; height: 40px; text-indent: -9999em; display: block; background: transparent url(../Images/Components/LogIn/LogInH2.jpg) 0 0 no-repeat;  }
div.login-form h3 { font-size: 1.6em; color: #fff101; }
div.login-form label { font-weight: bold; text-transform: uppercase; font-size: 1.3em; }
div.login-form .frow { margin-bottom: 10px; }
div.login-form .frow label span.label { display: block; float: left; width: 100px; padding: 7px 0 0; }
div.login-form .frow-text input { width: 200px; height: 26px; }

div.forgotten-password { width: 365px; margin: 0 auto; color: #17298b; padding: 20px 0 25px; }
div.forgotten-password h3 { color: #17298b; }
div.forgotten-password .frow { margin-top: 10px; }
div.forgotten-password .frow label { float: left; width: 200px; }
div.forgotten-password .frow-text input { height: 26px; }
div.forgotten-password .frow .action { float: left; }

div.new-user { width: 365px; margin: 0 auto; color: #646464; padding: 20px 0 25px; min-height: 462px; }
div.new-user h2 { width: 150px; height: 40px; text-indent: -9999em; display: block; background: transparent url(../Images/Components/LogIn/NewUserH2.png) 0 0 no-repeat;  }
div.new-user h3 { color: #17298b; }
div.new-user .register-action { width: 200px; text-align: center; margin: 0 auto; }


/* Registration Form
----------------------------------------------- */

div.reg-page-header { width: 899px; height: 224px; background: transparent url(../Images/Components/Register/HeaderBG.png) 0 0 no-repeat; position: relative; }
div.reg-page-header h1 { position: absolute; top: 80px; left: 335px; width: 385px; height: 70px; display: block; text-indent: -9999em; background: transparent url(../Images/Components/Register/SignUpH1.png) 0 0 no-repeat; }

div.reg-dialogue-outer { width: 355px; background: transparent url(../Images/Components/Register/RegDialogueBG.png) no-repeat 0 0; padding: 20px 0 0; float: left; margin-left: 65px; }
div.reg-dialogue-inner { width: 355px; background: transparent url(../Images/Components/Register/RegDialogueBG.png) no-repeat 100% 100%; min-height: 330px; }
div.reg-dialogue { width: 306px; margin: 0 auto; }
div.reg-dialogue h2 { width: 304px; height:72px; display: block; text-indent: -9999em; background: url(../Images/Components/Register/RegisterForFreeH2.png) 0 0 no-repeat; }
div.reg-dialogue h3 { width: 287px; height:20px; display: block; text-indent: -9999em; background: url(../Images/Components/Register/WelcomeH3.png) 0 0 no-repeat; margin: 10px auto; }
div.reg-dialogue p { font-size: 1.2em; color:#474747; padding: 10px; }

.reg-form-outer { width: 453px; background: transparent url(../Images/Components/Register/RegStepsBG.png) 0 0 no-repeat; padding: 68px 0 0; float: left; margin-left: 40px; }
.reg-form-inner {  width: 453px; background: transparent url(../Images/Components/Register/RegFormPlinthBG.png) 0 100% no-repeat; padding: 0 0 10px; }
.reg-form { width: 410px; margin: 0 auto; padding: 30px 0; }

div.reg-form .frow label span.label { display:block; float:left; }
div.reg-form .frow label span.label { color: #474747; font-size: 1.2em; width: 150px; }
div.reg-form .frow p { color: #474747; font-size: 1.2em; }
div.reg-form .frow-text input { border: none; background: none; padding: 5px 0 0 3px; }
div.reg-form .frow-text span.field { background: transparent url(../Images/Components/Register/InputBG.png) 0 0 no-repeat; width: 188px; height: 24px; display: block; float: left; }
div.reg-form .frow-action { margin: 20px 0 0; }
div.reg-form .frow-action a { padding: 0 0 0 150px; }

div.reg-form div#ClientValidationSummary { background: #f8eeef; padding: 10px; border: 1px solid #d5001a; margin: 0 0 20px; }
div.reg-form div#ClientValidationSummary h4 { color: #474747; font-size: 1.2em; }
div.reg-form div#ClientValidationSummary li { font-size: 1.2em; }
div.reg-form div#ClientValidationSummary li span { color: #d5001a; font-weight: bold;}

div.reg-form .validation-failed label span.label { color: #d5001a; }
div.reg-form .validation-failed label span.field { background-image:url(../Images/Components/Register/InputValidationBG.png) }

div.reg-form .terms-conditions { width: 408px; height: 160px; background: transparent url(../Images/Components/Register/TermsBoxBG.png) 0 0 no-repeat; padding: 10px 0 0; }
div.reg-form .terms-conditions .terms { width: 380px; height: 140px; margin: 0 auto; overflow: auto; }
div.reg-form .frow-checkbox label span.field,
div.reg-form .frow-checkbox label span.label { float: left; }
div.reg-form .frow-checkbox { padding-left: 30px; }
div.reg-form .frow-checkbox label span.field { width: 30px; }
div.reg-form .frow-checkbox label span.label { width: 300px; }

body.step1 div.reg-form-outer { background-position: 0 0; }
body.step2 div.reg-form-outer { background-position: 0 -82px; }
body.step3 div.reg-form-outer { background-position: 0 -164px; }
body.step4 div.reg-form-outer { background-position: 0 -246px; }
body.step4 div.reg-dialogue h2 { background-image: url(../Images/Components/Register/RegistrationSuccessfulH2.png); }
body.step2 div.reg-form .frow-select label .field select,
body.step3 div.reg-form .frow-select label .field select { width: 188px; }
body.step3 div.reg-form .frow-action { width: 82px; height: 30px; margin: 20px auto 0 auto; }
body.step3 div.reg-form .frow-action a { padding: 0px; }
body.step4 div.reg-form h3 { width: 351px; height: 43px; text-indent: -9999em; display: block; margin: 0 auto; background: transparent url(../Images/Components/Register/FreeGamesH3.png) 0 0 no-repeat; }
body.step4 div.reg-form div.game-logo { text-align: center; margin: 20px 0; }

div.reg-form fieldset.dd-number-picks .frow { float: left; margin-left: 6px; }
div.reg-form fieldset.dd-number-picks input { border: none; background: none; text-align: center; background: transparent url(../Images/Components/Register/NumberInputBG.png) 0 0 no-repeat; width: 30px; height: 30px; font-size: 1.6em; font-weight: bold; color: #484e68; padding: 5px 0 0;}
div.reg-form fieldset.dd-number-picks span.label { display: none; }
div.reg-form fieldset.dd-number-picks .frow-dd-bonusnumber { width: 100px; margin-right: 10px; }
div.reg-form fieldset.dd-number-picks .frow-dd-bonusnumber input { color: #517baa; }
div.reg-form fieldset.dd-number-picks .frow-dd-number { margin-left: 2px; }
div.reg-form fieldset.dd-number-picks .frow-game-options { margin-top: -10px; }
div.reg-form fieldset.dd-number-picks .frow-game-options li { float: left; }
div.reg-form fieldset.dd-number-picks .frow-game-options li a{  color: #e4402d; text-decoration: underline; font-size: 1.1em; }
div.reg-form fieldset.dd-number-picks .frow-game-options li.quick-pick { margin-left: 56px; }
div.reg-form fieldset.dd-number-picks .frow-game-options li.clear { margin-left: 72px; }

body.step4 div.reg-form .frow-text span.field { background-image: none; width: auto; height: auto; }
body.step4 div.reg-form .frow-dd-bonusnumber span.field { width: 100px;  background: transparent url(../Images/Components/Register/BonusNumberBG.png) 4px 4px no-repeat; }
body.step4 div.reg-form .frow-dd-bonusnumber span.field input { margin-left: 60px; }