body { background: #5050bb; color: #CCCCFF; font-family: Arial, sans-serif; }
table#notes { border-spacing: 2px; border: 1px none black; }
table#notes td { vertical-align: top; border: 1px solid black; }

table#notesend { border-spacing: 2px; border: 1px none black; }
table#notesend td { vertical-align: top; border: 1px none black; }
td a { text-decoration: none; }
td a:link {
  color: #ddddff; border-bottom: solid 1px;
}
td a:visited {
  color: #bbbbee; border-bottom: solid 1px;
}
td a:active {
  color: #ddddff; border-bottom: dashed 1px;
}
td a:hover {
  color: #ddddff; border-bottom: dotted 1px; background: #6060cc;
}
a.fakebutton { 
  text-decoration: none; border: 1px solid black; padding: 2px 3px;
  background-color: #528319; font-family: verdana; font-size: 75%;
  color: #000000;
}
a.fakebutton:hover { background-color: #67a21e; border: 1px none black; font-size: 75%;}
td.mask { text-align: center; }
tr.new1 td { background: #AA4545; }
tr.new2 td { background: #903030; }
tr.old1 td { background: #303080; }
tr.old2 td { background: #404090; }
tr.archive1 td { background: #63035d; }
tr.archive2 td { background: #910e88; }
tr.twentythree td { background: #459045; font-weight: bold; }
table#notes td.buttons { border: none; padding-bottom: 8px; padding-top: 4px;}
table#notes td input { border: 1px solid black; padding: 1px; margin: 0px; background-color: #528319; font-family: verdana; font-size: 75%;}
table#notes td input:hover { border: none; padding: 1px; margin: 1px; background-color: #67a21e; }
table#notes input.red { border: 1px solid black; padding: 1px; background-color: #b33209; font-family: verdana; font-size: 75%;}
table#notes input.red:hover { border: 1px none black; background-color: #f2270e; }
table#notes input.red2 {border: 1px solid black; padding: 1px; background-color: #bb0000; font-family: verdana; font-size: 300%;}
table#notes input.red2:hover { border: 1px solid white; background-color: #ff0000; }
input.box { background-color: #72a8ea; border: 1px black solid; padding: 2px; }
input.box:hover { background-color: #82b8fa; border: 1px black solid; padding: 2px; }
input { border: 1px solid black; padding: 1px; background-color: #528319; font-family: verdana; font-size: 75%;}
input:hover { border: 1px none black; margin: 1px; background-color: #67a21e; }
input.red { border: 1px solid black; padding: 1px; background-color: #b33209; font-family: verdana; font-size: 75%;}
input.red:hover { border: 1px none black; background-color: #f2270e; }
input.red2 { border: 1px solid black; padding: 1px; background-color: #bb0000; font-family: verdana; font-size: 300%;}
input.red2:hover { border: 1px solid white; background-color: #ff0000; }
input.markall { font-size: 36pt; color: #FF0000; background-color: #FFFFFF; border: 2px solid red; }
textarea { background: #72a8ea; border: 1px solid black; }
textarea:hover { background-color: #82b8fa; }
th { text-align: center; border: 1px solid black; background-color: #8ea56f; color: #000000; }

table#rnotes { border-spacing: 2px; border: 1px none black; }
table#rnotes td { vertical-align: top; border: 1px solid black; }
table#rnotes td.buttons { border: none; padding-bottom: 8px; padding-top: 4px;}
table#rnotes td input { border: 1px solid black; padding: 1px; background-color: #528319; font-family: verdana; font-size: 75%;}
table#rnotes td input:hover { border: 1px none black; background-color: #67a21e; }
table#rnotes input.red { border: 1px solid black; padding: 1px; background-color: #b33209; font-family: verdana; font-size: 75%;}
table#rnotes input.red:hover { border: 1px none black; background-color: #f2270e; }
table#rnotes input.red2 {border: 1px solid black; padding: 1px; background-color: #bb0000; font-family: verdana; font-size: 300%;}
table#rnotes input.red2:hover { border: 1px solid white; background-color: #ff0000; }