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;
  margin:0 0 10px 0;
  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 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:325px;
}

#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:70px;
  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 li
{
  border-bottom: 1px solid #EBEBEB;
}

#addresslist li a
{
  color:#000;
  width: 100%;
  display: block;
  background-color:#fff;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
}

#addresslist li a:hover
{
  background-color:#EBEBEB;
}

#addresslist li.selected a
{
  background-color:#929292;
}
#addresslist li.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
{
  width: 100%;
  display: table;
  table-layout: fixed;
  width: expression((parseInt(document.getElementById('msglistouter').clientWidth)-1)+'px');
}

#msglist input
{
  width:11px;
  height:11px;
}

#msglist tr td
{
  height: 16px;
  padding: 2px;
  padding-right: 4px;
  font-weight:bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #EBEBEB;
}

#msglist tr td a
{
  display: block;
  width: auto !important;
  width: 100%;
  color: #000;
  text-decoration: none;
}

#msglist tr.seen td
{
  font-weight:normal;
  white-space: nowrap;
}

#msglist tr.header td
{
  height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 4px;
  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 tr.header td a
{
  display: block;
  width: auto;
  width: 100%;
  text-decoration: none;
}

#msglist td.from
{
  width:120px;
}

#msglist td.subject
{

}

#msglist td.status
{
  padding:0;
  width:14px;
}

#msglist td.attach0
{
  padding:0;
  width:14px;
}

#msglist td.attach1
{
  background: url(/resources/images/attachment.gif) no-repeat;
  background-position: center center;
  padding:0;
  width:14px;
}
#msglist td.check
{
  padding:0 0 0 3px;
  width:12px;
}

#msglist td.size
{
  width:50px;
}

#msglist 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');
}
#attach {
  text-align:right;
}

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