body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color:#F6F6F6; margin:0; padding:0; font-size:12px}
p,div,h1,h2,h3,h4,table  {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:12px}
th {text-align:left}
input[type="text"], input[type="password"], input[type="file"] {border:1px solid #999999; font-size:12px;  padding:1px 0 2px 0; margin:1px 0 1px 0}
select{border:1px solid #999999; font-size:12px;  padding:0; margin:1px 0 1px 0; background:url(/resources/images/bg.gif) repeat-x #f0f0f0}
select:disabled{border:1px solid #cccccc; opacity:.7}
textarea {border:1px solid #999999; font-size:12px; margin:1px 0 1px 0}
input[type="checkbox"] {width:11px; height:11px}
input[type="submit"], input[type="button"] {height:20px; color:#333333; font-size:12px; padding-left:8px; padding-right:8px; background:url(/resources/images/bg.gif) repeat-x #f0f0f0; border:1px solid #a4a4a4}
input[type="submit"]:hover, input[type="button"]:hover {color:black}
input[type="submit"]:disabled, input[type="button"]:disabled {color:#cccccc; border:1px solid #e3e3e3}
a.button {display:block; text-decoration:none; text-align:center; width:90px; height:18px; line-height:20px; color:#333333; font-size:12px; background:url(/resources/images/bg.gif) repeat-x #f0f0f0; border:1px solid #a4a4a4}
a.button:hover {color:black}

.red {color:red}

#tabs {width:100%; margin:0 0 20px 0}
#tabs tr {vertical-align:bottom}
#tabs td {border-bottom:1px solid #999}
#tabs td.logo {width:270px}
#tabs td.tab {text-align:center; padding-bottom:3px; width:120px; background:url(/resources/images/tabpas.gif) bottom left no-repeat}
#tabs td.seltab {text-align:center; padding-bottom:4px; width:120px; border-bottom:1px solid #f6f6f6; background:url(/resources/images/tabact.gif) bottom left no-repeat}
#tabs a {display:block; text-decoration:none; color:#666}
#tabs a:hover {color:#000}
#tabs td.seltab a {color:#000}

#messages {position:absolute; top:30px; left:300px; z-index:30}
#info {background:url(/resources/images/info.gif) 3px center no-repeat; border:1px solid #ff6666; background-color:#ffcccc; width:400px; padding:10px 10px 10px 40px; text-align:left}
#warning {background: url(/resources/images/warning.gif) 3px center no-repeat; border:1px solid #ff6666; background-color:#ffcccc; width:400px; padding:10px 10px 10px 40px; text-align:left}
#bottom {z-index:1; width:100%; color:#666; font-size:11px; border-top:1px solid #999; width:expression((parseInt(document.documentElement.clientWidth))+'px'); padding:6px 0 4px 0; margin:0; position:absolute; bottom:0; left:0; background:url(/resources/images/bottomemail.gif) repeat-x; text-align:center; white-space:nowrap;}
#bottom a {color:#666; text-decoration:none}
#bottom a:hover {text-decoration:underline}
#login {width:350px; border:1px solid #999999; margin:30px auto 50px auto}
#login td {color:#666666}
#login input[type="text"], #login input[type="password"] {width:230px; color:#333333; border:1px solid #666666}
#taskbar {font-size:11px; position:absolute; top:0px; right:0; height:37px; width:600px; background:url(/resources/images/taskbar.gif) top right no-repeat; padding:10px 4px 10px 0; text-align:right; white-space:nowrap; 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 {font-size:11px; position:absolute; top:15px; left:258px; color:#666666; z-index:3}
#logo {position:absolute; top:0px; left:0px; z-index:4}

#listbuttons {position:absolute; top:45px; left:255px}
#listbuttons select, #listbuttons input {margin-bottom:0}
#actiondiv {position:absolute; top:52px; left:395px}
#quicksearchbar {position:absolute; top:54px; right:20px; 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:5px 0 0 0}

#folderouter {position:absolute; top:90px; left:20px; bottom:50px; width:170px; border:solid 1px #999; background-color:#FFF; overflow:auto; height:expression((parseInt(document.documentElement.clientHeight)-140)+'px')}
#folderouter h3 {font-size:11px; 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 {font-size:11px; 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 {color:#000; width:100%; background:url(/resources/images/folder-closed.gif) 10px 1px no-repeat; display:block; padding-left:32px; padding-top:2px; padding-bottom:2px; text-decoration:none}
#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; background-image:url(/resources/images/folder-open.gif)}
#folderlist li.selected a:hover {background-color:#929292}
#folderlist li.inbox a {background-image:url(/resources/images/folder-inbox.gif)}
#folderlist li.drafts a {background-image:url(/resources/images/folder-drafts.gif)}
#folderlist li.sent a {background-image:url(/resources/images/folder-sent.gif)}
#folderlist li.junk a {background-image:url(/resources/images/folder-junk.gif)}
#folderlist li.trash a {background-image:url(/resources/images/folder-trash.gif)}
#folderlist li.unread {font-weight:bold}

#addresscardouter {position:absolute; top:90px; left:290px; right:20px; bottom:50px; border:solid 1px #999; background:#ebebeb url(/resources/images/watermark.png) center 30px no-repeat; overflow: hidden; height:expression((parseInt(document.documentElement.clientHeight)-140)+'px'); width:expression((parseInt(document.documentElement.clientWidth)-310)+'px')}
#addresscardouter h3 {font-size:11px; 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; height:22px; text-align:right; padding-right:10px; color:#666}
#addresscard input {margin:0}

#addresslistouter {position:absolute; top:90px; left:20px; bottom:50px; width:260px; border:solid 1px #999; overflow: auto; height:expression((parseInt(document.documentElement.clientHeight)-140)+'px')}
#addresslistouter h3 {font-size:11px; 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 {font-size:11px; width:100%; height:auto; margin:0px; padding:0px; list-style-type:none; overflow:hidden; white-space:nowrap}
#addresslist a:hover {background-color:#EBEBEB}
#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 .selected td {background-color:#929292}
#addresslist .selected a {background-color:#929292}
#addresslist .selected a:hover {background-color:#929292}

#msglistouter {position:absolute; top:90px; left:200px; right:20px; bottom:50px; border:1px solid #999999; background-color:#F9F9F9; overflow:auto; width:expression((parseInt(document.documentElement.clientWidth)-220)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-140)+'px')}
#msglist {font-size:11px; width:100%; display:table; table-layout:fixed; width:expression((parseInt(document.getElementById('msglistouter').clientWidth)-1)+'px')}
#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:16px}
#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 1px; width:16px}
#msglist tr td.size {width:50px}
#msglist tr td.date {width:150px}

#msgviewouter {position: absolute; top:90px; left:200px; right:20px; bottom:50px; border:1px solid #999999; background-color:#FFFFFF; overflow:auto; width:expression((parseInt(document.documentElement.clientWidth)-220)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-140)+'px')}
#msgviewouter table.headers {font-size:11px; width:100%; background-color: #EBEBEB; width:expression(document.getElementById('msgviewouter').clientWidth)}
#msgviewouter table.headers tr {vertical-align:top}
#msgviewouter table.headers a {color:#000; text-decoration:none}
#msgviewouter table.headers a:hover {text-decoration:underline}
#msgviewouter table.headers tr td {padding:3px; border-bottom:1px solid #FFFFFF}
#msgviewouter table.headers tr th {width:80px; color:#666666; font-weight:bold; text-align:right; white-space:nowrap; padding:3px; border-bottom:1px solid #FFFFFF}

#prevnext {font-size:11px; z-index:10; margin:0; position:absolute; bottom:30px; right:20px; text-align:right; color:#666666}
#prevnext img {vertical-align: middle; padding-bottom:3px}
#msgselect {font-size:11px; z-index:10; margin:0; position:absolute; bottom:30px; left:200px}
#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: 10px 8px}
div.msgpart a {color:#00C}
div.msgpart div.pre {margin:0px; padding:0px; white-space:-moz-pre-wrap !important; white-space:pre; font-family:monospace}

#composeouter {position:absolute; z-index:5; top:90px; left:200px; right:20px; bottom:50px; width:expression((parseInt(document.documentElement.clientWidth)-220)+'px'); height:expression((parseInt(document.documentElement.clientHeight)-140)+'px')}
#composeouter input[type="text"] {border:1px solid #999999; height:20px; margin-bottom:2px}
#composetable {font-size:11px; width:100%}
#composetable tr {vertical-align:middle}
#composetable th {text-align:left; font-weight:bold; color:#666666; width:105px}
#composetable td {text-align:right}
#composetable td.recsub input {height:16px; width:99%}

#editor {width:100%; height:70%; height:expression(((document.getElementById('composeouter').clientHeight) - (document.getElementById('composetable').clientHeight) - 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:55px; left:260px; right:20px; height:22px; width:expression((parseInt(document.documentElement.clientWidth)-280)+'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}

#folder-manager {position:absolute; top:90px; left: 20px; width: 600px; bottom: 150px; overflow: auto; border:1px solid #999999; height: expression((parseInt(document.documentElement.clientHeight)-230)+'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:18px; padding:0 10px 0 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:90px; 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:140px; left:130px; bottom:80px; right:50px; height:expression((parseInt(document.documentElement.clientHeight)-220)+'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:50px; z-index:15; border:1px solid #999999}
div.pad {padding:20px}

#confirm {position:absolute; left:200px; top:200px; border:1px solid #999999; background-color:#EEEEEE; padding:20px; z-index:50}

#compose-attachments {position:absolute; top:100px; 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:150px; left:20px; z-index:200; padding:8px; border:1px solid #CCCCCC; background-color: #F9F9F9}
#attachment-form input.button {margin-top:8px}