div.mainContainer
{
	position : relative;
	width    : 840px;
	height   : 450px;
}


canvas.canvas
{
	position : absolute;
	width    : 400px;
	height   : 400px;
	left     : 0px;
	top      : 0px;
	border   : medium white solid;
}


div.controlPanel
{
	position : absolute;
	width    : 400px;
	height   : 400px;
	left     : 420px;
	top      : 0px;
}


.numberAdjusterDivClass
{
	display  : inline-block;
	width    : 400px;
	height   : 50px;
	padding  : 2px;
}


.numberAdjusterSpanClass
{
	height         : 40px;
	width          : 60px;
	margin-right   : 8px;
	display        : inline-block;
	text-align     : center;
	vertical-align : middle;
	font-size      : x-large;
	font-weight    : bold;
}


.numberAdjusterButtonClass
{
	height         : 40px;
	width          : 50px;
	margin-right   : 8px;
	vertical-align : middle;
	background     : black;
	color          : white;
	font-size      : x-large;
	font-weight    : bold;
	border         : medium white solid;
}


.numberAdjusterTextClass
{
	height         : 40px;
	width          : 60px;
	margin-right   : 8px;
	display        : inline-block;
	vertical-align : middle;
	text-align     : center;
	font-size      : x-large;
	border         : medium white solid;
}


label.spacing
{
	margin-right : 8px;	
}


label.see
{
	margin-right : 12px;
}


.yellow
{
	color : yellow;
}


.blue
{
	color : blue;
}


.white
{
	color : white;
}