.bar {
  background-color:black;
  /*z-index:150;*/
  width:99%;
  /*border:1px black dotted;*/
  padding:3px;
  margin:auto;
}
.bar a {
  margin:10px;
  text-decoration:none;
  color:#fafafa;
}
.bar a:visited {
  margin:10px;
  text-decoration:none;
  color:#fafafa;
}
a:hover {
  color:#bc86d7;
  text-decoration:underline;
}
.bar a:hover {
  color:#bc86d7;
  text-decoration:none; 
}

h2 a:hover {
  color:#bc86d7;
  text-decoration:none;
}

a, a:visited {
  color:black;
  text-decoration:none;
}

p a, a:visited {
  color:black;
  text-decoration:none;
  border-bottom:1px dashed black;
}

p a:hover {
  color:#bc86d7;
  text-decoration:none;
  border-bottom:1px dashed #bc86d7;
}

.head {
  text-align:center;
  margin-bottom:70px;
}

body {
  background-color:#fafafa;
  margin:0;
  padding:0;
  color: black;
  font-size: 14px;
  font-family:monospace;
}
h1 {
	margin-bottom:-15px;
  font-size: 36px;
  font-family:monospace;
	
}
h2 {
  text-align:left;
  padding-left:20px;
  font-size: 20px;
  font-family:monospace;

}
p {
  margin:0;
  margin-top:5px;
  /*margin-left:10px;*/
  padding:0px 0px 0px 0px;
  text-indent:20px;
  text-align:justify;
  
}
input[type=button] {
  border:1px black solid;
  background-color:#ebebeb;
  font-size: 12px; 
  color: black; 
  font-family: monospace;
  margin-bottom:3px;
  -moz-border-radius: 5px;
  border-radius:5px; 
}
.full_width {
  width:100%;
  text-align:center;
}
input[type=button]:hover {
  background-color:#fafafa;
}
input[type=text] {
  font-size: 14px; 
  color: black; 
  font-family: monospace; 
}
hr {
  border-top : dotted 1px black;
  border-bottom : none;
  border-left:none;
  border-right:none;
}
select {
  border:none;
  font-family:monospace;
  font-size:14px;
  background-color:#fafafa;
  width:100px;
}
img {
  vertical-align:middle;
}
.main {
  text-align:left;
  width:750px;
  margin:auto;
}
.text_nmbr {
  width:100%;
  border:none;
  text-align:center;
}
.err {
  visibility:hidden;
  color:red;
  font-weight:bold;
  font-size:18px;
  background-color:#ffbbbb;
}
.new_text {
  border:none;
  text-align:left;
  padding:5px;
  font-family:monospace;
  font-size:14px;
}
.options {
  border:none;
  text-align:left;
  width:300px;
  float:left;
  padding:0px 5px 5px 5px;

  font-family:monospace;
  font-size:14px;
}
.view_options {
  display:block;
}
.result {
  float:right;
  text-align:left;
  width:420px;
  padding:5px;
  font-family:monospace;
  font-size:14px;
}
.txt {
  border:1px black solid;
  width:748px;
  height:120px;
  font-family:monospace;
  font-size:14px;
  margin-bottom:5px;
}
.rd_txt {
  height:auto;
  text-align:left;
  width:748px;
  height:110px;
  font-family:monospace;
  font-size:14px;
  /*text-align:justify;*/
  /*background-color:white;*/
}

.d_replay {
  visibility:visible;
  float:right;
}

/*.dactylotest {
  border-left:#ffdd00 2px solid;
}
.tridactyl {
  border-left:#40e0d0 2px solid;
}
.bepodactyl {
  border-left:#7cfc00 2px solid;
} */