<!-- 
==========================================================================
Version 3:
Helper Style CSS - Shared Styles
--------------------------------------------------------------------------
Purpose:
    Contains all common styles related to HoS (Homeowner & Property), Audit,
    display tables, and UI components used across PM management/Audit pages.

Notes:
    - Centralized styling ensures consistent layout and avoids duplication.
    - Keep updated when adding new components or tables.

Related Files: Code currently duplicated on these pages
    PM
    - pm_hos.php
    - pm_hos_annual.php
    - pm_tax_summary.php
    AUDIT
    - audit_eoy.php

Author: [Richard Hall]
Date: 2026-02-17
==========================================================================
-->

<!-- Custom Styles for multi Output -->

/* display -ve amounts in red */
.neg {
	color: red;
	/*font-weight: bold;*/
}

/* hide print button */
@media print {
	.no-print { display: none !important; }
	
	/* page breaks for divs between tables */
	.page-break {
		page-break-before: always; /* forces a new printed page */
	}
	
	/* specific div id print output zoom */
	#cf { zoom: 70%; } /* ajust as required */
}

/* common wrapper style */
.hos-wrapper, .hos-annual, .audit-wrapper, #dashboard_grf, .plr-wrapper, .gen_wrapper {
	border: 1px solid #013B8E;
	padding: 10px;
}

/* common section style */
.hos-section, .audit-section, .plr-section, .ss-section, .prt-section {
	border: 1px solid #013B8E;
	border-collapse: collapse;
	margin: 10px 0; /* 10px top and bottom, 0 left and right */
	width: 100%;
}

/* specific section padding differences */
.hos-section { padding: 0; }
.audit-section { padding: 0; }
.ss-section { padding: 0; }
.plr-section { padding: 0; }
.prt-section { padding: 0; }

/* common table style */
.hos-table, .audit-table, .plr-table, .ss-table, .prt-table {
	border-collapse: collapse;
	color: #013B8E;
	width: 100%;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 5px; /* check if padding affects set tables */
}

.section-data {
	font-size: 11px;
}

.section-header {
	background-color: #f5f5f5;
	font-size: 11px;
	height: 20px; /* Set the desired height */
	line-height: 20px; /* Vertically align the text within the row */
}

/* common row & cell padding */
tr { padding: 5px 0; }
td { padding: 2px 5px; }

/* Specific class for bold text in the table */
.bold {
	font-weight: bold;
}

/* set font sizes as css */
.fnt_lge { font-size: 14px; } .fnt_med { font-size: 12px; } .fnt_sml { font-size: 10px; }

/* Optional: Styling for blank rows */
tr.blank-row {
	height: 20px;
}

 /* Specific background color for the company header row */
.table-header {
	background-color: #CCC; /* Light gray for company header */
	height: 30px; /* Set the desired height */
	line-height: 30px; /* Vertically align the text within the row */
}

/* Specific background color for rows (optional) */
.statement-header {
	font-weight: bold;
	font-size: 13px;
	background-color: #f5f5f5;
	height: 25px; /* Set the desired height */
	line-height: 25px; /* Vertically align the text within the row */
}

/* Subtotal row style */
.subtotal {
	border-top: 2px solid #013B8E; /* line at the top */
	/*font-weight: bold;             /* make subtotal stand out */
	/*background-color: #fafafa;     /* light contrast background (optional) */
}

/* color shades */
.col_sky_blue { background-color: #F0F8FF; }
	
/*
#70AFFF // light blue sky
#87CEEB // sky blue very nice
#ADD8E6 // light blue
#B0C4DE // light steel blue
#B0E0E6 //  powder blue very nice
#F0F8FF // alice blue suttle
*/