/* work.css */


div.animationContainer
{
	position   : relative;
	width      : 800px;
	height     : 300px;
	color      : black;
	background : #dddddd;
	border     : medium gray solid;
}


div.animationMessage
{
	width      : 780px;
	height     : 200px;
	background : #dddddd;
	position   : absolute;
	top        : 0px;
	left       : 0px;
	font-size  : large;
	padding    : 8px;
}


canvas.animationCanvas
{
	width      : 796px;
	height     : 98px;
	background : #dddddd;
	position   : absolute;
	top        : 200px;
	left       : 0px;
}


span.message
{
	width   : 240px;
	padding : 4px;
}


span.messageWide
{
	width   : 770px;
	padding : 4px;
}


.force
{
	color   : blue;
	display : inline-block;
}


.displacement
{
	color   : red;
	display : inline-block;
}


.velocity
{
	color   : black;
	display : inline-block;
}


.acceleration
{
	color   : black;
	display : inline-block;
}


.work
{
	color   : black;
	display : inline-block;
}


.notes
{
	color   : black;
	display : inline-block;
}


label.paused
{
	position : absolute;
	display  : inline-block;
	top      : 260px;
	left     : 120px;
	color    : black;
}


input.restart
{
	position  : absolute;
	display   : inline-block;
	top       : 260px;
	left      : 10px;
	color     : black;
	font-size : large;
}