/* Chat container styled like old IM window */
.chatbox-container {
    width: 500px;
    margin: 30px auto;
    border: 4px outset #808080;      /* 90s 3D border */
    background-color: #e0e0e0;       /* window interior */
    box-shadow: 2px 2px 5px #aaa;
    font-family: Tahoma, "Comic Sans MS", Arial, sans-serif;
}

/* Title bar/header */
.chatbox-header {
    background-color: #000080;       /* dark blue IM header */
    color: white;
    font-weight: bold;
    padding: 5px;
    font-size: 14px;
    border-bottom: 2px solid #ffffff;
}

/* Iframe containing chat */
.chatbox-iframe {
    width: 100%;
    height: 350px;
    border: none;
    background-color: #f0f0f0;
}

/* Status bar at bottom of window */
.status-bar {
    background-color: #00ff00;
    color: black;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    border-top: 1px solid #808080;
    text-align: left;
}

/* Hover effect for retro feel */
.chatbox-container:hover {
    box-shadow: 4px 4px 10px #888;
}

/* Background & font */
.cbox_container {
    background-color: #f0f0f0;         /* classic IM gray */
    font-family: Tahoma, "Comic Sans MS", Arial, sans-serif;
    font-size: 12px;
}

/* User messages */
.cbox_message {
    color: #000000;
}

/* Nicknames */
.cbox_user {
    color: #000080;                     /* dark blue usernames */
    font-weight: bold;
}

/* Timestamps */
.cbox_timestamp {
    color: #808080;                     /* gray timestamps */
    font-size: 10px;
}

/* Links inside chat */
.cbox_message a {
    color: green;                        /* retro GeoCities style */
    text-decoration: none;
}

.cbox_message a:hover {
    color: orange;
}