a:link    { text-decoration: none; color: #183568; }
a:visited { text-decoration: none; color: #184558; }
a:active  { text-decoration: none; color: #183568; }
a:hover   { text-decoration: underline; }

body      { font-family: Arial; background-attachment: fixed; background-image: url('backgrnd.png');}

h1            { font-size: 16pt;  color: #285598; BORDER-BOTTOM: blue 1px solid; MARGIN-TOP: 2px; }
h2            { font-size: 14pt;  color: #285598; BORDER-BOTTOM: blue 1px solid; margin-top: 2px;}
h2.box        { font-size: 1.2em; color: #285598; background-color: #EEEEEE; BORDER: blue 1px solid;  }
h3            { font-size: 13pt;  color: #285598;  }
h4            { font-size: 12pt;  color: #000000; background-color: #EEEEEE; }
sup           { font-size: 0.5em; }

.hdrmid                  { border-style: none; background-image: url('hdrTM.png'); background-repeat: repeat-x;  height: 36px; white-space: nowrap; }
.hdrtext                 { display: inline-block; margin-top: 4px; font-size: 22px; color: #FFFFFF; }

div.menu                 { background-color: #C4DAF0; color: #000000; line-height: 22px; font-size: 16px;  padding: 0px; margin-top: 0px; vertical-align: middle; padding-bottom: 2px; }
div.menu a.grpbut        { background-color: #8DB5D8; color: #000000; display: inline-block; height: 26px;  padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; border-right: 1px white solid; text-decoration: none; }
div.menu a.grpbut:hover  { background-color: #EEEEFF; color: #000000; }
div.menu a.grpsel        { background-color: #5885B8; color: #FFFFFF; display: inline-block; height: 26px;  padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; border-right: 1px white solid; text-decoration: none; }
div.menu a.grpsel:hover  { background-color: #EEEEFF; color: #000000; }
div.menu a.menbut        { background-color: #A9C9ED; color: #000000; display: inline-block; height: 26px; padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; border-right: 1px white solid; text-decoration: none; }
div.menu a.menbut:hover  { background-color: #EEEEFF; color: #000000; }
div.menu a.mensel        { background-color: #6895C8; color: #FFFFFF; display: inline-block; height: 26px; padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; border-right: 1px white solid; text-decoration: none; }
div.menu a.mensel:hover  { background-color: #EEEEFF; color: #000000; }
div.menu a.menrgt        { background-color: #B4CEE9; color: #000000; display: inline-block; height: 26px; padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; text-decoration: none; }
div.menu a.menrgt:hover  { background-color: #EEEEFF; color: #000000; }

div.toolmenu                  { background-color: #C4DAF0; color: #000000; line-height: 22px; font-size: 16px;  padding: 0px; margin-top: 0px; vertical-align: middle; padding-bottom: 2px; }
div.toolmenu a.toolbut        { background-color: #B4D2E9; color: #000000; display: inline-block; height: 26px;  padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; border-right: 1px white solid; text-decoration: none; }
div.toolmenu a.toolbut:hover  { background-color: #EEF2FF; }
div.toolmenu a.toolrgt        { background-color: #B4D2E9; color: #000000; display: inline-block; height: 26px;  padding-bottom: 2px; padding-top: 2px; padding-left: 2px; padding-right: 0.3em; text-decoration: none; }
div.toolmenu a.toolrgt:hover  { background-color: #EEF2FF; }

div.popup        { position: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: #FFFFCC; LAYER-BACKGROUND-COLOR: #FFFFCC; width: 200px; BORDER-LEFT: 1px solid black; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 2px solid black; BORDER-RIGHT: 2px solid black; PADDING: 3px; z-index: 10; font-size: 8pt; }
div.feedback     { background-color: #FFFFDD; padding: 2px; border: 1px red solid; color: #000000; text-decoration: none; }
div.editup       { background-color: #FFFFFF; padding: 2px; border: 1px #808080 solid; }
div.projmenu     { background-color: #FFFFFF; border: 1px solid green; margin-right: 1em; }
div.discdiv      { border: 1px #888888 solid; background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 50em; }
div.webbox       { background-color: #FFFFFF; padding: 10px; border: 1px #808080 solid; margin: 15px;}


/* table defaults: NO BORDER, reduced font size, TH with background color */
table            { border-style: none; border-collapse: collapse; }
th               { border-style: none; font-size: 0.8em; background-color: #C4DAF0; }
td               { border-style: none; font-size: 0.8em; }

/* table dialog - table has a border, cells within do not, tinted background */
table.dialog     { border: 1px black solid; border-collapse: collapse;  background-color: #EEEEEE; color: #000000;  }
table.dialog th  { border-style: none; background-color: #C4DAF0; color: #000000;  }
table.dialog td  { border-style: none; }

/* table border - table and cells have borders (used for 'charts'), solid white background */
table.border     { border: 1px #5885B8 solid; border-collapse: collapse; background-color: #FFFFFF; }
table.border td  { border-right: 1px #5885B8 solid; border-bottom: 1px #5885B8 solid; }
table.border th  { border-right: 1px #5885B8 solid; border-bottom: 1px #5885B8 solid; }
/* alternate row colors */
tr.arow          { background-color: #EEEEEE;  }
tr.brow          { background-color: #FFFFFF; }

/* popup calendar */
table.cpBorder     { border: 1px #5885B8 solid; border-collapse: collapse; background-color: #FFFFFF; }
td.cpMonthNavigation { background-color: #C4DAF0; }

/* table toolbar - table has border, cells do not, tinted background  */
table.toolbar    { border: 1px #404A53 solid; border-collapse: collapse; background-color: #D0DAE3; height: 2.2em; }
table.toolbar td { border-style: none; background-color: #D0DAE3; }

/* table edit - table has border, cells do not; width= 50em ( 5 label, 45 content ) */
table.edit           { border: 1px #888888 solid; border-collapse: collapse; background-color: #FFFFFF; width: 50em; }
table.edit td        { border-style: none; background-color: #FFFFFF; }
table.edit td.lbkgd  { border-style: none; background-color: #E0E9FA; }
table.edit td.label  { border-style: none; background-color: #E0E9FA; width: 5em; }
table.edit th        { border-style: none; font-size: 1.2em; font-weight: bold; background-color: #C4DAF0; }
table.edit th.titls  { width: 5em; }
table.edit th.title  { width: 45em; }

/* special cells for projects page */
td.projhdr       { border: 1px solid black; background-color: #FFFFFF; font-size: 16pt; COLOR: blue; }
td.req           { border-style: none; background-color: #AAEEFF; }
td.func          { border-style: none; background-color: #DAEEDA; }
td.test          { border-style: none; background-color: #FCCCFC; }
td.rev           { border-style: none; background-color: #FFFFBB; }

.editfw          { width: 44em; }
.edithw          { width: 20em; }
.gfxtext         { font-size: 18px; font-weight: bold; color: #006080; }
.gfxtextalt      { font-size: 18px; font-weight: bold; color: #509060; }
.doctip          { background-color: #FFDDEE; color: #000000; border: 1px solid #8888FF; }
.caption         { font-size: 0.8em; background-color: #EEEEEE; border-top: 1px solid #8888FF; margin-top: 1em;}
.figure          { margin: 2em; border: 1px solid #8888FF; background-color: #FFFFFF; }

.tutmi           { background-color: #C4DAF0; color: #000000; display: inline-block; padding-left: 2px; padding-right: 0.3em; text-decoration: none; white-space: nowrap; }