/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) 2007 Sebastian Tschan
 * @license http://creativecommons.org/licenses/by-sa/
 * @link https://blueimp.net/ajax/
 * 
 * Color palette inspired by phpBB style "subblack2":
 * http://www.phpbb.com/
 */


@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:#cccccc;
	}
	#loginContent h1 {
		color:#cccccc;
	}
	#loginContent a {
		color:#cccccc;
	}
	#loginContent input, #loginContent select {
		background-color:#212121;
		color:#cccccc;
	}
	#loginContent #loginFormContainer #loginButton {
		background-color:#212121;
		color:#cccccc;
	}
	#loginContent #errorContainer {
		color:red;
	}
	
	#content {
		background-color:#2e2f2b;
		color:#cccccc;
	}
	#content h1 {
		color:#CC9900;
	}
	#content a {
		color:#cccccc;
	}
	#content input, #content select {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;		
color:#cccccc;
	}
	#content #chatList {
background-image: url(bodybg.gif);
background-color:#151515;
BORDER-TOP: #515151 5px solid;
BORDER-BOTTOM: #515151 5px solid;
BORDER-LEFT: #000000 5px solid;
BORDER-RIGHT: #000000 5px solid;
	}
	#content #onlineListContainer {
background-image: url(bodybg.gif);
background-color:#151515;
BORDER-TOP: #000000 5px solid;
BORDER-BOTTOM: #000000 5px solid;
BORDER-LEFT: #515151 5px solid;
BORDER-RIGHT: #515151 5px solid;
	}
	#content #helpContainer {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #515151 2px solid;
BORDER-BOTTOM: #000000 2px solid;
BORDER-LEFT: #515151 2px solid;
BORDER-RIGHT: #515151 2px solid;
		background-color:#212121;
	}
	#content #bbCodeContainer {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #515151 2px solid;
BORDER-BOTTOM: #000000 2px solid;
BORDER-LEFT: #515151 2px solid;
BORDER-RIGHT: #515151 2px solid;
		background-color:#212121;
	}
	#content #colorCodesContainer {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #515151 2px solid;
BORDER-BOTTOM: #000000 2px solid;
BORDER-LEFT: #515151 2px solid;
BORDER-RIGHT: #515151 2px solid;
		background-color:#212121;
	}
	#content #emoticonsContainer {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #515151 2px solid;
BORDER-BOTTOM: #000000 2px solid;
BORDER-LEFT: #515151 2px solid;
BORDER-RIGHT: #515151 2px solid;
		background-color:#212121;
	}
	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
background-image: url(bodybg.gif);
background-color:#212121;
BORDER-TOP: #515151 2px solid;
BORDER-BOTTOM: #000000 2px solid;
BORDER-LEFT: #515151 2px solid;
BORDER-RIGHT: #515151 2px solid;
color:#cccccc;
	}
	#content #colorCodesContainer a {
		border-color:black;
	}
	#content #optionsContainer input {
	    background-color:transparent;
	}
	#content .rowEven {
		background-color:#151515;
	}
	#content .rowOdd {
		background-color:#252525;
	}
	#content .guest {
		color:gray;
	}
	#content .user {
		color:#99cc00;
	}
	#content .moderator {
		color:#71b5fa;
	}
	#content .admin {
		color:red;
	}
	#content .chatBot {
		color:#CC9900;
	}
	#content #chatList .chatBotErrorMessage {
		color:red;
	}
	#content #chatList a {
		color:#FFCC00;
	}
	#content #onlineListContainer h3, #content #helpContainer h3 {
		background-color:#212121;
		color:#FFCC00;
	}
	
}