/* RationalFunctions2Over1.css */


div.mainContainer
{
	position : relative;
	width    : 850px;
	height   : 600px;
}


div.functionDefinition
{
	position : absolute;
	left     : 0px;
	top      : 0px;
	width    : 850px;
	height   : 150px;
}


span.functionDefinition
{
	font-size : x-large;
}


canvas.screen
{
	position    : absolute;
	left        : 0px;
	top         : 150px;
	width       : 400px;
	height      : 400px;
	border      : medium gray solid;
	background  : black;
}


div.rootsPanel
{
	position : absolute;
	left     : 440px;
	top      : 150px;
	width    : 410px;
	height   : 400px;
}


div.controlPanel
{
	position : absolute;
	left     : 0px;
	top      : 550px;
	width    : 800px;
	height   : 50px;
}


div.controlPanel
{
	padding-top : 25px;
}


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


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


.numberAdjusterButtonClass
{
	height         : 40px;
	width          : 60px;
	margin-right   : 8px;
	vertical-align : middle;
	font-size      : xx-large;
	border         : medium black solid;
}


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


img.picturePadding
{
	padding : 20px;
}


.m
{
	color : gray;
}


.a
{
	color : red;
}


.b
{
	color : green;
}


.n
{
	color : orange;
}


.d
{
	color : lime;
}