/* padrao */

html, body {height:100%; width:100%;}
html {overflow:hidden;}
body {margin:0;}

/* barra aviso */

.barraAviso {background:url(ico_exclamacao.gif) no-repeat 3px 50% #FFFFE1; position:absolute; top:26px; width:100%; border-bottom:2px groove #000; padding:3px 6px 3px 25px; font:normal 11px arial, helvetica, verdana; cursor:pointer}
.barraAviso:hover {background:url(ico_exclamacao.gif) no-repeat 3px 50% #B2B4BF;}

/* caixa de mensagem */

.caixaMsg {position:absolute; font:normal 11px arial, helvetica, verdana; width:350px; line-height:18px; text-align:center; bottom:40px}
.caixaMsg h1 {margin:0 0 10px 0; font:bold 13px arial, helvetica, verdana; text-align:center; display:block;}
.caixaMsg b {display:block; width:auto; overflow:hidden;}
.caixaMsg b.cinza {background:#eee}
.b1 {background:#999; margin:0 5px; height:1px}
.b2 {background:#fff; margin:0 3px; border:1px solid #999; border-width:0 2px; height:1px}
.b3 {background:#fff; margin:0 2px; border:1px solid #999; border-width:0 1px; height:1px}
.b4 {background:#fff; margin:0 1px; border:1px solid #999; border-width:0 1px; height:2px}
.caixaMsg .conteudo {border:1px solid #999; border-width:0 1px; background:url(caixa_msg_bg.jpg) repeat-x #eee;}
.caixaMsg .conteudo p {margin:0; padding:0; text-align:justify}

.caixaMsg .botaoHolder {margin-top:5px;}
.caixaMsg .botaoHolder input {margin:5px 8px; font:normal 11px arial, helvetica, verdana; padding-top:2px; padding-bottom:2px; cursor:pointer;}
.caixaMsg .botaoHolder select {font:normal 11px arial, helvetica, verdana; margin:5px auto; width:55%; display:block}
.caixaMsg .botaoHolder input[type="text"] {display:block; margin:5px auto; width:55%; cursor:text}
.caixaMsg .botaoHolder input[type="file"] {display:block; margin:5px auto; width:80%; cursor:text}
.icone {padding:15px 10px;}

.caixaFechar {position:absolute; right:6px; top:6px; cursor:pointer}

.alerta {padding-left:75px; text-align:left; background:url(alerta.gif) no-repeat 5% 10%}
.ok {padding-left:75px; text-align:left; background:url(ok.gif) no-repeat 5% 10%}
.erro {padding-left:75px; text-align:left; background:url(erro.gif) no-repeat 5% 10%}

.overlayDiv {position:absolute; top:0px; left:0; background:url(overlay-bg.jpg); height:100%; width:100%;}

.opcaoVermelha {color:#f00;}
.opcaoAzul {color:#00f;}

/* menu superior */

.menuSuperior {height:28px; background:url(barra.jpg) repeat-x; position:absolute; top:0; width:100%; text-align:center}

.menu {width:820px; height:28px; list-style:none; padding:0; text-align:left; margin:0 auto;}
.menu li {display:block; float:left; margin:0 2px; padding-left:3px}
.menu a {color:#fff; text-decoration:none; font:normal 11px arial, helvetica, verdana; display:block; float:left; height:24px; line-height:24px; margin:2px 0; padding:0 5px; outline:0}

.menu li .submenu {display:none}

.menu li:hover {position:relative; background:url(left.png) no-repeat 0% 60%;}
.menu li:hover > a {background:url(right.png) no-repeat 100% 0%;}

.menu li.selecionado {position:relative; background:url(left.png) no-repeat 0% 60%;}
.menu li.selecionado > a {background:url(right.png) no-repeat 100% 0%;}

.menu li:hover .submenu {display:block; position:absolute; top:26px; left:0;}

.submenu {height:auto; width:135px; border:2px outset #ccc; background:#F5FAFC; padding:1px 8px 2px 3px; list-style:none; margin:0; z-index:999}
.submenu li {display:block; float:none; margin:0; padding:0; cursor:pointer}
.submenu a {display:block; text-decoration:none; font:normal 11px arial, helvetica, verdana; color:#666; width:100%; padding:2px 0 2px 3px; border:1px solid transparent; outline:0; float:none; margin:0; height:auto}
.submenu a:hover {border:1px solid #B9EAFF; background:url(subitem-hover.jpg) repeat-x}
.submenu li:hover {background:transparent}
.submenu li:hover > a {border:1px solid #B9EAFF; background:url(subitem-hover.jpg) repeat-x}
.submenu .separador {border-bottom:1px solid #000;}

/* menu inferior */

.rodape {width:100%; height:28px; background:url(barra.jpg) repeat-x; list-style:none; margin:0; padding:0; position:absolute; bottom:0; text-align:center}
.rodape li {display:inline; margin:2px 3px;}

.rodape li:hover img {background:url(rodape_hover.jpg) no-repeat 100% 0%;}

.rodape img {border:0; cursor:pointer; padding:0 3px}

/* modal */

.modal_holder {position:absolute; background:url(detalhe.gif) no-repeat 100% 100% #CCDCEF; font:normal 11px arial, helvetica, verdana;}

.modal {width:785px; height:auto; position:relative; top:-2px; left:-2px;}

.superior {width:100%; height:22px; cursor:move}
.superior_esquerdo {width:12px; height:100%; background:url(modal_superior_esquerdo.gif) no-repeat; float:left}
.superior_direito {width:35px; height:100%; background:url(modal_superior_direito.gif) 100% 100% no-repeat; float:right}
.superior_central {width:auto; height:100%; background:url(modal_superior_central.gif) repeat-x; margin:0 5px; text-align:left; font:bold 12px arial, helvetica, verdana; line-height:25px;}

.centro {width:100%; height:300px; background:#CCDCEF; overflow:hidden;}
.centro_esquerdo {width:12px; height:100%; background:url(modal_centro_esquerdo.gif) repeat-y 0% 0%; float:left}
.centro_direito {width:12px; height:100%; background:url(modal_centro_direito.gif) repeat-y 100% 100%; float:right}
.centro_central {width:auto; height:100%; background:#CCDCEF; overflow:auto; text-align:center;}
.centro_central iframe {height:100%; width:100%; overflow:auto; border:0}

.inferior {width:100%; height:12px;}
.inferior_esquerdo {width:12px; height:100%; background:url(modal_inferior_esquerdo.gif) no-repeat 0% 100%; float:left}
.inferior_direito {width:12px; height:100%; background:url(modal_inferior_direito.gif) no-repeat 100% 100%; float:right}
.inferior_central {width:auto; height:100%; background:url(modal_inferior_central.gif) repeat-x 100% 100%; margin:0 5px}

.overlayDiv {position:absolute; top:0px; left:0; background:url(overlay-bg.jpg); height:100%; width:100%;}

.modal_fechar {cursor:pointer; float:left; margin-top:5px}
.modal_maximizar {cursor:pointer; float:left; margin-top:5px}

/* grid */

.grid {border-collapse:collapse; table-layout:fixed; width:540px; font:normal 11px arial, helvetica, verdana; margin-left:15px}
.grid th {background:url(background-filtro.gif); border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#00529b; height:20px; line-height:20px; text-align:left; text-indent:3px}
.grid td, .grid table td {text-indent:5px; white-space:nowrap; overflow:hidden; padding:0px 5px 0px 0;}

.rodapeGrid {background:url(background-filtro.gif); height:20px; line-height:20px; text-indent:3px;}

.grid tr {cursor:pointer}

.grid table td {height:20px}

.grid .holder {overflow:auto; width:539px;}
.grid table {table-layout:fixed; border-collapse:collapse; width:520px; font:normal 11px arial, helvetica, verdana;}
.grid .scrollBar {border:0; background:transparent; width:13px;}

.grid .par td {background:#fff}
.grid .impar td {background:#EAF4FB}
.grid .hover td {background:#E5E5E5}
.grid .selected td {background:#316AC5; color:#fff}

.grid span {display:none;}

* html .grid .scrollBar {width:16px}

.divEdicao {background:#eee; border:1px solid #aaa; position:absolute; width:auto; height:18px;}
.divEdicao img {margin:2px; cursor:pointer}

.overlay_grid {position:absolute; background:#fff;}

.botaoAdicionar {cursor:pointer; float:left; margin:-5px 0}

.gridSetaCima {cursor:pointer; margin:7px 6px 0 3px; float:right;}
.gridSetaBaixo {cursor:pointer; margin:3px 3px 0 3px; float:right;}

.botaoAceitar, .botaoCancelar {position:absolute; cursor:pointer;}

.edicaoTable {position:absolute; font:normal 11px arial, helvetica, verdana; border-collapse:collapse; table-layout:fixed}
.edicaoTable td {white-space:nowrap; overflow:hidden; padding:0; height:18px; margin:0; vertical-align:top}
.edicaoTable td input {margin:0; padding:0; width:100%; overflow:hidden; font:normal 11px arial, helvetica, verdana; padding:2px; border:1px solid #aaa}
.edicaoTable td select {margin:0; padding:0; width:100%; overflow:hidden; font:normal 11px arial, helvetica, verdana; padding:1px; border:1px solid #aaa}

/* navegacao */

.navegacao {height:100%; overflow:hidden;}

.areaSelecao {height:auto; width:20%; float:left; height:88%}
.areaSelecao a {display:block; font:normal 11px arial, helvetica, verdana; color:#1D518D; text-decoration:none; height:auto; width:auto; line-height:24px; height:24px; text-align:center; margin:0 0 0 5px; outline:0; }
.areaSelecao a:hover {background:url(ext-hover.png) 100% 0% repeat-y;}
.areaSelecao a.selecionado, .areaSelecao a.selecionado:hover {background:url(ext-active.png) 100% 0% no-repeat; color:#8E8F91; position:relative; left:1px; }

.areaSelecao img {float:left; margin:15px 10px; cursor:pointer}
.areaSelecao .left {float:left}
.areaSelecao .right {float:right}

.navegacao fieldset {font:normal 11px verdana; height:90%; padding:0; margin:0; border:1px solid #3E6598; background:#fff; float:left; overflow-x:hidden; width:auto !important;}
.navegacao fieldset div.scroller { height: 100%; overflow-x: hidden; overflow-y: auto;}
.navegacao fieldset div.scroller div.conteudo {margin:10px;}
.navegacao fieldset legend {margin:0 10px; padding:0 10px; font-weight:bold; display:none}
.navegacao fieldset label {display:block; font:normal 11px arial, helvetica, verdana; color:#888}
.navegacao fieldset input[type="text"] {font:normal 11px arial, helvetica, verdana; margin-bottom:8px; border:1px solid #555}

.navegacao fieldset em {display:block; border-bottom:2px solid #D1E0F5; padding:0 0 2px 5px; font:bold 11px arial, helvetica, verdana; color:#3764A0; margin-bottom:10px}

.navegacao .controle {float:left; width:100%}
.navegacao .controle a {float:right; margin:5px; margin-bottom:0; cursor:pointer; font:normal 11px arial, helvetica, verdana; color:#1D518D; line-height:26px; text-decoration:none; outline:0}
.navegacao .controle a:hover {text-decoration:underline}
.navegacao .controle a img {border:0; margin:2px 5px; float:left;}

* html .navegacao .controle {float:none}

/* lista */

.ext, .int {font:normal 11px arial, helvetica, verdana; border-collapse:collapse;}

.ext {height:auto; width:94%; border:1px solid #aaa; margin:2.5%;}
.int {width:100%;}

.ext th {text-align:left; text-indent:2px; background:url(background-filtro.gif); color:#00529b;}
.ext td div {width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
.ext thead {height:20px}
.ext tfoot {height:20px; background:url(background-filtro.gif) repeat-x 100% 100% #D6E4F1}

* html .ext td div {position:absolute}

.int tr {cursor:pointer}
.int td {padding:2px; white-space:nowrap; overflow:hidden;}
.int .odd td {background:#fff}
.int .even td {background:#EAF4FB}
.int .hover td {background:#E5E5E5}

.int .odd .numerador, .int .even .numerador, .numerador {text-align:center; background:url(background-filtro.gif); color:#00529b; font-weight:bold}

.adicionar {display:block; width:126px; height:21px; background:url(add2.gif); outline:0; position:relative; top:-1px}
.adicionar:hover {background:url(add2-hover.gif)}

.adicionar_en {display:block; width:126px; height:21px; background:url(add_new_item.gif); outline:0; position:relative; top:-1px}
.adicionar_en:hover {background:url(add_new_item_hover.gif)}

.holder table {table-layout:fixed}
.holder table td {white-space:nowrap; overflow:hidden;}

/* form */

select {font:normal 11px arial, helvetica, verdana; border:1px solid #555;}
input[type="text"] {border:1px solid #555; font:normal 11px arial, helvetica, verdana;}
input[disabled] {border:1px solid #aaa; background:#fff; color:#000; font-weight:bold}

* html input, * html textarea, * html select {font:normal 11px arial, helvetica, verdana}

.disabled {border:1px solid #aaa; background:#fff; color:#000; font-weight:bold}

/* exceções */

.controlePagina {text-align:right; margin-right:8%}
.controlePagina a {text-decoration:none}
.controlePagina img {border:0}