center { font-family: "trebuchet ms",verdana,tahoma,sans-serif; }
#-loading { color: #76a; }

/* app */

.DlDesktop {
  background: #d8d0f0 /* url("img/horiz-stripe.png") 0 100%; */
  /* background: #c8c0e0; */
}

.DlMenuItem-hover, .DlMenuItem-popped, .DlPopupMenu, .DlVMenu {
  background-image: url("img/horiz-stripe.png");
  background-position: 0 100%;
}

.DlPopupMenu { border: 0; }

.MailPane {
  /* border: 1px solid #659; */
  background: #f8f8f8 url("img/horiz-stripe.png") 0 100%;
}

.MailBorderedPane {
  border: 1px solid #659;
  background: #f8f8f8 url("img/horiz-stripe.png") 0 100%;
}

.MainMsgDisplay {
  border-left: 1px solid #659;
  border-top: 1px solid #659;
}

.FolderTree { border-right: 1px solid #659; }

.MailGridCont {
  border-left: 1px solid #659;
  border-bottom: 1px solid #659;
}

.MailSummaryGrid { border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; outline: 0 !important; }

.SectionTitle {
  font-weight: bold;
  background: #cbe url("img/cool-bg.png") repeat-x 0 50%;
  /* border-bottom: 3px solid #769; */
  /* -moz-border-bottom-colors: #cbf #87b #769; */
}

.SectionTitle-hover {
  background-color: #dcf;
}

.DlToolbar { background: url("img/cool-bg.png") repeat-x 0 50%; }
.DlToolbar .DlButton { -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
.DlToolbar2 { border: 0; }
.MailStatusCont { padding: 2px; border-top: 1px solid #000; }
.MailStatusLabel { overflow: hidden; padding: 2px 5px; border-top: 1px solid #659; }

.Mail-WinListBtn-minimized .DlButton-inner {
  opacity: 0.6;
}

.MailTopBar { border-bottom: 1px solid #000; }
.MailCoolBar .DlWidget { color: #fff; }

/* .MailTopResizeBar { background-color: #667; } */
.MailCoolBar { background: #667 url("img/cool-bg.png") repeat-x 0 50%; }
.MailCoolBar .DlButton { font-weight: bold; color: #fff; }
.MailCoolBar .DlButton-hover {
  border-color: #99a; background: #334 url("img/cool-bg-hard.png") repeat-x 0 50%; color: #fff;
}
.MailCoolBar .DlButton-active { border-color: #fff; background: #89c url("img/cool-bg-hard.png") repeat-x 0 50%; background-color: #000; }
.MailCoolBar .DlButton-1 { border-color: #000 #888 #888 #000; background: #334 url("img/cool-bg-inv.png") repeat-x 0 50%; }
.MailCoolBar div.DlHbox-separator { background-color: #888; border-color: #000; }

/* folders */

.MailServerTreeItem { font-weight: bold; font-size: 120%; padding-top: 10px; /* text-shadow: #444 1px 1px 1px; */ }
.MailFolderTreeItem em { font-style: normal; color: #c00; }
.MailFolderTreeItem .DlRadioButton-1 em { color: #ec9; }

.FolderTree .DlTree-separator { margin-top: 8px; }
.FolderTree { background-color: #fffff8; }

.MailMessageDragging {
  border: 1px solid #769;
  background: #ffe url("img/horiz-stripe.png") 0 100%;
  padding: 5px;
  font: 12px "Lucida Grande",Tahoma,"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif;
  opacity: 0.8;
}

.MailMessageDragging-canDrop { background-color: #af9; opacity: 1; }

.MailMessageDropOK {
  background-color: #ccd;
}

/* message display */

.MailMsgDisplay {
  background: #ddf url("img/horiz-stripe.png") 0 100%;
}

.MailMsgDisplay p.MsoNormal { margin: 0; }

.MailMsgDisplay .Headers {
  padding: 0.9em;
  background: #f8f8ff url("img/horiz-stripe.png") 0 100%;
}

.MailMsgDisplay .Headers .toptable { width: 100%; border-spacing: 0; }
.MailMsgDisplay .Headers .toptable .left { width: 100%; }

.DlDialog .MailMsgDisplay .Headers { background-color: #eef; }

.MailMsgDisplay .Headers td {
  vertical-align: top;
  color: #444;
}

.MailMsgDisplay .Headers .Label { font-weight: bold; text-align: right; padding-right: 5px; white-space: nowrap; width: 1em; }
.MailMsgDisplay .Headers .Subject td { font-weight: bold; color: #000; }

.MailMsgDisplay .Headers .DynarchMail-token-email { font-family: monospace; }

.DynarchMail-token-email-new { color: #c42 !important; }

.DynarchMail-token-xximg {
  border-top: 1px solid #dcf;
  background: #fed url("img/horiz-stripe.png") 0 100%;
}

div.DynarchMail-token-xximg:hover {
  background-color: #ffa !important;
  border-top-color: #bcd !important;
}

.DynarchMail-token-xximg div {
  padding: 10px 36px;
  background-image: url("icons/warning.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
}

.DynarchMail-event-invitation {
  padding: 7px 10px;
  background: #ddd8fe url("img/horiz-stripe.png") 0 100%;
  border-top: 1px solid #659;
}

.DynarchMail-event-invitation .title { font-weight: bold; }

.MailMsgDisplay .HeaderSeparator {
  background: #fff url("img/horiz-down-shadow.png") repeat-x 0 0;
  height: 8px; line-height: 1px; font-size: 1px; overflow: hidden;
  margin-bottom: 15px;
}

.MailMsgDisplay .DynarchMessage {
  padding: 0px 15px 15px 15px;
  font: 14px arial,helvetica,verdana,tahoma,sans-serif;
  /* border-bottom: 1px solid #a9c; */
}

.MailMsgDisplay .WholeDamnMessage {
  background-color: #fff;
}

.MailMsgDisplay .DynarchMailEnd {
  height: 16px;
  background-image: url("img/mailend-bg.png");
  line-height: 1px;
  overflow: hidden;
  font-size: 1px;
}

.MailMsgDisplay .DynarchPlainTextMessage { font: 110% monospace; }

.MailMsgDisplay .Attachments {
  padding: 10px;
}

.MailMsgDisplay .force-margin { height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }

.MailMsgDisplay .quote-level-1 { color: #090; }
.MailMsgDisplay .quote-level-2 { color: #229; }
.MailMsgDisplay .quote-level-3 { color: #a40; }

.MailMsgToolbar { border-bottom: 1px solid #659; background-color: #cbe; }
.MailSummaryToolbar { background-color: #cbe; }

.alternate-view { font-weight: bold; }

/* Composer */

.MailEditor .DlEntry textarea { font: 110% monospace; padding: 1em 0 1em 1em !important; }

.AttachmentsCont .SectionTitle {
  border: 1px solid;
  border-color: #fef #769 #769 #fef;
}

/* Mail Summary */

.MailGridCont { position: relative; }
.MailGridCont-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #fff url("img/loading.gif") no-repeat 50% 50%;
  opacity: 0.8;
}

.MailSummary .EmailDim { color: #879; }
.MailSummary .DlDataGridRow-selected .EmailDim { color: #dde; }

.MailSummary .MailFlags--Unseen .DlDataGrid-rowTable { font-weight: bold; }

.MailSummary .DlDataGrid-col-subject { text-indent: 28px; }
.MailSummary .DlDataGrid-col-date {
  /* font-family: monospace; */
  text-indent: 0;
  font-size: 90%;
}
.MailSummary .DlDataGrid-col-date i {
  font-style: normal;
  color: #778;
}

.MailSummary .DlDataGridRow-selected .DlDataGrid-col-date i { color: #dde; }

.MailSummary .MailFlags--Answered .DlDataGrid-col-subject {
  background-image: url("icons/replied.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
}

.MailSummary .MailFlags--Flagged .DlDataGrid-col--icon {
  background-image: url("icons/starred.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.MailSummary .MailFlags--HasAttachment .DlDataGrid-col-has_attachments {
  background-image: url("icons/attach.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.MailSummary .MailFlags--Deleted td { color: #888; text-decoration: line-through; }

.MailSummary .DlDataGrid-rowTable td { border-right: 0; }

.DlDataGridHeadLabel, .DlDataGrid .DlDataGridRow-selected {
  background-image: url("img/cool-bg.png");
  background-repeat: repeat-x;
  background-position: 0 50%;
}

/* filters UI */

/* .MailFilterRightBar { background-image: none; } */
.MailFilterRightBar .DlButton { text-align: left; }

._FiltersView .FiltersCont {
  overflow: auto;
}

._FilterWidget {
  background-color: #bad;
  border: 1px solid #879;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 4px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
._FilterWidget .DlToolbar { border: none; }
._FilterWidget .Label { width: 100%; padding: 0; margin: 0; border: 0; background: transparent; cursor: text; font-weight: bold; }
._FilterWidget .Label:hover { outline: 1px solid #99a; }
._FilterWidget .DlHbox div.wide-separator { margin-left: 2px; margin-right: 2px; }

._FilterWidget .FilerInfoCont {
  padding: 5px 10px;
  border-top: 1px solid #879;
  background: #cbe;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}

div._FilterWidget:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

._FilterWidgetSelected {
  border-color: #000;
  -moz-outline-radius: 5px;
  -webkit-outline-radius: 5px;
  outline: 1px solid #999;
  opacity: 1;
  filter: alpha(opacity=100);
}

._FilterWidget .FilterValueSelector .DlButton-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}

._FilterWidget .FilterValueSelector {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.SieveComparatorButton .LabelPart .DlButton-inner {
  padding-left: 20px;
  padding-right: 20px;
}

.DlPopup .WMailServerTree { padding: 10px 10px 10px 5px; font-size: 90%; }
.DlPopup .MailServerTreeItem { font-size: 100%; padding-top: 0; }

/* ._FiltersView .DlFieldset { margin: 1.5em 0.5em 0.5em 0.5em; } */

._FilterRuleWidget { border: 0; margin-bottom: 2px; }
._FilterActionWidget { border: 0; margin-bottom: 2px; }

/* ------------------------------------------------

/* general */

.center-text { text-align: center; }

.MailValidationError, .MailValidationError .DlWidget { color: red; }

.match { color: #d42; }
.DlMenuItem-hover .match { color: #ff8; }

.MailGeneric-NewRecord td { color: #c22; }

.warning { color: #c00; }

.DlTreeItem-Arrow-Expanded        { background: transparent url("img/tree/minus.png") no-repeat 50% 50%; width: 19px; height: 100%; }
.DlTreeItem-Arrow-Expanded:hover  { background: transparent url("img/tree/minus.png") no-repeat 50% 50%; width: 19px; height: 100%; }
.DlTreeItem-Arrow-Collapsed       { background: transparent url("img/tree/plus.png")  no-repeat 70% 50%; width: 19px; height: 100%; }
.DlTreeItem-Arrow-Collapsed:hover { background: transparent url("img/tree/plus.png")  no-repeat 70% 50%; width: 19px; height: 100%; }

a, a:visited, a:link { color: #00f; }
a:hover { color: #c00; }

.DlMessages {
  z-index: 10000;
  background-color: #fff8cc;
  padding: 1px 3em;
  border: 2px solid #000;
  -moz-border-top-colors: #999 #000;
  -moz-border-left-colors: #999 #000;
  -moz-border-right-colors: #999 #000;
  -moz-border-bottom-colors: #999 #000;
  -moz-border-radius: 4px;
  position: absolute;
}

.DlMessage {
  margin: 1em 0;
  font: bold 16px arial,tahoma,verdana,sans-serif;
}

.DlMessage-error { color: red; font-weight: bold; }
.DlMessage-warning { color: orange; font-weight: bold; }

.DlTooltip { padding: 10px; }
.DlTooltip .title { font-weight: bold; text-align: center; margin-bottom: 4px; }

.BorderTop { border-top: 1px solid #659; }
.BorderBottom { border-bottom: 1px solid #659; }

table.description { border-collapse: collapse; border-spacing: 0; font-family: arial,helvetica,sans-serif; }
table.description td.label { white-space: nowrap; text-align: right; font-weight: bold; padding-right: 3px; }
table.description td.label.top { vertical-align: top; }

table.description2 td.label { white-space: nowrap; text-align: right; font-weight: bold; padding-right: 3px; }
table.description2 td.label.top { vertical-align: top; }

/* dialogs */

.TFConfirm-Dialog { font-size: 100%; }
.TFConfirm-Dialog .DlWidget { font-weight: bold; }
.TFConfirmDialog-Text { padding: 0 1em 0 0.7em; }
.TFConfirm-Dialog td.TFDialog-Icon { padding-left: 1em; padding-right: 0; }

.AboutDlg .DlDialog-Content { background: #fff }
.AboutDlg .about {
  background: url("img/logo/logo32-v.png") no-repeat 100% 0;
  margin: 0 1em;
}

/* xedni */

.XedniCont { border-top: 1px solid #659; background-color: #cfbfef; }
.XedniCont ul { padding-left: 2em; margin: 0; }
.XedniCont li { padding-left: 0; margin: 5px 0; }
.XedniMailCont ul { list-style-image: url("icons/mail_generic.png"); }
.XedniAttcCont ul { list-style-image: url("icons/attc-small.png"); }
.XedniPrevNextHead .right { float: right; }
.XedniPrevNextHead-top { border-bottom: 1px solid #98a; }
.XedniPrevNextHead-bottom { border-top: 1px solid #98a; }
.XedniPrevNextHead {
  margin-right: 5px;
  padding: 2px;
}
.XedniPrevNextHead a, .XedniPrevNextHead a:link, .XedniPrevNextHead a:visited {
  text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  padding: 0 3px;
}
.XedniPrevNextHead a:hover { background-color: #fff; }


/* icons */

.IconAttach                { background-image: url("icons/attach.png")                                 }
.IconCancel                { background-image: url("icons/fileclose.png")                              }
.IconClose                 { background-image: url("icons/fileclose.png")                              }
.IconCloseFilter           { background-image: url("icons/no.png")                                     }
.IconCompose               { background-image: url("icons/mail_new.png")                               }
.IconContacts              { background-image: url("icons/contacts.png")                               }
.IconConfigure             { background-image: url("icons/configure.png")                              }
.IconDelete                { background-image: url("icons/delete.png")                                 }
.IconDeleteMail            { background-image: url("icons/mail_delete.png")                            }
.IconDesktop               { background-image: url("icons/desktop.png")                                }
.IconEditAsNew, .IconEdit  { background-image: url("icons/edit.png")                                   }
.IconEmailGeneric          { background-image: url("icons/mail_generic.png")                           }
.IconExit                  { background-image: url("icons/exit.png")                                   }
.IconFlag                  { background-image: url("icons/flag.png")                                   }
.IconForward               { background-image: url("icons/mail_forward.png")                           }
.IconIdentity              { background-image: url("icons/identity.png")                               }
.IconMagnifier             { background-image: url("icons/search.png")                                 }
.IconNewWindow             { background-image: url("icons/window_new.png")                             }
.IconPrint                 { background-image: url("icons/print.png")                                  }
.IconRelatedEmails         { background-image: url("icons/thread.png")                                 }
.IconReload                { background-image: url("icons/reload.png")                                 }
.IconReply                 { background-image: url("icons/mail_reply.png")                             }
.IconReplyAll              { background-image: url("icons/mail_replyall.png")                          }
.IconSave                  { background-image: url("icons/filesave.png")                               }
.IconSearch                { background-image: url("icons/mail_find.png")                              }
.IconSend                  { background-image: url("icons/mail_send.png")                              }
.IconShowOriginal          { background-image: url("icons/fileexport.png")                             }
.IconStarred               { background-image: url("icons/starred.png")                                }
.IconWarning               { background-image: url("icons/warning.png")                                }
.IconFilter                { background-image: url("icons/filter.png")                                 }

.IconTreeServer            { background-image: url("icons/server.png")                                 }
.IconTreeInbox             { background-image: url("icons/folder_inbox.png")                           }
.IconTreeSent              { background-image: url("icons/folder_sent_mail.png")                       }
.IconTreeOutbox            { background-image: url("icons/folder_outbox.png")                          }
.IconTreeTrash             { background-image: url("icons/trashcan_full.png")                          }
.IconTreeFolder            { background-image: url("icons/folder.png")                                 }
.IconTreeFolderOpen        { background-image: url("icons/folder_open.png")                            }

.IconRefreshAnim           { background-image: url("img/refresh.gif")                                  }

.IconMarkSpam              { background-image: url("icons/markspam.png")                               }
.IconMarkNotSpam           { background-image: url("icons/marknotspam.png")                            }

.IconAdd                   { background-image: url("icons/add.png")                                    }
.IconRemove                { background-image: url("icons/remove.png")                                 }
.IconUp                    { background-image: url("icons/up.png")                                     }
.IconDown                  { background-image: url("icons/down.png")                                   }

.IconToggle0 { background-image: url("icons/toggle0.png") }
.IconToggle1 { background-image: url("icons/toggle1.png") }

/* editor icons */

.IconBold               { background-image: url("icons/editor/text_bold.png")                       }
.IconItalic             { background-image: url("icons/editor/text_italic.png")                     }
.IconUnderline          { background-image: url("icons/editor/text_underline.png")                  }
.IconStrike             { background-image: url("icons/editor/text_strikethrough.png")              }
.IconFormatBlock        { background-image: url("icons/editor/format-paragraph.png")                }
.IconAlignLeft          { background-image: url("icons/editor/text_align_left.png")                 }
.IconAlignRight         { background-image: url("icons/editor/text_align_right.png")                }
.IconAlignCenter        { background-image: url("icons/editor/text_align_center.png")               }
.IconAlignFull          { background-image: url("icons/editor/text_align_justify.png")              }
.IconListBullet         { background-image: url("icons/editor/text_list_bullets.png")               }
.IconListEnum           { background-image: url("icons/editor/text_list_numbers.png")               }
.IconTextFGColor        { background-image: url("icons/editor/text-color-foreground.png")           }
.IconTextBGColor        { background-image: url("icons/editor/text-color-background.png")           }
.IconTextIndent         { background-image: url("icons/editor/text_indent.png")                     }
.IconTextRemoveIndent   { background-image: url("icons/editor/text_indent_remove.png")              }
.IconParaStyle          { background-image: url("icons/editor/styles-new-style-from-selection.png") }
.IconStop               { background-image: url("icons/editor/cross.png")                           }

.IconPlainText          { background-image: url("icons/txt.png"); }
.IconHTML               { background-image: url("icons/html.png"); }

/* other icons */

.IconXu { background-image: url("icons/xu.png") }

.Icon-Dlg-Warning { background-image: url("icons/big/warning.png") }
.Icon-Dlg-Error { background-image: url("icons/big/error.png") }
.Icon-Dlg-Info { background-image: url("icons/big/info.png") }

.Img-Logo { background: url("img/logo/logo22.png") no-repeat 50% 50%; }
.Img-Logo .DlButton-inner { height: 22px; width: 46px; }

td.TFDialog-Icon { vertical-align: top; padding: 1em 5px 0 10px; }
div.TFDialog-Icon { width: 48px; height: 48px; background-position: 50% 50%; background-repeat: no-repeat; }

/* missing! */

.IconBounce          { background-image: url("icons/missing-icon.png") }

/* tricks */
.DlTreeItem-Table-Expanded .IconTreeFolder { background-image: url("icons/folder_open.png") }

table.HBoxPadLeft { border-collapse: collapse; }
.HBoxPadLeft td.cell { padding-left: 3px; }
.HBoxPadLeft .DlWidget td.cell { padding-left: 0; }
table.HBoxPadLeft td.NoPadding { padding-left: 0; }
table.HBoxPadLeft div.wide-separator { margin-left: 6px; }

table.HBoxPadRight { border-collapse: collapse; }
.HBoxPadRight td.cell { padding-right: 3px; }
.HBoxPadRight .DlWidget td.cell { padding-right: 0; }
table.HBoxPadRight td.NoPadding { padding-right: 0; }
table.HBoxPadRight div.wide-separator { margin-right: 6px; }

table.VBoxPadDown { border-collapse: collapse; }
.VBoxPadDown td.cell { padding-bottom: 3px; }

.float-right { float: right; }

.CodeEntry textarea {
  font-family: "Bitstream Vera Sans Mono",monospace; height: 1.3em;
}


.BtnListItem { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; text-align: left; background: transparent; }
.BtnListItem .DlButton-inner { border: 0; }
.BtnListItem-hover { background: #bcd url("img/cool-bg.png") repeat-x 0 50%; }
.BtnListItem-active { background: #333 url("img/cool-bg.png") repeat-x 0 50%; color: #fff; }
.BtnListItem-1 { background: #76c url("img/cool-bg.png") repeat-x 0 50%; color: #fff; }

.BusyButton .DlButton-inner { background-image: url("icons/busy-me.gif"); }






/* special attachments */

.vcard-attachment {
  padding: 3px 5px 3px 25px;
  background: #fff url("icons/identity.png") no-repeat 5px 55%;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
span.DynarchMail-token, a.DynarchMail-token, .DynarchMail-token { color: #00f; cursor: pointer !important; }
span.DynarchMail-token:hover, a.DynarchMail-token:hover, .DynarchMail-token:hover { color: #c00; }