/* Arquivo de estilos de elementos e classes reusáveis e/ou globais */

/**********************************
 ** Estilo Básico **
 **********************************/

/* Corpo da página */
body
{
	margin: 0;
	background-color: #F0F0F0;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	min-width: 770px;
}

/* Estilo do caminho no sistema */
.Caminho
{
	color: #505050;
	font-weight: bold;
	background-color: #F0F0F0;

	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid black;
}

/* Estilo do título */
.Titulo
{
	font-size: 14px;
	font-weight: bold;
	color: Navy;

	margin: 4px 0px 0px 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid black;
}

/* Estilo do div que contém o conteúdo da página */
.Conteudo
{
	padding: 5px;
	overflow: auto
}

/* Estilo das tabelas utilizadas para posicionamento de conteúdo */
.Conteudo table { width: 100%; }
.Conteudo td { vertical-align: top; }

/* Estilo do div que contém o botão voltar */
/* Obs: Deve ser inserido dentro do quadro título, antes do texto */
.Voltar
{
	float: right;
	padding-right: 5px;
	margin-top: 2px;
}

/* Estilo dos Labels em negrito */
.Negrito { font-weight: bold; }

/* Estilo dos Labels de aviso */
.Aviso { font-style: italic; color:#505050; }

/* Estilo do quadro que contém um aviso */
.QuadroAviso { text-align: center; }

/* Estilo dos Labels de erro */
.Erro { font-style: italic; font-weight: bold; color: Red; }

/* Estilo das marcas d'agua das TextBoxs */
.MarcaDagua {

	border: 1px solid #BEBEBE;
	background-color: White;
	color: Gray;
	font-style: italic;

}	


/**********************************
 ** Links **
 **********************************/

/* Estilo base dos links */
/* Obs: Todos os links devem herdar esse estilo */
.Link, .LinkHover, .LinkBotao, .LinkNegrito, .LinkHoverNegrito, .LinkBotaoNegrito
{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}

/* Estilo dos links que trocam de página */
.Link, .LinkNegrito, a.Link:visited, a.LinkNegrito:visited { color: Blue; }

/* Estilo dos links ativados com hover */
.LinkHover, .LinkHoverNegrito, a.LinkHover:visited, a.LinkHoverNegrito:visited
{
	color: Navy;
	text-decoration: none;
}

/* Estilo dos links que realizam uma ação */
.LinkBotao, .LinkBotaoNegrito, a.LinkBotao:visited, a.LinkBotaoNegrito:visited { color: Black; }

/* Estilo dos links em negrito */
.LinkNegrito, .LinkHoverNegrito, .LinkBotaoNegrito { font-weight: bold; }


/**********************************
 ** PopUps **
 **********************************/

/* Estilo básico de todos os PopUps */
/* Todos os tipos de PopUp devem herdar esse estilo */
.JanelaPopUp, .HoverPopUp
{
	background-color: #F0F0F0;
	border: 1px solid black;
}

/* Estilo dos quadros mostrados com hover em botão */
.HoverPopUp { padding: 3px; font-weight:normal; visibility: hidden; }

/* Estilo das janelas PopUp */
.JanelaPopUp { padding: 3px; }

/* Estilo do fundo da página quando uma janela modal está ativa */
.FundoPaginaModal
{
	background-color:Gray;
	/* Propriedades definidas nos navegadores, mas não na especificação do CSS */
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/* Estilo do botão de fechar janela de popup*/
.Fechar
{
	float:right;
}


/**********************************
 ** Controle **
 **********************************/

/* Estilo do div correspondente ao cabeçalho de um controle */
.ControleCabecalho
{
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #161F6F;
	padding: 2px;
}

/* Estilo do div correspondente ao conteúdo de um controle */
.ControleConteudo, .ControleConteudoPainel
{
	background-color: #F0F0F0;
	border: 1px solid Black;
	border-top: 0;
	padding: 5px;
}

/* Estilo do div correspondente ao conteúdo de um controle apresentado como painel */
.ControleConteudoPainel
{
	border: 1px dashed gray;
	border-top: 0;
}

/* Estilo das células dentro de tabelas no conteúdo de controles */
.ControleConteudo td { vertical-align: middle; }

/* Estilo do div correspondente a um sub-cabeçalho de um controle */
.ControleSubCabecalho
{
	color: Black;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
	padding: 3px;
	border: solid 1px Black;
}

/* Estilo dos divs correspondentes a conteúdos de controle centralizados */
.ControleConteudoCentralizado
{
	text-align: center;
	padding: 5px 0 5px 0;
}


/**********************************
 ** Controles ASP.NET **
 **********************************/

/* Estilo dos controles que disparam alguma ação quando ativados */
.Acao { cursor: pointer; }

/* Estilo dos controles que contém imagens */
.Imagem { vertical-align: text-bottom; /*margin-top: 1px;*/ }

/* Estilo das DropDownLists */
.DropDownList { width: 100%; font-size: 11px; }

/* Estilo das DropDownLists */
.TextBox { width: 100%; font-size: 11px; }


/**********************************
 ** GridView **
 **********************************/

/* Estilo do GridView */
.EstiloGrid
{
	border: 1px solid White;
	width: 100%;
	text-align: center;
}

/* Estilo do cabeçalho do GridView */
.CabecalhoGrid
{
	background-color: #C0C0C0;
	font-weight: bold;
	padding: 2px;
	color: darkBlue;
}

/* Estilo de uma linha do GridView */
.LinhaGrid
{
	border: 1px solid White;
	padding: 2px;
}


/**********************************
 ** Botões **
 **********************************/

.BotaoInvisivel { visibility: hidden; position: absolute;}

/*TODO: Revisar toda a classe de estilos de botões*/
.BotaoPequeno, .BotaoMedio, .BotaoGrande, .BotaoExtraGrande
{
	padding-top: 0px;
	text-align: center;
	font-size: 11px;
	font-family: Trebuchet MS, Sans-Serif;
	color: #FFFFFF;
	background-color: transparent;
	border-style: none;
	cursor: pointer;
	height: 22px;
}

.BotaoPequeno:hover, .BotaoMedio:hover, .BotaoGrande:hover, .BotaoExtraGrande:hover { color:Yellow; }

.BotaoPequeno {	width: 69px;	background-image: url(../../Imagens/BotaoPequeno.gif); }
.BotaoMedio { width: 92px; background-image: url(../../Imagens/BotaoMedio.gif); }
.BotaoGrande { width: 115px; margin: 2px; background-image: url(../../Imagens/BotaoGrande.gif); }
.BotaoExtraGrande {	width: 145px; background-image: url(../../Imagens/BotaoExtraGrande.gif); }

.BotaoInformacao { width: 12px; height: 12px; vertical-align: text-bottom; cursor: pointer; background-image: url(../../Imagens/Informacoes.gif); border-style: none; background-color: transparent; }
.BotaoAtualizar { width: 16px; height: 16px; background-image: url(../../Imagens/Atualizar.gif); border-style: none; cursor: pointer; background-color: transparent; }

/**********************************
 ** Calendário **
 **********************************/

.Calendario
{
	border-color: #999999;
	font-size: 8pt;
	font-family: Verdana;
	color: Black;
	width: 200px;
	background-color: White;
	height: 180px;
	z-index: 9;
}

.DiaAtual, .SeletorCalendario, .CabecalhoDia
{
	 background-color: #CCCCCC; 
}

.CabecalhoDia
{
	font-size: 7pt;
	font-weight: bold;
}

.DiaSelecionado
{
	font-weight: bold;
	background-color: #666666;
	color: White;
}

.OutroMes
{
	 color: #808080;
}

.DiaAtual
{ 
	color: Black;
	border: 2px solid Blue;
}

.TituloCalendario
{
	border-color: Black;	
	font-weight: bold;
}

.AgrupamentoEsquerda
{
	float: left;
}