/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Printer Friendly CSS Standard Overrides for the IBIS-PH Web Site.  
 * 
 * This style sheet is meant to override the MAIN styles by inclusion after the
 * standard/main stylesheet.Css.  The only styles that are specified are those
 * that are printer output specific. 
 * 
 * This file can be implemented in several ways like @import xxx.css print; or
 * in the file "@media print { list of all defs }", or via a media attribute on 
 * the link.  This file is used not only for print media but to provide the user
 * the ability to see a cleaner formatted page which can be easier imported into
 * an office app etc.  See the root _page and _site_specific_page xslts to see 
 * how this mechanism was implemented.
 * 
 * NOTES: 
 * If this link is used with the media type set to "print" then all formatting goes away!!!
 * <link rel="stylesheet" href="print.Css" type="text/css" media="print">
 * 
 * One method is to hide all the screen-specific stuff - nav bar, even the site logo:
 * div#navigation, div#logo { display:none; }
 * -or- can do something like:
 * new class: .Remove { display: none } 
 * However, the method used for this site is simply provide a base xslt template
 * for each type of page that doesn't include sections.  This has the advantage of
 * a more customized output for both enviroments.
 * 
 * common stuff for printer friendly:
 * times 12pt, 600px wide black & white
 * <LINK REL=StyleSheet HREF="http://www.Mysite.Com/mystyle.Css" TYPE="text/css" MEDIA=print> 
 * 
 * Printing Background Images:
 * Printing backgrounds is a user-agent option (and is NOT the default setting in most 
 * browsers), hence it's beyond the realm of CSS.  For IE goto: 
 * 	tools/Internet options/Advanced tab, scroll down to Printing, check 
 * 	Print background images and colors.
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

*
{
	font-family:		georgia, serif;
	color:	`			black;
}

body, table, tr, td, div, a, p, blockquote, ol, ul, dl, li, dt, dd
{
	font-size:			12pt;
}

body 
{
	margin:				0;
	padding:			5pt;
}


/*NN 4.xx needs...*/ 
/*font-family is already defined, here I only set the font-size*/
/*and here the I prevent the incredible shrinking text*/
p, ol, ul, dl           {font-size: 10pt;} 
p ol, p ul, p dl, ol ul {font-size: 10pt;} 
        

h1, h2, h3
{
	font-weight:		bold;
}
h1 {font-size: 13pt;}
h2 {font-size: 11pt;}
h3 {font-size: 10pt;}


a, a:visited
{
	text-decoration:	none  !important;
}
a:hover, a:active, a:focus
{
	text-decoration:	underline !important;
}

table thead th,
table thead td 
{
	border: 			none !important;
	text-decoration:	underline;
}
table thead { display:	table-header-group; }
table tfoot { display:	table-footer-group; }
table tbody { display:	table-row-group; }


.page-break 
{
	page-break-after:	always; 
	page-break-inside: 	avoid;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S P E C I F I C   E L E M E N T S */
body 
{
	padding:			0;
}

#page
{
	width:				100%;
	max-width:			100%;
	padding-top:		0;
	margin:				0;
	background-color:	white;
}

#page .Navigation
{
	width:				0;
}

#banner, 
#siteNavigation, 
#content #contextNavigation, 
#footer, 
.OffPage
{
	display: 			none;
}


#content
{
	table-layout: 		auto;	/* fixed = forces width - faster, auto = expands as needed */
	overflow:			visible;
}

/* Works except that the right is still truncated.  If specified then user 
  can't control so left with scroll so user can scroll to the section they
  want printed but width can't be auto adjusted for portrait vs landscape.
*/
#content .Sections .ScrollableContainer 
{
	overflow:			hidden;
}
#content .Sections .ScrollableContainer table
{
	width:				auto !important;
}


#printPageFooter
{
/* have to leave off due to IE not being able to display correctly.

	If this block is turned off then on and it's next to either before or after
	the the page footer it always shows up at the top of the 2nd page.  Even if 
	the html is located outside the main container just before end of body!!!

	Also thought it might be the css below, the ID, or even the content all tested
	and nothing made an difference.  Only thing that did is if moved away from 
	the bottom of the page.
	
	display: 			block; 
*/
	width:				90%;
	margin-top:			8pt;
	margin-left:		5%;
	font-size:			8pt;
	text-align:			center;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S P E C I F I C   C L A S S E S */

table.Info tr.Title th
{
}
table.Info h2, table.Info h3
{
}
table.Info th.Section
{
	padding-left:		2pt;
}
table.Info tr *.Value,
table.Info tr.Total th, table.Info tr.Total td.Value
{
	text-align:			right;
}


.ExpandableContent input.Control ~ .Container
{ 
	display: 			block !important; 
}

.PushDownContent > .Container
{
	padding:			8pt;
	border:				1px solid black;

	height:				auto;
	overflow: 			visible;
}

.RecordCount
{
	font-size:			8pt;
}

.ChartOptions 
{
	/* use visibility instead of display so that we'd still get a line break. */
	visibility:			hidden;
} 

.Note 
{
	font-size: 			9pt;
}

.DataDate
{
}

a.Help, a.Help:visited, a.Help:hover, a.Help:active, a.Help:focus 
{
	display:			none;
}

/*============================ End of Style Sheet ============================*/