/* Minification failed. Returning unminified contents. (1140,34): run-time error CSS1038: Expected hex color, found '#0004' (1156,37): run-time error CSS1038: Expected hex color, found '#0004' */ /* General */ html,body,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,ul,li,form,input{margin:0;padding:0;border:0;font-size:100%} sup{margin-right:4px} body{background:url(/images/header-bg.jpg) no-repeat top center;position:relative;font-family:'trebuchet ms', arial ,sans-serif;color:#333; min-width: 1280px;} ul{list-style:none;margin:0;padding:0} a{text-decoration:none;color:#09F} a:hover{color:#79aef4} hr{width:100%;border-bottom:1px solid #f4f4f4;clear:both;margin:30px 0;display:inline-block; border-top:none; border-left:none;border-right:none;} .adspace{margin-top:30px;margin-bottom:30px} .small{font:normal 12px 'trebuchet ms', arial,sans-serif;line-height:25px} .box-shadow{margin-top:120px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .imgR{float:right;padding:20px} .imgL{float:left;padding:0 20px0} .apps img{margin:0 auto; display:block;} #img-ad-content{margin:20px auto 20px;position:relative;display:block} #home .news img{margin:-30px 0 10px -30px} #content .google{margin:20px auto 20px;display:table;width: 728px; height: 90px;} .clear {clear: both;} .centered {text-align: center;} .centred {margin:auto;text-align: center;} .inline {display: inline-block !important;} .clearfix:after { content: ""; display: table; clear: both; } .noFloat {float: none !important;} .noBG {background: transparent !important;} .title-3 {font-size: 20px/26px; color: #FFF; font-weight: bold;} .alignLeft {text-align:left;} .alignRight{text-align: right;} .boldRed {font-weight: bold; color: #F00;} .boldRedBig {font-size:26px; font-weight: bold; color: #F00;} .floatLeft {float: left !important;} .floatRight {float: right !important;} .floatNone {float: none !important;} .greyBG {background-color: #CCC !important;} /* Banners */ .viewNumbers{overflow: hidden;position: relative; text-align: center;} .viewNumbers a{font:bold 22px/80px 'trebuchet ms', arial, sans-serif;color:#fff;text-shadow:#333 0 -1px 1px} .viewNumbers li {width: 454px; height: 80px; float: left; padding: 0; overflow: hidden;} .viewNumbers p {color:#fff; margin:15px 0 0;} .viewNumbers a:before{content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .viewNumbers li:first-child{background:url(/images/powerball-banner.png) no-repeat top center; background-size: cover; margin-right: 15px;} .viewNumbers li:last-child{background:url(/images/megamillions-banner.png) no-repeat top center; background-size: cover; margin-left: 15px;} #banner {width: 728px; height: 90px; margin: auto;} #banner img {max-width: 100%;} .viewIllinois p{float:left;font:bold 22px 'trebuchet ms', arial, sans-serif;line-height:80px;color:fff;margin:0 0 0 20px;text-shadow:#333 0 -1px 1px} ul.viewIllinois{overflow: hidden;} .viewIllinois li {width: 454px; height: 80px; float: left; padding: 0; overflow: hidden;} .viewIllinois a{background:url(/images/arrow-no-space.png) no-repeat right;font:normal 15px 'trebuchet ms', arial, sans-serif;color:#333;float:right;margin:0 20px 0 0;line-height:80px;padding:0 25px;text-shadow:#333 0 -1px 1px;transition:all .3s ease-in-out} .viewIllinois a:hover{background:url(/images/arrow-no-spaceg.png) no-repeat right;color:#c5c5c5} .viewIllinois li:first-child{background:url(/images/powerball-banner.png) no-repeat top center; background-size: cover; margin-right: 15px;} .viewIllinois li:last-child{background:url(/images/megamillions-banner.png) no-repeat top center; background-size: cover; margin-left: 15px;} #banner {width: 728px; height: 90px; margin: auto;} .error-box{background:url(/images/icon-info.png) #014478 10px center no-repeat;position:relative;padding:20px 20px 20px 80px;border-left:10px solid #FC0;font:14px/24px arial;margin:10px auto 20px;color:#FFF;text-align:left} .error-box a{color:#FC0} .error-box a:hover{color:#FF0} .notice-box{background:url(/images/icon-info-lottery.png) #13386e 15px center no-repeat;position:relative;padding:24px 30px 24px 83px;font:16px/24px trebuchet ms;margin:10px auto 20px;color:#fff;text-align:left; width:fit-content;} .notice-box a{color:#FC0} .notice-box a:hover{color:#FF0} .notice-box .Title2, .notice-box .Title3{color:#FFF} th.icon { cursor: pointer; position: relative; } .table-sort th, .table-sort .small th { text-align: left; padding: 8px 25px 8px 15px; font-size: .85em; } th.icon:before, th.icon:after { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; height: 8px; width: 8px; right: 10px; opacity: .3; position: absolute; content: ""; } th.icon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 38%; } th.icon:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 47%; } th.icon.ascending:after, th.icon.descending:before { opacity: 1; } .appsBox{position:relative; background:#f4f4f4; float:right;width:140px; margin:0 15px 0 15px; padding:0 10px 10px 100px; height:150px; overflow:hidden;} .appsBox img.phone {position:absolute;bottom:-50px;left:0; border:none!important; transform:translateX(-180%);width:140px;} .appsBox.active img.phone {transform:translateX(-20%); transition:all .2s ease; } .appsBox .button-blue{width:40px;float:left;margin-left:5px} .appsBox .qrBox {display:flex; align-items:center;} .appsBox .qrBox .Title3 {margin:0; font-size:13px!important;} .appsBox .qrCode img {width:90px;} .appsBox.content {padding-left:60px;} .appsBox .qrBox {flex-direction:column; width:100%;} .appsBox .title {text-align:center; margin-top:20px; font-size:16px; font-weight:700; color:#fff;} #sidebarLeft .appsBox .qrCode img {/*margin-top:0*/ width:80px;} .appsBox .scan {background:#000;color:#fff;font-weight:700;padding:5px 8px; width:80px; position: relative; text-transform:uppercase; display:flex; align-items:center; justify-content:center; margin-top:10px; border-radius:8px;} .appsBox .scan:after {content:""; position: absolute;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #000 transparent transparent transparent; left:50%; transform:translateX(-50%); bottom:-10px;} .appsBox .scan:before {content:""; width:20px; height:30px; display:inline-block;} .appsBox.ca {background:url(/images/iphone/ca-bg.jpg) no-repeat; background-size:cover;} .appsBox .ctaBox {left:45px;} .appsBox .ctaBox a {background:#febb10; padding:5px 10px; display:inline-block; font-weight:700; color:#000; text-transform:uppercase;} .appsBox .ctaBox a:hover {background:#ffcf53;} /* Typography */ h1,h2,h3,h4,h5{font-family:'trebuchet ms', arial,sans-serif;font-weight:700} h1{font-size:33px;padding-bottom:20px} h2{font-size:25px;padding-bottom:15px} h3{font-size:21px;padding-bottom:20px} h5{color:#6e6e6e;margin-top:45px;font-size:15px} p,ol{margin-bottom:20px;line-height:26px} .introP{font:normal 18px 'trebuchet ms', arial, sans-serif;line-height:1.3} .newsDate{background:url(/images/icon-clock.png) no-repeat left center !important;display:flex;margin:-20px 0 10px 0;padding-left:20px;font-size:15px;font-weight:normal;color:#9b9b9b} .latest{font-size:25px;padding-bottom:25px;padding-top:15px;font-family:'trebuchet ms', arial,sans-serif;font-weight:700;color:#ffffff;line-height:0.3} /* Tables */ table{border-collapse:collapse} td{vertical-align:top;padding:0} /* Header + Navigation */ #logo a{position:relative;width:220px;height:80px;float:left} #logo img{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:absolute;z-index:2} nav,nav li{display:inline-block;} nav {text-align: right; float: right;} .navOpen {display: none;} .nav{position:relative;} nav li {display: inline-block; margin-right: -3px;position:relative;} nav li a, span.dropDown{font-size:14px;font-weight:500;display:table-cell;vertical-align:middle;text-transform:uppercase;padding:0 24px;border-left:1px solid #c9c9c9;border-spacing:10px 0;border-collapse:separate;height:80px;text-align:center;color:#333;transition:all .3s ease-in-out; cursor:pointer;} nav li a:hover, span.dropDown:hover{color:#ea1324} nav li a:after,nav li.active a:after, span.dropDown:after{background:#ea1324 none repeat scroll 0 0;content:"";height:4px;left:0;opacity:0;bottom:-4px;position:absolute;transform:translateY(0px);transition:opacity 0.3s ease 0s,transform 0.3s ease 0s;width:100%} nav li a:hover::after,nav li a:focus::after, span.dropDown:hover::after{opacity:1;transform:translateY(-4px)} nav li.active a:after{opacity:1!important;transform:translateY(-4px)} .subMenu{position:absolute;background-color:#f4f4f4;top:80px;min-width:1222px;overflow:hidden;z-index:1; text-align: left; left:-575px; padding:30px 40px; z-index:999;max-height:0; opacity:0;visibility:hidden;transition:.2s ease-in .1s;} .subMenu ul{list-style-type:none;} .subMenu ul li {display:inline-block;} .subMenu ul li a{text-transform:none;text-align:left;font-size:14px;padding-bottom:5px;height:auto;line-height:1;display:inline-block; border:none; width:130px; max-width:none;border-bottom:1px solid #d9d9d9;padding:15px 0; background-size:35px 32px; padding-left:40px; } .subMenu ul li a:after{background:none} .subMenu ul li a:hover, .subMenu ul li a.active{color:#ea1324; background-color:#d9d9d9} .subMenu:hover, nav > ul li span.dropDown:hover .subMenu, nav > ul li span.dropDown.openIt .subMenu{max-height:320px;transition:.2s ease-in .1s; opacity:1; visibility:visible;} li.navMulti a {max-width: 120px;} li.navState {width:140px;} li.navState span.dropDown:before {content:"▾"; width:20px; height:20px; position:absolute; top:24px; right:10px; font-size:24px;} li.navAllStates a {width: 140px;} li.navNews a {width: 80px;} li.navState ~ li.navAllStates a, li.navState ~ li.navAllStates ~ li.navNews a {width: auto !important;} .navState ul li a {padding-left: 10px; width: 160px;} .navState ul li a:before {content: attr(data-state); position: relative; font-weight: bold; font-size: 14px; margin-right: 6px;} .nav .navbar{position:relative;height:80px;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#dfdfdf 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#dfdfdf 100%);background:linear-gradient(to bottom,#ffffff 0%,#dfdfdf 100%);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .tickets{width:180px;height:80px;float:right;text-shadow:1px 1px #ffe973; text-align: center;} .tickets a, a.tickets {background:#febb10;background:-moz-linear-gradient(top,#fee142 0%,#febb10 100%);background:-webkit-linear-gradient(top,#fee142 0%,#febb10 100%);background:linear-gradient(to bottom,#fee142 0%,#febb10 100%);float: none; display: inline-block; width: 100% !important; padding: 0; line-height: 80px;} .tickets a:hover, a.tickets:hover {background:#fee142;background:-moz-linear-gradient(top, #ffeb86 0%, #ffca41 100%);background:-webkit-linear-gradient(top, #ffeb86 0%,#ffca41 100%);background:linear-gradient(to bottom, #ffeb86 0%,#ffca41 100%); color: #333 !important;} .tickets a:hover:after, a.tickets:hover:after {display: none;} nav li.tickets a {display:table-cell; line-height:1; min-width:170px; padding-left:15px; padding-right:15px;} /* Buttons */ ul.buttons {text-align: center; margin: 0; padding: 0;} ul.buttons li {display: inline-block;} ul.buttons li a.button {margin-top: 0;} .button, .button-two{font:normal 14px 'trebuchet ms', arial,sans-serif;color:#fff;line-height:19px;text-align:center;vertical-align:middle;position:relative;padding:13px 32px 13px 18px;margin-top:40px;float:right;background:#13386e;background:url(/images/arrow.png) no-repeat right center,-moz-linear-gradient(top,#234f84 0%,#13386e 100%);background:url(/images/arrow.png) no-repeat right center,-webkit-linear-gradient(top,#234f84 0%,#13386e 100%);background:url(/images/arrow.png) no-repeat right center,linear-gradient(to bottom,#234f84 0%,#13386e 100%)} .button-new, .button-new-gold {font:normal 13px 'trebuchet ms', arial,sans-serif;color:#fff;line-height:19px;text-align:center;vertical-align:middle;position:relative;padding:13px 22px 13px 22px;margin-top:40px;float:left;background:#13386e;} .button-new-gold {color:#333;font-weight:bold;text-shadow:1px 1px #ffe973;background:#fee142;background:-moz-linear-gradient(top, #fee142 0%, #febb10 100%);background:-webkit-linear-gradient(top, #fee142 0%,#febb10 100%);background:linear-gradient(to bottom, #fee142 0%,#febb10 100%)} .button-new-gold:hover{color:#333;font-weight:bold;text-shadow:1px 1px #ffe973;background:#fee142;background:-moz-linear-gradient(top, #ffeb86 0%, #ffca41 100%);background:-webkit-linear-gradient(top, #ffeb86 0%,#ffca41 100%);background:linear-gradient(to bottom, #ffeb86 0%,#ffca41 100%)} .button.light {background: url(/images/arrow-dark.png) no-repeat right center, -moz-linear-gradient(top, #fff 0%, #eee 47%, #ccc 100%); background: url(/images/arrow-dark.png) no-repeat right center, -webkit-linear-gradient(top, #fff 0%,#eee 47%,#ccc 100%); background: url(/images/arrow-dark.png) no-repeat right center, linear-gradient(to bottom, #fff 0%,#eee 47%,#ccc 100%); color: #555;} .button:hover, .button-two:hover{color:#fff;background:#13386e;background:url(/images/arrow.png) no-repeat right center,-moz-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:url(/images/arrow.png) no-repeat right center,-webkit-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:url(/images/arrow.png) no-repeat right center,linear-gradient(top,#407bc1 0%,#1d529e 100%)} .button-reset{font:normal 14px 'trebuchet ms', arial,sans-serif;color:#fff;line-height:19px;text-align:center;vertical-align:middle;position:relative;padding:13px 32px 13px 18px;margin-top:40px;float:right;background:#13386e;background:-moz-linear-gradient(top,#234f84 0%,#13386e 100%);background:-webkit-linear-gradient(top,#234f84 0%,#13386e 100%);background:linear-gradient(to bottom,#234f84 0%,#13386e 100%)} .button-reset:hover{color:#fff;background:#13386e; background:-moz-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:-webkit-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:linear-gradient(top,#407bc1 0%,#1d529e 100%)} .button.centered{display:table;margin:auto;float:none} .button.stacker {margin-top: 20px !important;} .button.stacker span {display: inline-block; font-weight: normal !important; font-size: 14px !important;} .tickets:after {content: 0; opacity: 0;} .tickets a{width:252px;font-weight:bold} .gold.button{margin:130px 10px 0 0;padding:0 30px 0 30px;line-height:45px;text-align:center;text-transform:uppercase;color:#333;font-weight:bold;text-shadow:1px 1px #ffe973;background:#fee142;background:-moz-linear-gradient(top, #fee142 0%, #febb10 100%);background:-webkit-linear-gradient(top, #fee142 0%,#febb10 100%);background:linear-gradient(to bottom, #fee142 0%,#febb10 100%)} .gold.button:hover{background:#fee142;background:-moz-linear-gradient(top, #ffeb86 0%, #ffca41 100%);background:-webkit-linear-gradient(top, #ffeb86 0%,#ffca41 100%);background:linear-gradient(to bottom, #ffeb86 0%,#ffca41 100%)} .coverAll {position: static;} .coverAll:after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 9;} .centred .gold.button {float:none;margin:20px; display:inline-block;} /* Containers */ .wrapper, #wrapper {width: 1280px; margin: auto;} .flexContainer {display: table; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; align-items: justify;} .inner{position:relative;width:1280px;margin:auto} #content{float:right;border-top:4px solid #ea1324;background:#fff;overflow:hidden;display:block;width:1000px;margin:30px 0;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} /* NextJackpot Banner */ .boxNextjackpot .title{line-height:95px;text-align:center;margin-left:-20px;width:260px;} .boxNextjackpot .gold.button{margin:5px 10px 0 0 !important;position:relative;right:-1px;clear:right} .boxNextjackpot .nextjackpot span{font:bold 47px 'trebuchet ms', arial, sans-serif} .boxNextjackpot .nextjackpot{position:absolute;margin-left:255px;margin-top:7px} .boxNextjackpot .timer{position:relative;float:right;right:-10px;bottom:3px;clear:inherit; line-height: 10px;} #content .col-xx-6.box, #content .col-xx-4.box{background:#fff;float:left;width:425px;border:1px solid #e2e2e2;margin-bottom:30px;margin-left:30px;line-height:1.5;padding:20px;transition:all .3s ease-in-out} #content .col-xx-6.box:hover, #content .col-xx-4.box:hover{background:#EEE;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)} #content .col-xx-4.box{width:273px;} #content .col-xx-6.box:hover h2 a, #content .col-xx-4.box:hover h2 a {text-decoration: underline;} #content .col-xx-6.box .button, #content .col-xx-4.box .button {margin-top: 0;} /* Homepage Containers */ .threeCol {display:inline-block;} #home .col-xx-6.box{height:320px;width:588px;padding:20px;margin:30px 26px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} #home .col-xx-12{height:100%;border-top:4px solid #ea1324;overflow:hidden;margin-top:20px;width:100%;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} #home .col-xx-12 .col-xx-6:first-child{padding:30px;background:#fff } #home .col-xx-12 .col-xx-6:last-child{padding:30px;background:#f0f0f0;border-left:1px solid #e2e2e2} #home .col-xx-12 .col-xx-6:last-child .button{margin-top:20px} #home .news,#home .horoscope, #home .multi-state,#home .apps, .stateBox{float:left;padding:30px;line-height:1.5;border-top:4px solid #ea1324;background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} #home .multi-state, #home .apps, #home .news {width:340px; height:355px; position:relative;} .ctaBox {position:absolute; bottom:20px; width:100%; left:0; display:flex;text-align:center; align-items:center; justify-content:center;} #home .google{margin:20px auto 0;width: 728px; height: 90px; text-align:center; display:inline-block;} #home .news{margin:20px 0;} #home .news img {max-width:400px;} #home .news a, #home .multi-state a{margin: 0 0 20px} h2 a {color:#333;} .multi-state h2 a, .news h2 a {margin:0!important;} .horoscope, .multi-state{background:url(/images/img-horoscope.png) right no-repeat, #fff !important;width:330px;height:310px;margin-left:40px;margin-top:20px} .horoscope p, .multi-state p{max-width:220px} .multi-state {background-image: url(/images/us-flag-side.png) !important;} .apps{width:235px;height:310px;margin-left:40px;margin-top:20px} .apps p{margin-top:-10px;color:#333;font:bold 25px 'trebuchet ms', arial, sans-serif;padding-bottom:17px;text-align:center} .apps .ctaBox a:first-child {margin-right:10px;} /* State Results & Multi-State Results */ #content .col-xx-12.box.boxState{background:url(/images/stars-pattern.png) repeat top left, #235789;float:left;width:940px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; padding-top: 20px;overflow: hidden;} #content .col-xx-12.box.boxState.large {width: auto; float: none; padding: 20px;} #content .col-xx-12.box.boxState .col-xx-6, #content .col-xx-12.box.boxState .col-xx-12.wider { background: #fff; float:left;width:440px;height:100%;border:1px solid #e2e2e2;margin:0 0 20px 20px;padding:20px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6) } #content .col-xx-12.box.boxState .col-xx-12.wider {width: auto; float: none; margin: 0;} #content .col-xx-12.box.boxState.bigFirst .col-xx-6:first-child { background:#fff;width:450px;height:210px;margin:0 0 20px 20px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none } #content .col-xx-12.box.boxState.bigFirst .col-xx-6:nth-child(2){ background:#f0f0f0;width:451px;height:210px;margin:0 0 20px -1px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none } #content .col-xx-12.box.boxState.bigFirst .col-xx-6.taller {height: 280px;} #content .col-xx-12.box.boxState.large .col-xx-6 {margin: 20px 0 0 0;} #content .col-xx-12.box.boxState.large .col-xx-6:nth-child(even) {margin-right: 20px;} #content .col-xx-12.box.boxState.wide .col-xx-6 {width:900px;} #content .col-xx-12.box.boxState.wide .col-xx-6 img {position:absolute;top:40px; left:40px;} #content .col-xx-12.box.boxState.wide .col-xx-6 .dateSmall {position:absolute;top:50px;right:40px;} #content .col-xx-12.box.boxState.wide a {float:none;} #content .col-xx-6.textbox{display:table;border-top:4px solid #ea1324 !important;background:#fff !important;} #content .col-xx-6.textbox p{display:table-cell;vertical-align:middle;color:#1e1e1e;text-align:center;font:normal 16px 'trebuchet ms', arial, sans-serif} #content .col-xx-6.textbox span{font-weight:bold} #content .feature {text-align: center;} #content .feature .button, #content .feature li {float: none; text-align: center; display: inline-block !important; margin: 9px 0 0;} #content .feature .button.wide {max-width: none;} #content .feature ul {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #content .feature ul>li {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0 2px;} #content .feature ul>li>a, #content .feature ul>li>a.button {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: center; flex-direction: column; text-align: center; } #content .feature p{margin-bottom:0;color:#333;text-align:center;font:normal 33px 'trebuchet ms', arial, sans-serif} #content .feature span{font:bold 33px 'trebuchet ms', arial, sans-serif} #content .col-xx-12.box.boxState .date{display:table;text-align:right;max-width:210px;color:#333;text-shadow:none;line-height:inherit} #content .col-xx-12.box.boxState .dateSmall{display:table;text-align:right;max-width:210px;color:#333;text-shadow:none;line-height:inherit} #content .col-xx-12.box.boxNextjackpot{background:#fff;margin:-21px 20px 20px 20px;width:900px;height:100px;padding:10px 20px;border:1px solid #e2e2e2;box-shadow:none} #content .col-xx-12.box.boxNextjackpotHidden{background:#fff;margin:-21px 20px 20px 20px;width:900px;height:0px;overflow: hidden;padding:10px 20px;border:1px solid #e2e2e2;box-shadow:none} #content .col-xx-12.box.boxNextjackpot .timer{float:left;margin:5px 0 0 450px} #content .col-xx-12.box.boxNextjackpot .button{float:right;margin:16px 0 0 0 !important} #content .col-xx-12.box.boxNextjackpot .title{margin:15px 10px} #content .col-xx-12.box.boxNextjackpot .nextjackpot{margin:-34px 0 0 0} .col-xx-12.box.boxState .results li{border:4px solid #14396F; margin: 0 1px;} .col-xx-12.box.boxState .ball{color:#14396F} .col-xx-12.box.boxState .bonus-ball, .col-xx-12.box.boxState .hot-ball{background-color:#14396F;color:#fff;width:52px;height:52px;line-height:52px} .col-xx-12.box.boxState .button{margin: 25px 3px 0; display: inline-block;} .col-xx-12.box.boxState ul li:first-child{clear:both} .wideBox .col-xx-6 {width:900px!important; height:auto!important;} .halfBox {width:400px; display:inline-block;} .halfBox .col-xx-6 {width:100%;} #content .jump {float: none; text-align: center; display: inline-block; width: auto; background:#e7e7e7; color: #000; font-size: 14px ;border-radius: 1px; padding: 20px; line-height: 25px; } /* Results */ .breakdown3Grid {display:grid; grid-template-columns: 1fr 1fr; gap:30px; margin:20px 0;} .breakdownSection {background:#0000000d; padding:12px; border-radius:16px;} .breakdownSection img {max-width:130px;} .fx.fxBetween {display:flex; justify-content:space-between;} .fx.fxBetween p {margin-bottom:0;} #content .breakdownSection p {padding:0; font-weight:bold} .breakdown3Grid .styleTable th {font:.85em/18px "Trebuchet MS", sans-serif;} .breakdownTable {width:100%; margin-top:10px;} .breakdownTable thead tr th {background:#13386e; color:#fff; padding:6px; text-align:left;} .breakdownTable tbody tr td {padding:8px 0px 8px 6px} .breakdownTable tbody tr:nth-child(odd) td {background:#fff;} /* Featured Box Content */ ul.links{float:right;margin-top:15px} #home ul.links{margin-top:5px; margin-bottom: -20px;} ul.links li{display:inline-block;} ul.links li a.button {margin-top: 0;} .box .title{float:left;font-weight:bold;color:#fff;font-size:33px;text-shadow:#333 0 -1px 1px} .date{float:right;color:#fff;font-size:14px;text-shadow:#333 0 -1px 1px;line-height:33px} .dateSmall {float:right;color:#fff;font-size:14px;text-shadow:#333 0 -1px 1px;line-height:33px} .date span{font-weight:bold;font-size:22px} .dateSmall span{font-weight:bold;font-size:22px} #date-left{float:left;margin-bottom:10px} .nextjackpot{font:normal 15px 'trebuchet ms', arial, sans-serif;float:left;margin-top:50px} .nextjackpot span{font:bold 55px 'trebuchet ms', arial, sans-serif;line-height:1} .winners, .jackpot{float:left;margin:38px 25px 0 0} .winners{background:url(/images/icon-winners.png) no-repeat left;clear:both;padding-left:70px} .jackpot span, .winners span{font:bold 33px 'trebuchet ms', arial, sans-serif;line-height:1} .col-xx-4.jackpotWinners, .col-xx-4.totalWinners, .col-xx-4.totalWon{float:left;margin:45px -5px 0 0;padding-left:60px} .col-xx-4.jackpotWinners{clear:both;background:url(/images/icon-winners-second.png) no-repeat left} .col-xx-4.totalWinners{background:url(/images/icon-winners.png) no-repeat left} .col-xx-4.totalWon{background:url(/images/icon-prize.png) no-repeat left} .col-xx-4.jackpotWinners span, .col-xx-4.totalWinners span, .col-xx-4.totalWon span{font:bold 33px 'trebuchet ms', arial, sans-serif;line-height:1} .rollover{background:url(/images/rollover-ribbon.png) no-repeat top center;background-size: 90px; float:right;margin:-13px -32px -22px 10px;padding:3px 0 0 10px;height:70px;width:90px;color:#ea1324;font:normal 14px 'trebuchet ms', arial, sans-serif;line-height:0.5;text-align:center} .col-xx-12.box.boxPowerball .rollover{background:url(/images/rollover-ribbon-big.png) no-repeat top center;margin:0 -36px 0 0;padding:15px 0 0 15px;height:75px;width:119px} .col-xx-12.box.boxMegaMillions .rollover, .col-xx-12.box.boxDefault .rollover{background:url(/images/rollover-ribbon-big.png) no-repeat top center;margin:0 -36px 0 0;padding:15px 0 0 15px;height:75px;width:119px} .rollover span{font:bold 33px 'trebuchet ms', arial, sans-serif;color:#333} .boxPowerball p {float:left; width:560px; clear:both; margin-top:20px;} .players p {font-size: 16px; font-weight: 400; margin-top: 20px; line-height: 24px;} .players p span {color: #ea1324; font-weight: bold; font-size: 18px;} .latestResults.col-xx-12.box.boxPowerball, .latestResults.col-xx-12.box.boxMegaMillions {background-position:0 -50px; height:250px;} .latestResults .title {display:inline-block; float:none; width:100%; font-size:25px;} .latestResults .date {line-height:24px; margin-right:15px;} .latestResults .date span {display:block;} .latestResults .results {display:inline-block; margin-right:15px;} .latestResults .results li, .previousResults .results li {margin-top:0;} .latestResults .results-wrap {display:flex; align-items:center; margin-bottom:8px;justify-content: center;} .latestResults .rollover {position:absolute; top:40px; right:20px;margin:0;} .latestResults .powerplay, .latestResults .megaplier {float:none; margin:0;} .latestResults .button {margin-top:42px;} .latestResults .button-new, .latestResults .button-new-gold {margin: 42px 5px 0 0} .img-link-prize {float: right; display: inline-block; width: 129.07px; height: 44.67px; background-image:url(/images/icons/btn-prize.jpg); background-size: 100% auto; } .img-link-prize:hover {background-position: -100% -100%;} #home .col-xx-6.box.play-ticket { height:auto;} .play-ticket .jackpot-box, .latestResults .jackpot-box {display:flex; padding:25px; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite; align-items:center; justify-content:space-between; color:#fff; position: relative; overflow:hidden;width: calc(100% - 10px);margin: 62px 0 -20px -20px;} .play-ticket.box.boxPowerball, .play-ticket.box.boxMegaMillions{background:#f4f4f4; background:linear-gradient(#f4f4f4 0%, #cfcfcf 100%)} .play-ticket.mega-millions .jackpot-box, .boxMegaMillions.latestResults .jackpot-box { background: linear-gradient(-45deg, #52caee, #3c5be7, #d52323, #8f0c08);background-size: 400% 400%;} .play-ticket .jackpot-box .jackpot {font-size:56px; font-weight:700; float:none; margin:0; letter-spacing:-3px} .play-ticket .jackpot-inner {z-index:2;} .play-ticket .timer {position:relative; bottom:auto;right:auto; color:#fff!important} .play-ticket .results-box {background:#fff; padding:25px; color:#fff; text-shadow: none;} .play-ticket .ball {border-color:#BF0F1A; color:#BF0F1A;} .play-ticket.boxMegaMillions .ball {border-color:#2f6496; color:#2f6496;} .play-ticket li.powerball {background:#BF0F1A; color:#fff;} .play-ticket li.mega-ball {background:#2f6496; color:#fff;} .play-ticket img, .latestResults .jackpot-box img {position: absolute; width:400px; left:-30px; bottom:-60px;opacity:.4;} .play-ticket.box .title, .play-ticket .megaplier, .play-ticket .date, .play-ticket .powerplay {color:#333; text-shadow:none; } .play-ticket .powerplay {color:#BF0F1A} .play-ticket .megaplier {color:#2f6496} .play-ticket .cta-box {display:flex; flex-direction:column;align-items:center; justify-content:center;} .play-ticket .gold.button {float:none; display:inline-block; margin:10px 0 0 0} .play-ticket .button-new {margin-top:0;} .play-ticket .top {display:flex; justify-content:space-between; align-items:center;} .play-ticket .circles canvas {color:#fff;} .latestResults .jackpot-box {margin:30px 0 0 -20px; position: relative;} .latestResults .jackpot-box .winners {background:none; padding:0; margin:0;z-index:2;} .latestResults .jackpot-box .jackpot {margin:0;} .latestResults .jackpot-box .button-new, .latestResults .jackpot-box .button-new-gold {margin:0;} .latestResults .jackpot-box .buttonCont a:first-child {margin-right:15px;} .latestResults .box-results {height:auto;} .page-ticket.box.boxWorldlottery {display:flex; border:none; padding:0;} .page-ticket.box.boxWorldlottery .inner-box {flex-grow:1; padding:20px; overflow:hidden;background:url("/images/jackpot-promo/jackpot-bg.png") no-repeat #c72027; background-size:cover; display:flex; justify-content:space-around; align-items:center} .page-ticket.box.boxWorldlottery .inner-box:after, .box.boxNextjackpot.multi:after {background: linear-gradient(-90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;z-index:1; border-radius:5px;} .page-ticket.box.boxWorldlottery .gold.button {margin:0;} .page-ticket.box.boxWorldlottery .title {font-size:16px;} .page-ticket.box.boxWorldlottery .jackpot-box {display:flex; flex-direction:column; align-items:center; z-index:2} .page-ticket.box.boxWorldlottery .jackpot {margin:0; float:none; font-size:48px; line-height:48px; color:#fff; letter-spacing:-4px;} .page-ticket.box.boxWorldlottery .cta-box {display:flex; justify-content:center; z-index:2; align-items:center} .page-ticket.box.boxWorldlottery .timer {color:#fff; margin-right:15px;} .page-ticket.box.boxWorldlottery.img-box {background:#fff; border-radius:15px; overflow:hidden;} .page-ticket.box.boxWorldlottery.drawday {color:#fff; font-size:21px; margin-right:15px;} .page-ticket.box.boxWorldlottery.florida-lotto .inner-box {background-color:#1E8177} .page-ticket.box.boxWorldlottery.new-york-lotto .inner-box {background-color:#1352A8} .page-ticket.box.boxWorldlottery.new-york-numbers-midday .inner-box, .page-ticket.box.boxWorldlottery.new-york-numbers-evening .inner-box, .page-ticket.box.boxWorldlottery.new-york-win-4-evening .inner-box, .page-ticket.box.boxWorldlottery.win-4-midday .inner-box, .page-ticket.box.boxWorldlottery.new-york-pick-10 .inner-box {background-color:#1352A8} .page-ticket.box.boxWorldlottery.california-superlotto-plus .inner-box {background-color:#3299CB} .page-ticket.box.boxWorldlottery.euromillions .inner-box {background-color:#04467E} .page-ticket.box.boxWorldlottery.superenalotto .inner-box {background-color:#81AF4E} .page-ticket.box.boxWorldlottery.lotto-max .inner-box {background-color:#EB0B0B} .page-ticket.box.boxWorldlottery.irish-lotto .inner-box {background-color:#83B241} .page-ticket.box.boxWorldlottery.oz-lotto .inner-box {background-color:#3fb913} .page-ticket.box.boxWorldlottery.ohio-rolling-cash-5 .inner-box {background-color:#5c5caa} .box.boxNextjackpot.multi {position: relative; display:flex; justify-content:space-around; color:#fff; } .box.boxNextjackpot.multi > div {z-index:2} .box.boxNextjackpot.multi.mega-millions {background:#004f8a} .box.boxNextjackpot.multi.powerball {background:#8a0002} .box.boxNextjackpot.multi.lotto-america {background:#0075a7} .box.boxNextjackpot.multi.cash-4-life {background:#287e00} .box.boxNextjackpot.multi.lucky-for-life {background:#287e00} .box.boxNextjackpot.multi .nextjackpot{position: relative; margin:0; float:none; display:flex; flex-direction:column; justify-content:center; align-items:center;} .box.boxNextjackpot.multi .nextjackpot .title {font-size:16px; line-height:16px;} .box.boxNextjackpot.multi .nextjackpot .jackpot {float:none; margin:0; font-size:48px; letter-spacing:-2px} .box.boxNextjackpot.multi .img-box {z-index:1; } .box.boxNextjackpot.multi img {position:absolute; bottom:0; left:40px; width:280px; z-index:1; opacity:.4;} @keyframes gradient { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } .prizeResult .results-wrap {margin:40px 0 50px;} .boxMegaMillions.prizeResult .results-wrap {margin:40px 50px 50px 0;} .prizeResult p {width:100%; margin:0;} .prizeResult .winners, .prizeResult .jackpot {margin-top:0;} .previousResults.col-xx-12 {display:inline-block; width:447px; margin:10px; float:none; padding:15px 0 0; border:1px solid #e2e2e2;} .previousResults .date {width:100%; text-align:center;} .previousResults .buttonCont {background:#fff; padding:10px 3%; display:inline-block; width:94%; margin:20px 0 3px;} .previousResults .megaplier, .previousResults .powerplay {color:#000; text-shadow:none;} .previousResults .button {margin:0;} .previousResults .ball {width:40px; height:40px; line-height:40px;} .previousResults li.powerball, .previousResults li.mega-ball {width:48px; height:48px; line-height:48px;} .previousResults .powerplay, .previousResults .megaplier {float:none; display:inline-block;} .previousResults.col-xx-12:last-child {margin-bottom:15px;} .button.pastNumbers {overflow:hidden; margin-top:15px; display:inline-block; float:none;} /* Prizes and Tables */ .notify{background:url(/images/powerball-box.jpg) no-repeat top #ea1324; background-size: cover; width:760px;margin:auto;padding: 20px 20px 10px;text-shadow:1px 1px #333;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .notify.mega-millions {background:url(/images/megamillions-box.jpg) no-repeat top #13386e; background-size: cover;} .notify p{color:#fff;font-weight:normal} .notify span{color:#fff;font-weight:bold} .prizes{width:800px;border:1px solid #e2e2e2;text-align:right;vertical-align:middle;line-height:40px;margin:30px auto;} .prevnext li{margin-bottom:40px} .prevnext li:first-child{float:left} .prevnext li:last-child{float:right} .prevnext li:first-child a{background:#13386e;background:url(/images/arrow-back.png) no-repeat left center,-moz-linear-gradient(top,#234f84 0%,#13386e 100%);background:url(/images/arrow-back.png) no-repeat left center,-webkit-linear-gradient(top,#234f84 0%,#13386e 100%);background:url(/images/arrow-back.png) no-repeat left center,linear-gradient(to bottom,#234f84 0%,#13386e 100%);padding:13px 30px 13px 40px} .prevnext li:first-child a:hover {background:#13386e;background:url(/images/arrow-back.png) no-repeat left center,-moz-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:url(/images/arrow-back.png) no-repeat left center,-webkit-linear-gradient(top,#407bc1 0%,#1d529e 100%);background:url(/images/arrow-back.png) no-repeat left center,linear-gradient(top,#407bc1 0%,#1d529e 100%)} .prizes thead, table.prizes th {background: #13386e;color:#fff;padding:0 20px} .bordered thead, table.bordered th {background: #13386e;color:#fff;padding:0 20px} .prizes tr > th:first-child{text-align:left} .prizes td{padding-right:20px; vertical-align: middle;} .bordered td{padding-left:8px; vertical-align: middle;} .prizes th{padding:0 20px} .bordered th{padding:0 9px} .prizes tbody > tr:nth-child(even){background:#e2e2e2} .prizes tbody > tr:nth-child(odd){background:#fff} .prizes tfoot{background:#333;color:#fff;font-weight:bold} .prizes td span {color: #F00;} .archive td {white-space: nowrap; text-align: center; line-height: 22px; padding: 5px 10px;} .archive ul.results li {margin: 10px 0;font-size:18px;width:28px;height:28px;line-height:28px} .archive.keno th {white-space:nowrap;} .archive.keno tbody td {white-space:normal;} table.checker tr.won {background: #fff8bc !important;} table.bordered{width:800px;border:1px solid #e2e2e2;text-align:left;vertical-align:middle;line-height:20px;margin:15px auto;} table.bordered tr:nth-child(even) {background: #F0F0F0;} table.bordered th, table.bordered td {padding: 10px;} ul.bullet {padding-bottom: 20px;} ul.bullet li {background: url(/images/logo-watermark.png) transparent 0 6px no-repeat; background-size: 30px; padding: 8px 40px; margin-left: 30px; line-height: 22px;} table.bordered.checker th {text-align: center;} .checker tbody > tr:nth-child(even){background:#fff} table.bordered.checker td {text-align: center;} .checker a {border-radius: 50%; color: #333; text-align: center; padding: 2px; margin: 2px; background: #fff; display: inline-block; font-size: 20px; width: 52px; height: 52px; line-height: 52px;} .checker a.Disabled {filter: grayscale(100%); opacity: 0.5;} .checker .powerball a.ball, .checker .powerball a.powerball.Selected {background: #FFF; color: #333; border: #ea1324 3px solid;} .checker .powerball a.powerball, .checker .powerball a.Selected {background: #ea1324; color: #FFF; border: #ea1324 3px solid;} .checker .mega-millions a.ball {background: #FFF; color: #333; border: #235789 3px solid;} .checker .mega-millions a.mega-ball, .checker .mega-millions a.Selected {background: #235789; color: #FFF; border: #235789 3px solid;} .checker .cash4Life a.ball {background: #FFF; color: #076934; border: #076934 3px solid;} .checker .cash4Life a.cash-ball {background: #235789; color: #FFF; border: #235789 3px solid;} .checker .cash4Life a.ball.Selected {background: #076934; color: #FFF; border: #076934 3px solid;} .checker .superlotto a.ball{color:#189dea !important; border:4px solid #ed8d1c !important} .checker .superlotto a.mega-ball{border:4px solid #ed8d1c !important; background-color:#ed8d1c !important; color: #FFF !important;} .checker .superlotto a.ball.Selected{background-color:#189dea !important; color: #FFF !important; border:4px solid #ed8d1c !important} .checker.box.small .button {margin:18px 0;} .checker .lottoAmerica a.star-ball, .checker .lottoAmerica a.Selected {background: #ef3e2c; color: #FFF; border: #ef3e2c 3px solid;} .col-xx-12.box.checker {height: 100px !important; border-bottom: none !important;} .col-xx-12.box.checker .results li {margin: 8px 2px;} .filter-text {font-size:12px; margin-left:5px; font-weight:400; text-decoration:underline;} .latestResults.checker {margin-bottom:10px!important;} .latestResults.checker .results-wrap {justify-content:space-evenly;} .latestResults.checker .button {margin:0;} /* Timer */ .timer{text-align:center;position:absolute;bottom:18px;right:10px;clear:both;font-size:14px;} .circles {position: relative; top: 0; width: 200px; z-index: 9; min-height: 76px;} .time_circles > div {background: transparent; position: absolute; text-align: center; z-index: 9;} .time_circles > div > div {position: absolute; padding-top: 28px; text-align: center; font: 10px 'trebuchet ms', arial, sans-serif !important; width: 100%; z-index: 9;} .time_circles > div > span {display: block; width: 100%; text-align: center; font: bold 15px/13px 'trebuchet ms', arial, sans-serif !important; z-index: 9;} .circles canvas {width:200px;} /* State Lotteries */ .states {padding: 20px 2px;} .states li {position: relative; display: block; float: left; width: 185px; height: 80px; margin: 0 1px 1px 0} .states li a {position: relative; color:#333;margin:0;line-height:80px;padding-left:60px;top: 0; left: 0;width:125px;height:80px;display: block;border:1px solid #c9c9c9; transition: all 0.1s ease-in-out; font-size: 15px; background-size: 60px;} .states li a span {display: inline-block; vertical-align: middle; line-height: 18px;} .states li a:hover {background-color:#EEE !important; top: -10px; left: -10px; width: 135px; height: 100px; line-height: 100px; font-size: 18px; z-index: 9; background-size: 70px; padding-left: 70px;} .stateBox {margin-bottom:30px;} .stateBox .states li {width:172px;} .stateBox .states li a {width:112px;} .stateBox .states li a:hover {width:117px;} .stateBox .states.demo li {width:242px;} .stateBox .states.demo li a {width:182px;} .stateBox .states.demo li a:hover {width:192px;} .st.arizona{background:url(/images/lottery/state/arizona.png) no-repeat left} .st.arkansas{background:url(/images/lottery/state/arkansas.png) no-repeat left} .st.california{background:url(/images/lottery/state/california.png) no-repeat left} .st.colorado{background:url(/images/lottery/state/colorado.png) no-repeat left} .st.connecticut{background:url(/images/lottery/state/connecticut.png) no-repeat left} .st.delaware{background:url(/images/lottery/state/delaware.png) no-repeat left} .st.columbia{background:url(/images/lottery/state/columbia.png) no-repeat left} .st.florida{background:url(/images/lottery/state/florida.png) no-repeat left} .st.georgia{background:url(/images/lottery/state/georgia.png) no-repeat left} .st.idaho{background:url(/images/lottery/state/idaho.png) no-repeat left} .st.illinois{background:url(/images/lottery/state/illinois.png) no-repeat left} .st.indiana{background:url(/images/lottery/state/indiana.png) no-repeat left} .st.iowa{background:url(/images/lottery/state/iowa.png) no-repeat left} .st.kansas{background:url(/images/lottery/state/kansas.png) no-repeat left} .st.kentucky{background:url(/images/lottery/state/kentucky.png) no-repeat left} .st.louisiana{background:url(/images/lottery/state/louisiana.png) no-repeat left} .st.maine{background:url(/images/lottery/state/maine.png) no-repeat left} .st.maryland{background:url(/images/lottery/state/maryland.png) no-repeat left} .st.massachusetts{background:url(/images/lottery/state/massachusetts.png) no-repeat left} .st.michigan{background:url(/images/lottery/state/michigan.png) no-repeat left} .st.minnesota{background:url(/images/lottery/state/minnesota.png) no-repeat left} .st.mississippi{background:url(/images/lottery/state/mississippi.png) no-repeat left} .st.missouri{background:url(/images/lottery/state/missouri.png) no-repeat left} .st.montana{background:url(/images/lottery/state/montana.png) no-repeat left} .st.nebraska{background:url(/images/lottery/state/nebraska.png) no-repeat left} .st.new-hampshire{background:url(/images/lottery/state/new-hampshire.png) no-repeat left} .st.new-jersey{background:url(/images/lottery/state/new-jersey.png) no-repeat left} .st.new-mexico{background:url(/images/lottery/state/new-mexico.png) no-repeat left} .st.new-york{background:url(/images/lottery/state/new-york.png) no-repeat left} .st.north-carolina{background:url(/images/lottery/state/north-carolina.png) no-repeat left} .st.north-dakota{background:url(/images/lottery/state/north-dakota.png) no-repeat left} .st.ohio{background:url(/images/lottery/state/ohio.png) no-repeat left} .st.oklahoma{background:url(/images/lottery/state/oklahoma.png) no-repeat left} .st.oregon{background:url(/images/lottery/state/oregon.png) no-repeat left} .st.pennsylvania{background:url(/images/lottery/state/pennsylvania.png) no-repeat left} .st.puerto-rico{background:url(/images/lottery/state/puerto-rico.png) no-repeat left} .st.rhode-island{background:url(/images/lottery/state/rhode-island.png) no-repeat left} .st.south-carolina{background:url(/images/lottery/state/south-carolina.png) no-repeat left} .st.south-dakota{background:url(/images/lottery/state/south-dakota.png) no-repeat left} .st.tennessee{background:url(/images/lottery/state/tennessee.png) no-repeat left} .st.texas{background:url(/images/lottery/state/texas.png) no-repeat left} .st.vermont{background:url(/images/lottery/state/vermont.png) no-repeat left} .st.virginia{background:url(/images/lottery/state/virginia.png) no-repeat left} .st.washington{background:url(/images/lottery/state/washington.png) no-repeat left} .st.west-virginia{background:url(/images/lottery/state/west-virginia.png) no-repeat left} .st.wisconsin{background:url(/images/lottery/state/wisconsin.png) no-repeat left} .st.wyoming{background:url(/images/lottery/state/wyoming.png) no-repeat left} ul.stateList {display: inline-block; padding: 20px; vertical-align: top;} ul.stateList li a.st {background-size: auto 40px !important; padding: 10px 10px 10px 50px; display: inline-block;} .results {background-image: none;} /* News Page */ .inner.news .newsContent {width: 460px; box-sizing: border-box; margin: 5px;} .inner.news .newsContent span {background:url(/images/icon-clock.png) no-repeat left center !important;display:flex; margin: -10px 0 10px 0;padding-left:20px;font-size:15px;font-weight:normal;color:#9b9b9b} .inner.news title{color:#333;padding:0 0 20px 0;margin:0} .newsContent {padding: 20px 30px 30px;} .inner.news .newsContent, .inner.news .thirdLevel {background: #F0F0F0; border: 1px solid #E2E2E2;} .inner.news .newsContent img {max-width: 100%;} .inner.news .newsContent .title {font:bold 25px 'trebuchet ms', arial, sans-serif} .inner.news .newsContent p.title a, .inner.news .thirdLevel p a{color:#1e1e1e;} .inner.news .newsContent p a:hover, .inner.news .thirdLevel p a:hover{color:#6e6e6e} .inner.news .thirdLevel {padding: 20px; width: 251px; margin: 20px 10px 0 10px;} .inner.news .thirdLevel .title {font:bold 16px 'trebuchet ms', arial, sans-serif} .inner.news .medium{background:#f0f0f0;border:1px solid #e2e2e2;margin:20px auto 0;padding:30px 30px 0; overflow: hidden;} .inner.news .medium img{margin:-30px 30px 0 -30px;float:left} .inner.news .medium .title{float:inherit !important; font:bold 20px 'trebuchet ms', arial, sans-serif} .inner.news .medium p a{margin:0;color:#1e1e1e;transition:all .2s ease-in-out} .inner.news .medium p a:hover{color:#6e6e6e} .inner.news .small-row {overflow: hidden;} .inner.news .small{background:#f0f0f0;border:1px solid #e2e2e2;float:left;width:416px;margin:0 0 20px 20px;padding:0 10px 0 30px} .inner.news .small:nth-child(odd) {margin-left: 0;} .inner.news .small img{margin:0 30px 0 -30px;float:left} .inner.news .small .title{float:none;font:bold 18px 'trebuchet ms', arial, sans-serif;margin:20px 0 20px 0} .inner.news .small p{display:flex;max-width:350px;float:left} .inner.news .small p a{margin:0;color:#1e1e1e;transition:all .2s ease-in-out} .inner.news .small p a:hover{color:#6e6e6e} .moreNews ul, .moreNews ul li {display: block; padding: 5px;} .moreNews a{background:url(/images/arrow-footer-active.png) no-repeat left 5px !important;color:#1e1e1e;position:relative;text-align:left;margin:10px 30px 0 20px;padding:0 0 0 20px;line-height:20px;transition:all .2s ease-in-out} .moreNews a:hover{background:url(/images/arrow-footer.png) no-repeat left 5px !important; color:#6e6e6e} .moreNews {margin-bottom:30px} .archive-menu {display:inline-block;width:100%;} .archive-menu .button {margin:0 20px 20px; float:left;} .archive-list li {list-style:disc; margin: 025px 15px;color:#ea1324;} /* Lottery WorldLottery */ .box.boxWorldlottery{position: relative; background:#fff;width:900px; padding: 5px; border:1px solid #e2e2e2; margin:20px auto;transition:all .3s ease-in-out; display: flex; align-items: center; justify-content: space-between;} .box.boxWorldlottery:hover{width:910px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .boxWorldlottery .timer{position:relative; clear: none; bottom: auto; right: auto;} .boxWorldlottery .nextjackpot span, .boxWorldlottery .timer p{color:#333;font:bold 33px 'trebuchet ms', arial, sans-serif} .boxWorldlottery .drawday {clear: none; color:#333;font:bold 25px 'trebuchet ms', arial, sans-serif; text-align:center;} .boxWorldlottery > * {margin: 0 !important;} /* Breadcrumbs */ #breadcrumb{background:url(/images/icon-breadcrumb.png) transparent 15px center no-repeat; background-size: 12px 12px; width: 100%; line-height:27px; margin:0; padding: 5px 35px} #breadcrumb li{display:inline} #breadcrumb a{font:normal 12px 'trebuchet ms', arial,sans-serif} #breadcrumb span{font:normal 12px 'trebuchet ms', arial,sans-serif} #breadcrumb li{padding:0 7px;font-size:12px} #breadcrumb li:first-child{padding-left:0} #breadcrumb li+li:before{border-style:solid;border-width:1px 1px 0 0;content:'';display:inline-block;height:3px;position:relative;top:13px;vertical-align:top;width:3px;left:-9px;transform:rotate(45deg);-webkit-transform:rotate(45deg)} /* Sidebar */ .menuLeft {float:left; width:250px;} .menu{background:url(/images/left-menu-bg.png) no-repeat top center,#f0f0f0;display:inline-block;border-top:4px solid #ea1324;display:block;width:250px;margin:30px 0 20px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .menu ul li:before,footer li:before{border:none!important;content:normal!important} .menu ul li,footer li{margin:0;padding:0} .menu a.tickets{height:auto; width:220px!important;} .menu ul li a{font-weight:normal;border-top:1px solid #e2e2e2;line-height:51px;text-align:left;padding-left:30px;vertical-align:middle;display:inline-block;position:relative;width:220px;height:51px;color:#333} .menu ul li a:hover{color:#ea1324} .menu ul li a:after{border-style:solid;border-width:1px 1px 0 0;content:'';display:inline-block;height:6px;position:absolute;top:20px;width:6px;right:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg)} .menu > ul > li > a:before{content:"";width:0;height:51px;background:#ea1324;position:absolute;left:0;top:0;transition:all 0.3s ease 0s} .menu > ul > li > a:hover:before,.menu > ul > li.active > a:before{content:"";width:4px;height:51px;background:#ea1324;position:absolute;left:0;top:0} .menu .title{font:bold 17px/60px 'trebuchet ms', arial,sans-serif;text-transform:uppercase;color:#333;text-align:center;position:relative;border-bottom:1px solid #cdcdcd} .menu .dropdown {position:relative; z-index:100;} .menu .dropdown .sub {position:absolute;top:0;left:250px; z-index:99; border:1px solid #e2e2e2; max-width:0; overflow:hidden;transition:all ease .4s; opacity:0; border-top:4px solid #ea1324;} .menu .dropdown:hover .sub {max-width:220px; transition:all ease .4s; opacity:1;} .menu .dropdown .sub li:first-child a {border-top:0;} .menu .dropdown .sub a {background:#F0F0F0; height:auto; line-height: 21px; font-size:14px; padding:10px 15px; width:150px;} .menu .dropdown.open a:after {transform:rotate(135deg);} .menu .dropdown.open .sub {position:relative; max-width:250px;left:auto;opacity:1; border:none; box-shadow:inset 0 5px 20px rgba(0,0,0,0.2); background:#e1e1e1;} .menu .dropdown.open .sub a {padding-left:50px; width:180px; background:none; border-top:1px solid #cbc9c9;} .menu .dropdown.open .sub a:after {right:15px;transform:rotate(45deg);} .powerball-promo {background:url(/images/powerball-bg-sidebar.jpg) #e7252e; display:inline-block; width:214px; padding:15px; text-align:center; color:#fff; border:3px solid #fff; margin-bottom:20px;} .powerball-promo .title {font-size:14px; margin-bottom: 5px;} .powerball-promo .jackpotBox {background: #e2e2e2;background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); font-size:55px; color:#000; padding:5px; font-weight:700;display:inline-block; border-radius:8px; line-height:55px;} .powerball-promo .jackpotBox span {font-size:30px; display:inline-block; vertical-align:top;} .powerball-promo .sub {font-size:35px;} .powerball-promo .gold.button {margin: 10px 0 0; display:inline-block; float:none; line-height:21px; padding:10px;} .megamillions-promo {background:url(/images/megamillions-bg-sidebar.jpg) #e7252e; display:inline-block; width:214px; padding:15px; text-align:center; color:#fff; border:3px solid #fff; margin-bottom:20px;} .megamillions-promo .title {font-size:14px; margin-bottom: 5px;} .megamillions-promo .jackpotBox {background: #e2e2e2;background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); font-size:55px; color:#000; padding:5px; font-weight:700;display:inline-block; border-radius:8px; line-height:55px;} .megamillions-promo .jackpotBox span {font-size:30px; display:inline-block; vertical-align:top;} .megamillions-promo .sub {font-size:35px;} .megamillions-promo .gold.button {margin: 10px 0 0; display:inline-block; float:none; line-height:21px; padding:10px;} .lottoamerica-promo {background:url(/images/lottoamerica-bg-sidebar.jpg) #189dea; display:inline-block; width:214px; padding:15px; text-align:center; color:#fff; border:3px solid #fff; margin-bottom:20px;} .lottoamerica-promo .title {font-size:14px; margin-bottom: 5px;} .lottoamerica-promo .jackpotBox {background: #e2e2e2;background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); font-size:45px; color:#000; padding:5px; font-weight:700;display:inline-block; border-radius:8px; line-height:55px;} .lottoamerica-promo .jackpotBox span {font-size:30px; display:inline-block; vertical-align:top;} .lottoamerica-promo .sub {font-size:35px;} .lottoamerica-promo .gold.button {margin: 10px 0 0; display:inline-block; float:none; line-height:21px; padding:10px;} /* Footer */ footer{padding:40px 0;border-top:4px solid #333;margin-top:40px;background:#1e1e1e;position:relative;color:#FFF;clear:both;overflow:hidden;box-shadow:0 -3px 5px RGBA(0,0,0,0.3);-webkit-box-shadow:0 -3px 5px RGBA(0,0,0,0.3);-moz-box-shadow:0 -3px 5px RGBA(0,0,0,0.3);} footer .inner {width: 1220px; padding: 20px 30px;} footer a{color:#FFF;font-weight:normal;line-height:2; text-decoration:underline;transition:all .3s ease-in-out} footer a:hover{color:#ea1324;transition:all .3s ease-in-out} footer .small{color:#FFF;margin-top:20px; line-height: 16px;} footer hr{border:none;border-bottom:1px solid #333!important} footer .bottom {display:flex; justify-content:center;} footer .bottom ul {display:flex;} footer .bottom ul li {margin-right:15px;} footer .bottom ul li:last-child {margin-right:0;} footer .top {display:flex; flex-direction:column; align-items:center; margin-bottom:15px;} #content .inner{padding:30px; width: auto;} .col-xx-12.box.boxPowerball{background:url(/images/powerball-box-medium.jpg) no-repeat top center;width:802px;height:310px;border:1px solid #e2e2e2;border-bottom:4px solid #ea1324;margin:40px auto 40px;padding:10px 20px;float:inherit} .col-xx-12.box.boxPowerballHidden{background:url(/images/powerball-box-medium.jpg) no-repeat top center;width:802px;height:205px;overflow:hidden;border:1px solid #e2e2e2;border-bottom:4px solid #ea1324;margin:40px auto 40px;padding:10px 20px;float:inherit} .col-xx-12.box.boxPowerballSmall{background:url(/images/powerball-box.jpg) no-repeat top center;} .col-xx-12.box.boxPowerballSmallHidden{background:url(/images/powerball-box-small.jpg) no-repeat top center;width:802px;height:104px;overflow: hidden;border:1px solid #e2e2e2;border-bottom:4px solid #ea1324;margin:30px auto 30px;padding:10px 20px;float:inherit} .col-xx-12.box.boxMegaMillions, .col-xx-12.box.boxDefault{background:url(/images/mega-millions-box-medium.jpg) no-repeat top center;width:802px;height:310px;border:1px solid #e2e2e2;border-bottom:4px solid #11477c;margin:40px auto 40px;padding:10px 20px;float:inherit} .col-xx-12.box.boxMegaMillionsHidden, .col-xx-12.box.boxDefaultHidden{background:url(/images/mega-millions-box-medium.jpg) no-repeat top center;width:802px;height:205px;overflow:hidden;border:1px solid #e2e2e2;border-bottom:4px solid #11477c;margin:40px auto 40px;padding:10px 20px;float:inherit} .col-xx-12.box.boxMegaMillionsSmall {background:url(/images/mega-millions-box-medium.jpg) no-repeat top center;} .col-xx-12.box.boxDefaultSmall{background:url(/images/mega-millions-box-small.jpg) no-repeat top center;width:802px;height:180px;border:1px solid #e2e2e2;border-bottom:4px solid #11477c;margin:30px auto 30px;padding:10px 20px;float:inherit} .col-xx-12.box.boxMegaMillionsSmallHidden, .col-xx-12.box.boxDefaultSmallHidden{background:url(/images/mega-millions-box-small.jpg) no-repeat top center;width:802px;height:104px;overflow:hidden;border:1px solid #e2e2e2;border-bottom:4px solid #11477c;margin:30px auto 30px;padding:10px 20px;float:inherit} .box.boxNextjackpot{background:#fff;width:760px;height:100px;border:1px solid #e2e2e2;margin:20px auto;padding:20px 20px 20px 20px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);box-shadow:0 0 20px 0 rgba(0,0,0,0.6)} .box.noExtra {height: 190px !important;} .box.boxNextjackpot.powerball{background:url(/images/powerball-banner-small.jpg) no-repeat top left #fff; background-size: 260px 100%;} .box.boxNextjackpot.lotto-america{background:url(/images/lottoamerica-banner-small.jpg) no-repeat top left #fff; background-size: 260px 100%;} .box.boxNextjackpot.mega-millions{background:url(/images/megamillions-banner-small.jpg) no-repeat top left #fff; background-size: 260px 100%;} .box.boxNextjackpot.cash-4-life, .box.boxNextjackpot.lucky-for-life{background:url(/images/cash-4-life-banner-small.jpg) no-repeat top left #fff; background-size: 260px 100%;} .box.boxPowerball{background:url(/images/powerball-box.jpg) top center no-repeat} .box.boxMegaMillions, .box.boxDefault{background:url(/images/megamillions-box.jpg) top center no-repeat} /* Results */ ul.results{text-align: center;} .results li, .starBox .result, .result.stats {border-radius:75px;margin:20px 2px 0;display: inline-block;position:relative;text-align:center;letter-spacing:-1px;font-weight:bold;font-size:26px} .large .results li, .small .results {float: left;} .ball{border:4px solid #fff;color:#fff;width:52px;height:52px;line-height:52px} table.prizes .results li.ball {border-color: #14396f; color: #14396f;} li.powerball, li.mega-ball, li.star-ball, .result.powerball, .result.mega-ball, .result.star-ball, li.white, li.red:not(.wheelOfLuck){background-color:#fff;color:#ea2b1f;width:60px;height:60px;line-height:60px} li.mega-ball{color:#235789;} li.star-ball{color:#235789;} li.red {background-color:#ea2b1f;color:#fff;} .bonus-ball, .hot-ball, li.cash-ball, .lucky-ball, .california .mega-ball, .megabucks .mega-ball, .lotto-xtra, .extra-shot, .xtra-number, .extra-ball, .power-up, .wild-ball, .ky-ball , .fireball, .super-ball, .st-doubler, .sum, .lucky-sum, .sum-it-up, .multiplier{background-color:#14396F;color:#fff;width:52px;height:52px;line-height:52px} .star-ball {background-color:#14396F;color:#fff;width:40px;height:40px;line-height:40px} .results.lotto-america .ball, .prizes.archive .results.lotto-america .star-ball {width:40px;height:40px;line-height:40px; } .prizes.archive .results.lotto-america .ball {border:3px solid #13386e; color:#13386e;} .powerplay, .megaplier{color:#fff;font:bold 15px 'trebuchet ms', arial, sans-serif;float:left;text-shadow:#333 0 -1px 1px;margin-top:15px;min-width:110px} li.cashCard {position: relative; display: inline-block; font-size: 24px; text-align: center; margin: 5px !important; border-radius: 3px; height: 60px; line-height: 28px; width: 40px} .cashCard.black, .cashCard.black span {color: #000;} .cashCard.red {color: #F00;} .cashCard span {font-size: 36px; display: block;} /* Prizes and Tables */ .prizes.powerball thead{background:#ea1324;} .prizes .results.powerball .ball, .checker .results.powerball .ball {border: 3px solid #ea1324; color: #ea1324;} .checker .results.powerball.is-disabled .ball, .checker .results.mega-millions.is-disabled .ball {border: 3px solid #ccc; color: #ccc;} .checker .results.powerball.is-disabled .ball.active {border: 3px solid #ea1324; color: #ea1324;} .checker .results.mega-millions.is-disabled .ball.active {border: 3px solid #235789; color: #235789;} .prizes .results.powerball .powerball, .checker .results.powerball .powerball {border: 3px solid #ea1324; background: #ea1324; color: #FFF;} .checker .results.powerball.is-disabled .powerball {border: 3px solid #ccc; background: #ccc; color: #fff;} .checker .results.mega-millions.is-disabled .mega-ball, .checker .results.mega-millions.is-disabled .star-ball {border: 3px solid #ccc; background: #ccc; color: #fff;} .checker .results.powerball.is-disabled .powerball.active {border: 3px solid #ea1324; background: #ea1324; color: #FFF;} .checker .results.mega-millions.is-disabled .mega-ball.active {border: 3px solid #235789; background: #235789; color: #FFF;} .prizes .results.powerball .power-play:before, .checker .results.powerball .power-play:before {content: 'x';} .prizes .results.mega-millions .ball, .checker .results.mega-millions .ball {border: 3px solid #235789; color: #235789;} .prizes .results.mega-millions .mega-ball, .checker .results.mega-millions .mega-ball {border: 3px solid #235789; background: #235789; color: #FFF;} .prizes .results.mega-millions .megaplier, .checker .results.mega-millions .megaplier {color: #333; float: none; text-shadow: none; padding: 0; min-width: 0;} .prizes .results.mega-millions .megaplier:before, .checker .results.mega-millions .megaplier:before {content: 'x';} .checker .results.cash4life.is-disabled .ball {border: 3px solid #ccc !important; background: #FFF !important; color: #CCC !important;} .checker .results.cash4life.is-disabled .cash-ball {border: 3px solid #ccc !important; background: #ccc !important; color: #fff !important;} .checker .results.cash4life .ball.active {border: 3px solid #076934 !important; color: #076934 !important;} .checker .results.cash4life .cash-ball.active {border: 3px solid #235789 !important; background: #235789 !important; color: #FFF !important;} .checker .results.superlotto.is-disabled .ball {border: 3px solid #ccc !important; background: #FFF !important; color: #CCC !important;} .checker .results.superlotto.is-disabled .mega-ball {border: 3px solid #ccc !important; background: #ccc !important; color: #fff !important;} .checker .results.superlotto .ball.active {border: 3px solid #ed8d1c !important; color: #189dea !important;} .checker .results.superlotto .mega-ball.active {border: 3px solid #ed8d1c !important; background: #ed8d1c !important; color: #FFF !important;} .stateBreakdown, .stateNumbers {background: #235789; position: relative; border: 1px solid #EEE; padding: 10px; cursor: pointer;} .stateNumbers {padding: 10px 0; cursor: default; overflow: hidden; margin: 10px 0 30px;} .stateBreakdown h3, .stateNumbers h3 {color: #FFF; padding: 0; margin: 0;} .stateNumbers h3 {padding: 0 10px;} .stateBreakdown .tableContainer {max-height: 0; overflow: hidden; transition: all .3s ease;} .stateBreakdown .tableContainer.open {max-height: 1200px;} .stateBreakdown span.expander {color: #FFF; position: absolute; right: 15px; top: 10px; font: bold 20px/20px verdana, sans-serif;} .stateNumbers span.expander {display: inline-block; padding: 0 10px;} .headArea {cursor: pointer;} .headArea .descriptor {position: absolute; right: 20px; top: 14px; color: #FFF;} .checker .results.mega-millions.is-disabled .star-ball.active {border: 3px solid #ef3e2c; background: #ef3e2c; color: #FFF;} /* Number Generator */ .generator-powerball {background:url(/images/powerball-box.jpg) no-repeat;background-size:cover;width:80%;padding:5%;text-align:center;position:relative;margin:20px auto;} .generator-mega {background:url(/images/megamillions-box.jpg) no-repeat;background-size:cover;width:80%;padding:5%;text-align:center;position:relative;margin:20px auto;} .generator-powerball .title, .generator-mega .title {font-size:22px; color:#fff; font-weight:700;} .generator-powerball select, .generator-mega select {margin-right:20px;} .generator-powerball .balls, .generator-powerball .balls li, .generator-mega .balls, .generator-mega .balls li {position: relative;} .result .innerA {position: absolute; width: 100%;height: 100%; padding: 0; margin: 0; left: 0; display: block; border-radius: 40px; overflow: hidden;} .result .innerB,.result .number{position:relative;width:100%;height:100%} .result .innerB.spinning {display:block;} .result .innerB.spinning {margin-top: -2400px;} .result .innerB.stop {margin-top: -988px;} .result.bonus .innerB.stop {margin-top: -1200px;} .generator-powerball .button.gold, .generator-mega .button.gold {margin:20px auto 0; display:block; width:80px; float:none; cursor:pointer;} .daily-derby .results.california li {border:none!important; font-size:18px; background:#f4f4f4; padding:8px; border-radius:15px; margin:8px!important; display:block!important; text-align:right; width:auto!important;} .daily-derby .wider.col-xx-12 .results.california li {display:inline-block!important;} .daily-derby .wider.col-xx-12 .results.california li:before {float:none;} .daily-derby .results.california li:before {content:"1st:"; display:inline-block; color:#14396F; margin-right:15px; font-weight:normal; float:left;} .daily-derby .results.california li:nth-child(2):before {content:"2nd:"} .daily-derby .results.california li:nth-child(3):before {content:"3rd:"} .daily-derby .results.california li:nth-child(4):before {content:"Race Time:"; border-radius:25px;} /* Powerball BIG RESULTS */ .box.large .results-wrap { width: 660px; float: left; } .box.large .results { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .boxState.large .results {display: block; text-align: center; float: none;} .boxState.large .results li {display: inline-block; float: none;} .box.large .results li{ margin-top: 0;} .box.large .col-xx-12 .ball, .box.large .col-xx-12 .powerball, .box.large .col-xx-12 .mega-ball, .box.large .col-xx-12 .bonus-ball, .box.large .col-xx-12 .lucky-ball, .box.large .col-xx-12 .xtra-number, .box.large .col-xx-12 .lotto-xtra, .box.large .col-xx-12 .hot-ball, .box.large .col-xx-12 li.cash-ball, .box.large .col-xx-12 .lucky-ball, .boxPowerball.large .ball, .boxPowerball.large .powerball, .boxMegaMillions.large .ball, .boxMegaMillions.large .mega-ball, .box.large .col-xx-12 .star-ball, .box.large .col-xx-12 .ky-ball, .box.large .col-xx-12 .fireball, .box.large .col-xx-12 .super-ball, .box.large .col-xx-12 .sum , .box.large .col-xx-12 .fireball, .box.large .col-xx-12 .sum-it-up, .box.large .col-xx-12 .multiplier, .box.large .col-xx-12 .wild-ball {width:74px;height:74px;font-size:36px;line-height:70px; border: 5px solid white;} .box.large .links li a{margin:0 47px 0 -20px} .box.large .nextjackpot{margin-top:-10px} .box.large .timer{bottom:22px;right:220px} .box.large .button{margin:45px 10px 0 0} .box.large .date{margin-top:5px} /* Powerball Small Results */ .col-xx-6.box .results li {margin: 10px 5px;} .box.small .results {padding-left: 10px;} .box.small .results li{margin: 10px 1px;} .box.small .date{line-height:20px;margin:20px 0 0 0;float:left; width: 140px;} .box.small .powerplay, .box.small .megaplier {margin:30px 10px 0 20px} .box.small .rollover{margin:5px -32px 0 10px} .box.small .winners, .box.small .jackpot{margin:18px 55px 0 0} .box.small .button{margin:25px 10px 0 0} /*POWERBALL, MEGA MILLIONS AND STATE LANDING PAGES*/ .info-box {border: 1px solid #ea1324; width: 29%; margin: 5px; display: block; float: left; padding: 12px; min-height: 395px; position: relative;} .info-box-state {background-color:#f0f0f0; border: 1px solid #ea1324; width: 29%; margin: 5px; display: block; float: left; padding: 12px; min-height: 255px; position: relative;} .info-box:hover, .info-box-state:hover {outline: 2px solid #13386e; outline-offset: -2px;} .info-box:last-child, .info-box-state:last-child {margin-bottom: 30px;} .info-box .button, .info-box-state .button {position: absolute; bottom: 15px; right: 15px;} .info-box h3, .info-box-state h3 {position: relative; padding-bottom: 0; margin-top: 20px;} .info-box hr, .info-box-state hr {margin: 5px 0 10px; width: 20%; border-bottom: 2px solid #13386e;} .info-box .ball.red, .info-box .powerball.red{width: 30px; height: 30px; font-size: 22px; min-width: auto; line-height: 30px; margin-top: 5px; border: 3px solid #ea1324; color: #ea1324;} .info-box .powerball.red {background: #ea1324; color: #FFF;} .info-box .ball.blue, .info-box .megamillions.blue{width: 30px; height: 30px; font-size: 22px; min-width: auto; line-height: 30px; margin-top: 5px; border: 3px solid #235789; color: #235789;} .info-box .mega-ball.blue {width: 30px; height: 30px; font-size: 22px; min-width: auto; line-height: 30px; margin-top: 5px; border: 3px solid #235789; background: #235789; color: #FFF;} .info-box .results {margin-bottom: 5px; height: 116px; display: flex; justify-content: space-around; align-items: center;} .info-box p, .info-box-state p {margin-bottom: 0;} .info-box-state .button-two {position: absolute; bottom: 15px; left: 15px;} /* STATISTICS */ .starBox {background: url(/images/mega-millions-mob.jpg) transparent no-repeat; background-size: cover; padding: 10px 10px 20px; position: relative; margin: 5px; display: block; color: #FFF;} .starBox .result {margin-top: 10px;} .statistics h2, .statistics h3, .statistics caption {padding: 10px 0;} .statistics table th {text-align: center;} .starBox > div {padding: 5px;} .twoCol {width: 50%; float: left; box-sizing: border-box; display: inline-block; text-align: center;} .result.stats {border-color: #13386e; color: #13386e; margin: 0;} .result.stats.bonus-ball, .result.stats.powerball, .result.stats.mega-ball, .result.stats.cash-ball {background: #13386e; color: #FFF;} .statistics caption {font-size: 22px; font-weight: bold;} /* Results Style for diff States and Lotteries */ .results li {border-width: 4px !important; border-style: solid !important;} .results.lotto-america .all-star-bonus:before, .results.lotto-america .all-star-bonus:after {content:""; width:100%; height:20px; font-size:18px; display:inline; color:#14396F; line-height:14px;} .results.lotto-america .all-star-bonus:after {content:"X"; font-size:24px;} .col-xx-6 .results.lotto-america .all-star-bonus {margin-bottom:0;} .col-xx-6 .results.lotto-america + div .button {margin-top:9px!important;} li.redTitle {color:#d50000; font-size:15px!important; border:none!important; margin:0 7px!important;} li.blackTitle {color:#000; font-size:15px!important; border:none!important; margin:0 7px!important;} li.oddEvenTitle {color:#004f8a; font-size:15px!important; border:none!important; margin:0 7px!important;} .results.nebraska li.day, .results.nebraska li.year, .results.nebraska li.month {font-weight:700; letter-spacing:-1px;width: 62px;height: 62px;font-size: 36px;line-height: 62px; position: relative; margin-bottom:20px!important} .results.nebraska li.day:after, .results.nebraska li.month:after, .results.nebraska li.year:after {content:"DAY"; width:100%; height:30px; display:block; position:absolute; font-size:14px;bottom:-15px; left:50%; transform:translateX(-50%)} .results.nebraska li.month:after {content:"MONTH"} .results.nebraska li.year:after {content:"YEAR"} .archive ul.results li.day, .archive ul.results li.month, .archive ul.results li.year {margin: 10px 0;font-size: 18px;width: 30px;height: 30px;line-height: 30px;} .archive ul.results li.day:after, .archive ul.results li.month:after, .archive ul.results li.year:after {font-size:10px;bottom:-28px} .results.newJersey .bullseye {border:4px solid #ec0d0d!important;background-color:#ec0d0d!important; color:#fff!important; position:relative; z-index:1; width: 74px; height: 74px; font-size: 36px; line-height: 70px;} .results.newJersey .bullseye:before {width:75%; height:75%; background:#ec0d0d; border-radius:50%; position:absolute; content:""; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);z-index:-1; border:solid 8px #fff;} .results.newJersey .bullseye:after {position:absolute; bottom:0; height:15px; left:50%; transform:translateX(-50%); content:"Bullseye"; color:#565656; font-size:15px;} .lotteryLogo {width: 185px; height: 60px;} #content .col-xx-12.box.boxState.wide .col-xx-6 .results.lotto-america .ball, #content .col-xx-12.box.boxState.wide .col-xx-6 .results.lotto-america .star-ball {width:52px; height:52px; line-height:52px;} #content .col-xx-12.box.boxState.wide .col-xx-6 .results.lotto-america .all-star-bonus {display:block; margin:0 auto; text-align:center;} /* RESPONSIVE COLUMNS & HIDERS */ .row{margin-right:-15px;margin-left:-15px}.container{margin:auto}#wrapper{padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xx-1,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9,.col-xx-10,.col-xx-11,.col-xx-12{position:relative;min-height:1px;padding-right:0;padding-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:0;margin-bottom:0}.col-xx-1,.col-xx-2,.col-xx-3,.col-xx-4,.col-xx-5,.col-xx-6,.col-xx-7,.col-xx-8,.col-xx-9,.col-xx-10,.col-xx-11,.col-xx-12{float:left}.col-xx-12{width:100%} .col-xx-11{width:91.66666667%} .col-xx-10{width:83.33333333%} .col-xx-9{width:75%} .col-xx-8{width:66.66666667%} .col-xx-7{width:58.33333333%} .col-xx-6{width:50%} .col-xx-5{width:41.66666667%} .col-xx-4{width:33.33333333%} .col-xx-3{width:25%} .col-xx-2{width:16.66666667%} .col-xx-1{width:8.33333333%} .invisi-border-xx{border-left:10px solid transparent;border-right:10px solid transparent}@media (min-width:500px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%} .col-xs-11{width:91.66666667%} .col-xs-10{width:83.33333333%} .col-xs-9{width:75%} .col-xs-8{width:66.66666667%} .col-xs-7{width:58.33333333%} .col-xs-6{width:50%} .col-xs-5{width:41.66666667%} .col-xs-4{width:33.33333333%} .col-xs-3{width:25%} .col-xs-2{width:16.66666667%} .col-xs-1{width:8.33333333%} .invisi-border-xs{border-left:10px solid transparent;border-right:10px solid transparent}}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%} .invisi-border-sm{border-left:10px solid transparent;border-right:10px solid transparent}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%} .invisi-border-md{border-left:10px solid transparent;border-right:10px solid transparent}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%} .invisi-border-lg{border-left:10px solid transparent;border-right:10px solid transparent}} .visible-xx,.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xx-block,.visible-xx-inline,.visible-xx-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:499px){.visible-xx{display:block !important} table.visible-xx{display:table !important} tr.visible-xx{display:table-row !important} th.visible-xx,td.visible-xx{display:table-cell !important}.visible-xx-block{display:block !important}.visible-xx-inline{display:inline !important}.visible-xx-inline-block{display:inline-block !important}}@media (min-width:500px) and (max-width:767px){.visible-xs{display:block !important} table.visible-xs{display:table !important} tr.visible-xs{display:table-row !important} th.visible-xs,td.visible-xs{display:table-cell !important}.visible-xs-block{display:block !important}.visible-xs-inline{display:inline !important}.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important} table.visible-sm{display:table !important} tr.visible-sm{display:table-row !important} th.visible-sm,td.visible-sm{display:table-cell !important}.visible-sm-block{display:block !important}.visible-sm-inline{display:inline !important}.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important} table.visible-md{display:table !important} tr.visible-md{display:table-row !important} th.visible-md,td.visible-md{display:table-cell !important}.visible-md-block{display:block !important}.visible-md-inline{display:inline !important}.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important} table.visible-lg{display:table !important} tr.visible-lg{display:table-row !important} th.visible-lg,td.visible-lg{display:table-cell !important}.visible-lg-block{display:block !important}.visible-lg-inline{display:inline !important}.visible-lg-inline-block{display:inline-block !important}}@media (max-width:499px){.hidden-xx{display:none !important}}@media (min-width:500px) and (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}} /*FLEX*/ .fx {display: -webkit-flex;display: flex;} .fx.-bt {-webkit-justify-content:space-between;justify-content:space-between;} .fx.-cn {-webkit-justify-content:center;justify-content:center;} .fx.-en {-webkit-justify-content:flex-end;justify-content:flex-end;} .fx.-md {-webkit-align-items:center;align-items:center;} .fx.-cl {-webkit-flex-direction:column;flex-direction:column;} /*SCRATCHCARDS*/ .games-box {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;justify-content: center;} .game-box { margin: 0; min-height: 420px;} .game-box .inner-box { height: 100%;position: relative;display: flex;flex-direction: column;align-items: center;flex-grow: 1;} .game-box .front {width: 100%;height: 100%; display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding: 10px;border-radius: 0px;border: 1px solid #373543;overflow: hidden;position: relative;} .game-box .top {display: flex;flex-direction: column;align-items: center;justify-content: center;} .game-box .img-box, .featured .img-box {margin-bottom: 25px;width: 286px;max-height: 428px; display: flex; align-items: baseline; justify-content: flex-start;text-align: center; flex-direction: column; overflow: hidden;position: relative;} .game-box .button{ margin: 10px 0 0;display: inline-block;float: none;line-height: 21px;padding: 10px;} /*FORMS*/ .checkbox_wrapper input { display: none; } .checkbox_wrapper label { padding:10px 15px; background:#e2e2e2; border-radius: 5px; margin: 10px 0; cursor: pointer; } .checkbox_wrapper label.-grey { /*background: #cecece;*/ color: #000; } .btn-filter { margin-left: 10px; position: relative; width: 50px; height: 20px; overflow: hidden; background: #febb10; border-radius: 5px; } .btn-filter span { position: absolute; width: 100%; text-align: center; transition: all .2s ease-in-out; color: #fff; line-height: 20px; font-size: .9em; box-shadow: inset 0 0 10px rgba(0,0,0,.4); } .btn-filter span.yes { background: #60bf60; /* text-align:right; padding-right:10px;*/ text-indent:10px; } .btn-filter span.no { background: #c10615; /* padding-left:10px; text-align:left;*/ text-indent:-10px; } .btn-filter span.no:after { content:""; width:15px; height:18px; background: #f2f6f8; background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); position:absolute; bottom:1px; right:0; border-radius:25px 0 0 25px; } .btn-filter span.yes:after { content:""; width:15px; height:18px; background: #f2f6f8; background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); position:absolute; bottom:1px; left:0; border-radius:0 25px 25px 0; } .btn-filter span:last-child { left: 100%; } .checkbox_wrapper input[type=checkbox]:checked + label span { transform: translate(-100%); } .search input {border-radius:6px; width:94%; margin-bottom:10px; display:inline-block; padding:6px 4% 6px 2%;border:1px solid #797979;} .topButton {background: #e7e7e7; color: #000; border-radius: 1px; padding: 10px; display: inline-block; font-size: 14px; margin: 5px 0;} .winner-note { padding:20px; margin: 0 70px; background: #7293c3; color: #fff; } .contactContainer {width:100%;margin:0 auto;position:relative; display:inline-block;box-sizing: border-box;padding:40px 80px; background:#f4f4f4; margin-bottom:20px;} #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] {font:400 16px/21px 'trebuchet ms', arial, sans-serif; } #contact .flexBox {display:flex;} #contact fieldset {border: medium none !important;margin: 0 0 10px;padding: 0;width: 100%;} #contact .flexBox fieldset {width:48%; margin-left:4%;} #contact .flexBox fieldset:first-child{margin-left:0;} #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {width:100%;border:1px solid #e7e7e7;background:#FFF;margin:0 0 5px;padding:10px;box-sizing: border-box;transition:all ease .5s;} #contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {transition:all ease .5s;border:1px solid #AAA; } #contact textarea {height:100px;} #contact button[type="submit"] {cursor:pointer;width:100%;border:none;background: #ffbe00;border-radius: 5px;color: #000;padding: 0 5px;line-height: 30px;font-weight: 700; width:250px; display:inline-block; margin-left:15px;} #contact button[type="submit"]:hover {background:#ffd047;} .ctaBox {justify-content:center; align-items:center;} #contact input:focus, #contact textarea:focus {outline:0;border:1px solid #999;} ::-webkit-input-placeholder { color:#b3b3b3;} :-moz-placeholder {color:#888;} ::-moz-placeholder {color:#888;} :-ms-input-placeholder {color:#888;} #html_element > div {margin: auto;} /* writers */ .writers .row {display:flex; margin-bottom:20px;} .writers .writer {display:flex; border:1px solid #e7e7e7;margin-left:20px; padding:20px; background:#f4f4f4;} .writers .writer:first-child{margin-left:0;} .writers .writer p:last-child{margin-bottom:0;} .writers .avatar{margin-right:20px;} .writers .avatarImg {border-radius:50%; width:80px; height:80px;} .writers .linkIcon {width:20px; display:block; margin:auto;} .writers .title {font-size:21px;} .writers .subTitle {font-weight:700; color:#6bb22d; margin-bottom:10px;} .gridBox {display:flex; flex-wrap:wrap; align-items:flex-end;} .gridBox .appIconBox {width:20%; display:flex; justify-content:center; text-align:center; margin-bottom:15px; flex-direction:column;} .gridBox .appIconBox h3 {font-size:16px; padding-bottom:0;} .gridBox .appIconBox .cta {width:148px; margin:10px 0 5px;} .gridBox .appIconBox .button {padding:10px 30px 10px 10px;background:#13386e;background: url(/images/arrow-alt.png) no-repeat 125px center,linear-gradient(to bottom,#234f84 0%,#13386e 100%); margin-top:0;} .gridBox .appIconBox .button:hover {color:#fff;background:#13386e;background:url(/images/arrow-alt.png) no-repeat 125px center,linear-gradient(to bottom,#407bc1 0%,#1d529e 100%);} .gridBox .appIconBox .buttonBox {display:flex; justify-content:center;} #andBan {position: fixed; width: 100%; height: 84px; padding: 10px 5px; background: #F4F4F4; overflow: hidden; z-index: 999; box-sizing: border-box; transition: .5s all ease-in-out; top:0;} #andBan img {width: 64px; height: 64px; padding-right: 5px;} #andBan a {width: calc(94% + 20px);} #andBan > *, #andBan a > * {position: relative; display: inline-block; vertical-align: top; color: #777;} .andBanClose {position: relative; width: 14px; height: 100%; line-height: 64px; font-size: 20px;} .andBanTitle {font-weight: bold; font-size: 13px; line-height: 20px;} .andBanSubTitle {font-size: 10px; line-height: 12px;} .andBanStore {font-size: 12px; color: #999; line-height: 34px;} .andBanStore strong {color: #333;} .andBanButton {background: #13386e; float: right; border-radius: 6px; text-align: center; color: #FFF !important; padding: 6px 16px; font: normal 13px/20px arial; top: 14px;} .coronaalert {background:none;width:90%;border:2px solid #ff0000;padding:5px 10px;border-radius:14px;} .subResults .results.blueTxt li {color:#0066b3!important;} .subResults .results.blueTxt li.fireball {color:#fff!important;} .subResults {display:flex; justify-content:center; text-align:center; margin:15px 0 0;} .subResults .subResult:first-child {margin-right:20px;} .subResults .subResultTitle {font-weight:700;} .subResults ul {display:flex;} .subResults .results li {width:36px!important;height:36px!important; font-size:22px!important; line-height:36px!important; border-radius:50%; margin:3px; border-width:2px!important; color:#FFF!important;} .dc-double-draw {color:#ed174b;} .wider.col-xx-6 .subResults .results li {width:21px!important;height:21px!important;line-height: 21px!important; font-size: 14px !important; margin: 0;} ul.districtofColumbia.results.dc-3-evening li.number-part-01, ul.districtofColumbia.results.dc-3-evening li.number-part-02, ul.districtofColumbia.results.dc-3-evening li.number-part-03 {color:#ed174b!important} .districtofColumbia.results.dc-3-evening {justify-content:center;} .newJersey.results.pick-3-evening{justify-content:center;} ul.newJersey.results.pick-3-evening li.number-part-01, ul.newJersey.results.pick-3-evening li.number-part-02, ul.newJersey.results.pick-3-evening li.number-part-03 {color:#ed174b!important} th.icon { cursor: pointer; position: relative; } table.bordered.table-sort th { padding-right: 20px; } .table-sort th, .table-sort .small th { text-align: left; padding: 8px 25px 8px 15px; font-size: .85em; } th.icon:before, th.icon:after { border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; height: 8px; width: 8px; right: 10px; opacity: .3; position: absolute; content: ""; } th.icon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 38%; } th.icon:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 47%; } th.icon.ascending:after, th.icon.descending:before { opacity: 1; } .myButton { background: #15386b; color: #fff; padding: 20px 30px; display: inline-block; margin: 5px 0; text-transform: uppercase; letter-spacing: 2px; filter: drop-shadow(6px 6px 0px #0004); transform: translate(0px, 0px); transition: transform 0.3s, filter 0.3s; } .myButton:after { content: ""; width: 6px; height: 6px; background: #fff; display: inline-block; clip-path: polygon(0 0, 0% 100%, 100% 50%); margin: 0 0 2px 5px; } .myButton:hover { transform: translate(6px, 6px); color: #fff; filter: drop-shadow(0px 0px 0px #0004); }