.legend, .crossword {
        display: inline-block;  
        vertical-align: middle;
    }
    .legend {
         
        font-size: 90%;
        width: 25em;
    }

table.crossword { border-collapse: collapse; font-size: 100%;
  margin-left: 3em;
    }
  table.crossword td { padding: 0.4em; text-align: center; border-bottom: 1px dotted #bbb; }
  table.crossword td > img, table.crossword td > font {display: none}
table.crossword td.correct > span.ok {display: none}
  table.crossword td > input {
	width: 1em;
	border: 0px none;
	/*font-weight: bold;*/
	text-align: center;
	margin: 0;
	padding: 0;
  }
  table.crossword  td.focused, table.crossword td.focused input { background-color: #abc}
  table.crossword  td.cwfield.tajenka, table.crossword td.tajenka input {background-color: #fed; font-weight: bold}
  table.crossword  td.legenda { width: 28em;padding-right: 3em; background: white; text-align: left; font-size: 90%; border-bottom: 1px dotted #bbb }

table.crossword  td.correct > input {color: #096}
table.crossword  td.wrong > input {color: #f00; text-decoration: line-through }
table.crossword  td.corrected > input {color: darkorange}
    .bd_top { border-top: 2px solid black }
    .bd_left { border-left: 2px solid black }
    .bd_right { border-right: 2px solid black }
    .bd_bottom { border-bottom: 2px solid black }
   table.crossword td.cwfield { background-color: #fff; border: 2px solid black }

.correction { position: relative; left: 0.5em; top: -0.8em; margin-left: -1.0em; color: darkgreen; }