/* WRITE YOUR CSS CODE HERE */

span.error {
	color: red;
	font-weight:bold;
	padding-left: 10px;
	font-size: 13px;
	}

span#loading {
	height: 32px;
	width: 32px;
	}

select.select-text {
	width: 270px; 
	padding:3px; 
	font:100%/1.5 "arial", sans-serif;
	}	
	
td.input-list span {	
	display: block;	
	margin: 3px 3px 3px 3px;
	}	

/*********************************
	******    CONSOLA	******
*********************************/



div#chat-content {
	margin: 5px 5px 5px 5px;
	}
	
div#controls{	
	display: block;
	border:#A6D2FF solid 2px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	}
	
div#chat-content div#console-center {
	float:left;
	width: 550px;
	padding: 5px 5px 5px 5px;
	}
		
div#chat-content div#console-left {
	float:left;
	width: 300px;
	padding: 5px 5px 5px 5px;
	}	
	
div#chat-content div.contact {
	float:left;
	width: 300px;
	border:#A6D2FF solid 2px;
	margin-bottom: 10px;
	}	
	
div#chat-content div#console-messages {
	width: 530px;
	height: 300px;
	border:#A6D2FF solid 2px;
	margin-bottom: 10px;
	overflow:scroll
	}	
	
div#console-left input, div#console-left select {
	width: 70px;
	}	

div#application {
	font-weight:bold;
}

/*** CHAT ***/

div.inbox, div.outbox {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

div.inbox, td.inbox  {
	border: #FF655F solid 2px;
	background-color: #E4C5C5;
}

div.outbox, td.outbox {
	border: #96C962 solid 2px;
	background-color: #B0D2AF;
}

ul#control  {
	display:block;
	width: 900px;
	padding: 5px 5px 15px 5px;
}

ul#control li  {
	float:left;
	margin-left: 20px;
}