body {
    color: black;
    Background: #ccc;    
}



.midnight {
    background: #00006f;
    padding:10px;
    margin-bottom: 20px;
}

.logo {      
    padding:0px;
    border:5px solid #ccc;
    vertical-align: middle;
}
.gold {
    margin: 10px;
    color: #ffff00;
    font-size: 12pt;
    font-weight: 800; 
}



li.pi{
    display: inline-block;
    counter-increment: personal;
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
}

li.pi:before{
    content: counter(personal) ") ";
}

li.sa{
    display: inline-block;
    counter-increment: aaaa;
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
}

li.sa:before{
    content: counter(aaaa) ") ";
}

li.ma {
    display: inline-block;
    counter-increment: aaaa;
    width: 40%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
}

li.ma:before{
    content: counter(aaaa) ") ";
}

input.ma-inp {
    width: 10%;
}

input.ma-out {
    background: #e6e6e6;
//    background: white;
    border: 1pt solid black;
    width: 18%;
}

li.sh{
    display: inline-block;
    counter-increment: aaaa;
    width: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
}

li.r2h {
    display: inline-block;
    counter-increment: aaaa;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
}

li.r2h:before{
    content: counter(aaaa) ") ";
}

li.r2h:before{
    content: counter(aaaa) ") ";
}

.readonly-input {
    background: white;
    color: black;
    border: none;
}

.kana-display {
    width: 200pt;
}


div.divbox {
    display:inline-block;
    width: auto;
    border: 2px solid red;
    padding: 10px;
    margin: 6px;
}

li.section {
    counter-increment: num;
    font-size:20pt;
    font-style: bold;
    width: auto;
    margin: 20px;
}

li.section {
    counter-increment: num;
    font-size:16pt;
    font-style: bold;
    width: auto;
    margin: 20px;
}

h2.section {
//    counter-increment: num;
    font-size:14pt;
    font-style: bold;
    width: auto;
    margin: 20px 0px 10px 0px;
}


li.section:before {
//    content: counter(num);
    padding-right: 0.25em;
}

div.examplebox {
    display:inline-block;
    width: auto;
    border: 3px solid blue;
    margin: 4px;
    padding: 7px;
    background: yellow;
}

.notes {
  color: blue;
}