.inbox img {
  height: 17px;
  width: 17px;
}

.titlew {
  color: #FFFFFF;
}

.menuOpts {
  color: #000000;
}

.menuOpts input {
  overflow: visible;
}

.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

.buttonok {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

.buttonok:hover {
    background-color: #FFC061;
    color: #000000;
}


label {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.currentInbox {
  color: white;
  font-weight: bold;
}

.currentInbox a:link { color:white; text-decoration:none; }
.currentInbox a:visited { color:white; text-decoration:none; }
.currentInbox a:focus { color:white; text-decoration:underline; }
.currentInbox a:hover { color:white; text-decoration:underline; }
.currentInbox a:active { color:white; text-decoration:underline; }

.rss:link{
  background: url(./img/rss.png) bottom center no-repeat;
  text-indent: -999em;
  text-decoration: none;
}

.rss:hover{
  background: url(./img/rss.png) bottom center no-repeat;
  text-indent: -999em;
  text-decoration: none;
}

.rss:visited{
  background: url(./img/rss.png) bottom center no-repeat;
  text-indent: -999em;
  text-decoration: none;
}

.rssText {
  visibility: hidden;
}

.currentQuota {
  color: #FFFFFF;
  font-weight: bold;
}

.maxQuota {
  color: #FFFFFF;
  font-weight: bold;
}

img {
  border: 0px;
}

body {
  min-width: 40em;
  color: #000000;
  background-color: #FFFFF4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

form {
  margin: 0;
}

textarea {
  font-family: monospace;
}

a:link {
  color: #0033CC;
  text-decoration:none;
}    

a:visited {
  color: #0033CC;
  text-decoration:none;
}    













/***
a:hover {
  color: #0033CC;
  text-decoration:underline;
}***/    

a:hover { 
  background:#FFC061; 
  color:black;
  font-weight:normal; 
  text-decoration:underline;
}
.moz-signature {
  font-size:x-large
  color:blue;
  font-weight:normal; 
  text-decoration:none;
  font-style: normal;
}













table {
  border: 1px;
  border-spacing: 0px;
}

#popup {
  min-width: 0;
  color: #000000;
  background-color: #F0F0F0;
}

#header h1 {
  float: left;
  margin: 0;
  padding: 0;
  width: 153px;
  height: 47px;
  background: url(./img/logo.png) no-repeat;
  text-indent: -999em;
}

#header h2 {
  float: left;
  margin: 0;
  margin-left: 10px;
  padding: 5px;
}

#header ul {
  margin: 0;
  padding: 0;
  text-align: right;
}

#header li {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  display: inline;
  list-style: none;
}

#main {
  clear: left;
}

#footer {
  padding-top: 5px;
  text-align: center;
}

#footerLogo {
  width: 88px;
  height: 31px;
  border: 0;
}

/**
 * main menu
 */
.mainmenu {
  background-color: #99CCFF;
}

.mainmenu ul {
  margin: 0;
  padding: 1px 0;
  list-style-type: none;
}

.mainmenu ul li {
  display: inline;
}

.mainmenu ul li a,
.mainmenu ul li span {
  padding: 0 2em;
  text-decoration: none;
  background-color: #99CCFF;
  border: 1px solid #99CCFF;
}

.mainmenu ul li a:hover {
  background-color: #FFDEAD;
  border: 1px dashed #222222;
}

.mainmenu ul li.selected a,
.mainmenu ul li.selected span {
  background-color: #FFC061;
  border: 1px dashed #222222;
}

/**
 * sub menu
 */
.submenu {
  background-color: #002266;
}

.submenu ul {
  margin: 0;
  padding: 1px 0;
  list-style-type: none;
}

.submenu ul li {
  display: inline;
}

.submenu ul li a,
.submenu ul li span {
  padding: 0 2em;
}

.submenu ul li.selected a,
.submenu ul li.selected span {
  font-weight: bold;
}

.submenu a:link { color:white; text-decoration:none; }
.submenu a:visited { color:white; text-decoration:none; }
.submenu a:focus { color:white; text-decoration:underline; }
.submenu a:hover { color:white; text-decoration:underline; }
.submenu a:active { color:white; text-decoration:underline; }

/**
 * page navigation
 */
.pagenav {
  text-align: right;
  color: white;
  background-color: #002266;
}

.pagenav ul {
  margin: 0;
  padding: 2px 0;
  list-style-type: none;
}

.pagenav ul li {
  display: inline;
}

.pagenav ul li.pagexofy {
  margin-right: 1em;
}

.pagenav ul li a,
.pagenav ul li span {
  margin: 0;
  padding: 0 3px;
}

.pagenav ul li.prev span,
.pagenav ul li.next span {
  color: #CCCCCC;
}

.pagenav ul li.current span {
  font-weight: bold;
  font-size: 12pt;
  color: #FFC061;
}

.pagenav a:link { color:white; text-decoration:none; }
.pagenav a:visited { color:white; text-decoration:none; }
.pagenav a:focus { color:#FFDEAD; text-decoration:underline; }
.pagenav a:hover { color:#FFDEAD; text-decoration:underline; }
.pagenav a:active { color:#FFDEAD; text-decoration:underline; }

div.messageSummary {
  background-color: #002266;
}

div.topNavigation {
  background-color: #002266;
  color: #FFFFFF;
}

div.topNavigation table {
  width: 100%;
}

div.topNavigation img {
  width: 12px;
  height: 12px;
}

div.messageList {
  padding: .3em 0;
  background-color: #F0F0F0;
}

div.messageList table {
  width: 100%
}

div.bottomNavigation {
  background-color: #002266;
  color: #FFFFFF;
}

div.bottomNavigation table {
  width: 100%;
}

div.bottomNavigation img {
  width: 12px;
  height: 12px;
}

img.sort {
  border: 0px;
  width: 12px;
  height: 12px;
}

.error {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.errorTable {
  border: 1px solid #DD2222;
  background-color: #DD2222;
  width: 400px;
}

.errorTitle {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  background: url(./img/error.png) top left no-repeat;
}

.errorText {
  background-color: #CCCCCC;
  text-align: center;
  padding: 2px;
}

#loginBox {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12pt;
  background-color: #FFFFDD;
  border: 1px solid #000000;
}

#loginBox h2 {
  margin: 0;
  padding: 0.5em;
}

#loginBox table {
  margin: auto;
  padding: 0.5em;
}

#loginBox th {
  text-align: right;
  font-weight: normal;
}

#loginBox td {
  padding-left: 0.5em;
  text-align: left;
}

#loginBox p {
  margin: 0;
  padding: 0.5em;
}

#inboxTable {
  margin: .5em 0;
  border: 1px solid silver;
  border-collapse: collapse;
}

#inboxTable th {
  text-align: left;
  background-color: silver;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

#inboxTable td {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

#inboxTable .new {
  font-weight: bold;
}

#inboxTable .odd {
  background-color: #FFFFFF;
}

#inboxTable .even {
  background-color: #F0F0F0;
}

#inboxTable .odd > .sorted {
  background-color: #FFFFCC;
}

#inboxTable .even > .sorted {
  background-color: #FFFFAA;
}

#inboxTable .spamOdd {
  font-style: normal;
  background-color: #FFCCCC;
}

#inboxTable .spamEven {
  font-style: normal;
  background-color: #FFAAAA;
}

#inboxTable .sorted {
  padding-left: 3px;
  padding-right: 3px;
}

#inboxTable th.sorted {
  background-color: #FFFF88;
}

#inboxTable td.sorted {
  background-color: #FFFFCC;
}




// #########################################################################################
// #########################################################################################
// #########################################################################################

// Column order from the messages list
//  1 = From
//  2 = To
//  3 = Subject
//  4 = Date
//  5 = Size
//  6 = Read/Unread
//  7 = Attachment
//  8 = Priority Text
//  9 = Priority Number
// 10 = Flagged
// 11 = SPAM
// $conf->column_order = array('6', '1', '7', '2', '3', '4', '5');
// $conf->column_order = array('1', '2', '3', '4', '5');

// checkbox:
#inboxTable .column0 {
  text-align: left;
  width: 5pt;
}

// lu :
#inboxTable .column6 {
  text-align: right;
  width: 2pt;
}

// expéditeur 'DE' :
#inboxTable .column1 {
  text-align: left;
  width: 10%;
  white-space: nowrap;
}

// pièce jointe:
#inboxTable .column7 {
  text-align: right;
  width: 2pt;
}

// destinataire 'A':
#inboxTable .column5 {
  text-align: left;
  width: 24%;
  white-space: nowrap;
}

// sujet:
#inboxTable .column3 {
  text-align: left;
  width: 80%;
  white-space: nowrap;
}

// date:
#inboxTable .column4 {
  text-align: center;
  width: 10pt;
  white-space: nowrap;
}

// taille:
#inboxTable .column5 {
  text-align: right;
  width: 10pt;
}


// #########################################################################################
// #########################################################################################
// #########################################################################################
// #########################################################################################










#inboxTable tr.marked,
#inboxTable tr.marked .sorted {
  background-color: #FFDEAD;
}

#inboxTable tr.odd:hover,
#inboxTable tr.even:hover,
#inboxTable tr.hover,
#inboxTable tr.odd:hover .sorted,
#inboxTable tr.even:hover .sorted,
#inboxTable tr.hover .sorted {
  cursor: pointer;
  background-color: #FFC061;
}

#inboxStatus {
  text-align: center;
}

.send {
  border: 0px;
  text-align: center;
  width: 100%;
  padding: 0px;
  background-color: #F0F0F0;
}

.send table {
  width: 100%;
  padding: 0px;
  border: 0px;
}

.sendButtons {
  margin: 0;
  padding: 0.5em;
  text-align: center;
}

.sendLabel {
  width: 15%;
  text-align: right;
}

.sendData {
  text-align: left;
}

#attachTable {
  width: auto;
  border: 1px solid silver;
  border-collapse: collapse;
}

#attachTable th {
  text-align: left;
  background-color: silver;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

#attachTable td {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

#receipt {
  margin-left: 2em;
}

/*
 * mail data (verbose header, body and attachments)
 */
.mailData {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12pt;
}

.mail {
  margin: 0;
  padding: .5em;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12pt;
}

hr.mailAttachSep {
  margin: 0;
  padding: 0;
}

.mailTextAttach {
  margin: 0;
  padding: .5em;
}

.mailImgAttach {
  text-align: center;
}

.mailImgAttach img {
  margin: 0;
  padding: .5em;
  background: url(./img/img-loader.gif) no-repeat 50% 50%;
}

.mail,
.mailTextAttach {
  font-family: monospace;
}

.mailNav {
  border: 0px;
  text-align: center;
  padding: 0px;
  width: 100%;
  background-color: #F0F0F0;
}

.mailNav table {
  width: 100%;
  border: 0px;
  padding: 2px;
}

.mailSwitchHeaders {
 text-align: left;
 background-color: #F0F0F0;
}

.mailHeaderLabel {
 font-weight: normal;
 text-align: right;
 background-color: #F0F0F0;
}

.mailHeaderData {
  font-weight: bold;
  background-color: #F0F0F0;
  text-align: left;
}

.mailVerboseHeader {
  margin: 0;
  padding: 2px;
  background-color: #F0F0F0;
  text-align: left;
  
  /* http://sw-guide.de/2006-10/code-bloecke-pre-elemente-auf-webseiten/ */
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.attachments {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.attachments em {
  font-weight: normal;
  font-size: 12pt;
}

.contactAdd table {
  width: 100%;
  text-align: center;
  color: #000000;
  background-color: #F0F0F0;
  border: 1px solid silver;
  border-collapse: collapse;
}

.contactAdd table td {
  padding: 3px;
}

.contactsTitle {
  font-weight: bold;
  font-size: 12pt;
  color: #000000;
  background-color: silver;
}

.contactsSubTitle {
  font-weight: bold;
  font-size: 12pt;
}

.contactsAddLabel {
 text-align: right;
}

.contactsAddData {
 text-align: left;
}

.contactsList table {
  width: 100%;
  border: 1px solid silver;
  border-collapse: collapse;
}

.contactsList table th,
.contactsList table td {
  padding: 3px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.contactsListHeader {
  text-align: left;
  color: #000000;
  background-color: silver;
}

.contactsListOdd {
  color: #000000;
  background-color: #FFFFFF;
}

.contactsListEven {
  color: #000000;
  background-color: #F0F0F0;
}

.contactsAddLink {
  text-align: left;
  font-weight: bold;
}

.contactsListRuler td {
	text-align: center;
}

.contactsListRulerHigh a {
	text-decoration:underline;
	font-weight:bolder;
	font-size:1.4em;
}

.prefs {
  border: 0px;
  text-align: center;
  padding: 0px;
  width: 100%;
  background-color: #F0F0F0;
}

.prefs h3 {
  margin-top: 0;
  padding-top: 1em;
}

.prefs table {
  width: 100%;
}

.prefs fieldset {
  border: 0;
  border-top: 1px solid silver;
}

.prefs fieldset legend {
  margin-left: 2em;
  font-weight: bold;
  font-size: 12pt;
}

.prefsLabel {
  text-align: right;
  width: 20%;
}

.prefsData {
  text-align: left;
}

.navigation {
  height: 12px;
  width: 12px;
}

.nopic {
  text-align: center;
  color: #000000;
  background-color: #FFFF99;
  border: 1px solid #FFFF00;
}

.spamWarning {
  text-align: center;
  font-weight: bold;
  color: #000000;
  background-color: #FFCCCC;
  border: 1px solid #FFAAAA;
}

/* colored quotes */
.quoteLevel1 {
  color: navy;
}
.quoteLevel2 {
  color: maroon;
}
.quoteLevel3 {
  color: green;
}
.quoteLevel4 {
  color: purple;
}
.quoteLevel5 {
  color: teal;
}

.debug {
    font-family: monospace;
    font-size: 12pt;
}

.new-version {
	background-color: red;
}

.new-version-update-ok {
	color: green;
}

.new-version-update-missing {
	color: red;
}

.motpasse {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  text-align: left;
  font-weight: normal;
  color: #FFDDFF;
  background-color: #FFCC99;
}