body {
  background:#e0e0e0;
}

* {
  font-family: helvetica, arial,tahoma,verdana;
  font-size: 11px;
}

table {
  border-collapse:collapse;
  border:3px solid black;
  background:white;
}

td {
  border:1px solid black;
  width:40px;
  height:40px;
  padding:0;
}

td input {
  display:block;
  margin:0;
  padding:0;
  width:40px;
  text-align:center;
  vertical-align:middle;
  border:0;
  font-size:150%;
  font-weight:bold;
  color:black;
}

td input.error {
  font-size:150%;
  font-weight:bold;
  color:red;
}
td input.userGiven {
  color: #E94B88 !important;
}
td.even, td input.even {
  background-color: #DDEEFF;
}

td.odd, td input.odd {
  background-color: #FFFFFF;
}

tr.box td { border-top-width:2px; }
td.box { border-left-width:2px; }

.notice {
  position:absolute;
  left:400px;
  background:#ffffe0;
  padding:10px;
  border:1px solid gray;
  margin:0 1em 1em 0;
}
.notice h1, .notice p, .notice ul, #parserBox h1 {
  margin-top:0;
  margin-bottom:1em;
}

.notice h1, #parserBox h1 {
  border-bottom:1px solid gray;
}

.notice h1 em {
  font-weight:normal;
  float:right;
}

#parserBox {
  background:#ffffe0;
  padding:10px;
  border:1px solid gray;
  margin:0 1em 1em 0;
}

#parseArea, #parseInput {
  font-family: mono, Courier, Courier New;
  font-size: 1.7em;
}
#wordokuChars {
  font-family: mono, Courier, Courier New;
}
.hidden {
  display: none;
}

iframe.invisible {
  visibility: hidden;
  position: absolute;
  z-index: -100;
  top: 100px;
  left: 100px;
  width: 0px;
  height: 0px;
}