.gi-slope-chart {
	background-color: #fff;
	position: relative;
	float:left;
	width:calc(50% - 10px);
}
.gi-slope-chart.even-chart{
	margin-right:10px;
}
.gi-slope-chart.odd-chart{
	margin-left:10px;
}
.gi-slope-chart.preview{
	width:100%;
}
.gi-slope-chart.standalone-chart{
	width: 100%;
	margin-left:0px !important;
} 
@media only screen and (max-width: 420px) {
	.gi-slope-chart {
		width: 100%;
		margin-left:0px !important;
	}
}
.gi-slope-chart .d-val{
	font: 16px "PrattBold";
}
.gi-slope-chart .d-date{
	font: 14px "GMSansC"
}
.gi-slope-chart .title-group{
	border-bottom:1px solid #000;
	display: inline-block;
	width:100%;
	height:50px;
}
.gi-slope-chart .chart-title{
	display: inline-block;
	font: 16px "PrattRegular";
	width : calc(60% - 5px);
	height:50px;
	margin-left:5px;
	vertical-align: bottom;
	line-height: 15px !important;
}
.gi-slope-chart .chart-pct-change{
	display: inline-block;
	font: 30px "PrattBold";
	width : calc(40% - 5px);
	height:50px;
	margin-right:5px;
	vertical-align: bottom;
}
.gi-slope-chart .chart-title div{
	float:left;
}
.gi-slope-chart .chart-pct-change div{
	float:right;
}
.gi-slope-chart .chart-title p, .chart-pct-change p{
	display: table-cell;
	vertical-align: bottom;
	height:50px;
}
.gi-slope-chart .chart-qualifier{
	font : 14px "GMSansC";
	position: absolute;
	background-color: transparent;
	top:55px !important;
	left:5px !important;
}
.gi-credits {
	width: 100%;
	font: 10px/1.5em Arial, Helvetica, sans-serif;
	border-top: 1px solid #d9d9d9;
	color: #999999;
	font: 9px Verdana, Geneva, sans-serif;
	overflow: visible;
	padding-top: 8px;
	clear: both;
	text-transform: uppercase;
}