vivian_tree_layout.css

<style type="text/css">
  .node circle {
    cursor: pointer;
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
  }

  .node text {
    font-size: 11px;
    cursor: hand;
  }

  .node.active {
    stroke: red;
  }

  .legend circle {
    fill-opacity: 1;
  }

  .legend text {
    font-size: 15px;
    font-style: oblique;
    cursor: hand;
    cursor: pointer;
  }

  #title {
    position:relative;
    top:10px;
    left:30px;
    font-size:.97em;
  }

  #title div {
    position:relative;
    font-size:.90em;
  }

  #title button {
      font-size : 10px;
    position : relative;
  }

  #menuButtons button {
    font-size : 10px;
    position : relative;
    left:30px;
    top:-5px;
  }
  .OSEHRA {
    fill: #FF0000;
  }

  .DSS {
    fill: #080;
  }

  .VA {
    fill: #3300CC;
  }

  .Medsphere {
    fill: #FF00FF;
  }

  .Oroville {
    fill: #660000;
  }

  path.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
  }
  path.pointer {
    fill: #ccc;
    stroke: #ccc;
    stroke-width: 3px;
  }
  path.link.target {
    stroke-width : 2px;
    stroke : #ff99aa;
  }
  #dependencies, #interface A:hover { text-decoration: none; background-color: #f2f2ff }
  #dependencies, #interface A:link { text-decoration: underline;}
</style>