#navigationMenu
{
    position:absolute;
    top:50px;
    left:350px;
    
    /*width and height of bg-image, minus padding*/
    width:65px; 
    /*height:391px;*/
    /*height:315px;*/
    height:350px;
    
    /*margin menu border and shadow*/
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 6px;

    z-index: 2002;
}



#slider
{
	height:118px;
	background-image:url(../images/gfx2/navigationmenu/bg_knapp_skyver.gif);
	background-repeat:no-repeat;
	background-position: 11px 0px;
	padding-left:11px;
	padding-top:2px;
	text-align:left;
}

#sliderHandle
{
	width:35px;
	height:17px;
	background-image:url(../images/gfx2/navigationmenu/knapp_skyver.gif);
	position:relative;		
}

#sliderPanel
{
	position: absolute;
	/*left:15px;*/
	top:161px; /* height of handle - some offset */
	width:35px;
	height:120px;	
	z-index:2;
}

#sliderAnnotated
{
	position: absolute;
	top:124px;
	width:64px;
	height:118px;
	z-index:1;
}

.panelMouseDown
{
	background-image:url(../images/gfx2/navigationmenu/skyver_annotated.gif);
	width:64px;	
}

.updown
{
	cursor:n-resize;
}

.navigationContent
{
	/*width:100%;
	height:100%;*/
	width:65px;
	height:346px;
	height:375px;
	background-color:White;
	padding-left: 4px;
	padding-top: 4px;	
}

/*.navigationContent2
{
	width:100%;
	height:100%;
	background-color:White;
}*/

.button
{
	cursor:pointer;	
}

img.block
{
	display:block;
}

img.arrow
{
	width:18px;
	height:17px;
	border:none;
	
	margin:-1px;
}

/* Opera versions 9 and below hack to avoid overlapping buttons */
html:first-child img.arrow
{
	margin-top:3px;
}

/* birdseye navigation style
#birdseyeNavigationBG
{
	position:absolute;
	right:15px;
	top:40px;
	width:112px;
	height: 112px;
	z-index: 2001;	
}

#birdseyeNavigation
{
	padding-bottom:5px;
	padding-right:5px;	
} */