/*
 * @package AJAX_Chat
 * @author Sebastian Tschan
 * @copyright (c) Sebastian Tschan
 * @license GNU Affero General Public License
 * @link https://blueimp.net/ajax/
 */


@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 {

body{
position:absolute; 
top:0px; 
bottom:0px; 
left: 0px; 
right:0px;
background: #F6F6F6 url('../img/bkgd.gif') repeat-x;
}
	
	#loginContent {
		background:#FFFFFF url(../img/bg_loginbox.png) repeat-x scroll center bottom;
		border:2px solid #165788;
		color:#000;
		width:500px;
		left:30%;
		margin-top:20px;
		height:470px;
		padding-bottom:10px;
	}
	#loginContent h1 {
		background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
		width:300px;
		height:34px;	
		margin:0 0 20px 0;
		color:#000000;
	}
	#loginContent h1 a{
		background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
		width:300px;
		height:34px;
		float:left;
		text-indent:-2000px;
	}
	
	#loginContent a {
		color:#000;
	}
	

	#loginContent input, #loginContent select {
		background-color:#FFF;
		color:#000;
	}
	#loginContent #loginFormContainer #loginButton {
		background-color:#ffffff;
		color:#000;
		border:2px solid #165788;
	}
	#loginContent #errorContainer {
		color:red;
	}
	
	#content {
	background: #FFFFFF url(../img/bg_loginbox.png) repeat-x bottom;
	color:#000;
	margin:9px 7px 7px 11px;
	border: 2px solid #165788;
	}
	#content h1 {
	background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
	width:300px;
	height:34px;
	float:left;
	margin:5px 0 0 12px;
	color:#000000;
	}
	#content h1 a{
	background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
	width:300px;
	height:34px;
	float:left;
	text-indent:-2000px;
	}
	#content a {
		color:#000;
	}
	
	
	
	#content input, #content select, #content textarea {
		background-color:#FFF;
		color:#000;
	}
	#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer{
		border-color:#BDB2A6;
		background-color:#FFF;
		
	}
	.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 {
		background-color:#ffffff;
		color:#000;
	}
	#content #colorCodesContainer a {
		border-color:black;
	}
	#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:#ffffff;
	}
	#content .rowOdd {
		background-color:#F6F6F6;
	}
	#content .guest {
		color:#165788;
		font-weight:bold;
	}
	#content .user {
		color:#000;
	}
	#content .moderator {
		color:#00AA00;
	}
	#content .admin {
		color:red;
	}
	#content .chatBot {
		color:#FF6600;
	}
	#content #chatList .chatBotErrorMessage {
		color:red;
	}
	#content #chatList a {
		color:#1E90FF;
	}
	#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:#ffffff;
		color:#000;
	}
	#content #settingsContainer #settingsList input.playback {
	    background:url('../img/playback.png') no-repeat;
	}

#emoticonsContainer{
display:none;
}
#logoutChannelContainer{
margin-top:10px;
padding-bottom:10px;
}

#content #logoutButton{
margin-left:40px;
}
.etiquette
  {
  position:absolute; 
  bottom:70px; 
  left:21px;
  font-size:1em;
  font-weight:bold;
  }
  
.etiquette_login
  {
  margin-left:100px;
  font-size:1em;
  font-weight:bold;
  padding:10px 0 0 0;
  }

.loginMessage{
height:150px;
background:#FFFFFF url(../img/bg_loginbox.png) repeat-x scroll center top;
border:2px solid #165788;
color:#000;
width:500px;
left:30%;
margin-top:20px;
padding-bottom:10px;
position:absolute;
}

.loginMessage h1 {
		background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
		width:300px;
		height:34px;	
		margin:20px 0 20px 20px;
		color:#000000;
	}
.loginMessage h1 a{
		background:#ffffff url(../img/logo_livechat.png) no-repeat top left;
		width:300px;
		height:34px;
		float:left;
		text-indent:-2000px;
	}
	
.loginMessage a, .loginMessage a:visited {
		color:#165788;
	}
.loginMessage a:hover {
		color:#000000;
		text-decoration:none;
	}
.loginMessage p{
margin:30px 0 0 20px;
	}
	
#loginContent p{
margin:70px 80px 0 90px;
}
	
.disclaimer
  {margin:10px auto 0 auto; font-size:0.7em; padding:5px 10px 5px 10px; position:absolute; bottom:0px; left:30px; right:30px;}
.disclaimer h3
  { font-weight:bold; font-size:1em; line-height:1.25;}
.disclaimer a
  { font-weight:bold; font-weight:bold; color:#000000;}
.disclaimer a:hover
  { font-weight:bold; font-weight:bold; color:#165788;}
}