/*
Este é o arquivo de definição de todos os estilos utilizados pelos componentes visuais do módulo JSP do UnIFW.J2EE.
*/

a:link       {  color: #006699; text-decoration: none; font-size: 8pt; font-family: Verdana }
a:visited    {  color: #006699; text-decoration: none;font-size: 8pt; font-family: Verdana}
a:active     {  font-size: 8pt; font-family: Verdana }
a:hover      {  text-decoration: underline; font-size: 8pt; font-family: Verdana}

body         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #006699; margin:0, 0, 0, 0}

p            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:
               #006699; line-height: 100%; margin-top: 0; margin-bottom: 10 }
table        { font-family: Verdana; font-size: 9pt }

input        { font-family: Verdana; font-size: 8pt; color: #006699 }

h1           { font-family: Verdana; font-size: 10pt; color: #006699; font-weight: bold;
               line-height: 100%; text-align: Left; margin-top: 0;
               margin-bottom: 10 }

select       { font-family: Times New Roman; font-size: 8pt; /*color: #006699*/ }


/* Estilo dos botões(SubmitButtonControl)*/
.btn         {    background-color: #E6ECF1;
		          font-family: Verdana, Arial, Helvetica, sans-serif;
		          font-size: 8pt;
		          font-weight: bold;
		          color: #006699 }

/* Estilo utilizado pelos rótulos(labels) das caixas (TextBox, DateTimeBox, Combobox etc)*/
/*Estilo para um label de um campo normal*/
.txtcpn      { font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: bold;
               padding-left: 2 }

/*Estilo para um label de um campo obrigatório(required)*/
.txtcpr      { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #000000; font-weight: bold;
               padding-left: 2 }

/*Estilo para um label de um campo que possui valores inválidos.(opcional)*/
.txtcpp      { font-family: Verdana; font-size: 8pt; color:
               #FF0000; font-weight: bold;
               padding-left: 2 }


/*Estilos utilizados para agrupar componentes em containers. Ex.: um formulário.
Na prática, um container é uma tabela(TABLE) na qual componentes inseridos de forma agrupada.
Todo container pode possuir um cabeçalho, um corpo e um rodapé*/
/*Estilo do cabeçalho do container*/
.ctnhdr      { background-color: #77AADD; font-family: Verdana; font-size: 10pt; color:
               #FFFFFF; font-weight: bold;
               padding-left: 2 }
/*Estilo do corpo do container*/
.ctnbdy      { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; padding-left: 2; padding-top: 2 }
/*Estilo do rodapé do container*/
.ctnftr      { background-color: #77AADD; font-family: Verdana; font-size: 8pt; color:
               #FFFFFF; font-weight: normal;
               padding-left: 2 }
/*Estilo do link de execução*/
.ctnlnk      { background-color: #77AADD; font-family: Verdana; font-size: 10pt; color:
               #000000; font-weight: bold; }

/*Estilos dos links que podem existir no rodapé do container*/
.ctnftrlnk:link    { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-family: Verdana }
.ctnftrlnk:active  { color: #efefef; text-decoration: none}
.ctnftrlnk:visited { color: #efefef; text-decoration: none}
.ctnftrlnk:hover   { color: #efefef; text-decoration: underline}


/*Estilos associados a tabelas (TABLES)*/
.tabinp      { font-family: Arial; font-size: 8pt; position: relative; height: 18 }

/*Estilo do cabeçalho da tabela*/
.tabhdr      { background-color: #77AADD; font-family: Verdana; font-size: 10pt; color:
               #FFFFFF; font-weight: bold; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo do cabeçalho da primeira coluna da tabela*/
.tabchf      { background-color: #EEFEFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: bold; border-bottom: 1 solid #FFFFFF;
               padding-left: 2}
/*Estilo do cabeçalho de colunas da tabela*/
.tabchi { background-color: #EEFEFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: bold; border-bottom: 1 solid #FFFFFF; border-left: 1 solid #FFFFFF;
               padding-left: 2; text-align:center}
/*Estilo do cabeçalho da última coluna da tabela*/
.tabchl { background-color: #0285c6; font-family: Verdana; font-size: 8pt; color:
               #FFFFFF; font-weight: bold; border-bottom: 1 solid #FFFFFF; border-left: 1 solid #FFFFFF;
                padding-left: 2 }
/* Os estilos das linhas de detalhes são dois(1 e 2) para possibilitar o destaque entre linhas pares e impares*/
/*Estilo 1 da primeira coluna da tabela*/
.tabd1f { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 1 das colunas internas da tabela*/
.tabd1i { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 1 das colunas internas da tabela*/
.tabd1V { background-color: #FFAA00; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 2 das colunas internas da tabela quando está em Andamento*/
.tabd1iAnd { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
				green; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
				padding-left: 2 }
/*Estilo 2 das colunas internas da tabela quando está em Auditoria*/
.tabd1iAud { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
				red; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
				padding-left: 2 }
/*Estilo 1 da última coluna da tabela*/
.tabd1l { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 2 da primeira coluna da tabela*/
.tabd2f { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 2 das colunas internas da tabela*/
.tabd2i { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 2 das colunas internas da tabela quando está em Andamento*/
.tabd2iAnd { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
				green; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
				padding-left: 2 }
/*Estilo 2 das colunas internas da tabela quando está em Auditoria*/
.tabd2iAud { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
				red; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
				padding-left: 2 }
/*Estilo 2 da última coluna da tabela*/
.tabd2l { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;  border-left: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo do rodapé*/
.tabftr      { background-color: #77AADD; font-family: Verdana; font-size: 10pt; color:
               #FFFFFF; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }

/*Estilos dos links existentes no rodapé da tabela*/
.tabftrlnk:link { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-family: Verdana }
.tabftrlnk:active {  color: #efefef; text-decoration: none}
.tabftrlnk:visited {  color: #efefef; text-decoration: none}
.tabftrlnk:hover {  color: #efefef; text-decoration: underline}

/*Estilos dos links existentes no cabeçalho da tabela*/
.tabhdrlnk:link       { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: bold }
.tabhdrlnk:active {  color: #efefef; text-decoration: none}
.tabhdrlnk:visited {  color: #efefef; text-decoration: none}
.tabhdrlnk:hover {  color: #efefef; text-decoration: underline}

/*Estilo dos links existentes nas linhas da tabela*/
.tabdetlnk:link { color: #006699; text-decoration: none; font-size: 8pt; font-family: Verdana }
.tabdetlnk:active {  color: #006699; text-decoration: none}
.tabdetlnk:visited {  color: #006699; text-decoration: none}
.tabdetlnk:hover {  color: #006699; text-decoration: underline}

/* Estilo utilizado por treeviews */
/*Estilo do cabecçalho*/
.tvhdr      { background-color: #006699; font-family: Verdana; font-size: 10pt; color:
               #FFFFFF; font-weight: bold; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo do texto que exibe o caminho raiz*/
.tvaddr     { background-color: #0285c6; font-family: Verdana; font-size: 8pt; color:
               #FFFFFF; font-weight: bold; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 1 da linha detalhe da treeview*/
.tvdet1     { background-color: #efefef; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }
/*Estilo 2 da linha detalhe da treeview*/
.tvdet2     { background-color: #FFFFFF; font-family: Verdana; font-size: 8pt; color:
               #006699; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }

/*Estilo do rodapé da treeview*/
.tvftr      { background-color: #006699; font-family: Verdana; font-size: 10pt; color:
               #FFFFFF; font-weight: normal; border-bottom: 1 solid #FFFFFF;
               padding-left: 2 }

/*Estilos dos links existentes no rodapé da treeview*/
.tvftrlnk:link    { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: normal  }
.tvftrlnk:active  { color: #FFFFFF; text-decoration: none }
.tvftrlnk:visited { color: #efefef; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: normal  }
.tvftrlnk:hover   { color: #FFFFFF; text-decoration: underline  }

/*Estilos dos links existentes nas linhas da treeview*/
.tvdetlnk:link    { color: #006699; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: normal }
.tvdetlnk:active  { color: #006699; text-decoration: none }
.tvdetlnk:visited { color: #006699; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: normal }
.tvdetlnk:hover   { color: #006699; text-decoration: underline }


/* Estilo das setas de ordenação do grid */
span.setaGrid {
    font-size: 18px;
}

/* Estilo dos links do cabeçalho de ordenção */
a.cabecalhoOrd:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
    font-weight: normal;
}
a.cabecalhoOrd:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Verdana;
    font-weight: normal;
}
a.cabecalhoOrd:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
    font-weight: normal;
}
.txtReadOnly2 {
    border-style: none;
    background-color: transparent;
	color: #006699;
    font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
.txtReadOnlyAudit {
    border-style: none;
    background-color: transparent;
	color: #006699;
    font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 100%
}
.txtReadOnly {
    border: none;
    background-color: transparent;
    font-family: Verdana;
	font-size: 11px;
}
/*usado na tela resumo incluir pratica tela de detalhe*/
.label {
	font-family: Verdana;
	FONT-SIZE: 10px;
	background-color: #D8EAF5;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
}

/*campos tipo readonly*/
.fieldlock {
	font-family: Verdana;
	font-weight: bold;
	FONT-SIZE: 10px;
	background-color: #CCCCCF;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
}

/*Abas da página*/
td.abaAtiva {
	background-color: background;
	width: 140;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
a.abaAtiva:link {font-family: Verdana; font-size: 8pt;color: #FFFFFF;font-weight: bold; }
a.abaAtiva:visited {font-family: Verdana; font-size: 8pt;color: #FFFFFF;font-weight: bold; }
a.abaAtiva:active {font-family: Verdana; font-size: 8pt;color: #FFFFFF;font-weight: bold; }
a.abaAtiva:hover {font-family: Verdana; font-size: 8pt;color: #FFFFFF;font-weight: bold; }

td.abaInativa {
	background-color: lightskyblue;
	width: 140;
	text-align: center;
	color: Black;
	font-weight: normal;
}
a.abaInativa:link {color: Black; font-family: Verdana; font-size: 8pt; font-weight: normal; }
a.abaInativa:visited {color: Black; font-family: Verdana; font-size: 8pt; font-weight: normal; }
a.abaInativa:active {color: Black; font-family: Verdana; font-size: 8pt; font-weight: normal; }
a.abaInativa:hover {color: Black; font-family: Verdana; font-size: 8pt; font-weight: normal; }

/*estilo dos hints para detalhamento*/
.jshintbox {
    position:         absolute;
    display:          none;
    visibility:       hidden;
    width:            240px;
    border:           1px solid #000000;
    background-color: #FFFFDD;
    color:            #000000;
    padding:          2px;
    font-family:      verdana,arial, helvetica, sans-serif;
    font-size:        10px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}