#navigationMenu
{
	width: 72px;
	height: 246px; /*414px;*/
	background-image: url(../images/navig_bkg.gif);
	background-repeat: no-repeat;
	background-position:0 0;
}

#navigationMenu .buttonRow 
{
	/* should not contain any content! This will push all absolutely positioned content down..*/
	position: relative;	
}

/* --- Navigation buttons --- */

#navigationMenu .buttonContainer
{
	position: absolute; /* absolute inside relative container */
	left: 2px; 
	top: 2px;  
	width: 20px;
	height:20px;
}

#navigationMenu .buttonContainer a
{
	background-position:0 0;
	cursor:pointer;
	display:block;
	height:20px	;
	width:20px;	
}

#navigationMenu .buttonContainer a:hover
{
	background-position:0 -20px;
}

#navigationMenu .west, #navigationMenu .east
{
	top: 26px;
}

#navigationMenu .north, #navigationMenu .south
{
	left: 26px; 
}

#navigationMenu .south
{
	top: 51px;
}

#navigationMenu .east
{
	left: 51px;
}


#navigationMenu .west a
{
	background-image:url(../images/navig_left.gif);
}

#navigationMenu .east a
{
	background-image:url(../images/navig_right.gif);
}

#navigationMenu .north a
{
	background-image:url(../images/navig_up.gif);
}

#navigationMenu .south a
{
	background-image:url(../images/navig_down.gif);
}


/* --- Zoom buttons --- */

#navigationMenu .zoomButton /* #btnZoomIn/Out */
{
	cursor:pointer;
	position:absolute;
	left: 27px;
	width: 18px;
	height: 18px;	
}

#navigationMenu #btnZoomIn
{
	top: 84px;
}

#navigationMenu #btnZoomOut
{
	top: 223px;
}

#navigationMenu #zoomSliderContainer
{
	position:absolute;
	top: 106px;
	left: 20px;
	width: 22px;
	height: 113px;
}

#navigationMenu #zoomSliderContainer #zoomSlider
{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 24px;
}

#navigationMenu #zoomSliderContainer #zoomSlider a
{
	background-image:url(../images/navig_slider.gif);
	background-position:0 0;
	cursor:pointer;
	display:block;
	height:24px	;
	width:32px;	
}

#navigationMenu #zoomSliderContainer #zoomSlider a:hover
{
	background-position:0 -24px;
}


/* --- 3D buttons --- */

#navigationMenu .button3D
{
	position: absolute; /* absolute inside relative container */
	left: 20px;
	top: 2px;  
	width: 32px;
	height: 24px;
}

#navigationMenu .button3D a
{
	background-position: 0 0;
	cursor: pointer;
	display: block;
	width: 32px;
	height: 24px;
}

#navigationMenu .button3D a:hover
{
	background-position:0 -24px;
}

#navigationMenu .decreaseHeight
{
	top: 250px;
}

#navigationMenu .decreaseHeight a
{
	background-image:url(../images/3D_decrease_height.gif);
}

#navigationMenu .increaseHeight
{
	top: 278px;
}

#navigationMenu .increaseHeight a
{
	background-image:url(../images/3D_increase_height.gif);
}

#navigationMenu .rotateCCW
{
	top: 306px;
}

#navigationMenu .rotateCCW a
{
	background-image:url(../images/3D_rotate_ccw.gif);
}

#navigationMenu .rotateCW
{
	top: 334px;
}

#navigationMenu .rotateCW a
{
	background-image:url(../images/3D_rotate_cw.gif);
}

#navigationMenu .increaseAngle
{
	top: 362px;
}

#navigationMenu .increaseAngle a
{
	background-image:url(../images/3D_increase_angle.gif);
}

#navigationMenu .decreaseAngle
{
	top: 390px;
}

#navigationMenu .decreaseAngle a
{
	background-image:url(../images/3D_decrease_angle.gif);
}

#navigationMenu visible
{
	display: block;
}

#navigationMenu .collapsed
{
	display: none;
}