#taskbar { position: absolute; top: 0px; right: 0px; height: 24px; width: 100%; padding: 10px 4px 5px 0px; text-align: right; white-space: nowrap; z-index: 2; }

#header { position: absolute; top: 8px; left: 19px; width: 170px;  height: 40px; z-index: 100; }

#mainscreen { position: absolute; top: 110px; right: 20px; bottom: 20px; left: 20px; }

#mailleftcontainer { position: absolute; top: 0; left: 0; bottom: 0; width: 195px; }

#mailboxlist-container { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; border: 1px solid #999; background-color: #F9F9F9; overflow: hidden; }

.boxtitle { height: 12px !important; padding: 2px 10px 5px 5px; border-bottom: 1px solid #999; color: #333; font-size: 11px; font-weight: bold; overflow: hidden; }
.boxlistcontent { position: absolute; top: 5px; bottom: 22px; left: 0; right: 0; width: 100%; overflow-y: auto; overflow-x: hidden; height: auto; }
.boxfooter { position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; height: 15px; border-top: 1px solid #999; background: url(/view/theme/default/images/listheader.gif) top left repeat-x #CCC; border: 1px solid black; }

#mailboxlist { position:relative; height: auto; margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; overflow: hidden; white-space: nowrap; background-color: #FFF; }

#mailrightcontainer { position: absolute; top: 0; left: 170px; bottom: 0; right: 0; min-width: 400px; }

#mailrightcontent { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; }

#mailcontframe { position: absolute; width: 100%; top: 0; bottom: 0; border: 1px solid #999999; background-color: #F9F9F9; overflow: hidden; }

#mailpreviewframe { position: absolute; width: 100%; top: 205px; bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; }

#messagecontframe { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }


.boxfooter a.button,
.boxfooter a.buttonPas
{
  display: block;
  float: left;
  width: 34px;
  height: 22px;
  padding: 0px;
  margin: 0;
  overflow: hidden;
  background: url(/view/theme/default/images/groupactions.png) 0 0 no-repeat transparent;
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}

.boxfooter a.groupactions
{
  background-position: 0 -26px;
}

.boxfooter a.buttonPas
{
  opacity: 0.35;
}

.splitter { user-select: none; -moz-user-select: none; -khtml-user-select: none; position: absolute; background: url(/view/theme/default/images/dimple.png) center no-repeat; }
.splitter-h { cursor: n-resize; cursor: row-resize; background-position: center 2px; }
.splitter-v { cursor: e-resize; cursor: col-resize; background-position: 2px center; }