Reinserting support for the "iframe_height" option. This might be done in a better...
[squirrelmail.git] / templates / default / css / default.css
index 32ccb4ac54502385cda333dc783512b2f587cca2..44fb5dc82748bddc4fd5931506cedbafc9aa20d7 100644 (file)
-/* older css template */
-body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
+/* page body formatting */
+body {
+    color:  #000000 /* __COLOR8__ */;
+    background-color: #ffffff /* __COLOR4__*/;
+    font-family: Arial, Helvetica, sans-serif;
 }
-body, small {
+body.sqm_leftMain {
+    color:  #000000 /* __COLOR6__*/;
+    background-color: #a0b8c8 /* __COLOR3__*/;
+    text-align: left;
 }
-td, th {
+
+img {
+    border:0;
 }
-textarea, pre {
-font-family: monospace;
+
+em {
+    font-weight: bold;
+    font-style: normal;
 }
 
-/* page body formatting */
-body {
-    color:  #000000;
-    background-color: #ffffff;
+.quote1 {
+    color: #800000 /* __COLOR13__*/;
 }
-body.sqm_leftMain {
-    color:  #000000;
-    background-color: #a0b8c8;
-    text-align: left;
+
+.quote2 {
+    color: #ff0000 /* __COLOR14__*/;
 }
 
 /* right links */
 a:link, a:visited, a:hover, a:active {
-    color: #0000cc;
+    color: #0000cc /* __COLOR7__ */;
 }
 
 /* left links */
 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
-    color:  #000000;
+    color:  #000000 /* __COLOR6__*/;
 }
+
 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
-    color:  #770000;
-}
-.leftrecent {
-    font-weight:bold;
+    color:  #770000 /* __COLOR11__ */;
 }
+
 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
-    color:  #002266;
+    color:  #002266 /* __COLOR15__ */;
 }
 
 /* highlighted texts */
 .highlight {
-    color:  #002266;
-}
-
-/* left_main.tpl definitions */
-.sqm_wrapperTable   {
-    border:0;
-    padding:0;
-    margin-left:0;
-    border-spacing:0;
-    width:99%
-}
-sqm_leftMain table {
-    border:0;
-    padding:0;
-    margin:0;
-    border-spacing:0;
-}
-.sqm_folderHeader {
-    font-size:18px;
-    font-weight:bold;
-    text-align:center;
-}
-.sqm_clock {
-}
-.sqm_lastRefreshTime {
-    white-space: nowrap;
-}
-.sqm_refreshButton {
+    color:  #002266 /* __COLOR15__ */;
 }
 
-/* formating of error template */
 .thead_caption {
     font-weight: bold;
     text-align: center;
 }
 
-.error_list {
-}
 .error_table {
-    color: #ff0000;
-    border: 2px solid #dcdcdc;
-    background-color: #a0b8c8;
-    width: 100%;
+    color: #ff0000 /* __COLOR14__*/;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
+    background-color: #a0b8c8 /* __COLOR3__*/;
 }
 .error_thead {
-    background-color: #666666;
+    background-color: #666666 /* __COLOR10__*/;
 }
 .error_thead_caption {
-    background-color: #666666;
+    background-color: #666666 /* __COLOR10__*/;
 }
 .error_row {
-    color: #ff0000;
+    color: #ff0000 /* __COLOR14__*/;
 }
 .error_val {
-    color: #000000;
-    width: 80%;
-    border: 2px solid #dcdcdc;
+    color: #000000 /* __COLOR6__*/;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
 
 }
 .error_key {
-    width: 20%;
-    border: 2px solid #dcdcdc;
-    color: #ff0000;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
+    color: #ff0000 /* __COLOR14__*/;
+    background-color: #dcdcdc /* __COLOR0__ */;
+}
+
+table.table_empty,table.table_blank    {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    width: 100%;
+}
+
+table.spacer {
+    border: 0;
+    height: 5px;
+    width:100%;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+table.table1    {
+    border: 1px solid #dcdcdc /* __COLOR0__ */;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+table.table1    td  {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+table.table2    {
+    border: 1px solid #ababab /* __COLOR9__ */;
+    width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+table.table2    td  {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+td.emptyList    {
+    text-align: center;
+    font-weight: bold;
+}
+
+td.header1  {
+    background: #dcdcdc /* __COLOR0__ */;
+    text-align: center;
     font-weight: bold;
-    font-style: italic;
-    background-color: #dcdcdc;
 }
 
-/* form fields */
-input.sqmtextfield{
+td.header2  {
+    background: #ababab /* __COLOR9__ */;
+    text-align: center;
+    font-weight: bold;
+    padding-top: 2px;
+    padding-bottom: 2px;
 }
-input.sqmpwfield {
+
+td.header3  {
+    text-align: center;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-bottom: 4px;
 }
-input.sqmcheckbox {
+
+td.header4  {
+    background: #ffffcc /* __COLOR5__*/;
+    font-weight: bold;
+    padding-top:2px;
+    padding-bottom: 2px;
+    text-align: center;
 }
-input.sqmradiobox {
+
+td.header5 {
+    background-color: #ababab /* __COLOR9__ */;
+    font-weight: bold;
+    text-align: left;
 }
-input.sqmhiddenfield {
+
+td.fieldName {
+    text-align: right;
+    width:25%;
+    font-weight: bold;
+    vertical-align:top;
+    padding-left: 4px;
+    padding-right: 4px;
 }
-input.sqmsubmitfield {
+
+td.fieldValue {
+    text-align: left;
+    width:75%;
+    font-weight: normal;
 }
-input.sqmresetfield {
+
+tr.even {
+    background: #ededed /* __COLOR12__*/;
 }
-input.sqmtextarea {
+tr.odd  {
+    background: #ffffff /* __COLOR4__*/;
 }
 
-/* basic definitions */
-.table_empty {
-    width:100%;
-    border:0;
-    margin:0;
-    padding:0;
-    border-spacing:0;
+tr.clicked_even {
+    background: #ff9933 /* __COLOR16__*/;
+}
+tr.clicked_odd  {
+    background: #ff9933 /* __COLOR16__*/;
 }
 
 .table_standard {
-    width:100%;
-    border:1px solid #dcdcdc;
-    padding:0;
-    margin:0;
-    border-spacing:0;
+    border:1px solid #dcdcdc /* __COLOR0__ */;
+    width: 100%;
 }
 
-em             {
-    font-weight:bold;
-    font-style:normal;
+.sqm_loginOrgName, .sqm_signoutBar {
+    background: #dcdcdc /* __COLOR0__ */;
 }
 
-small  {
-    font-size:80%;
-}
-img   {
-    border:0;
+.sqm_signout {
+    margin-top: 2em;
+    text-align: center;
 }
 
-/* login.tpl definitions */
-#sqm_login table {
+.sqm_wrapperTable   {
     border:0;
-    margin:0;
     padding:0;
+    margin-left:0;
     border-spacing:0;
-    margin-left:auto;
-    margin-right:auto;
-}
-#sqm_login td {
-    padding:2px;
-}
-
-.sqm_loginImage {
-    margin-left:auto;
-    margin-right:auto;
-    padding:2px;
+    width:99%
 }
-.sqm_loginTop {
-    text-align:center;
-    font-size:80%;
+sqm_leftMain table {
+    border:0;
+    padding:0;
+    margin:0;
+    border-spacing:0;
 }
-.sqm_loginOrgName {
+.sqm_folderHeader {
+    font-size:18px;
     font-weight:bold;
     text-align:center;
-    background: #dcdcdc;
-    width:350px;
-    border:0;
 }
-.sqm_loginFieldName {
-    text-align:right;
-    width:30%;
+.sqm_clock {
 }
-.sqm_loginFieldInput {
-    text-align:left;
+.sqm_lastRefreshTime {
+    white-space: nowrap;
 }
-.sqm_loginSubmit {
-    text-align:center;
+.sqm_refreshButton {
 }
 
 /* note.tpl defs */
@@ -208,180 +239,105 @@ img   {
     text-align:center;
 }
 
-/* motd.tpl defs */
-.sqm_motdWrapper {
-    text-align:center;
-    width:100%;
-    margin:1px;
-}
+/* motd defs */
 .sqm_motd {
-    margin-left:auto;
-    margin-right:auto;
-    text-align:center;
-    background: #ababab;
-    width:70%;
-    padding:0;
+    background: #ababab /* __COLOR9__ */;
 }
 .sqm_motd td {
-    text-align:center;
-    background: #ffffff;
-    padding:5px;
+    background: #ffffff /* __COLOR4__*/;
 }
 
 /* empty_folder.tpl defs */
-.sqm_emptyFolderWrapper {
-    text-align:center;
+div.sqm_emptyFolderWrapper {
     width:100%;
+    text-align: center;
 }
-.sqm_emptyFolder {
+table.sqm_emptyFolder {
+    background: #ababab /* __COLOR9__ */;
+    width:95%;
     margin-left:auto;
-    margin-right:auto;
-    text-align:center;
-    background: #ababab;
-    padding:1px;
-    width:100%;
+    margin-right: auto;
 }
-.sqm_emptyFolder td {
-    text-align:center;
-    background: #ffffff;
-    padding-top:15px;
-    padding-bottom:15px;
+table.sqm_emptyFolder td {
+    background: #ffffff /* __COLOR4__*/;
+    text-align: center;
 }
 
 /* error_box.tpl definitions */
-.table_errorBoxWrapper   {
-    width:100%;
-    padding:0;
-    border-spacing:0;
-    border:0;
-    text-align:center;
-    margin-left:auto;
-    margin-right:auto;
-    background: #ababab;
+.table_errorBoxWrapper {
+    background: #ababab /* __COLOR9__ */;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
 }
 
 .table_errorBox  {
-    width:100%;
-    padding:0;
-    border-spacing:0;
-    border:0;
-    text-align:center;
-    margin-left:auto;
-    margin-right:auto;
-    background: #dcdcdc;
-}
-.error_header {
-    color: red;
-    font-weight:bold;
-    font-weight:bold;
-    font-style:normal;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 .error_message {
-    background: #ffffff;
-}
-
-/* error_logout.tpl definitions */
-#sqm_errorLogout {
-    width:100%;
-    text-align:center;
-}
-#sqm_errorLogout table {
-    border:0;
-    margin:0;
-    padding:0;
-    border-spacing:0;
-    margin-left:auto;
-    margin-right:auto;
+    background: #ffffff /* __COLOR4__*/;
 }
-#sqm_errorLogout td {
-    padding:2px;
+td.error_header {
+    font-weight: bold;
+    color: #cc0000 /* __COLOR2__*/;
 }
-.sqm_errorLogoutImage {
-    margin-left:auto;
-    margin-right:auto;
-    padding:2px;
+
+/* logout error screen */
+
+#sqm_errorLogout  {
+    margin-top: 25px;
+    text-align: center;
 }
-.sqm_errorLogoutTop {
-    text-align:center;
-    font-size:80%;
+
+#sqm_errorLogout  table   {
+    border: 0;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: 70%;
 }
 
+
 /* page_header.tpl definitions */
 .sqm_currentFolder     {
-    background: #ababab;
-    padding:2px;
+    background: #ababab /* __COLOR9__ */;
     text-align: left;
 }
 .sqm_headerSignout     {
-    background: #ababab;
-    padding:2px;
+    background: #ababab /* __COLOR9__ */;
     text-align: right;
-    font-weight:bold;
 }
 .sqm_topNavigation     {
-    padding:2px;
     text-align: left;
 }
 .sqm_providerInfo      {
-    padding:2px;
     text-align: right;
 }
 
 /* message_list.tpl definitions */
+#message_list {
+    width: 100%;
+}
 .table_messageListWrapper      {
+    background: #ababab /* __COLOR9__ */;
     width:100%;
-    padding:0;
-    border-spacing:0;
-    border:0;
-    text-align:center;
-    margin-left:auto;
-    margin-right:auto;
-    background: #ababab;
 }
 
 .table_messageList     {
-    width:100%;
-    padding:0;
-    border-spacing:0;
-    border:0;
-    text-align:center;
-    margin-left:auto;
-    margin-right:auto;
-    background: #ffffcc;
-}
-
-.table_messageList     a       {
-    white-space:nowrap;
+    background: #ffffcc /* __COLOR5__*/;
 }
 
 .table_messageList     tr.headerRow    {
     text-align: left;
-    white-space:nowrap;
-    font-weight:bold;
 }
 .table_messageList td.spacer {
-    height:1px;
-    background: #dcdcdc;
-}
-
-.table_messageList     tr              {
-    vertical-align:top;
-}
-.table_messageList     tr.even {
-    background: #ededed;
-}
-.table_messageList     tr.odd  {
-    background: #ffffff;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 .table_messageList     tr.mouse_over   {
-    background: #ffffcc;
+    background: #ffffcc /* __COLOR5__*/;
 }
 .table_messageList     tr.clicked      {
-    background: #ff9933;
-}
-
-.table_messageList     td      {
-    white-space:nowrap;
+    background: #ff9933 /* __COLOR16__*/;
 }
 .table_messageList     td.col_check    {
     text-align: left;
@@ -392,63 +348,751 @@ img   {
 .table_messageList     td.col_flags    {
     text-align: left;
 }
-.table_messageList     td.col_date     {
-    text-align:center;
-}
 .table_messageList     td.col_text     {
     text-align: left;
 }
-
-.unread                {
-    font-weight:bold;
+td.message_count       {
+    text-align: right;
+}
+.unread {
+    font-weight: bold;
 }
 .deleted       {
-    color: #ababab;
+    color: #ababab /* __COLOR9__ */;
 }
 .flagged       {
-    color: #cc0000;
+    color: #cc0000 /* __COLOR2__ */;
 }
 .high_priority {
-    color: #800000;
+    color: #800000 /* __COLOR13__*/;
 }
 .low_priority  {
-    color: #000000;
-}
-
-.col_checked   {
+    color: #000000 /* __COLOR4__*/;
 }
 
 .links_paginator                       {
     text-align: left;
 }
 
-.message_count                         {
-    text-align:right;
-    font-size:8pt;
-}
-
 .message_list_controls {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 
-.message_control_button {
-    padding:0px;
-    margin:0px;
-}
 .message_control_buttons {
     text-align: left;
-    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 }
 .message_control_delete {
     text-align: right;
-    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 }
 .message_control_move {
     text-align: right;
-    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 }
 
 .spacer        {
-    height:5px;
-    background: #ffffff;
+    background: #ffffff /* __COLOR4__*/;
+}
+
+.sqm_squirrelcopyright, .sqm_squirrelcopyright a:link, .sqm_squirrelcopyright a:visited {
+   font-size: xx-small;
+   color: gray;
+   text-align: center;
+}
+.sqm_squirrelcopyright a:hover {
+   color: navy;
+}
+
+/* dialog box defs */
+.dialogbox   {
+    text-align:center;
+}
+
+.dialogbox   td  {
+    text-align: center;
+    padding: 2px;
+}
+
+.dialogbox   table   {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    border: 0;
+    width: 70%;
 }
+
+.dialogbox   table.wrapper   {
+    border: 1px solid #dcdcdc /* __COLOR0__ */;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+}
+
+.dialogbox  div {
+    margin-left: auto;
+    margin-right: auto;
+    width: 80%;
+    text-align: left;
+}
+
+/* login defs */
+#sqm_login  {
+    margin-top: 25px;
+    text-align: center;
+}
+
+#sqm_login  table   {
+    border: 0;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: auto;
+}
+
+#sqm_login  td   {
+    padding-left: 2px;
+    padding-right: 2px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    width: auto;
+    text-align: center;
+}
+
+#sqm_login  td.orgName {
+    font-weight: bold;
+    background: none;
+    font-size: 90%;
+}
+
+#sqm_login  td.orgLogo {
+    width: 155px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#sqm_login  td.orgLogo  img {
+    width: 150px;
+    padding:0;
+}
+
+#sqm_login  td.attr   {
+    font-size: 70%;
+    padding-top:5px;
+    padding-bottom: 10px;
+}
+
+#sqm_login  td.fieldName {
+    font-size: 10pt;
+    font-weight: bold;
+    text-align: right;
+    width: 50%;
+}
+
+#sqm_login  td.fieldInput {
+    text-align: left;
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+#sqm_login  td.loginSubmit {
+    padding-top: 15px;
+}
+
+/* addressbook_list.tpl defs */
+#addressList    {
+    text-align: center;
+}
+
+#addressList    input   {
+    font-size: 8pt;
+}
+
+#addressList    select  {
+    font-size: 75%;
+}
+
+#addressList    table   {
+    margin-left: auto;
+    margin-right: auto;
+    width: 95%;
+    border: 1px solid #ababab /* __COLOR9__ */;
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+
+#addressList    td  {
+    text-align: left;
+    padding: 2px;
+}
+
+#addressList    td.header1  {
+    text-align: center;
+    background: #ababab /* __COLOR9__ */;
+}
+#addressList    td.abookSwitch  {
+    background: #dcdcdc /* __COLOR0__ */;
+    text-align: right;
+}
+
+#addressList    td.abookButtons  {
+    background: #dcdcdc /* __COLOR0__ */;
+}
+
+#addressList    td.abookField   {
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-right: 1px solid #ababab /* __COLOR9__ */;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+#addressList    td.colHeader {
+    text-align: center;
+    font-weight: bold;
+    font-size: 98%;
+    background: #ababab /* __COLOR9__ */;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+#addressList    td.abookEmpty   {
+    text-align:center;
+    font-weight: bold;
+}
+
+#addressList    td.abookCompose {
+    font-size: 8pt;
+    white-space: nowrap;
+}
+
+#addrBookSearch {
+    text-align: center;
+}
+
+#addrBookSearch table   {
+    padding: 0;
+    border: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#addrBookSearch   table.wrapper   {
+    border: 1px solid #ababab /* __COLOR9__ */;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+}
+
+#addrBookSearch td  {
+    padding: 2px;
+}
+
+#addrBookSearch label   {
+    font-weight: bold;
+}
+
+#addrBookSearch input   {
+    font-size: 75%;
+}
+
+#addrBookSearch select  {
+    font-size: 75%;
+}
+
+#addrBookSearch td.buttons  {
+    text-align: center;
+}
+
+#addrAddEdit    {
+    text-align: center;
+}
+
+#addrAddEdit    table   {
+    border: 1px solid #ababab /* __COLOR9__ */;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 6px;
+    margin-bottom: 6px;
+    width: 95%
+}
+
+#addrAddEdit    td.header   {
+    background: #ababab /* __COLOR9__ */;
+    text-align: center;
+    font-weight: bold;
+}
+
+#addrAddEdit    td.fieldName   {
+    text-align: right;
+    width: 30%;
+}
+
+#addrAddEdit    td.addButton   {
+    text-align: center;
+}
+
+#addrAddEdit    td  {
+    text-align: left;
+    padding: 2px;
+}
+
+#addrAddEdit    input   {
+    font-size: 75%;
+}
+
+#addrAddEdit    select  {
+    font-size: 75%;
+}
+
+#optionGroups   {
+    text-align: center;
+}
+
+/* help defs */
+#help   {
+    text-align: center;
+}
+
+#help   td.help  {
+    text-align: left;
+}
+
+#help   li  {
+    padding-left: 0px;
+}
+
+#help   ul  {
+    padding-left: 20px;
+    padding-right: 75px;
+}
+
+#help   td.nav  {
+    text-align: center;
+    color: #dcdcdc /* __COLOR0__ */;
+    padding-top: 15px;
+    padding-bottom: 5px;
+}
+
+#help   h1  {
+    font-size: 14pt;
+    font-weight: bold;
+    margin-top: 2px;
+    margin-bottom: 0px;
+}
+
+#help   h2  {
+    font-size: 10pt;
+    font-weight: normal;
+    margin-bottom: 2px;
+    margin-top: 0;
+}
+
+#help   h3  {
+    font-weight: bold;
+    font-size: 10pt;
+    margin: 0;
+    padding: 0;
+}
+
+#help   td.help p   {
+    margin-top: 2px;
+    margin-bottom: 10px;
+}
+
+#help   td.help  li   {
+    margin-left: 10px;
+}
+
+#optionsIdentity    table   {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#optionsIdentity    table.table2 tr  {
+    background: #dcdcdc /* __COLOR0__ */;
+}
+
+#optionsIdentity    td.fieldName    {
+    text-align: right;
+    width: 30%;
+}
+
+#optionsIdentity    td.fieldValue   {
+    text-align: left;
+}
+
+#optionsIdentity    td.actionButtons  {
+    text-align: center;
+}
+
+#optionsIdentity hr  {
+    width: 95%;
+    border: 1px solid #ababab /* __COLOR9__ */;
+}
+
+#vCard  {
+    text-align: center;
+}
+
+#vCard  table   {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#vCard  td.fieldName   {
+    text-align: right;
+    font-weight: bold;
+    vertical-align: top;
+}
+
+#vCard  td.fieldValue   {
+    text-align: left;
+}
+
+div.search table   {
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+div.search td.header4  {
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+    vertical-align: bottom;
+}
+
+div.search td.queryAction {
+    text-align: center;
+    font-size: small;
+    width: 1%;
+    padding-left: 8px;
+    padding-right: 8px;
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.search td.queryDesc  {
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.search span {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+div.search span.operator {
+    font-weight: normal;
+    text-decoration: underline;
+    font-style: italic;
+}
+
+div.search span.mailbox {
+    font-weight: bold
+}
+
+div.search span.conditions {
+    font-weight: normal;
+    text-decoration: underline;
+    font-style: italic;
+}
+
+div.search span.value {
+    font-weight: bold;
+}
+
+div.search span.error  {
+    color: #cc0000 /* __COLOR2__ */;
+    font-weight: bold;
+    font-size: 125%;
+}
+
+div.search td.searchForm  {
+    border-right: 1px solid #dcdcdc /* __COLOR0__ */;
+    border-left: 1px solid #dcdcdc /* __COLOR0__ */;
+    font-weight: bold;
+    text-align: center;
+}
+
+div.search td.queryError {
+    color: #cc0000 /* __COLOR2__ */;
+    font-weight: bold;
+    text-align: center;
+    padding: 4px;
+}
+
+div.search td.header1 input {
+    font-size: 80%;
+    margin: 2px;
+}
+
+div.search h1 {
+    font-weight: bold;
+    font-size: 150%;
+    margin-top: 6px;
+    margin-bottom: 2px;
+}
+
+div.search h2 {
+    color: #cc0000 /* __COLOR2__ */;
+    font-weight: bold;
+    text-align: center;
+}
+
+div.compose    {
+    text-align: center;
+}
+
+div.compose table {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.compose td.fieldName {
+    text-align: right;
+    font-weight: bold;
+    width: 30%;
+    vertical-align: top;
+}
+
+div.compose td.fieldValue {
+    text-align: left;
+}
+
+div.compose td.buttons {
+    text-align: center;
+}
+
+div.compose input {
+    font-size: 80%;
+}
+
+div.compose textarea {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+div.compose td.bottomSend {
+    text-align: center;
+}
+
+div.compose tr.header {
+    background: #ababab /* __COLOR9__ */;
+}
+
+div.compose tr.header td {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+div.compose tr.attachment td {
+    background: #dcdcdc /* __COLOR0__ */;
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.compose table.close {
+    width: 100%;
+    background: #dcdcdc /* __COLOR0__ */;
+    border:1px solid #ababab /* __COLOR9__ */;
+    text-align: center;
+    margin: 0;
+}
+
+div.readMenuBar table {
+    padding:0;
+    margin:0;
+    width: 100%;
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-right: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar table.top {
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar table.bottom {
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar td {
+    padding:2px;
+}
+
+div.readMenuBar td.nav {
+    padding-top:4px;
+    padding-bottom:4px;
+}
+
+div.readMenuBar tr.buttons {
+    background-color: #dcdcdc /* __COLOR0__ */;
+}
+
+div.readMenuBar td.buttons {
+    width:1%;
+    vertical-align: middle;
+    white-space: nowrap;
+}
+
+div.readMenuBar input, select {
+       padding:0;
+       font-size:100%;
+}
+
+div.readMenuBar td.move {
+    text-align: right;
+}
+
+div.readMenuBar form {
+    display:inline;
+}
+
+div.readHeaders table.table2 {
+    width:100%;
+    background-color: #dcdcdc /* __COLOR0__ */;
+}
+
+div.readHeaders td {
+    padding-left:4px;
+    padding-right:4px;
+}
+
+div.readHeaders table.spacer {
+    border: 0;
+    height: 5px;
+    width:100%;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.readBody table {
+    width: 100%;
+}
+
+div.readBody table.table2 tr {
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.readBody table.table2 td {
+    padding: 10px;
+    width:100%;
+}
+
+div.readAttachments table {
+    width: 100%;
+}
+
+div.readAttachments td.attachSize, td.attachDesc {
+    font-weight: bold;
+}
+
+div.readAttachments td.attachActions {
+    text-align: right;
+}
+
+div.readInlineImages {
+    width:100%;
+    text-align: center;
+}
+
+div.readInlineImages table {
+    width: 50%;
+    margin-top:8px;
+    margin-bottom:8px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.readInlineImages td.header5 {
+    padding-left:2px;
+    padding-right:2px;
+    width:60%;
+    white-space:nowrap;
+}
+
+div.readInlineImages td.header5 a {
+    font-size:75%;
+    font-weight: normal;
+}
+
+div.readInlineImages td.image {
+    border:1px solid #ababab /* __COLOR9__ */;
+    padding:10px;
+}
+
+div.printerFriendlyTop table {
+    width:100%;
+}
+
+div.printerFriendlyTop td {
+    text-align: right;
+}
+
+div.printerFriendly table.attach {
+    width: 100%;
+    margin-top:5px;
+    margin-bottom:5px;
+}
+
+div.printerFriendly td.attachField {
+    width: 30%;
+    font-weight: bold;
+    text-align: right;
+}
+
+div.printerFriendly td.attachName {
+    font-weight: bold;
+}
+
+div.viewHeader table.table1 {
+    width: 100%;
+}
+
+div.viewHeader td.headers {
+    padding-left:5px;
+    font-family: monospace, sans-serif;
+    font-size: small;
+}
+
+div.viewHeader span.headerName {
+    font-weight: bold;
+}
+
+div.htmlIframe {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+}
+
+div.htmlIframe iframe {
+    width:100%;
+}
+
+div.viewText table.table1 {
+    width: 100%;
+}
+
+div.viewText td.header2 a {
+    font-size: smaller;
+    font-weight: normal;
+}
+
+div.viewText td.actions {    text-align: center;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+div.viewText td.text {
+    padding: 10px;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.viewText td.spacer {
+    padding: 3px;
+    background-color: #DCDCDC /* __COLOR0__ */;
+}
+
+