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


@import url('positions.css');
@import url('borders.css');
@import url('fonts.css');
@import url('misc.css');
@import url('print.css');

.option             	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.option_red         	{BACKGROUND: none; COLOR: #CC0000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.footmsg            	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.footmsg-red        	{BACKGROUND: none; COLOR: #FF0000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.Text-Darkred       	{COLOR: #CC0000; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}


FONT                	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px;}
TD                 	 	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px;}
p                	 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px;}
DIV              	 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px;}
body									{Background: #D0D8CB;}

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

#loginContent h1 																		{COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica;}

#loginContent a:link 																{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#loginContent a:active 															{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#loginContent a:visited 														{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#loginContent a:hover 															{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}

#loginContent input, #loginContent select 					{font-family: tahoma; font-size: 10pt; border: 1px solid #000000; background-color: #F5F4EF; color:#000000;}
#loginContent #loginFormContainer							 			{border: 1px solid #000000; background-color: #DFE3DC; padding: 20px;}
#loginContent #loginButton 													{font-family: tahoma; font-size: 10pt; border: 1px solid #000000; background-color: #C0C0C0; color:#000000;}
#loginContent #clearButton 													{font-family: tahoma; font-size: 10pt; border: 1px solid #000000; background-color: #C0C0C0; color:#000000;}

#loginContent #errorContainer 											{color:#CC0000;}
#content 																						{background-color:#DFE3DC; color:#000;}
#content h1 																				{color:#000000;}

#content a:link 																		{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#content a:active 																	{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#content a:visited 																	{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#content a:hover 																		{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}

#content input, #content select, #content textarea {border: 1px solid #000000; background-color: #F5F4EF; color:#000000;}

#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer{
border-color:#000000;
background-color:#D0D8CB;
}
#content #emoticonsContainer{
border-color:#000000;
background-color:#C1CABE;
opacity: 0.9;
}
.loginOnlineList {border: 1px solid #000000; background-color: #DFE3DC; padding: 20px; margin-left:10px; margin-right:10px;
}
.statusContainerOn {
background-image: url('../img/loading.png');
}
.statusContainerOff {
background-image: url('../img/loading-done.png');
}
.statusContainerAlert {
background-image: url('../img/loading-trouble.png');
}
#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {font-family: tahoma; font-size: 10pt; border: 1px solid #000000; background-color: #C0C0C0; color:#000000;}
#content #colorCodesContainer a {
border-color:black;
}
#content #optionsContainer input {
background-color:transparent;
}
#content #optionsContainer #helpButton {
background:url('../img/help.png') no-repeat; border:none;
}
#content #optionsContainer #settingsButton {
background:url('../img/settings.png') no-repeat; border:none;
}
#content #optionsContainer #onlineListButton {
background:url('../img/users.png') no-repeat; border:none;
}
#content #optionsContainer #audioButton {
background:url('../img/audio.png') no-repeat; border:none;
}
#content #optionsContainer #audioButton.off {
background:url('../img/audio-off.png') no-repeat; border:none;
}
#content #optionsContainer #autoScrollButton {
background:url('../img/autoscroll.png') no-repeat; border:none;
}
#content #optionsContainer #autoScrollButton.off {
background:url('../img/autoscroll-off.png') no-repeat; border:none;
}
#content .rowEven {
background-color:#D0D8CB;
}
#content .rowOdd {
background-color:#D0D8CB;
}
#content .guest {
color:gray;
}

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

#chatList a:link 																			{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#chatList a:active 																		{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#chatList a:visited 																	{COLOR: #475240; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline;}
#chatList a:hover 																		{COLOR: #C25732; FONT-FAMILY: Verdana, Helvetica; 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-color:#4B5842;
color:#C0C0C0;
}

#content #settingsContainer #settingsList input.playback {
background:url('../img/playback.png') no-repeat;
}