/* Estrutura do centro da página */
#centro {
    width: 701px;
    background: url(imagens/lista_fundo.gif) repeat-y;
    padding: 0px 15px 0px 13px;
}

#centro_cabecalho {
    height: 28px;
    background: url(imagens/lista_borda_superior.gif) no-repeat;
    font-size: 9px;
    font-weight: bold;
    color: #42566a;
    text-transform: uppercase;
    padding: 0px 13px 0px 13px;
}
#centro_cabecalho a {
    color: #42566a;
    text-decoration: none;
}
#centro_rodape {
    height: 47px;
    background: url(imagens/lista_borda_inferior.gif) no-repeat;
    padding: 0px 13px 0px 13px;
}
/* fim - Estrutura do centro da página */

/* lista de botões acima da lista */
.ListaBotoes , .ListaBotoesTab{
    height: 27px;
    background-color: #22437f;
}
.ListaBotoes ul, .ListaBotoesTab ul{
    list-style: none;
    height: 27px;
}
.ListaBotoes ul li, .ListaBotoesTab ul li{ float:left; }
.ListaBotoes ul li a {
    display: block;
    line-height:27px;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px 0 22px;
}
.ListaBotoes ul li a:hover , .ListaBotoesTab ul li a:hover { background-color: #4b6ca4; }

/* fim - lista de botões acima da lista */

/* Abas dos formulários */
.ListaBotoesTab ul li a {
    display: block;
    line-height:27px;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px 0 10px;
}
.ListaBotoesTab  ul li a.Selecionado {
    background-color:#fff;
    color:#333;
    font-weight:bold;
    border-left:1px solid #5d696f;
}

html > body .ListaBotoesTab  ul li a.Selecionado{
    border-left:none;
}
/* lista dos registros */
.ListaTabela {
    width:100%;
    border:1px solid #84888A;
    border-right:none;
    position:relative;
}

.ListaTabela caption{
    text-align:left;
    height:20px;
    line-height:20px;
    font-weight:bold;
}

.ListaTabela th {
    height: 20px;
    background-image: url(imagens/lista_cabecalho_fundo.gif);
    color: #0B333C;
    padding: 0px 5px 0px 5px;
    border-right:1px solid #84888A;
    border-bottom:1px solid #84888A;
}
.ListaTabela th a {
    width: 100%;
    line-height: 20px;
    color: #0B333C;
    text-decoration: none;
    padding-right:5px;
}
.ListaTabela td {
    height: 19px;
    border-right:1px solid #84888A;
    color: #0B333C;
    padding: 0px 3px 0px 3px;
    cursor:pointer;
}
.ListaTabela tr td{
     height:25px;
}
.ListaTabela tr.item{ background-color:#FFFFFF; }
.ListaTabela tr.altitem{ background-color:#F7F7F7; }
.ListaTabela tr.item th{
    background-image:none;
    background-color:#EEE;
    border:none;
    border-bottom: 1px solid #CCC;
}
.ListaTabela tr.item td, .ListaTabela tr.altitem td{ border-bottom: 1px solid #CCC; cursor:auto; }

.ListaTabela tfoot th{
    background-image:none;
    background-color:#DDD;
    border:none;
}
.ListaTabela tfoot td{ background-color:#EFEFEF }

.ListaItemSel td {	background-color:#658FBE; color:#FFF; }
.ListaItemOver td {	background-color:#4b6ca4; color:#FFF; }
.ListaItem td {	background-color:#ECECEC; }
.ListaItemAlt td {	background-color:#FFFFFF; }

.ListaVazia {
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #F33;
    background:#F7F7F7;
}
/* fim - lista dos resgistros */

/* lista utilizada para exibição de campos simples no formulário */
.ListaDetalhes{
    border:1px solid #ccc;
}
.ListaDetalhes caption {
    text-align:left;
    height:20px;
    line-height:20px;
    font-weight:bold;
}
.ListaDetalhes th{
    padding:2px;
    background-color:#EEE;
    color:#333;
    text-align:right;
}
.ListaDetalhes td{
    padding:2px;
    background-color:#FFF;
    height:20px;
}

/* Paginação da Lista */
.Paginacao {
    width: 100%;
    color: #42566a;
    list-style: none;
}
.Paginacao li {
    float: left;
}
.Paginacao #total {
    width: 46%;
}
.Paginacao .botoes {
    width: 53%;
    text-align: right;
}
.Paginacao .botoes ul {
    list-style: none;
    width: 95%;
}
html > body .Paginacao .botoes ul {
    list-style: none;
    width: 99%;

}
.Paginacao .botoes ul li {
    padding: 0px 5px 0px 5px;
    float: left;
    height: 20px;
    line-height: 18px;
}
.Paginacao .botoes ul .GoToPage {
    padding: 0 1px 0px 9px;
    background: url(imagens/paginacao_separador.gif) no-repeat left;
}
html > body .Paginacao .botoes ul .GoToPage {
    padding: 0px 1px 0px 9px;
    background: url(imagens/paginacao_separador.gif) no-repeat left;
}
.GoPage {
    position:relative;
    border: 1px solid #999;
    height:16px;
    width: 25px;
    text-align: center;
    font: 10px Verdana;
}

html > body .Paginacao .botoes ul .GoPage {
    top:-2px;
}

.LeftOff, .LeftOn, .RightOn, .RightOff {
    margin: 3px 5px 0px 5px;
    width: 16px;
    height: 13px;
    text-indent: -99999em;
    overflow: hidden;
    border: none;
    line-height: 13px;
    float: left;
}

.LeftOff {
    background-image: url(imagens/paginacao_seta_esq2.gif);
}
.LeftOn {
    cursor: pointer;
    background-image: url(imagens/paginacao_seta_esq1.gif);
}
.RightOn {
    cursor: pointer;
    background-image: url(imagens/paginacao_seta_dir1.gif);
}
.RightOff {
    background-image: url(imagens/paginacao_seta_dir2.gif);
}
.btnIr {
    width: 17px;
    height: 17px;
    text-indent: -99999em;
    overflow: hidden;
    border: none;
    line-height: 17px;
    background-image: url(imagens/paginacao_botao_ir.gif);
    float: left;
    cursor: pointer;
    margin-top:2px;
}

@media all and (min-width: 0px){
	.btnIr , .LeftOff, .LeftOn, .RightOn, .RightOff{
		font-size:1px;
		padding-left:18px;
	}
}