#main-map, #main-map svg{
	overflow: hidden;
}

g.map-layer{
	fill: #ccc;
	stroke: #999;
}

g.map-layer path.hover, g.map-layer path.histogram-highlight, g.map-layer path.selected{
	stroke: black;
}

g#county-layer.zoomed path, g#county-layer.region-highlight path{
	opacity: .25;
}

g#county-layer.zoomed path.active, g#county-layer.region-highlight path.highlighted{
	opacity: 1;
}

g.map-layer#chicago-layer{
	fill: none;
	stroke: #333;
	stroke-width: 2;
}

#zoom-out, #cook-toggle{
	visibility: hidden;
	background-color: #eee;
	line-height: 22px;
	width: 130px;
	height: 22px;
	margin: 5px 0;
	cursor: pointer;
	display: inline-block;
}

#zoom-out div{
	display: inline-block;
	text-align: center;
}

#zoom-out div:first-child{
	background-color: #666;
	width: 22px;
	color: white;
}

#zoom-out-text, #cook-toggle{
	font-size: 11px;
}

.map-layer .q0-5 {fill:rgb(254,240,217)}
.map-layer .q1-5 {fill:rgb(253,204,138)}
.map-layer .q2-5 {fill:rgb(252,141,89)}
.map-layer .q3-5 {fill:rgb(227,74,51)}
.map-layer .q4-5 {fill:rgb(179,0,0)}
.map-layer .no-data {fill:#999}
.map-layer .filtered { fill: #ccc }

.map-layer .s0 {fill:rgb(175,141,195)}
.map-layer .s1 {fill:rgb(247,247,247)}
.map-layer .s2 {fill:rgb(127,191,123)}

.place-label-halo{
	fill: #fff;
	stroke: #fff;
	stroke-width: 2;
	opacity: .75
}

.place-label{
	fill: #333;
}

.city-point{
	fill: #333;
}