#njdc-assessment-map svg {
	position: relative !important;
}

path {
  fill: #666;
}

path.has-assess, rect#LegendItemA-Color {
  fill: #E2B028;
}

path.not-assess, rect#LegendItemB-Color {
  fill: #666;
}

#LegendItemC-Color, #LegendItemC-Text
#LegendItemC-Color, #LegendItemC-Text
#LegendItemC-Color, #LegendItemC-Text {
  display: none
}

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


.active {
  stroke: #80191D !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;
}