body {
	/*background-color: #EBEBEB;  #EBEBEB; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	*/
	margin: 0px;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	height:100%;
	width:100%;
	
}
#baseDialog { display:none }
#MonitorServicioCC {margin: 0px; padding:0px; border-collapse: collapse; width: 100%;}
#MonitorAgenteCC {margin: 0px; padding:0px; border-collapse: collapse; width: 100%;}

#divInicio1, #divInicio2, #divInicio3, #divInicio4, #baseApp {float:left;}
#divDiagrama1, #divDiagrama2, #divDiagrama3, #divDiagrama4 {clear:both;}
#divChartOut1, #divChartOut2, #divChartOut3, #divChartOut4 {clear:both;}


img {border: 0px;}
input[type="checkbox"], input[type="radio"] {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
input[type="text"].error, input[type="submit"].error {
	border: 1px solid red;
}

div.validadeError {
	color: #cd0a0a;
	margin-left: 3px;
	/*border: 2px solid #000000;*/
}
input.validadeError {
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
}

.oculto{display:none;}
.botonOculto{display:none;}
.visible{display:block;}
/*.tdHide{display:none;}*/
.right{text-align:right;}
.divClear { clear:both }
.center { text-align:center }
  table.center {margin-left:auto; margin-right:auto;}


#mainMenu{
	position:relative;
	/*height: 27px;*/
	font-size:10px;
	padding: 0px 0px 0px 0px;
	background: transparent url(images/bg_mainMenu.png) repeat scroll 0% 0%;
	/*border-bottom: 1px solid rgb(102, 102, 102); */
	border-top: 1px solid #bbbbbb; 
	border-bottom: 1px solid #aaaaaa;  
	
/*	z-index: 2; position: static; display: block; visibility: visible;*/
	
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

#toolbar{
	position:relative;
	clear:both;
	font-size:10px;
	padding: 3px 5px 3px 5px;
	background: transparent url(images/bg_toolbar.png) repeat-x scroll 0% 0%!important;
	background-repeat-y: no-repeat!important;
    background-size: contain!important;
	border-bottom: 1px solid #aaaaaa; 
	
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
#toolbar select, #toolbar .hasDatepicker {
	/* background:none repeat scroll 0 0 transparent; */
	background:url(images/bgCampo.gif);
	border:0px solid transparent;
	font-size:10px;
	margin:0;
	padding:0;
	/*padding-left:3px;
	padding-right:3px;*/
	width:auto;
	height:18px;
}
#toolbar .hasDatepicker {width:60px;}
#toolbar img, #toolbar table {vertical-align:middle;}

#toolbarAgente{
	position:relative;
	clear:both;
	font-size:10px;
	padding: 3px 5px 3px 5px;
	background: transparent url(images/bg_toolbar.png) repeat scroll 0% 0%;
	border-bottom: 1px solid #aaaaaa; 
	
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
	border-top:1px solid #CCCCCC
}
#toolbarAgente select, #toolbarAgente .hasDatepicker {
	/* background:none repeat scroll 0 0 transparent; */
	background:url(images/bgCampo.gif);
	border:0px solid transparent;
	font-size:10px;
	margin:0;
	padding:0;
	/*padding-left:3px;
	padding-right:3px;*/
	width:auto;
	height:18px;
}
#toolbarAgente .hasDatepicker {width:60px;}
#toolbarAgente img, #toolbarAgente table {vertical-align:middle;}

.campo-toolbar{
	width: 58px;
	margin: 0px;
	font-size:10px;
	background:url(images/bgCampo.gif);
	border: 1px solid #999999;
	padding: 2px;
}

.tabla-toolbar img {padding:1px 0 1px 1px;}

#barraHerramientas .combo {

	background:url(images/bgCampo.gif);
	background-repeat: no-repeat;
	background-size: contain;
	margin:3px;
	border:1px solid #999999;	
	font-size:10px;
	vertical-align:bottom;
}

/*#barraHerramientas table td { padding-left:1px; }*/
#barraHerramientas table td { vertical-align:middle; }
#barraHerramientas td { vertical-align:top!important; }

.divisor-toolbar {
	margin: 4px;
	cursor: pointer;
	vertical-align: bottom;
}
.button-toolbar {
	margin:1px;
	padding:3px;
	cursor: pointer;
	vertical-align: bottom;
	border: 1px solid transparent;
	min-height:16px;
	min-width:16px;
}
/*.button-toolbar:hover {
	border: 1px solid #ccc;
}*/
.button-toolbar2 {
/* botones que son divs con el icono de backgroud - modo agente*/
	width:16px;
	height:16px;
	margin: 5px;
	cursor: pointer;
	vertical-align: bottom;
}
.tabla-toolbar {
	margin: 4px;
	width:auto;
	float:left;
}

.agenteStatus {float:right; display_:none;}
.agenteStatus img {vertical-align:middle}
#agenteOnline  {color: #006600}
#agenteOffline {color: #FF0000}


#baseApp {
	/*position:absolute;*/
	z-index:-1;
	width: 100%;
	height: 50%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/* LOGIN */
#divLogin{
	position:absolute;
	top: 50%;
	left: 50%;
	width:400px;
	margin-left: -200px;
	/*height:200px;*/
	margin-top: -150px;
	border: 1px solid #ccc;
}
#divLogin #divLoginContent {
	/*padding: 20px 40px 40px 40px;*/
}
#divLogin table{
	width:100%;
	padding:20px 40px 40px 40px;
}
#divLogin table td{
	padding-top: 20px;
	font-size: 12px;
}
#divLogin table .textLogin{
	border-bottom: 1px solid #000124; /* buscar color en UI.THEME.CSS - ui-widget-header background */
}
#divLogin table .inputLogin{
	width: 1px;
}
#divLogin table input{
	margin-bottom: -2px;
}

/***** CABEZERA *****/
div#cabezera {
	background-color: #EEEEEE;
	height: 72px;
	margin:0px;
	padding: 0px;
/*border: 2px solid #000000;*/
}
div#cabezera #nombreApp {
	margin: 2px 2px 5px 2px;
	padding: 3px 5px;
	width: auto;
	position: relative;
}
div#cabezera #nombreApp span{
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 10px;
	word-spacing: 10px;
	text-align: center;
}
div#cabezera #nombreApp span{
	text-align: -moz-center;
}

/***** LOGO *****/
div#cabezera #logo {
	margin: 0px 10px 0px 10px;
	float:left;
	position:relative;
}
div#cabezera #logo img {
	height: 20px;
	padding-top: 8px;
}

/***** MENU *****/
/*
#baseMenu_ {float:left;padding:0px;margin-left:10px;position:relative;height:34px;}
#baseMenu_ table { height:100% }
#divMenuEstadistica { display:none}
#baseMenuEstadistica_ {float:left;padding:0px;margin-left:10px;position:relative;height:34px;}
#baseMenuEstadistica_ table { height:100% }
*/
/***** STATUS *****/
.status {
	padding:4px;
	display:none;
	/*border: 1px solid #000000;*/
}
.statusDialog {
	padding:4px;
	display:none;
}
.status-pos{
	position:fixed;
	top: 2px;
	right:5px;
	display:none;
	/*border: 1px solid #000000;*/
}
.status-dialog {
	position: absolute;
	top: 5px;
	right: 32px;
}
.statusWait {
	background-color: #eeeeee;
	border: 1px solid #999999; 
	color: #333333;
}
.status #icon {
	float: left; 
	margin-right: 0.3em;
}

.statusDialog #icon {
	float: left; 
	margin-right: 0.3em;
}


.divWait {display:none;text-align: center;z-index:999999; position:absolute; background-color:#ffffff; opacity: 0.7;filter:alpha(opacity=70); /* IE patch */ }
.divTransparente {display:none;text-align: center;z-index:100001; position:absolute; background-color:#ffffff; opacity: 0.7;filter:alpha(opacity=70); /* IE patch */ }
.divWait img {top:50%;position:relative;}
/***** BOTONES *****/
.cursor-pointer {cursor: pointer;}
.cursor-wait {cursor: wait;}
.cursor-default {cursor: default;}

.button {float:left; cursor: pointer; }
.button:hover {border_: 1px solid #aaaaaa;background-color: #cccccc;}

.buttonNoFloat {cursor: pointer; }
.buttonNoFloat:hover {border_: 1px solid #transparent; background-color: #cccccc; height:16px;}

.button-add {padding:4px; background-color: #eeeeee; border: 1px solid #999999; color: #333333;}
.button-add #icon {background-image:url(images/add.png); margin-right: 4px; float: left; width: 16px; height: 16px; background-repeat:no-repeat;}
.button-add2 {padding:4px; border: 1px solid transparent; float: right;}
.button-add2 #icon {background-image:url(images/add.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-del {padding:3px; border: 1px solid transparent;}
.button-del #icon {background-image:url(images/del.png); width: 16px; height: 16px; float: left; background-repeat:no-repeat;}

.button-duplicate {padding:3px; float: right;  border: 1px solid transparent;}
.button-duplicate #icon {background-image:url(images/duplicate.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-del2 {padding:3px; float: right;  border: 1px solid transparent;}
.button-del2 #icon {background-image:url(images/del.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-edit {padding:3px;}
.button-edit #icon {background-image:url(images/edit.png); margin-right: 4px; float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-guardar {padding:3px;}
.button-guardar #icon {background-image:url(images/guardar.png); margin-right: 4px; float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-tocar {padding:3px;}
.button-tocar #icon {background-image:url(images/tocar.png); margin-right: 4px; float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.button-restore {padding:3px; float: right;}
.button-restore #icon {background-image:url(images/restore.png); width: 16px; height: 16px; float: left; background-repeat:no-repeat;}

.button-modoconfiguracion {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modoconfiguracion #icon {background-image:url(images/icoModoConfig.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modoconfiguracion.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoestadistica {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc;}
.button-modoestadistica #icon {background-image:url(images/icoModoEstadisticaIn.png); float:left; width:32px; height:32px; background-repeat:no-repeat;}
.button-modoestadistica.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoestadistica-out {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc;}
.button-modoestadistica-out #icon {background-image:url(images/icoModoEstadisticaOut.png); float:left; width:32px; height:32px; background-repeat:no-repeat;}
.button-modoestadistica-out.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoestadistica-chat {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc;}
.button-modoestadistica-chat #icon {background-image:url(images/icoModoEstadisticaChat.png); float:left; width:32px; height:32px; background-repeat:no-repeat;}
.button-modoestadistica-chat.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoincidencia {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc;}
.button-modoincidencia #icon {background-image:url(images/icoModoIndicencias.png); float:left; width:32px; height:32px; background-repeat:no-repeat;}
.button-modoincidencia.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoagente {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc;}
.button-modoagente #icon {background-image:url(images/icoModoAgente.png); float:left; width:32px; height:32px; background-repeat:no-repeat;}
.button-modoagente.activo {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoadministracion {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modoadministracion #icon {background-image:url(images/icoModoAdmin.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modoadministracion.activo {border: 1px solid #aaaaaa; background-color: #cccccc;}

.button-modocontactcenter {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modocontactcenter #icon {background-image:url(images/icoModoContactcenter.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modocontactcenter.activo_ {border: 1px solid #aaaaaa; background-color: #cccccc;}

.button-modoformulario {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modoformulario #icon {background-image:url(images/icoModoFormulario.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modoformulario {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modopresence {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modopresence  #icon {background-image:url(images/icoModoPresence.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modopresence  {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modofacturacion {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modofacturacion #icon {background-image:url(images/icoModoFacturacion.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modofacturacion {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoConfigDashboard {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modoConfigDashboard #icon {background-image:url(images/icoModoConfigDashboard.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modoConfigDashboard {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modofax {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modofax #icon {background-image:url(images/icoModoFax.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modofax {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modosms {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modosms #icon {background-image:url(images/icoModoSms.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modosms {border: 1px solid #aaaaaa;background-color: #cccccc;}

.button-modoqm {margin-right_:5px; padding:1px 10px; border: 1px solid #cccccc; }
.button-modoqm #icon {background-image:url(images/survey.png); float:left; width:32px; height:32px;  background-repeat:no-repeat;}
.button-modoqm {border: 1px solid #aaaaaa;background-color: #cccccc;}

.cambiarEstadoAgente { width: 100% }
.cambiarEstadoAgente th { text-align:left; }

.estado-agente {float:left; cursor: pointer; }
.estado-servicio {float:left; }
.checkEstadoAgente {float:left; width:16px; height:16px; }

.agente-enlinea-disponible-llamadaentrante { color:#000000; border: 1px solid transparent; }
.agente-enlinea-disponible-llamadaentrante #icon {background-image:url(images/icoOnline11.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.agente-enlinea-disponible { color:#000000; border: 1px solid transparent; }
.agente-enlinea-disponible #icon {background-image:url(images/icoOnline11.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.supervisor-enlinea-disponible { color:#000000; border: 1px solid transparent; }
.supervisor-enlinea-disponible #icon {background-image:url(images/icoOnlineSup11.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.agente-enlinea { color:#000000; border: 1px solid transparent;}
.agente-enlinea span { float: left;}
.agente-enlinea #icon {background-image:url(images/icoOnline.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.agente-enlinea-nodisponible { color:#000000; border: 1px solid transparent;}
.agente-enlinea-nodisponible span { float: left;}
.agente-enlinea-nodisponible #icon {background-image:url(images/icoOnline10.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.supervisor-enlinea-nodisponible { color:#000000; border: 1px solid transparent;}
.supervisor-enlinea-nodisponible span { float: left;}
.supervisor-enlinea-nodisponible #icon {background-image:url(images/icoOnlineSup10.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.agente-enlinea-hablando #icon {background-image:url(images/icoOnline101.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.agente-enlinea {color:#000000; border: 1px solid transparent;}
.agente-enlinea #icon {background-image:url(images/icoOnline.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}
.agente-fueradelinea {color:#000000; border: 1px solid transparent;}
.agente-fueradelinea #icon {background-image:url(images/icoOffline.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}

.supervisor-fueradelinea {color:#000000; border: 1px solid transparent;}
.supervisor-fueradelinea #icon {background-image:url(images/icoOfflineSup.png); margin-left: 4px; margin-right: 4px; float:left; width:16px; height:16px; background-repeat:no-repeat;}


/*.agente-disponible #icon {background-image:url(images/icoMiembro.png); margin-left: 0px; margin-right: 0px; float:left; width:16px; height:16px; background-repeat:no-repeat; border: 1px solid transparent;}
.supervisor-enlinea-disponible #icon {background-image:url(images/icoSupervisor.png); margin-left: 0px; margin-right: 0px; float:left; width:16px; height:16px; background-repeat:no-repeat;}
*/
#SIPstatus.online {background-image:url(images/SIPStatusOnline.png); }
#SIPstatus.offline {background-image:url(images/SIPStatusOffline.png); }

.call {background-image:url(images/SIPCall.png); background-repeat:no-repeat }
.hangup {background-image:url(images/SIPHangup.png); }
.hold {background-image:url(images/SIPHold.png); }
.unhold {background-image:url(images/SIPUnhold.png); }
.answer {background-image:url(images/SIPAnswer.png); }
.reject {background-image:url(images/SIPReject.png); }
.transfer {background-image:url(images/SIPTransfer.png); }

.section-info-transfer {
	padding: 1px;
	background-image: url(../img/objetos/ico_info.png);
	background-repeat: no-repeat;
	background-position: center left;
	width: 100%;
}
.section-info-transfer p {
	font-size: 11px;
	padding-left: 20px;
}

.button-lineadisponible {padding:2px;color: #333333;}
.button-lineadisponible #icon {background-image:url(images/icoLineaDisponible.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-lineanodisponible {padding:2px;color: #333333;}
.button-lineanodisponible #icon {background-image:url(images/icoLineaNoDisponible.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-lineapausada {padding:2px;color: #333333; cursor:hand; }
.button-lineapausada #icon {background-image:url(images/icoLineaPausada.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-call {padding:3px;color: #333333;border: 1px solid transparent;}
.button-call #icon {background-image:url(images/SIPCall.png); margin:0px 1px; float: left; width: 20px; height: 16px; background-repeat:no-repeat;}

.button-call-transfer {padding:3px;color: #333333;border: 1px solid transparent;}
.button-call-transfer #icon {background-image:url(images/arrow2.png); margin:0px 1px; float: left; width: 20px; height: 16px; background-repeat:no-repeat;}

.button-transfer2 {padding:3px;color: #333333;border: 1px solid transparent;}
.button-transfer2 #icon {background-image:url(images/SIPTransfer.png); margin:0px 1px; float: left; width: 20px; height: 16px; background-repeat:no-repeat;}

.button-hangup {padding:2px; color: #333333;border: 1px solid transparent;}
.button-hangup #icon {background-image:url(images/SIPHangup.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-hold {padding:2px;color: #333333;border: 1px solid transparent;}
.button-hold #icon {background-image:url(images/SIPHold.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-unhold {padding:2px;color: #333333;border: 1px solid transparent;}
.button-unhold #icon {background-image:url(images/SIPUnhold.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-rec {padding:2px;color: #333333;border: 1px solid transparent;}
.button-rec #icon {background-image:url(images/SIPRec.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-holdrec {padding:2px;color: #333333;border: 1px solid transparent;}
.button-holdrec #icon {background-image:url(images/SIPHoldRec.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-transfer {padding:2px; color: #333333;border: 1px solid transparent;}
.button-transfer #icon {background-image:url(images/SIPTransfer.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat; }

.button-transfer-power {padding:2px; color: #333333;border: 1px solid transparent;}
.button-transfer-power .icon {background-image:url(images/transfer_power.png); margin:0px 1px; float: right; width: 16px; height: 16px; background-repeat:no-repeat; }
.button-transfer-power-select { font-family: Verdana, Tahoma; font-size: 10px;  width: 130px; }

.button-answer {padding:2px;color: #333333;}
.button-answer #icon {background-image:url(images/SIPAnswer.png); margin:0px 1px; float: left; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-reject {padding:2px; color: #333333;}
.button-reject #icon {background-image:url(images/SIPReject.png); margin:0px 1px; float: left; width: 16px; height: 16px; background-repeat:no-repeat;}

.button-auto-call {padding:3px;color: #333333;border: 1px solid transparent;}
.button-auto-call #icon {background-image:url(images/SIPAutoCall.png); margin:0px 1px; float: left; width: 20px; height: 16px; background-repeat:no-repeat;}

.speaker-mute-ico { border: 1px solid transparent; width: 16px; height: 16px; background-image:url(images/icoSpkMute.png); background-repeat:no-repeat; }
.speaker-volume-ico { border: 1px solid transparent; width: 16px; height: 16px; background-image:url(images/icoSpkVolumen.png); background-repeat:no-repeat; }

.mic-mute-ico { border: 1px solid transparent; width: 16px; height: 16px; background-image:url(images/icoMicMute.png); background-repeat:no-repeat; }
.mic-volume-ico { border: 1px solid transparent; width: 16px; height: 16px; background-image:url(images/icoMicVolumen.png); background-repeat:no-repeat; }


/* llamadas entrantes */
div#incomingCall {width:300px; position: fixed; z-index:999; bottom: -160px; right: 5px; background-color:#fff; border:1px solid #ccc;}
div#incomingCall table {width:100%; text-align:left;}
#ListIncomingCall { border:1px solid #999999; height:50px; width: 100%; background: #FFFFFF}

.button-diagrama-guardar {margin:2px; padding:1px; border: 1px solid transparent;}
.button-diagrama-guardar #icon {background-image:url(images/icoDiagramaGuardar.png); float:left; width:24px; height:24px; background-repeat:no-repeat;}

.button-diagrama-imprimir {margin:2px; padding:1px; border: 1px solid transparent;}
.button-diagrama-imprimir #icon {background-image:url(images/icoDiagramaImprimir.png); float:left; width:24px; height:24px; background-repeat:no-repeat;}

.button-diagrama-jpeg {margin:2px; padding:1px; border: 1px solid transparent;}
.button-diagrama-jpeg #icon {background-image:url(images/icoImagen.png); float:left; width:24px; height:24px; background-repeat:no-repeat;}

#modos{float:left; /*margin-left:25px;*/}
#modos .button {margin-left:-1px;}
/*#modos span {padding:1px 10px;}*/ /* para jQueryUI 1.8 */
#infoCliente{float:left; margin-left:10px; margin-top:3px; font-size:10px; color:#333333; line-height:15px; }
#logout{cursor:pointer; margin-right:10px; right:1px; position:absolute; z-index:1001;}
#logout table {text-align:right; font-size:8px; color:#666666; text-transform:uppercase; font-weight:bold; text-decoration:none }

#language_admin img{opacity:0.4; filter:alpha(opacity=40); align:center;/* IE patch */}
#language_admin img.activo {opacity:1; filter:alpha(opacity=100); /* IE patch */}
#language_admin img:hover{opacity:1; filter:alpha(opacity=100); /* IE patch */}
/*
.button-call, .button-hangup, .button-hold, .button-unhold, .button-transfer {height:16px; opacity:0.5; filter:alpha(opacity=50);}
.button-call:hover, .button-hangup:hover, .button-hold:hover, .button-unhold:hover, .button-transfe:hoverr #language img:hover{opacity:1; filter:alpha(opacity=100);}
*/
.txtInteracion {background: transparent; border: 0px; font-family: Verdana, Tahoma;	font-size: 10px; width:100%}
.txtInteracion:hover {background: #ffffff; border: 1px solid #000000; }
.txtInteracion:focus {background: #ffffff; border: 1px solid #000000; }
/****** --- ******/
div#audios,#musicaespera {
	width: auto;
	padding:4px; background-color: #eeeeee; border: 1px solid #999999; color: #333333;
}
div#audios,#musicaespera table {
	text-align:center;
	/*border-collapse:collapse;
	border-collapse:5px;
	border: 2px solid #009933;*/
}

/*
div#audios,#musicaespera table th { border-right:10px solid #eeeeee; border-left:10px solid #eeeeee; border-bottom:1px solid #999999; text-align:left;}
div#audios,#musicaespera table td { border-right:10px solid #eeeeee; border-left:10px solid #eeeeee;}

div#audios,#musicaespera table th {margin:0px; padding-right:10p; padding-left:10px; border-bottom:1px solid #999999; text-align:left;}
div#audios,#musicaespera table td {margin:0px; padding-right:10px; padding-left:10px;}
*/
div#audios table th { border-right:10px solid #eeeeee; border-left:0px solid #eeeeee; border-bottom:1px solid #999999; text-align:left;}
div#musicaespera table th { border-right:10px solid #eeeeee; border-left:0px solid #eeeeee; border-bottom:1px solid #999999; text-align:left;}

div#audios table td { padding-right:10px; padding-left:0px; border-left-width: 0px;border-right-width: 0px;}
div#musicaespera table td { padding-right:10px; padding-left:0px; border-left-width: 0px;border-right-width: 0px;}

.color1 { background-color: #C1DAFF; }
.tabla-cambia-color__ { background-color: #C1DAFF}

div#audios #nombreAudio{text-align:left;width:100%;}
div#musicaespera #nombreAudio{text-align:left;width:100%;}

div#audios #nombreAudio input{width:100%}
div#musicaespera #nombreAudio input{width:100%}

#baseLateral {
	/*width: 300px;
	vertical-align: top;*/
}
#divLateral {
	position:absolute;
	left:0px;
	z-index: 1;
	opacity:0.97; filter:alpha(opacity=97); /* IE patch */
	float:left;
	/*width: 300px;*/
	vertical-align: top;
}
/*
#baseDiagrama {
	position:absolute;
	z-index:-1;
	vertical-align: top;
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding:0px;
}
*/
	#tablaDiagrama {
		vertical-align: top;
		width: 100%;
		height: 100%;
		border-collapse: collapse;
		margin: 0px;
		padding:0px;
	}
	#tablaDiagramaContenido {
		width: auto;
		/*height:100%;*/
		margin: 0px;
		padding:10px;
	}
		/*#divDiagrama {
			vertical-align: top;
			padding: 0px 10px 10px 10px;
			background-color: #EEEEEE;
			border: solid 0px #ddd;
		}
		*/
		/*
		#baseDiagrama #controle {
			float: right;
			right: 0px;
			position: absolute;
			margin-right: 10px;
			padding: 0px;
			border: solid 1px #ddd;
		}	
		*/
#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

#confTipo {
	font-size: 12px; 
	color:#666666; 
	border:1px solid #cccccc; 
	margin:0px; 
	padding:5px;
	font-variant: small-caps;
/*	font-weight:bold;
	text-transform: uppercase;*/
	letter-spacing: 3px;
	word-spacing: 3px;
}
#confTipo img {height: 32px; margin-right: 5px; }
.separadorHorizontal {margin-bottom:10px }
.tabLateral {border:0px; margin:0px; padding:0px; width:100%; }
.tabLateral table {border:0px; margin:0px; padding:0px; border-collapse: collapse; width:100%;}
.tabLateral table td {margin:0px;}
.tabLateral th {font-size: 12px; color:#666666; border:1px solid #cccccc; padding:5px;font-variant: small-caps;}
.filtroSelect {
	vertical-align:top;
	height: 22px;
	width:33px;
	border: #999999; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 1px} 
.filtroSelect2 {
	vertical-align:top;
	height: 22px;
	width:70px;
	border: #999999; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px} 	

.filtroCampo {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 0px; margin: 0px; width:96%;height: 16px;}
.campo {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px;width:96%;height: 14px;}
.campoClienteEurowin {
	margin: 0px;
	background-color: #e3e3e3;
	border: 1px solid #999999;
	padding: 3px 3px 3px 3px;
	width: 85%;
	height: 16px;
	vertical-align:middle;
	text-align:left;
	font-size: 11px;
	font-family: Verdana,Arial,sans-serif;
	color: #616161;
	float: left;
}
.campoConfigClienteEurowin {
	width: 85%;
	float: left;
}
.seccion-cliente-eurowin {
}

/*.campoForm {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px; height: 14px;}*/
.campoForm { border: 1px solid #999999; height: 18px; }
.campoColor { border: 1px solid #999999; height: 16px; width:16px; }
.imgCampo {	background:url(images/bgCampo.gif);}
.campoFormConf{ border: 1px solid transparent; height: 18px; background-color: transparent; width: 100%; margin-left:10px; }
/*.campoFormConf:hover{ border: 1px solid #999999; height: 18px; background-color:#fff; }*/

.campoFormConfBorde {border: 1px solid #999999; height: 14px; padding-bottom:3px;}
.textarea {/*background:url(images/bgTextarea.gif);*/border: 1px solid #999999;padding: 3px 3px 1px 3px;width:96%;height: 45px;}
.campoLogin { width:130px; }

.datepicker {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px;width:90px;height: 16px;}

.baseDivsEnLinea{margin-top: 5px; float:left; clear:both; width:100%; /*border: 1px solid #000; */}
.divEnLinea {width:100%; margin:0px; padding: 0px; float:left; clear:none;}
.divSolo 	{width:100%; margin:0px; padding: 0px; float:left; clear:both;}
.menuCombo {margin: 0px;padding: 0px;border:0px;border-collapse: collapse;}
.menuCombo td {margin:0px; padding:0px;}

.divCombo {
	float:left;
	max-width:inherit;
	margin: 0px 0px 0px 0px;
	background:url(images/bgCampo.gif);
	border: 1px solid #999999;
	padding: 0px ; /*2px 1px 0px 3px*/
	/*max-width:100px;*/
	width: 98%;
	cursor: pointer;
	overflow: hidden;
}
.divCombo .icoObjPequeno{float:left}

/*
.divCombo table td{width:50px;overflow: hidden;}*/
.divCombo img{	margin: 2px 2px 2px 4px; padding: 0px; clear:none;}
.divCombo span{	float:left; margin-top:2px; max-width: 10px; padding-left:2px}

.divComboFlecha {
	float: right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align : middle;
}
.divCombo-size-1 {width: 10px;}
.divCombo-size-2 {width: 40px;}
.divCombo-size-3 {width: 140px;}
.divCombo-size-130 {width: 130px;}
.divCombo-size-4 {width: 180px;}
.divCombo-size-165 {width: 165px;}
.divCombo-size-5 {width: 220px;}
.divCombo-size-16 {width: 90px;}
.divCombo-size-25 {width: 25px;}
.divCombo-size-287 {width: 287px;}
.divCombo-size-257 {width: 254px;}
.divCombo-size-100 {width: 120px;}
.divCombo-size-117 {width: 117px;}
.divCombo-size-20 {width: 20px;}
.divCombo-size-50 {width: 50px;}


.icoObjPequeno {
	width:16px;
	height: 16px;
	vertical-align : middle;
}

#baseRangoCalendario {background-color:#eeeeee; width:200px; border: 0px solid #ccc;  /*opacity:0.97;*/ }
#baseRangoCalendario table{width:100%;}
#baseRangoCalendario .barraAplicar, .barraDesplega{width:100%; text-align:center}
#baseRangoCalendarioContent { height:285px; padding:5px;}
.small-caps{ font-variant: small-caps;}

/*  Estilos versi�n imprimir */

#cabDatos{
	background-color:#ccc;
}
.cabeceraDatos{
	text-align:-moz-center;
	text-transform: uppercase; 
	font-weight:bold;
}

hr {border: 1px solid #cccccc;}

.cabeceraDatos{
	text-align:center;
	text-transform: uppercase; 
	font-weight:bold;
}

.celdaBlanca{
	background-color:#F2F2F2;
}

#celdaBlanca {
background-color:#F2F2F2;
}

.tituloInforme{
	text-align:center;
	text-transform: uppercase; 
	font-weight:bold;
	color: #000124;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-size:16px;
	font-variant: small-caps;
	vertical-align : bottom;
}

.negrita{ font-weight:bold; }

/* Estilos de configuraci�n de servicios y agentes */
.tabCC {margin: 5px}
.confAgenteServico {border: 1px solid #ccc;}
.confAgenteServico select {height:22px;width:158px;border:1px solid #999999; background: transparent url(images/bgCampo.gif) repeat scroll 0 0;}
/*.disponibles, .asignados {width:100%; overflow: scroll; height: 300px;}*/
.disponibles .agente:hover { background: #F7F7F7;}
.agente, .cola { background: #F7F7F7; font-weight: bold; text-align: center}
/*.relaciones {border:1px solid #CCCCCC; background: #FFFFFF}*/
.relaciones {margin-left:5px; margin-bottom:0px; border:1px solid #CCCCCC; /*background: #FFFFFF; height:345px;*/}
.relaciones2 {/*margin-left:5px*/; margin-bottom:0px; /*background: #FFFFFF*/; height:100%;;}
#parametros, #general, #agent_script, #datos_personales{background: #FFFFFF;}
.prioridad {margin-left:3px;}
/*.menu_lateral {height: 351px; width:200px;border:1px solid #CCCCCC;background: #FFFFFF;}*/
/*.menu_lateral_seccion {border:1px solid #CCCCCC;background: #FFFFFF; margin-bottom:5px;}*/
.menu_lateral_seccion {background: #FFFFFF; border:1px solid #CCCCCC; margin-bottom:5px;}
/*.menu_lateral {width:200px;border:1px solid #CCCCCC;background: #FFFFFF; padding: 5px;}*/
.menu_lateral {width:200px;background: #FFFFFF; /*height:346px;*/}
.menu_lateral a{line-height:2em;padding-left:5px;text-decoration:none;display:block;height:25px;}
.submenu a{line-height:2em;padding-left:15px;text-decoration:none;display:block;height:25px;}
.menu_lateral a:hover{background:#B2CEE9;/*color:#000000;font-weight:bold*/}
.menu_lateral a.activo {background-color: #3D84CC;/*font-weight:bold*/;color:#FFFFFF}
.tableConfig {width:100%;}
.tableConfig td {vertical-align:middle;}
.tableAuto {width:auto;}
.tableAuto td {vertical-align:middle; text-align:left; white-space: nowrap;}
.inputText {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:160px;height: 16px; /*width:98%;*/}

#configCC {height:100%;}
#configCC .tableAuto input {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:150px;height: 16px;}
#configCC input[type="button"] {/*border: 1px solid #999999;*/padding:2px 3px 2px 3px; width:auto; height:auto; margin-top:0;}
#desvio{background:url(images/bgCampo.gif);border: 1px solid #999999; width:100px; height: 20px;}
#configCC input[type="checkbox"] {width:auto; border: 1px solid transparent; background:transparent;}
#configCC .tableAuto select {background:url(images/bgCampo.gif);border: 1px solid #999999; width:158px; height: 20px;}
#barraHerramientasCC select{width:auto;}
#barraHerramientasCC .hasDatepicker{width:auto;}
#contentCC {border:0 none;border-collapse:collapse;height:100%;margin:0;padding:0;width:100%;}
#content_QM {border:0 none;border-collapse:collapse;height:100%;margin:0;padding:0;width:100%;}

#rightCC {border:0 none;padding:0;height:100%;vertical-align:top;}

.inputText2 {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;/*width:312px;*/height: 16px; width:98%;}
.title {padding-left:10px;padding-right:10px;background:url(images/bgCampo.gif);height:20px; border-bottom: 1px solid #CCCCCC}
.title table{border-collapse:collapse; height:20px;}
.highlight{border: 1px dashed #999999; background: #FFDFE9; width:100px;}
.highlight:hover{border: 1px dashed #000000; background: #B2CEE9}

/* Highlight del drag and drop de transferencia manual de llamadas. */
.highlight_dad {border: 1px dashed #999999; background: #FFDFE9;}
.highlight_dad:hover {border: 1px dashed #000000; background: #B2CEE9}
/* End Highlight del drag and drop de transferencia manual de llamadas. */

.menu_lateral_titulo {padding-left:10px;font-weight:bold;background:url(images/bgCampo.gif);height:20px;line-height:20px}
#uploadAvatar {text-align:center;border:1px solid #CCCCCC}
/*#uploadAvatar a{display:table-cell;width:200px;height:188px;vertical-align:middle}*/
/*#uploadAvatar a:hover{background: #B2CEE9}*/
.disponible_cell:hover, .asignados_cell:hover {background: #B2CEE9;}
.disponible_cell, .asignados_cell{padding: 2px; cursor: pointer;}


#iframe{
 width:100%;
 overflow: visible;
}

/* Estilos Configurar estado en los servicios (dialog) */
#botonEstado{ cursor:pointer; }/*float: right;  margin-right: 5px; */}
.cabeceraServicios{
    text-transform: uppercase;
    font-size:13px;
    font-weight:bold;
    color: #000000;
    background-color:#D8D8D8;

    letter-spacing: 2px;
    word-spacing: 3px;
}
.select {background:url(images/bgCampo.gif);border: 1px solid #999999; width:96%;height: 20px;}
.selectLogin {height:22px;width:138px;border:1px solid #999999; background: transparent url(images/bgCampo.gif) repeat scroll 0 0;}

/* Estilo para el bot�n de estado del agente */
.button-estado {
	padding:3px; 
	color: #333333;
	margin-left:0px;	
	margin-right:0px;	
}

#divEstados { display_:none; float:left; position:absolute; border: 3px solid #cccccc; height: 112px; width:300px; background-color:#ffffff;  }

/*#divInfoSoftphone { border: 1px solid #aaaaaa; border-top:0px; float:left; position:absolute; margin-top: 0px; background: transparent url(images/bg_mainMenu.png) scroll 0% 0%; background-repeat:repeat-x; display:none; padding:5px; }*/

/* Estilo Servicios (llamadas en cola y 10 �ltimas */

.button-refrescar {padding:3px; float: right; border: 1px solid transparent;}
.button-refrescar #icon {background-image:url(images/icoRefrescar16x16.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-detalle {padding:3px; float: right; border: 1px solid transparent;}
.button-detalle #icon {background-image:url(images/icoDetalle.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-detalle-telefonos {padding:3px; float: right; border: 1px solid transparent;}
.button-detalle-telefonos #icon {background-image:url(images/icoDetalleTelefonoLista.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-agenda {padding:3px; float: right; border: 1px solid transparent;}
.button-agenda #icon {background-image:url(images/ico_importar_agenda.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-conferencia {padding:3px; float: right; border: 1px solid transparent; width: 22px; height: 22px; }
.button-conferencia #icon {background-image:url(images/icoConferencia.png); float: right; width: 22px; height: 22px;  background-repeat:no-repeat; margin-top:-2px}
#chkConferencia {margin-top:7px; margin-right:5px; float: right;}

#divMarcador {width: 100%; height:44px; }
#divMarcador table {border-collapse:collapse; }
#EstadoExtension { border-collapse:collapse; cursor:pointer; /*float:right; display:none*/}
#baseAgente {width:100%; border-collapse:collapse; /*border-top: 1px solid #aaaaaa;*/ vertical-align:top; }
#navegador {vertical-align:top; height:100%}
#panelesAgenteShowHide {
	/*width:16px; padding:0px; background-color:#eeeeee; border-left: 1px solid #888888; border-right: 1px solid #888888;*/
	
/*	background:url("images/menu_splitter_bg.gif") repeat-y scroll left top #BBBBBB;*/
	background:url("images/menu_splitter_bg.gif") repeat-y;
	height:100%;
	margin:0;
	padding:0;
	width:7px;
	opacity: 0.7; filter:alpha(opacity=70); /* IE patch */
}
/*#panelesAgenteShowHide span { margin-bottom: 30px }*/
#panelesAgenteShowHide:hover { border-left: 0px solid #333;;cursor:pointer;opacity: 1; filter:alpha(opacity=100); /* IE patch */}
#panelesAgentes {width: 280px; padding:0px; vertical-align:top;  }
#divTelefono { 
	padding: 0px;
	width: 100%;
	background: transparent url(images/bg_mainMenu.png) repeat scroll 0% 0%;
	border-bottom: 1px solid #aaaaaa;
	border-collapse:collapse;
}
#SPMarcador {float:left; border-bottom: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;border-right: 1px solid #aaaaaa; z-index:5 ;margin-top: -1px; background: transparent url(images/bgMarcador.png) scroll 0% 0%; background-repeat:repeat-x; display:none; padding:2px; position:absolute; margin-left: 85px}
#SPMarcador table { text-align:center; margin-left: auto; margin-right:auto;}
.marcador {padding:3px; border: 1px solid transparent;}
.marcador #icon {background-image:url(images/SIPMarcador.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.btConfigSoftPhone {padding:3px; border: 1px solid transparent; }
.btConfigSoftPhone #icon {background-image:url(images/icoConfSoftPhone.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.btConfigServOut {padding:3px; border: 1px solid transparent; }
.btConfigServOut #icon {background-image:url(images/icoServicioSaliente.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
.btUrl {padding:3px; border: 1px solid transparent; }
.btUrl #icon {background-image:url(images/icoUrl.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-marcador { width:40px; height:24px;}

.tablaCampoForm {
	padding: 0;
	margin: 0;
	/*border: 1px solid #000;*/
	position:absolute;
}

.tablaCampoFormBorde {
	border: 1px solid transparent;
	background-color: #fff;
}

.tablaCampoFormBorde:hover {
	border: 1px solid #cccccc;
	background-color: #eee;
}

.tablaCampoFormBordeConf {
	border: 1px solid transparent;
	background-color: transparent;
}

.tablaCampoFormBordeConf-hover {
	border: 1px solid #cccccc;
	background-color: #eee;
}
.tablaCampoFormBordeConf-hover .campoFormConf{ border:1px solid #ccc; background-color:#fff; }
.tablaDatos {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
	background-color: #ffffff;
}
.tablaDatos img { vertical-align:middle; }
.tablaDatos th {
	background:url(images/bgTablaDatos.gif);
	padding: 3px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;
	text-align: center;
	font-weight:normal;
}
.tablaDatos td {
	padding: 3px;
	border: 1px dotted #cccccc;
	text-align: left;
}

/* MODO QM */
#baseQM { height:100%; width: 100%; border-collapse:collapse; border-top:1px solid #cccccc;}
/*#baseCC td { vertical-align: top; }*/
#baseQM #menu_QM { width:316px; vertical-align: top; height:100%; }
#baseQM #QM_manage { width:auto; vertical-align: top; }
#baseQM #QM_manage iframe {height:100%; width: 100%; border: 0px;}

/* MODO CC */
#baseCC { height:100%; width: 100%; border-collapse:collapse; border-top:1px solid #cccccc;}
/*#baseCC td { vertical-align: top; }*/
#baseCC #menuCC { width:316px; vertical-align: top; height:100%; }
#baseCC #configCC { width:auto; vertical-align: top; }
#tabsMenu { margin-top: -2px; height: 99%;}
#tabsConfiguracion, #tabsRelacion, #tabsConfiguracionWindowComplet { margin-top: -2px; }
#configuracion, #informes, #monitorizar {padding: 5px 5px 10px 5px; width:300px; overflow:hidden;}
.tabContenido { overflow-y: scroll; margin:5px; padding:0; font-size:11px;}
.tabContenidoWindowComplet { overflow-y: scroll; margin:5px; padding:0; font-size:11px;}

/* botones */
.button-crear {padding:3px;margin:-1px;; float: right; border: 1px solid transparent;}
.button-crear #icon {background-image:url(images/add.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.button-crear-tableDatos{padding:3px;margin:-4px -5px; float: right; border: 1px solid transparent;}
.button-crear-tableDatos #icon {background-image:url(images/add.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

/* Tabla datos para los menus del CC */
#menuCC .tablaDatos {
	padding: 0;
	margin: 3px 0px 0px 0px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
	background-color: #ffffff;
}
#menuCC .tablaDatos tr:hover.lineaSeleccionada{background-color:#1d6db3;}
#menuCC .tablaDatos tr:hover{background:#B2CEE9;}


#menuCC .tablaDatos img { vertical-align:middle; }
#menuCC .tablaDatos th {
	background:url(images/bgTablaDatos.gif);
	padding: 3px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;
	text-align: center;
	font-weight:normal;
	font-size:10px;
}
#menuCC .tablaDatos td {
	padding: 3px;
	border: 1px dotted #cccccc;
	text-align: left;
	
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.toggleAgentes, .toggleServicios { display: none; }

#AreaAgente {
	vertical-align:top;
	width:75%;
	height:100%;
	margin: 0px;
	padding: 0px;
}
#AreaAgente table {
	border-collapse: collapse;
	width:100%;
	height:100%;
}
.divCargaContenidoUrl table {
    width:auto;
    height:auto;
}
.btConfigSoftPhone {padding:3px; border: 1px solid transparent; }
.btConfigSoftPhone #icon {background-image:url(images/icoConfSoftPhone.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}
#ConfigSoftPhone {
	/*display:none;*/
	vertical-align:top;
	height: 44px;
	/*background-color: blue;*/ 
	border-collapse:collapse;
	padding:0px;
	margin: 0px;
}
#ConfigSoftPhone table{
	border-collapse:collapse;
	background: url("images/bg_mainMenu.png") repeat scroll 0 0 transparent;
	border-bottom: 1px solid #AAAAAA;
}
#ConfigSoftPhone table td {
	vertical-align:middle;
	padding-left: 10px;
}
.SoftPhoneListDevice {
	font-family: Verdana, Tahoma;
	font-size: 10px;
	/*height:16px;*/
	width: 202px;
	/*margin-bottom: 10px;*/
}
/* Estilos url/iframe */
.divCargaContenidoUrl{
	vertical-align:top;
	width:auto;
	height: 100%;
	
	/*background-color: green;*/
}
.modLateral {
	/*float:left;*/
	min-width: 300px;
	/*background: #cccccc;
	opacity:0.97;
	float:right;
	
	border: 1px solid #cccccc;*/
	vertical-align: top;
	font-size: 20px;
	padding:5px;
}
.fixAutoHeight table {border-collapse: collapse; width: 100%}

.tamano10pix {	
	font-size: 10px;
}

.colorCabecera{
	background-color:#D8D8D8;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
}

/* Objeto url */
.porcentaje10 { width:10%; }
.porcentaje45 { width:45%; }


/* bot�n CC */

.temaBotonCC {
	padding:0.4em 1em 0.4em 1em;
	position:relative;
	text-decoration:none;
}

span.ui-icon2 {
	left:0.2em;
	margin:-8px 5px 0 0;
	position:absolute;
	top:50%;
}


.sinScroll { overflow:hidden; }
.drag { /*cursor: url("images/curOpenHand.cur"), default;*/ cursor:pointer;  }
.manoG{cursor: url("images/curOpenHand.cur"), default;}
/* FIREFOX */

.disponibles {overflow-y: scroll; height:100%; background: #FFFFFF; text-align:left;}
.asignados {overflow-y: scroll; height:100%; background: #FFFFFF; width:100%;}

.tableRelacionTab {
	border-spacing:0px;
	border:1px solid #cccccc; 
	width:100%; 
}
.tableRelacionTab td {
	width:50%;
	height:100%;
	padding:0px;
}

.menu_lateral_seccion a {

	color:#000000;

}
.menu_lateral_seccion table{border-collapse: collapse; border-spacing: 0px;}
/*#tablaMenuEstadistica td:hover { background: #cccccc}*/

.rootVoices th {	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;	
	text-align:center;
	vertical-align:middle;
}
.selectDias {height:22px;width:240px;border:1px solid #999999; background: transparent url(images/bgCampo.gif) repeat scroll 0 0;}
.selectHoras {height:22px;width:60px;border:1px solid #999999; background: transparent url(images/bgCampo.gif) repeat scroll 0 0;}
.selectHorasF {height:22px;width:45px;border:1px solid #999999; background: transparent url(images/bgCampo.gif) repeat scroll 0 0;}

/* mantener al final */


.ui-draggable-helper {
 /*float:left;*/
 /*position:absolute;
 height: 15px;
 width: auto;*/
 border: 1px solid #000;
 padding: 1px;
 background: #ffffff;
 font-size: 9px;
 vertical-align:middle;
 font-weight:bold;
 white-space: nowrap;
}

.paddingLeft5 {
	padding-left:5px;
}

.sinCss{ border: 1px solid transparent; background-color: transparent; width:100%; text-align:center; }
.sinCss:hover{ border: 1px solid #ccc; background-color: #fff; }
.sinCss:focus{ border: 1px solid #ccc; background-color: #fffcba; }

.class-calendario { border: 1px solid transparent;}
.class-calendario #icon {
	cursor:pointer;
	background-image:url("images/calendario.png");
	float:right;
	height:18px;
	margin-left:-22px;
	margin-top:2px;
	position:absolute;
	width:18px;
	opacity: 0.7; filter:alpha(opacity=70); /* IE patch */
}

.class-calendario #iconConf {
	background-image:url("images/calendario.png");
	float:right;
	height:18px;
	width:18px;
	opacity: 0.7; filter:alpha(opacity=70); /* IE patch */
	margin-right:5px;
	margin-top:1px;
}

#divCargaFormularios { padding: 5px 10px; }
#divOpcionesFormulario { padding: 0px 0px 30px 00px; }
.configuracionesForm {
	border:1px solid #ccc;
	position:absolute;
	background-color:#fff;
}

.button-cargaConfFlecha {float: left; border: 1px solid transparent; padding:3px; margin-left:5px}
.button-cargaConfFlecha #icon {background-image:url(images/icoFormularioFlecha.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.comboTipoCampo {
	vertical-align:middle;
	height: 18px;
	border: 1px solid #999999; 
} 

.icoArrastrable #icon{
	background-image:url(images/grippy.png); float: left; width: 6px; height: 16px;  background-repeat:no-repeat;
}

.colspan{
	width:1px;
}

.class-boton-top {
	padding: 0px; 
	/*border: 1px solid #dddddd;*/
	position:fixed;
	top:0;
	width:100%;
}

#cerrarVentanaConf {
	width:16px; 
	float:right;
}

.vertical-align-top {vertical-align:top} 

.arrastrable, .configurable {width:1px;}

.zIndex-100000 { z-index:100000; }
.zIndex-100001 { z-index:100002; }
	
#divBoton{ margin-left:10px; text-align:center; }

.comboFinal{
	margin-left:0px; 
	height:22px; 
	width:150px;
}

.selectFondo {
	border: 1px solid #999999;
	margin: 0px;
	height:22px;
	background:url(images/bgCampo.gif);	
	padding: 1px;
}

.fondoBlanco{
	background-color:#ffffff;
}

#botonForm{margin-left:5px;}

/*** CSS PARA EL HTML MARCIO ***/

.input-button-conf { text-align:center;	background-color:transparent; border:transparent; width:98%; font-weight:bold; }	
.campo-conf{position:absolute; z-index:100000;}
.campo-conf table {border-collapse:collapse;}
.campo-conf {float:left; border:1px solid transparent;}

.campoLabel{border:1px solid transparent; background:transparent; width:100%;}
.campoFalso{margin-left:0px; border:1px solid #999999; background-color:white; width:200px; height: 20px; background-image:url(images/bgCampo.gif);}

.campo-conf ul{ margin:0px;padding:0px;border:1px solid transparent;background:transparent;list-style:none;}
.campo-conf ul li { margin:0px; padding: 5px 5px 0px 5px; border:1px solid transparent; background:transparent;margin-top:-1px;}
.button-del-small {margin-left:5px;padding:3px; border: 1px solid transparent; }
.campo-conf ul .button-del-small #icon {visibility:hidden; background-image:url(images/del12x12.png); width: 12px; height: 12px; float: right; background-repeat:no-repeat;} 
.campo-conf ul .conf{display:none; width:200px;}
.campo-conf ul .conf-grip{visibility:hidden; background-image:url(images/grippy.png); width:8px; height: 16px;  background-repeat:no-repeat;}
.campo-conf ul .conf-resize{visibility:hidden;}

.campo-conf:hover{z-index:100002;}
.campo-conf ul:hover .conf{display:block; background:#eeeeee;}
.campo-conf ul:hover .conf-grip{visibility:visible;}
.campo-conf ul:hover .conf-resize{visibility:visible;}
.campo-conf ul:hover .button-del-small #icon{visibility:visible;}

.campo-conf ul:hover .campoLabel{border:1px solid #cccccc; background:#fff;}
.campo-conf ul:hover li{border: 1px solid #cccccc; background:#eeeeee;}
.campo-conf ul:hover .input-button-conf {border:1px solid #ccc; background-color:#fff;}

#divGrid_tarifas {
	position:absolute;
	float:left;
	margin-top:0px;
	vertical-align: top;
}

#divGrid_tarifasCliente {
	position:absolute;
	float:right;
	margin-top:0px;
	vertical-align: top;
	right:0px;
}

#toolbarGrid{
	position:relative;
	clear:both;
	font-size:10px;
	padding: 3px 5px 3px 5px;
	background: transparent url(images/bg_toolbar.png) repeat scroll 0% 0%;
	border-bottom: 1px solid #ccc; 
	
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

.vinculo-negrita { font-size:10px; font-weight:bold; }
.float-right{ float:right; }
.lineaSeleccionada{background-color:#1d6db3; color:#ffffff;}

.fusion {
	background:url(images/bgCampo.gif);
	border:0px solid transparent;
	font-size:12px;
	margin:0;
	padding:0;
	width:auto;
	height:18px;
}

#fusionTablaDatos td{
	padding:1px;
	border: 0px solid transparent;
	align: center;
}

.menuContainer{
	z-index:1;
}
.chartContainer{
	height:100%;
	width:99%;
	border: 1px solid #CCCCCC;
}

#opcionesChart img{
	cursor: pointer;
	opacity:0.4; 
	filter:alpha(opacity=40); /* IE patch */
}

#opcionesChart img:hover{opacity:1; filter:alpha(opacity=100); /* IE patch */}

#opcionesChart{
	float:right;
}

.ids_cc{
	word-spacing: 0pt;
	font-size: 8px;
}

.ic-ayuda {opacity:0.6; filter:alpha(opacity=60); /* IE patch */}
.ic-ayuda:hover{opacity:1; filter:alpha(opacity=100); /* IE patch */}

.textAreaResizable {
	background: transparent;
	border: 0px;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	width:100%;
	overflow-y:auto;	/* oculta el scroll vertical vav�o de IE */
}

.button-rebootQueue {padding:4px; background-color: #eeeeee; border: 1px solid #999999; color: #333333;}
.button-rebootQueue #icon {background-image:url(images/icoQueueReboot.png); margin-right: 4px; float: left; width: 16px; height: 16px; background-repeat:no-repeat;}
.icon-facturable {padding:2px;}
.icon-facturable #icon {background-image:url(images/icoFacturable.png); margin-right: 4px; float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

.icon-no-facturable {padding:2px;}
.icon-no-facturable #icon {background-image:url(images/icoNoFacturable.png); margin-right: 4px; float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

#configCli {height:100%;}
#datosAdicionales .tableAuto input {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:120px;height: 16px;}
#datosAdicionales .tableAuto #mail {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:250px;height: 16px;}
#datosAdicionales .tableAuto #direccion {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:250px;height: 16px;}
#datosAdicionales .tableAuto #mail_crear {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:250px;height: 16px;}
#datosAdicionales .tableAuto #direccion_crear {background:url(images/bgCampo.gif);border: 1px solid #999999;padding: 3px 3px 1px 3px;width:250px;height: 16px;}
#configCli input[type="button"] {/*border: 1px solid #999999;*/padding:2px 3px 2px 3px; width:auto; height:auto; margin-top:0;}
#configCli input[type="checkbox"] {width:auto; border: 1px solid transparent; background:transparent;}
#datosAdicionales .tableAuto select {background:url(images/bgCampo.gif);border: 1px solid #999999; width:158px; height: 20px;}

#baseConfigCli #configCli { width:auto; vertical-align: top; }

#baseConfigCli { height:100%; width: 100%; border-collapse:collapse; border-top:1px solid #cccccc;}
/*#baseCC td { vertical-align: top; }*/
#baseConfigCli #menuConfigCli { width:316px; vertical-align: top; height:100%; }
#baseConfigCli #configConfigCli { width:auto; vertical-align: top; }
#tabsMenu { margin-top: -2px; height: 99%;}
#tabsConfiguracion, #tabsRelacion { margin-top: -2px; }

#menuConfigCli .tablaDatos {
	padding: 0;
	margin: 3px 0px 0px 0px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 100%;
	background-color: #ffffff;
}
#menuConfigCli .tablaDatos tr:hover.lineaSeleccionada{background-color:#1d6db3;}
#menuConfigCli .tablaDatos tr:hover{background:#B2CEE9;}


#menuConfigCli .tablaDatos img { vertical-align:middle; }
#menuConfigCli .tablaDatos th {
	background:url(images/bgTablaDatos.gif);
	padding: 3px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px dotted #cccccc;
	text-align: center;
	font-weight:normal;
	font-size:10px;
}
#menuConfigCli .tablaDatos td {
	padding: 3px;
	border: 1px dotted #cccccc;
	text-align: left;

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#contentConfigCli {border:0 none;border-collapse:collapse;height:100%;margin:0;padding:0;width:100%;}
#rightConfigCli {border:0 none;padding:0;height:100%;}
.deshabilitar {
	margin: 0px;
	background-color: #e3e3e3;
	border: 1px solid #999999;
        padding: 3px 3px 3px 3px;
        width: 96%;
        height: 16px;
        vertical-align:middle;
        text-align:left;
        font-size: 11px;
        font-family: Verdana,Arial,sans-serif;
        color: #616161;
}

.deshabilitarSelect {
    
	margin: 0px;
	font-size:11px;
	background-color: #e3e3e3;
	border: 1px solid #999999;
        padding: 3px 3px 3px 3px;
        width:96%;
        height: 22px;
        vertical-align:middle;
        text-align:left;
        font-size: 11px;
        font-family: Verdana,Arial,sans-serif;
        /*color: #6e6d6e;*/
        color: #616161;
}

.scrol {
    overflow:scroll;
}

.tipoFuente {
    font-size: 11px;
    font-family: Verdana,Arial,sans-serif;
}

.paddingTitleDialog { padding: .5em .3em .3em 1em; }

#updateContactoAgendaForm #nombre, #empresa, #nombre_crear, #empresa_crear { width:98%; }
#uploadAvatar.activo {opacity:0.5; filter:alpha(opacity=50)}/* IE patch */
#uploadAvatar:hover{opacity:1; filter:alpha(opacity=100)}/* IE patch */

#baseMenuConfigCli {
    padding:5px;
    border: 1px solid transparent;
    border-bottom:0px;
}

#baseMenuConfigCli.active {
    background-color:#fff;
    border: 1px solid #ccc;
    z-index:1001;
    border-bottom:0px;
    padding:5px;
    /*box-shadow: 0 0 5px #000;*/
}

#divconfigCliente {
    z-index:1000;
    border: 1px solid #ccc;
    width:auto;
    height: auto;
    position:absolute;
    margin-top:31px;
    right:79px;
    background-color:#fff;  
    clear:both;
    font-size: 11px;
    font-family: Verdana,Arial,sans-serif;
    font-size:8px;
    color:#666666;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    /*box-shadow: 0 0 5px #000;*/
    padding:5px;
}

#tableConfigCliente tr{
	cursor: pointer;
}

#tableConfigCliente tr:first-child td{
    text-align: center;
}
#tableConfigCliente td{
    padding:10px 10px;
}
.hoverAzul:hover {
    background-color:#B2CEE9;
	color: #FFF;
}
.invisible {
    visibility:hidden;
}

.marcoFoto { border:5px solid #fff; }
.cssCombo { background:url(images/bgCampo.gif);border: 1px solid #999999; width:auto; height: 20px; }

.imgDescolgar{ background:url(images/botonDescolgarPequenoV2.png) no-repeat; }
.incomingCallFuente {font-family:Verdana, Tahoma; font-size:11px; font-weight: bold; color:#666;}

/**
 * CSS Bot�n ACEPTAR del div incomingCall (ventana para aceptar/ignorar una llamada).
 */
 .cupid-green {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #7FBF4D;
    background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
    border-color: #63A62F #63A62F #5B992B;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #96CA6D inset;
    color: #FFFFFF;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 #4C9021;
    width: 98%;
}
.cupid-green:hover {
    background-color: #76B347;
    background-image: -moz-linear-gradient(center top , #76B347, #4a7a22);
    box-shadow: 0 1px 0 0 #8DBF67 inset;
    cursor: pointer;
}
.cupid-green:active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5B992B #5B992B #538C27;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 8px 4px #548C29 inset, 0 1px 0 0 #EEEEEE;
}

/**
 * CSS Bot�n IGNORAR del div incomingCall (ventana para aceptar/ignorar una llamada).
 */
 .cupid-red {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EE432E;
    background-image: -moz-linear-gradient(center top , #EE432E, #C63929);
    border-color: #C63929 #C63929 #B51700;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #C63929 inset;
    color: #FFFFFF;
    font: bold 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 #C63929;
    width: 98%;
}
.cupid-red:hover {
    background-color: #C63929;   
    background-image: -moz-linear-gradient(center top , #de3e2c, #cc4435);  
    box-shadow: 0 1px 0 0 #CB0500 inset;
    cursor: pointer;
}
.cupid-red:active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c73836 #c73836 #bf302e;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 8px 4px #9e332f inset, 0 1px 0 0 #EEEEEE;
}

/**
 * Al textarea al que le colocamos esta clase, habr� que definirle una altura
 */
.campo-textarea {
    border: 1px solid #999999;
    padding: 3px 3px 1px 3px;
    width:96%;
}

#tdComboAgentes {
    margin-left: 3px;
}

#baseAgentePBX .tablaDatos tr:hover{
	background:#B2CEE9;
}


.phone{display:none; opacity: 0.6; filter:alpha(opacity=60)} /*IE patch*/
.phone:hover {opacity: 1; filter:alpha(opacity=100)} /*IE patch*/
.show-element-hover tr:hover .phone{display:inline;}
.min-width{
	width:1px;
	
}

.campoTroncales {
	background: url(images/bgCampo.gif);
	border: 1px solid #999999;
	padding: 3px;
	width: 66%;
	height: 14px;
}
.selectTroncales {
    background: url("images/bgCampo.gif") repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    height: 20px;
    width: 98%;
}

.button-dialog {padding:3px; float: left; border: 1px solid transparent;}
.button-dialog #icon {background-image:url(images/icoDetalle.png); float: left; width: 16px; height: 16px;  background-repeat:no-repeat;}

/* JERARQUIA DE DEPARTAMENTOS. */
/* Formulario de crear departamento. */
.campoSelectSede {
	height: 22px;
	width: 99%;
	border: 1px solid #999999; 
	background: transparent url(images/bgCampo.gif) repeat scroll 0 0;
}

/* Arbol de departamentos. */
#jerarquia_departamentos {
	border-collapse: separate!important;
}
#jerarquia_departamentos ul {
	list-style: none outside none;
	padding-left: 19px;
}
#jerarquia_departamentos > ul {
	padding-left: 5px;
}
#jerarquia_departamentos li {
	height: 22px;
	width: 400px;
	margin-top: 2px;
}
#jerarquia_departamentos li div.hitarea{
    float: left;
    height: 16px;
    width: 16px;
}
#jerarquia_departamentos li.expandable-void div.hitarea{
    background: url("images/selector-void.png") no-repeat scroll -17px 3px transparent;
    cursor: pointer;
}
#jerarquia_departamentos li.expandable div.hitarea{
    background: url("images/selector.png") no-repeat scroll -1px -12px transparent;
    cursor: pointer;
}
#jerarquia_departamentos li.expandable div.selectorclosed {
    background: url("images/selector.png") no-repeat scroll -17px 3px transparent;
}

/* Seleccion de los items del arbol. */
#jerarquia_departamentos div.campo_jerarquia {
	height: 18px;
	width: 75%;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	float: left;
	cursor: pointer;
}
#jerarquia_departamentos div.campo_jerarquia:hover {
	background-color: #CCCCCC;
	color: #000;
}
#jerarquia_departamentos div.departamento_seleccionado_jerarquia, 
#jerarquia_departamentos div.departamento_seleccionado_jerarquia:hover {
	background-color: #1D6DB3;
	color: #FFFFFF;
}

/* Campos y botones del arbol. */
.campo_jerarquia {
	border: none;
	background-color: #EEEEEE;
}
input.campo_jerarquia {
	border: 1px solid #999999; 
	background: transparent url(images/bgCampo.gif) repeat scroll 0 0;
	color: #000000;	
	width: 80%;
}
.button_jerarquia {
	float: right;
}
.button_jerarquia #icon_add {
	background-image: url(images/add.png); 
	margin-right: 4px;
	float: left; 
	width: 16px; 
	height: 16px; 
	background-repeat: no-repeat;
}
.button_jerarquia #icon_del {
	background-image: url(images/del.png); 
	margin-right: 4px;
	float: left; 
	width: 16px; 
	height: 16px; 
	background-repeat: no-repeat;
}
.button_jerarquia #icon_edit {
	background-image: url(images/edit.png); 
	margin-right: 4px;
	float: left; 
	width: 16px; 
	height: 16px; 
	background-repeat: no-repeat;
}
.closed {
	display: none;
}

.aviso_agentes,
.aviso_aplicaciones {
    background-color: #B81900;
    border: 1px solid #CD0A0A;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: left;
    width: 96%;
}
.aviso_agentes_edit,
.aviso_aplicaciones_edit {
    background-color: #B81900;
    border: 1px solid #CD0A0A;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: left;
    width: 98%;
}

#divTabsAgente.ui-tabs .ui-tabs-nav li {    
    border-bottom-width: 1px !important;
    border-bottom-color: #000 !important;
    margin-top: 1px !important;
}
#divTabsAgente.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom-width: 0 !important;
    padding-bottom: 1px !important;
}

#updateTelefonosListaForm {
    width: 80%;
    height: 75% !important;        
}
#datosTelefonosLista {
    width: 100%;
    height: 100% !important;
}
#tabsConfiguracionLista {
    height: 92%;
}
#menu_configuracion {
    height: 100% !important;
}

#qualityForm {
	/* min-height: 674px!important; */
	height: 60em!important; 
}