/*
 * Date:	16.09.2007
 *
 * File:	css/prosilver.css
 * Project:	AJAX_CHAT
 *
 * Author:	Sebastian Tschan
 * Website:	https://blueimp.net
 *
 * License:	GPL
 * 
 */

body {
	padding:0;
	margin:0;
}
#loginContent, #content {
	position:absolute;
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#F9F9F9;
	background-image:none;
	color:#28313F;
}
#loginHeadlineContainer {
	margin-left:100px;
	margin-top:100px;
}
#loginHeadlineContainer h1 {
	font-size:1.3em;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#333333;
}
#loginFormContainer {
	margin-left:100px;
}
#loginFormContainer div {
	margin-bottom:7px;
}
#loginFormContainer input {
	background-color:#FFF;
	color:#000;
}
#loginFormContainer select {
	background-color:#FFF;
	color:#000;
}
#loginFormContainer #loginButton {
	background-color:#F7F5F1;
}
#loginRegisteredUsers {
    font-size:0.8em;
    padding-top:5px;
}
#errorContainer {
	margin-left:100px;
	color:red;
}
#copyright {
	margin-top:20px;
	margin-left:100px;
}
#copyright a {
	font-size:0.8em;
	color:#000;
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}
#headlineContainer {
	position:absolute;
	left:20px;
	top:5px;
	background-image:none;
}
#logoutChannelContainer {
	position:absolute;
	left:20px;
	top:50px;
}
#chatList {
	position:absolute;
	left:20px;
	right:230px;
	top:85px;
	bottom:151px;
	overflow:auto;
	border:1px solid #105289;
	background-color:#FFF;
}
#messageContainer {
	position:absolute;
	left:20px;
	right:20px;
	bottom:120px;
}
#onlineListContainer {
	position:absolute;
	right:20px;
	top:85px;
	width:200px;
	bottom:151px;
	border:1px solid #105289;
	background-color:#FFF;
}
#helpContainer {
	position:absolute;
	right:20px;
	top:85px;
	width:360px;
	bottom:151px;
	border:1px solid #105289;
	background-color:#FFF;
}
#bbCodeContainer {
	position:absolute;
	left:20px;
	bottom:46px;
	border:1px solid #105289;
	padding:3px;
	background-color:#FFF;
}
#colorCodesContainer {
	position:absolute;
	left:20px;
	bottom:15px;
	border:1px solid #105289;
	padding:3px;
	background-color:#FFF;
	z-index:1;
}
#emoticonsContainer {
	position:absolute;
	left:20px;
	bottom:83px;
	border:1px solid #105289;
	padding:3px;
	background-color:#FFF;
}
#optionsContainer {
	position:absolute;
	left:20px;
	bottom:20px;
}
#bbCodeContainer input {
	background-color:#F7F5F1;
	color:#000;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
}
#colorCodesContainer a {
	display:block;
	float:left;
	width:20px;
	height:20px;
	border:1px solid black;
}
#emoticonsContainer a {
	margin-left:1px;
	margin-right:1px;
}
#emoticonsContainer img {
	border:none;
	vertical-align:middle;
	margin-bottom:2px;
}
#headlineContainer h1 {
	font-size:1.3em;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#333333;
	margin-left:auto;
	margin-top:12px;
}
#logoutChannelContainer select {
	background-color:#FFF;
	color:#000;
}
#logoutChannelContainer #logoutButton {
	background-color:#F7F5F1;
	color:#000;
}
#chatList div {
	padding-left:10px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
}
#chatList div.rowEven {
	background-color:#E1EBF2;
}
#chatList div.rowOdd {
	background-color:#ECF3F7;
}
#chatList span.dateTime {
	font-size:0.7em;
}
#chatList span.guest {
	font-weight:bold;
	color:gray;
}
#chatList span.user {
	font-weight:bold;
	color:#000;
}
#chatList span.moderator {
	font-weight:bold;
	color:#00AA00;
}
#chatList span.admin {
	font-weight:bold;
	color:#AA0000;
}
#chatList span.chatBot {
	font-weight:bold;
	font-style:italic;
	color:#D31141;
}
#chatList .chatBotMessage {
	font-style:italic;
}
#chatList .chatBotErrorMessage {
	font-style:italic;
	color:red;
}
#chatList .privmsg {
	font-style:italic;
}
#chatList a {
	color:#D31141;
	text-decoration:none;
}
#chatList a:hover {
	text-decoration:underline;
}
#chatList img {
	border:none;
	vertical-align:middle;
	margin-bottom:2px;
}
#chatList span.quote {
}
#chatList cite {
	margin-right:5px;
}
#chatList q {
	font-variant:small-caps;
}
#chatList code {
    font-size:1.2em;
}
#messageContainer input {
	background-color:#FFF;
	color:#000;
}
#messageContainer #messageTextContainer {
	position:absolute;
	left:0px;
	right:215px;
	bottom:0px;
}
#messageContainer #messageTextContainer #messageText {
	width:100%;
}
#messageContainer #submitButtonContainer {
	position:absolute;
	right:0px;
	bottom:0px;
	width:202px;
}
#messageContainer #submitButtonContainer #submitButton {
	background-color:#F7F5F1;
	color:#000;
}
#onlineListContainer h3 {
	height:25px;
	padding:2px;
	margin:0px;
	text-align:center;
	font-size:1.0em;
	background-color:#E1EBF2;
	color:#105289;
}
#onlineListContainer #onlineList {
	position:absolute;
	left:0px;
	right:0px;
	top:25px;
	bottom:0px;
	overflow:auto;
}
#onlineListContainer #onlineList div {
	padding-left:10px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
}
#onlineListContainer #onlineList a {
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#onlineListContainer #onlineList a.guest {
	color:gray;
}
#onlineListContainer #onlineList a.user {
	color:#000;
}
#onlineListContainer #onlineList a.moderator {
	color:#00AA00;
}
#onlineListContainer #onlineList a.admin {
	color:#AA0000;
}
#onlineListContainer #onlineList a:hover {
	text-decoration:underline;
}
#onlineListContainer #onlineList .rowEven {
	background-color:#ECF3F7;
}
#onlineListContainer #onlineList .rowOdd {
	background-color:#E1EBF2;
}
#helpContainer h3 {
	height:25px;
	padding:2px;
	margin:0px;
	text-align:center;
	font-size:1.0em;
	background-color:#E1EBF2;
	color:#105289;
}
#helpContainer #helpList {
	position:absolute;
	left:0px;
	right:0px;
	top:25px;
	bottom:0px;
	overflow:auto;
}
#helpContainer #helpList table {
	border-collapse:collapse;
}
#helpContainer #helpList td {
	padding:4px;
	vertical-align:top;
}
#helpContainer #helpList td.desc {
	width:40%;
}
#helpContainer #helpList td.code {
	font-style:italic;
}
#helpContainer #helpList .rowEven {
	background-color:#E1EBF2;
}
#helpContainer #helpList .rowOdd {
	background-color:#ECF3F7;
}