body { margin-left:0px; margin-top:0px; }
/*======= SVG styling ==========*/

/* symbol: default style for symbols */
.data {

}
.symbol {
  stroke-width:0;
  stroke:black;
  fill:red; 
}
/* lines: default style for lines plot */
.lines {
  stroke-width:1;
  stroke:#005;
}
.jmplines {
  stroke-width:1;
  stroke:#22f; 
  opacity:0.9;
}
.evtlines {
  stroke-width:2;
  stroke:green;
}

.lineselect {
  stroke:black;
  stroke-width:2;
  opacity:1;
}

.mouseselect {
  stroke:black;
  stroke-width:2;
  fill:#aaa;
  opacity:0.7;
}

.xycoord {
  font-size:10px;
  font-weight:bold;
  font-family:Arial;
  text-anchor:start;
}
.xycoordlegend {
  font-size:9px;
  font-weight:normal;
  font-family:Arial;
  text-anchor:start;
}

/* grid: style for grid lines */
.grid {
   stroke:#AAAAAA;
   stroke-width:1;
   opacity:0.7;
}

/* ticks: style for tick lines */
.ticks {
   stroke:black;
   stroke-width:1;
}

/* title: style for the title (right above sub-title) */
.title {
   font-size:12px;
   font-weight:bold;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:middle;
}

/* subtitle: style for the sub-title (right above viewport) */
.subtitle {
   font-size:10px;
   font-weight:normal;
   font-family:Arial;
   white-space:pre;
   stroke:none;
   fill:black;
   text-anchor:middle;
}

/* xlabel: style text for ticks (X axis) */
.xlabel {
   font-size:9px;
   font-weight:normal;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:middle;
}

/* ylabel: style text for ticks (Y axis) */
.ylabel {
   font-size:9px;
   font-weight:normal;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:end;
}

/* xlegend: legend for the X axis */
.xlegend {
   font-size:10px;
   font-weight:normal;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:middle;
}

/* ylegend: legend for the Y axis */
.ylegend {
   font-size:10px;
   font-weight:normal;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:middle;
}

/* viewport: is the area of the window that contains the plot
   is a SVG rectangle 
*/
.viewport {
  fill:white;
  stroke:black;
  stroke-width:1;
  opacity:1;
}
/* evtwin: layer on top of the viewport to capture the events 
 * inside the viewport.
 */
.evtwin {
  fill:white;
  stroke:black;
  stroke-width:1;
  opacity:0;
  cursor:crosshair;
}

/* wincontrols: layer for zoom and other controls
 */
.wincontrols {
  fill:#ccc;
  stroke:black;
  stroke-width:1;
  opacity:1;
  text-anchor:middle;
  font-size:10px;
  font-family:courier;

}

/*======== END SVG STYLING ===============*/

/* 
  divwindow: default style for the plot container and all its SVG elements.
*/
.divwindow {
   position:absolute;
   top:100px;
   left:0px;
  /* border:1px solid black; */
   background-color: white; /*#FFFFCC;*/ 
}

.parameters {
   font-size:9px;
   font-weight:normal;
   font-family:Arial;
   stroke:none;
   fill:black;
   text-anchor:middle;
}