/* List of messages */
.headerl { font-weight:bold; text-align:left; color:#006; background-color:#cc8 !important; }

/* white on black border */
.messages tr { background-color:#fff; color:#000; border: 1px solid #000; }

.messages .unread { background-color:#ccf; color:#880; border: 1px solid #000; font-weight:bold; }
.messages tr:hover { background-color:#ccf; border: 1px solid #000; }
.messages td { vertical-align:middle; color:#000; border: 1px solid #000; }
.messages .row td { vertical-align:middle; color:#000; border: 0; }
.messages th { vertical-align:middle; color:#000; font-size:100%; font-weight:bold; border: 1px solid #000; }
.messages th a { text-decoration:none; color:#000; }
.messages td a { text-decoration:none; color:#008; }
.messages .icon { border:0px; font-size:120%; font-weight:normal; }

/* Single message */
.message { border: 2px solid #000; border-collapse:collapse; }
.message tr { background-color:#fff; color:#000; }
.message td { vertical-align:middle; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.message .light { vertical-align:top; background:#ddd; }
.message .dark { vertical-align:top; background:#aaa; }
.message th { vertical-align:middle; font-size:150%; color:#000; }
.message th a { text-decoration:none; color:#000; }
.message td a { text-decoration:underline; color:#008; }
.sendfield { color:#000; font-weight:bold; text-align:right; vertical-align:middle; }
.message .header { font-weight:bold; background-color:#ff8 !important; vertical-align:bottom; }
.message .header .heading { font-weight:bold; text-align:right; vertical-align:bottom; }
.message .icon { border:0px; font-size:120%; font-weight:normal; }
.message .subject { color: #22c; vertical-align:bottom; }
.message .sep { color:#eee; background-color:#884; height:1px; }
.message .sep2 { color:#eee; background-color:#fff; height:1px; }
.message ff-box { background:#fff }
ff-hint
  {
  display:inline-block;
  cursor:pointer;
  padding:8px 12px;
  border:1px solid #008;
  color:#00f;
  background:#ccc;
  min-width:6em;
  text-align:center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  }
ff-hint:hover
  {
  background:#aaa;
  }
ff-hint div
  {
  z-index:5;
  max-width:30em;
  display:none;
  color:#000;
  text-align:left;
  background-color: #dff;
  border:2px solid #000;
  position:absolute;
  right:0;
  bottom:0;
  padding:8pt;
  border-radius: 10px;
  }
blockquote {
  margin: 1em;
  padding: 4pt;
  line-height: 1.2em;
  border: 1px solid #000;
  border-radius: 4pt;
}
ff-hint img { background:#000; }