/* BASIC STYLES */

	body, input, select, td, textarea
	 { font-size: 9px; font-family: Verdana, sans-serif }
	
	body
	  { margin: 0px }


/* COMMON ELEMENTS */

	/* FOOTER */
		div#footer
		{
			background-color:  #ddd;
			border-color:      black;
			border-style:      solid;
			border-width:      1pt 0 0 0;
			bottom:            0;
			color:             #222;
			left:              0;
			position:          fixed;
			right:             0;
		}

		/*
		 * Contact information at the bottom of the page.  Should be wrapped in the div#footer.
		 */
		p.contact
		{
			float:             left;
			font-size:         small;
			margin:            0;
			padding:           0.5em;
		}
		
		
		/*
		 * Copyright information at the bottom of the page.  Should be wrapped in the div#footer.
		 */
		p.copyright
		{
			float:             right;
			font-size:         small;
			margin:            0;
			padding:           0.5em;
		}


	/* HEADERS
	 *
	 * Each page should have exactly one h1; it should match the title of the page.  It is highly recommended that heading levels match the outline of the page.
	 */
		h1, h2, h3, h4, h5, h6
		 { font-weight: normal }
		
		h2, h3, h4, h5, h6
		{
			margin-bottom:     0.25em;
			margin-left:       -0.5in;
			margin-top:        1em;
		}
		
		h1
		  { color: #356595; font-size: 18px }
		
		h2
		 { font-size: 16px; padding-top: 0.5em; border-style: solid; border-width: 1pt 0 0 0; border-color: black }
h3 { font-size: 12px }
img
	{
		border:            0;
	}

	/*
	 * Navigation links
	 */
	div.navigation
	{
		background:        #ccc;
		border-color:      black;
		border-style:      solid;
		border-width:      1px;
		font-size:         smaller;
		position:          absolute;
		right:             4pt;
		top:               4pt;
	}

	div.page
	{
		padding:           0.25em;
		text-align:        right;
	}

	/* POP-UP HELP TEXT */
		#help
		{
			background-color:  #cfc;
			border-color:      #0c0;
			border-style:      dashed;
			border-width:      2pt;
			display:           none;
			padding:           0.5em;
		}

		div.helpImage
		{
			text-align:        right;
		}

	/* UNORDERED LISTS */
		ul
		{
			margin-left:       0;
			padding-left:      0;
		}
		
		li ul
		{
			padding-left:      0.25in;
		}


	/* LAYOUT TABLES
	 *
	 * 'Deprecated' HTML behavior.  Used for laying out forms and small pages where layout is very unlikely to change.
	 */
		table.layout
		{
			border-style:      none;
			margin: 0;
		}

		table.layout td, table.layout th
		{
			border: 0;
			border-style:      none;
			padding: 0;
		}


		table.topnav
		{
			border-style: none;
			margin: 0;
			padding: 2px 1px;
		}

		table.topnav td, table.topnav th
		{
			padding: 10px;
		}


	/*
	 * Warning text of several paragraphs should be wrapped in a div.warning; shorter warnings can use p.warning.
	 */
	div.warning, p.warning
	 { padding: 0.5em; border: dashed 1.5pt #d7a735 }

	/*
	 * If you want to highlight a phrase of warning text, wrap it in a span.warning.
	 */
	span.warning
	 { color: #a8292a; text-decoration: underline }


/* FACTORY SUPPORT ANALYSIS STYLES */

	span.active
	{
		color:             blue;
	}
	
	span.current
	{
		color:             blue;
	}
	
	span.endOfLife
	{
		color:             red;
	}
	
	span.high
	{
		color:             red;
	}
	
	span.low
	{
		color:             yellow;
	}
	
	span.medium
	{
		color:             #f60;
	}
	
	span.none
	{
		color:             green;
	}

	span.retired
	{
		color:             #f60;
	}
	
	span.sustained
	{
		color:             green;
	}


/* FORM PAGE ELEMENTS */

	/*
	 * Miscellaneous text inside a form layout table should be aligned left.  This is necessary because <td>s, which usually contain inputs, are aligned center.
	 */
	form td p
	{
		text-align:        left;
	}

	/* FORM LAYOUT TABLES */
		form table.layout td, form table.layout th
		{
			padding:           0.125em;
		}
		
		form table.layout td
		{
			text-align:        center;
		}
		
		form table.layout th
		{
			padding-right:     0.25em;
			text-align:        right;
		}

		form table.layout tr.formActions td
		{
			padding-top:       0.75em;
			text-align:        center;
		}


/* LIST PAGE ELEMENTS */

	/*
	 * Text on list pages that says "X-Y of Z accounts sorted by Q."
	 */
	div.pageAndSortSummary
	{
		float:             left;
	}

	/*
	 * Widget that allows the user to page through result lists.
	 */
	div.pager
	{
		float:             right;
	}

	/*
	 * Widget that determines how many records are displayed on a result page
	 */
	div.pageSize
	{
		float:             left;
	}

	/*
	 * Table navigation floats some things left and some things right; this ensures that the next element clears both sides.
	 */
	div.tableNavigation + *
	{
		clear: both;
	}


/* NAVIGATION FRAME STYLES */

	/* TOP FRAME */
		body.striped
		{
			background-image:  url( https://data1.infoplusonline.com/4dcgi/strict/images/Bars.gif );
			background-repeat: repeat-x;
			margin:            0;
		}

		div#date
		{
			float:             right;
			font-size:         small;
			color:             gray;
		}

		/*
		 * Used to wrap the page name in the navigation.
		 */
		span.page
		{
			font-weight:       bold;
		}

		/*
		 * Do not indent navigation in layout tables.
		 */
		table.layout div.navigation
		{
			float:             left;
			font-size:         small;
			margin-left:       0;
		}

	/* SIDE FRAME */
		body.striped2
		{
			background-image:  url( https://data1.infoplusonline.com/4dcgi/strict/images/Bars2.gif );
			margin-top:        18pt;
		}


/* REPORT PAGE ELEMENTS */

	/* DEFINITION LISTS
	 *
	 * Use definition lists for sections that match the pattern
	 * Variable: value
	 * Variable 2: value 2
	 */
		dd
		{
			display:           block;
		}

		dt
		{
			display:           run-in;
			float:             left;
			font-weight:       bold;
			margin-right:      0.25em;
		}


	/*
	 * Final comments on a report should be wrapped in one of these divs.
	 */
	div.partingComments
	{
		border-color:      black;
		border-style:      solid;
		border-width:      1pt 0 0 0;
		padding-top:       0.5em;
	}

	/*
	 * To achieve hierarchical indentation, documents should be logically structured with div.sections.  Note that front-matter breaks the pattern.
	 *
	 * <h1>Page Heading</h1>
	 * <div class="section">
	 *     <p>Page front-matter goes here.</p>
	 * </div>
	 * <div class="section">
	 *     <h2>Section Heading</h2>
	 *     <p> ... </p>
	 *     <div class="section">
	 *         <h3>Subsection Heading</h3>
	 *         <p> ... </p>
	 *     </div>
	 * </div>
	 */
	div.section
	{
		padding-left:      0.5in;
	}

	/* DATA TABLES
	 *
	 * A table without a class is a data table, to ensure that you think twice before using a table for layout.  For best results, wrap the heading rows in a thead and the body rows in a tbody.
	 */
		table
		{
			border-collapse:   separate;
			border-color:      black;
			border-spacing:    0;
			border-style:      solid;
			border-width:      medium 0 thin 0;
			margin-bottom:     0.5em;
			margin-top:        0.5em;
		}

		td, th
		{
			background:        transparent;
			border-style:      none;
			padding:           0.125em 0.5em;
		}

		thead th
		{
			border-width:      0 0 thin 0;
			border-color:      black;
			border-style:      solid;
		}

		/*
		 * Shows the table column that is currently sorted, for tables that support sorting.
		 */
		td.sorted
		{
			background-color:  #ccc;
		}
		
		/*
		 * Shows the table column that is currently sorted, for tables that support sorting.
		 */
		th.sorted
		{
			background-color:  #999;
		}
.topnav { color: #ffffff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #af9e9b }
.topnav a:visited { color: #ffffff }
.topnav a:hover { color: #ffffff; text-decoration: underline }
.topnav a:active { color: #ffffff }
.topnav a:link { color: #ffffff }
table.topnav td.topnav { padding-top: 9px; padding-bottom: 9px }
.reportaccess_subnav { color: #ffffff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
.reportaccess_subnav a:visited { color: #ffffff }
.reportaccess_subnav a:hover { color: #ffffff; text-decoration: underline }
.reportaccess_subnav a:active { color: #ffffff }
.reportaccess_subnav a:link { color: #ffffff }
a:visited { color: #a8292a; text-decoration: none }
a:hover { text-decoration: underline }
a:active { color: #a8292a; text-decoration: none }
a:link { color: #a8292a; text-decoration: none }