/* 2D Force Adding Machine styles */


div.mainContainer
{
	position : relative;
	width    : 900px;
	height   : 550px;
}


div.controlPanel
{
	position : absolute;
	width    : 820px;
	height   : 100px;
	left     : 0px;
	top      : 0px;
}


div.numberAdjuster
{
	display : inline-block;
	height  : 50px;
	padding : 2px;
}



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


.numberAdjusterButtonClass
{
	height         : 40px;
	width          : 45px;
	margin-right   : 8px;
	text-align     : center;
	vertical-align : middle;
	font-size      : x-large;
	font-weight    : bold;
	border         : medium black solid;
}


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



canvas.xyGraphF1
{
	position   : absolute;
	width      : 200px;
	height     : 200px;
	top        : 110px;
	left       : 0px;
	background : black;
	border     : medium black solid;
}


canvas.xyGraphF2
{
	position   : absolute;
	width      : 200px;
	height     : 200px;
	top        : 340px;
	left       : 0px;
	background : black;
	border     : medium black solid;
}



canvas.xyGraphFT
{
	position   : absolute;
	width      : 410px;
	height     : 410px;
	top        : 110px;
	left       : 230px;
	background : black;
	border     : medium black solid;
}


div.output
{
	position     : absolute;
	width        : 200px;
	height       : 410px;
	top          : 110px;
	left         : 660px;
	padding-left : 20px;
	padding-top  : 10px;
	font-size    : x-large;
	font-weight  : bold;
}


span.checkbox
{
	display        : inline-block;
	width          : 30px;
	height         : 40px;
	text-align     : center;
	vertical-align : middle;
	font-size      : x-large;
	font-weight    : bold;
}


span.spacer
{
	display : inline-block;
	width   : 50px;
}


.F1
{
	color : #ff0000;
}




.F1x
{
	color : #ff6666;
}




.F1y
{
	color : #ffaaaa;
}




.F2
{
	color : #00ff00;
}




.F2x
{
	color : #66ff66;
}




.F2y
{
	color : #aaffaa;
}




.FT
{
	color : #0000ff;
}




.FTx
{
	color : #6666ff;
}




.FTy
{
	color : #aaaaff;
}




.legend
{
	display : inline;
}