/*
 * MIND THE GAP
 * Chat stylesheet
 *
 * (c) May-June 2012
 * Cosmin Badea, Petr Cermak, Victor Cheng, Andrew Jack
 */


/******************************************************************************/
/*  Chat window
/******************************************************************************/


.chat-window {
    position: absolute;
    width:    200px;
    bottom:   0px;
    right:    0px;
    z-index:  10;
}

.chat-window-bar {
    background:    rgba(10, 10, 10, 0.4);
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
    height: 24px;
}

.chat-window-bar-name {
    margin: 3px 0px 3px 5px;
    float: left;
    font-weight: bold;
}

.chat-window-bar-buttons {
    position: absolute;
    top:      0px;
    right:    0px;
    padding:  0px;
    margin:   0px;
}

.chat-window-bar-buttons img {
    cursor: pointer;
    padding: 4px;
}

.chat-window-bar-buttons img:hover {
    background: rgba(10, 10, 10, 0.9);
}

.chat-content {
    height:     300px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.chat-hidden {
    bottom: -300px;    
}


/******************************************************************************/
/*  Contact list
/******************************************************************************/


.friend-list {
    height:     100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.friend-contact {
    display: block;
    padding: 1px 5px;

    color:           inherit;
    text-decoration: none;
}


.friend-contact:hover {
    background: rgba(10, 10, 10, 0.9);
}

/******************************************************************************/
/*  Station chat
/******************************************************************************/


.tab_chat_messages {
    height:        495px;
    margin-bottom: 10px;
    overflow-x:    hidden;
    overflow-y:    auto;

    background: rgba(30, 30, 30, 0.9);
    border: 1px solid rgba(100, 100, 100, 0.5);
}

.tab_chat_message,
.mess-ok {
    padding: 0px 5px 3px 5px;
    border-bottom: 1px dotted rgba(100, 100, 100, 0.5);
}

.tab_chat_message_name,
.mess-ok .mess-title {
    display: inline;

    font-weight: bold;
    font-size:   12px;
}

.tab_chat_message_date, 
.mess-ok .mess-date {
    display: inline;
    float:   right;
    margin-top: 3px;

    font-size: 9px;
}

.tab_chat_message_text,
.mess-ok .mess-text {
    margin-top: 3px;

    word-wrap: break-word;
    font-size: 12px;
}

#tab_chat_input,
.chat-input {
    width: 100%;
}



/******************************************************************************/
/*  Messages
/******************************************************************************/

.chat-messages {
    height:     274px;
    width:      100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.mess-older {
    padding: 0px;
}

.mess-older a {
    padding: 2px 0px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
}

.mess-older a:hover {
    background: rgba(10, 10, 10, 0.9);
}