/*
 * @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 {
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
font-family:Arial,Helvetica,'Lucida Grande','Lucida Sans Unicode','Liberation Sans',FreeSans,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
padding:0;
margin:0;
}

#wrapper {
height:auto;
margin-left:auto;
margin-right:auto;
width:960px;
margin-top:10px;
}

#header {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #999999;
height:169px;
position:relative;
width:960px;
}

#header_menu {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
position:relative;
width:390px;
}

#header_menu ul li {
display:inline-block;
width:127px;
}

#header_menu ul li a {
color:#FFFFFF;
padding-top:4px;
text-decoration:none;
}

li.selected span {
margin:0 0 0 55px;
}

li.com span {
margin:0 0 0 37px;
}

li.blog span {
margin-left:50px;
}

#header_menu a:hover {
text-decoration:none;
}

#header_menu ul li.selected a {
color:#646567;
}

#header_menu ul li.com a:hover {
color:#646567;
}

ul li.selected a {
background:transparent url(../img/actu-hover.png) no-repeat scroll 0 0;
display:block;
height:21px;
width:130px;
}

ul li.com a {
background:transparent url(../img/communaute.png) no-repeat scroll 0 0;
display:block;
height:21px;
width:130px;
}

ul li.com a:hover {
background:transparent url(../img/communaute-hover.png) no-repeat scroll 0 0;
display:block;
height:21px;
width:130px;	
}

ul li.blog a {
background:transparent url(../img/blog.png) no-repeat scroll 0 0;
display:block;
height:21px;
width:130px;
}

ul li.blog a:hover{
background:transparent url(../img/blog-hover.png) no-repeat scroll 0 0;
display:block;
height:21px;
width:130px;	
}

#bann {
background:transparent url(../img/bann-actu.png) repeat scroll 0 0;
border-top:1px solid #999999;
border-right:1px solid #999999;
float:left;
height:143px;
width:959px;
}

#links_left {
font-size:12px;
left:15px;
position:absolute;
top:38px;	
}

ul {
margin:0;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.links li {
display:inline-block;
}

#links_left a {
color:#666666;
padding:0 5px 0 9px;
text-decoration:none;	
}

#links_left a:hover{
text-decoration:none;
}

.r-s-s a {
background:transparent url(../img/logo-rss.png) no-repeat scroll left center;
border-right:1px solid;
margin:0 7px 0 0;	
}

.twitter a {
background:transparent url(../img/logo-twitter.png) no-repeat scroll 0 0;
border-right:1px solid;
margin:0 7px 0 0;	
}

.myspace a{
background:transparent url(../img/logo-myspace.png) no-repeat scroll 0 0;
border-right:1px solid;	
}

.tshirt a{
background:transparent url(../img/tshirt-16.jpg) no-repeat scroll 0 0;
display:block;
margin-left:5px;
padding-bottom:6px;	
}

#links_left ul.links li a span {
padding:0 0 0 8px;	
}

#logo {
position:absolute;
right:0;
top:14px;
}

#logo a.main_blog {
background:transparent url(../img/logo-yagg.png) no-repeat scroll 0 0;
float:left;
height:106px;
margin-top:27px;
width:247px;
}

#container {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-top:1px solid #999999;
float:left;
margin-top:10px;
width:958px;
min-height:426px;
font-size:0.8em;
overflow:hidden;
}

#end-footer {
background-color:#A8A8A8;
color:#FFFFFF;
width:958px;
height:40px;
position:relative;
top:0;
right:1px;
border-left:1px solid #999999;
border-right:1px solid #999999;
float:left;
}

#content{
font-family:Arial,Helvetica,'Lucida Grande','Lucida Sans Unicode','Liberation Sans',FreeSans,sans-serif;		
}

#content h1{
font-family:Arial,Helvetica,'Lucida Grande','Lucida Sans Unicode','Liberation Sans',FreeSans,sans-serif;	
}

#guest{
min-height:130px;
margin-top:10px;
}

#photo {
float:left;
margin:15px 0 0 20px;
}

#text{
width:485px;
float:left;
margin:9px 0 0 10px;
font-size:20px;
line-height:1.2em;
}

#desc {
clear:both;
float:left;
font-size:13px;
line-height:1.5em;
margin:-30px 0 0 127px;
width:485px;
}

#desc a {
color:#0099CC;
}

#menu{
background-color:#666666;
font-size:1.1em;
height:40px;
margin:0;
padding:0;
font-size:13px;
}

#menu li {
float:left;
margin:0;
}

#menu a {
color:white;
display:block;
height:40px;
line-height:40px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

#menu a:hover {
background-color:#333333;
text-decoration:none;
}

#soutien{
float:left;
text-align:center;
width:100%;
margin:0 0 30px;
}

.partenariat{
float:left;
text-align:center;
width:100%;
margin:0 0 30px;
font-weight:bold;
}

.partenariatText{
float:left;
text-align:center;
width:100%;
margin:0 0 10px;
font-weight:bold;
}

#channelField{
display:none;
}

#content-container{
margin:0 auto;
min-height:400px;
}

#loginHeadlineContainer {
margin:15px 0 0 20px;
width:50%;
}

#loginForm{
margin:15px 0 0 140px;
width:60%;
}

#errorContainer{
color:#FF0000;
margin:0 0 0 140px;
width:100%;
}

#errorContainers{
font-size:13px;
margin-top:30px;
text-align:center;
width:50%;
}

#errorContainers a{
color:#0099CC;	
}

fieldset{
border:medium none;
margin:20px 0 0 10px;
width:60%;
float:left;
}

#content-container legend{
margin-bottom:20px;
font-size:18px;
}
	
	#loginContent {
		background-color:#F9F9F9;
		color:#28313F;
	}
	#loginContent h1 {
		color:#333333;
	}
	#loginContent a {
		color:#333333;
	}
	#loginContent input, #loginContent select {
		background-color:#FFF;
		color:#333333;
	}
	#loginContent #loginFormContainer #loginButton {
		background-color:#F7F5F1;
		color:#333333;
	}
	#loginContent #errorContainer {
		color:red;
	}
	
	#content {
		margin-left:auto;
		margin-right:auto;
	}
	#content h1 {
		color:#333333;
	}
	#content a {
	}
	#content input, #content select, #content textarea {
		background-color:#FFF;
		color:#0099CC;
	}
	#content #chatList, #content #bbCodeContainer, #content #colorCodesContainer, #content #emoticonsContainer {
		border-color:#999999;
		background-color:#FFF;
	}
	#content #settingsContainer{border:none;}
	#content #bbCodeContainer input, #content #logoutButton, #content #submitButton {
		background-color:#F7F5F1;
		color:#333333;
	}
	#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:none;
	}
	#content .rowOdd {
		background-color:none;
	}
	#content .guest {
		color:gray;
	}
	#content .user {
		color:#333333;
	}
	#content .moderator {
		color:#00AA00;
	}
	#content .admin {
		color:#AA0000;
	}
	#content .chatBot {
		color:#D31141;
	}
	#content #chatList .chatBotErrorMessage {
		color:red;
	}
	#content #chatList a {
		color:#D31141;
	}
	#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 {
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		background-color:#E1EBF2;
		color:#000000;
	}
	#content #settingsContainer #settingsList input.playback {
	    background:url('../img/playback.png') no-repeat;
	}
	
#content #headlineContainer{
position:relative;
}

#content #logoutChannelContainer {
left:20px;
position:relative;
top:115px;
}

#content #chatList{
overflow:auto;
position:relative;
width:690px;
top:0;
height:260px;
}

#content #queueList {
height:120px;
overflow:auto;
position:relative;
width:690px;
top:0;
margin-top:10px;
border:1px solid #999999;
}

#content #inputFieldContainer {
padding-right:4px;
position:relative;
width:690px;
top:20px;
}

#content #submitButtonContainer {
float:right;
position:relative;
width:418px;
top:40px;
}

#content #emoticonsContainer {
padding:3px;
position:relative;
width:418px;
top:38px;
}

#content #bbCodeContainer {
padding:3px;
position:relative;
width:418px;
top:47px;
}

#content #optionsContainer {
float:right;
padding:3px 0 3px 3px;
position:relative;
width:418px;
top:15px;
}

#content #onlineListContainer {
width:215px;
min-height:256px;
float:right;
top:-613px;
left:405px;
position:relative;
border:1px transparent;
-moz-radius-border:4px;
}

#content #copyright{
position:relative;
top:46px;
left:20px;
text-align:left;
}

#copyright a{
color:#000000;	
}

#content #onlineListContainer #onlineList, #content #helpContainer #helpList, #content #settingsContainer #settingsList{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;	
background-color:#F0F0F0;
min-height:548px;
}

#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3{
background-color:#F0F0F0;	
}

#content #helpContainer{
width:246px;
bottom:500px;
left:712px;
position:relative;
border:none;
}

#content #settingsContainer{
bottom:500px;
left:712px;
width:246px;
position:relative;
}

#archives{
position:relative;
float:right;
bottom:110px;
right:20px;
width:320px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
background-color:#F0F0F0;
text-align:center;
}

#contentArchives{
padding:0 15px 10px;
text-align:left;
}

#contentArchives a{
color:#0099CC;
}

#contentArchives li{
list-style:none;
padding:5px 0 5px 0;
}

#archivesOut{
position:relative;
float:right;
bottom:300px;
right:20px;
width:320px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
background-color:#F0F0F0;
text-align:center;
}

}