modoboa/extensions/webmail/static/css/webmail.css

#listing {
    position: absolute;
    left: 155px;
    right: 0px;
    top: 130px;
    height: expression(document.body.clientHeight - 35 + "px");
    overflow: auto;
}

html > body #listing {
    position: fixed;
    bottom: 35px;
}

#folders {
    float: left;
    width: 150px;
}

/*thead tr {
  position: relative;
  top: expression(offsetParent.scrollTop);
  z-index: 1;
  padding: 0;
}*/

/*table#emails > tbody {
  position: fixed;
  bottom: 35px;
  top: 155px;
  left: 155px;
  right: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}*/

#emails th {
    /*position: relative;*/
}

#emails th input {
    margin: 0;
}

#emails tr {
    width: 100%;
    border-bottom: 1px solid #C8D6E8;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Gecko (Firefox) */
    -khtml-user-select: none; /* Webkit (Safari, Chrome) */
}

.box h3 {
    font-size: small;
    margin: 2px 0px 2px 0px;
    text-align: center;
}

.box ul {
    list-style: none;
    padding: 5px 5px;
    margin: 0;
}

.box li {
    margin-bottom: 4px;
    padding-left: 20px;
}

.box li.selected {
    background-color: #FFFF77;
}

.box a:link, .box a:visited {
    background: transparent;
    color: black;
    text-decoration: none;
    margin-left: 5px;
}

.box a:hover { 
    color: #6AB0C5;
    text-decoration: none;
}

.box img {
    float: left;
    border: 0;
}

li.inbox {
    background: url("/static/pics/overview.png") no-repeat;
}

li.trash {
    background: url("/static/pics/trash.png") no-repeat;
}

li.folder {
    background: url("/static/pics/folder.png") no-repeat;
}

li.subfolders {
    background: url("/static/pics/subfolders.png") no-repeat;
}

th[class*=sortable] {
    cursor: pointer;
/*-moz-box-shadow: 0px -15px 10px -10px rgba(0,0,0,0.6) inset;
  -webkit-box-shadow: 0px -15px 10px -10px rgba(0,0,0,0.6) inset;*/
}

th.selected {
    background: #EEEEEE;
}

.draggable {
    cursor: move;
    /*position: relative;*/
    border: 0;
}

.draggable img {
    position: static;
}

.box li.dragging {
    background-color: #6AB0C5;
}

ul.hidden {
    display: none;
}

ul.visible {
    background-color: white;
    display: block;
    padding-bottom: 0;
}

/* Compose mail page */
#compose-container {
    margin: 0 auto;
    width: 100%;
}

div.row {
    margin: 3px;
    clear: both;
}

div.row label {
    float: left;
    width: 120px;
    font-size: small;
    padding: 3px 0;
}

textarea {
    border: 1px solid #cccccc;
    background-color: #eee;
    width: 80%;
    height: 30px;
    word-wrap: break-word;
}

textarea:hover {
    background-color: #ffffcc;
}

#id_body {
    background: white;
    width: 98%;
}

#mailheader input {
    width: 80%;
    padding: 0;
}

#mailheader {
    width: 70%;
    padding-bottom: 5px;
    float: left;
}

#attachments {
    width: 29%;
    float: left;
}

#attachments h3 {
    float: left;
    font-size: 1em;
    margin: 0;
    margin-right: 10px;
}

#attachments img {
    float: left;
    margin-right: 5px;
}

#attachments a:link, a:visited {
    background: transparent;
    color: black;
    text-decoration: none;
}

#finput_container {
    display: block; 
    width: 100px; 
    height: 20px; 
    overflow: hidden
}

#upload_input {
    font-size: 50px; 
    width: 120px; 
    opacity: 0; 
    filter: alpha(opacity: 0);
    position: relative; 
    top: -40px;
    left: -20px;
}

#attachments ul {
    list-style: none;
    padding: 5px 5px;
    margin: 0;
}

#attachments li {
    margin-bottom: 4px;
    padding-left: 10px;
}

/* Progress bar */
#footer {
    color: white;
    font-weight: bold;
    font-size: 1em;
}

#quotalabel {
    float: left;
    padding: 7px 2px 0 5px;
    display: none;
}

#quotabox {
    display: none;
    float: left;
    margin: 5px;
    width: 300px;
    padding: 0;
}

#box { 
    /*border: 1px solid #ccc; */
    width: 200px;
    background: url(../../pics/progressbar_bg.gif) right center no-repeat;
    height: 19px;
    float: left;
}

#perc { 
    background: url(../../pics/progressbar.gif) right center no-repeat;
    height: 19px; 
}

#quotatext { 
    padding: 2px 0 0 2px;
    float: left;
}