/*
 * =================================================================
 * Gossamer Mail - enhanced email management system
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: luna_core.css,v 1.107 2006/03/24 02:26:51 brewt Exp $
 *
 * Copyright (c) 2005 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/*
Do not make changes to this file.  Any changes will be overwritten the next
time you upgrade Gossamer Mail.  You can override any css in this file by
defining overriding styles in luna.css.
*/

/*
There are a few CSS filters/hacks used in this file to fix bugs in various
browsers.  Here is a list of them:

- Star html selector bug (css rule only applies to ie)
    http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
    eg. * html <selector> {}
- Simplified box model hack (hide css from ie5-5.5/win)
    http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
    eg. w\idth: 100px;
- Commented backslash (hide css from ie5/mac)
    http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0px;
  color: #33332e;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
}
img {
  border: none;
}

/* forms */
form {
  margin: 0px;
}
input, textarea, select {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}
select {
  border: 1px solid #57594b;
}

/* links */
a {
  color: #212126;
}
a:visited {
  color: #8e8d9a;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}

/* headings */
h1.header {
  font-size: 16px;
}
h2.header {
  font-size: 15px;
}
/* h3 is used only for the right-aligned page header (Address Book, Options, Folders, etc.) */
h3.header {
  font-size: 13px;
  text-align: right;
  padding: 0px 5px 10px 0px;
  margin: 0px 0px 1px 0px;
}
h4.header {
  font-size: 12px;
}
h5.header {
  font-weight: normal;
  font-size: 11px;
}
.noauth h2 {
  color: #ffffff;
  background: #383741;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 4px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;

}
.noauth h3 {
  font-size: 13px;
  text-align: right;
  padding-bottom: 5px;
  margin: 10px 0px 1px 0px;
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.noauth h4 {
  font-size: 12px;
}
.noauth h5 {
  font-weight: normal;
  font-size: 11px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

#wrapper {
  margin: 0px 15px;
}
.noauth #wrapper {
  text-align: center;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  width: 240px;
  height: 80px;
  background: transparent url(images/logo.gif) center left no-repeat;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}
.noauth #header {
  border-bottom: 3px solid #383741;
  text-align: left;
}
#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  background: transparent url(images/logout.gif) center right no-repeat;
  font-weight: bold;
  display: block;
}
#loginbar a:hover {
  color: #5c5b66;
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  float: left;
  list-style: none;
}
ul.primarynav {
  background: #5c5b66;
}
ul.secondarynav {
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
/* ie doesn't like the nav div being cleared, so we'll clear it using the searchbar */
  clear: both;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
.searchbar input.submit {
  padding: 0px 3px;
  height: 21px;
  line-height: 1em;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}
.searchbar .username {
  padding-top: 4px;
  float: right;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #edf2cb;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
  text-align: left;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
.noauth #contentheader .error, .noauth #contentheader .message {
  margin: 0px auto;
  width: 680px;
  widt\h: 673px;
}
#contentheader .error.last, #contentheader .message.last {
  margin-bottom: 0px;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}
#contentheader .welcome {
  font-size: 14px;
  text-align: right;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 170px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
  background: #e2e1eb;
}
.noauth #ocwrapper {
  border: none;
}
#leftsidebar {
  margin-left: -170px;
  padding: 0px;
  width: 170px;
  float: left;
  position: relative;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
/* hide the right sidebar by default */
  display: none;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
.noauth #contentwrapper {
  margin: 0px auto;
  width: 700px;
  float: none;
}
#content {
  margin: 0px 10px;
  padding: 10px;
  background: #ffffff;
  text-align: left;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*-------------*\
|* folder list *|
\*-------------*/
/* remove the extra padding on the right shadows */
#folderlistwrapper .shadowright {
  background: url(images/shadow-right-np.gif) right repeat-y;
}
#folderlistwrapper .shadowtopright {
  width: 11px;
  background: url(images/shadow-topright-np.gif) bottom right no-repeat;
}
#folderlistwrapper .shadowbottomright {
  width: 11px;
  background: url(images/shadow-bottomright-np.gif) top right no-repeat;
}

#folderlist {
  margin: 0px 4px 0px 10px;
  border: 1px solid #ffffff;
  background: #edf2cb;
}
#folderlist h2 {
  margin: 0px;
  padding: 3px 5px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  background: #56583a;
  font-size: 12px;
}

#folderlist .dtree, #folderlist #folderstree {
  padding: 3px 0px 3px 3px;
/* the width has to be set for the overflow to work in ie */
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
}
#folderlist .dtree img, #folderlist #folderstree img {
  vertical-align: middle;
}
#folderlist .dtree a.node, #folderlist .dtree a.nodeSel {
  padding: 1px 2px 1px 2px;
}

#folderlist .currentfolder {
  font-weight: bold;
}
#folderlist .unreadmessages {
  font-weight: bold;
}

#folderlist a {
  text-decoration: none;
  color: #212126;
}
#folderlist a:hover {
  text-decoration: underline;
}

#folderlist .mailboxusage {
  margin: 0px auto;
  padding: 7px 7px 6px 7px;
  background: #ffffff;
}
#folderlist .mailboxusagebar {
  margin-top: 1px;
  border: 1px solid #000000;
  width: 95px;
  height: 10px;
  heigh\t: 8px;
  font-size: 1px;
  float: left;
}
#folderlist .mailboxusagebar div {
  margin-top: 1px;
  height: 6px;
  font-size: 1px;
}
#folderlist .mailboxusage label {
  font-size: 10px;
  float: right;
}
#folderlist .mailboxalert {
  background: #8c3030;
}
#folderlist .mailboxwarning {
  background: #cc6613;
}
#folderlist .mailboxok {
  background: #3a5841;
}

/*------------------------------*\
|* toolbar (actions and paging) *|
\*------------------------------*/
.toolbar {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #cac9d1;
}
.toolbar input, .toolbar select {
  vertical-align: middle;
}
.toolbar input.submit {
  padding: 0px 3px;
  height: 22px;
  line-height: 1em;
}

.paging {
  float: right;
}
.paging img, .paging select {
  vertical-align: middle;
}

/* paging style 3 rules */
.paging a:visited {
  color: #212126;
}
.paging span {
  font-weight: bold;
}

/*--------------*\
|* message list *|
\*--------------*/
.empty-folder {
  padding: 20px 0px;
  font-style: italic;
  text-align: center;
}
#messagelist {
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}

#messagelist tr.unread, #messagelist tr.viewing {
  font-weight: bold;
}
#messagelist th {
  color: #ffffff;
  background: #383741;
  text-transform: uppercase;
  text-align: left;
}
#messagelist th a {
  color: #ffffff;
  text-decoration: none;
}
#messagelist th.icon {
  width: 15px;
}
#messagelist th.checkbox {
  width: 15px;
}
#messagelist th.status {
  width: 19px;
}
#messagelist th.date {
  width: 100px;
}
#messagelist th.size {
  width: 65px;
}

#messagelist td a {
  text-decoration: none;
  color: #212126;
}
#messagelist td a:hover {
  text-decoration: underline;
}
#messagelist img {
  vertical-align: middle;
}

/*-----------------*\
|* global elements *|
\*-----------------*/
.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
  background: url(images/shadow-top.gif) bottom repeat-x;
}
.shadowbottom {
  background: url(images/shadow-bottom.gif) top left repeat-x;
}
.shadowleft {
  background: url(images/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(images/shadow-right.gif) right repeat-y;
}
.shadowtopleft {
  float: left;
  background: url(images/shadow-topleft.gif) bottom left no-repeat;
}
.shadowtopright {
  float: right;
  background: url(images/shadow-topright.gif) bottom right no-repeat;
}
.shadowbottomleft {
  float: left;
  background: url(images/shadow-bottomleft.gif) top left no-repeat;
}
.shadowbottomright {
  float: right;
  background: url(images/shadow-bottomright.gif) top right no-repeat;
}

.spacer {
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.top-spacer {
  background: transparent url(images/row-separator.gif) repeat-x top left;
}
/* This is unfortunately needed because setting a background on a <tr> does
 * *not* actually affect the tr in IE - instead it just puts that background on
 * each <td>, which means the image from one <td> may not have the right
 * horizontal offset as the next <td>.  To get around this, each spacer row
 * contains just one, empty, <td colspan="..">.  This sucks.  Patches welcome.
 */
tr.spacer {
  height: 3px;
  background-position: center left;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row .description {
  background-color: #e4e4e8;
  color: #212126;
}
.row .description .warning {
  color: #8c3030;
}
.row label.name {
  margin: 0px;
  padding: 0px 5px 0px 0px;
  border: none;
  width: 120px;
  float: left;
  vertical-align: middle;
}
.row label.name span {
  color: #8c3030;
}
.row label.name small {
  font-size: 9px;
}
.row .value {
  float: left;
}
.row .value input.text, .row .value input.password, .row .value select {
  width: 150px;
  font-size: 11px;
}
.row .value select.wide {
  width: 300px;
}
.row .value textarea {
  width: 325px;
  font-size: 11px;
}
.row .value input.text.shorttext {
  width: 100px;
}
/* For really small boxes - this allows about 3-4 characters of input: */
.row .value input.text.tinytext {
  width: 30px;
}
.row.required, .row.highlighted {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}
select.folder_list {
  width: 225px;
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

/* search highlighting */
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

/* overlib */
#overDiv {
  text-align: left;
}
#overDiv .messagepreview_fg {
  background-color: #f5f5f5;
}
#overDiv .messagepreview_bg {
  background-color: #000000;
}

#editor_iframe {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  width: 100%;
  widt\h: 99.7%;
  height: 300px;
  heigh\t: 298px;
  overflow: hidden;
  margin-top: 3px;
}

/* clearing class */
.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.hide {
  display: none;
}

/*--------------*\
|* folders page *|
\*--------------*/
/* Some elements are shared with the various option pages, some of which use a very similar layout */
#folders #folder_menu, .suboption-table .option-menu {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
  table-layout: fixed;
}
#folders #folder_menu th, .suboption-table .option-menu th {
  padding: 3px 2px;
  color: white;
  background-color: #383741;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
}

/* Define the widths for the folder table - with table-layout: fixed, only the
 * first row's widths are taken into account, NOT the table contents. */
#folders #folder_menu th.icon {
  width: 20px;
}
#folders #folder_menu th.name {}
#folders #folder_menu th.unread {
  width: 70px;
}
#folders #folder_menu th.total {
  width: 60px;
}
#folders #folder_menu th.size {
  width: 65px;
}

#folders #folder_menu td, .suboption-table .option-menu td {
  padding: 1px 2px 0px 2px;
}
#folders #folder_menu tr.spacer {
  height: 3px;
}
#folders #folder_menu tr.selected td, .suboption-table .option-menu tr.selected td {
  padding-bottom: 2px;
}
#folders #folder_menu td.icon, .suboption-table .option-menu td.name {
  padding-bottom: 0px;
  height: 18px;
  background-image: url(images/folders-manage-closed.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
#folders #folder_menu tr.selected td.icon, div.suboption-table table.option-menu tr.selected td.name {
  background-image: url(images/folders-manage-opened.gif);
}
#folders #folder_menu tr.selected, div.suboption-table table.option-menu tr.selected {
  background-color: #cac9d1;
  font-weight: bold;
}
#folders #folder_menu td.name .folders_name {
  padding-right: 10px;
}
#folders #folder_menu td div.indent {
  width: 15px;
  height: 10px;
  float: left;
}
#folders #folder_menu td.unread, #folders #folder_menu td.total, #folders #folder_menu td.size {
  color: #5c5b66;
}
#folders #folder_menu tr.selected td.unread, #folders #folder_menu tr.selected td.total, #folders #folder_menu tr.selected td.size {
  color: #212126;
}
#folders #folder_menu #folder_form, .suboption-table .option-menu .option-form {
  display: block;
}
#folders #folder_menu #folder_panel, .suboption-table .option-menu .option-panel {
  background-color: #e4e4e8;
}
#folders #folder_menu a, .suboption-table .option-menu a {
  color: #212126;
  text-decoration: none;
}
/* Don't change link hover color: */
#folders #folder_menu a:hover, .suboption-table .option-menu a:hover {
  color: #5c5b66;
  text-decoration: underline;
}
#folders .totals td.unread, #folders .totals td.total, #folders .totals td.size {
  vertical-align: bottom;
  font-weight: bold;
}
#folders .totals h5 {
  margin: 0px;
  padding: 4px 0px 0px 10px;
  font-size: 11px;
  text-transform: uppercase;
}
#folders .totals td div {
  padding-left: 10px;
}
#folder_form .properties, #folder_form .actions {
  margin: 0px;
  padding: 0px;
  float: left;
}
#folder_form .properties {
  padding-right: 25px;
  width: 325px;
}
#folder_form .actions {
  width: 325px;
}
#folder_form h4 {
  margin: 0px;
  padding: 5px 0px 10px 0px;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}  
#folder_form .save {
  padding: 20px 0px 10px 250px;
  clear: left;
}
#folder_form .row, #prof_form .row {
  padding: 1px 0px;
}
#folder_form .row label.name, #folder_form .row .value input, #folder_form .row .value select, #folder_form .row .value label {
  font-size: 10px;
  vertical-align: middle;
}
#folder_form .row .value#fm_display_limits div {
  margin: 0px;
  padding: 0px;
}
#folder_form .row .value#fm_display_limits div input.text {
  margin-top: 0px;
  margin-bottom: 2px;
}
#folder_form .row .value#fm_display_limits div label {
  padding-top: 0px;
  padding-bottom: 2px;
}
#folder_form .row label.name, #prof_form .row label.name {
  padding-top: 2px;
  text-align: right;
}
#folder_form .row .value .field_select {
  margin: 0px;
  padding: 0px;
  width: 152px;
}
#folder_form .system-folder .row .value #fm_delete_folder_count,
#folder_form .system-folder .row#fm_display_threads {
  display: none;
}
/* Various things to show/hide when on a modify folder or add folder page: */
#folders #folder_form #fm_newname_label, #folders #add_new_folder #folder_form #fm_rename_label,
  #folders #folder_form #new_folder_subfolder,
  #folders #add_new_folder .properties h4, #folders #add_new_folder .actions, #folders #add_new_folder #fm_apply_changes {
  display: none;
}
#folders #add_new_folder .properties {
  float: none;
}
#folders .add-save {
  display: none;
}
#folders #add_new_folder .add-save {
  padding-top: 15px;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  display: block;
}
#folders #add_new_folder #folder_form #fm_newname_label {
  display: inline;
}
#folders #add_new_folder #folder_form #new_folder_subfolder {
  display: block;
}
#folders #action_form {
  display: none;
}

/*--------------*\
|* options page *|
\*--------------*/
#options .option {
  padding: 0px 0px 1px 10px;
}
#options .option div {
  padding: 2px 0px 2px 0px;
}
#options .option .name {
  width: 150px;
  float: left;
}
#options .option .description {
  padding-left: 160px;
}
#options #mailbox {
  margin-bottom: 10px;
}

/*-----------------*\
|* suboption pages *|
\*-----------------*/
.suboption .row {
  padding: 0px 0px 2px 0px;
}
.suboption .row .description, .suboption .row .value, .suboption .row label {
  padding: 4px;
}
.suboption .row label.name {
  padding-top: 6px;
  padding-left: 25px;
}
.suboption .row .value input.text, .suboption .row .value input.password {
  width: 325px;
}
.suboption .row .value input.text.shorttext {
  width: 200px;
}
.suboption .row .value input.text.tinytext {
  width: 30px;
}
.suboption .save {
  padding-top: 5px;
  text-align: right;
}
.suboption .save input.submit, .suboption-table .save input.submit, #folders #folder_form input.submit {
  width: 150px;
  height: 25px;
  background-color: #f1f1ec;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}
#options_compose .row label.name {
  width: 150px;
}
#options_compose #message_formats div.subrow a {
  padding-top: 6px;
  display: block;
}
#options_compose #charset select {
  width: 225px;
}
#options_profile .row.required {
  margin-top: 1px;
}
#options_password .row label.name {
  width: 150px;
}
#options_spam #show_advanced_options #nojs_advanced_settings {
  font-weight: bold;
  text-decoration: underline;
}

.suboption-table h3 {
  padding-bottom: 8px;
  background: transparent;
}
.suboption-table .option-menu td.name, .suboption-table .option-menu th.name {
  padding-left: 22px;
}
.suboption-table .option-menu td.name {
  background-position: left center;
}
.option-form .row label.name, .option-form .row .value input, .option-form .row .value select {
  font-size: 11px;
  vertical-align: middle;
}
.option-form .row .value input.text, .option-form .row .value select {
  width: 200px;
}
.option-form .row .value input.checkbox {
  margin: 0px 5px 2px 0px;
  padding: 0px;
}
.option-form .save {
  padding: 10px 0px;
  width: 330px;
  text-align: right;
}

.option-form .save .option-add, .option-form .save.new .option-save, .option-form .save.new .option-delete,
  #remote_form .save.new .option-manage {
  display: none;
}
.option-form .save.new .option-add {
  display: inline;
}

#options_emailprof #prof_menu th.name {
  width: 28%;
}
#options_emailprof #prof_menu th.email {
  width: 29%;
}
#options_emailprof #prof_menu th.signature {
  width: 28%;
}
#options_emailprof #prof_menu th.default {
  width: 15%;
}

#options_emailprof #prof_menu td.email, #options_emailprof #prof_menu td.signature, #options_emailprof #prof_menu td.default {
  color: #5c5b66;
}
#options_emailprof #prof_menu td.signature.none {
  font-style: italic;
}
#options_emailprof #prof_menu tr.selected td.email, #options_emailprof #prof_menu tr.selected td.signature, #options_emailprof #prof_menu tr.selected td.default {
  color: #212126;
}
#options_filters #filter_menu th.name {
  width: 60%;
}
#options_filters #filter_menu th.action {
  width: 40%;
}
#options_filters #filter_menu td.name {
  color: #5c5b66;
}
#options_filters #filter_menu tr.selected td.action {
  color: #212126;
}
#options_filters #filter_menu td.name .match-case-sensitive {
  font-style: italic;
}
#options_filters #filter_menu select#ff_field, #options_filters #filter_menu select#ff_like,
  #options_filters #filter_menu select#ff_action {
  width: 100px;
}
#options_filters #filter_menu .row label.name {
  width: 50px;
}

#signatures #sig_menu th.name {
  width: 70%;
}
#signatures #sig_menu th.default {
  width: 15%;
}
#signatures #sig_menu th.html {
  width: 15%;
}

#options_remote_email #remote_menu th.name {
  width: 35%;
}
#options_remote_email #remote_menu th.profile {
  width: 25%;
}
#options_remote_email #remote_menu th.check {
  width: 17%;
}
#options_remote_email #remote_menu th.remote {
  width: 23%; 
}
#options_remote_email #remote_menu td.profile.none {
  font-style: italic;
}
#options_remote_email #remote_menu #rp_icon img {
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
}
#options_remote_email #remote_menu #profile_new div label {
  padding-top: 2px;
  width: 45px;
  float: left;
  display: block;
}
#remote_form #profile_existing select {
  width: 300px;
}
#options_areply #areply_from select, #options_areply #areply_subj input {
  width: 350px;
}
#options_mailbox #logout_empty label {
  clear: left;
}

/*--------------*\
|* address book *|
\*--------------*/
input.text.noresults#find_box {
  color: white;
  background: #ac3030;
}
#find_addr label {
  margin-top: 2px;
}
#addrgroups select {
  width: 400px;
  height: 100px;
  float: left;
}
#addresses .value {
  height: 155px;
}
#addresses select, #address .address-form select {
  width: 400px;
  height: 150px;
  float: left;
}
#address #addrgroups input.submit, #address #addresses input.submit {
  margin: 0px 0px 5px 0px;
  width: 75px;
  background-color: #f1f1ec;
  font-size: 11px;
  display: block;
}
#address #addrgroups input.submit.hide, #address #addresses input.submit.hide {
  display: none;
}
#address #addrgroups input.submit#group_add {
  margin-bottom: 0px;
}
#address #addrgroups_gid, #address #address_aid {
  margin-right: 5px;
}
#address .empty_list {
  width: 350px;
  float: left;
}
#address .nogroups#addrgroups input.submit, #address .noaddresses#addresses input.submit {
  width: 125px;
  display: inline;
}
#address #imports label {
  margin-top: 5px;
}
#address #imports input.submit {
  width: 125px;
  background-color: #f1f1ec;
}
#address #imports input.file, #address #imports input.submit {
  font-size: 11px;
}
#address #view_addr h3 {
  padding-bottom: 0px;
}
#address #view_addr .addr_details {
  padding-bottom: 10px;
}
#address #view_addr .row {
  padding-top: 0px;
  padding-bottom: 0px;
}
#address_book #addrgroups {
  width: 40%;
  float: left;
}
#address_book #addresses {
  width: 60%;
  float: left;
}
#address_book .no-addr-groups#addresses {
  width: 100%;
}
#address_book select {
  width: 100%;
  height: 150px;
  float: none;
}
#address_book {
  padding: 10px;
}
#address_book #add_to_cc_bcc {
  padding-top: 10px;
  width: 100%;
  clear: left;
  text-align: center;
}
#address_book #add_to_cc_bcc input.button {
  margin: 0px;
  padding: 0px;
  width: 24.999%;
}
.address-form .note {
  padding-bottom: 10px;
}
.address-form .note span {
  font-weight: bold;
}
.address-form .form_container div.spacer {
  font-size: 1px;
  height: 1px;
}
.address-form .row {
  margin: 0px;
  padding: 1px;
}
.address-form .row.required {
  margin: 1px 0px;
}
.address-form .row label.name {
  padding-top: 1px;
}
.address-form .row .value {
  padding: 0px;
}
.address-form input.submit {
  width: 150px;
  height: 25px;
  background-color: #f1f1ec;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}
.address-form .save {
  padding: 5px;
  text-align: right;
}

/*------------------*\
|* check mail popup *|
\*------------------*/
#pop_stream {
  margin: 0px;
}
#pop_stream .pop_wrapper {
  margin: 20px;
  border: 3px solid #000000;
  width: 290px;
  widt\h: 284px;
}
#pop_stream .pop_status {
  padding: 1px;
  border-bottom: 1px solid #000000;
}
#pop_stream .pop_status img {
  width: 0px;
  height: 24px;
}
#pop_stream #status_text {
  margin: 1px;
  padding: 6px 0px;
  background: #e4e4e8;
  text-align: center;
}
#pop_stream iframe {
  border: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#pop_check #messagelist th {
  padding: 4px 2px;
}

/*--------------*\
|* message view *|
\*--------------*/
#msgs_body #messagelist {
  margin-top: 10px;
}
#msgs_body #messagelist th {
  padding: 4px 0px;
}
#msgs_body #print_logo {
  display: none;
}
#msgs_body #print_buttons {
  display: none;
}
#msgs_body .message-header {
  padding: 5px 10px 10px 10px;
  background-color: #e4e4e8;
}
#msgs_body .message-header hr.pre-header, .message-header hr.post-header {
  display: none;
}
#msgs_body .message-header label {
  margin: 0px;
  padding: 0px 5px 0px 0px;
  width: 90px;
  float: left;
  vertical-align: middle;
}
#msgs_body .message-header div.header div {
  margin-left: 95px;
}
#msgs_body .message-header div.header div.none {
  font-style: italic;
}
#msgs_body .message-header div.main-header {
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
}
#msgs_body #sent_from img {
  vertical-align: bottom;
}
#msgs_body #message_alerts {
  margin: -5px 0px 0px 0px;
  padding: 0px 10px 10px 20px;
  background-color: #e4e4e8;
}
#msgs_body .attachment-heading {
  padding-top: 2px;
  padding-bottom: 2px;
}
#msgs_body .attachment-heading .filename {
  font-weight: bold;
  font-size: 14px;
}
#msgs_body hr.post-attach-heading {
  display: none;
}
#msgs_body .message-main-body {
  padding: 5px;
}
#msgs_body .message-main-body pre {
  margin: 0px;
}
#msgs_body .msg-separator {
  margin: 5px 0px 5px 0px;
  width: 100%;
  height: 3px;
  background: #cac9d1;
  font-size: 1px;
}
#msgs_body #body_alternatives img {
  vertical-align: middle;
}
#msgs_body #body_alternatives {
  padding: 0px 10px;
}
#msgs_body .alt-attach-separator {
  margin: 5px 0px;
  width: 100%;
  height: 2px;
  font-size: 1px;
  background: #cac9d1;
}
#msgs_body .message-command-bar {
  margin: 1px 0px;
  padding: 5px 10px;
  background: #cac9d1;
  font-size: 9px;
}
#msgs_body .message-command-bar a:visited {
  color: #212126;
}
#msgs_body .message-command-bar ul {
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style: none;
}
#msgs_body .message-command-bar ul li {
  margin: 0px;
  padding: 0px 5px 0px 5px;
  border: none;
  border-right: 1px solid black;
  font-weight: bold;
  display: inline;
}
#msgs_body .message-command-bar ul li.first {
  padding-left: 0px;
}
#msgs_body .message-command-bar ul li.last {
  padding-right: 0px;
  border-right: none;
}
#msgs_body .message-command-bar ul li a {
  white-space: nowrap;
}
#msgs_body .message-command-bar select#js_folders_fid {
  margin-left: 4px;
  font-size: 10px;
}

#msgs_body #msgs_next_prev {
  margin-bottom: 10px;
}
#msgs_body #msgs_prev {
  padding-left: 10px;
  float: left;
  background: transparent url(images/prev.gif) no-repeat center left;
  font-weight: bold;
  text-decoration: none;
}
#msgs_body #msgs_next {
  padding-right: 9px;
  float: right;
  background: transparent url(images/next.gif) no-repeat center right;
  font-weight: bold;
  text-decoration: none;
}

#attachment_list {
  padding: 0px 10px;
}
#attachment_list img {
  vertical-align: middle;
}
#attachment_list #attachment_summary {
  padding-bottom: 5px;
}
#attachment_list #attachment_summary #num_attachments {
  font-weight: bold;
  font-size: 12px;
}
#attachment_list table {
  margin-left: -10px;
  width: 450px;
  border-collapse: collapse;
  table-layout: fixed;
}
#attachment_list tr {
  height: 20px;
  background: #cac9d1;
}
#attachment_list tr.selected {
  height: 20px;
  background: #e4e4e8;
}
#attachment_list tr.last td {
  border-bottom: none;
}
#attachment_list td {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #e4e4e8;
  font-size: 9px;
  vertical-align: middle;
  white-space: nowrap;
}
#attachment_list td.filename {
  padding-left: 10px;
  overflow: hidden;
  font-size: 10px;
}
#attachment_list td.size {
  width: 65px;
  font-weight: bold;
}
/* Don't show the mime-type by default: */
#attachment_list td.mime-type {
  display: none;
}
#attachment_list td.download, #attachment_list td.delete {
  width: 55px;
  text-align: right;
  padding-right: 15px;
}

#msgs_header {
  margin: 10px;
}

#spam_score_actions {
  font-size: 10px;
}
#spam_score_actions a {
  font-weight: bold;
}
#msgs_body #overDiv .messagepreview {
  font-size: 10px;
}

/*---------*\
|* compose *|
\*---------*/
.compose .spellcheck .misspelled {
  color: #8c3030;
  font-weight: bold;
}
.compose .spellcheck .suggestions {
  color: #3a7841;
  font-weight: bold;
}

.compose-actions {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #cac9d1;
}
.compose-actions input.submit {
  margin-left: 15px;
  background-color: #f1f1ec;
  font-size: 11px;
}
.compose-actions input.compose-send {
  margin-left: 0px;
  font-weight: bold;
}
.compose-actions input.compose-sending {
  color: #767676;
}
#compose_headers {
  margin: 0px;
  padding: 0px;
  width: 70%;
  float: left;
}
#compose_headers label {
  padding-top: 3px;
  padding-right: 5px;
  width: 50px;
  float: left;
  clear: left;
  font-weight: bold;
  text-align: right;
}
#compose_headers label span {
  width: 30px;
  float: right;
}
#compose_headers label img {
  float: right;
  cursor: pointer;
  cursor: hand;
}
#compose_headers input, #compose_headers select {
  margin-bottom: 3px;
  width: 83%;
}
#compose_option_wrapper {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 29%;
  widt\h: 28.7%;
  float: right;
}
#compose_option_wrapper #options_header {
  margin-bottom: 1px;
  padding: 2px 2px 4px 4px;
  color: white;
  background-color: #383741;
  font-weight: bold;
  font-size: 10px;
}
#compose_option_wrapper #compose_options {
  padding: 2px 2px 4px 2px;
  background-color: #e4e4e8;
}
#compose_option_wrapper #compose_options .option-wrapper {
  margin: 5px;
}
#compose_option_wrapper #compose_options #button_switch {
  padding: 0px;
  width: 130px;
  background-color: #f1f1ec;
  font-weight: bold;
  font-size: 10px;
}
.compose textarea.compose-body {
  border: 1px solid;
  border-color: black lightgrey lightgrey black;
  margin-top: 3px;
  width: 100%;
  widt\h: 99.3%;
  height: 300px;
  heigh\t: 298px;
}
.compose #lower_options {
  margin-top: 2px;
  padding: 0px 7px 5px 7px;
  background-color: #e4e4e8;
}
.compose #lower_opts_left {
  padding-top: 4px;
  padding-left: 15px;
  float: left;
  background: transparent url(images/attach-file.gif) no-repeat 0px 9px;
  white-space: nowrap;
}
.compose #lower_opts_left #attach_file {
  font-weight: bold;
}
.compose #lower_opts_left .remove-attachment {
  margin-left: 5px;
}
.compose #lower_options input, .compose #lower_options select {
  font-size: 10px;
  vertical-align: middle;
}
.compose #lower_opts_left a:visited {
  color: #212126;
}
.compose #lower_opts_left #lower_opts_js {
  padding-top: 3px;
}
.compose #lower_opts_right {
  padding-top: 5px;
  float: right;
  text-align: right;
  white-space: nowrap;
}
.compose #attachment_list #attachment_summary {
  margin-top: 2px;
  padding-bottom: 2px;
  width: 430px;
}
.compose-actions#bottom_compose_actions {
  margin-top: 10px;
  padding: 5px;
  background-color: #cac9d1;
}

#address_autocomplete {
  border: 1px solid #000000;
  background: #ffffff;
  display: none;
  position: absolute;
  overflow: auto;
  cursor: default;
  z-index: 10;
}
#address_autocomplete .aac {
  padding: 1px;
  color: #000000;
  background: #ffffff;
  white-space: nowrap;
}
#address_autocomplete .selected {
  color: #ffffff;
  background: #000666;
}

#spellcheck_result {
  background: #f0f0f0;
  font-size: 13px;
  position: absolute;
  overflow: auto;
  padding: 4px;
  z-index: 10;
}
#spellcheck_result .misspelled {
  color: #ee3030;
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
}
#spellcheck_result .updated {
  color: #326aaf;
}
#spellcheck_suggestions {
  border: 1px outset #cac9d1;
  color: #212126;
  background: #cac9d1;
  position: absolute;
  cursor: default;
  padding: 1px;
  z-index: 20;
}
#spellcheck_suggestions .menu-item {
  padding: 1px;
}
#spellcheck_suggestions .mouseover {
  color: #5c5b66;
  background-color: #e4e4e8;
}
#spellcheck_suggestions .replace_all {
  padding-right: 15px;
  background: transparent url(images/checked.gif) no-repeat center right;
}
#spellcheck_frame {
  border: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

/*---------*\
|* payment *|
\*---------*/
#payment #content ul, #join_payment #content ul {
  margin: 5px 0px 0px 0px;
  padding-left: 35px;
  list-style: none;
}
#payment #content h5, #join_payment #content h5 {
  margin-bottom: 0px;
  padding-left: 30px;
  text-decoration: underline;
}
#payment p.description, #join_payment p.description, #payment_method p.description, #payment_form p.description, #payment_method p.payment_types {
  padding-left: 30px;
}
#payment_method h5, #payment_form h5 {
  text-decoration: underline;
}

/*------*\
|* help *|
\*------*/
#help_addresses p, #help_compose p, #help_folders p, #help_mail p, #help_options p {
  margin-top: 5px;
  padding-left: 30px;
}
#help_addresses h4, #help_compose h4, #help_folders h4, #help_mail h4, #help_options h4 {
  margin-bottom: 5px;
}
#help_folders ul {
  padding-left: 60px;
}
#help_options li p {
  margin: 0px;
  padding-left: 20px;
}
#help_options h5 {
  margin: 0px;
}
#help_options ul ul {
  padding-left: 30px;
}
#help_shortcuts dl {
  padding-left: 30px;
}
#help_shortcuts dt {
  margin: 3px 0px;
  border: 2px outset #cac9d1;
  background: #ebebdb;
  width: 12px;
  text-align: center;
  float: left;
}
#help_shortcuts dd {
  padding: 5px 0px;
}

.noauth .loginactions {
  margin-top: -25px;
  text-align: right;
}

/* vim:sw=2
*/