rect.background {
/*
  fill: white;
*/
  fill: #cccccc;
}

text.axislabel {
  font-size: 16px;
}

line.equal {
  stroke: black;
  stroke-opacity: 0.2;
}

circle.node {
/*
  stroke: #333333;
  stroke-opacity: 0.5;
  stroke-width: 1px;
*/
  /* fill-opacity: 0.5; */
  /* fill: #ff3333; */
}

p.highlight {
  font: 14px Helvetica Neue;
  background-color: #222;
  background-color: rgb(65,102,133);
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11));
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.25)),color-stop(1, rgba(255,255,255,.11)));
  background-image: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.11));
  color: #fff;
  text-rendering: optimizeLegibility;
  text-shadow: 0 -1px 1px #222;
  padding: 6px 10px 6px 10px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #222;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 1em 0;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
}

/* informational */
circle.inode {
/*
  stroke: #333333;
  stroke-opacity: 0.5;
  stroke-width: 1px;
*/
  fill-opacity: 0.6;
  fill: #ff3333;
}

text.ilabel {
  font: 10px sans-serif;
  color: black;
  stroke-width: 0px;
  fill: black;
}