/*
 * sccsid = '@(#) 1.78 wt/wtp/htdocs/stylesheets/jx_corestyle_2.css, wtcode, jtime71 1/5/06 10:33:34'
 *
 * jx_corestyle.css
 *
 * (C) COPYRIGHT Journyx, Inc 1997 - 2005
 *  All Rights Reserved
 *  Licensed Materials - Property of Journyx, Inc.
 *
 * This is the primary stylesheet file for Journyx Timesheet.
 *
 * DEVELOPERS PLEASE NOTE: Be sure to rename this file in CMVC if it
 * is ever updated in a maintenance release.
 * 
 * Developers should also read the rest of the comments here before
 * making new changes.
 * 
 *
 ************************************************************
 *                   FONT INFORMATION                       *
 ************************************************************
 *
 * The font-family line should only be set in one place.  Don't repeat
 * font faces all over this file.  ALWAYS use 'em' units for font size.
 * 
 *
 * current standard font line  (Set in Oct 2004 by planders)
 * 
 * font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; 
 *
 * or this for any monospaced areas: 
 *
 * font-family: MS Courier New, Courier New, Lucida Console, Monaco, Courier, monospace;
 *
 * ALWAYS ALWAYS ALWAYS USE em UNITS FOR FONT SIZE!!! 
 * 1.0 em is the 'standard' font size.
 * 0.8 em is about 80% standard size.
 * 
 * REMEMBER THAT FONT SIZES INHERIT FROM CONTAINERS and 80% of 80% can
 * be too small.  In general you do NOT want to use either a fixed
 * pixel (px) or percentage based font size.
 *
 * Verdana is the new Tahoma
 * Luxi Sans and Lucida Console are for certain Unix systems
 * Helvetica and Geneva and Monaco are for older Macs 
 * Most modern computers have Arial and usually Verdana & Tahoma and Courier New
 *
 * optional for smaller areas -- seems to be ignored by many browsers unfortunately
 * { font-stretch: semi-condensed; }
 *
 ************************************************************
 *            General Style Info & Comments                 *
 ************************************************************
 * 
 * Stay away from pixel (px) units.  You should be using relative
 * sizes (generally the 'em' unit) for everything: all padding and
 * spacing.  The toolbar width is specified in em units.
 *
 ************************************************************
 *                Layout of this file                       *
 ************************************************************
 *
 * This file is generally organized in a top-down fashion.  First you
 * have the most general stuff that applies to everything and then
 * later on more specific elements.
 *
 *   - Main/General body stuff
 *   - old main.css stuff  
 *   - old style.css stuff
 *   - old icons.css stuff
 *   - old preferences.css stuff
 *   - old timesheet.css stuff 
 *
 * If something only applies to a specific optional feature, such as
 * the toolbar, consider putting it in a separate file.  If it is
 * something that will be on most or all Timesheet pages then it
 * belongs here.
 *  
 */

HTML { 
  height: 100%;
}

BODY {
  margin: 0px;
  border: 0px;
  height: 100%;

  /* IMPORTANT: Use em units for font sizes in the rest of the document!!! */
  font-size: 65%;  /* Allows better resizing of fonts in MSIE.  */
}

/*
 * by default most browsers give a considerable bottom margin to all
 * forms - reduce it a bit 
 */
FORM { 
 margin-top: 0px;
 margin-bottom: 4px;
 padding: 0px;
}

IMG {
 border-width: 0px;
}

/* 
 * MSIE doesn't seem to understand this, but normally we want links to
 * inherit their colors from their nearest containers.
 */
A, A:Hover, A:Active, A:Visited { color: inherit; }

TABLE, TD,  TR { 
  font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  font-size: 1em;  /* the baseline font size (inherited from BODY) */		
  border-width: 0px;
  border-collapse:collapse;
  /* -moz-border-radius: 8px; */ /* XXX TODO */

  color: inherit;
  background-color: inherit;
}


/* this is a class instead of ID so it won't take precedence over
 * other class padding rules. 
 */
.clsPrimaryContent TD {
  padding: 2px; /* XXX TODO: applies to ALL TABLES in the main content area !! */
}

/* We don't need the previous style's padding in time entry container tables. */
.entryTableContainer TD { 
  padding: 0px; 
  margin:  0px; 

 }

SELECT, INPUT, TEXTAREA { 

 /* The font for these things is not inherited from the general font given above. 
    If you didn't specify this it would default to monospaced in most browsers. */

 font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif;
 font-size: 1em;

}

/* This raises SELECTs slightly up, making them line up better with other buttons */
/* SELECT { vertical-align: 3%; }   */


/* XXX TODO -- is this needed? */

TEXTAREA { overflow: auto; }


/*
 * "Simple" pages with minimal UI elements
 */

TABLE.JXDocType_SIMPLE {

}


H1, H2, H3, H4, H5, H6 {
  font-weight : bold;
}

H1  {
  font-size : 1.4em;
}

H2  {
  font-size : 1.25em;
}

H3  {
  font-size : 1.1em;
}

H4  {
  font-size : 1.05em;
}

H5 {
  font-size : 1em;
}

H6  {
  font-size : 0.9em;
}



/* ========================================================
 Properties of HEADER elements
======================================================== */

#idHeader {
  padding: 2px 6px 1px 3px;
}


.StatusErrorHelpTable {
 border: 1px solid black;
 border-bottom-width: 0px;

 padding-right: 4px;
 padding-top: 6px;
 padding-left: 5px;
 padding-bottom: 0px;

 margin-left: 0px;
 margin-bottom: 0px;
}

.StatusErrorHelpTable TABLE {
 margin: 0px;
 padding: 0px;
 width: 98%;   /* 100% width here seems to cause problems in MSIE -- it makes it 1-2 pixels too wide. */
}

.StatusErrorHelpTable TR {
 font-weight: bold;
 font-size: 1.1em;
}

.StatusErrorHelpTable TD {
 vertical-align: top;
}

.StatusErrorHelpTable TR.ShortDescription {
 font-size: 0.95em;
 font-weight: normal;
}

.StatusErrorHelpTable TD.SubTitle {
 text-align: left;
}

/* min width for the 'help' word plus icon, prevents icon wrapping to next line */
.StatusErrorHelpTable TD.Help {
 width: 7em;
}

.StatusErrorHelpTable TD.Help A {
 text-align: right;
 font-weight: bold;
 text-decoration: none;  /* No underline on Help link */
}

.StatusErrorHelpTable TD.Help A:hover {
 text-decoration: underline; /* indicate it really is a link when they hover over */
}

/* ========================================================
 Properties of large BEVELED GRAY CONTAINER holding
   sidebar and primary content
======================================================== */

#idMainPageContainerTD {
/*  position: relative; */
 height: 100%;
 padding: 0px; /* XXX TODO */
 vertical-align: top;
}

.clsContainerBackground {
  background-color: #D5D5D5;
}

.clsContainerBevel {
  height: 4px;
  font-size: 1px;
  width: 100%;
}

.clsCornerBevel { 
  width: 4px;
 }

.clsContainerBevel TD {
  font-size: 1px;
  height: 4px;
}

.clsContainerTopBevel, .clsContainerBottomBevel {
  background-color: #D5D5D5;
  background-repeat: repeat-x;
  font-size: 1px;
  height: 2px;
}
.clsContainerTopBevel {
  background-image: url(../image/60/border_gray.gif);
}
.clsContainerBottomBevel {
  background-image: url(../image/60/border_gray.gif);
  background-position: 0px 3px;
}

.clsContainerLeftBevel, .clsContainerRightBevel {
  background-color: #D5D5D5;
  background-repeat: repeat-y;
}
.clsContainerLeftBevel {
  background-image: url(../image/60/border_gray.gif);
  background-position: 0px 0px;
}
.clsContainerRightBevel {
  background-image: url(../image/60/border_gray.gif);
  background-position: 4px 0px;
}



/* ========================================================
 Properties of PRIMARY CONTENT area
======================================================== */


#idPrimaryContainer { 
  /* XXX TODO FIX  TOOLBAR WIDTH -- should be relative */
  /*
   * Also note that this same number must be updated in toolbar.js!
   */   
 padding-left: 13.5em; 

/*  margin-top: 0.7em;*/  /* this was moved to clsPrimaryTabs margin-top */

/* height: 100%; */  /* was causing problems with collapsible tables that were initially collapsed */
}

/* Don't start with inital left padding if this is a simple document */
TABLE.JXDocType_SIMPLE #idPrimaryContainer, TABLE.JXDocType_POPUP #idPrimaryContainer {
/*  margin-top: 0.4em; */     /* Also fix this -- nav tabs height */
  padding-left: 2px;
}

TABLE.JXDocType_POPUP #idPrimaryContainer {
/*  margin-top: 0.4em; */     /* Also fix this -- nav tabs height */
  padding-left: 2px;
}

#theBodyTable {
 height: 100%;
}

TABLE.JXDocType_SIMPLE #theBodyTable {
  margin-top: 1.5em;      /* Also fix this -- nav tabs height */
}

.clsStatusLineArea {
 font-weight: bold;
}

.clsStatusLineArea A {
 text-decoration: none;  /* No underline on status line links */
}

#idPrimaryContent {
  /* These colors will be overridden */
  background-color: #FFFFFF; 
  color: #000000;

  padding: 6px;
  margin: 0px;
  margin-top: -1px;  /* fixes extra pixel area on Gecko */

  border: 1px solid black;  /* border color is overriden in wtdoc */
  border-top-width: 0px;

/* 
 * We need a better solution to get the PrimaryContent area to fill
 * up as much space as possible.  height: 100% doesn't work because
 * it's 100% of the containing block, not 100% of available space.
 * 100% makes it poke beyond the footer area.  
 *
 * Currently this area is resized on page load in generalUI.js.  The
 * problem with that is that it looks 'jumpy' as the page renders with
 * a shorter height, and then the rest of the height is added at the
 * last minute.
 *
 */

/*  display: block;   */ /* XXX TODO MSIE fix */ 
/*  height: 93%;  */
/*  min-height: 83%; */
}


CAPTION {
  text-align: left; 
  font-weight: bold;
  font-size: 1.0em;
  border-width: 1px;
  border-style: solid;
/*  padding: 0.2em; */
  padding: 2px;
  padding-left: 0.4em;
/*  margin-left: -1px; */
}

/* Apply this to tables when they shouldn't be 'visible' with colors
 * or borders 
 */
.invisibleTable { 
  padding: 0px;  
  /* margin: 0px; */ /* Needed?? */
  border-width: 0px;
  border-collapse: collapse;
} 

/* Used in the password change screen to allow a vertical divider
 * between name and password change areas
 */
.invisibleTableVertLineLeft { 
  padding: 0px;  
  border-width: 0px;
  border-collapse: collapse;
  border-left: 2px solid black;
} 

/* override the default padding for table cells. */
.invisibleTable TD { 
  padding: 0;
}

/* like invisibleTable, but doesn't affect padding. */
.invisible { 
  padding: inherit;
  margin: inherit;
  border-width: 0px;
  border-collapse: collapse;

}


BODY.innerFrame { 
  background-color: #FFFFFF;
 }

.contentTable {
  border-width: 1px;
  border-style: solid ;  
  border-collapse: collapse;
  text-align: left;	  
}

.clsTableHeading {
  border-bottom: 1px solid ;
  padding: 5px !important;
  font-weight: bold;
}

.contentTable TR, .contentTable TD, .contentTable TH {
  border-style: solid; 
  border-width: 0px;
}

.contentTable TH, .contentTable TD, .headingCell  {

  /* stuff should be vertically centered within these cells. */
  vertical-align: middle;
  padding: 2px 3px 3px 3px; /* Top Right Bottom Left */
}


.contentTable TR.primary TD   {border-width: 1px;}
.contentTable TR.secondary TD {border-width: 1px;} 

/* 
 * Should be redundant with above: .contentTable TH, .contentTable TD  {text-align: left;} 

.contentTable TR.totals TD, .contentTable TR.heading TH { text-align: left; }

 */

.contentTable TR.totals TD.invisible, .contentTable TR.totals TH.invisible { border-width: 0px; }

/* XXX TODO
 .contentTable TR.heading TH INPUT { border-width: 0px;}
 */

.contentTable TR.totals TD, .contentTable TR.heading TH {border-right-width: 1px; border-bottom-width: 1px;}

TR.totals TD { 
  white-space: nowrap;
}


/*
 *  Setting this rule on both INPUT and A elements fixes misaligned
 *  elements when they are siblings, in both MSIE and Firefox.
 */
.contentTable TD INPUT, .contentTable TD A {
  vertical-align: middle; 
}


.contentTable TD A {
  text-decoration: underline; /* This makes links inside contentTable have the underline. */
}

.contentTable TD .clsHeading, .contentTable TD.clsHeading {
  font-weight: bold;
  padding-bottom: 4px;
}
.contentTable TD .clsLabel, .contentTable TD.clsLabel {
  font-weight: bold;
  float: left;
  white-space: nowrap;
  padding-right: 3px;
}


/*
 * stdscreen.pyc stuff - standard object editor screen
 */

/* A class shared by ALL stdscreen buttons */
.clsStdScrnButton { 
  padding: 0px;
  margin:  0px;
  margin-right: 0.5em;
  text-align: left;
}

/* A DIV container for the standard 'Create' button */
.clsStdScrnButton_i_show_create { 
  padding-bottom: 0.4em;
  margin: 0px;
  text-align: right;
}



/*
 *clsSearchableField is a 'search input' table cell (TD) on the search form.
 *
 */
.clsSearchableField { 
  padding-left:  2px !important;
  padding-right: 2em !important;
}

/*
 * All clsSearchForm objects should also have the contentTable class.
 */

.clsSearchForm {
 border-width: 1px;
 border-style: solid;
/* padding: 1em; */
}

/*
.clsSearchForm TABLE TBODY TR TD {
  vertical-align: top;
  border-width: 0px;
  padding: 2px;
}
*/

.clsSearchForm SELECT, .clsSearchForm INPUT, .clsSearchForm TEXTAREA {
  font-weight: bold;
}

/* The "number selected" input */
.SSearchNumSelected { 
  border-width: 0px;
}

/* Pad the bottom of all search results tables - padding between the table and any buttons such as Delete */
.clsSearchResultsTable { 
  margin-bottom: 5px;
}

/* Override some stuff from regular CAPTION when in search results */
.clsSearchResultsTable CAPTION {
/*  font-size: 1em;  */
  font-weight: normal;
/*  padding: 2px; */
  padding: 0px;
  margin: 0px;
}

/*
 * Make the headers and footers of search results tables expand to
 * fill available area.
 */

.clsSearchResultsTable CAPTION TABLE, .clsSearchResultsTable TFOOT TABLE { 
  width: 100%;
  margin: 0px;
  padding: 0px;
}


.clsSearchResultsTable CAPTION TR TD, .clsSearchResultsTable CAPTION TR TH, 
.clsSearchResultsTable TFOOT TR TH, .clsSearchResultsTable TFOOT TR TD {
  margin: 0px;
  padding: 0px;
}

/* Produces better alignment of page navigation inputs in search results table. */
.clsSearchResultsTable CAPTION INPUT, .clsSearchResultsTable TFOOT INPUT {
/*  vertical-align: 1%; */  /* close to 'top' but not quite */
  margin: 1px;
  padding: 1px;
  text-align: center;
}

.clsSearchResultsTable CAPTION TBODY TD, .clsSearchResultsTable TFOOT TBODY TD, .clsSearchResultsTable TFOOT TBODY TH
{
  vertical-align: middle;  /* stuff should be vertically centered within these cells. */
  padding: 1px;
  margin: 0px;
}

.clsSearchResultsTable CAPTION .clsButton, .clsSearchResultsTable TFOOT .clsButton { 
  padding: 0px;
  margin: 0px;
  margin-bottom: 2px;
  margin-top: 1px; 
  vertical-align: middle; 
}

.clsSearchResultsHeaderLeft, .clsSearchResultsHeaderRight {
  margin: 0px;
  padding: 0px;
  font-size: 1.05em;
  width: 98%;
  vertical-align: middle;
}


.clsSearchResultsHeaderLeft {
  text-align: left;
  padding-left: 0.5em;
}

.clsSearchResultsHeaderRight {
  text-align: right;
  padding-right: 1em;
}


/* Make inputs slightly smaller when inside these search result headers */
.clsSearchResultsHeaderLeft SELECT, .clsSearchResultsHeaderRight SELECT, .clsSearchResultsHeaderLeft INPUT, .clsSearchResultsHeaderRight INPUT { 
  font-size: 0.85em;   /* Note that this is relative to the LARGER size of search result captions! */
  vertical-align: middle;
}

/*
 * The main 'content' cells for Search Results tables 
 */

.clsSearchResultsTable TBODY TR TD { 
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
} 



/*
 * Used for DIV tags that submit a form when clicked 
 * Supposed to look like regular links
 */
.clsFormSubmit_Link {
  display: inline;
  text-decoration: underline;  
  cursor: pointer;
}

.clsPopupTreeLink {
}

.clsPopupSearchLink {
}


.clsPopupRunBoxTitle {
 padding: 0.5em;
 font-size: 1.2em;
 font-weight: bold;
}

.clsPopupRunBoxBody {
 padding: 0.8em;
 font-size: 1.1em;
}

/*
 * This class should be applied to tables that enclose a general
 * purpose form for editing the attributes of any object.
 */

.clsAttributesForm { 
 border-width: 2px;
/* margin: 1em 0.2em 1em 0.2em; */
 margin: 0px;
 margin-bottom: 1em; 
 border-style: solid;
 border-collapse: collapse;
}

.clsAttributesForm TD { 
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 1.1em;
 padding-right: 1.1em;
 vertical-align: top;
/* vertical-align: middle; */
}

.clsAttributesForm INPUT { 
  vertical-align: middle;
}

.clsAttributesForm INPUT[type='checkbox'] { 
  vertical-align: -50%;
}

.clsAttributesForm INPUT[type='radio'] { 
  vertical-align: -25%;
}

/* ========================================================
 Properties of FOOTER elements
======================================================== */

#idFooter TD {
  padding: 5px;
  padding-bottom: 0px;
  color: #666666;
}
#idFooter TD  A, #idFooter TD  A:visited {
  color: #666666;
  text-decoration: underline
}
#idFooter TD  A:hover {
  color: #000000;
  text-decoration: underline
}


/* entryTableContainer is only used in jtgui.py as far as I can tell. */
/* and only for the "inner scrollbars" version -- the "simple" version uses clsSimpleEntryScreen instead. */
.entryTableContainer { 
  padding: 0px 0px 0px 0px; 
  margin: 0px;
}

.entryTableContainer TD {
  vertical-align: bottom;
}

.entryTableContainer TD DIV {
  padding-bottom: 1px;
}

.clsSimpleEntryScreen TD, .clsSimpleEntryScreen tr.heading TH { 
  border-width: 0px !important;
}

/*
 * Used in jtgui (entry screens)
 *
 * All 'Field Value' cells (dropdowns & comment fields) have this
 * class name, as well as a class name specific to the type of cell,
 * such as clsEntry_h1 for Projects and clsEntry_tb1 for comments
 *
 */
.clsFieldValueCell { 
  white-space: nowrap;
}


/* Check - is this correct? */
.clsFieldValueCell SELECT { 
  vertical-align: bottom;
} 

/* Comments column - should word-wrap but with a minimum width */
.clsEntry_tb1 { 
  white-space: normal;
}


/* ========================================================
 GENERIC/REUSABLE Properties 
======================================================== */

.clsNoWrap { 
  white-space: nowrap;
}

.clsLabel {
  font-weight: bold;
}

.clsSmallFont90 {
  font-size: 0.9em;
}

.clsWidth1 {
  width: 1px !important;
}
.clsWidth10 {
  width: 10px !important;
}
.clsWidth20 {
  width: 20px !important;
}
.clsWidth50 {
  width: 50px !important;
}
.clsWidth100 {
  width: 100px !important;
}  
.clsWidth150 {
  width: 150px !important;
}  
.clsWidth175 {
  width: 175px !important;
}  
.clsWidth200 {
  width: 200px !important;
}  
.clsWidth500 {
  width: 500px !important;
}  
.clsWidth95Percent {
  width: 95% !important;
}  
.clsWidth100Percent {
  width: 100% !important;
}  



/*
 *  Usually appears on Login screens only but can appear in place of toolbar
 *  on any JXDocType_SIMPLE page. 
 */

.clsLoginPageLinks {
 float: left;

 padding: 0.5em;
 width: 11em;  /* Approx same size as toolbar ... doesn't need to be exact but make it a bit less. */
/* vertical-align: top; */

 font-size: 1.2em;
 height: 100%;
}

.clsLoginPageLinksHeading {
 font-weight: bold;
 padding-top: 1em;
 padding-bottom: 1em;
}

/* An individual link */
.clsLoginPageLink {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}
.clsLoginPageLink A, .clsLoginPageLink A:active, .clsLoginPageLink A:hover, .clsLoginPageLink A:visited {
 text-decoration: underline;
}

.clsLoginForm {
 font-size: 1.15em;
 padding-left: 1.6em;
}

.clsLoginForm TD {
 padding-left: 0px;
 padding-right: 1.2em;
 padding-top: 1.1em;
 padding-bottom: 0px;
}

/* The word 'Login' on the login page */
.clsLoginFormTitle {
 font-size: 1.2em;   /* relative to container which already increases font size */
 font-weight: bold;
 padding-bottom: 0.5em;
}

.clsLoginFormForgotPassword {
 display: inline;  /* avoids sending to next line */
 padding-left: 1.5em;
 vertical-align: middle;
}

.clsLoginFormForgotPassword A, .clsLoginFormForgotPassword A:active, .clsLoginFormForgotPassword A:hover, .clsLoginFormForgotPassword A:visited {
 text-decoration: underline;
}


/*
 * XXX TODO- imported from main.css
 */

/* XXX TODO -- these are suspect for Anchors */


A 
{text-decoration : underline;}

A:Active  
{text-decoration: underline;}

A:Active.noLicenseLinks 
{text-decoration : underline;} 


A:Hover  
{text-decoration : underline;}

A:Hover.noLicenseLinks 
{text-decoration : underline;} 


/* Allow external links to have underlines */
/* .clsExternalLink A, .clsExternalLink A:visited, .clsExternalLink A:active, .clsExternalLink A:hover { */
.clsExternalLink {
 text-decoration: underline;
}


/* Status Popup on time entry -- obsolete -- probably can be removed */
.divStatus {
  position:absolute; 
  visibility:hidden; 
  z-index:200;
  font-size:80%; 
  padding:3px; 
}


.title {
  font-size: 125%;
  font-weight: bold;
}

/*
.copy { 
  font-size : 90%;
}
*/

.navSubLink  {
  text-decoration : none;
}

.sysadmHeading  {
  text-decoration : underline;
  font-weight:bold;
}


.status {
  font-size : 90%;
  text-decoration : none;
  font-weight:bold;

}

.error {
  font-size : 100%;
  text-decoration : none;
  font-weight:bold;
}

 
/*** start Calendar Table section ***/

/* any color spec in this section will get overwritten */

.Bcalendarmonth TD
{
vertical-align:top;
height:60px;
width:60px;
white-space:nowrap;
font-size:0.9em; 
padding-left:  0px;
padding-right: 0px;
border: 1px solid black;
}

.Bcalendarmonth TH
{
height: 3em;
}

.Bcalendarmonth TD.weeklink,
.Bcalendarmonth TD.prevmonth,
.Bcalendarmonth TD.nextmonth
{
}

.Bcalendarmonth TD.dayofmonth A
{
border-right:   1px solid black;
border-bottom:  1px solid black;
padding-left:   7px;
padding-right:  7px;
padding-top:    1px;
padding-bottom: 2px;
}

.Bcalendarmonth TD.weeklink A
{
margin: 1px 2px 2px 2px;
}

/*.Bcalendarmonth TD.today SPAN.today*/
SPAN.today
{
font-weight: bold;
padding-left:  5px;
padding-right: 5px;
}

.Bcalendarmonth TD.today
{
vertical-align:top;
height:60px;
white-space:nowrap;
border: 2px solid black;
}

.Bcalendarweek TD
{
vertical-align:top; 
height:30px;
padding:10px;
white-space:nowrap;
font-size:0.9em; 
}  

.Bcalendarweek TD.today
{
vertical-align:top;
height:30px;
white-space:nowrap;
padding:8px; 
}

.Bcalendarday TD
{
vertical-align:top;
height:30px;
white-space:nowrap;
padding:8px; 
}

/*** end Calendar Table section ***/


.navLinkHeading  {
  font-size : 110%;
  font-weight: bold;					
/*  text-decoration : none;  */  /* XXX TODO questionable planders */
}


/*** start sitemap section ***/

/* 
Four columns are displayed in the sitemap.
Each line (label or hyperlink) consists of one CSS block element.
Labels are in <div>s, links in <a>s.
Level 0 is the web page title, 
level 1 is the toplevel label/link in a column,
level 2 is the first indented level under that, etc.

sm-box      - the <div> containing the sitemap markup
sm-indentX  - controls indentation
sm-labelX   - controls label font stuff, space above label (margin-top)
sm-linkX    - controls link font stuff, space above link, make block elt
sm-colX     - controls column positioning and decoration
sm-col-end  - clears past all floated columns
sm-no-top-margin - codegen creates this to suppress space above 1st label1 in column
sm-not-impl - codegen creates this only if link has no mapping to file (so go fix it already!)
*/

.sm-indent0   {margin-left:  0;}
.sm-indent1   {margin-left:  1em; margin-right: 1em;}
.sm-indent2   {margin-left:  3em; margin-right: 1em;}
.sm-indent3   {margin-left:  5em; margin-right: 1em;}
.sm-col1      {border-left: 0px solid gray; float: left; width: 24%; padding: 0;}
.sm-col2      {border-left: 1px solid gray; float: left; width: 24%; padding: 0;}
.sm-col3      {border-left: 1px solid gray; float: left; width: 24%; padding: 0;}
.sm-col4      {border-left: 1px solid gray; float: left; width: 24%; padding: 0;}
.sm-colfaq a  {margin-top: 1em;}
/*.sm-col4 a    {margin-top: 1em;}*/
/*.sm-label0    {font-size: 1.35em; font-weight: bold; margin:     2em;}*/			/* web page title */
.sm-label0    {display: none;}
.sm-label1    {font-size: 1.05em;  font-weight: bold; margin-top: 1.5em;}
.sm-label2    {font-size: 1em;}
.sm-label3    {font-size: 1em;}
.sm-link1     {padding: 1.5px; display: block; font-size: 1.05em; font-weight: bold; margin-top: 1.5em;}
.sm-link2     {padding: 1.5px; display: block;}
.sm-link3	  {padding: 1.5px; display: block;}
.sm-box       {}
.sm-col-end   {clear: left;}
.sm-no-top-margin  {margin-top: 0em;}
.sm-not-impl   {background-color: red;}  /* this class should never appear in production code */

.sitemapLink { text-decoration: none; }

/*** end sitemap section ***/


/*********** END OF MAIN.CSS ***** CLEAN ME UP ***************/



/* ========================================================
 Properties of HEADER elements
======================================================== */

#idHeaderButtonsDiv {
  position: absolute;
  top: 0px;
  right: 10px;
}

#idHeaderButtons TD {
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 3px;
}
#idHeaderButtons TD A, #idHeaderButtons TD A:visited {
  padding-left: 15px;   
  font-weight: bold;
  color: #FFFFFF;                          /* color 102a */
  text-decoration: none;
  vertical-align: bottom;
}
#idHeaderButtons TD A:hover {
  color: #FFFF00;                          /* color 102b */
  text-decoration: underline;
}

#idHeaderButtons TD A.clsHeaderButtonSelected, #idHeaderButtons TD A.clsHeaderButtonSelected:visited, #idHeaderButtons TD A.clsHeaderButtonSelected:hover {
  color: #92D054;                          /* color 102c */
}

.clsHeaderButton {
  color: #92D054;                          /* color 102c */
}

.clsHeaderButtonPreferences, .clsHeaderButtonUsers, .clsHeaderButtonGroups, .clsHeaderButtonProjects, .clsHeaderButtonTimekeep, .clsHeaderButtonDisconManage, .clsHeaderButtonDisconUser, .clsHeaderButtonSitemap
 {
  background-image: url(../image/60/icon-header_preferences.gif);
}
.clsHeaderButtonLogout {
  background-image: url(../image/60/icon-header_logoff.gif);
}

/*  New header button classes in wtdoc

clsHeaderButtonUsers
clsHeaderButtonGroups
clsHeaderButtonProjects
clsHeaderButtonTimekeep
clsHeaderButtonDisconManage
clsHeaderButtonDisconUser
clsHeaderButtonSitemap
clsHeaderButtonLogout
*/

/* ========================================================
 Properties of PRIMARY CONTENT elements
======================================================== */

.clsPrimaryContentTitle {
  font-weight: bold;
  white-space: nowrap;
}

.clsPrimaryContentSubTitle {
  white-space: nowrap;
}

#idPrimaryContentButtons DIV {
  background-repeat: no-repeat;
  background-position: left top;
  height: 14px;
  white-space: nowrap;
  float:right;
  margin-left: 15px;
}

#idPrimaryContentButtons DIV A, #idPrimaryContentButtons DIV A:visited {
  padding-left: 15px;   
  font-weight: bold;
  color: #156187;                          /* color 104a */
  text-decoration: none;
}
#idPrimaryContentButtons DIV A:hover {
  color: #000000;                          /* color 104b */
  text-decoration: underline;
}
#idPrimaryContentReqTimeoffButton {
  background-image: url(../image/60/icon-req_timeoff.gif);
  width: 115px;
}
#idPrimaryContentHelpButton {
  background-image: url(../image/60/icon-help.gif);
  width: 40px;
}
#idPrimaryContentPrintButton {
  background-image: url(../image/60/icon-print.gif);
  width: 150px;
}



/* ========================================================
 Properties of BUTTON elements
======================================================== */

.clsButton {
  /* override normal INPUT monospace font */
  font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; 

  font-weight: bold;
  font-size: 0.89em;

  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px; 
  margin: 2px;
  margin-bottom:  0px;
  background-color: #F1E85E;               /* color 105a */
  border: 1px solid #000000;               /* color 105b */
  cursor: pointer;
  text-decoration: none;    /* For links that are 'buttons', don't underline the link. */

  border-style: solid;
  border-width: 1px;

  -moz-border-radius: 4px; /* rounded buttons on NS/Mozilla only -- eventually this will be in CSS3 and theoretically MSIE 12.0 */
}

/* 
 * XXX TODO: clsButtonList* is questionable -- doesn't seem to be in use
 */

.clsButtonListRight, .clsButtonListLeft {
  color: #000000;                          /* color 105c */
  background-color: #F1E85E;               /* color 105a */
  background-repeat: no-repeat;
  font-weight: bold;
  width: 95px;
  height: 17px;
  margin: 2px;
  cursor: pointer;
  text-align: center;
}
.clsButtonListRight DIV, .clsButtonListLeft DIV {
  padding-top: 2px;
}
.clsButtonListRight {
  background-image:url(../image/60/button-list_right.gif);
}
.clsButtonListLeft {
  background-image:url(../image/60/button-list_left.gif);
}

.clsButtonListUp, .clsButtonListDown {
  background-color: #F1E85E;               /* color 105a */
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 2px;
  cursor: pointer;
}
.clsButtonListUp {
  background-image:url(../image/60/button-list_up.gif);
}
.clsButtonListDown {
  background-image:url(../image/60/button-list_down.gif);
}

/* 
 * Use these classes to add a Right/Left triangle-arrow to your button.
 *
 * These are meant to be used in ADDITION to clsButton.  So make your
 * INPUT's class something like:
 * 
 * <SELECT CLASS='clsButton clsButtonArrowLeft' NAME=...>
 *
 */
.clsButtonArrowLeft { 
  background-repeat: no-repeat; 
  background-position: 1% 2px; 
  background-image: url(../image/60/icon-arrow-left.gif);
}
.clsButtonArrowRight { 
  background-repeat: no-repeat; 
  background-position: 98% 2px;
  background-image: url(../image/60/icon-arrow-right.gif);
}


/*
 * XXX TODO- imported from skins/01blue/icons.css
 *
 * Many of these are obsolete as far as I can tell.
 *
 */


.clsIconEdit {
  width: 10px;
  height: 10px;
  background-image: url(../image/60/icon-edit.gif);
  background-repeat: no-repeat;
  margin-right: 3px;
  cursor: pointer;
}
.clsIconSearch {
  width: 12px;
  height: 12px;
  background-image: url(../image/60/icon-search.gif);
  background-repeat: no-repeat;
  margin-right: 1px;
  cursor: pointer;
}
.clsIconListDefault {
  width: 15px;
  height: 11px;
  background-image: url(../image/60/icon-list_default.gif);
  background-repeat: no-repeat;
  margin-right: 1px;
  cursor: pointer;
}

.clsIconArrowDown {
  background-image: url(../image/60/icon-arrow-down.gif);  
  background-repeat: no-repeat;
  width: 13px;
  height: 9px;
  margin-right: 2px;
}
.clsIconArrowRight {
  background-image: url(../image/60/icon-arrow-right.gif); 
  background-repeat: no-repeat;
  width: 9px;
  height: 13px;
  margin-right: 6px;
}

.clsIconPrev {
  width: 13px;
  height: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../image/60/icon-prev.gif); 
}
.clsIconNext {
  width: 13px;
  height: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../image/60/icon-next.gif);
}

.clsIconRowDel {
  width: 13px;
  height: 12px;
  background-image: url(../image/60/icon-row_delete.gif);
  background-repeat: no-repeat;
  margin-left: 6px;
  cursor: pointer;
}
.clsIconRowMemorize {
  width: 13px;
  height: 12px;
  background-image: url(../image/60/icon-row_memorize.gif);
  background-repeat: no-repeat;
  margin-left: 3px;
  cursor: pointer;
}

.clsIconMainTablePrev {
  background-image: url(../image/60/icon-table_prev.gif); 
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  margin-right: 2px;
}
.clsIconMainTableNext {
  background-image: url(../image/60/icon-table_next.gif); 
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  margin-right: 2px;
}


/*
 * XXX TODO- imported from skins/01blue/preferences.css
 */


/* ========================================================
   /skins/01blue/preferences.css
   Skin definitions for Preferences interfaces
   
   General style elements are defined in
   /styles/default.css
   Primary skin definitions are in
   /skins/01blue/style.css
======================================================== */

.clsPrefTable {
  border: 1px solid #AADE6D;               /* color 201a */
  background-color: #EBF4E2;               /* color 201b */
}
  
.clsPrefTable TD {
  padding: 15px;
  color: #33590E;                          /* color 202 */
}
.clsPrefTable TD .clsHeading, .clsPrefTable TD.clsHeading {
  font: bold 10pt verdana, sans-serif;
  color: #45A3D2;                          /* color 203 */
  padding-bottom: 4px;
}
.clsPrefTable TD .clsLabel, .clsPrefTable TD.clsLabel {
  font-weight: bold;
  float: left;
  white-space: nowrap;
  padding-right: 3px;
}

.clsPrefTableRowColor1 {
  background-color: #EBF4E2;              /* color 204a */
  height: 23px;
}
.clsPrefTableRowColor2  {
  background-color: #F6F8F2;              /* color 204b */
  height: 23px;
}

.clsPrefTable .clsPrefSelectTransferList {
  font: 10px verdana, sans-serif;
  overflow: auto;
}

.clsPrefTableBorder TD {
  font-size: 1px;
  border-bottom: 1px solid #AADE6D !important;     /* color 201a */
  height: 1px;
  padding: 0px;
}

.clsPrefTableHeading {
  border-bottom: 1px solid #AADE6D;               /* color 201a */
  background-color: #CFE9B2;                      /* color 205a */
  padding: 5px !important;
  font: bold 8pt verdana, sans-serif;
  color: #33590E;                                 /* color 202 */
}

.clsPrefTableNoPadding TD {
  padding: 0px;
}

.clsPrefTableEntries TD {
  padding: 3px;
  border: 0px !important;
  color: #33590E;                                 /* color 202 */
}
.clsPrefTableEntries TD .clsHeading, .clsPrefTableEntries TD.clsHeading {
  font: bold 10pt verdana, sans-serif;
  color: #45A3D2;                                 /* color 203 */
  padding-bottom: 4px;
}
.clsPrefTableEntries TD .clsLabel, .clsPrefTableEntries TD.clsLabel {
  font-weight: bold;
  float: left;
  white-space: nowrap;
  padding-right: 3px;
}

.clsPrefTable INPUT.clsPrefInput, .clsPrefTableEntries TD INPUT.clsPrefInput, .clsPrefTable SELECT.clsPrefSelect, .clsPrefTableEntries TD SELECT.clsPrefSelect {
  font: 10px verdana, sans-serif;
}
.clsPrefTable INPUT.clsPrefInputShort, .clsPrefTableEntries TD INPUT.clsPrefInputShort {
  font: 10px verdana, sans-serif;
  width: 20px;
}
.clsPrefTableEntries TD TEXTAREA {
  font: 10px verdana, sans-serif;
  overflow: auto;
}

.clsPrefTableComplex {
  margin-top: 10px;
  border-right: 1px solid #AADE6D !important;         /* color 201a */
    border-bottom: 1px solid #AADE6D !important;      /* color 201a */
  }
.clsPrefTableComplex TD {
  border-top: 1px solid #AADE6D !important;           /* color 201a */
  border-left: 1px solid #AADE6D !important;          /* color 201a */
  padding: 3px;
  color: #33590E;                                     /* color 202 */
}
.clsPrefTableComplex .clsHeading TD {
  border-bottom: 1px solid #AADE6D;                   /* color 201a */
  font: bold 8pt verdana, sans-serif;
  background-color: #DEEFCB;                          /* color 205b */
  height: 25px;
}



/* ========================================================
 Properties of TAB SUBNAV elements
======================================================== */

#idTabSubNav.clsPreferences {
  background-color: #92D054;               /* color 206a */

/* XXX TODO 
 * border-top: 0px;
 */
  border-top-width: 1px;

  border-style: solid;
  border-color: #C9E8AA;          /* color 206b XXX TODO color */

  border-left-width: 1px;
  border-right-width: 1px;

  z-index: 200;

  -moz-border-radius: 4px; /* XXX TODO rounded buttons on NS/Mozilla only */

}
#idTabSubNav.clsPreferences TABLE TD {
  border-top: 1px solid #C9E8AA;           /* color 206b */
  white-space: nowrap;
}
#idTabSubNav.clsPreferences TABLE TD.clsTabSubNavSeparator {
  background-repeat: no-repeat;
  background-image: url(../image/60/tab_sub_nav_separator-prefs.gif);
}
#idTabSubNav.clsPreferences TABLE TD A, #idTabSubNav.clsPreferences TABLE TD A:visited { 
  color: #FFFFFF;                          /* color 206c */
}
#idTabSubNav.clsPreferences TABLE TD A.clsTabSubNavSelected, #idTabSubNav.clsPreferences TABLE TD A.clsTabSubNavSelected:visited {
  color: #33590E;                          /* color 206d */
}
#idTabSubNav.clsPreferences TABLE TD A.clsTabSubNavSelected:hover, #idTabSubNav.clsPreferences TABLE TD A:hover  {
  color: #33590E;                          /* color 206d */
}



/*
 * XXX TODO- imported from skins/01blue/timesheet.css
 */



/* ========================================================
   /skins/01blue/timesheet.css
   Skin definitions for Timesheet interfaces
   
   General style elements are defined in
   /styles/default.css
   Primary skin definitions are in
   /skins/01blue/style.css
======================================================== */


/* ========================================================
 Properties of COMMON MAIN and NOTES TABLE elements
======================================================== */

.clsMainTableRowColor1, .clsNotesTableRowColor1 {
  background-color: #EBF4E2;                 /* color 301a */
  height: 23px;
}
.clsMainTableRowColor2, .clsNotesTableRowColor2  {
  background-color: #F6F8F2;                 /* color 301b */
  height: 23px;
}


/* ========================================================
 Properties of MAIN TABLE elements
======================================================== */

.clsComplexTable TD {
  border-left: 1px solid #A0DA58;            /* color 302 */
  border-bottom: 1px solid #A0DA58;          /* color 302 */
}

.clsTableNoBorders TD {
  border: 0px !important;
}

.clsMainTableTitle, .clsMainTableTitleToggle {
  background-color: #CFE9B3;                 /* color 303 */
  border-top: 1px solid #A0DA58;             /* color 302 */
  color: #668950;                            /* color 304a */
  font: bold 8pt verdana, sans-serif;
  height: 25px;
  padding-left: 3px;
  white-space: nowrap;
}
.clsMainTableTitleToggle {
  cursor: pointer;
}
.clsMainTableTitleWhite {
  border: 0px !important;
  height: 25px;
}
.clsMainTableHeader TD, .clsMainTableHeaderSmall TD, .clsMainTableFooter TD {
  background-color: #E0F0CD;                 /* color 305 */
  border-bottom: 2px solid #A0DA58;          /* color 302 */
  color: #668950;                            /* color 304a */
  font: bold 10px verdana, sans-serif;
  white-space: nowrap;
}
.clsMainTableHeader TD {
  height: 33px;
  padding-left: 3px;
}
.clsMainTableHeaderSmall TD {
  height: 33px;
  text-align: center;
}
.clsMainTableHeaderSmallWhite {
  border: 0px !important;
  height: 33px;
}
.clsMainTableFooter TD {
  padding-left: 3px;
  padding-right: 2px;
  height: 28px;
}
TD.clsMainTableEmpty {
  background-color: #FFFFFF;
  border-bottom: 0px !important;
  white-space: nowrap;
}
.clsMainTableText {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 1px;
  padding-left: 3px;
  padding-right: 2px;
  white-space: nowrap;
  height: 23px;
}
.clsMainTableTextSmall {  
  color: #668950;                            /* color 304a */
  font: 10px verdana, sans-serif;
  padding: 1px;
  white-space: nowrap;
  height: 23px;
}
.clsMainTableInput {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 1px;
  padding-right: 2px;
  white-space: nowrap;
  height: 23px;
}
.clsMainTableInput INPUT, .clsMainTableInput SELECT {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
}
.clsMainTableInput INPUT {
  color: #000000;                            /* color 306 */
  width: 98%;
  height: 14px;
}
.clsCommentIndicator {
  background-image: url(../image/60/icon-comment_indicator.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
.clsMainTableDayHourInput {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 1px;
  white-space: nowrap;
  height: 23px;
  width: 40px;
  text-align: right;
}
.clsMainTableInputSmall {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 1px;
  white-space: nowrap;
  height: 23px;
  text-align: right;
}
.clsMainTableDayHourInput INPUT, .clsMainTableInputSmall INPUT {
  color: #000000;                            /* color 306 */
  text-align: right;
  font: 10px verdana, sans-serif;
  width: 30px;
  height: 14px;
}
TD.clsMainTableWhite {
  border-bottom: 0px !important;
  background-color: #FFFFFF;
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 0px;
  white-space: nowrap;
}

/*
 * Turn off right-hand border on the 'totalsrow' under the 'maintableleft' (i.e, project/codes section)
 */

/* idMainTable is the jtgui entry screen container table */

#idMainTableLeft TFOOT .heading { 
  border-width: 0px;
}

#idMainTableRight TFOOT .heading { 
  border: none; 
}


/* Add a little padding below the popup TREE icon in entry screens */
#idMainTable .clsPopupTreeLink IMG, .clsSimpleEntryScreen .clsPopupTreeLink IMG{ 
  margin: 0px;
  margin-top: 2px;
  vertical-align: top;
}
/* and the Search (mag glass) icon */
#idMainTable .clsPopupSearchLink IMG, .clsSimpleEntryScreen .clsPopupSearchLink IMG { 
  margin: 0px;
  margin-bottom: 3px; 
  margin-right: 1px;
  vertical-align: bottom;
}

/* 
 * This the 'grid' area of Entry Screens 
 */
#idMainTableRight { 
  white-space: nowrap;  /* prevents icons next to grid cell from going to next line  */
}


.columntotal, .rowtotal, .grandtotal {
  border: none;
}

.contentTable TR.togglerow TD, .togglerowCollapsed TD {
  border-width: 1px; 
  border-style: solid;
}

.togglerowSpan { 
  cursor: pointer;
}

/* ========================================================
 Properties of NOTES TABLE elements
======================================================== */

.clsNotesTableTitleTabToggle {
  background-color: #CFE9B3;                 /* color 303 */
  border-bottom: 0px !important;
  border-top: 1px solid #A0DA58;             /* color 302 */
  color: #668950;                            /* color 304a */
  font: bold 8pt verdana, sans-serif;
  height: 25px;
  padding: 0px;
  white-space: nowrap;
}
.clsNotesTableTitleTabToggle TABLE TD {
  border-left: 0px;
  border-right: 0px;
}
.clsNotesTableTab, .clsNotesTableTabButton {
  padding-left: 3px;
  padding-right: 3px;
  height: 25px;
}
.clsNotesTableTabButton {
  cursor: pointer;
}
.clsNotesTableTabSelected {
  border-bottom: 0px !important; 
}
.clsNotesTableTab DIV, .clsNotesTableTabSelected DIV {
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px;
  height: 18px;
  font: bold 10px verdana, sans-serif;
  text-align: center;
  border: 1px solid #A0DA58;                 /* color 302 */
  border-bottom: 0px;
}
.clsNotesTableTab DIV {
  cursor: pointer;
}
.clsNotesTableTabSelected DIV {
  background-color: #DEEFCB;                 /* color 307 */
}
.clsNotesTableTabContent {
  background-color: #DEEFCB;                 /* color 307 */
  border-top: 0px;
  color: #668950;                            /* color 304a */
  font: 10px verdana, sans-serif;
  padding: 3px;
  white-space: nowrap;
}
.clsNotesTableContentDescriptor TD {
  border: 0px;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-right: 20px;
}
.clsNotesTableNoteText {
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 5px;
  padding-right: 2px;
  padding-left: 2px;
  white-space: nowrap;
}
.clsNotesTableFooter {
  background-color: #E0F0CD;                 /* color 305 */
  color: #668950;                            /* color 304a */
  font: 10px verdana, sans-serif;
  padding: 6px;
  white-space: nowrap;
}
.clsNotesTableFooter A, .clsNotesTableFooter A:visited {
  color: #668950;                            /* color 304a */
  font: 10px verdana, sans-serif;
}
.clsNotesTableFooter A:hover {
  color: #4E693E;                            /* color 304b */
}
.clsNotesTableNoteText TABLE TD, .clsNotesTableFooter TABLE TD, .clsNotesTableTabContent TABLE TD {
  border: 0px !important;
}
.clsNotesTableTextArea {
  font: 10px verdana, sans-serif;
  color: #000000;                            /* color 306 */
  margin: 1px;
  overflow: auto;
  width: 97%;
  height: 35px;
}

TD.clsNotesTableWhite {
  border-left: 1px solid #A0DA58;            /* color 302 */
  border-bottom: 0px !important;
  background-color: #FFFFFF;
  color: #000000;                            /* color 306 */
  font: 10px verdana, sans-serif;
  padding: 0px;
  white-space: nowrap;
}

.clsNotesTableInputSmall {
  font: 10px verdana, sans-serif;
  margin: 1px;
  color: #000000;                            /* color 306 */
}

/* ========================================================
	Styles for forms
======================================================== */
HR {
	clear: both
}

.formIndent0 {
	line-height: 200%;
	color: #000000;
}

.formIndent1 {
	padding-left: 30px;
}

.formRight {
	float: right;
}

.formLeft {
	float: left;
}


/* Give to anything you want vertical-align: top 
   Give in addition to any other classes such as contentTable */
.clsTableCellsVerticalAlignTop TBODY TR TD { 
  vertical-align: top;
}

.clsVerticalAlignMiddle { 
  vertical-align: middle;
}

.clsVerticalAlignBottom, .clsVerticalAlignBottom TD, .clsVerticalAlignBottom INPUT { 
  vertical-align: bottom;
}

/*
 * Aligns checkboxes and images (icons) in stdscreens better with their labels
 */
.clsVerticalAlignMiddle INPUT, .clsVerticalAlignMiddle IMG { 
  vertical-align: -30%;
 }


/*
 * Appears only on Entry Screens (jtgui) 
 * and only when enableEntryScreenInnerScrollbars is set
 *
 */

#idLoadingWaitNotice {  
  text-align: center;
  vertical-align: middle;

  position: absolute;
  top: 100px;
  left: 100px;

  color: white;
  background-color: red;

  border-style: solid;
  border-width: 3px;
  border-color: black;
  
  font-size: 1.75em;

  padding: 1em;
  margin: 1em;
}