/* trigRightTriangle.css */


div.mainContainer
{
	position : relative;
	width    : 840px;
	height   : 450px;
}


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


div.screen
{
	position   : absolute;
	width      : 400px;
	height     : 400px;
	left       : 0px;
	top        : 0px;
}


span.hypLength
{
	position         : absolute;
	left             : 0px ;
	top              : 0px;
	background-color : black;
	border           : 2px blue solid;
	padding          : 2px;
	display          : inline-block;
}


span.adjLength
{
	position         : absolute;
	left             : 0px ;
	top              : 0px;
	background-color : black;
	border           : 2px red solid;
	padding          : 2px;
	display          : inline-block;
}


span.oppLength
{
	position         : absolute;
	left             : 0px ;
	top              : 0px;
	background-color : black;
	border           : 2px lime solid;
	padding          : 2px;
	display          : inline-block;
}


span.angleSize
{
	position         : absolute;
	left             : 0px ;
	top              : 0px;
	background-color : black;
	border           : 2px gray solid;
	padding          : 2px;
	display          : inline-block;
}


div.angleNumberAdjuster
{
	position : absolute;
	left     : 440px;
	top      : 0px;
	width    : 400px;
	height   : 50px;
}


div.outputPanel
{
	position    : absolute;
	left        : 440px;
	top         : 50px;
	width       : 400px;
	height      : 350px;
	font-size   : x-large;
	font-weight : bold;
}


.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;
}


.gray
{
	color : gray;
}


.red
{
	color : red;
}


.lime
{
	color : lime;
}


.blue
{
	color : blue;
}