moodle/theme/base/style/message.css

/** Message **/
.message-discussion-noframes h1 {font-size:1em;}
.message-discussion-noframes #userinfo .commands {font-size:0.8em;}

.message .noframesjslink {font-size:0.8em;}
.message .link {font-size:0.8em;}

.message .heading {font-size:1.0em;font-weight:bold;clear:both;}

.message .author {font-weight: bold;}
.message .time {font-style: italic;}
.message .text {}

#page-message-user .commands span {font-size:0.7em;}
#page-message-user .name {font-weight: bold;font-size:1.1em;}
table.message_search_results td {border-color:#DDDDDD;}

.message .time {color: #999999;}
.message.me .author {color: #999999;}
.message.other .author {color: #8888CC;}

#page-message-messages {padding:10px;}
#page-message-send .notifysuccess {padding:1px;}
#page-message-send td.fixeditor {text-align:center;}

.message .note {padding:10px;}
table.message .searchresults td {padding:5px;}

.message .contactselector {
    width: 24%;
    float: left;
}
.dir-rtl .message .contactselector {
    float: right;
}
.message .contactselector .paging {
    z-index: 1;
    position: relative;
}
.message .message-contacts {
    list-style-type: none;
    margin: 0;
}

.message .message-contacts li {
    clear: both;
    position: relative;
}

.message .message-contacts li .pix {
    left: 0;
    position: absolute;
}
.dir-rtl .message .message-contacts li .pix {
    left: auto;
    right: 0;
}
.message .message-contacts li .contact {
    margin: 0 24% 0 25px;
    text-align: left;
}
.dir-rtl .message .message-contacts li .contact {
    text-align: right;
    margin: 0 25px 0 24%;
}
.message .message-contacts li .contact.nolinks {
    margin-right: 5px;
}
.dir-rtl .message .message-contacts li .contact.nolinks {
    margin-left: 5px;
    margin-right: 25px;
}
.message .message-contacts li .link {
    float: right;
    max-width: 30%;
}
.dir-rtl .message .message-contacts li .link {
    float: left;
}

.message .messagearea  {padding-left:1%;border-left:1px solid LightGrey;width:74%;float:right;min-height:200px;}
.message .messagearea .messagehistorytype {clear:both;padding-bottom:20px;}


.message .messagearea .messagehistory .user {
    vertical-align: top;
    width: 32%;
    min-width: 100px;
    float: left;
}
.message .messagearea .messagehistory .user:first-child {
    margin-left: 13%;
}
.message .messagearea .messagehistory .user:last-child {
    margin-right: 13%;
}
.dir-rtl .message .messagearea .messagehistory .user:first-child {
    margin-right: 13%;
    margin-left: 0;
}
.dir-rtl .message .messagearea .messagehistory .user:last-child {
    margin-left: 13%;
    margin-right: 0;
}
.message .messagearea .messagehistory .user > div {
    text-align: center;
    border: none;
}
.message .messagearea .messagehistory .between {
    float: left;
    width: 16px;
    margin: 0 3%;
    padding-top: 40px;
}
.dir-rtl .message .messagearea .messagehistory .between,
.dir-rtl .message .messagearea .messagehistory .user {
    float: right;
}

.message .messagearea .messagehistory .heading,
.message .messagearea .messagehistory h3 {width:100%;clear:both;}
.message .messagearea .messagehistory .left {position:relative;margin-bottom:10px;width:50%;float:left;clear:both;}
.dir-rtl .message .messagearea .messagehistory .left { float: right; }
.message .messagearea .messagehistory .right {position:relative;margin-bottom:10px;width:50%;float:right;clear:both;}
.dir-rtl .message .messagearea .messagehistory .right { float:left; }

.dir-ltr .message .messagearea .messagehistory .message {
    margin-right: 20px;
}
.dir-ltr .message .messagearea .messagehistory .right .message {
    margin-left: 20px;
}
.dir-rtl .message .messagearea .messagehistory .message {
    margin-left: 20px;
}
.dir-rtl .message .messagearea .messagehistory .right .message {
    margin-right: 20px;
}
.message .messagearea .messagehistory .messageactive {
    background-color: #F5F5F5;
}
.message .messagearea .messagehistory .messagecontent .deleteicon {
    width: 20px;
    position: absolute;
    top: -2px;
}
.dir-ltr .message .messagearea .messagehistory .messagecontent .deleteicon {
    right: 0;
}
.dir-rtl .message .messagearea .messagehistory .messagecontent .deleteicon {
    left: 0;
}

.message .messagearea .messagehistory .notification {padding:10px;background-color:#EEEEEE;margin-top:5px;}
.message .messagearea .messagesend {padding-top:20px;clear:both;}
.message .messagearea .messagesend .messagesendbox {width:100%}
.message .messagearea .messagesend fieldset {padding:0px;margin:0;} /** bring the message send button closer to the message box */

.message .messagearea .messagerecent {text-align:left;width:100%;}
.message .messagearea .messagerecent .singlemessage {border-bottom:1px solid #D3D3D3;padding:10px;}
.message .messagearea .messagerecent .singlemessage .otheruser span {padding:5px;}
.message .messagearea .messagerecent .singlemessage .messagedate {float:right;}

.message .hiddenelement  {display:none;} /** not just using hidden as mform adds that class to its fieldset */
.message .visible {display:inline;}

.message #usergroupselector.fieldset, .message #viewing {width: 100%;}

.messagesearchresults {margin-bottom:40px;}
.messagesearchresults td {padding:0px 10px 0px 20px;}
.messagesearchresults td span {white-space:nowrap;}
.messagesearchresults td img.userpicture { padding-right: .45em; vertical-align: text-bottom; }
.dir-rtl .messagesearchresults td img.userpicture { padding-left: .45em; padding-right: 0; }
.messagesearchresults td span img { padding: 0 0 0 .45em; vertical-align: text-bottom; }
.dir-rtl .messagesearchresults td span img { padding: 0 .45em 0 0; }

#newmessageoverlay {background-color:LightGrey;border:1px solid black;padding:20px;position:fixed;bottom:0;right:0;}
#newmessageoverlay #usermessage {padding:10px;}
.ie6 #newmessageoverlay {position:static;}

/** Messenger send message dialog */
.core_message-messenger-sendmessage-hidden {
    display:none;
}
.core_message-messenger-sendmessage .message.actions {
    position: relative;
}
.core_message-messenger-sendmessage .message-area {
    height: 240px;
    max-height: 100%;
    position: relative;
    margin-bottom: 10px;
}
.core_message-messenger-sendmessage .message-input {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.core_message-messenger-sendmessage .message-send {
    margin: 0;
    float: right;
}
.core_message-messenger-sendmessage .message-notice-area {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.core_message-messenger-sendmessage .message-notice {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.core_message-messenger-sendmessage .message-notice > div {
    background: #eee;
    padding: 5px;
    font-size: 12px;
}
.core_message-messenger-sendmessage .message-footer {
    margin-top: 3px;
    line-height: 20px;
}
.core_message-messenger-sendmessage .message-history {
    position: absolute;
    bottom: 0;
}
.dir-rtl .core_message-messenger-sendmessage .message-send {
    float: left;
}