/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = HTML Elements */
body { background: #FFFFF8; font-family: verdana; font-size: 12px; }

a         { color: #000077; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Page Generation */
#body {  /* Body Outer Wrapper */
  width: 780px; margin-left: 10px; padding-top: 4px;
}

#heading {  /* Heading Outer Wrapper */
  float: left; width: 100%;
  padding-bottom: 4px; border-bottom: 1px solid #800000;
  font-size: 16px;
}
#heading .left {  /* Heading Left Container */
  float: left; display: inline; width: 20%;
}
#heading .center {  /* Heading Center Container */
  float: left; display: inline; width: 60%; text-align: center;
}
#heading .right  {  /* Heading Right Container */
  float: right; display: inline; width: 20%; text-align: right; font-size: 14px;
}

#action {  /* Action Outer Wrapper */
  clear: both; float: left; width: 100%; margin-bottom: 12px;
  padding: 2px 0 2px 0; border-bottom: 1px solid #800000;
  font-size: 9px;
}
#action .left {  /* Action Left Container */
  float: left; display: inline;
}
#action .right  {  /* Action Right Container */
  float: right; display: inline;
}

#main { /* Main Outer Wrapper */
  clear: both; float: left; width: 100%; margin-bottom: 12px;
}
#main .find {  /* Main Find Container (w/ 'list') */
  float: left; display: inline; width: 180px; margin-right: 20px;
}
#main .list  {  /* Main List Container (w/ 'find') */
  float: left; display: inline; width: 580px;
}
#main .form {  /* Main Form Container (w/ 'view') */
  float: left; display: inline; width: 440px; margin-right: 20px;
}
#main .view  {  /* Main View Container (w/ 'form') */
  float: left; display: inline; width: 320px;
}

#footer {  /* Footer Outer Wrapper */
  clear: both; float: left; width: 100%;
  padding: 2px 0 6px 0; border-top: 1px solid #800000;
}
#footer .left {  /* Footer Left Container */
  width: 33%; float: left; display: inline;
  font-size: 10px; color: #333333; font-style: italic;
}
#footer .center {  /* Footer Center Container */
  width: 33%; float: left; display: inline; text-align: center;
  font-size: 10px; color: #333333; font-style: italic;
}
#footer .right  {  /* Footer Right Container */
  float: right; display: inline;
  font-size: 10px; color: #333333; font-style: italic;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Form / Action */
.actnin   { /* Action Hyperlink */
  font-size: 9px; font-weight: normal; font-style: normal;
}
.areabx   { /* Wide Text/Rich Area Form Container Box */
  width: 774px; border: 1px solid #999999; background: #FCFCF4; padding: 2px;
}
.areain   { /* Wide Text/Rich Area Form Input */
  width: 768px; height: 300px; overflow: auto; 
  border: 1px solid #999999; background: #FFFFFF; padding: 2px;
  font-family: monospace;
}
.formbx   { /* Generic Form Container Box */
  width: 410px; border: 1px solid #999999; background: #FCFCF4; padding: 2px;
}
.formin   { /* Textarea Form Input */
  width: 404px; height: 60px; overflow: auto; 
  border: 1px solid #999999; background: #FFFFFF; padding: 2px;
}
.srchin   { /* Search Form Input */
  width: 60px; height: 11px; border: 1px solid #999999; padding: 0 2px; background: #FFEEBB;
  line-height: 10px; font-size: 9px;
}
.textin   { /* Text Form Input */
  width: 404px; border: 1px solid #999999; padding: 1px 2px;
}
.viewbx   { /* xmgr View Text Container Box */
  height: 300px; background: #FFFFFF; border: #999999 solid 1px; overflow: auto; padding: 2px; white-space: nowrap;
  font-size: 11px; 
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Data Tables */
/* Table w/ Horizontal Rule Between Rows */
.tabline tbody tr.first td { padding: 3px 0 3px 0; border: none; background: inherit; white-space: nowrap; }
.tabline tbody tr td { padding: 3px 0 3px 0; border-top: 1px solid #999999; background: inherit; white-space: nowrap; }

/* Table w/ Alternating Stripe Rows */
.tabstrp                     { border: 1px solid #999999; line-height: 135%; white-space: nowrap; }
.tabstrp tbody tr.colhead td { padding: 0 6px 3px 6px; border: none; background: #FFFFE4; font-style: italic; }
.tabstrp tbody tr.stripe0 td { padding: 0 6px; border: none; background: #FFFFFC; }
.tabstrp tbody tr.stripe1 td { padding: 0 6px; border: none; background: #FFFFE4; }
.tabstrp tbody tr td         { padding: 0 6px; border: none; background: inherit; }

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Miscellaneous */
.comment  { /* Comment Text */
  font-size: 10px; color: #333333; font-weight: normal; font-style: italic;
}
.conmsg   { /* Confirmation Message Text */
  color: #00AA00; font-weight: bold;
}
.errmsg   { /* Error Message Text */
  color: #CC0000; font-weight: bold;
}
.heading  { /* Major Heading Text */
  border: 1px solid #999999; background: #FCFCF4; padding: 1px 2px;
  font-weight: bold;
}
.hilight  { /* Highlight Text (e.g. Search Results) */
  background: #FFEEBB; text-decoration: inherit;
}
.normal   { /* Normal Text (e.g. in a Heading) */
  font-weight: normal; font-style: normal;
}
.smaller   { /* Smaller Text  */
  font-size: 10px;
}