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

div.olMapViewport {
    text-align: left;
}

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

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !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;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    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;
}

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

}
.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
   background-position: 0 -24px;
}
.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;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

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

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

.olControlNoSelect {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-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: 25px;
    right: 0;
    width: 20em;
    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 {
    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;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.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
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.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; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    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;
}


/**
 * Animations
 */

.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;
}
div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
    text-align: left;
}

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

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !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;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    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;
}

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

}
.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
   background-position: 0 -24px;
}
.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;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

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

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

.olControlNoSelect {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-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: 25px;
    right: 0;
    width: 20em;
    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 {
    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;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.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
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.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; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    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;
}


/**
 * Animations
 */

.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;
}
div.olControlOverviewMapElement {
    background: none;
    background: url('img/overview_background.png') no-repeat 0px 0px;
    -moz-border-radius-topleft:0em;
    background-color: #ffffff;
    padding: 7px 0px 0px 7px;
}
div.olControlOverviewMapMinimizeButton {
    bottom: 0px;
}
div.olControlOverviewMapMaximizeButton {
    bottom: 0px;
}


.hsControlPanel {
    width: 300px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 80px;
    text-align: right;
}
.hsControlPanel div,.HSLayersControlEditing div {
          width:  24px;
          height: 22px;
          float: left;
          margin-right:5px;
	  cursor: pointer;
      }

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

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

.HSLayersControlUserGraphicsItemInactive {
    background-image: url("img/measure_line_off.png");
}
.HSLayersControlUserGraphicsItemActive {
    background-image: url("img/measure_line_on.png");
}

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

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

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

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

.HSLayersControlQueryItemInactive, .hsControlQueryItemInactive{
          background-image: url("img/query_point_off.png");
    }

.HSLayersControlQueryItemActive, .hsControlQueryItemActive {
          background-image: url("img/query_point_on.png");
    }

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

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

.HSLayersControlStreetViewItemInactive, .hsControlStreetViewItemInactive{
          background-image: url("img/street_view_off.png");
    }

.HSLayersControlStreetViewItemActive, .hsControlStreetViewItemActive {
          background-image: url("img/street_view_on.png");
    }

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

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

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

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

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

.hsControlPanel .hsControlDrawPolygonItemActive,.HSLayersControlEditing .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 .hsControlDrawFeaturePathItemInactive,.HSLayersControlEditing .hsControlDrawFeaturePathItemInactive {
  background-image: url("img/draw_line_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlDrawFeaturePathItemActive,.HSLayersControlEditing .hsControlDrawFeaturePathItemActive {
  background-image: url("img/draw_line_on.png");
  background-repeat: no-repeat;
}

.hsControlPanel .hsControlDrawFeaturePolygonItemInactive,.HSLayersControlEditing .hsControlDrawFeaturePolygonItemInactive {
  background-image: url("img/draw_polygon_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlDrawFeaturePolygonItemActive,.HSLayersControlEditing .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;
}

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

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

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

.hsControlPanel .hsControlDragFeatureItemInactive, .HSLayersControlEditing .hsControlDragFeatureItemInactive {
  background-image: url("img/move_feature_off.png");
  background-repeat: no-repeat;
}
.hsControlPanel .hsControlDragFeatureItemActive, .HSLayersControlEditing .hsControlDragFeatureItemActive {
  background-image: url("img/move_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;
}

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

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

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

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

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

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

.olControlNavigationHistoryPreviousItemActive {
    background-position:0 -0px;
}

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

.olControlEditingToolbar .hslAttributeTableItemActive {
          background-image: url("img/attribute_table_on.png");
    }
.olControlEditingToolbar .hslAttributeTableItemInactive {
          background-image: url("img/attribute_table_off.png");
    }

/* legendy v prepinaci vrstev */
.olLayerSwitcher .x-tree-node-collapsed .x-tree-node-icon, .olLayerSwitcher .x-tree-node-expanded .x-tree-node-icon, .olLayerSwitcher .x-tree-node-leaf .x-tree-node-icon {
    width: auto;
    height: auto;
}

.HSLayersControlBoxLayerSwitcher {
    font-size:13px;
    top:10px;
    right:10px;
    width:450px;
    text-align: right;
}

.HSLayersControlBoxLayerSwitcher .olGroupInactive {
    text-align:center;
    background:#EEEEEE;
    padding: 3px;
    margin: 1px;
    border: 1px #E0E0E0 solid;
}

.HSLayersControlBoxLayerSwitcher .olGroupActive {
    text-align:center;
    background:#F8F8F8;
    padding: 3px;
    margin:1px;
    border: 1px orange solid;
}
.HSLayersControlBoxLayerSwitcher .olSublayerActive {
    background:#F8F8F8 url(img/checked.gif);
    background-position: 3px 1px;
    background-repeat:no-repeat;
    margin-top:1px;
    padding:3px;
    padding-left: 21px;
    border: 1px #E0E0E0 solid;
    text-align: left;
}
.HSLayersControlBoxLayerSwitcher .olSublayerInactive {
    background:#F8F8F8 url(img/unchecked.gif);
    background-position: 3px 1px;
    background-repeat:no-repeat;
    margin-top:1px;
    padding: 3px;
    padding-left: 21px;
    border: 1px #E0E0E0 solid;
    text-align: left;
}

.disabledNode {
    /*background: #eee;*/
}
.disabledNode a span {
    color: #999;
}

.LayerSwitcherGroupNode a:hover {
    text-decoration: underline;
}

.HSLayersControlEditing {
    width: 200px;
    height: 30px;
    position: absolute;
    top: 50px;
    left: 80px;
    text-align: right;
}

/* editing */
.hs-edit-edit {
	background: url("img/edit.png") no-repeat;
	padding-left:16px;
	height: 16px;
	display: inline-block;
}
.hs-edit-delete {
	background: url("../../img/empty.gif") no-repeat;
	padding-left:16px;
	height: 16px;
	display: inline-block;
  	margin-left:3px;
}

.hs-edit-msg {
  padding: 10px 10px 10px 42px;
  margin: 10px 20px 10px 20px;
  background: url(img/ok.png) no-repeat #FEFEFE;
  color: #000000;
  font-weight: bold;
}

.hs-edit-header {
		font-weight: bold;
		text-align: center;
		padding: 5px;
}

.hs-edit-form {
  padding: 3px;
  background: #EEEEEE;
  font-size: 12px;
  padding-top: 8px;
}

.hs-edit-form label {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
   
/* radek formulare */
.hs-edit-form div {
    padding: 3px;
}
   
/* label u radiobuttonu */
label.hs-edit-rlabel {
    width: auto !important;
    padding: 0 5px 0 5px;
}

/*jmena poli*/
.odp_pole {background-color: #EFEFEF; font-style: italic; width: 40%}

/*hodnoty*/
.odp_hodn {}

/*tabulka s odpovedi - mrizka*/
.odp_tab  {
	font-family: arial,tahoma,helvetica,sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	width: 100%;
}

.odp_tab td {
  padding:3px;
	border:solid 1px #E0E0E0;
	vertical-align: top;
}

.odp_tab th {
	background: #F9F9F9 url(img/grid3-hrow.gif) repeat-x scroll 0 bottom;
	cursor: default;
	font-weight: bold;
	vertical-align: top;
	line-height: 25px;  padding: 3px;
}

.hs-query-editbar{
  float: right;
}

.hs-mpopup {
    background: white;
    position: absolute;
}

/* geo microformat*/
span.geo {display:none}

.olPopup {
    font-family: sans-serif;
    font-size: 10pt;
}

.olPopup .menuDiv .popupMenuItem {
        display: inline;
        margin-right: 3px;
        padding-left: 3px;
}

.olPopup .menuDiv .firstMenuItem{
        border-left: none;
}

.hsPopupContent {
    overflow: auto;
    left: 8px;
    /*
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
    */
}

.olPopup .popupTitle {
        z-index : 1;
}

.olPopup .popupTitle {
    top : 8px;
    left : 8px;
}

.olPopup .infoDiv, .menuDiv {
        z-index : 1;
        bottom : 40px;
        right : 8px;
        border-top: dotted 1px #999;
}

.olPopup .menuDiv {
    left: 8px;
    right: none;
}


.olPopup .popupTitle {
    font-size: 12pt;
    font-weight: bold;
    /* color: #999; */
}

.olPopup .popupMenuList {
    margin: 0px;
    padding: 0px;
}

.x-view-over {
    background-color:#eee;
}

.x-view-selected {
    background-color:#dfe8f6;
}

.HSLayersControlAttribution {
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}

/*
.HSLayersControlAttribution_window dl {
}

.HSLayersControlAttribution_window dl dt {
    border-top: 1px dotted #ccc;
    font-weight: bold;
}
.HSLayersControlAttribution_window dl dd {
}

.HSLayersControlAttribution_window dl dt.even,
.HSLayersControlAttribution_window dl dd.even {
    background: #eee;
}
*/

.HSLayersControlAttribution_window .hslCopyrightLink {
    padding: 5px;
    float:left;
    /* max-width: 150px; */
    display: table-cell;
    vertical-align: middle;
}

.HSLayersControlAttribution_window .copyrightDiv {
    display: table;
}

img.add-button {
    width: 17px;
    height: 21px;
    background: url("img/add.png") no-repeat;
}

img.remove-button {
    width: 17px;
    height: 21px;
    background: url("img/delete.gif") no-repeat;
}

.x-tree-node .x-tree-node-over {
    background-image: url("img/delete.gif") no-repeat;
}

div.HSLayersControlPanZoomBar  {
	cursor: pointer;
}

div.HSLayersControlPanZoomBar  div.dummyScaleLabel{
        vertical-align: bottom;
        color: #fff;
        font-size: 8pt;
        font-family: sans-serif;
        font-weight: bold;
        text-align: center;
        padding-top: 2px;
        background-position: center;
        background-image: url("img/hsl-dummy_scale.png");
}

div.HSLayersControlPanZoomBar  div.dummyScaleLabel a{
        color: #fff;
        text-decoration: none;
}

div.HSLayersControlPanZoomBar div.dummyScaleDivBackground {
    background: url("img/zoombar_bg.png") repeat-y;
    color: #fff;
}

.x-tree-node-settings {
        margin-left: -20px;
        float:right;
        display: none;
}

.x-tree-node-over .x-tree-node-settings {
        display: block;
        cursor: pointer;
}

.x-tree-node-el {
    cursor: default;
}

.x-tool-popup {
    background-image: url("img/popup-tool.png");
}

.x-tree-node .notinscale a span {
    color: #ccc;
}

.metadata dt {
    font-weight: bold;
}

.body-wrap {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 10px;
        position:relative;
	width:95%;
        font-size: 13px;
}

a.hsLayers-attribution-link {
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
}

.x-form-field-wrap .x-form-color-trigger {
	background:transparent url(img/color-trigger.gif) no-repeat 0 0;
    cursor:pointer;
}

.row-notintime {
    color: #ccc;
}


/*
 * Copyright (c) <2011> <Ryan Petrello>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
 * of the Software, and to permit persons to whom the Software is furnished to do
 * so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

.x-color-picker, .x-color-picker {
  height: 195px;
  position: relative;
  overflow: hidden;
}
.x-color-picker div canvas {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.x-color-picker-wheel {
  z-index: 1;
}
.x-color-picker-gradient  {
  z-index: 0;
}
/* END OF COLOR PICKER */

.context-summary dt {
    font-weight: bold;
}
.context-summary dd {
    margin-left: 30px;
}

.hsl-coords {
    border-collapse: collapse;
    width: 100%;
}

.hsl-coords th, .hsl-coords td{
    border: 1px solid #CCC;
    padding: 3px; 
}

.hsl-coords th{
    background: #F0F0F0;
    width: 90pt; 
}

.x-tree-node .x-tree-node-leaf.x-tree-node-maplayer .x-tree-node-icon {
background-image: url('../../img/maplayer.png');
}

.x-tree-node .x-tree-node-leaf.x-tree-node-maplayer-queryable .x-tree-node-icon {
background-image: url('../../img/maplayer-queryable.png');
}

.x-tree-node .x-tree-node-collapsed.x-tree-node-maplayer .x-tree-node-icon {
background-image: url('../../img/maplayer.png');
}

.x-tree-node .x-tree-node-collapsed.x-tree-node-maplayer-queryable .x-tree-node-icon {
background-image: url('../../img/maplayer-queryable.png');
}

.x-tree-node .x-tree-node-expanded.x-tree-node-maplayer .x-tree-node-icon {
background-image: url('../../img/maplayer.png');
}

.x-tree-node .x-tree-node-expanded.x-tree-node-maplayer-queryable .x-tree-node-icon {
background-image: url('../../img/maplayer-queryable.png');
}

a.hs-edit-eraseFile {
   background-image: url("../../img/close.gif");
   background-repeat: no-repeat;
   display: inline-block;
   width:  14px;
   height: 14px;
   position: relative;
   bottom: -4px;
   /*left: -17px;*/
}