.mainContainerDivClass
{
	position : relative;
	width    : 850px;
	height   : 450px;
}


.controlPanelDivClass
{
	position     : absolute;
	width        : 400px;
	height       : 450px;
	left         : 440px;
	top          : 0px;
}


div.controlPanelButtonClass
{
	position   : absolute;
	width      : 400px;
	height     : 50px;
	left       : 0px;
	top        : 0px;
	background : white;
	color      : black;
}


input.controlPanelButtonClass
{
	font-size   : large;
	font-weight : bold;
}


label.checkboxClass
{
	margin-right  : 8px;
	border        : thin black solid;
	border-radius : 3px;
	padding       : 4px;
	display       : inline-block;
}


label.checkboxClass2
{
	margin-right  : 8px;
	padding       : 4px;
	display       : inline-block;
}


input.transportButton
{
	font-weight  : bold;
	margin-right : 8px;
}


.numberAdjusterPanelDivClass
{
	position   : absolute;
	width      : 400px;
	height     : 400px;
	left       : 0px;
	top        : 50px;
	display    : none;
	background : white;
	color      : black;
}


.outputPanelDivClass
{
	position    : absolute;
	width       : 400px;
	height      : 400px;
	left        : 0px;
	top         : 50px;
	background  : white;
	color       : black;
	display     : none;
	font-size   : xx-large;
	font-weight : bold;
}


.parametersPanelDivClass
{
	position    : absolute;
	width       : 400px;
	height      : 400px;
	left        : 0px;
	top         : 50px;
	display     : none;
	background  : white;
	color       : black;
	font-weight : bold;
}


label.radioClass
{
	margin-right : 6px;
	padding      : 4px;
	display      : inline-block;
}


.displayPanelDivClass
{
	position : absolute;
	width    : 400px;
	height   : 400px;
	left     : 0px;
	top      : 0px;
}


.canvasClass
{
	position   : absolute;
	width      : 400px;
	height     : 400px;
	left       : 0px;
	top        : 0px;
	background : aqua;
	border     : medium black solid;
}


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


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


.numberAdjusterSpanClass
{
	height         : 90%;
	width          : 20%;
	margin-right   : 2%;
	display        : inline-block;
	text-align     : center;
	vertical-align : middle;
	font-size      : xx-large;
	font-weight    : bold;
}


.numberAdjusterButtonClass
{
	height         : 90%;
	width          : 10%;
	margin-right   : 2%;
	vertical-align : middle;
	border         : medium black solid;
}


.numberAdjusterTextClass
{
	height         : 80%;
	width          : 22%;
	margin-right   : 2%;
	display        : inline-block;
	vertical-align : middle;
	font-size      : xx-large;
	border         : medium black solid;
}


.black
{
	color : black;
}


.white
{
	color : white;
}


.whiteBk
{
	background-color : white;
}


.gray
{
	color : gray;
}


.grayBk
{
	background-color : gray;
}


.yellow
{
	color : yellow;
}


.yellowBk
{
	background-color : yellow;
}


.red
{
	color : red;
}


.redBk
{
	background-color : red;
}


.green
{
	color : green;
}


.greenBk
{
	background-color : green;
}


.blue
{
	color : blue;
}


.blueBk
{
	background-color : blue;
}


.magenta
{
	color : magenta;
}


.magentaBk
{
	background-color : magenta;
}


.navy
{
	color : navy;
}


.navyBk
{
	background-color : navy;
}


.orange
{
	color : orange;
}


.orangeBk
{
	background-color : orange;
}


.brown
{
	color : brown;
}


.brownBk
{
	background-color : brown;
}