.clear { clear:both;}
.cc_usuarios_pendientes {border: 1px solid;height: 60px;margin-top: 2px}
.divPendiente{height: 20px; width: 165px; float: left; overflow: hidden; margin-right:14px;}
.chats textArea{width: 400px; height: 90px; background: #D3D3D3}
.chat_interfaz { height:260px; overflow-y:auto; width:400px;}
.chat-container { width:660px; height:680px; margin:20px auto; background-color:#fff; -moz-box-shadow: 0px 4px 10px #888888 -webkit-box-shadow: 0px 4px 10px #888888; box-shadow: 0px 4px 10px #888888; color:#000;}.content_asesorias .chat-container{height: 720px}
.chat-container .left-content { width:192px; height:610px; background:url(../images/chat_left.jpg); float:left;}
.chat-container ul li{list-style:none}
.chat-container .left-content .pic { width:150px; height:150px; margin:20px 0 0 12px;}
.chat-container .left-content .name_asesor { width:150px; height:32px; background-color:#000; color:#FFF; font:12px/30px; margin: 0 0 0 12px; text-transform:uppercase; text-align:center;}
.chat-container .left-content .user-name { width:162px; height:26px; background:url(../images/chat_name_bg.png); margin:122px 0 0 4px; font:12px/26px; text-transform:uppercase; text-align:left; padding-left:4px; text-transform:capitalize;}
.chat-container .left-content .time { margin:4px 0 0 8px; text-align:left; font:12px/12px;}
.chat-container .left-content .bt-goto { width:130px; margin:30px 0 0 30px; text-transform:uppercase; font:13px/21px; float:none;}
.chat-container .right-content { width:410px; float:right; margin:10px 10px 0 0;}
.chat-container .right-content .title { width:400px; float:left; font:34px/34px 'bebas'; text-align:center;}
.chat-container .right-content .logo { float:right;}
.chat-container .right-content .logo.adviser { margin:20px 10px 0 0;}
.chat-container .right-content .chats { width:400px;}
.chat-container .right-content .chats.adviser { margin:16px auto 0; float:left;}
.cajas_conversaciones.cb { width:100%; height:100%;}
.chat-container .right-content .chats .content { overflow-y:auto; height:226px; padding:12px 0 0 8px;}
.chat-container .right-content .chats .subject { font-size:14px; margin-right:10px; float: left; width:70px;}
.chat-container .right-content .chats .text { font:12px/14px ; float:right; width:234px; text-align:left; border-bottom:1px solid #e4e4e4; padding-bottom:10px;}
.chat-container .right-content .separator-shadow { width:356px; height:32px; background:url(../images/chat_separator.jpg); margin-top:10px;}
.chat-container .right-content .bt-goto { text-transform:uppercase; margin:0 auto; width:60px;}
.chat-container .top { height:166px; background:url(../images/adviser_top.jpg)no-repeat;}
.chat-container .top .left { width:150px; float:left; margin:10px 0 0 10px;}
.chat-container .top .left .title { font:36px/36px 'bebas'; text-align:left; display:block;}
.chat-container .top .left .name { font:14px/24px; display:block; text-align:left; margin-bottom:16px;}
.chat-container .top .right { width:388px; float:right; margin-top:26px;}
.chat-container .top .right ul li { float:left; background:url(../images/chat_separator.png) right no-repeat; margin:0 6px; padding-right:12px;}
.chat-container .top .right ul li:last-child { background:none!important;}
.chat-container .top .right ul li span.bt-goto { text-transform:uppercase; font:13px/21px; background-color:#000;color:#fff; padding: 2px 8px}
.chat-container .top .right ul li span.bt-goto a{color:#fff; text-decoration:none;}
.chat-container .top .right ul li span.bt-goto a:hover{color: yellow; text-decoration:none;}
.chat-container .users { float:left; width:210px;  height:302px; margin:10px 0 0 10px; text-align:left;}
.chat-container .users .content { height:280px; margin-top:16px; overflow-y:auto;}
.chat-container .users .content .title { font:14px/14px; text-transform:uppercase;}
.chat-container .users .content .conversations { margin:10px 0 0; clear:left;}
.chat-container .users .content .conversations span { margin-bottom:6px; height:16px;}
.chat-container .users .content .conversations span.clear { height:auto; margin-bottom:0;}
.chat-container .users .content .conversations .icon { width:6px; float:left; width:10px; background:url(../images/chat_icons.png) no-repeat;}
.chat-container .users .content .conversations .icon.online { background-position:0 4px;}
.chat-container .users .content .conversations .icon.away { background-position:-10px 4px;}
.chat-container .users .content .conversations .icon.offline { background-position:-21px 4px;}
.chat-container .users .content .conversations .name { margin-left: 5px; float:left; width:140px; font:14px/14px ; cursor: pointer; overflow: hidden; padding-top:2px;}
.chat-container .conventions { float:left; clear:left; margin:10px 10px 54px;}
.cc_usuarios_pendientes { width:614px;height: 60px; border:0;background:url("../images/pattern_bg.jpg"); margin:6px auto 0; padding:6px 8px;}

.chats textArea{width: 380px; height: 90px;padding: 10px; background:url("../images/form-textfield.png"); margin-bottom:20px;resize: none}
.cctuCajaConversacion{padding: 20px}
.liUsuActivo {height: 20px;}
.liUsuActivo.liActivo {background-color: #dadada;}
.cerrar_sesion{cursor: pointer; margin-right: 6px}
.escribe_sesion{cursor: pointer; margin-left: 6px}
.nameUserCaja{text-align: center; font:14px/14px; text-transform:uppercase; margin-bottom:10px; background: #DADADA; padding: 5px 0}
.cajas_conversaciones .cctuConversacion{background:url("../images/chats_border.jpg");margin-bottom:10px;}
.content_asesorias, .content_busquedas {margin-top: 150px}
.content_busquedas .busquedas{margin: 20px}
.aviso_sesion_of { font-size:13px; text-align:center; color:#fff; font-weight:bold; margin:20px 0 0 10px; background: red; width:150px}
span.tiempo_usuario_mensaje { font-size:11px;}
span.label_usuario_mensaje.asesor { color:red; font-weight:bold; font-size:12px; text-transform:capitalize;}
span.label_usuario_mensaje { color:green; font-weight:bold; font-size:12px; text-transform:capitalize;}
span.texto_usuario_mensaje { font-size:12px;}
.maximo_caracteres { font-size:12px; clear:both;}
.cctu_input_enviar, .usuario_pendiente{ background-color:#000; color:#FFF; padding:2px 6px; font:13px/21px; text-transform:uppercase; }
.cctu_input_enviar { position:relative; left:340px; top:-20px;}
.datosUserActivo { padding-left:6px;}
.logo.adviser {margin-left: 20px; width: 190px; height: 43px}
.mensaje_inicial{font-size: 12px}
.btnSesionAsesor {margin-top: 180px; text-align: center}
.btnSesionAsesor a{background: #000; color: #fff; padding: 4px 10px;font-weight: bold}
.btnSesionAsesor a:hover{color: #FCC62E}

/*Busquedas*/
#buscar_usuario{background: #fff; padding: 20px;}
#buscar_usuario #cajas_busqueda .seccion_busqueda{margin: 16px;}
#buscar_usuario #cajas_busqueda .busqueda_por_fecha .item_fecha_busqueda{float: left;}
#buscar_usuario #cajas_busqueda .caja_busqueda{ border: 1px solid #3366FF; text-align: center;}
#dato_ultimos {width: 80px; text-align: center;}
#tabla_busqueda table td, #tabla_busqueda table th{padding: 4px;}
#tabla_busqueda table td {border: 1px solid #BBBBBB!important;}
#tabla_busqueda table{margin:5px auto; width: 100%;}
.tabla_historico{height: 100px; overflow: auto;}
.envio_chat {cursor: pointer;}
.envio_chat:hover {color: white; background: #0084D3;}
#botones_productos_usuario_historico #img_espera_historico{position: relative; top: -64px; left: 200px;}
#img_espera_asesor{position: relative; top: 146px; left: -400px;}
.datos_usuario{width: auto; height: auto; padding: 3px; cursor: pointer; color: white; background:url("images/bt_form.jpg") repeat-x scroll 0 0 transparent;}
.datos_usuario:hover{background:url("images/bt_form.jpg") repeat-x scroll 0 0 transparent;}
.btn_editar_productos{text-align: center;}
.btn_editar_productos a{background:url("images/bt_form.jpg") repeat-x scroll 0 0 transparent; color: #fff; padding: 3px 10px;}
.btn_editar_productos a:hover{background:url("images/bt_form_.jpg") repeat-x scroll 0 0 transparent;}
.page-chat-center #colorbox{height: 680px;}
.opciones_informe input{width:auto; height: auto;}
.page-chat-center #colorbox{height:740px!important;}
.page-chat-center #colorbox #cboxLoadedContent {height:740px!important;}
#mensaje_sesion_off{background-color: red;}
#tabla_ultimas_sesiones{position: absolute;z-index: 100;}
#btn_ultimos_chat.btn_form{position: relative; top: 4px; left: -4px;}
#encabezado_historico_usuario{position: absolute; z-index: 100;}
#resultado_busqueda{margin-top: 30px}
#resultado_busqueda thead tr td{font-weight: bold}
#resultado_busqueda table td{width: 250px}
.content_chat_busqueda{width: 500px; height: 250px; overflow-y: auto}
.content_chat_busqueda label.title{background: #FCC62E; margin-top: 10px; text-align: center}
.bt-goto.busqueda a{font: 13px/21px}
.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.chat-container .conversations ul {margin:0; padding:0}
.dn{display:none;}

.bt-goto a{color:#fff; text-decoration:none; background-color:#000; padding: 2px 8px;}
.bt-goto a:hover{color:yellow; text-decoration:none;}