body {
  margin: 2em;
  font-family: Helvetica, Arial, sans-serif;
  background: #e1c899;
  line-height: 120%;
  padding: 5pt 10pt 10pt 10pt;
}

a {
  color: #66341b;
  text-decoration: none;
  font-weight: bold;
}

a[href]:hover {
  background: #bfa782;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

h1, h2 {
  margin: 0em 2em;
  padding: 0.2em 0.5em 0.2em 1em;
  background: url(/images/tk-woodh.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
  font-family: serif;
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
  color: white;
}

div.Error {
  margin: 2em;
  padding: 0.5em;
  background: url(/images/tk-woodm.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
  color: black;
  font-weight: bold;
}

span.ErrorHeader {
  font-weight: bold;
  padding-right: 5pt;
  float: left;
  width: 80pt;
  text-align: right;
}

form.Login {
  margin: 2.0em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
}

div.Login, div.Char, div.Passwd {
  margin-top: 5pt;
}

span.LoginHeader, span.CharHeader, span.PasswdHeader {
  font-weight: bold;
  padding-right: 5pt;
  float: left;
  width: 80pt;
  text-align: right;
}

input.Continue, input.Edit {
  width: 75pt;
  margin-left: 85pt;
  margin-top: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  font-weight: bold;
  font-size: 70%;
}

form.Delete {
  margin: 2.0em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
  float: left;
}

div.Warning {
  margin: 2.0em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
  font-weight: bold;
}

input.DoDelete {
  width: 150pt;
  margin-top: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  font-weight: bold;
  font-size: 70%;
}

input.DoNotDelete {
  width: 150pt;
  margin-top: 3pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  font-weight: bold;
  font-size: 70%;
}

div.Done {
  margin: 2.0em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
  font-weight: bold;
}

div.time {
  margin: 0.5em 3em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
}

span.timeheader {
  font-weight: bold;
  padding-right: 0.2em;
}

span.timedata {
}

div.date {
  margin: 0.5em 3em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
}

span.dateheader {
  font-weight: bold;
  padding-right: 0.2em;
}

span.datedata {
}

div.status {
  margin: 0.5em 3em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
}

span.statusheader {
  font-weight: bold;
}

span.statusdata {
  margin-left: 1.0em;
  display: table;
  border: solid;
}

div.player {
  display: table-row;
}

div.header {
  display: table-row;
  font-weight: bold;
  background: url(/images/tk-woodm.png) repeat;
}

span.char, span.login {
  display: table-cell;
  padding: 0.0em 0.5em;
  border: 1px solid;
}

div.player span.login {
  font-size: 80%;
  font-variant: small-caps;
}

div.cstatus {
  margin: 0.5em 3em;
  padding: 0.5em;
  background: url(/images/tk-wood.png) repeat;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 4px outset #473f30;
  border-bottom: 4px outset #473f30;
}

span.cstatusheader {
  font-weight: bold;
}

span.cstatusdata {
  margin-left: 1.0em;
  display: table;
  border: solid;
}

div.cplayer {
  display: table-row;
}

div.cheader {
  display: table-row;
  font-weight: bold;
  background: url(/images/tk-woodm.png) repeat;
}

span.cchar, span.clogin, span.clocation, span.clevel {
  display: table-cell;
  padding: 0.0em 0.5em;
  border: 1px solid;
}

div.cplayer span.clogin {
  font-size: 80%;
  font-variant: small-caps;
}