/************************************
            *                                   *
            *    Estilo padr�o do sistema:      *
            *                                   *
            *     - Formul�rios                 *
            *     - Topo                        *
            *     - Logo                        *
            *     - Breadcrumb                  *
            *     - Boxes de erro               *
            *     - Gadgets (boxes da direita)  *
            *     - Boxes centrais              *
            *     - Boxes com accordion         *
            *     - Bot�es                      *
            *     - Fontes padr�o               *
            *     - Cores padr�o                *
            *     - Tamanhos padr�o             *
            *     - Rodap�                      *
            *                                   *
            ************************************/

/* --- Geral --- */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.74em;
color:#333333;
}

p{font-size: 1.0em;}
b{font-weight:bold;}
em{color: red;}
a{color:#003399; text-decoration: none;}
a:hover{text-decoration: underline;}
img{border:none;}

input, textarea, select{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color:#333333;
}

/* Style para a tooltip */
#simpleTooltip {
    padding: 7px;
    border: 1px solid #A6A7AB;
    background: #FFFF77;
}

/* --- Fim Geral --- */


/* --- Topsection --- */


#topsection{
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
height: 70px; /*Altura da se??o do topo*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

.logo {
float: left;
position: absolute;
top: 0;
}

.loginfo
{float: right;
font-size: 0.75em;
padding-top: 15px;
}


/* --- Fim Topsection --- */

/* --- TopsectionAjuda --- */


#topsectionajuda{
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
height: 100px; /*Altura da se??o do topo*/
}

#topsectionajuda h1{
margin: 0;
padding-top: 15px;
}
 
.ajuda {
 margin-top: 10px;
 }
 
#ajuda p{
margin-left:20px;
text-align: justify;
margin-right: 40px;

}

#topsectionajuda h1{
margin: 0;
padding-top: 15px;
}

.logo {
float:left;
}

.loginfo
{float: right;
font-size: 0.75em;
padding-top: 15px;
}


/* --- Fim Topsection --- */

/* --- Conte?do Principal --- */
#contentwrapper{
float: left;
width: 100%;
background-color:#f5f5f5;
}

.titulo_pagina_principal{
	cursor:pointer;
	}

#contentwrapper h2 {
font-size: 1.6em;
font-family: Tahoma;
color:#209d27;
font-weight:bold;
}

#contentwrapper h3 {
font-size: 1.5em;
color:#48667e;
font-weight:normal;
}

.black{color:#000000;}
.red{color:#CC0000; font-weight:bold;}
.green{color:#006600; font-weight:bold;}
.gray{color:#999999;}
.blue{color:#0000FF;}

#breadcrumb{
font-size: 0.9em;
color:#666666;
padding: 15px 0px 0px 25px;
background-color:#f5f5f5;
margin:0;
}

.box_topo{
border: #d7dbe6 5px solid;
background-color:#f1f2f7;
margin-bottom:30px;
width:100%;
}

.box_erro{
border: #d7dbe6 5px solid;
background-color:#ffffff;
color:#ff0000;
margin-bottom:30px;
width:50%;
}

.box_erro_popup{
border: #d7dbe6 5px solid;
background-color:#ffffff;
color:#ff0000;
margin-bottom:30px;
width:100%;
}


.box_msg{
border: #d7dbe6 5px solid;
background-color:#ffffff;
color:#0000ff;
margin-bottom:30px;
width:50%;
}

.box_topo_botao{
float:right;
}

.box_geral{ /*Esses s?o os boxes da ?rea de trabalho, abaixo do principal*/
border: #d7dbe6 5px solid;
background-color:#ffffff;
margin-bottom:30px;
width:100%;
}

.box_geral_maior{ /*Esses s?o os boxes da ?rea de trabalho, abaixo do principal, mas que ocupam toda a tela*/
border: #d7dbe6 5px solid;
background-color:#ffffff;
margin-bottom:30px;
width:100%;
}

.box_interno { /*esp?cie de bloquote */
border: #CCCCCC 1px dashed;
background:#E8F9E3;
margin:20px 0px 20px 0px;
}

.titulo_box{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m*/
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
padding:7px;
font-size: 1.2em;
font-weight:bold;
border: 1px solid #E9E9E9;
color:#666666;
}

.titulo_box_accordion{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m*/
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
padding:7px;
font-size: 1.2em;
font-weight:bold;
border: 1px #E9E9E9 solid;
color:#666666;
cursor:pointer;
}

.titulo_box_accordion_bloq{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m (Bloqueado)*/
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
padding:7px;
font-size: 1.2em;
font-weight:bold;
border: 1px #E9E9E9 solid;
color:#FF0000;
cursor:pointer;
}

.titulo_box_perfil{
font-size: 1.0em;
font-weight:bold;
color:#666666;
cursor:pointer;
padding-left:4px;
}

.titulo_accordion_agenda{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m*/
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
padding:7px;
font-size: 1.2em;
font-weight:bold;
border: 1px #E9E9E9 solid;
color:#666666;
cursor:pointer;
}

.titulo_box_accordion_pq{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m*/
background: #ffffff url('../images/bg_topsection.gif') bottom left repeat-x;
padding:7px;
font-size: 1.2em;
font-weight:bold;
border: 1px #E9E9E9 solid;
color:#666666;
cursor:pointer;
}

.footer_box{ /*? usado no topo das boxes, mas pode ser usado no topo das tabelas tamb?m*/
background: #ffffff url('../images/bg_bottomsection.gif') bottom left repeat-x;
padding:1px 3px 1px 4px;
font-size: 0.75em;
border: 1px #E9E9E9 solid;
color:#666666;
}

/* --- Forms --- */

.form{
margin-top:20px;
}
.cssform p{
clear: left;
margin: 0;
padding: 10px 0 18px 0;
padding-left: 240px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
/*height: 1%;*/
background-color:#F3F8F1;
}

.datetimepicker {
clear: left;
margin: 0;
padding: 10px 0 18px 0;
padding-left: 240px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
background-color:#F3F8F1;
}

.div_itens_exibidos{/*Pelo fato de ter criado uma table, tive que criar
    uma classe exclusiva para os itens exibidos*/
clear: left;
margin: 0;
padding: 10px 0 18px 0;
padding-left: 240px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
background-color:#F3F8F1;
}

.div_sem_borda_pontilhada{/*Criei o mesmo css do p para a div, pois quando foi criado um fieldset, n?o dava para deix?-lo dentro de um par?grafo, por isso criei a div
        Utilizei nos bot?es, porque como agora s?o 4 bot?es, estava quebrando a linha, ent?o ele n?o podia mais ficar dentro do par?grafo. Coloquei-o dentro da div
        e utilizei o mesmo css do fieldset.
    */
background-color:#f3f8f1;
height:1%;
padding:4% 0% 2% 7%;
}

.cssform{
 padding: 10px 30px 18px 30px;
}

table.cssform  {
background-color:#F3F8F1;
border-top:1px dashed gray;
clear:left;
height:1%;
width:100%;
margin:0;
padding:10px 0px 18px 240px;
}

table.cssform  tr {
 float: left;
}

.cssform div fieldset{
width:556px;
padding:0px 0px 0px 50px;
border:1px solid #d0d0d0;
}

.cssform div fieldset legend{
background-color:#cccccc;
}

.cssform label{
float: left;
margin-left: -240px; /*width of left column*/
padding-left: 10px;
/*width: 220px;*/ /*width of labels. Should be smaller than left column to create some right margin*/
width: 178px;
height:0px;
}

* html .threepxfix{ /*Para consertar bug do IE6*/
margin-left: 3px;
}

/* --- Fim Forms ---*/

/* -- In?cio -- Tabelas p?ginas de avalia??o de proposta de altera??o*/

.formatado .formatado_encontrados{
color:#003366;
font-size:10px;
font-weight:bold;
text-decoration:none ;
}

.formatado_encontrados{
float:right;
}

.titulos{
font-weight:bold;
    }

.cssdiv{
border:1px dashed #000000;
padding:5px;
margin-top:3%;
width:98.4%;
    }

.cssdivcinza{/*todas as div's que precisarem de uma borda cinza*/
border:1px solid #cccccc;
margin-bottom:3%;
width:98.4%;
padding:5px;
overflow-y:auto;
height:400px;
    }

.direita{
margin-left:70%;
    }

.esquerda{
float:left;
}
/* -- Fim -- Tabelas p?ginas de avalia??o de proposta de altera??o*/

/* --- Hintbox ---*/

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffff;
width: 300px; /*Default width of hint.*/
padding: 5px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid 333333;
border-bottom: 1px solid 333333;
visibility: hidden;
}

/*.hintanchor{ /*CSS for link that shows hint onmouseover*/
/*font-weight: bold;
/*color: navy;
}*/

/* --- Fim Hintbox ---*/


#divisaobox{/*?rea de boxes com divisoes tracejadas*/
border-top:#999999 1px dashed;
}

.item{
border-bottom:#999999 1px dashed;
padding-top:5px;
}

ul.seta{
list-style-image: url("../images/bullet_arrow.png");
}

ul.pdf{
list-style-image: url("../images/pdf.png");
}

ul.zip{
list-style-image: url("../images/rar_icon.gif");
}

ul.xls{
list-style-image: url("../images/page_excel.png");
}

ul.xlsx{
list-style-image: url("../images/page_excel.png");
}

ul.mdb{
list-style-image: url("../images/table.png");
}

ul.config{
list-style-image: url("../images/form_edit.png");
}

ul.update{
list-style-image: url("../images/update-list.png");
}

ul.chart{
list-style-image: url("../images/chart.png");
}

#tabela_accordion{
width:100%;
margin-bottom:30px;
}

#div_incluir_novo {
	background-color:#FBF9FA;
	border:2px solid #D7DBE6;
	margin-bottom:30px;
	width:100%;
}



/* --- Coluna da Esquerda --- */

#contentcolumn{
margin-right: 20%; /*Tem que ser igual ? margem da RightColumnWidth*/
}

/* --- Fim Coluna da Esquerda --- */

/* --- Coluna da Direita --- */

#rightcolumn{
float: left;
width: 25%; /*Margem da coluna da direita*/
margin-left: -25%; /*Tem que ser igual ? -(RightColumnWidth) */
}

/* --- Fim Coluna da Direita --- */

/* --- Fim Conte?do Principal --- */


#footer{
clear: left;
width: 100%;
background:#666666;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color:#CCCCCC;
}

.innertube{
margin: 15px 25px 15px 25px; /*Margens para cada parte interna das divs de cada ?rea (fornece padding padronizado)*/
}

/* In?cio - Style para os bot?es cinzas com bordas arredondadas*/

a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 0px 10px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover span{ /* Hover state CSS */
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
margin:2% 0% 0% 38%;
/*width: 100%;*/
}

.buttonwrapper_esquerda{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 100%;*/
}

/* Fim - Style para os bot?es cinzas do boxe de trabalho
'widgd_receitas_estimadas'*/

/*In?cio dos styles das pop ups Incluir e Consultar mem?ria de c?lculo*/
.centraliza_popup{
margin: 25px 0px 0px 12px; /*Margem para centralizar a tabela da Pop Up*/
}

.cabecalho{
font-family:Arial;
font-weight:bold;
}

.cabecalho h3{
color:#209D27;
font-size:1.5em;
}

.cabecalho p{
font-size:1.1em;
}

.consulta_div{
border:1px dashed #000000;
width:425px;
padding:5px;
}

.consulta_div_arquivo{
border:1px dashed #000000;
width:295px;
float:left;
padding:3px;
}

/*Fim dos styles das pop ups Incluir e Consultar mem?ria de c?lculo*/

/*In?cio - style para as listas da p?gina "Itens de planejamento" */

.no_list{/*classe para tirar o style das listas*/
    list-style-type:none;
    cursor:pointer;
    }

.tira_recuo{/*Classa para remover o recuo da lista*/
    margin-left:0;
    padding-left:0;
}

div.pagelinks {

   position:absolute;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    margin-top:580px;
    margin-bottom: -5px;
}
div.pageresults {

   position:absolute;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    margin-top:595px;
    margin-bottom: -5px;
}
.box_geral_tabela{
background-color: #FFFFFF;
border:5px solid #D7DBE6;
height:50%;
margin-bottom:50px;
margin-left:170px;
margin-top:50px;
width:70%;

}

.campoRadio label{
float: none;
margin-left: 0px; /*width of left column*/
padding-left: 0px;
/*width: 220px;*/ /*width of labels. Should be smaller than left column to create some right margin*/
width: 0px;
height:0px;
}
/*Fim - style para as listas da p?gina "Itens de planejamento" */

#tabela_correcaoValoresCadastrados_header {
    width:100%;
	border-spacing:1px;
	font-size:0.9em;
	background-color:#E7E7E7;
}

#tabela_correcaoValoresCadastrados_body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
}

#build { color:gray; font-size:smaller; }

.titulo_ajuda{
	color:#4F6883;
	font-size:15px;
	font-weight:bold;
	padding-left: 155px;
}

.menu_ajuda {

text-align:center;
color:#003399;
text-decoration:none;
font-family:Verdana;
font-weight:bold;
font-size:1.0em;
}

#obter_ajuda2 {
	color:#FF9933;
	font-family:Arial Black;
	font-size:20px;
	font-weight:bold;
}

b.titulo_pai {
	color:#48667E;
	font-size:1.5em;
	font-weight:bold;
}

b.titulo_filho {
	color:#48667E;
	font-size:1.2em;
	font-weight:bold;
}

b.titulo_neto {
	color:#48667E;
	font-size:1.1em;
	font-weight:bold;
}

.obter_ajuda3{
margin-top:20px;
}

.glossario {
	font-family:Helvetica;
	font-weight:bold;
	margin-left:10px;
}

.glossario_letras {
	background-color:#000099;
	color:#fff;
	font-family:Verdana;
	text-align:center;
	font-size:1.3em;
	padding:6px
}

.innertube_ajuda{
margin: 15px 25px; /*Margens para cada parte interna das divs de cada ?rea (fornece padding padronizado)*/
}

.glossario_letras a {
	color:#fff;
}

.sizeOTS{
	width:325px;
	align:center;
}

.div_relatorios{
background-color:#E8E8E8;
padding:3px 11px 13px 17px;
}

.box_msg_alerta{
	border: #d7dbe6 5px solid;
	background-color:#ffffff;
	margin-bottom:20px;
	margin-top: -10px;
	height: 78px;
	width:100%; 
}

.bloqueado{
	color: #FF0000;
}

.obrigatorio{
	color: #b22222;
	font-weight:bold;
}

/* --- Banner da tela de Login --- */

.bannerLogin{
	width: 890px;
	height: 300px;
	position:relative;
	/*top:-150px;
	left:180px;*/
}

/* --- Movimentacao orcamentaria --- */
#whitebox {
	padding: 10px;
	background-color: white;
	overflow: auto; 
}

.linkAzul{
	color: #003399;
}
.linkVerde{
	color: #458B00;
}
.linkVermelho{
	color: #FF0000;
}

.linkPreto{
	color: #000000;
}

.linkAzulFilho{
	color: #003399;
	margin: 0px 0px 0px 130px;
}
.linkVerdeFilho{
	color: #458B00;
	margin: 0px 0px 0px 130px;
}
.linkVermelhoFilho{
	color: #FF0000;
	margin: 0px 0px 0px 130px;
}

.linkPretoFilho{
	color: #000000;
	margin: 0px 0px 0px 130px;
}

span.msgErro {
	display: none;
	color:#FF0000;
	font-weight: bold;
	float: left;
	width: 250px;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
}

.background_effect{
	background: url('../images/background_effect.png') bottom left repeat-x;
	height: 93px;
}

#sawpf * {
	margin: 0; padding: 0;
}
#sawpf {
	text-align: center; 
	height: 0; 
	overflow: hidden; 
	background: #ffffd6; 
	border-width: 1px 0; 
	border-color: #f0e4c3; 
	border-style: solid; 
	font-family: arial; 
	position: relative; 
	width: 100%; 
	background-color: rgb(255, 222, 19);
	}
#sawpf div {
	margin: 0 auto; 
	width: 940px; 
	padding: 9px 0;
}
#sawpf {
	top:0;
	left:0;
}
#sawpf strong {
	color: #333; 
	font-size: 14px
}
#sawpf p {
	color: #666; 
	float: left; 
	font-size: 12px; 
	line-height: 18px; 
	margin: 2px 20px 0 0; 
	text-align: left
}
#sawpf ul {
	list-style: none
}
#sawpf li {
	display: block; 
	float: left; 
	margin-right: 5px
}
#sawpf a, #sawpf a span {
	background-image: url('../images/1.0.gif'); 
	text-indent: -99em; 
	display: block; 
	cursor: pointer
}
#sawpf a {
	outline: none; 
	overflow: hidden
}
#sawpf ul a, #sawpf ul a span {
	height: 40px; 
	width: 150px
}
#sawpf ul a:hover {
	background-position: 0 -40px
}
#sawpf ul a:active {
	background-position:0 -80px
}
#sawpf ul a:active span {
	margin-top: 1px
}
#sawpf .sawpf-ie span {
	background-position: 0 -198px
}
#sawpf .sawpf-ff span {
	background-position: 0 -120px
}
#sawpf .sawpf-gc span {
	background-position: 0 -158px
}

.botao_desativado {
	pointer-events: none;
	cursor: default;
	opacity: 0.6;
}