body {
  margin:0;
  background-color:#000080;
  padding-bottom: 10%;
}
footer {
  position:fixed; 
  bottom:0; 
  width:100%; 
  text-align:center;
}
table#banner {
  width:100%;
  background-color:#0000ff;
  white-space:pre;
}
table#strip {
  width:100%;
  background-color:#00ff00;
  white-space:pre;
}    
table#body {
  width:100%;
  background-color:#404080;
  white-space:pre-wrap;
}
table#code {
  margin-left:25%;
  margin-right:25%;
  width:50%;
  background-color:#404080;
  white-space:pre-wrap;
}
font#title {
  color:#ffffff;
}
a:link {
  color:#00ff00;
}
a:visited {
  color:#00ff00;
}
a:hover {
  color:#ffffff;
}
a:active {
  color:#ffff00;
} 
th#black {
  font-family:"consolas";
  color:#ffffff;
  background-color:#0000ff;
}    
th#body {
  font-family:"consolas";
  color:#9090ff;
}
th#code {
  font-family:"consolas";
  color:#9090ff;
  text-align:left;
}
textarea {
  width: 40%;
  height: 50%;
  font-family:"consolas";
  font-size:14px;
  color:#9090ff;
  background-color:#404080;
  text-align:left;
  position:absolute;
  resize:none;
}
textarea#script {
  opacity: .2;
  left: 10%;
}
textarea#output {
  left: 50%;
}
input {
  font-family:"consolas";
  color:#9090ff;
  background-color:#404080;
  text-align:left;  
}
p {
  font-family:"consolas";
  color:#ffffff;
}
p#inputLabel {
  display: inline-block;
  position: absolute;
  text-align: center;
  bottom:56px;
  width:100%;
}
input#input {
  display: inline-block;
  position: absolute;
  text-align: center;
  width:25%;
  left:38%;
  bottom:42px;
}
input#button {
  font-family:"consolas";
  font-size:16px;
  color:#0000ff;
  background-color:#00ff00;
}
p#richScript {
  display: inline-block;
  width: 40%;
  left: 10%;
  height: 50%;
  white-space: pre-wrap;
  font-family:"consolas";
  font-size: 14px;
  color:#9090ff;
  background-color:#404080;
  overflow-y: scroll;
  position:absolute;  
}