.chart {
			margin-left: 2px;
			margin-bottom: 10px;
		}
		.label {
			font-size: 10px;
			font-family: "Times New Roman";
		}
		.chart-title {
			margin-left:0px;
			margin-bottom:5px;
			margin-top:10px;
			font-size:14px;
			font-weight: bold;
		}
		.chart rect {
			stroke-width:0;
			stroke: white;
		}
		
		.bar.creator { fill: #2E527E; }
		.bar.recipient { fill: #5A7CA5; }
		.bar.mentioned { fill: #A7BFD6; }
		
		.bar.creator.unknown { fill: #7E7E7E; }
		.bar.recipient.unknown  { fill: #A5A5A5; }
		.bar.mentioned.unknown { fill: #D6D6D6; }
		
		.bar:hover { fill: #820C00; }
		.bar.creator.unknown:hover { fill: #8E8E8E; }
		.bar.recipient.unknown:hover { fill: #B5B5B5; }
		.bar.mentioned.unknown:hover { fill: #E6E6E6; }
		
		.buttons {
			display: inline-block;
			margin-left: 20px;
			margin-bottom: 10px;
		}
		button {
			margin: 2px 0; 
			padding: 5px;
			background-color:#2c5171;
			border:none;
			color:#fff !important;	
			
			-webkit-box-shadow: 2px 2px 1px #ccc;
			-moz-box-shadow: 2px 2px 1px #ccc;
			-o-box-shadow: 2px 2px 1px #ccc;
			box-shadow: 2px 2px 1px #ccc;
			
			font: normal 100% "coustard", serif;
			
			border-right: white 1px solid;
		}
		
		.buttons button:first-child {
			-webkit-border-radius: 7px 0 0 7px
			-moz-border-radius: 7px 0 0 7px;
			-o-border-radius: 7px 0 0 7px;
			border-radius: 7px 0 0 7px;
		}
		
		.buttons button:last-child {
			-webkit-border-radius: 0 7px 7px 0;
			-moz-border-radius: 0 7px 7px 0;
			-o-border-radius: 0 7px 7px 0;
			border-radius: 0 7px 7px 0;
			border-right: none;
		}
		
		button.highlight {
			background-color: #820C00;
			
			-webkit-box-shadow: inset 2px 2px 1px #777;
			-moz-box-shadow: inset 2px 2px 1px #777;
			-o-box-shadow: inset 2px 2px 1px #777;
			box-shadow: inset 2px 2px 1px #777;
			padding: 6px 4px 4px 6px;
		}
		button:hover {
			background-color:#4c7191;
		}
		button.highlight:hover {
			background-color:#820C00;
		}
		
		button#hide_unknown {
			display: inline-block;
			margin-left: 20px;
		}
		button#show_unknown {
			display: inline-block;
			margin-right: 20px;
		}
		
		.axis path,
		.axis line {
			fill: none;
			stroke: black;
			shape-rendering: crispEdges;
		}
		.axis text {
			font-family: sans-serif;
			font-size: 11px;
		}
		.guideline { 
			stroke: #444;
			stroke-width: 0.1;
		}