/** CSS FOR PLOTTING */

svg {						background: white;
							font-size: 110%;
							font-family: Verdana, Geneva, Helvetica, sans-serif;
	    					font-style: normal;
	    					font-variant: normal;
	    					font-weight: normal;
							z-index: 50;
							}



path{						fill: none;
							stroke-width: 1.5;
							}

path.domain {				stroke: #9b9b9b;
							fill: none;
							stroke-width: 1;
							shape-rendering: crispEdges;
							}
							
#chart_border {				stroke: #9b9b9b;
							fill: white;
							stroke-width: 1;
							shape-rendering: crispEdges;
							}
							
.hor_lines {				stroke: #9b9b9b;
							stroke-dasharray: 8, 3;
							fill: none;
							stroke-width: 1;
							shape-rendering: crispEdges;
							}
							
.hor_limits {				stroke: #ec1f1a;
							stroke-dasharray: 5, 3;
							fill: none;
							stroke-width: 1;
							shape-rendering: crispEdges;
							}
							
#axes {						font-size: 105%;}

svg.text.legend {			color: red;}



#section_view {				font-size: 110%;
							}

.line {						fill: none;
        					stroke-width: 1.5px;
    						}

/** Class for event handler rectangel */
.zoom {						cursor: move;
							fill: none;
							background: white;
							pointer-events: all;
							}
							
/** Class for event handler rectangel */
.chartAreaBorder {			fill: none;
							stroke: #9b9b9b;
							stroke-width: 1;
							shape-rendering: crispEdges;
							}

/** CURSOR ELEMENTS */

#cursorElements {			fill : grey;
							}
							
.x_line_mouse {				stroke: grey;
							stroke-dasharray: 3, 3;
							}
							
.cursor_text {				}

/** CURSOR ELEMENTS */

p.data_error {				padding-left: 30px;
							padding-top: 20px;
							color: #c20c0c; }
p.data_warning {			padding-left: 30px;
							padding-top: 20px;
							color: #008006; }