@charset "utf-8";

:root{
	/* Primary Color
	Background, Headers, Table Header
	
	*/
	--primary-color: #000000;
	
	/* Secondary Color 
	Text
	
	*/
	--secondary-color: #FFFFFF;
	
	/*Link Color*/
	--link-color: red;
}

/*
	General CSS
*/
h1 {
	color: #000000;
	font-size: 2em;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
}
h2 { 
	color: #000000;
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: left;
}
h3 {
	color: #BD1F68;
	font-weight: bold; 
	font-size: 1.2em;
	text-align: center; text-transform: uppercase;
}

a {
	color: var(--link-color);
	text-decoration: none;
}
a:active, a:link  {
    color: var(--link-color);
    font-weight: bold;
    outline: none;
}
a:visited {
    color: var(--link-color);
    font-weight: bold;
    outline: none;
}

#mainContentWrap {
	padding: 0px 20px;
}

ol li { 
	margin-bottom: 8px;
}

ol.numList {
	counter-reset: list;
}
ol.numList > li {
	list-style: none;
}
ol.numList > li:before {
	content: "(" counter(list, decimal) ")";
	counter-increment: list;
}

ol.alphaList {
	counter-reset: list;
}
ol.alphaList > li {
	list-style: none;
}
ol.alphaList > li:before {
	content: "(" counter(list, lower-alpha) ")";
	counter-increment: list;
}

/**
 * Navigation menu
 */
#gameNav {
  background: #000000;
}

#gameNav ul,
#gameNav ul a:link,
#gameNav ul a:visited {
	color: 	#FFFFFF;
}

#gameNav ul li {
	border-right: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
}

#gameNav ul li.active span,
#gameNav ul li.active a:hover span {
	color: 	#FFFFFF;
}

#gameNav ul a:hover span {
	color: #FECF5C;
}

#gameNav ul li.inactive span {
	color: #CCCCCC;
}

a.htpButton{
	border-radius: 8px;
	background: #ED1B30;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	border: none;
	height: 40px;
	width: 200px;
	text-align:center;
	margin-left: 37%;
	display: inline-block;
	line-height: 40px;
}

p.htpFootnote{
	text-align: center;
	margin-top: 10px;
}
/**
 * Table styles
 */
table.dataTbl {
	word-wrap: normal;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}
table.dataTbl th.title{
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
	font-size: 18px;
}

table.dataTbl tr.total{
	font-weight: bolder;
}

table.dataTbl th.heading{
	background: #000000;
	color: #FFFFFF;
	padding: 20px;
}


table.dataTbl th.entry{
	background: #000000;
	color: #FFFFFF;
	padding: 20px;
}

tbody tr:nth-child(odd) {
	background-color: #FFFFFF;
}

tbody tr:nth-child(even) {
	background-color: rgb(230, 230, 230);
}


table.dataTbl td{
	padding: 10px;
	color: #000000;
}


table.winners {
	width: 100%; margin: 30px auto 25px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF;
    border: 2px solid rgb(0, 0, 0);
	box-shadow: 2px 2px 3px rgb(51, 51, 51);
	border-collapse: separate;
	border-spacing: 0px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

table.winners td, table.winners th {text-align: center; vertical-align: middle; padding-left: 10px;}

.winnersReport {width: 97%; margin: 0 auto;}

.winnersReport h1.title, .winnersReport2 h1.title {
	font-size: 16px;
	margin: 10px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
	color: #000000;
}

/**
 * Sample Ticket
 */

div#mainContent div#sampleTicket { float: right; text-align: right; margin: -15px -10px 20px 20px; padding: 5px; position: relative; }
div#sampleTicket p { text-align: center; font-weight: bold; margin: 0;}
div#mainContent div#sampleTicket p.tktSmall1 { margin-top: -40px; width:100px; font-size: 12px; }
div#mainContent div#sampleTicket p.tktSmall2 { margin-top: 6px; padding-left: 120px; width: 175px; font-size: 9px; }
div#top {display: grid; grid-template: "a b" "c b";}
div#instructions {grid-area: a}
div#tickets {grid-row: 1/2; grid-column: 1/2; display: grid; grid-template: "a b"; margin-top: -85px;}
div#tickets div.tkt1{grid-area: a; margin-left: 345px;}
div#tickets div.tkt2{grid-area: b; margin-left: 30px;}

form#ticketEntryForm { margin: -20px 2px 20px 40px;}
form#ticketEntryForm input.tktNumber {border: 2px solid #000; margin: 0px; width:180px; text-transform:uppercase; text-align:center;}
form#ticketEntryForm input.tktNumberPin {border: 2px solid #000; width:100px; text-transform:uppercase; text-align:center;}
form#ticketEntryForm p.ticketNumberNote { margin: -5px 0 0 23px;}
form#ticketEntryForm span.tktNumber {margin: -20px 0 0 25px}
form#ticketEntryForm input.promoCode { border: 2px solid #000; margin: 20px 2px 5px 0; width:180px; text-transform:uppercase; text-align:center;}
form#ticketEntryForm p.promoCodeNote, span.promoCodeNote { font-size: 11px; margin: -10px 0 0 65px;}


form#ticketEntryForm input.ticketSubmit, form#ticketEntryForm button.ticketSubmit {
	background: rgb(216,36,62);
	background: linear-gradient(0deg, rgba(216,36,62,1) 57%, rgba(239,88,79,1) 100%);
	height: 24px;
	color: #FFFFFF !important;
	border-radius: 1px;
}

button.submit {
	background: rgb(216,36,62);
 	background: linear-gradient(0deg, rgba(216,36,62,1) 57%, rgba(239,88,79,1) 100%);
  	height: 24px;
  	color: #FFFFFF !important;
  	border: none;
}


h2.tktEntry {position: absolute; bottom: 335px; color: #231F20; margin: 30px 0 -20px 0; font-size: 120%; font-weight: bold; text-align: left; text-transform: none; width:100%;}
table.dataTbl tbody tr td.row_2 {text-align: center; padding: 12px; font-weight: bold; font-size:14px;}
h2.tktEntry span { color: #231F20;}

h1.title {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0px 6px;
	text-align: center;
}

h2.subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  text-align: center;
  color:#07366A;
}

.xmulti{ margin-top: 800px;
}

p.winReportNote {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	margin: 8px 5px 10px;
}

p.hours {
	 color: #572564;
	 font-size: 14px;
	 font-weight: bold;
	 text-align: center;
	 text-transform: uppercase;
}

p.individualTicket {
	 color: #572564;
	 margin: 0px 100px 0px 100px;
	 text-align: center;
	 font-size: 12px;
	
}

div#subNav { margin: 10px -50px 0 0; width: 290px; }

#subNavContent { width: 230px; color: #572564; }

#subNavContent h3 {
	color: #572564;
}

#subNavContent ul li {
	color: #89110e;
}
#subNavContent ul a {
	color: #572564;
}
#subNavContent ul a:hover {
	color: #fecf5c;
}
#subNavContent ul a:visited {
	color: #572564;

	/*text-shadow: 1px 1px 2px rgb(17, 17, 17); */
}
.winnersReport h2.subtitle, .winnersReport2 h2.subtitle {
	color: #000000;
}
.toIframe ul a:visited {
	color: #F9E48C;
}

div.postInput{
	margin-top: -90px;
	grid-area: c;
	width: 550px;
}

p.postTime{
	text-align:center;
	line-height: 20px;
}

.winnerPage div.winnersReport table thead td {background: #000000; color: #FFFFFF; font-weight:bold; padding: 13px;}

.winnerPage div.winnersReport table thead th { background-color: #FFFFFF;}
.winnerPage div.winnersReport table tbody tr:nth-child(even) {
            background: #FFFFFF;
 }
.winnerPage div.winnersReport table tbody tr:nth-child(odd) {
	background-color: rgb(230, 230, 230);
}
 
 
@media only screen and (max-device-width: 480px){
  .scanButton {
  	display: block;
  }
}