#chatbox
{
    margin: 1em 0;
}


#chatbox ul
{
	
	border: solid 1px #000;
	border-bottom-width: 0;
}

#chatbox ul li 
{
    color: #000;
    background-color: #DAA520;
}


#chatbox ul, #chatbox ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

#chatbox ul li
{
	border-bottom: solid 1px #000;
}

#chatbox ul li 
{
	display: block;
	text-decoration: none;
	padding: 2px 2px;
}

#chatbox ul li a
{
	color:#8B4513;
	font-weight: bold;
}


#chatbox ul li a:hover
{
	color: #000;
	background-color:#8B4513;
}

* html #chatbox ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html #chatbox ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
#chatbox h3
{
	/* perhaps this belongs partly in gutters.css and partly in 
	   fonts.css. However, the heading size for vnav elements is
	   controlled here because it is a specific vnav visual element
	   rather than something that's going to be applied to the whole
	   layout. So that if you were to remove vnav.css from your
	   layout, you wouldn't have any extra, unused CSS in the rest
	   of your stylesheets. */

	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

input.chatb {
	background-color: #8B4513; 
	border : 1px solid #000000;
	cursor: hand;
}

input.chat {
	background-color: #DAA520;
	border : 1px solid #000000;
	cursor:hand;
}

textarea.chat {
	background-color: #DAA520;
	border : 1px solid #000000;
	cursor:hand;
}

/*barrita de desplazamiento de la caja de mensajes*/
#cb { 
	
	height: 500px;
	overflow: scroll;
}