.chartmargin{
	margin: 80px auto;
	min-width: 880px;
	width: 64%;
}
.chartwidth h2, .copywidth h2, .chartmargin h2{
	font: 500 18px/24px "BWHaasText-65Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px 0 2px;
	margin: 40px auto 10px;
}
.rate-chart{
	position: relative;
	width:100%;
	height:300px;
	margin-bottom:50px;
	font: 500 13px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rate-chart .recession-line{
	fill: transparent;
	stroke-width: 3px;
	stroke: #757575;
} 
.rate-chart .year0-line{
	fill: transparent;
	stroke-width: 3px;
	stroke: #F6B221;
} 
.rate-chart .year1-line{
	fill: transparent;
	stroke-width: 3px;
	stroke: #1CCB91;
} 
.rate-chart .year2-line{
	fill: transparent;
	stroke-width: 3px;
	stroke: #2800D7;
} 
.rate-chart .reg-line{
	fill: transparent;
	stroke-width: 3px;
	stroke: #CBCBCB;
} 
.rate-chart .axis path,
.rate-chart .axis line {
	fill:none;
	stroke:#999;
	shape-rendering:crispEdges;
}
.rate-chart .y.axis path {
	display:none;
}
.chartLabel {
	position: absolute;
	display: block;
	width:120px;
	font: 500 16px/18px "BWHaasText-65Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	pointer-events:none;
}
#recLabel {
	font: 500 14px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000;
}
#label0 {
	color:#F6B221;
}
#label1 {
	color:#1CCB91;
}
#label2 {
	color:#2800D7;
}
.overlay {
  fill: none;
  pointer-events: all;
}
.focus {
	width:115px;
	height: auto;
	position: absolute;
	z-index: 10;
	box-shadow: rgb(170,170,170) 1px 1px 10px;
	padding: 10px;
	font-size: 14px;
	background: rgba(255,255,255,.98);
	border:1px solid lightgray;
	color:#767676;
	pointer-events:none;
}
.tt-circle {
	fill:#fff;
	stroke:#999;
}
.tt-rate {
	font-size:18px;
	font-weight:bold;
}
.indi-list{
	margin: 20px auto;
}	
.indi-list .indi-row{
	height: 90px;
	margin: 20px auto 32px;
	clear: both;
}
.indi-list .indi-row .indi-head{
	font: 500 18px/24px "BWHaasText-65Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 240px;
	padding-right: 20px;
	float: left;
	text-align: left;
}
.indi-list .indi-row p.indi-name{
	width: 100%;
	margin: 2px auto;
	font: 500 18px/24px "BWHaasText-65Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.indi-list .indi-row p.blurb{
	margin-top: 0px;
	font: 500 13px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.indi-list .indi-row .indi-plot{
	float: left;
	width: 640px;
	height: 90px;
	margin-top: -11px;
	font: 500 13px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.indi-list.year0 .outercirc.year0{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.indi-list.year1 .outercirc.year1{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.indi-list.year2 .outercirc.year2{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.indi-list.year0 .circlab.year0{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.indi-list.year1 .circlab.year1{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.indi-list.year2 .circlab.year2{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.innercirc.year0{
	fill: #F6B221;
}
.innercirc.year1{
	fill: #1CCB91;
}
.innercirc.year2{
	fill: #2800D7;
}

.outercirc{
	-khtml-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.outercirc.year0{
	fill: transparent;
	stroke-width: 2px;
	stroke: #F6B221;
}
.outercirc.year1{
	fill: transparent;
	stroke-width: 2px;
	stroke: #1CCB91;
}
.outercirc.year2{
	fill: transparent;
	stroke-width: 2px;
	stroke: #2800D7;
}

.circlab{
	text-anchor:middle;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.circlab.bolder{
	font-weight: bolder;
}
.circlab.year0{
	fill: #F6B221;
}
.circlab.year1{
	fill: #1CCB91;
}
.circlab.year2{
	fill: #2800D7;
}

.cg:hover .outercirc{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.cg:hover .circlab{
	-khtml-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


text{fill:#999;}
path.domain{fill: #999;}

g.voronoi{
	path{
		fill-opacity: 0;
	}
}

@media only screen and (max-width: 890px){
	.chartmargin{
		margin: 80px auto;
		min-width: inherit;
		width: 90%;
	}
	.indi-list .indi-row{
		height: inherit;
		margin: 20px auto;
		clear: both;
	}
	.indi-list .indi-row .indi-head{
	    width: inherit;
		max-width: 400px;
	}
	.indi-list .indi-row p.blurb{
		margin-bottom: 18px;
	}
	.indi-list .indi-row .indi-plot{
	    margin-bottom: 18px;
	    margin-top: -12px;
	}
}

@media only screen and (max-width: 768px){
	.indi-list .indi-row p.blurb{
		margin-bottom: -0px;
	}
	.rate-chart{
		width:100%;
		height:300px;
	}
	.indi-list .indi-row{
		height: inherit;
		margin: 20px auto;
		clear: both;
	}
	.indi-list .indi-row .indi-name{
		font: 500 18px/24px "BWHaasText-65Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 100%;
		padding-right: 0px;
		float: none;
		text-align: left;
		clear: both;
	}
	.indi-list .indi-row .indi-plot{
		float: none;
		width: 100%;
		height: 90px;
		margin-top: -12px;
		clear: both;
		font: 500 13px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.indi-list .indi-row .indi-plot{
		font: 500 12px/18px "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}