html, body {
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}

/* Header */
#header-wrapper {
    width: 100%;
    background-color: #CCCCCC;
    border: 1px solid black;
    padding: 0px;
}
#header-title {
    width: 100%;
    padding: 3px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bolder;
    text-align: left;
    vertical-align: top;
}
#header-navigation {
    text-align: right;
    vertical-align: top;
}

/* Forms */
.FormWrapper {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}
.FormHeader {
    height: 25px;
    background-color: #CCCCCC;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bolder;
}
.FormLabel {
    background-color: #CCCCCC;
    white-space: nowrap;
    width: 150px;
     padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}
.FormField {
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}
.Textbox {
    width: 275px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}
.Listbox {
    width: 275px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}
.Checkbox {
    width: 275px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}
.Textarea {
    width: 275px;
    height: 50px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}
.Button {
    width: 100px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
}

/* Lists */
.ListWrapper {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}
.ListHeader {
    height: 25px;
    background-color: #CCCCCC;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bolder;
    vertical-align: top;
}
.ListRow {
    height: 25px;
    background-color: white;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}
.ListRowAction {
    height: 25px;
    width: 100px;
    background-color: white;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}
.ListRowAlt {
    height: 25px;
    background-color: #EEEEEE;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}
.ListRowAltAction {
    height: 25px;
    width: 100px;
    background-color: #EEEEEE;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}
.ListFooter {
    height: 25px;
    background-color: #CCCCCC;
    padding: 1px 1px 1px 3px;
    margin: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 12pt;
    vertical-align: top;
}

/* Menu Navigation - OLD
.MenuBar { 
    height: 20px;
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
}
.StaticMenuStyle {
    background-color: #CCCCCC;
    padding: 3px;
    margin: auto; 
    height: 20px; 
    vertical-align: middle; 
    text-align: center; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: black;
}
.StaticMenuItemStyle { 
    padding: 0px;
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: black; 
}
.StaticHoverStyle { 
    background-color: #CCCCCC; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: white; 
}
.StaticSelectedStyle { 
    background-color: #CCCCCC; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: white; 
}
.DynamicMenuStyle { 
    background-color: #CCCCCC; 
    border: 3px solid #CCCCCC;
    padding: 0px;
    margin: auto;
    vertical-align: middle; 
    text-align: left; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: black; 
}
.DynamicMenuItemStyle { 
    background-color: #CCCCCC; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: black; 
}
.DynamicHoverStyle { 
    background-color: #CCCCCC; 
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
    color: white; 
}
*/

/* Menu Formatting - NEW */
table.menu {
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
  }
  
  td.menu a.menu, span.menu, .menu-dropbtn {
    color: black;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
  }
  
  td.menu a.menu:hover, .menu-dropdown:hover .menu-dropbtn {
    background-color: #CCCCCC;
  }
  
  .menu-dropdown-content {
    padding-top: 5px;
    display: none;
    position: absolute;
    background-color: #CCCCCC;
    min-width: 160px;
    z-index: 1;
  }
  
  .menu-dropdown-content a.menu {
    color: black;
    padding: 5px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-family: arial, Verdana, sans-serif;
    font-size: 10pt;
  }
  
  a.menu:hover {
      background-color: #f1f1f1;
    }
  
  .menu-dropdown:hover .menu-dropdown-content {
    display: block;
  }

/*Sticky Footer Formatting
html, body {
    height: 99%;
}
#body-wrapper {
    min-height: 99%;
}
#body-main {
    overflow:auto;
    padding-bottom: 35px;
}  
#body-footer {
    position: relative;
	margin-top: -35px;
	height: 35px;
	clear:both;
    border-top: 1px solid black;
} 
body:before {
	content:"";
	height:99%;
	float:left;
	width:0;
	margin-top:-32767px;
}*/