.hsControlPanel {
    /* width: 200px;*/
    height: 30px;
    position: absolute;
    top: 10px;
    left: 80px;
    text-align: right;
}
.hsControlPanel div {
          width:  24px;  
          height: 22px;
          float: left;
          margin-right:5px;
	  cursor: pointer;
      }
div.olControlPanZoomBar {
	cursor: pointer;
}
.hsControlPanel .hsControlQueryPointItemInactive { 
          background-image: url("img/query_point_off.png");
    }

.hsControlPanel .hsControlQueryPointItemActive { 
          background-image: url("img/query_point_on.png");
    }

.hsControlPanel .hsControlQueryPolygonItemInactive { 
          background-image: url("img/query_polygon_off.png");
    }

.hsControlPanel .hsControlQueryPolygonItemActive { 
          background-image: url("img/query_polygon_on.png");
    }

.hsControlPanel .hsControlQueryBoxItemInactive { 
          background-image: url("img/query_box_off.png");
    }

.hsControlPanel .hsControlQueryBoxItemActive { 
          background-image: url("img/query_box_on.png");
    }

.hsControlPanel .olControlHSQueryItemInactive{ 
          background-image: url("img/query_point_off.png");
    }

.hsControlPanel .olControlHSQueryItemActive { 
          background-image: url("img/query_point_on.png");
    }

.hsControlPanel .olControlHSMapServerQueryItemInactive{ 
          background-image: url("img/query_point_off.png");
    }

.hsControlPanel .olControlHSMapServerQueryItemActive { 
          background-image: url("img/query_point_on.png");
    }

.hsControlPanel .olControlNavigationItemActive { 
  background-image: url("img/pan_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .olControlNavigationItemInactive { 
  background-image: url("img/pan_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawBoxItemInactive { 
  background-image: url("img/draw_box_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawBoxItemActive { 
  background-image: url("img/draw_box_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawPolygonItemInactive { 
  background-image: url("img/draw_polygon_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawPolygonItemActive { 
  background-image: url("img/draw_polygon_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlZoomToBoxItemActive { 
  background-image: url("img/zoom_to_box_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlZoomToBoxItemInactive { 
  background-image: url("img/zoom_to_box_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlSeparatorItemInactive { 
  background-image: url("img/separator.png");
  background-repeat: no-repeat;
  width:  10px;  
  margin-right:0px;
}

.hsControlPanel .hsControlMarkerItemActive { 
  background-image: url("img/draw_marker_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlMarkerItemInactive { 
  background-image: url("img/draw_marker_off.png");
  background-repeat: no-repeat;
}

.hsHelpDiv {
    border: 1px solid black;
    background-color: #ffff99;
    padding: 1px;
}

.olControlLayerSwitcher {
    position: absolute;
    right: 0px;
    top: 25px;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;   
    color: white;   
    background-color: transparent;
}
#olLayersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 75px;
    background-color: none;        
    width: 100%;
    height: 100%;
}

.olControlLayerSwitcher .olLayersLabel {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    text-decoration: underline;
    color: white;
}

.olControlLayerSwitcher .olDataOrBaseLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .olLayerGroup {
    margin-left:10px;
    margin-bottom:5px;
}

.olControlLayerSwitcher .olGroupLabel {
    text-decoration: underline;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

.olMarkerLabel {
    font-size: small;
    color: white;
    background-color: darkblue;
    width: auto;
    padding: 1px;
    border: 1px white solid;
    opacity: 0.7;
    filter:alpha(opacity=70);
    z-index: 10000;
    position: absolute;
}
.hsControlPanel .hsControlDrawFeatureLineItemInactive { 
  background-image: url("img/draw_line_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlDrawFeatureLineItemActive { 
  background-image: url("img/draw_line_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawFeaturePolygonItemInactive { 
  background-image: url("img/draw_polygon_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlDrawFeaturePolygonItemActive { 
  background-image: url("img/draw_polygon_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawFeaturePointItemInactive { 
  background-image: url("img/draw_point_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawFeaturePointItemActive { 
  background-image: url("img/draw_point_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlModifyFeatureItemInactive { 
  background-image: url("img/modify_feature_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlModifyFeatureItemActive { 
  background-image: url("img/modify_feature_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlInfoItemInactive { 
  background-image: url("img/query_point_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlInfoItemActive { 
  background-image: url("img/query_point_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlMeasureLineItemInactive { 
  background-image: url("img/measure_line_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlMeasureLineItemActive { 
  background-image: url("img/measure_line_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlMeasureAreaItemInactive { 
  background-image: url("img/measure_area_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlMeasureAreaItemActive { 
  background-image: url("img/measure_area_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlPrinterItemInactive { 
  background-image: url("img/printer_off.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlPrinterItemActive { 
  background-image: url("img/printer_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlWMSItemInactive { 
  background-image: url("img/add_wms.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlWMSItemActive { 
  background-image: url("img/add_wms.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlWFSItemInactive { 
  background-image: url("img/add_wfs.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlLayerItemInactive { 
  background-image: url("img/add_layer.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlWFSItemActive { 
  background-image: url("img/add_wfs.png");
  background-repeat: no-repeat;
}

.hsLayerIcon img{
    padding:0px;
    margin: 0px;
    padding-left: 10px;
}

.olControlBoxLayerSwitcher {
    font-size:13px; 
    top:10px; 
    right:10px; 
    width:150px; 
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
}

.olControlBoxLayerSwitcher .olGroupInactive {
    width:65px; 
    text-align:center; 
    background:#EEEEEE url(img/tab-strip-bg.gif); 
    padding: 2px; 
    margin:1px; 
    border: 1px #E0E0E0 solid;
}

.olControlBoxLayerSwitcher .olGroupActive {
    width:65px;
    text-align:center;
    background:#EEEEEE;
    padding: 2px;
    margin:1px;
    border: 1px white inset;
}
.olControlBoxLayerSwitcher .olSublayerActive {
    background:#F8F8F8 url(img/checked.gif);
    background-position: 2px 0px;
    background-repeat:no-repeat;
    margin-top:1px;
    padding:2px;
    padding-left: 18px;
    border: 1px #E0E0E0 solid;
}
.olControlBoxLayerSwitcher .olSublayerInactive {
    background:#F8F8F8 url(img/unchecked.gif);
    background-position: 2px 0px;
    background-repeat:no-repeat;
    margin-top:1px;
    padding:2px;
    padding-left: 18px;
    border: 1px #E0E0E0 solid;
}

.toMapButton {
    background: url('img/showmap.gif') no-repeat;
}

div.olControlOverviewMapMaximizeButton {
    bottom:0px;
}
div.olControlOverviewMapMinimizeButton  {
    bottom:87px;
    right: 190px;
    z-index: 1000;
}
div.olControlOverviewMapElement {
    padding: 10px 13px 10px 15px;
    margin-bottom: -5px;

}
div.olControlOverviewMapElement {
    background: none;
    background: url('img/overview_background.png') no-repeat 0px 0px;
    -moz-border-radius-topleft:0em;

}