<!-- These are the styles applied to all pages. -->

<!-- Font size, margins, padding, etc. are done in pixels.  Note sizes 1 thru 14 all look the same -->

<!-- Colors used in style sheet

	CC6600 - orange for the star (help text)

	336699 - dark blue for table tabs, navbar headers, table bottoms, cart text, table title text, etc
	829FBC - medium blue color for table tabs, navbar headers, main menu, table headers, etc
	D3D3D3 - Dark Gray for Req Summary on navbar

	FFFFFF - white background color for table cells
	CCCCCC - color of gridlines in table

	EFEBEF - form tab off color 
	
	E8E8E8 - lighter gray for tablescroll bar and button bar
	EFEBEF - light gray for scroll areas on tables
	
	191919 - grid lines on tables
	F7F7F7 - table background for non grid tables.
-->


<!-- defaults for page -->
body {margin:0px; padding:0px; background-color:white; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;background-image: url('wallpapr.gif')}

<!-- headings -->
h1 {text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:15px}
h2 {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px}

<!-- text within a paragraph -->
p {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}


<!-- Classes for tables: -->

<!-- table defaults -->
table {border-style:none; border-width:0px; padding:0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
table th {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
table td {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
table caption {font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- classes for the navigation bar -->
td.navrow1 {background-color:#336699; color:white; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}
td.navrow2 {background-color:#829FBC; text-align:bottom; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}
td.navtabon{background-color:#FFFFFF; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
td.navtaboff{background-color:#EFEBEF; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
td.navrow2space{background-color:#829FBC; font-size:7px}
td.navborder{background-color:#FFFFFF; border-style:solid; border-width: 0px 0px 2px 0px}

<!-- Used for table title text - above the table being displayed -->
td.title {color:#336699; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px}
td.gototitle{color:black; font-weight:bold;  vertical-align:top; height:25; font-size:12px}

<!-- Used for field lables -->
td.prompt {text-align:right; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- Used for table section headings (separators in no grid tables -->
td.text {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- Used for displaying static data on grid and no grid tables -->
td.data {text-align:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- Used for column headings in gridded tables -->
td.heading {background-color:#829FBC; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- classes for table tabs -->
td.tabletabon{background-color:#336699; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
td.tabletaboff{background-color:#829FBC; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- class for the scroll aread under the table title for scrollable tables -->
td.scroll {background-color:#E8E8E8; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}
<!-- spacer for above and below scroll row -->
td.scrollspace {background-color:#E8E8E8;font-size:4px}

<!-- class for row of buttons (if any)at the bottom of tables  -->
table.buttonrow {background-color:#E8E8E8; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px}

<!-- class for the line at the bottom of tables (grid and no grid) -->
td.bottom {background-color:#336699; font-size:4px}


<!-- Used for gridded tables - all three classes A,B and C must be used for these types of tables -->
table.gridA {}
table.gridB {background-color:#191919}
table.gridC {}
table.gridC th {background-color:#829FBC}
table.gridC td {background-color:white}
table.gridC td.shaded {background-color:#E8E8E8}

<!-- Used for non gridded tables (forms) - all three classes A,B and C must be used for these types of tables -->
table.nogridA {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
table.nogridB {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
table.nogridC {background-color:#F7F7F7; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}


<!-- Other Classes -->

<!-- combo boxes -->
select {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- input fields -->
input {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- link colors -->
a:link {color:black}
a:active {color:black}
a:visited {color:black}

a.white:link {font-weight:bold; color:white}
a.white:active {font-weight:bold; color:white}
a.white:visited {font-weight:bold; color:white}

a.scrollnum:link {font-weight:bold; color:#336699}
a.scrollnum:active {font-weight:bold; color:#336699; text-decoration:none}
a.scrollnum:visited {color:#829FB}

<!-- classes for on screen help text -->
td.help {background-color:#E8E8E8; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
td.helpspace {background-color:#E8E8E8; font-size:4px}


<!-- Power App Classes -->

<!-- side menu color -->
table.menu {background-color:#829FBC; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}
td.menutitle{color:white; hover:yellow; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight:bold; font-size:13px}

<!-- power app form classes -->
table.formbackgrnd {background-color:#F7F7F7; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px}

<!-- links for rollover menu on main page -->
a.powerwhite:link {font-weight:bold; color:white; text-decoration:none}
a.powerwhite:active {font-weight:bold; color:white; text-decoration:none}
a.powerwhite:visited {font-weight:bold; color:white; text-decoration:none}