/*
 * SABE - NETSABE - www.netsabe.com.br
 * atendimento online
 * http://atendimentoonline.netsabe.com.br
 * @author: eduardo stuart
 **/


/* ------------------------------------------------------------------------------  \

			definicoes padrao da pagina

\ ------------------------------------------------------------------------------  */

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:url(img/bodybck.jpg) no-repeat left top; }
h1, h2, h3, h4, h5, h6, h7, form, p, ul { padding:0px; margin:0px; }
input.textbox { border:1px inset; padding:2px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
label { cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; }
button.sbg, button.sbr { cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px; }
/* ------------------------------------------------------------------------------  \

			definicoes da primeira pagina, titulo de todas as paginas

\ ------------------------------------------------------------------------------  */


div#divJanelaAtendimentoOnline { padding:4px; }
div#divJanelaAtendimentoOnline div#cadastroInternauta { margin:10px; }
div#divJanelaAtendimentoOnline div#tituloAtendimento h2, div#formMensagemOffline div#tituloAtendimento h2, div.m h2, div#filaAtendimento h2, div#divDialogo div#dialogoNomeEmpresa, div#divJanelaAtendimentoOnline div#tituloAtendimento div#filaAtendimento h2, div#divJanelaAtendimentoOnline div#divEncerramento div#encerramentoNomeEmpresa { font-size:130%; color:#333; font-family:"Trebuchet MS", Verdana, Arial; padding:4px 0px 15px 10px; margin:0px auto 0px 0px; text-transform:uppercase; font-weight:bold; border-bottom:1px dashed #C0C0C0; position:absolute; left:0px; top:13px; width:100%; }
/* ------------------------------------------------------------------------------  \

			formulario da primeira pagina

\ ------------------------------------------------------------------------------  */

div#divJanelaAtendimentoOnline div#formDadosInternauta { margin-left:0; margin-top:100px; }
div#divJanelaAtendimentoOnline div#formDadosInternauta label { display:block; }
div#divJanelaAtendimentoOnline div input#bitPermitirCopia { float:left; }
div#divJanelaAtendimentoOnline div input#chkReceberCopia { float:left; }
div#divJanelaAtendimentoOnline div#cadastrInternautaRodape { margin-top:4px; }
div#divJanelaAtendimentoOnline div#cadastroInternautaCidade { margin-bottom:18px; }
div#divJanelaAtendimentoOnline input#strNomeAtendimento { margin-bottom:8px; }
div#divJanelaAtendimentoOnline input#strEmailAtendimento { margin-bottom:8px; }
div#divJanelaAtendimentoOnline div#cadastrInternautaTelefone { margin-bottom:8px; }
/* ------------------------------------------------------------------------------  \

			definicoes padrao rodape

\ ------------------------------------------------------------------------------  */


div#cadastrInternautaRodape { clear:both; padding-top:15px; }
div.rodape { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:right; position:absolute; bottom:5px; left:0px; width:340px; }
div.rodape a { color:#0000FF; text-decoration:none; }
/* ------------------------------------------------------------------------------  \

			tela - escolha do atendente - lista de atendentes

\ ------------------------------------------------------------------------------  */

div#filaAtendimento { padding-top:85px; }
div#filaAtendimento div#filaAtendimentoInstrucoes { float:left; padding:3px; display:block; position:absolute; width:340px; top:78px; left:5px; }
div#filaAtendimento div#filaAtendimentoComoFunciona { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
div#filaAtendimento a { text-decoration:none; color:#0000FF; font-weight:bold; }
div#filaAtendimentoFiltroAtendentes .textbox { margin-left:20px; margin-top:3px; }
#filaAtendimentoFiltroAtendentes { visibility: hidden; height: 1px; }
div#filaAtendimento div#filaAtendimentoTabelaAtendentes { padding-left:0px; position:absolute; top:160px; border-top:1px dashed #C0C0C0; padding-top:5px; width:350px; }
div#filaAtendimento div#filaAtendimentoTabelaAtendentes table tr td { padding:3px; }
div#filaAtendimento div#filaAtendimentoTabelaAtendentes table tr td a { text-decoration:none; color:#0000FF; }
div#filaAtendimento div#filaAtendimentoRodape { clear:both; padding:20px 0px 20px 0px; position:absolute; right:20px; top:420px; }
div#filaAtendimento div#divStatusFilaUnica { font-weight:bold; font-size:11px; text-align:center; padding:4px 0px 4px 0px; position:absolute; top:210px; width:350px; left:0px; }
div#divTimerListaAtendentes { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333333; margin:5px auto; position:absolute; top:415px; left:5px; width:350px; text-align:center; }
/* ------------------------------------------------------------------------------  \

			tela quando nao houver nenhum atendente online

\ ------------------------------------------------------------------------------  */

div#mensagemOfflineMensagem { clear:both; padding:0px 0px 25px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333333; width:300px; margin:0px auto; position:absolute; top:100px; left:35px; }
textarea#mensagemOffline { width:300px; margin:190px auto 15px 13px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
div#mensagemOfflineRodape { margin-left:11px; margin-bottom:10px; }
/* ------------------------------------------------------------------------------  \

			pagina de dialogo

\ ------------------------------------------------------------------------------  */




div#divDialogo div#dialogoNomeEmpresa { padding-bottom:33px; left:0px; top:5px; padding-left:15px; margin-left:0px; font-size:120%; width:320px; }
div#divDialogo div#divNomeAtendente, div#divDialogo div#divProtocolo { position:absolute; top:50px; left:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
div#divDialogo div#divProtocolo { top:62px; }
div#divDialogo div#divTimerInatividade { display:none; }
div#divDialogo div#caixaMensagem, div#divDialogo div#painelMensagem, div#dialogoRodape { width:320px; overflow-x:hidden; }
div#divDialogo div#caixaMensagem { margin:0px auto 0px 3px; width:340px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
div#divDialogo div#caixaMensagem textarea#strMensagem { width:330px; border:1px solid #C0C0C0; }
div#divDialogo div#painelMensagem { position:relative; margin:90px auto 10px 3px; overflow:auto; border:1px inset; padding:5px; height:200px; }
div#divDialogo div#statusAtendente { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#999999; width:320px; padding:3px 0px 0px 0px; font-size:10px; margin-left:10px; display:block; }
div#divDialogo div#dialogoRodape { margin:0px auto; width:320px; text-align:left; padding-left:0px; }
div#divDialogo div#painelMensagem div.comment { padding:0px; margin:6px auto; width:300px; overflow:hidden; background:url(img/ctop400.png) no-repeat left top; text-align:left; }
div#divDialogo div#painelMensagem div.comment div.commentMiolo { padding-top:15px; }
div#divDialogo div#painelMensagem div.comment div.divMensagem { background:url(img/ccentro400.png) repeat-y left top; padding:4px 10px 4px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div#divDialogo div#painelMensagem div.comment div.line_d { background:url(img/clow_d400.png) no-repeat left top; padding-top:20px; text-align:right; padding-right:50px; font-size:11px; font-weight:bold; }
div#divDialogo div#painelMensagem div.comment div.line_e { font-size:11px; font-weight:bold; background:url(img/clow_e400.png) no-repeat left top; padding-top:20px; padding-left:50px; text-align:left; margin-bottom:10px; }
/* ------------------------------------------------------------------------------  \

			pagina de encerramento

\ ------------------------------------------------------------------------------  */

div#divJanelaAtendimentoOnline div#divEncerramento div#encerramentoNomeEmpresa { padding-bottom:40px; }
div#divJanelaAtendimentoOnline div#divEncerramento div#encerramentoInterno { text-align:center; padding:40px 0px 4px 0px; }
div#divJanelaAtendimentoOnline div#divEncerramento div#encerramentoRodape { text-align:center; padding:30px 0px 30px 0px; }
/* ------------------------------------------------------------------------------  \

			pagina final (caso offline)

\ ------------------------------------------------------------------------------  */
/*
#formMensagemOffline{ position:relative;}
#formMensagemOffline #tituloAtendimento{ position:absolute; top:100px; text-align:center; left:0px; width:300px; }
#formMensagemOffline #mensagemOfflineMensagemEnviada{ position:absolute; top:150px; left:0px; width:300px; text-align:center;}
*/
/*#formMensagemOffline #mensagemOfflineRodape{ position:absolute; top:170px; left:0px; width:300px; text-align:center; }*/

#formMensagemOffline #mensagemOfflineMensagemEnviada{ padding-top:150px; height: 280px; width:100%; text-align:center;}

#formMensagemOffline #mensagemOfflineRodape{ text-align:right; margin-right:50px; }



#cadastroInternautaTextoAbertura{ position:absolute;top:80px; }


#encerramentoEnquete{ margin: 150px auto; width: 300px; }
#encerramentoEnquete #enqueteOpcoes{ margin:10px 0px;}