/* #################### Structural Uniques ######################## */

/* Alert */
.band.Alert { margin-top:1rem; padding:0 !important; background-color:#f4f4f7; }
.band.Alert > div { margin:0; padding:0.25em; background-color:#81bd41; }
.Alert h3.alert-title { color:#ffffff; margin-top:0.25em;}
.Alert p { color:#ffffff; }
.Alert a:link, .Alert a:visited { color:#ffffff; }
.Alert a:hover, .Alert a:active { color:#ffffff; }

.band.Alert > div { 	
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(255,255,255,0.1) 25px, rgba(255,255,255,0.1) 50px);
	-webkit-animation:progress 2s linear infinite;
	-moz-animation:progress 2s linear infinite;
	animation:progress 2s linear infinite;
	background-size: 150% 100%;}

@-webkit-keyframes progress	{ 0% { background-position: 0 0; } 100% { background-position: -70px 0px; } }
@-moz-keyframes progress	{ 0% { background-position: 0 0; } 100% { background-position: -70px 0px; } }
@keyframes progress			{ 0% { background-position: 0 0; } 100% { background-position: -70px 0px; } }

/* Alert Amber */
.band.Alert.Amber { margin-top:1rem; padding:0 !important; }
.band.Alert.Amber > div { background-color: #FFBF00; }
.Alert.Amber h3 { color:brown; margin-top:0.25em; }
.Alert.Amber p { color:brown; }
.Alert.Amber a:link, .Alert.Amber a:visited { color:brown; }
.Alert.Amber a:hover, .Alert.Amber a:active { color:brown; }

/* Alert Blue */
.band.Alert.Blue { margin-top:1rem; padding:0 !important; }
.band.Alert.Blue > div { background-color:#223f90; }
.Alert.Blue h3 { color:#fff; margin-top:0.25em; }
.Alert.Blue p { color:#fff; }
.Alert.Blue a:link, .Alert.Blue a:visited { color:#fff; }
.Alert.Blue a:hover, .Alert.Blue a:active { color:#fff; }


/* Alert LuckyNumbers
.band.Alert.LuckyNumbers { margin-top:1rem; padding:0 !important; }
.band.Alert.LuckyNumbers > div { background-color:#81bd41; }
.Alert.LuckyNumbers svg { max-height:5rem; } */


/* AlertDiagnostic */
.AlertDiagnostic { padding:0.25rem !important; background-color:#ffd200; text-align:center; }
.AlertDiagnostic span { width:100%; max-width:1280px; text-align:center; margin:0 auto; }
.AlertDiagnostic a {}


/* article */
.articleFull h1 {}
.articleFull h6 {				display:block; margin-left:1rem; }
.articleFull .article-body {	display:block; margin-left:1rem; }
.articleFull .article-footnote {display:block; margin-left:1rem; font-size:0.75em; border-top:2px solid #f4f4f7; }

.article-photobox-stack-item { clear:left; float:left; width:100%; padding-bottom:1rem; }
.article-photobox-stack-item-link { float:left;  }
.article-photobox-stack-item-attribution { float:right; font-size:0.75em; color:#999; text-transform:uppercase; }
.article-photobox-stack-item-caption { clear:right; display:block; font-size:0.875em; }
.article-photobox-stack-item img { width:100%; float:left; }

.articleList { display:block; }
.articleList div { float:left; clear:left; }
.articleList img { float:left; margin:0.5em; display:none; }
.articleList h6 { display:block; clear:left; float:left; margin:1.5em 1em 0 1rem; padding:0; width:100%; }
.articleList h3 { display:block; clear:left; float:left; margin:0 1em 0.25em 1rem; padding:0; }
.articleList p {  display:block; clear:left; float:left; margin:0 1em 0.5em 1rem; padding:0;}

.articleTeaser { display:block; }
.articleTeaser div { float:left; clear:left; }
.articleTeaser img { float:left; margin:0.5em; display:none; }
.articleTeaser h6 { display:block; clear:left; float:left; margin:1em 1em 0 1rem; padding:0; width:100%; }
.articleTeaser h5 { display:block; clear:left; float:left; margin:0 1em 0.25em 1rem; padding:0; }
.articleTeaser p {  display:block; clear:left; float:left; margin:0 1em 0.5em 1rem; padding:0;}


/* ball types */
.ball { /* default */
	font: 900 1.25em/1.75em 'odudo', Sans-Serif;
	border-radius: 50%;
	border: 1px solid #aaa;
	color: black;
	text-align: center;
	background-color: #fff;
}
.ball.powerball,
.ball.redball {		border:1px solid var(--PowerRed); color:white; background-color:var(--PowerRed); }
.ball.megaball {	border:1px solid var(--GoldenSky); color:var(--MegaBlue); background-color:var(--GoldenSky); }
.ball.luckyball {	border:1px solid var(--GoldenSky); color:var(--LuckyGreen); background-color:var(--GoldenSky); }
.ball.greenball {	border:1px solid var(--Pick3Green); color:white; background-color:var(--Pick3Green); }
.ball.yellowball {	border:1px solid var(--GoldenSky); color:black; background-color: var(--GoldenSky); }
.ball.fireball {	border:1px solid var(--GoldenSky); color:white; background-color:var(--FireballRed); box-shadow:inset 0 0 0 1px var(--GoldenSky); }
.ball.sumitup {		border-radius:20% !important; border:1px solid var(--Pick4Blue); background-color:var(--GoldenSky); color:var(--Pick4Blue); box-shadow:inset 0 0 0 2px white; }
.ball.doubledraw {	border:none; color:black; background-color:none; background-color:unset; }
.ball.doubledraw svg.svgIcon{	width:120%; height:100%; }

.ball.powerplay,
.ball.megaplier { font: 900 1em/2em Sans-Serif; background-color: transparent; border:transparent; }
.ball.megaplier { color:var(--MegaBlue);}

/* for matching tables */
.ball-mini { font-size:1em; color:#999; line-height:1;}
.ball-mini.powerball,
.ball-mini.redball {	font-size:1.2em; color:var(--PowerRed); vertical-align:baseline; position:relative; top:1px; }
.ball-mini.megaball {	font-size:1.2em; color:var(--GoldenSky); vertical-align:baseline; position:relative; top:1px; }
.ball-mini.luckyball {	font-size:1.2em; color:var(--GoldenSky); vertical-align:baseline; position:relative; top:1px; }
.ball-mini.greenball {	font-size:1.2em; color:var(--Pick3Green); vertical-align:baseline; position:relative; top:1px; }
.ball-mini.yellowball {	font-size:1.2em; color: var(--GoldenSky); vertical-align:baseline; position:relative; top:1px; }
.ball-mini.fireball {	font-size:1.2em; color:var(--FireballRed); vertical-align:baseline; position:relative; top:1px; }

/* band-header */
.band-header .box { border:none; justify-content:center;}
.band-header .box:first-child { justify-content:center; margin:0; padding:0; }
	.band-header .box .fitGFX {
		flex: 0 0 160px;
		max-height: 160px;
		width: 320px;
		margin: 0 auto;
		/* background-color:pink; the important part */
	}
	.band-header .box .fitGFX.bgball { /* logo background = svg white ball */
		background-image: url('/Site/GFX/ball.svg');
		background-size: 320px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.band-header .box .fitGFX img,
	.band-header .box .fitGFX svg {
		width:80%;
	}
.band-header .box:last-child { padding:1rem 0; }
.band-header .label-prize { margin:0; padding:0; font:800 0.75rem/1.2 Arial, Helvetica, Sans-Serif; color:#ffd200; text-transform:uppercase;}
.band-header .prize { margin:0; padding:0; font:900 2.75rem/1 'odudo', Sans-Serif; }
.band-header .prize::first-letter { font-size: 67%; line-height:1.3; vertical-align:top; }
.band-header .cash { margin:0; padding:0; font:normal 1.0rem/1.2 'odudo', Sans-Serif; color:#fff; }
.band-header .label-drawdatenext { margin:1em 0 0 0; padding:0; font:800 0.75rem/1.2 Arial, Hevetica, Sans-Serif !important; color:#ffd200; text-transform:uppercase; }
.band-header .drawdatenext { margin:0; padding:0; font:normal 1.0rem/1.2 'odudo', Sans-Serif; }

/* band-jackpot */
.band-jackpot .box { border:none; justify-content:center; }
.band-jackpot .box:first-child { justify-content:center; margin:0; padding:0; }
	.band-jackpot .box .fitGFX {
		flex: 0 0 128px;
		max-height: 128px;
		width: 320px;
		margin: 0 auto;
		/* background-color:pink; the important part */
	}
	.band-jackpot .box .fitGFX.bgball { /* logo background = svg white ball */
		background-image: url('/Site/GFX/ball.svg');
		background-size: 320px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.band-jackpot .box .fitGFX img,
	.band-jackpot .box .fitGFX svg {
		width:80%;
	}
.band-jackpot .box > div { margin: 0.25rem; }
.band-jackpot .label-prize { font:800 0.75rem/1.2 Arial, Helvetica, Sans-Serif; color:#FFF5C7; text-transform:uppercase;}
.band-jackpot .prize { font:900 2.75rem/1 'odudo', Sans-Serif; }
.band-jackpot .prize::first-letter { font-size: 67%; line-height:1.3; vertical-align:top; }
.band-jackpot .cash { font:normal 1.0rem/1.2 'odudo', Sans-Serif; color:#fff; }
.band-jackpot .label-drawdatenext { font:800 0.75rem/1.2 Arial, Hevetica, Sans-Serif !important; color:#FFF5C7; text-transform:uppercase; }
.band-jackpot .drawdatenext { padding-top:0; font:normal 1.0rem/1.2 'odudo', Sans-Serif; }


/* band-hero */
.band.band-hero { width:100%; display:block; height:auto; padding:0 !Important; margin:0 !Important; background-color:var(--WhiteCloud);}
.band.band-hero > div.cycle-slideshow { z-index: 10; position: relative; width: 100%; max-width: 1280px; min-width: 320px; margin-left: auto; margin-right: auto; }
.band.band-hero + .band {  }


/* band-hero-half */
.band.band-hero-half { display:block; width:100%; max-height:240px; padding:0 !Important; margin:0 !Important; background-color:var(--WhiteCloud);}
.band.band-hero-half > div.hero-half-banner { display:block; width:auto; height:auto; max-width:1280px; max-height:240px; padding:0 !Important; margin:0 auto; }
.band.band-hero-half > div.hero-half-banner > img { display:block; width:100%; height:auto; }


/* hero-pager
.band.band-hero .hero-pager {position: relative;display: block;bottom: 4vw;width: auto;height: 4vw;max-height:4vw;z-index: 20;text-align: center;vertical-align: bottom; }
.band.band-hero .hero-pager span {display: inline-block;line-height:0.75;height: 4vw;width: 4vw;margin: 0;padding: 0.25vw;min-width:1rem;min-height:1rem;color: #00a8e1;cursor: pointer;background-color: rgba(0,0,0,0.20);	}
.band.band-hero .hero-pager span:first-child { border-bottom-left-radius:2vw; border-top-left-radius:2vw; }
.band.band-hero .hero-pager span:last-child { border-bottom-right-radius:2vw; border-top-right-radius:2vw; }
.band.band-hero .hero-pager span.cycle-pager-active {color: #ffd200;}
.band.band-hero .hero-pager span svg.svgIcon.svgStar {height: 100%;	width: 100%;}
 */




/* banner-side */
.box.banner-side {}
.box.banner-side a { margin:0; }
.box.banner-side a>img { display:block; width:100%; }


/* -- Blog -- */
.BlogFeaturette .parts .part:first-of-type,
.NewsBlog .parts .part:first-of-type { justify-content:flex-start; }

.BlogFeaturette .parts .part:last-of-type,
.NewsBlog .parts .part:last-of-type { justify-content:flex-start; }

/* -- blog-parts -- */
h1 .blog-title {  }
h6 .blog-attr {  }
h6 .blog-attr-date {  }
h6 .blog-attr-author {  }
h6 .blog-attr-time {  }
div.blog-body {  }
img.blog-image {  }
p.blog-pager { margin:1em 1em 1em 16px; padding-bottom:1em; }
p.blog-pager-prev { float:left; }
p.blog-pager-next { float:right; }

/* -- blog-comment -- */
.blog-comment			{ clear:left; float:left; padding-bottom:1rem; margin:1rem 0 0 1rem; border:1px solid var(--GraySlate); width:98%; }
.blog-comment-inline	{ clear:left; float:left; padding:0 1rem 1rem 1rem; margin:1rem 0 0 0; background-color:var(--WhiteCloud); border:1px solid var(--BlueOcean); width:98%; }
/* style the Admin comments: DisplayName ???????*/
.blog-comment.NCEL {		background-color:var(--WhiteCloud); border:1px solid var(--BlueOcean); }
.blog-comment-inline.NCEL {	background-color:var(--WhiteCloud); border:1px solid var(--BlueOcean); }
.blog-comment .blog-comment-attribute {		margin-top:0.25rem; padding-top:0; font-size:0.625rem; text-transform:uppercase; }
.blog-comment-attribute-inline { 			margin-top:0.25rem; padding-top:0; font-size:0.625rem; text-transform:uppercase; }
.blog-comment .blog-comment-body { font-size:0.875rem; }
.blog-comment-menubar { float:right; }
.blog-comment-menubar .button { font-size:0.625rem; margin:0; }
.blog-comment-menubar .button + .button { margin:0; }
.blog-comment-submitbutton { width:25%; margin:1rem auto; }

/* -- Main Blog Classes - will override sub classes at end -- */
/* -- BlogDetails -- */
.BlogDetails .blog-entry-body img.blog-image { width:100%; max-width:640px; }
/* -- BlogRecent -- */
.BlogRecent {padding-top:1rem;padding-bottom:1rem;}
.BlogRecent h5.BlogRecent-intro {  }
.BlogRecent h6.BlogRecent-date { font-size:0.75rem; font-weight:800; text-transform:uppercase; }
.BlogRecent p.BlogRecent-title { margin-top:0; }
/* -- BlogList -- */
.BlogList .box { text-align:left;}
.BlogList .box > div { display:flex; margin:1rem 0;}
.BlogList div.blog-picture { flex:0 1; }
.BlogList div.blog-content { flex:1 1; }
.BlogList img.blog-image { width:120px; margin:0; padding:0;}
.BlogList h5.blog-title { margin:0; padding:0 1rem;}
.BlogList h6.blog-attr { margin:0.25em 0 0 0; padding:0 1rem; font-size:0.75rem; font-weight:800; text-align:left; text-transform:uppercase; }
.BlogList p.blog-blurb { margin-top:0.25em; }
.BlogList p.blog-comment-count { margin-top:0; }
/* -- BlogBand -- */
.BlogBand.blog-more { /* see media queries for rules */}



/* button-complex;  'light' for on colors, 'dark' for on white/gray
a.button-complex { display:inline-block; width:10.25rem; height:3rem; padding:0.125em 0.75em 0.25em 0.5em; border-radius:0.375em; vertical-align:text-top; line-height:1rem; }
a.button-complex .icon {		float:left; height:2.5rem; width:2.5rem; font-size:2.375rem; line-height:1; color:inherit; }
a.button-complex .icon svg {	background-color:transparent;}
a.button-complex .text-label-small { margin-top:0.375em; display:inline-block; width:6.5rem; text-align:center; font-size:0.75em; line-height:1.2; font-weight:600; background-color:transparent; }
a.button-complex .text-label-big {	margin-top:0; display:inline-block; width:6.5rem; text-align:center; font-size:1.25em; line-height:1.2; font-weight:600; background-color:transparent; }
a.button-complex.light {		box-shadow: inset 0 0 0 2px #ffffff; background:linear-gradient(315deg, #ffffff 0.75em, transparent 0); color:#ffffff; }
a.button-complex.dark {			box-shadow: inset 0 0 0 2px #51748b; background:linear-gradient(315deg, #51748b 0.75em, transparent 0); color:#51748b; }
a.button-complex.light:hover,
a.button-complex.light:active,
a.button-complex.light:focus {	box-shadow:none; background:linear-gradient(315deg, transparent 0.75em, #ffffff 0); text-decoration:none; color:#00a8e1; }
a.button-complex.dark:hover,
a.button-complex.dark:active,
a.button-complex.dark:focus {	box-shadow:inset 0 0 0 2px #00a8e1; background:linear-gradient(315deg, #00a8e1 0.75em, transparent 0); text-decoration:none; color:#00a8e1; } */


/* buy tickets */
.buy-tickets p { padding:0; display:inline-flex; flex-wrap:wrap; }
.buy-tickets p svg { height:4rem; margin:0; flex-basis:150px; flex-shrink:0; flex-grow:1;}



/* cycle 2 stuff */
/* prev / next links */
.cycle-prev,
.cycle-next				{ position:absolute; top:0; width:10%; opacity:0; z-index:800; height:100%; cursor:pointer; text-align:center;}
.cycle-prev				{ left:0; background:linear-gradient(to left, transparent 0%, rgba(0,0,0,0.33) 90%); }
	.cycle-prev:after	{ content:"‹"; font-size:6em; color:#fff; text-shadow:0 0 5px #000; margin:0; position:absolute; top:45%; left:50%; transform:translate(-50%, -50%);}
.cycle-next				{ right:0; background:linear-gradient(to right, transparent 0%, rgba(0,0,0,0.33) 90%); }
.cycle-next:after		{ content:"›"; font-size:6em; color:#fff; text-shadow:0 0 5px #000; margin: 0; position:absolute; top:45%; left:50%; transform:translate(-50%, -50%);}
.cycle-prev:hover, .cycle-next:hover { opacity:1; }



/* datatable variants */
.datatable > tfoot > tr > td { text-align: left; }

.datatable .label-powerplay { display:inline-block; width:100%; text-align:right; font-size:0.625rem; font-weight:800; color:var(--PowerRed); white-space:nowrap; }
.datatable .label-powerplay span { color:#000000;}
.datatable .label-megaplier { display:inline-block; width:100%; text-align:right; font-size:0.625rem; font-weight:800; color:var(--MegaBlue); white-space:nowrap; }
.datatable .label-megaplier span { color:#000000;}

/* phasing out */
.datatable.past_results thead tr th,
.datatable.past_results tbody tr td { text-align:center; }
.datatable.past_results thead tr th:nth-child(1),
.datatable.past_results tbody tr td:nth-child(1) { text-align:left; }

/* past_draws */
.datatable.past_draws thead tr th,
.datatable.past_draws tbody tr td { text-align:left; }
.datatable.past_draws thead tr th:nth-child(1),
.datatable.past_draws tbody tr td:nth-child(1) { text-align:left; }
/* past_draws ball-row */
.datatable.past_draws {}
	.past_draws td.ball-row { padding:0.25em 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:left; align-items:center; }
	.past_draws td.ball-row .ball { flex:0 1 1.825em; width:1.825em; height:1.825em; border-radius:50%; }

.datatable.payout_results { margin-top:2rem; }
.datatable.payout_results thead td,
.datatable.payout_results thead th,
.datatable.payout_results tbody td,
.datatable.payout_results tbody th{ text-align:left; vertical-align:middle; } /* default */

.datatable.search_results thead tr th,
.datatable.search_results tbody tr td { text-align:left; }
.datatable.search_results thead tr th:nth-child(1),
.datatable.search_results tbody tr td:nth-child(1) { text-align:left; }
.datatable.search_results thead tr th:nth-child(2),
.datatable.search_results tbody tr td:nth-child(2) { text-align:center; }
.datatable.search_results tbody tr td span { display:inline-block; width:1em; margin:0.25em; text-align:right; }
.datatable.search_results tbody tr td em { font-style:normal; background-color:transparent; text-decoration:underline;}
.datatable.search_results tbody tr td:nth-child(2) { white-space:nowrap; }

/* check_draws */
.datatable.check_draws thead tr th,
.datatable.check_draws tbody tr td { text-align:left; }
.datatable.check_draws thead tr th:nth-child(1),
.datatable.check_draws tbody tr td:nth-child(1) { text-align:left; }
/* past_draws ball-row */
.datatable.check_draws {}
	.check_draws td.ball-row { padding:0.25em 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:left; align-items:center; }
	.check_draws td.ball-row .ball { flex:0 1 1.825em; width:1.825em; height:1.825em; border-radius:50%; }
	.check_draws td.ball-row .ball.grayed { border-color:lightgray; color:lightgray;}
	.check_draws td.ball-row .ball.megaball.grayed,
	.check_draws td.ball-row .ball.luckyball.grayed { border-color:lightgray; color:lightgray;background-color:lemonchiffon;}
	.check_draws td.ball-row .ball.powerball.grayed { border-color:lightgray; color:lightgray;background-color:#ffeeee; }


/* table.drawsearch, derivation of datatable */
table.drawsearch { margin:1rem auto 1rem auto; ___background-color:#51748b; } /* always name the parent tag to override */
.drawsearch thead>tr>th { padding:2px 0; font:bold 9px/1em Arial, sans-serif; color:#999; text-align:center; }
.drawsearch tfoot>tr>td {}
.drawsearch tbody>tr>th:first-child { vertical-align:middle; padding:0; }
.drawsearch tbody>tr>th:first-child input { margin:0; padding:0; }
.drawsearch td { width:48px; height:48px; }
.drawsearch td input { display:inline; width:48px; height:48px; font:600 1em/1em Arial, sans-serif; color:#000; text-align:center; background-color:#ffffff; border:1px solid transparent; border-radius:50%; box-shadow:inset 0 0 0 2px #aaa; }
.drawsearch td.megaball input { box-shadow:inset 0 0 0 2px #0753a1; }
.drawsearch td.powerball input { box-shadow:inset 0 0 0 2px #ed1c2c; }
.drawsearch td.luckyball input { box-shadow:inset 0 0 0 2px #00853f; }


/* Education */
.EducationCounty .dollars {font:800 1.5rem/1 Arial, San-Serif; color:var(--GraySlate);}


/* FastPlay */
.FastPlay.gradient { background: linear-gradient(#297cc0 0%, #4fc8ee 100%), #297cc0 !important; color:#fff; }
.band-header.FastPlay {	background: linear-gradient(#297cc0 0%, #4fc8ee 100%), #297cc0; }
.band-header .box.FastPlay { background:unset; } /* removes default styling in themes */

/* FastPlay Jackpot control */
.FastPlay .box.Jackpot h6.prize-label { color:#fff; margin-top:0.5em; margin-bottom:0.25rem; }
.FastPlay .box.Jackpot span.prize { color:var(--FastPlayGreen);font:900 3rem/1 'odudo', Arial, sans-serif;background-color:#000;margin:0 auto;padding:0.25rem 0;width:100%;text-align:center;max-width: 18rem;border-radius:4px;}
.FastPlay .box.Jackpot span.prize::first-letter {font-size:0.5em;line-height:1.5;vertical-align:top;}
.FastPlay .box.Jackpot span.time { color:#fff; font-size: 0.75em; margin-top:0.25em;}
.FastPlay .box.Jackpot h5 { color:#fff; }

/* Fast Play Wins */
.FastPlay .datatable > thead > tr > th:last-child,
.FastPlay .datatable > tbody > tr > td:last-child {text-align:right;}


/* FAQ - with rollover */
.FAQ dl { position: relative; }
	.FAQ dl dt { position:relative; margin:0.75em; font-weight:600; padding-left:1.5em; }
	.FAQ dl dt:hover { background-color:#f4f4f7; cursor:pointer; }
	.FAQ dl dd { position:relative; margin:0.75em 0.75em 1em 0.75em; padding-left:1.5em; }

 dl.QnA { margin:1rem; }
	dl.QnA dt { margin:0.75em; font-weight:600; padding-left:1.5em; }
	dl.QnA dd { margin:0.75em 0.75em 1em 0.75em; padding-left:1.5em; }

	/* show-hide */
	.show-hide.ans-show { color:#00a8e1; cursor:pointer;}
	.show-hide.ans-show::before { position: absolute; left: 0; content:"\002B "; }
	.show-hide.ans-hide { color:#51748b; cursor:pointer;}
	.show-hide.ans-hide::before { position: absolute; left: 0; content:"\002D "; }


/* KENO */
/* .box-flow .box.Keno { flex:1 1 33.33%; min-width:260px; padding:0 0.5rem 2rem 0.5rem; } */
@keyframes kenopulse {50% {	box-shadow: #f15a22 0 0 15px inset; } }
.box-flow .box.Keno:first-child { box-shadow: rgba(81,116,139,0.3) 0 0 20px inset; animation-name: kenopulse; animation-iteration-count: infinite; animation-duration: 2s; }
.box-flow .box.Keno:empty { padding:0; height:0; border:none; }/* prevents dummy element from displaying */

fieldset.keno_form_last { margin-top:0; background-color:transparent; }
fieldset.keno_form_last h3 { margin: 0; }
fieldset.keno_form_last p { margin-bottom: 0.5rem; }

fieldset.keno_form_find { margin:0 auto; padding:0; width:auto; text-align:center; background-color:pink;}
fieldset.keno_form_find h3 { margin:0 auto; }
fieldset.keno_form_find > * {  }
fieldset.keno_form_find label { text-align:left; }
fieldset.keno_form_find input[type="text"] { width:150px !important; margin-bottom:0.25em; margin-left:0.25rem; }
fieldset.keno_form_find select { width:150px; }
fieldset.keno_form_find .button { width:150px; }

/* keno_prizes_odds */
.box-flow.keno_prizes_odds .box { padding:0.5rem; flex:1 1 20%; min-width:200px; cursor:pointer; }
.box-flow.keno_prizes_odds .box { } /* reset corner FX from themes */

/* keno_results_table */
table.keno_results_table { display:block; width:auto; background-color:transparent; margin:0 auto; } /* display block fixed IE treating this as a flex item */
table.keno_results_table thead tr:last-child th:first-child { padding-bottom:0.25em; }
table.keno_results_table thead th { padding-top:0; }
table.keno_results_table th h6+h3 { margin-top:0; }
table.keno_results_table th h3 { color:#f15a22; }
table.keno_results_table td { width:35px; height:35px; text-align:center; }
table.keno_results_table td span { display:block; width:33px; height:33px; font:600 1rem/33px 'odudo', sans-serif; color:#000; text-align:center; background-color:#ffffff; border-radius:50%; box-shadow:inset 0 0 0 2px #f15a22; vertical-align:top; }
table.keno_results_table tr.multiplier td:nth-child(2) span { font-weight: 900; font-style: italic; color: #ffffff; box-shadow: none; background: radial-gradient(circle at 35% 15%, #f15a22 5%, #ab2328 60%, #f15a22 100%)}
table.keno_results_table tr.multiplier td:last-child span { box-shadow:none; font-style:italic; text-align:left; font-size:1.25rem; line-height:50px; color:#f15a22; }


/* LOADING */
/* -- Loading - general -- */
.loading {height: 1em;width: 1em;margin: 0 0;text-align: center;display: inline-block;vertical-align: top;}
 /* h1 = fullscreen loader */
h1.loading {position: relative;z-index: 800;height: 100%;min-height: 400px;width: 100%;margin: auto auto;text-align: center;display: block;vertical-align: middle;padding-top: 100px;}
.loading::after {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	font-size: inherit;
	line-height: 1;
	width: 1em;
	height: 1em;
	margin: auto auto;
	border-radius: 50%;
	border: 0.125em dotted #51748b;
	border-color: transparent #00a8e1 #81bd41 #ffd200;
	animation: spiral_ring 1.5s linear infinite;
}
@keyframes spiral_ring {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}


/* My Account */
.MyAccount label + p { padding:0 0.5rem 1rem 0.5rem; }




/* Pick3 Special Drawings */
/* Pick3SpecialDraw */
.Pick3SpecialDraw { padding:0.125rem !important; }
.Pick3SpecialDraw > span.local-logo { height:2rem; margin:0; padding:0; }
.Pick3SpecialDraw > span.local-logo .svgDoubleDraw,
.Pick3SpecialDraw > span.local-logo .svgPrizeDoubler { height:2rem; width:3rem; }
.Pick3SpecialDraw > h6.local-litTopdate { padding:0; margin:0; color:#fff; }
.Pick3SpecialDraw > h3.local-litTopline { padding:0; margin:0; color:#000; }
.Pick3SpecialDraw > h3.local-litTopline > span.ball { padding:0; margin:-0.25em 0 0 0; font-size:1rem; box-shadow: inset -0.25em -0.25em 0.5em rgba(0,0,0,.3), 0.25em 0.25em 0.25em rgba(0,0,0,0.4);}
.Pick3SpecialDraw > h6.local-litBalllabel { padding:0.125em 0 0 0; margin:0; color:#fff; }
.Pick3SpecialDraw > div.ballrow { margin:0; padding:0; }
.Pick3SpecialDraw .balltube { width:14.25rem; margin:0 auto; padding:0.125rem; background: linear-gradient( rgba(0,0,0,0.9), rgba(0,0,0,0.3)); text-align:left; border-radius:0.25em; }
.Pick3SpecialDraw span.ball { display:inline-block; height:2rem; width:2rem; vertical-align:baseline; line-height:2rem; border-radius:50%; background-color:#fff; color:#333; font-family:'odudo', sans-serif; font-weight:800; margin:0 !important; text-align:center; box-shadow: inset -0.25em -0.25em 0.5em rgba(0,0,0,.3); }
.Pick3SpecialDraw span.ball.green { background-color:#00a94f; color:#fff; }
.Pick3SpecialDraw span.ball.red { background-color:#CC0000; color:#fff; } /* not used anymore */
.Pick3SpecialDraw span.ball.yellow { background-color:#ffd200; color:#000; box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,.5); }




/* promobox */
.promobox {	flex:0 1 auto; margin-top:0 !important; margin-bottom:0 !important; padding:0 !important; background-color:aqua;}
.promobox img { width:100%; }

/* Promotion */
.box.Promotion { padding:0.5rem;flex:1 1 25%;min-width:200px;background:linear-gradient(315deg, #51748b 1rem, transparent 0) bottom left no-repeat;}
.box.Promotion.Promotion-LR { background: linear-gradient(315deg, #1b3e6f 2rem, transparent 0) bottom left no-repeat; }
.box.Promotion.Promotion-LRS { background: linear-gradient(315deg, #51748b 2rem, transparent 0) bottom left no-repeat; }
.box.Promotion.Promotion-SC { background: linear-gradient(315deg, #00a8e1 2rem, transparent 0) bottom left no-repeat; }
.box.Promotion.Promotion-G { background: linear-gradient(315deg, #81bd41 2rem, transparent 0) bottom left no-repeat; }
.box.Promotion.Promotion-LR h6 { color:#1b3e6f; }
.box.Promotion.Promotion-LRS h6 { color:#51748b; }
.box.Promotion.Promotion-SC h6 { color:#00a8e1; }
.box.Promotion.Promotion-G h6 { color:#81bd41; }
.box.Promotion:empty { padding:0;height:0;border:none;}

/* Register */
.Register .box-center { max-width: 900px;}




/* results-box */
.results-box { display:flex; flex-flow:column nowrap; justify-content:center; text-align:center; font-size:1.0em; padding-bottom:1rem;} /* sets default em size of children */
.results-box .fitGFX { margin:0 auto; width:15rem; height:10rem; padding:0.5rem;}

.results-box .label-title,
.results-box .label-prize,
.results-box .label-drawdate,
.results-box .label-drawdatenext { font:800 0.75em/1.5 Arial, Sans-Serif; text-transform:uppercase; color:var(--LabelGray); text-align:center; }
.results-box .label-title.DoublePlay { margin-top:0.25rem; }

.results-box .prize { margin:0; padding:0 0; font:900 2.00em/1.2 'odudo', Sans-Serif; color:#333; text-align:center; }

/* special powerball/megamillions notice */
.results-box .prize > a { display: inline-block;padding:2px;vertical-align:top;font: 800 0.25em/1.2 Arial, Sans-Serif;color: #f00;height: 1.5rem;background-color: #fff;border-radius:3px;}

.results-box .cash { margin:0; padding:0 0 0.25em 0; font:normal 0.875em/1.2 'odudo', Sans-Serif; color:#333; text-align:center; }
.results-box .drawdate, 
.results-box .drawdatenext { margin:0; padding:0 0 0.5rem 0; font:bold 1.0em/1.2 'odudo', Sans-Serif; color:#333; text-align:center; }

/* ball-row */
.results-box .ball-row { padding:0.25em 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; }
.results-box .ball-row .ball { flex:0 1 1.825em; font-size:1.25em; line-height:1.75em; width:1.825em; height:1.825em; }

.results-box .ball-row .slot { flex:0 1 2em; height:2em; width:2em; color:#51748B; text-align:center; }
.results-box .ball-row .slot svg.svgIcon.svgSlot { height:2em; width:2em;}
.results-box .ball-row .ball svg.svgIcon.svgBall { width:1.825em; height:1.825em; }

.results-box .powerplay,
.results-box .megaplier { flex:0 1 auto; height:1.5em; font-size:0.75em; line-height:1.5em; font-weight:800; text-align:center; }

.results-box .powerplay { color:#ed1c2c; }
.results-box .megaplier { color:#0753a1; }
.results-box .powerplay span,
.results-box .megaplier span { color:#000; }


/* fireball */
.results-box .fireball-combinations {display: flex;margin: 1rem auto 1rem auto;flex-flow:column nowrap;justify-content:center;align-items:center;}
	.results-box .fireball-combinations > div {	}
	.results-box .fireball-combinations > div:nth-child(2) {width: 10rem;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;}
	.results-box .fireball-combinations .fitGFX { width:10rem; height:1rem; margin:0.25rem 0 0 0; padding: 0;}
	.results-box .fireball-combinations h6 { margin-top: 0.125rem; color: var(--PowerRed); font-style:italic; font-weight:900; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--GoldenSky);}

	/* ball-matrix fireball */
	.results-box .ball-matrix {margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;
		background-color: none;border: 3px solid var(--GoldenSky);border-radius: 0.5rem;}
	.results-box .ball-matrix .ball {margin:0.25rem 0;padding:0;display:inline-block;flex: 1 0 auto;font: 900 1.25rem/1.5 'odudo', Sans-Serif;width: 2rem;height: 2rem;
		border-radius: 50%;border: 1px solid #aaa;color: #000;text-align: center;background-color: #fff;}
	.results-box .ball-matrix .ball.fireball {border: 1px solid var(--GoldenSky);color: #fff;background-color: var(--FireballRed);box-shadow: inset 0 0 0 1px var(--GoldenSky);}
	.Pick3 .results-box .ball-matrix {width: 6.5rem;height: 8rem;}
	.Pick4 .results-box .ball-matrix {width: 8.5rem;height: 10.25rem;}


/* results-table Cash Pop */
table.results-table { width:17rem; margin:0.5rem auto; font-size: 1em; }
table.results-table tbody tr.time td { vertical-align:bottom; padding:0; width:20%; }
table.results-table tbody tr.time td span { font-size:0.625rem; font-weight:800; color:var(--LabelGray); }
table.results-table tbody tr.date td { height:1.75rem; vertical-align:bottom; }
table.results-table tbody tr.date td span { display:inline-block; font:600 1em/1 'odudo', Sans-Serif; color:black; }
table.results-table tbody tr td .ball { display:inline-block; text-align:center; font-size:1.375em; line-height:1.75em; width:2.5rem; height:2.5rem; }
table.results-table tbody tr td .ball.empty { color:#999; }

/* Cash Pop*/
.results-box span.slot { display:block; font:600 1em/1.2 'odudo', Sans-Serif; color:black; margin-top:0.25em; }
.CashPop .ball-row span.ball.pop { font-size:2.5em; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
.CashPop span.ball.pop.latest { background-image: linear-gradient(45deg, white, white, white, var(--GoldenSky), var(--GoldenSky), white, white, white ); background-size:1000%; animation: bg_ball_slide 1s infinite alternate; }
@keyframes bg_ball_slide {0% {background-position:left;} 100% {background-position:right;}}
.CashPop .datatable button { margin-top:-0.25rem; margin-bottom:-0.25rem; padding:0.25em; padding-left:0.5rem;padding-right:0.5rem; }

/* Hot Cold */
.HotCold .label { margin-top:1rem; margin-bottom:0.25rem; }
.HotCold .ball-row { padding:0.25em 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; }
.HotCold .ball-row .ball { flex: 0 1 1.825em; font-size: 1.25em; line-height: 1.75em; width: 1.825em; height: 1.825em; margin:0 0.625rem;}
.HotCold .ball.hot {
	background: radial-gradient(circle at 35% 15%, #f15a22 5%, #ffd200 60%, #f15a22 100%);
	box-shadow: inset 0 0 5px 2px #f15a22, 0 0 5px 0 #f15a22;
	color: #000000;}
.HotCold .ball.cold {
	background: radial-gradient(circle at 35% 15%, #66ccff 5%, #fefeff 60%, #66ccff 100%);
	box-shadow: inset 0 0 5px 2px #ffffff, 0 0 5px 0 #00a8e1;
	color: #000000;}
.HotCold .legal { margin-top:1em; }



/* Scratch-Off Details - Ticket */
.box-flow .box.TicketImg { margin:0 auto; flex:0 1 50%; min-width:312px; max-width:320px; background-color:none;}
.box-flow .box.TicketImg img { margin:0.5rem auto; width:100%; }
.box-flow .box.TicketImg label { line-height:1.3em; padding:0.25em;}

.box-flow .box.TicketData { margin:0; padding:0; flex:0 1 100%; background-color:none;}
.box-flow .box.TicketData table { margin:0.5rem auto; }

.ScratchOffDetail .juxtable.details {}
.ScratchOffDetail .datatable.prizes thead > tr > th:nth-child(2),
.ScratchOffDetail .datatable.prizes thead > tr > th:nth-child(3),
.ScratchOffDetail .datatable.prizes thead > tr > th:nth-child(4) {text-align: center;}
.ScratchOffDetail .datatable.prizes tbody > tr > td:nth-child(2),
.ScratchOffDetail .datatable.prizes tbody > tr > td:nth-child(3),
.ScratchOffDetail .datatable.prizes tbody > tr > td:nth-child(4) {text-align: center;}


/* ScratchOffPrizes*/
.ScratchOffPrizes table.datatable { margin-top:1rem; margin-bottom:1rem; background-color:transparent; }
.ScratchOffPrizes .datatable thead > tr > th { background-color:transparent; text-align:left; }
.ScratchOffPrizes .datatable thead > tr > th.ticketdetails { background-color:transparent; }
.ScratchOffPrizes .datatable thead > tr > th:nth-child(2),
.ScratchOffPrizes .datatable thead > tr > th:nth-child(3),
.ScratchOffPrizes .datatable thead > tr > th:nth-child(4) {text-align: center;}
.ScratchOffPrizes .datatable tbody > tr > td:nth-child(2),
.ScratchOffPrizes .datatable tbody > tr > td:nth-child(3),
.ScratchOffPrizes .datatable tbody > tr > td:nth-child(4) {text-align: center;}
.ScratchOffPrizes .PrizeValueSuppliment { font-size:0.8em; color:#aaa; }
.ScratchOffPrizes .gamethumb { float:left; height:36px; width:36px; margin-right:6px; text-align:center; }
.ScratchOffPrizes .gamethumb img { margin:0 auto; }
.ScratchOffPrizes .gamethumb .autoresize { max-height:36px; max-width:36px; margin-right:6px; }
.ScratchOffPrizes .gamename { float:left; padding-right:2em; font:bold; }
.ScratchOffPrizes .gamestats { float:right; font-size:0.75rem; }
.ScratchOffPrizes .gamestats .gamenumber { float:right; padding-right:1em; }
.ScratchOffPrizes .gameflags { clear:right; float:right; font-size:0.75rem; }
.ScratchOffPrizes .gameflags .gameonpickup { float:right; padding-right:1em; }
.ScratchOffPrizes .gameflags .gamereordered { float:right; padding-right:1em; }


/* Sign In */
.SignIn .box-center { max-width: 480px; }
.SignIn .form_columnar fieldset input { font-size: 1.5rem; }


/* social */
.social { margin:0.25em 0.25em 0.25em 1.25rem; height:1.25rem; overflow:visible; }
.social-twitter{ display:inline-block; margin-left:0; height:1.5em;}
.social-facebook{ display:inline-block; margin-left:0; height:1.5em;}


/* --- Ribbon --- 
.ribbon {			position:absolute; z-index:3; width:120px; top:10px; background-color:#fff100; color:black; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.ribbon.left {		left:-30px; transform:rotate(-30deg); -webkit-transform:rotate(-30deg); }
.ribbon.right {		right:-30px;transform:rotate(30deg);  -webkit-transform:rotate(30deg); }*/
.ribbon {			position:absolute; z-index:3; width:auto; top:0px; padding:0 0.5em; background-color:#fff100; color:black; box-shadow:0 1px 2px rgba(0,0,0,.5); font-size:0.75rem; line-height:1.67; text-transform:uppercase; font-weight:800;}
.ribbon.left {		left:0px; border-bottom-right-radius:0.365em; }
.ribbon.right {		right:0px; border-bottom-left-radius:0.365em; }

.ribbon.new {		background-color:blue; color:white; }
.ribbon.hot {		background-color:#ffee00; color:#d60000; }
.ribbon.popular {	background-color:black; color:#ffee00; }
.ribbon.itsback {	background-color:green; color:white; }
.ribbon.ending {	background-color:silver; color:black; }
.ribbon.claims {	background-color:darkgray; color:black; }
.ribbon.pickup {	background-color:var(--GraySlate); color:white; }
.ribbon.freeplay {	background-color:#57A700; color:white; }

@keyframes progressive-glow {from { color:var(--BlueSea); } to { color:#E30784; }}
@keyframes bg_slide {0% {background-position:left;} 100% {background-position:right;}}

/* --- Tile --- */
.box.tile { height:auto; background-color:white; box-shadow: var(--CloudSlate) 0px 0px 20px inset; color:var(--GraySlate); padding-top:0; padding-bottom:0.5rem; }
	.box.tile:active,
	.box.tile:hover {			border-color: var(--BlueOcean);}
	.box.tile > a {				display:block; margin:0; padding:0; text-decoration:unset; color:unset; }
	.box.tile > a > div:nth-child(2) { padding-bottom:0; }
	.tile .tslot {				position:relative; width:inherit; max-width:inherit; margin:0; }
	.tile .tslot .thmb {		height:auto; width:100%; max-width:inherit; }
	.tile .tslot .thmb > img {	display:block; width:100%; max-width:inherit; border-radius:0.5rem; object-fit:cover; }

	/* tile attributes */
	.tile .title {				display:block; font-family: 'odudo', Sans-serif; font-size: 1rem; font-weight:800; color:#333; padding-top:0.5rem; }
	.tile .label {				display:block; font-family: Sans-serif; margin-top:0.35rem; color: #597A97; font-weight:normal; } /* #6E6E80; */
	.tile .overlay.logo.pjps {	display:block; position:absolute; z-index:20; width:100px; height:30px; top:-2px; right:-7px; background-color:transparent; background-image:url('/Site/GFX/logos.svg#use_svgProgressiveJackpots'); background-size:contain; transform: rotate(4deg); /* Rotates the box x degrees clockwise */}

	.tile .progressive.series {	display:block; font-family: 'odudo', Sans-serif; font-size: .875rem; line-height:1rem; font-weight:800; color:#333; padding-top:0.365rem; }
	.tile .progressive.value {	display:block; font-family: 'odudo', Sans-serif; font-size: 1.5em; font-weight:800; color:#333; margin-top:-0.25rem;}
	.tile .progressive.value::first-letter { font-size: 67%; line-height:1.5; vertical-align:top; }
	.tile .topprize.label {		display:block; font-size: .75rem; line-height:1rem; font-weight:800; text-transform:uppercase; }
	.tile .topprize.value {		display:block; font-family: 'odudo', Sans-serif; font-size: 1.5em; font-weight:800; color:#333; margin-top:-0.25rem; }
	.tile .topprize.value::first-letter { font-size: 67%; line-height:1.5; vertical-align:top; }
	.tile .topprize.value-aux { display:block; clear:left; font-family: 'odudo', Sans-serif; font-size: 0.875em; font-weight:600; color:#333; }
	.tile .price.label {		display:block; font-size: 0.625em; font-weight:800; text-transform:uppercase;}
	.tile .price.value {		display:block; font-family: 'odudo', Sans-serif; font-size: .875rem; font-weight:600; color:#333; }
	.tile .pricebubble.value {	position:absolute; z-index:2; width:1.8rem; height:1.8rem; bottom:2px; left:2px; background-color:white; display:block; font-family: 'odudo', Sans-serif; font-size: .875rem; font-weight:800; color:#000; border-radius:0.9rem; text-align:center; vertical-align:central; border:2px solid #000; line-height:1.65rem; }
	.tile .pricebubble.value::first-letter { font-size:67%; line-height:2; vertical-align:text-top; }
	.tile .date.label {			display:block; text-transform:uppercase; }
	.tile .date.value {			display:block; font-family: 'odudo', Sans-serif; font-size: .75rem; font-weight:800; color:#333; }
	/* .tile .freeplay {			display:block; font-size:1em; font-weight:800; color: white; margin-top:0.625rem; padding-top:0.25rem; padding-bottom:0.25rem; background-color:var(--GreenMtn);} */

	/* DigitalInstants variants */
	.DigitalInstant .tile { padding-bottom:0.25em; }

	/* FastPlay variants */
	.FastPlay .tile .tslot {	width:inherit; max-width:inherit; height:180px; margin:0; border-radius:0.25rem; box-shadow:inset 0 -6px 6px -7px #51748b; }
	.FastPlay .tile .tslot .thmb { height:179px; width:100%; max-width:inherit; margin:0 auto; overflow:hidden; }
	.FastPlay .tile .tslot .thmb > img { width:100%; max-width:inherit; border:1px solid #ccc; }
	.FastPlay .tile .tslot .thmb > img { width:100%; max-width:inherit; border:1px solid #ccc; }
	.FastPlay .tile .topprize.value-aux { display:block; clear:left; margin-top:0.5rem; font-family: 'odudo', Sans-serif; font-size: 0.875em; font-weight:600; color:#333; }

	/* Scratch-Off variants */
	.ScratchOff .tile { padding-bottom:0; }

	/* Large Tiles */



/* --- Details --- */
.box.details { }
	/* details -> part */
	.box.parts.details .part:first-of-type { flex:4; justify-content:flex-start; min-width:220px; padding: 1rem; }
	.box.parts.details .part:last-of-type { flex:6; justify-content:flex-start; }
	.details .tslot {				position:relative; overflow:hidden; width:inherit; max-width:inherit; margin:0; } 
	.details .tslot .thmb {			height:auto; width:100%; max-width:inherit; }
	.details .tslot .thmb > img {	width:100%; max-width:inherit; border-radius:0.5rem; }

	/* details attributes */
	.details .label {				display:block; font-size:0.75rem; font-weight:800; color:#597A97; padding-top:0.5em; }
	.details .value {				display:block; font-family:'odudo', Sans-serif; font-size:1em; font-weight:600; color:#333; }
	.details .title {				display:block; font-family:'odudo', Sans-serif; font-size:1.75rem; line-height:1.2; font-weight:800; color:var(--GraySlate); padding-top:0.25rem; }
	.details .title span {			display:inline; font-size:0.5em; line-height:1.5;}
	.details .overlay.logo.pjps {	position:absolute; z-index:2; width:120px; height:38px; top:0px; right:-6px; background-color:transparent; background-image:url('/Site/GFX/logos.svg#use_svgProgressiveJackpots'); background-size:contain; }
	.details .progressive.label {	 }
	.details .progressive.value {	font-size: 1.5em; font-weight:800;}
	.details .progressive.value::first-letter { font-size: 67%; line-height:1.5; vertical-align:top; }
	.details .progressive.series {	display:block; clear:left; font-family:'odudo', Sans-serif; font-size: 1em; font-weight:600; color:#333;}
	.details .topprize.label {	 }
	.details .topprize.value {		font-size: 1.5em; font-weight:800; }
	.details .topprize.value::first-letter { font-size: 67%; line-height:1.5; vertical-align:top; }
	.details .topprize.value-aux{	display:block; clear:left; font-family:'odudo', Sans-serif; font-size: 1em; font-weight:600; color:#333; }
	.details .price.label {			margin-top: 0.5em; }
	.details .price.value {			font-size: 1em; }
	.details .date.label {		 }
	.details .date.value {			font-size: 1em; }
	.details .odds.label {		 }
	.details .odds.value {			font-size: 1em; font-weight:600; }
	.details .description.label,
	.details .howtowin.label,
	.details .status.label {		display:block; }
	.details .howtowin.value,
	.details .description.value {	display:block; font-family: Sans-serif; font-size:1em; font-weight:normal; color:#333; margin:0; padding:0 1em 0 1em; }
	.details .status.value {		display:block; font-family: 'odudo', Sans-serif; font-size: 1em; font-weight:600; color:#333; }
	.details .button { margin-top:0.5rem; margin-bottom:0.5rem;}
	.details .button.grand { margin-top:2rem; margin-bottom:1rem;}

	/* details page: */

	/* themes */
	.details.FastPlay .part .tslot { width:auto; margin:0; box-shadow:inset 0 -6px 6px -7px #51748b; border-radius:5px; border-bottom:1px solid #51748b; }
	.details.FastPlay .part .tslot .ticket { height:380px; width:100%; margin:0 auto; padding:0.5rem; overflow:hidden; }
	.details.FastPlay .part .tslot .ticket > img { width:100%; border:1px solid #999; box-shadow:1px 1px 3px #51748b; }


/* --- TIMELINE --- */
.timeline { clear:none; width:auto; margin:2em 1em 1em 1em; border:0; border-collapse:separate; border-spacing:0px; }
.timeline tr td { text-align:left; vertical-align:top; border-left:1px solid #eee; padding:0.5em; }
.timeline tr td:first-child { text-align:right; vertical-align:top; white-space:nowrap; font: 1.0em/1.2em 'odudo', Arial, Sans-Serif; border:0; padding:0.5em; }


/* --- Video Container --- */
.video-container { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:320px; padding-top:0; }
.video-container > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.box.video-container > *:first-child { margin-top:0; }
.box.video-container > *:last-child { margin-bottom:0; }


/* Videos */
.box.Videos { padding: 0.5rem; flex: 1 1 33%; min-width:200px; background: linear-gradient(315deg, #51748b 1rem, transparent 0) bottom left no-repeat; }
.box.Videos:empty { padding:0; height:0; border:none; } /* prevents last element from stretching, requires 5 empty cells for 5 items */
.box.Videos .thumb { background: #f4f4f7; }
.box.Videos .thumb>img { }


/* WhereToPlay */
.WhereToPlay .fieldboxes { display:flex; width:100%; padding:0.5em 1rem 0 1rem; flex-wrap:wrap; background-color:transparent; }
.WhereToPlay .fieldboxes fieldset { flex:1 1 50%; min-width:170px; margin:0 0 0 0; padding:0.25em; background-color:transparent; }
.WhereToPlay .fieldboxes fieldset:first-child { padding-top:0.5rem; }
.WhereToPlay .fieldboxes fieldset:last-child { padding-bottom:0; background-color:transparent; }
.WhereToPlay .fieldboxes > fieldset:last-child > input[type="submit"] { margin-bottom:0;}


/* Winners */
.box.Winner { background-color:#ffffff; background-clip:padding-box; background: linear-gradient(315deg, #51748b 1rem, #ffffff 0) bottom left no-repeat; }
.Winners .box.Winner > img { width:100%; }


/* Winner cycle - online play API feed of recent winners */
/* .all is for the display that shows the tile image. without shows winners within the current game, so no game name or tile image required. */
div.winner-cycle { /* outer div */
	position: fixed;z-index: 1;right: 1.5rem;bottom: 2rem;width:90%;max-width:480px;background-color:var(--BlueCloud);margin:1rem auto;border-radius:0.5rem;border: 0.25rem solid var(--BlueCloud);box-shadow: 0.25rem 0.25rem 1rem rgba(0,0,0,0.3);}
.winner-cycle > div { /* inner div "the slide" */
	width:100%; height:100%;}
.winner-cycle > div > div { /* inner div "content" */
	width:100%; height:100%; display:flex; flex-direction:row;}

.winner-cycle > div > div > div:first-of-type { max-width:85px; flex:0 1 auto;} /* the tile image container */
.winner-cycle > div > div > div:first-of-type > img { display:block; width:85px; height:auto; }
.winner-cycle > div > div > div:nth-of-type(2) { width:auto; flex:1 1 auto; padding-left:0.75rem; padding-right:0.75rem; display:flex; flex-direction:column; }
.winner-cycle > div > div > div:last-of-type { width:1.5rem; flex:0 0 auto;} /* the close modal container */

.winner-cycle > div > div > div:nth-of-type(2) span:first-of-type { display:block; font-size:1rem; font-weight:600; color:black; font-family:sans-serif; }
.winner-cycle > div > div > div:nth-of-type(2) span:first-of-type b { display:inline-block; font-weight:bold; }
.winner-cycle > div > div > div:nth-of-type(2) span:first-of-type b::first-letter { font-size: 0.875rem !important; font-weight: bold; vertical-align:text-top; line-height:1.1em; }

.winner-cycle > div > div > div:nth-of-type(2) span:last-of-type { display:block; font-size:0.75rem; font-weight:800; color:var(--DarkSlate); font-family:sans-serif; }

.winner-cycle > div > div > div:nth-of-type(3) { padding-right: 0.5rem; }
.winner-cycle > div > div > div:nth-of-type(3) button { height:54px; }

.winner-cycle-close { vertical-align:top; line-height:1.0; font-size:2rem; font-weight: 600; color:var(--GraySlate); font-family:sans-serif; cursor:pointer;}
.winner-cycle-close:hover,
.winner-cycle-close:active { color:var(--BlueSea); }


/* wizard */
.wizard {width: 100%; height: auto; margin: 1em 0 2em 0; display: flex; flex-direction: row; justify-content: center;}
	.wizard > div {	flex: 0 1 144px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='38' width='320'%3E%3Cline x1='0' y1='20' x2='320' y2='20' style='stroke:rgb(81,116,139);stroke-width:1' /%3E%3C/svg%3E "); background-position: center top; background-repeat: no-repeat; color: #51748b;}
		.wizard > div.active { font-weight: 700; color: #51748b;}
		.wizard > div > p { margin-top: 0.5em; font-size: 0.875rem;}
		.wizard > div:first-child { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='38' width='320'%3E%3Cline x1='160' y1='20' x2='320' y2='20' style='stroke:rgb(81,116,139);stroke-width:1' /%3E%3C/svg%3E ");}
		.wizard > div:last-child { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='38' width='320'%3E%3Cline x1='0' y1='20' x2='160' y2='20' style='stroke:rgb(81,116,139);stroke-width:1' /%3E%3C/svg%3E ");}
		.wizard > div > div { margin: 0 auto; height: 38px; width: 38px; text-align: center; vertical-align: middle; border-radius: 50%; background-color: #ffffff; color: #51748b; font-size: 1rem; font-weight: 800; line-height: 2.365em; box-shadow: 0 0 0 0.25em #f4f4f7, inset 0 0 0 1px #51748b;}
		.wizard > div.active > div { background-color: #51748b; color: #ffffff; box-shadow: 0 0 0 0.25em #f4f4f7;}


/* ################# MEDIA QUERIES ################### */

@media screen and (min-width:1279px) { 
	/* .band */
	.box.Ticket div.TicketData { flex:0 1 50%; }
}

@media screen and (max-width:960px) { 
	/* .band */

	/* wizard */
	.wizard > div > p {display:none;}
}

@media screen and (min-width: 640px) and (max-width: 960px) {
	/* .band */

}

	/* Intermediate Break */
	@media screen and (min-width:640px) and (max-width:799px) { 
		/* box */

	}

	/* Intermediate Break 2 */
	@media screen and (min-width:640px) and (max-width:719px) { 
		/* box */

	}

@media screen and (max-width:639px) { 
	/* .band */

	/* box */
	.band-header .box:first-child .svgLogo { flex:0 0 320px; margin:0; padding:0; }

	.BlogBand .box.blog-more { width:100%; }
}

	/* Intermediate Break */
	@media screen and (max-width:479px) { 
		/* box  */

	}

	/* Intermediate Break 2 */
	@media screen and (max-width:399px) { 
		/* box  */

	}