BODY {
  background-color: white;

  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;

  margin: 0px;
}

td, th {
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}
th {
  font-weight: bold;
  text-align: center;
}
tr.black, th.black, td.black { background-color: black; }
tr.gray, th.gray, td.gray { background-color: #999999; }
tr.ltgray, th.ltgray, td.ltgray { background-color: #cccccc; }
th.whitehead, td.whitehead { color: white; font-size: 14px; font-weight: bold; }

.error {
  color: red;
  font-weight: bold;
}
.blueerror {
  color: blue;
  font-weight: bold;
}

a.whiteheadhref { color: cyan; font-size: 12px; font-weight: bold; }

input.smallform, select.smallform {
  font-family: arial, helvetica, ms sans serif;
  font-weight: bold;
  font-size: 9px;
}

/* everywhere */

table { margin-top: 20px; }


/*  body area */

#bodyarea {
  display: inline-block;
  vertical-align: top;
  width: 70%;
}


#kkpalertwrapper {
    display: table;
    margin:  10px auto;
    border:  2px solid red;
}


#sysadminfooter {
  border: 2px solid black;
  margin: 30px;
  padding: 10px;

  white-space: nowrap;
  display: inline-block;
}


/* comments, etc */

.tannote, .bluenote {
  color: black;
  font-size: 11px;
  margin: 0 8px;
  padding: 4px;
  text-align: left;
}
.tannote  { border: 1px solid #963; background: #ffc; }
.bluenote { border: 1px solid #000; background: #9cf; }

.comment { width: 410px; }


/* morelinks pages */

.morelinks {
  font-size: 14px;
  line-height: 150%;
  margin: 12px 0 0 20px;
}