.svgBackground{
  fill:white;
}
.graphBackground{
  fill:white;
}

/* graphs titles */
.mainTitle{
  text-anchor: middle;
  fill: #000000;
  font-size: 16px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}
.subTitle{
  text-anchor: middle;
  fill: #999999;
  font-size: 14px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.axis{
  stroke: #000000;
  stroke-width: 1px;
}

.guideLines{
  stroke: #666666;
  stroke-width: 1px;
  stroke-dasharray: 5, 5;
}

.xAxisLabels{
  text-anchor: middle;
  fill: #000000;
  font-size: 8px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.yAxisLabels{
  text-anchor: end;
  fill: #000000;
  font-size: 8px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.xAxisTitle{
  text-anchor: middle;
  fill: #ff0000;
  font-size: 14px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.yAxisTitle{
  fill: #ff0000;
  text-anchor: middle;
  font-size: 14px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.dataPointLabel{
  z-index: 10;
  fill: #333333;
  text-anchor:middle;
  font-size: 10px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}

.staggerGuideLine{
  fill: none;
  stroke: #000000;
  stroke-width: 0.5px;  
}

/* default fill styles for multiple datasets (probably only use a single dataset on this graph though) */
.key0,.fill0{
	fill: #0000CC;
	background-color: #0000CC;
	stroke: none;
	stroke-width: 0.5px;	
}
.key1,.fill1{
	fill: #6600CC;
	background-color: #6600CC;
	stroke: none;
	stroke-width: 1px;	
}
.key2,.fill2{
	fill: #000099;
	background-color: #000099;
	stroke: none;
	stroke-width: 1px;	
}
.key3,.fill3{
	fill: #006633;
	background-color: #006633;
	stroke: none;
	stroke-width: 1px;	
}
.key4,.fill4{
	fill: #990066;
	background-color: #990066;
	stroke: none;
	stroke-width: 1px;	
}
.key5,.fill5{
	fill: #993300;
	background-color: #993300;
	stroke: none;
	stroke-width: 1px;	
}
.key6,.fill6{
	fill: #FF9900;
	background-color: #FF9900;
	stroke: none;
	stroke-width: 1px;	
}
.key7,.fill7{
	fill: #CC0000;
	background-color: #CC0000;
	stroke: none;
	stroke-width: 1px;	
}
.key8,.fill8{
	fill: #CC00CC;
	background-color: #CC00CC;
	stroke: none;
	stroke-width: 1px;	
}
.key9,.fill9{
	fill: #C9C9C9;
	background-color: #BBBBBB;
	stroke: none;
	stroke-width: 1px;	
}
.key10,.fill10{
	fill: #00CCCC;
	background-color: #00CCCC;
	stroke: none;
	stroke-width: 1px;	
}
.key11,.fill11{
	fill: #A8C665;
	background-color: #A8C665;
	stroke: none;
	stroke-width: 1px;	
}
.key12,.fill12{
	fill: #CC9900;
	background-color: #CC9900;
	stroke: none;
	stroke-width: 1px;	
}
.key13,.fill13{
	fill: #0066CC;
	background-color: #0066CC;
	stroke: none;
	stroke-width: 1px;	
}
.key14,.fill14{
	fill: #FF3333;
	background-color: #FF3333;
	stroke: none;
	stroke-width: 1px;	
}
.key15,.fill15{
	fill: #660099;
	background-color: #660099;
	stroke: none;
	stroke-width: 1px;	
}
.key16,.fill16{
	fill: #F0AD55;
	background-color: #F0AD55;
	stroke: none;
	stroke-width: 1px;	
}
.key17,.fill17{
	fill: #007AB9;
	background-color: #007AB9;
	stroke: none;
	stroke-width: 1px;	
}
.key18,.fill18{
	fill: #E26950;
	background-color: #E26950;
	stroke: none;
	stroke-width: 1px;	
}
.key19,.fill19{
	fill: #008DC8;
	background-color: #008DC8;
	stroke: none;
	stroke-width: 1px;	
}
.key20,.fill20{
	fill: #EEAA55;
	background-color: #EEAA55;
	stroke: none;
	stroke-width: 1px;	
}
.key21,.fill21{
	fill: #00A9E4;
	background-color: #00A9E4;
	stroke: none;
	stroke-width: 0.5px;	
}
.key22,.fill22{
	fill: #F6DD48;
	background-color: #F6DD48;
	stroke: none;
	stroke-width: 1px;	
}
.key23,.fill23{
	fill: #00AFE7;
	background-color: #00AFE7;
	stroke: none;
	stroke-width: 1px;	
}
.key24,.fill24{
	fill: #A8C665;
	background-color: #A8C665;
	stroke: none;
	stroke-width: 1px;	
}
.key25,.fill25{
	fill: #00AB83;
	background-color: #00AB83;
	stroke: none;
	stroke-width: 1px;	
}
.key26,.fill26{
	fill: #07B163;
	background-color: #07B163;
	stroke: none;
	stroke-width: 1px;	
}
.key27,.fill27{
	fill: #59BA69;
	background-color: #59BA69;
	stroke: none;
	stroke-width: 1px;	
}
.key28,.fill28{
	fill: #00AC91;
	background-color: #00AC91;
	stroke: none;
	stroke-width: 1px;	
}
.key29,.fill29{
	fill: #BACA62;
	background-color: #BACA62;
	stroke: none;
	stroke-width: 1px;	
}
.key30,.fill30{
	fill: #00AFE7;
	background-color: #00AFE7;
	stroke: none;
	stroke-width: 1px;	
}

.keyText{
  fill: #000000;
  color: #000000;
  text-anchor:start;
  font-size: 10px;
  font-family: "Arial", sans-serif;
  font-weight: normal;
}