body {
    font-family: Tahoma, Sans-Serif;
    font-size: 9pt;
}
div {
    display: none;
}
table {
    width: 100%;
}
th {
    font-weight: bold;
    font-size: 9pt;
}
td {
    font-size: 9pt;
}
input.optional {
    background-color: #F5F5DC;
}
textarea {
    font-size: 9pt;
    font-family: Arial;
} 
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
li {
    float: top;
}
a.menu:link, a.menu:visited {
    display: block;
    width: 65px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}
a.menu:hover, a.menu:active {
    background-color: #7A991A;
}
#borderedtable {
    border: 1px #D3D3D3;
    padding: 1px;
    spacing: 1px;
    border-collapse: collapse;
    background-color: white;
}
#pageborder {
    border-top: solid 1px #D3D3D3;
    border-left: solid 1px #D3D3D3;
    border-right: solid 3px #D3D3D3;
    border-bottom: solid 3px #D3D3D3;
}
#pagebordertop {
    border-top: solid 1px #D3D3D3;
    border-left: solid 1px #D3D3D3;
    border-right: solid 3px #D3D3D3;
}
#pageborderbody {
    border-left: solid 1px #D3D3D3;
    border-right: solid 3px #D3D3D3;
}
#pageborderbottom {
    border-left: solid 1px #D3D3D3;
    border-right: solid 3px #D3D3D3;
    border-bottom: solid 3px #D3D3D3;
}
#title {
    width: auto;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 3px;
    text-align: center;
}
#title2 {
    width: auto;
    background-color: #FFC0CB;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 3px;
    text-align: center;
}
#subtitle {
    font-size: 9pt;
    font-weight: bold;
}
#columntitle {
    font-size: 9pt;
    font-weight: bold;
    background-color: #D3D3D3;
}
#menu {
    font-size: 9pt;
    padding: 2px 2px;
    text-align: center;
    width: 65px;
}
#submenu {
    font-size: 9pt;
    padding: 2px 2px;
    text-align: center;
    width: 120px;
    background-color: #D3D3D3;
}
#content {
    font-size: 7pt;
    padding-left: 2px;
    padding-right: 2px;
}
#list {
    font-size: 8pt;
    padding-left: 1px;
    padding-right: 1px;
}
#footer {
    margin-top: 11px;
    border-top: solid 1px #735C40;
    padding: 15px;
    font-size: 8pt;
    text-align: center;
}
.boxheader {
    background-color: #E9CCAC;
    border: solid 1px #735C40;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px;
}
.boxcontent {
    border-left: solid 1px #735C40;
    border-right: solid 1px #735C40;
    border-bottom: solid 1px #735C40;
    font-size: 9pt;
    font-weight: normal;
    padding: 5px;
}
/********************************************/
/* menu definition */
/********************************************/
.nav {
    font-size: 10pt;
    display: inline-block;
    width: 100%;
}
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
.nav ul li {
    display: inline;
    float: left;
    border-right: 1px solid #bbb;
}
.nav ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 4px 16px;
    text-decoration: none;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.nav ul li a:hover {
    background-color: #4CAF50;
}
/* Dropdown Content (Hidden by Default) */
.nav ul li div {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 4px 16px;
    z-index: 1;
}
.nav ul li div ul li {
    display: block;
}
/* Show the dropdown menu on hover */
.nav ul li:hover div {
    display: block;
}
/* Links inside the dropdown */
.nav ul li div ul li a {
    display: block;
    color: whilte;
    padding: 12px 16px;
    text-decoration: none;
    text-align: left;
}
/* Change color of dropdown links on hover */
.nav ul li div ul li a:hover {
    background-color: #f1f1f1;
}
.nav ul li:hover .nav ul li div {
    display: block;
}
/********************************************/
.jsontotable td {
    border-style: solid;
    padding: 1px;
    spacing: 0px;
    border-collapse: collapse;
    background-color: white;
    border-color: silver;
}
input.iv_location {width: 10em;}
input.iv_item {width: 20em;}
input.iv_desc1 {width: 50em;}
input.iv_desc2 {width: 50em;}
.field-caption { width: 20%; }
.field-value { width: 80%; }