body {font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#F6F6F6; margin:0; padding:0; font-size:11px}
p, div, h1, h2, h3, h4, table {font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px}
a {color:#930}
a:hover {color:#000}
th {text-align:left}
#top {width:100%; padding:5px; border:solid 1px #930; border-bottom:none; background-color:#fc6; margin:0}
#nav {margin:0 0 10px 0; width:100%; border:solid 1px #930; border-left:none; background:url(/images/nbg.gif) repeat-x}
#nav a {color:#930; padding:3px 0 3px 0; height:100%; width:100%; display:block; font-weight:bold; text-decoration:none}
#nav a:hover {color:#000; background:url(/images/nbg2.gif) repeat-x}
#nav td {border-left:solid 1px #930; text-align:center}
#nav td.active {background:url(/images/nbg2.gif) repeat-x}
#messages {position:absolute; top:30px; left:300px}
#info {background:url(/resources/images/info.gif) no-repeat; background-position:3px center; border:1px solid #ff6666; background-color:#ffcccc; width:400px; padding:10px 10px 10px 40px; text-align:left}
#warning {background:url(/resources/images/warning.gif) no-repeat; background-position:3px 3px; border:1px solid #ff6666; background-color:#ffcccc; width:400px; padding:10px 10px 10px 40px; text-align:left}
#l1 {float:left; width:250px}
#l1 input[type=text], #l1 input[type=password] {width:145px}
#l1 div {border:solid 1px #930; padding:2px; border-left:none; margin:0 0 10px 0}
#r1 {margin-left:260px}
#r1 div {border:solid 1px #930; padding:2px; border-right:none; margin:0 0 10px 0}
#l1 h3, #l1 h4 {margin:0; font-size:14px; padding:2px; background:url(/images/nbg.gif) repeat-x; border-top:solid 1px #930; border-right:solid 1px #930}
#r1 h3, #r1 h4 {margin:0; font-size:14px; padding:2px; background:url(/images/nbg.gif) repeat-x; border-top:solid 1px #930; border-left:solid 1px #930}
#bottom {width:100%; margin:0; position:absolute; bottom:0; left:0; background-image:url(/images/bbg.gif); background-repeat:repeat-x; border-bottom:solid 1px #930; text-align:center; color:#930; padding:2px 0 2px 0}
#login {text-align:center; width:100%; margin-top:130px}
#login form {text-align:left; width:250px; border:4px double #C5C7C8; padding:30px; margin-left:auto; margin-right:auto}
#taskbar {position:absolute; top:93px; right:0; height:37px; padding:10px 14px 10px 0px; text-align:right; white-space:nowrap; background:url(/resources/images/taskbar.gif) top right no-repeat; width:600px; z-index:2}
#taskbar a {color:#666666; text-decoration:none; padding:6px 16px 6px 30px; background-repeat:no-repeat}
#taskbar a:hover {color:#333333}
a.button-mail {background-image:url(/resources/images/mail.gif)}
a.button-address {background-image:url(/resources/images/addressbook.gif)}
a.button-settings {background-image:url(/resources/images/settings.gif)}
a.button-logout {background-image:url(/resources/images/logout.gif)}
#logged {position:absolute; top:107px; left:30px; color:#FF0000; z-index:3}
#listbuttons {z-index:10; position:absolute; top:127px; left:220px}
#actiondiv {z-index:10; position:absolute; top:130px; left:360px}
#quicksearchbar {position:absolute; top:135px; right:30px; width:182px; height:20px; text-align:right; background:url(/resources/images/searchfield.gif) top left no-repeat; z-index:5}
#quicksearchbar a {position:absolute; top:3px; right:4px; text-decoration:none}
#quicksearchbar img {vertical-align:middle}
#quicksearchbox {position:absolute; top:2px; left:20px; width:140px; font-size:11px; padding:0px; border:0}
#send {margin-top:5px}
#folderouter {position:absolute; top:160px; left:30px; bottom:40px; width:160px; border:solid 1px #999; overflow:auto; height:expression((parseInt(document.documentElement.clientHeight)-200)+'px')}
#folderouter h3 {line-height:14px; color:#333333; margin:0; padding:3px 10px 3px 10px; background:url(/resources/images/listheader_aqua.gif) repeat-x; border-bottom:solid 1px #999}
#folderlist {width:100%; height:auto; margin:0px; padding:0px; list-style-type:none; overflow:hidden; white-space:nowrap}
#folderlist li {border-bottom:1px solid #EBEBEB}
#folderlist li a {width:100%; background:url(/resources/images/folder-closed.gif) no-repeat; background-position:10px 1px; display:block; padding-left:32px; padding-top:2px; padding-bottom:2px; text-decoration:none}
#folderlist li.inbox a {background:url(/resources/images/folder-inbox.gif) no-repeat; background-position:10px 1px}
#folderlist li.drafts a {background:url(/resources/images/folder-drafts.gif) no-repeat; background-position:10px 1px}
#folderlist li.sent a {background:url(/resources/images/folder-sent.gif) no-repeat; background-position:10px 1px}
#folderlist li.junk a {background:url(/resources/images/folder-junk.gif) no-repeat; background-position:10px 1px}
#folderlist li.trash a {background:url(/resources/images/folder-trash.gif) no-repeat; background-position:10px 1px}
#folderlist li.unread {font-weight:bold}
#folderlist li a:hover {background-color:#EBEBEB}
#folderlist li.selected {border-bottom:1px solid #898989}
#folderlist li.selected a {color:#FFF; font-weight:bold; background-color:#929292}
#folderlist li.selected a:hover {background-color:#929292}
#addresscardouter {position:absolute; top:160px; left:300px; right:30px; bottom:40px; border:solid 1px #999; background:#ebebeb url(/resources/images/watermark.png) center 30px no-repeat; overflow:hidden; height:expression((parseInt(document.documentElement.clientHeight)-200)+'px'); width:expression((parseInt(document.documentElement.clientWidth)-330)+'px')}
#addresscardouter h3 {line-height:14px; color:#333333; margin:0; padding:3px 10px 3px 10px; background:url(/resources/images/listheader_aqua.gif) repeat-x; border-bottom:solid 1px #999}
#addresscard {width:100%; height:100%; background-color:#fff; margin:0; padding:30px}
#addresscard table th {width:100px; text-align:right; padding-right:10px; color:#666}
#addresslistouter {position:absolute; top:160px; left:40px; bottom:40px; width:250px; border:solid 1px #999; overflow:auto; height:expression((parseInt(document.documentElement.clientHeight)-200)+'px')}
#addresslistouter h3 {line-height:14px; color:#333333; margin:0; padding:3px 10px 3px 10px; background:url(/resources/images/listheader_aqua.gif) repeat-x; border-bottom:solid 1px #999}
#addresslist {width:100%; height:auto; margin:0px; padding:0px; list-style-type:none; overflow:hidden; white-space:nowrap}
#addresslist td {border-bottom:1px solid #EBEBEB}
#addresslist td:hover {background-color:#EBEBEB}
#addresslist a {color:#000; width:100%; display:block; background-color:#fff; padding-left:10px; padding-top:2px; padding-bottom:2px; text-decoration:none}
#addresslist a:hover {background-color:#EBEBEB}
#addresslist .selected td {background-color:#929292}
#addresslist .selected a {background-color:#929292}
#addresslist .selected a:hover {background-color:#929292}
#msglistouter {position:absolute; top:160px; left:220px; right:30px; bottom:40px; border:1px solid #999999; background-color:#F6F6F6; overflow:auto; width:expression((parseInt(document.documentElement.clientWidth)-250)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-200)+'px')}
#msglist {font-size:11px; width:100%; display:table; table-layout:fixed; width:expression((parseInt(document.getElementById('msglistouter').clientWidth)-1)+'px')}
#msglist input {width:11px; height:11px}
#msglist thead tr td {height:20px; padding:0 4px 0 2px; vertical-align:middle; overflow:hidden; white-space:nowrap; border-bottom:1px solid #999999; color:#333333; background-color:#EBEBEB; background-image:url(/resources/images/listheader_aqua.gif); font-weight:bold}
#msglist thead tr td a {display:block; width:auto !important; width:100%; color: #333333; text-decoration:none}

#msglist thead tr td.sortedASC, #msglist thead tr td.sortedDESC {background-image:url(/resources/images/listheader_dark.gif)}
#msglist thead tr td.sortedASC a {background:url(/resources/images/sort_asc.gif) top right no-repeat}
#msglist thead tr td.sortedDESC a {background:url(/resources/images/sort_desc.gif) top right no-repeat}

#msglist tbody tr td {padding:3px 4px 3px 2px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #EBEBEB}
#msglist tbody tr td a {display:block; width:auto !important; width:100%; color:#000; text-decoration:none}
#msglist tbody tr.seen td {font-weight:normal; white-space:nowrap}

#msglist tr td.from {width:120px}
#msglist tr td.subject {}
#msglist tr td.status {padding:0; width:14px}
#msglist tr td.attach0 {padding:0; width:16px}
#msglist tr td.attach1 {background:url(/resources/images/attachment.gif) center center no-repeat; padding:0; width:16px}
#msglist tr td.check {padding:0 0 0 3px; width:14px}
#msglist tr td.size {width:50px}
#msglist tr td.date {width:150px}
#msgviewouter {position:absolute; top:160px; left:220px; right:30px; bottom:40px; border:1px solid #999999; background-color:#FFFFFF; overflow:auto; /* css hack for IE */  width:expression((parseInt(document.documentElement.clientWidth)-250)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-200)+'px')}
#msgviewouter table.headers {width:100%; background-color:#EBEBEB; width:expression(document.getElementById('msgviewouter').clientWidth)}
#msgviewouter table.headers tr {vertical-align:top}
#msgviewouter table.headers tr td {padding:3px; border-bottom:1px solid #FFFFFF}
#msgviewouter table.headers tr th {width:90px; color:#666666; font-weight:bold; text-align:right; white-space:nowrap; padding:3px; border-bottom:1px solid #FFFFFF}
#prevnext {z-index:10; margin:0; position:absolute; bottom:20px; right:30px; text-align:right; color:#666666}
#msgselect {z-index:10; margin:0; position:absolute; bottom:20px; left:220px}
#msgselect .unused {color:#AAAAAA}
#msgselect .quota {color:#666666}
#msgselect .quota img {border:1px solid #666666; vertical-align:middle}
#msgselect a {color:red; text-decoration:none}
#msgbody {position:relative; min-height:300px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF}
div.msgpart {padding:8px; padding-top:10px; overflow:hidden}
div.pre {margin:0px; padding:0px; white-space:pre; font-family:monospace}
#composeouter {position:absolute; z-index:5; top:160px; left:220px; bottom:40px; right:30px; width:expression((parseInt(document.documentElement.clientWidth)-250)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-200)+'px')}
#composeouter input {border:1px solid #999999; height:20px; margin-bottom:2px}
#composetable {width:100%}
#composetable tr {vertical-align:middle}
#composetable th {text-align:left; font-weight:bold; color:#666666; width:105px}
#composetable td.recsub input {height:16px; width:99%}
#editor {width:100%; height:70%; height:expression(((document.getElementById('composeouter').clientHeight) - (document.getElementById('composetable').clientHeight) - ((document.getElementById('attach').style.display == 'none') ? 0 :33) - 40) + 'px')}
#editor textarea {width:100%; height:100%; height:expression((document.getElementById('editor').clientHeight) + 'px')}
#reply {margin-left:20px; border-left:solid 10px red}
#wait {background-color:#fff; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; position:absolute; top:0; left:0; width:100%; height:100%; width:expression(parseInt(document.documentElement.clientWidth)+'px'); height:expression(parseInt(document.documentElement.clientHeight)+'px'); display:none; z-index:100}
#settingsmenu {border-bottom:1px solid #999; position:absolute; top:145px; left:30px; right:30px; height:22px; width:expression((parseInt(document.documentElement.clientWidth)-60)+'px')}
#settingsmenu a {display:block; float:left; text-align:center; font-size:12px; color:#666; text-decoration:none; line-height:24px; background:url(/resources/images/tab_pas.gif) top left no-repeat; width:100px; height:23px}
#settingsmenu a.sel {background:url(/resources/images/tab_act.gif) top left no-repeat; color:#000; height:23px}
#folder-manager {position:absolute; top:175px; left:20px; width:600px; bottom:120px; overflow:auto; border:1px solid #999999; height:expression((parseInt(document.documentElement.clientHeight)-295)+'px')}
#subscription-table {width:100%}
#subscription-table thead td, #userprefs-title, #identity-title, div.boxtitle {height:12px !important; padding:4px 20px 3px 6px; border-bottom:1px solid #999999; color:#333333; font-size:11px; font-weight:bold; background-color:#EBEBEB; background-image:url(/resources/images/listheader_aqua.gif)}
#subscription-table tbody td {height:16px; padding:2px 10px 2px 6px; white-space:nowrap; border-bottom:1px solid #EBEBEB; background-color:#F9F9F9; cursor:pointer}
#subscription-table tr.selected td, #subscription-table tr.selected td a {color:#FFFFFF; background-color:#CC3333}
#subscription-table thead td.name {width:250px}
#subscription-table thead td.msgcount {width:90px}
#subscription-table thead td.subscribed {width:90px}
#auto-responder-top {position:absolute; top:175px; left:20px}
#auto-responder-top table th {height:24px; width:100px; text-align:right; padding-right:10px; color:#666}
#auto-responder-editor {position:absolute; top:225px; left:130px; bottom:70px; right:50px; height:expression((parseInt(document.documentElement.clientHeight)-295)+'px'); width:expression((parseInt(document.documentElement.clientWidth)-180)+'px')}
#auto-responder-editor textarea {width:100%; height:100%}
#newfolder {position:absolute; width:600px; height:90px; left:20px; bottom:20px; z-index:15; border:1px solid #999999}
div.pad {display:block; padding:10px}
#confirm {position:absolute; left:200px; top:250px; border:1px solid #999999; background-color:#EEEEEE; padding:20px; z-index:50}
#compose-attachments {position:absolute; top:160px; left:20px; width:160px}
#compose-attachments ul {margin:0px; padding:0px; border:1px solid #CCCCCC; background-color:#F9F9F9; list-style-image:none; list-style-type:none}
#compose-attachments ul li {height:18px; font-size:11px; padding:2px 4px 0 2px; border-bottom:1px solid #EBEBEB; white-space:nowrap; overflow:hidden}
#compose-attachments img {vertical-align:middle}
#attachment-title {background:url(/resources/images/attachment.png) top left no-repeat; padding:0px 0px 3px 22px}
#attachment-form {position:absolute; display:none; top:210px; left:20px; z-index:200; padding:8px; border:1px solid #CCCCCC; background-color:#F9F9F9}
#attachment-form input.button {margin-top:8px}