/*
Filename: exp.css
 Purpose: Style sheet for EXPWeb.
08/29/03: dgreene-Created
  Colors:
    #006666=Dark green, title bar
    #99CC99=Bright green, middle menu bar
    #99CCCC=Blue green, inst-name bar, 1-pixel lines under headings
    #CC0000=Bright red, warning messages
   Notes:
    -normal is used everywhere. font-weight is not included so NS4.7
       will honor <b> tags inside this class.
    -heading1 usually has a blue-green 1-pixel line under it.
    -warning is used for login screen error msgs and other warnings
    -These are only used in header.cfm and/or login_screens.cfm.
      title-bar
      menu-bar
      info-bar
      legend
      forgot-box-normal
      forgot-box-warning
    -legend is currently identical to info-bar
    -forgot-box-normal is identical to normal, except it has a gray background.
    -forgot-box-warning is identical to warning, except it has a gray background.
11/21/03 dgreene-I changed all the colors to the non-browser-safe colors
  that NSF requested:
  cccccc becomes eeeeee (gray becomes light gray)
  99cc99 becomes c9e7c9 (bright green becomes pale green)
  006666 becomes 006666 (dark green title bar does not change)
  99cccc becomes dfe9f3 and c9e7c9 (teal becomes light blue sometimes, and pale green other times)
  ccccff becomes dfe9f3 (purple becomes light blue)
  ffffcc becomes ffffcc (yellow does not change)
*/

.normal     {                    color:#000000; font-size:0.75em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.small      {                    color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.heading1   {background:#FFFFFF; color:#000000; font-size:1.00em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}
.warning    {background:#FFFFFF; color:#CC0000; font-size:0.75em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}

.data-table-normal       {background:#eeeeee; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.data-table-highlight    {background:#ffffcc; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.data-table-header       {background:#eeeeee; color:#000000; font-size:0.80em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}
.data-table-header-small {background:#eeeeee; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.data-table-detail       {background:#eeeeee; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-header        {background:#dfe9f3; color:#000000; font-size:0.80em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-header-small  {background:#dfe9f3; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-normal        {background:#dfe9f3; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-percent       {background:#dfe9f3; color:#000000; font-size:0.95em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-header         {background:#dfe9f3; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-detail         {background:#eeeeee; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-detail-r       {background:#cc0033; color:#ffffff; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-detail-y       {background:#ffcc00; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-detail-nc      {background:#ffff99; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.prog-mon-detail-g       {background:#00cc00; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.barchart-header         {background:#dfe9f3; color:#000000; font-size:0.7em;                      font-family:arial,helvetica,sans-serif; text-decoration:none; border: 1px solid #000; border-collapse: collapse;}
.barchart-detail1        {background:#ffffff; color:#000000; font-size:0.7em;                      font-family:arial,helvetica,sans-serif; text-decoration:none; border: 1px solid #000; border-collapse: collapse;}
.barchart-detail2        {background:#eeeeee; color:#000000; font-size:0.7em;                      font-family:arial,helvetica,sans-serif; text-decoration:none; border: 1px solid #000; border-collapse: collapse;}

table.stats              {border-top: 1px solid #000;  border-right: 2px solid #000;  border-bottom: 2px solid #000;  border-left:   1px solid #000;}

.stats-header            {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:center;  font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0;}
.stats-header-left       {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:center;  font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0;}
.stats-header-top        {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:center;  font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0;}
.stats-header-topleft    {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:center;  font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0;}

.stats-header2           {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0;}
.stats-header2-left      {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0;}
.stats-header2-top       {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0;}
.stats-header2-topleft   {background:#dfe9f3; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0;}

.stats-detail            {background:#eeeeee; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0; empty-cells: show;}
.stats-detail-left       {background:#eeeeee; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 1px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0; empty-cells: show;}
.stats-detail-top        {background:#eeeeee; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 1px solid #000; border-bottom: 0; empty-cells: show;}
.stats-detail-topleft    {background:#eeeeee; color:#000000; font-size:0.75em; text-align:right;   font-family:arial,helvetica,sans-serif; text-decoration:none; border-top: 2px solid #000; border-right: 0; border-left: 2px solid #000; border-bottom: 0; empty-cells: show;}

.detail-row-normal {background:#eeeeee; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.grand-row-header  {background:#c9e7c9; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.grand-row-normal  {background:#c9e7c9; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.grand-row-percent {background:#c9e7c9; color:#000000; font-size:0.95em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.basic-def-term   {background:#c9e7c9; color:#000000; font-size:0.75em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.basic-def-detail {background:#c9e7c9; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.basic-research                    {background:#eee0e5;}
.data-table-header-basic-research  {background:#eee0e5; color:#000000; font-size:0.80em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-normal-basic-research   {background:#eee0e5; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.total-row-percent-basic-research  {background:#eee0e5; color:#000000; font-size:0.95em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.grand-row-header-basic-research   {background:#eee0e5; color:#000000; font-size:0.60em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.grand-row-percent-basic-research  {background:#eee0e5; color:#000000; font-size:0.95em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.forgot-box-warning-basic-research {background:#eee0e5; color:#cc0000; font-size:0.75em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}
.cloak-input-total-basic-research  {background:#eee0e5; color:#cc0000;                                       font-family:Courier,monospace;                                text-align:right; border: 0; }
.cloak-input-grand-basic-research  {background:#eee0e5; color:#cc0000;                                       font-family:Courier,monospace;                                text-align:right; border: 0; }

.input-text           {font-family:Courier,monospace; text-align:right;}
/*
  input-text-left cannot use the "text-align:left" attribute because it
  causes all the phone number input boxes to stack up one-under-the-other
  on the left when vied in netscape 4.7. The default is left anyway, so
  it is not needed.
*/
.input-text-left      {font-family:Courier,monospace;}

.input-text-grand-row {text-align:right;  background:#c9e7c9; border-style:none; font-size:0.90em;}

.title-bar  {background:#006666; color:#FFFFFF; font-size:1.10em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.menu-bar   {background:#c9e7c9; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.info-bar   {background:#dfe9f3; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.legend     {background:#dfe9f3; color:#000000; font-size:0.75em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.submit-msg {background:#FFFFFF; color:#CC0000; font-size:0.80em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}

.error-box-normal   {background:#FFFFCC; color:#000000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.error-box-notice   {background:#FFFFCC; color:#CC0000; font-size:0.75em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.error-box-text     {background:#FFFFCC; color:#000000; font-size:0.70em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}
.status-box-text    {background:#FFFFCC; color:#000000; font-size:0.70em; font-weight:normal; font-family:arial,helvetica,sans-serif; text-decoration:none;}

.forgot-box-normal  {background:#eeeeee; color:#000000; font-size:0.75em;                     font-family:arial,helvetica,sans-serif; text-decoration:none;}
.forgot-box-warning {background:#eeeeee; color:#CC0000; font-size:0.75em; font-weight:bold;   font-family:arial,helvetica,sans-serif; text-decoration:none;}


.normal-table-header {                    color:#000000; font-size:0.80em; font-weight:bold;      font-family:arial,helvetica;    text-decoration:none;}
.normal-table-col    {                    color:#000000; font-size:0.80em;                        font-family:arial,helvetica;    text-decoration:none;}

.view-col            {                    color:#000000; font-size:0.65em;                        font-family:arial,helvetica;    text-decoration:none;}
.view-col-dark       {background:#cccccc; color:#000000; font-size:0.65em;                        font-family:arial,helvetica;    text-decoration:none;}
.view-note           {                    color:#000000; font-size:0.80em; font-weight:normal;    font-family:arial,helvetica;    text-decoration:none;}
.view-header         {                    color:#000000; font-size:1.00em; font-weight:bold;      font-family:arial,helvetica;    text-decoration:none;}

.help-index          {background:#dfe9f3; color:#000000; font-size:0.70em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.help-menu           {background:#ffffff; color:#000000; font-size:0.6em;  font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.help-index_heading  {background:#ffffff; color:#000000; font-size:0.70em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-spacer         {background:#FFFFFF; color:#000000; font-size:0.70em;                         font-family:arial,helvetica;    text-decoration:none;}
.help-contact        {background:#FFFFFF; color:#336666; font-size:0.80em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.help-bold-green     {background:#FFFFFF; color:#336666; font-size:0.80em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-large-green    {background:#FFFFFF; color:#336666; font-size:1.00em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-error          {background:#FFFFFF; color:#333333; font-size:0.80em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-detail         {background:#FFFFFF; color:#CC0033; font-size:0.80em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-survey-green   {background:#FFFFFF; color:#008080; font-size:1.00em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.help-green          {background:#FFFFFF; color:#333333; font-size:0.80em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.help-omb            {background:#FFFFFF; color:#006666; font-size:0.65em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.help-number         {                    color:#000000; font-size:0.80em; font-weight:normal;     font-family:courier        ;    text-decoration:none;}
.help-number-cell    {                    color:#000000; font-size:0.80em; font-weight:normal;     font-family:arial          ;    text-decoration:none;}
.help-heading-cell   {                    color:#000000; font-size:0.65em; font-weight:normal;     font-family:arial          ;    text-decoration:none;}
.help-normal         {                    color:#000000; font-size:0.8em;                          font-family:arial,helvetica,sans-serif; text-decoration:    none}

.email-heading       {background:#eeeeee; color:#000000; font-size:0.80em; font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}
.email-normal        {background:#eeeeee; color:#000000; font-size:0.90em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.email-help          {background:#eeeeee; color:#CC0033; font-size:0.75em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.email-gallery       {background:#FFFFFF; color:#CC0033; font-size:0.90em; font-weight:normal;     font-family:arial,helvetica;    text-decoration:none;}
.email-error         {background:#FFFFFF; color:#000000; font-size:0.70em; font-weight:normal;     font-family:arial,helvetica,sans-serif; text-decoration:none;}

.normal-submit       {                    color:#000000; font-size:0.80em;                         font-family:arial,helvetica;    text-decoration:none;}
.red-msg-submit      {                    color:#CC0000; font-size:0.80em;                         font-family:arial,helvetica;    text-decoration:none;}
.msg-submit          {                    color:#333333; font-size:0.80em;                         font-family:arial,helvetica;    text-decoration:none;}
.err-text            {                    color:#ff0000;                   font-weight:bold;       font-family:arial,helvetica;    text-decoration:none;}

.counter-heading     {background:#eeeeee; color:#000000; font-size:0.7em;                          font-family:arial,helvetica,sans-serif;text-decoration:none;}

.read-only       { background :#FFFFCC; color :#000000; font-size :0.75em; font-family :arial,helvetica,sans-serif; text-decoration:none;}
.read-only-red   { background :#FFFFCC; color :#CC0000; font-size :0.75em; font-family :arial,helvetica,sans-serif; text-decoration:none;}
.read-only-small { background :#FFFFCC; color :#000000; font-size :0.65em; font-family :arial,helvetica,sans-serif; text-decoration:none;}

.sum-flag { color: #cc0000; }
.confidential { color: #0000cd; }

.strong { font-weight:bold; }

.lft     { text-align:       left;   }
.rgt     { text-align:       right;  }
.vtop    { vertical-align:   top;    }
.vbottom { vertical-align:   bottom; }
br.page  { page-break-after: always; }