/*
 * -------------- Printer styles --------------
 * Remove any interaction items (navigation, pop-ups, "detail" buttons, remove shadows
 */
@media print
	{
	body								{background-color:white}
	#banknotePage main>header,
		#articlePage main,
		#banknotePage .notetable		{box-shadow:none}
	#banknotePage main header,
		main .notetable					{border:none;filter:none}

	#wrapper main, footer				{width:90%;margin:0 auto;padding-top:0}
	.indexPage #wrapper main			{width:100%;margin:0}
	.notetable .main,.notetable .sub	{break-inside:avoid}	/* don't split thumbnail rows across page breaks - this isn't working */
	#banknotePage #outerWrapper,
		#wrapper						{width:1000px;margin:0;min-height:inherit;height:auto}
	.authority p						{filter:none}
	h1, h2								{margin-top:0;margin-bottom:0}
	.frame								{border-color:#ccd}		/* needs to be a bit darker on print */
	footer								{background-image:none;border-top:1px solid gray}
	footer p							{xfilter:brightness(100%)}
/*	.page-break							{break-before:auto}	/* used for print layout, but never got it working */
	.nobreak							{break-after:page}		/* used to keep a group of items on the same page. I haven't got this to work, at least in FF */
	.noprint,
		#topNav,
		#groupNav,
		main header em.arrow,
		main .notetable em.plus-sign,main .notetable em.minus-sign,
		.notetable em.plus-sign.jsDisplay,
		.notetable em.minus-sign.jsDisplay,
		.profileConsResults,
		#wrapper>header					{display:none}
/* allow the change bars to print, they are useful for grouping varieties together
		main .notetable .changebar.jsDisplay,
 */
	@media (orientation:portrait)	
	/*
	 * Portrait layout
	 */	
		{
		#wrapper main					{width:750px;margin:0}
		}
	}