/* CSS Document */

/* enviado pelo Rafael em 13/05/2008 */
select, input, textarea { font-size: 12px; color: #000; border:1px solid #cff3da; } 
.btn_Botao {background-color:#33cc66; outline:none; border:none;}

/*################# Página de login #################*/

/*background login tabela com largura e altura definidos do login*/
#tabelaFundoLogin{
width:380px;
margin: 0px auto 0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border: 1px solid #cccccc;
padding: 20px 20px 20px 20px
}

/* Formatação dos campos*/
.formCampos{
border: 1px solid #efefef;
height:15px;
width:170px;
}

#div_login_largura{
width:500px;
margin: 20px 0px 20px 0px
}

.div_login_align{
width:500px;
margin:30px auto 30px auto;
}


.txt_msgerro{
color:#FF0000;
font-size:11px;
}
.txt_titulo_login{
/*background:url(imagens/background_login.jpg);*/
font-size:18px;
font-weight:2;
color:#000000;
padding: 0px 5px 0px 5px;
height: 35px;
}


/* Fim da Pgina de login    */


/*################# Página Primária #################*/

.body{
margin: 0px 0px 0px 0px;
}

/* DIV com formatação da largura do site */
#tabelaGeral{
width:980px;
background-color:#FF0f00;
margin:0px auto 20px auto;
}

/*DIV com Formatação de largura e Altura do Topo*/
#topo{
width:980px;
height:90px;
margin: 0px auto 0px auto;
position:absolute;
background-color:#ffffff;
}

#tabelaSiteMap
{
width:980px;
margin: 85px auto 0px auto;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}


/*DIV tabela do conteudo abaixo do topo com borda e largura*/
#tabelaConteudo{
width:980px;
margin: 105px auto 0px auto;
position:absolute;
border-bottom: 2px solid #f2f2f2;
border-right: 2px solid #f2f2f2;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
position:absolute;
padding: 0px 0px 10px 0px;
}

/*Barra amarela com titulo Painel de controle e botão sair*/
.barraTopo {
/*background-color:#33cc66;*/
background-color:#0086B6;
height:30px;
margin: 0px 0px 10px 0px;
color:White;
}

/*Barra amarela com titulo Painel de controle e botão sair*/
.gv_header {
background-color:#0086B6;
height:30px;
margin: 0px 0px 3px 0px;
color:White;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.gv_footer {
background-color:#0086B6;
height:30px;
margin: 0px 0px 3px 0px;
color:White;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.gv_paging {
background-color:#0086B6;
height:30px;
margin: 0px 0px 3px 0px;
color:White;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.gv_paging a {
 color :White;
}


.barraTopo a {
 color :White;
}

/*Cada Tabela esta separada: Servico de clientes, Servico de Dominios, Revenda e Dash. Portanto esta classe formata os titulos*/
.tituloTabelas{
background-color:#0086B6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-align:left;
margin: 0px 0px 3px 0px;
padding: 2px 0px 2px 5px;
vertical-align:  middle;
}


/*Formatação da tabela*/
.DashBoard{
width:98%;
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
margin: 10px auto 10px auto;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
}
/*Formatação da tabela*/
#ctl00_ContentPlaceHolder1_tabelaServicoClientes{
width:730px;
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
margin: 10px auto 10px auto;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
vertical-align: top;

}
/*Formatação da tabela*/
#ctl00_ContentPlaceHolder1_tabelaServicoDominios{
width:730px;
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
margin: 10px auto 10px auto;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
}
/*Formatação da tabela*/
#ctl00_ContentPlaceHolder1_tabelaRevenda{
width:730px;
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
margin: 10px auto 10px auto;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
}

/*Formatação do botão principal com border na parte inferior*/
.botao{
width:160px;
height:50px;
border: 1px solid #efefef;
border-bottom: 1px solid #f3f3f3;
margin: 7px 0px 5px 18px;
padding: 2px 2px 2px 2px;
/*display:inline;*/
}

.botaoHover{
width:160px;
height:47px;
border-bottom: 1px solid #f3f3f3;
margin: 7px 0px 5px 18px;
background-color:#fffae6;
border: 1px solid #cccccc;
padding: 2px 2px 2px 2px;
cursor: pointer;
/*display:inline;*/
}

/*Formatação do botão principal com borda na lateral direita */

/*#################  Fim da Página primária #################  */





/*#################  Página secundária #################  */

/**/
.tabelaPagina2{
width:780px;
margin: 0px 0px 0px 0px;
}

/*Formatação para o menu vertical*/
.tabelaMenuVertical{
width:180px;
/*
margin: 0px 10px 0px 0px;
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
padding: 5px 10px 5px 5px;
*/
}

/*Formatação para tabela de conteudos*/
.tabelaConteudoPagina2{
width:750px;
/*
border-bottom: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
*/
padding: 7px 7px 7px 7px;
}

/*Formatação para separar o menu vertical por áreas como: Servico de Clientes, Servico de dominio, Revenda*/
.tituloBotaoVertical{
margin:  5px 0px 5px 0px;
width: 170px;
height:18px;
background-color:#cff3da;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/*Formatação do botão vertical*/
.botaoVertical
{
    margin: 0px 10px 5px 10px;
    width: 170px;
    height: 21px;
    border: 1px solid #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-right: 2px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.botaoVerticalHover
{
    margin: 0px 10px 5px 0px;
    width: 170px;
    height: 21px;
    background-color: #fffae6;

    border-bottom: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;

    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-right: 2px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: pointer;
    clip: rect(auto auto auto 2px);
}





/*#################  Fim de Pgina secundria #################  */










#rodape{
height:15px;
margin: 10px 0px 0px 0px;
padding:0px 0px 10px 10px;
}











/*################  Textos #################*/
.textoPequeno{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
.textoPequenoBold{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;

.textoPequeno{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
}
.textoMedio{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #999999;
}
.textoMedioBold{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999999;
font-weight:bold;

}

.textoGrande{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.textoGrandeBold{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}

/*################  Fim de Textos #################*/

.caixaSenhasPolitica
{
    margin: 0px 5px 5px 0px;
    width: 170px;
    height: 18px;
    background-color: #fffae6;

    border-bottom: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    border-top: 2px solid #efefef;
    border-left: 2px solid #efefef;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;

    padding-right: 2px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;

    clip: rect(auto auto auto 2px);
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}


.ToolTip 
{ 
    border:solid 1px;
    font-family: Tahoma; 
    font-size:8pt;
    background-color: lemonchiffon;
    padding-left:5px;
    padding-right:5px;
    width:200px;
}

/* box de alerta dos formularios */
.box_sucess {background:#FFC url(/imagens/icones/ok_16x16.gif) 10px 12px no-repeat;margin:0 0 5px;padding:10px 10px 10px 35px;font-size:11px;border:1px solid #EDEF00;font-weight:bold;position:relative;display:block; }
.box_notice {background:#FFC url(/imagens/icones/warning_16x16.gif) 10px 12px no-repeat;margin:0 0 5px;padding:10px 10px 10px 35px;font-size:11px;border:1px solid #EDEF00;font-weight:bold;position:relative;display:block; }
.box_error  {background:#FFC url(/imagens/icones/error_16x16.gif) 10px 12px no-repeat;margin:0 0 5px;padding:10px 10px 10px 35px;font-size:11px;border:1px solid #EDEF00;font-weight:bold;position:relative;display:block;}