body {
  background-color: #202030;
  margin: 0px;
  padding: 0px 4px 0px 4px;
}
  
a {
  line-height:1.3em;
}

a:link {
  color: #c0c0d8;
  background-color: #303040;
  text-decoration: none;
}

a:visited {
  color: #c0c0d8;
  background-color: #303040;
  text-decoration: none;
}

a:hover {
  color: #c0c0d8;
  background-color: #000040;
  text-decoration: none;
  outline: 1px;
  outline-color:#c0c0c0;
  outline-style: dotted;
}

a:active {
  color: #c0c0d8;
  background-color: #000040;
  text-decoration: none;
}

div {
  font-family: "Rokkitt", Georgia, "Times New Roman", Times, serif;
  color: #ffffff;
  font-size: 18pt;
}

div.inner {
  padding: 0px;
  margin: 0px 8px 3px 8px;
  border: 3px double #000000;
  border-radius:25px;
  background-color: #303040;
  text-align:center;
}

div.header {
  font-size: 24pt;
  margin: 3px -10px 0px -10px;
  padding: 0px 0px 5px 0px;
  background-color: #000040;
  border: 3px double #000000;
  border-radius: 25px;
}

div.fineprint {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 6pt;
  font-style: italic;
  margin: 0px 0px 0px 8px;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

div.left {
  padding: 5px 0px 5px 0px;
  width: 30%;
  position: absolute;
  left: 0%;
  top: 0px;
}

div.center {
  padding: 5px 0px 5px 0px;
  width: 40%;
  position: absolute;
  left: 30%;
  top: 0px;
}

div.right {
  padding: 5px 0px 5px 0px;
  width: 30%;
  position: absolute;
  left: 70%;
  top: 0px;
}

form {
  margin-top: 0px;
  margin-bottom: 0px;
}

hr {
  margin-top: 1px;
  margin-bottom: 1px;
  width: 75%;
}
div.medrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
span {
	display: inline-block;
}
span.take {
	width: 80px;
	display: inline-block;
}

span.med_name {
	width: 100px;
	display: inline-block;
}

span.last_taken {
	width: 100px;
	display: inline-block;
}

span.med_name {
	width: 100px;
	display: inline-block;
}

/* need a bunch of spans for the Due classes */