body{font-family:Helvetica, Verdana,Myriad, sans-serif;}

.tooltip {
padding:2px;
background-color:#555555;
  color:#d3d3d3;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
    .tooltip:after {
      box-sizing: border-box;
      display: inline;
      font-size: 10px;
      width: 100%;
      line-height: 1;
      color: #555555;
      content: "\25BC";
      position: absolute;
      text-align: center;
    }
.tooltip p {

}

.value {
 font-weight:bolder;
}

line {
stroke:#333333;
stroke-width:1px;

}

line.down {
}

path.line_EPA {
}

path.line_EPB {
}

path.line_WOA {
}

circle.dot_EPA {
}


circle.dot_EPB {
}

circle.dot_WOA {
}

.legend text {
}

form.d3-form {display:table;margin: 0 auto;}
.d3 p, .d3 br {display:none;}
.d3 .d3-form p, .d3 d3-form br {display:block;}

form::after {
clear:both;
}
div.selection {
.background-color:ashwhite;
float:left;
border:solid 1px black;
padding:10px;
margin:15px;
text-align:right;
}

.code {background-color:#aaa;border:solid black 1px;padding:5px;font-size:8pt;}

.buttons div {cursor:pointer;}

div.buttons:after{clear:both;}