@font-face {
	font-family: 'etableFont';
	src: url('fonts/arial.ttf'); 
} 

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#no-modal-header{
	display: none;
}

#fixDivForRunningElements {
	height: 0px;
}


@page{
	/* 
		The following are landscape tables: 
		6,7,12,13,14,15,18,22,24,28,29,32,35,36,37,38,40,43,45,47,50,51,52,53,64,65,70,72,a4
		There is an inline style in each html file for those tables
		which overrides the size property below. eg:
		@page{size: 11in 8.5in landscape;}
	*/
	size: 8.5in 11in portrait; 
	margin-top: 0.875in;
	margin-bottom: 0.5in;
	margin-left: 0.5in;
	margin-right: 0.5in;
	@top-left {
		content: element(tableTitle); /* Puts the tableTitle into the page heading, top-left */
	}
}

#tableTitle {
	margin-top: .5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: running(tableTitle);  /* Extracts and removes the h1 from the DOM and assigns to tableTitle */
}

	
#data-table th, #data-table-sticky th {
 	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
 }

#data-table td {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
}

@-ro-preferences{
	initial-zoom: 100%;
}