#chart { 
	float: left; 
}
.xAxis { 
	fill: none; 
	stroke: #000; 
	stroke-width: 1px; 
	shape-rendering: crispEdges;
}

.xAxis text { 
	display: none; 
}

.yAxis { 
	fill: none; 
	stroke: #000; 
	stroke-width: 1px; 
	shape-rendering: crispEdges;
}

.yearLabel { 
	font: 50px Helvetica Neue;
	color: #666;
}

.area_mask { 
	opacity: 0;
}

#sidebar { 
	width: 320px; 
	height: 600px;
	float:left;
}

#pieChart { 
	width: 300px; 
	height: 600px; 
	float: left;
}

#date_variable { 
	display: inline; 
}

#total_variable { 
	display: inline; 
}

.information_box_child { 
	margin-top: 5px; 
	margin-bottom: 15px; 	
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}

.line { 
	fill: none; 
	stroke-width: 1px;
	opacity: 0.5;
}

.itemText { 
	cursor: pointer;
}

.itemText:hover { 
	fill: red; 
}

.itemName { 
	font-size: 14px;
}

.itemValue { 
	padding-left: 40px;
}

.bigTitlesText { 
	font: 28px Helvetica;
}

.titleText { 
	cursor: pointer;
}

.bigTitlesValue { 
	font: 18px Arial;
}

.pieChartTitle { 
	font: 30px Arial;
}

.yearPath { 
	stroke-width: 3px;
}