.tool_zoom_in {
	background-image: url(../images/tool_zoom_in.png) !important;
}

.tool_zoom_out {
	background-image: url(../images/tool_zoom_out.png) !important;
}

.tool_zoom_box {
	background-image: url(../images/tool_zoom_box.png) !important;
}

.tool_zoom_all {
	background-image: url(../images/tool_zoom_all.png) !important;
}

.tool_pan {
	background-image: url(../images/tool_pan.png) !important;
}

.tool_zoom_previous {
	background-image: url(../images/tool_zoom_previous.png) !important;
}

.tool_zoom_next {
	background-image: url(../images/tool_zoom_next.png) !important;
}

.tool_map_view {
	background-image: url(../images/map-icon.png) !important;
}

.tool_geostationary_view {
	background-image: url(../images/geostationary-icon.png) !important;
}

.tool_information {
	background-image: url(../images/information-icon.png) !important;
}

.void_icon {
	background-image: url(../images/void.png) !important;
}

.yahoo_icon {
	background-image: url(../images/yahoo-icon.png) !important;
}

.im_icon {
	background-image: url(../images/im-icon.png) !important;
}

.grayscale_icon {
	background-image: url(../images/grayscale-icon.png) !important;
}

.rgb_icon {
	background-image: url(../images/rgb-icon.png) !important;
}

.dem_icon {
	background-image: url(../images/dem-icon.png) !important;
}

.satellite_icon {
	background-image: url(../images/satellite-icon.png) !important;
}

.street_icon {
	background-image: url(../images/street-icon.png) !important;
}

.osm_icon {
	background-image: url(../images/osm-icon.png) !important;
}

.asrc {
	background-image: url(../images/logo_asrc.png) !important;
}

#loading-mask {
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
    z-index:  20000;
    background-color: white;
}

#loader{
	position: absolute;
	left: 45%;
	top: 40%;
	padding: 2px;
	z-index: 20001;
	height: auto;
	background-color: white;
}
#loader a {
	color: #225588;
}
#loader .loading-indicator{
	background: #ffffff;
	color: #444;
	font: bold 13px tahoma,arial,helvetica;
	padding: 10px;
	margin: 0;
	height: auto;
}
#loading-msg {
	font: normal 10px arial,tahoma,sans-serif;
}

#header {
	border: 0 none;
    height: 40px;
	font-color: #ffffff;
	background-color: #283847;
	padding-left: 3px;
	padding-right: 5px;
}

#header a, #header a:hover, #header a:visited, #geospatial_logo{
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
}

#geospatial_logo {
	display: inline;
	float: left;
}

#header_title {
	display: inline;
	float: center;
	padding-top: 7px;
}

#header_titl a {
	color: white;
}

.olControlLoadingPanel {
            background-image:url(../images/map-loader-indicator.gif);
            position: relative;
            margin-left: 40%;
            margin-top: 30%;
            width: 195px;
            height: 11px;
            background-position:center;
            background-repeat:no-repeat;
            display: none;
        }

#help, #info, #credits, #legend {
	margin: 5px !important;
	font-size: 11px !important;
	font-family: Arial;
}

.legendTable {
	font-size: 11px;
}

    .olPopup p { margin:0px; font-size: .9em;}
    .olPopup h2 { font-size:1.2em; }
	#menu {
		width: 100px;
		float: left;
	}
	.selectByClickBtnItemActive {
	background-image:url(../js/OpenLayers-2.8/theme/default/img/add_point_on.png)  !important;
	}
	.selectByClickBtnItemInactive {
	background-image:url(../js/OpenLayers-2.8/theme/default/img/add_point_off.png)  !important;	
	}
	.selectByBoxBtnItemActive {
	background-image:url(../js/OpenLayers-2.8/theme/default/img/draw_polygon_on.png)  !important;	
	}
	.selectByBoxBtnItemInactive {
	background-image:url(../js/OpenLayers-2.8/theme/default/img/draw_polygon_off.png) !important;	
	}
	.clearSelectionBtnItemInactive {
	background-image:url(../images/clear_selection.png) !important ;	
	}

    .zoomControlItemInactive { 
      background-image: url("../js/OpenLayers-2.8/theme/default/img/drag-rectangle-off.png") !important;
    }
    .zoomControlItemActive { 
      background-image: url("../js/OpenLayers-2.8/theme/default/img/drag-rectangle-on.png") !important;
    }

    .panControlItemActive { 
      background-image: url("../js/OpenLayers-2.8/theme/default/img/pan_on.png") !important;
    }
    .panControlItemInactive { 
      background-image: url("../js/OpenLayers-2.8/theme/default/img/pan_off.png") !important;
    }

		
	.olControlPanel div {
	margin-left:5px !important;
	margin-top:5px !important;
	margin-right: 5px;
	width:24px;
	height:22px;	
 	float: left;	
	}
	
    body .x-panel {
        margin-bottom:20px;
    }
    .icon-grid {
        background-image:url(../js/ext-3.2.1/examples/shared/icons/fam/grid.png) !important;
    }
    #button-grid .x-panel-body {
        border:1px solid #99bbe8;
        border-top:0 none;
    }
    .add {
        background-image:url(../js/ext-3.2.1/examples/shared/icons/fam/add.gif) !important;
    }
    .option {
        background-image:url(../js/ext-3.2.1/examples/shared/icons/fam/plugin.gif) !important;
    }
    .remove {
        background-image:url(../js/ext-3.2.1/examples/shared/icons/fam/delete.gif) !important;
    }
    .save {
        background-image:url(../js/ext-3.2.1/examples/shared/icons/save.gif) !important;
    }
	
	.olControlPanel {
	margin-left:420px !important;	
	}
    .icon-observation-add {
        background-image: url(../images/add_observations.png) !important;
    }
    .icon-observation-delete {
        background-image: url(../images/delete_observations.png) !important;
    }
    .icon-observation-edit {
        background-image: url(../images/edit_observations.png) !important;
    }
    .icon-observation-aprove {
        background-image: url(../images/aprove_content.png) !important;
    }
    .logout {
        background-image: url(../images/logout.png) !important;
    }
    .help {
        background-image: url(../images/help.png) !important;
    }
    .credit {
        background-image: url(../images/credit.png) !important;
    }
    .suspend-user-account {
        background-image: url(../images/suspend_user_account.png) !important;
    }
    .delete-user-account {
        background-image: url(../images/delete_user_account.png) !important;
    }
    .upload-photo {
        background-image: url(../images/upload_photo.png) !important;
    }
    .user-activation-policy {
        background-image: url(../images/user_activation_policy.png) !important;
    }

.olControlAttribution {
	position: absolute !important;
	bottom: 0px !important;
	right: 0px !important;
}

.olControlAttribution #asrc{
	position: absolute !important;
	bottom: 0px !important;
	right: 0px !important;
}

.olControlAttribution .eumetsat{
	position: absolute !important;
	bottom: 42px !important;
	right: 0px !important;
}