/* ************************************************* () GENERAL - PAGE DIMENSION ************************************************* */ html { width:100%; height:100%; padding:0; margin:0; } body { } /* ************************************************* () GENERAL ************************************************* */ * { font-family: Arial; margin:0; } h1 { color:#212121; font-weight:bold; font-size:22px; margin:0; padding:6px 10px; } h2 { color:#212121; font-weight:bold; font-size:20px; margin:0; padding:4px 10px; } h3 { color:#212121; font-weight:bold; font-size:18px; margin:0; padding:2px 10px; } h4 { color:#212121; font-weight:bold; font-size:16px; } h5 { color:#212121; font-weight:normal; font-size:14px; } h6 { color:#212121; font-weight:normal; font-size:12px; } 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:13px; } a { color:#345d65; font-weight:normal; font-size:13px; text-decoration:underline; } a:hover { color:#7895a3; 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:12px; 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:12px; 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 #345d65; } #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 { } #TicketFullContainer { max-width:650px; margin:auto; } #DisplayUpcomingDrawDate { font-weight:900; font-size:20px; letter-spacing:-1px; color:#191919; text-align:center; margin-top:10px; } #NextDrawCountDown { font-weight:900; font-size:20px; letter-spacing:-1px; color:#d00; text-align:center; margin:10px auto; } #ThisWeeksJackpot { font-weight:900; font-size:30px; letter-spacing:-2px; text-align:center; margin-top:10px; color:#345d65; } #DiscountMessage { text-align:center; color:#009229; font-weight:bold; font-size: medium; padding:6px 2px; margin:10px auto 15px auto; } .TicketContainer { position:relative; border-radius:3px; margin: auto; } .TicketBackgroundOverlay { background:rgba(255,255,255,0.5); } .TicketImagebox { box-shadow: 1px 1px 3px #222; border-radius:3px; width:100%; } #Header,#Footer { display:none; } #Header *,#Footer * { color:#212121; text-align:center; font-weight:bold; } #Header .headerone { padding:5px; font-size:x-large; letter-spacing:-2px; font-weight:900; } #Header .headertwo { padding:5px; font-size:x-small; letter-spacing:-1px; } #Footer .footerone { padding:5px; font-size:x-small; letter-spacing:-1px; } #Footer .footertwo { padding:5px; font-size:x-small; } #ThankYouMessage { width:75%; margin:30px auto; border-radius:8px; border:5px solid #345d65; background:#ffffff; background:url(Logo/DoonbegCLLogo2.png) 90% 40px no-repeat; background-size: 200px; box-shadow:2px 2px 3px #aaa; } #ThankYouMessage .overlay { background:rgba(255,255,255,0.9); padding:50px 30px; } #ThankYouMessage H4 { font-size:22px; letter-spacing:-2px; font-family:"Arial Black",Arial; text-align:center; font-weight:bold; color:#345d65; text-shadow:1px 1px 2px #aaa; } #ThankYouMessage p { padding-top:20px; font-size:11px; font-family:Arial; font-weight:bold; color:#345d65; text-shadow:1px 1px 2px #ccc; } #NumberSelecton { position:absolute; top:22%; left:46%; width:50%; } #NumberTicketsContainer { position: absolute; top:14%; left:2%; width:44%; } #NumberTicketsContainer P { margin:0; text-align: center; font-size: large; letter-spacing:-1px; } #NumberTicketsContainer strong { } #NumberSelectonContainer { position:relative; width:100%; } #NumberSelectonContainer .TextArea { position:absolute; top:10px; left:0px; width:100px; } #NumberSelectonContainer .SelectionArea { position:relative; } #NumberBonusBallContainer { position:absolute; top:41%; left: 72%; width:25%; } #NumberBonusBallContainer label.maininputs { Display:none; } #NumberBonusBallContainer .LineBonusball { width: 76px; height: 76px; font-size: xx-large; border: 4px solid #0c6c3e; border-radius:3px; 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: #345d65; } #NumberRandomSelectContainer { text-align: center; } #NumberSelectonContainer.NumberSelectonContainerone { } #NumberSelectonContainer.NumberSelectonContainertwo { } #NumberSelectonContainer.NumberSelectonContainerthree { } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers { text-align:center; } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .GridNumber { display: inline-block; text-align: center; width: 13%; height:32px; line-height:32px; font-weight: 900; cursor: pointer; border: 1px solid #345d65; color:#345d65; } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .selectednumber { background:#345d65; color:#fff; } #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersOne {} #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersTwo {} #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersThree {} @-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; } /* position:absolute; top:2%; left:11%; width:41%; height:21%; position:absolute; top:2%; left:61%; width:38%; height:21%; position:absolute; top:34%; left:13%; width:86%; height:21%; */ #WinnerDetailsContainer { position:absolute; top:22%; left:2%; width:42%; } #WinnerDetailsContainer input[type=text] , #WinnerDetailsContainer input[type=email] , #WinnerDetailsContainer select { height:24px; width:100%; background:rgba(255,255,255,0.85); } #WinnerDetailsContainer select#WinnersClub1 { } #WinnerDetailsContainer .WinnersNameContainer, #WinnerDetailsContainer .WinnersAddressContainer, #WinnerDetailsContainer .WinnersEmailContainer, #WinnerDetailsContainer .WinnersMobileContainer, #WinnerDetailsContainer .WinnersAdvancePlay { } #WinnerDetailsContainer .WinnersNameContainer { } #WinnerDetailsContainer .WinnersAddressContainer { } #WinnerDetailsContainer .WinnersMobileContainer { } #WinnerDetailsContainer .WinnersEmailContainer { } #WinnerDetailsContainer .WinnersAdvancePlay { line-height:20px; } #WinnerDetailsContainer div.WinnersEntry1div > label.maininputs, #WinnerDetailsContainer div.WinnersEntry2div > label.maininputs, #WinnerDetailsContainer div.WinnersEntry3div > label.maininputs { display:none; } #WinnerDetailsContainer .WinnersEntry1div,#WinnerDetailsContainer .WinnersEntry2div,#WinnerDetailsContainer .WinnersEntry3div { height:70px; margin-bottom:38px; } #WinnerDetailsContainer .WinnersEntry1div { } #WinnerDetailsContainer .WinnersEntry2div { } #WinnerDetailsContainer .WinnersEntry3div { } #WinnerDetailsContainer .WinnersMobilediv { height:48px; margin-bottom:21px; } #WinnerDetailsContainer .WinnersEmaildiv { height:26px; } #WinnerDetailsContainer .WinnersName, #WinnerDetailsContainer .WinnersEmail, #WinnerDetailsContainer .WinnersAddress, #WinnerDetailsContainer .WinnersMobile { border:1px solid #ccc; border-radius:3px; padding:0px 2px; background:transparent; } #WinnerDetailsContainer .WinnersName { } #WinnerDetailsContainer .WinnersEmail { } #WinnerDetailsContainer .WinnersAddress { } #WinnerDetailsContainer .WinnersMobile { } .AdvancePlayVerticalRadio { vertical-align: middle; margin: 0px; } #AdvancePlayFirst.AdvancePlayInputBox { height: 14px; vertical-align: middle; } #AdvPlyForeverButton { display: inline-block; } label.maininputs { font-weight: 900; font-size: medium; } .NumberSelector { } select.NumberSelector { -webkit-appearance: none; -moz-appearance: none; text-align-last:center; border:1px solid #888; width:20%; text-align:center; } .quickpick { font-size:smaller; text-align:left; font-size:x-small; font-weight:bold; width:230px; text-align:center; } .quickpick input[type=checkbox] { vertical-align:middle; } #WinnerDetailsContainer label { } #WinnerDetailsContainer .wrappable { display:inline-block; white-space:nowrap; vertical-align: middle; } #multiple { } #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 #345d65; color:#345d65; border-radius: 5px; padding: 3px 6px; margin: 10px 8px; font-size: 14px; font-weight: bold; box-shadow: 2px 2px 3px #aaa; } #error { padding:3px 7px; margin:2px auto; border:2px solid #d00; border-radius:4px; background:#ffffff; } #error p { font-weight:bold; color:#d00; 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 #345d65; 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; } .SubmitTicketButton { margin:10px 8px; padding:5px 12px; font-size:14px; font-weight:bold; background:#ffffff; color:#345d65; border:3px solid #345d65; border-radius:4px; box-shadow:2px 2px 3px #aaa; } .SubmitTicketButton:hover { background:#345d65; color:#ffffff; border:3px solid #345d65; border-radius:4px; box-shadow:none; } #legalamble { padding:4px; } .GDPRconsent { width:4%; height:20px; vertical-align: middle; } #ReplayNumbersForm { padding:20px; text-align:right; float:left; } .RandNumbers,.ClearLine { font-size:x-small; font-weight:bold; border:2px solid #345d65; background: #ffffff; border-radius:2px; color:#345d65; } .RandNumbers:hover,.ClearLine:hover { color:#ffffff; background: #345d65; } .RandNumbers { width: 60%; } .ClearLine { width: 35%; } /* ************************************************* TICKETS CHECK PAGE ************************************************* */ #TicketCheckBackground { } #TicketCheckContainer { max-width:650px; margin:auto; padding: 20px 8px; } #TicketCheckContainer .CheckTicket { max-width:430px; margin:16px auto; background:#ffffff; border:5px solid #345d65; border-radius:8px; box-shadow:5px 7px 13px #aaa; background:url(Logo/DoonbegCLLogo2.png) 90% 40px no-repeat; background-size: 200px; } #TicketCheckContainer .overlay { background:rgba(255,255,255,0.9); padding:25px 0px; } #TicketCheckContainer .overlay h4 { background:#345d65; color:#ffffff; padding:5px 10px; margin-top:-10px; margin-bottom:15px; } #TicketCheckContainer .overlay h2.TitleEmailDisplay { text-align:center; font-weight:900; letter-spacing:-1px; color:#c30; 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; font-size:13px; } #TicketCheckContainer .CheckTicket .ThanksforSupport { margin:4px auto; padding:35px 0px 4px 0px; width:90%; text-align:center; } #TicketCheckContainer .CheckTicket .ThanksforSupport p { font-size:12px; } #TicketCheckContainer .CheckTicket #numbercontainer { margin:5px auto 20px auto; width:100%; } #TicketCheckContainer .CheckTicket .numberline { text-align:center; font-size:20px; font-weight:bold; line-height:55px; height:55px; float:left; margin:0px 5px 0px 25px; } #TicketCheckContainer .CheckTicket .numberball { text-align:center; background:#345d65; border-radius:90px; width:56px; height:55px; float:left; margin:0px 2%; } #TicketCheckContainer .CheckTicket .number { font-size:40px; line-height:55px; font-weight:bold; color:#ffffff; } #TicketPriceheader { text-align:right; font-weight:900; background:#345d65; 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; overflow: hidden; } .UserTicketsOptions .UserTicketsheader { font-weight:900; padding:5px 10px; } .UserTicketsOptions .UserTicketsinPlay { font-size:11px; text-shadow:none; border:2px solid #d00; border-radius:3px; background:#fff; padding:1px 5px; color:#d00; } .UserTicketsOptions:hover .UserTicketsinPlay { background:#d00; color:#fff; } .UserTicketsOptions P.AlreadyPurchasedFooter { font-size:x-small; font-weight:900; color:#a9a9a9; text-align:center; } .UserTicketsOptions:hover P.AlreadyPurchasedFooter { color:#fff; text-shadow: 1px 1px 1px #111, -1px 1px 1px #111, 1px -1px 1px #111, -1px -1px 1px #111; } .UserTicketsOptions #numbercontainer { margin:5px auto; width:100%; } .UserTicketsOptions .numberline { text-align:center; float:left; margin:0px 5px 0px 3%; width:30%; max-width:40%; } .UserTicketsOptions .numberline p { font-size:13px; } .UserTicketsOptions .quickpickreplay { text-align:center; font-size:x-small; width:40px; height:40px; float:left; margin:0px 1%; } .UserTicketsOptions .quickpickreplay LABEL { display:block; } .UserTicketsOptions:hover .numberline p, .UserTicketsOptions:hover .quickpickreplay { color:#ffffff; } .UserTicketsOptions .numberball { text-align:center; border-radius:90px; width:40px; height:40px; float:left; margin:0px 2%; } .UserTicketsOptions .number { font-size:26px; line-height:40px; font-weight:bold; color:#ffffff; } .UserTicketsOptions .raffleticket { text-align:center; height:40px; float:left; margin:0px 2%;} .UserTicketsOptions .raffleline { font-size:26px; line-height:40px; font-weight:bold; } .UserTicketsOptions:hover .raffleline { color:#ffffff; } .UserTicketsOptions.Active .raffleline { color:#345d65; } .UserTicketsOptions.Deactive .raffleline { color:#b5b5b5; } .UserTicketsOptions:hover.Active .raffleline { color:#fff; } .UserTicketsOptions:hover.Deactive .raffleline { color:#fff; } .UserTicketsOptions.Active { border:4px solid #345d65; } .UserTicketsOptions.Deactive { border:4px solid #b5b5b5; } .UserTicketsOptions:hover.Active { background:#345d65; } .UserTicketsOptions:hover.Deactive { background:#b5b5b5; } .UserTicketsOptions.Active .UserTicketsheader { color:#ffffff; text-shadow: 1px 1px 1px #111,-1px 1px 1px #111,1px -1px 1px #111,-1px -1px 1px #111;} .UserTicketsOptions.Deactive .UserTicketsheader { color:#efeeee; text-shadow: 1px 1px 1px #616161,-1px 1px 1px #616161,1px -1px 1px #616161,-1px -1px 1px #616161;} .UserTicketsOptions.Active .numberball { background:#345d65; } .UserTicketsOptions.Deactive .numberball { background:#b5b5b5; } #StarHolder { position: absolute; bottom: 10%; left: 5%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); z-index:-100; } #StarHolder P { color:#fff; font-weight:900; width:80px; line-height:80px; text-align:center; } #burst-12 { color:#fff; background:#ccc; width: 80px; height: 80px; position: absolute; top: 0; left: 0; text-align: center; z-index:-100; } #burst-12:before, #burst-12:after { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background:#ccc; } #burst-12:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); } #burst-12:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); } .UserTicketsOptions:hover.Deactive #StarHolder,.UserTicketsOptions:hover.Active #StarHolder { z-index: 0; } .UserTicketsOptions:hover.Deactive #StarHolder P { color:#fff; } .UserTicketsOptions:hover.Active #StarHolder P { color:#345d65; } .UserTicketsOptions:hover.Deactive #burst-12,.UserTicketsOptions:hover.Deactive #burst-12:after,.UserTicketsOptions:hover.Deactive #burst-12:before { background:#345d65; } .UserTicketsOptions:hover.Active #burst-12,.UserTicketsOptions:hover.Active #burst-12:after,.UserTicketsOptions:hover.Active #burst-12:before { background:#fff; } #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; } /* ************************************************* Facebook CSS and Alterations ************************************************* */ #FacebookContainer { text-align: center; overflow: hidden; } #Facebookshareusimage { text-align:center; } #Facebookshareusimage img { width:60%; } .fb-like span, .fb-like iframe { min-width: 100px !important; min-height: 20px !important; } #FacebookAppError { margin:0px 10px 20px 10px; padding:5px 5px 20px 5px; background:#ffffff; color:#345d65; border:3px solid #345d65; border-radius:4px; box-shadow:2px 2px 3px #aaa; text-align: center; } #FacebookAppError h4 { font-size:17px; font-weight:900; color:#e11; } #FacebookAppError p { font-size:14px; } #FacebookAppError IMG { width:90%; } /* ************************************************* Social Share CSS ************************************************* */ #SocialSharer { width:100%; text-align:center; } #FaceBookSharer, #PinterestSharer { display: inline-block; vertical-align:top; max-width:400px; width:45%; margin:1%; padding:5px; border-radius:5px; box-shadow:2px 2px 3px #aaa; transition: 0.3s; } #FaceBookSharer:hover, #PinterestSharer:hover { transition: 0.3s; transform: scale(1.10); } #FaceBookSharerLink, #PinterestSharerLink { text-decoration:none; } #FaceBookSharer p, #PinterestSharer p { } #FaceBookSharer p.italic, #PinterestSharer p.italic { font-style:italic; padding:5px 0; text-align:center; } #FaceBookSharer h4, #PinterestSharer h4 { } #FaceBookSharer hr, #PinterestSharer hr { } #FaceBookSharer .FaceBookSharerImage, #PinterestSharer .PinterestSharerImage { float:left; max-width:70px; width:25%; padding:2%; } #FaceBookSharer { border:3px solid #405d9b; background:#fff; } #FaceBookSharer:hover { } #FaceBookSharer p { color:#405d9b; } #FaceBookSharer p.italic { color:#85a3e2; } #FaceBookSharer h4 { color:#405d9b; } #FaceBookSharer hr { border:1px solid #405d9b; } #PinterestSharer { border:3px solid #bd081c; background:#fff; } #PinterestSharer:hover { } #PinterestSharer p { color:#bd081c; } #PinterestSharer p.italic { color:#f6283e; } #PinterestSharer h4 { color:#bd081c; } #PinterestSharer hr { border:1px solid #bd081c; } /* ************************************************* () 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; } /* ************************************************* Media Screen size Adjusts ************************************************* */ @media all and (min-width:500px){ /* Screen Size Larger than */ .smallcaps { font-size:13px; } select.NumberSelector { width:75px; height:43px; font-size:x-large; } #WinnerDetailsContainer .WinnersAdvancePlay { font-size:13px; } } @media all and (max-width: 600px){ /* Screen Size less than */ #NumberTicketsContainer { } #WinnerDetailsContainer .WinnersNameContainer, #WinnerDetailsContainer .WinnersAddressContainer, #WinnerDetailsContainer .WinnersEmailContainer, #WinnerDetailsContainer .WinnersMobileContainer, #WinnerDetailsContainer .WinnersAdvancePlay { } #NumberSelecton { } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .GridNumber { } } @media all and (max-width: 560px){ /* Screen Size less than */ #LottoraiserHeader{ padding:10px 5px; } #LottoraiserHeader h1,#LottoraiserHeader h2,#LottoraiserHeader h3 { width:60%; } #TicketCheckContainer .CheckTicket .numberball,.UserTicketsOptions .numberball { margin:0px 1%; } .quickpick { margin-top: -4px; } #NumberRandomSelectContainer { bottom: -13%; } } @media all and (max-width: 500px){ /* Screen Size less than */ #TicketCheckContainer .CheckTicket .title, .UserTicketsOptions .tile { width: 100%; text-align: left; } #TicketCheckContainer .CheckTicket .input, .UserTicketsOptions .input { width: 80%; } #TicketCheckContainer .CheckTicket #numbercontainer,.UserTicketsOptions #numbercontainer { margin:5px auto 20px auto; width:100%; } #TicketCheckContainer .CheckTicket .numberline { text-align:center; font-size:18px; line-height:18px; height:18px; float:left; margin:0px 5px 0px 25px; } #Header { display:block; } #Footer { display:block; } .quickpick { width:100%; } .UserTicketsOptions .numberline { text-align:center; font-size:18px; height:31px; float:left; overflow:hidden; } #TicketCheckContainer .CheckTicket .numberball,.UserTicketsOptions .numberball { background:transparent !important; margin:0px 2%; width:initial; height:initial; } .UserTicketsOptions .quickpickreplay { line-height:initial; height:initial; float:right; margin-right: 10%; } .UserTicketsOptions .quickpickreplay INPUT { vertical-align:middle; } #TicketCheckContainer .CheckTicket .number { font-size:20px; line-height:18px; font-weight:900; color:#345d65; } #TicketCheckContainer #SubmitTickets { padding:10px; text-align:center; } .UserTicketsOptions.Active .number { font-size:20px; line-height:18px; font-weight:900; color:#345d65; } .UserTicketsOptions.Deactive .number { font-size:20px; line-height:18px; font-weight:900; color:#b5b5b5; } .UserTicketsOptions:hover .number { color:#ffffff; } #DisplayUpcomingDrawDate,#NextDrawCountDown { font-size:16px; } #ThisWeeksJackpot { font-size:20px; letter-spacing:0px; } #TicketCheckContainer .overlay h2.TitleEmailDisplay { letter-spacing: -1px; word-break:break-all; } .TicketContainer IMG { display:none; } .TicketContainer { width:90%; margin:5px auto; border-radius:8px; border:5px solid #345d65; background:#ffffff; box-shadow:2px 2px 3px #aaa; } #NumberSelecton { position: initial; width:100%; height:48%; padding:20px 0; } #NumberSelectonContainer.NumberSelectonContainerone,#NumberSelectonContainer.NumberSelectonContainertwo, #NumberSelectonContainer.NumberSelectonContainerthree { width:100%; position:relative; top:0; left:0%; } #NumberSelectonContainer.NumberSelectonContainerone { } #NumberSelectonContainer.NumberSelectonContainertwo { margin:15px 0; } #NumberSelectonContainer.NumberSelectonContainerthree { } #NumberRandomSelectContainer { position: inherit; text-align: center; margin:5px 0; } .TicketContainer div#NumberSelecton,.TicketContainer div#NumberSelecton { /*padding-top:0px;*/ } .TicketContainer div#NumberRandomSelectContainer,.TicketContainer div#NumberRandomSelectContainer { top: 12%; } #NumberRandomSelectContainer { position: inherit; text-align: center; } #NumberSelectonContainer { position: relative; top:initial; } #NumberTicketsContainer P { font-size:medium; } #NumberSelectonContainer .SelectionArea { position: initial; width:90%; text-align: center; margin: auto; } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers { margin:0; } #NumberRandomSelectContainer { left: 0; } #NumberSelectonContainer .SelectionArea .SelectionAreaNumbers .GridNumber { height:30px; line-height:30px; } #NumberSelectonContainer .SelectionAreaNumbers label.maininputs { } #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersOne,#NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersTwo, #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersThree { } #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersOne {} #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersTwo { margin:15px 0; } #NumberSelectonContainer .SelectionAreaNumbers.SelectionAreaNumbersThree { } #Header .headerone { font-size:x-large; letter-spacing: -1px; } #Header .headertwo { font-size: medium; letter-spacing:0; } #NumberTicketsContainer { position: initial; width:100% } .smallcaps { font-size: 12px; } select.NumberSelector { font-size:x-large; width:23%; height: 40px; } .RandNumbers,.ClearLine { line-height:20px; font-size: 11px; font-weight: 900; white-space: normal; } #ThankYouMessage H4 { font-size:medium; letter-spacing:0; } H4 span { display: table; margin: auto; } .quickpick { margin-top:0; } #UserTicketsSelectContainer { padding: 20px 0; } #WinnerDetailsContainer { position:initial; width:96%; padding:1px 2% 20px 2%; text-align:left; } #WinnerDetailsContainer .WinnersNameContainer, #WinnerDetailsContainer .WinnersAddressContainer, #WinnerDetailsContainer .WinnersMobileContainer, #WinnerDetailsContainer .WinnersEmailContainer, #WinnerDetailsContainer .WinnersAdvancePlay { position: initial; display:inline-block; width:100%; height: auto; } #WinnerDetailsContainer input[type=text], #WinnerDetailsContainer input[type=email] { width:98%; } label.maininputs { display:inline-block; font-weight:900; margin:0px 10px; width:70px; } #WinnerDetailsContainer .WinnersNameContainer { } #WinnerDetailsContainer .WinnersAddressContainer { } #WinnerDetailsContainer .WinnersMobileContainer { } #WinnerDetailsContainer .WinnersEmailContainer { } #WinnerDetailsContainer .WinnersAdvancePlay { position: initial; width:100%; font-size: small; height: auto; } #WinnerDetailsContainer .WinnersEntry1div { height:initial; margin:10px 0; border-bottom:2px dashed #777; } #WinnerDetailsContainer .WinnersEntry2div { height:initial; margin:10px 0; border-bottom:2px dashed #777; } #WinnerDetailsContainer .WinnersEntry3div { height:initial; margin:10px 0; border-bottom:2px dashed #777; } #WinnerDetailsContainer .WinnersEmaildiv { height:initial; } #WinnerDetailsContainer div.WinnersEntry1div > label.maininputs, #WinnerDetailsContainer div.WinnersEntry2div > label.maininputs, #WinnerDetailsContainer div.WinnersEntry3div > label.maininputs { } #Footer .footerone { font-size:medium; } #Footer .footertwo { } } @media all and (max-width: 375px){ /* Screen Size less than */ #LottoraiserHeader IMG { max-width:60%; } #LottoraiserHeader .imageblock { max-width:100%; text-align:center; } #LottoraiserHeader h1,#LottoraiserHeader h2,#LottoraiserHeader h3 { width:100%; display:block; text-align:center; } #WinnerDetailsContainer .WinnersName, #WinnerDetailsContainer .WinnersEmail, #WinnerDetailsContainer .WinnersAddress, #WinnerDetailsContainer .WinnersAdvancePlay { width: 95%; margin: 0 2px; } .UserTicketsOptions .quickpickreplay { display:block; margin-right:0; width: 50%; } .UserTicketsOptions .quickpickreplay LABEL { display:inline-block; } #ThankYouMessage { width:95%; } #ThankYouMessage .overlay { padding:30px 15px; } #ThankYouMessage H4 { font-size:16px; } #ThankYouMessage p { font-size:12px; } } /* ************************************************* () Dynamic Options ************************************************* */ @media all and (max-width: 500px){ /* Screen Size less than */ .TicketContainer { background:url(Logo/DoonbegCLLogo2.png) center center no-repeat; background-size:contain; } }