body {
  font-family: ariel, sans-serif;
}


a { text-decoration: none; }
A.listentry:link    { color: white;  font : 10pt arial, fixed, sans-serif; }
A.listentry:active  { color: gray;   font : 10pt arial, fixed, sans-serif; }
A.listentry:visited { color: white;  font : 10pt arial, fixed, sans-serif; }
A.listentry:hover   { color: yellow; font : 10pt arial, fixed, sans-serif; }

A.normal:link    { color: blue; font : 10pt arial, fixed, sans-serif; }
A.normal:active  { color: blue; font : 10pt arial, fixed, sans-serif; }
A.normal:visited { color: blue; font : 10pt arial, fixed, sans-serif; }
A.normal:hover   { color: blue; text-decoration: underline; fixed, sans-serif; }

.blue { color: blue; }

.stepsel {
border: 1px black solid; background-color: #ffffcc; color: black; font-size: 14px; padding: 2px; font-weight: bold;
}
.stepuns {
border: 1px gray solid; background-color: #cccc99; color: gray; font-size: 14px; padding: 2px;
}
.h1 {
  background-color: #ffffcc;
  border: 1px solid gray;
  color: black;
  font-size: 20px;
  padding: 3px 2px 5px 6px;
}

.section { font-size: 12px; font-weight: bold; background-color: #336666; color: white; padding: 1px; padding-top: 2px; margin: 0px; border: 1px solid #669999}

.group { font-size: 12px; color: black; background-color: #cccc99; padding-bottom: 0px; padding-left: 10px; padding-right: 5px; padding-top: 0px; }
.grouprcpt:link    { font-size: 12px; color: black; }
.grouprcpt:active  { font-size: 12px; color: black; }
.grouprcpt:visited { font-size: 12px; color: black; }
.grouprcpt:hover   { font-size: 12px; background-color: white; color: black; border: 0px solid black}

.pager { background-color: white; font-size: 12px; color: black; padding-bottom: 0px; padding-left: 2px; }
.pagerrcpt:link    { font-size: 12px; color: black; }
.pagerrcpt:active  { font-size: 12px; color: black; }
.pagerrcpt:visited { font-size: 12px; color: black; }
.pagerrcpt:hover   { font-size: 12px; background-color: #cc9966; color: black; border: 0px solid black}

td.oldpager {
  background-color: #666633;
  font-size: 12px;
  color: white;
  padding-bottom: 2px;
  /*padding-right: 6px;*/
  }
.tiny{
  font-size: 2px;
}
/*.review {
  border-collapse: collapse;
}*/
.reviewfilter {
  background-color: #cccc66;
  font-size: 12px;
  color: black;
}
.review1 {
  border: 1px solid gray;
  background-color: #cccc99;
  font-size: 12px;
  color: black;
}
.review2 {
  border: 1px solid gray;
  background-color: #cccc66;
  font-size: 12px;
  color: black;
}
.reviewblank {
  border: 1px solid gray;
  background-color: #cccccc;
  font-size: 12px;
  color: black;
  }
.reviewbad {
  background-color: #cc9999;
  font-size: 12px;
  color: black;
  border: 1px solid gray;
  }
.reviewgood {
  background-color: #99cc99;
  font-size: 12px;
  color: black;
  border: 1px solid gray;
}
.ip { font-size: 10px; color: gray; } 
.reviewcomment {
  background-color: #cccc99;
  font-size: 10px;
  color: gray;
  border: 1px solid gray;
}
.statuscomment {
  font-size: 12px;
  color: black;
  padding: 2px;
}
.statistics {
  vertical-align: top;
  border: 1px solid gray;
  background-color: #ffffcc;
  font-size: 12px;
  color: black;
  padding: 2px;
  font-family: ariel, fixed, sans-serif;
}
.status {
  vertical-align: top;
  background-color: #cccc99;
  font-size: 16px;
  color: black;
  padding: 2px;
  border: 1px solid gray;
}
.message {
  background-color: #cccc99;
  font-size: 12px;
  color: black;
  padding: 2px;
}
.comment {
  color: #333333;
  font-style: italic;
  font-size: 12px;
}
.pagetitle {
  background-color: #333366;
  font-size: 24px;
  font-weight: bold;
  color: white;
  text-align: center;
}
.pageheader {
  background-color: #666699;
  font-size: 12px;
  color: white;
  text-align: center;
}
.selected {
  font-size: 12px;
  color: black;
  font-weight: bold;
  border: 1px solid gray;
  background-color: #ccffff;
}
.small {
  text-align: center;
  font-size: 12px;
}
.smallborder {
  text-align: center;
  font-size: 12px;
  border: 1px solid gray;
}
.hilite {
  color: black;
  background-color: yellow;
  border: 1px solid gray;
  text-align: center;
  font-weight: bold;
}
.button { display: block; width: 140px; color: black; font-size: 12px; background-color: #99ccff; border: 1px solid gray; text-align: center; }
.button:hover { color: black; font-size: 12px; background-color: #ccffff; border: 1px solid gray; text-align: center; }

.buttonpub { display: block; width: 140px; color: black; font-size: 12px; background-color: #99ffcc; border: 1px solid gray; text-align: center; }
.buttonpub:hover { color: black; font-size: 12px; background-color: #ccffee; border: 1px solid gray; text-align: center; }

.buttonadm { display: block; width: 140px; color: black; font-size: 12px; background-color: #ffcc99; border: 1px solid gray; text-align: center; }
.buttonadm:hover { color: black; font-size: 12px; background-color: #ffffcc; border: 1px solid gray; text-align: center; }

.buttoninline { width: 140px; color: black; font-size: 12px; background-color: #99ccff; border: 1px solid gray; text-align: center; }
.buttoninline:hover { color: black; font-size: 12px; background-color: #ccffff; border: 1px solid gray; text-align: center; }

.ebutton { display: block; width: 140px; color: black; font-size: 12px; background-color: #99ccff; border: 1px solid gray; text-align: center; }
.ebutton:hover { color: white; font-size: 12px; background-color: #996633; border: 1px solid gray; text-align: center; }

.buttongray { color: black; font-size: 12px; background-color: #cccccc; border: 2px outset gray; text-align: center; }
.buttongray:hover { color: black; font-size: 12px; background-color: #cccccc; border: 2px outset gray; text-align: center; }

.buttoninline { width: 140px; color: black; font-size: 12px; background-color: #99ccff; border: 1px solid gray; text-align: center; }
.menuselectedbottom {
  font-size: 1px;
  padding-top: 0px;
  /*background-color: #ffffcc;*/
  border-left: 3px ridge black;
  border-right: 3px ridge black;
  }
.menubottom {
  border-bottom: 3px ridge black;
  /*background-color: #ffffcc;*/
  font-size: 1px;
  padding-top: 0px;
}
.menuselectedtop {
  font-size: 1px;
  /*background-color: #ffffcc;*/
  border-top: 3px ridge black;
  border-left: 3px ridge black;
  border-right: 3px ridge black;
  }
.menuselected {
  /*background-color: #ffffcc;*/
  border-left: 3px ridge black;
  border-right: 3px ridge black;
  font-size: 16px;
  font-weight: bold;
  color: black;
  padding-left: 12px;
  padding-right: 12px;
}
.menu {
  background-color: #666633;
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.menulabel {
  background-color: #666633;
  font-size: 14px;
  color: white;
  padding-left: 2px;
  padding-right: 2px;
  font-style: italic;
}
.messagetitle {
  background-color: #666633;
  font-size: 14px;
  font-weight: bold;
  color: white;
}
table.message {
  padding: 0px;
  }
input.message {
  font-size: 14px;
  border: 1px ridge white;
}




/*  ### for login */

html.login,body.login, table#pagelayout {
  height: 100%;
  width: 100%;
  }
body.login {
  margin: 0px; /* Used here for IE & Mozilla */
  padding: 0px; /* Used here for Opera */
  font-family: ariel, sans-serif, fixed;
  background-color: #B8B8B8;
  }
table#login {
  margin: auto; 
  background-color: #336699; 
  color: white; 
  text-align: center; 
  vertical-align: middle;
  padding: 3px;
  border: 3px outset #ffffcc;
  }
td.login {
  /*padding: 0px; /* Accomplishes table cellpadding=0 */
  vertical-align: middle;
  }
.logintitle { 
  background-color: black;
  border: 1px groove black; 
  color: white; 
  text-align: center; 
  padding: 3px; 
  font-size: 14px; 
  font-weight: bold ;
}
.loginlable {
  background-color: #cccc99;
  font-family: ariel;
  border: 1px outset black;
  text-align: right;
}
.footer {
  font-size: 10px;
  color: #666699;
}
.editro {
        font-size: 12px;
        background-color: #cccccc;
        color: black;
}
.editlabel {
        font-size: 12px;
        background-color: white;
        color: black;
	border: 1px solid white;
	border-spacing: 0px;
	padding: 0px;
}
.edittext {
        font-size: 12px;
        background-color: #ffffcc;
        color: black;
}
.editlink {
        font-size: 12px;
        background-color: #ffffcc;
        color: black;
}
.editlink:hover {
        font-size: 12px;
        background-color: blue;
        color: white;
}
.auditsuccess {
        font-size:14px;
        background-color: #66ff66;
        color: black;
        padding: 4px;
}
.auditerror {
        font-size:14px;
        background-color: red;
        color: white;
        text-decoration: blink;
        padding: 4px;
}
.auditwarning {
        font-size:14px;
        background-color: yellow;
        color: black;
        text-decoration: blink;
        padding: 4px;
}
.checkout {
        font-size:16px;
        color: #000033;
        margin: 0px;
        border-spacing: 0px;
        border: 1px solid black;
        white-space: nowrap;
}
.checkoutnotes {
        font-size:12px;
        color: #666666;
        margin: 0px;
        border: 1px solid black;
        white-space: nowrap;
}
.error {
        font-size:12px;
        color: red;
}
.help {
        font-size:11px;
        color: #666666;
}
.editmembertext {
   color: black;
   font-size: 10px;
   padding: 0px;
   border: none;
}
.edittablefixed {
   background-color: #999966;
   color: white;
   border: black solid 1px;
   font-size: 12px;
}
.edittable {
   background-color: #999966;
   border: black solid 1px;
   font-size: 12px;
}
.edittable:hover {
   background-color: #336699;
   border: black solid 1px;
   font-size: 12px;
}
.edittablesel {
   background-color: yellow;
   border: black solid 1px;
   color: black;
   font-size: 12px;
}