/*
 * @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 MyBB style "MyBB Default":
 * http://www.mybboard.net/
 */


@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 #errorContainer {
	font-weight:bold;
	color:#AD174A;
}
#content, #loginContent {
	background:#AF194B url(../../../img/layout/bg.gif) repeat-x;
	color:#FFF;
}
#content h1, #loginContent {
	font-weight:bold;
	color:#FFF;
}
#content a, #loginContent a {
	color:#000;
}
#content a:focus, a:hover, a:active {
	text-decoration:underline;
}
#content textarea, .input, .setting input {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:90%;
	border-color:#BFBFBF #E0E0E0 #E0E0E0 #BFBFBF;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	background:#FFF url(../../../img/layout/input.gif) repeat-x;
	width:200px;
}
#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer, #content #optionsContainer {
	border-color:#AD174A;
	background-color:#FFF;
	color:#000;
}
#content #colorCodesContainer a {
	border-color:#000;
}
#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:#FFF;
}
#content .rowOdd {
	background-color:#F8F8F8;
}
#content .guest {
	color:gray;
}
#content .user {
	color:#000;
}
#content .moderator {
	color:#AD174A;
}
#content .admin {
	color:#AD174A;
}
#content .chatBot {
	color:#000;
}
#content #chatList .chatBotErrorMessage {
	color:red;
}
#content #chatList a {
	color:#000;
	text-decoration:underline;
}
#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:#676767 url(../../images/thead_bg.gif) repeat-x;
	color:#FFF;
	border-bottom:1px solid #AD174A;
	height:16px;
}
#content #settingsContainer #settingsList input.playback {
	background:url('../img/playback.png') no-repeat;
}
#content #settingsContainer #settingsList input.button {
	border:none;
}
#copyright {
	color:#000;
}
#content #chatList, #onlineList ul {
	list-style-image:url(../../../img/layout/navi/arrow.gif);
}
#menu ul {
	list-style:none;
}
#menu li {
	display:inline;
	padding-left:17px;
}
#menu a {
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	background:none;
}
#menu a:focus, #menu a:hover, #menu a:active {
	color:#AD174A;
	text-decoration:none;
}
#content #logoutChannelContainer {
	border-color:#AD174A;
	background-color:#BFBFBF;
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.thead {
	background:#676767 url(../../images/thead_bg.gif) repeat-x;
	color:#FFF;
}
.tborder {
	background:#AD174A none repeat scroll 0 0;
	border:1px solid #AD174A;
	margin:auto;
	width:100%;
}
.trow1 {
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	width:50%;
}
}