html, form {
  margin:0;
  padding:0;
}

.tw {
  background-color: #cc2222;
}

div.dlgdiv table {
  border-collapse:collapse;
  width:100%;
}

.dlgdiv {
  margin: 0px 4px 0 4px;
}

.dlgdiv * {
  background-color: #ffcccc;
}

.dlgdiv input, .dlgdiv select {
    background-color: white;
}

.dlgtxt, .popup {
  background-color: white;
  height: 18px;
  font-size: 10px;
}

div.dlgdiv td {
  padding: 3px;
  border: none;
}

table.dlg  {
  border: 1px solid #333;
}

table.dlg td {
  font-family: verdana;
  font-size: 10px;
}

.popup {
  font-family: verdana;
  font-size: 9px;
}

td.tabs {
  vertical-align:top;
}

td.gamename {
  height: 10px;
  padding: 1px 0 5px 2px;
}

.gamename {
  font-family: verdana;
  padding-left:4px;;
  font-size: 12px;
  font-weight:bold;
  vertical-align: middle;
}

input.gamename {
  height: 16px;
  border: none;
  text-decoration: underline;
  background: transparent;
  text-align: left;
}

table.board {
  background-color:#fffaf4;
  border-collapse:collapse;
  spacing: 0;
}

table.board td {
  width:  20px;
  height: 20px;
  border:1px solid #333;
}

.cell, .inv {
  font-family:arial;
  border:2px solid white;
  width:  20px;
  height: 20px;
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  margin: 0px;
}

.inv {
  padding-top: 0px;
  border: 2x solid black;
}

.rack, #bagr {
  font-family:verdana;
  font-weight:bold;
}

table.rack {
  margin: 0 0px 0 0px;
  background-color:#aaaaff;  
  border: 1px solid purple;
  width:100%;
}

input.rack {
  text-transform:uppercase;
  width: 130px;
  font-family:verdana;
  font-size:16px;
  padding:0px;
  color: #880000;
}

input.rkltr {
  margin: 0;
  padding: 0;
  border: 0px;
  height: 20px;
  width: 20px;
}

table.ads td {
  padding:8px;
}

table.values  {
    border: 2px solid #ccf;
    border-collapse: collapse;
    height: 100%;
}

table.values td {
 background: #eeeeff;
  border: 1px solid #eeeeff;
  padding: 0 3px 0 5px;
  font-size:11px;
  font-family:arial;
  font-weight:bold;
}

table.subvalues td {
  background:  #eeeeff;
  border: none;
  font-size:12px;
  font-face:verdana;
  font-weight:bold;
}

table.values th {
  border: none;
  background: #6666cc;
  font-size:12px;
  font-family:arial;
  font-weight:bold;
  color: white;
}

/* letters left */
div.results, #gamesdiv {
    border:1px solid black;
    overflow-y:scroll;
    overflow-x:hidden;
    background: #ffffdc;
    padding-right:0px;
}

div.results {
  width: 180px;
}

table.results, #gamelist  {
    border:none;
    border-collapse: collapse;
    margin:0;
    background: #ffffdc;
    width:100%;
}

table.results  {
    width:160px;
}

#gamesdiv {
    border:1px solid #33f;
    background: #ffffdc;
    height:100%;
}

table.results th, #gamelist th {
    font-family:verdana;
    font-weight:bold;
    padding: 2px;
    background: #ccccff;
    border-bottom:1px solid #222;
    font-size:9px;
    height: 11px;
}

table.results td, #gamelist td {
    font-size:12px;
    font-family:verdana;
    padding: 5px 0 2px 0;
    text-align:center;
}

#tiles table {
  background-color: #ddeeff;
}

#tiles td {
  width: 20px;
  background-color: beige;
  border: 1px double #333;
  padding: 2px 0px 2px 0px;
  text-align: center;
  font-family:arial;
  font-size:14px;
  font-weight:bold;
}

#tiles {
  padding:3px;
  background-color: #ddeeff;
  border: 1px solid  #224466;
}

/* letters left */
.ll, .l0, .le {
  text-align:left;
  background:#eeeeff;
}

.l0, .n0 {
  color: #999;
}

.le, .ne {
  color: red;
}

.nl, .n0, .ne {
  text-align:right;
  background:#eeeeff;
}

input.le, input.l0, input.ll {
  width: 16px;
  text-align: right;
  background:#eeeeff;
  font-weight:bold;
  border: 0px;
  font-size:12px;
}

.swap {
  color: red;
  font-weight: bold;
  font-size: 11px;
}

td.awssd {
  text-align:left;
  font-weight bold;
}

#gamelist th, #gamelist td {
 text-align:left;
 padding: 2px;
}

#gamelist td {
  font-family: arial; 
  font-weight: bold;
}

#delsel {
  font-family: arial; 
  font-weight: bold;
  font-size: 11px;
  width: 120px;
}

div.gldiv {
  height: 250px;
  overflow-y:scroll;
  overflow-x:hidden;
  padding: 1px;
}

#clkslv div {
 width: 280px;
 font-weight:normal;
 border: none;
 color: blue;
 background:white;
 margin:0;
 border:2px solid white;
}

#bagr {
  background:transparent;
  width: 30px;
  border: none;
  font-size:16px;
  text-align:right;
}

.wait {
  font-family:verdana;
  font-size:14px;
  font-weight:bold;
  color:#333;
  padding:30px 5px 0 4px;
}