
body {
  color: rgb(102,153,204);
  font-family: Arial;
}

header {
  color: black;
  font-size: 14pt;
  text-align:center;
}

input {
  text-align: right;
  border-color: rgb(102,153,204);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  width: 70%;
}

input:focus {
  background-color: rgb(255,255,204);
}

label {
  float: left;
  text-align: right;
  width: 25%;
}

p.instructions {
  color: rgb(153,153,153);
}

p.input {
  margin: 0px;
  padding: 5px;
  text-align: right;
}

p.output {
  padding: 5px;
  text-align: right;
}

section {
  width: 400px;
}

section.output {
  background:      rgb(255,240,220);
  border-color:    rgb(110,110,100);
  border-radius:   5px;
  border-style:    solid;
  border-width:    1px;
  padding-bottom: 10px;
}

span {
  float: right;
  text-align: right;
  width: 70%;
}

