/* ============== */
/* main container */
/* ============== */

#mainContainerDivId
{
	background-color : black;
	background-image : url(instr1.jpg);
}



.mainContainerDivClass
{
	position : relative;
	width    : 622px;
	height   : 416px;
}




/* ================ */
/* animation canvas */
/* ================ */

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


.animationCanvasClass
{
	position : absolute;
	width    : 622px;
	height   : 416px;
}




/* ============= */
/* control panel */
/* ============= */

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


.controlPanelDivClass
{
	position   : absolute;
	width      : 614px;
	height     : 48px;
	text-align : center;
	padding    : 4px;
	color      : white;
	background-color : black;
}


#_1stHarmonicLegendSpanId
{
	color : red;
}


#_2ndHarmonicLegendSpanId
{
	color : green;
}


#_3rdHarmonicLegendSpanId
{
	color : blue;
}


#_4thHarmonicLegendSpanId
{
	color : yellow;
}


#_5thHarmonicLegendSpanId
{
	color : magenta;
}