a{text-decoration: underline; }
td{vertical-align:top;}
body > div > table{width:100%;}
input,select{font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
th{font-size:12px;}

h3.header,th{color:white;background:#000;margin-bottom:5px;}
#rightNav,#leftNav {
    float: left;        /* This allows subsequent elements to wrap around it */
    width: 150px;       /* Set a width so content knows where to wrap */
}

#underHeader {
    width: 100%; /* Ensure it spans the full width if needed */
}

.groupedContent {
  display: grid;
  grid-template-columns: auto; 
  gap: 4px 8px; /* spacing between items */
  padding-left: 50px;

}
.groupedContent span {
  display: contents; /* allows inline formatting in grid */
}

#content {

}


#loginTable{height:70px;width:100px;}
#loginTable td{padding-right: 4px; padding-bottom: 4px;}
td#tdLogin{width:100px;padding:5px;text-align:right;}



.sideTable{border:2px solid #000000;width:150px;margin:0;padding:0;}
.sideTable TR TD{font-size:12px;background:#808080;color:#000}
.sideTable TR TD.sideNav:hover, .sideNav:hover, .sideNav2:hover, #mainNav a:hover{background:white;color:#000;cursor:pointer;}
#mainNav a,a.sideNav,a.sideNav2{font-size:small;display:block;color:#fff;text-decoration:none;padding-left:13px;}
#mainNav a,a.sideNav{border-bottom:1px solid #000;}
a.sideNav2{background:#aaaaaa;}
.inputSize{width:100px;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.tableHeader{background:#dddddd;}
.title{color:#f00;}

#container,#footer{background:#fff;width:95%;margin-left: auto; margin-right: auto ;padding: 0px 0px 0px 0px;border-left:1px solid black;border-right:1px solid black;}
#pendingTable_wrapper{
    padding: 25px;
}
#pendingTable_wrapper .dataTables_length,
#pendingTable_wrapper .dataTables_filter {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 5px;
}

#pendingTable_paginate{
  text-align: center;
  margin-top: 10px;
  width: 100%;    
}

#pendingTable_info{
  text-align: center;
  width: 100%;    
}
#pendingTable {border-collapse: collapse;}
#pendingTable td {
  border: 2px outset #000;   /* black border on all sides */
  padding: 10px
}

#pendingTable th, #pendingTable thead{background: #E4303C;color:#ffffff;  border: 4px outset #000;}
.passTable td {
    padding-right: 20px;
    padding-top: 5px;
}
.passTable table {
    padding-top: 5px;
}

#footer {
   position:relative;
   height:20px;
   background:#C0C0C0;
   text-align:center;
   margin-top: -20px; /* negative value of footer height */
   clear:both;
}
#tabs {
  float:left;
  width:100%;
  background:#000000;
  font-size:93%;
  line-height:normal;
  height:15px;
}
#logo{vertical-align:bottom;}

#container {height:100%}
html, body{height: 100%;background:#E4303C;}
body > #container {height: auto; min-height: 100%;background:white;}
#content {padding-bottom: 20px;}  /* must be same height as the footer */


span.req,.error{ font-size:14px; line-height: 100%; font-weight: bold; color: red;}
.complete{ font-size:14px; line-height: 100%; font-weight: bold; color: green;}
div.header{font-size:14px;font-weight: bold;}
.grid{border:1px solid black;width:98%;border-collapse: collapse;}
.grid_natural{border:1px solid black;border-collapse: collapse;}
.grid tr:hover{background:yellow;color:#000;}
input.text { width:200px;}
table.main { width:600px}
table.sites{ width:50px}
td.checkbox { text-align:right;}
td.inputTitle{ width:25%;}
tr.class0{ background-color: #b6b6b6;}
tr.class1{ background-color: #e2e2e2;}
.validLink{ cursor: pointer; }
.medTable{width:75%;}