/*
	Copyright (c) 2001 General Electric Company

	Version control:
		$Archive: /releases/FreeViewer_2.0/src/WebViewer/FreeViewer/HTML/viewfrm.css $
		$Revision: 14 $
			$Date: 2/21/03 9:33a $
		$Author: Marceld $
*/
@import "app.css";


/* ViewControl elements. */
BUTTON
{
	top:expression((body.clientHeight - this.clientHeight)/2);
	width:28px;
	height:28px;
	background:url(./images/rumba/B28x28.gif);
}

#btnLayout1x1
{
	left:10px;
}

#btnLayout2x2
{
	left:expression(btnLayout1x1.offsetLeft + btnLayout1x1.clientWidth + 5);
}

#btnBack
{
	left:expression(btnLayout2x2.offsetLeft + btnLayout2x2.clientWidth + 15);
}

#btnForward
{
	left:expression(btnBack.offsetLeft + btnBack.clientWidth + 5);
}

#btnPlayStop
{
	left:expression(btnForward.offsetLeft + btnForward.clientWidth + 15);
}

#btnSpeedDown
{
	left:expression(btnPlayStop.offsetLeft + btnPlayStop.clientWidth + 5);
	width:28px;
}

#btnSpeedUp
{
	left:expression(btnSpeedDown.offsetLeft + btnSpeedDown.clientWidth + 5);
	width:28px;
}

#btnPropagate
{
	left:expression(divSpeedControl.offsetLeft + divSpeedControl.clientWidth + 15);
	width:130px;
	background-image:url(./images/rumba/B28x130.gif);
}

#listPresentationStates
{
	position:absolute;
	top:expression((body.clientHeight - this.clientHeight)/2);
	width:160px;
	left:expression(btnPropagate.offsetLeft + btnPropagate.clientWidth + 15);
}

#listViewportLayout
{
	position:absolute;
	top:expression((body.clientHeight - this.clientHeight)/2);
	width:60px;
	left:expression(listPresentationStates.offsetLeft + listPresentationStates.clientWidth + 15);
}

#listSeriesLayout
{
	position:absolute;
	top:expression((body.clientHeight - this.clientHeight)/2);
	width:60px;
	left:expression(listViewportLayout.offsetLeft + listViewportLayout.clientWidth + 15);
}

#btnHelp
{
	top:expression((body.clientHeight - this.clientHeight)/2);
	right:15px;
	width:20px;
	height:20px;
	background:url(./images/rumba/ShowHlp.gif);
}

DIV
{
	width:23px;
	height:23px;
}

.classPlayImage
{
	background:url(./images/rumba/CineOn.gif);
}

.classStopImage
{
	width:22px;
	height:22px;
	top:3px;
	right:3px;
	background:url(./images/rumba/CineOff.gif);
}

#divLayout1x1Image
{
	background:url(./images/rumba/Layout11.gif);
}

#divLayout2x2Image
{
	background:url(./images/rumba/Layout22.gif);
}

#divBackImage
{
	background:url(./images/rumba/Previous.gif);
}

#divForwardImage
{
	background:url(./images/rumba/Next.gif);
}

#divDecreaseSpeed
{
	background:url(./images/rumba/Minus.gif);
}

#divIncreaseSpeed
{
	background:url(./images/rumba/Plus.gif);
}

#divSpeedControl
{
	top:expression((body.clientHeight - this.clientHeight)/2);
	position:absolute;
	left:expression(btnSpeedUp.offsetLeft + btnSpeedUp.clientWidth + 5);
	width:60px;
	text-align:center;
}

#checkboxAnnotations
{
	top:expression((body.clientHeight - this.clientHeight)/2);
	position:absolute;
	bottom:5px;
	right:50px;
}

#labelAnnotations
{
	top:expression((body.clientHeight - this.clientHeight)/2);
	position:absolute;
	bottom:8px;
	right:69px;
}

#spanSpeed
{
	position:absolute;
	top:7px;
	left:0px;
}
