.container {
	max-width: 1020px;
	margin: 0 auto;
}

.svg_outer {
	
}

.svg_container {	
  position: relative; 
  height: 0; 
  width: 100%; 
  padding: 0;
  padding-bottom: 100%;
  text-align: center;
}

svg.chart_container {
  position: absolute; 
  width: 100%; 
  min-width: 450px;
  left: 0; 
  top: 0;
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3));
}

svg.chart_container text{
	font-size: 9px;
}

svg.chart_container .sub-block text {
	font-size: 8px;
}

svg.chart_container a.tier1 rect {
	fill: url(#tier1_d);
	stroke:#ccc;
	stroke-width: .5;
}

svg.chart_container a.tier1:hover rect {
	fill: url(#tier1_hover);
	stroke:#d1e6be;
	stroke-width: .5;
}


svg.chart_container a.tier2 rect {
	fill: url(#tier2_d);
	stroke:#ccc;
	stroke-width: .5;
}

svg.chart_container a.tier2:hover rect {
	fill: url(#tier2_hover);
	stroke:#d1cced;
	stroke-width: .5;
}
svg.chart_container g a.tier3:nth-of-type(odd) rect {
	fill: url(#tier3a_d);
	stroke:#ccc;
	stroke-width: .5;
}

svg.chart_container g a.tier3:hover:nth-of-type(odd) rect {
	fill: url(#tier3a_hover);
	stroke:#d1cced;
	stroke-width: .5;
}
svg.chart_container g a.tier3:nth-of-type(even) rect {
	fill: url(#tier3b_d);
	stroke:#ccc;
	stroke-width: .5;
}

svg.chart_container g a.tier3:hover:nth-of-type(even) rect {
	fill: url(#tier3b_hover);
	stroke:#d1cced;
	stroke-width: .5;
}

svg.chart_container .title {
	font-weight: bold;
}