/*
################################################################################
PROCEMPA
T/DES - Célula de Desenvolvimento de Software
CSS - Cascading Style Sheets Padrão do Projeto ProTldsHtml
Autores: Alex Araujo e Alex Gouvêa
Data de Criação: 30/10/2003
################################################################################
################################################################################
Classes de Uso Geral
################################################################################
*/
/* Formata um padrão para as páginas da aplicação */
BODY
{
FONT-FAMILY: Trebuchet, Sans-Serif, Sans, Geneva, Arial, Helvetica;
BACKGROUND-COLOR: #FFFFFF;
FONT-SIZE: 10px;
MARGIN : 0;
}
/* Formada o para a página de cabeçalho */
BODY.headerPage
{
MARGIN : 0px;
}
HR
{
}
INPUT, SELECT, TD, TH, SPAN, TR, TEXTAREA
{
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
}
/*
################################################################################
Classes de Cabeçalho e Rodapé
################################################################################
*/
.siglaSistema
{
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
FONT-SIZE: 28px;
FONT-WEIGHT: bolder;
COLOR: #6EADD5;
}
.nomeSistema
{
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #000000;
BACKGROUND: #CCCCCC;
}
.userid
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
BORDER-WIDTH : 0px;
BORDER-COLOR : #FFFFFF;
COLOR: #333366;
BACKGROUND-COLOR : transparent;
TEXT-ALIGN : right;
VERTICAL-ALIGN: top;
}
.nomeUsuario
{
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #6EADD5;
BACKGROUND: #CCCCCC;
}
.nomeOrgao
{
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #000000;
TEXT-DECORATION: none;
}
/*
################################################################################
Classes de Procempa.Taglib.Formulario
################################################################################
*/
/* Define a aparência do separatorGrid com linha separadora superior */
.separatorGrid1, .separatorGrid2, .separatorGrid3, .separatorGrid4, .separatorGrid5
{
BACKGROUND-COLOR: transparent;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
FONT-WEIGHT : bold;
WIDTH : 100%;
COLOR: #666699;
}
/* Define o tamanho da fonte do separatorGrid conforme o headersize */
.separatorGrid1
{
FONT-SIZE: 16px;
}
.separatorGrid2
{
FONT-SIZE: 13px;
}
.separatorGrid3
{
FONT-SIZE: 11px;
}
.separatorGrid4
{
FONT-SIZE: 10px;
}
.separatorGrid5
{
FONT-SIZE: 8px;
}
/* Define a aparência da "orelha" da aba ativa na taglib TabContainer */
A.tabLink, A.tabLink:VISITED {
TEXT-DECORATION: none;
COLOR: #000000;
}
A.inactiveTabLink, A.inactiveTabLink:VISITED {
TEXT-DECORATION: none;
COLOR: #FFFFFF;
}
.activeTab {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #000000;
BACKGROUND-COLOR: #E4EDF3;
BORDER-WIDTH : 2px 0px 0px 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
CURSOR:pointer;
CURSOR:hand;
}
/* Define a aparência das "orelhas" das abas inativas na taglib TabContainer */
.inactiveTab
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #6EADD5;
BORDER-WIDTH : 2px 0px 2px 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
CURSOR:pointer;
CURSOR:hand;
}
/* Define a aparência da célula invisível que ocupa todo o espaço não utilizado pelas
"orelhas' de cada aba da TabContainer */
.invisibleTab
{
BACKGROUND-COLOR: transparent;
BORDER-WIDTH : 0px 0px 2px 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
WIDTH : 100%;
}
/* Define a aparência do corpo da aba ativa na taglib TabContainer */
.bodyTab {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: black;
BACKGROUND-COLOR: #E4EDF3;
BORDER-WIDTH : 0px 2px 2px 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
}
/* Define a formatação das células que conterão os campos definidos dentro do grid */
.cellGrid
{
VERTICAL-ALIGN: top;
}
/* Define a aparência da borda de um grid ou groupGrid */
.fieldset
{
padding: 1px;
margin-bottom: 4px;
BORDER: #6EADD5 1px solid;
}
/* Define a aparência do texto da borda de um grid ou groupGrid */
.fieldsetLegend
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
TEXT-ALIGN : right;
WIDTH : 1%;
}
/* Define a aparência do indicador de campo requerido (required="true") */
.requiredFieldGrid
{
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR:#FF0000;
FONT-STYLE: normal;
}
/* Define a aparência do label dos campos do Grid */
.labelGrid
{
VERTICAL-ALIGN: top;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
TEXT-ALIGN : right;
WIDTH : 1%;
}
/* Define a aparência dos campos definidos dentro do grid */
.fieldGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
BORDER: #666699 1px solid;
}
/* Define a aparência dos campos READONLY definidos dentro do Grid */
.readonlyFieldGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
BORDER: #666699 1px solid;
COLOR: #000000;
BACKGROUND-COLOR: #D6E7F3;
}
/* Define a aparência do texto definido na tag HtmlPrintGrid com fieldstyle="true" */
.fieldHtmlPrintGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
BORDER: #666699 1px solid;
COLOR: #000000;
BACKGROUND-COLOR: #D6E7F3;
padding : 1px 1px 1px 1px;
}
/* Define a aparência do label dos campos do Grid */
.htmlPrintGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
COLOR: #666699;
FONT-STYLE: normal;
TEXT-ALIGN : right;
}
/* Define a aparência dos botões habilitados nas taglib ButtonGrid, SubmitGrid e ResetGrid */
.buttonGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
BORDER-BOTTOM: #333366 2px solid;
BORDER-RIGHT: #333366 2px solid;
BORDER-TOP: #BACFE1 2px solid;
BORDER-LEFT: #BACFE1 2px solid;
BACKGROUND-COLOR: #6EADD5;
}
/* Define a aparência dos botões desabilitados nas taglib ButtonGrid, SubmitGrid e ResetGrid */
.readonlyButtonGrid
{
VERTICAL-ALIGN: top;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #6EADD5;
BORDER-BOTTOM: #333366 2px solid;
BORDER-RIGHT: #333366 2px solid;
BORDER-TOP: #BACFE1 2px solid;
BORDER-LEFT: #BACFE1 2px solid;
BACKGROUND-COLOR: #D6E7F3;
}
/* Define a aparência dos textos criados pela taglib MsgGrid.
Também define a aparência do atributo text das tags RadioGrid e CheckboxGrid */
.msgGrid
{
VERTICAL-ALIGN: top;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
}
/* Define a aparência da barra e do texto exibido pela tag TitleBar */
.titleBar
{
BACKGROUND-COLOR : none;
COLOR : #00334F;
FONT-WEIGHT : bold;
BORDER-WIDTH : 0px;
height:20px;
font-size: 11px;
text-transform:uppercase;
}
.titleBar a:link, .titleBar a:active, .titleBar a:hover, .titleBar a:visited
{
color:#08274a;
text-decoration:underline;
}
/* Define a aparência do TabContainer quando no modo assistente (wizardmode="true") */
.wizardBodyTab
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: black;
BACKGROUND-COLOR: #E4EDF3;
BORDER-WIDTH : 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
}
.wizardTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: black;
MARGIN : 5px 0px 10px 10px;
}
.errorBox {
BACKGROUND-COLOR : TRANSPARENT;
BORDER-STYLE : SOLID;
BORDER-WIDTH : 1px 1px 1px 1px;
BORDER-COLOR : #333366;
POSITION : relative;
HEIGHT : 56px;
VISIBILITY : visible;
OVERFLOW : auto;
FONT-FAMILY: Verdana, Sans-Serif, Sans, Geneva, Arial, Helvetica;
FONT-SIZE: 10px;
COLOR: red;
font-weight : bold;
}
.errorBoxHidden {
POSITION : absolute;
VISIBILITY : hidden;
}
/*
################################################################################
Classes utilizadas pelas taglibs de Procempa.Taglib.Pesquisa
################################################################################
*/
/* Define a aparência da lista de pesquisa (SearchList) */
.bodySearchList
{
BORDER-WIDTH : 1px;
BORDER-STYLE : solid;
BORDER-COLOR : #666699;
}
/* Define a aparência da lista de pesquisa (SearchList) dentro de uma aba */
.bodyTabSearchList
{
BORDER-WIDTH : 0px;
}
/* Define a aparência da caixa de pesquisa (SearchBox) definida na lista (SearchList) */
.bodySearchBox
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: black;
BACKGROUND-COLOR: #E4EDF3;
/*ALEX*/
BORDER-WIDTH : 0px 2px 2px 2px;
BORDER-STYLE : solid;
BORDER-COLOR : #6EADD5;
}
/* Define a aparência da célula de cabeçalho das colunas da lista (SearchList) */
.labelColumnSearchList
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: White;
BACKGROUND-COLOR: #6EADD5;
CURSOR:pointer;
CURSOR:hand;
}
/* Define a aparência dos botões de avanço e retorno de página da lista (SearchList) */
.pageButtonSearchList
{
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: Black;
FONT-STYLE: normal;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: none;
}
/* Define a aparência dos botões desabilitados de avanço e retorno de página da lista (SearchList) */
.disablePageButtonSearchList
{
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: #6EADD5;
FONT-STYLE: normal;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: none;
}
/* Define a aparência do combo de seleção de página da lista (SearchList) */
.pageComboSearchList
{
FONT-SIZE: 9px;
BACKGROUND-COLOR: #BACFE1;
}
/* Define a aparência do texto de nenhum registro encontrado exibido no rodapé da lista (SearchList) */
.pageTextNotFoundSearchList
{
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: #000000;
FONT-STYLE: normal;
MARGIN-RIGHT : 0;
PADDING : 3px;
}
/* Define a aparência do texto exibido no rodapé da lista (SearchList) */
.pageTextSearchList
{
FONT-SIZE: 9px;
COLOR: Black;
FONT-STYLE: normal;
MARGIN-RIGHT : 0;
PADDING: 3px;
BORDER-WIDTH : 0px;
}
/* Define a aparência das linhas pares da lista (SearchList) para obter o efeito de "zebrado" */
.evenLineSearchList
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
BACKGROUND-COLOR: #FFFFFF;
}
/* Define a aparência das linhas ímpares da lista (SearchList) para obter o efeito de "zebrado" */
.oddLineSearchList
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
BACKGROUND-COLOR: #F0F0F0;
}
/* Define a aparência da linha selecionada (sob o ponteiro do mouse) da lista (SearchList) */
.selectedLineSearchList
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-STYLE: normal;
BACKGROUND-COLOR: #D6E7F3;
}
/* Define a aparência da linha de cabeçalho da caixa de pesquisa (SearchBox) */
.titleSearchBox
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: White;
BACKGROUND-COLOR: #6EADD5;
BORDER-STYLE : solid;
BORDER-WIDTH : 2px 2px 0px 2px;
BORDER-COLOR : #6EADD5;
TEXT-ALIGN : left;
}
.divtable {
BACKGROUND-COLOR : #FFFFFF;
BORDER-STYLE : SOLID;
BORDER-WIDTH : 1px 1px 1px 1px;
BORDER-COLOR : #333366;
POSITION : relative;
WIDTH : 100%;
VISIBILITY : visible;
OVERFLOW : auto
}
/*
################################################################################
Classes de Procempa.Taglib.Toolbar
################################################################################
*/
/* Define a aparência dos botões exibidos na toolbar (taglib Toolbar).
Também usada nos botões habilitados da taglib TabContainer no
modo assistente (wizardmode="true") */
.buttonToolbar
{
WIDTH: 95px;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
BORDER-BOTTOM: #333366 2px solid;
BORDER-RIGHT: #333366 2px solid;
BORDER-TOP: #BACFE1 2px solid;
BORDER-LEFT: #BACFE1 2px solid;
BACKGROUND-COLOR: #6EADD5;
}
/* Define a aparência dos botões desabilitados da toolbar */
.readonlyButtonToolbar
{
WIDTH: 95px;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #6EADD5;
BORDER-BOTTOM: #333366 2px solid;
BORDER-RIGHT: #333366 2px solid;
BORDER-TOP: #BACFE1 2px solid;
BORDER-LEFT: #BACFE1 2px solid;
BACKGROUND-COLOR: #D6E7F3;
}
/*
################################################################################
Classes usadas pela rotina javascript gerada pela tag CalendarGrid
################################################################################
*/
div.calendar { position: relative; }
.calendar, .calendar table {
BORDER: 1px solid #666699;
FONT-SIZE: 11px;
COLOR: #000000;
CURSOR: default;
BACKGROUND: #FFFFFF;
FONT-FAMILY: tahoma,verdana,sans-serif;
z-index:2000;
}
/* Header -- botões de navegação e nomes dos dias. */
.calendar .button { /* "<<", "<", ">", ">>" botões */
TEXT-ALIGN: center; /* They are the navigation buttons */
PADDING: 2px; /* Make the buttons seem like they're pressing */
BORDER-LEFT: 1px solid #BACFE1;
BORDER-TOP: 1px solid #BACFE1;
BORDER-RIGHT: 1px solid #333366;
BORDER-BOTTOM: 1px solid #333366;
}
.calendar thead .title { /* This holds the current "month, year" */
FONT-WEIGHT: bold; /* Pressing it will take you to the current date */
TEXT-ALIGN: center;
BACKGROUND: #333366;
COLOR: #FFFFFF;
PADDING: 2px;
BORDER: 1px solid #666699;
}
.calendar thead .headrow { /* Row containing navigation buttons */
BACKGROUND: #6EADD5;
COLOR: #FFFFFF;
}
.calendar thead .daynames { /* Row
containing the day names */
BACKGROUND: #E4EDF3;
}
.calendar thead .name { /* Cells | containing the day names */
BORDER-BOTTOM: 1px solid #666699;
PADDING: 2px;
TEXT-ALIGN: center;
COLOR: #000000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
COLOR: #AA6666;
}
.calendar thead .active { /* Active (pressed) buttons in header */
BACKGROUND: #BACFE1;
PADDING: 2px 0px 0px 2px;
BORDER-LEFT: 1px solid #333366;
BORDER-TOP: 1px solid #333366;
BORDER-RIGHT: 1px solid #BACFE1;
BORDER-BOTTOM: 1px solid #BACFE1;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
WIDTH: 2em;
COLOR: #333366;
TEXT-ALIGN: right;
PADDING: 2px 4px 2px 2px;
}
.calendar tbody .hilite { /* Hovered cells | */
BACKGROUND: #FFFFFF;
PADDING: 1px 3px 1px 1px;
BORDER: 1px solid #666699;
}
.calendar tbody .active { /* Active (pressed) cells | */
BACKGROUND: #D6E7F3;
PADDING: 2px 2px 0px 2px;
}
.calendar tbody .selected { /* Cell showing today date */
FONT-WEIGHT: bold;
BORDER: 1px solid #666699;
PADDING: 1px 3px 1px 1px;
BACKGROUND: #D6E7F3;
}
.calendar tbody .weekend { /* Cells showing weekend days */
COLOR: #AA6666;
}
.calendar tbody .today { /* Cell showing selected date */
FONT-WEIGHT: bold;
COLOR: #000000;
}
.calendar tbody .disabled { COLOR: #D6E7F3; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
VISIBILITY: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
DISPLAY: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
TEXT-ALIGN: center;
BACKGROUND: #E4EDF3;
COLOR: #333366;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
BACKGROUND: #E4EDF3;
COLOR: #333366;
BORDER-TOP: 1px solid #666699;
PADDING: 1px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
POSITION: absolute;
DISPLAY: none;
TOP: 0px;
LEFT: 0px;
WIDTH: 4em;
CURSOR: default;
BORDER: 1px solid #666699;
BACKGROUND: #6EADD5;
COLOR: #FFFFFF;
FONT-SIZE: smaller;
FONT-WEIGHT: bold;
}
.combo .label {
WIDTH: 100%;
TEXT-ALIGN: center;
}
.combo .hilite {
BACKGROUND: #BACFE1;
COLOR: #333366;
}
/*
################################################################################
Classes de Procempa.Taglib.Toolbar - MultiTabContainer
################################################################################
*/
.multitab_area{
padding: 5px 0px 0px 0px;
}
.multitab_item div{
font-family: Tahoma;
font-size: 8pt;
}
.multitab_item{
font-family: Tahoma;
font-size: 8pt;
text-align: center;
cursor: pointer;
position: absolute;
overflow: hidden;
}
.multitab_item_inactive{
background-color: rgb(244, 243, 238);;
font-weight: normal;
z-Index: 4;
}
.multitab_item_active{
background-color: #E4EDF3;
font-weight: bold;
z-Index: 5;
}
.multitab_area .multitab_row{
margin-top:-5px;
position:relative;
}
.multitab_row{
overflow: hidden;
}
.multitab_line_separator{
height: 1px;
overflow: hidden;
background-color: #91A7B4;
width: 100%;
position: absolute;
left: 0px;
z-Index: 4;
}
.multitab_body{
overflow:hidden;
position:relative;
background-color: #E4EDF3;
border-bottom:1px solid #91A7B4;
border-left:1px solid #91A7B4;
border-right:1px solid #91A7B4;
border-top:0px solid #91A7B4;
}
.toolbarDiv {
position:relative;
}
.formTagStyle {
position:relative;
overflow: visible;
}
/*
################################################################################
*/
|