#inp {
        position: relative;
        width: 15px;
        height: 15px;
        background: white;
}


body {
	font-family: arial;
	font-size: 14pt;
	font-weight: bold;
	background-color: blue;
	color: black;
}

a { color: #ffff00; }
b { color: white; }
sup { font-style: superscript; font-weight: normal;}

table { background-color: blue; }
td { text-align: center; font-size: 12pt;}
td.logo { vertical-align: top; text-align: left;}
td.head { vertical-align: top; color: white; font-size: 14pt;} /* Crossout Heading */

td.gamename { color: white; font-size: 14pt; text-align: left; } /* Game # Heading */

table.grid { background-color: #4411bb; }   /* Grid Colour */

/* LABELS/BOXES */
td.letterscore { background-color: #c0c0c0; font-size: 10pt; } /* Letter score box */
td.wordscore { background-color: #c0c0c0; font-size: 10pt; } /* Word Bonus box */
td.bonussquare { background-color: #eeee00; font-size: 10pt; } /* No of Bonus Squares box */
td.availpoints { background-color: #c0c0c0; font-size: 10pt; } /* Available Points */
td.clock { text-align: center; background-color: white; color: #4411bb; font-weight: bold; font-size: 12pt; width: 24px; } /* Countdown Clock */
td.smallgap { font-size: 6pt; } /* Short Blank Line */
td.smallwords { font-size: 8pt; vertical-align: top; text-align: left; color: white; } 
td.smallctrd { font-size: 8pt; vertical-align: top; text-align: center; color: white; } 
td.chat { font-size: 9pt; vertical-align: top; text-align: left; color: white; } 
td.label { text-align: left; color: white; } /* Text Labels */
td.message { text-align: left; color: white; font-weight: bold; } /* Messages */
td.currentlabel { text-align: left; color: #00ff00; font-weight: bold; font-size: 14pt;} /* Current Player */
td.clue { font-size: 14pt; font-weight: bold; text-align: left; background-color: #4411bb; color: white;} /* Clue Box */
td.score1 { text-align: center; background-color: white; font-weight: bold; color: blue; }
td.score2 { text-align: center; background-color: white; font-weight: bold; color: red;  }

/* CELLS
   0 - Unsolved
   1 - Player 1 Solved
   2 - Player 2 Solved
   3 - Player 1 Incorrect
   4 - Player 2 Incorrect
   
   n - Normal
   w - Highlighted Word
   c - Highlighted Cell
   b - Bonus Square
   d - Bonus is Highlighted Word
*/

td.n0 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;  }
td.n1 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;   font-weight: bold; color: blue;    }
td.n2 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;   font-weight: bold; color: red;     }
td.n3 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;   font-weight: bold; color: #990000; }
td.n4 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;   font-weight: bold; color: #000099; }

td.w0 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0; }
td.w1 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0; font-weight: bold; color: blue;    }
td.w2 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0; font-weight: bold; color: red;     }
td.w3 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0; font-weight: bold; color: #990000; }
td.w4 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0; font-weight: bold; color: #000099; }

td.c0 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #00ff00;   }
td.c1 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #aaffaa;   font-weight: bold; color: blue;    }
td.c2 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #aaffaa;   font-weight: bold; color: red;     }
td.c3 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #aaffaa;   font-weight: bold; color: #990000; }
td.c4 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #aaffaa;   font-weight: bold; color: #000099; }

td.b0 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: white;   }
td.b1 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #eeee00;   font-weight: bold; color: blue;    }
td.b2 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #eeee00;   font-weight: bold; color: red;     }
td.b3 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #eeee00;   font-weight: bold; color: #990000; }
td.b4 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #eeee00;   font-weight: bold; color: #000099; }

td.d0 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #c0c0c0;   }
td.d1 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #d0d000;   font-weight: bold; color: blue;    }
td.d2 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #d0d000;   font-weight: bold; color: red;     }
td.d3 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #d0d000;   font-weight: bold; color: #990000; }
td.d4 { width: 15px; height: 14px; font-size: 10pt;  text-align: center;  background-color: #d0d000;   font-weight: bold; color: #000099; }

td.guess { width: 15px; height: 14px; font-size: 10pt;  text-align: center; background-color: #ccccff; } /* Guessed Cell */
td.emp   { width: 15px; height: 14px; font-size: 10pt;  text-align: center; background-color: #4411bb; } /* Empty Cell */