/**
 * CSS bar graph with Positive and Negative values
 * @see https://gist.github.com/Mortimerp9/3909351
 */

.negraph {
/*	background-color: #eaeaea;
	border: 1px solid #aeaeae; */
	color: black;
	text-align: center;
	width: 100%;
}

/* Micro clearfix */
        
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
 
.ext {
	height: 30px;
	padding: 5px 0;
	width: 50%;
}
.ext.neg {
	border-right: 1px solid #ccc;
}
.ext.pos {
	border-left: 1px solid #ccc;
	margin-left: 50%;
}
 
.ext.neg .bar {
	float: right;
	margin-bottom: 5px;
}

.negraph-legend {
	margin-top: 40px;
}
.negraph-legend .item {
	border-left-style: solid;
	border-left-width: 1em;
	margin: 3px 0;
	padding-left: .5em;
}

#synastry-chart {
	margin-right: 0.5%;
}