@CHARSET "ISO-8859-1";
#boxChatr1c1 {
	width: 248px;
	height: 14px;
	visibility: visible;
	background-image: url(images/boxChat_r1_c1.jpg);
}

#boxChatr2c1 {
	width: 248px;
	height: auto;
	background-color: #C2D6D6;
	text-indent: 15px;
}

#boxChatr2c1 h3{
	width: 95%;
	height: 15px;
	background-color: #597388;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
}

#boxChatr2c1 a{
	color: #4B0082;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#boxChatr2c1 p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#boxChatr2c1 div.autocomplete {
	position: absolute;
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	z-index: 1;
}

 #boxChatr2c1 div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

 #boxChatr2c1 div.autocomplete ul li.selected {
	background-color: #ffb;
}

#boxChatr2c1 div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 25px;
	cursor: pointer;
}

#Alert{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: Red;
}

/*#boxChatr3c1 {
	position:absolute;
	left:0px;
	top:100%;
	width:248px;
	height:13px;
	z-index:2;
	visibility:visible;
	background-image: url(images/boxChat_r3_c1.jpg);
}*/
#BosChatPer1 {
	width: 248px;
	height: 14px;
	visibility: visible;
	background-image: url(images/boxChat_r1_c1.jpg);
}

#BosChatPer2 {
	width: 248px;
	height: auto;
	background-color: #7DA6CA;
	text-indent: 15px;
}

#BosChatPer2 h3{
	width: 95%;
	height: 15px;
	background-color: #597388;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
}

#BosChatPer2 a{
	color: #4B0082;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#BosChatPer2p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Alert{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: Red;
}

#chatoutput{
	width: 100%;
	height: 200px;
	overflow: auto;
}

#chatoutput ul li {
	background-color: #FFF;
	padding: 8px 12px 12px 12px;
	font-weight: bold;
	margin: 0px;
	color: #FFF;
	line-height: 150%;
	margin-bottom: 8px;
}

#chatoutput ul li span.name {
	display: block;
	/*background: url(images/bubble.png) no-repeat left;*/
	padding-left: 19px;
	font-weight: normal;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #DFE5EB;
}

#chatoutput ul li:hover span.name {
	color: #FFF;
	/*background: url(images/bubblehover.png) no-repeat left;*/
}

#BoxForm textarea{
	margin-left: 5px;
	background-color: #F9F9F9;
}

#BosChat{
	width: 100%;
}

#BosChat #chatoutputbig{
	width: 500px;
	height: 700px;
	overflow: auto;
}
#chatoutputbig ul{
	margin: 1 auto;
	padding: 2px;
}
#chatoutputbig ul li {
  background-image: url(images/Chat_2.gif);
   background-repeat: no-repeat;
	padding: 8px 12px 12px 12px;
	font-weight: bold;
	margin: 0px;
	color: #294A6D;
	line-height: 150%;
	margin-bottom: 8px;
	text-align: left;
}
p#ImputText{
	background-image: url(images/Group_Chat.gif);
	background-repeat: no-repeat;
	padding-left: 80px;
}
#chatoutputbig ul li span.name {
	display: block;
	padding-left: 19px;
	font-weight: bolder;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #AA0000;
	float: left;
}

#chatoutputbig ul li:hover span.name {
	color: #AA0000;
	/**background: url(images/bubblehover.png) no-repeat left;*/
}
 div.autocomplete {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
	position: absolute;
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	z-index:100;
}

    div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

    div.autocomplete ul li.selected {
	background-color: #ffb;
}

    div.autocomplete ul li {
	list-style-type: none;
	vertical-align: middle;
	border:1px solid #ccc; 
	display: block;
	margin: 0;
	padding: 2px;
	height: 15px;
	cursor: pointer;
}
p.LineaBaja{
	background-image: url(images/chatLineaBotton.gif);
	background-repeat: repeat-x;
	height: 9px;
	display: block;
	line-height: 0.1px;
	margin: 0px;
}
ul#ListaChats {
	margin: 2 auto;
	padding: 2px;
}
ul#ListaChats li{
	float: left;
	width: 150px;
	border: solid 1px #f8f8f7;
	margin: 2px;
	padding: 2px;
}
ul#ListaChats li a{
	display: block;
	height: 24px;
}
ul#ListaChats li img{
	float: left;
	margin-left: 10px;
}
ul#ListaChats li:hover{
	background-color: #f8f8f7;
}
p#ImputBot{
	text-align: right;
	float: right;
}
span.Hora{
	float: right;
	width: 155px;
	display: block;
	font-weight: normal;
	color: #636363;
}
ul#LisUser li{
	background-image: url(images/User_3_Chat.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 30px;
	padding-top: 8px;
	text-align: left;
	display: block;
}
ul#LisUser li:hover{
	background-color: #f8f8f7;
}
ul#LisUser li a{
	display: block;
}