/**
 * @file
 * CSS file for OpenLayers dark theme.
 *
 * We include the default styles, then add
 * some specificity to override certain elements
 * like image references.
 */

@import url("openlayers_style.css");

.openlayers-map .olControlOverviewMapExtentRectangle {
    background-image: url("img/blank.gif");
}
.openlayers-map .olControlZoomPanel div {
    background-image: url("img/zoom-panel.png");
}
.openlayers-map .olControlNavToolbar div,
.openlayers-map .olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
}

/**
 * A few custom styles
 */
.openlayers-popup {
  color: #EEEEEE;
}
.olImageLoadError,
.openlayers-map .olImageLoadError {
  background-color: transparent;
}


/**
 * The following are images that are not in
 * this theme (but should be).
 */

/*

.openlayers-map .olControlOverviewMapRectReplacement {
    background-image: url("img/overview_replacement.gif");
}
.openlayers-map .olControlNavigationHistory {
    background-image: url("img/navigation_history.png");
}
.openlayers-map div.olControlSaveFeaturesItemActive {
    background-image: url("img/save_features_on.png");
}
div.olControlSaveFeaturesItemInactive {
    background-image: url("img/save_features_off.png");
}
.openlayers-map .olControlPanPanel div {
    background-image: url("img/pan-panel.png");
}
.openlayers-map .olPopupCloseBox {
    background: url("img/close.gif") no-repeat scroll 0 0 transparent;
}


*/


olControlLoadingPanel {
    background-image: url("img/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
}
.olControlNavigationHistoryNextItemInactive {
    background-image: url("img/zoomSiguiente.png");
    opacity: 0.5 !important;
}
.olControlNavigationHistoryPreviousItemActive {
    background-image: url("img/zoomAnteriorOn.png");
    opacity: 1 !important;
}
.olControlNavigationHistoryPreviousItemInactive {
    background-image: url("img/zoomAnterior.png");
    opacity: 0.5 !important;
}
.olControlZoomBoxItemInactive {
    background-image: url("img/zoomMas.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlZoomBoxItemActive {
    background-image: url("img/zoomMasOn.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}
.olControlZoomOutBoxItemInactive {
    background-image: url("img/zoomMenos.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlZoomOutBoxItemActive {
    background-image: url("img/zoomMenosOn.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}
.olControlDragPanItemInactive {
    background-image: url("img/pan.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlDragPanItemActive {
    background-image: url("img/panOn.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}
.olControlZoomToMaxExtentItemInactive {
    background-image: url("img/zoomExtension.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlZoomToMaxExtentItemActive {
    background-image: url("img/zoomExtensionOn.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}
.olControlFeatureInfoItemInactive {
    background-image: url("img/identify.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlFeatureInfoItemActive {
    background-image: url("img/identifyOn.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}


.olControlMeasureItemInactive {
    background-image: url("img/measuring-stick-off.png");
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlMeasureItemActive {
    background-image: url("img/measuring-stick-on.png");
    background-size: 24px auto;	
    opacity: 1 !important;
}

.olControlMeasurePoligonItemInactive {
    background-image: url("img/mpe.png") !important;
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlMeasurePoligonItemActive {
    background-image: url("img/mpeOn.png")  !important;
    background-size: 24px auto;	
    opacity: 1 !important;
}

.olControlMeasurePointItemInactive {
    background-image: url("img/mppe.png")  !important;
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlMeasurePointItemActive {
    background-image: url("img/mppeOn.png")  !important;
    background-size: 24px auto;	
    opacity: 1 !important;
}

.olControlInfoItemInactive {
    background-image: url("img/finfo.png") !important;
    background-size: 24px auto;	
    opacity: 0.5 !important;
}
.olControlInfoItemActive {
    background-image: url("img/finfoOn.png") !important;
    background-size: 24px auto;	
    opacity: 1  !important;
}