div.olMap {
  z-index: 0;
  padding: 0px!important;
  margin: 0px!important;
  cursor: default;
}

div.olMapViewport {
  text-align: left;
}

div.olLayerDiv {
  -moz-user-select: none;
}

.olLayerGoogleCopyright {
  left: 2px;
  bottom: 2px;
}
.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 15px;
}
.olControlAttribution {
  font-size: smaller; 
  right: 3px; 
  bottom: 4.5em; 
  position: absolute; 
  display: block;
}
.olControlScale {
  right: 3px;
  bottom: 3em;
  display: block;
  position: absolute;
  font-size: smaller;
}
.olControlScaleLine {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: xx-small;
}
.olControlScaleLineBottom {
  border: solid 2px black;
  border-bottom: none;
  margin-top:-2px;
  text-align: center;
}
.olControlScaleLineTop {
  border: solid 2px black;
  border-top: none;
  text-align: center;
}

.olControlPermalink {
  right: 3px;
  bottom: 1.5em;
  display: block;
  position: absolute;
  font-size: smaller;
} 

div.olControlMousePosition {
  bottom: 0em;
  right: 3px;
  display: block;
  position: absolute;
  font-family: Arial;
  font-size: smaller;
}

.olControlOverviewMapContainer {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.olControlOverviewMapElement {
  padding: 5px 18px 5px 5px;
  background-color: #FFFFFF;
  -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
  right: 0px;
  bottom: 80px;
}  

.olControlOverviewMapMaximizeButton {
  right: 0px;
  bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
  overflow: hidden;
  background-image: url("/_templates/shared/css/openlayers/img/blank.gif");
  cursor: move;
  border: 2px dotted #006699;
}
.olControlOverviewMapRectReplacement {
  overflow: hidden;
  cursor: move;
  background-image: url("/_templates/shared/css/openlayers/img/overview_replacement.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olLayerGeoRSSDescription {
  float:left;
  width:100%;
  overflow:auto;
  font-size:1.0em;
}
.olLayerGeoRSSClose {
  float:right;
  color:gray;
  font-size:1.2em;
  margin-right:6px;
  font-family:sans-serif;
}
.olLayerGeoRSSTitle {
  float:left;font-size:1.2em;
}

.olPopupContent {
  padding:5px;
  overflow: auto;
}  
.olControlNavToolbar { 
  width:0px;
  height:0px;
}  
.olControlNavToolbar div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
  background-image: url("/_templates/shared/css/openlayers/img/navigation_history.png");
  background-repeat: no-repeat;
  width:  24px;
  height: 24px;

}
.olControlNavigationHistoryPreviousItemActive { 
  background-position: 0px 0px;
}
.olControlNavigationHistoryPreviousItemInactive { 
  background-position: 0px -24px;
}
.olControlNavigationHistoryNextItemActive { 
  background-position: -24px 0px;
}
.olControlNavigationHistoryNextItemInactive { 
  background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive { 
  background-image: url("/_templates/shared/css/openlayers/img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
  background-image: url("/_templates/shared/css/openlayers/img/panning-hand-off.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("/_templates/shared/css/openlayers/img/drag-rectangle-on.png");
  background-color: orange;
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  background-image: url("/_templates/shared/css/openlayers/img/drag-rectangle-off.png");
  background-repeat: no-repeat;
}
.olControlEditingToolbar  {
  float:right;
  right: 0px;
  height: 30px; 
  width: 200px;
}
.olControlEditingToolbar div { 
  background-image: url("/_templates/shared/css/openlayers/img/editing_tool_bar.png");
  background-repeat: no-repeat;
  float:right;
  width:  24px;
  height: 24px;
  margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive { 
  background-position: -103px -23px; 
}
.olControlEditingToolbar .olControlNavigationItemInactive { 
  background-position: -103px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
  background-position: -77px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
  background-position: -77px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
  background-position: -51px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
  background-position: -51px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
  background-position: -26px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
  background-position: -26px -23px ;
}
div.olControlSaveFeaturesItemActive { 
  background-image: url("/_templates/shared/css/openlayers/img/save_features_on.png");
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
div.olControlSaveFeaturesItemInactive { 
  background-image: url("/_templates/shared/css/openlayers/img/save_features_off.png");
  background-repeat: no-repeat;
  background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
  border: 2px solid blue;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}  

.olControlPanPanel {
  top: 10px;
  left: 1px;
}  

.olControlPanPanel div {
  background-image: url("/_templates/shared/css/openlayers/img/pan-panel.png");
  height: 18px;
  width: 18px;
  cursor: pointer;
  position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
  top: 0px;
  left: 9px;
  background-position: 0px 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
  top: 36px;
  left: 9px;
  background-position: 18px 0px;
}
.olControlPanPanel .olControlPanWestItemInactive {
  position: absolute;
  top: 18px;
  left: 0px;
  background-position: 0px 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
  top: 18px;
  left: 18px;
  background-position: 18px 18px;
}

.olControlZoomPanel {
  top: 71px;
  left: 10px;

} 

.olControlZoomPanel div {
  background-image: url("/_templates/shared/css/openlayers/img/zoom-panel.png");
  position: absolute;
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
  top: 0px;
  left: 0px;
  background-position: 0px 0px;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
  top: 18px;
  left: 0px;
  background-position: 0px -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
  top: 36px;
  left: 0px;
  background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url("/_templates/shared/css/openlayers/img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto;
}

.olFramedCloudPopupContent ul { padding: 0 0 0 15px }
.olFramedCloudPopupContent ul li { padding: 2px 0 2px 0; margin: 0; }

.olFramedCloudPopupContent h1 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: black;
}
.olFramedCloudPopupContent h1 img { 
  vertical-align: middle;
  margin: 0 0 4px 5px;
}
.olFramedCloudPopupContent span.label {
  min-width: 45px;
  margin: 0;
  padding: 0 5px 0 0;
  color: black;
  display: block;
  float: left;
}

.olControlNoSelect {
 -moz-user-select: none;
}

.olImageLoadError {
  background-color: pink;
  opacity: 0.5;
  filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
  cursor: wait;
}
.olDragDown {
  cursor: move;
}
.olDrawBox {
  cursor: crosshair;
}
.olControlDragFeatureOver {
  cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20%;
  height: 30%;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: smaller;
  color: white;
  background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 75px;
  background-color: #666666;
  width: 100%;
  height: 100%;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
  margin-top: 0px;
  margin-left: 3px;
  margin-bottom: 3px;
  
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
  padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
  top: 5px;
  right: 0px;
  background-color: #F4F2EE;
  padding: 5px;

}

span.labelSpan {
  font-weight: bold; 
}

span.sightSpan {
  position: relative;
  left: 25px;
}