/* ************************************************* () GENERAL - PAGE DIMENSION ************************************************* */ html { width:100%; height:100%; padding:0; margin:0; } body { background-color:#ffffff; background-image: url("../images/patterns/bright-squares.png"); background-repeat: repeat; } /* ************************************************* () GENERAL ************************************************* */ @font-face { font-family: 'Geist-Medium'; src: url('../StaffDoor/font/Geist-Medium.ttf') } * { font-family:Geist-Medium, Arial, sans-serif; margin:0; } h1 { color:#212121; font-weight:bold; font-size:xx-large; margin:0; padding:6px 10px; } h2 { color:#212121; font-weight:bold; font-size:x-large; margin:0; padding:4px 10px; } h3 { color:#212121; font-weight:bold; font-size:large; margin:0; padding:2px 10px; } h4 { color:#212121; font-weight:bold; font-size:medium; } h5 { color:#212121; font-weight:normal; font-size:medium; } h6 { color:#212121; font-weight:normal; font-size:medium; } hr { border-top: 1px solid #729c3b; border-bottom: 1px solid #435c23; } strong, b { font-weight:bold; } em, i { font-style:italic; } p { color:#212121; font-weight:normal; font-size:medium; } a { color:#0d5398; font-weight:normal; font-size:medium; text-decoration:underline; } a:hover { color:#cc0001; font-weight:normal; text-decoration:none; } blockquote { } .center { text-align:center; } .right { text-align:right; } .smallcaps { font-size:x-small; font-variant:small-caps; } .Confirmed { background-color:#a3d39c !important; color:#146635 !important; border:1px solid #146635; width:97%; padding:2px 5px !important; margin:3px auto !important; font-size:medium; font-weight:bold; border-radius:5px; border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Denied { color:#dc0000 !important; border:2px solid #dc0000; width:95%; padding:2px 5px !important; margin:3px auto !important; font-size:medium; font-weight:bold; border-radius:5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ************************************************* TICKETS PAGE ************************************************* */ #LottoraiserHeader { padding:10px 0; margin-bottom:30px; border-bottom:2px dashed #0d5398; } #LottoraiserHeader .imageblock { text-align:center; } #LottoraiserHeader .imageblock IMG { padding:50px 30px; } #LottoraiserHeader h1,#LottoraiserHeader h2,#LottoraiserHeader h3 { padding:5px 0; width:70%; display:inline-block; vertical-align:middle; text-align:center; } #TicketBackground P { color:#212121; } #TicketFullContainer { max-width: initial; margin:auto; } #DisplayUpcomingDrawDate { font-weight:900; font-size:20px; letter-spacing:-1px; text-align:center; margin:0px; color:#fff; background:#0d5398; padding:40px 0px 0px 0px; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111; } #NextDrawCountDown { font-weight:900; font-size:20px; letter-spacing:-1px; color:#d00; text-align:center; margin:10px auto; color:#fff; position: absolute; z-index: 9999; text-align: center; width: 100%; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111; } #ThisWeeksJackpot { font-weight:900; font-size:30px; letter-spacing:-1px; text-align:center; margin:0px; color:#fff; background:#0d5398; padding:40px 0px 70px 0px; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111; } #DiscountMessage { text-align:center; /* color:#009229; */ color:#fff; font-weight:bold; font-size: medium; padding:6px 2px; margin:10px auto 15px auto; } #ThisCompanyNameContainer { position:relative; top:-68px; text-align:center; height: 110px; } #ThisCompanyNameIcon { border:2px solid #fff; border-radius:100px; height:180px; width:180px; background-color:#fff; background-image: url('../Uplift/Logo/UpliftTogether.png'); background-size: contain; margin:0 auto; box-shadow: 0px -2px 8px #222; background-repeat: no-repeat; background-position: center; } .Default_TicketContainer { position:relative; border-radius:3px; margin: auto; width:100%; max-width:650px; } .Default_TicketBackgroundOverlay { } #Default_Header { } #Default_Header *,#Footer * { color:#212121; text-align:center; font-weight:bold; text-shadow: 1px 1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff; } #Default_Header .headerone { padding:5px; font-size:x-large; letter-spacing:-1px; font-weight:900; } #Default_Header .headertwo { padding:5px; font-size:large; letter-spacing:-1px; } #Default_Footer .footerone { padding:5px; font-size:x-small; } #Default_Footer .footertwo { padding:5px; font-size:x-small; } #Footer { display:block; padding:0; margin:30px auto 0px auto; } #Footer * { color:#212121; text-align:center; } #Footer .footerone { padding:5px; font-size:medium; letter-spacing:0px; } #Footer .footertwo { padding:5px; font-size:medium; letter-spacing:0px; } #Default_NumberSelecton { } #Default_NumberSelectonContainer { position:relative; margin: 20px auto; } #Default_NumberSelectonContainer .TextArea { position:absolute; top:10px; left:0px; width:100px; } #Default_NumberSelectonContainer .SelectionArea { position:relative; } #Default_NumberSelectonContainer .SelectionArea .SelectionAreaNumbers { text-align: center; } #Default_NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .GridNumber { display: inline-block; text-align: center; width:46px; height:18px; line-height:18px; font-weight: 900; cursor: pointer; border: 1px solid #222; } #Default_NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .selectednumber { background:#222; color:#fff; } #Default_NumberRandomSelectContainer { text-align:center; display:inline-block; vertical-align: bottom; } #Default_NumberRandomSelectContainer .RandNumbers, #Default_NumberRandomSelectContainer .ClearLine { width:90%; font-size:medium; font-weight:bold; border:2px solid #0d5398; background: #ffffff; border-radius:7px; color:#0d5398; margin:3px auto; } #Default_NumberRandomSelectContainer .RandNumbers:hover,#Default_NumberRandomSelectContainer .ClearLine:hover { color:#ffffff; background: #0d5398; } #Default_NumberTicketsContainer { text-align: center; font-size:large; color:#0d5398; } #Default_NumberTicketsContainer P { text-align: center; font-size:large; font-weight:bold; color:#0d5398; } #Default_WinnerDetailsContainer { width:90%; text-align:right; } #Default_WinnerDetailsContainer input[type=text], #Default_WinnerDetailsContainer input[type=email], #Default_WinnerDetailsContainer select { height:36px; width:68%; background:rgba(255,255,255,0.85); border:2px solid #0d5398; border-radius:10px; color:#222; font-weight:bold; } #Default_WinnerDetailsContainer select#WinnersClub1 { height: 42px; } #Default_WinnerDetailsContainer .WinnersNameContainer, #Default_WinnerDetailsContainer .WinnersAddressContainer, #Default_WinnerDetailsContainer .WinnersEmailContainer, #Default_WinnerDetailsContainer .WinnersMobileContainer, #Default_WinnerDetailsContainer .WinnersAdvancePlay { padding:2px 0; } #Default_WinnerDetailsContainer .WinnersNameContainer { } #Default_WinnerDetailsContainer .WinnersAddressContainer { } #Default_WinnerDetailsContainer .WinnersMobileContainer { } #Default_WinnerDetailsContainer .WinnersEmailContainer { } #Default_WinnerDetailsContainer .WinnersAdvancePlay { line-height:20px; } #Default_WinnerDetailsContainer .WinnersAdvancePlay #AdvancePlayFirst { color:#0d5398; } #Default_WinnerDetailsContainer .WinnersName, #Default_WinnerDetailsContainer .WinnersEmail, #Default_WinnerDetailsContainer .WinnersAddress, #Default_WinnerDetailsContainer .WinnersMobile { /* border:1px solid #ccc; border-radius:3px; padding:0px 2px; background:transparent; */ } #Default_WinnerDetailsContainer .WinnersName { } #Default_WinnerDetailsContainer .WinnersEmail { } #Default_WinnerDetailsContainer .WinnersAddress { } #Default_WinnerDetailsContainer .WinnersMobile { } Div.EmptyWinnerName h3 { text-align:center; color:#212121; font-weight:900; margin:5px 0px; } Div.EmptyWinnerName p { text-align:center; color:#0d5398; font-weight:bold; margin:5px 0px; } Div.EmptyWinnerName input[type=text] { border:2px solid #0d5398; border-radius:3px; padding:2px; background:transparent; border-radius: 10px; padding:0 2px; height:24px; width:60%; background:rgba(255,255,255,0.85); } #Default_AdvPlyForeverButton { display: inline-block; } #Default_AdvPlyForeverButton .AdvancePlayVerticalRadio { vertical-align: middle; margin: 0px; } #AdvancePlayFirst.AdvancePlayInputBox { text-align:center; width:38px; padding:0; margin:0; background: rgba(255,255,255,0.85); border:2px solid #0d5398; border-radius:6px; color:#0d5398; font-weight:bold; } label.maininputs { display: initial; font-weight: 900; font-size: medium; } #Default_WinnerDetailsContainer label { color:#212121; font-weight:900; } #Default_WinnerDetailsContainer .wrappable { display:inline-block; white-space:nowrap; /*vertical-align: middle;*/ } #Default_NumberBonusBallContainer { display: inline-block; margin: auto 2%; } #Default_NumberBonusBallContainer label.maininputs { display:none; } #Default_NumberBonusBallContainer .LineBonusball { width: 54px; height: 54px; font-size: xx-large; font-weight:900; color:#0d5398; border:3px solid #0d5398; border-radius:14px; text-align: center; } .bonusline { width: 30%; margin: 0 50%; display: inline-block; text-align: right; font-size:medium; line-height: 18px; font-weight: 900; color: #0d5398; } .NumberSelector { } #Default_NumberSelectonContainer select.NumberSelector { -webkit-appearance: none; -moz-appearance: none; text-align-last:center; border:3px solid #0d5398; border-radius:90px; text-align:center; font-size:xx-large; font-weight:900; color:#0d5398; background:#fff; width:60px; height:60px; line-height:54px; margin:auto 2%; } @-webkit-keyframes Beat { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } .NumberSelector { -webkit-animation-name: Beat; -webkit-animation-duration: 200ms; -webkit-animation-delay:500ms; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: 4; -webkit-animation-timing-function: linear; } #Default_NumberSelectonContainer .quickpick { color:#0d5398; font-size:small; text-align:center; font-weight:bold; width:95%; } #Default_NumberSelectonContainer .quickpick input[type=checkbox] { vertical-align:middle; width:20px; height:20px;} #TicketCheckContainer { max-width:650px; } #TicketCheckContainer #SubmitTickets P { text-align:left; } #TicketCheckContainer #SubmitTickets { padding:20px; text-align:right; line-height: 45px; } input[type="image"]:hover { opacity: 0.75; filter: alpha(opacity=50); } #TicketCheckContainer #SubmitTickets #PaymentOption { border:3px solid #0d5398; color:#0d5398; border-radius: 5px; padding: 3px 6px; margin: 10px 8px; font-size: 14px; font-weight: bold; box-shadow: 2px 2px 3px #aaa; } #error { padding:13px 7px; border:2px solid #d00; background:#d00; } #error p { font-weight:900; font-size:large; color:#fff; text-align:center; } #RulesContainer { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 900; } #RulesContainer .rulesiconopen { cursor:pointer; float:left; } #RulesContainer .rulesiconclose { position: relative; top: -25px; cursor: pointer; } #RulesContainer .RulesBlackout { width:100%; height:100%; background:rgba(23,23,23,0.8); padding-top:3%; } #RulesContainer .RulesContent { width:75%; max-width:900px; overflow:auto; background:#ffffff; border:4px solid #0d5398; box-shadow:0px 0px 20px #fff; border-radius:6px; padding:50px 20px 30px 20px; margin:auto; max-height: 85%; overflow-y: auto; } #RulesContainer .RulesContent li,#RulesContainer .RulesContent p { margin-bottom:10px; } /* ************************************************* SUBMIT FORM OPTIONS ************************************************* */ .ContactFormName { display:none; } .ContactFormEmail { display:none; } .ContactForm { display:none; } #SubmitTickets { max-width:650px; margin: auto; } #SubmitTickets .SubmitTicketButton { margin:10px 8px; padding:5px 12px; font-size:14px; font-weight:bold; background:#ffffff; color:#0d5398; border:3px solid #0d5398; border-radius:4px; box-shadow:none; } #SubmitTickets .SubmitTicketButton:hover { background:#0d5398; color:#ffffff; border:3px solid #0d5398; border-radius:4px; box-shadow:none; } #legalamble { padding:4px; max-width:650px; margin: auto; } .GDPRconsent { width:4%; height:20px; vertical-align: middle; } #ReplayNumbersForm { padding:20px; text-align:right; float:left; } #ReturnedWinnerInputs { border-top:1px dotted #0d5398; border-bottom:1px dotted #0d5398; margin:3px auto; padding-top:3px; } #ReturnedWinnerInputsParagraph { text-align:left; padding:0 10%; color: #0d5398; font-size: small; font-weight: bold; cursor:pointer; } .Toggleonoffbutton { width: 22px; vertical-align: middle; } .Displaytextposterpreviewbutton { position:absolute; right: 55px; cursor:pointer; width: 22px; } .Toggleonoffbutton:hover,.Displaytextposterpreviewbutton:hover { -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; animation:spin 3s linear infinite; } /* ************************************************* TICKETS CHECK PAGE ************************************************* */ #TicketCheckBackground * { } #TicketCheckContainer { margin:auto; padding: 20px 8px; } #TicketCheckContainer .CheckTicket { max-width:initial; margin:16px auto; background:transparent; border:none; box-shadow:none; } #TicketCheckContainer .overlay { background:none; padding:25px 0px; } #TicketCheckContainer .overlay h4 { background:#0d5398; color:#ffffff; padding:5px 10px; margin-top:-10px; margin-bottom:15px; } #TicketCheckContainer .overlay h2.TitleEmailDisplay { text-align:center; font-weight:900; padding:18px 0; } #TicketCheckContainer .CheckTicket .title { margin:4px 0px; width:35%; float:left; text-align:right; } #TicketCheckContainer .CheckTicket .title p { padding:0px 2px 0px 5px; font-weight:bold; font-size:15px; } #TicketCheckContainer .CheckTicket .input { margin:4px 0px; width:62%; float:right; } #TicketCheckContainer .CheckTicket .input p { padding:0px 5px 0px 2px; } #TicketCheckContainer .CheckTicket .ThanksforSupport { margin:4px auto; padding:35px 0px 4px 0px; width:90%; text-align:center; } #TicketCheckContainer .CheckTicket .ThanksforSupport p { } #TicketCheckContainer .CheckTicket #numbercontainer { margin:5px auto 20px auto; width:100%; text-align:center; } #TicketCheckContainer .CheckTicket .numberline { text-align:center; font-size:20px; font-weight:bold; line-height:55px; height:55px; margin:0px 5px 0px 25px; float:none; display:inline-block; } #TicketCheckContainer .CheckTicket .numberball { text-align:center; background:#0d5398; border-radius:90px; width:56px; height:55px; margin:0px 2%; float:none; display:inline-block; } #TicketCheckContainer .CheckTicket .number { font-size:40px; line-height:55px; font-weight:bold; color:#ffffff; } #TicketPriceheader { text-align:right; font-weight:900; background:#0d5398; color:#ffffff; padding: 5px 10px; margin-top:10px; border-top-left-radius:5px; border-bottom-left-radius:5px; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111; } #UserTicketsSelectBackground {} #UserTicketsSelectContainer { padding:20px 10%; max-width:800px; margin:auto; } #UserTicketsSelectContainer P { margin:auto; max-width: 700px; } #UserTicketsSelectContainer a { text-decoration:none; } .UserTicketsOptions { position:relative; padding:10px 0; margin:8px auto; border-radius:5px; border:4px solid #0d5398; background:rgba(255, 255, 255, 0.3); overflow: hidden; } .UserTicketsOptions:hover { background:#0d5398; } .UserTicketsOptions .UserTicketsheader { font-weight:900; padding:5px 10px; } .UserTicketsheader { text-align:center; z-index:400; color:#ffffff; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111;} #UserTicketsSelectContainer P.NewTicketText { padding:50px 0; font-size: large; } #CompanyLogoImage { position:absolute; top:-5%; left:-5%; opacity:0.4; transform: rotate(-26deg); width:30%; z-index: -1; } @-webkit-keyframes LogoCrest { 0% { z-index: 200; } 100% { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); z-index: 200; } } #CompanyLogoImage { -webkit-animation-name: LogoCrest; -webkit-animation-duration: 6000ms; -webkit-animation-delay:2000ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-fill-mode: forwards; } @-webkit-keyframes fadeinbackground { 0% { background: rgba(255, 255, 255, 0.3); } 100% { background:#0d5398; } } div.Active { animation: fadeinbackground 5s; -webkit-animation-duration: 6000ms; -webkit-animation-delay:2000ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-fill-mode: forwards; } #SubscriptionOptions P { margin:3px auto; max-width: 600px; } #SubscriptionOptions P.bigger { font-weight:bold; margin-bottom:10px; } #SubscriptionOptions_UnsubscribePlease { vertical-align: middle; } #SubscriptionOptions_PosterPlease { vertical-align: middle; } /* ************************************************* () Footer Text ************************************************* */ #footercontent { margin:9px auto; font-weight:normal; font-size:11px; text-align:center; color:#cacaca; } #footercontent p{ font-weight:normal; font-size:11px; color:#cacaca; } #footercontent a{ font-weight:normal; font-size:11px; text-decoration:none; color:#cacaca; padding:0; } #footercontent a:hover{ font-weight:normal; font-size:11px; color:#8f8f8f; padding:0; } #footercontent a.NeedHalp{ color:#bd1e1c; } #footercontent a.NeedHalp:hover{ color:#d80a07; } /* ************************************************* () OTC CSS ************************************************* */ #TicketCheckContainer #SubmitTickets P.center { text-align:center; } #TicketCheckContainer #SubmitTickets P.right { text-align:right; } #TicketEmailValidate { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 900; } #TicketEmailValidate .Blackout { width:100%; height:100%; background:rgba(23,23,23,0.8); padding-top:3%; } #TicketEmailValidate .CheckContainer { overflow-x: hidden; width:60%; max-width:900px; background:#fff; border:4px solid #004914; box-shadow:0px 0px 20px #fff; border-radius:6px; padding:10% 5%; margin:auto; } #OTC { font-size:large; font-weight:900; margin:2px 15px; max-width:190px; width:100%; border:2px solid #222; border-radius:5px; text-align:center; } h4.OTC { font-size:x-large; font-weight:900; letter-spacing:-1px; text-align:center; width:90%; margin:10px auto; } .WinnersEmailOTC { font-size:large; font-weight:900; text-align:center; width:90%; margin:10px auto; } #NumberBonusBallContainer {} #NumberBonusBallContainer .maininputs {} .LineBonusball {} @media all and (max-width: 600px){ /* Screen Size less than */ .WinnersEmailOTC { font-size:small; } #TicketEmailValidate .CheckContainer { width:85%; } } @media (max-height:400px) { #TicketEmailValidate .Blackout { padding:0; } #TicketEmailValidate .CheckContainer { width:90%; height: 90%; padding:1% 2%; overflow-y:scroll; } P.mobilelandscape { position: absolute; bottom: 0; right:0; } } /* ************************************************* Media Screen size Adjusts ************************************************* */ @media all and (max-width: 650px){ /* Screen Size less than */ #ThisWeeksJackpot { padding:40px 0px 50px 0px; } #ThisCompanyNameContainer { position:relative; top:-50px; text-align:center; height: 80px; } #ThisCompanyNameIcon { border:2px solid #fff; border-radius:90px; height:120px; width:120px; background-color:#fff; background-image: url('../Uplift/Logo/UpliftTogether.png'); background-size: cover; margin:0 auto; } } @media all and (max-width: 600px){ /* Screen Size less than */ label.maininputs { letter-spacing: -1px; } } @media all and (max-width: 520px){ /* Screen Size less than */ #TicketCheckContainer .CheckTicket .numberline { display:block; height:initial; line-height:inherit; } #TicketCheckContainer .CheckTicket .numberball, #TicketCheckContainer .CheckTicket .number { background:none; font-size:xx-large; font-weight:900; width:initial; height:initial; line-height:inherit; } #TicketCheckContainer .overlay h2.TitleEmailDisplay { font-size: 5vw; } #Default_WinnerDetailsContainer .WinnersNameContainer, #Default_WinnerDetailsContainer .WinnersAddressContainer, #Default_WinnerDetailsContainer .WinnersEmailContainer, #Default_WinnerDetailsContainer .WinnersMobileContainer, #Default_WinnerDetailsContainer .WinnersAdvancePlay { padding:2px 0; height:auto; } #Default_WinnerDetailsContainer { width:100%; text-align:left; } #Default_WinnerDetailsContainer input[type=text], #Default_WinnerDetailsContainer input[type=email], #Default_WinnerDetailsContainer select { box-sizing: border-box; height:42px; width:100%; margin:5px 1% 10px 1%; } #Default_NumberRandomSelectContainer { display: block; } select.NumberSelector { border: 2px solid #0d5398; font-size: x-large; width: 56px; height: 56px; line-height: 44px; margin:auto; } } @media all and (max-width: 300px){ /* Screen Size less than */ select.NumberSelector { font-size: x-large; width:48px; height:48px; line-height: 44px; } }