body{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
}
ul p{
  display: inline;
}
a {
  display: block;
  text-decoration: none;
  padding:0px;
}
svg {
  height:1400px;
  width: 1400px;
  border: 1px solid red;
  margin: 2px;
}
h2{
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
svg {
  border: 1px solid red;
  margin: 2px;
}
div.tooltip {
    white-space: pre-wrap;
     position: absolute;
     text-align: left;
     padding: 8px;
     font: 16px sans-serif;
     background: #ddd;
     border: solid 1px #aaa;
     pointer-events: none;
 }
 button {
  display: block;
  margin: auto;
  width: 100px;
 	background-color:#44c767;
 	-moz-border-radius:20px;
 	-webkit-border-radius:20px;
 	border-radius:20px;
 	border:2px solid #18ab29;
 	cursor:pointer;
 	color:#ffffff;
 	font-family:Arial;
 	font-size:17px;
 	padding:8px 16px;
 	text-decoration:none;
 	text-shadow:0px 1px 0px #2f6627;
 }

 button:active {
   background-color: #ffffff;
   color: #000000;
 	position:relative;
 	top:1px;
 }
.links line {
  stroke: #999;
  stroke-opacity: 1;
}

.nodes circle {
  pointer-events: all;
  stroke: #fff;
  stroke-width: 1.5px;
}
.datum{
  display: inline;
  white-space: pre-wrap;
}
.refs{
  display: block;
}
.ref-number {
  display: block;
  margin: 10px 0;
}
 .ref-text {
  display: inline;;
  margin: 10px 0;
}
.tags {
  display: inline;
  font-style: italic;
}
.hidden {
  display: none;
}
.off {
  background-color: #ffffff;
  color: #000000;
}
#container {
  display: block;
  text-align: center;
  margin:auto;
}
#bottom-box{
  display: inline-flex;
}
#node-box {
  height: 300px;
  width: 1204px;
  margin: 2px;
  overflow-y: scroll;
  border: 1px solid red;
}
#data{
  text-align: left;
  font-size: 13px;
  padding-left: 20px;
}
#display-options{
  height: 300px;
  width: 188px;
  margin: 2px;
  margin-right: 5px;
  border: 1px solid blue;
  text-align: center;
}