A { text-decoration: none; color: #2a4d83 }
A:hover { text-decoration: underline }

BODY { margin: 0px; padding: 0 }
*, BODY, TD { font-family: Arial; font-size: 12px }

.bold { font-weight: bold; }

.invis { visibility: hidden }
.displayNone { display: none }
.center { text-align: center }
.right { float: right }

.blue { color: blue }
.gray { color: gray }
.red { color: red }
.orange { color: orange }
.darkred { color: darkred }

INPUT.invisibleTxt { position: absolute; top: -5000px; left: -5000px; width: 1px; height: 1px }

div.clear { clear: both }

LABEL.flag { display: inline-block; padding: 3px; margin: 0 0 0 5px; background-color: gray; color: white; font-size: 10px }

/* cores:

fundo topo (azul escuro):	#2a4d83
texto topo (amarelo):		#FFFFFF
texto tabs (azul médio):	#0089CF

*/

.pgloginBody { background-color: #eee }
div#pglogin { width: 344px; margin: 100px auto 0 auto; }
div#pglogin .loginbox { background-color: white; box-shadow: 5px 5px 5px #888 }
div#pglogin .blue { padding: 20px; background-color: #0089CF }
div#pglogin .body { padding: 20px; }
div#pglogin H1 { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #FFFFFF }
div#pglogin H2 { margin: 0 0 0 0; font-size: 12px; font-weight: normal; color: white }
div#pglogin .lbl { display: block; margin: 0 0 4px 0; font-weight: bold }
div#pglogin .lblChk { cursor: pointer }
div#pglogin .txt { display: block; margin: 0 0 20px 0; width: 300px }
div#pglogin .senha { width: 150px }
div#pglogin .btn { float: right }
div#pglogin A { display: block; color: white }
div#pglogin .erro { padding: 10px 0; font-size: 14px; font-weight: bold; color: Red }
div#pglogin .sucesso { padding: 0 0 20px 0; font-size: 14px; font-weight: bold; color: blue }

div#main { background-color: #eee; min-width: 320px }

div#cab { background-color: #0089CF; padding: 20px 20px 0 20px; font-size: 18px; color: #FFFFFF }

div#toplinks { float: right; display: inherit }
div#toplinks, div#toplinks A { color: White; font-size: 11px }
div#toplinks, div#toplinks A { margin-left: 5px }
div#toplinks A:hover { color: #FFFFFF; text-decoration: none }

div#tabs { padding: 20px 0 0 0 }
div#tabs div#left { display: inline; float: left }
div#tabs div#right { display: inline; float: right }
div#tabs A { display: inline-block; color: white; font-size: 12px; padding: 7px 14px; margin: 0; background-color: #2a4d83 }
div#tabs A:hover, div#tabs A.over { background-color: #ddd; color: #2a4d83; text-decoration: none }
div#tabs A.active { background-color: white; color: #2a4d83; font-size: 13px; font-weight: bold; padding: 10px 16px 7px 16px; margin: 0; }

.subMenu { position:absolute; padding:2px 0 4px 0; z-index:9999; top: -5000px; left: -5000px; background: white; border: 1px solid #0089CF; border-top: 1px solid #ccc }
.subMenu A { display: block; background: white; color:#2a4d83; font-size: 12px; text-decoration:none; display:block; padding:5px 25px 5px 16px;}
.subMenu a:hover { background:#dadada; }

div#conteudo { margin: 20px; padding: 10px; min-height: 200px; box-shadow: 5px 5px 5px #888; background-color: white }

div#rodape { border-top: 4px solid #0089CF; background-color: white; padding: 4px 20px }
div#rodape A { font-size: 10px; color: #333 }
div#rodape .left { float: left; font-size: 10px; color: #333 }
div#rodape .right { float: right }

div.sep { clear: both }
div.h4 { height: 4px }
div.h5 { height: 5px }
div.h10 { height: 10px }
div.h15 { height: 15px }
div.h20 { height: 20px }
div.h30 { height: 30px }
div.h40 { height: 40px }
div.h50 { height: 50px }

.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }

.btn { display: inline-block; padding: 6px 15px; background-color: #ddd; color: black; text-decoration: none; border: 1px solid #333; box-shadow: 2px 2px 2px #888; cursor: pointer }
.btn:hover { background-color: #ccc }
.lm { margin-left: 10px }

a.btn.ok { padding: 6px 0; width: 100px; text-align: center; border: 1px solid #333; background-image: url('images/ico/check.png'); background-position: 6px 4px; background-repeat: no-repeat; font-weight: bold }
a.btn.oknew { padding: 6px 0 6px 10px; width: 100px; text-align: center; border: 1px solid #333; background-image: url('images/ico/copyNext.png'); background-position: 6px 4px; background-repeat: no-repeat;  }
a.btn.cancelar { padding: 6px 0 6px 10px; width: 90px; text-align: center; color: #666; border: 1px solid #666; background-image: url('images/ico/cancelar.png'); background-position: 6px 4px; background-repeat: no-repeat; }

a.btn.left { float: left }

a.btn.edit, a.btn.table, a.btn.copy, a.btn.add, a.btn.delete, a.btn.check { padding: 6px 10px 6px 30px; background-position: 6px 4px; background-repeat: no-repeat; }
a.btn.edit { background-image: url('images/ico/edit.png'); }
a.btn.table { background-image: url('images/ico/table.png'); }
a.btn.copy { background-image: url('images/ico/copy.png'); }
a.btn.add { background-image: url('images/ico/add.png'); }
a.btn.delete { background-image: url('images/ico/delete.png'); }
a.btn.check { background-image: url('images/ico/check.png'); }

H1.titu0 { margin: -10px -10px 10px -10px; padding: 6px 6px 4px 6px; font-size: 18px; font-weight: normal; background-color: #0089CF; border-bottom: 2px solid #2a4d83; color: white }

H1.titu1, H1.titu1 SPAN { margin: 0; padding: 0; font-size: 22px; font-weight: bold }
H1.titu1 IMG { float: left; height: 24px; margin-right: 6px }
H1.titu1 SPAN.double { float: left; display: block }

H2.titu2 { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #404040; color: #404040 }
H2.titu2.small { width: 700px }

div#dialogo { padding: 6px 0 0 0 }
div#buts { text-align: right; padding: 0px 2px 4px 0 }
div#buts DIV.alerta { float: left; max-width: 300px; text-align: left }
div#dialogo div#buts { padding-top: 20px }

/* CUSTOMIZAÇÃO CAMPOS FIELDSBLOCK: */
.fields { }
.fields div.field { margin: 0 0 6px 0 }
.fields div.field.no_mb { margin: 0 0 0 0 }
.fields LABEL.title { width: 150px; margin: 0 4px 0 0; padding: 0 0 0 0; vertical-align: top; }
div.fields INPUT.txt, div.fields TEXTAREA.txt { width: 300px; font-family: Arial; font-size: 12px; border: 1px solid gray }
.fields TEXTAREA.txt { height: auto }
div.fields SELECT.lst { width: 300px; border: 1px solid gray }
.fields SPAN.error { padding: 4px 0 0 154px; display: block }
.fields SPAN.text.right { float: none; display:inline; margin: 0px 0 0px 10px; text-align: left; color: Gray; width: auto }
.fields SPAN.header { background-color: white }
/* muda para display block os validadores */
.fields SPAN.error[style*="inline"] { display:block !Important; }
/* tamanho menor */
.fields .small INPUT.txt, .fields .small TEXTAREA.txt, .fields .small SELECT.lst { width: 150px }
.fields .mini INPUT.txt, .fields .mini TEXTAREA.txt, .fields .mini SELECT.lst { width: 75px }
.fields div.tr INPUT.txt { text-align: right; }
.fields div.tred INPUT.txt { color: red }
.fields div.boldTitle LABEL.title { font-weight: bold }
/* campo dentro de outro */
.fields div.field.interno { display: inline-block; margin: 0 0 0 6px } 
.fields div.field.interno LABEL.title { display: none }
/* texto do campo em outras cores */
div.fields div.vermelho INPUT.txt, div.fields div.vermelho TEXTAREA.txt, div.fields div.vermelho INPUT.txt SELECT.lst { color: darkred }
div.fields div.cinza INPUT.txt, div.fields div.cinza TEXTAREA.txt, div.fields div.cinza INPUT.txt SELECT.lst { color: gray }


/* CUSTOMIZAÇÃO CAMPOS PARA AS TELAS QUE AINDA NÃO USAM O FIELDSBLOCK: */
div.fields2 { }
div.fields2 label#lbl1, div.fields2 label#lbl2 { display: inline-block; width: 150px; vertical-align: top }
div.fields2 label#lbl1.w200 { width: 200px }
div.fields2 label#lbl1.w300 { width: 300px }
div.fields2 label#lbl1.w400 { width: 400px }
div.fields2 label#lbl1.noBold { font-weight: normal }
div.fields2 label.exp { display: inline-block; color: gray; padding: 2px 0 0 0; font-size: 11px; vertical-align: top }
div.fields2 INPUT.txt, div.fields2 TEXTAREA.txt { width: 300px; border: 1px solid gray; font-family: Arial; font-size: 12px; vertical-align: top }
div.fields2 INPUT.mini { width: 50px }
div.fields2 SELECT.lst { width: 304px }
div.fields2 INPUT.w150 { width: 150px }
div.fields2 SELECT.w150 { width: 156px }
div.fields2 INPUT.hvr, div#noticia TEXTAREA.hvr { background-color: #ffffaa }
div.fields2 .erro1 { color: Red; margin-left: 4px }
div.fields2 .erro2 DIV { display: block; clear: both; margin: 4px 0 0 150px; color: Red }
div.fields2 P { height: 6px; clear: both; font-size: 1px; overflow: hidden }

div#dicaOut { position: absolute; z-index: 5000; background-color: #fafafa; border: 1px solid gray; color: #999; width: 250px; padding: 10px; top: 0; left: 0; display: none }
div#dicaOut B { color: gray; display: block; margin: 0 0 4px 0 }
div#dicaOut SPAN { display: block; margin-top: 10px }
div#dicaOut SPAN I { display: block; margin: 0 0 4px 0; color: gray }


/* ************** customização caixa de dica ****************** */

    /* para dividirmos em titulo, descrição e exemplo: */
    DIV.hintBox { width: 250px }
    DIV.hintBox B { color: gray; display: block; margin: 0 0 4px 0 }
    DIV.hintBox SPAN { display: block; margin-top: 10px }
    DIV.hintBox SPAN I { display: block; margin: 0 0 4px 0; color: gray }

/* **************************************************** */


div#toolbar { padding: 10px 10px 0 10px; margin: 0 0 15px 0; background-color: #eee }
div#toolbar A { display: inline-block; margin: 0 30px 10px 0; font-size: 15px; color: Black; cursor: pointer }
div#toolbar A U { font-size: 15px }
div#toolbar A IMG { margin: 0 6px 0 0; height: 24px }
div#toolbar DIV.filtros { display: inline-block; vertical-align: top }
div#toolbar SPAN.filtro { display: inline-block; margin: -6px 0 0 10px; vertical-align: top }
div#toolbar DIV.right div.filtro { text-align: right }
div#toolbar LABEL { display: inline-block; padding: 0 0 3px 0; font-size: 11px;  }
div#toolbar SPAN.filtro SELECT { margin: 0; padding: 0; height: 18px; font-family: Arial; font-size: 12px }
div#toolbar SPAN.filtro .mini { width: 75px }
div#toolbar SPAN.filtro .small { width: 150px }
div#toolbar SPAN.filtro.destaque LABEL { font-weight: bold; font-size: 12px }
div#toolbar SPAN.filtro.destaque INPUT, div#toolbar SPAN.filtro.destaque SELECT { font-weight: bold }
div#toolbar SPAN.filtro.checks table { display: inline-block; height: 18px }
div#toolbar SPAN.filtro.checks input { position: relative; top: 2px; padding: 0; margin: 2px 4px 0 0 }
div#toolbar SPAN.filtro.checks label { margin: 0 8px 0 0 }

div#contentOuter { position: relative; min-height: 300px }

div#sidebar { position:absolute; right: 0px; top: 0px; width: 200px; padding: 10px; background-color: #eee }
div#sidebar H1 { margin: 0 0 20px 0; padding: 0; font-size: 14px; font-weight: bold }
div#sidebar H2 { margin: 15px 0 4px 0; padding: 0; font-size: 12px; font-weight: bold }
div#sidebar DIV.filtrado { font-size: 14px }
div#sidebar SELECT { width: 200px }

div#content { padding: 0px 240px 0 0 }

/* Media Queries */
@media all and (max-width: 480px)
{
	div#content { padding: 0px 10px 0 0 }
	div#sidebar { position: static; margin: 30px 0 0 0; width: auto }
}

@media print
{
	#cab #toplinks, #cab #tabs,
		#main #toolbar, #main #rodape,
		#contentOuter #sidebar { display: none; }
	div#main { background-color: White }
	#main #conteudo { margin: 20px 0 0 0; padding: 0; box-shadow: none; background-color: white }
	#main #cab { background-color: White; color: Black; padding: 0; margin: 0 }
	DIV div#contentOuter { background-image: none }
	#contentOuter #content { padding: 0 }
}


.tb1 { width: 100%; font-size: 12px; }
.tb1 { background-color: White }
.tb1 TD { padding: 6px 4px; color: #333 }
.tb1 TD, .tb1 TD A { color: #333; text-decoration: none }
TABLE.tb1 TR:hover TD { cursor: pointer; background-color: #ddd }
TABLE.tb1.noHover TR:hover TD { cursor: default }
.tb1 TR TD A:hover { text-decoration: underline }
.tb1 TR TD span#buts { visibility: hidden }
.tb1 TR:hover TD span#buts { visibility: visible }
.tb1 TR.tb1trHeader:hover TD, .tb1 TR.tb1trHeader:hover TD A { cursor: default; text-decoration: none }
.tb1 TR.tb1trHeader TD A:hover { text-decoration: underline; cursor: pointer }
.tb1trHeader TD { font-weight: bold; padding: 6px 4px }
.tb1trHeader TD A { }
.tb1 TR.tb1trFooter TD { background-color: #ddd; color: black; font-weight: bold; padding: 6px 4px }
.tb1tr2 { background-color: #eee; }
.tb1 TD.buts { padding: 2px }
.tb1 TD.buts IMG { padding: 4px 2px 4px 2px; margin: 0 }
.tb1 TD .txt { width: 300px; border: 1px solid gray; font-family: Arial; font-size: 12px; vertical-align: top }
TABLE.tb1 TR.sel TD { background-color: #aaffff }
.tb1 TR TD.big, DIV#cobranca TR TD.big * { font-size: 14px }
.tb1 TR TD.mini *, .tb1 TR TD SPAN.mini { font-size: 10px }

@media screen {
	.tb1 .tdSortUp, .tb1 .tdSortDown { background-color: #007439; padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; }
	.tb1 .tdSortUp { background-image: url('images/bullet_arrow_up.png');   }
	.tb1 .tdSortDown { background-image: url('images/bullet_arrow_down.png');  }
}

/* cores personalizaveis */
.tb1 { border: 1px solid #00285a }
.tb1 TR TD { border-color: #333; }
.tb1trHeader TD { background-color: #2a4d83; color: White }
.tb1 TR.tb1trHeader:hover TD { background-color: #2a4d83 }
.tb1trHeader TD A { color: White; }
.tb1 .tdSortUp, .tb1 .tdSortDown { background-color: #00285a }
/* final cores personalizaveis */

/* estilos de cores no grid */
.tb1 TR.gray TD, .tb1 TR.gray TD A { color: gray }
.tb1 TR.maroon TD, .tb1 TR.maroon TD A { color: maroon }

div#abas { margin: 0 0 20px 0; border-bottom: 1px solid gray }
div#abas INPUT { background-color: White; border: 1px solid white; cursor: pointer; padding: 4px 10px; color: gray; margin: 0; position: relative }
div#abas INPUT.ativo { border: 1px solid gray; border-bottom: 1px solid white; font-weight: bold; color: Black; bottom: -1px }
div#fimabas { margin: 20px 0; border-top: 1px solid gray }


/* gráficos em geral */
div.areaChart { min-width: 310px; height: 450px; border: 1px solid gray; padding: 10px 0 0 0; margin: 0 0 20px 0; background-color: white }

/* caixa mensagem */
div.msgbox { border: 2px solid #aaa; background-color: #f5f5f5; padding: 15px; margin: 20px 0; font-size: 14px }
div.msgbox.sucesso { border-color: #0089CF; color: #0089CF }