@charset "utf-8";
/* CSS Document */


		html, 
		html * {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
			font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		}

		body{
			margin-left: auto;
			margin-right: auto;
			scale: 1.0;	
			font-size: 20px;
			width: 100%;
		}


		table{
			padding:1px;
		}

		#logo{
			text-align: center;
		}

		#xTeam{
			font-size: 40px;
			border: solid 1px #CCC;
			border-radius: 5px 0px 0px 5px;
			vertical-align: center;
			text-align: center;
			
		}

		.rotated{
/*			transform:rotate(-90deg);*/
/*			display: inline-block;
			position:relative;*/
		  -ms-writing-mode: tb-rl;
		  -webkit-writing-mode: vertical-rl;
		  writing-mode: vertical-rl;
		  transform: rotate(180deg);
		  white-space: nowrap;
		}
		.textbordered{
			text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
		}
		#yTeam{
			font-size: 40px;
			border: solid 1px #CCC;
			border-radius: 5px 5px 0px 0px;

		}
		.rcpt_qty{
			display: inline-block;
			width: 30px;
		}
		.rcpt_desc{
			display: inline-block;
			width: 325px;
		}
		.rcpt_amt{
			display: inline-block;
			width: 85px;
			text-align: right;
		}
		.rcpt_total{
			display: inline-block;
			width: 85px;
			text-align: right;
		}
		.pgsegment{
/*			width: 400px;  */
/*			border: solid 1px #000;*/
			margin-top: 10px;
		}
		.sectitle{
			font-weight: bold;
			text-align: center;
		}
		.betlabel:hover{
			background: #FF0;
		}
		.betlabel{
			font-size: 30px;
			background: #00CB1D;
			font-weight: bold;
			width: 80px;
			height: 80px;
			display:block;
			vertical-align: middle;
			text-align: center;
			border: solid 1px #ccc;
			border-radius: 8px;
		}
		.betbox{
			display:none;
			margin:0;
			padding:0;
		}
		.betbox:checked + .betlabel {
  			background:#00FFFf;
			border: solid 1px #000;
			font-weight: bold;
		}
		.betbox:disabled + .betlabel {
  			background: #888;
			border: solid 1px #f00;
			color: #f00;
		}
		.claimed + .betlabel {
  			background: #888;
			border: solid 1px #f00;
			color: #f00;			
		}
		.claimed:hover{
			background: #FF0;
		}
		.prizeimg {
			height: 150px;
			width: 150px;
			border-radius: 3px;
			border: solid 1px #fff;
			border: solid 2px #000;
			margin: 15px;
			box-shadow: 10px 10px 5px lightblue;
		}
		#entryform label{
			font-size: 20px;
			display: inline-block;
			width: 200px;
		}
		#entryform input{
			width: 400px;
			font-size: 20px;
			display: inline-block;
		}
		#entryform select{
			font-size:20px;
		}
		#gametags label{
			display:inline-block;
			border: solid 1px #000;
			border-radius: 30px;
			text-align: center;
		}
		#gametags input:checked + label {
  			background:#00FFFf;
			border: solid 1px #000;
			font-weight: bold;
		}
		#gametags input{
			display:none;
		}
		#error{
			color: #F00;
			font-size: 30px;
		}
		.prizedesc {
			display:none;
		}
		#prizePOP img{
 			display: block;
  			margin-left: auto;
  			margin-right: auto;
  			width: 40%;
		}

/*  Confirmation Screen */

	#output{
		margin-top: 15px;
		border-top: double 4px #000;

	}
	.confTitle{
		font-size: 24px;
		font-weight:bold;
	}
	.poolTitle{
		font-size: 24px;
	}
	.teamBlock{
		font-size:20px;
	}
	.game{
		margin-bottom: 15px;
	}
	.response{
		margin-top: 15px;
	}
	.response .resplabel{
		width: 200px;
	}
	.resplabel{
		color: #333333;
		display: inline-block;
		width: 130px;
	}
	.respdata{
		font-weight: bold;
	}
	.resp_submitat{
		font-style: italic;
	}
	.selections{
		
	}
	.resptag{
		display:inline-block;
		border: solid 1px #333;
		border-radius: 2px;
		margin-right: 2px;
		padding: 1px;
	}
	.betboxlabel{
		display:inline-block;
		border: solid 1px #333;
		border-radius: 2px;
		margin-right: 2px;
		padding: 1px;
	}

	.outputtable{
		border: solid 1px #000;
		font-size: 14px;
	}

	.outputtable th{
		background:#cccccc;
	}

	.outputtable td{
		padding: 1px 10px 1px 2px;
	}

	.outputtable tr:nth-child(odd){
		background:#ffffcc;
	}

	.outputtable tr:nth-child(even){
		background:#ccffff;
	}

	.pmttrigger{
		border: solid 1px #000;
		padding: 2px;
		background: #FFF;
		font-size: 10px;
	}
	.hilite{
		background: #FFFF00;
	}
	.popAction{
		display: none;
	}


/*Tablet View*/
@media (min-width: 768px){
	
	body {
		max-width: 778px;
		min-height: 1240px;
	}
}

/*Desktop View*/

@media (min-width: 1200px){
	
	body {
		width: 1200px;
	}

		.betlabel{
			font-size: 20px;
			background: #00CB1D;
			font-weight: bold;
			width: 60px;
			height: 60px;
			display:block;
			vertical-align: middle;
			text-align: center;
			border: solid 1px #ccc;
			border-radius: 8px;
		}
}