graph.css

body{
  font-family: sans-serif;
}

/* graph element default states */

.nonactive .connection {
  stroke: #c0c0c0;
  stroke-width: 1px;
}
.active rect {
    stroke: #179e50;
    fill: #15dddd;
    stroke-width: 3px;
}
.active text {
  fill: #101010;
}

.nonactive rect {
  stroke: #c0c0c0;
}
.nonactive text {
  fill: #c0c0c0;
}

/* hide link tools we don't need */
.link-tools { display: none }
.marker-arrowheads { display: none }

/* document layout */

.graphmoviepane {
  padding: 0px;
  border: 0px;
}

#initcontrols {
  overflow: none;
}

#list {
  font-size: 11px;
  width: 100%;
  height: 100%;
}

#infobox {
  padding: 2px;
  font-size: 8px;
}

#mainDisplay{
  text-align: center;
}

/* menu styles */
.header{
  padding: 10px;
  padding-bottom: 15px;
  letter-spacing: 1.2px;
  border-bottom: 2px solid #444444;
  margin-bottom: 15px;
}

.header-spacing{
  margin: 0 5px; 
}

select.header-buttons{
  padding: 2px;
  letter-spacing: 1.1px;
  border-bottom: 2px solid #888888;
  border-right: 2px solid #888888;
}

button{
  padding: 3px;
  letter-spacing: 1.1px;
  border-bottom: 2px solid #888888;
  border-right: 2px solid #888888;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
}