
/* ------------------ */
/* LEFT SIDE ELEMENTS */
/* ------------------ */
/* Container (div) for all elements left of map */
#leftColumnDiv
{
	left: 0px;	
	top: 0px;
	position: absolute;
}

/* -------------- */
/* TOC (TabStrip) */
.tabstripTOC 
{
	left: -1px;
	position: absolute;
	top: 50px;
	width: 151px;
	font-family: tahoma;

}
.DefaultTab 
{
	color: #0000FF; 
	background-color: #F6F4E7;
	text-decoration:underline;
	font-weight:bold;
	font-size: 75%;
	cursor:pointer;
	border-bottom: solid 2px #D6CE9C;
	
}
.DefaultTabHover 
{
	color: #0000FF; 
	background-color: #F6F4E7;
	font-size: 75%;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.SelectedTab 
{
	color:  #000000;
	background-color: #F6F4E7;
	font-size: 75%;
	font-weight:bold;
	cursor:default;

}

/* TOC (MultiPage) */

.multipageTOC
{
	left: 0px;
	position: absolute;
	top: 71px;
	height: 257px;
	width: 150px;
	z-index: 1;
}
.PageContent 
{
	background-color: #F6F4E7;
	padding: 1px 1px 1px 1px;
	border-left: solid 1 px #D6CE9C;
	border-right: solid 1 px #D6CE9C;
	border-bottom: solid 1px #D6CE9C;
}

/* TOC (TreeView) */
#treeviewTOCDiv
{
    scrollbar-arrow-color: #7f99b2;
    scrollbar-base-color: #7f99b2;
    scrollbar-track-color: #F6F4E7;
    scrollbar-face-color: White;
    scrollbar-highlight-color: White;
    scrollbar-shadow-color: #7f99b2;
    scrollbar-darkshadow-color: White;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 255px;
	width: 237px;
	overflow: scroll;
	cursor:hand;
    font-family: Tahoma;
} 
.tocGroupNode
{
  
	padding-right: 0px;
	border-top: white 1px solid;
	padding-left: 15px;
	background-position: left center;
	font-weight: bold;
	font-size: 80%;
	background-image: url(../images/pluss_sort.gif);
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 5px;
	background-repeat: no-repeat;
	height: 20px;
	background-color: #457889;
} 
.tocGroupNodeHover
{
	padding-right: 0px;
	border-top: white 1px solid;
	padding-left: 15px;
	background-position: left center;
	font-weight: bold;
	font-size: 80%;
	background-image: url(../images/pluss_sort.gif);
	padding-bottom: 0px;
	cursor: hand;
	color: #ffffff;
	padding-top: 5px;
	background-repeat: no-repeat;
	height: 20px;
	background-color: #457889;
	text-decoration: underline;
	
}



.tocLayerNode
{
  border-bottom: 1px solid #e5e5e5;font-weight:normal;color:#446a7f;font-size:75%;
  background-color:#ffffff;padding:4px;
}
.tocLayerNodeRow
{
	background-color:#ffffff;
		}
		
		
.tocLayerNodeRow input
{
background-color:#ffffff;

	}
.tocLayerNodeRowHover
{
	background-color: #f4fbfb;font-weight:normal;text-decoration:underline;

}
.tocLayerNodeRowHover input
{
	

}
.tocLayerNodeRowWithLegendHover
{
	
}
.tocLayerNodeRowWithLegendHover input
{
	
}
.imgArrow
{
	left: 121px;
	position: absolute;
}
.imgMetaLink
{
}

/* TOC (Legends) */
#legendsTOCDiv
{
    scrollbar-arrow-color: #7f99b2;
    scrollbar-base-color: #7f99b2;
    scrollbar-track-color: #F6F4E7;
    scrollbar-face-color: White;
    scrollbar-highlight-color: White;
    scrollbar-shadow-color: #7f99b2;
    scrollbar-darkshadow-color: White;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 255px;
	width: 237px;
	overflow: scroll;
	cursor:hand;
    font-family: Tahoma;
	 
} 
.legendTableGroup
{
	padding-right: 0px;	

	padding-left: 1px;

	padding-bottom: 0px;
	padding-top: 5px;
    font-family: Tahoma;
    font-weight: bold;
	background-position: right center;
	background-repeat: no-repeat;
    color: black;
	font-size:10px;
}

.legendTableLayer
{
	font-size:75%;  
    font-family: Tahoma;
    font-weight:normal;
    color: #000000;
	padding-left: 5px;

}
.legendTableImage
{
	font-size:75%;  
    font-family: Tahoma;
	padding-left: 3px;
}

/* Area search */
#areaDiv
{
	left: 0px;	
	top: 0px;
	position: absolute;
	width: 240px; /*was:150*/
	height: 48px;
	background-color: #F6F4E7;
}
.dropdownArea
{
	left: 2px;
	width: 148px;
	height: 20px;
	position: absolute;
	top: 5px;
	font-family:verdana, sans-serif;
	font-size: 80%;
}

.dropdownCounty
{
	left: 2px;
	width: 148px;
	height: 20px;
	position: absolute;
	top: 25px;
	font-family:verdana, sans-serif;
	font-size: 80%;
}

/* Other elements */
.buttonRefreshMap
{
	font-size: 8pt;
	left: 0px;
	border-color: Silver;
	width: 240px;
	border-style: solid;
	font-family: Tahoma;
	position: absolute;
	top: 330px;
	height: 22px;
	background-color: #f6f4e7;
	background-image: url(../images/refresh.gif);
	background-repeat: no-repeat;
	background-position-x: left;
}
.buttonRefreshMapFlash
{
	font-size: 8pt;
	left: 0px;
	width: 240px;
	border: solid 2px Silver;
	font-family: Tahoma;
	position: absolute;
	top: 330px;
	height: 22px;
	background-color: #7F99B2;
	background-image: url(../images/refresh.gif);
	background-repeat: no-repeat;
	background-position-x: left;
}
.btnClearToc
{
	font-size: 8pt;
	left: 0px;
	width: 240px;
	border: solid 2px Silver;
	font-family: Tahoma;
	position: absolute;
	top: 355px;
	height: 22px;
	background-color: #f6f4e7;
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	background-position-x: left;
}

#detailedMapDiv
{
	left: 0px;
	position: absolute;
	top: 375px;
	width: 150px;
	height: 25px;
}
.chbxUseDetailedMap
{
	left: -3px;
	position: absolute;
	top: 5px;
	font-size: 8pt;
	font-family: Arial;
	width: 150px;
}
.chbxUseDetailedMap input
{
	background-color: White;
}

/* active layers text at bottom */
.lblActiveLayersAll
{
	font-family:verdana, sans-serif;
    font-size:80%; 
   	position: relative;
   	top: 50px;
	left: 255px; 
	width: 500px;

}

.lblActiveLayersLink
{
	position: relative;
   	top: 50px;
	left: 255px; 
}

.lblActiveLayersLinkText
{
	font-family:arial, sans-serif;
    font-size:90%; 
}

.lblActiveLayers
{
}
/* Ledetekst som inneholder melding om kartlag som ikke er tilgjengelige */
.lblActiveLayersError
{
	color: #333333;
	position: absolute;
	top: 50px;
	left: 95px; 
	width:500px;
	background-color:White;
}
.lblActiveLayersInfo
{
    width:500px;
    display:block;
}


/* ------------------ */
/* MAP ELEMENTS       */
/* ------------------ */

/* The whole map container (div) */
#mapColumnDiv
{
	left: 252px; /*was:152*/
	position: relative;
	top: 50px;
	height: 511px;
	width: 715px;
	border-color:#457889;
	border-width:thin;
	border-style:solid;	
	
}
/* The map image (div) */
#mapImageDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	clip: rect(0px 719px 509px 0px);
}
/* The loading map image (div) */
#mapLoading
{
	position: absolute;
	top: 175px;
	left: 214px;
	visibility: hidden;
	z-index: 1000;
}
#mapRubberBand
{
	border: solid 2px #7f99b2;
	display: block;
	font-size: 0pt;
	z-index: 1;
	visibility: hidden;
	width: 0px;
	position: absolute;
	height: 0px;
}
#mapColumnDiv input
{
	position: absolute;
}
.divMapMouseImage
{
	position: absolute;
	visibility: hidden;
	padding: 10px 0px 0px 10px;
}

/* The actual map image */
.mapImageMain
{
	width: 711px;
	height: 507px;
	cursor: default;
}
/* The pan buttons */
.mapPanN
{
	top: 0px;
	left: 10px;
	height: 10px;
	width: 711px;
	visibility:hidden;
}
.mapPanNE
{
	top: 0px;
	left: 711px;
	height: 10px;
	width: 10px;
	visibility:hidden;
}
.mapPanE
{
	top: 10px;
	left: 711px;
	height: 501px;
	width: 10px;
	visibility:hidden;
}
.mapPanSE
{
	top: 511px;
	left: 711px;
	height: 10px;
	width: 10px;
	visibility:hidden;
}
.mapPanS
{
	top: 511px;
	left: 10px;
	height: 10px;
	width: 711px;
	visibility:hidden;
}
.mapPanSW
{
	top: 511px;
	left: 0px;
	height: 10px;
	width: 10px;
	visibility:hidden;
}
.mapPanW
{
	top: 10px;
	left: 0px;
	height: 501px;
	width: 10px;
	visibility:hidden;
}
.mapPanNW
{
	top: 0px;
	left: 0px;
	height: 10px;
	width: 10px;
	visibility:hidden;
}
/* ------------------ */
/* TOOLBAR ELEMENTS   */
/* ------------------ */
#toolsBackground
{
   
	/*background-color: #D6CE9C;*/
	left: 250px; /*was 715*/
	width: 600px;
	position: absolute;
	top: 0px;
	padding:2px;
}
#toolsBackground img, input
{
	 background-color:#F4F4EA;
}
.toolZoomIn
{
	float:left; padding:4px;
}
.toolZoomOut
{
	float:left; padding:4px;
}
.toolPan
{
	float:left; padding:4px;
}
.toolIdentify
{
	float:left; padding:4px;
}
.toolBack
{
	float:left; padding:4px;
}
.toolFullExtent
{
	float:left; padding:4px;
}
.toolLargeMap
{
	float:left; padding:4px;
}
.toolPrint
{
	float:left; padding:4px;
}

.toolHelp
{
	float:left; padding:4px;
}

.linkShowHelp
{
	left: 5px;
	position: absolute;
	top: 385px;
	font-size: 7pt;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	color: White;
}
.linkShowHelp:hover
{
	text-decoration: underline;
}
.linkShowHelp:visited
{
	color: White
}



.lblLayersNotActive
{
	font-size: 8pt;
	font-family: Tahoma;
	font-weight:bold;
	text-decoration: none;
	color:Black;
	background-color:White;
}

.mouseIcon
{
	position:absolute;
	left:10px;
	top:10px;
}

/* The designedBy info */
#designedBy
{
	position: absolute;
	top: 430px;
	left: 40px;
	visibility: hidden;
}
.lbldesignedBy
{
	font-family: Tahoma;
    font-size: 9px;
    color: Gray;
	position: absolute;
	top: -18px;
	left: 300px;
	visibility: hidden;	
}
.lblGeodataLink
{
	font-family: Tahoma;
    font-size: 9px;   
    color: Gray;
	position: absolute;
	top: -18px;
	left: 410px;	
	visibility: hidden;	
}

