/*************************
 * For header and footer *
 *************************/

  header.pageheader
	{	display: table
	;	padding-bottom: 5pt
	;	margin-bottom: 10pt
	;	border-bottom: solid thin gray
	;	border-spacing: 2pt
	;	width: 100%
	}

  header.pageheader h1
	{	text-align: center
	;	font-weight: bold
	;	font-size: 18pt
	;	text-decoration: none
	}

  div.layoutrow
	{	display: table-row
	}

  div.layoutrow > div
	{	display: table-cell
	;	padding: 0
	;	margin: 0
	}

  footer.pagefooter
	{	display: table
	;	padding-top: 5pt
	;	margin-top: 10pt
	;	border-top: solid thin gray
	;	border-spacing: 2pt
	;	width: 100%
	}

  header.pageheader .leftcell
, header.pageheader .rightcell
	{	width: 25%
	}

  footer.pagefooter .leftcell
, footer.pagefooter .rightcell
	{	width: 30%
	}

  header.pageheader .leftcell
	{	vertical-align: middle
	}

  .leftcell
	{	text-align: left
	}
  .centercell
	{	text-align: center
	;	vertical-align: middle
	}
  .rightcell
	{	text-align: right
	}

  header.pageheader P
, footer.pagefooter P
	{	padding: 0
	;	margin: 0
	}

  .subnotice
	{	font-size: 80%
	;	font-style: italic
	}
  .technotice
	{	font-size: 90%
	}

  .logo
	{	border: none
	}

@media screen and (max-device-height: 599px) {
  .lxrlogo
, .sflogo
	{	display: none
	}
 header h1
	{	margin: 0
	}
}
