@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* ============================================================
   Base tag styles - apply everywhere these tags appear,
   regardless of class. Carried over from admin.css unchanged.
   ============================================================ */
BODY {font-family:Arial;font-size:9pt;}
TABLE {cellpadding:0;cellspacing:0;}
INPUT {font-family:Arial;font-size:10pt;border-top:none;border-left:none;border-right:none;border-bottom:1px solid gray; }
input:focus {background-color: silver; font-weight:bold; }
SELECT {font-family:Arial;font-size:9pt;}
A:active {text-decoration:none;color:darkgreen;}
A:link {text-decoration:none;color:darkgreen;}
A:visited {text-decoration:none;color:darkgreen;}
A:hover {color:maroon;text-decoration:none;}

/* ============================================================
   Classes confirmed in active use across the admin folder
   (dashboard.asp, membership.asp, reports/, screens/,
   settings.asp, userlogin.asp, emails/). Verified by grepping
   every class="..." / class=foo attribute in the zip.
   ============================================================ */
.normbody {font-family:Roboto;background-color:white;}
.pgtitle {font-family:Roboto;font-weight:bold;font-size:24px;}
.toheader {font-family:Roboto;font-size:26px;}
.tolist {font-family:Roboto;font-size:18px;}
.tolistm {font-family:Roboto;font-size:14px;}
.tolists {font-family:Roboto;font-size:12px;}
.tolabel {font-family:Roboto;font-size:16px;font-weight:bold;}
.tolabelm {font-family:Roboto;font-size:14px;font-weight:bold;}
.tolabels {font-family:Roboto;font-size:12px;font-weight:bold;}

.hdrsmall {font-family:Roboto;font-size:14px;text-align:left;font:bold;text-decoration:underline;}
.hdrmed {font-family:Roboto;font-size:18px;text-align:left;font:bold;text-decoration:underline;}

.rowhdrsmall {font-family:Roboto;font-size:14px;text-align:left;font-weight:bold;text-decoration:underline;}
.rowhdrsmallr {font-family:Roboto;font-size:14px;text-align:right;font-weight:bold;text-decoration:underline;}

.rowdatasmall {font-family:Roboto;font-size:14px;text-align:left;font-weight:bold;}
.rowdatasmallr {font-family:Roboto;font-size:14px;text-align:right;font-weight:bold;}

.rowsmall {background-color: white;font-family:Roboto;font-size:14px;text-align:left;}

.datasmall {font-family:Roboto;font-size:12px;text-align:left;}
.datasmallr {font-family:Roboto;font-size:12px;text-align:right;}

.bigb3 {border-radius: 6px; width: 120px; height:30px; color:white;font-family:Roboto;font-size:16px; font:bold; background-color: #008CBA; border: 2px solid black;}
.bigb3:hover {background-color: navy; cursor: pointer;}

.smallb3 {border-radius: 6px; width: 80px; height:30px; color:white;font-family:Roboto;font-size:16px; font:bold; background-color: #008CBA; border: 2px solid black;}
.smallb3:hover {background-color: navy; cursor: pointer;}
.smallb4 {border-radius: 6px; width: 80px; height:30px; color:white;font-family:Roboto;font-size:16px; font:bold; background-color: #CC0000; border: 2px solid black;}
.smallb4:hover {background-color: red; cursor: pointer;}
/* ============================================================
   Promoted from page-local <style> blocks that were duplicated
   verbatim across 2+ files (reports/eventlist.asp, settings.asp).
   Both pages can now drop their own embedded <style> block and
   rely on this instead.
   ============================================================ */
.report-table {
    width: 95%;
    border-collapse: collapse;
    table-layout: fixed;
}
.report-table th, .report-table td {
    border: 0px solid #333;
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fixed-col { width: 150px; }
.fill-col { width: auto; }

/* ============================================================
   Opt-in row hover highlight. Was three copies of "tr:hover" on
   individual pages (memberevents.asp, membertakeouts.asp were
   grey; membertours.asp was yellow) - now unified on yellow.
   Add class="hover-rows" to a <table> to opt in; nothing changes
   for tables that don't add it.
   ============================================================ */
.hover-rows:hover { background-color: yellow; }