body {
	max-width: 1000px;
	margin: 0 auto;
}

.chartContainer {
	width: 100%;
	position: relative;
	font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif !important;
	max-height: 298px;
	overflow: hidden;
}
.chartContainer.fullHeight {
	max-height: none;
}

.chartContainer:after {
	content: "";
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0+0,1+65,1+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}
.chartContainer.fullHeight:after {
	background: none;
}

.chartContainer tr {
	text-align: left;
	font-size: 13px;
}

.chartContainer tr td:last-child:after {
	content: "%";
}

.bar {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #e04c19;
	height: 100%;
	z-index: -1;
	opacity: 0.4;
}

.showall {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif !important;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
	color: #e04c19;
	font-size: 13px;
	text-transform: uppercase;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}
.showall:hover {
	text-decoration: underline;
}