div.mapAndLegend {
	min-width:800px;
	border: 0px;
	border-style: solid;
	border-color: black;
	overflow: hidden;
	position: relative;
}
	
div.mapOverflow {
	/*width: 400px;*/
	min-width:200px;
	width: 75%;	
	
	height: 400px;
	border: 1px;
	border-style: solid;
	border-color: black;
	overflow: hidden;
	position: relative;
	
	float: left;
}

div.map {
	background-repeat:no-repeat;
	border: 0px;
	border-style: solid;
	/*border-color: black;*/
	border-color: white;
	position: absolute;
	/*width: 400px;*/
	width:100%;
	height: 400px;
}

div.map_txt {
	border: 0px;
	border-color: white;
	position: fixed;
	bottom: 7px;
    text-align:center;
    width:200px;
	font-family: tahoma;
	font-size: 9px;
    background-color: white;
    z-index: 1000;
}

div.zoomInBox {
	position: absolute;
	border: 1px;
	border-color: red;
	border-style: solid;
	overflow: hidden;
	font-family: tahoma;
	font-size: 10px;
	text-align: center;
}

div.selectBox {
	position: absolute;
	border: 1px;
	border-color: yellow;
	border-style: solid;
	overflow: hidden;
	font-family: tahoma;
	font-size: 10px;
	text-align: center;
}

div.tocAndLegend {
	border: 1px;
	/*border-color: black;*/
	border-color: white;
	border-style: solid;
	/*width: 200px;*/
	min-width: 400px;
	height: 400px;
	overflow: auto;
	display: block;
	margin-right: -100%;	/*this way it sticks to the map*/
	float: left;
}

div.toc {
	border: 1px;
	/*border-color: black;*/
	border-color: white;
	border-style: solid;
	/*width: 200px;*/
	min-width: 350px;
	height: 370px;
	overflow: auto;
	display: block;
	
	float: left;
}

div.legend {
	background-repeat:no-repeat;
	border: 1px;
	border-color: white;
	border-style: solid;
	min-width: 350px;
	height: 370px;
	overflow: auto;
	display: none;
		
	float: left;
}

div.mapToolbar {
	border: 0px;
	border-color: blue;
	border-style: solid;
	overflow: hidden;
	/*position: absolute;*/
	position: relative;	
}

table.toc {
	font-family: tahoma;
	font-size: 10px;
	/*font-style: oblique;
	float: right;*/
}

td.toc {
	font-family: tahoma;
	font-size: 10px;
}

input {
	font-family: tahoma;
	font-size: 10px;
}
select {
	font-family: tahoma;
	font-size: 10px;
}
img.tocButtonLine{
	border-width: 0px;
	vertical-align: bottom;
	width: 40%;
	height: 2px; 
}
input.tocButton {
	border-width: 0px;
	vertical-align: bottom;
	width: 90px; /*30%;*/
}
input.toolbar {
	width: 22px;
	height: 22px;
	background-color: #ffffff;
	border-width: 2px;
	background-repeat: no-repeat;
	background-position: center;
}
input.idButton {
	background-image:url(../images/toolbar/identify.gif);
	border-style: none;
}
input.idButtonDisabled {
	background-image:url(../images/toolbar/identify_d.gif);
	border-style: none;
}
input.idButtonActive {
	background-image:url(../images/toolbar/identify.gif);
	border-style: solid;
}
input.selectButton {
	background-image:url(../images/toolbar/selectrect.gif);
	border-style: none;
}
input.selectButtonDisabled {
	background-image:url(../images/toolbar/selectrect_d.gif);
	border-style: none;
}
input.selectButtonActive {
	background-image:url(../images/toolbar/selectrect.gif);
	border-style: solid;
}
input.selectPolygonButton {
	background-image:url(../images/toolbar/selectpoly.gif);
	border-style: none;
}
input.selectPolygonButtonDisabled {
	background-image:url(../images/toolbar/selectpoly_d.gif);
	border-style: none;
}
input.selectPolygonButtonActive {
	background-image:url(../images/toolbar/selectpoly.gif);
	border-style: solid;
}
input.zoomInButton {
	background-image:url(../images/toolbar/zoomin.gif);
	border-style: none;
	margin-left: 10px;
}
input.zoomInButtonActive {
	background-image:url(../images/toolbar/zoomin.gif);
	border-style: solid;
	margin-left: 10px;
}
input.zoomOutButton {
	background-image:url(../images/toolbar/zoomout.gif);
	border-style: none;
}
input.panButton {
	background-image:url(../images/toolbar/pan.gif);
	border-style: none;
}
input.panButtonActive {
	background-image:url(../images/toolbar/pan.gif);
	border-style: solid;
}
input.zoomFullButton {
	background-image:url(../images/toolbar/zoomfull.gif);
	border-style: none;
}
input.orderButton {
	background-image:url(../images/toolbar/order.gif);
	border-style: none;
}
input.orderButtonDisabled {
	background-image:url(../images/toolbar/order_d.gif);
	border-style: none;
}
input.orderButtonActive {
	background-image:url(../images/toolbar/order.gif);
	border-style: solid;
}
input.addLayerButton {
	background-image:url(../images/toolbar/addlayer.gif);
	border-style: none;
}
input.crossSectionButton {
	background-image:url(../images/toolbar/cs_draw_line.gif);
	border-style: none;
}
input.crossSectionButtonActive {
	background-image:url(../images/toolbar/cs_draw_line.gif);
	border-style: solid;
}
input.crossSectionObjectsButton {
	background-image:url(../images/toolbar/cs_draw_line_objects.gif);
	border-style: none;
}
input.crossSectionObjectsButtonActive {
	background-image:url(../images/toolbar/cs_draw_line_objects.gif);
	border-style: solid;
}
input.polyLineRemoveButton {
	background-image:url(../images/toolbar/pl_remove.gif);
	border-style: none;
}
input.polyLineRemoveLastButton {
	background-image:url(../images/toolbar/pl_remove_last.gif);
	border-style: none;
}
input.crossSectionDrawButton {
	background-image:url(../images/toolbar/cs_draw.gif);
	border-style: none;
}
input.saveSelectionButton {
	background-image:url(../images/toolbar/saveselect.gif);
	border-style: none;
}
input.saveSelectionButtonDisabled {
	background-image:url(../images/toolbar/saveselect_d.gif);
	border-style: none;
}
input.loadSelectionButton {
	background-image:url(../images/toolbar/loadselect.gif);
	border-style: none;
}
input.overviewButton {
	background-image:url(../images/toolbar/overview.gif);
	border-style: none;
}
input.overviewButtonHide {
	background-image:url(../images/toolbar/overview.gif);
	border-style: none;
}
input.helpButton {
	background-image:url(../images/toolbar/help.gif);
	border-style: none;
}
input.helpButtonDisabled {
	background-image:url(../images/toolbar/help_d.gif);
	border-style: none;
}
input.commentButton {
	background-image:url(../images/toolbar/comment.gif);
	border-style: none;
}
input.downloadButton {
	background-image:url(../images/toolbar/download_map.gif);
	border-style: none;
}

#selAreas {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#selAreas div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

#overviewMap {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100px;
     height:120px;
     z-index: 1000;
     background-color: white;
     border:1px solid black;
}

#overview {
     visibility: hidden;
     position: absolute;
     left: -50px;
     top: 0px;
     width:200px;
     height:100px;
}

#overview_txt{
    text-align:center;
	top: 100px;	
	margin-top: 100px;	
    width:100px;
	font-family: tahoma;
	font-size: 9px;
}