/* --------------------------------------------------------------------------- */
/* SUPORTE ONLINE  */
/* --------------------------------------------------------------------------- */
.suporte_online_body{
	background:none;
	background-color:#fff;
	color:#333;	
}
#suporte_online{
	background-color:#fff;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	#suporte_online h1{
		margin:0;
		margin-bottom:10px;
		padding:15px;
		border-bottom:6px solid #FC0;
		background:#1296cd url(http://www.agenciadix.com.br/agencia/site/img/suporte_bg_titulo.jpg) no-repeat top left;
		font-size:24px;
		font-weight:bold;
		color:#fff;
		height:70px;
		*height:110px;
		display:block;
		text-transform:uppercase;
		letter-spacing:-1px;
	}
	/* Protocolo de atendimento e nome do atendente */
	#suporte_online #atendimento_dados{
		padding:5px;
		font-size:11px;
		color:#333;
		background:#f0f0f0;
	}
	#suporte_online .corpo{
		padding:20px;	
	}
	#suporte_online .label{
		font-weight:bold;
		color:#000000;
		padding-right:10px;
	}
	#suporte_online .txt{
		width:290px;
	}
	#suporte_online .bt{
		padding:2px;
		background:#FC0;
		text-transform:uppercase;
		color:#000;
	}
	#suporte_online #fila_print{
		text-align:center;
		margin-top:20px;
	}
	#suporte_online #aviso{
		text-align:center;
		margin-top:30px;
		background:#f0f0f0;
		padding:4px;
		color:#333;
	}	
	/* Campo de mensagens do chat */
	#suporte_online #chat_mensagem{
		padding:8;
		margin:0;
		overflow:auto;
		height:180px;
		display:block;
	}
		/* Formatacao da mensagem */
		#suporte_online #chat_mensagem .msg_linha_1{
			padding:3;
			margin:1;
			background:#ffffff;
			display:block;
		}
		#suporte_online #chat_mensagem .msg_linha_2{
			padding:3;
			margin:1;
			background:#f5f5f5;
			display:block;
		}		
		#suporte_online #chat_mensagem .usuario{
			color:#333;
			font-weight:bold;
		}
		#suporte_online #chat_mensagem .atendente{
			color:#000;	
			font-weight:bold;
		}
		#suporte_online #chat_mensagem .data{
			color:#c0c0c0;
		}
		#suporte_online #chat_mensagem .separador{
			display:none;	
		}
		#suporte_online #chat_mensagem .msg{
			display:block;
			padding:4px;
		}
	#suporte_online #rolagem td{
		text-align:right;
		padding:3px;
		background:#fff;
		color:#333;
		font-size:10px;
		height:20px;
	}
		#suporte_online #rolagem input{
			margin:0;
			border:0;
			background:none;
			width:auto;
		}
	#suporte_online #chat_rodape{
		background:#f0f0f0;
		color:#333;
		padding:5px;
	}
		#suporte_online #chat_rodape input{
			width:auto;
		}
		#suporte_online #chat_rodape #chat_textarea{
			width:100%;
			height:70px;
		}
	#suporte_online ol{
		list-style:none;
		margin:0px;
		padding:0px;	
	}
		#suporte_online ol li{
			padding:10px;
			margin:0px;
		}
			#suporte_online h2 {
				
			}
				#suporte_online h4 a{
					font-size:16px;
					color:#000000;
					font-weight:bold;
				}
				#suporte_online h4 b.on{
					color:#0c0;
				}
				#suporte_online h4 b.off{
					color:#c00;	
				}		
			#suporte_online ol li a{
				font-weight:normal;	
			}
			#suporte_online ol li a:hover{
				text-decoration:underline;	
			}

/* PAINEL DE ATENDIMENTO ------------------------------------  */
.suporte_atendente_msg{}

#suporte_online_painel{
	width:100%;
	display:block;
}
#suporte_online_painel h1{
	margin:0;
	padding:20px;
	border-bottom:6px solid #FC0;
	background:#1296cd url(http://www.agenciadix.com.br/agencia/site/img/suporte_bg_titulo.jpg) no-repeat top left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	height:20px;
	text-transform:uppercase;
	letter-spacing:-1px;
}
#suporte_online_painel ol.menu{
	margin:0;
	padding:2;
	list-style:none;
	background-color:#799FC6;
	display:block;
	height:50px;
}
#suporte_online_painel ol.menu li{
	float:left;
	display:inline;
}
#suporte_online_painel ol.menu li a{
	padding:10px;	
	margin:1px;
	background-color:#5888B8;
	color:#DDE7F0;
	font-size:13px;
	display:block;
}
#suporte_online_painel ol.menu li a:hover{
	background-color:#396086;
	color:#fff;
}
/* Botão - em espera */
#suporte_online_painel ol.menu li a.em_pausa{
	background:#FEE19E;
	color:#000;
}
	#suporte_online_painel ol.menu li a.em_pausa:hover{
		background:#FF3;	
	}
/* Botão - online */
#suporte_online_painel ol.menu li a.online{
	background:#2D9D06;
	color:#FFFFFF;	
}
	#suporte_online_painel ol.menu li a.online:hover{
		background:#0C0;	
	}
#suporte_online_painel #configs {
	margin:0px;
	padding:5px;
	background-color:#396086;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
}
	#suporte_online_painel #configs td{
		color:#fff;
		font-weight:bold;
	}
	#suporte_online_painel #configs b{
		color:#bcd3e9;
	}
#suporte_online_painel p{
	padding:5px;
}
/* Usuário para atendimento */
#suporte_online_painel #clientes_online_print{
	height:170px;
	overflow:auto;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online{
	border:1px solid #396086;	
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online tr{
	border:1px solid #f0f0f0;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .cabecalho{
	background-color:#d0d0d0;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .titulo{
	margin:0px;
	padding:5px;
	background-color:#396086;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online tr td{
	padding:4px;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online *{
	color:#000000;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .linha_1{
	background-color:#f0f0f0;
}
#suporte_online_painel #clientes_online_print #fila_usuarios_online .linha_2{
}
/* Atendimento a usuarios */
div#suporte_online_usuario_identificacao{
	height:100%;	
	display:block;			
}
	div#suporte_online_usuario_identificacao form{
		margin:0px;
		padding:0px;
		display:block;
		height:100%;				
	}
	div#suporte_online_usuario_identificacao .cabecalho{
		background:#00468C;
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;
		padding:10px;
		height:20%;
		display:block;				
	}
	div#suporte_online_usuario_identificacao .corpo{
		height:50%;	
		display:block;			
		padding:5px;	
	}
		div#suporte_online_usuario_identificacao .corpo .form_login{
			width:100%;
			display:block;
		}	
		div#suporte_online_usuario_identificacao .corpo .form_login h4{
			padding:4px;
			background:#f0f0f0;
			color:#666666;
			font-weight:bold;
			font-size:11px;
			width:100%;			
		}
	
	div#suporte_online_usuario_identificacao .rodape{
		background-color:#333;
		font-size:11px;
		color:#FFFFFF;
		padding:10px;
		height:30%;
		display:block;	
	}
	/* Fila de atendimento */
	div#suporte_online_usuario_identificacao #fila{	
		text-align:center;
		top:50%;	
		width:100%;
		position:absolute;
		font-weight:bold;
		color:#000000;
	}
	div#suporte_online_usuario_identificacao #fila span{
		color:#00468C;
	}	
	
	/* Chat Painel */	
	#suporte_online_painel #clientes_atendimento_print{
		margin:8px;
	}
	#suporte_online_painel #clientes_atendimento_print .painel_chat{
		float:left;
		width:300px;
		height:130px;
		margin:4px;
		display:block;
	}
		#suporte_online_painel #clientes_atendimento_print .painel_chat h4{
			background:#00468C;
			color:#FFFFFF;
			font-weight:bold;
			font-size:12px;
			margin:0;
			padding:6px;
		}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span{
				display:block;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span.nome{}
			#suporte_online_painel #clientes_atendimento_print .painel_chat h4 span.data{
				font-size:10px;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_msgs{
				overflow:scroll;
				border:1px solid #00468C;
				border-bottom:0;
				height:130px;
				padding:8px;
			}

			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_controles{
				padding:4px;
				background-color:#4F97AC;
				color:#FFFFFF;
				font-weight:bold;				
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_enviar{
				padding:4px;
				background-color:#E4F0F3;
				width:auto;
			}
			#suporte_online_painel #clientes_atendimento_print .painel_chat .painel_chat_enviar input{
				color:#000000;
				width:auto;
			}	
	/* Historico */
	#suporte_online #historico{
		margin:10;	
	}
		#suporte_online #historico #busca{
			background:#f0f0f0;
			padding:8;
			border:1px solid #c0c0c0;
			margin:5;
			font-size:12;
			font-weight:bold;
		}
			#suporte_online #historico #busca form{
				margin:0;
				padding:0;
			}
			#suporte_online #historico #busca form .txt{
				width:50%;
			}
			/* Listagem */
			#suporte_online #historico #listagem{
				border:1px solid #c0c0c0;
				margin:5;	
				width:98%;
			}
				#suporte_online #historico #listagem .td_label td{
					padding:6;
					font-weight:bold;
					color:#333;
					background:#d0d0d0;
				}
				#suporte_online #historico #listagem .td_campo td{
					padding:2;
				}
					#suporte_online #historico #listagem a{
						color:#000;
						text-decoration:none;
						font-weight:bold;
					}
					#suporte_online #historico #listagem a:hover{
						color:#F90;
						text-decoration:underline;	
						font-weight:bold;
					}
					
					#suporte_online #historico #listagem .list_tr_0{
						background:#ffffff;	
					}
					#suporte_online #historico #listagem .list_tr_1{
						background:#f0f0f0;	
					}
					/* Paginacao */
					#suporte_online #historico #paginacao{
						text-align:center;
						padding:4;
						background:#e0e0e0;
					}	
						#suporte_online #historico #paginacao .atual{
							color:#F90;	
						}
						#suporte_online #historico #paginacao .desabilitado{
							color:#999;	
						}
						
					/* Protocolo */	
					#suporte_online #historico #protocolo_detalhes{
						border:1px solid #f0f0f0;	
					}
						#suporte_online #historico #protocolo_detalhes .td_label{
							background:#f0f0f0;	
							font-weight:bold;
							color:#333;
							padding:4;
							border:1px solid #f0f0f0;
						}
						#suporte_online #historico #protocolo_detalhes .td_campo{
							background:#ffffff;
							font-weight:bold;
							padding:4;
							border:1px solid #f0f0f0;
						}
						
/* Transferência */
#atendente_transferir{
	border:1px solid #c0c0c0;
	position: absolute;
	z-index: 999;
	background: white;
	margin: 52px;
	padding: 10px;
	display: none;
	width: 280px;
	max-height: 300px;
	overflow:auto;
	margin-top: 0;
	-moz-box-shadow: -2px 2px 1px #ccc;
	-webkit-box-shadow: -2px 2px 1px #ccc;
	box-shadow: -2px 2px 1px #ccc;
}					
	#atendente_transferir ol{
		margin:0;
		padding:0;
		list-style:none;	
	}	
		#atendente_transferir ol li{
			padding:2px;	
		}
/* --------------------------------------------------------------------------- */