.title {
	font-size:18px;
}

.graphset {
  margin-bottom:10px;
  padding:2px;
  padding-bottom:20px;
  
}

.chart  {
	font: 10px;
}

.matrix  {
}

.chart rect {
	stroke: rgba(255,255,255,.5);
	stroke-width: .5;
}

.chart text {
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:10px;
}

.graphset-graphtitle
{
	text-shadow: 1px 1px 0 white;
	font-size:18px;
	margin-top:5px;
	
	padding-left:2px;
	padding-right:2px;
	margin-bottom:2px;
	display:inline-block;
	background-color:#eee;
	
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    
    -box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);	
}

.tooltip
{
	text-shadow: 1px 1px 0 white;
	border:1px solid #888;
	width:38px;
	height:25px;
	
	position:absolute;
	background-color:white;
	margin-left:-15px;
	pointer-events:none;
	
	font-size:12px;
	text-align:center;
	
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    
    -box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);	
}
.vline {
	stroke: #ccc;
	stroke-width: 1;
	stroke-dasharray: 3,3;
	shape-rendering: crispEdges;
}
.hline {
	stroke: #888;
	stroke-width: 2;
	shape-rendering: crispEdges;
}
.rule {
	font-size:15px;
}
.ruler {
	stroke: #000;
	stroke-width: 1px;
}