/*STH begin*/
/* STYLE FOR REFERENCE MAP BOX */
.searchrefbox {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    border-color : #0000FF;
    border-width : 2px;
    border-style : solid;
}
#searchrefcross, .searchrefcrossimg  {
    visibility: hidden;
    position: absolute;
    z-index:90;
}
.searchmapbox {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    border-color : #0000FF;
    border-width : 2px;
    border-style : solid;
}
#searchmapcross, .searchmapcrossimg  {
    visibility: hidden;
    position: absolute;
    z-index:90;
}
/*STH end*/



#mapToolArea {
    position: absolute;
    right : 0px;
    width: auto;
    overflow: visible;
    z-index : 10;
	text-align: right;
}


/*** help messages ***/
#helpMessage {
	position:relative; 
    right:3px; 
    bottom:3px;
    height: auto;
    width: 250px;
    visibility: hidden;
    z-index : 92;
    background:#D1D1D1;
    color: #000080;
	layer-background-color:#D1D1D1;
	filter: alpha(opacity=80); 
	-moz-opacity:0.8;
    border:none;
	padding: 4px;
}


/*MVK START*/
/**
 * for DHTML menu
 * based on a script by Jonathan Sharp
 */
.pm_menu, .pm_menu_button, a.pm_menu_button {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
    padding: 3px;
	cursor: pointer;
	z-index: 15 /*STH*/
}
a.pm_menu_button {
    display: block;
    width: auto;
    padding: 3px;   
    color: #000000;
    border: 1px solid #003366;
	z-index: 15; /*STH*/
/*MVK*/ white-space:nowrap;
}
a.pm_menu_button:hover {
    display: block;
    width: auto;
    padding: 3px;
    color: #ffffff;
    background-color: #003366;
    border: 1px outset #f0f0f0;
	z-index: 15 /*STH*/
}
.pm_menu_button img{
    padding: 0px 0px 0px 3px;
	z-index: 15 /*STH*/
}
.pm_menu {
	display: none;
	position: absolute;
	width: 90px;
	list-style-type: none;
	margin: 0px;
	color: #000000;
    background-color: #f0f0f0;
    border: 1px solid #003366;
	z-index: 15 /*STH*/
}
.pm_menu li {
	border-top: 1px solid #999999;
	padding: 5px 2px 5px 4px;
	z-index: 15 /*STH*/
}
.pm_menu_active {
	display: block;
	z-index: 15 /*STH*/
}
.pm_menu .pm_menu_hover {
	color: #FFFFFF;
    background-color: #003366;
	z-index: 15 /*STH*/
}
/*mvk end*/



/*** Styles for SCALE selection ***/
#scaleArea {
/*MVK	position:absolute;*/
	z-index:90; 
	overflow: visible;
/*MVK	left: 4px; */
/*MVK	top: 42px; */
	width: 140px; 
	padding: 1px 4px 1px 3px;
	border: 1px inset #999999;
	background-color:#e2e2e2;
    layer-background-color:#e2e2e2;
	-moz-opacity:0.8; 
}
#toolMenu {
/*MVK    position:absolute; */
    top:6px; 
    right:30px; 
    overflow:visible;    
}





/*MVK START*/
/** 
 * TOOL BUTTONS IN TOOLBAR.PHTML 
 * Used for mouseDown/Up and mouseOver/Out actions 
 */
.TOOLBAR {
    color: #000000; 
}

.TOOLBARTD{
    padding: 1px;
}


.TOOLBARTD_OFF{
    padding: 1px;
    text-align:center;
    vertical-align:middle;
    width: 24px;
    height: 24px;
    /*border:   1px solid #B1BBC5;*/
}

.TOOLBARTD_ON{
    padding: 0px;
    width: 24px;
    height: 24px;
    overflow: hide;
    text-align:center;
    vertical-align:middle;
    background-color: #CCCCCC;   
    border-top:    1px solid #666666;
    border-bottom: 1px solid #F0F0F0;
    border-right:  1px solid #F0F0F0;
    border-left:   1px solid #666666;   
    /*border: 1px inset;*/
}                

.TOOLBARTD_OVER{
    padding: 0px;
    width: 24px;
    height: 24px;
    overflow: hide;
    text-align:center;
    vertical-align:middle;
    border-top:    1px solid #F0F0F0;
    border-bottom: 1px solid #666666;
    border-right:  1px solid #666666;
    border-left:   1px solid #F0F0F0;
}

.TOOLBARTD IMG, .TOOLBARTD_ON IMG, .TOOLBARTD_OVER IMG {
	border: 0px;
	vertical-align:middle;
}
/*mvk end*/






#xcoord {
    /*position: absolute;
    left : 10px;
    top : 2px;*/
	float:left;
	padding: 0px 8px;
}
#ycoord {
    /*position: absolute;
    left : 80px;
    top : 2px;*/
	float:left;
	padding: 0px 16px;
}

#showcoords {
    visibility: visible;
    /*position: absolute;
    left : 4px;
    top : 4px;	
	z-index: 80;*/
	float: left;
    width: auto;
    height: 18px;
	margin: 0px 0px;
	
    background:#eeeeee;
    layer-background-color:#eeeeee;
    filter: alpha(opacity=85); 
    -moz-opacity:0.85;	
}

#autoRefreshButton {
    height:0px;   
    display:block; 
}



/* STYLE FOR REFERENCE MAP */
.refmap {
    position:absolute; 
    left:35px; 
    top:4px;
    z-index:9
}


/*** Slider ***/
#sliderArea {
	position:absolute; 
	z-index:90; 
	left:2px; 
	top:0px;
	width:26px; 
	height:146px; 
/*	margin-top:5px; */
	border: 1px solid #999999;
	background-color:#e2e2e2; 
	layer-background-color:#e2e2e2;
	-moz-border-radius: 15px;	
}
#zslider {
    display:table-row;
}
#sliderTool {
    position:absolute; 
    left:5px; 
    top:5px; 
    display:table;
}
.sliderAreaOver {
	filter: alpha(opacity=95); 
	-moz-opacity:0.95;
}
.sliderAreaOut {
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;
}
.slider_top {
	width:14px; 
	height:15px; 
	/*display:table-row;*/
	background-color:#eeeeee; 
	border: 1px solid #000000;
	-moz-border-radius: 8px 8px 0px 0px;
}
.slider_bottom {
	width:14px; 
	height:15px; 
	/*display:table-row;*/
	background-color:#eeeeee; 
	border: 1px solid #000000;
	-moz-border-radius: 0px 0px 8px 8px ;
}





/*** Styles for SCALE selection ***/
#scaleArea {
/*	position:absolute; */
	z-index:90; 
	overflow: visible;
/*	right: 4px;*/ 
/*	top: 85px;*/
	width: 55px; 
	/*padding: 1px 4px 1px 3px;*/
	border: 0px inset #999999;
	background-color:#e2e2e2;
    layer-background-color:#e2e2e2;
	-moz-opacity:0.8; 
}

#scaleArea2 {
    white-space: nowrap;
}

.scale_link {
	background-color: #EBEBEB;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	z-index : 91;
}
.scale_link_over {
	color: #FFFFFF;
	background-color: #003366;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	z-index : 91;
}
#scale_suggest {
	position: absolute; 
	background-color: #EBEBEB; 
	text-align: right; 
	right:5px;
	top:22px;
	border: 1px solid #003366;
	height: auto;
	width: 80px;
	overflow: visible;
	z-index : 999;
	visibility: hidden;
}	


/*jquery.tooltip.css*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #ffb;
	padding: 3px;
	opacity: 0.85; 
}

#tooltip h3, #tooltip div { 
	margin: 0;
	font-size: 8pt;
	font-weight: normal;
}