#map-container { width: 960px; height: 500px; margin: 10px auto 30px auto; }
#table-wrapper { margin: auto; width: 960px; }
#country-table { margin: 10px auto 10px 245px; display: inline-block; width: auto; vertical-align: top;}
#state-table { display: inline-block; vertical-align: top; width: auto; margin: 10px auto 10px 80px;}
#update-stamp { float: right ;font-size: 0.75em; color: #a3a3a3;}
#zoom-hint { margin: 0 auto 0 auto; text-align: center; font-size: 0.9em; color: #a3a3a3;}

.state{
	fill: none;
	stroke: #a9a9a9;
	stroke-width: 1;
}
.state:hover{
	fill-opacity:0.5;
}
#tooltip {   
	position: absolute;           
	padding: 20px;             
	margin: 10px;
	font: 12px sans-serif;        
	background: lightsteelblue;   
	border: 1px;      
	border-radius: 2px;           
	pointer-events: none;         
	z-index: 1001;
	background:rgba(0,0,0,0.9);
	border:1px solid grey;
	border-radius:5px;
	font-size:12px;
	width:auto;
	padding:4px;
	color:white;
	opacity:0;
}
#tooltip p { margin: 2px;  padding: 0; }

.land { fill:#ebebeb;}
.boundary {fill: none;
  stroke: #000;
  stroke-width: .5px;
}
.stroke {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}