.first-letter{padding: 6px; font: bold 25px Arial; color: #194254; vertical-align: +10px;}
.change-letter{padding: 6px; font: bold 25px Arial; color:#7a1008; vertical-align: +10px;}
.change-letter:hover{cursor: pointer; border-bottom: dashed 4px #7a1008; vertical-align: +10px;}

.choose-letter{padding: 6px; font: bold 25px Arial; color:#ffffff; background-color: #7a1008; vertical-align: +10px;}

.hrcl{background-color: #194254; }


.nameOfValue{padding: 6px; font: bold 18px Arial; color:#7a1008; border: solid 1px #194254; margin: -1px; padding: 10px;}
.changed-value{margin: -1px; padding: 10px; font: bold 18px Arial; color: #194254; border: solid 1px #194254;}
.change-letter-value{padding:3px; border: solid 4px #194254; letter-spacing: 2px;  border-radius: 5px; line-height: 28px; }
.change-letter-text{margin-left: 40px; line-height: 28px; }

.changed-value:hover{cursor: pointer; outline: solid 3px #7a1008;  }
.selected-value{background-color:#c0c0c0;}