div.drumcundry {
	position: absolute;
	margin: auto;
	width: 480px;
	height: 400px;
	background-color: #6666ff;
	text-align: center;
	padding-top: 10px;
}

div.clock {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 396px;
	height: 30px;
	background-color: gray;
	border: 2px solid blue;
	margin: auto;
}

div.clockprogressbar {
	position: absolute;
	height: 100%;
	width: 0%;
	background-color: yellow;
}

div.clocktext {
	position: absolute;
	top: 12px;
	left: 40px;
	width: 400px;
	height: 30px;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	font-size: 16pt;
	font-weight: bold;
	font-family: sans-serif;
	color: black;
}

div.conundrumboard {
	position: absolute;
	margin: auto;
	top: 50px;
	left: 40px;
	background-color: cyan;
	width: 396px;
	height: 160px;
	border: 2px solid blue;
}

div.flippything {
	margin-top: 10px;
	margin-left: 40px;
	background-color: #2222dd;
	padding: 5px;
	border: 5px solid cyan;
	width: 300px;
	font-size: 24pt;
	font-weight: bold;
	font-family: sans-serif;
	color: gray;
	text-align: center;
	vertical-align: middle;
}

table.flippythingtable {
	margin: auto;
}

td.flippythingletter {
	font-size: 24pt;
	font-weight: bold;
	font-family: sans-serif;
	width: 1em;
	height: 1em;
	color: white;
	background-color: blue;
	text-align: center;
	vertical-align: middle;
}

td.flippythingcover {
	font-size: 24pt;
	font-weight: bold;
	font-family: sans-serif;
	width: 10em;
	height: 1em;
	color: grey;
	background-color: blue;
	text-align: center;
	vertical-align: middle;
}

div.bottompanel {
	position: absolute;
	margin: auto;
	top: 220px;
	left: 40px;
	width: 396px;
	height: 150px;
	text-align: center;
	background-color: gray;
	border: 2px solid blue;
}

div.details {
	margin: auto;
	width: 390px;
	height: 40px;
	text-align: center;
	background-color: gray;
}

div.inputform {
	margin: auto;
	left: 40px;
	width: 390px;
	text-align: center;
	background-color: gray;
}