#HXG_AC_TOOLTIP.recipient_inp i {
    width: 20px;
    text-align: center;
    color: #777;
    margin-right: 2px;
}

#HXG_AC_TOOLTIP.recipient_inp .ihmACChoice {
    
    overflow: hidden;
    font-size: 11pt;
    white-space: nowrap;
    padding: 5px 0;
}

#recipient_inp {

    width : 300px;
}


.message-view {
    min-width: 500px;
    min-height: 300px;
    max-height : 600px;
    text-align: left;
}

.message-view .subject {
    font-family: RobotoLight, Arial;
    font-size: 12pt;
 
}

.message-view .body {
    font-family: Roboto, Arial;
    
}
.message-view .date{
    text-align : right;
}


#message-new table{
    width : 100%;

}

#message-new textarea,
#message-new input {
    width: 100%;
    box-sizing: border-box;
    padding : 5px;
}


#message-new textarea {
    height : 300px;
}


#message-new #mode > *{
    display: inline-block;
    vertical-align : middle;
    padding : 2px;
}


#message-new #mode .INPUT_CHECKBOX {
    margin-top: 2px;
}



.message-view .head {
    font-size: 9pt;
    background-color: #f0f0f0;
}

.message-view .body{
}


#view-message 
{

    width: 800px;
    box-shadow: 0 0 1px 0px #555;
}
    
#view-message table {
    width: 100%;
    border-collapse: collapse;
    border-width: 0px;
}

#view-message table td {
    padding: 5px;


}





#message {
    text-align : left;
}

#message table.table {
    
    width: 100%;
    border-collapse: collapse;
    border-width: 0px;
}

#message table td {
    padding: 6px 4px;
}

#message table .date {
    width: 145px;
    text-align: right;
}

#message tr:hover {
    background-color: #fff990;
}


#message table .recipient {
    width: 150px;
    overflow: hidden;
}

#message .received table tr {
    font-weight: bold;
    background-color: #ffffff;
}

#message .received table tr.READ {
    font-weight: normal;
    background-color: transparent;
}

#message tr {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,e0e0e0+100&0.5+0,0.1+100 */
    background: -moz-linear-gradient(top, rgba(224,224,224,0.5) 0%, rgba(224,224,224,0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,224,224,0.5) 0%,rgba(224,224,224,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,224,224,0.5) 0%,rgba(224,224,224,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e0e0e0', endColorstr='#1ae0e0e0',GradientType=0 ); /* IE6-9 */
}

#message .section-title {
    margin-top : 15px;
}

#message.scroll-y {
    
max-height : 550px;
}