@charset "utf-8";



body {background: url(/images/bg.jpg) #000324 top no-repeat; margin: 0; font: 14px/20px arial, sans-serif; color: #FFF;}

a {color: #FF0; text-decoration: none;}

a:hover {color: #06F;}



h1 {margin-top: 0; padding-top: 0;}



#header {position: relative; width: 960px; height: 160px; margin: 0 auto 10px;}

#content {background: rgba(0,0,0,0.5); position: relative; width: 960px; margin: auto; padding: 20px; border-radius: 20px;}

#footer {position: relative; width: 960px; margin: auto; padding: 20px 10px; clear: both; color: white;}



#logo {position: absolute; width: 275px; height: 105px; top: 10px; left: 70px; display: block;}

#tag {background: url(/images/tag.png) transparent no-repeat; position: absolute; width: 491px; height: 39px; top: 44px; left: 390px;}

#navbar {position: relative; width: 820px; height: 40px; margin: auto; top: 120px; z-index: 99;}

#navleft, #navright {position: relative; width: 17px; height: 40px; float: left;}

#navleft {background: url(/images/nav-left.png) transparent no-repeat;}

#navright {background: url(/images/nav-right.png) transparent no-repeat;}

#navbar ul {position: relative; height: 40px; margin: 0; padding: 0; float: left;}

#navbar ul li {list-style-type: none; display: inline;}

#navbar ul li a {background: url(/images/nav.png) transparent repeat-x; position: relative; float: left; font: bold 14px arial; color: #FFF; text-align: center; padding: 10px 20px 0 20px; height: 30px; text-shadow: #333 0 -1px 0;}

#navbar ul li a:hover {background: url(/images/nav-hover.png) transparent repeat-x; text-decoration: none;}



.widget {

	background: rgba(255,255,255,0.4); border: 1px solid #CCC; position: relative; display: inline-block; width: 308px; padding: 14px 0 50px;

	margin: 5px; text-align: center; font-size: 16px; overflow: hidden; vertical-align: top; border-radius: 20px;

}

.widget p {margin: 0; padding: 2px; text-align: center;}

.widget.single {float: left; margin-right: 20px;}

.jackpot {display: inline; color: white;}

.jackpots {padding-top: 10px;}

.jackpots p {padding: 0;}



.resultstable {z-index: 999; font: bold 20px arial;}

.resultstable .ball {background: url(/images/balls/ball.png) no-repeat center;}

.resultstable .enaball {background: url(/images/balls/enaball.png) no-repeat center; font-size: 16px;}

.resultstable .enajolly {background: url(/images/balls/jolly.png) no-repeat center; color: black; font-size: 16px;}

.resultstable .enasuperstar {background: url(/images/balls/superstar.png) no-repeat center; color: black; font-size: 16px;}

.resultstable .lucky-star {background: url(/images/balls/lucky-star.png) no-repeat center; color: black;}

.resultstable .m-ball {background: url(/images/balls/ball-3.png) no-repeat center; color: white;}

.resultstable .mm-ball {background: url(/images/balls/ball-6.png) no-repeat center; color: black;}

.resultstable .mm-mega-ball {background: url(/images/balls/40px/1s.png) no-repeat center; color: black;}

.resultstable .mm-megaplier {background: url(/images/balls/ball-2.png) no-repeat center; color: white;}

.resultstable .p-ball {background: url(/images/balls/40px/1s.png) no-repeat center; color: black;}

.resultstable .p-powerball {background: url(/images/balls/40px/10s.png) no-repeat center; color: black;}

.resultstable .p-power-play {background: url(/images/balls/ball.png) no-repeat center; color: white;}

.bonustxt {position: absolute; width: 40px; height: 50px; right: 14px; top: 72px; color: white; font: bold 10px/40px arial; text-align: center;}

.maker {display: inline-block; font-size: 20px; padding: 0 10px;}





.playnow {background: url(/images/play-now.png) transparent no-repeat; position: absolute; width: 102px; height: 27px; display: inline-block; right: 10px; bottom: 10px; text-indent: -999px; overflow: hidden;}

.playnow:hover {background-position: 0 -28px;}



.flex {display: table; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin: auto;}