html, body { height: 100% }

body {
  background-color: White;
  color: Black;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
  text-align: left;
}

/* p {
  margin: 0px;
} */

a, a:visited
{
  font-family: arial, verdana, helvetica, sans-serif;
  color: Blue;
  text-decoration: none;
}
a:hover
{
  color: Black;
  text-decoration: underline;
}       

input[type="text"]:disabled {
  background: #dddddd;
  color: Black;
  border-collapse: collapse;
}

td {
  font-family: arial, verdana, helvetica, sans-serif;
  /* font-size: 12pt; */
  padding-left: 5pt;
  padding-right: 5pt;
  border-color: #000000;
}

textarea {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10pt;
}

td.bodycontent {
  vertical-align: top;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

div.fwabodycontent, div.fttpbodycontent{
  text-align: left;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10pt;
  width: 80%;
  vertical-align: top;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

div.fwabodycontent button.next, div.fttpbodycontent button.next {
    background-color: #007FFF;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

div.fwabodycontent button.submit, div.fttpbodycontent button.submit {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}


td.border {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10pt;
  padding-left: 5pt;
  border-color: #000000;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
}

th {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10pt;
  padding-left: 10pt;
  padding-right: 10pt;
  text-align: center;
  border-color: #000000;
} 

th.fieldname, th.login {
  padding-right: 10pt;
  text-align: right;
  vertical-align: middle;
  COLOR: #000000;  
  background-color:#95B7CB;
  border-color: #000000;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
}

th.fieldname.optional {
  color: #666666;
  font-weight: normal;
}

th.ab_onboard {
  font-size: 12pt;
  padding-top: 6pt;
  text-align: right;
  vertical-align: top;
}

th.onboard {
  font-size: 12pt;
  padding-top: 6pt;
  text-align: right;
  vertical-align: top;
}



table.nopad {
  border-style: solid;
}

table {
  padding: 0px;
  spacing: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #000000;
}

.tablebg0 { 
  COLOR: #000000;  
  background-color:#D3DEE4;
  border-color: #000000;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
} 

.tablebg1 { 
  COLOR: #000000;  
  background-color:#95B7CB;
  border-color: #000000;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
} 

.rackunum {
  color: #000000;
  border-width: 1px;
  border-style: none;
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: right;
}

.rackudet_l {
  color: #000000;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  text-align: left;
}

.rackudet_m {
  color: #000000;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: left;
}

.rackudet_r {
  color: #000000;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  text-align: left;
}

.rackudet_infra_l {
  color: #000000;
  background-color:#D3DEE4;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  text-align: left;
}

.rackudet_infra_m {
  color: #000000;
  background-color:#D3DEE4;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: left;
}

.rackudet_infra_r {
  color: #000000;
  background-color:#D3DEE4;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  text-align: left;
}

.rackudet_colo_l {
  color: #000000;
  background-color:#95B7CB;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  text-align: left;
}

.rackudet_colo_m {
  color: #000000;
  background-color:#95B7CB;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: left;
}

.rackudet_colo_r {
  color: #000000;
  background-color:#95B7CB;
  border-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  text-align: left;
}

.rackudet_empty {
  color: #000000;
  background-color:#CCCCCC;
  border-width: 1px;
  border-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-color: #CCCCCC;
}

.nav, .leftbar
{
  background-color: #D3DEE4;
  color: #000000;
  vertical-align: top;
}

.nav a,.nav a:visited
{
  color: Blue;
  text-decoration: none
}

.nav a:hover
{
  color: Blue;
  text-decoration: underline
}

.leftbar ul
{
  margin: 0 0 0.5em 1em; 
  padding: 0; 
  list-style: disc outside; 
}

.leftbar ul li
{
  margin: 0 0 0 0; 
  padding: 0; 
  list-style-type: circle;
}

.leftbar ul ul 
{ 
    margin: 0 0 0.5em 0.5em; 
    padding: 0; 
    list-style: circle outside; 
}

.navtitle
{
  margin-top: 4px;
  font-weight: bold;
}


.logo
{
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        background-color: #D3DEE4;
        color: Blue;
        font-size: 16pt;
}

div.logotext
{
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        color: Blue;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        padding-bottom: 10px;
}

.largecap
{
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 18px;
        font-style: italic;
        font-weight: bold;
}