/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 *
 * Color palette inspired by PunBB style "Mercury":
 * http://punbb.org/
 */


@import url('positions.css');
@import url('borders.css');
@import url('fonts.css');
@import url('misc.css');
@import url('print.css');


/*
 * Colors
 */

@media screen,projection,handheld {

        #loginContent {
        position:absolute;
                background-color:#5F0101;
                color:#D4D4D4;

        }
        #loginContent h1 {
                color:#D4D4D4;
        }
        #loginContent a {
                color:#F98129;
        }
        #loginContent #name{
        margin-left:0%;

        }


        #loginContent input, #loginContent select {
                background-color:#FFFFFF;
                color:#000000;
                margin-left:0%;
        }
        #loginContent #loginFormContainer #loginButton {
                background-color:#FFFFFF;
                color:#000000;
                margin-left:0%;

        }
        #loginContent #errorContainer {
                color:red;
        }

        #content {
                background-color:#5F0101;
                color:#F7903D;
                font-weight: bold;
        }
        #content h1 {
                color:#D4D4D4;
        }
        #content a {
                color:#000000;
        }
        #content #links a{
        color: #FFFFFF;
        }
        #content #links a:hover{
        color:#f00000;
text-decoration: none
}


        #content select, #content textarea {
                background-color:#ECEBEB;
                color:#000000;

        }
        #content input{
                background-color:#ECEBEB;
                color:#000000;
                border: 1px solid black;
        }
        #content #helpContainer, #content #colorCodesContainer {
                border-color:#565656;
                background-color:#F7F6F6;
                color: #000000;
                font-weight: normal;
                font-size: 15px;
        }
        #content #settingsContainer{
        background-color:#E8E5E5;
        color: #000000;
                font-weight: normal;
                font-size: 15px;
        }
        #content #chatList {
        border-color:#565656;
                background-color:#E6E3E3;
                color: #000000;
                font-weight: normal;
                font-size: 15px;
                vertical-align: bottom;
                }

        #content #bbCodeContainer{
        background-color:#5B4A4A;
        }
        #content #emoticonsContainer{
        background-color:#ECEBEB;
        }
#content #bbCodeContainer{
border-color:#565656;
border: 1px solid;
}
 #content #onlineListContainer{
background-color:#5B4A4A;

}
                .statusContainerOn {
                background-image: url('../img/loading.png');
        }
        .statusContainerOff {
                background-image: url('../img/loading-done.png');
        }
        #content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
                background:url(../img/button.gif) #FFFFFF;
                color:#000000;
                border-top: 1px solid #5E7EB0;
                border-right: 1px solid #395175;
                border-bottom: 1px solid #395175;
                border-left: 1px solid #5E7EB0;
        }

        #content #colorCodesContainer a {
                border-color:black;
        }
        #content #optionsContainer input {
            background-color:transparent;
        }
        #content #optionsContainer #helpButton {
            background:url('../img/help.png') no-repeat;
        }
        #content #optionsContainer #settingsButton {
            background:url('../img/settings.png') no-repeat;
        }
        #content #optionsContainer #onlineListButton {
            background:url('../img/users.png') no-repeat;
        }
        #content #optionsContainer #audioButton {
            background:url('../img/audio.png') no-repeat;
        }
        #content #optionsContainer #audioButton.off {
            background:url('../img/audio-off.png') no-repeat;
        }
        #content #optionsContainer #autoScrollButton {
            background:url('../img/autoscroll.png') no-repeat;
        }
        #content #optionsContainer #autoScrollButton.off {
            background:url('../img/autoscroll-off.png') no-repeat;
        }
        #content .rowEven {
                background-color:#ECEBEB;
        }
        #content .rowOdd {
                background-color:#E8E5E5;
}
        #content .guest {
                color:gray;
        }
        #content .user {
                color:#735EF6;
        }
         #content .vip {
                color:#008000;
                font-weight: bold;
        }
 	#content .backstage {
                color:#7E0989;
                font-weight: bold;
        }
        #content .moderator {
                color:#00AA00;
                font-weight: bold;
        }
        #content .admin {
                color:#B0831B;
                font-weight: bold;
        }

        #content .chatBot {
                color:#C32625;
        }
        #content #chatList .chatBotErrorMessage {
                color:red;
        }
        #content #chatList a {
                color:#B4810A;
                text-decoration: underline;

        }
        #content #chatList a:hover{
                color:#B4810A;
                text-decoration: none;


        }
        #content #chatList .delete {
                background:url('../img/delete.png') no-repeat right;
        }
        #content #chatList .deleteSelected {
                border-color:red;
        }
        #content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
                background:url('http://diehoerbar.net/forum/images/flame/tcat_bg.png') #383838;
                color:#D4D4D4;
        }
        #content #settingsContainer #settingsList input.playback {
            background:url('../img/playback.png') no-repeat;
        }
#content #stream {
border-left: 1px solid;
border-right: 1px solid;
}
#content #stream2 {
border-left: 1px solid;
border-right: 1px solid;
}
}