html, body {
margin: 			0px;
padding: 			0px;
height: 			100%;
border: 			none
}

body {
-webkit-text-size-adjust:100%;
background-color: #fff;
}

a:link          	{color: #36f;}
a:visited       	{color: #36f;}
a:hover         	{color: #69f;}

.logo {
display: 			inline-block;
float: 				left;
margin:				0px 15px;
}

h1.title {
display: 			inline-block;
float: 				left;
font-family:		varela round, arial rounded MT bold, arial, helvetica, san serif;
font-size:			15px;
font-weight:		normal;
margin:				5px 0px;
color:				#90F;
}

.sidebar {
padding-right:		10px;
}

.container {
border-spacing:		0px;
margin:				0px;
}

.container td {
padding:			3px;
}

.scores {
border:         	3px solid #999;
border-radius:  	10px;
box-sizing: 		border-box;
width:          	144px;
height:         	82px;
display: 			table-cell;
text-align:     	center;
vertical-align: 	top;
}

#T1wagerBox, #T2wagerBox, #T3wagerBox, #T4wagerBox, #T5wagerBox, #T6wagerBox, #T7wagerBox, #T8wagerBox {
display: 			none;
padding:			0px 0px 0px 8px;
}

#T1wager, #T2wager, #T3wager, #T4wager, #T5wager, #T6wager, #T7wager, #T8wager {
display: 			inline;
float:				left;
width:          	105px;
height:         	30px;
padding-top:		2px;
font-family:		varela round, helvetica, arial, san serif;
font-size:			28px;
text-align:     	right;
color:				#ccc;
margin:				0px;
}

.wagerButton { 
display:			inline;
cursor:				pointer;
margin-top:			1px;
}

.boardCellHead {
border:    			3px solid #999;
border-radius:  	10px;
box-sizing: 		border-box;
width:          	144px;
height:         	111px;
display: 			table-cell;
background:			linear-gradient(#bbb, #ddd);
text-align:     	center;
vertical-align: 	middle;
margin: 			3px;
padding:        	0px 10px;
word-break: 		break-word;
}

.boardCellHead img {
padding-top:        8px;
}

.boardCellHead .pic {
padding-top:        0px;
max-height:			85px;
max-width:  		110px;
margin: 			0px auto;
}

.boardCellHead .vid {
display:			block;
width:				112px;
height:				63px;
margin:				10px auto;
}

.boardCellHead .desmos {
display:			block;
max-height:			85px;
max-width:  		110px;
margin:				10px auto;
}

.boardCell {
border:				3px solid #999;
border-radius:  	10px;
box-sizing: 		border-box;
width:          	144px;
height:         	111px;
display: 			table-cell;
background-color: 	#eee;
background:			linear-gradient(#eee, #fff);
text-align:     	center;
vertical-align: 	middle;
margin: 			3px;
padding:        	0px;
cursor:         	pointer;
}

.cellHover:hover {
border-color:		#ccc;
}

.cellHover:hover p.pts {
font-size:			50px;
}

p {
font-family:		varela round, helvetica, arial, san serif;
margin:				0px;
}

p.team {
font-size:			22px;
margin-top:			8px;
width:          	144px;
white-space:		nowrap; 
overflow:			hidden;
}

p.score {
font-size:			28px;
margin:				0px 0px 0px 0px;
width:				144px;
white-space:		nowrap; 
overflow:			hidden;
}

.dot {
display:			none;
position:			absolute;
margin:				2px;
}

p.pts {
font-size:			44px;
color:				#666;
}

p.cats {
font-weight: 		bold;
font-size:			20px;
color:				#666;
}

table.QAbox td.main {
border:         	6px solid #999;
border-radius:  	50px;
box-sizing: 		border-box;
width:          	900px;
height:         	698px;
background-color: 	#fff;
padding:        	0px 20px;
cursor: 			pointer;
vertical-align: 	middle;
text-align: 		center;
}

.zoom {	animation: zoom 0.5s }

@keyframes zoom {
	from { transform: scale(.25) }
	to { transform: scale(1) }
	}

p.QA {
font-weight:		bold;
font-size:			92px;
color:				#666;
margin:				0px auto;
width:          	800px;
word-break: 		break-word;
}

iframe {
display: 			block;	
}

.pic {
display:			block;
height:				400px;
max-width:			800px;
margin:				10px auto;
}

.vid {
display:			block;
width:				640px;
height:				360px;
margin:				10px auto;
}

.mp3 {
display:			block;
margin:				10px auto;
}

.mp4 {
display:			block;
max-width:			640px;
max-height:			360px;
margin:				10px auto;
}

.desmos {
display:			block;
height:				400px;
max-width:			400px;
margin:				10px auto;
}

.right {
cursor:				pointer;
margin:				4px 0px 0px 6px;
}

.wrong {
cursor:				pointer;
margin:				4px 6px 0px 0px;
}

#backButton {
display: 			none;
font-weight: 		bold;
font-size:			14px;
color:				#999;
vertical-align: 	middle;
cursor:         	pointer;
}

#finalButton {
display: 			none;
height:				22px;
font-weight: 		bold;
font-size:			16px;
line-height:		24px;
color:				#666;
background-color: 	#eee;
background:			linear-gradient(#ccc, #eee);
vertical-align: 	middle;
border:    			1px solid #999;
border-radius:  	3px;
cursor:         	pointer;
margin:				-3px 0px 0px 0px;
padding:        	0px 10px;
}

#timerBox {
display: none;
Xborder: 1px solid #ccc;
background-color: #eee;
width: 500px;
text-align: left;
border-radius: 10px;
margin: 0 0 3px 0;
}

#timerBar {
background-color: hsl(120, 75%, 50%);
height: 10px;
Xmargin: 3px;
width: 500px;
border-radius: 10px;
}

.share {
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
line-height:		150%;
margin:				10px;
}

.share:link         {color: #999;}
.share:visited      {color: #999;}
.share:hover        {color: #bbb;}

.shareOptions {
margin:				18px 0px;
}

.shareOptions td {
padding:			0px 10px;
}

.linkBox {
width: 				450px;
font-size: 			14px;
background-color: 	#eee;
border: 			1px solid #ccc;
padding: 			4px;
margin: 			8px 0px 0px 0px;
}

.copyright {		
font-family:		Arial, Helvetica, sans-serif;
font-size:			11px;
color:				#999;
margin:				10px;
}

#instructions {
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
line-height:		100%;
height: 			30px;
background-color: 	#fffdd4;
}

#instructions a:link 	{color: #36f;}
#instructions a:visited {color: #36f;}
#instructions a:hover 	{color: #69f;}