/* XVA styles */
/* xva.css    */


/* ============= */
/* mainContainer */
/* ============= */

#mainContainerDivId
{
}


.mainContainerDivClass
{
	background-color : black;
	width            : 900px;
	height           : 510px;
	position         : relative;
}




/* ============== */
/* originalsPanel */
/* ============== */

#originalsPanelDivId
{
	left : 0px;
	top  : 0px;
}


.originalsPanelDivClass
{
	color            : white;
	background-color : black;
	width            : 900px;
	height           : 30px;
	position         : absolute;
}


#xoPanelDivId
{
	left : 0px;
	top  : 0px;
}


#voPanelDivId
{
	left : 300px;
	top  : 0px;
}


#aPanelDivId
{
	left : 600px;
	top  : 0px;
}


.originalPanelDivClass
{
	position : absolute;
	width   : 300px;
	height  : 30px;
	text-align : center;
}


.originalTextClass
{
	width : 100px;
}




/* ============== */
/* bounds related */
/* ============== */

#xMinSpanId
{
	left : 10px;
	top  : 300px;
}


#xMaxSpanId
{
	left : 10px;
	top  : 30px;
}


#vMinSpanId
{
	left : 310px;
	top  : 300px;
}


#vMaxSpanId
{
	left : 310px;
	top  : 30px;
}


#aMinSpanId
{
	left : 610px;
	top  : 300px;
}


#aMaxSpanId
{
	left : 610px;
	top  : 30px;
}


#tMinXSpanId
{
}


#tMaxXSpanId
{
	left : 240px;
	top  : 175px;
}


#tMinVSpanId
{
}


#tMaxVSpanId
{
	left : 540px;
	top  : 175px;
}


#tMinASpanId
{
}


#tMaxASpanId
{
	left : 840px;
	top  : 175px;
}


.boundsSpanClass
{
	position : absolute;
	display  : inline-block;
	width    : 50px;
	color    : white;
}


.boundsSpanClass2
{
	position   : absolute;
	display    : inline-block;
	width      : 50px;
	color      : white;
	text-align : right;
}




/* =========== */
/* captionsDiv */
/* =========== */

#captionsDivId
{
	left : 0px;
	top  : 325px; 
}


.captionsDivClass
{
	position         : absolute;
	width            : 900px;
	height           : 30px;
	background-color : black;
	color            : white;
}


#xVsTCaptionDivId
{
	left : 0px;
	top  : 0px;
}


#vVsTCaptionDivId
{
	left : 300px;
	top  : 0px;
}


#aVsTCaptionDivId
{
	left : 600px;
	top  : 0px;
}


.captionDivClass
{
	position   : absolute;
	width      : 300px;
	height     : 30px;
	text-align : center;
}




/* ============ */
/* controlPanel */
/* ============ */

#controlPanelDivId
{
	left : 0px;
	top  : 360px;
}


.controlPanelDivClass
{
	position         : absolute;
	width            : 900px;
	height           : 30px;
	background-color : black;
	text-align       : center;
}


.slowLabelClass
{
	background-color : black;
	color            : white;
}




/* ============= */
/* motionDisplay */
/* ============= */

#motionDisplayDivId
{
	left : 5px;
	top  : 395px;
}


.motionDisplayDivClass
{
	position         : absolute;
	width            : 890px;
	height           : 110px;
	display          : block;
	background-color : gray;
	background-image : url(motionDisplayBackground.png);
	overflow         : hidden;
}




/* ====== */
/* object */
/* ====== */

#objectDivId
{
	left : 400px;
	top  : 4px;
}


.objectDivClass
{
	color            : black;
	background-color : white;
	width            : 100px;
	height           : 100px;
	position         : absolute;
	border           : thin black solid;
}


.objectValueSpanClass
{
	display    : inline-block;
	text-align : right;
	width      : 40px;
}



/* =========== */
/* graphCanvas */
/* =========== */

#xVsTGraphCanvasId
{
	left             : 5px;
	top              : 30px;
	background-color : red;
}


#vVsTGraphCanvasId
{
	left             : 305px;
	top              : 30px;
	background-color : magenta;
}


#aVsTGraphCanvasId
{
	left             : 605px;
	top              : 30px;
	background-color : blue;
}


.graphCanvasClass
{
	width    : 290px;
	height   : 290px;
	position : absolute;
}