/* #################### THEMES ######################## */

/* band Themes */
div.band.DigitalInstant > div:first-child,
div.band.ScratchOff > div:first-child,
div.band.DrawGame > div:first-child,
div.band.FastPlay > div:first-child {  } /* max-width:960px; */



/* box Themes */
.box.Pick3 {		background:linear-gradient(-135deg, var(--Pick3Green) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.Pick4 {		background:linear-gradient(-135deg, var(--Pick4Blue) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.Cash5 {		background:linear-gradient(-135deg, var(--Cash5Plum) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.CashPop {		background:linear-gradient(-135deg, var(--CashPopPink) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.LuckyForLife {	background:linear-gradient(-135deg, var(--LuckyGreen) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.MegaMillions {	background:linear-gradient(-135deg, var(--MegaBlue) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.Powerball {	background:linear-gradient(-135deg, var(--PowerRed) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.ScratchOff {	background:linear-gradient(-135deg, var(--GraySlate) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.Keno {			background:linear-gradient(-135deg, var(--KenoRed) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.FastPlay {		background:linear-gradient(-135deg, var(--FastPlayGreen) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }
.box.DigitalInstant{background:linear-gradient(-135deg, var(--GraySlate) 1.5rem, transparent 0) bottom left no-repeat; border-radius:inherit; }



/* NCEL brand directive classes for any div block element : box, box-group, & band */
div.blue { position:relative; z-index:1; background-color:var(--BlueOcean); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.blue.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--BlueOcean) 10%, transparent 80%); content:""; border-radius:inherit; }

div.green { position:relative; z-index:1; background-color:var(--GreenMtn); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.green.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--GreenMtn) 10%, transparent 80%); content:""; border-radius:inherit; }

div.midnight { position: relative;z-index: 1;background-color: var(--BlueMidnight);color: white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.25) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.midnight.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--BlueMidnight) 10%, transparent 80%); content:""; border-radius:inherit; }

div.slate { position:relative; z-index:1; background-color:var(--GraySlate); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.3) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.slate.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--GraySlate) 10%, transparent 80%); content:""; border-radius:inherit; }

div.yellow,
div.GoldenSky {position: relative;z-index: 1; background-color: var(--GoldenSky); background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.3) 80%); background-blend-mode: overlay;}
span.yellow,
span.GoldenSky { color: var(--GoldenSky);}

div.KenoOrange { position:relative; z-index:1; background-color:var(--KenoOrange); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.3) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.KenoOrange.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--KenoOrange) 10%, transparent 80%); content:""; border-radius:inherit; }
span.KenoOrange { color:var(--KenoOrange); }

div.KenoRed { position:relative; z-index:1; background-color:var(--KenoRed); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.3) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.KenoRed.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--KenoRed) 10%, transparent 80%); content:""; border-radius:inherit; }
span.KenoRed { color:var(--KenoRed); }

div.Cash5Purple { position:relative; z-index:1; background-color:var(--Cash5Plum); color:white; background-image:radial-gradient(ellipse at 80% 20%, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.Cash5Purple.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--Cash5Plum) 10%, transparent 80%); content:""; border-radius:inherit; }
span.Cash5Purple { color:var(--Cash5Plum); }

div.CashPopPink { position:relative; z-index:1; background-color:var(--CashPopPinkDark); color:white; background-image:radial-gradient(ellipse at 80% 20%, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.CashPopPink.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--CashPopPinkDark) 10%, transparent 80%); content:""; border-radius:inherit; }
span.CashPopPink { color:var(--CashPopPinkDark); }

div.PowerRed { position:relative; z-index:1; background-color:var(--PowerRed); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.75) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div._PowerRed.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--PowerRed) 10%, transparent 80%); content:""; border-radius:inherit; }
span.PowerRed { color:var(--PowerRed); }

div.MegaBlue { position:relative; z-index:1; background-color:var(--MegaBlue); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.MegaBlue.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--MegaBlue) 20%, transparent 80%); content:""; border-radius:inherit; }
span.MegaBlue { color:var(--MegaBlue); }

div.LuckyGreen { position:relative; z-index:1; background-color:var(--LuckyGreen); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.LuckyGreen.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--LuckyGreen) 20%, transparent 80%); content:""; border-radius:inherit; }
span.LuckyGreen { color:var(--LuckyGreen); }

div.Pick3Green { position:relative; z-index:1; background-color:var(--Pick3Green); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.Pick3Green.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--Pick3Green) 20%, transparent 80%); content:""; border-radius:inherit; }
span.Pick3Green { color:var(--Pick3Green); }

div.Pick4Blue { position:relative; z-index:1; background-color:var(--Pick4Blue); color:white; background-image:linear-gradient(to bottom, transparent 10%, rgba(0,0,0,0.2) 80%); background-blend-mode: overlay; background-repeat:no-repeat;}
div.Pick4Blue.grad::before { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, var(--Pick4Blue) 20%, transparent 80%); content:""; border-radius:inherit; }
span.Pick4Blue { color:var(--Pick4Blue); }

/* re-iterate cloud since it may appear within another color */
div.cloud {		background-color: var(--WhiteCloud); color: var(--GraySlate);}
div.cloudfx {	background-color:white; box-shadow: var(--CloudSlate) 0px 0px 20px inset; color:var(--GraySlate);}

/* --- WAVE FX --- */
div.Wave::after { position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; content:""; box-shadow:inset 0px 0px 0px 0px var(--WhiteCloud); background-position:bottom; background-size:cover; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240px' height='600px' viewBox='0 0 240 600'%3E%3Cpath style='fill:%23F4F4F7;' d='M240,579.2c-13.5-16.3-43.6-25.7-106.5-0.4C72.3,603.4,27,590.7,0,576v24h240V579.2z'/%3E%3C/svg%3E");}


/* text header colors */
/* brand colors */
.slate h1, .slate h3, .slate h5 { color:white;}
.slate h2, .slate h4 { color:white;}
.slate h6 { color:#aebbc5;}

.midnight h1, .midnight h3, .midnight h5 { color:white;}
.midnight h2, .midnight h4 { color:white;}
.midnight h6 { color:#838fa7;}

.blue h1, .blue h3, .blue h5 { color:white;}
.blue h2, .blue h4 { color:white;}
.blue h6 { color:#8dceed;}

.green h1, .green h3, .green h5 { color:white;}
.green h2, .green h4 { color:white;}
.green h6 { color:#acd28a;}

.yellow h1, .yellow h3, .yellow h5 { color:var(--Midnight);}
.yellow h2, .yellow h4 { color:var(--Midnight)}
.yellow h6 { color:#cab346;}
.yellow p { color:var(--GraySlate);}

/* game colors */
.KenoOrange h1, .KenoOrange h3, .KenoOrange h5 { color:white;}
.KenoOrange h2, .KenoOrange h4 { color:white;}
.KenoOrange h6 { color:#f39b7b;}

.KenoRed h1, .KenoRed h3, .KenoRed h5 { color:white;}
.KenoRed h2, .KenoRed h4 { color:white;}
.KenoRed h6 { color:#f39b7b;}

.PowerRed h1, .PowerRed h3, .PowerRed h5 { color:white;}
.PowerRed h2, .PowerRed h4 { color:white;}
.PowerRed h6 { color:#e08089;}

.MegaBlue h1, .MegaBlue h3, .MegaBlue h5 { color:white;}
.MegaBlue h2, .MegaBlue h4 { color:white;}
.MegaBlue h6 { color:#8391b6;}

.LuckyGreen h1, .LuckyGreen h3, .LuckyGreen h5 { color:white;}
.LuckyGreen h2, .LuckyGreen h4 { color:white;}
.LuckyGreen h6 { color:#7cac8c;}

.Pick3Green h1, .Pick3Green h3, .Pick3Green h5 { color:white;}
.Pick3Green h2, .Pick3Green h4 { color:white;}
.Pick3Green h6 { color:#8dd19f;}

.Pick4Blue h1, .Pick4Blue h3, .Pick4Blue h5 { color:white;}
.Pick4Blue h2, .Pick4Blue h4 { color:white;}
.Pick4Blue h6 { color:#8dc3e0;}

.Cash5Purple h1, .Cash5Purple h3, .Cash5Purple h5 { color:white;}
.Cash5Purple h2, .Cash5Purple h4 { color:white;}
.Cash5Purple h6 { color:#bb8cb7;}

.CashPopPink h1, .CashPopPink h3, .CashPopPink h5 { color:white;}
.CashPopPink h2, .CashPopPink h4 { color:white;}
.CashPopPink h6 { color:var(--CashPopPink);}

.GSDkGreen h1, .GSDkGreen h3, .GSDkGreen h5 { color:white;}
.GSDkGreen h2, .GSDkGreen h4 { color:white;}
.GSDkGreen h6 { color:#7cac8c;}

/* reset as default - must come last */
.cloud h1, .cloud h3 { color:var(--GraySlate);}
.cloud h2, .cloud h4 { color:var(--GraySlate);}
.cloud h5 { color:var(--GraySlate);}
.cloud h6 { color:var(--GraySlate);}

.cloudfx h1, .cloudfx h3 { color:var(--GraySlate);}
.cloudfx h2, .cloudfx h4 { color:var(--GraySlate);}
.cloudfx h5 { color:var(--GraySlate);}
.cloudfx h6 { color:var(--GraySlate);}

span.red { color: var(--PowerRed); }


/* hyperlinks */
/* link/visited */
.GSDkGreen a:link,		.GSDkGreen a:visited,
.KenoOrange a:link,		.KenoOrange a:visited,
.KenoRed a:link,		.KenoRed a:visited,
.PowerRed a:link,		.PowerRed a:visited,
.MegaBlue a:link,		.MegaBlue a:visited,
.LuckyGreen a:link,		.LuckyGreen a:visited,
.Pick3Green a:link,		.Pick3Green a:visited,
.Pick4Blue a:link,		.Pick4Blue a:visited,
.Cash5Purple a:link,	.Cash5Purple a:visited,
.CashPopPink a:link,	.CashPopPink a:visited,
.blue a:link,			.blue a:visited,
.green a:link,			.green a:visited,
.midnight a:link,		.midnight a:visited,
.slate a:link,			.slate a:visited { color:var(--GoldenSky); }
 /* reset to default */
.yellow a:link, .yellow a:visited,
.cloud a:link, .cloud a:visited,
.cloudfx a:link, .cloudfx a:visited { color:var(--BlueSea); }

/* hover/active */
.GSDkGreen a:hover,		.GSDkGreen a:active,
.KenoOrange a:hover,	.KenoOrange a:active,
.KenoRed a:hover,		.KenoRed a:active,
.PowerRed a:hover,		.PowerRed a:active,
.MegaBlue a:hover,		.MegaBlue a:active,
.LuckyGreen a:hover,	.LuckyGreen a:active,
.Pick3Green a:hover,	.Pick3Green a:active,
.Pick4Blue a:hover,		.Pick4Blue a:active,
.Cash5Purple a:hover,	.Cash5Purple a:active,
.CashPopPink a:hover,	.CashPopPink a:active
.blue a:hover,			.blue a:active,
.green a:hover,			.green a:active,
.midnight a:hover,		.midnight a:active,
.slate a:hover,			.slate a:active {	color:white; text-decoration:underline; }
 /* reset to default */
.yellow a:hover,		.yellow a:active,
.cloud a:hover,			.cloud a:active,
.cloudfx a:hover,		.cloudfx a:active {	color:var(--BlueOcean); text-decoration:underline; }


/* buttons */
/* link/visited */
.GSDkGreen a.button:link, .GSDkGreen a.button:visited,
.KenoOrange a.button:link, .KenoOrange a.button:visited,
.KenoRed a.button:link, .KenoRed a.button:visited,
.PowerRed a.button:link, .PowerRed a.button:visited,
.MegaBlue a.button:link, .MegaBlue a.button:visited,
.LuckyGreen a.button:link, .LuckyGreen a.button:visited,
.Pick3Green a.button:link, .Pick3Green a.button:visited,
.Pick4Blue a.button:link, .Pick4Blue a.button:visited,
.Cash5Purple a.button:link, .Cash5Purple a.button:visited,
.CashPopPink a.button:link, .CashPopPink a.button:visited,
.midnight a.button:link, .midnight a.button:visited,
.slate a.button:link, .slate a.button:visited,
.blue a.button:link, .blue a.button:visited,
.green a.button:link, .green a.button:visited {					color: var(--BlueSea);	background-color:white; }
/* reset to default for closer child style */
.yellow a.button:link, .yellow a.button:visited,
.cloud a.button:link, .cloud a.button:visited,
.cloudfx a.button:link, .cloudfx a.button:visited {				color: white;			background-color:var(--BlueSea); }

/* alt */
.GSDkGreen a.button.alt:link, .GSDkGreen a.button.alt:visited,
.KenoOrange a.button.alt:link, .KenoOrange a.button.alt:visited,
.KenoRed a.button.alt:link, .KenoRed a.button.alt:visited,
.PowerRed a.button.alt:link, .PowerRed a.button.alt:visited,
.MegaBlue a.button.alt:link, .MegaBlue a.button.alt:visited,
.LuckyGreen a.button.alt:link, .LuckyGreen a.button.alt:visited,
.Pick3Green a.button.alt:link, .Pick3Green a.button.alt:visited,
.Pick4Blue a.button.alt:link, .Pick4Blue a.button.alt:visited,
.Cash5Purple a.button.alt:link, .Cash5Purple a.button.alt:visited,
.CashPopPink a.button.alt:link, .CashPopPink a.button.alt:visited,
.midnight a.button.alt:link, .midnight a.button.alt:visited,
.slate a.button.alt:link, .slate a.button.alt:visited,
.blue a.button.alt:link, .blue a.button.alt:visited,
.green a.button.alt:link, .green a.button.alt:visited {			color: white;			background-color:rgba(0,0,0,0.1); box-shadow: 0 0 0 2px white inset; } /* White-Outline */

.yellow a.button.alt:link, .yellow a.button.alt:visited,
.cloud a.button.alt:link, .cloud a.button.alt:visited,
.cloudfx a.button.alt:link, .cloudfx a.button.alt:visited {		color: var(--BlueSea);	background-color:transparent; box-shadow: 0 0 0 2px var(--BlueSea) inset; } /* Blue-Outline */

/* hover/active */
.GSDkGreen a.button:hover, .GSDkGreen a.button:active,
.KenoOrange a.button:hover, .KenoOrange a.button:active,
.KenoRed a.button:hover, .KenoRed a.button:active,
.PowerRed a.button:hover, .PowerRed a.button:active,
.MegaBlue a.button:hover, .MegaBlue a.button:active,
.LuckyGreen a.button:hover, .LuckyGreen a.button:active,
.Pick3Green a.button:hover, .Pick3Green a.button:active,
.Pick4Blue a.button:hover, .Pick4Blue a.button:active,
.Cash5Purple a.button:hover, .Cash5Purple a.button:active,
.CashPopPink a.button:hover, .CashPopPink a.button:active,
.midnight a.button:hover, .midnight a.button:active,
.slate a.button:hover, .slate a.button:active,
.blue a.button:hover, .blue a.button:active,
.green a.button:hover, .green a.button:active {					color: var(--BlueOcean);	background-color:white; box-shadow: 0 0 0 2px var(--BlueSea) inset; }
/* reset to default */
.yellow a.button:hover, .yellow a.button:active,
.cloud a.button:hover, .cloud a.button:active,
.cloudfx a.button:hover, .cloudfx a.button:active {				color: white;				background-color:var(--BlueOcean); box-shadow:none;}
/* alt */
.yellow a.button.alt:hover, .yellow a.button.alt:active,
.cloud a.button.alt:hover, .cloud a.button.alt:active,
.cloudfx a.button.alt:hover, .cloudfx a.button.alt:active {		color: var(--BlueOcean);	background-color:transparent; box-shadow: 0 0 0 2px var(--BlueOcean) inset;} /* Blue-Outline */

/* directly branded */
button.reverse,
a.button.reverse:link,		a.button.reverse:visited {			color:var(--GraySlate); background-color:white; }
/* a.button.GSDkGreen:link,	a.button.GSDkGreen:visited {		color:white; background-color:#154734; } */
button.Keno,
a.button.Keno:link,			a.button.Keno:visited {				color:white; background-color:var(--KenoOrange); }
button.Powerball,
a.button.Powerball:link,	a.button.Powerball:visited {		color:white; background-color:var(--PowerRed); }
button.MegaMillions,
a.button.MegaMillions:link,	a.button.MegaMillions:visited {		color:white; background-color:var(--MegaBlue); }
button.LuckyForLife,
a.button.LuckyForLife:link,	a.button.LuckyForLife:visited {		color:white; background-color:var(--LuckyGreen); }
button.Pick3,
a.button.Pick3:link,		a.button.Pick3:visited {			color:white; background-color:var(--Pick3Green); }
button.Pick4,
a.button.Pick4:link,		a.button.Pick4:visited {			color:white; background-color:var(--Pick4Blue); }
button.Cash5,
a.button.Cash5:link,		a.button.Cash5:visited {			color:white; background-color:var(--Cash5Plum); }
button.CashPop,
a.button.CashPop:link,		a.button.CashPop:visited {			color:white; background-color:var(--CashPopPinkDark); }
button.FastPlay,
a.button.FastPlay:link,		a.button.FastPlay:visited {			color:white; background-color:var(--FastPlayGreen); }

/* directly branded hover */
a.button.reverse:hover, a.button.reverse:active {				color:var(--BlueMidnight); background-color:var(--GoldenSky); }
/* a.button.GSDkGreen:hover, a.button.GSDkGreen:active,*/
a.button.Keno:hover, a.button.Keno:active {						color:white; background-color:var(--KenoOrange); }
a.button.Powerball:hover, a.button.Powerball:active {			color:white; background-color:var(--PowerRed); }
a.button.MegaMillions:hover, a.button.MegaMillions:active {		color:white; background-color:var(--MegaBlue); }
a.button.LuckyForLife:hover, a.button.LuckyForLife:active {		color:white; background-color:var(--LuckyGreen); }
a.button.Pick3:hover, a.button.Pick3.acive {					color:white; background-color:var(--Pick3Green); }
a.button.Pick4:hover, a.button.Pick4:active {					color:white; background-color:var(--Pick4Blue); }
a.button.Cash5:hover, a.button.Cash5:active {					color:white; background-color:var(--Cash5Plum); }
a.button.CashPop:hover, a.button.CashPop:active {				color:white; background-color:var(--CashPopPink); }
a.button.FastPlay:hover,a.button.FastPlay:active {				color:white; background-color:var(--FastPlayGreen); }


/* Themed buttons in a box */

.box.Pick4 a.button:link,
.box.Pick4 a.button:visited {			color: white; box-shadow: none; background-color:var(--Pick4Blue); }
.box.Pick4 a.button.alt:link,
.box.Pick4 a.button.alt:visited {		color: var(--Pick4Blue); box-shadow: 0 0 0 1px var(--Pick4Blue) inset; background-color:transparent; }
.box.Pick4 a.button:hover,
.box.Pick4 a.button:active,
.box.Pick4 a.button.alt:hover,
.box.Pick4 a.button.alt:active {		color: white; box-shadow: none; background-color:#00a6e3; } /* #00a6e3 */

.box.Pick3 a.button:link,
.box.Pick3 a.button:visited {			color: white; box-shadow: none; background-color:var(--Pick3Green); }
.box.Pick3 a.button.alt:link,
.box.Pick3 a.button.alt:visited {		color: var(--Pick3Green); box-shadow: 0 0 0 1px var(--Pick3Green) inset; background-color:transparent; }
.box.Pick3 a.button:hover,
.box.Pick3 a.button:active,
.box.Pick3 a.button.alt:hover,
.box.Pick3 a.button.alt:active {		color: white; box-shadow: none; background-color:#00c25a; } /* 00c25a */


.box.Cash5 a.button:link,
.box.Cash5 a.button:visited {			color: white;box-shadow: none;background-color:var(--Cash5Plum); }
.box.Cash5 a.button.alt:link,
.box.Cash5 a.button.alt:visited {		color: var(--Cash5Plum);box-shadow: 0 0 0 1px var(--Cash5Plum) inset;background-color:transparent; }
.box.Cash5 a.button:hover,
.box.Cash5 a.button:active {			color: white;box-shadow: none;background-color:#ad3ea6; } /* #ad3ea6 */

.box.CashPop a.button:link,
.box.CashPop a.button:visited {			color: white;box-shadow: none;background-color:var(--CashPopPinkDark); }
.box.CashPop a.button.alt:link,
.box.CashPop a.button.alt:visited {		color: var(--CashPopPinkDark);box-shadow: 0 0 0 1px var(--CashPopPinkDark) inset;background-color:transparent; }
.box.CashPop a.button:hover,
.box.CashPop a.button:active {			color: white;box-shadow: none;background-color:var(--CashPopPink); } /* #ad3ea6 */

.box.Keno a.button:link,
.box.Keno a.button:visited {			color: white;box-shadow: none;background-color:var(--KenoOrange); }
.box.Keno a.button.alt:link,
.box.Keno a.button.alt:visited {		color: var(--KenoOrange);box-shadow: 0 0 0 1px var(--KenoOrange) inset;background-color:transparent; }
.box.Keno a.button:hover,
.box.Keno a.button:active {				color: white;box-shadow: none;background-color:#f54d05; } /* #f54d05 */

.box.LuckyForLife a.button:link,
.box.LuckyForLife a.button:visited {	color: white;box-shadow: none;background-color:var(--LuckyGreen); }
.box.LuckyForLife a.button.alt:link,
.box.LuckyForLife a.button.alt:visited { color: var(--LuckyGreen);box-shadow: 0 0 0 1px var(--LuckyGreen) inset;background-color:transparent; }
.box.LuckyForLife a.button:hover,
.box.LuckyForLife a.button:active {		color: white;box-shadow: none;background-color:#009e4a; } /* #009e4a */

.box.MegaMillions a.button:link,
.box.MegaMillions a.button:visited {	color: white;box-shadow: none;background-color:var(--MegaBlue); }
.box.MegaMillions a.button.alt:link,
.box.MegaMillions a.button.alt:visited { color: var(--MegaBlue);box-shadow: 0 0 0 1px var(--MegaBlue) inset;background-color:transparent; }
.box.MegaMillions a.button:hover,
.box.MegaMillions a.button:active {		color: white;box-shadow: none;background-color:#0761ba; } /* #0761ba */

.box.Powerball a.button:link,
.box.Powerball a.button:visited {		color: white; box-shadow: none; background-color:var(--PowerRed); }
.box.Powerball a.button.alt:link,
.box.Powerball a.button.alt:visited {	color: var(--PowerRed); box-shadow: 0 0 0 1px var(--PowerRed) inset; background-color:transparent; }
.box.Powerball a.button:hover,
.box.Powerball a.button:active {		color: white; box-shadow: none; background-color:#ff0015; } /* #ff0015 bright powerball red*/

.box.FastPlay a.button:link,
.box.FastPlay a.button:visited {		color: white;	box-shadow: none; background-color:#297cc0;}
.box.FastPlay a.button.rev:link,
.box.FastPlay a.button.rev:visited {	color: white;	box-shadow: none; background-color:#10069F;}
.box.FastPlay a.button.alt:link,
.box.FastPlay a.button.alt:visited {	color: #297cc0;	box-shadow: 0 0 0 1px #297cc0 inset; background-color:transparent;}
.box.FastPlay a.button:hover,
.box.FastPlay a.button:active {			color: white;	box-shadow: none; background-color:#10069F;}
.box.FastPlay a.button.rev:hover,
.box.FastPlay a.button.rev:active {		color: white;	box-shadow: none; background-color:#97D700;}
.box.FastPlay a.button.alt:hover,
.box.FastPlay a.button.alt:active {		color: #10069F;	box-shadow: 0 0 0 1px #10069F inset; background-color:transparent;}


/*** TABS ***/
/* Poweball Tabs */
.Powerball .band.band-tabs,
.band.Powerball.band-tabs { box-shadow: inset 0 -2px 0 0 black, 0 2px 0 0 black; }
.Powerball .tabs a:link,
.Powerball .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--PowerRed) 0) bottom left no-repeat; text-decoration:none; }
.Powerball .tabs a:hover,
.Powerball .tabs a:active { color:var(--PowerRed); border-color:var(--PowerRed); background:linear-gradient(135deg, var(--PowerRed) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.Powerball .tabs a.current:link,
.Powerball .tabs a.current:visited,
.Powerball .tabs a.current:active,
.Powerball .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, black 0) bottom left no-repeat; }

/* MegaMillions Tabs */
.MegaMillions .band.band-tabs,
.band.MegaMillions.band-tabs { box-shadow: inset 0 -2px 0 0 var(--MegaBlue), 0 2px 0 0 var(--MegaBlue); }
.MegaMillions .tabs a:link,
.MegaMillions .tabs a:visited { color:var(--MegaBlue); background:linear-gradient(135deg, transparent 0.67rem, #CCCCCC 0) bottom left no-repeat; text-decoration:none; }
.MegaMillions .tabs a:hover,
.MegaMillions .tabs a:active { color:var(--MegaBlue); border-color:var(--MegaBlue); background:linear-gradient(135deg, var(--MegaBlue) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.MegaMillions .tabs a.current:link,
.MegaMillions .tabs a.current:visited,
.MegaMillions .tabs a.current:active,
.MegaMillions .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, var(--MegaBlue) 0) bottom left no-repeat; }

/* LuckyForLife Tabs */
.LuckyForLife .band.band-tabs,
.band.LuckyForLife.band-tabs { box-shadow: inset 0 -2px 0 0 #1c5631, 0 2px 0 0 #1c5631; }
.LuckyForLife .tabs a:link,
.LuckyForLife .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--LuckyGreen) 0) bottom left no-repeat; text-decoration:none; }
.LuckyForLife .tabs a:hover,
.LuckyForLife .tabs a:active { color:var(--LuckyGreen); border-color:var(--LuckyGreen); background:linear-gradient(135deg, var(--LuckyGreen) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.LuckyForLife .tabs a.current:link,
.LuckyForLife .tabs a.current:visited,
.LuckyForLife .tabs a.current:active,
.LuckyForLife .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, #1c5631 0) bottom left no-repeat; }

/* Cash5 Tabs */
.Cash5 band.band-tabs,
.band.Cash5.band-tabs { box-shadow: inset 0 -2px 0 0 #4d2f47, 0 2px 0 0 #4d2f47; }
.Cash5 .tabs a:link,
.Cash5 .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--Cash5Plum) 0) bottom left no-repeat; text-decoration:none; }
.Cash5 .tabs a:hover,
.Cash5 .tabs a:active { color:var(--Cash5Plum); border-color:var(--Cash5Plum); background:linear-gradient(135deg, var(--Cash5Plum) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.Cash5 .tabs a.current:link,
.Cash5 .tabs a.current:visited,
.Cash5 .tabs a.current:active,
.Cash5 .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, #4d2f47 0) bottom left no-repeat; }

/* CashPop Tabs */
.CashPop band.band-tabs,
.band.CashPop.band-tabs { box-shadow: inset 0 -2px 0 0 var(--GoldenSky), 0 2px 0 0 var(--GoldenSky); }
.CashPop .tabs a:link,
.CashPop .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--CashPopPinkDark) 0) bottom left no-repeat; text-decoration:none; }
.CashPop .tabs a:hover,
.CashPop .tabs a:active { color:var(--CashPopPinkDark); border-color:var(--CashPopPinkDark); background:linear-gradient(135deg, var(--CashPopPinkDark) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.CashPop .tabs a.current:link,
.CashPop .tabs a.current:visited,
.CashPop .tabs a.current:active,
.CashPop .tabs a.current:hover { color:black; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, var(--GoldenSky) 0) bottom left no-repeat; }

/* Pick4 Tabs */
.Pick4 .band.band-tabs,
.band.Pick4.band-tabs { box-shadow: inset 0 -2px 0 0 var(--Pick4Blue), 0 2px 0 0 var(--Pick4Blue); }
.Pick4 .tabs a:link,
.Pick4 .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--Pick4BlueLight) 0) bottom left no-repeat; text-decoration:none; }
.Pick4 .tabs a:hover,
.Pick4 .tabs a:active { color:var(--Pick4BlueLight); border-color:var(--Pick4BlueLight); background:linear-gradient(135deg, var(--Pick4BlueLight) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.Pick4 .tabs a.current:link,
.Pick4 .tabs a.current:visited,
.Pick4 .tabs a.current:active,
.Pick4 .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, var(--Pick4Blue) 0) bottom left no-repeat; }

/* Pick3 Tabs */
.Pick3 .band.band-tabs,
.band.Pick3.band-tabs { box-shadow: inset 0 -2px 0 0 var(--Pick3Green), 0 2px 0 0 var(--Pick3Green); }
.Pick3 .tabs a:link,
.Pick3 .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--Pick3GreenLight) 0) bottom left no-repeat; text-decoration:none; }
.Pick3 .tabs a:hover,
.Pick3 .tabs a:active { color:var(--Pick3GreenLight); border-color:var(--Pick3GreenLight); background:linear-gradient(135deg, var(--Pick3GreenLight) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.Pick3 .tabs a.current:link,
.Pick3 .tabs a.current:visited,
.Pick3 .tabs a.current:active,
.Pick3 .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, var(--Pick3Green) 0) bottom left no-repeat; }

/* Keno Tabs */
.Keno .band.band-tabs,
.band.Keno.band-tabs { box-shadow: inset 0 -2px 0 0 #ab2328, 0 2px 0 0 #ab2328; }
.Keno .tabs a:link,
.Keno .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, var(--KenoOrange) 0) bottom left no-repeat; text-decoration:none; }
.Keno .tabs a:hover,
.Keno .tabs a:active { color:var(--KenoOrange); border-color:var(--KenoOrange); background:linear-gradient(135deg, var(--KenoOrange) 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.Keno .tabs a.current:link,
.Keno .tabs a.current:visited,
.Keno .tabs a.current:active,
.Keno .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, #ab2328 0) bottom left no-repeat; }

/* FastPlay Tabs */
.FastPlay .band.band-tabs,
.band.FastPlay.band-tabs { box-shadow: inset 0 -2px 0 0 #10069F, 0 2px 0 0 #10069F; }
.FastPlay .tabs a:link,
.FastPlay .tabs a:visited { color:white; background:linear-gradient(135deg, transparent 0.67rem, #297cc0 0) bottom left no-repeat; text-decoration:none; }
.FastPlay .tabs a:hover,
.FastPlay .tabs a:active { color:#297cc0; border-color:#297cc0; background:linear-gradient(135deg, #297cc0 0.75rem, transparent 0) bottom left no-repeat; text-decoration:none; }
.FastPlay .tabs a.current:link,
.FastPlay .tabs a.current:visited,
.FastPlay .tabs a.current:active,
.FastPlay .tabs a.current:hover { color:white; border-color:transparent; background:linear-gradient(135deg, transparent 0.67rem, #10069F 0) bottom left no-repeat; }


/* pager */
.pager { display:block; clear:left; width:auto; margin:1rem 1rem 0 1rem; font-weight:bold; text-align:center;}
.pager span span { color:white; background-color:transparent; display:inline-block; padding:0.25em 0.5em; border-radius:0.25rem; background-color:var(--BlueOcean);}
.pager > span > a { display:inline-block;  padding:0.25em 0.5em !important;}
.pager > span > a:link,
.pager > span > a:visited {  }
.pager > span > a:active,
.pager > span > a:hover {}
.pager a[disabled="disabled"] { display:none !important; }
.pager span span:only-child { display:none; } /* pager (1) hiding trick */

.GSDkGreen .pager span span,
.KenoOrange .pager span span,
.KenoRed .pager span span,
.PowerRed .pager span span,
.MegaBlue .pager span span,
.LuckyGreen .pager span span,
.Pick3Green .pager span span,
.Pick4Blue .pager span span,
.Cash5Purple .pager span span,
.Cash5Pink .pager span span,
.blue .pager span span,
.green .pager span span,
.midnight .pager span span,
.slate .pager span span { color:var(--BlueMidnight); background-color:var(--GoldenSky); }


/* Ordered lists - bignumber */
ol.bignumber { position: relative; padding-left: 1.5rem; list-style-type: none; }
ol.bignumber > li { counter-increment: step-counter; margin-bottom:0.5em; line-height:1.75em; }
ol.bignumber > li::before { content: counter(step-counter)"."; position: absolute; left: 0; font:normal 1.33em/1 'odudo', Arial, Sans-serif; }


/* UL lists */
/*  UL in .MID  - SVG Bullet */
.MID ul,
.MID ul li { text-align:left; }
.MID ul li { background-image: var(--SVGStar); background-repeat: no-repeat; background-position: 0 0.25em; background-size: 0.75em; padding-left: 1.25em; padding-bottom: 0.75em;}

.star {	background-image:var(--SVGStar); background-repeat:no-repeat; background-position:left 0.25em; background-size:1em; padding-left:1.25em; display:inline;}


/* New background FX with SVG patterns - to replace the '.grad .dots-dark' styling */
.bg_stars::before,
.bg_dots::before,
.bg_honeycomb::before,
.bg_rings::before,
.bg_matrix::before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: inherit; mask-repeat: repeat; -webkit-mask-repeat: repeat; content: ""; border-radius: inherit; }

	.bg_stars::before { mask-mode:alpha; mask-image: var(--SVGStars); -webkit-mask-image: var(--SVGStars); mask-size: 8rem 8rem; -webkit-mask-size: 8rem 8rem; content: "";}
	.bg_dots::before { mask-image: var(--SVGDots); -webkit-mask-image: var(--SVGDots); mask-size: 81.5rem 2rem; -webkit-mask-size: 1.5rem 2rem; content: "";}
	.bg_honeycomb::before { mask-image: var(--SVGHoneycomb); -webkit-mask-image: var(--SVGHoneycomb); mask-size: 48px 28px; -webkit-mask-size: 48px 28px; content: "";}
	.bg_rings::before { mask-image: var(--SVGRings); -webkit-mask-image: var(--SVGRings); mask-size: 10rem 10rem; -webkit-mask-size: 10rem 10rem; content: "";}
	.bg_matrix::before { mask-image: var(--SVGMatrix); -webkit-mask-image: var(--SVGMatrix); mask-size: 7.5rem 7.5rem; -webkit-mask-size: 7.5rem 7.5rem; content: "";}