/*******************************************************************************/
/* TABLES - INBOX - OUTBOX - ARCHIVE
/*******************************************************************************/

table#view_messages {
  background-color: #fff;
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  padding: 2px;
}
#pnmessages #view_messages th {
  background-color:#eee;
  text-align:center;
  font-size: 1.1em;
  border: 1px solid #ccc;
}

#pnmessages #view_messages tr.even {
  background-color:#fff;
  padding:2px;
  line-height: 2em;
}

#pnmessages #view_messages tr.odd {
  background-color:#eee;
  padding:2px;
  line-height: 2em;
}

#pnmessages #view_messages tr.even:hover {
  border:1px #000 dotted;
  background: #ddd;
}

#pnmessages #view_messages tr.odd:hover {
  border:1px #000 dotted;
  background: #ddd;
}

/*******************************************************************************/
/* NEW MAIL   OR    REPLY
/*******************************************************************************/

#pnmessages .pnm_newmailform {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}

#pnmessages .pnm_fieldset {
  border: 0px solid;
  padding: 0;
  margin: 0 auto;
  width: 70%;
}

#pnmessages .pnm_textarea ,
#pnmessages .pnm_input {
  border: 1px solid #ccc;
  color: #333;
  padding: 5px;
  width: 100%;
}

#pnmessages .pnm_allowedhtml {
  background-color: #eee;
  color: #444;
  border: 1px dashed #ccc;
  font-size: 0.85em;
  margin: 1em 0;
  padding: 0 1em;
  width: 100%;
}

#pnmessages .pnm_hint {
  font-style: italic;
  font-size: 0.9em;
}

div.autocomplete_user {
  position:absolute;
  width: 25em;
  background-color: white;
  border: 1px solid #888;
  margin: 0;
  padding: 0;
}
div.autocomplete_user ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete_user ul li.selected { background-color: #eee;}
div.autocomplete_user ul li {
  margin: 0;
  padding: 0.1em 0 0.1em 0;
  line-height: 1.4em;
  cursor:pointer;
}

#liveusersearch {
  margin: 1em 0 1em 0;
}

.invisible {
  display:none;
}

/*******************************************************************************/
/* TABLES - READ MAILS
/*******************************************************************************/

table#read_mail {
  width: 100%;
  margin: auto;
  border: 1px solid #aaa;
  padding: 2px;
}

#pnmessages #read_mail td,
#pnmessages #read_mail th {
  vertical-align: top;
}

#pnmessages #read_mail th {
  background-color:#eee;
  font-size: 1em;
  padding: 0.5em;
  border: 1px solid #ccc;
  text-align: center;
}

#pnmessages #read_mail .pnm_actions td,
#pnmessages #read_mail .pnm_user td {
  background-color:#eee;
  border: 1px solid #ccc;
  padding: 2px 0;
}

/*******************************************************************************/
/* GENERAL
/*******************************************************************************/

#pnmessages fieldset {
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: 0.5em 0;
  color: #444;
}

#pnmessages legend {
  color: #444;
}

#pnmessages .navigation {
  text-align: center;
  font-weight: bold;
  text-align: center;
  padding: 0 0 0.5em 0;
}

#pnmessages .navigation ul {
  padding: 0;
}

#pnmessages .navigation li {
  display: inline;
  font-weight: bold;
  margin: 0 1em;
}

#pnmessages .indicatorbar {
 float: right;
 width: 50%;
}

#pnmessages .indicators {
 float: left;
 width: 50%;
}

#pnmessages .ibar {
 background-color: #000;
 height: 1em;
}

#pnmessages .maintenance {
 background: #b9ffb9;
 border: 1px dotted #060;
 color: #060;
 text-align: center;
 margin: 1em 5em;
 padding: 0.5em;
}

#pnmessages .statusmsg {
 font-weight: bold;
 text-align: center;
 color: #FF0000;
}

#pnmessages .signature {
 border-top: 1px dashed #666;
 font-style: italic;
 padding-bottom: 1em;
}

#pnmessages .userpromt {
 background: #b9ffb9;
 border: 1px dotted #060;
 color: #060;
 font-weight: bold;
 text-align: center;
 margin: 1em 5em;
 padding: 0.5em;
}


/*******************************************************************************/
/* css for resizable.js
/*******************************************************************************/

.textarea-active {
  background-color: #eeeeee;
}

.textarea-wrapper {
  border: 1px dashed #808080;
}

.textarea-resizer {
  height: 11px;
  font-size: 11px;
  line-height: 11px;
  background: #E0E0E0;
  border: 1px solid #B0B0B0;
  cursor: se-resize;
}