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

.titlew {
  color: #FFFFFF;
}

.menuOpts {
  color: #000000;
}

.menuOpts input {
  overflow: visible;
}

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

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: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

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;
}    

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: larger;
  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: 27em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: larger;
  background-color: #CCCCCC;
  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 .sorted {
  padding-left: 3px;
  padding-right: 3px;
}

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

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

#inboxTable .column0 {
  text-align: center;
}

#inboxTable .column5 {
  text-align: right;
}

#inboxTable .column9 {
  text-align: center;
}

#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;
}

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

.mail pre {
  margin: 0;
  padding: 0;
}

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;
}

.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: larger;
  color: #000000;
  background-color: silver;
}

.contactsSubTitle {
  font-weight: bold;
  font-size: larger;
}

.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: center;
  font-weight: bold;
}

.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: larger;
}

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

.prefsData {
  text-align: left;
}

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

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

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

