body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    font-weight: 300;
    background-color: #fff;
    width: 95%;
    margin: 0 auto;
    height: 100%;
    margin-top: 10px;
}

/*#main {
    float: left;
    width: 750px;
}*/
#sequence {
    margin-top: 10px;
    width: 50%;
    height: 50px;
}
#chart {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
}

.citation {
    text-align: right;
}

#sequence text, #legend text {
    font-weight: 1000;
    fill: #fff;
}

#chart {
    position: relative;
}

#chart path {
    stroke: #fff;
}

div.tooltip {   
  position: absolute;           
  text-align: left;                
  padding: 0 10px 10px 10px;             
  font: 15px sans-serif;        
  background: white;   
  border: 0px;      
  border-radius: 8px;           
  pointer-events: none;         
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.dot {
  stroke: #000;
}

.line {
      fill: none;
      stroke: grey;
      stroke-width: .1em;
}
/*circle,path {
  cursor: pointer;
}

circle {
  fill: none;
  pointer-events: all;
}*/