A {
    font-family: Tahoma, Verdana, Arial;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 1em;
}

A:LINK, A:ACTIVE {color: rgb(2,25,163);}
A:VISITED {color: rgb(14,124,249);}
A:HOVER {color: rgb(31,176,252);}

.prespace {margin-left: 1em;}

BODY {
    background: #A7D6EC;
    font-family: Tahoma, Verdana, Arial;
    margin: 1em;
}

.hid {
 display: none;
 }

.shown {
 display: block;
 }
 
 
.meh {margin-left: 3em;}

.dlg {
    text-indent: -3em;
    margin-left: 3em;
    text-align: justify;
    margin-right: 5em;
    margin-bottom: 0.5em;
    font-family: Tahoma, Verdana, Arial;
}

.info {
    font-style: italic;
}

.note {
    font-family: Tahoma, Verdana, Arial;
    font-style: italic;
    font-size: small;
    margin-bottom: 1em;
    display: block;
}

.character {
    font-weight: bold;
}

#dlg_wo_char {margin-left: 6em;}

#option1:before {font-weight: bold; font-size: small; color: darkred; content:"(Optional) ";}
#option:after {font-weight: bold; font-size: smaller; color: darkgreen; content:" (Optional)";}