#juvenile-bail-map svg {
	position: relative !important;
}

path {
  fill: #666;
}

path.has-juv-cashbail, rect#LegendItemA-Color {
  fill: #4E1213;
}

path.not-juv-cashbail, rect#LegendItemB-Color {
  fill: #0B4054;
}

path.wut-juv-cashbail, rect#LegendItemC-Color {
  fill: #666;
}



/* On mouse hover, lighten state color */
path:hover {
	fill-opacity: .7;
	cursor: pointer;
}

.active {
  stroke: #E2B028 !important;
  stroke-width: 3 !important;
}

path.active:hover {
	fill-opacity: 1;
}

#tooltip {
	display: none;
}

#tooltip.active {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75em;
	margin-top: -100px;
	width: 300px;
	height: auto;

	background: #faf4ed;
	border: 2px solid #000;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);

	z-index: 100;
}

#tooltip.active h3 {
	color: #000;
	border-bottom: 2px solid #4E1213;
	margin-bottom: 0.5em;
	padding: 0.25em 0.25em 0.25em 0.1em;
}

#tooltip.active p {
	color: #000;
	padding: 0.25em
}

#mapdot {
	fill: #000;
}

#mapcxn {
  stroke: #000 !important;
  stroke-width: 1 !important;
}