@charset "UTF-8";

/* GLOBALS */

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%;}
body {background: url(/images/layout/bg.jpg) #e3f4ff center 120px repeat-x; font-family: 'trebuchet ms', arial, sans-serif; font-size: 14px;}

h1 {position: relative; color: #1268AF; font-size: 180%;}
h1.home {background: none; color: #1268AF; text-shadow: none; left: 0; top: 0; width: auto; padding: 0 10px 0 20px; font-size: 24px; line-height: 30px; margin-bottom: -15px;}
h2, h3, .Title2, .Title3 {color: #1268AF; font-size: 150% !important; margin: 10px 0; font-weight: bold;}
h2.home {font-size: 160% !important; line-height: 30px; margin-bottom: -15px;}
h3, .Title3 {font-size: 120% !important;}
h4, h5, h6 {font-size: 110%;}

hr {height: 0; background: transparent; border: none; border-bottom: 1px solid #CCC; width: 98%;}
sup {padding: 0; margin: 0; font-size: 90%; line-height: normal;}

a {color: #06E; text-decoration: none;}
a:hover {color: #F90;}
a img {border: none;}

.clear {clear: both; margin: 0; padding: 0;}
.floatLeft {float: left;}
.floatRight {float: right;}
.imgL, .imageFloatLeft {float: left; margin: 0 10px 10px 0 !important;}
.imgR, .imageFloatRight {float: right; margin: 0 0 10px 10px !important;}
.centred {margin: auto !important; text-align: center !important;}
.fluid {display: inline-block !important; *display: inline !important; zoom: 1 !important;}
.nowrap {white-space: nowrap !important;}
.paddedHalf {padding: 5px !important;}
.padded1 {padding: 10px !important;}
.padded2 {padding: 20px !important;}
.margin1 {margin: 10px !important;}
.bordered {border-radius: 8px; background: #EEE; border: 1px solid #CCC; padding: 2px; margin: 2px; display: block;}
.bordered:hover {background-color: #F90;}
.twoCol {width: 48%;}
.threeCol {width: 31%;}
.fullWidth {width: 100%;}
.curvy {border-radius: 8px;}



/* MAIN CONTAINERS */
header {background:#fff; position: relative; width: 100%; min-width: 960px; height: 130px; /*border-bottom: 1px solid #d1dde5;*/ box-shadow: #999 0 3px 6px -5px; }
footer {background: #f8f8f8; position: relative; width: 100%; min-width: 960px; border-top: 1px solid #cacaca;}
.inner {position: relative; padding-top: 20px; margin: auto; width: 960px;}
#main {position: relative; width: 960px; margin: auto; padding: 20px 0; overflow: hidden;}
#sidebarLeft {position: relative; float: left; width: 180px; padding-top: 20px; margin-right: 20px; z-index: 3;}
#content {position: relative; float: right; width: 760px; padding-top: 10px; z-index: 1;}



/* COUNTRY ALERT */
#countryAlert {position: fixed; width: 280px; top: 50%; left: 50%; display: none; z-index: 9999;}
#inside {background: #1268AF; background: rgba(18,104,175,0.92); width: 280px; position: absolute; left: -140px; top: -160px; border-radius: 10px; box-shadow: #333 0 2px 4px -2px; padding: 20px; color: #FFF; font-size: 12px;}
#countryAlert .closer {background: #053f6f; position: absolute; width: 20px; height: 20px; font: bold 20px/20px arial; text-align: center; top: 10px; right: 10px; border-radius: 20px; cursor: pointer;}
#countryAlert .flag {width: 70% !important; padding-left: 35px; line-height: 26px; color: #FFF; font-weight: bold; font-size: 15px; margin: 3px 10px; cursor: pointer;}
#countryAlert p {padding: 10px 0;}


/* HEADER */
#logo img {padding: 10px 0 0 40px;}
#strap {position: absolute; top: 68px; color: #333; font-size: 12px; left: 104px;}
#subs {position: absolute; top: 0; right: 0; display: block; width: 290px; height: 35px; border-radius: 0 0 10px 10px; color: #FFF; font: 11px/30px 'trebuchet ms', sans-serif; text-align: left; text-decoration: none; padding: 0 5px 0 10px;}
#subs ul {list-style-type: none; overflow: hidden;}
#subs ul li {float: left; padding-top: 3px; min-width: 28px; line-height: 27px;}
#subs ul li:first-child {width: 175px;}
#subs a, .flag {background-image: url(/images/layout/sprite.png); background-repeat: no-repeat; position: relative; width: 28px; height: 26px; overflow: hidden; text-decoration: none;}
#subs a.uk, .flag.uk {background-position: 0 0;}
#subs a.ie, .flag.ie {background-position: 0 -30px;}
#subs a.au, .flag.au {background-position: -1px -60px;}
#subs a.za, .flag.za {background-position: -1px -90px;}
#subs a span {
	background: rgba(0,0,0,0.45); position: relative; left: 1px; font: bold 11px/26px 'trebuchet ms'; text-align: center; opacity: 0; color: #FFF;
	width: 26px; height: 26px; border-radius: 20px; transition: .2s opacity ease-in-out; display: block; box-shadow: inset 0 0 0 2px #FFF;
}
#subs a:hover span {opacity: 1;}

#search {position: absolute; width: 215px; top: 42px; right: 0; padding: 0;}
#search .textBox {background: #FFF; border: 1px solid #DDD; border-radius: 4px; padding: 4px; height: 15px; font: normal 11px/15px 'trebuchet ms', sans-serif; color: #999; float: left; width: 160px; -webkit-apperance: none; outline: none;}
#search .btn {
	background: url(/images/layout/sprite.png) #0981db 12px -564px no-repeat;
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, -moz-linear-gradient(top,  #0981db 0%, #005b9f 100%);
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, -webkit-linear-gradient(top,  #0981db 0%,#005b9f 100%);
	background: url(/images/layout/sprite.png) 12px -564px no-repeat, linear-gradient(to bottom,  #0981db 0%,#005b9f 100%);
	position: relative; border: none; outline: none; -webkit-apperance: none; width: 38px; height: 25px; float: right; text-indent: -100px;
	overflow: hidden; border-radius: 4px; cursor: pointer; transition: 0.2s all ease-in-out; text-align: center; line-height: 100px;
}
#search .btn:hover {box-shadow: inset #80c0f8 0 0 6px 3px;}

#nav {position: relative; display: inline-block; *display: inline; zoom: 1; height: 50px; border-radius: 8px; text-align: center; list-style-type: none; margin: 0; padding: 0; box-shadow: #333 0 3px 6px -5px; top: 10px; clear: both; z-index:99;}
#nav li {position: relative; float: left; list-style-type: none;}
#nav li a {
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #f1f1f1 50%, #ececec 50%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#f1f1f1), color-stop(50%,#ececec), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f1f1f1 50%,#ececec 50%,#ececec 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#f1f1f1 50%,#ececec 50%,#ececec 100%);
	position: relative; display: block; font: bold 15px/50px 'trebuchet ms', sans-serif; text-align: center; color: #2C79D2;
	text-decoration: none; border-left: 1px solid #FFF; border-right: 1px solid #CCC; width: 238px;
}
#nav li a:hover {
	color: #FFF !important; background: #067dbf;
	background: -moz-linear-gradient(top,  #067dbf 0%, #0a84ca 49%, #0573c5 49%, #0981da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067dbf), color-stop(49%,#0a84ca), color-stop(49%,#0573c5), color-stop(100%,#0981da));
	background: -webkit-linear-gradient(top,  #067dbf 0%,#0a84ca 49%,#0573c5 49%,#0981da 100%);
	background: linear-gradient(to bottom,  #067dbf 0%,#0a84ca 49%,#0573c5 49%,#0981da 100%);
	border-left: 1px solid #39F; box-shadow: inset #09F 0 0 12px 3px; transition: .2s box-shadow ease-in-out;
}
#nav li:first-child a {border-radius: 8px 0 0 8px; border-left: none;}
#nav li.tickets a {border-radius: 0 8px 8px 0; border-right: none; color: #BE1A13;}



/* SIDEBAR */

#sidebarLeft a.home {
	background: url(/images/layout/sprite.png) #175fb0 6px -439px no-repeat; position: relative; width: 100%; border-radius: 8px; color: #FFF; -webkit-transition: 0.2s all ease-in-out
	text-decoration: none; text-indent: 30px; font: normal 12px/35px 'trebuchet ms', sans-serif; display: block; box-shadow: #333 0 7px 5px -6px; transition: 0.2s all ease-in-out
}
#sidebarLeft a.home:hover {background-color: #147; color: #FD0;}
#sidebarLeft ul {width: 100%; list-style-type: none; border-radius: 8px; box-shadow: #333 0 7px 5px -6px; margin: 15px 0; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s;}
#sidebarLeft ul li {position: relative; color: #FFF; width: 100%; font: bold 14px/40px 'trebuchet ms', sans-serif;}
#sidebarLeft ul .title {background-image: url(/images/layout/sprite.png); background-repeat: no-repeat; border-bottom: 1px solid #01509b; text-indent: 40px;}
#sidebarLeft .menu .title {background-position: 10px -116px;}
#sidebarLeft .information .title {background-position: 9px -158px;}
#sidebarLeft ul li:nth-child(2) {border-top: 1px solid #0b6fba;}
#sidebarLeft ul li a {background-image: url(/images/layout/sprite.png); background-repeat: no-repeat; background-position: 10px -475px; color: #FFF; font: normal 11px/40px 'trebuchet ms'; text-indent: 40px; display: block; transition: 0.2s all ease-in-out;}
#sidebarLeft ul li a:hover, #sidebarLeft ul li a.hovered {background-color: #000; background-color: rgba(0,0,0,0.4); color: #FD0; text-shadow: #333 1px 1px 1px;}
#sidebarLeft ul li.results a {background-position: 10px -197px;}
#sidebarLeft ul li.tickets a {background-position: 10px -1326px;}
#sidebarLeft ul li.checker a {background-position: 10px -237px;}
#sidebarLeft ul li.generator a {background-position: 10px -277px;}
#sidebarLeft ul li.statistics a {background-position: 10px -317px;}
#sidebarLeft ul li.news a {background-position: 10px -357px;}
#sidebarLeft ul li.information a {background-position: 10px -1287px;}
#sidebarLeft ul li.apps a {background-position: 10px -1084px;}
#sidebarLeft ul li.lotteries a {background-position: 10px -397px;}
#sidebarLeft ul li.lotteries a:hover, #sidebarLeft ul li.lotteries a.hovered {border-radius: 0 0 0 8px;} 
#sidebarLeft ul li.last a:hover {border-radius: 0 0 8px 8px;}
#sidebarLeft .information li a {background-position: 10px -475px;}
#sidebarLeft ul li.syndicates a {background-position: 10px -1443px;}

#sidebarLeft ul.lotto li.title, #sidebarLeft ul.powerball li.title {border-bottom: 1px solid #800;}
#sidebarLeft ul.lotto li:nth-child(2), #sidebarLeft ul.powerball li:nth-child(2) {border-top: 1px solid #B00;}
#sidebarLeft ul.euromillions li.title {border-bottom: 1px solid #37B;}
#sidebarLeft ul.euromillions li:nth-child(2) {border-top: 1px solid #49D;}
#sidebarLeft ul.thunderball li.title {border-bottom: 1px solid #880065;}
#sidebarLeft ul.thunderball li:nth-child(2) {border-top: 1px solid #c30091;}
#sidebarLeft ul.health li.title {border-bottom: 1px solid #A30;}
#sidebarLeft ul.health li:nth-child(2) {border-top: 1px solid #F60;}
#sidebarLeft ul.el-gordo li.title {border-bottom: 1px solid #600;}
#sidebarLeft ul.el-gordo li:nth-child(2) {border-top: 1px solid #A00;}
#sidebarLeft ul.megamillions li.title {border-bottom: 1px solid #006;}
#sidebarLeft ul.megamillions li:nth-child(2) {border-top: 1px solid #35B;}
#sidebarLeft ul.superenalotto li.title {border-bottom: 1px solid #590;}
#sidebarLeft ul.superenalotto li:nth-child(2) {border-top: 1px solid #8B0;}
#sidebarLeft ul.health li a, #sidebarLeft ul.megamillions li a, #sidebarLeft ul.superenalotto li a {font-size: 10px !important;}

.subby:after {content: '›'; position: absolute; width: 5px; top: 0; right: 12px; color: #FFF; font: normal 16px/36px arial;}
.sub-menu {position: absolute; top: -15px; left: 180px; width: 0 !important; opacity: 0; display: block; overflow: hidden; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s; border-radius: 0 6px 6px 0 !important; z-index: 99;}
.sub-menu li {border: none !important;}
.sub-menu li a {background-position: 10px -475px !important; width: 184px; font-size: 12px;}
.menu a:hover ~ .sub-menu, .sub-menu:hover {width: 184px !important; opacity: 1;}
.sub-menu li:first-child a {border-radius: 0 6px 0 0 !important;}
.sub-menu li:last-child a {border-radius: 0 0 6px 0 !important;}



/* FOOTER */
footer .inner {text-align: center;}
.footerCol {width: 260px; list-style-type: none; padding: 10px 0 20px; float: left;}
.footerCol .title {color: #1268AF; font: bold 16px/35px 'trebuchet ms', sans-serif;}
.footerCol a {
	background: url(/images/layout/sprite.png) transparent 6px -520px no-repeat; color: #555; text-indent: 25px; font: normal 12px/30px 'trebuchet ms', sans-serif;
	display: block; transition: 0.2s all ease-in-out; border-radius: 5px; width: 150px; padding-left: 10px;
}
.footerCol a:hover {color: #000; background-color: #DDD; box-shadow: inset #333 0 1px 1px -1px;}
.footerSocial {float: right; padding: 3px 0 0 10px;}
.footerSocial a {position: relative;}
.footerSocial span {display: inline-block; padding: 6px; color: #1268AF; font: bold 12px/15px 'trebuchet ms', sans-serif;}
.footerSocial a span {
	background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; font: bold 14px/42px 'trebuchet ms'; text-align: center; padding: 0;
	width: 40px; height: 40px; border-radius: 20px; transition: .2s opacity ease-in-out; display: block; opacity: 0; color: #FFF;  margin: 0;
}
.footerSocial img {vertical-align: middle;}
.footerSocial a:hover span {opacity: 1;}
#footerLogo {float: left;}
#footerLogo img {padding-top: 10px; width: 250px;}
.footerRight {float: right; list-style-type: none; padding-top: 20px;}
.footerRight li {float: left; border-left: 1px solid #555; padding: 0 10px; height: 12px;}
.footerRight li:first-child {border-left: none;}
.footerRight li a {color: #1268AF; font: 11px/12px 'trebuchet ms', sans-serif; display: block;}
.footerRight li a:hover {color: #A00;}
.copyright {padding: 30px 0; font-size: 10px; color: #9F9F9F; line-height: 15px;}



/* GENERAL CONTENT */

#content.page {background: #FFF; border-radius: 8px; padding: 20px; width: 720px; margin-top: 20px;}
#content.page p {font: 13px/22px 'trebuchet ms', sans-serif; padding: 10px 0; margin: 0;}

.breadcrumbs {float: right; width: 760px; padding-top: 20px; color: #215ca2; font-size: 18px; margin-bottom: -10px;}
.breadcrumbs span {position: relative; color: #FFF; font-size: 11px; top: -1px;}
.breadcrumbs a {text-decoration: underline; color: #FFF;}
.breadcrumbs a span {color: #FFF;}
.breadcrumbs a:hover {color: #FF0;}
.breadcrumbs a:hover span {color: #FF0;}

.box {
	background: #F4F4F4;
	background: -moz-linear-gradient(top,  #FFF 0%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top,  #FFF 0%,#e7e7e7 100%);
	background: linear-gradient(to bottom,  #FFF 0%,#e7e7e7 100%);
	position: relative; border: 5px solid #FFF; box-shadow: #333 0 5px 5px -3px; font-size: 11px; line-height: 18px; vertical-align: top;
	display: inline-block; *display: inline; zoom: 1; padding: 15px; color: #666; border-radius: 5px; z-index: 1; margin: 10px 5px;
}
.blueOut, .playBox, .button.blue {
	background: #0981db;
	background: -moz-linear-gradient(top,  #0981db 0%, #005b9f 100%);
	background: -webkit-linear-gradient(top,  #0981db 0%,#005b9f 100%);
	background: linear-gradient(to bottom,  #0981db 0%,#005b9f 100%);
}
.blueIn {
	background: #005b9f;
	background: -moz-linear-gradient(top,  #005b9f 0%, #0981db 100%);
	background: -webkit-linear-gradient(top,  #005b9f 0%,#0981db 100%);
	background: linear-gradient(to bottom,  #005b9f 0%,#0981db 100%);
}
.button {position: relative; padding: 6px 16px; transition: 0.2s color ease-in-out; box-shadow: #333 0 2px 2px -2px; border-top: none !important; font: bold 16px/20px 'trebuchet ms'; border-radius: 6px;}
.button.orange {
	background: #ffbd19;
	background: -moz-linear-gradient(top, #ffbd19 0%, #ff5405 96%, #F60 96%);
	background: -webkit-linear-gradient(top, #ffbd19 0%,#ff5405 96%,#F60 96%);
	background: linear-gradient(to bottom, #ffbd19 0%,#ff5405 96%,#F60 96%);
	border: 1px solid #C30; border-bottom: 3px solid #C30; color: #FFF; text-shadow: #333 0 -1px 0; 
}
.button.yellow, .button.red:hover, .button.orange:hover {
	background: #ffdd00;
	background: -moz-linear-gradient(top,  #ffdd00 0%, #ffcc00 96%, #fcf0cf 96%);
	background: -webkit-linear-gradient(top,  #ffdd00 0%,#ffcc00 96%,#fcf0cf 96%);
	background: linear-gradient(to bottom,  #ffdd00 0%,#ffcc00 96%,#fcf0cf 96%);
	border: 1px solid #DA2; border-bottom: 3px solid #DA0; color: #333; text-shadow: #FE0 1px 1px 0;
}
.button.yellow:hover, .button.red {
	background: #cc0000;
	background: -moz-linear-gradient(top,  #cc0000 0%, #990000 96%,#C93030 96%);
	background: -webkit-linear-gradient(top,  #cc0000 0%,#990000 96%,#C93030 96%);
	background: linear-gradient(to bottom,  #cc0000 0%,#990000 96%,#C93030 96%);
	border: 1px solid #600; border-bottom: 3px solid #600; color: #FFF; text-shadow: #333 0 -1px 0;
}
.button.blue {border: 1px solid #228; border-bottom: 3px solid #006; color: #FFF; text-shadow: #333 -1px -1px 0;}
.button.blue:hover {
	background: #61b5f4;
	background: -moz-linear-gradient(top,  #61b5f4 0%, #4986ff 100%);
	background: -webkit-linear-gradient(top,  #61b5f4 0%,#4986ff 100%);
	background: -o-linear-gradient(top,  #61b5f4 0%,#4986ff 100%);
	background: linear-gradient(to bottom,  #61b5f4 0%,#4986ff 100%);
	border: 1px solid #33A; border-bottom: 3px solid #33A;
}
.button.yellow:active, .button.blue:active, .button.orange:active, .button.red:active {margin-top: 2px; border-bottom-width: 1px;}
.button.blue.smaller {font-size: 14px; padding: 5px 10px;}
.box.third {width: 170px;}
.box.half {width: 290px;}
.box.medium {width:394px;}
.box.full, .box.news {width: 710px;}
.box h2, .box h3, .box .Title2, .box .Title3 {padding-top: 0; margin-top: 0;}
.box.yellow, .box.blue, .box.orange {width: 260px; height: 160px; margin: 10px 0 0; left: -5px;}
.box.yellow {background: url(/images/layout/bg-sprite.png) #ffdc14 0 -600px repeat-x;}
.box.yellow p {width: 140px;}
.box.yellow img, .box.blue img, .box.orange img {position: absolute; top: 20px; right: 4px;}
.box.blue {background: url(/images/layout/bg-sprite.png) #4eaaf4 0 -900px repeat-x;}
.box.blue p {color: #FFF; width: 160px;}
.box.orange {background: url(/images/layout/bg-sprite.png) #ef8e33 0 -1200px repeat-x;}
.box.orange p {color: #FFF; width: 130px;}
.box.orange .Title2 {color: #1268AF;}
.box.news, .box.news h2 {color: #FFF;}
.box.news a {color: #FD0;}
.box.news a:hover {color: #FF0;}
.box.news hr {width: 100%; border: none; border-top: 1px solid #05B; border-bottom: 1px solid #28D; background: transparent; margin: 20px 0;}
.boxImage{display:block;height:300px;line-height:300px;text-align: center;}
.boxImage img{display:inline-block;*display:inline;zoom:1;margin:auto;vertical-align: middle;}
.newsThird {background: #F4F4F4; position: relative; padding: 4px 14px !important; border-radius: 6px; margin: 0 3px 5px; cursor: pointer; transition: .3s all ease-in-out; width: 683px;}
.newsThird {background: #F4F4F4; position: relative; height: 300px; width: 205px !important;}
.newsThird:hover {background: #1268AF;}
.newsThird:hover p {color: #FFF;}
.newsThird:hover a, .newsThird:hover h3 {color: #FC0 !important; background-position: right -890px !important;}
.newsThird.noText {float: left; height: 80px;}
.newsThird.noText h3 {font-size: 13px !important;}
.datePub {color: #888; font-size: 12px !important;}
a.arrowLink.newsIntro {position: absolute; bottom: 10px; right: 10px; font-size: 12px;}
.col3 {width: 31%; padding: 0 2% 0 0;}

.arrowLink {background: url(/images/layout/sprite.png) right -890px no-repeat; position: relative; padding-right: 25px; font: bold 14px/20px 'trebuchet ms'; display: inline-block; *display: inline; zoom: 1; margin-top: 5px; color: #1268AF;}
.arrowLink.yellow {background-position: right -990px; color: #FFF !important;}
.arrowLink.white {color: #FFF;}
.arrowLink:hover {background-position: right -940px; color: #C00;}
.arrowLink.yellow:hover {background-position: right -990px; color: #ffdc00 !important;}

table.prizebreakdown td, table.prizebreakdown th{text-align:right;}
.table {background: #CCC; border: 1px solid #AAA; position: relative; border-radius: 8px; border-spacing: 0; margin: 10px auto 20px; padding: 2px; overflow: hidden; z-index: 1;}
.table th {background: #175fb0; position: relative; padding: 18px 14px; color: #FFF; text-shadow: #333 0 -1px 1px; text-align: left;}
.table tr.sub th {background: #555;}
.table td, .tableCell {background: #EEE; padding: 12px;}
.table tr.alt td, .table tr:nth-child(odd) td {background-color: #DDD;}
.table tr:first-child td:first-child, .table tr:first-child th:first-child {border-top-left-radius: 6px;}
.table tr:first-child td:last-child, .table tr:first-child th:last-child {border-top-right-radius: 6px;}
.table tr:last-child td:first-child {border-bottom-left-radius: 6px;}
.table tr:last-child td:last-child {border-bottom-right-radius: 6px;}
.table.lotto tr.totals td {background-color: #777; color: #FFF;}
div.table {background: #EEE;}
table.table.euromillions.prizestats {font-size: 12px;line-height: 12px;}
.prizestats td, .prizestats th{padding: 10px 3px;}
.nowrap {white-space: nowrap;}
.rightalign{text-align: right;}

ul.bullet, ol.bullet {position: relative; text-align: left; list-style-type: none; padding: 5px 20px; margin: 5px 0; vertical-align: top;}
ol.bullet {list-style-type: decimal;}
ul.bullet li {background: url(/images/layout/sprite.png) transparent 0 -1386px no-repeat; position: relative; font: normal 12px/20px 'trebuchet ms', sans-serif; overflow: hidden; padding-left: 30px; margin: 10px 0;}
ol.bullet li {position: relative; font: normal 12px/20px 'trebuchet ms', sans-serif; padding-left: 10px; margin: 10px 0 10px 20px;}
ul.bullet li.title {background: #EEE; padding: 3px 10px; color: #093E87; font-size: 120% !important; font-weight: bold; text-align: center; border-radius: 6px;}
ul.bullet.sub {background: none; border: none; list-style-type: disc; padding: 5px 10px;}
ul.bullet.sub li {background: none; line-height: 16px; overflow: visible; padding: 5px; margin: 0 0 0 10px;}
ul.bullet.halfList {max-width: 42%;}

ul.trendyList {position: relative; text-align: left; list-style-type: none; padding: 0 20px; margin: 5px 20px; border-left: 6px solid #EEE; vertical-align: top;}
ul.trendyList li {background: url(/images/layout/sprite.png) transparent 0 -687px no-repeat; position: relative; font: normal 12px/20px 'trebuchet ms', sans-serif; padding-left: 34px; overflow: hidden; margin: 14px 0 14px -26px; left: -12px;}
ul.trendyList li:hover {background-position: 0 -787px;}
ul.trendyList.halfList {max-width: 36%;}

.notice {position: relative; padding: 20px 20px 20px 80px; border-left: 6px solid #09F; border-radius: 6px; font: 14px/24px 'trebuchet ms'; margin: 10px auto 20px; color: #FFF; text-align: left;}
.notice img {position: absolute; top: 20px; left: 16px;}
.notice a {color: #FC0;}
.notice a:hover {color: #FF0;}
.notice.alt {padding: 5px 20px;}
.sticky {position: fixed !important; top: 0 !important; width: 100% !important; left: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 !important; z-index: 99999;}

.playBox {position: relative; min-width: 98%; height: 100px; border-radius: 8px; overflow: hidden; color: #FFF; margin-bottom: 20px;}
.playBox img {padding-right: 10px; border-radius: 8px 0 0 8px;}
.playBox .jackpotArea, .playBox .timerArea {position: absolute; left: 220px; top: 12px;}
.playBox .timerArea {position: absolute; display: none; top: 20px; left: 254px;}
.playBox .jackpotArea.timeOut {left: 220px; top: 20px;}
.playBox .rolloverArea {background: #000; background: rgba(0,0,0,0.4); border-radius: 6px; text-align: center; margin: 5px; padding: 5px 20px;}
.jackpotTxt {color: #FFF; font: bold 36px/40px 'trebuchet ms', sans-serif; letter-spacing: -1px;}
.makerChecker {width: 580px; min-width: 0;}
#MakerResponse, #RaffleResponse {background: #009; background: rgba(0,0,0,0.4); padding: 3px 5px; color: #FFF; line-height: 20px; width: 320px; border-radius: 6px; height: 20px; margin-top: 5px; font-size: 12px !important;}
#MakerResponse .success, #RaffleResponse .success {color: #6F0;}
#MakerResponse .error, , #RaffleResponse .error {color: #F77;}

.playBox.lotto {background: url(/images/layout/lotto-bg.jpg) transparent no-repeat !important;}
.playBox.euromillions {background: url(/images/layout/euromillions-bg.jpg) transparent no-repeat !important;}
.playBox.thunderball {background: url(/images/layout/thunderball-bg.jpg) transparent no-repeat !important;}
.playBox.health-lottery {background: #ff5400 !important;}
.playBox.health-lottery-quick-pick {background: #0086df !important;}



/* HOME PAGE RESULTS & TICKETS */

.dateBox {background: #005b9f; position: relative; font: normal 14px/34px 'trebuchet ms'; padding: 0; float: left; width: 210px; text-align: center; border-radius: 10px; color: #FFF; margin: 10px 20px 10px;}
.resultsBox {padding-left: 20px; margin-bottom: -12px;}
.jackpotBox {background: #005b9f; position: absolute; right: 20px; top: 55px; border-radius: 10px; padding: 10px; height: 90px; width: 150px; text-align: center; color: #FFF; font: normal 16px/20px 'trebuchet ms';}
.jackpotBox strong {line-height: 24px; font-size: 22px;}
.jackpotBox .arrowL {background: url('/images/layout/sprite.png') no-repeat 0 -1040px; position: absolute; width: 16px; height: 32px; left: -15px; top: 60px;}
.jackpotBox.tickets {position: relative; right: auto; top: auto; display: block; margin: 5px auto; height: auto;}
.jackpotBox.tickets h3 {margin-top: 0;}
.jackpotBox.tickets p {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.jackpotBox.tickets .button {font-size: 13px; width: 150px; padding: 5px 0;}
.rolloverBox {background: #2c79d2; border-radius: 8px; line-height: 30px; margin-top: 10px;}
.jackpotBox.tickets .rolloverBox {margin: 5px 0 10px;}
.jackpotBox.tickets .rolloverBox strong {font-size: 18px !important;}
.raffleBox {background:url(/images/layout/icon-info.png) #005b9f 3px 3px no-repeat; position: absolute; top: 175px; left: 250px; border-radius: 8px; color: #FFF; font: normal 12px/15px 'trebuchet ms'; padding: 4px 5px 4px 25px; z-index: 9;}
.bottomBox {
	background: #DDD;
	background: -moz-linear-gradient(top,  #FFF 0%, #BBB 100%);
	background: -webkit-linear-gradient(top,  #FFF 0%,#BBB 100%);
	background: linear-gradient(to bottom,  #FFF 0%,#BBB 100%);
	position: relative;  left: -20px; top: 20px; width: 100%; border-radius: 0 0 5px 5px; padding: 10px 20px; overflow: hidden;
}
.bottomBox ul.bullet li {float: left; padding-right: 40px;}
.bottomBox ul.bullet li a {float: left; color: #333; font: normal 14px/18px 'trebuchet ms'; text-shadow: #FFF 1px 1px 0;}
.bottomBox ul.bullet li a:hover {color: #C00;}
.bottomBox .button {position: absolute; right: 26px; top: 18px;}
.ticketsLeft {position: relative; text-align: center !important; width: 160px; left: -5px;}
.ticketsLeft img {position: relative !important; padding: 0 !important; top: 0 !important; left: 0 !important;}
.ticketsLeft p {margin: 0;}
.ticketsRight {position: absolute; width: 110px; height: 180px; padding: 10px 0 0; text-align: center; top: 0; right: 0; color: #FFF; line-height: 12px;}
.ticketsRight.euromillions {background: #005b9f;}
.ticketsRight.lotto {background: #900;}
.jackpotAmt {color: #FD0; font-size: 24px; font-weight: bold; line-height: 24px; padding: 20px 0;}
.jackpotAmt span {font-size: 30px; letter-spacing: -1px; line-height: 30px;}



/* RESULTS */

.resultsHeader.lotto, .resultsHeader.powerball, .resultsHeader.canada-6-49, .resultsBottom.lotto, .table.lotto th, .table.powerball th, .table.canada-6-49 th, .playBox.lotto, .playBox.powerball, .playBox.canada-6-49, .menu.lotto, .menu.lottoplus5, .resultsHeader.lottoplus5, .table.lottoplus5 th {background: #9c0000;}
.resultsHeader.euromillions, .resultsBottom.euromillions, .table.euromillions th, .playBox.euromillions, .menu.euromillions {background: #3489ca;}
.resultsHeader.thunderball, .resultsBottom.thunderball, .table.thunderball th, .playBox.thunderball, .menu.thunderball {background: #9e0076;}
.resultsHeader.health-lottery, .resultsBottom.health-lottery, .table.health-lottery th, .playBox.health-lottery, .menu.health {background: #db4800}
.resultsHeader.health-lottery-quick-pick, .resultsBottom.health-lottery-quick-pick, .table.health-lottery-quick-pick th {background: #db4800}
.resultsHeader.superenalotto, .table.superenalotto th, .playBox.superenalotto, .menu.superenalotto {background: #72a600;}
.resultsHeader.megamillions, .table.megamillions th, .playBox.mega-millions, .menu.megamillions {background: #039;}
.resultsHeader.el-gordo, .table.el-gordo th, .menu.el-gordo {background: #800;}
.resultsHeader.hot-picks, .resultsBottom.hot-picks, .table.hot-picks th, .playBox.hot-picks, .menu.hot-picks {background: #bb2800;}

.resultsOuter {background: #CCC; position: relative; width: 340px; border: 1px solid #AAA; border-radius: 8px; padding: 2px; z-index: 1; margin: 10px 5px; vertical-align: top;}
.resultsOuter.full {width: 700px; height: 200px;}
.resultsInner {background: #EEE; position: relative; width: 100%; z-index: 1; border-radius: 6px; vertical-align: top;}
.resultsOuter.full .resultsInner {height: 200px;}
.resultsOuter img {position: relative; border-radius: 8px 8px 0 0; display: block;}
.resultsOuter.full img {border-radius: 0 0 0 8px; z-index: 2;}
.resultsHeader {position: relative; color: #FFF; width: 92%; padding: 10px 4%; font-size: 13px; line-height: 20px; z-index: 1;}
.resultsHeader strong {font-size: 18px;}
.resultsHeader h3 {color: #FFF; line-height: 20px; margin: 0; padding: 0; font-size: 18px !important;}
.resultsOuter.full .resultsHeader {border-radius: 6px 6px 0 0; width: 680px; padding: 10px;}
.resultsInner .balls {text-align: center; padding: 20px 0 6px;}
.resultsInner .raffleWinners {width: 175px; padding: 10px 0 15px 12px; font-size: 13px; line-height: 16px; float: left;}
.resultsOuter.full .raffleWinners {margin-bottom: 6px;}
.resultsInner .jackpot {position: relative; width: 135px; float: right; padding: 10px 12px 15px 0; font-size: 13px; line-height: 16px; text-align: right;}
.resultsInner .jackpot strong {font-size: 16px;}
.resultsInner .arrowLink {margin-left: 12px;}
.resultsInner .button {margin-right: 10px; margin-bottom: 10px; font-size: 14px;}
.resultsBottom {clear: both; border-radius: 0 0 8px 8px; margin-top: 10px; overflow: hidden;}
.resultsBottom a {background-image: url(/images/layout/sprite.png); background-repeat: no-repeat; color: #FFF; display: block; transition: 0.2s all ease-in-out; width: 126px; float: left; padding: 10px 10px 10px 34px; line-height: 14px; font-size: 12px;}
.resultsBottom.lotto a.checker {background-color: #c60000;}
.resultsBottom.euromillions a.checker {background-color: #4eacf5;}
.resultsBottom.thunderball a.checker {background-color: #d10686;}
.resultsBottom.health-lottery a.checker {background-color: #fe8500;}
.resultsBottom a:hover {background-color: #000 !important; background-color: rgba(0,0,0,0.4) !important; color: #FD0;}
.resultsBottom a.results {background-position: 12px -194px;}
.resultsBottom a.checker {background-position: 12px -233px;}
.rollCorner {background: url(/images/layout/rollover.png) transparent 0 0 no-repeat; width: 89px; height: 89px; color: #333; position: absolute; top: 42px; right: 0; text-align: center;}
.rollCorner .inner {-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); font: bold 15px/14px arial, sans-serif; width: 80%; height: 80%; top: 6px; right: -3px; padding: 0; text-shadow: #FF0 1px 1px 0;}
.rollCorner.mainResults {border-top-right-radius: 5px; top: 0; z-index: 99;}
.raffle {background: #FFF; color: #333; margin: 5px; font-size: 20px; font-weight: bold; border-radius: 8px;}
.raffle.millionaire {background: #3489ca; color: #FFF; letter-spacing: 3px;}
.raffle.lotto {float: left; display: block; padding: 10px; font-size: 15px; width: 132px; border-left: 6px solid #FFF;}
.raffle.aqua {border-color: aqua;} .raffle.blue {border-color: blue;} .raffle.gold {border-color: gold;}
.raffle.grey {border-color: grey;} .raffle.jade {border-color: #0D9;} .raffle.lime {border-color: lime;}
.raffle.navy {border-color: navy;} .raffle.pink {border-color: pink;} .raffle.plum {border-color: plum;}
.raffle.rose {border-color: #F39;} .raffle.ruby {border-color: #C00;} .raffle.teal {border-color: teal;}
.raffle.noMatch {display: none;}
.raffle.clearer {clear: both;}
.maker {font-size: 18px; color: #3489ca; letter-spacing: 3px; line-height: 20px;}
.maker.condensed {letter-spacing: -0.5px; font-size: 14px; padding-right: 10px;}

.countdown {display: block; width: 160px; margin: 5px auto; overflow: hidden; text-align: center;}
.counterPart {background: #FFF; position: relative; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; text-align: center; padding: 3px; margin-right: 2px; border-radius: 4px;}
.counterType {position: absolute; font: 10px/16px 'trebuchet ms', sans-serif; color: #062f5f; display: block; bottom: 0; width: 100%; left: 0;}
.counterVal {position: relative; font: 20px/20px 'trebuchet ms', sans-serif; color: #005b9f; display: block; top: 0; width: 100%; left: 0;}

.result {
	position: relative; width: 60px; height: 60px; text-align: center; font: normal 32px/62px 'trebuchet ms', sans-serif;
	text-shadow: #444 0 1px 2px; border-radius: 60px; display: inline-block; *display: inline; zoom: 1; margin: 0 2px; top: 0;
}
.result:before {
	content: ''; background: url(/images/layout/sprite.png) transparent 2px -1138px no-repeat; width: 60px; height: 60px; border-radius: 60px;
	border: 4px solid #FFF; position: absolute; display: block; top: -4px; left: -4px; z-index: 2;
}
.result:after {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%);
	content: ''; position: absolute; width: 60px; height: 14px; bottom: -8px; left: -1px; display: block; z-index: -1;
	color: #333; font-size: 11px; text-shadow: none; line-height: 40px; text-align: center;
}
.result.small {width: 40px; height: 40px; font-size: 22px; line-height: 40px; margin: 0;}
.result.small:before {background-position: -9px -1227px; width: 40px; height: 40px; border-width: 2px; top: -2px; left: -2px;}
.result.small:after {width: 40px; left: 0; bottom: -6px;}
.result.small.superenalotto-ball, .result.small.superenalotto-jolly, .result.small.superenalotto-superstar {width: 36px; height: 36px; line-height: 36px;}
.result.small.superenalotto-ball:before, .result.small.superenalotto-jolly:before, .result.small.superenalotto-superstar:before {width: 36px; height: 36px;}
.result.small.superenalotto-ball:after, .result.small.superenalotto-jolly:after, .result.small.superenalotto-superstar:after {width: 36px;}
.lotto-ball, .superenalotto-jolly, .megamillions-mega-ball, .powerball-ball, .canada-6-49-ball, .el-gordo-ball, .lottoplus5-bonus-ball {background: #c90000; box-shadow: inset #6e0101 0 0 18px 6px; color: #FFF;}
.lotto-bonus-ball, .canada-6-49-bonus-ball {background: #FFF; box-shadow: inset #ae2222 0 0 0 7px, inset #000 0 0 14px -2px; text-shadow: #777 0 1px 2px; color: #333;}
.lotto-ball.small, .superenalotto-jolly.small {box-shadow: inset #6e0101 0 0 12px 4px;}
.lotto-bonus-ball.small, .canada-6-49-bonus-ball.small {box-shadow: inset #ae2222 0 0 0 5px, inset #000 0 0 10px -2px;}
.lottoplus5-ball {background: #FFF; box-shadow: inset #444 0 0 6px 0; color: #333;}
.euromillions-ball {background: #8bc5ef; color: #FFF; box-shadow: inset #347fc4 0 0 18px 10px;}
.euromillions-lucky-star, .superenalotto-superstar, .megamillions-megaplier, .powerball-power-play, .el-gordo-bonus-ball {background: #ffdf00; box-shadow: inset #ffc101 0 0 24px, inset #ffa201 0 0 15px; color: #333; text-shadow: #990 0 1px 2px;}
.thunderball-ball {background: #c900ad; box-shadow: inset #820962 0 0 18px 6px; color: #FFF;}
.thunderball-thunderball {background: #FFF; box-shadow: inset #a10079 0 0 0 7px, inset #000 0 0 14px -2px; text-shadow: #777 0 1px 2px; color: #333;}
.thunderball-thunderball.small {box-shadow: inset #a10079 0 0 0 5px, inset #000 0 0 10px -2px;}
.health-ball, .health-lottery-ball, .daily-ball, .health-lottery-quick-pick-ball {background: #ffa600; box-shadow: inset #ff5400 0 0 18px 6px; color: #FFF;}
.health-bonus-ball, .health-lottery-bonus-ball {background: #FFF; box-shadow: inset #ff7200 0 0 0 7px, inset #000 0 0 14px -2px; text-shadow: #777 0 1px 2px; color: #333;}
.health-bonus-ball.small, .health-lottery-bonus-ball.small {box-shadow: inset #ff7200 0 0 0 5px, inset #000 0 0 10px -2px;}
.irish-ball, .dream-ball, .superenalotto-ball {background: #92c100; box-shadow: inset #407400 0 0 18px 6px; color: #FFF;}
.irish-bonus-ball {background: #FFF; box-shadow: inset #5f8a02 0 0 0 7px, inset #000 0 0 14px -2px; text-shadow: #777 0 1px 2px; color: #333;}
.irish-bonus-ball.small {box-shadow: inset #5f8a02 0 0 0 5px, inset #000 0 0 10px -2px;}
.hotpicks-ball, .hot-picks-ball {background-color: #C12A00; box-shadow: inset #400 0 0 20px -2px, inset #F60 0 0 0 9px; text-shadow: #777 0 2px 2px; color: #FFF;}
.hotpicks-ball.small, .hot-picks-ball.small {box-shadow: inset #F60 0 0 0 5px, inset #400 0 0 10px -2px;}
.megamillions-ball, .powerball-powerball {background-color: #039; box-shadow: inset #026 0 0 20px -2px; text-shadow: #333 0 2px 2px; color: #FFF;}

.megamillions-mega-ball:after {content: 'Mega Ball';}
.megamillions-megaplier:after {content: 'Megaplier';}
.powerball-powerball:after {content: 'Powerball';}
.powerball-power-play:after {content: 'Power Play';}
.superenalotto-jolly:after {content: 'Jolly';}
.superenalotto-superstar:after {content: 'Superstar';}
.el-gordo-bonus-ball:after {content: 'Bonus Ball';}
.megamillions-mega-ball.small:after, .megamillions-megaplier.small:after,
.powerball-powerball.small:after, .powerball-power-play.small:after,
.superenalotto-jolly.small:after, .superenalotto-superstar.small:after,
.el-gordo-bonus-ball.small:after {content: '' !important;}



/* CHECKER */
.checker .result {transition: all 0.1s linear; -webkit-transition: all 0.1s linear;}
.checker .result:after {display: none;}
.checker.grid .result {cursor: pointer;}
.checker.grid .result:hover {color: #FF0; text-shadow: #FF0 0 0 3px;}
.checker .result.lotto-ball.selected {background-color: #F66; box-shadow: inset #F00 0 0 18px 6px;}
.checker .result.euromillions-ball.selected {background: #9DF; box-shadow: inset #0CF 0 0 18px 6px;}
.checker .result.euromillions-lucky-star:hover {color: #F60;}
.checker .result.euromillions-lucky-star.selected {background: #F80; box-shadow: inset #F50 0 0 18px 6px;}
.checker .result.euromillions-lucky-star.selected:hover {color: #FFF;}
.checker .result.thunderball-ball.selected {background: #ff88b8; box-shadow: inset #d10686 0 0 16px 4px;}
.checker .result.thunderball-thunderball.selected {box-shadow: inset #E69 0 0 0 7px, inset #000 0 0 14px -2px;}
.checker .result.health-ball.selected {background-color: #FF0; box-shadow: inset #F90 0 0 15px 3px; color: #333;}
.checker .result.disabled, .checker .result.greyed {background: #DDD; color: #AAA !important; top: 0 !important; cursor: default !important; box-shadow: inset #BBB 0 0 9px 6px !important; text-shadow: none;}
.checker .result.bonus-ball.greyed, .checker .result.thunderball.greyed {background: #FFF !important; box-shadow: inset #CCC 0 0 0 4px !important;}
.checker .result.lucky-star.greyed {background-color: #FFF; box-shadow: inset #DDD 0 0 8px 2px !important;}
.checkNum.disabled:active {background: #EEE;}
.button.blue.disabled {cursor: default !important; opacity: 0.3;}
.checker.lotto .prize td {background-color: #c60000; color: #FFF;}
.checker.euromillions .prize td {background-color: #4eacf5; color: #FFF;}
.checker.thunderball .prize td {background-color: #d10686; color: #FFF;}
.checker.health-lottery .prize td {background-color: #fe8500; color: #FFF;}

/* POLLS */
.pollBox{background:#2c79d2;text-align:left !important; color: #FFF; border-radius: 8px; margin-bottom: 20px; width:370px;}
.pollBox h2 {color: #FFF;}
.pollBox a {color: #fd0;}
.pollBox .title3 {margin-top:15px;}
.pollBox a:hover {color: #FF0;}
#poleResult {color:#fff;}

/* GENERATOR */
.result .innerA {position: absolute; width: 60px; height: 60px; line-height: 60px; padding: 0; margin: 0; left: 0; top: 0; display: block; overflow: hidden;}
.result .innerB, .result .number {position: relative; width: 100%; height: 100%;}
.result .innerB {display: block;}



/* SOCIAL MEDIA */
.social {position: relative; padding: 20px 20px 0 0; margin-bottom: 10px; text-align: center; line-height: normal; text-indent: 0; font-size: 12px;}
.social.home {padding: 8px 60px 8px 10px; height: 20px; margin-top: 10px;}
.social.latest {position: absolute; top: 0; right: 0;}
.social.inPlace {
	background: #EEE; background: rgba(0,0,0,0.07); border: solid 1px #DDD; margin: 20px auto; float: none; width: auto; border-radius: 6px; box-shadow: inset #BBB 0 1px 2px -2px;
	padding: 8px 10px; height: 20px; display: inline-block; display: *inline; zoom: 1;
}
.social p {float: left; line-height: 12px; font-size: 12px; padding: 4px 10px; margin: 0;}
.social.inPlace p {padding: 0 10px !important;}
.social.latestResult {position: absolute; top: 12px; right: 10px; padding: 0; margin: 0;}
.facebook, .twitter {background-repeat: no-repeat; background-size: 14px; background-position: 4px center; position: relative; color: #FFF; font: bold 11px/20px arial, sans-serif; text-align: left; border-radius: 3px; display: inline-block; *display: inline; zoom: 1; margin: 0 4px; text-indent: 20px; padding: 1px 4px 1px 2px; text-shadow: none; cursor: pointer;}
.facebook{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARBJREFUeNpi+P//PxMQ1wLx8//0Ay+BuA5kNwPU8oECNYwgnzMwMEgwDAx4CXLAfyoY9BCIVwPxdSB+A8T/gJgRiuWBeBJOnVQIxmYgZgX5AwfWwaeZhUKfTwDiWkoMYKJA7wcgrqE07ihxwBYg/kqpAyiJgss4xM2BuA2I2aF8Llo54BMO8QwgdqJHFOACrPRKA1QBLGTE+zEo+yoONXuB+AsSnxuIY6hVEE3AU+Dgwgb4DKRHFEgNdBoY3A4gNRGqAXEElH0aiO9iUWMBxApIfCu8JlJQC2bgSHRLSDFkwMuBUQeMOmDUAaMOGBQOeDWA9j8HOWDqADpgMqg2bIH25XKAWJxePgdZDsQdAAEGAO0jgh5iZBmJAAAAAElFTkSuQmCC); background-color: #425CAF;}
.twitter {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdZJREFUeNrsl08oREEcx3fZYsvaHJaUP1tSRJzszd1Jidy2HFwoEnelJC6uTk5K5LDlIIUcJIoD7WUdOOweiINsq9afdnynfjKNnZ2Z13tJ7a8+h3lv5v2+7838/jw/Y8z3l+YvCygL8EBAEwiBDMhpZ3MBAhXS2JRKMAfS7Mc+wR7oFebVgnFxrfygOFi2dF4F9pna8mABbIEcmC0lIEGLFi0ErDJz2wBh0KMScCVM3gQhjfMIeDN0ngVnIAOiKgEn0qI7MFhCwCizswfpTPwSsKJYeAqGab/F+dMWzvmhbJZfQg7DVpAC1YqgyYIDcE7z+sC8YXjmQVCXB3j8joB1fs/l/PAIGnQCLsE9iIJulwVcgJh8MSCNk2DMo6x7bZIJY6DAvLF4sUgqFlpLHjh/B3WmAnyU119dFLCtyiWqajgE2sAUaHFh/2N0CLVnQPwCbtlOqXSuuhEAhy44fwaNTgRwgmCNUqgTK2jqiFbANzx/T4AnSwEzJuXcRMAASFoWnUnTfkKMgnrwAcKgHfRTXei0OO1pyqTHxisENV1g1+F+56iLCjHLfrLYxQ7qC1Iap7wTOqLPHXbYzGrb8ghVRd5q11BNfwG34IbG5R+T/y3gS4ABAPnOO1QptiXuAAAAAElFTkSuQmCC); background-color: #22A9D6}
.facebook:hover {color: #FFF; background-color: #5574D1;}
.twitter:hover {color: #FFF; background-color: #3BBDE8;}



/* INFORMATION */
.infobox{position:relative;display:inline-block;*display:inline;margin:0 -4px 2% 2%;zoom:1;vertical-align:top}
.infobox.two{width:49%}
.infobox.odd{margin-left:0}
.infobox .content{border-radius:10px;border:1px solid #CCC;padding:10px 15px;background:#f8f8f8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.infobox h2{margin-top:0}
.infobox a{position:static;text-decoration:none}
.infobox a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.infobox:hover .content{border-color: #06468e; color:#fff;background-color:#06468e;cursor:pointer}
.infobox:hover a,.infobox a:hover{color:#fff;background-position:right -991px;}



/* APPS */
.casino-app {float:right; display: inline-block; *display: inline; zoom:1;}
.casino-app a {display: block; text-align: center;}
.casino-app a img {margin:0 auto;}
.casino-app .button {font-size:12px;}



/* NOTICE */
.noticeBlock{
	background: #c90000;
	background: -moz-linear-gradient(top,  #c90000 0%, #6e0101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c90000), color-stop(100%,#6e0101));background: -webkit-linear-gradient(top,  #c90000 0%,#6e0101 100%);background: -o-linear-gradient(top,  #c90000 0%,#6e0101 100%);background: -ms-linear-gradient(top,  #c90000 0%,#6e0101 100%);background: linear-gradient(to bottom,  #c90000 0%,#6e0101 100%);
	border:1px solid #de3034;
	color:white;
	border-radius:5px;
	margin:20px 0;
}
.noticeBlock p{
	display: block;
	padding:20px 20px 20px 80px !important;
	background-image:url(/images/layout/icon-info-64.png);
	background-position:15px 20px;
	background-repeat: no-repeat;
	font-size:14px !important;
}
.noticeBlock.blue {
	background: #0981db;
	background: -moz-linear-gradient(top,  #0981db 0%, #005b9f 100%);
	background: -webkit-linear-gradient(top,  #0981db 0%,#005b9f 100%);
	background: linear-gradient(to bottom,  #0981db 0%,#005b9f 100%);
	border: none;
	color:white;
	border-radius:5px;
	margin:20px 0;
}
.noticeBlock.blue a {color: #FE0;}
.noticeBlock.blue a:hover {color: #F90;}

.FBPopup{position:absolute;right: 10px;top: -90px;z-index:-1;background:none;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:auto}
.showModal{opacity:1;filter:alpha(opacity=100);z-index:99}
.hideModal{opacity:0;filter:alpha(opacity=0)}
.FBPopup .box{width:300px;background-color:#F2F2F2;border:0!important;border-radius:8px;padding: 0!important; */box-shadow:3px 3px 4px #333;position:relative}
#closeFB{background:#f7f7f7;width:60px;height:25px;color:#333;text-align:center;line-height:25px;float:right;margin:13px 15px 0 0;cursor:pointer}
#closeFB:hover{background:#fff}
.FBPopup .box:after{background-color:#e8e8e8;box-shadow:-3px 3px 3px #333;content:"\00a0";display:block;height:20px;right:-180px;
position:relative;top:9px;width:20px;transform:rotate( -45deg );-moz-transform:rotate( -45deg );-ms-transform:rotate( -45deg );-o-transform:rotate( -45deg );-webkit-transform:rotate( -45deg )}
.FBPopup .head{background:url(/images/fb-logo.png) no-repeat #39599c 15px 9px;height:50px;width:100%;border-radius:5px 5px 0 0;margin-bottom:10px}
.FBPopup .box p{color:#333; margin-bottom:10px;}
.FBPopup .box p, .FBPopup .box .button-alt{margin-left:15px}


/* WIDGET BANNER */
.widget.playBox {padding: 0 5px 0 0; min-width: 0; width: auto; height: auto; background-size: cover !important; background-position: top !important;}
.widget .timerArea {position: relative; display: block; left: 0; top: 12px;}
#JackPotForm {color: #FFF; font-size: 11px; text-align: center;}
#JackPotForm p {padding: 5px 0; margin: 0; text-align: center; color: #FFF; font: bold 12px/16px arial;}
span.linky {color: #FD0; cursor: pointer; text-decoration: underline;}
span.linky:hover {color: #FF0;}
.input-number, .input-joker {margin: 2px 0;}
input[type=submit].button{width: 348px;}
.input-number, .input-joker {background: #FFF; border: none; -webkit-appearance: none; width: 32px; height: 32px; text-align: center; font: bold 18px/32px arial; color: #0158A2; border-radius: 4px; padding: 0;}
.input-joker {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAABtUlEQVR4AWKgFLDZlDEzDAYAKL4uVF6JgTAMU3d3d/fO/d/beYHhEELTdjf7d4EH6doXm6QEmaIRd4g8njgjEWeQNUR14wpRhhhuSMcR5ACxjH4doglRd4h6IvOrEAlcIKqDBUQtfhWkD1FnDZbD0+iV4l+HSOMGUXXj2hiiNn/x8STK6GIHUbsPIWdooRi2xVX0scQJ4lB68XzXce8TBw3XQQkJ++EMVrhCvrR8M5HPkC+dMPkfSlOKwxUbDNFA7oueLaKFCXZ4ON59R9G5GtQKmYj3JbO3Hii7bh5bYToR1p6lNWeqnx6aWWGaEQSZWSEaYdPXPULYvdwO2pUbK0zFpwqrXthCtrcmVy7A8w3/ndk4j5r1JWCQtrkCo5jxN2N4EgGeq3jvyNbwiLoEfDYHUXvfIAWI2jruySLlmPBPCK6+QeoQNX9RxhfGRB7bldg6QCV8gpi76dAY+82bXXaGvN67dUx0r2I0t5azcm5oS+v+qk+QFcThhgHSyGOGJ8ShHfVfhgu6SL64P4Oxo5eG3jVEHdFC4suT3sB6fuFbQ/aoe7yjiyv2Pif2SoTnkdq7e/4BWH05krPCLdwAAAAASUVORK5CYII=) #FC0 center no-repeat; color: #FFF;}
.trash {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA3CAMAAACmYpMvAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAe+8N108l2Ew7sQAAAJhJREFUeNrt1MsOwyAMRFE/xvb//3E3k4CUFrNrFpxVhG4QCMlCFLCLyoqjhpAFrQlkITUm8oUn+exem6+xpmxRLSRvsZdGbVFu2bMQ1J4Q3ZRCWxzWCZZWnTeVmnqtJ/iGEXiW8PsXkRhP2JRppzzlKU/599JckhOumWAFRTFQG19zKaiGJUutBoQc/fCmXKcqgyt+Uh7yAzcPJIFLeZfbAAAAAElFTkSuQmCC) transparent center no-repeat;
	background-size: 15px; width: 15px; height: 23px; display: inline-block; position: relative; top: 4px;
}
.widget .jackpotTxt {font-size: 50px; line-height: 50px;}
.qpt {display: inline-block;}