body 
{
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.bodytxt { font-family: arial,sans-serif; font-size:13px;}

.tbl { display: table;     }
.row { display: table-row; }
.col { display: table-cell; padding-left: 5px; }

#pgheader
{
  border-bottom: 1px solid #330099;
}

#pgnextprev
{
  position: relative;
  margin-top: 10px;
}

#pgfooter 
{
  font: 10px Arial, sans-serif;
  padding-top: 2px;
  border-top: 1px solid #330099;
} 

.nextprev 
{
  font: 12px Arial, sans-serif;
  padding: 2px;
  border:  1px solid black;
  background-color: lightgreen;
} 

.displayno { display: none; }

.displayon { display: block; }

/* .widthmenu { width: 8.4%; } */
.widthmenu { width:  9%; }
.widthmain { width: 91%; }

#pgmenu { border-top: 1px solid #ffffff; }


.menu 
{
  font: 13px Arial, sans-serif;
  background-color: #330066;
  color: #ffffff;
  padding: 2px;
  border-bottom: 1px solid #ffffff;
  display: block;
  cursor: pointer;
  margin-left: -5px;
}

.menu a:visited, a:link, a:active  { color: #ffffff; text-decoration: none; } 

.submenu 
{
  font: 12px Arial, sans-serif;
  text-indent: 1em hanging;
  background-color: #ffff99;
  color: #000000;
  padding: 1px;
  border-bottom: 1px solid #000000;
  display: block;
  cursor: pointer;
  margin-left: -5px;
}

.submenu a:visited, a:link, a:active  { color: #000000; text-decoration: none; } 

/* Dropdown button */
.menumain .menumainbutton {
  font-size: 16px; 
  font-weight: bold;
  color: white;
  border: none;
  padding: 8px;
  outline: none;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0;            /* Important for vertical align on mobile phones */
}

.menumain a {
  font-weight: bold;
  color: white;
  padding: 8px;
  text-decoration: none;
}


/* Dropdown content (hidden by default) */
.menusub {
  display: none;
  position: absolute;
  background-color: #ccffcc;
  z-index: 1;
}

/* Links inside the dropdown */
.menusub a {
  color: black;
  font-weight: normal;
  border: 1px solid #000000;
  padding: 8px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add background color to dropdown links on hover */
.menusub a:hover {
  background-color: #ffffcc; /* light yellow */
}

/* Show the dropdown menu on hover */
.menumain:hover .menusub {
  display: block;
}

/* Style the caret/arrow */
.caret {
  user-select: none; /* Prevent text selection */
}

/* Build the caret/arrow with unicode and style it */
.caret::before {
  font-size: smaller;
  content: "\25BC";
  color: #ffffff;
  display: inline-block;
}

.tableclass {
  font-size: 16px; 
  background-color: #330099;
  padding: 0; 
  border-spacing: 0;
}

.tdclass {
  background-color: #4caf50;
  border-right: 1px solid #330099;
}

.tdclass:hover {
  background-color: #330099; 
}

.pghd1 {
  font: 16px Arial, sans-serif;
  color: purple;
  font-weight: bold;
}

.pghd2 {
  font: 16px Arial, sans-serif;
  color: purple;
}