/* messageview */
/*
div.messageview
{
  position:absolute;
  left:220px;
  top:140px;
  right:12px;
  bottom:10px;
  border-bottom:2px solid #ccc;
  background-color: #fff;
  overflow:visible;
}
*/

div.messageview-headerline
{
  position:absolute;
  left:0px;
  width:100%;
  padding:0px;
  white-space: nowrap;
}
table.messageview-headerline
{
  width:100%;
  margin:0;
  border-collapse:collapse;
  table-layout:auto;
}
table.messageview-headerline td
{
  padding-top:0;
  padding-bottom:0;
  height:20px;
}
td.messageview-header-lft
{
  width: 80px;
  height:20px;
  text-align: right;
  white-space: nowrap;
  padding-right: 4px;
}
td.messageview-header-mid
{
  height:20px;
  font-size: 11px;
  color: #666666;
  font-weight: bold;
  padding-left:4px;
  background-color: #f4f4f4;
  /* border-bottom: 1px solid #cccccc; */
}
td.messageview-header-rgt
{ 
  width:120px;
  height:20px;
  text-align:right; 
  padding:0;
  font-size: 11px;
  
}

div.messageview-showheaders
{
  visibility:hidden;
  width:100%;
  height:150px;
  overflow:auto;
  border: 1px solid #CCCCCC;
  background-color: #f4f4f4;
}
div.messageview-showheaders div
{
  margin: 10px;  
  font-size:12px;
  font-family:'Courier New', Monospace;
  white-space:pre;
}

div.messageview-switch-off,div.messageview-switch-on
{
    width:40px;
    height:auto;
    padding:0px;
    margin:0px;
    margin-left:auto;
    background-repeat:no-repeat;
    background-position:right;
    text-align:right;
    padding-right:20px;
    color: #666666;
    font-size: 11px;
    cursor:pointer;
}
div.messageview-switch-on
{
    background-image: url(images/controls/minus.gif);
}
div.messageview-switch-off
{
    background-image: url(images/controls/plus.gif);
}

/* splitter */
div.messageview-splitter-container
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:110;
}
div.messageview-splitter
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  cursor:n-resize; 
  padding:4px 0;
  border-style:solid;
  border-top-width:2px;
  border-bottom-width:2px;
  border-left:none;
  border-right:none;
  z-index:100;
  /*background: url(images/dimple.png) center no-repeat;*/
  filter:alpha(opacity=70);
  opacity:.7;
  -moz-opacity:.7;
}

/* messageview */
div.messageview-container
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:#fff;
  border-style:solid;
  border-top-width:2px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom:none;
  z-index:100;
  overflow:auto;
  overflow-y:scroll;
  overflow-x:hidden;
  visibility:hidden;
}
div.messageview-inner
{
  position:absolute;
  left:0;
  top:0;
  right:18px;
  height:100%;
  overflow:auto;
  overflow-y:hidden;
}

/* body */
div.messageview-body
{
  position:absolute;
  left:0;
  top:100px;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  z-index:10;
}
div.messageview-body div.plainbody
{
  width:auto;
  padding:0;
  margin:0;
  background-color:#fff;
  z-index:20;
  display:none;
}
div.messageview-body div.plainbody div
{
  margin: 10px;
  margin-top:5px;
  width:auto;
  font-size:12px;
  font-family:'Courier New', Monospace;
  overflow:visible;
}
div.messageview-body div.plainbody div a
{
  color:#0000f0;
  text-decoration:none;  
}
div.messageview-body iframe.htmlbody
{
  padding:0;
  margin:0;
  background-color:#fff;
  overflow:hidden;
  z-index:50;
  display:none;
}

/* header */
div.messageview-header
{
  position:absolute;
  left:4px;
  right:4px;
  padding:0;
  text-align:center;
  overflow:hidden;
}

table.messageview-header
{
  margin:0;
  width:100%;
  border-collapse:separate;
  table-layout:fixed;  
  border: 1px solid #cccccc;
}
table.messageview-header td
{
  vertical-align:middle;
  background-color: #f0f0f0;
  /* border-bottom: 1px solid  #f4f4f4; */
  white-space:normal;
}
table.messageview-header span
{
  font-size:11px;
}
td.messageview-header-desc
{
  padding:4px;
  text-align:right;
  vertical-align:top;
}
td.messageview-header-cont,
td.messageview-header-attachments
{
  text-align:left;
  padding:0 6px;
}
td.messageview-header-desc span
{
  font-weight:bold;
  color:#666666;
}
td.messageview-header-cont span
{
  color:#000;
}
td.messageview-header-right
{
  color:#666666;
  font-size:11px;
  font-weight:bold;
  white-space:nowrap;
  overflow:hidden;
  text-align:right; 
  vertical-align:top;
}
td.messageview-header-attachments a
{
  font-size:11px;
}
div.messageview-header-attachments
{
   width:100px;
   height:16px;
   margin:0px;
   margin-left:auto;
   text-align:left;
   vertical-align:bottom;
   background-image: url(images/controls/attach.gif);
   background-position:right;
   background-repeat:no-repeat;
   color:#666666;
   font-size:11px;
   font-weight:bold;
   cursor:pointer;
}
span.messageview-header-subject
{
  font-weight:bold;  
  
}


div.messageview-switchlist-close-off,
div.messageview-switchlist-close-on,
div.messageview-switchlist-open-off,
div.messageview-switchlist-open-on
{
    width:15px;
    height:15px;
    padding:0px;
    margin:0px;
    margin-left:auto;
    background-repeat:no-repeat;
    background-position:right;
    color: #666666;
    font-size: 11px;
    cursor:pointer;
    float: right;
}
div.messageview-switchlist-close-on
{
    margin-left:10px;
    background-image: url(images/controls/close.gif);
}
div.messageview-switchlist-close-off
{
    margin-left:10px;
    background-image: url(images/controls/close.gif);
}
div.messageview-switchlist-open-on
{
    background-image: url(images/controls/collapse.gif);
}
div.messageview-switchlist-open-off
{
    background-image: url(images/controls/uncollapse.gif);
}

div.messageview-attachments-listener
{
  position:absolute;
  z-index:10000;
}
div.messageview-attachments,div.messageview-attachments-collapsed
{
  position:absolute;
  left:0px;
  top:0px;
  width:300px;
  z-index:10000;
}
div.messageview-attachments
{
  background-color:Red;
  z-index:20000;
}
div.messageview-attachments-collapsed
{
 display:none;
}
table.messageview-attachments
{
   background-color:Lime;
   table-layout:fixed;
   width:100%;  
}

/* messagelist */
div.messagelist-container
{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  bottom: 10px;
  z-index:6;
  border-style:solid;
  border-left-width:2px;
  border-right-width:2px;
  border-top-width:2px;
  border-bottom:none;
}
div.messagelist
{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  padding:0;
  overflow:visible;
}
table.messagelist
{
  position:absolute;
  left:0;
  top:0;
  border-collapse:collapse; 
  table-layout:fixed;
}

table.messagelist th.flag,
table.messagelist th.attachment
{
  padding:0;
}
table.messagelist th.attachment
{
  background-image: url(images/flag/attachment.gif);
  background-repeat:no-repeat;
  background-position:center center;
}
table.messagelist td.size,
table.messagelist td.attachment
{
  padding:2px 4px;
}
table.messagelist td.flag
{
  padding:0;
}
table.messagelist td.size
{
  text-align:right;  
}
table.messagelist td.flag div.flag
{
  width:20px;
  height:20px;
  background-position:center center;
  background-repeat:no-repeat;
}
table.messagelist td.flag div.recent
{
  background-image:url(images/flag/recent.gif); 
}
table.messagelist td.flag div.unseen
{
  background-image:url(images/flag/unread.gif); 
}
table.messagelist td.flag div.replied
{
  background-image:url(images/flag/replied.gif); 
}
table.messagelist td.flag div.default
{
  background-image:url(images/flag/read.gif); 
}
table.messagelist td.flag div.flagged
{
  background-image:url(images/flag/flagged.gif); 
}
table.messagelist td.flag div.deleted
{
  background-image:url(images/flag/deleted.gif); 
}
table.messagelist td.flag div.attachment
{
  background-image: url(images/flag/attachment.gif);
}


/* footer */
div.message-footer
{
  border-style:solid;
  border-bottom-width:2px;
  border-left-width:2px;
  border-right-width:2px;
  border-top-width:2px;
  
}