html, body
  {
    height: 100%;
  }
  
  table#letterControl td
  {
    border-style:solid;
    border-width:1px;
    border-color:#888888;
    color:#555555;
    font-family:courier;
    font-size:22;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
    cursor:pointer;
  }
    
  .crossword
  {
    border-collapse: collapse;
  }
  .crossword td
  {
    border-style:solid;
    border-width:1px;
    border-color:#888888;
    color:#555555; 
    font-family:monospace;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 0px;
    cursor:pointer;
  }
  
  .crossword table
  {
    border-style:none;
    border-width:1px;
    border-color:red;
    border-collapse: collapse;
    height:100%;
  }
  
  .crossword table td
  {
    border-style:none;
  }
  /*  
    fix for HTML5 page and space below black gif
    http://stackoverflow.com/questions/4904668/html5-vertical-spacing-issue-with-img
  */
  .crossword img
  {
    vertical-align:bottom;
  }
  
  .crossword table .number
  {
    font-size:10px;
    color:#006666;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align:text-top;
  }
  
  .crossword table .letter
  { 
    font-size:28px;
    color:#0000cc;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align:center;
  }
  
  .crossword table .letterJapanese
  { 
    font-size:18px;
    font-weight:bold;
    color:#0000cc;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align:center;
    vertical-align:text-center;
    height:34px;
  }