HTML {
  background: #EEE;
}

BODY {
  font-family: arial;
  font-size: 10px;
  margin: 10px auto;
  border: 1px solid black;
  background: #FFF;
  width: 780px;
}

H1 {
  display: block;
  margin: 0px;
  padding: 2px;
  border-bottom: 1px solid black;
  font-size: 14px;
  background: #069;
  color: #fff;
}

H1 A {
  margin: 0px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

H1.siteError {
  border-top: 1px solid black;
  background: #900;
}

H2 {
  display: block;
  margin: 0px;
  padding: 1px;
  border: 1px solid black;
  font-size: 11px;
  background: #069;
  color: #fff;
}

H2 A {
  color: #FFF;
  text-decoration: none;
}

A:HOVER { color: #999; }

H2.warning {
  background: #900;
}

.pageBody {
  margin: 0px;
  padding: 5px;
}

.pageSection {
  margin: 0px;
  padding: 5px;
}

.endOfPage {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 9px;
  background: #069;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin: 5px 0px;
}

.loginBox {
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 5px;
  text-align: right;
}

.loginBox H2 { margin-bottom: 5px; padding-right: 5px;}

FORM { display: inline; margin: 0px; padding: 0px; }

.loginBox INPUT {
  font-size: 10px;
  border: 1px solid #069;
  padding-right: 3px;
}

.registration INPUT {
  font-size: 10px;
  border: 1px solid #069;
  padding-right: 3px;
}

.registration TH {
  text-align: right; width:167px;
}
.registration TD { width: 205px; }
.registration TD.spanning { width: auto; }

.profileedit { text-align: left; }

.profileedit INPUT {
  font-size: 10px;
  border: 1px solid #069;
  padding-right: 3px;
  width: 150px;
}

.loginBox .profileedit INPUT.text {
  text-align: left;
  padding-left: 3px;
}

.required { color: #900; }

.profileedit TH {
  text-align: right; width:162px;
}

.profileedit TH.avatarPreview { width: 130px; text-align: center;}
.profileedit TD.avatarPreview { width: 130px; text-align: center;}

.profileedit TD { width: 200px; }
.profileedit TD.spanning { width: auto; }

.loginBox INPUT.text {
  text-align: right;
}

.gameTable { width: 100%; }
.gameTable TH { background: #39A; color: #FFF; }
.gameTable TD { text-align: center; }

.gameTableTimer { width: 40px; }
.gameTableTTH { width: 55px; }

.gameInfoTable { margin-left: 5px; }

.gameParticipantsTable { width: 100%; }
.gameParticipantsTable TH { background: #39A; color: #FFF; text-align: center;}
.gameParticipantsTable TD { text-align: left; height: 17px;}
.gameParticipantsTable TR { height: 17px; }

.epithet { color: #999; }

.statsTable TH { background: #069; color: #FFF; width: 200px; }
.statsTable TD { width: 180px; text-align: center; }

.gameServerDetails { width: 190px; }

.userTable TH { background: #39A; color: #FFF; font-size: 10px; text-align: center; padding: 2px; }
.userTable { text-align: left; }

.contactHeaderLeft { background: #069; padding: 2px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; width: 200px; margin-left: 2px;width: 250px; }
.contactWarningLeft { background: #900; padding: 2px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; width: 200px; margin-left: 2px;width: 250px; }

.SubsectionHeaderLeft { background: #069; padding: 2px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; width: 200px; margin-left: 2px;width: 485px; }

.userGameTable { width: 100%; }

.manageGameSelect { border: 1px solid black; width: 100%; font-size: 10px; font-family: arial; }
.manageGameUserInput { border: 1px solid black; width: 100%; font-size: 10px; font-family: arial; margin-right: 10px; width: 185px; }

.green { background: #CFC; }
.grey { background: #CCC; }
.pswdfield { width: 75px; }

.red { background: #FCC; }

.suggestName {
  position:absolute;
  border-left:1px solid #999;
  border-right:2px solid #999;
  border-bottom:2px solid #999;
  background-color:#fff;
  padding:5px;
  font-size:12px;
  width:150px;
}
.suggestName a {
  display:block;
  cursor:pointer;
}
.suggestName a:hover {
  background-color:#C8D5E1;
  color:#000;
}