/******** mail.css **************/
#mailbox-view {
  width:830px;
  margin:25px auto;
}
#mailbox {
  float:left;
  width:430px;

}
#mailbox ul {
  list-style:none;
  padding:0;
}
#mailbox ul li {
  display:table;
  width:100%;
  height:10px;
  border-bottom: #f0f0f0  solid 1px;
  padding:5px 0;
  width:100%;
}
#mailbox ul li div {
  display:table-cell;
  border-right: #f9f9f9 solid 1px; 
}
#mailbox div.person, #mailbox div.subject {
  padding:4px;
}
#mailbox div.person {
  width:85px;
  overflow:hidden;
  text-align:right;
}
#mailbox div.subject {
  width:180px;
  height:10px;
  overflow:hidden;
}
#mailbox div.maildate {
  display:block;
  font-size:0.80em;
  color:#ccc;
}
#mailbox div.ticket-opened, #mailbox div.ticket-locked, #mailbox div.ticket-solved {
  width:15px;
  padding-left:2px;
}
#mailbox div.ticket-opened a, #mailbox div.ticket-locked a, #mailbox div.ticket-solved a {
  display:block;
  width:16px;
  height:16px;
  text-indent:-100em;
  background-repeat: no-repeat;    
}
#mailbox div.ticket-solved a {
  background-image:url("gfx/circular-icons/yes.png");  
}
#mailbox div.ticket-opened a {
  background-image:url("gfx/circular-icons/padlock_open.png");
}
#mailbox div.ticket-locked a {
  background-image:url("gfx/circular-icons/padlock_closed.png");
}
#mailbox div.ticket-solved a:hover {
  background-position:100% 0;
}
#message-view, #white-block {
  padding:0 9px;
  width:370px;
  margin-left:5px;
  margin-right:auto;
  float:right;
  margin-bottom:10px;
}

#white-block {
  text-align:center;
  margin-right:auto;
  padding:15px 0;  
}