/**
 * Visualização do painel
 */
.paginaVisualizacao {
	background-color: #ffffff;
}

/**
 * Css dos componentes do painel de ranking
 */
div.overflowComponente {
	overflow: hidden;
	background: white;
	z-index: 998;
	width: 100%;
	height: 100%;
	position: relative;
}

div.overflowAguardeComponente {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 999;
}

div.overflowAguarde {
	position: relative;
	top: 45%;
}

/**
 * CSS do Componente de Ranking de Área
 */
.compRankingTabela {
	width: 100%;
	font-family: arial, helvetica, Lucida Sans, FreeSans;
	font-size: 11px;
}

	table.compRankingTabela tr th {
		padding: 4px;
		background-color: #D0D0D0;
		height: 25px;
	}

	table.compRankingTabela tr td {
		padding: 4px;
		background-color: #FDFDFD;
		text-align: center;
	}

	table.compRankingTabela tr.odd td {
		background-color: #F0F0F0;
	}
	
	table.compRankingTabela tr.even td {
		background-color: #ffffff;
	}

div.compRankingDivTabelaHeader {
	background-color: #ffffff;
	overflow: none;
}

div.compRankingDivTabelaHeaderConfiguracao {
	border: 0;
}

div.compRankingDivTabela {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

/**
 * CSS do Componente de Indicador de Área
 */
.compIndicadorTabela {
	width: 100%;
	font-family: arial, helvetica, Lucida Sans, FreeSans;
	font-size: 9px;
	table-layout: fixed;
}
	
	table.compIndicadorTabela tr th {
		padding: 4px;
		background-color: #D0D0D0;
		height: 25px;
	}

	table.compIndicadorTabela tr td {
		padding: 4px;
		background-color: #FDFDFD;
		text-align: center;
	}

	table.compIndicadorTabela tr.odd td {
		background-color: #F0F0F0;
	}
	
	table.compIndicadorTabela tr.even td {
		background-color: #ffffff;
	}

div.compIndicadorDivTabelaHeader {
	background-color: #ffffff;
	overflow: auto;
	border: 1px solid #000000;
	height: 98%;
}
 
 div.compIndicadorDivTabelaHeaderConfiguracao {
	border: 0;
	height: 100%;
}
 
/**
 * CSS do Componente de Texto
 */
div.compTexto {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
 
 
/**
 * CSS do Componente de Dispersao
 */
table.compDispersaoTabelaLayout {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	table-layout: fixed;
}
 
td.compDispersaoClassificadorVertical {
	background: url('../../img/seta_vertical2.gif') no-repeat;
	background-position:top center;
}

	td.compDispersaoClassificadorVertical div.compDispersaoClassificadorSetaVertical {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		font-size: 12px;
		left: -53px;
		padding: 10px 0;
		position: absolute;
		text-align: center;
		top: auto;
   		*letter-spacing: 1px;
   		*left: 2px;
	}

td.compDispersaoClassificadorHorizontal {
	background:url('../../img/seta_horizontal2.gif') no-repeat;
	background-position:center right; 
}

	td.compDispersaoClassificadorHorizontal div.compDispersaoClassificadorSetaHorizontal {
		line-height:20px;
		text-align:center;
		margin:5px auto;
		padding:0 10px;
		display:inline-block;
		font-size:12px;
	}	
	
	
/**
 * CSS do Componente Indicador Tabela do Painel de Controle
 */
 
table.compListagemPainelControle{
	border:1px solid #999;
	font-family: arial, helvetica, Lucida Sans, FreeSans; 
	font-size: 11px;
} 
	
table.compListagemPainelControle thead tr{
	background:#d9d9d9;
}

table.compListagemPainelControle tbody tr.impar{
	background:#f2f2f2;
}
table.compListagemPainelControle tbody tr.par{
	background:#fafafa;
}

table.compListagemPainelControle tbody tr:hover{
	background:#B2D5EC;
}