@import url(http://fonts.googleapis.com/css?family=Oswald);

body{
	width: 700px;
	margin: 0;
	background-color:#fff;
}
#map{
	width: 700px;
	height: 450px;
	z-index:2;
}
h5{
	font-family:Oswald;
	font-size:18px;
	color:#000;
	margin-bottom:5px;
	margin-top:15px;
	text-align:center;
	z-index:10;
	background-color:white;
}
h6{
	font-family:Oswald;
	font-size:16px;
	color:#888;
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
	z-index:9;
	background-color:white;
}

.country{
	stroke:white;
	stroke-width:.2px;
	font-weight:bold;
	font-size:16px;
	z-index:1;
}
.countryEvo{
	stroke:white;
	stroke-width:.2px;
	font-weight:bold;
	font-size:16px;
}
.legal{ 
	color:#83bb5e;
	font-weight:bold;
}
.illegal{
	color:#d75953;
	font-weight:bold;
}
.limited{
	color:#e6d06e;
	font-weight:bold;
}
.unknown{
	color:#c8c8c8;
	font-weight:bold;
}
.nolaw{
	color:#fff;
	font-weight:bold;
}
#map:hover .country:hover {  
	
	cursor:pointer;
}

.d3-tip{
	position:absolute;
	top:80px;
	left:20px;
	line-height: 1.5;
	font-weight: normal;
	font-family: Arial;
	padding: 5px;
	background-color:rgba(90,90,90,1);
	color: white;
	font-size:12px!important;
	margin-left: 0px;
	margin-top: 0px;
}
.tabs{
	width:164px;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
}
.tab{
	float: left;
	min-width:82px;
}
.tab label{
	min-width:35px;
	display:block;
	background: #ddd; 
	padding: 10px; 
	border: 1px solid #ccc; 
	margin-left: -1px; 
	position: relative;
	left: 1px; 
	font-size:12px;
	font-family:Arial;
	text-align:center;
	cursor:pointer;
}
.tab [type=radio]{
	display: none;   
}

[type=radio]:checked ~ label{
	background: white;
	z-index:1;
}
[type=radio]:checked ~ label ~ .content{
	z-index: 1;
}

.hover{
	opacity:0.75;
}

.increase{
	font-weight:bold;
	color:#ff593e;
}

.decrease{
	font-weight:bold;
	color:#6dd77e;
}

.same{
	font-weight:bold;
	color:orange;
}

.source{
	margin:0;
	text-align:right;
	font-size:10px;
	font-family:Arial;
	color:#666;
}