@charset "utf-8";

/* CSS Document */



body {background-color: #FFF; margin: 0; font-family: helvetica, arial, sans-serif; color: #333; font-size: 12px;}



p {margin: 0 0 20px 0; line-height: 20px;}

ul, ol {line-height: 20px;}

a {color: #09F; text-decoration: none;}

a:hover {text-decoration: underline;}

.clear {line-height: 0; height: 0; clear: both;}

.centred {display: block; text-align: center; margin: auto;}



h1 {font-size: 20pt; border-bottom: 1px dotted #888; margin-bottom: 20px; margin-top:30px;}

h2, h3, .faq-title, .h2, .h3 {

	background: #8fc400; /* Old browsers */

	background: -moz-linear-gradient(top,  #8fc400 0%, #75a800 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#75a800)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #8fc400 0%,#75a800 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #8fc400 0%,#75a800 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #8fc400 0%,#75a800 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #8fc400 0%,#75a800 100%); /* W3C */

	font-size: 16pt; border-radius: 20px; line-height: 20px; padding: 5px; margin-bottom: 10px; color: #FFF; text-indent: 14px; text-shadow: #333 -1px -1px 0; font-weight:bold;

}

h2 a, h3 a {color: #FF0 !important;}

h3, .h3 {font-size: 14pt;}



.row {display:flex;}

.widgetSide > div:first-of-type {margin:0 10px 10px 0;}

nav ul {display:flex; width:960px; margin:-15px auto 20px;padding:0; border-radius:6px; overflow:hidden; z-index:99;}

nav li {display:inline-block; margin:0;flex-grow:1;}

nav a {background:#002F7D; color:#fff; padding:5px 10px; display:block; text-align:center; border-right:1px solid #003a9a;}

nav a:hover {background:#0041ac; text-decoration:none;}



span {color: black; font: 14px Arial; text-align: center;}

table {clear: both;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clear {clear: both; margin-bottom: 20px; padding: 0;}



#header {background: url(/images/site/top-bg.png) transparent repeat-x; position: relative; width: 100%; height: 100px;}

#headerInner {width: 960px; height: 100px; margin: auto;}

#logo {float: left; position: relative; top: 20px;}

.tagline {float: right; position: relative; top: 20px;}





#content {position: relative; width: 960px; margin: auto;}

.playButton, .playblue, .playorange {background: url(/images/play-now.png) transparent no-repeat; width: 100px; height: 30px; position: relative; margin: auto; text-align: center; text-decoration: none; text-indent: 100px; overflow: hidden; display: block;}

.playButton:hover, .playblue:hover, .playorange:hover {background-position: 0 -35px;}

.rightBox {float: right; widht: 34%;}

.rightBox img {display: block; margin: auto;}



#ticketsTable {background: url(/images/site/table-bg.png) transparent 0 26px repeat; position: relative; width: 65%; border: 3px solid #88b423; border-collapse: collapse; border-spacing: none; text-align: center;}

#ticketsTable th, #ticketsTable td {padding: 6px;}

#ticketsTable tr.headRow {background: url(/images/site/bg.png) transparent 0 -141px repeat-x; color: #FFF;}

#ticketsTable img {display: block; margin: auto;}

#ticketsTable span.sort {font-size: 10px;}

#ticketsTable span.jackpot {font-weight: bold; font-size: 16px; color: #333;}

#ticketsTable span.date {font-size: 12px; color: #333;}

#ticketsTable span.counter {font-size: 10px; color: #F00;}

th.sortable {cursor: pointer;}

th.headerSortUp {background: url(/images/site/sort-asc.png) #360 right 7px no-repeat; box-shadow: inset #333 0 0 3px}

th.headerSortDown {background: url(/images/site/sort-desc.png) #360 right 7px no-repeat; box-shadow: inset #333 0 0 3px}



.copyright {font: 8pt Arial; text-align: center;}

.imageFloatLeft {float: left; margin: 0 8px 8px 0;}

.imageFloatRight {float: right; margin: 0 0 8px 8px;}

.small-foot {text-align:left; font-size:10px; color:#fff;}

.faq-title {font-size: 13px; font-weight: bold; line-height: 16px; padding: 3px;}



.boxed {width: 930px; padding: 10px; background-color: #F4F4F4; border: 1px solid #CCC; border-radius: 10px; overflow: hidden; margin: 20px 0;}

.boxed h2 {line-height: 20px; margin: 0; padding: 10px; border: none; background: none; color: #333; text-shadow: #FFF 1px 1px 0; text-indent: 0;}

.boxed .altNav {margin: 0; padding: 0; text-indent: 0; width: 700px; overflow: hidden;}

.boxed .altNav li {float: left; padding: 10px; font-size: 13px; font-weight: bold; list-style-type: none; margin: 0; text-indent: 0; line-height: 20px;}



.lotteryBox, .outerbox1, .outerbox2 {float: left; position: relative; margin: 5px; width: 200px; height: 210px; text-align: center; background-color: #F4F4F4; border: 1px solid #DDD; padding: 10px; border-radius: 12px;}

.lotteryBox {width: 280px; height: 180px;}

.outerbox1, .outerbox2 {height: auto;}

.jackpottxt, .jackpottxt2 {color: #900; font-weight: bold; text-shadow: #FFF 1px 1px 0; font-size: 22px; margin: 10px 0;}

.nextdrawtxt {font-weight: bold; color: #333; font-size: 15px;}



.desktop-btn {display:block; background:#002f7d; color:#fff; margin:20px auto; width:200px; border:none;}