﻿/* folderlist */

div.folderlist-container
{
  position: absolute;
  top: 100px;
  left: 10px;
  width:200px;
  overflow:visible;
}
div.folderlist-footer
{
  margin:2px;
  z-index:1;
}

div.folderlist
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border-width:2px;
  border-style:solid;
  overflow: hidden;
  z-index:2;
}
table.folderlist
{
  border-collapse:collapse; 
  width:100%;
}
table.folderlist div.folder
{
  padding-left:20px;
  background-repeat: no-repeat;
  background-position:left center;
  font-size: 11px;
  cursor:pointer;
}
table.folderlist div.folder.recent 
{
  font-weight:bold;  
}

.folders
{
}
table.folders div.i0
{
  margin-left:2px;
}
table.folders div.i1
{
  margin-left:16px;
}
table.folders div.i2
{
  margin-left:30px;
}
table.folders div.i3
{
  margin-left:44px;
}
table.folders div.i4
{
  margin-left:58px;
}
table.folders div.i5
{
  margin-left:72px;
}
table.folders div.default
{
  background-image: url(images/folders/default.gif);
}
table.folders div.inbox
{
  background-image: url(images/folders/inbox.gif);
}
table.folders div.drafts
{
  background-image: url(images/folders/drafts.gif);
}
table.folders div.sent
{
  background-image: url(images/folders/sent.gif);
}
table.folders div.trash
{
  background-image: url(images/folders/trash.gif);
}
table.folders div.spam
{
  background-image: url(images/folders/junk.gif);
}
table.folders div.not
{
  background-image: url(images/folders/ham.gif);
}
table.folders div.filtered
{
  background-image: url(images/folders/filtered.gif);
}
table.folders div.search
{
  background-image: url(images/folders/search.gif);
}


/* searchForm */
div.searchForm 
{
  position:absolute;
  z-index:10000;
  left:50px;
  top:180px;
  width:720px;
  height:auto;
  padding:10px;
  
  border-width: 2px;
  border-style: outset;
  border-color: #ccc;
  background-color: #f0f0f0;  
  display:none;
  
}
div.searchForm table 
{
  margin:0;
  width:100%;
  table-layout:auto;
}
div.searchForm table td.searchform-header 
{
  font-size:13px;
  font-weight:bold;
  padding:0;
  padding-bottom:6px;
}
div.searchForm table td.searchform-subheader 
{
  font-size:11px;
  padding:2px 0 4px 0;
}

div.searchForm table td.left
{
  padding:4px 0;
}
div.searchForm table td.right
{
  width:300px;
}
div.searchForm table td.right input[type='text']
{
  width:100%;
}
div.searchForm table td.extra
{
  text-align:right;
}
div.searchForm table td.extra input 
{
  margin-left:4px;  
}

div.searchForm table td.buttons 
{
  text-align:right;  
  padding-top:6px;
}
