body
{
	font: 20px verdana, tahoma, arial, sans-serif;
	position: relative; margin: 10px auto; padding: 0; width: 900px;
	background: #abcdef;
}

#ResetGameButton
{
	position: absolute; top: 0; right: 0;
}

#GameTitleBox
{
	position: absolute; top: 10px; left: 25%; right: 25%; height: 52px;
	margin: 0 auto; border: 1px solid #000; padding: 5px; width: 50%;
	text-align: center;
	font-weight: bold; font-size: 48px; font-family: needle, times, serif;
	background: #369; color: orange;
}

#CurrentQuestionScoreBox
{
	position: absolute; top: 85px; left: 400px; 
	margin: 0 auto;
	background: blue;
}

.PointsToButton, .ControllingBoard, .TeamNameBox
{
	width: 150px;
}

.ControllingBoard
{
	background: orange; font-weight: bold;
}

#PointsToTeam1Button
{
	position: absolute; top: 90px; left: 190px;
}

#PointsToTeam2Button
{
	position: absolute; top: 90px; right: 183px;
}


.TeamNameBox
{
	font-weight: bold; font-size: 20px;
	margin: 0; border: 0; padding: 0;
	position: absolute; top: 200px;
}

#Team1NameBox
{ left: 0; text-align: left; }

#Team2NameBox{ right: 0; text-align: right; }


.GameScoreBox
{
	border: 0; padding: 5px; width: 100px;
	text-align: center;
	font-weight: bold; font-size: 20px;
	background: black; color: yellow;
}

.TeamScoreBox
{
	position: absolute; top: 230px;
	color: #0F0; margin: 0;
}


#AnswerStrikeBox
{
	border: 10px solid red; padding: 0;
	font-size: 200px; font-weight: bold;
	color: red; background: white;
	position: absolute; top: 175px; left: 330px;
	width: 1em; text-align: center;
	z-index: 10000;
}


.TeamStrikeBox
{
	position: absolute; top: 250px; color: red;
	border: 0; padding: 5px; width: 100px;
	font-size: 3em;
	text-align: center;
}

#Team1ScoreBox, #Team1StrikeBox{ left: 0; }
#Team2ScoreBox, #Team2StrikeBox{ right: 0; }

#AnswersBox
{
	position: absolute; top: 230px;
	border: 4px solid #369;
	border-radius: 65%;
	background: #83A5D2;
	background-image: url('gray_dot.png');
	background-repeat: repeat;
	background-size: 9px;
	padding: 10%;
	width: 555px;
	left: 75px;
}

#AnswerTextBox, #SubmitAnswerButton
{
	position: absolute; top: 200px;
}


#AnswerTextBox
{
	left: 160px;
	width: 425px; 
}


#SubmitAnswerButton
{
	left: 600px; width: 125px;
}


#CurrentQuestionBox
{
	position: absolute; top: 125px; left: 50px;
	padding: 5px; width: 800px;
	border: 6px outset #333;
	font-size: 18px;
	background: #369; color: #FFF;
}

#AnswersTable
{
	margin: 0; border: 3px solid #369; padding: 0; width: 100%;
	font-family: tahoma, times, serif;
	max-width: 555px;
	border-collapse: collapse;
}

#AnswersTable td
{
	font-size: 24px; font-weight: bold; padding: 5px;
	text-align: center;
	border: 2px solid #369;
}

.hiddenAnswer
{
	background: orange; color: orange;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hiddenAnswer span
{ 
	visibility: hidden; 
}

.visibleAnswer
{
	background: black; color: white;
}


#ShowNextAnswerButton
{
	width: 175px;
}


#ShowdownContainer
{
	margin: 0; border: 3px outset #000; padding: 10px; width: 700px;
	z-index: 900; 
	position: absolute; top: 200px; left: 100px;
	background: white; color: black;
	text-align: center; 
}

.ShowdownInputDiv
{
	margin: 10px; text-align: right;
}

.outerPadding
{
	margin: 0 1em;
}

#TeamDiscussionTimer-timer{ font-size: 32px; }

#WinningTeamMessage
{
	position: absolute; top: 200px; left: 0;
	margin: 0 25%; border: 1px solid black; padding: 10px; width: auto;
	background: white; color: black;
	z-index: 2000;
}