/*
-----------------------------------------------
CSS Documento

Site: TJDFT
Autor:   SERAGI/SEIN    informatica@tjdft.gov.br
Versao:  2008.01
----------------------------------------------- */

/* CSS principal para o DJ-e */

body {
margin: 0;
padding: 0;
font:10px Verdana, Helvetica, sans-serif;
color: #2D3C50;
background-color:#FFFFFF;
}

p { 
margin: 15px 10px 10px 10px;
padding:0;
text-align:justify;
}

h1 {
margin: 0px 10px 20px 10px;
padding: 12px 0 5px 0;
font-size: 11px;
color:#33779B;
background: #FFFFFF url(../imagens/hr_dje.gif) repeat-x left bottom;
font-variant:small-caps;
}

h2 {
margin: 10px;
padding: 2px 0 5px 0;
font-size: 11px;
}

img {border:0;}

img.hrdet { padding-bottom:10px;
padding-left: 6px;}

img.data {
vertical-align:bottom;
margin-left:3px;
cursor:pointer;
}

form {
margin:0;
}


/* Definicoes de classes e ids para uso geral */

.floatDir { float:right;}

.floatEsq { float:left;}

.floatIEsq { float:left; margin-right:10px;}

.floatIDir { float:right; margin-left:10px;}

.center { text-align:center;}

#linkVoltar { 
background:url(../imagens/setaAzul.gif) no-repeat right center;
padding-right:10px;
text-decoration:none;
}

.voltar {
text-align:right;
margin: -38px 18px 18px 0;
padding:0;
}

.clear { clear:both;}

.none { display:none;}

.setaEsq { 
background:url(../imagens/setaAzul.gif) no-repeat left center;
margin-right:10px;
}

.setaDir { 
background:url(../imagens/setaAzul.gif) no-repeat right center;
padding-right:10px;
}

.btnexcluir { 
background:transparent url(../imagens/excluir.gif) no-repeat scroll center center;
cursor:pointer;
height:22px;
width:22px;
}

.botaoListaOrdenada{
border:none;
width: 25px;
height: 25px;     
cursor: pointer;
}

.botaoExcluirPequeno{
background: url("../imagens/excluirPequeno.png") no-repeat center;    
}

.balao{
left:0;
z-index: 20000;
border: 0 none;
position: absolute;
display: none;
clear: left;
}

.balao-topo{
width: 201px;
background: transparent  url("../imagens/balaoTopoSombra.gif") no-repeat scroll center bottom;
height: 5px;
}

.balao-meio{
width: 201px;
background: transparent url("../imagens/balaoMeioSombra.gif") repeat-y scroll center top;
}

.balao-meio-texto{
width: 196px;
margin-left: 5px;
}

.balao-fundo{
width: 201px;
height: 12px;
background: transparent url("../imagens/balaoFundoSombra.gif") no-repeat scroll center top;
}

.botaoAjudaDoCampo{
border: 0;
cursor: pointer;
top:3px;
position: relative;     
}

.imagemSinalizadorDeErro{
position: relative;
top: 2px;
}


/* Definições das divs de estrutura*/

#estrutura {
background:#FFFFFF url(../imagens/fundo2Colinverso.gif) repeat-y 0 0;
left:50%;
margin-left:-375px;
position:relative;
width:750px;
}

#cabeca {
width: 750px;
height: 152px;
background:#FFFFFF url(../imagens/cabeca.jpg) no-repeat left top;
margin:0;
padding:0;
}

#conteudo{
/*float:left;*/
width:748px;
background-color:#FFFFFF;
margin:0 1px;
/*border-left:1px solid #AAAAAA;
border-right:1px solid #AAAAAA;*/
}


#contEsq {
width:562px;
float:left;
}

#contDir{
width: 185px;
float:left;
/*margin-left:4px;*/
}

 /*Definicoes do menu de navegacao secundario - cabeca*/

#menuSec {
position:relative;
width: 750px;
margin-left: -352px;
left:50%;
 }


#menuSec ul{
margin:0;
padding:0;
list-style:none;
}

#menuSec ul li{
float:left;
margin:0;

}

#menuSec ul a  {
display:block;
padding-right: 25px;
padding-top:10px;
text-decoration:none;
color:#2D3C50;
}

#menuSec ul a:hover, #menuSec ul .selected a { 
text-decoration:none;
color:#AFAE16;
}

/* Div rodape definicoes */

#rodape{
clear:both;
background-color:#003960;
height:22px;
}

#rodape p{
color:#FFFFFF;
font:10px Arial, Helvetica, sans-serif;
text-align:center;
padding-top: 5px;
padding-left:0;
padding-right:0;
margin:0;
}

/* Definicao div contDir*/

#contDir h1 {
margin: 9px 0 20px 10px;
padding: 2px 0 5px 0;
font-size: 11px;
color:#33779B;
background: #DEDEDD url(../imagens/hr_pesq.gif) no-repeat left bottom;
font-variant:small-caps;
}


/* Definicao dos links */ 

a:link, a:visited {
color:#33779B;
text-decoration: none;
}

a:hover {
color:#000000;
text-decoration: underline;
}

/* Definicao das listas */ 
ul {
margin: 10px 10px 10px 10px;
padding:0;
text-align:justify;
list-style: square;
}

ul li{ 
margin-bottom: 5px;
margin-right:10px;
margin-left:20px;
}

#contDir ul{
padding:0;
margin:0;
}

#contDir ul li{ 
list-style:none;
margin-left: 15px;
padding:0;
}

#contDir ul li.fim{ margin-bottom:20px;}

/*Definições para Formulários nas Página*/

/*
label {
display:block;
margin-left:10px;
margin-top:5px;
font-weight: normal;
}

fieldset {
border:solid 0 transparent;
margin:0;
padding:0;
}

input, textarea {
margin: 2px 0 0 10px;
color:#969594;
font:10px Verdana, Helvetica, sans-serif;
border:1px solid #AAA9A9;
padding-left:2px;
}

.radio { border:none;}

textarea {width: auto;}

select {
margin:2px 0 2px 10px;
color:#2D3C50;
font:10px Verdana, Helvetica, sans-serif;
border:1px solid #AAA9A9;
}
*/
#contDir .botao {
background-image: url(../imagens/botaoVerde.gif);
width:15px;
height: 16px;
border:0 solid transparent;
cursor: pointer;
}

#contDir input.botao{ margin-left:2px; margin-right:2px;}

.submit {
width: 30%;
margin-top:10px;
}


label {
display:block;
margin-left:10px;
margin-top:5px;
font-weight: normal;
}

fieldset {
border:solid 0 transparent;
margin:0;
padding:0;
}

input, textarea {
margin: 2px 0 0 10px;
color:#969594;
font:10px Verdana, Helvetica, sans-serif;
border:1px solid #AAA9A9;
padding-left:2px;
}

.radio { border:none;}

textarea {width: auto;}

select {
margin:2px 0 2px 10px;
color:#2D3C50;
font:10px Verdana, Helvetica, sans-serif;
border:1px solid #AAA9A9;
}

input.botao {
background-color:#FFFFFF;
color:#2D3C50;
margin: 5px 0 0 10px;
}

.submit {
width: 30%;
margin-top:10px;
}

.error {border: 1px solid red;}

.errorMessage {
color: red;
margin-left: 10px;
}

.sizeName {width: 300px;}

.sizeBusca {width:110px;}

.sizeMail {width: 175px;}

.sizeCons { width: 220px;}

.sizeData {width:10px;}

#contDir .campodetexto,
#dataInicial, #dataFinal{
width:70px;
}



/* CSS de tabelas para a Internet do TJDFT */

table{
border-collapse: collapse;
width: 90%;
border:1px solid #AAAAAA;
margin:10px 0 40px 10px;
background-color:#FFFFFF;
text-align: center;
}

thead {
background-color:#EFEEEE;
border:1px solid #AAAAAA;
color:#2D3C50;
}

th {
text-align:center;
font-weight:bold;
}

th, td {
padding: 2px 5px 2px 5px;
border:1px solid #AAAAAA;
}


/*estilos exclusivos para impressao */

@media print {
#cabeca, #rodape, .voltar{
  display:none !important;
}

#conteudo{
  width:auto !important;
  float:left; 
}

table {
   border:0;
}

th, td {
   border:1px solid #000000;
}

}