#mainbox {
    background-color: #A24A57;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFEDD2;
    border: 5px solid #CCC;
    max-width:902px;
    width:96%;
    margin:auto;
}
#topbox {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding:0.5rem;
}
#bodybox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 13pt;
    background-color: #FFF;
    padding-right: 4px;
    padding-left: 4px;
    color: #003;
}
.menu {
    text-align: center;
    padding:0.3rem;
}
.menu a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFEDD2;
    padding-right: 2px;
    padding-left: 2px;
    text-decoration: none;
    border: 1px solid #006;
    margin: 3px 2px;
    display: inline-block;
}
.menu a:hover {
    border-top-color: #FFEDD2;
    border-right-color: #FFEDD2;
    border-bottom-color: #FFEDD2;
    border-left-color: #FFEDD2;
    color: #FFF;
}
.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
}
.footer a {
    font-weight: bold;
    color: #FFEDD2;
    text-decoration: underline;
}
#mainbox h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18pt;
    line-height: 20pt;
    font-weight: bold;
    color: #006;
}
#mainbox #bodybox .picleft {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #006;
    text-align: center;
    float: left;
    width: 400px;
}
#mainbox #bodybox .picright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #006;
    text-align: center;
    float: right;
    width: 400px;
}
#mainbox #bodybox .tblhead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #FC3;
    background-color: #903;
    border: thin solid #006;
}
#mainbox #bodybox .msg, .message {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 14pt;
    color: #903;
    text-align: center;
    background-color: #CCC;
    border: 1px solid #006;
    font-weight: bold;
    margin:0.4rem auto;
    width:80%;
    padding:0.15rem;
}
#mainbox #bodybox .tbldescr {
    background-color: #DEDEDE;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #006;
    border-right-color: #006;
    border-bottom-color: #006;
    border-left-color: #006;
}
.tblsubhead, .tblsubhead td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #903;
    background-color: #DEDEDE;
    text-align: center;
}
.tbldets {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #333;
}
.tbldets tr:nth-of-type(even) {
    background-color: #F5EFF1;
}
.pink {
    background-color: #F5EFF1;
}
.red {
    font-style: italic;
    color: #F00;
}

.catitem {
    float: left;
    width: 200px;
}
#innerTable {
    width:80%;
    max-width:673px;
    margin:auto;
}

#memList thead {
    font-size:0.95rem;
}
#memList tbody {
    font-size:0.85rem;
}
#memList tbody tr:nth-of-type(odd){
    background-color: #F5EFF1;
}
#memList tr td:first-of-type {
    padding-left:1rem;
}
.hidden {
    display: none;
}
.pwdtable {
    max-width:796px;
    width:90%;
    min-width:280px;
    margin:auto;
}
#csvExportMenu {
    margin-bottom:1rem;
}
#csvExportMenu p{
    display: inline-block;
    width:32%;
    margin:auto;
    padding:0.2rem;
    box-sizing: border-box;
}
#csvExportMenu p:before {
    content:"● ";
}
#writerTable {
    width:100%;
    max-width:740px;
    margin:1rem auto;
}
#writerTable tr td:first-of-type {
    vertical-align: text-top;
    width:25%;
}
#writerTable tr td[colspan="2"] {
    width: 100%;
}
#writerTable tr td label {
    font-weight: bold;
}