/*
 * @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');

/*
 * Colors
 */

@media screen,projection,handheld {

#loginContent {
	background-color: #000;
	color: #FFF;
}

#loginContent h1 {
	color: #e718a6;
	margin: 0;
	padding: 0;
}

#loginContent a:link {
	color: #e718a6;
}

#loginContent a:visited {
	color: #e718a6;
}

#loginContent a:hover {
	color: #fff;
}

#loginContent a:active {
	color: #EE76C2;
}

#loginContent input, #loginContent select {
	background-color: #212121;
	color: #FFF;
}

#loginContent #loginFormContainer #loginButton {
	background-color: #212121;
	color: #FFF;
}

#loginContent #loginHeadlineContainer {
	background: url(../../_media/banner.jpg) no-repeat right;
	line-height: 88px;
}

#loginContent #errorContainer {
	color: red;
}

#content {
	background-color: #000;
	color: #FFF;
}

#content #headlineContainer {
	background: url(../../_media/banner.jpg) no-repeat right;
	line-height: 88px;
	border-bottom: 8px solid #651249;
}

#content h1 {
	color: #e718a6;
	margin: 0;
	padding: 0;
}

#content a {
	color: #FFF;
}

#content input, #content select, #content textarea {
	background-color: #212121;
	color: #FFF;
}

#content #logoutChannelContainer {
	background-color: #651249;
	background: url(../../_media/buttons.gif) repeat-x;
	text-align: right;
}

#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer {
	border-color: #651249;
	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 #copyright {
	color: #444;;
}

#content #copyright a {
	color: #444;
}

#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: #651249;
}

#content .chatBotMessage {
	color: #651249;
}

#content #chatList .chatBotErrorMessage {
	color: red;
}

#content #chatList a {
	color: #e718a6;
}

#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;
}

}