/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 */


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

html, body {
	background:#111111 url(../img/bg.png) no-repeat fixed right bottom;
	color: #fff;
}

#loginContent {
	color:#FFF;
}
#loginHeadlineContainer {
    color: #999;
    font-size: 0.85em;
}
#loginHeadlineContainer h1,
#headlineContainer h1 { /* Logo */
    text-indent: -5000px;
    border: none;
    text-decoration: none;
    overflow: hidden;
}
#loginHeadlineContainer h1 { /* Logo Login screen */
    width: 250px;
    height: 70px;
    background: url(../img/logo-cdp-big.png) no-repeat;
}
#headlineContainer h1 { /* Logo Chat window */
    width: 180px;
    height: 44px;
    background: url(../img/logo-chat-du-plaisir.png) no-repeat;
    text-align: left;
    float: left;
}
#loginContent a {
	color:#FFF;
}
#loginContent input, #loginContent select {
	background-color:#212121;
	color:#FFF;
}
#loginContent #loginFormContainer #loginButton {
	background-color:#212121;
	color:#FFF;
}
#loginContent #errorContainer {
	color:red;
}

#content {
	background-color:#111111;
	color:#FFF;
}
#content h1 {
	color:#FFF;
}
#content a {
	color:#FFF;
}
#content input, #content select, #content textarea {
	background-color:#212121;
	color:#FFF;
}
#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer {
	border-color:gray;
	background-color:#000;
}
#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
	background-color:#212121;
	color:#FFF;
}
#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:#212121;
}
#content .rowOdd {
	background-color:#000;
}
#content .guest {
	color:gray;
}
#content .user {
	color:#FFF;
}
#content .moderator {
	color:#00AA00;
}
#content .admin {
	color:red;
}
#content .chatBot {
	color:#FF6600;
}
#content #chatList .chatBotErrorMessage {
	color:red;
}
#content #chatList a {
	color:#1E90FF;
}
#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-color:#212121;
	color:#FFF;
}
#content #settingsContainer #settingsList input.playback {
	background:url('../img/playback.png') no-repeat;
}