/* Wave Inerference 3 Styles */
/* WaveInterference3.css     */


/* ============= */
/* mainContainer */
/* ============= */

#mainContainerDivId
{
}


.mainContainerDivClass
{	
	position  : relative;
	width     : 600px;
	height    : 400px;
	display   : block;
	font-size : large;
}




/* ============= */
/* displayCanvas */
/* ============= */

#displayCanvasId
{
	top  : 0px;
	left : 0px;
}


.displayCanvasClass
{
	position         : absolute;
	width            : 600px;
	height           : 400px;
	display          : inline-block;
	background-color : black;
}




/* =============== */
/* controlPanelDiv */
/* =============== */

#controlPanelTopDivId
{
	top  : 10px;
	left : 0px;
}


#controlPanelBottomDivId
{
	top  : 360px;
	left : 0px;
}


.controlPanelDivClass
{
	display      : inline-block;
	position     : absolute;
	width        : 600px;
	height       : 30px;
	padding-left : 10px;
	text-align   : center;
}


.drawAndRunButtonClass
{
	margin-right : 10px;
}


.wave1LabelClass
{
	margin-right : 10px;
	color        : red;
}


.wave2LabelClass
{
	margin-right : 10px;
	color        : blue;
}


.sumLabelClass
{
	margin-right : 10px;
	color        : white;
}


.messageSpanClass
{
	display      : inline-block;
	width        : 150px;
	margin-right : 10px;
	color        : gray;
}


.slowLabelClass
{
	margin-right : 10px;
	color        : gray;
}


.controlSpanClass
{
	margin-right : 5px;
	color        : gray;
}


.autoControlLabelClass
{
	margin-right : 10px;
	color        : gray;
}


.youControlLabelClass
{
	margin-right : 10px;
	color        : gray;
}