html{border:0;}
body{
	background:#BBCBE1;
	margin:0;
	padding:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#48779C;
}
img,object{border:none; vertical-align:top;}
form{margin:0; padding:0;}
hr{height:2px;border:0;border-bottom:1px solid #fff;border-top:1px solid #99B8D0;}
#Lateral{
	background:#F5F8FB;
	width:128px;
	vertical-align:top;
	border-right:1px solid #BBCBE1;
}
#Agencia{
	height:68px;
	background:#fff url(logo.png) no-repeat 0 0;
	width:128px;
	border-right:1px solid #BBCBE1;
}
#Agente{
	margin:4px 0 0 12px;
	width:116px;
}
#thumb{
	border:1px solid #BBCBE1;
	background:#E3E8EF;
	padding:3px;
	width:96px;
}
#Lateral span{
	color:#999;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#Lateral a{
	display:block;
	border-left:1px solid #8EADBC;
	color:#48779C;
	font:normal 10px Arial, Helvetica, sans-serif;
	background:url(ico_mail.gif) no-repeat 5px 4px;
	padding:0 0 0 19px;
	margin:3px 0;
}
#Lateral a:hover{
	color:#f60;
}
#Lateral p{
	font:normal 10px Tahoma, Verdana, Arial, sans-serif;
	color:#666;
	line-height:15px;
	padding:0;
	margin:3px;
}
#Contenedor{
	vertical-align:top;
}
#Contenido{
	padding:11px 13px;
	background:#E3E8EF url(bg_contenido.jpg) repeat-x bottom;
	height:283px;
}
#ContenidoChat{
	padding:0;
	background:#E3E8EF url(bg_contenido.jpg) repeat-x bottom;
	height:305px;
	overflow:hidden;
}
#Head{
	background:#F7F9FC url(bg_header.jpg) repeat-x top;
	height:65px;
	margin-bottom:1px;
	padding:0 8px 3px 8px;
	vertical-align:top;
}
#Head a.desconectar{
	display:block;
	width:78px;
	height:22px;
	background-color:#D5DEE8;
	background-image:url(btn_off.gif);
	background-repeat:no-repeat;
}
#Head a.desconectar:hover{
	background-position:-78px 0;
	background-color:#BAC9DA;
}
#Head a.volver{
	display:block;
	width:45px;
	height:22px;
	background-color:#D5DEE8;
	background-image:url(btn_volver.gif);
	background-repeat:no-repeat;
}
#Head a.volver:hover{
	background-position:-45px 0;
	background-color:#BAC9DA;
}
#Footer{
	background:#fff url(bg_footer.jpg) repeat-x top;
	height:23px;
}
#Footer a{
	float:left;
	width:110px;
	height:10px;
	background-image:url(btn_byrss.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:5px 0 0 10px;
}
#Footer a:hover{
	background-position:-110px 0;
}
/**/
.bgshad, .bgshadm, .bgshadf{
	background:#fff url(bg_area.gif) no-repeat top left;
}
#mensaje, #areachat, .inputText, #consulta{
	background:transparent;
	border:1px solid #6195C7;	
	padding:6px 9px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#48779C;
}
.inputText{
	width:377px;
	padding:3px 6px;
}
#consulta{
	padding:3px 6px;
	width:290px;
	height:48px;
}
.bgshadf{
	width:304px;
	height:57px;
}
#mensaje, #areachat, #consulta{
	line-height:16px;
	scrollbar-3dlight-color : #7F9DB9;
	scrollbar-arrow-color : #006699;
	scrollbar-base-color : #ffffff;
	scrollbar-darkshadow-color : #7F9DB9;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #eeeeee;
	scrollbar-shadow-color : #e5e5e5;
	scrollbar-track-color : #e5e5e5;
	scrollbar-track-color : #C7D6E9;	
}
#areachat{
	height:192px;
	overflow:auto;
}
#mensaje{
	width:290px;
	height:31px;
}
.bgshadm{
	width:310px;
	height:46px;
}
.bgshad{
	width:392px;
}
#areachat strong{
	display:block;
	color:#888;
}
label{
	display:block;
	color:#6C98BB;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:8px;
}
label#labelMensaje{
	margin-top:14px;
	font-size:14px;
	color:#8DAFCB;
}
#subenvia{
	background-color:#E6EDF6;
	background-image:url(sub.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:55px;
	height:42px;
	border:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#48779C;
	margin:0;
	cursor:pointer;
}
#subconectar{
	background-color:#E6EDF6;
	background-image:url(sub2.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:75px;
	height:42px;
	border:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#48779C;
	margin:0;
	cursor:pointer;
}
#date{
	color:#999;
	font:normal 10px Arial, Helvetica, sans-serif;
	vertical-align:bottom;
}
#tituloSec{
	color:#0070A6;
	font:normal 20px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	text-align:right;
	padding-top:20px;	
}
h4{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#89A7C5;
	margin:0 0 3px 0;
	padding:0;
}
#ordenGrilla a{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:2px 5px 0px 5px;
	background:url(esq.gif) no-repeat top right;
	background-color:#93ADC8;
	display:block;
}
#ordenGrilla a:hover{	
	color:#ffc;
	text-decoration:none;
	background-color:#7B91A8;
}
#scrollAgentes{
	height:226px;
	overflow-y:scroll;
	background:#EBF0F7;
	scrollbar-3dlight-color : #7F9DB9;
	scrollbar-arrow-color : #006699;
	scrollbar-base-color : #ffffff;
	scrollbar-darkshadow-color : #7F9DB9;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #eeeeee;
	scrollbar-shadow-color : #e5e5e5;
	scrollbar-track-color : #C7D6E9;
}
.tablaGrilla{
	background:#93ADC8;
	width:505px;
}
.tablaGrilla td{
	padding:5px;
}
.tablaGrilla td strong{
	float:left;
}
.tablaGrilla td span{
	float:right;
}
.grid, .grid1, .grid2{
	color:#4E6581;
	font:bold 10px Tahoma, Verdana, Arial, sans-serif;
	cursor:default;
}
.agente{
	font:bold 11px Arial, Helvetica, sans-serif;
}
.grid{
	background:#fff !important;
	color:#09C;
}
.grid1{
	background:#E6ECF2;
}
.grid2{
	background:#D9E2EC;
}
.agentesNota{
	padding:3px;
}
.textoEmail{
	line-height:17px;
	font-size:12px;
	color:#623C3C;
}
.obligatorio{
	vertical-align:bottom;
	text-align:right;
	font:normal 9px Arial, Helvetica, sans-serif;
	color:#CC3300;
}
.notaLink{text-align:center;}
.notaLink a{
	font:normal 10px Tahoma, Verdana, Arial, sans-serif;
	text-decoration:none;
	color:#996600;
}
.notaLink a:hover{
	text-decoration:underline;
	color:#CC6600;
}