html {
  height:92%;
}


body {
  font-family: Verdana;
  font-size: 90%;
  padding:10px;
  height:100%;
}

#container {
  height:100%;
  margin:10px auto;
  border:solid black 1px;
  background-color:#F8F8F8;
  padding:1em;
  border-radius:1em;
  position:relative;
}

#buttons {
  position:absolute;
  bottom:2em;
}

button {
  height:2em;
  border-radius:5px;
  cursor:pointer;
}

.round {
  margin-top:5px;
}

legend {
  margin: 5px 0px;
  font-weight: bold;
}

table.desk {
  cellpadding: 3px;
  display: inline-block;
  border-collapse: collapse;
  margin-right: 10px;
}

td {
  width: 20px;
  height: 25px;
  border: solid black 1px;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}

#message {
  font-weight:bold;
  color:orange;
  margin-top:10px;
}


td.related {
  color:orange;
  font-weight:bold;
}

td.marked {
  font-weight:bold;
}