.e_menu li .Chat {
    background-image: url('/images/chat.png');
}

.chat_box {
    min-height: 300px;
    float: left;
    width: 100%;
    border: 1px solid #ccc
}

.chat_box .chat_main {
    height: 230px;
    overflow-y: scroll;
    float: left
}

.chat_box .chat_main.large_messages {
    width: 70%; 
}

.chat_box .chat_main.small_messages {
    width: 100%; 
}

.chat_box .chat_main .name,
.chat_box .chat_main .name {
    float: left;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 5px
}

.chat_box .chat_sidebar {
    height: 230px;
    overflow-y: scroll;
    border-left: 1px solid #ccc
}

.chat_box .chat_comment {
    min-height: 70px;
    width: 100%;
    background: #ccc;
    float: left;
    border-top: 1px solid #ccc
}

.chat_box .chat_comment form {
    display: block;
    float: left;
    padding-top: 10px;
    width: 100%
}

.chat_box .chat_comment form img {
    float: left;
    margin-top: 8px;
    padding-right: 6px;
    padding-left: 10px
}

.chat_box .chat_comment form p {
    float: left;
    margin-top: 8px;
    padding-right: 10px
}

.chat_box .chat_comment form input {
    width: 65%;
    float: left;
    font-size: 17px;
    margin-top: 5px;
    margin-left: 5px
}

.chat_box .chat_comment form button {
    float: left;
    margin-left: 15px
}


.editmode .chat_box .chat_comment form p {
    color: #888;
}

.editmode .chat_box .chat_comment form input {
    cursor: move
}

.editmode .chat_box .chat_comment form button {
    color: #aaa;
    cursor: move
}

.editmode .chat_box .chat_comment form button:hover {
    background: url("/images/highlight.png") #fefefe
}

.editmode .chat_box .chat_main {
    background: url("/images/chat_dialog_edit.png")
}

.chat_box .chat_sidebar .users img {
    padding-right: 5px;
    padding-left: 3px;
    margin-bottom: -2px
}