.hint_left
{
    background: #ffffff;
    border: 1px solid #e9d9f6;
    border-radius: 2px;
    float: left;
    padding: 2px 4px;
    width: 92%;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 18px;

    white-space: nowrap;
    word-wrap:break-word;
    color: #404040;

    margin-left:10px;
    clear: both;
}

.hint_right
{
    background: #f9f9ff;
    border: 1px solid #7d73a2;
    border-radius: 2px;
    float: right;
    padding: 2px 4px;
    width: 92%;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    word-wrap:break-word;
    color: #404040;
    margin-right:10px;
    clear: both;
}
.mess_text{
    max-width: 495px;
    width: 495px;
    height: 101px;
    max-height: 200px
}
xmp
{
    font-family: "PT Sans", sans-serif;
    padding: 0;
    margin: 0;
    clear: both;
    font-size:14px;

    color: #2f2f2f;

    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}
 .time_left{
    color: #929292;
    float: right;
    font-size: 12px;
    text-align: right;
    width: 150px;margin-right:20px
}
.time_right{
    color: #929292;
    float: right;
    font-size: 12px;
    text-align: right;
    width: 150px;margin-right:20px
}
.name_left  {
    width: 150px;
    float: left;
    color: #929292;
    font-size: 12px;
    text-align: left;
}

.name_right {
    width: 150px;
    float: left;
    color: #929292;
    font-size: 12px;
    text-align: left;
}