/************************************************************************************************
* Empresa: Globaltec S/A
* Website: http://www.uau.com.br
* Autor: Mayco Alexsander Nunes Lima.
*
* Produto: Portal UAU!
* Arquivo: portal.css
* Descrição: Folha de estilos para definição dos padrões de design das telas do PortalUAU!
*************************************************************************************************/

/********************************************
	FORMATAÇÕES GERAIS
*********************************************/

/* Links */
A, A:Visited {
	text-decoration: none;
	color: Blue;
}

A:Hover {
	text-decoration: underline;
}
/********************************************
	CLASSES
*********************************************/

/* Estilo definido para o menu do Portal */
.menu
{
	background-image: url('images/bar_Background.gif');
	border: 0px;
	padding: 0px;
	width: 777px;
	background-color: #DCDCDC;
}

/* Estilo definido para exibição de Labels com informações gerais */
.informacao {
	color: #215DC6;
	font-family:Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
}

/* Estilo definido para exibição de Labels com informações gerais em vermelho */
.informacaoVermelho {
	color: Red;
	font-family:Tahoma, Verdana, Arial;
	font-size: 8pt;
}

/* Estilo definido para os títulos exibidos na página para identificação do que se trata a página */
.tituloLinha
{
	border-bottom: #81AAF2 2px dashed;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #215DC6;
	vertical-align: top;
	width: 745px;
	text-align: left 
	/* color:  #81AAF2; */;
}

/* Estilo definido para deixar a tela cinza claro ao exibir em estilo modal */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=40);
	opacity:0.4;
}

/* Estilo definido para que seja exibido na tela a imagem de processamento quando estiver executando algo na página */
.modalCarregando
{
	background: url(images/img_loading-drip-circle-azul.gif) fixed no-repeat 35% center;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
}

/* Estilo definido para exibição do panel modal popup com cor, bordas e posicionamento definidos sem utilização do
   controle DragPanelExtender do Ajax */
.modalPopup {
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #F0F8FF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	left: 20%;
	top: 50%;
	position: absolute;
	z-index: 1;
}

/* Estilo definido para ser utilizando em panel estilo popup definindo uma área drag que possa ser arrastada */
.modalDrag {
	background-color: #F0F8FF;
	left: 0%;
	top: 0%;
	height: 10%;
	width: 100%;
	/*position: absolute;
	z-index: 1;*/
}

/* Estilo definido para exibição do panel popup de mensagem */
.modalMensagem
{
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	left: 25%;
	top: 50%;
	width: 250px;
	position: absolute;
	z-index: 1;
	text-align: justify;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #F0F8FF;
}

/* Estilo definido para exibição do panel popup com cor e bordas definidas a ser utilizado em conjunto com o 
   controle DragPanelExtender do Ajax */
.popup {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #F0F8FF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

/* Estilo definido para exibição do panel popup com cor e bordas definidas a ser utilizado em conjunto com o 
   controle DragPanelExtender do Ajax sendo exibido no topo da página */
.popupTopo {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #F0F8FF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	left: 0px;
	top: 0px;
	position: absolute;
}


/* Estilo definido com o intuito de agrupar os controles formando uma caixa */
.div
{
	padding: 2px;
	margin: 2px;
	border-right:silver 1px solid;
	border-top:silver 1px solid; 
	border-left:silver 1px solid; 
	border-bottom:silver 1px solid; 
	font-family:Tahoma, Verdana, Arial;
	font-size:8pt;
	text-align:left;
	width:99%;
}

/* Estilo definido para alinhar o texto a esquerda */
.textoAlinhadoEsq
{
	text-align:left; 
}

/* Estilo definido para alinhar o texto a direita */
.textoAlinhadoDir
{
	text-align:right; 
}

/* Estilo definido para alinhar o texto de forma centralizada */
.textoAlinhadoCentro
{
	text-align:center; 
}

/* Estilo definido para alinhar o texto de forma justificada */
.textoAlinhadoJust
{
	text-align:justify; 
}

/* Estilo definido para colorir a área do campo editável */
.campoEditavel
{
    background-color: #FFFFC0;
    color: #0000CC;
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
}

.botao
{
	text-align:center; 
	font-family:Tahoma, Verdana, Arial;
	font-size:9pt;
}

/* Estilo definido para o Label que mostra a mensagem no momento do processamento da página (barra de progresso)*/
.carregando
{
	background-color:#B5C7DE;
	color: #215DC6;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial;
	font-size:9pt;
	text-align:left; 
}

/* Estilo definido para a tabela montada para o relatório utilizado com ListView */
.tabela
{
	width: 100%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	margin-bottom: 4px;
}

/* Estilo definido para o título da tabela montada para o relatório utilizado com ListView */
.tituloTabela
{
	background-color: #B5C7DE;
	font-weight: bold;
	text-align: center; 
	width: 100%;
}

/* Estilo definido para a linha da tabela montada para o relatório utilizado com ListView */
.linhaTabela
{
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}

/* Estilo definido para o layout em formato de grid utilizado com ListView */
.grid
{
    border-top: solid 1px #E4EFF4;
    border-left: solid 1px #E4EFF4;
    font-family: Tahoma, Verdana, Arial;
    font-size: 8pt;
    width: 100%;
}
.grid TABLE
{
    width: 100%;
}
/* grid headers */
.grid .head TH
{
    border-right: solid 1px #E4EFF4;
    border-bottom: solid 1px #E4EFF4;
    background-position: #B5C7DE;
    background: #B5C7DE;
    font-size: 8pt;
    font-family: Tahoma, Verdana, Arial;
    font-weight: bold;
    color: #215DC6;
    text-align: center;
}
/* Estilo definido para o item agrupador do grid por exemplo */
.group
{
    border-top: solid 1px #E4EFF4;
    border-left: solid 1px #E4EFF4;
	background-color: #EFF3FB;
}
/* Estilo definido para o item agrupador para cada coluna da tabela por exemplo */
.group TD
{
	font-family: Tahoma, Verdana, Arial;
	color: #000000;
	font-size: 8pt;
    border-right: solid 1px #E4EFF4;
    border-bottom: solid 1px #E4EFF4;
}
/* Estilo definido para ser utilizado como fundo de uma linha da tabela por exemplo */
.fundo
{
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #E3EAEB;
	margin-right: 4px;
	margin-left: 4px;
}
/* Estilo definido para ser utilizado na linha da tabela por exemplo, no item template de seleção */
.selecionado
{
	background-color: #B5C7DE;
}
/*Definida esta classe para que seja utilizada em controles não formatados pelo Skin.
  Não está sendo utilizado formatação geral tais como body, * devido afetar na formatação
  como um todo assim refletindo em partes formatadas pelo usuário, por exemplo na conf.
  do cadastro de proposta parte do resumo textual sendo visualizado no resumo da proposta
  de venda cadastrada.
  Criação: Evelyn Rodrigues Sales Barbosa
*/
.fontePortalUAU
{
	font-family:Tahoma, Verdana, Arial;
	font-size:8pt;
}

.fontePortalUAUMedia
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
}

.fontePortalUAUGrande
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12pt;
}

/*Estilos definidos para montagem de um layout com colunas, agrupamento de linhas, linhas e células,
  deixando assim de utilizar tabelas.
  Criação : Evelyn Rodrigues Sales Barbosa Data: 23/06/2009
  Projeto : 46726  
*/
ul.coluna
{
	padding: 2px;
	margin: 0px;
	float: left;
	width: 100%;
	list-style-type: none;	
}

ul.coluna ol
{
	padding: 2px;
	margin: 2px;
	float: left;
	width: 98%;
	border: silver 1px solid;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	text-align: left;
	left: 0px;
}

ul.coluna ol li
{ 
	padding: 2px; 
	display: inline; 
	float: left; 
	width: 97%;
}

ul.coluna ol li a
{
	padding: 2px;
	float: left;
	color: #000000;
	text-decoration: none;
}

/* Definição de coluna sem bordas com estrutura geral, linha e célula*/
ul.colunasemborda
{
	padding: 2px;
	margin: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}

ul.colunasemborda ol
{
	padding: 2px;
	margin: 2px;
	float: left;
	width: 98%;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	text-align: left;
	left: 0px;
}

ul.colunasemborda ol li
{ 
	padding: 2px; 
	display: inline; 
	float: left; 
	width: 98%;
}

ul.colunasemborda ol li a
{
	padding: 2px;
	float: left;
	color: #000000;
	text-decoration: none;
}

/* Definição de coluna sem células somente estrutura geral e linhas com bordas*/
ul.colunasemcelula
{
	padding: 2px;
	margin: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}

ul.colunasemcelula ol
{
	padding: 2px;
	margin: 2px;
	float: left;
	width: 98%;
	border: silver 1px solid;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	text-align: left;
	left: 0px;
}

ul.colunasemcelula ol li
{ 
	padding: 2px; 
	display: inline; 
	float: left; 
	width: 98%;
}

/*Estilos definidos para utilização no cabeçalho do grid para exibir a imagem de direção de ordenação
  Criação : Evelyn Rodrigues Sales Barbosa Data: 08/07/2009
  Projeto : 46726
*/
.gridHeader  
{
	font-weight:bold;
}
.gridHeader a
{
    padding-right:20px; padding-left:3px; padding-bottom:0px; padding-top:0px;
}
.gridHeader a:hover  
{
	text-decoration: underline;
}
.gridHeaderSortASC a
{
    background: url(images/img_direcao-crescente.png) no-repeat 95% 50%;
}
.gridHeaderSortDESC a
{
	background: url(images/img_direcao-decrescente.png) no-repeat 95% 50%;
}
/* Estilo definido para o cursor a ser exibido em determinadas situações */
.cursorPointer
{
    cursor: pointer;
}
.cursorDefault
{
    cursor: default;
}
.colunaOculta
{
  display:none;
}