/* Wave Inerference 2 Styles */
/* WaveInterference2.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;
}




/* ======== */
/* notesDiv */
/* ======== */

#notesDivId
{
	top  : 210px;
	left : 40px;
}


.notesDivClass
{
	display          : inline-block;
	position         : absolute;
	width            : 500px;
	color            : lime;
	background-color : rgba(0, 0, 0, 0.5);
	border           : medium solid gray;
	padding          : 10px;
	visibility       : hidden;
}




/* =============== */
/* 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;
}


.menuSelectClass
{
	margin-right : 10px;
}


.notesLabelClass
{
	margin-right : 10px;
	color        : lime;
}


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


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


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


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


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


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


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