BODY { background-color: #FFFFFF; font-family: arial,helvetica,sans-serif; font-size: small; color: #000000;
  margin-left: 0px; margin-top: 0px
 }

h1 { font-family: arial,helvetica,sans-serif; font-size: medium; font-weight: bold; color: #000000; margin-top: 5px; margin-bottom: 2px }
h2 { font-family: arial,helvetica,sans-serif; font-size: medium; color: #000000; margin-top: 5px; margin-bottom: 2px }
p  { font-family: arial,helvetica,sans-serif; font-size: medium; color: #000000; margin-top: 2px}
a  { font-weight: bold; color: #000099; text-decoration: none }
a:hover { font-weight: bold; color: #EF8442; text-decoration: underline }

.urgent { color: red }
.alert { font-weight: bold; color: red }
p.important {
	margin: 1em; padding: 0.5em; height: 2em; text-align: left; 
	border: 2px solid #EF8442; background-color: #EEEEFF;
}
p.important strong {
	font-size: 200%; font-weight: bolder; color: #EF8442;
	float: left; vertical-align: top;
	margin-left: 0.5em; margin-right: 0.5em
}
p.example { font-family: monospace; font-size: x-small }
div.indentblock { margin: 20px; border: 1px solid black; background-color: #EEEEEE }

/* --- Below this line styles have been set --- */

table.pagecontainer { height: 100%; width: 100% }
span.pageheader { font-family: verdana,arial,helvetica,sans-serif; font-size: 32px; color: #FFFFFF }
span.page-hdr-tagline { font-family: verdana,arial,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF }
span.page-hdr-strong { font-family: verdana,arial,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #EF8442; padding: 2px; border: 1px white solid }
td.leftmenu     { font-size: small; background-color: #524AC6 }
td.pagedecor    { background-color: #524AC6 }

table.panel { background-color: #C8C8E1; cell-padding: 2px; cell-spacing: 0px; border: none; }
td.panel    { font-size: small }
th.panelhdr { background-color: #23388A; color: #FFFFFF; text-align: left }


/* --- Home-page light-up menu --- */

table.homemenu    { width: 600px; margin-left: 10px; cell-padding: 5px; cell-spacing: 0px; border: 1px black solid; border-collapse: collapse }
tr.homemenu-hdg    { background-color: #524AC6; color: #FFFFFF }
th.homehenu-hdg    {  }

/* We use homemenu-lit with javascript for IE and :hover for Mozilla */
tr.homemenu-row     { height: 24pt; background-color: #EEEEEE }
/* The style below gets turned on in javascript. note the double-allocation to "cursor" for older IE browsers */
tr.homemenu-lit { height: 24pt; background-color: #EF8442; cursor: pointer; cursor: hand }
/* This final style will get used in NN6+/Mozilla when javascript is disabled */
tr.homemenu:hover { height: 24pt; background-color: #EF8442 }

td.homemenu-left   { width: 150px; padding-left: 5px; text-align: left }
td.homemenu-mid    { width: 350px; font-size: smaller }
td.homemenu-right  { width: 100px; font-size: smaller; text-align: center }

a.homemenu         { font-weight: bold; color: #524AC6; text-decoration: none }
a.homemenu:hover   { font-weight: bold; color: #666699; text-decoration: underline }

/* --- End of home-page light-up menu --- */


table.menu { background-color: #EEEEEE; cell-padding: 2px; cell-spacing: 0px; border: black solid 1px; width: 66%; margin-left: 11% }
td.menu    { font-size: small; background-color: #EEEEEE }
th.menu    { background-color: #524AC6; color: #FFFFFF; text-align: center}

p.error { font-weight: bold; color: #660000 }
p.err { font-weight: bold; color: #660000 }

table.formcontainer   { margin-left: 5%; border: 1px solid black }
th.formcontainer      { background-color: #EF8442; color: #FFFFFF }
tr.form      { vertical-align: top }
th.form      { background-color: #524AC6; color: #FFFFFF }
td.formpanel { background-color: #FFFFFF }
td.formtag   { font-size: small; font-weight: bold; width: 10em; }
td.formhelp  { font-size: smaller; width: 100px; background-color: #DDDDFF; color: #000000; border: 1px solid #524AC6 }
span.readonly { font-style: italic }
span.form-percent-elem { font-family: fixed; font-size: small; border: 1px solid #CCCCCC }
span.form-js-button:hover { padding-left: 5px; padding-right: 5px; background-color: #EF8442; color: #FFFFFF; border: 1px solid #666666; font-weight: bold }
span.form-js-button { padding-left: 5px; padding-right: 5px; background-color: #FFFFFF; color: #EF8442; border: 1px solid black; font-weight: bold }
span.form-errmsg { color: #990000; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: smaller }

table.listform  { border: none; cell-spacing: 2px }
th.listform     { text-align: left; background-color: #AAAAAA; color: #FFFFFF }
tr.listformodd  { background-color: #EEEEEE; vertical-align: top }
tr.listformeven { background-color: #FFFFFF; vertical-align: top }
td.cell-text    { text-align: left }
td.cell-num     { text-align: right }
td.cell-money   { text-align: right }
div.alphalinks  { font-size: small; font-family: fixed }
div.pagelinks   { font-size: small; font-family: fixed }

table.listview { border: 1px solid black; cell-spacing: 2px }
table.listview th,
th.listview  { text-align: left; background-color: #AAAAAA; color: #FFFFFF }
table.listview tr.odd,
tr.listviewodd { background-color: #EEEEEE; vertical-align: top }
tr.listvieweven { background-color: #FFFFFF; vertical-align: top }

table.filterstrip { border: 1px solid black; cell-spacing: 2px }
th.filterstrip    { background-color: #EF8422; color: #FFFFFF }

a.popuplink { font-size: x-small; font-weight: bold; font-family: Arial, Helvetica, sans-serif }

/* --- Grid table for funding/outputs --- */
table.grid-dp-funding { border: none; border-collapse: collapse; margin-left: 0% }
table.grid-funding { border: none; border-collapse: collapse; margin-left: 0% }
th.rowkey-def  { border: 1px solid black; background-color: #EF8442; font-weight: normal }
th.rowkey-pri  { border: 1px solid black; background-color: #3333FF; font-weight: normal }
th.rowkey-pub  { border: 1px solid black; background-color: #33FF33; font-weight: normal }
th.rowkey-tot  { border: 1px solid black; baground-color: #FFFFFF }
th.grid-rowhdg  { text-align: left; vertical-align: top; border: 1px solid black; width: 250px }
th.grid-colhdg  { text-align: center; border: 1px solid black }

td.figs         { text-align: right; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black }
td.figs-past    { text-align: right; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black; background-color: #DDDDFF }
td.figs-current { text-align: right; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black; background-color: #FFDDFF }
td.figs-future  { text-align: right; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black; background-color: #DDFFDD }
td.grandtot     { text-align: right; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black; font-weight: bold }
td.figs-edit    { text-align: right; vertical-align: top; padding-left: 6px; padding-right: 6px; border: 1px solid black; background-color: #EF8442 }
th.tothdg-row   { text-align: left; font-style: italic; border: 1px solid black }
td.tots         { text-align: right; font-style: italic; padding-left: 10px; border: 1px solid black }
td.variance     { text-align: right; font-weight: bold; color: #990000; vertical-align: top; padding-left: 10px; padding-right: 3px; border: 1px solid black }

table.grid-outputs { border: none; border-collapse: collapse; margin-left: 0% }

table.key { border: 1px solid black; border-collapse: collapse; margin-left: 5%; padding-top: 10px }

/* --- Output row heading needs more space/smaller fonts --- */
th.op-rowhdg { text-align: left; vertical-align: top; border: 1px solid black; width: 500px; font-size: small }

/* --- Grid for milestones --- */
table.ms-grid     { border: none; border-collapse: collapse; margin-left: 5% }
th.ms-rowhdg      { text-align: left; vertical-align: top; border: 1px solid black; width: 100px }
th.ms-colhdg      { text-align: center; border: 1px solid black; width: 50px }
td.ms-cell-past   { text-align: center; vertical-align: top; padding: 3px; border: 1px solid black;  background-color: #DDDDFF }
td.ms-cell-future { text-align: center; vertical-align: top; padding: 3px; border: 1px solid black;  background-color: #DDFFDD }
td.ms-editcell    { text-align: center; vertical-align: top; padding: 3px; border: 1px solid black; background-color: #FFDDFF }

/* --- Report Listing --- */
table.reporttbl { width: 100%; border: none; border-collapse: collapse; padding-bottom: 10px }
td.reportname   { width: 30%; text-align: left; font-size: small }
td.reportdesc   { width: 70%; text-align: left; font-size: small }

/* --- Above this line styles have been set --- */

span.menutitle1 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-style: italic; color: #FFFFFF }
span.menutitle2 { font-family: Times New Roman, Times, serif; font-size: large; font-weight: bold; font-style: italic; color: #33FF33 }
span.menutext { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #FFFFFF }
a.menulink    { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #FFFFFF }
a.mainmenu    { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #FFFFFF }

span.printtitle { font-family: arial,helvetica,sans-serif; font-size: large; color: black }

h1.preview    { font-family: arial,helvetica,sans-serif; font-size: large; color: #000099 }
h2.preview    { font-family: arial,helvetica,sans-serif; font-size: medium; color: #000099 }
h3			  { font-family: arial,helvetica,sans-serif; font-size: small; font-style: italic; color: #000099 }
p.preview     { font-family: arial,helvetica,sans-serif; font-size: small; color: #000000 }
span.preview  { font-family: arial,helvetica,sans-serif; font-size: small; color: #000000 }
table.preview { background-color: #FFFFFF; border-style: none }
tr.preview    { }
td.preview    { background-color: #F0F0F0 }
p.key_pers    { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.int_exp     { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.int_off     { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.gen_desc    { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.resources   { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.serv_desc   { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.spec_desc   { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}
p.typ_proj    { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000}

h1.print-preview    { font-family: arial,helvetica,sans-serif; font-size: medium; color: #000099 }
h2.print-preview    { font-family: arial,helvetica,sans-serif; font-size: small; color: #000099 }
h3.print-preview    { font-family: arial,helvetica,sans-serif; font-size: x-small; font-style: italic; color: #000099 }
p.print-preview     { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000 }
span.print-preview  { font-family: arial,helvetica,sans-serif; font-size: x-small; color: #000000 }
table.print-preview { background-color: #FFFFFF; border-style: none }
tr.print-preview    { }
td.print-preview    { background-color: #F0F0F0 }