/* =========================================== *
 * common styles for all pages in application  *
 * =========================================== */

.debugoutput {
    font-size: x-small;
    font-family: monospace;
    font-style: italic;
}

BODY {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /* 12pt */
}

EM    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
B    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

SUP {
    font-weight: normal;
   /* font-size: smaller; */
    vertical-align: super;
}

strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}   

tt { 
    font-family: Courier;
    font-weight: bold;
	font-size: 110%;  
}
		
code { 
    font-family: Courier;
	font-size: 125%;  
}
		
pre { 
    font-family: Courier;
    font-size: 125%; 
    margin-top: 1.2em;
    margin-bottom: 1.5em  
}
		
pre code { 
    font-size: 100%; 
}						

.bigTitle {
    font-size: xx-large; /* 300%; */
    font-weight: bold;
}
.medTitle {
    font-size: x-large; /* 160%; */
    font-weight: bold;
}
.smallTitle {
    font-size: large;
    font-weight: bold;
    text-decoration: underline;
}

A {
    text-decoration: none
}

.boxNote {
    border-width: 2;
    border-style: inset;
}

.noBorder {
    border: none;
    border-width: 0;
}

.spaceRow {
    height: 13;
}
.medSpaceRow {
    font-size: x-small; /* 7pt; */
    height: 6px;
}
.smallSpaceRow {
    font-size: xx-small; /* 4pt; */
    height: 2px;
    border-width: 0; 
}

.hrBlue {
    border: none;
    height: 1px;
    background-color: #0099ff;
    padding: 0;
    margin: 0;
}
.hrBlueGreen {
    border: none;
    height: 1px;
    background-color: #408080;
    padding: 0;
    margin: 0;
}
.hrBlack {
    border: none;
    height: 1px;
    background-color: #000000;
    padding: 0;
    margin: 0;
}
.hrBlackBold {
    border: none;
    height: 3px;
    background-color: #000000;
    padding: 0;
    margin: 0;
    /*width: 600;*/
}
.hrWhite {          /* actually .hrBackgnd */
    border: none;
    height: 1px;
    padding: 0;
    margin: 0;
}

TABLE {
    border-width: 0;
    border-style: none;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}
TR {
    vertical-align: top;
    border-width: 0;
    border-style: none;
    margin-bottom: 0;
    margin-top: 0;
}
TH {
    font-family: Arial, Helvetica, sans-serif;
}
TD {
    border-width: 0;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /* 10pt; */
}

.smallTableCell {
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /* 9pt; */
}

.footerText {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 12; */
}
.footerTextBold {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 12; */
    font-weight: bold;
}

.footerTable {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 12; */
    width: 100%;
    border-width: 0;
    border-style: none;
}
.footerRow {
    height: 1.2em;
}
.footerCellBold {
    font-weight: bold;
    border-width: 0;
    border-style: none;
    font-size: small; /* 9pt; */ 
}
.footerCell {
    border-width: 0;
    border-style: none;
    font-size: small; /* 9pt; */ 
}

.headerTable {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 12; */
    width: 100%;
    border-width: 0;
    border-style: none;
}
.headerCell {
    border-left-width: 1;
    border-left-style: outset;
    border-right-width: 1;
    border-right-style: outset;
    border-top-width: 0;
    border-right-style: none;
    border-bottom-width: 0;
    border-bottom-style: none;
    text-align: center;
}
.headerCellBold {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 12; */
    font-weight: bold;
    text-align: center;
    border-width: 0;
    border-style: none;
}
HR.grooveBar {
    border-color: #3366ff;
}
.disabled {
    color: #c0c0c0;
}
.logoBox {
/*
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: 2;
    border-bottom-width: 2;
    border-style: solid;
 */
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-width: 2;
    border-style: ridge;
}

/********** FORMS [[ **********/ 
TD.c1 {
    font-size: medium; /* 10pt; */
}
.formTable {
    padding: 3px;
}
.c2 {
    font-family: Courier New, Courier, monospace;
    background-color: #ffffff;
    font-size: small;
}

.checkLabel, .checkLabelDisabled {
    font-weight: bold;
    vertical-align: middle;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
}
.fieldLabel, .fieldLabelDisabled {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 8pt; */
    /* font-weight: bold; */
    font-style: italic;
    align: right;
    vertical-align: middle;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
}
.fieldLabelSmall {
    font-size: x-small; /* 8pt; */
  /*  align: right; */
    vertical-align: middle;
    border-width: 0;
    border-style: none;
}
.fieldLabelSub {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
    font-weight: normal;
    align: right;
    vertical-align: middle;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
}
.fieldLabelTopAlign {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
    font-weight: bold;
    align: right;
    vertical-align: middle;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
}
.fieldValue, .fieldValueReadOnly, .fieldValueDisabled {
    color: black; /* TODO: break out colors */
    margin-left: 2px;
    border-width: 0;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /* 9pt; */
    font-weight: bold;
  /*  font: messagebox;  */
  /*  font-family: monospace; */
}
.fieldValueCell {
  /*  background-color: silver;  TODO: break out colors; enable for read-only only */
  /*   color: black; TODO: break out colors */
    border-width: 1;
    border-style: solid;
    border-left: silver;
    border-top: silver;
    border-right: gray;
    border-bottom: gray;
    vertical-align: middle;
}
/*
.fieldValue2, .fieldValue2ReadOnly, .field2ValueDisabled {
 /*    background-color: white; TODO: break out colors */
    margin-left: 2px;
    font-weight: normal;
    vertical-align: middle;
}
*/
.fieldInput {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
}
.fieldLabelHeaderLeft {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
    font-weight: bold;
    align: right;
    vertical-align: baseline;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
/*   
    background-color: #408080;
    background-color: #dddddd; 
    background-color: #c0c0c0; 
    background-color: #e0e0e0; 
 */  
    border-bottom:thin solid;
}
.fieldLabelHeaderRight {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
    font-weight: bold;
    align: right;
    vertical-align: baseline;
    margin-right: 5px;
    border-width: 0;
    border-style: none;
/*   
    background-color: #408080;
    background-color: #dddddd; 
    background-color: #c0c0c0; 
    background-color: #e0e0e0; 
 */  
    border-bottom:thin solid black;
    border-left: thin solid black;
}
.fieldCheck, .fieldCheckDisabled {
  /*  font-family: Arial, Helvetica, sans-serif; */
    font-size: small; /* 9pt; */
    margin-left: 2px;
    border-width: 0;
    border-style: none;
}
.editButton {
    text-align: center;
    valign: bottom;
}
.editButtonDisabled {
    text-align: center;
    valign: bottom;
}
.editButtonText, .editButtonTextDisabled {
    width: 80;
    height: 33;
    text-align: center;
    valign: baseline;
    /* font-size: 10pt;
    font-weight: bold; */
    font: messagebox;
}
.actionLink {
    width: 80px;
 /*   height: 50px; */
    text-align: center;
    valign: bottom;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif; 
/*    border: 1px solid #C0C0C0; */
    border-color: #808080;
    border-width: 2px;
    border-style: groove;
    margin-top: 2pt;
    margin-bottom: 2pt;
}
.actionLinkDisabled {
    width: 80px;
 /*   height: 50px; */
    text-align: center;
    valign: bottom;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif; 
 /*   border: 1px solid #C0C0C0; */
    border-width: 2px;
    border-style: solid;
    border-color: #808080;
    color: #808080; 
    margin-top: 2pt;
    margin-bottom: 2pt;
}
.browseButton {
    width: 60;
    height: 20;
    text-align: center;
    valign: baseline;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; /* smaller; */
}
.browseButtonDisabled {
    width: 60;
    height: 20;
    text-align: center;
    valign: center;
    font: messagebox; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt; /* smaller; */
    background-color: #C0C0C0; 
    color: #808080; 
}

.labelHeading {
   font-size: larger;
   font-weight: bold;
   align: right;
   vertical-align: top;
}
.labelHeadingCell {
  /*  font-family: Arial, Helvetica, sans-serif; */
  /*  font-size: 16; */
   font-size: 133%;
   font-weight: bold;
   align: right;
   vertical-align: top;
   margin-right: 1px;
   padding-right: 10px;
   border-width: 0;
   border-style: none;
   border-right-width: 2;         /* groove down right side of cell */
   border-right-style: groove;
}
.grooveBar {
    border-width: 2; 
    border-style: groove;
}
/********** ]] FORMS **********/ 

/******** calender.js ********/
.calBorder {
    border-style: solid;
    border-width: 2;
}
.calTable {
    font-size: 7pt; /* xx-small; */
}
.calTitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt; /* xx-small; */
}
.calHdrWkend, .calHdrWkday {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt; /* xx-small; */
}
.calNav {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt; /* xx-small; */
}
.calToday, .calThisDate, .calTitle, .calWkend, .calWkday, .calLink {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt; /* xx-small; */
}
.calBlank {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt; /* xx-small; */
}