/*
 * Basically the following steps are performed before printing.
 *
 * - Change all text color to black.
 * - Hide all major div's except #article.
 * - Remove all width restrictions from #article.
 * - Hide all interactive stuff like buttons.
 * - Re-align header parts so they use page width.
 */
@media print {
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
		color: black !important;
	}

	body,html {
		position:static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
	}

	div.copyright_top_right {
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		text-align:right;
		height: 1em;
	}

	#header, #outline, #sidebar, #footer, #survey {
		display:none !important;
	}

	#container,
	#article,
	#article div.content
	{
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	#article div.content div.head {
		position: static !important;
		/* display: inherit !important; */
		/* left: auto !important; */
		/* top: auto !important; */
		/* right: auto !important; */
		/* bottom: auto !important; */
		width: 100% !important;
		/* height: auto !important; */
		clear: both;
	}

	#article div.content div.journalLogo {
		/* position: absolute !important; */
		/* display: block !important; */
		/* left: 0 !important; */
		/* top: 0 !important; */
		/* right: auto !important; */
		/* bottom: auto !important; */
		/* width: 100px !important; */
		/* height: auto !important; */
		float: left !important;
	}

	#article div.content div.journalHead {
		/* position: static !important; */
		/* display: block !important; */
		/* left: auto !important; */
		/* top: auto !important; */
		/* right: auto !important; */
		/* bottom: auto !important; */
		width: 400px !important;
		/* height: auto !important; */
		float: left !important;
		/* margin: 0 100px 0; */
	}

	#article div.content div.journalCover {
		/* position: absolute !important; */
		/* display: block !important; */
		/* left: auto !important; */
		/* top: 0 !important; */
		/* right: 0 !important; */
		/* bottom: auto !important; */
		/* width: 100px !important; */
		/* height: auto !important; */
		float: right !important;
	}

	#article div.content div.head img {
		height: 80px !important;
	}

	#article div.figure   p.right, #article div.table   p.right,
	#article div.figure div.right, #article div.table div.right
	{
		display: none !important;
	}
}