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

div.olMapViewport {
  text-align:left;
}

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

.olLayerGoogleCopyright {
  display:none;
  left:2px;
  bottom:2px;
}

.olLayerGoogleV3.olLayerGoogleCopyright {
  display:none;
  right:auto !important;
}

.olLayerGooglePoweredBy {
  left:2px;
  bottom:30px;
}

.olLayerGoogleV3.olLayerGooglePoweredBy {
  bottom:30px !important;
}

.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;
}

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

.olControlOverviewMapElement {
  padding:10px 18px 10px 10px;
  background-color:#00008B;
  -moz-border-radius:1em 0 0 0;
}

.olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton {
  height:18px;
  width:18px;
  right:0;
  bottom:80px;
  cursor:pointer;
}

.olControlOverviewMapExtentRectangle {
  overflow:hidden;
  background-image:url("img/blank.gif");
  cursor:move;
  border:2px dotted red;
}

.olControlOverviewMapRectReplacement {
  overflow:hidden;
  cursor:move;
  background-image:url("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;
}

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

.olControlNavigationHistoryNextItemInactive {
  background-position:-24px -24px;
}

div.olControlSaveFeaturesItemActive {
  background-image:url(img/save_features_on.png);
  background-repeat:no-repeat;
  background-position:0 1px;
}

div.olControlSaveFeaturesItemInactive {
  background-image:url(img/save_features_off.png);
  background-repeat:no-repeat;
  background-position:0 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:5px;
}

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

.olControlPanPanel .olControlPanNorthItemInactive {
  top:0;
  left:9px;
  background-position:0 0;
}

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

.olControlPanPanel .olControlPanWestItemInactive {
  position:absolute;
  top:18px;
  left:0;
  background-position:0 18px;
}

.olControlPanPanel .olControlPanEastItemInactive {
  top:18px;
  left:18px;
  background-position:18px 18px;
}

.olControlZoomPanel {
  top:71px;
  left:14px;
}

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

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

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

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

.olControlPanZoomBar div {
  font-size:1px;
}

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

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

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

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

.olCursorWait {
  cursor:wait;
}

.olDragDown {
  cursor:move;
}

.olDrawBox {
  cursor:crosshair;
}

.olControlDragFeatureOver {
  cursor:move;
}

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor:-moz-grabbing;
}

.olControlLayerSwitcher {
  position:absolute;
  top:53px;
  right:0;
  width:30em;
  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:10px;
  background-color:darkblue;
}

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

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

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
  margin:2px 0px;
  width:18px;
  height:18px;
  top:5px;
  right:0;
  cursor:pointer;
}

.olBingAttribution {
  color:#DDD;
}

.olBingAttribution.road {
  color:#333;
}

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
  color:#EEE;
}

.olGoogleAttribution {
  color:#333;
}

span.olGoogleAttribution a {
  color:#77C;
}

span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
  color:#EEE;
}

.olControlNavToolbar, .olControlEditingToolbar {
  margin:5px 5px 0 0;
}

.olControlNavToolbar div, .olControlEditingToolbar div {
  background-image:url("img/editing_tool_bar.png");
  background-repeat:no-repeat;
  margin:0 0 5px 5px;
  width:24px;
  height:22px;
  cursor:pointer
}

.olControlEditingToolbar {
  right:0;
  top:0;
}

.olControlNavToolbar {
  top:295px;
  left:9px;
}

.olControlEditingToolbar div {
  float:right;
}

.olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive {
  background-position:-103px -1px;
}

.olControlNavToolbar .olControlNavigationItemActive, .olControlEditingToolbar .olControlNavigationItemActive {
  background-position:-103px -24px;
}

.olControlNavToolbar .olControlZoomBoxItemInactive {
  background-position:-128px -1px;
}

.olControlNavToolbar .olControlZoomBoxItemActive {
  background-position:-128px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  background-position:-77px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  background-position:-77px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  background-position:-51px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  background-position:-51px -24px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  background-position:-26px -1px;
}

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  background-position:-26px -24px;
}

div.olControlZoom {
  position:absolute;
  top:8px;
  left:8px;
  background:rgba(255,255,255,0.4);
  border-radius:4px;
  padding:2px;
}

div.olControlZoom a {
  display:block;
  margin:1px;
  padding:0;
  color:white;
  font-size:18px;
  font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  height:22px;
  width:22px;
  line-height:19px;
  background:#130085;
  background:rgba(0,60,136,0.5);
  filter:alpha(opacity=80);
}

div.olControlZoom a:hover {
  background:#130085;
  background:rgba(0,60,136,0.7);
  filter:alpha(opacity=100);
}

@media only screen and (max-width:600px) {
  div.olControlZoom a:hover {
    background:rgba(0,60,136,0.5);
  }
}

a.olControlZoomIn {
  border-radius:4px 4px 0 0;
}

a.olControlZoomOut {
  border-radius:0 0 4px 4px;
}

.olLayerGrid .olTileImage {
  -webkit-transition:opacity 0.2s linear;
  -moz-transition:opacity 0.2s linear;
  -o-transition:opacity 0.2s linear;
  transition:opacity 0.2s linear;
}

