/**
Este arquivo contém as definições básicas e infra-estrutura de CSS dos sistemas, 
tais como: área de ações fixa, rolagem nas listas e alguns outros comportamentos 
do framework de primeira camada. 

Por favor, evite a edição deste arquivo! 

A identidade visual do sistema deve ser SEMPRE trabalhada no arquivo fpc_design.css.

Equipe Tecnologia - DTI.
Setembro / 2008.

*/
 
/* Zera todos elementos. Avaliar mais tarde a possibilidade de 
   utilizar um CSS de "reset" para todos elementos. */
/*
* {
	margin: 0;
	padding: 0;
}
*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	max-height: 100%;
}

/* Elementos de formulários */

label {
	height: 22px;
	padding: 3px;
	/* padding: 3px 3px 3px 20px; /* Versão antiga (Dar uma olhada no 20px) */
}
#logoPro {

}
label.req {
}

input, textarea, select {
	padding: 2px;
	/* vertical-align: middle; */
}

select {
	padding: 0;
} 

/* Frame Navegação */

.navContainer {
}

#navLogo {
	position: absolute;
	left: 0px;
	top: 0px;
}

#navInfo {
	position: absolute;
	bottom: 3px;
	left: 400px;
	padding: 0 0 3px 0;
	vertical-align: bottom;
}

#navInfo .usuarioLabel, 
#navInfo .unidadeLabel {
}

#navInfo .usuario, 
#navInfo .unidade {
}

#navBotoes {
	position: absolute;
	right: 8px;
	bottom: 4px;
}

#navBotoes ul {
	border: 0;
	padding: 0;
	margin: 0;
}

#navBotoes ul li {
	list-style: none;
	float: left;
	padding: 6px 6px 0 6px;
}

/* Frame Menu */

#menuRecolhe {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 9px;
	height: 100%;
	overflow: hidden;
}

#menuRecolhe img {
	position: absolute;
	top: 50%;
	cursor: pointer;
}

.menuFechaArea {
	background-image: url("../fpc_img/fun_col_lat_recolhe.gif");
}

.menuAbreArea {
	background-image: url("../fpc_img/fun_col_lat_abre.gif");
}

#menuContainer {
	position: fixed;
	top: 0;
	left: 0;
	right: 9px; /* Deve ser igual ao tamanho de #menuRecolhe */
	bottom: 0;
	overflow: hidden;
	height: 100%;
}

#menuModuloSelecao {
	padding: 5px 5px 10px 10px;
}

#menuModuloSelecao select {
	width: 100%;
}

#menuModuloSelecao span {
}

.menuModulo {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 94%;
	border: 0;
	padding: 0;
	visibility: hidden;
	left: 0px;
}

.menuGrupo {
	width: 100%;
	margin: 0;
	padding: 2px 2px 2px 5px;
	/* cursor: pointer; */
}

.menuGrupo a {
	display: block;
}

.menuGrupo a:hover {
	display: block;
}

.menuGrupoOver {
	width: 100%;
	margin: 0;
	padding: 2px 2px 2px 5px;
	cursor: pointer;
}

.menuGrupoOver a, 
.menuGrupoOver a:hover {
	display: block;
	margin: 0;
	padding: 0;
}

.menuItens {
	width: 100%;
	padding: 0 0 0 5px;
}

.menuItens ul {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

.menuItens ul li {
	list-style: none;
	padding: 3px 0 2px 15px;
}

.menuItens ul li a,
.menuItens ul li a:hover {
	display: block;
}

/* Frame Transação - Área de ações */ 

#acoesContainer {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 100%;
	height: 110px; /* Altura do frame ações */
	overflow: hidden;
}

.acoesInnertube {
	margin: 0 15px 15px 0;
}

#acoesTituloContainer {
	padding: 0 0 5px 0;
	margin: 10px 0 5px 10px;
}

#acoesTituloContainer .titulo {
}

#acoesTituloContainer .subtitulo {
	display: block;
}

#acoesCarregando, .acoesCarregando {
	position: absolute;
	visibility: hidden;	
	top: 0;
	right: 0;
	height: 25px;
	/* width: auto; */
	padding: 3px 5px 0 5px;
}

#acoesMensagem {
	position: absolute;
	visibility: hidden;
	top: 10px;
	text-align: center;
	width: 95%;		
}

#acoesMensagemTexto {
	padding: 3px;
}

#acoesBotaoContainer {
	position: relative;
	/* top: 40px; */
	/* float: right; */	
	/* right: 0; */
	/* width: 99%; */
	/* padding: 10px 0px 15px 15px; */
	padding: 1px;
	/* margin-right: 15px; */
	/* z-index: 100; */
	/* padding: 5px 0px 5px 0; */
	/* border: 1px solid black; */ 
}

/* Botões (Área de ações e dados) */

#acoesBotaoContainer input,
.dadosBotaoContainer input {
}

.dadosBotaoContainer {
	width: 100%;
	margin: 0;
	padding: 0 5px 5px 0;
}

/* Abas */

#acoesAbaContainer {
	position: absolute;
	bottom: 0;
	width: 99%; 
	margin: 5px 15px 0 0;
	padding: 5px 0 0 15px;
	z-index: 5;	
}

#acoesAbaToc {
	/* border-bottom: 1px solid; */
}

#acoesAbaToc ol {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#acoesAbaToc ol li {
	height: 17px;
	float: left;
	margin: 0 3px 0 0;
	/* border-bottom: 0; */
}

#acoesAbaToc ol a {
	display: block;
	float: left;
	padding-left: 10px;
}

#acoesAbaToc ol a:hover {
/*	background-position: 0 -120px;*/
}

#acoesAbaToc ol a:hover span {
/*	background-position: 100% -120px;*/
}

#acoesAbaToc ol span {
/*	background: url(../fpc_img/tab.png) 100% 0; */
	/* background-color: transparent; */
	display: block;
	line-height: 17px;
	padding-right: 10px;
}

#acoesAbaToc ol li.current {
	/* border-bottom: 1px solid white; */
}

#acoesAbaToc ol li.current a {
/*	background-position: 0 -60px; */
 /*	background-color: white; */
	/* color: black; */
	/* font-weight: bold; */
}

#acoesAbaToc ol li.current span {
/*	background-position: 100% -60px;*/
	/* background-color: white; */
}

#acoesAbaToc .nivel {
	margin: 0;
	border: 0;
	height: 19px;
}

#acoesAbaNivel1 {
	padding: 0;
}

/*
#acoesAbaNivel1 ol li {
	border-bottom: 0;
}
*/

#acoesAbaNivel2 {
	padding: 0 0 0 3px;
}

#acoesAbaNivel3 {
	padding: 0 0 0 6px;
}

#acoesAbaLinha {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 5;
}

/* Frame de Transação - Área de dados */

#dadosContainer {
	position: fixed; 
	top: 110px; /* DEVE ser igual à acoesContainer.height */
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto; 
}

#dadosContainer .abaConteudo { /* Usado na div de conteúdo da aba */
	clear: left;
	padding: 1em;
}

#dadosContainer .abaConteudo table {
	margin: 0;
}

.dadosInnertube {
	/* margin: 0 15px 15px 15px; /* Pattern para prover padding dentro da div */
	width: 100%; /* Deixar 100% para ocupar toda largura da área de dados. */
	overflow: auto;
	margin: 0 auto;
}

/* Margem para telas sem abas. */

div.dadosInnertube table { 
	margin: 10px 10px 0 10px;
}

/* Listas */

div.dadosListaContainer {
	width: 100%;	 		/* deixar 100% para ocupar toda largura da área de dados */
	/* height: 200px; /* altura default, será mudada via JavaScript quando for a lista principal */
	overflow: auto;
	margin: 0 auto;
}
	
div.dadosListaInterna {
	margin: 15px 0 15px 0;
}

div.dadosListaContainer table {
	margin: 0;
	width: 100%;	/* deixar 100% para ocupar toda largura da área de dados */
}

div.dadosListaContainer table.rolagemHorizontal {
	width: 2000px; /* Colocar largura fixa em PX para gerar rolagem horizontal */
}

div.dadosListaContainer table>tbody	{	/* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	/*height: 180px;*/ /* Deixar 20px menor que a altura da div */
	overflow-x: hidden;
}
	
div.dadosListaContainer thead tr {
	position: relative; 
	top: expression(offsetParent.scrollTop); /* IE5+ only */
}
	
/* Remove borda superior da lista principal para evitar 
	 efeito de duplicação com a linha inferior das abas */
#lista thead td, 
#lista thead th { 
	border-top: 0;
}

/* Previne firefox de esconder conteúdo da última célula quando há rolagem * /
div.dadosListaContainer tbody td:last-child {
	padding-right: 20px;
}
*/

div.dadosListaContainer thead td, 
div.dadosListaContainer thead th {
}

div.dadosListaContainer thead td,
div.dadosListaContainer thead th:last-child,
div.dadosListaContainer tbody td:last-child,
div.dadosListaContainer thead th.last-child,
div.dadosListaContainer tbody td.last-child {
}
div.dadosListaContainer thead th a.asc {
	background: url('../fpc_img/seta_asc.gif') no-repeat right;
	padding-right: 17px;
}
div.dadosListaContainer thead th a.desc {
	background: url('../fpc_img/seta_desc.gif') no-repeat right;
	padding-right: 17px;
}

div.dadosListaContainer thead td a,
div.dadosListaContainer thead th a {
}

div.dadosListaContainer tbody td {
}
	
div.dadosListaContainer tbody td a,
div.dadosListaContainer tbody td a:visited {
}
	
div.dadosListaContainer .even { /* linhas pares */
} 

div.dadosListaContainer .odd { /* linhas ímpares */
} 

div.dadosListaContainer .selected { /* linhas selecionadas */
}

div.dadosListaContainer .over { /* linhas "sobrevoadas" */
}

/* Rodapé da lista */

.dadosListaRodape td {
}
	
.dadosListaRodape div {
	margin: 5px 0;
	text-align: center;
}

.dadosListaRodape select {
}

/* Hint */

#dadosHintBox {
	position: absolute;
	top: 0;
	width: 200px;
	padding: 3px;
	line-height: 18px;
	visibility: hidden;
	text-align: left;
}

.dadosHintLink {
	border: 0;
	padding: 5px;
	height: 14px;
	width: 16px;
	background: url('../fpc_img/ic_hint.gif') no-repeat;
	cursor: pointer;
}

/* Calendário */

#calendarioContainer {
	position: absolute; 
	visibility: hidden; 
	left: 479px; 
	top: 662px;	
}

#calendarioContainer table {
	margin: 0;
}

.calendarioIcone {
	border: 0;
	vertical-align: middle;
}

.calendariocpYearNavigation, 
.calendariocpMonthNavigation {
}

.calendariocpDayColumnHeader, 
.calendariocpYearNavigation, 
.calendariocpMonthNavigation, 
.calendariocpCurrentMonthDate, 
.calendariocpCurrentMonthDateDisabled, 
.calendariocpOtherMonthDate, 
.calendariocpOtherMonthDateDisabled, 
.calendariocpCurrentDate, 
.calendariocpCurrentDateDisabled, 
.calendariocpTodayText, 
.calendariocpTodayTextDisabled, 
.calendariocpText {
}

td.calendariocpDayColumnHeader {
}

.calendariocpCurrentMonthDate, 
.calendariocpOtherMonthDate, 
.calendariocpCurrentDate {
}

.calendariocpCurrentMonthDateDisabled, 
.calendariocpOtherMonthDateDisabled, 
.calendariocpCurrentDateDisabled {
}

.calendariocpCurrentMonthDate {
}

.calendariocpCurrentDate {
}

.calendariocpOtherMonthDate {
}

td.calendariocpCurrentDate {
}

td.calendariocpCurrentDateDisabled {
}

td.calendariocpTodayText, 
td.calendariocpTodayTextDisabled {
}

a.calendariocpTodayText, 
span.calendariocpTodayTextDisabled {
	height: 20px;
}

a.calendariocpTodayText {
}

span.calendariocpTodayTextDisabled {
}

.calendariocpBorder {
}

/* Página de Erro */

.erroTitulo {
}

.erroSubtitulo {
}

.erroDetalhe {
}

.erroLabel {
}

/* Hacks para IE6 no frame de Transação. */
* html body {
	/* Altura a partir da div acoesContainer (padding: acoesContainer.height 0 0 0) */
	padding: 110px 0 0 0; 
}

* html #dadosContainer {
	height: 100%; 
	width: 100%; 
}
#frmSoe {
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#caixaNav {
	background-image: url(../fpc_img/fundoSuperior.gif);
	background-repeat: repeat-x;
	width: 100%;
	position: absolute;
}