.links {
	background-color: #A9A9A9; /* Green */
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 50px;
	width: 235px;
}
.links:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

.links_statistic {
	background-color: #A9A9A9; /* Green */
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	width: 235px;
}
.links_statistic:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

.links_financial {
	background-color: #A9A9A9; /* Green */
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 90px;
	width: 235px;
}
.links_financial:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

.links_interventions {
	background-color: #A9A9A9; /* Green */
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 130px;
	width: 235px;
}
.links_interventions:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

.links_study {
	background-color: #A9A9A9; /* Green 4CAF50*/
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 170px;
	width: 235px;
}
.links_study:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

.links_archeo {
	background-color: #A9A9A9; /* Green 4CAF50*/
	border: 2px solid #A9A9A9;
	border-radius: 8px;
	color: white;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	margin: 2px 1px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	position: absolute;
	bottom: 210px;
	width: 235px;
}
.links_archeo:hover {
	background-color: white;
	color: black;
	border: 2px solid #A9A9A9;
}

legend {
	padding: 0.2em 0.5em;
	border: 1px solid #A9A9A9;
	color: #A9A9A9;
	font-size: 90%;
	text-align: left;
	position: relative;
	left: 10px;
}
fieldset {
	border: 1px solid #A9A9A9;
	color: #A9A9A9;
	position: absolute;
	bottom: 10px;
	width: 97%;
	height: 280px;
}
div.divheader1{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
 
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #ffffff, #C0C0C0);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#ffffff), to(#C0C0C0));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#C0C0C0', GradientType=1);
  }
  
div.divheader{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #ffffff;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffffff, #C0C0C0);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffffff), to(#C0C0C0));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#C0C0C0', GradientType=0);
  }
  
#uiLayoutSouth{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #ffffff;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #C0C0C0, #ffffff);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#C0C0C0), to(#ffffff));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#C0C0C0', EndColorStr='#ffffff', GradientType=0);
  }
 #showcoords {color:#000000}
 
.ui-layout-west, .ui-layout-north-west, .ui-layout-north, .ui-layout-south, .ui-layout-south-west, .ui-layout-center {border: 1px solid #c9d7f1;}
.ui-layout-west, .ui-layout-north, .ui-layout-north-west, .ui-layout-south, .ui-layout-south-west {background-color:#E9E9E9;}
.pm-tool-links a {color:#0000cc;}
.pm-searchoptions, .pm-searchitem td {background-color:transparent; color:#000000;}
.pm-searchoptions select, .pm-searchitem input, .pm-searchitem select {
	background-color:#ffffff; 
	}
.pm-searchitem input{
	Width:40px;
}
/** header 
div.divheader {color: #000000;background : #ffffff;}*/
.pm-tool-links a {color:#000000;}

/** footer 
#uiLayoutSouth  {background : #ffffff;}
#showcoords {background:#ffffff; color:#000000}*/

/** Selettore */
.pm-map-link, .pm-selectbox, #helpMessage {top: 30px; right:31px}

/** Barra Scala */
#scalebar {right:1px; left:auto; bottom:1px; Width:350px;}

/** ToolTip Interrogazione Oggetti*/
#iqueryContainer {right:1px; left:auto; bottom:38px;}

/** sliderArea */
#sliderArea {right:0px; top:60px; background-color:#ffffff;}

/** Campo ricerca */
/**#searchContainer{top:0px; left:140px; background-color:#ffffff}*/
/**#searchContainer{position:relative; top:25px; left:-6px;}*/
#searchContainer{position: fixed!important;top: auto;left: 250px;width: auto;bottom: 25px !important;z-index: 9999 !important;}
.pm_search_inline{position:absolute; left:160px;}



/** Selettore Scala */
#scaleArea {top:1px; left:1px; background-color:#ffffff}
/** Lista Scale */
#scaleSuggest {background-color:#ffffff; border: 0px solid #999999;}
.scale-link {background-color:#ffffff;}
.scale-link-over {color: #000000; background-color: #d5ddf3;}

#toolLinkContainer {right:0px; top:5px}

#toolBar {right:0px; top:-2px; border-right: 1px solid #c9d7f1; Width:auto;}

/** tabs */
.pm-tabs div { border: 1px solid #c9d7f1; padding: 5px 4px 5px 4px; background-color: #f5f5f5; margin:1px;}
div.pm-tabs-selected { background: transparent; border: none; cursor: default;}
div.jqmdTC { background-color:#d4d4d4; color:#000000;}



/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/PopBox/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/PopBox/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/PopBox/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

div.areadisegno {
      z-index: 10;
      position: absolute;
      top: 1px;
      left: 1px;
      right: 1px;
      bottom: 1px;
	  overflow: auto;
	  border:1px solid red;	 
      visibility:hidden;
}



	@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-moz-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-moz-transform: scale(0.3);
			opacity: 0;
		}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-webkit-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-webkit-transform: scale(0.3);
			opacity: 0;
		}
	}
	/* get the container that's just outside the marker image, 
		which just happens to have our Marker title in it */
	#gps div.gps[title="Posizione GPS"] {
		-moz-animation: pulsate 1.5s ease-in-out infinite;
		-webkit-animation: pulsate 1.5s ease-in-out infinite;
		border:1pt solid #fff;
		/* make a circle */
		-moz-border-radius:51px;
		-webkit-border-radius:51px;
		border-radius:51px;
		/* multiply the shadows, inside and outside the circle */
		-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		/* set the ring's new dimension and re-center it */
		height:51px!important;
		margin:-18px 0 0 -18px;
		width:51px!important;
	}
	/* hide the superfluous marker image since it would expand and shrink with its containing element */
/*	#map_canvas div[style*="987654"][title] img {*/
	#gps div.gps[title="Posizione GPS"] img {
		display:none;
	}
	/* compensate for iPhone and Android devices with high DPI, add iPad media query */
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
		#gps div.gps[title="Posizione GPS"] {
			margin:-10px 0 0 -10px;
		}
	}