#chat {
position:relative;
}

.chat {
position:relative;
overflow-y:auto;
border:1px solid #bbb;
height:270px;
padding:5px;
background-color:#fff;
margin-bottom:5px;
padding:5px;
}

#chat .chat div {
position:absolute;
width:100%;
bottom:0;
}

#chat .chat p {
margin:0
}

/* zoneClavier */
.zoneClavier {
margin:0 5px 0 0;
padding:0;
/*	visibility:visible;*/
}

.zoneClavier input {
font-size:20px;
margin:0;
padding:0;
border:1px solid #999;
}

.zoneClavier input:focus {
background:yellow;
border-color:cyan;
}

.ajaxStatus {
position:absolute;
top:-25px;
right:10px;
}

.hide {
/*display:none;*/
}
.Loading {
	text-align:center;
	width:100%;
	height:340px;
}
.Loaded {
	
}

/* John's Fancy Styles */
	#chat_container{
		position:relative;
		width:984px;
		margin-top:25px;
		margin-left:-9px;
		margin-right:-3px;
		background-image:url(/ajax/chat/images/chatback.png);
		background-repeat:repeat-x;
		z-index:1;
		left:1px;
	}
	
	#chat_welcome{
		position:absolute;
		width:625px;
		left:350px;
		top:-70px;
	}
	#chat_welcome p{
		margin:3px;
	}
	
	#chat_container_backarch{
		background-image:url(/ajax/chat/images/back_arch.png);
		background-repeat:no-repeat;
		width:984px;
		height:177px;
		position:absolute;
		z-index:1;
		top:300px;
		left:1px;
		
	}
	
	#chat_ad	{
		padding-left: 15px;
		position:relative;
		top:-65px;
	}
	#room_container{
			width:700px;
			height:600px;
			position:relative;
			margin-top:10px;
			padding-left:0px;
			z-index:2;
	}
	.rooms	{
			border:1px solid #ccc;
			width:425px;
			height:500px;
			-moz-box-shadow: 0px 0px 10px #333; 
			-webkit-box-shadow: 0px 0px 10px #333;
			box-shadow: 0px 0px 10px #333;
			position:relative;
			float:left;
			margin-left:00px;
			margin-right:-350px;
			margin-top:5px;
			display:block;
			visibility:visible;
			overflow:hidden;
			background-color:#d2dbe8;
			background-repeat:repeat-x;
			cursor:pointer;
			cursor:hand;

			
	}
	.rooms h3{
		font-size:18px;
		margin:0px;
		margin-left:25px;
		margin-right:25px;
		padding:0px;
	}
	.room_list{
		float:none;
		position:absolute;
		top:550px;
		left:10px;
	}
	.room_list li{
		float:none;
	}
	
	.room_chat{
		position:relative;
		margin-top:5px;
		width:375px;
		margin-left:25px;
		height:400px;
	}
	
	.chat{
			width:369px;
			padding:3px;
			cursor:default;
	}
	.chat p{
		margin:0px;
		line-height:1.5em;
	}
	.chat_input{
			width:369px;
			padding:3px;
	}
	
	.room_users{
		position:absolute;
		top:0px;
		left:765px;
		border:1px solid #aaa;
		width:200px;
		height:285px;
		background-color:#fff;
		overflow:none;
		text-align:center;
	}
	.room_users_list{
		position:relative;
		top:5px;
		width:200px;
		height:256px;
		overflow-y: auto;
		overflow-x: hidden;
		text-align:left;
	}
	.room_users_list ul{
		list-style-type:none;
		margin:0px;
	}
	.room_users_list li{
		border-top:1px solid #ccc;	
		list-style-type:none;	
		padding:2px;
		height:25px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:13px;
		margin:0px;
		width:1000px;
		overflow:hidden;
	}
	.room_users_list span{
		width:25px;
		height:25px;
		position:relative;
	}
	
	
	.chat_close_button{
		position:absolute;
		top:6px;
		right:25px;
	}
	#moreroom_container{
		position:absolute;
		left:765px;
		top:495px;
		width:200px;
		height:125px;
		border:1px solid #aaa;
		z-index:2;
	}
	.moreroom_select,.moreroom_text{
		width:120px;
		padding:2px;
		margin:2px;
	}
	.moreroom_button{
		width:60px;
		padding:0px;
		margin:0px;
	}
	h4 {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin-top:3px;
	margin-bottom:3px;
	color:#ed5a0a;
	}
	.current_room{
		background-color:#d2dbe8;
	}
	
	#roomlist_container{
		position:absolute;
		left:765px;
		top:295px;
		width:200px;
		height:190px;
		border:1px solid #aaa;
		z-index:2;
		background-color:white;
	}
	#roomlist_content{
		position:relative;
	}
	#roomlist_content ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#roomlist_content ul li{
		border-top:1px solid #ccc;
		background-repeat:no-repeat;
	}
	#roomlist_content ul li a{
		width:175px;
		margin-left:25px;
		height:25px;
		display:block;
		font-size:14px;
		color:#333;
		margin-top:3px;	
	}
	
	.roomlist_newmessage{
		background-image: url(/ajax/chat/images/star25_25.png);		
	}
	.roomlist_no_newmessage{
		background-image:none;
	}
	.moreroom_content{
		text-align:center;
	}
	.moreroom_content p{
		margin:0px;
		margin-bottom:3px;
	}
	.writeInput{
		margin:0px;
	}
	
	#rooms {
		height: 540px;
	}
	input.text {
		margin-bottom:12px;
		width:95%;
		padding: .4em;
	}
	fieldset {
		padding:0;
		border:0;
		margin-top:25px;
	}
	h1 {
		font-size: 1.2em;
		margin: .6em 0;
	}			
	.ui-dialog .ui-state-error {
		padding: .3em;
	}
	.validateTips {
		border: 1px solid transparent;
		padding: 0.3em;
	}