/**
 * marker.css -> http://locusonus.org/soundmap/
 * version 0.2
 */
 




/* -- INFO WINDOW -------------------------------------------------------------------------------------------------- */

div.infoBox
{
	padding: 0 12px 0 2px;
	margin: -27px 0 0 -21px;
}

div.infoBox img[src*=close]
{
	margin-right: -11px !important;
    margin-top: 3px !important;
    z-index: 3;
}

div.infobox_overlay
{
	border-radius: 3px;
	background-color: white;
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.9;
	z-index: 0;

	-moz-box-box-shadow: 0 0 3px gray;
	-webkit-box-shadow: 0 0 3px gray;
	box-shadow: 0 0 3px gray;
}

div.infoBox dl
{
	margin-left: 40px;
}

div.infoBox dt,
div.infoBox dd
{
	margin-left: 0;
	white-space: nowrap;
}

div.infoBox dt
{
	font-weight: bold;
}

div.infobox_on,
div.infobox_off
{
	z-index: 1;
	position: relative;
}

div.infoBox dd.infobox_remote img
{
    cursor: pointer;
    cursor: pointer;
    position: absolute;
    left: 6px;
    top: 3px;
}

div.infoBox dt.infobox_name
{
	text-transform: uppercase;
}

div.infoBox a
{
	text-decoration: none;
}


/* -- ANIMATION ---------------------------------------------------------------------------------------------------- */
/* -- based on http://jsfiddle.net/ryanoc/86Ejf/ ------------------------------------------------------------------- */

@-moz-keyframes marker-pulse
{
	from {
		-moz-transform: scale(0.25);
		opacity: 1.0;
	}
	to {
		-moz-transform: scale(2.3);
		opacity: 0;
	}
}

@-webkit-keyframes marker-pulse
{
	from {
		-webkit-transform: scale(0.25);
		opacity: 1.0;
	}
	to {
		-webkit-transform: scale(2.3);
		opacity: 0;
	}
}

@keyframes marker-pulse
{
	from {
		transform: scale(0.25);
		opacity: 1.0;
	}
	to {
		transform: scale(2.3);
		opacity: 0;
	}
}


#map div.animate
{
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	border: 1pt solid white;
	margin: -1px 0 0 -1px;

	-webkit-animation: marker-pulse 3s ease-out infinite;
	-moz-animation: marker-pulse 3s ease-out infinite;
	animation: marker-pulse 3s ease-out infinite;

	-moz-box-shadow: 0 0 5px #FFA500 inset, 0 0 10px #FFA500, 0 0 5px #FFFFFF inset, 0 0 10px #FFFFFF;
	-webkit-box-shadow: 0 0 5px #FFA500 inset, 0 0 10px #FFA500, 0 0 5px #FFFFFF inset, 0 0 10px #FFFFFF;
	box-shadow: 0 0 5px #FFA500 inset, 0 0 10px #FFA500, 0 0 5px #FFFFFF inset, 0 0 10px #FFFFFF;
	
}

#map div.gmnoprint img[src*="marker-on.png"]
{
	display: none;
}