/* ------------------------------------------ */
/* -->> Estilo da estrutura das páginas. <<-- */
/* ------------------------------------------ */

/* Referência de cores
#333333: Cinza escuro (texto)
#000066: Azul escuro (cabeçalhos, links)
#333399: Azul (topo)
#CCCCFF: Azul claro (navegação superior)
#666666: Cinza
*/

/* Menu principal */

input[type="text"],input[type="textarea"],input[type="password"],select {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 10px #EEEEEE inset;
    font-size: 12px;
    padding: 3px;
}
#menu
{
    background-image: url(/Imagens/bg_menu.gif);
    height: 41px;
    z-index: 1;
    min-width: 920px;
}

#menu ul.menu
{
    position: relative;
    top: 5px;
    height: 30px;
    margin: 0px;
    padding: 0px;
}

#menu ul.menu li.itemmenu
{
    height: 30px;
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
    position: relative;
}

#menu ul.menu li.itemmenu .caixapesquisa
{
    float: left;
    margin: 5px 0px 5px 10px;
    width: 150px;
    padding: 2px 2px 2px 2px;
    background: #FFFFFF;
    border: none !important;
    outline-width: 0px;
}

#menu ul.menu li.itemmenu .btnpesquisa
{
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 2px 2px 1px 2px;
    background: #FFFFFF;
    outline-width: 0px;    
}

#menu ul.menu li.itemmenu .opcaopesquisa
{
    padding: 9px 10px 9px 0px;
}

#menu ul.menu li.itemmenu div.separador
{
    width: 2px;
    height: 30px;
    float: left;
    background: url(/Imagens/separador_menu.gif) no-repeat;
}

#menu ul.menu li.itemmenu a
{
    padding: 9px 20px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    color: White;
    display: block;
    float: left;
}

#menu ul.menu li.itemmenu a:hover
{
    text-decoration: none;
    background: #79ACE1 url(/Imagens/bg_itemmenu.gif) repeat-x;
}

#menu ul.menu li.itemmenu ul.submenu
{
    clear: left;
    display: block;
	position: absolute;
	top: 36px;
	list-style-type: none;
	list-style-position: outside;
	visibility: hidden;
	background: #EFF5FF none;
	border: solid 1px #6699CC;
	padding: 10px;
	margin: 0px;
	width: 150px;
}

#menu ul.menu li.itemmenu ul.submenu li
{
    margin: 0px;
    padding: 0px;
    position: relative;
    display: block;
    height: 20px;
}

#menu ul.menu li.itemmenu ul.submenu li.separador
{
    margin: 0px;
    padding: 0px;
    position: relative;
    display: block;
    height: 10px;
}

#menu ul.menu li.itemmenu ul.submenu li div.separador
{
    width: auto;
    float: none;
    background: none;

    height: 5px;
    margin-left: 10px;
    border-bottom: solid 1px #6699CC;
}

#menu ul.menu li.itemmenu ul.submenu li a
{
    text-decoration: none;
    display: block;
    float: none;
    clear: both;
    position: relative;
    padding: 5px 10px;
    color: #003366;
    font-weight: normal;
}

#menu ul.menu li.itemmenu ul.submenu li a:hover
{    
    text-decoration: none;
    background: transparent url(/Imagens/seta_submenu.gif) no-repeat 0px 9px;
}


/* Conteúdo */
#conteudo
{
    height: 75%;
    margin: 15px;
}

#conteudo>#ctl00_cphMain_upMecanismosBusca
{
    height: 100%;
    min-height: 100%;
}

.caixa_base
{
    background-color: #EFF5FF;
    border: solid 1px #B9D1F0;
}

.caixa_mensagem
{
    background-color: #FFFFCC;
    border: solid 1px #FFCC00;
}

.caixa_conteudo_item
{
    background-color: #FFFFFF;
    border: solid 1px #B9D1F0;
}

.item_lista
{
    border-bottom: solid 1px #B9D1F0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.barra_detalhe
{
    background-color: #FFFFCC;
    border-bottom: solid 1px #FFCC00;
}

.caixa_base, .caixa_mensagem, .caixa_login
{
   padding: 10px;
   margin: 0px 0px 10px 0px;
}

.caixa_login
{
    width: 180px;
}

.menu_mini 
{
    text-align: left;
    height: 20px;
    padding-top: 3px;
    background: url(/Imagens/bg_barra.gif) repeat-x left -2px;
}

.caixa_base p, .caixa_mensagem p
{
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.caixa_lista_permissao 
{
    padding: 10px;
    background-color: #FFFFFF;
    border: solid 1px #B9D1F0;
}

.resposta_sucesso 
{
    background: #FFFFCC url(/Imagens/ok.png) no-repeat 10px 10px;
}

.resposta_sucesso span 
{
    color: Green;
}

.resposta_erro 
{
    background: #FFFFCC url(/Imagens/erro.png) no-repeat 10px 10px;
}

.resposta_erro span 
{
    color: Red;
}

.resposta_sucesso, .resposta_erro
{
    border: solid 1px #FFCC00;
    padding: 10px 10px 10px 36px;
    margin-bottom: 10px;
}

.carregando
{
    font-weight: bold;
    position: fixed;
    z-index: 1;
    padding: 10px 10px 10px 30px;
    border: solid 1px #FFCC00;
    background: #FFFFCC url(/Imagens/carregando.gif) no-repeat 10px 10px;
}

#ctl00_UpdateProgress1
{
    z-index: 1;
}

.pontilhado1
{
    background: url(/Imagens/pontilhado1.gif) no-repeat;
    padding-left: 10px;
}

div.barra_botoes {text-align: right;}

.aba
{
    height:25px;
    padding:5px 8px 4px 5px;
    background:url(/Imagens/bg_barra.gif) repeat-x;
    color:#FFFFFF;
}

/* Botões */
input.ok
{
    background: ButtonFace url(/Imagens/ok.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/ok.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}
input.sql
{
    background: ButtonFace url(/Imagens/sql.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/sql.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}
input.avancar
{
    background: ButtonFace url(/Imagens/avancar.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/avancar.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.lupa
{
     background: ButtonFace url(/Imagens/lupa.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/lupa.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.telefone
{
    background: ButtonFace url(/Imagens/telefonar.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/telefonar.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.cadastrar
{
    background: ButtonFace url(/Imagens/cadastrar_mecanismo_automatico.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/cadastrar_mecanismo_automatico.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.cadastrador
{
    background: ButtonFace url(/Imagens/cadastrador.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/cadastrador.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 10px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.novo
{
    background: ButtonFace url(/Imagens/novo.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/novo.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.mais
{
    background: ButtonFace url(/Imagens/adicionar_mais.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/adicionar_mais.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.bloquear
{
    background: ButtonFace url(/Imagens/bloquear_contrato.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/bloquear_contrato.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.desbloquear
{
    background: ButtonFace url(/Imagens/desbloquear_contrato.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/desbloquear_contrato.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.paginacao
{
    padding: 2px 2px 2px 2px;
    *padding: 1px 0px 1px 1px; /*hack ie*/
    border-width: 2px;
}
input.padrao 
{
    padding: 2px 2px 2px 2px;
    *padding: 1px 0px 1px 1px; /*hack ie*/
    border-width: 2px;}

input.assinar 
{
    background: ButtonFace url(/Imagens/assinar.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/assinar.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}
input.cancelar
{
    background: ButtonFace url(/Imagens/excluir.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/excluir.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
}

input.email
{
    background: ButtonFace url(/Imagens/email.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/email.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    width: 185px;
}

input.gerar_cobranca
{
    background: ButtonFace url(/Imagens/cobranca.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/cobranca.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.desfazer
{
    background: ButtonFace url(/Imagens/desfazer.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/desfazer.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.enviar_notificacao
{
    background: ButtonFace url(/Imagens/enviar_msg_boasvindas.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/enviar_msg_boasvindas.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.editar
{
    background: ButtonFace url(/Imagens/editar.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/editar.png) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 4px 2px 20px;
    *padding: 1px 0px 1px 20px; /*hack ie*/
    border-width: 2px;
}

input.automatico
{
    background: ButtonFace url(/Imagens/adicionar_automatico.gif) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/adicionar_automatico.gif) no-repeat 4px 0px; /*hack ie*/
    padding: 2px 2px 2px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
}

input.excel
{
    background: ButtonFace url(/Imagens/relatorio.png) no-repeat 2px 2px;
    *background: ButtonFace url(/Imagens/relatorio.png) no-repeat 4px 0px; /*hack ie*/
    padding: 4px 2px 4px 20px;
    *padding: 1px 0px 1px 15px; /*hack ie*/
    border-width: 2px;
    margin-right:10px;
    display: none;
}
.separador_botao 
{
    margin-left:5px;
}

.titulo
{
    font-weight:bold;
}

.ibPainelControle
{
    vertical-align: middle;
}

.tooltip
{
    display: block;    
    background-color: #ffffcc;
    border: 1px solid #ffcc00;
    min-height: 15px;
    min-width: 70px;
    padding:15px;
    color:#444;
    z-index:2;
}

.tooltipGrupo
{
    display: block;  
    background-color:#ffffcc;
    border: 1px solid #ffcc00;
    min-height: 15px;
    min-width: 70px;
    padding: 15px;
    margin-bottom: 15px;
    color:#444;
    z-index:2;
    margin-left: 150px;
}
    
    .tooltipDepartamento
{
    display: block;  
    background-color:#ffffcc;
    border: 1px solid #ffcc00;
    min-height: 15px;
    min-width: 70px;
    margin-top: 50px;
    padding: 15px;
    margin-bottom: 15px;
    color:#444;
    z-index:2;
    margin-left: 150px;
}

#logar 
{
   margin-left: -65px;
   width: 190px;
   top: 50%;
   left: 50%;
   margin-top: -115px;
   position: absolute;
}

#alterarSenhaExpirada
{
   top: 50%;
   left: 50%;
   margin-top: -115px;
   position: absolute;  
   margin-left: -140px;  
   width: 275px;
}

.grafico_relatorio
{
    Height: 230px;
    Width: 340px;
}

#minhas_vendas {
    clear: both;
}
#minhas_vendas .graficos {
    float: left;
}
#minhas_vendas .graficos img {
    display: block;
    padding-bottom: 20px;
}
#minhas_vendas .produtos_vendidos {
    margin-left: 60px;
    float: left;
}
div.dominios table.grid tr.header
{
       text-align: left; 
}

div.dominios table.grid tr.header a
{
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    color: White;
}

.calendario_dominios
{
    position: absolute;
}

.calendario_dominios .ajax__calendar_today
{
    display: none;
}

.calendario_dominios .ajax__calendar_body 
{
    width: 200px;
}

.calendario_dominios .ajax__calendar_container 
{
    position:absolute;
    cursor:default;
    width:200px;
    font-size:15px;
    text-align:center;
    font-family:tahoma,verdana,helvetica;
    background-color: White;
    border:1px solid #646464;
 }
 
 .ajax__calendar_next, .ajax__calendar_prev
 {
     position: relative;
     z-index: 9999;
 }
 
 .nenhum_registro
 {
     margin-top: 25px;
     font-weight: bold;
     z-index: 1;
 }
  div.vendas_mensal img
 {
     float: left;
     cursor: hand;
     cursor: pointer;
 }
 
div.background_popup_grafico
{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    border:1px solid #cecece;  
    z-index: 555555;  
}  

div.popup_grafico
{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:430px;  
    width:750px;  
    background:#FFFFFF;  
    border:2px solid #cecece;  
    z-index:9999999;  
    padding:12px;  
    font-size:13px;  
}  

a.popup_grafico_fechar
{  
    font-size:14px;  
    line-height:14px;  
    right:6px;  
    top:4px;  
    position:absolute;  
    color:#6fa5fd;  
    font-weight:700;  
    display:block;  
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
} 

.grafico_relatorio
{
    Height: 230px;
    Width: 340px;
}