html {
	/*overflow: auto;*/
}
body { margin: 0; font-family: Tahoma, Sans-Serif, Helvetica, Verdana, Arial; font-size: 12px; overflow: hidden;}

/*Holds the right content*/
#rightContent{ display:block; float:left; margin: 50px 0 0 5px;}

/*MapDiv*/
.mapContainerClass { z-index: 1; height: 600px; width: 840px; margin-right: 10px; padding: 0; float:left; border: solid 1px black; cursor: pointer; position:relative; clear:right; top: 50px; left: 10px;}
/*ToolDiv*/
#toolDiv {border: none; position:absolute; z-index:9; top: 55px; left: 545px; }
.toolpanel { background-image:url("../img/slicebox.png"); z-index: 9; width: 300px; height: 250px;}

#labelToolDiv {position:absolute; z-index:15; top: 55px; left: 550px; color: white; font-size: 13px; font-weight: bold;}

#labelSearchDiv {position:absolute; z-index:15; top: 160px; left: 550px; color: white; font-size: 13px; font-weight: bold;}

#labelLayerDiv {position:absolute; z-index:15; top: 200px; left: 550px; color: white; font-size: 13px; font-weight: bold;}

#labelMunicipalityDiv {position:absolute; z-index:15; top: 105px; left: 550px; color: white; font-size: 13px; font-weight: bold;}

/* The search control */
#searchControlContainer { margin: 2px 2px 2px 2px; border: none; position:absolute; z-index:998; top: 165px; left: 550px;}
#searchControlContainer #searchBG{ /*background-image:url("../img/searchInput.png");*/ z-index: 999; width: 160px; height: 40px;}
#searchControlContainer input.search{ width: 200px; border: 0px solid #000; vertical-align: middle; background: transparant; background-color:white; top: 10px; left: 12px; position:relative; }
#searchControlContainer #searchBtn{ vertical-align: middle; }
#searchControlContainer #searchTargetContainer { border: 1px solid #000; height: 150px; width: 200px; overflow: auto; z-index:1000; position:absolute; top: 28px; left: 11px; display: none; background-color:White; z-index:998; }
#searchControlContainer .searchContent { display:none; }
#searchControlContainer #searchLoader { display:none; position: absolute; top: 90px; width: 100%; text-align:center; }
/* Fast SearchResult */
#searchControlContainer .searchContent select {border: 1px solid #000; height:148px; width:200px; margin-bottom: 2px; font-family:Tahoma, Sans-Serif; font-size:12px;}
#searchControlContainer .searchContent select option {color: #f00;}
#searchControlContainer .searchContent input {clear: both;}
/* Slow SearchResult */
#searchControlContainer .searchContent a {border: 1px solid #000; text-decoration: none;}
#searchControlContainer .searchContent a:hover { text-decoration: underline; }
#searchText{z-index:1; position:relative; font-size: 13px; font-family:Tahoma, Sans-Serif; }

/* TOC (LayerTreeContainer)*/
.tocContainer{ height:auto; width:180; z-index:0; position:relative; }
#backgroundToc{height: 150px;}
.borderBox { border: 1px solid black; height: 285px; width:210px; z-index:0;	position:relative; overflow-y:auto; overflow-x:hidden; }
.borderBoxTitle{ height:15px; top:7px; left:10px; background-color:White; z-index:1; position: relative; font-family:Tahoma, Sans-Serif; }
#layerTocTitle { width:32px; padding-left:2px;}
#baseLayerTocTitle{ width:93px; padding-left:2px; }
#baseLayerList{ font-size:11px; cursor:pointer; position:relative; top:10px; left:10px;}

#tocContainer{ height: 120px; width: 160px; position:absolute; z-index:11; top: 200px; left: 560px; /*background-image: url("../img/tocBG.png");*/}
#tocContainer #tocLayers{ position:relative; top:20px; left:0px; color:White;}
#tocContainer #tocLayers input{ vertical-align: baseline; cursor: pointer;}

#rightContainer{
font-size:0.9em;
position:absolute;
right:10px;
top:86px;
width:190px;
}

/* ToolBar (The panel above map with all the tools) */
.olControlEditingToolbar  { position: absolute; top: 70px; left: 560px; z-index: 10; background-color: White; background:no-repeat; }
.olControlEditingToolbar div { width:  40px; height: 40px; float: left; /* remove this if you want a vertical toolbar  */}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-image: url("../img/icon_measure.png"); cursor:pointer;}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { background-image: url("../img/icon_measure_selected.png"); cursor:pointer;}
.olControlEditingToolbar .olControlModifyFeatureItemInactive { background-image: url("../img/icon_measure_edit.png"); cursor:pointer;}
.olControlEditingToolbar .olControlModifyFeatureItemActive { background-image: url("../img/icon_measure_edit_selected.png"); cursor:pointer;}
.olControlEditingToolbar .olControlEraseFeatureItemInactive { background-image: url("../img/deleteWhite.png"); cursor:pointer;}
.olControlEditingToolbar .olControlEraseFeatureItemActive { background-image: url("../img/deleteBlack.png"); cursor:pointer;}
.olControlEditingToolbar .printMapButtonItemInactive { background-image: url("../img/printWhite.png"); cursor:pointer;}
.olControlEditingToolbar .aboutVtabButtonItemInactive { background-image: url("../img/icon_help.png"); cursor:pointer;}
.olControlEditingToolbar .eraseAllButtonItemInactive { background-image: url("../img/radera_matning_alla_d.jpg"); cursor:pointer;}

/* CopyRight and MeasureOutput position (Under the Toc) */
#copyRight{margin-top: 3px;}
#measureBG {position:absolute; top:55px; left: 380px; background-image: url("../img/slicebox_small.png"); height:65px; width: 160px; z-index: 2;}
#measureOutput {background-color: Transparent; z-index:3; margin-top: 10px; margin-left: 15px; color:White;}

.hide {display: none;}

/* tabsContainer */
#tabs {height: 255px; width: 250px; position:relative; top: -3px; width: 285px; left: 5px; font-size: 10px;}

/* zoomboxHandler (Shift Key + Drag) */
.olHandlerBoxZoomBox {border: 2px solid red; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50);}

#popupDiv{ background-image: url("../img/slicebox.png"); width: 300px; height: 335px; position:absolute; top:310px; left: 545px; z-index: 400;}
#popupDiv #closeImg{ height: 30px; width:30px; position:relative; left: 265px; top:5px; cursor:pointer;  }
#popupDiv #title{ text-decoration: underline; position: relative; left: 10px; top: -10px; color:White;/*font-size:large;*/ font-size: 13px; font-weight: bold;}
#popupDiv #summary{ color: White; position: relative; left: 10px; top: -9px;}

.typeClass {position: relative; width: 275px; height: 100px; top: 10px; left: -10px; }
.typeClass div { margin-top: 5px;}
.typeClass img { position:absolute; right: -5px; }

#municipalitySearch{ position: absolute; top:120px; left:560px; z-index: 12; width: 200px; }
#municipalitySearch #removeMask{ text-decoration: underline; color: White; cursor: pointer;}

#municipalitySearch select {height: 20px; width: 200px; max-height: 20px;}