h2 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  color: #555;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  font-size: 12px;
}

#content-container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 0;
  background-color: #fff;
  background-color: rgba(255,255,255, 0.8);
  width:22%;
  height: 98%;
  

}

#content {
  height: 75%;
  overflow: scroll;
  margin: 0;
  padding: 0;
  
   font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  color: #333;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  font-size: 11px;
}

ul {
  padding-left: 5px;
  list-style-type: none;
  
 
}

#content li {
  padding-left: 4px;
  border-bottom: 1px solid #eee;
  

  
}

#content li.cityprop:hover {
  background-color: #74c476;
  background-color: rgba(116,196,118, 0.3);

}



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}


.background {
  fill: none;
  pointer-events: all;
}


.countries {
stroke: #fff;
stroke-width: .5;
}



.dark1 {
fill:#BAE4B3
}
.dark2 {
fill: #74C476
}
.dark3 {
fill: #006D2C
}


.q0-9 { fill:rgb(247,251,255); }
.q1-9 { fill:rgb(222,235,247); }
.q2-9 { fill:rgb(198,219,239); }
.q3-9 { fill:rgb(158,202,225); }
.q4-9 { fill:rgb(107,174,214); }
.q5-9 { fill:rgb(66,146,198); }
.q6-9 { fill:rgb(33,113,181); }
.q7-9 { fill:rgb(8,81,156); }
.q8-9 { fill:rgb(8,48,107); }




.highlighted {
   stroke: #FFF200;
  stroke-linejoin: round;
  stroke-width: 2;
  
}
.popupbox {
fill: #FFF200;
   stroke: #FFF200;
  stroke-linejoin: round;
  stroke-width: 7;
  pointer-events: none;
  opacity: .85;
}

.active {
   stroke: #FEC20F;
  stroke-linejoin: round;
  stroke-width: 2;
  
}

.activepopupbox {
fill: #FEC20F;
   stroke: #FEC20F;
  stroke-linejoin: round;
  stroke-width: 7;
  pointer-events: none;
  opacity: .85;
}





.countrylabel {
  fill: #414042;
  font-size: 11px;
  font-weight: 600;
  font-family: sans-serif;
  pointer-events: none;
  line-height: 1.5em;
  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}




.none { fill: #eee; }