@charset "utf-8";

div.olControlPanel {
	margin: 5px 5px 5px 5px;
}

div.olControlPanZoomBar {

}

div.olControlMousePosition {
	font-size: 10px;
	position: absolute;
	left: 20em;
	bottom: 5em !important;
	padding: 10px 5px 10px 10px;
	color: white;
	z-index: 99;
	background-image: url("../images/map/downbut03.png");
	background-repeat: no-repeat;
}

div.olControlScale {
	font-size: 10px;
	position: absolute;
	left: 9em;
	bottom: 5em;
	padding: 10px 5px 10px 10px;
	color: white;
	z-index: 99;
	background-image: url("../images/map/downbut02.png");
	background-repeat: no-repeat;
}

/* my control style*/
.olControlPanel {
	display: block;
	height: 24px;
	margin: 5px;
	float: right;
	right: 0px;
}

.olControlPanel div {
	display: block;
	width: 34px;
	height: 36px;
	margin: 5px;
	float: right;
}

.olControlPanel .olControlMouseDefaultsItemActive {
	background-image: url("../js/lib/OpenLayers/v2.11-rc1/theme/default/img/pan_on.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMouseDefaultsItemInactive {
	background-image: url("../js/lib/OpenLayers/v2.11-rc1/theme/default/img/pan_off.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlDrawFeatureItemActive {
	background-image: url("../js/lib/OpenLayers/v2.11-rc1/theme/default/img/draw_line_on.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlDrawFeatureItemInactive {
	background-image: url("../js/lib/OpenLayers/v2.11-rc1/theme/default/img/draw_line_off.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxItemInactive {
	background-image: url("../images/map/new_icon04.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxItemInactive:hover {
	background-image: url("../images/map/new_icon04o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxItemActive {
	background-image: url("../images/map/new_icon04o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxOutItemInactive {
	background-image: url("../images/map/new_icon05.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxOutItemInactive:hover {
	background-image: url("../images/map/new_icon05o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomBoxOutItemActive {
	background-image: url("../images/map/new_icon05o.png");
	background-repeat: no-repeat;
}

/*olControlLayersSW*/
.olControlPanel .olControlLayersSWItemInactive {
	background-image: url("../images/map/new_icon02.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlLayersSWItemInactive:hover {
	background-image: url("../images/map/new_icon02o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlLayersSWItemActive {
	background-image: url("../images/map/new_icon02o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasureItemInactive {
	background-image: url("../images/map/new_icon01.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasureItemInactive:hover {
	background-image: url("../images/map/new_icon01o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasureItemActive {
	background-image: url("../images/map/new_icon01o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasurePolygonItemInactive {
	background-image: url("../images/map/new_icon06.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasurePolygonItemInactive:hover {
	background-image: url("../images/map/new_icon06o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlMeasurePolygonItemActive {
	background-image: url("../images/map/new_icon06o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlWMSGetFeatureInfoItemInactive {
	background-image: url("../images/map/icon_062.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlWMSGetFeatureInfoItemInactive:hover {
	background-image: url("../images/map/icon_062o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlWMSGetFeatureInfoItemActive {
	background-image: url("../images/map/icon_062o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomToMaxExtentItemInactive {
	background-image: url("../images/map/icon_032.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlZoomToMaxExtentItemInactive:hover {
	background-image: url("../images/map/icon_032o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlNavigationItemActive {
	background-image: url("../images/map/new_icon03o.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.olControlPanel .olControlNavigationItemInactive {
	background-image: url("../images/map/new_icon03.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlNavigationItemInactive:hover {
	background-image: url("../images/map/new_icon03o.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlGoogleSatelliteItemActive {
	background-image: url("../images/map/icon_gsato.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.olControlPanel .olControlGoogleSatelliteItemInactive {
	background-image: url("../images/map/icon_gsat.png");
	background-repeat: no-repeat;
}

.olControlPanel .olControlGoogleMapsItemActive {
	background-image: url("../images/map/gmapo.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.olControlPanel .olControlGoogleMapsItemInactive {
	background-image: url("../images/map/gmap.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.olControlPanel .olControlTTImageItemActive {
	background-image: url("../images/map/icon_tt_img.png");
	background-repeat: no-repeat;
	background-color: transparent;
}

.olControlPanel .olControlTTImageItemInactive {
	background-image: url("../images/map/icon_tt_img.png");
	background-repeat: no-repeat;
}

.olControlNoSelect {

}

.olControlPanZoomBar {
	margin-top: 0px;
}

/* Map Position */
#c-mouse-position {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: black;
	bottom: 0;
	right: 5px;
	z-index: 9999;
	/*	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
	background-color: white;
}

/* Scale */
#show-scale {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: black;
	bottom: 20px;
	right: 5px;
	z-index: 9999;
	/*	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
	background-color: white;
}

/* My Location */
#my-location-icon {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	bottom: 40px;
	right: 5px;
	z-index: 9999;
	/*	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
	opacity: 0.9;
}
#my-location-icon button{
	background-color: #585d55;
}
/*#my-location-icon[activate=true] button{
	color: yellow !important;
}*/

/* My Legend */
#my-legend {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	bottom: 10px;
	left: 5px;
	z-index: 9999;
	opacity: 0.95;
	border: 1px solid #999;
}

/* Measure Information */
#measure-info {
	position: absolute;
	font-size: 16px;
	color: yellow;
	top: 83px;
	right: 10px;
	z-index: 99999;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* Layer Switcher */
.switcher-class {
	padding: 5px;
}

#layer-sw-border {
	position: absolute;
	z-index: 50000;
	top: 50px;
	right: 10px;
	/*overflow: visible;*/
	background-color: white;
	border: 1px solid gray;
}

#layer-sw-bound {
	position: relative;
	z-index: 50000;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#layer-sw {
	position: absolute;
	z-index: 50000;
	top: 0px;
	left: 0px;
	width: 95%;
	padding: 5px;
	border: 0px;
	/*overflow: visible;*/
}

.topDownDiv {
	width: 35px !important;
	height: 20px !important;
	float: left;
}

.upAnchor {
	width: 12px;
	height: 20px;
	display: block;
	float: left;
	background-image: url("../images/map/arrow_up.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
}

.downAnchor {
	width: 12px;
	height: 20px;
	display: block;
	float: left;
	background-image: url("../images/map/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
}

.emptyDiv {
	width: 12px !important;
	height: 20px !important;
	float: left;
}

.imgDiv {
	width: 20px !important;
	height: 20px !important;
	float: left;
}

.layerBox {
	margin: 5px 0px 5px 0px;
}

#cada-box {
	position: absolute;
	z-index: 50000;
	top: 20px;
	right: 400px;
	width: 200px;
	height: 50px;
	padding: 5px;
	border: 1px solid gray;
	overflow: visible;
	background-color: white;
	display: none;
}