/* 
 * ATENÇÃO: Este arquivo contém os estilos padronizados e não deve ser 
 * alterado na aplicação.
 */
body {
	background: #EEEEEE;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0;
/*	text-align: center;*/
}

div {
	border: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

hr,.separator {
	border: 1px;
	color: #CCCCCC;
	background-color: gray;
	height: 1px;
	width: 100%;
	text-align: left;
}

table {
	border-collapse: collapse;
}

img {
	border: 0px;
	margin: 0;
}

table.document,table.headerSection {
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.document {
	text-align: center;
	border-left: 1px solid #104579;
	border-right: 1px solid #104579;;
	border-bottom: 1px solid #104579;;
	width: 780px;
}

.headerSection {
	width: 100%;
}

.appLogo {
	border: 0px;
	width: 100%;
	height: 60px;
}

.appMenuBar {
	width: 100%;
	background-color: #FFCC01;
	height: 23px;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	border-bottom: 4px solid #9C6300;
}

.appUser {
	
}

td.appMenu {
	text-align: right;
}

.contentPane {
	width: 100%;
	padding: 2px;
	padding-top: 6px;
	text-align: center;
	vertical-align: top;
}

.appMainFormPanel {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 250px;
	min-height: 250px;
	padding: 0px;
}

.appFormPanel {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #EEEEEE;
	vertical-align: middle;
	border: 0px;
	padding: 0px;
}

.appFormContentPanel,.appMasterFormPanel {
	padding: 5px;
	text-align: left;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

.appMasterFormPanel {
	font-size: 1em;
}

.appFormButtonsPanel {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.appButtonsPanel {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}

.appLabelsPanel {
	text-align: right;
	width: 40%;
}

.appFieldsPanel {
	text-align: left;
	width: auto;
}

/*
 * <rich:panel>
 */
.appPanel {
	border: 1px solid #365a7c;
}

/*
 * Cabeçãlho do <rich:panel>
 */
.appPanelHeader,.rich-panel-header {
	color: #FFFFFF;
	background: none;
	background-color: #365a7c;
	border: 1px solid #365a7c;
}

/*
 * Corpo do <rich:panel>
 */
.appPanelBody {
	
}

/*
 * Tabela de dados
 */
.appDataTable {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	/*border: 1px solid #365a7c;*/
	padding: 0px;
}

/*
 * Cabeçalhos das tabelas
 */
.appDataTable th,.appInnerDataTable th,.appDataTableHeaderCol,.appInnerDataTableHeaderCol,.appDataTableHeaderSubCol,.appInnerDataTableHeaderSubCol
	{
	font-weight: bold;
	text-align: center;
	font-size: .8em;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 1px;
	background: none;
	background-color: #365a7c;
}

/*
 * Sub-coluna do cabeçalho (quando usar grupos de colunas)
 */
.appDataTableHeaderSubCol,.appInnerDataTableHeaderSubCol {
	background-color: #6699CC;
}

/*
 * Colunas de dados das tabelas
 */
.appDataTable td,.appInnerDataTable td,.appDataTableCol,.appInnerDataTableCol
	{
	font-size: .7em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #FFFFFF;
	background-color: #DDDDDD; 
	vertical-align: top;
	margin: 0px;
}

/*
 * Agrupamento 
 */
.appDataTableGroup1 {
	background-color: #DCDCDC;
	color: black;
	border: 1px solid #FFFFFF;
	padding: 1px;
}

/*
 * Tabela aninhada
 */
.appInnerDataTable {
	width: 99%;
	margin: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Cabeçãlho de tabela aninhada
 */
.appInnerDataTable th,.appInnerDataTableHeaderCol {
	font-size: 1em;
	border: 1px;
}

/*
 * Coluna de dados de tabela aninhada
 */
.appInnerDataTable td,.appInnerDataTableCol {
	font-size: 1em;
	padding: 0px;
	border: 1px;
}

/*
 * Linha da tabela zebrada (cor 1)
 */
.appDataTableRowA1 {
	color: #000000;
	background-color: #EEEEEE;
}

/*
 * Linha da tabela zebrada (cor 2)
 */
.appDataTableRowB1 {
	color: #0d3966;
	background-color: #DDDDDD
}

/*
 * Linha da tabela zebrada 2º opção (cor 1)
 */
.appDataTableRowA2 {
	color: #000000;
	background-color: #FFFFFF;
}

/*
 * Linha da tabela zebrada 2º opção (cor 2)
 */
.appDataTableRowB2 {
	color: #0d3966;
	background-color: #a3d0ff;
}

/*
 * Legenda da tabela.
 */
td.tableLegend {
	color: #9C6300 !important;
	background-color: #EEEEEE !important;
	font-size: .7em !important;
	font-weight: normal !important;
	border-top: 1px solid #365a7c !important;
}

.messagesPanel {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	min-height: 60px;
	background-color: #DDDDDD;
	font-size: .8em;
	text-align: justify;
	font-weight: bold;
	text-decoration: none;
}

.errorPanel {
	border: 1px solid #FF0000;
}

.infoPanel {
	border: 1px solid #6699CC;
}

.messageIcon {
	width: 40px;
}

.messageSummary {
	
}

.errorMessages {
	color: #FF0000;
}

.infoMessages {
	color: #104579;
}

.dbInfo {
	font-size: 8pt;
}

.status,.statusPanel {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #104579;
}

.statusPanel {
	width: 550px;
}

.infoNotePanel {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.infoNote {
	text-align: left;
	font-size: .7em;
	font-weight: bold;
	color: #104579;
}

.progressBar {
	width: auto;
	font-size: 8pt;
	padding: 2px;
	border: 1px solid #104579;
	color: #104579;
}

.progressBarText {
	font-size: .8em;
	font-weight: bold;
	padding: 2px;
	border: 3px;
	color: #104579;
}

.formSessionHeader {
	color: #104579;
	font-size: 13pt;
}

.formSessionHeader h1 {
	margin-top: 3px;
	color: #104579;
	font-size: 13pt;
}

/*
 * Versão da aplicação
 */
.appVersion {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
}

/*
 * Texto com dados da aplicação 
 */
.appDataLabel {
	font-size: .8em;
	vertical-align: middle;
	font-weight: bold;
}



label {
	cursor: pointer;
	vertical-align: top;
	font-size: .9em;
}

/**********************************************/
	/* Campos de formulário */
	/**********************************************/
input,textarea,button,select {
	color: #104579;
	border: 1px solid #6699CC;
}

select {
	color: #104579 !important;
	border: 1px solid #6699CC !important;
}

.appInput input,.appInput select,.appPassword input {
	color: #104579;
	border: 1px solid #6699CC;
}

.appInput input:hover,.appInput select:hover,.appPassword input:hover,textarea:hover,select:hover
	{
	background-color: #EEEEEE;
}

input[type="text"]:hover,input[type="password"]:hover {
	background-color: #EEEEEE;
}

option {
	color: #104579;
	padding: 0 5px;
}

/*
 * Campos de entrada de dados
 */
.appButton,.appButtonDisabled {
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	vertical-align: middle;
	overflow: visible;
	width: 8em;
}

button,input[type="submit"],input[type="reset"],input[type="button"] {
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	vertical-align: middle;
	overflow: visible;
}

.appButtonDisabled,button[disabled] {
	color: #AAAAAA;
	cursor: default;
}

.appButton input:focus,.appButton input:hover,.appButton button:hover,.appButton button:focus,button:focus,button:hover
	{
	border: 1px solid #6699CC;
	background-color: #DDDDDD;
}

input[type="submit"]:focus,input[type="submit"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="button"]:focus,input[type="button"]:hover
	{
	border: 1px solid #6699CC;
	background-color: #DDDDDD;
}

/* valores necess?ios para tirar a caixa que aparece no IE. 
	Indiferente para o Firefox */
.appCheckbox input,.appRadioButton input {
	background-color: transparent;
	border: 0;
}

input[type="checkbox"],input[type="radio"] {
	background-color: transparent;
	border: 0;
}

/**********************************************/ /* Links */
	/**********************************************/ /*
 * Estilos dos links
 */
a,a.appCommandLink,a.xi {
	color: #104579 !important;
	text-decoration: none !important;
}

td .appCommandLink,td a,td xi {
	font-size: 1em !important;
}

a:hover {
	text-decoration: underline !important;
}

/**********************************************/ /* CoolMenu */
	/**********************************************/
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
}

.ThemeOfficeMenu {
	margin-left: auto;
	margin-right: 0px;
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
	{
	text-align: left;
	padding: 0px;
	padding-right: 4px;
}

.ThemeOfficeMainItem {
	background-color: #FFCC01;
	border: 0px solid #FFCC01;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive {
	background-color: #FFFF99;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive {
	padding-right: 4px;
	border: 0px solid #FFFF99;
}