/*
 * @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 "subsilver2":
 * http://www.phpbb.com/
 */


/*
 * Positioning
 */

body {
	padding:0;
	margin:0;
}

#loginContent {
	position:absolute;
	width:100%;
	height:100%;
}
#loginContent #loginHeadlineContainer {
	margin-left:100px;
	margin-right:100px;
	margin-top:100px;
}
#loginContent #loginFormContainer {
	margin-left:100px;
	margin-right:100px;
}
#loginContent #loginFormContainer div {
	margin-bottom:7px;
}
#loginContent #loginRegisteredUsers {
    padding-top:5px;
}
#loginContent #errorContainer {
	margin-left:100px;
	margin-right:100px;
}
#loginContent #copyright {
	margin-top:20px;
	margin-left:100px;
	margin-right:100px;
}

#content {
	position:absolute;
	width:100%;
	height:100%;
}
#content #copyright {
	position:absolute;
	right:20px;
	top:20px;
}
#content #headlineContainer {
	position:absolute;
	left:20px;
	top:5px;
}
#content #logoutChannelContainer {
	position:absolute;
	left:20px;
	top:50px;
}
#content #chatList {
	position:absolute;
	left:20px;
	right:230px;
	top:85px;
	bottom:151px;
	overflow:auto;
}
#content #messageContainer {
	position:absolute;
	left:20px;
	right:20px;
	bottom:120px;
}
#content #onlineListContainer {
	position:absolute;
	right:20px;
	top:85px;
	width:200px;
	bottom:151px;
}
#content #helpContainer {
	position:absolute;
	right:20px;
	top:85px;
	width:360px;
	bottom:151px;
}
#content #bbCodeContainer {
	position:absolute;
	left:20px;
	bottom:46px;
	padding:3px;
}
#content #colorCodesContainer {
	position:absolute;
	left:20px;
	bottom:15px;
	padding:3px;
	z-index:1;
}
#content #emoticonsContainer {
	position:absolute;
	left:20px;
	bottom:83px;
	padding:3px;
}
#content #optionsContainer {
	position:absolute;
	left:20px;
	bottom:20px;
}
#content #bbCodeContainer input {
	padding-left:4px;
	padding-right:4px;
}
#content #colorCodesContainer a {
	display:block;
	float:left;
	width:20px;
	height:20px;
}
#content #emoticonsContainer a {
	margin-left:1px;
	margin-right:1px;
}
#content #emoticonsContainer img {
	vertical-align:middle;
	margin-bottom:2px;
}
#content #headlineContainer h1 {
	margin-left:auto;
	margin-top:12px;
}
#content #chatList div {
	padding-left:10px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
}
#content #chatList img {
	vertical-align:middle;
	margin-bottom:2px;
}
#content #chatList cite {
	margin-right:5px;
}
#content #messageContainer #messageTextContainer {
	position:absolute;
	left:0px;
	right:215px;
	bottom:0px;
}
#content #messageContainer #messageTextContainer #messageText {
	width:100%;
}
#content #messageContainer #submitButtonContainer {
	position:absolute;
	right:0px;
	bottom:0px;
	width:202px;
	text-align:left;
}
#content #onlineListContainer h3 {
	height:25px;
	padding:2px;
	margin:0px;
	text-align:center;
}
#content #onlineListContainer #onlineList {
	position:absolute;
	left:0px;
	right:0px;
	top:25px;
	bottom:0px;
	overflow:auto;
}
#content #onlineListContainer #onlineList div {
	padding-left:10px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
}
#content #onlineListContainer #onlineList a {
	display:block;
}
#content #helpContainer h3 {
	height:25px;
	padding:2px;
	margin:0px;
	text-align:center;
}
#content #helpContainer #helpList {
	position:absolute;
	left:0px;
	right:0px;
	top:25px;
	bottom:0px;
	overflow:auto;
}
#content #helpContainer #helpList td {
	padding-left:5px;
	padding-top:4px;
	padding-right:5px;
	padding-bottom:4px;
	vertical-align:top;
}


/*
 * Borders
 */

#content img {
	border:none;
}
#content #chatList {
	border-width:1px;
	border-style:solid;
}
#content #onlineListContainer {
	border-width:1px;
	border-style:solid;
}
#content #helpContainer {
	border-width:1px;
	border-style:solid;
}
#content #bbCodeContainer {
	border-width:1px;
	border-style:solid;
}
#content #colorCodesContainer {
	border-width:1px;
	border-style:solid;
}
#content #emoticonsContainer {
	border-width:1px;
	border-style:solid;
}
#content #colorCodesContainer a {
	border-width:1px;
	border-style:solid;
}
#content #helpContainer #helpList table {
	border-collapse:collapse;
}


/*
 * Fonts
 */

#loginContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#loginContent h1 {
	font-size:1.3em;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
}
#loginContent a {
	text-decoration:none;
}
#loginContent a:hover {
	text-decoration:underline;
}
#loginContent #loginRegisteredUsers {
    font-size:0.8em;
}
#loginContent #copyright {
	font-size:0.8em;
}

#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#content h1 {
	font-size:1.3em;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
}
#content a {
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#content #copyright {
	font-size:0.8em;
}
#content #chatList span.dateTime {
	font-size:0.7em;
}
#content #chatList span.guest {
	font-weight:bold;
}
#content #chatList span.user {
	font-weight:bold;
}
#content #chatList span.moderator {
	font-weight:bold;
}
#content #chatList span.admin {
	font-weight:bold;
}
#content #chatList span.chatBot {
	font-weight:bold;
	font-style:italic;
}
#content #chatList .chatBotMessage {
	font-style:italic;
}
#content #chatList .chatBotErrorMessage {
	font-style:italic;
}
#content #chatList .privmsg {
	font-style:italic;
}
#content #chatList .action {
	font-style:italic;
}
#content #chatList q {
	font-variant:small-caps;
}
#content #chatList code {
    font-size:1.2em;
}
#content #onlineListContainer h3 {
	font-size:1.0em;
}
#content #onlineListContainer #onlineList div {
	font-size:0.9em;
}
#content #helpContainer h3 {
	font-size:1.0em;
}
#content #helpContainer #helpList td {
	font-size:0.9em;
}
#content #helpContainer #helpList td.code {
	font-style:italic;
}


/*
 * Misc
 */

#content #bbCodeContainer input {
	cursor:pointer;
}


/*
 * Colors
 */

#loginContent {
	background-color:#E5E5E5;
	color:#000;
}
#loginContent h1 {
	color:#006699;
}
#loginContent a {
	color:#000;
}
#loginContent input, #loginContent select {
	background-color:#FFF;
	color:#000;
}
#loginContent #loginFormContainer #loginButton {
	background-color:#F7F5F1;
	color:#000;
}
#loginContent #errorContainer {
	color:red;
}

#content {
	background-color:#E5E5E5;
	color:#000;
}
#content h1 {
	color:#006699;
}
#content a {
	color:#000;
}
#content input, #content select {
	background-color:#FFF;
	color:#000;
}
#content #chatList {
	border-color:#006699;
	background-color:#FFF;
}
#content #onlineListContainer {
	border-color:#006699;
	background-color:#FFF;
}
#content #helpContainer {
	border-color:#006699;
	background-color:#FFF;
}
#content #bbCodeContainer {
	border-color:#006699;
	background-color:#FFF;
}
#content #colorCodesContainer {
	border-color:#006699;
	background-color:#FFF;
}
#content #emoticonsContainer {
	border-color:#006699;
	background-color:#FFF;
}
#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
	background-color:#F7F5F1;
	color:#000;
}
#content #colorCodesContainer a {
	border-color:black;
}
#content #optionsContainer input {
    background-color:transparent;
}
#content .rowEven {
	background-color:#DEE3E7;
}
#content .rowOdd {
	background-color:#EFEFEF;
}
#content .guest {
	color:gray;
}
#content .user {
	color:#000;
}
#content .moderator {
	color:#00AA00;
}
#content .admin {
	color:#AA0000;
}
#content .chatBot {
	color:#DD6900;
}
#content #chatList .chatBotErrorMessage {
	color:red;
}
#content #chatList a {
	color:#006699;
}
#content #onlineListContainer h3, #content #helpContainer h3 {
	background-color:#DEE3E7;
	color:#006699;
}