﻿/* TrigFuncPointDefinitions.css */

div.mainSpacer
{
	height : 450px;
}


div.mainContainer
{
	position           : relative;
	width              : 830px;
	height             : 450px;
	background-image   : url('trigAppBk.jpg');
	border             : medium black solid;
	border-radius      : 5px;
	box-shadow         : 10px 10px 15px black;
	-moz-box-shadow    : 10px 10px 15px black;
	-webkit-box-shadow : 10px 10px 15px black;
	font-size          : large;
}


div.controlPanel
{
	text-align  : center;
	position    : absolute;
	width       : 830px;
	height      : 40px;
	position    : absolute;
	top         : 0px;
	left        : 0px;
	padding-top : 4px;
	font-size   : x-large;
	font-weight : bold;
}


canvas.point
{
	position   : absolute;
	top        : 40px;
	left       : 10px;
	background : black;
	width      : 400px;
	height     : 400px;
	border     : thin gray solid;
}


div.pointOverlay
{
	position   : absolute;
	top        : 40px;
	left       : 10px;
	background : transparent;
	width      : 400px;
	height     : 400px;
	border     : thin transparent solid;
	overflow   : hidden;
}


canvas.function
{
	position   : absolute;
	top        : 40px;
	left       : 420px;
	background : black;
	width      : 400px;
	height     : 200px;
	border     : thin gray solid;
}


div.functionOverlay
{
	position   : absolute;
	top        : 40px;
	left       : 420px;
	background : transparent;
	width      : 400px;
	height     : 200px;
	border     : thin transparent solid;
	overflow   : hidden;
}


span.overlay
{
	position           : absolute;
	border             : 2px black solid;
	background         : white;
	display            : inline-block;
	padding            : 2px;
	border-radius      : 3px;
	box-shadow         : 10px 10px 15px black;
	-moz-box-shadow    : 10px 10px 15px black;
	-webkit-box-shadow : 10px 10px 15px black;
}


#xSpan
{
	color : red;
}


#ySpan
{
	color : green;
}


#rSpan
{
	color : blue;
}


#aSpan
{
	color : magenta;
}


#aSpan2
{
	color : magenta;
}


#fSpan
{
	color : black;
}


div.calculation
{
	position    : absolute;
	top         : 250px;
	left        : 420px;
	width       : 380px;
	height      : 170px;
	padding     : 10px;
	font-size   : x-large;
	font-weight : bold;
}