rect {
	strokeWidth: 0;
	fill: transparent;
}

#info {
  fill: rgb(255,255,255);
}
rect.highcharts-background {
  height: 650px;
}
.highcharts-plot-band {
	height:6000px;
	stroke: #ffffff;
	stroke-width: 0;
}

.notes, #sources {
	font-family: proxima-nova, sans-serif;
	font-size: 12px;
	color: #666666;
  line-height: 1.2rem;
  margin-top: 20px;
}

.notes p, .sources p {
  margin-top: .75rem;
}

.notes strong {
  font-weight: bold;
}

.notes em {
  font-style: italic;
}

#sources h2 {
  font-weight: bold;
  color: #000;
  font-size: 15px;
  margin: 2rem 0 1rem 0;
}

.hidden {
	display: none;
}

.not-visible {
    opacity: 0;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; 
    transition: opacity .5s ease-in-out;
}

.is-visible {
    opacity: 100;
    height: auto;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; 
    transition: opacity .5s ease-in-out;
}

.detail-image {
	max-width: 100%;
	max-height: 100%;
}

#figure-back-0 a, #figure-back-1 a, .back_button a {
  	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNDE0IDdsMy4yOTMgMy4yOTNhMSAxIDAgMCAxLTEuNDE0IDEuNDE0bC01LTVhLjk5Ny45OTcgMCAwIDEgMC0xLjQxNGw1LTVhMSAxIDAgMCAxIDEuNDE0IDEuNDE0TDMuNDE0IDVIMTdhMSAxIDAgMSAxIDAgMkgzLjQxNHoiIGZpbGw9IiNGRjY5NDEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==");
  	font-weight: bold;
  	text-decoration: none;
  	color: #ff6941;
  	font-size: 11px;
  	font-family: proxima-nova, sans-serif;
  	text-transform: uppercase;
 	  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNDE0IDdsMy4yOTMgMy4yOTNhMSAxIDAgMCAxLTEuNDE0IDEuNDE0bC01LTVhLjk5Ny45OTcgMCAwIDEgMC0xLjQxNGw1LTVhMSAxIDAgMCAxIDEuNDE0IDEuNDE0TDMuNDE0IDVIMTdhMSAxIDAgMSAxIDAgMkgzLjQxNHoiIGZpbGw9IiNGRjY5NDEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==");
  	background-repeat: no-repeat;
  	background-position: 0 center;
  	padding-left: 28px;
}

#figure-back-0 a:hover, #figure-back-1 a, .back_button a:hover {
	text-decoration: underline;
}

.highcharts-xaxis-labels tspan {
  baseline-shift: sub;
  font-weight: bold;
  fill: #000;
}

.highcharts-xaxis-labels tspan.drilldown {
  baseline-shift: sub;
  font-weight: bold;
  fill: #ff652b;
}

.stub {
  text-align: left;
}

span.sub-item {
  padding-left: 1rem;
}

.datatable thead tr {
  background-color: #fff;
}

.datatable thead {
  border-bottom: 5px solid #f3f1f1;
}

.datatable tbody tr:nth-child(odd) { background-color: #f8f8f8; }
.datatable tbody tr:nth-child(even) { background-color: #fff; }

.datatable tbody tr.shaded-row { background-color: #f8f8f8; }
.datatable tbody tr.light-row { background-color: #fff; }

tr.table-notes td { 
  text-align: left;
  background-color: #fff;
  border-top: 5px solid #f3f1f1;
}

path.highcharts-label-box.highcharts-annotation-label-box {
  width: 280;
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.4;
}

.highcharts-annotation-label text {
  fill: #ffffff;
} 

.datatable strong { font-weight: bold; }
.datatable em { font-style: italic; }

#sources p {
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  color: #666666;
  line-height: 1.2rem;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  #infotext tspan {
    font-size: 10px;
  }

  #info {
    width: 255px;
  }
}