body {
  text-align:center;
  font-family:verdana,sans-serif;
  background:#ffffff;
  }
div,fieldset,input,select {
  padding:3px;
  font-size:1em;
  }
div#main {
  text-align:left;
  display:inline-block;
  min-width:340px;
}
div#head {
  text-align:left;
  font-weight:bold;
  font-size:1em;
  }
div.config {
  font-weight:bold;
  font-size:0.9em;
  }
hr {
  width: 100%; 
  border: 1px solid black;
  }
fieldset {
  background:#ffffff;
  }
p {
  margin:0.5em 0;
  }
input { 
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  background:#ffffff;
  color:#000000;
  }
input[type=checkbox],input[type=radio] { 
  width:1em;
  margin-right:6px;
  vertical-align:-1px;
  }
input[type=range] {
  width:99%;
  }
select {
  width:100%;
  background:#ffffff;
  color:#000000;
  }
textarea {
  resize:none;
  width:98%;
  height:318px;
  padding:5px;
  overflow:auto;
  background:#ffffff;
  color:#000000;
}

td {
  padding:2px;
  }
button {
  border:0;
  border-radius:0.3rem;
  color:#ffffff;
  line-height:2.4rem;
  font-size:1.2rem;
  width:100%;
  -webkit-transition-duration:0.4s;
  transition-duration:0.4s;
  cursor:pointer;
  background:#1fa3ec;
  }
button:hover {
  background:#0e70a4;
  }
.bred {
  background:#d43535;
  }
.bred:hover {
  background:#931f1f;
  }
.bgrn {
  background:#47c266;
  }
.bgrn:hover {
  background:#5aaf6f;
}
.bgrey {
  background:#909090;
  }
.bgrey:hover {
  background:#606060;
}
a {
  color:#1fa3ec;
  text-decoration:none;
  }
.p {
  float:left;
  text-align:left;
  font-weight:normal;
  }
.q { 
  float:right;
  text-align:right;
  }
.r {
  border-radius:0.3em;
  padding:2px;
  margin:6px 2px;
  }