* {
  margin:0px;
  padding:0px;
} 
html, body {
height: 100%;
margin: 0;
}

#header {
  width:100%;
  background-color:grey;
  font-family:monospace, sans-serif;
  font-size:0.8em;
  color:blue;
}
#container {
  width:100%;
  min-height:100%;
  background-color:grey;
}
#container-inside {
  padding-bottom: 120px;
}
#footer {
  height: 120px;
  margin-top: -120px;
  background-color:gray;
  font-family:monospace, sans-serif;
  font-size:0.8em;
  color:blue;
}
#insidefooter {
background-color:grey;
}
.header {padding:9px;}
.headerblock {
padding:9px;
display:inline-block;
}
#numb {
  width:100px;
}
input[type=number]:focus {
  background-color: lightblue;
}
.b1 {font-weight:800;}

/*
#inputvalidation {
  font-family:monospace, sans-serif;
  font-size:1em;
  height:18px;
  margin-bottom:-18px;
}
.rednugget {
  color:red;
  margin-left: 100px;
}
.redpermitted {
  color:red;
  margin-left: 0px;
}
.greenpermitted {
  color:limegreen;
  margin-left: 93px;
}
*/
table {width:100%} 
td {padding:9px;}
#infobox {
  position:fixed;
  right:275px;
  top:150px;
  width:180px;
  background-color:dimgray;
  border-radius:5px;
  border:2px solid #333333;
  font-family:monospace, sans-serif;
  color:limegreen;
  font-size:.8em;
  margin: 0px;
  padding:16px;
  text-shadow: 4px 4px 8px #212121;
  box-shadow: 4px 4px 8px #212121;
}
.infotitle {
color:goldenrod;
font-size:1.12em;
font-weight:800;
line-height:1em;
}
.notes {
  color:red;
}

.swatch {
float:left;
}

#messages {
  position:relative;
  top:-3px;
  height:18px;
  font-family:monospace, sans-serif;
  font-size:0.9em;
  color:red;
  font-weight:800;
  text-shadow: 4px 4px 8px #212121;
  margin-bottom:-18px;
}