/* want a slightly darker background to try and show the links better */
div.graph {
  /* background: #eeeeee; */

  background: #aaaaaa; 
}

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

line.link {
/*
  stroke: #999;
  stroke-opacity: .6;
*/
}

text.colorbar {
  font: 18px sans-serif;
}

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;
}