body {
  background-color: #deded5;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  text-align: center;
}
h1 {
  margin: 8px;
  font-size: 30pt;
  color: #111155;
}
hr {
  border: #999999 1px solid;
  margin-top: 20px;
  margin-bottom: 12px;
}
.copyright {
  font-size: 10pt;
}
.bang {
  border-style: ridge;
  border-width: 2px;
  padding: 10px;
  text-align: center;
  width: 80%;
  background-color: #999999;
}
table.settings {
  border: #000000 2px solid;
  border-collapse: collapse;
  background-color: #BBBBEE;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
table.settings th {
  border: #000000 1px solid;
  background-color: #BBBBEE;
  font-size: 20pt;
  color: #FFFFFF;
  padding: 8px;
}
table.settings thead th {
  background-color: #444488;
}
table.settings td {
  border: #000000 1px solid;
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 50%;
}
table.controls {
  margin-top: 20px;
  border-width: 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
}
table.controls td {
  width: 50%;
}
.button {
  background-color: #C0C0C0;
  border: #FFFFFF 2px outset;
  font-size: 13pt;
  padding-top: 1px;
  padding-bottom: 1px;
}
.field {
  background-color: #DDDDDD;
  border: #BBBBEE 1px inset;
  padding-left: 2px;
  padding-right: 2px;
}
.combo {
  background-color: #DDDDDD;
  border: #BBBBEE 1px inset;
}
.box {
  background-color: #DDDDDD;
  border: #BBBBEE 1px inset;
  margin-left: 0px;
  margin-right: 4px;
}
.counter {
  background-color: #FFFFFF;
  border: 1px solid;
  padding: 2px;
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  width: 140px;
}
h2 {
  margin: 4px;
  text-align: center;
  color: #111155;
}
.rules {
  border-style: ridge;
  border-width: 2px;
  padding: 10px;
  text-align: left;
  width: 80%;
  background-color: #BBBBEE;
}
.level1 {
  list-style-type: square; 
}
.level2 {
  list-style-type: disc;
}
.scores {
  border-style: ridge;
  border-width: 2px;
  padding: 10px;
  text-align: left;
  width: 80%;
  background-color: #BBBBEE;
}
table.scores {
  border: #000000 2px solid;
  border-collapse: collapse;
  background-color: #BBBBEE;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
table.scores caption {
  font-size: large;
  margin-bottom: 8px;
}
table.scores th {
  border: #000000 1px solid;
  background-color: #BBBBEE;
  color: #FFFFFF;
  padding: 8px;
}
table.scores thead th {
  background-color: #444488;
}
table.scores td {
  border: #000000 1px solid;
  text-align: right;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
table.scores td+td+td {
  text-align: left;
  padding-left: 8px;
}
table.scores td+td+td+td {
  text-align: left;
}
col.rank {
  text-align: right;
}
col.score {
  text-align: right;
}
col.name {
  padding-left: 8px;
}
col.date {
}