div.olControlScale {
    background-color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    right: 3px;
    bottom: 3px;

}

div.olControlScaleLine {
    left: 3px;
    bottom: 3px;
}

div.olControlOverviewMap {
    bottom: 33px;
}

.olControlNoSelect {
    background-color: #dddddd;
    margin: 5px;
}

.olControlLoadingPanel {
    /*background-image:url('../images/themes/default/loading.gif'); */
    background-image:url('../images/themes/default/spinner.gif');
    /*background-image:url('../images/themes/default/loading-gif-animation.gif');  */
    background-color: rgba(0, 0, 0, 0.0);
    position: absolute;
    width: 100%;
    height: 100%;
    color:white;
    background-position:center;
    background-repeat:no-repeat;
    display:none;
    font-size: 12px;
    /*text-align: center;*/
    vertical-align: middle;
    /*opacity: 0;*/
    /*filter: alpha(opacity=0.25);*/
}
/*
.sprite-bullseye{ background-position: 0 0; width: 24px; height: 24px; }
.sprite-mActionDeleteSelected{ background-position: 0 -25px; width: 24px; height: 24px; }
.sprite-mActionMeasure{ background-position: 0 -50px; width: 24px; height: 24px; }
.sprite-mActionMeasureArea{ background-position: 0 -75px; width: 24px; height: 24px; }
.sprite-mActionSelect{ background-position: 0 -100px; width: 24px; height: 24px; }
.sprite-mActionZoomFullExtent{ background-position: 0 -125px; width: 24px; height: 24px; }
.sprite-mActionZoomIn{ background-position: 0 -150px; width: 24px; height: 24px; }
.sprite-mActionZoomOut{ background-position: 0 -175px; width: 24px; height: 24px; }
.sprite-mActionZoomToLayer{ background-position: 0 -200px; width: 24px; height: 24px; }
.sprite-mActionZoomToSelected{ background-position: 0 -225px; width: 24px; height: 24px; }
.sprite-pan{ background-position: 0 -250px; width: 24px; height: 22px; }
*/
.olControlPanel div {
    float: left;
    display: block;
    height: 30px;
    width: 150px;
    margin: 5px;
    border: 1px solid #ccc;
    /*background: url('../images/themes/gis/csg-4c9cd9fa89479.gif') no-repeat top left;*/
    background: url('../images/themes/gis/csg-5000521933771.gif') no-repeat top left;

}

.olControlPanel .olControlButtonMeasurePointItemActive {
    width:  24px;
    height: 24px;
    background-color: orange;
   /* background-image: url(${resource(plugin: 'openlayers', dir:'images/themes/gis', file:'bullseye.png')}); */
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.olControlPanel .olControlButtonMeasurePointItemInactive {
    width:  24px;
    height: 24px;
   /* background-image: url(${resource(plugin: 'openlayers', dir:'images/themes/gis', file:'bullseye.png')});   */
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.olControlPanel .olControlMouseDefaultsItemActive {
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionPan.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -250px;
}

.olControlPanel .olControlMouseDefaultsItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionPan.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -250px;
}

.olControlPanel .olControlDragPanItemActive{
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionPan.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -250px;
}

.olControlPanel .olControlDragPanItemInactive{
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionPan.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -250px;
}

.olControlPanel .olControlDrawFeatureItemActive  {
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionDraw.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -100px;
}

.olControlPanel .olControlDrawFeatureItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionDraw.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -100px;

}

.olControlPanel .olControlZoomBoxItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionZoomToSelected.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -225px;
}

.olControlPanel .olControlZoomBoxItemActive {
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionZoomToSelected.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -225px;
}

.olControlPanel .olControlZoomToMaxExtentItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionZoomFullExtent.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -125px;
}

.olControlPanel .olControlZoomInItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionZoomIn.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -150px;
}

.olControlPanel .olControlZoomOutItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionZoomOut.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -175px;;
}

.olControlPanel .olControlClearAreaOfInterestItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionDeleteSelected.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -25px;
}
.olControlPanel .olControlClearAreaOfInterestItemActive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionDeleteSelected.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -25px;
}

.olControlPanel .olControlNavigationHistory {
    /*background-color: blue;*/
    background-image: url('../js/theme/default/img/navigation_history.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: 100%;

}

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

.olControlPanel .olControlNavigationHistoryPreviousItemInactive {
    background-position: 0px -22px;
}

.olControlPanel .olControlNavigationHistoryNextItemActive {
    background-position: -22px 0px;
}

.olControlPanel .olControlNavigationHistoryNextItemInactive {
    background-position: -22px -22px;
}

.olControlPanel .olControlMeasureDistanceItemActive {
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionMeasure.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -50px;
}

.olControlPanel .olControlMeasureDistanceItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionMeasure.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -50px;
}

.olControlPanel .olControlMeasureAreaItemActive {
    width: 24px;
    height: 24px;
    background-color: orange;
    /*
    background-image: url('../images/themes/gis/mActionMeasureArea.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -75px;
}

.olControlPanel .olControlMeasureAreaItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionMeasureArea.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -75px;
}

.olControlPanel .olControlZoomToLayerItemInactive {
    width: 24px;
    height: 24px; /*background-color: blue;*/
    /*
    background-image: url('../images/themes/gis/mActionZoomToLayer.png');
    background-repeat: no-repeat;
    background-size: 100%;
    */
    background-position: 0 -200px;
}