.benchmark-graph-wrapper {
  position: relative;
  width: 800px;
  margin-top: 2em;
}

.benchmark-graph-wrapper h2 {
  margin-bottom: 0;
}

.benchmark-graph-wrapper p {
  margin: 0 0 1em;
  padding: 0;
}

.benchmark-graph {
  float: left;
  width:  600px;
  height: 350px;
}

.benchmark-graph-time-range-picker {
  clear: both;
  width: 550px;
  text-align: right;
  list-style-type: none;
  margin: 0;
}

.benchmark-graph-time-range-picker li {
  display: inline-block;
  margin: 0 1em 0 0;
}

.benchmark-graph-legend {
  float: left;
}

.legendColorBox {
  padding-left: 0;
}

.below-legend {
  padding: 3px 2px;
  font-size: x-small;
  width: 100px;
  color: #CAC1C3;
}

#graph-tooltip {
  position:     absolute;
  display:      none;
  border-width: 1px;
  border-style: solid;
  padding:      4px;
  background:   rgba(255, 255, 255, 0.97);
  font-size:    12px;
  min-width:    200px;
}

#graph-tooltip .rvm-name {
  font-size: 14px;
}

#graph-tooltip .result {
  font-size: 18px;
  color: #000;
}

#graph-tooltip .time {
  opacity: 0.5;
  font-size: 11px;
}