/*** PROGRESS BAR ***/
#sendingatt{
   position: absolute;
   top: 40%;
   left: 50%;
   display: none;
}
#sendingat table td tr{
   border-collapse: collapse;
   padding: 0;
   margin: 0;
}
#sendingatt div.sendcontainer{
   position: relative;
   right: 50%;
   border: 1px solid #D2CFBE;
   padding: 5px;
   text-align: center;
   background-color: #ECE9D8;
}
#sendingatt_info{
   text-align: center;
   white-space: nowrap;
}
#sendingatt div.sendimg{
   background: url('images/progress.gif') no-repeat 50% 50%;
   padding: 3px 0;
}

/*** ATTACHMENTS ***/
#showattach{
  margin: 5px 3px 0;
  background-color: #002D96;
  padding: 1px 150px 1px 1px;
}
#attinc{
  padding: 0px 10px;
  line-height: 1.8em;
  _line-height: 1em;
  min-height: 1.8em;
  _height: 2em;
  background: url('images/att.gif') 3px 50% no-repeat #FFF;
}
#attinc label{
  white-space: nowrap;
}
#attinc span{
  padding-left: 18px;
  vertical-align: top;
  _vertical-align: 35%;
}

#attinc span.iconone{ background: url('../iconone.gif') 1px 50% no-repeat #FFF; }
#attinc span.icoimg{ background: url('../icoimg.gif') 1px 50% no-repeat #FFF; }
#attinc span.icogif{ background: url('../icogif.gif') 1px 50% no-repeat #FFF; }
#attinc span.icojpg{ background: url('../icojpg.gif') 1px 50% no-repeat #FFF; }
#attinc span.icopng{ background: url('../icopng.gif') 1px 50% no-repeat #FFF; }
#attinc span.icomsg{ background: url('../icomsg.gif') 1px 50% no-repeat #FFF; }

#attinc span.icoxls{ background: url('../icoxls.gif') 1px 50% no-repeat #FFF; }
#attinc span.icoppj{ background: url('../icoppt.gif') 1px 50% no-repeat #FFF; }
#attinc span.icovsd{ background: url('../icovsd.gif') 1px 50% no-repeat #FFF; }
#attinc span.icodoc{ background: url('../icodoc.gif') 1px 50% no-repeat #FFF; }
#attinc span.icojs{ background: url('../icojs.gif') 1px 50% no-repeat #FFF; }
#attinc span.icoexe{ background: url('../icoexe.gif') 1px 50% no-repeat #FFF; }
#attinc span.icopdf{ background: url('../icopdf.gif') 1px 50% no-repeat #FFF; }
#attinc span.icozip{ background: url('../icozip.gif') 1px 50% no-repeat #FFF; }
#attinc span.icotext{ background: url('../icotext.gif') 1px 50% no-repeat #FFF; }
#attinc span.icohtml{ background: url('../icohtml.gif') 1px 50% no-repeat #FFF; }

#upattach{
  float: right;
  margin-right: 5px;
  position: relative;
  bottom: 1.8em;
}

#upattach input{
  background-color: #002D96;
  border: 1px solid #002D96;
}

#upattach iframe{
   display: block;
   width: 1px;
   height: 1px;
   position: absolute;
   top: 0;
   left: 0;
   visibility: hidden;
}
#upattach input{
  width: 0%;
}
/*******************/
#view_headers{
  background-color: #ECE9D8;
  border-bottom: 2px solid #D2CFBE;
  padding: 3px 3px 5px;
  width: 100%;
  /*MSIE iframe width FIX*/
  /*width: expression(parseInt(document.body.clientWidth): px;*/ 
}
/*** FOLDER ***/
.folderlistdiv{
  padding-top: 5px;
  padding-left: 3px;
}
  .folderlistdiv input{
     margin-bottom: 1px;
     margin-left: 0;
     margin-right: 0;
     _margin: auto;
  }

.folderlistdiv a{
  font-weight: normal;
  text-decoration: none;
}
.folderlistdiv a:hover{
  text-decoration: underline;
}
.folderlistdiv a.folderlinkunread{
  font-weight: bold;
}
.folderlistdiv a.folderlinkactive{
  font-weight: bold;
  text-decoration: underline;
}

/*FOLDERTREE*/
.topborder{
 border-width: 0;
 border-top-width: 1px;
 border-color: #666666;
 border-style: dotted;
 margin-top: 3px;
 padding-top: 6px;
 padding-left: 3px;
}

.foldertree,.foldertree li{
   padding: 0;
   margin: 0;

   list-style-type: none;
   display: block;
   white-space: nowrap;
}

.foldertreemenu{       /*foldermenu mozilla fix*/
   margin-top: 2px;
   _margin-top: 0;
}
.foldertree ul{
  position: relative;
  left: -28px;
}
.foldertree input{
  width: 9px;
}
.foldertree ul,.hide_ul ul{
 display: none;
}
.foldertree ul.show_ul {
 display: block;
}
.foldertree span.img,.foldertree span.spanplus{
  padding-left: 11px;
  padding-top: 11px;
  font-size: 1px;

  /*IE 5Hack*/
  width: 12px;
  height: 12px;

  background-image: url("images/fplus.gif");
  background-repeat: no-repeat;
  background-position: 0 -18px;
}
.foldertree span.spanplus{
  cursor: pointer;
  background-position: 0 3px;
}

/**** GW FOLDERS (calendar) ****/
    #calendarfolder{
      height: 150px;
      width: 172px;
      overflow: auto;
      clear: left;
    }

    #calendarfolder,#calendarfolderheader
    {
      background-color: #FFFFFF;
      border-color: #002D96;
      border-style: solid;
      border-width: 1px;
    }

    #calendarfolderheader{
      overflow: hidden;
      position: relative;
      top: 1px;
      float: left;
      padding-left: 3px;
      padding-right: 1px;
      border-bottom-width: 0;
    }
    #calendarfolderheadertxt{
      position: relative;
      left: 3px;
      top: 2px;
    }

/*** MAIN BG ***/
.bgc
{
  width: 100%;
  height: 100%;
}

/*** settings / accounts / test connection ***/
#accountest
{
  padding-left: 5px;
  font-weight: bold;
}


/*** LIST HEADER (readmail,search...) ***/
  .tblhead2
  {
    background-color: #ECE9D8;
  }
  .tblhead,.tblheadactive,.tblheadactive2,.tblheadactive3
  {
    height: 23px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #D2CFBE;
    background-color: #ECE9D8;
  }
  .tblheadactive,.tblheadactive2,.tblheadactive3{
    border-bottom-color: #A9A283;
  }
  .tblheadactive,.tblheadactive2
  {
    background-repeat: no-repeat;
    background-position: 100% 60%;
  }
  .tblheadactive{
    background-image: url('images/down.gif');
  }
  .tblheadactive2{
    background-image: url('images/up.gif');
  }

    .tblhead a,.tblheadactive a,.tblheadactive2 a,.tblheadactive3 a
    {
      margin-right: 12px;
    }


/*** VIEW CSS ***/
 .win_view a               /* blue A in view */
 {
   color: #0000CC;
 }


/*** QUOTA CSS ***/
   #quotatxt{
     width: 80px;
     text-align: center;
     font-size: 9px;
   }
   #quotabg{
     overflow: hidden;
     width: 80px;
     height: 7px;
     border-width: 1px;
     border-style: solid;
     border-color: black;
   }
   #quotabody{
     height: 100%;
     width: 50%;
     border-width: 1px;
     border-right-style: solid;
     border-right-color: black;
   }




/*** READMAIL / ROW SETTINGS ***/
.overflow0 {
  height: 1.2em;
  width: 100%;
  overflow: hidden;
  text-indent: 4px;
  display: block;
  white-space: nowrap;
  _white-space: normal;
}
  .readmail_sort_a,.readmail_sort_b{ /* unread */
    font-weight: bold;
  }
  .readmail_sort_ar,.readmail_sort_br{ /* read */
    font-weight: normal;
  }

.readselect,.readselect .listrowlink{
  background-color: #316AC5;
  color: #FFFFFF;
}
  .readselect a,.readselect .fromnone{
   font-weight: bold;
  }
.readnonselect{
  background-color: transparent;
}
  .readnonselect a,.readnonselect .fromnone{
   font-weight: normal;
  }

#readdiv .whitebg{
  border-top-width: 0px;
}
/*** CALENDAR/bookmarks (menu Day/Week...) ***/
.mark{
  background-color: #AAC7F6;
  font-weight: bold;
}
.markactive{
  background-color: #5A84D6;
  font-weight: bold;
}
  .markactive a{
    color: white;
  }


/*** CALENDAR function ***/
.alldaydelete{
  float: right;
}
.cal_holiday{
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 3px;
 padding-bottom: 1px;
 margin-bottom: 5px;
 color: #666666;
 border-bottom-color: #888888;
}
  .cal_holiday div{
    padding: 2px 0 2px 0;
  }

.bg_bordered2 a,.callink  /* gray A in Calendar / Day, Week */
{
  color: #555555;
}


/*** CALENDAR colors ***/
.style1{
 background-color: #CCCCCC;
}
.style2{
 background-color: #F8F8F8;
}
.style3{
  background-color: #FFFFFF;
}
.style4{
 background-color: #FFE1AC;
}
.style5{
 background-color: #DAEAFD;
}
.stylex1{
 background-color: #ABD1FB;
}
.stylex2{
 background-color: #8CC2FA;
}


/*** CALENDAR / day colors ***/
.stylex2border,.stylex2borderbig{
        margin: 0px 2px 0 0;
        background-color: #DAEAFD;
        height: 100%;
}
.stylex2borderbig{
        margin: 3px 2px 0 0;
}
.marleft{
        margin: 0 0 0 4px;
}
.hourdivline{
        background-image: url('../../images/calendarbg.gif');
        background-repeat: repeat-x;
        background-position: 0% 1.5%;
}
.stylex1h{
        /* background-color: #FFFFFF;  /*holidays*/
}
.stylex2h{
         background-color: #FFFFFF;  /*holidays*/
}

/*** CALENDAR OTHER ***/

.notefolders{
  background-color: #FFFFFF;
  width: 100%;
}


/*** OTHER CSS ***/
.button,.button100,.fr_button
{
  border-width: 1px;
  color: white;
  font-weight: bold;
  font-size: 11px;
  height: 18px;
  margin: 0 0 0 0;
  padding: 0;

  background-color: #3163BD;
}

.bordered,#readmenu2,#foldermenu,.whitebg,.ilong,.inormal,.button,.button100,.fr_button,.fr_combo,textarea,.bg_bordered,.notefolders
{
  border-width: 1px;
  border-style: solid;
  border-color: #002D96;
}
#readmenu2{
    border-bottom-width: 0;
}
.bgrounded2,.bgc,.leftmenu
{
  background-color: #C3DAF9;
  background-repeat: repeat-y;
  background-position: left top;
  background-image: url('images/bg.gif');
}
.bgrounded4,.button,.button100,.fr_button,#loginimg,.txtheader,.txtheader2
{
  background-repeat: repeat-x;
  background-image: url('images/buttonbg.gif');
}
.txtheader{
  height: 20px;
  color: #FFFFFF;
  padding-left: 5px;
  padding-top: 3px;
  font-weight: bold;
}
.txtheader2{
  height: 20px;
  color: #FFFFFF;
  padding-left: 5px;
  font-weight: bold;
}


.bg_bordered{
  background-color: #FFFFFF;
  width: 100%;
}

.inormal,.ilong,.fr_combo,select,input{
  font-size: 11px;
  padding: 1px;
}

#foldermenu{
  border-bottom-width: 0px;
  background-color: #FFF;
}
.settingsexample{
  font-size: 10px;
  color: #808080;
}
/**** MSIE FONT RESIZE ****/
body.bgreadmail table,body.bgfolder table,body.bgview table{-font-size: x-small ! important;}
.bgreadmail td,.bgfolder td,.bgview td{-font-size: 85% ! important;}