div.chat_body h1 {
	margin:10px;
	margin-bottom:30px
}

div.chat_body img {
	margin-bottom:-3px;
}

/**
	The users name is being printed in bold
**/
div.chat_body div.chat p span.hilit {
	color:#c10;
	font-weight:bold;
}

/**
	When someone mentions your name in a message, we wrap the whole message
	within this span. We change the color so it's easier for the user to see messages directed to him
**/
div.chat_body div.chat p span.soft_hilit {
	color:#c10
}

/**
	a lovely footer
**/
div.chat_body div.participants p.foot {
	color:#666;
	font-size:0.8em;
	margin-top:25px;
	padding-left:15px
}

/**
	When a emoticon is being hovered (the ones below the input boxes),
	we show this by changing the cursor, so that the user knows he can click them
**/
div.chat_body div.participants table #emoticons img {
	cursor: pointer;
	cursor: hand;
}

/**
	Chat body. The division that covers our whole page
**/
div.chat_body {
	width:955px;
	margin:0 auto;
}

/**
	The chat window
**/
div.chat_body div.chat {
	overflow:auto; 
	max-height:545px; 
	border:0px solid #999;
	
	width:623px;
	float:left;
}

/**
	The shape of each chat message
**/
div.chat_body div.chat p {
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	
	padding:5px;
	padding-left:15px
}

/**
	When a chat message is being hovered, show it
	with a background color
**/
div.chat_body div.chat p:hover {
	background:#ffffcc;
}

/**
	The shape of participants
**/

div.chat_body div.participants {
	width:309px;
	float:left;
	
	border:0px solid #999;
	border-left:0px;
	
	padding:10px;
}


/**
	Equal settings for h2 and h3
**/

div.chat_body div.participants h2, 
div.chat_body div.participants h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
}

/**
	The heading for participants
**/

div.chat_body div.participants h3 {
	font-size:1em
}

/**	
	Participants will be listed in an unorganized list
**/
div.chat_body div.participants ul {
	margin-left:25px;
	font-size:0.9em
}

/**
	Error messages
**/
div.chat_body div.participants p#response {
	background:#FDDBDC;
	border:1px solid #FF8484;
	padding:5px;
	margin:10px 0px;
	
	font-size:0.85em;
	font-weight:bold;
	
	display:none
}

/**
	Success message
**/
div.chat_body div.participants p.success {
	border:1px solid #090 !important;
	background:#cfc !important;
}

/**
	No borders for fieldset
**/

div.chat_body div.participants fieldset {
	border:0px;
}

/**
	When an input element is active, we strengthen the text color
**/
div.chat_body div.participants input[type="text"]:active,
div.chat_body div.participants input[type="text"]:focus {
	color:#000
}

/**
	Shape of the input boxes
**/
div.chat_body div.participants input[type="text"] {
	width:296px;
	font-size:120%;
	color:#999;
	padding:3px;

	margin-bottom:1px
}

/**
	Class used on antispam input, in order to make room for submit button
**/

div.chat_body div.participants input.small {
	width:250px
}

/**
	Submit button
**/
div.chat_body div.participants input[type="submit"] {
	padding:4px 2px 3px;
	font-weight:bold;
	margin-top:15px
}

/**
	Form table
**/
div.chat_body form table {
	font-size:0.9em
}