.hero-image {
  width: 910px;
  font-style: "italic"
}

.hero-image #content {
  width: 910px;
  padding-left:0px;
}

#extra-content{
  float:left;
  width:680px;
  padding:0px 0px 0px 25px;
}

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

.country {
  fill: #ccc;
  stroke: #bbb;
  stroke-width: .5px;
  stroke-linejoin: round;
}

path.inactive.country {
  fill-opacity: 0.3;
  transition-duration: 0.25s;
}
path.inactive.country:hover {
  fill-opacity: 0.75;
  transition-duration: 0.25s;
}

path.active.country {
  /*stroke-width: 2px;*/
  transition-duration: 0.25s;
}

#container .controls{
  background-color: #fff;
  /*position: absolute;*/
}


.hidden {
  display: none;
}
div.tooltip {
  color: #222;
  background: #fff;
  padding: .5em;
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 0px #a6a6a6;
  opacity: 0.95;
  position: absolute;
  z-index: 999;
  /*width:400px*/
}

/* STYLES FOR MAPS */

/*div.map-container {
  background-color: #eeeeee;
  border: #000;
  margin-top: 3px;
}*/

.map-main #container {
  border: 1px solid #ddd;
  /*position: relative;*/
}

div.map-header {
  height: 24px;
  width: 100%;
  background-color:#ccc;
  padding-top:0.5em
}
div.map-header h3 {
  color: #000;
  margin: 0;
  font-size: 0.95em;
  padding-left: 8px;
  padding-top: 1px;
  line-height: 1.4em;
  font-weight: normal;
  float: left;
  display: block;
  height: 23px;
  font-family: Arial, Helvetica, sans-serif;
}
div.map-header h3.menu {
  height: 23px;
  padding-right: 10px;
  float: right;
}
div.map-header h3.menu span.menu-item {
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  float: right;
}
div.map-header h3.menu span.menu-item a {
  color: #5c5c5c;
}
div.map-header h3.menu span.selected {
  height: 24px;
  color:#fff;
}
div.map-key {
  background-color: white;
  /*margin: 0px 5px 0px 5px;*/
  padding: 2px 3px 3px 5px;
  padding: 3px 3px 3px 15px;
  border-bottom: 1px solid #DFDFDF;
}
div.map-key div.rhs {
  float: right;
  width: 150px;
  padding-top: 1em;
}
#content div.map-key div.rhs p {
  font-size: 80%;
  text-align: right !important;
}
div.map-key div.rhs p {
  text-align: right;
  margin-right: 37px;
  font-size: 75%;
  line-height: 1em;
  margin-top: 3px;
  font-style: italic;
}
div.map-key div.rhs img {
  float: right;
}
div.map-key div.range {
  float: left;
  height: 10px;
}
div.map-key div.range-label {
  float: left;
  width: 60px;
  font-size: 0.7em;
  line-height: 0.9em;
  padding-top: 0.2em;
}
div.map-key div.range.first {
  width: 64px;
}
div.map-key div.range-labels {
  clear: left;
  width: 400px;
  height: 20px;
}
div.map-key div.title {
  font-size: 75%;
  font-weight: bold;
  line-height: 1.6em;
  padding-top: 1em;
}
div.map-key div.title span.subtitle {
  font-weight: normal;
  font-style: italic;
}
div.map-main {
  background: #EEEEEE;
}
div.map-data-content {
  padding: 12px 0;
  border-top: 5px solid #DFDFDF;
}

.map-data-content > p{
  padding-left:1em;
  padding-right:1em;
}

.map-data-content .graphs{
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left:1em;
}

.map-data-content .highchart-chart{
  width:552px;
  border: 1px solid #e1e1e1;
  margin-top:1em;
}

.country-jump {
    background-color: #fff;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0;
}
.country-jump li{
  padding: 1em;
  margin: 4px;
  font-size: 14px;
  border-left: 1px solid #ddd;
  background-color: #fff;
  list-style: none;
  cursor: pointer;
  display:inline;
  color: red;
  text-decoration: underline;
}
.country-jump li:hover{
  background-color: #ddd;
}
.country-jump li.hint{
  border:none;
  background-color: #fff;
  cursor: default;
  color: #111;
  text-decoration: none;
  font-family: 'AvenirLT-Roman';
}
.country-jump li.intro:hover{
  display: inline;
  padding:2em;
}

div.map-data-content h4{
  font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight:normal;
}
div.map-data-content h3{
  font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight:normal;
}

div.map-data-content ul li{
  padding:0.3em;
}
div#map-data-area table {
  border-collapse: separate;
  border: 1px solid gray;
  font-size: 95%;
  width:90%;
  margin-left:10px;
  margin-bottom: 1em;
  margin-top: 1em;
}
div#map-data-area table td,
div#map-data-area table th {
  padding: 7px;
  border: 1px solid gray;

}
div#map-data-area table th {
  min-width: 10em;
  background-color:#444;
  color:#eee;
  border: 1px solid gray;
}
div#map-data-area table tr.even td {
  background-color:#eee;
}
div#map-data-area table td.intervention-link,
div#map-data-area table td.intervention-description{
    font-family: 'AvenirLT-Roman';
}

div.notabene{
  margin-left: 1em;
}

.notabene p,
div.map-data-content div.notabene p{
  font-size: 14px;
}

div.definitions {
  padding-top:1em;
  padding-bottom:1em;
  background-color: #f9f9f9;
}

div.definitions h4{
  margin-top:0;
  padding-left: 1em;
  padding-right: 1em;
}

div.definitions p {
  font-style: italic;
  font-size: 95%;
  margin-top: 1em;
  line-height: 1.4em;
  padding-left: 1em;
  padding-right: 1em;
}

/*  Policy Intervention */

#content div.map-data-content h1,
#content div.map-data-content h2,
#content div.map-data-content h3,
#content div.map-data-content h4 {
  margin-left:1em;
}

#content div.map-data-content .back-to-top{
  font-size: 0.9em;
  color: red;
  text-decoration: underline;
  float:right;
  margin-right:3em;
  margin-top:1.5em;
}

div.self-reported{
  border-top: 1px solid rgb(227, 118, 90);
  border-bottom: 1px solid rgb(227, 118, 90);
  background-color: rgb(255, 234, 234);
  width:560px;
  margin-left:1em;
  margin-bottom: 0.5em;
}
#content div.self-reported p{
  margin: 0;
  padding: 0.5em;
  margin
}
div.self-reported:hover{
  cursor: help;
}

div.self-reported .explanation{
  display:none;
}
div.self-reported .explanation p{
  font-size: 13px;
}

#content div.map-data-content .back_to_policy_map{
  margin-left:1em;
  font-size: 14px;
}

div.map-data-content .main_meta {
  background-color: rgba(23, 176, 185, 0.8);

  color: white;
  padding: 0.5em 0em;
}

#content div.map-data-content .main_meta a{
  color:white;
}

div.map-data-content .description,
div.map-data-content .reference,
div.map-data-content .disclaimer,
div.map-data-content .country-filter-status {
  padding: 0.5em 0.5em;
  overflow:auto;
}

div.map-data-content .reference{
  background-color: rgb(200, 200, 200);
  border-top: 1px solid #ddd;
}

div.map-data-content .disclaimer {
  border-top: 1px solid #ddd;
}

div.map-data-content p{
  font-family: 'AvenirLT-Light';
  font-size: 16px;
}

p.image-graph-caption{
  font-size: 0.7em;
  font-style: italic;
  padding-left:1em;
}

div.map-data-content .graphs img{
  margin: 1em 1em 1em 0;

}

#content div.map-data-content .main_meta h3,
#content div.map-data-content .disclaimer h3,
#content div.map-data-content .description h3{
  border-bottom: 3px solid #DFDFDF;
  padding-left: 0;
  margin-left: 0;
}



div.map-data-country{
  border-bottom: 3px solid #DFDFDF;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;

}
div.map-data-country:nth-child(odd){
  background-color: #fff;
}
div.map-data-country:nth-child(even){
  /*background-color: #f6f6f6;*/
  background-color: #eFeFeF;
}

div.main_meta span.definition{
  font-family: 'AvenirLT-Heavy';
  margin-right: 1em;
  width: 150px;
  display:inline-block;
  vertical-align: top;
}
div.main_meta span.definition-content{
  width: 350px;
  display:inline-block;
  vertical-align: top;
  overflow: hidden;
}


#content .import-from-spotlight,
#content .disclaimer p{
  font-family: 'AvenirLT-LightOblique';
  font-style: italic;
  font-size:14px;
}

div.main_meta ul{
  padding-left: 1em;
}

div.main_meta ul > li{
  list-style: none;
  font-family: AvenirLT-Light;
}

div.map-data-content thead {
  background-color: #111;
  color: white;
}

ul.policy-kinds .active{
  /*font-weight: bold;*/
  font-family: 'AvenirLT-Heavy';
}


/* no interventions */
.map-data-content div.no-policy-interventions {
  width: 90%;
  border: 1px solid #ddd;
  margin-left: 10px;
  margin-top: 20px;
  padding-top:2em;
  padding-bottom:2em;
}

#content .map-data-content .no-policy-interventions h3{
  margin-left: 4em;
  color: #aaa;
}

#content .map-data-content .no-policy-interventions p{
  margin-left: 4em;
  color: #aaa;
}