.game_example
{
	margin: .5cm .5cm .2cm;
	background-color: #f5f5f5;
	border: 1px dotted gray;
	border-radius: 4px;
	padding: .5cm 1cm;
}

table
{
	border-collapse: collapse;
}

th, td
{
	border: 1px dotted gray;
	width: 20em;
	height: 1.5em;
}

th
{
	vertical-align: bottom;
	background-color: lightgray;
}

.game td
{
	text-align: center;
}

.deal ~ .deal
{
	margin-top: 2em;
}

.letter
{
	text-align: center;
}

.time
{
	text-align: right;
}

.deal
{
}

.deal td
{
	border: 0;
	font-size: 1.2em;
}

.server_fields
{
	background-color: lightgray;
	color: gray;
}

input
{
	width: 95%;
	border: 1px solid gray;
	border-radius: 2px;
}

.xref_caption
{
	font-size: 80%;
	text-align: center;
}

.right
{
	color: green;
}

.interm
{
	color: orange;
}

.wrong
{
	color: red;
}

.game_score_table
{
	margin: 1em 0 .5em;
	width: 100%;
	font-size: larger;
	font-weight: bold;
}

.game_score_table li, .game_score_table p
{
	margin: 0;
}

.game_score_table td
{
	border: 0;
}

.game_controls
{
	width: 33%;
	min-width: 10em;
	max-width: 20em;
	text-align: center;
}

.current_player
{
	color: teal;
}

.event
{
	color: blue;
}