/* $Id: base.css,v 1.1 2006/11/08 21:51:51 cade Exp $ */

/********** MAIN/BODY *******************************************************/

/*BODY    { margin: 0px 0px 0px 0px; background-image: url(pattern.gif); }*/

html, body, #main_table {
    height: 100%;
    margin: 0;
    padding: 0;
}

#main_table {
    margin: 0 auto;
    vertical-align: top;
}


BODY    { 
    font-family: verdana, arial, helvetica, geneva, sans-serif ;
    font-size: 14px; 
    margin: 0px 0px 0px 0px; 
    background-image: url(pattern.gif); 
    }
/* TABLE   { white-space: nowrap; } */
/* TABLE { margin: 0 0 0 0; } */
TABLE   { font-family: verdana, arial, helvetica, geneva, sans-serif ;font-size: 14px; white-space: nowrap; }
IMG     { border: none; vertical-align: middle; }
TD      { border: inherit; }

P       { margin: 10px 0 0 0; }

TABLE.body    { margin: 0 0 0 0; padding: 0; width: 100%; height: 100%; }

TD.inner { height: 100%; vertical-align: top; }

/********** FORMATS *********************************************************/

TD.fmt-num     { text-align: right;  }
TD.fmt-img     { text-align: center; }
TD.fmt-str     { text-align: left;   }
TD.fmt-control { text-align: center; width: 1%; }

/********** TABLE ROWS EVEN/ODD *********************************************/

TR.tr-h        { background-color: #99B; padding: 2px; color: #000; text-align: center; white-space: normal;}
TR.tr-1        { background-color: #BBC; padding: 2px; }
TR.tr-2        { background-color: #CCD; padding: 2px; }
TR.tr-1:hover  { background-color: #EEF; padding: 2px; }
TR.tr-2:hover  { background-color: #EEF; padding: 2px; }
TR.tr-3        { background-color: #DDD; padding: 2px; }

/********** GENERAL CLASSES *************************************************/

.warning      { color: #D00; font-weight: bold; }
.pass-warn    { color: #F70; }
.ro           { color: #00F; }
.empty        { color: #D00; }
.lit          { font-weight: bold; }

.invert       { text-decoration: none; border: none; color: #CCC; }

/********** MODULES *********************************************************/

TABLE.grid    { white-space: nowrap; background-color: #CCC; }
TABLE.view    { white-space: nowrap; background-color: #CCC; }
TABLE.edit    { white-space: nowrap; background-color: #CCC; }
TABLE.preview { white-space: nowrap; background-color: #CCC; }

/********** HISTORY *********************************************************/


TABLE.hist      { white-space: nowrap; background-color: #BBC; text-decoration: none; color: #000; width: 100%; }
TABLE.hist_last { white-space: nowrap; background-color: #99B; text-decoration: none; color: #FFF; width: 100%; padding: 3px; }

/********** LOGO TABLE (top row) ************************************************/

TD.logo            { background-image: url(r2-back.png); background-repeat: repeat-x; }


/********** NAVIGATION AREAS ************************************************/

TABLE.nav          { white-space: nowrap; background-color: #999; border: solid 1px #999; }
TABLE.navtop       { white-space: nowrap; background-color: #999; border: solid 1px #999; border-bottom: none; }
TABLE.navbottom    { white-space: nowrap; background-color: #999; border: solid 1px #999; border-top:    none; }
TABLE.nav-search   { white-space: nowrap; background-color: #999; border: solid 1px #999; }
TD.navl100         { white-space: normal; background-color: #FFF; width: 100%; height: 22px; text-align: left   ; }
TD.navl            { white-space: nowrap; background-color: #FFF; width:  20%; height: 22px; text-align: left   ; }
TD.navm            { white-space: nowrap; background-color: #FFF; width:  60%; height: 22px; text-align: center ; }
TD.navr            { white-space: nowrap; background-color: #FFF; width:  20%; height: 22px; text-align: right  ; }
TR.nav             { padding: 2px; }

/********** LOGIN ***********************************************************/

TABLE.login        { white-space: nowrap; background-color: #BBB; border: 1px solid #BBB; }
TD.loginl          { white-space: nowrap; background-color: #EEE; text-align: right; }
TD.loginr          { white-space: nowrap; background-color: #EEE; text-align: left; }

/********** VIEWES **********************************************************/

TD.view            { width: 100%; text-align: center; background-color: #DDD; }
TD.view-header     { width:  50%;                     background-color: #99B; color: #FFF; }
TD.view-name-h     { width:  50%; text-align: right;  background-color: #99B; color: #FFF; }
TD.view-value-h    { width:  50%; text-align: left;   background-color: #99B; color: #FFF; }
TD.view-name       { width:  50%; text-align: right;  background-color: #DDD; border-bottom: none; }
TD.view-value      { width:  50%; text-align: left;   background-color: #EEE; border-bottom: none; white-space: normal; }
TD.view-separator  { width:  50%; text-align: center; background-color: #99B; color: #FFF; }

/********** VIEWES **********************************************************/

TD.help            { background-color: #FFB; border: solid 1px #D00; }

/********** MENUS ***********************************************************/

/* FIXME: work work new style !!! */
TABLE.topm    { white-space: nowrap; background-color: #FFF; border-bottom: solid 1px #999; }
TABLE.menu    { white-space: nowrap; background-color: #FFF; border: none; }
TABLE.sidem   { white-space: nowrap; background-color: #FFF; }

TD.topmenu         { width:  15%; padding: 0px; background-color: #066; text-align: left  ; padding: 2px; }
TD.topmenu:hover   { width:  15%; padding: 0px; background-color: #077; text-align: left  ; padding: 2px; }
TD.topmenu-active  { width:  15%; padding: 0px; background-color: #066; text-align: left  ; padding: 2px; }
TD.topmenu-fill    {              padding: 0px; background-color: #066; text-align: right ; }

TD.menu            { width:  15%; padding: 0px; background-color: #CCD; text-align: left  ; padding: 2px; }
TD.menu:hover      { width:  15%; padding: 0px; background-color: #EEF; text-align: left  ; padding: 2px; }

/****************************************************************************/

TD.linktd-left     { width: 100%; }
TD.linktd-right    { width: 100%; text-align: right; white-space: nowrap; }

/********** CALENDAR ********************************************************/

TABLE.cal              { white-space: nowrap; background-color: #999; }
TABLE.cal-y            { white-space: nowrap; background-color: #999; border: 1px solid #999; }
TD.cal-empty           { width: 14%; background-color: #EEE; text-align: center; vertical-align: top; }
TD.cal                 { width: 14%; background-color: #EEE; text-align: center; vertical-align: top; }
TD.cal:hover           { width: 14%; background-color: #DED; text-align: center; vertical-align: top; }
TD.cal-y               { width: 25%; background-color: #FFF; text-align: center; vertical-align: top; }
TD.cal-today           { width: 14%; background-color: #EEA; text-align: center; vertical-align: top; }
TD.cal-today:hover     { width: 14%; background-color: #FFE; text-align: center; vertical-align: top; }
TD.cal-selected        { width: 14%; background-color: #CCE; text-align: center; vertical-align: top; }
TD.cal-selected:hover  { width: 14%; background-color: #EEF; text-align: center; vertical-align: top; }

/********** A/LINKS *********************************************************/

A                    { text-decoration: none; border-bottom: dotted 1px #066; color: #066; font-weight: bold; }
A:hover              { text-decoration: none; border-bottom: solid  1px #066; color: #099; font-weight: bold; }

A.topm               { text-decoration: none; border: none; color: #CCC; display: block; padding: 2px; font-weight: bold; }
A.topm:hover         { text-decoration: none; border: none; color: #FFF; display: block; padding: 2px; font-weight: bold; }
A.topm-active        { text-decoration: none; border: none; color: #CCC; display: block; padding: 2px; font-weight: bold; }
A.topm-active:hover  { text-decoration: none; border: none; color: #FFF; display: block; padding: 2px; font-weight: bold; }

A.header             { text-decoration: none; border: none; color: #066; padding: 2px; font-weight: bold; }
A.header:hover       { text-decoration: none; border: none; color: #099; padding: 2px; font-weight: bold; }

A.menu               { text-decoration: none; border: none; color: #066; display: block; padding: 2px; font-weight: bold; }
A.menu:hover         { text-decoration: none; border: none; color: #099; display: block; padding: 2px; font-weight: bold; }

A.date               { text-decoration: none; border: none; color: #44A; display: block; }
A.date:hover         { text-decoration: none; border: none; color: #66C; display: block; }

A.button             { text-decoration: none; border-bottom: dotted 1px #066; color: #066; font-weight: bold; }
A.button:hover       { text-decoration: none; border-bottom: solid  1px #066; color: #099; font-weight: bold; }

A.location           { border: 1px solid #CCC; background-color: #EEE; padding: 3px; color: #000; text-decoration: none; }
A.location:hover     { border: 1px solid #CCC; background-color: #FFF; padding: 3px; color: #000; text-decoration: none; }

A.t                  { display: block; text-decoration: none; padding: 4px; }

A.prompt             { color: #C00; border-bottom: dotted 1px #C00; font-weight: bold; background-color: #FEE; padding: 1px; padding-left: 10px; padding-right: 10px; }
A.prompt:hover       { color: #E00; border-bottom: solid  1px #E00; font-weight: bold; background-color: #FFF; padding: 1px; padding-left: 10px; padding-right: 10px; }

/********** FORMS/INPUT *****************************************************/

IMG.checkbox-view    { border: dashed 1px #CCC; background-color: #FFE; }
IMG.checkbox3-view   { border: dashed 1px #CCC; background-color: #FFE; }
IMG.checkbox         { border: solid 1px #888; background-color: #FFE; }
IMG.checkbox3        { border: solid 1px #888; background-color: #FFE; }
IMG.radio            { border: solid 1px #888; background-color: #FFE; }

INPUT                { border: dotted 1px #777; background-color: #FFE; padding: 3px; }
INPUT:focus          { border: solid  1px #D00; background-color: #FFC; }

IMG.link             { border: dotted 1px #777; background-color: #ACE; padding: 3px; }
IMG.link:hover       { border: dotted 1px #777; background-color: #BDF; padding: 3px; }
TEXTAREA             { border: dotted 1px #777; background-color: #FFE; padding: 3px; width: 100%; }
SELECT               { border: dotted 1px #777; background-color: #FFE; padding: 3px; font-family: monospace; }
/* INPUT:focus       { background-color: #FFC; border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #EEE; border-right: solid 1px #EEE; } */
TEXTAREA:focus       { background-color: #FFB; border: solid 1px #D00; }

INPUT.icon           { border: dotted 1px #777; background-color: #ACE; padding: 3px; }
INPUT.icon:hover     { border: dotted 1px #777; background-color: #BDF; padding: 3px; }
INPUT.hidden         { border: none; }

IMG.icon             { border: dotted 1px #777; background-color: #ACE; padding: 3px; }
IMG.icon:hover       { border: dotted 1px #777; background-color: #BDF; padding: 3px; }

/* same as button */
INPUT.button         { border: 1px solid #777; background-color: #ACE; padding: 3px; }
INPUT.button:hover   { border: 1px solid #777; background-color: #BDF; padding: 3px; }

/* same as input.button */
BUTTON               { border: 1px solid #777; background-color: #ACE; padding: 3px; }
BUTTON:hover         { border: 1px solid #777; background-color: #BDF; padding: 3px; }

INPUT.hidden         { border: none; }

INPUT.checkbox       { padding: 0; }
INPUT.checkbox:hover { padding: 0; }

INPUT.radio          { border: none; background: none; }

SELECT               { font-family: monospace; }

IFRAME.input         { border: dashed 1px #CCC; }

/********** REPORTS/FORMS ***************************************************/

TABLE.report         { white-space: normal; background-color: #999; border: 1px solid #999; }
TD.report            { white-space: normal; background-color: #FFF; }

FORM                 { margin: 0 0 0 0; }

DIV.filter-text      { margin-top: 5px; white-space: normal; background-color: #DED; border: 1px solid #999; text-align: left; padding: 4px; }
DIV.help-text        { margin-top: 5px; white-space: normal; background-color: #EEC; border: 1px solid #997; text-align: left; padding: 4px; }
TD.help-text         { margin-top: 5px; white-space: normal; background-color: #EEC; text-align: left; padding: 4px; }

DIV.info             { background-color: #FFF; border: 1px solid #999; padding: 10px; white-space: normal; text-align: left; }
DIV.error            { background-color: #FFF; border: 1px solid #999; padding: 10px; white-space: normal; width: 69%;  color: #C00; font-weight: bold; text-align: center; }

/********** EOF *************************************************************/