/*
 * Copyright 2008, 2009 UFPE - Universidade Federal de Pernambuco
 *
 * Este arquivo é parte do programa Amadeus Sistema de Gestão de Aprendizagem, ou simplesmente Amadeus LMS
 * 
 * O Amadeus LMS é um software livre; você pode redistribui-lo e/ou modifica-lo dentro dos termos da Licença Pública Geral GNU como
 * publicada pela Fundação do Software Livre (FSF); na versão 2 da Licença.
 * 
 * Este programa é distribuído na esperança que possa ser útil, mas SEM NENHUMA GARANTIA; sem uma garantia implícita de ADEQUAÇÃO a qualquer MERCADO ou APLICAÇÃO EM PARTICULAR. Veja a Licença Pública Geral GNU para maiores detalhes.
 *  
 * Você deve ter recebido uma cópia da Licença Pública Geral GNU, sob o título "LICENCA.txt", junto com este programa, se não, escreva para a Fundação do Software Livre (FSF) Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA.
 *
 */

html{
	background-color: #fff;
	margin: 0;
	border: 0;
	padding: 0;
	font-family: "Trebuchet MS";
}

h1{
	font-size: 1.2em;
	margin: 2px;
}

#player{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ddd;
	width: 564px;
	height: 349px;
	border: 1px solid #fff;
	padding: 2px;
	display: none;
}

#chat{
	position: absolute;
	top: 357px;
	left: 0;
	background-color: #eee;	
	height: 200px;
	width: 570px;
	border: 1px solid #fff;
}

#chat-txt{
	height: 120px;
	background-color: #fff;
	padding: 4px;
	overflow: auto;
	margin: 1px;
}

#chat-txt dl{
	margin: 0;
}

#chat-txt dl dt{
	font-weight: bold;
}

#chat-txt dl dd{
	font-size: 0.7em;
}

.userA{
	color: blue;
}

.userB{
	color: red;
}

.userC{
	color: green;
}

.userD{
	color: teal;
}

.timestamp{
	font-size: 0.7em;
}

#chatContainer{
	border: 0px 1px 1px 1px solid #333;
}

#chatInput{
	float: left;
	width: 478px;
	height: 68px;
	border: 0;
}

#btnEnviar{
	float: left;
	text-align: center;
	background-color: #fff;
	width: 86px;
	height: 81px;
}

#users{
	position: absolute;
	top: 0;
	left: 572px;
	height: 400px;
	width: 200px;
	background-color: #eee;
	border: 1px solid #fff;
	font-size: 1em;
	font-weight: bold;
	overflow-y: auto; 
}


#users ul li {
	background-color: #dbdbdb;
	padding: 2px;
	margin: 2px;
	height: 27px;

}

#users ul li a:link{
	color: #000;
	text-decoration: none;
}

#users ul li a:visited{
	color: #000;
	text-decoration: none;
}

#users ul li a:hover{
	color: #777777;
	text-decoration: none;
}

#perception{
	position: absolute;
	top: 400px;
	left: 572px;
	height: 157px;
	width: 200px;
	background-color: #ccc;
	border: 1px solid #fff;
}

#perceptionSelector{
	text-align: center;
}

#perceptionSelected{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
}

#loading{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: o;
	display: block;
	text-align: center;
	font-weight: bolder;
	vertical-align: center;
	color: #5b9c64;
	background-color: #ffffff;
	z-index: 1; 
}
	
.perception1{
	list-style-image: url(../imgs/iriz/emoticon01-24x24.png)	
}

.perception2{
	list-style-image: url(../imgs/iriz/emoticon02-24x24.png)	
}

.perception3{
	list-style-image: url(../imgs/iriz/emoticon03-24x24.png)	
}

.perception4{
	list-style-image: url(../imgs/iriz/emoticon04-24x24.png)	
}
