/* ALL OF THE BELOW is for the plots; maybe put it into plot.css or graph.css and use it in experiments ? */

/* data lines and markers, legends */
/*
	mark1 -- solid red line and solid red marker
	mark2 -- dashed blue line and open blue marker
	mark3 -- open red marker and no line
	mark4 -- blue X mark and no line, used when raw data is shown
	
	path.markN -- data markers connected by the appropriate line (color and style by N, above)
	path.fitN -- fit lines without markers (color and style by N, above)
	path.errN -- error bars (color and style by N, above)
	path.markN in a .legend group -- line and marker but no mark at start or end
*/
marker { stroke-width:1; markerUnits:userSpaceOnUse; orient:0; }
#mark1 { fill:#f00; stroke:#f00; }
#mark2 { fill:#fff; stroke:#00f; }
#mark3 { fill:#fff; stroke:#f00; }
#mark4 { fill:none; stroke:#00f; }
path.mark1 { stroke:#f00; marker-start:url('#mark1'); marker-mid:url('#mark1'); marker-end:url('#mark1'); }
path.mark2 { stroke:#00f; marker-start:url('#mark2'); marker-mid:url('#mark2'); marker-end:url('#mark2'); }
path.mark3 { stroke:none; marker-start:url('#mark3'); marker-mid:url('#mark3'); marker-end:url('#mark3'); }
path.mark4 { stroke:none; marker-start:url('#mark4'); marker-mid:url('#mark4'); marker-end:url('#mark4'); }
path.mark2 { stroke-dasharray:4,2; }
.legend path { marker-start:none; marker-end:none;  }
.plot path { fill:none; }
path.fit1, line.fit1 { stroke:#f00; }
path.fit2, line.fit2 { stroke-dasharray:4,2; stroke:#00f; }
path.err1, line.err1 { stroke:#f00; shape-rendering:crispEdges; }
path.err2, line.err2 { stroke:#00f; shape-rendering:crispEdges; }
path.noline { stroke:none; }


/* for bar graphs */
.bar { shape-rendering:crispEdges; }
.bar.red.r45 { stroke:red; fill:url(#stripe45red); }
.bar.red.r135 { stroke:red; fill:url(#stripe135red); }
.bar.blue.r45 { stroke:blue; fill:url(#stripe45blue); }
.bar.blue.r135 { stroke:blue; fill:url(#stripe135blue); }
.bar.black { stroke:black; fill:none; }
.err.red { stroke:red; }
.err.blue { stroke:blue; }
.err.black { stroke:black; }
#stripe45red line, #stripe135red line { stroke:red; }
#stripe45blue line, #stripe135blue line { stroke:blue; }


/* axis characteristics and plot frame */
.plotframe { fill-rule:evenodd; fill:white; shape-rendering:crispEdges; }
.axis, .axisframe { stroke-width:1; fill:none; stroke:#000; shape-rendering:crispEdges; }
.plotback { fill:white; }

/* text characteristics */
.axistitle, .plottitle { font-size:13px; font-weight:600; }
.axislabel.x text { text-anchor:middle; dominant-baseline:text-before-edge; }
.axislabel.y text { text-anchor:end; dominant-baseline:central; }
.axistitle { text-anchor:middle; }
.axistitle.y { dominant-baseline:alphabetic; }
.axistitle.x { dominant-baseline:hanging; }
.legend * { dominant-baseline:central; }
.legend.l * { text-anchor:start; }
.legend.r * { text-anchor:end; }
tspan.sup { baseline-shift:40%; font-size:75%; } /* for R-square */


/* rectangle placed at the end of a results graph */
.plotborder { fill:none; stroke:#eee; stroke-width:2; shape-rendering:crispEdges; }