/* 
	ESOP Base Styles
 
	2026-01-22: Style updates as per Jackie LaRouche.
 	2026-02-06: Style updates as per Jackie LaRouche (go down to two levels of headers).
*/

	@font-face {
		font-family: "Cera-Pro"; /* Choose a name for your font */
		src: url("Cera-Pro-Regular.ttf") format("truetype");
		font-weight: normal; /* Adjust as needed */
		font-style: normal; /* Adjust as needed */
	}
	
	body {
		font-family: "Cera-Pro", sans-serif; /* Use your defined font name */
		color: #000000;
		font-size:10px;
	}
	
	#myCanvas { background:url(img/map.jpg?1); background-size: 400px 400px; background-repeat:no-repeat; }
	
	h2 { font-size:18px; margin-top: 0px; margin-bottom: 6px; padding: 0px;  font-weight: bold; text-transform: uppercase; color: #464A5D; border-bottom: 2px solid #DE6B30; display: inline-block; }
	h3 { font-size:14px; margin-top: 20px; margin-bottom: 6px; padding: 0px;  font-weight: bold; text-transform: uppercase; color: #464A5D; }
	
	/*
	h4 { font-size:16px; margin-top: 6px; margin-bottom: 6px; padding: 0px; font-weight:bold; text-decoration-line: underline; color: #464A5D; }
	h5 { font-size:16px; margin-top: 6px; margin-bottom: 6px; padding: 0px;  font-weight: bold; border-bottom: 1px dotted #464A5D; color: #464A5D; }
	h6 { font-size:14px; margin-top: 10px; margin-bottom: 2px; padding: 0px; font-weight: bold; color: #464A5D; }
	*/
	
	p { font-size:10px; margin-top: 1px; margin-bottom: 1px; padding: 0px; color: #464A5D; }
	p.indent { font-size:10px; margin-top: 1px; margin-bottom: 1px; padding: 0px; padding-left: 1.5em; text-indent:-1.5em; }
	p.double { font-size:10px; margin-top: 1px; margin-bottom: 1px; padding: 0px; padding-left: 3em; text-indent:-1.5em; }
	/* padding: 2px 3px 2px 3px;  */
	th { padding-top: 6px; padding-bottom: 6px; font-size: 12px; font-weight: bold; color: #EEEEF0; background-color: #464A5D; text-align: center; border-bottom: 1px solid #464A5D; white-space:nowrap; }
	td { padding-top: 2px; padding-bottom: 2px; font-size: 10px; text-align: left; border-bottom: 1px solid #464A5D; white-space:nowrap; }
	th:first-child, td:first-child { padding-left: 15px; }
	th:last-child, td:last-child { padding-right: 15px; }
	td.right { font-size: 10px; text-align: right; border-bottom: 1px solid #464A5D; white-space:nowrap; }
	td.center { font-size: 10px; text-align: center; border-bottom: 1px solid #464A5D; white-space:nowrap; }
	th.sum { font-size: 10px; font-weight: bold; color: #464A5D; background-color: #DDDDDF; text-align: right; border-bottom: 1px solid #464A5D; border-top: 1px double #464A5D; white-space:nowrap; }
	
	@media print {    
		.no-print, .no-print * {
			display: none !important;
		}
	}
	
	th.purch_h { background-color: #464A5D; text-align: center; }
	th.sales_h { background-color: #DE6B30; text-align: center; }
	
	th.purch_s { background-color: #DDDDDF; color: #464A5D; }
	th.sales_s { background-color: #DDDDDF; color: #464A5D; }
	
	th.subsr_h { background-color: #DDDDDF; text-align: center; }
	th.subsr_s { background-color: #DDDDDF; color: #464A5D; }
	
	li { margin: 0; font-size:10px; }
	
	input { margin-bottom: 0; }
	
	/* COLOURS */
	.summit { color: #464A5D; }		/* Slate Grey */
	.dutch { color: #DE6B30; }		/* Orange */
	.fogstone { color: #DDDDDF; }	/* Light Grey */
	
	a { color: #DE6B30; }
	a:hover { color: #DE6B30; }