.olControlPanel {
  cursor: pointer;
}

.olControlPanel div 
{
  border:1px solid #546872;
  float: left;
  width:  24px;
  height: 24px;
  margin-top: 3px;          
  margin-bottom: 3px;
  margin-left: 1px;
  margin-right: 1px;
}

.olControlNavigationHistoryPreviousItemInactive {
    background-position: 0 -22px !important;
}
.olControlNavigationHistoryPreviousItemActive {
    background-position: 0 0 !important;
}
.olControlNavigationHistoryNextItemInactive 
{
    background-position: -22px -22px !important;
}    
.olControlNavigationHistoryNextItemActive 
{
    background-position: -22px 0px !important;
}


.olControlZoomOutBoxCursor {
  cursor: url(../theme/default/img/zoomout.cur) 9 9, url(../theme/default/img/zoomout.cur), auto;
}

.olControlDragPanCursor {
  cursor: url(../theme/default/img/pan.cur) 16 16, url(../theme/default/img/pan.cur), auto;
}

.olControlZoomInBoxCursor {
  cursor: url(../theme/default/img/zoomin.cur) 9 9, url(../theme/default/img/zoomin.cur), auto;
}

.dragMouseDown {
  cursor: url(../theme/default/img/pandown.cur) 16 16, url(../theme/default/img/pandown.cur), auto;
}

.dragMouseUp {
  cursor: url(../theme/default/img/pan.cur) 16 16, url(../theme/default/img/pan.cur), auto;
}

.crossHair {
  cursor: crosshair;
}

.overFeature {
  cursor: move;
}

.outFeature {
  cursor: default;
}

.olControlPanel .olControlDrawPolygonItemActive {
  background-color: #6699CC;
  background-image: url("../theme/default/img/draw_polygon_on.png");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDrawPolygonItemInactive {
  background-color: #E0EAF4;
  background-image: url("../theme/default/img/draw_polygon_on.png");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDragFeatureItemActive {
  background-color: #6699CC;
  background-image: url("../theme/default/img/move_feature_on.png");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDragFeatureItemInactive {
  background-color: #E0EAF4;
  background-image: url("../theme/default/img/move_feature_on.png");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDragPanItemActive {
  background-color: #6699CC;
  background-image: url("../images/page/icon_pan.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDragPanItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_pan.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlZoomBoxItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_zoomin.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlZoomBoxItemActive 
{         
  background-color: #6699CC;
  background-image: url("../images/page/icon_zoomin.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlZoomOutBoxItemActive {
  background-color: #6699CC;
  background-image: url("../images/page/icon_zoomout.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlZoomOutBoxItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_zoomout.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlMeasureLineItemActive {
  background-color: #6699CC;
  background-image: url("../images/page/icon_measureline.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlMeasureLineItemInactive 
{
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_measureline.gif");
  background-repeat: no-repeat;
  background-position: center;
} 

.olControlPanel .olControlMeasureAreaItemActive {
  background-color: #6699CC;
  background-image: url("../images/page/icon_measurerea.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlMeasureAreaItemInactive 
{
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_measurerea.gif");
  background-repeat: no-repeat;
  background-position: center;
}                           

.olControlNavigationHistory 
{
  background-color: #E0EAF4;
  background-image:url(../images/page/navigation_history.gif) !important;
  background-repeat:no-repeat;  
            
}

.olControlZoomAllItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_zoomall.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlZoomScaleItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_zoomrect.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlGetCoordinatesItemActive 
{         
  background-color: #6699CC;
  background-image: url("../images/page/icon_coords.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlGetCoordinatesItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_coords.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlGetInfoItemActive 
{         
  background-color: #6699CC;
  background-image: url("../images/page/icon_info.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlGetInfoItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_info.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlPrintItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_printpdf.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlDrawPolygonItemActive 
{         
  background-color: #6699CC;
  background-image: url("../images/page/icon_polygon.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlDrawPolygonItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_polygon.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlModifyPolygonItemActive 
{         
  background-color: #6699CC;
  background-image: url("../images/page/icon_polygon_edition.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.olControlPanel .olControlModifyPolygonItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_polygon_edition.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.olControlPanel .olControlClearMapItemInactive {
  background-color: #E0EAF4;
  background-image: url("../images/page/icon_clearselection.gif");
  background-repeat: no-repeat;
  background-position: center;
}

DIV.toolbarRightPanel 
{
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
}

toolbarRightPanel.div {
    border:1px solid #546872;
    height:24px;
    margin:3px;
    width:24px;
}


#toolbar {
	font-family:arial,helvetica,sans-serif;
	font-size:8pt;
	height: 33px;
	color: #000000;
	background-color: #eeeeee;
	padding-top: 1px;
	padding-left: 2px;	
}
DIV.toolbarLeftPanel 
{
	float: left;
	padding-left: 1px;
	padding-bottom: 3px;
	padding-top: 5px
}


span.btnToolBar, INPUT.btnToolBar, .fieldData
{    
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
    margin-top: 2px;
    font-size: 18px;
	cursor:pointer;	
	CURSOR: hand;
	background-color: #E0EAF4;
    border: solid 1px #546872;
    text-align: center;
    width: 30px;
}
span.btnToolBarOver, INPUT.btnToolBarOver, .fieldDataOver
{
	padding: 2px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 2px;
	font-size: 18px;
	cursor: pointer;
	cursor: hand;
	background-color: #AFBBD2;
	border: solid 1px #546872;	
}
span.btnToolBarSelect
{
    padding: 2px;
    padding-top: 3px;
    padding-left: 5px;
    margin: 2px;
    font-size: 18px;
	cursor:pointer;	
	CURSOR: hand;
	background-color: #6699CC;
    border: solid 1px #546872;
}

IMG.btnImg
{
	width: 16px;
	height: 16px;
}

SPAN.separator
{
	width: 2px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #a0a0a0;
    margin-right: 2px;
}