/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 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;
}

html
{
}

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


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 */

.OffPage,
.NavigationPathSocialMedia,
#banner, 
#siteSearch,
#siteNavigation,
#footer, 
nav
{
	width:				0;
	height:				0;
	display:			none	!important;
}


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


#content
{
	padding:			0;
	table-layout: 		auto;	/* fixed = forces width - faster, auto = expands as needed */
	overflow:			visible;
}
#content .Sections 
{
	width:				100%;
}

/* 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
{
	display: 			block; 
	margin-top:			64pt;
	border-top: 		1px solid black;
	font-size:			12pt;
	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;
}


#content .ContentOptions
{
	display:			none;
}


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

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

	height:				auto;
	overflow: 			visible;
}

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

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


.DataViz.Map .leaflet-control-container .leaflet-control-zoom,
.DataViz.Map .leaflet-control-container .leaflet-control-layers
{
	display:			none;
}

.DataViz.Map,
.DataViz.Chart
{
 	width:				7.25in; 
 	min-width:			inherit; 
	max-width:			7.25in; 
}
.DataViz.Map
{
	height:				800px;
}

@media print and (orientation: landscape) 
{
	.DataViz.Map,
	.DataViz.Chart
	{
		width:			100%; 
		max-width:		100%; 
	}
}
/* no effect - container controls it
.DataViz.Map .leaflet-control-container .InfoPanel.leaflet-control
{
	float: right;
	right: 0;
}
*/
/*============================ End of Style Sheet ============================*/