/* =========================================================================
   R2 SPORTS - DIRECTOR STYLESHEET ("Clear workspace" look)
   File: Templates/directorStyle_workspace.css
   Version: 2.9 (22 October 2026) - top menu, Director Home, Event Setup, Participants, Divisions, Live Event, Printing, Accounting, Stats

   CHANGES IN 1.1 (10-21 meeting)
   - Top menu: icons removed (kept in T06 as a reference list).
   - Coupons page: current coupons, Coupon Settings and the Coupon
     Information form are full-width cards that match the other tables.
   - Page headers: same title, intro text and Return button on every setup
     page; parts the server leaves empty take no space.
   - "Return to Event Setup" is a larger outlined button.
   - Yellow text boxes written into old pages are white like the others.
   - Runs on top of the regular Championship file (E12 keeps its public
     media-page rules off the director boxes).

   CHANGES IN 1.3 (21 Oct design review)
   - Header box: title, intro and Return button in one white centred box
     on every setup page (S05).
   - Activation pages: everything centred in one white card (S06).
   - Prize grid: currency sign and box stay on one line (E13).
   - Upload pages (logo, organisation, skin, additional items, map,
     hotel, sponsors) restyled to match (G01).

   CHANGES IN 1.4 (21 Oct)
   - Extra Button, Additional Info and Logins: the title, Return button
     and short note sit in the same white header box as the other pages.
   - Additional Info page: white card instead of one big light blue box;
     saved items in a plain lined table (E14).
   - Upload pages checked against the live pages (G01).

   CHANGES IN 2.9 (22 Oct) - see L05
   - Director Login (Event Director / Master Director) and Create a New
     Event: one white card each in the director look, independent of the
     event stylesheet. They load this file through their own switch in
     incEventStyleSheet.asp (they open before anyone is signed in).

   CHANGES IN 2.8 (22 Oct, other event types) - see PART 14
   - Edit Divisions and Division Types: grey director cards (like the
     public Divisions and Fees cards), independent of the public
     stylesheet; the squeezed instruction text is fixed.
   - Restricted Access login: one white card.
   - Participants menu matches when entries are closed (leagues).
   - View and Set Match(s) matches before any matches exist.

   CHANGES IN 2.7 (22 Oct) - see M03 and Q02
   - Round robin: on a desktop the standings and match list are a 75%
     column in the middle; Won / Lost / Scored / Against no longer fill
     whole columns with green and red - the numbers are green or rose
     and the headings have a thin coloured underline.
   - Participant lists: a small bracket icon in front of each division.

   CHANGES IN 2.6 (22 Oct) - see Q02 and Q02b
   - Participant lists (View/Edit Participants, By Country / State / City
     / Club) have their own director look and no longer borrow anything
     from the public stylesheet, so the public pages can change freely.
     The "view by" row is silver bullet buttons with icons.
   - Add New Participant: the participant search box is a white card with
     a blue SEARCH button; results in a white card, Add Participant and
     Create New Participant Record as buttons.

   CHANGES IN 2.5 (22 Oct) - see PART 13 and R06
   - Menu above a draw (Division Options, Edit Draw by Seeding ...):
     small silver bullet buttons with icons, like the Division Options
     tabs. The draw type ("Round Robin") is a small grey label.
   - Round robin: same layout as the public page - big title, standings
     card with seed circles and soft won / lost columns, match list card,
     clock icons for Set Time, "Set Multiple Times" as a blue button.
   - Update Multiple Winners for one division (from a draw's "Update
     Winners", or a combined division) now gets the new look.
   - Match Search results (Match Report, Match-Up Summary): centred page,
     results and summary in white cards, icons instead of pictures.
   - Edit Draw by Seeding (left side): compact - seed box 5 characters,
     smaller names and details, smaller buttons.
   - Brackets themselves are not changed.

   CHANGES IN 2.4 (21 Oct interface polish meeting)
   - Phones AND tablets: the stacking rules start at 900px (PART 6).
   - Division Options tabs: small silver bullet buttons with icons.
   - Divisions list: Division Details two sizes smaller, weight 400.
   - Time Availability: wider instructions, narrower right panel.
   - View and Set Match(s): text a couple of sizes smaller.
   - Grids: light outlines around the cells again (colours kept).
   - Unpaired Players styled like Doubles Teams.

   CHANGES IN 2.3 (21 Oct design review) - see G01b, G05b, G07, G08
   - Modern grid colours with more contrast; each state keeps its own
     colour family (Time Grid match boxes, Set Match Time grid + legend).
   - Less boxy: rounded cells with space between them, plain court
     numbers and times, club colour as a bar under each court heading.
   - Grid buttons: darker silver, white with a red icon on hover; Show
     Grid is white with a dark outline and an eye icon.
   - Picture icons drawn as Font Awesome: video on/off, check-in,
     check / no check, QR code, on/off switches (green = yes, red = no).

   CHANGES IN 2.2 (21 Oct) - see G01b and G05 in PART 12
   - White page background everywhere (--d-page), no light blue.
   - Time Grid match boxes: softer shades of the same colours; the purple
     rollover on boxes, court headings and times is switched off.
   - Set Match Time(s): two cards (matches / grid), soft grid colours that
     match the legend, thin lines instead of thick black ones, round
     clock buttons, legend as a white card.

   CHANGES IN 2.1 (21 Oct grids meeting) - see PART 12 and O16b
   - Grids: Time Grid header is one compact bar that stays at the top;
     Set Time and Set Ref court grids, Time Availability and View and Set
     Match(s) in the white-card look. Grid colours are softer shades of
     the same colours (tokens --d-gr-*), so they keep their meaning.
   - Time Availability: each icon has its name under it.
   - Media Match Results: Generate Report is a large gold button.
   - Footer: centred under the content with a thin line above.

   CHANGES IN 2.0 (21 Oct) - see R05b, R06, R07 in PART 11
   - Division Options: "Convert to ..." links are silver bullet buttons
     (Cancel Division is red outlined); example links are small outlined
     buttons with an eye icon; Third Place / Consolation option text is
     one size smaller at weight 400; the chosen option no longer tints
     the whole box.
   - Edit Draw by Seeding (left side) and Edit Partners (Doubles Teams)
     restyled as white cards; UPDATE SEEDING is a button.

   CHANGES IN 1.9 (21 Oct) - see PART 11
   - Divisions page and its linked pages (combined, conflicting, division
     options, bracket-frame division list); grid action icons drawn as
     Font Awesome icon buttons.
   - Live Event: grid links are coloured buttons with icons; each day is
     a small card (O10b). Participants menu links have icons.

   CHANGES IN 1.8 (21 Oct) - see PART 10
   - Participants menu and its pages: participant lists (all, by country /
     state / city / school / club), Participant Comments, Doubles Teams.

   CHANGES IN 1.7 (21 Oct) - see PART 9
   - Live Event, Printing, Accounting and Stats menus, plus the pages they
     link to, use the same white-card look. Time grids, the Event Display
     screen and all PRINT=YES paper copies are left alone.
   - Text boxes and buttons share one set of rules with the setup pages.

   CHANGES IN 1.6 (21 Oct, admin UI meeting) - see PART 8
   - White cards: no light blue or grey blocks inside cards; section
     headers are white with a blue underline; rows separated by lines.
   - Content and tables narrower and centred (880px).
   - Labels right-aligned with a 15px gap before their box.
   - No hover effect on links or rows; only buttons react.
   - Event Map: picture centred.

   CHANGES IN 1.5 (21 Oct, second 10-21 meeting)
   - Director Home (tourney home.asp): event info card, Main Menu and
     Recent Fixes as matching cards (PART 7).
   - Style guide for setup pages added below this header.

   WHAT THIS FILE DOES
   Restyles the director (back-end) pages only. It is loaded last, after
   VTBPro.css and the regular Championship event stylesheet
   (eventStyle_championship.css), and only on /tourney/ pages for the
   director test events (44579 and 54454). See README for the loader lines.

   THE LOOK (approved by Tish, 20 October 2026)
   - Dark navy top menu with Font Awesome icons (from "Clear workspace").
   - Light blue section bands and table headers, alternating row colours
     (from "Compact operations").
   - Green / red status colours (from "Clear workspace").
   - Anything that sends or saves is a button. Everything else is a link.

   WHERE EACH PART APPLIES (nothing here can reach the public /website/ pages,
   because this file is never loaded there)
   - Top menu frame:  pages with the director menu (tourneyTop.asp).
   - Setup hub:       the Event Setup page (setupOptions.asp).
   - Setup pages:     every page with a "Return to Event Setup" link
                      (setupMainInfo, setupDateTimes, setupPaymentsFees,
                      setupDrawsandDivs, setupCustomOptions, setupSummary,
                      coupons, prizes, activation pages ...).
                      The two time-grid pages (setCourts.asp,
                      setGridSeqLength.asp) are left out on purpose; they
                      come later with scheduling.

   SAFE BY DESIGN
   - CSS only. No markup, script, form name, field name or value changes.
   - Rows hidden or shown by the page's own scripts are never forced
     visible (no display rules on table rows).
   - Bracket drawings, time grids and Font Awesome <i> icons are not touched.
   - All colours are tokens in :root. Hex codes inside [square brackets]
     are the old pages' own attribute values, used only to find things.

   TO UNDO: remove the director stylesheet lines from the two loaders
   (see README). Nothing else changes.
   ========================================================================= */

/* =========================================================================
   STYLE GUIDE FOR SETUP PAGES (10-21 meeting: one set of rules for every
   setup page, so new pages match without guessing). Use the tokens in D00;
   never type a colour straight into a rule.

   COLOURS
     Page background ........ --d-page       Cards ............. --d-card
     Card border ............ --d-line       Row divider ....... --d-line-soft
     Section header .......... white, bold --d-band-ink text, 2px
                               --d-band-line underline (no fill)
     Status tags ............. --d-tag
     Text ................... --d-ink        Help text ......... --d-muted
     Links .................. --d-link       Buttons ........... --d-accent
     Yes / on / done ........ --d-yes  (soft fill --d-yes-bg)
     No / off / missing ..... --d-no   (soft fill --d-no-bg)
     Never use colour alone for yes/no: always pair it with a word or a
     check / X icon, so it still reads for colour-blind users.

   CORNERS AND SPACING
     Cards, header boxes ..... --d-radius (8px)
     Buttons, inputs, tags ... --d-radius-sm (6px); status tags are pills
     Card padding ............ 16px to 24px; table cells 6px 10px
     Content width ........... --d-max (880px, centred), hub --d-hub-max
     Labels .................. right-aligned, 15px gap before the box

   TABLES (row states)
     Header row .............. --d-band, bold, --d-band-ink
     Rows .................... white, 1px --d-line-soft line between
     Hover ................... buttons only; links and rows do not change
     Next step / selected .... --d-step
     Locked / not open yet ... --d-muted text with a lock icon

   ICONS (Font Awesome 6 solid, drawn by this file through --d-icons)
     Section bands 13px, links 12px, buttons 12px, status 11px.
     Check \f00c = yes, X \f00d = no, plus \f067 = add, pencil \f303 = edit,
     arrow \f060 = back, lock \f023 = locked, warning \f071 = needs attention.
     Existing <i class="fa-..."> icons on the pages are left as they are.

   BUTTONS AND LINKS
     Saves, sends, submits, turns on/off ... button (blue; green = turn on,
                                              red outline = turn off)
     Small add / delete ..................... small button
     Goes to another page ................... link (Return to Event Setup
                                              is a larger outlined button)
   ========================================================================= */


/* -------------------------------------------------------------------------
   D00 - TOKENS (all colours and fonts live here)
   ------------------------------------------------------------------------- */
:root {
  /* Top menu */
  --d-nav: #0f2a4a;
  --d-nav-ink: #e8eef6;
  --d-nav-hover: #1b3d66;
  --d-nav-icon: #8fb4e6;

  /* Page and cards */
  /* 2.2 (Tish, 21 Oct): white page everywhere, no light blue. The cards
     keep their thin border so they still read as cards. Old: #eef3f9 */
  --d-page: #ffffff;
  --d-card: #ffffff;
  --d-line: #d6e0ec;
  --d-line-soft: #e6edf5;
  /* 1.6 (10-21 admin UI meeting): no coloured blocks inside the white
     cards. Section headers are white with a blue underline; rows are
     separated by lines, not colours. To bring the 1.5 light blue bands
     and striped rows back, set --d-band to #dfeaf8 and --d-row-alt to
     #f4f7fb. */
  --d-band: #ffffff;
  --d-band-ink: #0f2a4a;
  --d-band-line: #1f6fe0;
  --d-tag: #dfeaf8;
  --d-row-alt: #ffffff;
  --d-row-hover: #eaf1fb;
  --d-step: #eef5ff;

  /* Text and links */
  --d-ink: #1b2533;
  --d-muted: #5b6878;
  --d-link: #1556c0;
  --d-link-hover: #0f3f8f;

  /* Buttons and focus */
  --d-accent: #1f6fe0;
  --d-accent-hover: #185bbb;
  --d-accent-ink: #ffffff;
  --d-focus: rgba(31, 111, 224, 0.35);
  --d-field-line: #b9c6d6;
  --d-field-bg: #ffffff;

  /* Status */
  --d-yes: #13853a;
  --d-yes-hover: #0f6c2f;
  --d-yes-bg: #e3f4e8;
  --d-no: #c8241c;
  --d-no-hover: #a51d16;
  --d-no-bg: #fbe6e4;
  --d-upgrade-ink: #135c2b;

  /* Live Event grid buttons (Tish, 21 Oct: buttons in different colours) */
  --d-gold: #f2c14e;
  --d-gold-ink: #3b2a00;
  --d-gold-line: #d9a521;
  --d-btn-grid: #1f6fe0;
  --d-btn-report: #0f7c86;
  --d-btn-display: #6a3fb5;
  --d-btn-winners: #13853a;

  /* Grids (21 Oct grids meeting): softer shades of the colours the grid
     pages already use, so each colour keeps its meaning. Old colour on the
     left, new shade on the right. */
  --d-gr-head: #e8eef6;          /* grey #CCCCCC headers */
  --d-gr-head-ink: #0f2a4a;
  --d-gr-line: #c9d4e2;          /* grid lines (#333333) */
  --d-gr-yellow: #fff2c2;        /* yellow #FFFF00 / #FFFFCC */
  --d-gr-yellow-line: #e9c95c;
  --d-gr-yellow-ink: #5a4200;
  --d-gr-green: #d3f0db;         /* green #00FF00, under 80% */
  --d-gr-green-mid: #5cbf7a;
  --d-gr-green-ink: #135c2b;
  --d-gr-amber-mid: #f0c548;     /* yellow #FFFF00, over 80% */
  --d-gr-red: #f8d4d0;           /* red #FF0000, overbooked */
  --d-gr-red-mid: #e0675e;
  --d-gr-red-ink: #8a1c15;
  --d-gr-blue: #dce7fb;          /* blue #0000FF totals */
  --d-gr-blue-ink: #0f2a4a;
  --d-gr-cyan: #ddf3f6;          /* light blue #9BFFFF match rows */
  --d-gr-cyan-line: #8fd0da;
  --d-gr-grey: #f2f4f7;          /* light grey #E8E8E8 match rows */

  /* 2.3 design review: modern colours with more contrast and "pop".
     Each state keeps its own colour family. Strong colour = the match
     box header or the tile's edge; tint = the tile fill. */
  /* Time Grid match boxes (old colour in the comment) */
  --d-tg-ready: #2563eb;         /* #2694D8 both players known */
  --d-tg-ready-tint: #dbeafe;
  --d-tg-wait: #c2410c;          /* #FF9900 waiting on a player */
  --d-tg-wait-tint: #ffedd5;
  --d-tg-live: #facc15;          /* #f1ec5f live now (dark text) */
  --d-tg-live-ink: #3f2d00;
  --d-tg-live-tint: #fef9c3;
  --d-tg-done: #64748b;          /* #d3d3d3 finished */
  --d-tg-done-tint: #f1f5f9;
  --d-tg-ended: #be185d;         /* #ff33ff ended, result not in */
  --d-tg-ended-tint: #fce7f3;
  --d-tg-block: #7c3aed;         /* #b532cb blocked time */
  --d-tg-block-tint: #ede9fe;
  --d-tg-on-strong: #ffffff;     /* text on the strong colours */
  --d-tg-slot: #f8fafc;          /* an empty place on a grid */
  --d-tg-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
  --d-club-1: #eab308;           /* court heading, club 1 (#FFFF00) */
  --d-club-2: #06b6d4;           /* court heading, club 2 (#00FFFF) */
  /* Set Match Time grid and legend: fill / edge */
  --d-st-now: #bbf7d0;           /* #00FF00 being rescheduled */
  --d-st-now-line: #16a34a;
  --d-st-round: #a5f3fc;         /* #00FFFF same round, same division */
  --d-st-round-line: #0891b2;
  --d-st-before: #fbcfe8;        /* #FFD2FF match before */
  --d-st-before-line: #db2777;
  --d-st-after: #ddd6fe;         /* #C58AFF match after */
  --d-st-after-line: #7c3aed;
  --d-st-multi: #fdba74;         /* #FF9900 possible conflict, divisions */
  --d-st-multi-line: #c2410c;
  --d-st-drop: #ffedd5;          /* #FFD89D main / drop-in conflict */
  --d-st-drop-line: #f97316;
  --d-st-taken: #e2e8f0;         /* #CCCCCC court taken, no effect */
  --d-st-taken-line: #64748b;
  --d-st-cannot: #fecaca;        /* #FF0000 cannot schedule */
  --d-st-cannot-line: #dc2626;
  --d-st-personal: #fef08a;      /* #FFFF00 personal time conflict */
  --d-st-personal-line: #ca8a04;
  --d-st-blocked: #f5d0fe;       /* #FF99FF director blocked */
  --d-st-blocked-line: #c026d3;
  --d-st-swatch-line: rgba(15, 42, 74, 0.12);
  --d-tg-divider: rgba(15, 42, 74, 0.08);
  /* Grid buttons (Print Grid, Director Home, Multi Update / Set Refs):
     darker silver at rest; white with a red icon on hover */
  --d-gbtn-top: #e2e8f0;
  --d-gbtn-bot: #c3ccd8;
  --d-gbtn-line: #8a97a8;
  --d-gbtn-ink: #1e293b;
  --d-gbtn-dark: #1e293b;        /* Show Grid outline and text */

  /* Division Options "Convert to" buttons (Tish, 21 Oct: silver bullet) */
  --d-silver-top: #fdfdfe;
  --d-silver-bot: #dce2ea;
  --d-silver-hover: #cbd3de;
  --d-silver-line: #a9b4c3;
  --d-silver-ink: #0f2a4a;

  /* Round robin won / lost numbers (2.7: modern green and rose, no
     coloured column fills) */
  --d-rr-win: #059669;
  --d-rr-loss: #e11d48;
  --d-rr-divider: #e2e8f0;

  /* Shadow */
  --d-shadow: 0 1px 2px rgba(15, 42, 74, 0.06);
  --d-shadow-btn: 0 1px 2px rgba(15, 42, 74, 0.18);

  /* Type */
  --d-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --d-icons: "R2 Icons", "Font Awesome 6 Free", "Font Awesome 6 Pro";

  /* Layout */
  --d-max: 880px;
  --d-hub-max: 1120px;
  --d-radius: 8px;
  --d-radius-sm: 6px;

  /* Icons drawn inside <input> buttons (inputs cannot hold font icons).
     Font Awesome Free shapes, CC BY 4.0, https://fontawesome.com */
  --d-svg-check-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z'/%3E%3C/svg%3E");
  --d-svg-reset-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231f6fe0' d='M24 192h144c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-46.7-46.7c75.3-58.6 184.3-53.3 253.5 15.9 75 75 75 196.5 0 271.5s-196.5 75-271.5 0c-10.2-10.2-19-21.3-26.4-33-9.5-14.9-29.3-19.3-44.2-9.8s-19.3 29.3-9.8 44.2c9.8 15.6 21.5 30.4 35.1 43.9 100 100 262 100 362 0s100-262 0-362C342.8-19.3 193.3-24.7 92.7 58.8L41 7C34.1.2 23.8-1.9 14.8 1.8S0 14.3 0 24v144c0 13.3 10.7 24 24 24'/%3E%3C/svg%3E");
}



/* -------------------------------------------------------------------------
   D01 - ICON FONT
   Same fix as the public site: loads the Font Awesome 6.4.0 solid font under
   its own name, so the icons this file draws never show as empty squares.
   The Font Awesome Kit on every page keeps drawing the existing <i> icons.
   ------------------------------------------------------------------------- */
@font-face {
  font-family: "R2 Icons";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.ttf") format("truetype");
}


/* =========================================================================
   PART 1 - TOP MENU FRAME (tourneyTop.asp)
   The frame is 90px tall and cannot scroll, so the layout is:
     row 1 (52px): logo + navy menu bar
     row 2 (38px): event name strip
   The nested layout tables are "unwrapped" (display: contents) along the
   exact path in tourneyTop.asp so the menu and event name can sit in a grid.
   ========================================================================= */

/* T01 - frame page */
body:has(#mainMenu a[target="mainFrame" i]) {
  margin: 0;
  background: var(--d-card);
  color: var(--d-ink);
  font-family: var(--d-font);
  overflow: hidden;
}

/* T02 - outer layout table becomes a two-row grid */
body:has(#mainMenu a[target="mainFrame" i]) > table {
  display: block;
  width: 100%;
  border-spacing: 0;
}
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody {
  display: block;
}
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: 52px 38px;
}

/* T03 - unwrap the nested tables around the menu and the event name */
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:nth-child(2),
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:nth-child(2) :is(table, tbody, tr, td) {
  display: contents;
}

/* T04 - logo cell: logo sits on a small white tile so it stays readable */
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 10px 0 14px;
  background: var(--d-nav);
}
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child table,
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child td {
  width: auto;
  border-spacing: 0;
  padding: 0;
}
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child a {
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  background: var(--d-card);
  border-radius: var(--d-radius-sm);
}
body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child img {
  display: block;
  height: 26px;
  width: auto;
}

/* T05 - menu bar */
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  align-items: stretch;
  height: 52px;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0 8px 0 0;
  border: 0;
  background: var(--d-nav);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  font-size: 13.5px;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu::-webkit-scrollbar {
  display: none;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 2px;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  background: none;
  color: var(--d-nav-ink);
  font-family: var(--d-font);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a:hover,
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a:focus-visible {
  background: var(--d-nav-hover);
  color: var(--d-accent-ink);
  border-bottom-color: var(--d-accent);
  outline: none;
}
body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a:active {
  background: var(--d-accent);
  color: var(--d-accent-ink);
}

/* T06 - menu icons: TURNED OFF (10-21 meeting: no icons in the top menu).
   Kept here for reference and for use in lists. The same icons are used on
   the Event Setup page links (H05). Codes (Font Awesome 6):
     Home f015, Participants f0c0, Divisions f0e8, Leaders f091, Times f017,
     Stats f201, Accounting f571, Printing f02f, Live Event f519, Setup f013,
     Training f19d, Support f1cd, Logout f2f5. */

/* T07 - event name strip */
body:has(#mainMenu a[target="mainFrame" i]) font[face] {
  grid-row: 2;
  grid-column: 1 / -1;
  display: block;
  padding: 0 16px;
  line-height: 37px;
  font-family: var(--d-font);
  font-size: 15px;
  color: var(--d-muted);
  background: var(--d-card);
  border-bottom: 1px solid var(--d-line);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body:has(#mainMenu a[target="mainFrame" i]) font[face] b {
  color: var(--d-ink);
  font-weight: 700;
}


/* =========================================================================
   PART 2 - SETUP SECTION: shared page base
   ========================================================================= */

/* S01 - page background and type. These pages run in "quirks mode" (no
   doctype), where tables do not inherit text size, so it is set on purpose. */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) {
  margin: 0;
  padding: 20px 24px 48px;
  background: var(--d-page);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 14px;
  line-height: 1.5;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) :is(table, td, th, p, div, li, h1, h2, h3, h4, h5, h6, font, b, strong) {
  font-family: var(--d-font);
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) table {
  font-size: 14px;
  line-height: 1.5;
  color: var(--d-ink);
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) p {
  margin: 0;
  font-size: inherit;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font {
  font-size: inherit;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font[size="1"] { font-size: 12.5px; }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font[size="4"] { font-size: 16px; }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font[size="5"] { font-size: 18px; }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font[size="+2"] { font-size: 22px; }

/* S02 - text colours written into the old pages, mapped to the palette */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font:is([color="#FF0000" i], [color="FF0000" i], [color="red" i]) { color: var(--d-no); }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font:is([color="#FF6600" i], [color="FF6600" i]) { color: var(--d-accent); }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font:is([color="#0000FF" i], [color="0000FF" i]) { color: var(--d-link); }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) font:is([color="#000000" i], [color="000000" i]) { color: inherit; }

/* S03 - links */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) a:is(:link, :visited) {
  color: var(--d-link);
  text-decoration: none;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) a:focus-visible {
  outline: 3px solid var(--d-focus);
  outline-offset: 2px;
  border-radius: 3px;
}

/* S04 - page headers: the same title, intro text and Return button on
   every setup page (10-21 meeting). The page title is the first heading
   on the page; other headings are smaller. */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 {
  max-width: var(--d-max);

  margin: 0 auto 12px;
  color: var(--d-nav);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) > div > h1:first-child,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > form > div > h1:first-child {
  margin-bottom: 10px;
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is([align="center" i], .activation-page-container) {
  max-width: var(--d-max);
  margin: 0 auto;
  text-align: left;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) > div > p:not([align="center" i]) {
  max-width: var(--d-max);
  margin: 0 auto 10px;
  color: var(--d-muted);
  text-align: left;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 > strong > font[size="+2"] {
  color: var(--d-band-ink);
  font-size: 20px;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h2 {
  margin: 8px 0;
  color: var(--d-nav);
  font-size: 16px;
  font-weight: 700;
}
/* S05 - HEADER BOX (Tish, 21 Oct: white and centred). The page title,
   the short intro and the Return button sit in one white box at the top.
   The title is the top of the box; on the form pages the "Required
   Fields / Return" row is the bottom of the same box. */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) > div > h1:first-child,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > form > div > h1:first-child {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto;
  padding: 20px 24px 6px;
  border: 1px solid var(--d-line);
  border-bottom: 0;
  border-radius: var(--d-radius) var(--d-radius) 0 0;
  background: var(--d-card);
  text-align: center;
}
/* form pages: the Required / Return row closes the box */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form > table[width="95%"] > tbody > tr > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form > div > table[width="95%"] > tbody > tr > td {
  padding: 0;
}
/* the small table holding the Required / Return row (and on some pages the
   form below it) spans the full content width, so both halves of the box
   line up (Extra Button) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[align="center" i]:has(> tbody > tr > td > p > a[href^="setupOptions.asp" i]) {
  width: 100%;
  max-width: var(--d-max);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:has(> td > p > a[href^="setupOptions.asp" i]) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 2px 24px 18px;
  border: 1px solid var(--d-line);
  border-top: 0;
  border-radius: 0 0 var(--d-radius) var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:has(> td > p > a[href^="setupOptions.asp" i]) > td {
  display: block;
  width: auto;
  padding: 0;
  text-align: center;
  background: transparent;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:has(> td > p > a[href^="setupOptions.asp" i]) > td :is(p, div) {
  text-align: center;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:has(> td > p > a[href^="setupOptions.asp" i]) > td:has(> p > a[href^="setupOptions.asp" i]) {
  order: -1;
}
/* coupons page: the intro line with the Return button closes the box */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > h1:first-child + p {
  box-sizing: border-box;
  margin: 0 auto 18px;
  padding: 2px 24px 18px;
  border: 1px solid var(--d-line);
  border-top: 0;
  border-radius: 0 0 var(--d-radius) var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  text-align: center;
}
/* pages where the Return button is a plain line under the title
   (additional info, logins and similar): that line closes the box. When
   a short note follows it (logins), the note becomes the bottom instead. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:not(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) > h1:first-child + p:has(> a[href^="setupOptions.asp" i]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:not(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) > h1:first-child + p:has(> a[href^="setupOptions.asp" i]) + p {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto 18px;
  padding: 2px 24px 18px;
  border: 1px solid var(--d-line);
  border-top: 0;
  border-radius: 0 0 var(--d-radius) var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  text-align: center;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:not(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) > h1:first-child + p:has(> a[href^="setupOptions.asp" i]):has(+ p:not(:empty)) {
  margin-bottom: 0;
  padding-bottom: 4px;
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:not(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) > h1:first-child + p:has(> a[href^="setupOptions.asp" i]) + p {
  color: var(--d-muted);
}

/* Event Setup page: the title is a complete box of its own; the welcome
   text for new events sits centred underneath */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > h1:first-child {
  max-width: none;
  margin-bottom: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  box-shadow: var(--d-shadow);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > p:not([align="center" i]) {
  text-align: center;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div[align="center" i] > table {
  text-align: left;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 font[size]:not([size="+2"]) {
  font-size: inherit;
}

/* S06 - ACTIVATION PAGES (Tish, 21 Oct): everything centred inside one
   white card - title, Return button, explanation, current status and the
   turn on / turn off button. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) {
  box-sizing: border-box;
  max-width: 820px;
  margin: 0 auto;
  padding: 24px 28px 28px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  text-align: center;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) :is(h1, h1:first-child, p, h3) {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  text-align: center;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) > p:not([align="center" i]) {
  color: var(--d-muted);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) h1 > strong > font[size="+2"] {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 16px;
  border-radius: 999px;
  background: var(--d-tag);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) > div:is(.activation-page-container, :has(> p > a[href*="status=ON" i]), :has(> p > a[href*="status=OFF" i])) table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* Parts the server writes empty (no data yet) take no space */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) :is(p, h1, h2, h3, h4, font, strong, b, span):empty {
  display: none;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 :is(strong, font) {
  color: inherit;
  font-size: inherit;
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 font:is([color="#FF0000" i], [color="FF0000" i]) { color: var(--d-no); }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 font:is([color="#FF6600" i], [color="FF6600" i]) { color: var(--d-accent); }
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h3 {
  color: var(--d-nav);
  font-size: 15px;
}


/* =========================================================================
   PART 3 - SETUP EDITING PAGES (forms with section cards)
   ========================================================================= */

/* E01 - one content width for every setup page.
   The outer table sits directly in the form on Main Info / Custom Options,
   and inside a centred div on Dates, Payments, Draws and Summary. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form > table[width="95%"],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form > div > table[width="95%"] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table:not([bordercolor]) {
  border-spacing: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form td:has(> table[bordercolor="#000066" i]) {
  padding: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form > div[align="center"] {
  text-align: left;
}

/* E02 - the "Required Fields / Return to Event Setup" row */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] {
  background: transparent;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form td[width="220"] {
  padding: 0 0 10px;
  color: var(--d-muted);
  font-size: 12.5px;
  vertical-align: bottom;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form td[width="220"] :is(div, p) {
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td:has(> p > a[href^="setupOptions.asp" i]) {
  padding: 0 0 10px;
  vertical-align: bottom;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td:has(> p > a[href^="setupOptions.asp" i]) > p {
  text-align: right;
}
/* "Return to Event Setup" is a medium outlined button (10-21 meeting) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="setupOptions.asp" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  color: var(--d-accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="setupOptions.asp" i]:hover {
  background: var(--d-row-hover);
  color: var(--d-accent-hover);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="setupOptions.asp" i] :is(strong, font, b) {
  color: inherit;
  font-size: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="setupOptions.asp" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 12px;
  content: "\f060";
}

/* E03 - section cards (the old navy-bordered tables) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] {
  width: 100%;
  margin: 0 0 16px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] > tbody > tr > td {
  padding: 0;
  border: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] table {
  width: 100%;
  border-spacing: 0;
}

/* E04 - section header bands (old yellow rows) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] {
  background: var(--d-band);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] > td {
  padding: 10px 16px;
  background: var(--d-band);
  color: var(--d-band-ink);
  border-bottom: 1px solid var(--d-line);
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr[bgcolor="#FFFF00" i]:first-child > td {
  border-radius: 7px 7px 0 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] > td :is(div, p) {
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] > td :is(font, strong, b) {
  color: var(--d-band-ink);
  font-size: 16px;
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] > td > :first-child::before {
  display: inline-block;
  width: 1.5em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  color: var(--d-accent);
  content: "\f0ae";
}

/* E05 - section icons, chosen by the first field in each section */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="pastTID" i]) tr[bgcolor] > td > :first-child::before { content: "\f0c5"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="tourneyName" i]) tr[bgcolor] > td > :first-child::before { content: "\f05a"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="director" i]) tr[bgcolor] > td > :first-child::before { content: "\f508"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="billingEmail" i]) tr[bgcolor] > td > :first-child::before { content: "\f571"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="sanctioned" i]) tr[bgcolor] > td > :first-child::before { content: "\f5a2"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="minAge" i]) tr[bgcolor] > td > :first-child::before { content: "\f4fc"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="directorAgrees" i]) tr[bgcolor] > td > :first-child::before { content: "\f56c"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="timeZoneID" i]) tr[bgcolor] > td > :first-child::before { content: "\f073"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="entryDueMail" i]) tr[bgcolor] > td > :first-child::before { content: "\f252"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="tourneyPaymentType" i]) tr[bgcolor] > td > :first-child::before { content: "\f09d"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="divFee" i]) tr[bgcolor] > td > :first-child::before { content: "\f02c"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="earlyDiscount" i]) tr[bgcolor] > td > :first-child::before { content: "\f295"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="acceptCoupon" i]) tr[bgcolor] > td > :first-child::before { content: "\f145"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="refFee" i]) tr[bgcolor] > td > :first-child::before { content: "\f543"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="numDivs" i]) tr[bgcolor] > td > :first-child::before { content: "\f0e8"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="allowAutoActivateDraw" i]) tr[bgcolor] > td > :first-child::before { content: "\f542"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="heatTimesByPlayer" i]) tr[bgcolor] > td > :first-child::before { content: "\f06d"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="playThird" i]) tr[bgcolor] > td > :first-child::before { content: "\f091"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="DEextraMatch" i]) tr[bgcolor] > td > :first-child::before { content: "\f126"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="roundRobinDefaultLayout" i]) tr[bgcolor] > td > :first-child::before { content: "\f2f1"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="sendDirectorEmail" i]) tr[bgcolor] > td > :first-child::before { content: "\f0e0"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="askComments" i]) tr[bgcolor] > td > :first-child::before { content: "\f4ff"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="activeList2" i]) tr[bgcolor] > td > :first-child::before { content: "\f03a"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="question1" i]) tr[bgcolor] > td > :first-child::before { content: "\f059"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="QRcodeURL" i]) tr[bgcolor] > td > :first-child::before { content: "\f029"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="hasTshirt" i]) tr[bgcolor] > td > :first-child::before { content: "\f553"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has([name="numPlacesShown" i]) tr[bgcolor] > td > :first-child::before { content: "\f0cb"; }

/* E06 - special bands: red warning row and green "Optional Upgrades" row */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FF0000" i] > td {
  padding: 10px 16px;
  background: var(--d-no-bg);
  color: var(--d-no);
  border-bottom: 1px solid var(--d-line);
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr[bgcolor="#FF0000" i]:first-child > td {
  border-radius: 7px 7px 0 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FF0000" i] > td :is(div, p) { text-align: left; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FF0000" i] > td :is(font, strong, b) {
  color: var(--d-no);
  font-size: 16px;
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FF0000" i] > td > :first-child::before {
  display: inline-block;
  width: 1.5em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  content: "\f071";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i]:has(tr[bgcolor="#FF0000" i]) td {
  color: var(--d-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#00CC00" i] > td {
  padding: 10px 16px;
  background: var(--d-yes-bg);
  border-bottom: 1px solid var(--d-line);
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr[bgcolor="#00CC00" i]:first-child > td {
  border-radius: 7px 7px 0 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#00CC00" i] > td :is(div, p) { text-align: left; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#00CC00" i] > td :is(font, strong, b) {
  color: var(--d-upgrade-ink);
  font-size: 16px;
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#00CC00" i] > td > :first-child::before {
  display: inline-block;
  width: 1.5em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  color: var(--d-yes);
  content: "\f005";
}

/* E07 - field rows: label cell (old white) + value cell (old grey) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
  width: 210px;
  padding: 10px 12px 10px 16px;
  vertical-align: top;
  text-align: left;
  font-weight: 600;
  border-top: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) :is(div, p) {
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) :is(font, strong, b) {
  font-size: 14px;
  font-weight: 600;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) font:is([color="#FF0000" i], [color="FF0000" i]) {
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] {
  padding: 10px 16px 10px 4px;
  vertical-align: top;
  font-size: 13.5px;
  border-top: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] + tr > td {
  border-top: 0;
}

/* E08 - alternating row colours (first row white, then light) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:nth-child(odd) > td[bgcolor="#EAEAEA" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:nth-child(odd) > td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
  background: var(--d-row-alt);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:nth-child(even) > td[bgcolor="#EAEAEA" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr:nth-child(even) > td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr:last-child > td[bgcolor="#EAEAEA" i] {
  border-bottom-right-radius: 7px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr:last-child > td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
  border-bottom-left-radius: 7px;
}

/* E10 - the other setup pages (coupons, prizes, logins, activation lists).
   Their boxes use other border colours; navy header rows become the light
   blue table header. Tables with the bracket border (#000033) are left alone. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor]:not([bordercolor="#000066" i]):not([bordercolor="#000033" i]) {
  display: table;
  padding: 0;
  margin-bottom: 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor]:not([bordercolor="#000066" i]):not([bordercolor="#000033" i]) > tbody > tr > :is(td, th) {
  padding: 6px 10px;
  border: 0;
  border-top: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor][bgcolor="#000066" i]:not([bordercolor="#000033" i]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td, th)[bgcolor="#000066" i] {
  background: var(--d-band);
  color: var(--d-band-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) [bgcolor="#000066" i] font:is([color="#FFFFFF" i], [color="FFFFFF" i], [color="white" i]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td, th)[bgcolor="#000066" i] :is(font, strong, b, div, p, span) {
  color: var(--d-band-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#00FFFF" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFF00" i] {
  background: var(--d-band);
  color: var(--d-band-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(table, tr, td)[bgcolor="#FFFFCC" i] {
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#CCCCCC" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#D6D6D6" i] {
  background: var(--d-row-alt);
}

/* E12 - UNDER THE CHAMPIONSHIP FILE. On the test events the public
   Championship stylesheet loads under this one. A few of its rules (written
   for a public media page) also match old director boxes with an orange
   border on navy (coupons list, prizes, logins). They are switched back to
   ordinary tables here, so those boxes look the same as without it. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody {
  display: table-row-group;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr {
  display: table-row;
  columns: auto;
  column-gap: normal;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td {
  display: table-cell;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td > div {
  display: block;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td > div > font {
  display: inline;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table {
  display: table;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table > tbody {
  display: table-row-group;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table tr {
  display: table-row;
  break-inside: auto;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  display: table-cell;
  border-radius: 0;
  line-height: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td:has(input:checked) {
  background: var(--d-step);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td > font {
  font-size: inherit;
  color: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] font:is([color="#FF0000" i], [color="FF0000" i]) {
  font-size: inherit;
  color: var(--d-no);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form td:has(> table[bordercolor="#FF6600" i][bgcolor="#000066" i]) > font {
  display: inline;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form font[color="#ff0000" i][size="5"] {
  color: var(--d-no);
  font-size: 18px;
}

/* E13 - PRIZE GRID and similar money grids (Tish, 21 Oct): the currency
   sign and its small box stay on one line. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td:has(> p > input:not([type])) {
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td > p:has(> input:not([type])) {
  white-space: nowrap;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td > p > input:not([type]) {
  min-height: 28px;
  margin: 0 0 0 2px;
  padding: 3px 5px;
}

/* E14 - ADDITIONAL INFO PAGE (addInfo.asp): the whole page was one light
   blue box. It is now a white card; the saved items are a plain table with
   light lines, and "Add New Additional Item" is a link with a plus. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] > table[bordercolor][bgcolor="#000066" i][border] {
  width: 100%;
  max-width: var(--d-max);
  height: auto;
  margin: 0 auto 16px;
  padding: 0;
  background: var(--d-card);
  color: var(--d-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] > table[bgcolor="#000066" i] > tbody > tr > td {
  height: auto;
  padding: 16px 20px;
  border: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] > table[bgcolor="#000066" i] > tbody > tr > td > p[align="left" i] {
  margin-top: 0;
  color: var(--d-muted);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#FF6600" i]:not([bgcolor="#000066" i][border="0"]) {
  width: 100%;
  box-shadow: none;
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#FF6600" i]:not([bgcolor="#000066" i][border="0"]) > tbody > tr:first-child > td {
  border-top: 0;
  border-radius: var(--d-radius) var(--d-radius) 0 0;
  background: var(--d-band);
  color: var(--d-band-ink);
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#000033" i] {
  width: 100%;
  height: auto;
  border: 1px solid var(--d-line);
  border-collapse: collapse;
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#000033" i] > tbody > tr > td {
  padding: 6px 10px;
  border: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#000033" i] > tbody > tr > td > div > p {
  margin: 0;
  text-align: center;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] a[href^="addInfo.asp" i] {
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] a[href^="addInfo.asp" i]:not([href*="tourneyExtraInfoID=" i])::before {
  margin-right: 6px;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 12px;
  content: "\f067";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] a[href^="addInfo.asp" i][href*="tourneyExtraInfoID=" i]::before {
  margin-right: 4px;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f303";
}

/* E11 - COUPONS PAGE (eventCoupons.asp), restyled to match the other
   setup tables (10-21 meeting). Three full-width cards: current coupons,
   coupon settings, and the Coupon Information form. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container {
  max-width: var(--d-max);
  margin: 0 auto;
  text-align: left;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > form > table {
  width: 100%;
  border-spacing: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > form > table > tbody > tr > td {
  padding: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > form > table > tbody > tr > td > p[align] {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  color: var(--d-muted);
  font-size: 13.5px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > form > table > tbody > tr > td > p[align] font[size="4"] > br {
  display: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container font:is([color="#00FF00" i], [color="00FF00" i]) {
  color: var(--d-yes);
}

/* current coupons list */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table:is([bordercolor="#FF6600" i], [bordercolor="#FF9900" i], [bordercolor="#0000FF" i]) {
  display: table;
  width: 100%;
  max-width: none;
  margin: 0 0 14px;
  overflow: visible;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i][border] > tbody > tr > td {
  padding: 0;
  border: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] > tbody > tr > td > font:first-child {
  display: block;
  padding: 10px 16px;
  border-bottom: 1px solid var(--d-line);
  font-size: 15px;
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] > tbody > tr > td > font:first-child::before {
  display: inline-block;
  width: 1.5em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  color: var(--d-accent);
  content: "\f145";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] > tbody > tr > td > br {
  display: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table {
  width: 100%;
  border-spacing: 0;
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr > td {
  padding: 8px 10px;
  border-top: 1px solid var(--d-line-soft);
  font-size: 13.5px;
  text-align: left;
  vertical-align: middle;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr[bgcolor="#D6D6D6" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr[bgcolor="#D6D6D6" i] > td {
  background: var(--d-band);
  color: var(--d-band-ink);
  border-top: 0;
  font-size: 13px;
  white-space: nowrap;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr:nth-child(odd):not([bgcolor]) > td {
  background: var(--d-row-alt);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr:last-child > td:first-child {
  border-bottom-left-radius: 7px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr:last-child > td:last-child {
  border-bottom-right-radius: 7px;
}

/* "Add New Coupon" opens a fresh form: a small button with a plus */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container a[href^="eventCoupons.asp" i]:not([href*="couponID" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
  padding: 6px 14px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container a[href^="eventCoupons.asp" i]:not([href*="couponID" i]):hover {
  background: var(--d-row-hover);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container a[href^="eventCoupons.asp" i]:not([href*="couponID" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f067";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container a[href^="eventCoupons.asp" i]:not([href*="couponID" i]) br {
  display: none;
}

/* coupon settings (Coupons Active / Allow Multiple) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i][border] > tbody > tr > td {
  padding: 0;
  border: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i][border] > tbody > tr > td::before {
  display: block;
  padding: 10px 16px;
  border-bottom: 1px solid var(--d-line);
  border-radius: 7px 7px 0 0;
  background: var(--d-band);
  color: var(--d-band-ink);
  font-family: var(--d-font);
  font-size: 15px;
  font-weight: 700;
  content: "Coupon Settings";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i] td > br {
  display: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i] table {
  width: 100%;
  border-spacing: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i] table td {
  padding: 10px 16px;
  border-top: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i] table tr:first-child > td {
  border-top: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i] table td:first-child {
  width: 210px;
  font-weight: 600;
}

/* Coupon Information form */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] {
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i][border] > tbody > tr > td {
  padding: 0;
  border: 0;
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table {
  width: 100%;
  border-spacing: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] tr[bgcolor="#FFFFCC" i] > td {
  padding: 10px 16px;
  background: var(--d-band);
  border-bottom: 1px solid var(--d-line);
  border-radius: 7px 7px 0 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] tr[bgcolor="#FFFFCC" i] h1 {
  margin: 0;
  color: var(--d-band-ink);
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] tr[bgcolor="#FFFFCC" i] h1::before {
  display: inline-block;
  width: 1.5em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  color: var(--d-accent);
  content: "\f145";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr > td:has(+ td[bgcolor="#FFFFFF" i]) {
  width: 210px;
  padding: 10px 12px 10px 16px;
  border-top: 1px solid var(--d-line-soft);
  font-weight: 600;
  vertical-align: top;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr > td[bgcolor="#FFFFFF" i] {
  padding: 10px 16px 10px 4px;
  border-top: 1px solid var(--d-line-soft);
  font-size: 13.5px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr:nth-child(odd) > td {
  background: var(--d-row-alt);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr:nth-child(even) > td {
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr[bgcolor="#FFFFCC" i] > td {
  background: var(--d-band);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] td[bgcolor="#FFFFFF" i] table {
  border-spacing: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] td[bgcolor="#FFFFFF" i] table td {
  padding: 0 2px 4px 0;
  border: 0;
  background: transparent;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container h2:has(> a[href^="javascript:validate_finish" i]) {
  margin: 6px 0 0;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--d-line-soft);
}

/* G01 - UPLOAD AND PICTURE PAGES (/tourney/imageGallery/: event logo,
   organisation, skin, additional items, map, hotel, sponsors). Same header
   box, cards and buttons as the other setup pages (Tish, 21 Oct). */
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto;
  padding: 20px 24px 6px;
  border: 1px solid var(--d-line);
  border-bottom: 0;
  border-radius: var(--d-radius) var(--d-radius) 0 0;
  background: var(--d-card);
  color: var(--d-nav);
  font-size: 22px;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type b {
  font-weight: 700;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type + p {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto 18px;
  padding: 4px 24px 18px;
  border: 1px solid var(--d-line);
  border-top: 0;
  border-radius: 0 0 var(--d-radius) var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  color: var(--d-muted);
  text-align: center;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) a[href*="tourneySetup/setupOptions.asp" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  color: var(--d-accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) a[href*="tourneySetup/setupOptions.asp" i]:hover {
  background: var(--d-row-hover);
  color: var(--d-accent-hover);
  text-decoration: none;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) a[href*="tourneySetup/setupOptions.asp" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 12px;
  content: "\f060";
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > form,
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > form > div[align="center" i],
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > div[align="center" i] {
  max-width: var(--d-max);
  margin-left: auto;
  margin-right: auto;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bordercolor]:not([bordercolor="#000033" i]) {
  width: 100%;
  max-width: var(--d-max);
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bordercolor]:not([bordercolor="#000033" i]) > tbody > tr > td {
  padding: 0;
  border: 0;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[height] {
  height: auto;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bordercolor]:not([bordercolor="#000033" i]) table {
  width: 100%;
  border-spacing: 0;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td:is([bgcolor="#666666" i], [bgcolor="#999999" i], [bgcolor="#333333" i]) {
  height: 1px;
  padding: 0;
  background: var(--d-line);
  font-size: 0;
  line-height: 0;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#CCCCCC" i] {
  padding: 12px 14px 12px 16px;
  background: var(--d-row-alt);
  color: var(--d-ink);
  font-weight: 600;
  text-align: left;
  vertical-align: top;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#F3F3F3" i] {
  padding: 12px 16px;
  background: var(--d-card);
  text-align: left;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td:is([bgcolor="#FFFFFF" i], [bgcolor="#FFFFCC" i]) {
  padding: 12px 16px;
  background: var(--d-card);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) input[type="file" i] {
  box-sizing: border-box;
  max-width: 100%;
  padding: 6px;
  border: 1px dashed var(--d-field-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-row-alt);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 13.5px;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) input[type="file" i]::file-selector-button {
  margin-right: 10px;
  padding: 5px 12px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-family: var(--d-font);
  font-weight: 600;
  cursor: pointer;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) img[name="Picture" i] {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
}
/* AddItems: the title is followed by an intro table instead of a line */
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type:not(:has(+ p)) {
  margin-bottom: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  box-shadow: var(--d-shadow);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type + table {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 18px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > h1:first-of-type + table td {
  padding: 12px 16px;
}
/* item lists drawn as navy boxes without a border colour */
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bgcolor="#000066" i]:not([bordercolor]) {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bgcolor="#000066" i]:not([bordercolor]) td {
  padding: 6px 12px;
  border: 0;
  background: var(--d-card);
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) select {
  max-width: 100%;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) > p[align="center" i]:last-of-type {
  margin-top: 24px;
  color: var(--d-muted);
}

/* E09 - text boxes, menus and text areas.
   Covers inputs with no type and the date inputs whose type is malformed. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input:not([type]), input[type=""], input[type="text" i], input[type="number" i], input[type="email" i], input[type="tel" i], input[type="password" i], input[type="date" i], select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  margin: 2px 4px 2px 0;
  padding: 5px 9px;
  border: 1px solid var(--d-field-line);
  border-radius: 5px;
  background-color: var(--d-field-bg);
  color: var(--d-ink);
  -webkit-text-fill-color: currentColor;
  opacity: 1;
  font-family: var(--d-font);
  font-size: 14px;
  line-height: 1.35;
  vertical-align: middle;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) select {
  padding-right: 6px;
}
/* Some old boxes have a yellow background written into the page; every
   text box is white now so they all match (10-21 meeting). */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input:not([type]), input[type=""], input[type="text" i], input[type="number" i], input[type="email" i], input[type="tel" i], input[type="password" i], input[type="date" i]):not(:disabled):not([readonly]) {
  background-color: var(--d-field-bg) !important;
}
/* Long boxes are capped so the label column keeps its width
   (some old fields are 700px+ wide). */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] :is(input:not([type]), input[type=""], input[type="text" i], input[type="number" i], input[type="email" i], input[type="tel" i], input[type="password" i], input[type="date" i]) {
  max-width: 520px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] select {
  max-width: 640px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] textarea {
  max-width: 620px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) textarea {
  min-height: 64px;
  vertical-align: top;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input:not([type]), input[type=""], input[type="text" i], input[type="number" i], input[type="email" i], input[type="tel" i], input[type="password" i], input[type="date" i], select, textarea):focus {
  border-color: var(--d-accent);
  box-shadow: 0 0 0 3px var(--d-focus);
  outline: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="radio" i], input[type="checkbox" i]) {
  width: 16px;
  height: 16px;
  margin: 0 6px 0 0;
  vertical-align: -3px;
  accent-color: var(--d-accent);
}


/* =========================================================================
   PART 4 - BUTTONS
   Rule: anything that saves, sends or turns something on/off is a button.
   Ordinary navigation stays a link.
   ========================================================================= */

/* B01 - primary save / send buttons */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_finish" i], a[href^="javascript:validate_finish" i], a[href^="javascript:save" i], a[href^="javascript:sendToUsher" i]) {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 6px 0;
  padding: 10px 22px;
  border: 0;
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_finish" i], a[href^="javascript:validate_finish" i], a[href^="javascript:save" i], a[href^="javascript:sendToUsher" i]) :is(strong, font, b) {
  color: inherit;
  font-size: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_finish" i], a[href^="javascript:validate_finish" i], a[href^="javascript:save" i], a[href^="javascript:sendToUsher" i]):hover {
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_finish" i], a[href^="javascript:validate_finish" i], a[href^="javascript:save" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  content: "\f0c7";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) a[href^="javascript:" i] img[src*="save" i] {
  display: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) a[href^="javascript:sendToUsher" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  content: "\f1d8";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) p:has(> a[href^="javascript:f_finish" i]) {
  max-width: var(--d-max);
  margin: 4px auto 0;
  text-align: left;
}

/* B02 - real submit buttons (<input type="submit">) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="submit" i], button[type="submit" i]) {
  min-height: 38px;
  margin: 6px 0;
  padding: 8px 20px 8px 40px;
  border: 0;
  border-radius: var(--d-radius-sm);
  background: var(--d-accent) var(--d-svg-check-white) no-repeat 16px 50% / 14px 14px;
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  -webkit-text-fill-color: currentColor;
  font-family: var(--d-font);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="submit" i], button[type="submit" i]):hover {
  background-color: var(--d-accent-hover);
}

/* B03 - small secondary buttons (Reset and other plain buttons) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="button" i], input[type="reset" i]) {
  min-height: 30px;
  margin: 2px 4px 2px 0;
  padding: 4px 12px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  -webkit-text-fill-color: currentColor;
  font-family: var(--d-font);
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
  cursor: pointer;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="button" i], input[type="reset" i])[value="Reset" i] {
  padding-left: 30px;
  background: var(--d-card) var(--d-svg-reset-blue) no-repeat 11px 50% / 12px 12px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(input[type="button" i], input[type="reset" i]):hover {
  background-color: var(--d-row-hover);
}

/* B04 - turn on / turn off (activation pages: "CLICK HERE TO ACTIVATE") */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(a[href*="status=ON" i], a[href*="status=OFF" i]) {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 6px 0;
  padding: 10px 22px;
  border-radius: var(--d-radius-sm);
  box-shadow: var(--d-shadow-btn);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href*="status=ON" i] {
  border: 1px solid var(--d-yes);
  background: var(--d-yes);
  color: var(--d-accent-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href*="status=ON" i]:hover {
  background: var(--d-yes-hover);
  color: var(--d-accent-ink);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href*="status=OFF" i] {
  border: 1px solid var(--d-no);
  background: var(--d-card);
  color: var(--d-no);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href*="status=OFF" i]:hover {
  background: var(--d-no-bg);
  color: var(--d-no-hover);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(a[href*="status=ON" i], a[href*="status=OFF" i]) :is(strong, font, b) {
  color: inherit;
  font-size: inherit;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(a[href*="status=ON" i], a[href*="status=OFF" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  content: "\f011";
}

/* B04b - showEntryList.asp uses the opposite status words (status=ON hides
   the list), so its two buttons swap colours to match their labels. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="showEntryList.asp" i][href*="status=ON" i] {
  border-color: var(--d-no);
  background: var(--d-card);
  color: var(--d-no);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="showEntryList.asp" i][href*="status=ON" i]:hover {
  background: var(--d-no-bg);
  color: var(--d-no-hover);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="showEntryList.asp" i][href*="status=OFF" i] {
  border-color: var(--d-yes);
  background: var(--d-yes);
  color: var(--d-accent-ink);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) a[href^="showEntryList.asp" i][href*="status=OFF" i]:hover {
  background: var(--d-yes-hover);
  color: var(--d-accent-ink);
}

/* B05 - small action buttons: add, add row, delete, remove row */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:addNewCompareTID" i], a[href^="javascript:insertRow" i], a[href^="javascript:insertLastRow" i], a[href^="javascript:confirm_delete" i], a[href^="javascript:deleteCompare" i], a[href^="javascript:removeRow" i], a[href^="javascript:deletefile" i], a[href^="javascript:deleteRecord" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 2px 4px 2px 0;
  padding: 4px 11px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  vertical-align: middle;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:addNewCompareTID" i], a[href^="javascript:insertRow" i], a[href^="javascript:insertLastRow" i]):hover {
  background: var(--d-row-hover);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:addNewCompareTID" i], a[href^="javascript:insertRow" i], a[href^="javascript:insertLastRow" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f067";
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:confirm_delete" i], a[href^="javascript:deleteCompare" i], a[href^="javascript:removeRow" i], a[href^="javascript:deletefile" i], a[href^="javascript:deleteRecord" i]) {
  border-color: var(--d-no);
  color: var(--d-no);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:confirm_delete" i], a[href^="javascript:deleteCompare" i], a[href^="javascript:removeRow" i], a[href^="javascript:deletefile" i], a[href^="javascript:deleteRecord" i]):hover {
  background: var(--d-no-bg);
  color: var(--d-no-hover);
  text-decoration: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:confirm_delete" i], a[href^="javascript:deleteCompare" i], a[href^="javascript:removeRow" i], a[href^="javascript:deletefile" i], a[href^="javascript:deleteRecord" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f1f8";
}


/* =========================================================================
   PART 5 - EVENT SETUP HUB (setupOptions.asp)
   Two columns of cards: Main Event Information + Activation on the left,
   Customize Event Website + Email Blast System on the right.
   ========================================================================= */

/* H01 - the two-column frame */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div[align="center" i] {
  max-width: var(--d-hub-max);
  margin: 0 auto;
  text-align: center;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) h1 {
  max-width: none;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > p:not([align="center" i]) {
  max-width: none;
  margin: 0 0 6px;
  color: var(--d-ink);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > p :is(strong, font) {
  font-size: 15px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) h1:not(:first-of-type) {
  margin: 0 0 8px;
  font-size: 16px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] > tbody {
  display: block;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] > tbody > tr {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] > tbody > tr > td {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  border: 0;
}

/* H02 - each column is a card */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] > tbody > tr > td > table {
  width: 100%;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}

/* H03 - section bands inside the cards */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFF00" i] {
  width: auto;
  padding: 10px 16px;
  background: var(--d-band);
  color: var(--d-band-ink);
  border-top: 1px solid var(--d-line);
  border-bottom: 1px solid var(--d-line);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) tr:first-child > td[bgcolor="#FFFF00" i] {
  border-top: 0;
  border-radius: 7px 7px 0 0;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFF00" i] div {
  text-align: left;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFF00" i] strong {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFF00" i] div::before {
  display: inline-block;
  width: 1.6em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 14px;
  color: var(--d-accent);
  content: "\f05a";
}
/* left card: 1st band Main Event Information, 2nd band Activation;
   right card: 1st band Customize Event Website, 2nd band Email Blast */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table > tbody > tr > td:nth-child(1) > table > tbody > tr:not(:first-child) > td[bgcolor="#FFFF00" i] div::before {
  content: "\f011";
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table > tbody > tr > td:nth-child(2) > table > tbody > tr:first-child > td[bgcolor="#FFFF00" i] div::before {
  content: "\f0ac";
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table > tbody > tr > td:nth-child(2) > table > tbody > tr:not(:first-child) > td[bgcolor="#FFFF00" i] div::before {
  content: "\f0e0";
}

/* H04 - link rows */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] {
  padding: 9px 16px;
  border-top: 1px solid var(--d-line-soft);
  font-size: 14px;
  vertical-align: middle;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) tr:has(> td[bgcolor="#FFFF00" i]) + tr > td {
  border-top: 0;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] table {
  width: 100%;
  border-spacing: 0;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] table td {
  padding: 0;
  border: 0;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table > tbody > tr > td > table > tbody > tr > td:not([bgcolor]) {
  padding: 10px 16px;
  color: var(--d-muted);
  font-size: 13px;
}

/* H05 - icons in front of the hub links (matched by where they go) */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a::before {
  display: inline-block;
  width: 1.6em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-style: normal;
  font-size: 13px;
  color: var(--d-accent);
  text-decoration: none;
  content: "\f105";
}

body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupMainInfo.asp" i]::before          { content: "\f05a"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupDateTimes.asp" i]::before         { content: "\f073"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupPaymentsFees.asp" i]::before      { content: "\f09d"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupDrawsandDivs.asp" i]::before      { content: "\f542"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupCustomOptions.asp" i]::before     { content: "\f1de"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a:is([href*="viewDivsFees.asp" i], [href^="eventDivTypes.asp" i], [href^="divEdit.asp" i])::before { content: "\f0ae"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a:is([href^="setCourts.asp" i], [href^="clubInfo.asp" i])::before { content: "\f3c5"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setGridSeqlength.asp" i]::before       { content: "\f00a"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setupSummary.asp" i]::before           { content: "\f46d"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a:is([href^="eventSite.asp" i], [href^="showEntrylist.asp" i], [href^="onlineEntry.asp" i], [href^="startTimes.asp" i], [href^="draws.asp" i], [href^="results.asp" i], [href^="enetLive.asp" i])::before { content: "\f011"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="tourney.asp?TID" i]::before            { content: "\f0ac"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="contentEditor" i]::before              { content: "\f044"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesTL.asp" i]::before          { content: "\f03e"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesSO.asp" i]::before          { content: "\f0c1"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesMH.asp" i]::before          { content: "\f53f"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="setExtraButton.asp" i]::before         { content: "\f0fe"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesAddItems.asp" i]::before    { content: "\f217"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="eventCoupons.asp" i]::before           { content: "\f145"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a:is([href^="prizeMoney.asp" i], [href*="setRankingvalues.asp" i])::before { content: "\f091"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesMap.asp" i]::before         { content: "\f279"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesHotel.asp" i]::before       { content: "\f594"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="uploadfilesSponsor.asp" i]::before     { content: "\f2b5"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="addInfo.asp" i]::before                { content: "\f15c"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="individualStatOptions.asp" i]::before  { content: "\f080"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="excludedRegFields.asp" i]::before      { content: "\f506"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="exclusiveEntries.asp" i]::before       { content: "\f023"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="fromPage=editLogin" i]::before         { content: "\f084"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="listEventMessages.asp" i]::before      { content: "\f0e0"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a:is([href*="R2dirPlayerEmail.asp" i], [href*="newsManager" i])::before { content: "\f1d8"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="composeText.asp" i]::before            { content: "\f7cd"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="composePush.asp" i]::before            { content: "\f0f3"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="sentNotifications.asp" i]::before      { content: "\f1da"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="manageEventEmails.asp" i]::before      { content: "\f07c"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="PBAimportResults.asp" i]::before       { content: "\f56f"; }

/* links that wrap a picture, and the small "Add Event" button, keep their own look */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(img)::before {
  content: none;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href^="javascript:addNewCompareTID" i]::before {
  width: auto;
  color: inherit;
  font-size: 11px;
  content: "\f067";
}

/* H06 - "View Event Website" stands out as the main link of its card */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href*="tourney.asp?TID" i] font {
  font-size: 15px;
  font-weight: 700;
}

/* H07 - the next setup step (the page writes it in bigger type) */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(> font > strong > font[size="4"]) {
  background: var(--d-step);
  box-shadow: inset 4px 0 0 var(--d-accent);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > font > strong > font[size="4"] {
  font-size: 14px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > font > strong > font[size="4"] > a::after {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 9px;
  border-radius: 999px;
  background: var(--d-accent);
  color: var(--d-accent-ink);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  vertical-align: 1px;
  content: "Next step";
}

/* H08 - steps not available yet (written as plain text, no link) */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > font[size="2"]:not(:has(a)) {
  color: var(--d-muted);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > font[size="2"]:not(:has(a))::before {
  display: inline-block;
  width: 1.6em;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 12px;
  color: var(--d-muted);
  content: "\f023";
}

/* H09 - "setup steps NOT completed" message */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(font[color="#FF0000" i][size="4"]) {
  padding: 14px 16px;
  background: var(--d-no-bg);
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] font[color="#FF0000" i][size="4"] {
  font-size: 14px;
  line-height: 1.45;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] font[color="#FF0000" i][size="4"] br + br {
  display: none;
}

/* H10 - activation rows: link, ON / OFF tag, and a muted description */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > p > font[size="2"]:has(> strong > a) {
  color: var(--d-muted);
  font-size: 13px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > p > font[size="2"] > strong > a {
  font-size: 14px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > p > font[size="2"] > strong > a > font:is([color="#FF0000" i], [color="FF0000" i]) {
  display: inline-block;
  margin-left: 4px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--d-tag);
  color: var(--d-band-ink);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.7;
  vertical-align: 1px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] > p > font[size="2"] > font:is([color="#FF0000" i], [color="ff0000" i]) {
  color: var(--d-no);
}

/* H11 - small images on the hub (on/off pictures, logos) */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] img {
  vertical-align: middle;
}

/* H12 - "Compare Results from Past Events" box */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) input[name="addCompareTID" i] {
  width: 90px;
}

/* H13 - footer */
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) > div > p:last-of-type,
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) > div > p[align="center"] {
  color: var(--d-muted);
}
:is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) p[align="center"]:has(a[href*="privacy" i]) {
  margin-top: 28px;
}


/* =========================================================================
   PART 7 - DIRECTOR HOME (tourney home.asp, "Home" in the top menu)
   10-21 meeting: the home page and its Main Menu should match the setup
   pages instead of looking "strapped on". Found by the Recent Fixes link,
   which only this page has. Its two boxes use the #000033 border that the
   bracket pages also use; these rules only reach them on this page.
   ========================================================================= */

/* H20 - page */
body:has(a[href*="fixes-updates.asp" i]) {
  margin: 0;
  padding: 20px 24px 40px;
  background: var(--d-page);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 14px;
  line-height: 1.5;
}
body:has(a[href*="fixes-updates.asp" i]) :is(table, td, p, div, font, b, strong, a) {
  font-family: var(--d-font);
}
body:has(a[href*="fixes-updates.asp" i]) table {
  font-size: 14px;
  color: var(--d-ink);
}
body:has(a[href*="fixes-updates.asp" i]) > div > br {
  display: none;
}

/* H21 - event info card: logo on the left, name / dates / club / location */
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 18px;
  padding: 16px 20px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  border-spacing: 0;
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td {
  padding: 5px 12px;
  border-top: 1px solid var(--d-line-soft);
  text-align: left;
  vertical-align: middle;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) tr:first-child > td,
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td[rowspan] {
  border-top: 0;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td[rowspan] {
  width: 1%;
  padding: 0 20px 0 0;
  vertical-align: middle;
}
body:has(a[href*="fixes-updates.asp" i]) img[name="Picture" i] {
  display: block;
  width: auto;
  max-width: 220px;
  height: 120px;
  object-fit: contain;
  border-radius: var(--d-radius-sm);
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td:has(> div > strong) {
  width: 120px;
  color: var(--d-muted);
  font-size: 12.5px;
  white-space: nowrap;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td > div > strong {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) tr:first-child > td:last-child {
  color: var(--d-nav);
  font-size: 20px;
  font-weight: 700;
}

body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) a {
  color: var(--d-link);
  overflow-wrap: anywhere;
}

/* H22 - Main Menu and Recent Fixes: two cards side by side */
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 18px;
  border-spacing: 0;
  background: transparent;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) > tbody > tr {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) > tbody > tr > td {
  display: block;
  padding: 0;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) > tbody > tr > td:first-child {
  flex: 3 1 0;
}
body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) > tbody > tr > td:last-child:not(:first-child) {
  flex: 2 1 0;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] {
  width: 100%;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  overflow: hidden;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td {
  padding: 0;
  border: 0;
}
/* card titles: "Main Menu" and "Recent Fixes and Upgrades" */
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > div:first-child,
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > strong:first-child {
  display: block;
  padding: 10px 16px;
  background: var(--d-band);
  color: var(--d-band-ink);
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > div:first-child strong,
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > strong:first-child a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > div:first-child::before,
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > strong:first-child::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f0c9";
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > strong:first-child::before {
  content: "\f0ad";
}
/* the rows inside each card */
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table {
  width: 100%;
  border-spacing: 0;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td {
  padding: 8px 12px;
  border-top: 1px solid var(--d-line-soft);
  vertical-align: middle;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:is([bgcolor="DDFFFF" i], [bgcolor="#DDFFFF" i]) {
  background: var(--d-row-alt);
}
/* Main Menu: icon, page link, short description */
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:first-child:has(i) {
  width: 36px;
  padding-right: 0;
  color: var(--d-accent);
  font-size: 16px;
  text-align: center;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:first-child:has(i) > div {
  text-align: center;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:has(> b > a) {
  width: 120px;
  white-space: nowrap;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table b > a {
  color: var(--d-link);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td > font[size="2"] {
  color: var(--d-muted);
  font-size: 13px;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td > font[size="2"] :is(b, strong) {
  color: var(--d-ink);
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table font[color="#ff0000" i] b {
  color: var(--d-accent);
}
/* Recent Fixes: number column */
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:first-child:not(:has(i)) {
  width: 32px;
  padding-right: 0;
  color: var(--d-muted);
  font-size: 12.5px;
  text-align: right;
}
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:first-child:not(:has(i)) + td > font[size="2"] {
  color: var(--d-ink);
}

/* H23 - footer */
body:has(a[href*="fixes-updates.asp" i]) > div > table[width="567"] {
  display: none;
}
body:has(a[href*="fixes-updates.asp" i]) > div > p:last-of-type {
  margin: 8px 0 0;
  color: var(--d-muted);
  text-align: center;
}
body:has(a[href*="fixes-updates.asp" i]) > div > p:last-of-type font[size="1"] {
  font-size: 12px;
}
body:has(a[href*="fixes-updates.asp" i]) > div > p:last-of-type a {
  color: var(--d-link);
}


/* =========================================================================
   PART 8 - CARD STANDARD (1.6, 10-21 admin UI meeting)
   White cards with one border, no coloured blocks inside them, a thin
   blue underline under each section header, labels right-aligned next to
   their boxes, tables centred. Most of this is done by the tokens in D00
   (--d-band, --d-row-alt, --d-max); the rules below add the underlines and
   the label alignment.
   ROLLBACK: delete this part and set the three tokens back (see D00).
   ========================================================================= */

/* P01 - section header underline (theme blue, not gold) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#FFFF00" i] > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) tr[bgcolor="#000066" i] > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:not([enctype]) table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td > table > tbody > tr:first-child > td:not([bgcolor]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form[action^="addInfo.asp" i] table[bordercolor="#FF6600" i]:not([bgcolor="#000066" i][border="0"]) > tbody > tr:first-child > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i] table tr[bgcolor="#D6D6D6" i] > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] tr[bgcolor="#FFFFCC" i] > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr[bgcolor="#FFFFCC" i] > td,
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#0000FF" i][border] > tbody > tr > td::before,
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFF00" i],
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > div:first-child,
body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] > tbody > tr > td > strong:first-child {
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-band-ink);
  font-weight: 700;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:not([enctype]) table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td > table > tbody > tr:first-child > td:not([bgcolor]) :is(p, div, font, strong, b) {
  color: var(--d-band-ink);
}

/* P02 - one white card: the outer box keeps its single border; boxes
   inside it stay white and are separated by lines */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor][bgcolor="#000066" i]:not([bordercolor="#000033" i]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td, th)[bgcolor="#000066" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#00FFFF" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFF00" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#CCCCCC" i],
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) :is(tr, td)[bgcolor="#D6D6D6" i] {
  background: var(--d-card);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  border-top: 1px solid var(--d-line-soft);
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table > tbody > tr:first-child > td {
  border-top: 0;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td:has(input:checked) {
  background: var(--d-card);
}
/* tables never stretch edge to edge: centred at the content width */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor]:not([bordercolor="#000033" i]),
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table[bordercolor]:not([bordercolor="#000033" i]) {
  margin-left: auto;
  margin-right: auto;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor]:not([bordercolor="#000066" i]):not([bordercolor="#000033" i]):not([width]) {
  max-width: var(--d-max);
}

/* coupons: the page keeps to the content width; the wide coupon list
   scrolls inside its own card instead of stretching the page */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container > form > table {
  table-layout: fixed;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i][border] {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF6600" i][border] > tbody {
  display: table;
  width: 100%;
}
/* prize grid sits in the middle of its card */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:not([enctype]) table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td > table {
  margin-left: auto;
  margin-right: auto;
}

/* P03 - labels right-aligned, 15px before their box ("Select a Skin",
   "Map To Upload", coupon fields, logins, additional text, main info) */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#000066" i]:has(+ td:not([bgcolor="#000066" i])),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr > td:has(+ td[bgcolor="#FFFFFF" i]),
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#CCCCCC" i]:not([colspan]),
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td:has(> p[align="right" i] > font) {
  padding-right: 15px;
  text-align: right;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) :is(div, p),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#000066" i]:has(+ td:not([bgcolor="#000066" i])) :is(div, p),
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) div.coupons-page-container table[bordercolor="#FF9900" i] > tbody > tr > td > table > tbody > tr > td:has(+ td[bgcolor="#FFFFFF" i]) :is(div, p),
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#CCCCCC" i]:not([colspan]) :is(div, p) {
  text-align: right;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i],
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#F3F3F3" i] {
  padding-left: 0;
}

/* P04 - Event Map / Event Logo: the current picture sits in the middle */
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#FFFFFF" i] > div[align="center" i] {
  text-align: center;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#FFFFFF" i] > div[align="center" i] > table {
  margin-left: auto;
  margin-right: auto;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td:has(> img[name="Picture" i]) {
  text-align: center;
}
body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) img[name="Picture" i] {
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================================
   PART 9 - LIVE EVENT, PRINTING, ACCOUNTING, STATS (1.7)
   The four top-menu sections and the pages they link to:
   - Live Event: tdoptions, Event Check-In, Check-In List, Media Match
     Results, Membership Dues, Match Report, Update Grid Winners
   - Printing: printMenu, Select a Draw to Print, Participant Labels,
     Select a Time Grid, Scorecard Printing
   - Accounting: viewAccounting, Early/Late fees, payment lists
   - Stats: statoptions
   Same card standard as the setup pages (PART 8). Each page is found by a
   form or link only it has (see the $O_ list in the build notes).
   Left alone on purpose: the time grids and the Event Display screen (they
   come with scheduling), and every PRINT=YES page, which is the paper copy.
   ========================================================================= */

/* O01 - page base */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) {
  margin: 0;
  padding: 20px 24px 48px;
  background: var(--d-page);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 14px;
  line-height: 1.5;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(table, td, th, p, div, h1, h2, h3, font, b, strong, a, span, li) {
  font-family: var(--d-font);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) table {
  font-size: 14px;
  line-height: 1.45;
  color: var(--d-ink);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) p {
  margin: 0 0 6px;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="1"] { font-size: 12.5px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="2"] { font-size: 13px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="3"] { font-size: 14px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="4"] { font-size: 16px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="5"] { font-size: 18px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font[size="+2"] { font-size: 20px; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font:is([color="#FF0000" i], [color="FF0000" i]) { color: var(--d-no); }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font:is([color="#FF6600" i], [color="FF6600" i]) { color: var(--d-accent); }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) font:is([color="#000066" i], [color="#000000" i]) { color: inherit; }
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a:is(:link, :visited) {
  color: var(--d-link);
  text-decoration: none;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a:focus-visible {
  outline: 3px solid var(--d-focus);
  outline-offset: 2px;
  border-radius: 3px;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) hr {
  height: 0;
  margin: 12px 0;
  border: 0;
  border-top: 1px solid var(--d-line);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) img[src*="print.gif" i] {
  margin-right: 6px;
  vertical-align: -3px;
}

/* O02 - page titles */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(h1, h2) {
  margin: 0 0 14px;
  color: var(--d-nav);
  font-weight: 700;
  line-height: 1.3;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) h1 {
  font-size: 22px;
  letter-spacing: 0.02em;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) h2 {
  font-size: 16px;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(h1, h2) :is(font, strong, b) {
  color: inherit;
  font-size: inherit;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) h1 br + font,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) h2 br + font {
  display: block;
  margin-top: 2px;
  color: var(--d-muted);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
}

/* O03 - white cards (one border, no coloured fill inside) */
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i],
body:has(form[action^="printAll.asp" i]) form > table[bordercolor],
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr > td:has(> table),
body:has(img[src^="chart_" i]) > div > table > tbody > tr > td:has(> table),
body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > table,
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) form > table,
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor],
body:has(form[action^="viewPaymentTypes.asp" i]) > table,
body:has(form[action^="viewPaymentTypes.asp" i]) form > table,
body:has(form[action^="checkinList.asp" i]) th table:has(> tbody > tr > td[bgcolor="#CCCCCC" i]),
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor],
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table,
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table,
body:has(form[name="labels" i]) form > table,
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor],
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table,
body:has(select[name="matchSummaryOption" i]) form table:is([bgcolor="#D2FFFF" i], [bgcolor="#FFEADF" i]) {
  box-sizing: border-box;
  max-width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  vertical-align: top;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor],
body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > table,
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) form > table,
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor],
body:has(form[action^="viewPaymentTypes.asp" i]) > table,
body:has(form[action^="viewPaymentTypes.asp" i]) form > table,
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor],
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table,
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table,
body:has(form[name="labels" i]) form > table,
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor],
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table {
  margin: 0 auto 16px;
}
/* tables inside a card stay plain */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(table, tr, td, th)[bgcolor] {
  background: var(--d-card);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) td,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) th {
  border-color: var(--d-line-soft);
}

/* O04 - section headers: white with the blue underline */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr:is([bgcolor="#FFFF00" i], [bgcolor="#CCCCCC" i], [bgcolor="#000066" i]) > :is(td, th),
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) td:is([bgcolor="#FFFF00" i], [bgcolor="#FFFFCC" i], [bgcolor="#00FFFF" i], [bgcolor="#CCCCCC" i]):only-child,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr:first-child > td[bgcolor="#DFDFDF" i] {
  padding: 8px 10px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-band-ink);
  font-weight: 700;
  text-align: left;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr:is([bgcolor="#FFFF00" i], [bgcolor="#CCCCCC" i], [bgcolor="#000066" i]) > :is(td, th) :is(font, strong, b, p, div, h1),
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) td:is([bgcolor="#FFFF00" i], [bgcolor="#FFFFCC" i], [bgcolor="#00FFFF" i], [bgcolor="#CCCCCC" i]):only-child :is(font, strong, b, p, div, h1) {
  margin: 0;
  color: inherit;
  font-size: 15px;
  text-align: left;
}
/* totals: green and red rows become bold text with a line above */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(tr, td)[bgcolor="#00FF00" i],
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(tr, td)[bgcolor="#00FF00" i] :is(font, strong, b, p, div) {
  color: var(--d-yes);
  font-weight: 700;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr[bgcolor="#FF0000" i],
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr[bgcolor="#FF0000" i] :is(font, strong, b, p, div) {
  color: var(--d-no);
  font-weight: 700;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr:is([bgcolor="#00FF00" i], [bgcolor="#FF0000" i], [bgcolor="#E9E9E9" i]) > td,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr > td[bgcolor="#00FF00" i] {
  border-top: 1px solid var(--d-line);
  font-weight: 700;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) tr[bgcolor="#FFFF00" i]:not(:first-child) > :is(td, th) {
  border-top: 1px solid var(--d-line);
  border-bottom: 0;
}
/* plain rows: lines between them instead of colours */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(td, th) {
  padding: 5px 8px;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) td.horizontalLine {
  height: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--d-line);
  background: var(--d-card);
  font-size: 0;
  line-height: 0;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) td.horizontalLine,
body:has(form[action^="viewPaymentTypes.asp" i]) td.horizontalLine {
  height: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--d-line);
  background: var(--d-card);
}
/* print links that hold only an icon (Check-In List) */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i]:has(> i:only-child) {
  padding: 5px 8px;
}

/* O05 - fields (same look as the setup pages) */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) select[multiple] {
  min-height: 140px;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) select[size] {
  height: auto;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(input:not([type]), input[type="text" i], select, textarea)[style*="background" i] {
  background-color: var(--d-field-bg) !important;
}

/* O06 - action links that save, search or check in: buttons */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(a[href^="javascript:checkIn" i], a[href^="javascript:labelfilter" i], a[href^="javascript:search_players" i], a[href^="javascript:f_saveFilterOptions" i]) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(a[href^="javascript:checkIn" i], a[href^="javascript:labelfilter" i], a[href^="javascript:search_players" i], a[href^="javascript:f_saveFilterOptions" i]):hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(a[href^="javascript:checkIn" i], a[href^="javascript:labelfilter" i], a[href^="javascript:search_players" i], a[href^="javascript:f_saveFilterOptions" i]) :is(font, strong, b, i) {
  color: inherit;
  font-size: inherit;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(a[href^="javascript:checkIn" i], a[href^="javascript:search_players" i]) img {
  display: none;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href^="javascript:print_players" i],
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  padding: 6px 12px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 13.5px;
  font-weight: 700;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href^="javascript:print_players" i]:hover,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i]:hover {
  background: var(--d-row-hover);
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i] :is(strong, font) {
  color: inherit;
  font-size: inherit;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href^="javascript:print_players" i] img,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i] img {
  display: none;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href^="javascript:print_players" i]::before,
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) a[href*="PRINT=YES" i]:not(:has(i))::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f02f";
}
/* lists of pages on the section menus: one row each, with its icon */
body:has(a[href^="mediaResultOptions.asp" i]) td[bgcolor="#FFFFFF" i] > p > :is(a, strong),
body:has(form[action^="printAll.asp" i]) td[bgcolor="#FFFFFF" i] > p > strong > a {
  font-size: 14.5px;
  font-weight: 700;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[bgcolor="#FFFFFF" i] i[class*="fa-"],
body:has(form[action^="printAll.asp" i]) td[bgcolor="#FFFFFF" i] i[class*="fa-"] {
  width: 22px;
  color: var(--d-accent);
  text-align: center;
}

/* O07 - footer (2.1: centred under the content with a thin line above,
   the same on every Live Event / Printing / Accounting / Divisions page) */
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) p[align="center" i]:has(> font[size="1"] > br ~ br) {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 32px auto 0;
  padding: 14px 16px 0;
  border-top: 1px solid var(--d-line);
  color: var(--d-muted);
  text-align: center;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) p[align="center" i]:has(> font[size="1"]) {
  margin: 24px 0 0;
  color: var(--d-muted);
  text-align: center;
}
:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) p[align="center" i]:has(> font[size="1"]) font {
  font-size: 12px;
}

/* ---- page by page ---- */

/* O10 - Live Event menu (tdoptions.asp): two cards side by side */
body:has(a[href^="mediaResultOptions.asp" i]) > table[width] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 16px 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child > td {
  padding: 0 0 14px;
  text-align: center;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 6px;
  font-weight: 700;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f073";
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] {
  padding: 0 0 12px;
  overflow: hidden;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] > h1 {
  margin: 0 0 4px;
  padding: 12px 16px;
  border-bottom: 2px solid var(--d-band-line);
  font-size: 16px;
  letter-spacing: 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table {
  width: 100%;
  border-spacing: 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] td {
  padding: 6px 4px;
  white-space: nowrap;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[bgcolor="#FFFFCC" i] {
  padding: 10px 16px 4px;
  border: 0;
  color: var(--d-nav);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[bgcolor="#FFFFCC" i] font {
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body:has(a[href^="mediaResultOptions.asp" i]) table[width="100"] {
  width: 100%;
  border: 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) table[width="100"] > tbody > tr > td {
  padding: 0;
  border: 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) table[width="211"] td {
  height: auto;
  padding: 9px 16px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href^="mediaResultOptions.asp" i]) table[width="211"] tr:first-child td {
  border-top: 0;
}

/* O10b - Live Event (Tish, 21 Oct): the grid links are coloured buttons
   with icons, and each day is a small card with a rounded header */
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a {
  margin: 0 4px 6px;
  padding: 8px 16px;
  border: 1px solid var(--d-gold-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-gold);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-gold-ink);
  font-size: 14px;
  text-decoration: none;
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a:hover {
  filter: brightness(0.94);
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a[href*="getFilter" i]::before {
  content: "\f0b0";
}
body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr:first-child a:not([href*="getFilter" i])::before {
  content: "\f00a";
}
/* the day list becomes a stack of cards */
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] > table,
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] > table > tbody,
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] > table > tbody > tr,
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] > table > tbody > tr > td {
  display: block;
  box-sizing: border-box;
  width: auto;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] {
  padding: 4px 16px 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] td[bgcolor="#FFFFCC" i] {
  margin-top: 12px;
  padding: 9px 14px;
  border: 1px solid var(--d-line);
  border-bottom: 2px solid var(--d-band-line);
  border-radius: var(--d-radius) var(--d-radius) 0 0;
  background: var(--d-card);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] td[bgcolor="#FFFFCC" i] p {
  margin: 0;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] td[bgcolor="#FFFFCC" i] strong::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-weight: 900;
  content: "\f133";
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] tr:has(> td[bgcolor="#FFFFCC" i]) + tr > td[bgcolor="#FFFFFF" i] {
  padding: 10px 12px 12px;
  border: 1px solid var(--d-line);
  border-top: 0;
  border-radius: 0 0 var(--d-radius) var(--d-radius);
  box-shadow: var(--d-shadow);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"],
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody {
  display: block;
  width: auto;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody > tr > td {
  display: block;
  width: auto;
  padding: 0;
  white-space: nowrap;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody > tr > td:first-child,
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody > tr > td:empty {
  display: none;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] > tbody > tr > td:nth-child(3) {
  flex: 1 1 60%;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] :is(div, font) {
  font-size: 13px;
  text-align: left;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--d-radius-sm);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a:hover {
  color: var(--d-accent-ink);
  filter: brightness(0.92);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="timeGrid.asp" i] {
  background: var(--d-btn-grid);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="timeGrid.asp" i]::before {
  content: "\f00a";
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="memMatchSearch.asp" i] {
  background: var(--d-btn-report);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="memMatchSearch.asp" i]::before {
  content: "\f15c";
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="onDeck" i] {
  background: var(--d-btn-display);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="onDeck" i]::before {
  content: "\f26c";
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="updateMultiMatches.asp" i] {
  background: var(--d-btn-winners);
}
body:has(a[href^="mediaResultOptions.asp" i]) td[width="470"] table[width="470"] a[href*="updateMultiMatches.asp" i]::before {
  content: "\f091";
}

/* O11 - Printing menu */
body:has(form[action^="printAll.asp" i]) > div > form > table[bordercolor] {
  width: 100%;
  max-width: 640px;
  padding: 0;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] > tbody > tr > td {
  padding: 0;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] table {
  border-spacing: 0;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] table td {
  padding: 9px 16px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] table tr:first-child td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
  font-size: 15px;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] table tr:first-child td :is(div, font) {
  color: var(--d-band-ink);
  text-align: left;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] tr[bgcolor="#000066" i] > td {
  padding-top: 16px;
  border-top: 0;
}
body:has(form[action^="printAll.asp" i]) form > table[bordercolor] tr[bgcolor="#000066" i] font {
  color: var(--d-band-ink);
}

/* the Championship file turns this kind of box into newspaper columns
   (written for a public page); keep it an ordinary list here */
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i],
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table {
  display: table;
}
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody,
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table > tbody {
  display: table-row-group;
}
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr,
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table tr {
  display: table-row;
  columns: auto;
  column-gap: normal;
  break-inside: auto;
}
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td,
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  display: table-cell;
  border-radius: 0;
}
body:has(form[action^="printAll.asp" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  padding: 9px 16px;
  border-top: 1px solid var(--d-line-soft);
  line-height: 1.4;
}
/* the menu's own links stay links (they only open the print pages) */
body:has(form[action^="printAll.asp" i]) form > table a[href],
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) table a[href] {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--d-link);
  font-size: 14.5px;
}
body:has(form[action^="printAll.asp" i]) form > table a[href]::before,
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) table a[href]::before {
  content: none;
}

/* O12 - Accounting: four cards in a 2 x 2 grid */
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[width="820"] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 14px;
  padding: 12px 16px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[width="820"] td {
  padding: 4px 8px;
  vertical-align: middle;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[width="820"] font[size="+2"] {
  color: var(--d-nav);
  font-weight: 700;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  border: 0;
  border-collapse: separate;
  border-spacing: 14px;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr > td {
  width: 50%;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr > td[colspan] {
  display: none;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table {
  border-spacing: 0;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table td {
  padding: 7px 10px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table td:first-child {
  padding-right: 15px;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table td:last-child {
  width: 90px;
  text-align: right;
  white-space: nowrap;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table tr[bgcolor="#FFFF00" i] > td {
  border-top: 0;
}
body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] table tr[bgcolor="#FFFF00" i] div {
  text-align: left;
}

/* O13 - Stats: each block is a card; the charts fit their card */
body:has(img[src^="chart_" i]) > div > h1 {
  margin-bottom: 4px;
}
body:has(img[src^="chart_" i]) > div > p:first-of-type {
  color: var(--d-muted);
}
body:has(img[src^="chart_" i]) > div > br {
  display: none;
}
body:has(img[src^="chart_" i]) > div > table {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 14px;
}
body:has(img[src^="chart_" i]) > div > table > tbody > tr > td {
  width: 50%;
}
body:has(img[src^="chart_" i]) > div > table table {
  width: 100%;
  border-spacing: 0;
}
body:has(img[src^="chart_" i]) > div > table table table td {
  padding: 5px 8px;
  border-top: 1px solid var(--d-line-soft);
  text-align: left;
}
body:has(img[src^="chart_" i]) > div > table table table td[rowspan] {
  border-top: 0;
  text-align: center;
  vertical-align: middle;
}
body:has(img[src^="chart_" i]) > div > table table table td:first-child {
  white-space: nowrap;
}
body:has(img[src^="chart_" i]) img[src^="chart_" i] {
  max-width: 100%;
  height: auto;
}
body:has(img[src^="chart_" i]) form > table {
  max-width: var(--d-max);
  margin: 0 auto;
  padding: 12px 16px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}

/* O14 - Membership Dues, Early / Late fees, payment lists */
body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > p:first-of-type {
  color: var(--d-nav);
  font-weight: 700;
}
body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > p:first-of-type font {
  font-size: 22px;
}
body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > table,
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor],
body:has(form[action^="viewPaymentTypes.asp" i]) form > table {
  width: 100%;
  max-width: var(--d-max);
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor] td {
  border: 0;
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor] table {
  width: 100%;
  border-spacing: 0;
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor] table td {
  padding: 7px 10px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor] table tr:nth-child(2) td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
  color: var(--d-band-ink);
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > font[size="4"] {
  display: block;
  color: var(--d-nav);
  font-weight: 700;
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > font[size="4"] font {
  color: inherit;
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > font[size="2"] {
  color: var(--d-muted);
}
body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > h1 {
  margin-top: 6px;
  font-size: 18px;
}
body:has(form[action^="viewPaymentTypes.asp" i]) > table {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 12px;
}
body:has(form[action^="viewPaymentTypes.asp" i]) > table td {
  border: 0;
  vertical-align: middle;
}
body:has(form[action^="viewPaymentTypes.asp" i]) > table font[size="+2"] {
  color: var(--d-nav);
  font-weight: 700;
}
body:has(form[action^="viewPaymentTypes.asp" i]) form {
  max-width: var(--d-max);
  margin: 0 auto;
}
body:has(form[action^="viewPaymentTypes.asp" i]) form > p:empty,
body:has(form[action^="viewPaymentTypes.asp" i]) form > p:has(> br:only-child) {
  display: none;
}
body:has(form[action^="viewPaymentTypes.asp" i]) form > table td {
  padding: 8px 10px;
}

/* O15 - Event Check-In and Check-In List */
body:has(form[action^="checkinList.asp" i]) > div > h1 br {
  display: none;
}
body:has(form[action^="checkinList.asp" i]) > div > h1 > font {
  display: inline;
  margin: 0;
  color: var(--d-nav);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type {
  max-width: 100%;
  margin: 0 auto 8px;
}
body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody > tr > th {
  padding: 4px 6px;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody > tr:first-child > th p {
  margin: 0 0 8px;
  color: var(--d-muted);
  text-align: center;
}
body:has(form[action^="checkinList.asp" i]) th table:has(> tbody > tr > td[bgcolor="#CCCCCC" i]) {
  min-width: 180px;
  padding: 0 0 8px;
}
body:has(form[action^="checkinList.asp" i]) th table:has(> tbody > tr > td[bgcolor="#CCCCCC" i]) td {
  padding: 5px 12px;
}
body:has(form[action^="checkinList.asp" i]) th table:has(> tbody > tr > td[bgcolor="#CCCCCC" i]) td[bgcolor="#CCCCCC" i] {
  padding: 9px 12px;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] {
  width: 100%;
  max-width: var(--d-max);
  padding: 0;
  overflow: hidden;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] > tbody > tr > td {
  padding: 0;
  border: 0;
  border-left: 1px solid var(--d-line-soft);
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] > tbody > tr > td:first-child {
  border-left: 0;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] table {
  border-spacing: 0;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] table td {
  padding: 8px 10px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] table tr:first-child td {
  border-top: 0;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] table td[id^="showA" i] font {
  font-size: 13px;
}
body:has(form[action^="checkinList.asp" i]) form > table[bordercolor] > tbody > tr:last-child > td {
  padding: 10px 12px;
  border-top: 1px solid var(--d-line);
  border-left: 0;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child td {
  vertical-align: middle;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child h1 {
  margin: 0;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] {
  width: auto;
  margin: 0 auto 12px;
  border-spacing: 4px;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] td {
  height: auto;
  padding: 0;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] p {
  margin: 0;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] a {
  display: inline-block;
  min-width: 26px;
  padding: 3px 0;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  font-weight: 700;
  text-align: center;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > input[name="letters" i] {
  display: block;
  margin: 0 auto 10px;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table {
  width: 100%;
  max-width: var(--d-max);
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table td {
  padding: 8px 10px;
}
body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table td :is(p, div) {
  margin: 0;
  text-align: left;
}

/* O16 - Media Match Results (the Championship file already lays this page
   out as a two-column page; only its colours and title are brought in
   line here), Update Grid Winners, Match Report */
body:has(select[name="resultsOption" i]) > table[bgcolor] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  background: transparent;
}
body:has(select[name="resultsOption" i]) > table > tbody > tr > td {
  padding: 0;
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] > tbody > tr[bgcolor="#FFFF00" i] > td {
  padding: 0 0 10px;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] > tbody > tr[bgcolor="#FFFF00" i] font[size="4"] {
  color: var(--d-nav);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] td:has(> table td[bgcolor="#00FFFF" i]) > table {
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  box-shadow: var(--d-shadow);
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] td[bgcolor="#00FFFF" i] {
  padding: 0 0 8px;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] td[bgcolor="#00FFFF" i] font[size="4"] {
  color: var(--d-band-ink);
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] td:has(> table td[bgcolor="#00FFFF" i]) table table td:first-child p {
  padding-right: 15px;
  color: var(--d-ink);
  text-align: right;
  white-space: nowrap;
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] > tbody > tr:not([bgcolor]) > td:first-child font[color="#FF0000" i] {
  color: var(--d-ink);
}
/* O16b (2.1) - Media Match Results: Generate Report is a large gold
   button, the same gold as the Live Event grid buttons (Tish, 21 Oct) */
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] + table a[href^="javascript:f_finish" i]:any-link {
  min-height: 0;
  margin: 6px 0;
  padding: 13px 28px;
  border: 1px solid var(--d-gold-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-gold);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-gold-ink);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] + table a[href^="javascript:f_finish" i]:any-link::before {
  font-size: 15px;
  content: "\f080";
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] + table a[href^="javascript:f_finish" i]:any-link:hover {
  background: var(--d-gold);
  color: var(--d-gold-ink);
  filter: brightness(0.94);
}
body:has(select[name="resultsOption" i]) form[name="form1"] > table[width="905"] + table div[align="center"] {
  text-align: center;
}

body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > h1 {
  max-width: var(--d-max);
  margin: 0 auto 6px;
  font-size: 18px;
  letter-spacing: 0;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > h2 {
  max-width: var(--d-max);
  margin: 0 auto 14px;
  color: var(--d-muted);
  font-size: 14px;
  font-weight: 400;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > p,
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > a[href*="PRINT=YES" i] {
  max-width: var(--d-max);
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > p {
  margin: 0 auto 6px;
  text-align: center;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > a[href*="PRINT=YES" i] {
  display: flex;
  width: max-content;
  margin: 0 auto 12px;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) form[name="multiMatchForm" i] > table {
  width: 100%;
  max-width: var(--d-max);
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) form > table td {
  padding: 6px 8px;
}
body:has(select[name="matchSummaryOption" i]) #content {
  max-width: var(--d-hub-max);
  margin: 0 auto;
}
body:has(select[name="matchSummaryOption" i]) #pageName {
  display: flex;
  align-items: center;
  gap: 10px;
}
body:has(select[name="matchSummaryOption" i]) #pageName img {
  height: 26px;
}
body:has(select[name="matchSummaryOption" i]) form > table:first-of-type h1 {
  margin: 0;
  color: var(--d-muted);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
}
body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) {
  width: 100%;
  border-spacing: 14px 0;
}
body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) > tbody > tr > td {
  width: 50%;
  vertical-align: top;
}
body:has(select[name="matchSummaryOption" i]) form table:is([bgcolor="#D2FFFF" i], [bgcolor="#FFEADF" i]) {
  width: 100%;
}
body:has(select[name="matchSummaryOption" i]) form table:is([bgcolor="#D2FFFF" i], [bgcolor="#FFEADF" i]) td :is(div[align="right" i]) {
  padding-right: 7px;
}
body:has(select[name="matchSummaryOption" i]) form > table:last-of-type th {
  padding: 8px;
  font-weight: 400;
  vertical-align: middle;
}
body:has(select[name="matchSummaryOption" i]) form > table:last-of-type h2 {
  margin: 0;
}
body:has(select[name="matchSummaryOption" i]) a[href^="javascript:search_players" i] img {
  display: none;
}

/* O17 - Printing pages: Select a Draw, Labels, Time Grid, Scorecards */
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > h2,
body:has(form[name="labels" i]) > h2 {
  text-align: center;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > table {
  max-width: 1120px;
  margin: 0 auto;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td {
  padding: 6px 10px;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[bgcolor="#00FF00" i] {
  border-top: 0;
  border-bottom: 2px solid var(--d-yes);
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table select[multiple] {
  min-width: 260px;
  height: 420px;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[align="CENTER" i] input[type="button" i] {
  display: block;
  min-width: 70px;
  margin: 0 auto;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[align="CENTER" i] br {
  display: none;
}
body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[align="CENTER" i] input[type="button" i] + br + br + input {
  margin-top: 8px;
}
body:has(form[name="labels" i]) form > table {
  width: 100%;
  max-width: 760px;
}
body:has(form[name="labels" i]) form > table td {
  padding: 10px 12px;
}
body:has(form[name="labels" i]) form > table select {
  width: 100%;
  margin: 4px 0 8px;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > h1 {
  font-size: 20px;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > h1 br + font + br {
  display: none;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > h1 {
  max-width: var(--d-max);
  margin-left: auto;
  margin-right: auto;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > p {
  max-width: 640px;
  margin: 0 auto 14px;
  color: var(--d-muted);
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] {
  width: 100%;
  max-width: 700px;
  height: auto;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] td {
  height: auto;
  border: 0;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] table {
  width: 100%;
  border: 0;
  border-spacing: 0;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] table td {
  padding: 7px 8px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] table tr:first-child > td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] table tr:first-child > td font {
  color: var(--d-band-ink);
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] table td[colspan] {
  padding: 0;
  border: 0;
}
body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor] hr {
  display: none;
}
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) > form > h1 {
  text-align: center;
}
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > p {
  color: var(--d-muted);
}
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table {
  max-width: 760px;
}
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table td {
  padding: 6px 8px;
}
body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table table {
  border: 0;
  box-shadow: none;
  padding: 0;
}


/* =========================================================================
   PART 10 - PARTICIPANTS (1.8)
   The Participants menu (dirplroptions.asp) and the pages it links to:
   View/Edit Event Participants (EntryList.asp) and the By Country / State /
   City / School / Club lists, Participant Comments (times/conflicts.asp)
   and Doubles Teams (divisions/listDivs.asp?doublesOnly=YES).
   They share the PART 9 base (:where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]))). Left alone on purpose: brackets
   (drawOut / drawFrame), PRINT=YES paper copies, Participants Search and
   the Excel report (/system/), and Edit Registration, which opens the
   registration cart (/cartRoot/), a separate system.
   ========================================================================= */

/* Q01 - Participants menu: three cards side by side */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > h1 {
  margin-bottom: 16px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] {
  border: 0;
  background: transparent;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td {
  padding: 0;
  border: 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table {
  border-collapse: separate;
  border-spacing: 16px 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr > td > table {
  box-sizing: border-box;
  min-width: 250px;
  padding: 0 0 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
/* these cells carry an inline "windowtext" border, which only !important
   can switch off */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[style*="border" i] {
  border: 0 !important;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] th {
  padding: 12px 16px 2px;
  color: var(--d-nav);
  font-size: 16px;
  text-align: left;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] tr[bgcolor="#FFFF00" i] > td {
  padding: 12px 16px 8px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] tr[bgcolor="#FFFF00" i] div {
  text-align: left;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] {
  padding: 9px 16px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p {
  margin: 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a {
  font-size: 14.5px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[rowspan] {
  border-top: 0;
}
/* icons on the Participants Options links (Tish, 21 Oct) */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a::before {
  display: inline-block;
  width: 22px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f0c1";
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="listParticipants" i]::before { content: "\f002"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="EntryList.asp" i]::before { content: "\f4ff"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="listAllDivs.asp" i]::before { content: "\f0e8"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="conflicts.asp" i]::before { content: "\f4ad"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="excel" i]::before { content: "\f1c3"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] td[bgcolor="#FFFFFF" i] p > strong > a[href*="doublesOnly" i]::before { content: "\f500"; }
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] tr[bgcolor="#FFFF00" i] > td[style*="border-right" i] p > strong::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f002";
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] tr[bgcolor="#FFFF00" i] > td[width="300"] p > strong::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f234";
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] tr[bgcolor="#FFFF00" i] td:not([style*="border-right" i]):not([width="300"]) p > strong::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f0c0";
}

/* quick find */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] {
  margin: 0;
  padding: 8px 16px 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] td {
  padding: 4px 6px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] p[align="right" i] {
  text-align: left;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] select[size] {
  min-width: 190px;
  min-height: 210px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] label {
  display: inline-block;
  margin: 3px 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] div[align="center" i] {
  text-align: left;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] table[width="324"] {
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--d-line-soft);
  border-radius: var(--d-radius-sm);
  color: var(--d-muted);
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] table[width="324"] td {
  padding: 0;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) a[href^="javascript:f_finish" i],
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) a[href^="javascript:f_check" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) a[href^="javascript:f_finish" i]:hover,
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) a[href^="javascript:f_check" i]:hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] a[href^="javascript:f_finish" i]::before {
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f061";
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] a[href^="javascript:f_finish" i] i {
  display: none;
}
/* add new participant */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] table {
  margin: 0 auto;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] td {
  padding: 4px 6px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] td > br:first-child {
  display: none;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] input[type="text" i] {
  width: 90px;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] font[size="3"] {
  font-size: 13px;
}

/* Q02 - participant lists (View/Edit Participants and By Country / State /
   City / Club). 2.6 (Tish, 22 Oct): these pages share their markup with
   the public participant pages, and until 2.5 part of their look (the
   "view by" row) came from the public Championship stylesheet. They now
   have their own director look that does not depend on the public file:
   step 1 below clears every public rule from these parts of the page
   (all: revert), step 2 draws them again in director style. So the public
   participant pages can change their look without changing these.
   Screen only; the printed lists (Print List) are not touched. */
/* the page writes a white background straight onto <body> */
body:has([id="participants-sort-table"]):has([id="start-times"])[style*="background" i] {
  background: var(--d-page) !important;
}
body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor] {
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 0 auto;
  background: transparent;
}
body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor] > tbody > tr > td {
  padding: 0;
}
body:has([id="participants-sort-table"]):has([id="start-times"]) form[name="form"] > div {
  margin: 0 0 8px;
  text-align: center;
}
@media screen {
  /* step 1: clear the public rules (title, view-by row, the list) */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2 *,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table *,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table *::before,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table *::after,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i],
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] *,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] *::before,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] *::after {
    all: revert;
  }

  /* step 2: director look */
  /* title: event name small, list name large */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2 {
    display: block;
    margin: 4px 0 14px;
    color: var(--d-nav);
    font-family: var(--d-font);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2 :is(font, strong, b) {
    color: inherit;
    font-family: inherit;
    font-size: inherit;

    font-weight: inherit;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2 strong > font:first-child:not(:only-child) {
    display: block;
    margin-bottom: 2px;
    color: var(--d-muted);
    font-size: 14px;
    font-weight: 600;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > table[bgcolor] > tbody > tr > td > h2 strong > font:first-child:not(:only-child) br {
    display: none;
  }

  /* view-by row: small silver bullet buttons with icons, like the menu
     above a draw; Print List sits at the end */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table {
    display: block;
    box-sizing: border-box;
    margin: 6px 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--d-line);
    font-family: var(--d-font);
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody {
    display: block;
    width: 100%;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr::before {
    margin-right: 4px;
    color: var(--d-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    content: "View by";
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td table,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td tbody,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td tr {
    display: block;
    padding: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td td {
    display: block;
    padding: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr > td td:first-child {
    display: none;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px 6px 10px;
    border: 1px solid var(--d-gbtn-line);
    border-radius: 999px;
    background: linear-gradient(180deg, var(--d-gbtn-top) 0%, var(--d-gbtn-bot) 100%);
    box-shadow: var(--d-shadow-btn), inset 0 1px 0 var(--d-card);
    color: var(--d-gbtn-ink);
    font-family: var(--d-font);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a::before {
    color: var(--d-gbtn-ink);
    font-family: var(--d-icons);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    content: "\f105";
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="entryList.asp" i]::before { content: "\f0cb"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="CountryPlayers" i]::before { content: "\f0ac"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="StatePlayers" i]::before { content: "\f279"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="CityPlayers" i]::before { content: "\f64f"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="SchoolPlayers" i]::before { content: "\f19d"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="ClubPlayers" i]::before { content: "\f1ad"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a[href*="PRINT=YES" i]::before { content: "\f02f"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a:hover {
    background: var(--d-card);
    color: var(--d-gbtn-ink);
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a:hover::before {
    color: var(--d-no);
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table a:focus-visible {
    outline: 3px solid var(--d-focus);
    outline-offset: 2px;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table h3 {
    display: inline;
    margin: 0;
    color: inherit;
    font: inherit;
  }

  /* "# of Participants" */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] {
    display: block;
    margin: 0;
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > br {
    display: none;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] input[type="text" i] {
    box-sizing: border-box;
    width: 64px;
    height: 30px;
    margin: 0 0 12px 6px;
    padding: 3px 8px;
    border: 1px solid var(--d-field-line);
    border-radius: var(--d-radius-sm);
    background: var(--d-field-bg);
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 13px;
    vertical-align: middle;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] input[type="text" i]:focus {
    border-color: var(--d-accent);
    outline: 3px solid var(--d-focus);
    outline-offset: 0;
  }

  /* the list: one white card */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 6px 16px 14px;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius);
    background: var(--d-card);
    box-shadow: var(--d-shadow);
    font-family: var(--d-font);
    text-align: left;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td {
    padding: 9px 10px;
    border-top: 1px solid var(--d-line-soft);
    color: var(--d-ink);
    font-size: 13px;
    vertical-align: top;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times > table > tbody > tr:first-child > td:only-child:not([colspan]) {
    padding: 0;
    border-top: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td[colspan],
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td:has(> [id="start-times-player"]),
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td:has(> [id="country-list"]) {
    padding: 0;
    border-top: 0;
  }
  /* group heading (A, B ... or the country / state / city / club) */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] {
    display: block;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0;
    padding: 0 2px 6px;
    border-bottom: 2px solid var(--d-band-line);
    color: var(--d-band-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 input[type="text" i] {
    width: 56px;
    height: 28px;
    margin: 0;
    font-weight: 400;
  }
  /* View/Edit Participants rows: photo, name, home town, divisions */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td[width="75"] {
    width: 64px;
    padding-right: 4px;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td[width="75"] a {
    display: block;
    line-height: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td[width="75"] br {
    display: none;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td[width="75"] img {
    width: 56px;
    height: 56px;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius-sm);
    object-fit: cover;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times .player-name,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times h1 {
    display: block;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times a {
    color: var(--d-link);
    text-decoration: none;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times .player-name a {
    font-weight: 700;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times p,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times h5 {
    display: block;
    margin: 0;
    color: var(--d-ink);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td:last-child a,
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times h5 a {
    font-weight: 600;
  }
  /* 2.7: a small bracket icon in front of each division name */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times a[href*="drawOut.asp" i]::before {
    display: inline-block;
    margin-right: 5px;
    color: var(--d-accent);
    font-family: var(--d-icons);
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    content: "\f0e8";
  }
  /* By School / Univ (once it is a director page): the Schedule / Results
     / Report / Summary links under each school, with icons */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 6px 0 4px;
    padding: 0 2px;
    border: 0;
    font-size: 12.5px;
    font-weight: 600;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a img {
    display: none;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a::before {
    font-family: var(--d-icons);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a[href*="mediaUpcoming" i]::before { content: "\f073"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a[href*="mediaResults" i]::before { content: "\f091"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a[href*="matchReport" i]::before { content: "\f46d"; }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="start-times-player"] > h2 + h2 a[href*="matchSummary" i]::before { content: "\f201"; }
  /* By Country / State / City / Club rows */
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="country-list"] {
    display: block;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="country-list"] td:first-child {
    width: 34%;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="country-list"] td:nth-child(2):not(:last-child) {
    width: 22%;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="country-list"] > table > tbody > tr:first-child > td {
    border-top: 0;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times [id="country-list"] + [id="country-list"] > table > tbody > tr:first-child > td {
    border-top: 1px solid var(--d-line-soft);
  }
}
/* phones: the list scrolls sideways inside its card if it must */
@media screen and (max-width: 900px) {
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #participants-sort-table > table > tbody > tr {
    justify-content: flex-start;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times {
    padding: 4px 10px 10px;
    overflow-x: auto;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) #start-times td {
    padding: 8px 6px;
  }
}

/* Q02b - Add New Participant: Participant Records Search and its results
   (dirviewplayers.asp). The search box is one white card; SEARCH is a
   blue button; the results are a white card with an underlined heading
   row, and "Add Participant" is a small button on each row. */
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] > table[bordercolor] {
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
  margin: 8px auto 18px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] > table[bordercolor] > tbody > tr > td {
  padding: 18px 20px 14px;
  border: 0;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] {
  width: 100%;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] td {
  padding: 2px 4px;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] > tbody > tr:first-child font[size="3"] {
  display: block;
  color: var(--d-nav);
  font-size: 18px;
  line-height: 1.3;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] > tbody > tr:first-child font[size="3"] > br {
  display: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] > tbody > tr:first-child p {
  margin: 6px 0 12px;
  color: var(--d-muted);
  font-size: 13.5px;
  font-weight: 400;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] > tbody > tr:first-child p > br {
  display: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] input[type="text" i][maxlength="3"] {
  box-sizing: border-box;
  width: 80px;
  background-color: var(--d-field-bg) !important;
  text-align: center;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] tr:nth-child(3) font[size="3"] {
  color: var(--d-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form2" i] table[width="550"] tr:nth-child(3) td:first-child div {
  padding-right: 22px;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) a[href^="javascript:f_check()" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
  padding: 8px 18px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  text-decoration: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) a[href^="javascript:f_check()" i]::before {
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f002";
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) a[href^="javascript:f_check()" i] font {
  color: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) a[href^="javascript:f_check()" i] img {
  display: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) a[href^="javascript:f_check()" i]:hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h1:not(:has(:not(font, br))):not(:has(font:not(:empty))) {
  display: none;
}
/* results: the note and Create New Participant Record */
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h2 {
  max-width: var(--d-max);
  margin: 0 auto 10px;
  color: var(--d-ink);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h2 font {
  color: inherit;
  font-size: inherit;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h2 a[href*="newPlayer=YES" i] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 8px 0 0;
  padding: 7px 14px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 13px;
  text-decoration: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h2 a[href*="newPlayer=YES" i]::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f234";
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > h2 a[href*="newPlayer=YES" i]:hover {
  background: var(--d-row-hover);
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > div[align="CENTER" i]:has(> b > font[color]) {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto 16px;
  padding: 10px 14px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-step);
  color: var(--d-muted);
  font-size: 13px;
  text-align: center;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > div[align="CENTER" i]:has(> b > font[color]) b {
  font-weight: 400;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > div[align="CENTER" i]:has(> b > font[color]) b > br:first-child {
  display: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) > div[align="CENTER" i]:has(> b > font[color]) font[color] {
  color: var(--d-ink);
  font-size: 13px;
  font-weight: 700;
}
/* results table */
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  width: max-content;
  margin: 0 auto 16px;
  overflow-x: auto;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] > tbody > tr > td {
  padding: 4px 8px 8px;
  border: 0;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table {
  border-collapse: collapse;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table td {
  padding: 8px 10px;
  border-top: 1px solid var(--d-line-soft);
  font-size: 13px;
  vertical-align: middle;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table tr[bgcolor="#CCCCCC" i] > td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-band-ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: bottom;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table :is(font, strong, p, div) {
  margin: 0;
  color: inherit;
  font-size: inherit;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table tr:has(> td.horizontalLine) {
  display: none;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] > table[bordercolor] table img[width="75"] {
  width: 56px;
  height: 56px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  object-fit: cover;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] a[href*="TourneyEntry1.asp" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  color: var(--d-accent-ink);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] a[href*="TourneyEntry1.asp" i]::before {
  font-family: var(--d-icons);
  font-size: 11px;
  font-weight: 900;
  content: "\f067";
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] a[href*="TourneyEntry1.asp" i] strong {
  color: inherit;
  font-weight: 700;
}
body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])) form[name="form1" i] a[href*="TourneyEntry1.asp" i]:hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}

/* Q03 - Participant Comments */
body:has([id="conflicts-grid"]):has(input[type="submit" i]) > h1 {
  max-width: var(--d-max);
  margin: 0 auto 12px;
  text-align: center;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) > h1 font {
  font-size: 20px;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 16px;
  padding: 4px 8px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions blockquote {
  margin: 8px 12px;
  color: var(--d-muted);
  font-size: 13.5px;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions blockquote font {
  font-size: inherit;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions font:is([color="#FF6600" i]) {
  color: var(--d-nav);
  font-weight: 700;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions a[href*="viewAllPlayers" i] {
  font-weight: 700;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  padding: 4px 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid td {
  padding: 6px 8px;
  vertical-align: top;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid td[bgcolor="#CCCCCC" i] {
  padding: 12px 8px;
  border-bottom: 0;
  text-align: center;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid td[bgcolor="#CCCCCC" i] div {
  text-align: center;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid td :is(p, div)[align="right" i] {
  padding-right: 7px;
  font-weight: 600;

}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid td :is(p, div)[align="right" i] font {
  font-size: 13px;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid > tbody > tr > td > p > font[size="3"] b {
  color: var(--d-nav);
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table td {
  padding: 3px 4px;
}
body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid textarea {
  width: 100%;
  max-width: 560px;
}

/* Q04 - Doubles Teams (division list) */
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor] {
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto;
  background: transparent;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor] > tbody > tr > td {
  padding: 0;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) h2 {
  text-align: center;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) h2 font {
  color: var(--d-nav);
  font-size: 22px;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) h2 font font[color="#FF0000" i] {
  color: var(--d-accent);
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table > tbody > tr > td > p[align="left" i] {
  max-width: 650px;
  margin: 0 auto 14px;
  color: var(--d-muted);
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] {
  width: 100%;
  max-width: 760px;
  padding: 8px 14px 4px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] table {
  border-spacing: 0;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] table td {
  padding: 8px 10px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] table tr[bgcolor="#CCCCCC" i] > td {
  border-top: 0;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] tr[bgcolor="#CCCCCC" i] > td :is(div, font, b) {
  color: var(--d-band-ink);
  font-size: 13px;
}
body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] td font[size="1"] {
  font-size: 13px;
}


/* =========================================================================
   PART 11 - DIVISIONS (1.9)
   The Divisions page (divisions/listAllDivs.asp, in all its modes: sort,
   set order, points, reseed, view entries, assign) and the pages it links
   to: Combined / Created Divisions, Conflicting Divisions, the division
   list in the bracket frames (listAllDivsLeftFrame.asp) and Division
   Options (smalldivs/divoptions.asp). Brackets (drawOut, drawIn,
   drawSeedFrame) load their own stylesheet and are not touched.
   ========================================================================= */

/* R01 - Divisions page */
body:has(form[name="divList" i])[style*="background" i],
body:has(a[target="drawMain" i])[style*="background" i] {
  background: var(--d-page) !important;
}
body:has(form[name="divList" i]) > table[bgcolor] {
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 0 auto;
  background: transparent;
}
body:has(form[name="divList" i]) > table[bgcolor] > tbody > tr > td {
  padding: 0;
}
body:has(form[name="divList" i]) > table[bgcolor] h2 {
  margin: 0 0 14px;
  text-align: center;
}
body:has(form[name="divList" i]) > table[bgcolor] h2 font {
  color: var(--d-nav);
  font-size: 22px;
}
/* instructions, filter and the action list: three cards */
body:has(form[name="divList" i]) table[width="800"] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 14px 0;
}
body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td {
  padding: 14px 16px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  text-align: left;
  vertical-align: top;
}
body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td[width="480"] {
  color: var(--d-muted);
  font-size: 13.5px;
}
body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td[width="480"] font {
  font-size: inherit;
}
body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td[width="480"] > font:first-child {
  display: block;
  margin-bottom: 4px;
  color: var(--d-nav);
  font-size: 15px;
}
body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td > p:empty {
  display: none;
}
body:has(form[name="divList" i]) form[name="divFilter" i] > table,
body:has(form[name="divList" i]) form[name="divFilter" i] > table > tbody > tr > td,
body:has(form[name="divList" i]) table.dir-action-sidebar,
body:has(form[name="divList" i]) table.dir-action-sidebar > tbody > tr > td {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}
body:has(form[name="divList" i]) form[name="divFilter" i] table table td {
  padding: 4px 6px;
}
body:has(form[name="divList" i]) form[name="divFilter" i] tr[bgcolor="#FFFF00" i] > td {
  padding: 0 0 8px;
}
body:has(form[name="divList" i]) form[name="divFilter" i] input[type="text" i] {
  width: 100%;
  max-width: 180px;
}
body:has(form[name="divList" i]) form[name="divFilter" i] table table table input[type="text" i] {
  width: 60px;
}
body:has(form[name="divList" i]) a[href^="javascript: filterDivs" i],
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
body:has(form[name="divList" i]) a[href^="javascript: filterDivs" i]:hover,
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i]:hover {
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
body:has(form[name="divList" i]) a[href^="javascript: filterDivs" i]::before,
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i]::before {
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
}
body:has(form[name="divList" i]) a[href^="javascript: filterDivs" i]::before { content: "\f0b0"; }
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i]::before { content: "\f02f"; }
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i] img {
  display: none;
}
body:has(form[name="divList" i]) a[href^="javascript:printBrackets" i] :is(font, b) {
  color: inherit;
  font-size: inherit;
}
/* action list on the right, one row per page, each with an icon */
body:has(form[name="divList" i]) table.dir-action-sidebar table {
  width: 100%;
  border-spacing: 0;
}
body:has(form[name="divList" i]) table.dir-action-sidebar table td {
  padding: 7px 2px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(form[name="divList" i]) table.dir-action-sidebar table tr:first-child td {
  border-top: 0;
}
body:has(form[name="divList" i]) table.dir-action-sidebar a {
  font-size: 13.5px;
  font-weight: 700;
}
body:has(form[name="divList" i]) table.dir-action-sidebar a::before {
  display: inline-block;
  width: 22px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f0c1";
}
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="combineddivs" i]::before { content: "\f5fd"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="conflictingDivs" i]::before { content: "\f071"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="setDivListSeq" i]::before { content: "\f0cb"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="viewAllPlayers" i]::before { content: "\f0c0"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="setPoints" i]::before { content: "\f091"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="selectOption" i]::before { content: "\f074"; }
body:has(form[name="divList" i]) table.dir-action-sidebar a[href*="training" i]::before { content: "\f03d"; }
/* the "Select All / Print Selected Brackets" row */
body:has(form[name="divList" i]) table.printTable {
  margin: 12px 0 0;
}
body:has(form[name="divList" i]) table.printTable td {
  padding: 2px 6px;
  background: transparent;
  vertical-align: middle;
}
body:has(form[name="divList" i]) table.printTable p {
  margin: 0;
}
/* the division grid: one card, light lines, icon buttons */
body:has(form[name="divList" i]) [id="divList"] {
  padding: 0;
}
body:has(form[name="divList" i]) [id="divList"] > div > table {
  box-sizing: border-box;
  margin: 14px 0 0;
  padding: 4px 10px 8px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[name="divList" i]) [id="divList"] > div > table > tbody > tr > td {
  padding: 6px 5px;
  border-top: 1px solid var(--d-line-soft);
  vertical-align: middle;
}
body:has(form[name="divList" i]) [id="divList"] tr[bgcolor="#CCCCCC" i] > td {
  padding: 8px 5px;
  border-top: 0;
  vertical-align: bottom;
}
body:has(form[name="divList" i]) [id="divList"] tr[bgcolor="#CCCCCC" i] :is(font, b, a, div) {
  color: var(--d-band-ink);
  font-size: 11.5px;
  line-height: 1.25;
  text-align: left;
}
body:has(form[name="divList" i]) [id="divList"] tr[bgcolor="#CCCCCC" i] a {
  color: var(--d-link);
}
body:has(form[name="divList" i]) [id="divList"] td.divNameCell font {
  color: var(--d-nav);
  font-size: 13.5px;
  font-weight: 700;
}
/* 2.4 (meeting): Division Details two sizes smaller, regular weight */
body:has(form[name="divList" i]) [id="divList"] td.divNameCell font {
  font-size: 12px;
  font-weight: 400;
}
body:has(form[name="divList" i]) [id="divList"] font[size="1"] {
  font-size: 12.5px;
}
body:has(form[name="divList" i]) [id="divList"] font:is([color="#009900" i], [color="009900" i]) {
  color: var(--d-yes);
}
body:has(form[name="divList" i]) [id="divList"] td p {
  margin: 0;
}
body:has(form[name="divList" i]) [id="divList"] a[href]:has(> img) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  text-decoration: none;
  vertical-align: middle;
}
body:has(form[name="divList" i]) [id="divList"] a[href]:has(> img) img {
  display: none;
}
body:has(form[name="divList" i]) [id="divList"] a[href]:has(> img)::before {
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f0c1";
}
body:has(form[name="divList" i]) [id="divList"] a[href*="updateMultiMatches" i]:has(> img)::before { content: "\f091"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="changeDivType" i]:has(> img)::before { content: "\f013"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="showPlayersDivID" i]:not([href*="assignDivs" i]):has(> img)::before { content: "\f0c0"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="assignDivs" i]:has(> img)::before { content: "\f234"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="drawsIn" i]:has(> img)::before { content: "\f303"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="drawSeed" i]:has(> img)::before { content: "\f162"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="divMediaReport" i]:has(> img)::before { content: "\f1da"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="memMatchSearch" i]:has(> img)::before { content: "\f002"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="selectTime" i]:has(> img)::before { content: "\f46d"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="printDivBracket" i]:has(> img)::before { content: "\f02f"; }
body:has(form[name="divList" i]) [id="divList"] a[href*="drawOut.asp" i]:has(> img)::before { content: "\f06e"; }
body:has(form[name="divList" i]) [id="divList"] input[type="checkbox" i] {
  margin: 0 0 0 4px;
}
body:has(form[name="divList" i]) [id="divList"] td:has(a[href*="printDivBracket" i]) {
  white-space: nowrap;
}
body:has(form[name="divList" i]) [id="divList"] img[src*="courtGrid/images" i] {
  vertical-align: -1px;
}
body:has(form[name="divList" i]) > table[width=""],
body:has(form[name="divList" i]) > table:not([width]) {
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 0 auto;
}

/* R02 - Combined / Created Divisions */
body:has(a[href*="newDivision=singles" i]) > h1 {
  text-align: center;
}
body:has(a[href*="newDivision=singles" i]) > table[width="700"] {
  margin: 0 auto 4px;
  border-collapse: separate;
  border-spacing: 8px 0;
}
body:has(a[href*="newDivision=singles" i]) > table[width="700"] a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent);
  font-size: 13.5px;
  font-weight: 700;
}
body:has(a[href*="newDivision=singles" i]) > table[width="700"] a:hover {
  background: var(--d-row-hover);
}
body:has(a[href*="newDivision=singles" i]) > table[width="700"] a::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f067";
}
body:has(a[href*="newDivision=singles" i]) > table[width="700"] a :is(strong, font) {
  color: inherit;
  font-size: inherit;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] {
  width: 100%;
  max-width: var(--d-max);
  height: auto;
  margin: 12px auto 0;
  padding: 4px 12px 10px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] td {
  height: auto;
  border: 0;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] table {
  border-spacing: 0;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] table td {
  padding: 7px 8px;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] table tr[bgcolor="#FFFFFF" i] > td {
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] table table[bordercolor] {
  border: 0;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] tr[bgcolor="#FFFF00" i] :is(div, p) {
  text-align: left;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] td p {
  margin: 0;
}
body:has(a[href*="newDivision=singles" i]) > table[bordercolor] font[size="1"] {
  font-size: 13px;
}
body:has(a[href*="newDivision=singles" i]) a[href^="uncombdelver.asp" i] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border: 1px solid var(--d-no);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-no);
  font-size: 12.5px;
}
body:has(a[href*="newDivision=singles" i]) a[href^="uncombdelver.asp" i]:hover {
  background: var(--d-no-bg);
}
body:has(a[href*="newDivision=singles" i]) a[href^="uncombdelver.asp" i]::before {
  font-family: var(--d-icons);
  font-size: 11px;
  font-weight: 900;
  content: "\f1f8";
}
body:has(a[href*="newDivision=singles" i]) a[href^="uncombdelver.asp" i] :is(strong, font) {
  color: inherit;
  font-size: inherit;
}

/* R03 - Conflicting Divisions (the whole page sits inside a heading) */
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form > div > h1 {
  margin: 0;
  color: var(--d-ink);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form > div > h1 > strong > font[size="3"] {
  display: block;
  margin-bottom: 6px;
  color: var(--d-nav);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form > div > h1 > p font {
  color: var(--d-muted);
  font-size: 14px;
  font-weight: 400;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] {
  width: 100%;
  max-width: 820px;
  height: auto;
  padding: 4px 12px 10px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] td {
  height: auto;
  border: 0;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] table {
  width: 100%;
  border-spacing: 0;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] table td {
  padding: 6px 8px;
  border-top: 1px solid var(--d-line-soft);
  vertical-align: middle;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] > tbody > tr > td > div > table > tbody > tr:first-child > td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] > tbody > tr > td > div > table > tbody > tr:first-child font {
  color: var(--d-band-ink);
  font-size: 13px;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] table table td {
  padding: 3px 6px;
  border: 0;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] td p {
  margin: 0;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) table[bordercolor] > tbody > tr > td > div > table > tbody > tr:not(:first-child) > td :is(p, b, div) {
  font-size: 13.5px;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) > p[align="center" i] font {
  color: var(--d-muted);
  font-weight: 400;
}

/* R04 - division list beside the brackets (left frame) */
body:has(a[target="drawMain" i]) {
  padding: 10px 8px;
}
body:has(a[target="drawMain" i]) > table {
  width: 100%;
}
body:has(a[target="drawMain" i]) [id="divList"] > div > table {
  border-spacing: 0;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
}
body:has(a[target="drawMain" i]) [id="divList"] > div > table td {
  padding: 6px 8px;
  border-top: 1px solid var(--d-line-soft);
}
body:has(a[target="drawMain" i]) [id="divList"] tr[bgcolor="#CCCCCC" i] > td {
  border-top: 0;
}
body:has(a[target="drawMain" i]) [id="divList"] tr[bgcolor="#CCCCCC" i] font {
  color: var(--d-band-ink);
}
body:has(a[target="drawMain" i]) [id="divList"] a {
  font-weight: 700;
}

/* R05 - Division Options: the Championship file was turning this form into
   newspaper columns; it is an ordinary form again, in white cards */
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i],
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table {
  display: table;
}
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody,
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table > tbody {
  display: table-row-group;
}
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr,
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table tr {
  display: table-row;
  columns: auto;
  column-gap: normal;
  break-inside: auto;
}
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td,
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  display: table-cell;
  border-radius: 0;
  line-height: 1.45;
}
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td > font,
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] font[color="#ff0000" i] {
  font-size: inherit;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i],
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table {
  display: table;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody,
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table > tbody {
  display: table-row-group;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr,
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table tr {
  display: table-row;
  columns: auto;
  column-gap: normal;
  break-inside: auto;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] > tbody > tr > td,
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td {
  display: table-cell;
  border-radius: 0;
  line-height: 1.45;
}
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td > font,
body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] font[color="#ff0000" i] {
  font-size: inherit;
}
body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table td:has(input:checked) {
  background: var(--d-card);
}
/* 2.0: the chosen option no longer tints the whole box (Tish, 21 Oct) */
/* the row of tabs at the top */
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child {
  margin: 0 auto 14px;
  border: 0;
  border-collapse: separate;
  border-spacing: 6px;
  background: transparent;
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child td {
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border: 1px solid var(--d-gbtn-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--d-gbtn-top) 0%, var(--d-gbtn-bot) 100%);
  box-shadow: var(--d-shadow-btn), inset 0 1px 0 var(--d-card);
  color: var(--d-gbtn-ink);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
/* 2.4 (Tish, 21 Oct): each tab is a small silver bullet button with its
   own icon; on hover it turns white with a red icon, like the grid
   buttons. Tabs that already carry an icon keep theirs. */
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child,
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child > tbody {
  display: block;
  max-width: var(--d-hub-max);
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child > tbody > tr > td {
  display: block;
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a:not(:has(i))::before {
  color: var(--d-gbtn-ink);
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f105";
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a i {
  color: var(--d-gbtn-ink);
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="changeDivType" i]:not(:has(i))::before { content: "\f013"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="drawvar=partners" i]:not(:has(i))::before { content: "\f500"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="drawSeedFrame" i]:not(:has(i))::before { content: "\f162"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="drawIn.asp" i]:not(:has(i))::before { content: "\f303"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="updateWinners" i]:not(:has(i))::before { content: "\f091"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="memMatchSearch" i]:not(:has(i))::before { content: "\f002"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="scorecard" i]:not(:has(i))::before { content: "\f46d"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="viewDraw" i]:not(:has(i))::before { content: "\f06e"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="print=YES" i]:not(:has(i))::before { content: "\f02f"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a[href*="selectTime" i]:not(:has(i))::before { content: "\f073"; }
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a:hover {
  background: var(--d-card);
  color: var(--d-gbtn-ink);
}
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a:hover::before,
body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child a:hover i {
  color: var(--d-no);
}
/* title card */
body:has([id="div-options-main-container"]) [id="div-options-header-card"] {
  box-sizing: border-box;
  max-width: 820px;
  margin: 0 auto 16px;
  padding: 14px 20px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  color: var(--d-muted);
}
body:has([id="div-options-main-container"]) [id="div-options-header-card"] > strong > font,
body:has([id="div-options-main-container"]) [id="div-options-header-card"] > strong > br {
  display: none;
}
body:has([id="div-options-main-container"]) [id="div-options-header-card"] > strong > font[size="4"]:not([color]) {
  display: inline;
  color: var(--d-nav);
  font-size: 13px;
  letter-spacing: 0.06em;
}
body:has([id="div-options-main-container"]) [id="div-options-header-card"] p {
  margin: 4px 0 0;
}
body:has([id="div-options-main-container"]) [id="div-options-header-card"] p font[size="5"] {
  color: var(--d-nav);
  font-size: 22px;
}
/* main form card */
body:has([id="div-options-main-container"]) [id="div-options-main-container"] {
  width: 100%;
  max-width: 820px;
  padding: 6px 12px 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has([id="div-options-main-container"]) [id="div-options-main-container"] td {
  border-color: var(--d-line-soft);
}
body:has([id="div-options-main-container"]) [id="div-options-inner-container"] {
  border-spacing: 0;
  background: var(--d-card);
}
body:has([id="div-options-main-container"]) [id="div-options-inner-container"] > tbody > tr > td {
  padding: 10px 8px;
  border-top: 1px solid var(--d-line-soft);
}
body:has([id="div-options-main-container"]) [id="div-options-inner-container"] > tbody > tr:first-child > td {
  border-top: 0;
}
body:has([id="div-options-main-container"]) td[bgcolor="#000066" i] {
  padding: 8px 10px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  text-align: left;
}
body:has([id="div-options-main-container"]) td[bgcolor="#000066" i] :is(font, div, p, b, strong) {
  color: var(--d-band-ink);
  font-size: 15px;
  text-align: left;
}
body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"] {
  border: 1px solid var(--d-line);
  border-collapse: collapse;
  border-radius: var(--d-radius);
}
body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"] > tbody > tr > td {
  padding: 10px 12px;
  border: 1px solid var(--d-line-soft);
  vertical-align: top;
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] {
  padding: 6px 8px;
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-card);
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] > table {
  border-spacing: 0;
}
body:has([id="div-options-main-container"]) font[color="#FF6600" i] {
  color: var(--d-nav);
}
body:has([id="div-options-main-container"]) font[color="#ff0000" i][size="5"] {
  color: var(--d-no);
  font-size: 16px;
}
body:has([id="div-options-main-container"]) font[size="4"] {
  font-size: 15px;
}
body:has([id="div-options-main-container"]) textarea {
  width: 100%;
  max-width: 620px;
}

/* R05b (2.0) - Division Options, Tish 21 Oct:
   - "Convert to ..." links are silver bullet buttons, so they stand out
     from the example links; Cancel Division is a red outlined button.
     They still go to the same warning page first (drawTypeWarn.asp).
   - example links ("Heat Sheet Example", "Classic Plate Dropdown
     Example" ...) are small outlined buttons with an eye icon.
   - option text in the Third Place / Consolation boxes is one size
     smaller and regular weight (400), not bold. No box highlights. */
body:has([id="div-options-main-container"]) td:has(> p > strong > a[href^="drawTypeWarn.asp" i]) {
  padding: 12px 8px;
}
body:has([id="div-options-main-container"]) td:has(> p > strong > a[href^="drawTypeWarn.asp" i]) > p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
}
body:has([id="div-options-main-container"]) td:has(> p > strong > a[href^="drawTypeWarn.asp" i]) > p > br {
  display: none;
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  border: 1px solid var(--d-silver-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--d-silver-top) 0%, var(--d-silver-bot) 100%);
  box-shadow: var(--d-shadow-btn), inset 0 1px 0 var(--d-card);
  color: var(--d-silver-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i]::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--d-silver-ink);
  color: var(--d-card);
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f074";
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i]:hover {
  background: linear-gradient(180deg, var(--d-silver-bot) 0%, var(--d-silver-hover) 100%);
  color: var(--d-silver-ink);
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i][href*="PROCESS=CANCEL" i] {
  border-color: var(--d-no);
  background: var(--d-card);
  color: var(--d-no);
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i][href*="PROCESS=CANCEL" i]::before {
  background: var(--d-no);
  content: "\f00d";
}
body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i][href*="PROCESS=CANCEL" i]:hover {
  background: var(--d-no-bg);
  color: var(--d-no-hover);
}
body:has([id="div-options-main-container"]) a[href*="r2sports.com/site/" i]:not([href*="r2bracketFormats" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 2px;
  padding: 3px 10px;
  border: 1px solid var(--d-line);
  border-radius: 999px;
  background: var(--d-card);
  color: var(--d-link);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}
body:has([id="div-options-main-container"]) a[href*="r2sports.com/site/" i]:not([href*="r2bracketFormats" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f06e";
}
body:has([id="div-options-main-container"]) a[href*="r2sports.com/site/" i]:not([href*="r2bracketFormats" i]):hover {
  border-color: var(--d-accent);
  background: var(--d-step);
  color: var(--d-link-hover);
}
body:has([id="div-options-main-container"]) td:has(> p > strong > a[href^="drawTypeWarn.asp" i]) a[href*="r2sports.com/site/" i] {
  margin: 0;
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] > font[size="1"] {
  font-size: 13px;
  line-height: 1.45;
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] > font[size="1"] > strong {
  color: var(--d-ink);
  font-weight: 400;
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] > font[size="1"] > strong > font[color="#FF0000" i] {
  color: var(--d-muted);
  font-size: 12px;
}
body:has([id="div-options-main-container"]) td[bgcolor="#CCCCCC" i] > font[size="1"] input[type="radio" i] {
  margin: 0 6px 0 0;
  vertical-align: -2px;
}

/* R06 (2.0) - Edit Draw by Seeding (left side, viewdivplayers.asp).
   The brackets on the right (drawOut) use their own stylesheet and are
   not touched. Seed boxes, Reset All Seeds and UPDATE SEEDING keep their
   names and scripts; UPDATE SEEDING is drawn as a button.
   2.5 (Tish, 22 Oct): this list sits in a narrow column beside the
   bracket, so it is compact but readable: seed box 5 characters wide,
   names 12.5px at normal weight, From / Time of Entry / Comment 11px,
   smaller Reset All Seeds and UPDATE SEEDING buttons. */
body:has(a[href^="javascript:updateDraw" i]) form[name="form1"] > table[bordercolor="#000033" i] {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-max);
  margin: 12px auto;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(a[href^="javascript:updateDraw" i]) form[name="form1"] > table[bordercolor="#000033" i] > tbody > tr > td {
  padding: 6px 8px 10px;
  border: 0;
}
body:has(a[href^="javascript:updateDraw" i]) form[name="form1"] > table[bordercolor="#000033" i] > tbody > tr > td > table {
  width: 100%;
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FFFFFF" i] {
  padding: 6px 4px 10px;
  color: var(--d-muted);
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FFFFFF" i] > font {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FEF3C7" i] {
  padding: 8px 4px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FEF3C7" i] div {
  color: var(--d-band-ink);
  font-size: 14px;
  text-align: left;
}
body:has(a[href^="javascript:updateDraw" i]) table[width="100%"] {
  border-collapse: collapse;
}
body:has(a[href^="javascript:updateDraw" i]) tr[bgcolor="#FEF3C7" i] > td {
  padding: 6px 4px;
  border-bottom: 1px solid var(--d-line);
  background: var(--d-card);
}
body:has(a[href^="javascript:updateDraw" i]) tr[bgcolor="#FEF3C7" i] > td :is(font, b, div) {
  color: var(--d-muted);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td {
  padding: 5px 4px;
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-card);
  vertical-align: middle;
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td font[size="2"] {
  color: var(--d-ink);
  font-size: 12.5px;
  font-weight: 400;
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td font[size="2"] b {
  font-weight: 400;
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td font[size="1"] {
  font-size: 11px;
  line-height: 1.35;
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td p {
  margin: 0;
  color: var(--d-muted);
}
body:has(a[href^="javascript:updateDraw" i]) tr[valign="top"] > td font[color="#006600" i] {
  color: var(--d-yes);
}
body:has(a[href^="javascript:updateDraw" i]) form[name="form1"] td input[name^="seed" i][name] {
  box-sizing: border-box;
  width: calc(5ch + 12px) !important;
  min-width: 0;
  min-height: 26px;
  padding: 3px 4px;
  font-size: 12px;
  text-align: center;
}
body:has(a[href^="javascript:updateDraw" i]) form[name="form1"] td[colspan="3"][bgcolor="#FFFFFF" i] input[type="button" i][name] {
  min-height: 0;
  padding: 4px 10px;
  font-size: 12px;
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FFFFCC" i] {
  padding: 12px 4px 4px;
  border-top: 1px solid var(--d-line-soft);
  border-bottom: 0;
  background: var(--d-card);
}
body:has(a[href^="javascript:updateDraw" i]) td[colspan="3"][bgcolor="#FFFFCC" i] p {
  margin: 0;
}
body:has(a[href^="javascript:updateDraw" i]) a[href^="javascript:updateDraw" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  text-decoration: none;
}
body:has(a[href^="javascript:updateDraw" i]) a[href^="javascript:updateDraw" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f0e8";
}
body:has(a[href^="javascript:updateDraw" i]) a[href^="javascript:updateDraw" i] :is(font, strong) {
  color: var(--d-accent-ink);
  font-size: 12.5px;
  letter-spacing: 0.02em;
}
body:has(a[href^="javascript:updateDraw" i]) a[href^="javascript:updateDraw" i]:hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}

/* R07 (2.0) - Edit Partners: Doubles Teams list (doublesTeams.asp).
   A white card; team rows separated by lines; player links keep their
   edit page and get a small pencil icon. */
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 {
  max-width: var(--d-max);
  margin: 6px auto 12px;
  color: var(--d-nav);
  font-size: 18px;
  text-align: center;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 > font {
  display: block;
  margin-top: -14px;
  color: var(--d-muted);
  font-size: 13px;
  font-weight: 400;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 + table[bordercolor="#FF6600" i] {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-max);
  margin: 0 auto 16px;
  padding: 6px 12px 12px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 + table[bordercolor="#FF6600" i] > tbody > tr > td {
  border: 0;
  background: var(--d-card);
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 + table[bordercolor="#FF6600" i] > tbody > tr:first-child > td {
  padding: 8px 4px;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 + table[bordercolor="#FF6600" i] > tbody > tr:first-child > td div {
  text-align: left;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 + table[bordercolor="#FF6600" i] > tbody > tr:first-child > td font {
  color: var(--d-band-ink);
  font-size: 15px;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) table[cellspacing="4"] {
  border-collapse: collapse;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#000066" i] > td {
  padding: 8px 6px;
  border-bottom: 1px solid var(--d-line);
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#000066" i] > td div {
  text-align: left;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#000066" i] > td :is(font, b) {
  color: var(--d-muted);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#FFFFFF" i] > td {
  height: auto;
  padding: 9px 6px;
  border-top: 1px solid var(--d-line-soft);
  vertical-align: middle;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#FFFFFF" i] h6 {
  margin: 0;
  color: var(--d-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#FFFFFF" i] h6 b {
  color: var(--d-ink);
  font-size: 13.5px;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#FFFFFF" i] > td:first-child h6 {
  color: var(--d-ink);
  font-weight: 700;
}
/* 2.4 (meeting): Unpaired Players (doublesUnpaired.asp) has the same
   layout, so it gets the same card. The orange frame is gone; "Select a
   partner for: NAME" is a quiet line with the name in bold; each name is
   a link with a small add icon; partner notes ("Unknown partner",
   "Need partner" ...) are muted; Remove Unknown Players is a small red
   button. */
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 font font,
body:has(> div > h1 + table[bordercolor="#FF6600" i]) > div > h1 font strong {
  color: var(--d-nav);
  font-size: 15px;
  font-weight: 700;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="doublesUnpaired.asp" i][href*="UID1" i]:not([href*="clearUnknown" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--d-link);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="doublesUnpaired.asp" i][href*="UID1" i]:not([href*="clearUnknown" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f234";
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#FFFFFF" i] > td + td > font {
  color: var(--d-muted);
  font-size: 12.5px;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) td[bgcolor="#FF0000" i] {
  padding: 10px;
  background: var(--d-card);
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="clearUnknownPlayers" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid var(--d-no);
  border-radius: var(--d-radius-sm);
  color: var(--d-no);
  font-size: 12.5px;
  text-decoration: none;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="clearUnknownPlayers" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  content: "\f1f8";
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="EDIT=YES" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--d-link);
  font-size: 13px;
  text-decoration: none;
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="EDIT=YES" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f303";
}
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="EDIT=YES" i]:has(b:empty)::before,
body:has(> div > h1 + table[bordercolor="#FF6600" i]) a[href*="EDIT=YES" i]:not(:has(b))::before {
  content: none;
}

/* =========================================================================
   PART 12 - GRIDS AND TIMES (2.1, 21 Oct grids meeting)
   Time Grid header, the Set Time / Set Ref court grids, Time Availability
   and View and Set Match(s). Colours are softer shades of the same
   colours (tokens --d-gr-*), so green, yellow and red mean what they did.
   The match boxes inside the Time Grid itself keep their own colours
   (see the note in the README); only the header around them changes.
   ========================================================================= */

:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) {
  background: var(--d-page);
  color: var(--d-ink);
  font-family: var(--d-font);
}
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) p[align="center" i]:has(> font[size="1"] > br ~ br) {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 32px auto 0;
  padding: 14px 16px 0;
  border-top: 1px solid var(--d-line);
  color: var(--d-muted);
  text-align: center;
}
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) p[align="center" i]:has(> font[size="1"] > br ~ br) font {
  font-size: 12px;
}
/* compact menus on the grid pages (meeting: dropdowns take less room) are
   set page by page below. Names, values and scripts are unchanged. */
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_saveRefs" i], a[href^="javascript:f_saveMultiRefs" i], a[href^="javascript:loadGrid" i]) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  padding: 9px 20px;
  border: 0;
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_saveRefs" i], a[href^="javascript:f_saveMultiRefs" i], a[href^="javascript:loadGrid" i]) :is(strong, font, b, i) {
  color: inherit;
  font-size: inherit;
}
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_saveRefs" i], a[href^="javascript:f_saveMultiRefs" i], a[href^="javascript:loadGrid" i]):hover {
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
:where(body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a[href^="javascript:f_saveRefs" i], a[href^="javascript:f_saveMultiRefs" i])::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 13px;
  content: "\f508";
}

/* G01 - Time Grid header (courtgrid/timeGrid.asp). "So big and just so
   blah": the header was a fixed 175px block. It is now one compact bar
   that stays at the top while the grid scrolls (sticky instead of fixed,
   so it only takes the room it needs). Hide / show still works. */
body:has([id="menu_timegrid"]) #top_banner {
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 0 0 10px;
  background: var(--d-card);
  box-shadow: 0 1px 0 var(--d-line), var(--d-shadow);
  font-family: var(--d-font);
}
body:has([id="menu_timegrid"]) #top_banner > table {
  height: auto;
  border-spacing: 0;
  background: var(--d-card);
}
body:has([id="menu_timegrid"]) #top_banner > table > tbody > tr > td {
  padding: 0;
}
body:has([id="menu_timegrid"]) #time_grid {
  position: static;
  width: auto;
  border-bottom: 0;
  background: var(--d-card);
}
body:has([id="menu_timegrid"]) #time_grid > table,
body:has([id="menu_timegrid"]) #time_grid > table > tbody {
  display: block;
  width: 100%;
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  padding: 8px 16px;
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr + tr {
  padding-top: 0;
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr > td {
  display: block;
  height: auto;
  padding: 0;
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr > td:empty {
  display: none;
}
body:has([id="menu_timegrid"]) #time_grid p,
body:has([id="menu_timegrid"]) #time_grid h2 {
  margin: 0;
  color: var(--d-ink);
  font-size: 13px;
  font-weight: 600;
}
body:has([id="menu_timegrid"]) #time_grid br {
  display: none;
}
/* the three menu links: Print Grid, Director Home, Multi Update */
body:has([id="menu_timegrid"]) #menu_timegrid table {
  border: 0;
  border-spacing: 0;
  background: transparent;
}
body:has([id="menu_timegrid"]) #menu_timegrid tbody {
  display: flex;
  gap: 6px;
}
body:has([id="menu_timegrid"]) #menu_timegrid tr,
body:has([id="menu_timegrid"]) #menu_timegrid td {
  display: block;
  padding: 0;
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 {
  font-size: 0;
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border: 1px solid var(--d-line);
  border-radius: 999px;
  background: var(--d-card);
  color: var(--d-link);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a i {
  color: var(--d-accent);
}
/* Update: [code] [#] on one line */
body:has([id="menu_timegrid"]) #time_grid td > p:has(> select[name="matchFindDivID" i]) {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
/* Filters: one row - Start day time, End day time, max on row, clubs, Show */
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card {
  height: auto;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card table {
  border-spacing: 0;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card > table,
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card > table > tbody,
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card > table > tbody > tr,
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card td[valign="top"] > table,
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card td[valign="top"] > table > tbody {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card td[valign="top"] > table > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card td {
  padding: 0;
  vertical-align: middle;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card td table td {
  padding: 0 2px;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  order: 9;
  color: var(--d-muted);
  font-size: 0;
}

body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i] {
  margin: 0;
  white-space: nowrap;
  padding: 6px 14px;
  font-size: 13px;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i]::after {
  content: "Show Grid";
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card > table > tbody > tr > td:first-child {
  order: 9;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card p {
  color: var(--d-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card a[href*="gridClubID=" i] {
  color: var(--d-link);
  font-weight: 700;
}
/* the light yellow on the selected day in the day menus stays, softer */
body:has([id="menu_timegrid"]) select option[style*="#FFFF00" i] {
  background-color: var(--d-gr-yellow) !important;
}
/* Unassigned courts: small soft-yellow tags (same colour, softer) */
body:has([id="menu_timegrid"]) #unassignedCourts table {
  border-spacing: 6px 0;
}
body:has([id="menu_timegrid"]) #unassignedCourts td {
  padding: 0;
}
body:has([id="menu_timegrid"]) form[name="form1"] #unassignedCourts td[bgcolor="#FFFF00" i] {
  padding: 3px 10px;
  border: 1px solid var(--d-gr-yellow-line);
  border-radius: 999px;
  background: var(--d-gr-yellow);
  color: var(--d-gr-yellow-ink);
}
body:has([id="menu_timegrid"]) #unassignedCourts td[bgcolor="#FFFF00" i] :is(p, b) {
  color: var(--d-gr-yellow-ink);
  font-size: 12.5px;
}
body:has([id="menu_timegrid"]) #unassignedCourts font[color="#FF0000" i] {
  color: var(--d-no);
}
body:has([id="menu_timegrid"]) #unassignedCourts font[color="#FF0000" i] strong::before {
  margin-right: 6px;
  font-family: var(--d-icons);
  font-weight: 900;
  content: "\f071";
}
/* hide / show the header: a small pill at the end of the bar */
body:has([id="menu_timegrid"]) a[href*="showHide" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--d-line);
  border-radius: 999px;
  background: var(--d-card);
  color: var(--d-muted);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
body:has([id="menu_timegrid"]) a[href*="showHide(0)" i]::after {
  content: "Hide header";
}
body:has([id="menu_timegrid"]) a[href*="showHide(1)" i]::after {
  content: "Show header";
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr:last-child {
  justify-content: flex-end;
  margin-top: -36px;
  padding-top: 0;
  pointer-events: none;
}
body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr:last-child a {
  pointer-events: auto;
}
body:has([id="menu_timegrid"]) #main_grid {
  padding: 0 8px;
}

body:has([id="menu_timegrid"]) #top_banner select {
  min-height: 28px;
  margin: 1px 3px 1px 0;
  padding: 3px 6px;
  font-size: 13px;
}
body:has([id="menu_timegrid"]) #top_banner input[name="matchesPerLine" i] {
  width: 52px;
  min-height: 28px;
  padding: 3px 6px;
  font-size: 13px;
}
body:has([id="menu_timegrid"]) #menu_timegrid table {
  border: 0;
  background: transparent;
}
body:has([id="menu_timegrid"]) #top_banner h2 {
  color: var(--d-ink);
}

/* G02 - Set Time and Set Ref court grids (courtgrid/courtgridin.asp) */
body:has(form[name="form3" i]) > div[align="center" i] > table:first-child {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 0 auto 10px;
  padding: 10px 14px;
  border: 1px solid var(--d-line);
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[name="form3" i]) > div[align="center" i] > table:first-child > tbody > tr > td {
  padding: 4px 10px;
  vertical-align: middle;
}
body:has(form[name="form3" i]) > div[align="center" i] > table:first-child > tbody > tr > td:first-child {
  text-align: left;
}
body:has(form[name="form3" i]) > div[align="center" i] > table:first-child font[size="4"] {
  color: var(--d-nav);
  font-size: 18px;
}
body:has(form[name="form3" i]) > div[align="center" i] > table:first-child font[size="3"] {
  color: var(--d-muted);
  font-size: 13.5px;
}
body:has(form[name="form3" i]) a[href*="PRINT=YES" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
body:has(form[name="form3" i]) a[href*="PRINT=YES" i]:hover {
  background: var(--d-row-hover);
}
body:has(form[name="form3" i]) form[name="form3" i] table {
  border-spacing: 0;
}
body:has(form[name="form3" i]) form[name="form3" i] td {
  padding: 2px 0;
  text-align: right;
}
body:has(form[name="form3" i]) form[name="form3" i] font[size="2"] {
  color: var(--d-muted);
  font-size: 12.5px;
  font-weight: 600;
}
body:has(form[name="form3" i]) > div > p[align="center" i]:has(> font[color="#FF0000" i]) {
  margin: 8px 0 12px;
}
body:has(form[name="form3" i]) > div > p[align="center" i] > font[color="#FF0000" i] {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--d-gr-red-mid);
  border-radius: 999px;
  background: var(--d-gr-red);
  color: var(--d-gr-red-ink);
  font-size: 13px;
  font-weight: 600;
}
/* Set Ref: the instructions box (red border) is a white card */
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 0 auto 6px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] td {
  border: 0;
  color: var(--d-ink);
  font-size: 13.5px;
  line-height: 1.5;
  text-align: left;
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody > tr > td {
  padding: 12px 16px;
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody > tr > td + td {
  border-left: 1px solid var(--d-line-soft);
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] :is(font[size="3"]) {
  color: var(--d-band-ink);
  font-size: 15px;
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] font[color="ff0000" i] {
  display: inline-block;
  margin-top: 4px;
  color: var(--d-no);
  font-weight: 600;
}
body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] i {
  color: var(--d-accent);
}
body:has(form[name="form3" i]) form[name="multiRef" i] td {
  padding: 3px 4px;
  vertical-align: middle;
}
body:has(form[name="form3" i]) form[name="multiRef" i] tr > td:first-child:not([colspan]) {
  padding-right: 15px;
  color: var(--d-ink);
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
/* the grid itself: soft header row and time columns, thin lines */
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] {
  border: 1px solid var(--d-gr-line);
  border-collapse: collapse;
  background: var(--d-card);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td {
  border: 1px solid var(--d-gr-line);
  background: var(--d-card);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td[bgcolor="#CCCCCC" i] {
  background: var(--d-gr-head);
  color: var(--d-gr-head-ink);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child > td {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 6px 4px;
  border-bottom: 2px solid var(--d-band-line);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child font[size="4"] {
  color: var(--d-gr-head-ink);
  font-size: 15px;
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child font[size="4"] strong::before {
  margin-right: 4px;
  color: var(--d-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  content: "COURT";
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td[width="64"] {
  padding: 6px;
  font-weight: 700;
  white-space: nowrap;
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td[width="64"] font {
  font-size: 12px;
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] input[name^="hourNum" i] {
  width: 70px;
  min-height: 24px;
  padding: 2px 4px;
  border-color: var(--d-gr-line);
  background: var(--d-gr-head);
  font-size: 12px;
}
body:has(form[name="form3" i]) table.grid-match-card {
  width: 100%;
  border-spacing: 0;
  background: transparent;
}
body:has(form[name="form3" i]) table.grid-match-card td {
  padding: 2px;
}
body:has(form[name="form3" i]) form[name] select[name] {
  min-height: 28px;
  margin: 1px 3px 1px 0;
  padding: 3px 6px;
  font-size: 13px;
}
body:has(form[name="form3" i]) form[name] input[type="text" i][name] {
  min-height: 28px;
  padding: 3px 7px;
  font-size: 13px;
}
body:has(form[name="form3" i]) form[name="form3"] input[type="submit" i][name] {
  min-height: 28px;
  margin: 1px 0;
  padding: 3px 12px 3px 30px;
  background-position: 11px 50%;
  background-size: 12px 12px;
  font-size: 12.5px;
}
body:has(form[name="form3" i]) form[name="form1"] table.grid-match-card select[name] {
  min-height: 26px;
  margin: 1px 1px;
  padding: 2px 3px;
  font-size: 12px;
}
body:has(form[name="form3" i]) form[name="form1"] > font > a[href^="javascript:" i] {
  margin-top: 14px;
}

/* G03 - Time Availability (scheduling/timePlanDisplay.asp) */
body:has(.timePlanContainer) .timePlanContainer > h1 {
  margin: 10px 0 2px;
  color: var(--d-nav);
  font-size: 20px;
}
body:has(.timePlanContainer) .timePlanContainer > p .style3 font {
  color: var(--d-muted);
  font-size: 13.5px;
  font-weight: 400;
}
body:has(.timePlanContainer) .timePlanContainer > table[width="700"] {
  width: 100%;
  max-width: var(--d-max);
  border-spacing: 0;
}
body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody > tr > td {
  padding: 8px;
  vertical-align: top;
}
/* left: instructions and the scheduling links */
body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody > tr > td:first-child {
  width: 42%;
}
/* 2.4 (meeting): the right panel gives back room to the instructions;
   the day table scrolls inside its card if it runs out of space */
body:has(.timePlanContainer) table[width="218"] > tbody > tr > td[width="113"] {
  max-width: 420px;
  overflow-x: auto;
}
body:has(.timePlanContainer) table[width="218"] td[width="83"] {
  display: none;
}
body:has(.timePlanContainer) table[width="297"] > tbody > tr > td {
  font-size: 14px;
}
body:has(.timePlanContainer) table[width="297"] table a {
  font-size: 14.5px;
}
body:has(.timePlanContainer) table[width="297"] {
  width: 100%;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(.timePlanContainer) table[width="297"] > tbody > tr > td {
  padding: 14px 16px;
  border: 0;
  color: var(--d-muted);
  font-size: 13px;
  text-align: left;
}
body:has(.timePlanContainer) table[width="297"] > tbody > tr > td > font strong {
  display: block;
  margin-bottom: 4px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--d-band-line);
  color: var(--d-band-ink);
  font-size: 15px;
}
body:has(.timePlanContainer) table[width="297"] table {
  margin-top: 8px;
  border: 0;
  border-collapse: collapse;
}
body:has(.timePlanContainer) table[width="297"] table td {
  padding: 0;
  border: 0;
  border-top: 1px solid var(--d-line-soft);
}
body:has(.timePlanContainer) table[width="297"] table p {
  margin: 0;
}
body:has(.timePlanContainer) table[width="297"] table a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 4px;
  color: var(--d-link);
  font-size: 13.5px;
  text-decoration: none;
}
body:has(.timePlanContainer) table[width="297"] table a::before {
  width: 16px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 13px;
  text-align: center;
  content: "\f105";
}
body:has(.timePlanContainer) table[width="297"] table a[href*="tourneyMatches.asp" i]::before { content: "\f0ae"; }
body:has(.timePlanContainer) table[width="297"] table a[href*="memMatchSearch.asp" i]::before { content: "\f002"; }
body:has(.timePlanContainer) table[width="297"] table a[href*="mediaMatchResults.asp" i]::before { content: "\f0c0"; }
body:has(.timePlanContainer) table[width="297"] table a[href*="nextMatch.asp" i]::before { content: "\f017"; }
body:has(.timePlanContainer) table[width="297"] table a[href*="training-videos" i]::before { content: "\f144"; }
body:has(.timePlanContainer) table[width="297"] table a[href*="createJSONschedMatches" i]::before { content: "\f544"; }
/* Reset Match Times was orange (caution): red text with a warning icon */
body:has(.timePlanContainer) table[width="297"] table a[href*="resetTimeGrid.asp" i] {
  color: var(--d-no);
}
body:has(.timePlanContainer) table[width="297"] table a[href*="resetTimeGrid.asp" i]::before {
  color: var(--d-no);
  content: "\f071";
}
/* right: capacity, the day table and the graph */
body:has(.timePlanContainer) table[width="218"] {
  float: none;
  width: 100%;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(.timePlanContainer) table[width="218"] > tbody > tr > td {
  padding: 10px 14px;
  border: 0;
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-card);
}
body:has(.timePlanContainer) table[width="218"] > tbody > tr:first-child > td {
  border-top: 0;
}
body:has(.timePlanContainer) table[width="218"] table {
  border: 0;
  background: transparent;
}
body:has(.timePlanContainer) table[width="218"] table td {
  border: 0;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor] {
  background: transparent;
}
body:has(.timePlanContainer) table[width="218"] td[height="20"] p {
  margin: 0 0 6px;
  color: var(--d-ink);
  font-size: 13px;
}
body:has(.timePlanContainer) table[width="218"] td[height="20"] p font[size="3"] {
  color: var(--d-nav);
  font-size: 20px;
}
/* capacity bar: a rounded track, the fill keeps its colour (softer) */
body:has(.timePlanContainer) table[width="218"] table[bordercolor="#000033" i] {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 999px;
  background: var(--d-line-soft);
}
body:has(.timePlanContainer) table[width="218"] table[bordercolor="#000033" i] td {
  height: 12px;
  padding: 0;
  background: var(--d-line-soft);
  font-size: 0;
}
body:has(.timePlanContainer) table[width="218"] table[bordercolor="#000033" i] td[bgcolor="#FF0000" i] { background: var(--d-gr-red-mid); }
body:has(.timePlanContainer) table[width="218"] table[bordercolor="#000033" i] td[bgcolor="#FFFF00" i] { background: var(--d-gr-amber-mid); }
body:has(.timePlanContainer) table[width="218"] table[bordercolor="#000033" i] td[bgcolor="#00FF00" i] { background: var(--d-gr-green-mid); }
/* Match(s) Needed / Available */
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#CCCCCC" i] > td {
  padding: 6px 4px;
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-card);
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#CCCCCC" i] p {
  margin: 0;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#CCCCCC" i] p :is(font, strong) {
  color: var(--d-ink);
  font-size: 13px;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#CCCCCC" i] > td[bgcolor="#FFFFCC" i] {
  color: var(--d-nav);
  font-size: 16px;
}
body:has(.timePlanContainer) table[width="218"] td[height="26"] {
  text-align: left;
}
body:has(.timePlanContainer) table[width="218"] td[height="26"] font[size="2"] {
  color: var(--d-band-ink);
  font-size: 15px;
}
body:has(.timePlanContainer) table[width="218"] td[height="26"] a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: var(--d-link);
  font-size: 13px;
}
body:has(.timePlanContainer) table[width="218"] td[height="26"] a::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 12px;
  content: "\f080";
}
/* the day table: header row, soft % colours, totals, and each icon gets
   its name under it (meeting: all the links in the time module, with text) */
body:has(.timePlanContainer) table[width="94"] {
  width: 100%;
  border-collapse: collapse;
}
body:has(.timePlanContainer) table[width="94"] td {
  width: auto;
  padding: 6px 5px;
  border-bottom: 1px solid var(--d-line-soft);
  background: var(--d-card);
  color: var(--d-ink);
  text-align: center;
  vertical-align: middle;
}
body:has(.timePlanContainer) table[width="94"] font[size="1"] {
  font-size: 12px;
}
body:has(.timePlanContainer) table[width="94"] tr[bgcolor="#FFFFCC" i] > td {
  padding-bottom: 7px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-muted);
  font-weight: 700;
  line-height: 1.25;
}
body:has(.timePlanContainer) table[width="94"] tr[bgcolor="#FFFFCC" i] > td font {
  font-size: 11px;
}
body:has(.timePlanContainer) table[width="94"] tr:not([bgcolor="#FFFFCC" i]) > td[bgcolor="#FFFFCC" i] {
  color: var(--d-ink);
  text-align: left;
}
body:has(.timePlanContainer) table[width="94"] td[bgcolor="#00FF00" i] { background: var(--d-gr-green); color: var(--d-gr-green-ink); font-weight: 700; }
body:has(.timePlanContainer) table[width="94"] td[bgcolor="#FFFF00" i] { background: var(--d-gr-yellow); color: var(--d-gr-yellow-ink); font-weight: 700; }
body:has(.timePlanContainer) table[width="94"] td[bgcolor="#FF0000" i] { background: var(--d-gr-red); color: var(--d-gr-red-ink); font-weight: 700; }
body:has(.timePlanContainer) table[width="94"] tr[bgcolor="#000033" i] > td[bgcolor="#0000FF" i] {
  border-bottom: 0;
  background: var(--d-gr-blue);
  color: var(--d-gr-blue-ink);
  font-weight: 700;
}
body:has(.timePlanContainer) table[width="94"] tr[bgcolor="#000033" i] > td font[color="#FFFFFF" i] {
  color: var(--d-gr-blue-ink);
}
body:has(.timePlanContainer) table[width="94"] td a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 46px;
  padding: 5px 4px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-link);
  font-size: 15px;
  text-decoration: none;
}
body:has(.timePlanContainer) table[width="94"] td a:hover {
  border-color: var(--d-accent);
  background: var(--d-row-hover);
}
body:has(.timePlanContainer) table[width="94"] td a:empty,
body:has(.timePlanContainer) table[width="94"] td > a:not(:has(i)) {
  display: none;
}
body:has(.timePlanContainer) table[width="94"] td a::after {
  color: var(--d-ink);
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}
body:has(.timePlanContainer) table[width="94"] td a[href*="fromPage=manual" i]::after { content: "Set Time"; }
body:has(.timePlanContainer) table[width="94"] td a[href*="fromPage=setRefs" i]::after { content: "Set Ref"; }
body:has(.timePlanContainer) table[width="94"] td a[href*="memMatchSearch.asp" i]::after { content: "Report"; }
body:has(.timePlanContainer) table[width="94"] td a[href*="selectTime.asp" i]::after { content: "Score Card"; }
body:has(.timePlanContainer) table[width="94"] td a[href*="timeGrid.asp" i][href*="PRINT" i]::after { content: "Print"; }
body:has(.timePlanContainer) table[width="94"] td a[href*="timeGrid.asp" i]:not([href*="PRINT" i])::after { content: "View"; }
/* the small bar graph */
body:has(.timePlanContainer) table[width="218"] td[width="83"] {
  color: var(--d-muted);
}
/* GRAPH COLORS legend: navy header becomes the usual underlined heading,
   the bright swatches become the softer shades */
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#000066" i] > td {
  padding: 4px 0 6px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  text-align: left;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#000066" i] div,
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#000066" i] font {
  color: var(--d-band-ink);
  font-size: 13px;
  text-align: left;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#000066" i] p {
  margin: 0;
}
body:has(.timePlanContainer) table[width="218"] td[width="42"],
body:has(.timePlanContainer) table[width="218"] tr:has(> td[width="203"]) ~ tr > td:first-child {
  width: 28px;
  border-radius: 4px;
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#FFFFFF" i] > td[bgcolor="#00FF00" i] { background: var(--d-gr-green-mid); }
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#FFFFFF" i] > td[bgcolor="#FFFF00" i] { background: var(--d-gr-amber-mid); }
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#FFFFFF" i] > td[bgcolor="#FF0000" i] { background: var(--d-gr-red-mid); }
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#FFFFFF" i]:has(> td[bgcolor]) > td {
  padding: 6px;
  border-top: 4px solid var(--d-card);
}
body:has(.timePlanContainer) table[width="218"] tr[bgcolor="#FFFFFF" i]:has(> td[bgcolor]) p {
  margin: 0;
  color: var(--d-muted);
  font-size: 12.5px;
  text-align: left;
}

/* G04 - View and Set Match(s) (tourneyMatches.asp). The Championship
   file turns these blocks into public start-time cards; here they are
   division cards with one row per match. */
body:has(> table[width="950"] input[name="numAllMatches" i]) > table[width="950"] {
  width: 100%;
  max-width: var(--d-max);
  background: transparent;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) > table[width="950"] > tbody > tr > td {
  padding: 0;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) > table[width="950"] > tbody > tr > td > h2 {
  margin: 10px 0 12px;
  color: var(--d-nav);
  font-size: 16px;
  line-height: 1.35;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) > table[width="950"] > tbody > tr > td > h2 font[color] {
  color: var(--d-nav);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] {
  color: var(--d-muted);
  font-size: 13px;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > br {
  display: none;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] input[type="text" i] {
  width: 52px;
  min-height: 26px;
  padding: 2px 6px;
  border-color: var(--d-line);
  background: var(--d-gr-grey) !important;
  color: var(--d-ink);
  font-weight: 700;
  text-align: center;
}
/* All / Scheduled / Unscheduled: three tabs, the current one (yellow)
   in the soft yellow */
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] {
  margin: 12px auto 16px;
  border-collapse: separate;
  border-spacing: 8px 0;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] td {
  padding: 6px 12px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  text-align: center;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] td[bgcolor="#FFFF00" i] {
  border-color: var(--d-gr-yellow-line);
  background: var(--d-gr-yellow);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] a {
  color: var(--d-link);
  font-size: 13.5px;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] td[bgcolor="#FFFF00" i] a {
  color: var(--d-gr-yellow-ink);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) [id="start-times"] > table[width="750"] {
  width: 100%;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) [id="start-times"] > table[width="750"] > tbody > tr > td {
  padding: 0;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player {
  margin: 0 0 16px;
  padding: 4px 16px 12px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
  text-align: left;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player h2 {
  margin: 0;
  padding: 10px 0 8px;
  border-top: 0;
  color: var(--d-muted);
  font-size: 12px;
  font-weight: 400;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player h2:first-child {
  border-bottom: 2px solid var(--d-band-line);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player h2:first-child a:any-link {
  color: var(--d-band-ink);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player h2 + h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  font-size: 12.5px;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table {
  width: 100%;
  border-collapse: collapse;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td {
  display: table-cell;
  padding: 7px 8px;
  border: 0;
  border-top: 1px solid var(--d-line-soft);
  border-radius: 0;
  background: transparent;
  vertical-align: middle;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr[bgcolor="#E8E8E8" i] {
  background: var(--d-gr-grey);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr[bgcolor="#9BFFFF" i] {
  background: var(--d-gr-cyan);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr[bgcolor="#E8E8E8" i] > td {
  background: var(--d-gr-grey);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr[bgcolor="#9BFFFF" i] > td {
  background: var(--d-gr-cyan);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr[bgcolor="#9BFFFF" i] > td:first-child {
  box-shadow: inset 3px 0 0 var(--d-gr-cyan-line);
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table h1 {
  margin: 0;
  color: var(--d-nav);
  font-size: 12px;
  white-space: nowrap;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table p {
  margin: 0;
  color: var(--d-ink);
  font-size: 12px;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td:nth-child(2) p {
  color: var(--d-muted);
  white-space: nowrap;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td:nth-child(4) p {
  color: var(--d-no);
  font-size: 12px;
}
/* Set Time(s) is an action, so it is a small button with a clock */
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player a[href^="javascript:setMatchTime" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player a[href^="javascript:setMatchTime" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f017";
}
body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player a[href^="javascript:setMatchTime" i]:hover {
  background: var(--d-row-hover);
}

/* G01b (2.3) - Time Grid match boxes (one small table per match, id
   "matchID..."). Design review: modern colours with more contrast, and
   less boxy. Each box is a rounded card: a strong-colour header (match,
   round, clock) over white name rows. Colours keep their meaning:
     blue = both players known     orange = waiting on a player
     yellow = live now             grey = finished
     pink = ended, result not in   purple = blocked time
   Court headings are white with a coloured bar (one colour per club)
   instead of filled squares; the time column is plain text. The purple
   rollover on boxes, headings and times stays switched off. */
body:has([id="menu_timegrid"]) #tblMain {
  border-collapse: separate;
  border-spacing: 6px;
}
body:has([id="menu_timegrid"]) #tblMain td[id^="clubCourt"] {
  padding: 6px 4px 7px;
  border: 0;
  border-bottom: 3px solid var(--d-club-1);
  border-radius: 0;
  background-color: var(--d-card) !important;
  color: var(--d-gbtn-ink) !important;
  font-size: 15px;
  font-weight: 700;
}
body:has([id="menu_timegrid"]) #tblMain td[id^="clubCourt"][bgcolor="#00FFFF" i] {
  border-bottom-color: var(--d-club-2);
}
body:has([id="menu_timegrid"]) #tblMain td[id^="clubCourt"] font,
body:has([id="menu_timegrid"]) #tblMain td[id^="clubCourt"] a {
  color: var(--d-link);
  font-size: 11px;
  font-weight: 600;
}
body:has([id="menu_timegrid"]) #tblMain td[id^="clubCourt"] table {
  margin: 2px auto 0;
  border-spacing: 2px;
}
body:has([id="menu_timegrid"]) #tblMain > tbody > tr > td:nth-child(2),
body:has([id="menu_timegrid"]) #tblMain > tbody > tr > td:nth-child(3) {
  border: 0 !important;
  background-color: transparent !important;
  color: var(--d-muted) !important;
}
body:has([id="menu_timegrid"]) #tblMain > tbody > tr > td:nth-child(3) {
  padding-right: 8px;
  text-align: right;
}
body:has([id="menu_timegrid"]) #tblMain > tbody > tr > td:nth-child(3) p {
  margin: 0;
  color: var(--d-gbtn-ink);
  font-size: 12.5px !important;
  white-space: nowrap;
}
body:has([id="menu_timegrid"]) #tblMain > tbody > tr > td:nth-child(3) a {
  color: var(--d-muted);
}
body:has([id="menu_timegrid"]) #tblMain td[id^="gridPosition"] {
  min-width: 124px;
  padding: 2px;
  border: 1px solid var(--d-line) !important;
  border-radius: var(--d-radius);
  background: var(--d-tg-slot);
  vertical-align: top;
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-tg-shadow);
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] td {
  padding: 3px 7px;
  color: var(--d-ink);
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] table td {
  padding: 0;
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] a {
  color: inherit;
  text-decoration: none;
}
/* header rows (the match line and the round line) in the strong colour */
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor] > td {
  color: var(--d-tg-on-strong);
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#2694D8" i] { background: var(--d-tg-ready); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#FF9900" i] { background: var(--d-tg-wait); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#d3d3d3" i] { background: var(--d-tg-done); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#ff33ff" i] { background: var(--d-tg-ended); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#b532cb" i] { background: var(--d-tg-block); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#f1ec5f" i] { background: var(--d-tg-live); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr:is([style*="700"], .squish-row)[bgcolor="#f1ec5f" i] > td { color: var(--d-tg-live-ink); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] .squish-row td td {
  color: inherit;
}
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] a[href^="javascript:setMatchTime" i] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--d-tg-on-strong);
  color: var(--d-tg-ready);
  font-size: 11px;
}
/* name rows: white, or a light tint of the box colour */
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"] { background: var(--d-card); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"][bgcolor="#f1ec5f" i] { background: var(--d-tg-live-tint); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"][bgcolor="#d3d3d3" i] { background: var(--d-tg-done-tint); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"][bgcolor="#ff33ff" i] { background: var(--d-tg-ended-tint); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"][bgcolor="#b532cb" i] { background: var(--d-tg-block-tint); }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] tr[style*="500"] + tr[style*="500"] > td {
  border-top: 1px solid var(--d-tg-divider);
}

/* G05 (2.2) - Set Match Time(s) (courtgrid/setMatchTime.asp): the
   matches being scheduled on the left, the day's grid on the right, and
   the colour legend under it. Grid colours are softer shades with the
   same meanings as the legend; the thick black lines are thin ones. */
body:has(select[name="gridNum" i]) form[name="form1"] > table {
  border-spacing: 0;
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td {
  padding: 8px 10px;
  vertical-align: top;
}
/* left: one card */
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table {
  width: 100%;
  max-width: 520px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr > td {
  padding: 7px 14px;
  background: var(--d-card);
  color: var(--d-ink);
  font-size: 13.5px;
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr > td:empty,
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr:has(> td:only-child > div:empty) {
  padding: 0;
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr > td > div[align="right"] {
  padding-right: 5px;
  white-space: nowrap;
}
body:has(select[name="gridNum" i]) table[width="500"] {
  width: 100%;
}
body:has(select[name="gridNum" i]) table[width="500"] h2 {
  margin: 4px 0;
  color: var(--d-nav);
  font-size: 18px;
  text-align: left;
}
body:has(select[name="gridNum" i]) a[href^="javascript:window.close" i],
body:has(select[name="gridNum" i]) table[width="500"] a[href]:not([href^="javascript:" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-link);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
}
body:has(select[name="gridNum" i]) a[href^="javascript:window.close" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f00d";
}
/* the matches being scheduled (grey band): a light list */
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr[bgcolor="#CCCCCC" i] > td {
  padding-top: 0;
  border-top: 2px solid var(--d-band-line);
  border-bottom: 1px solid var(--d-line-soft);
  background: var(--d-gr-head);
  line-height: 1.6;
}
body:has(select[name="gridNum" i]) tr[bgcolor="#CCCCCC" i] font[color="006600" i],
body:has(select[name="gridNum" i]) tr[bgcolor="#FFFFCC" i] font[color="#006600" i] {
  color: var(--d-yes);
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr[bgcolor="#FFFFCC" i] > td {
  background: var(--d-card);
}
body:has(select[name="gridNum" i]) a[href^="javascript:unscheduleTimes" i] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  padding: 4px 11px;
  border: 1px solid var(--d-no);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
  color: var(--d-no);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
}
body:has(select[name="gridNum" i]) a[href^="javascript:unscheduleTimes" i] img {
  display: none;
}
body:has(select[name="gridNum" i]) a[href^="javascript:unscheduleTimes" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 11px;
  content: "\f1f8";
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table img[src*="check.gif" i] {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
}
/* Match Participants: the usual underlined heading; each participant a
   light grey row, each division a white row with its green link */
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr[bgcolor="#00FFFF" i] > td {
  padding-top: 14px;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-band-ink);
  font-size: 15px;
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr[bgcolor="#DFDFDF" i] > td {
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-gr-head);
}
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table font[size="2"] {
  font-size: 13px;
}
/* right: the grid */
body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td + td > font[size="5"] {
  display: inline-block;
  margin: 2px 0 8px;
  color: var(--d-nav);
  font-size: 18px;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] {
  border: 1px solid var(--d-gr-line);
  border-collapse: collapse;
  background: var(--d-card);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td {
  min-width: 52px;
  padding: 4px 5px;
  border: 1px solid var(--d-gr-line);
  background-color: var(--d-card);
  color: var(--d-ink);
  vertical-align: middle;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td:first-child {
  min-width: 0;
}
/* the thick black lines written into the page become thin blue / grey */
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] td[style*="border-bottom" i] {
  border-bottom: 2px solid var(--d-band-line) !important;
  background-color: var(--d-gr-head) !important;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] td[style*="border-right" i] {
  border-right: 2px solid var(--d-gr-line) !important;
  white-space: nowrap;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] td[style*="border-left:3.0pt solid" i] {
  border-left: 2px solid var(--d-gr-line) !important;
  color: var(--d-muted);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] td[style*="dashed" i] {
  border-left: 2px dashed var(--d-no) !important;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] font[size="3"] {
  font-size: 13px;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] font[color="#006600" i] {
  color: var(--d-yes);
  font-size: 12.5px;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] font[color="#FF0000" i] {
  color: var(--d-no);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] tr[bgcolor="#ffff00" i] > td {
  background-color: var(--d-gr-yellow);
  font-size: 12px;
}
/* clock = schedule here: a small round button */
body:has(select[name="gridNum" i]) a[href^="javascript: f_finish3" i] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--d-accent);
  border-radius: 50%;
  background: var(--d-card);
  color: var(--d-accent);
  font-size: 12px;
  text-decoration: none;
}
body:has(select[name="gridNum" i]) a[href^="javascript: f_finish3" i]:hover {
  background: var(--d-accent);
  color: var(--d-accent-ink);
}
/* grid and legend colours (2.3): modern fill + strong left edge, same
   meanings as the legend */
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#00FF00" i] { background-color: var(--d-st-now) !important; box-shadow: inset 4px 0 0 var(--d-st-now-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#00FFFF" i] { background-color: var(--d-st-round) !important; box-shadow: inset 4px 0 0 var(--d-st-round-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FFD2FF" i] { background-color: var(--d-st-before) !important; box-shadow: inset 4px 0 0 var(--d-st-before-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#C58AFF" i] { background-color: var(--d-st-after) !important; box-shadow: inset 4px 0 0 var(--d-st-after-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FF9900" i] { background-color: var(--d-st-multi) !important; box-shadow: inset 4px 0 0 var(--d-st-multi-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FFD89D" i] { background-color: var(--d-st-drop) !important; box-shadow: inset 4px 0 0 var(--d-st-drop-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#CCCCCC" i] { background-color: var(--d-st-taken) !important; box-shadow: inset 4px 0 0 var(--d-st-taken-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FF0000" i] { background-color: var(--d-st-cannot) !important; box-shadow: inset 4px 0 0 var(--d-st-cannot-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FFFF00" i] { background-color: var(--d-st-personal) !important; box-shadow: inset 4px 0 0 var(--d-st-personal-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FF99FF" i] { background-color: var(--d-st-blocked) !important; box-shadow: inset 4px 0 0 var(--d-st-blocked-line); }
body:has(select[name="gridNum" i]) form[name="form1"] table td[bgcolor="#FFD89D" i] { box-shadow: inset 4px 0 0 var(--d-st-drop-line), inset 0 0 0 1px var(--d-st-drop-line); }
/* the legend: a white card, swatches as small rounded squares */
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] {
  max-width: 560px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] > tbody > tr > td {
  padding: 10px 14px;
  border: 0;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] > tbody > tr:first-child > td {
  border-bottom: 2px solid var(--d-band-line);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] > tbody > tr:first-child div {
  color: var(--d-band-ink);
  font-size: 15px;
  text-align: left;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table {
  border-spacing: 0 6px;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table td {
  padding: 3px 8px;
  border: 0;
  border-radius: 0;
  background-color: var(--d-card);
  color: var(--d-ink);
  font-size: 13px;
  line-height: 1.4;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table td + td {
  width: auto;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table td[bgcolor] {
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  border: 1px solid var(--d-st-swatch-line);
  border-radius: 5px;
  color: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table td[bgcolor] i {
  visibility: hidden;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[bordercolor="#000066" i] table td:has(> div > i.fa-clock) {
  color: var(--d-accent);
}

/* G05b (2.3) - less boxy grids (design review). The Set Match Time grid
   and the Set Time / Set Ref court grid lose their square table frame:
   rounded cells with a little space between them, plain court numbers
   and times. Thick lines written into the page are switched off. */
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] {
  border: 0;
  border-collapse: separate;
  border-spacing: 4px;
  background: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td {
  border: 1px solid var(--d-line) !important;
  border-radius: var(--d-radius-sm);
  background-color: var(--d-tg-slot);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td[style*="border-bottom" i] {
  padding-bottom: 6px;
  border-bottom: 3px solid var(--d-gbtn-ink) !important;
  border-radius: 0;
  background-color: transparent !important;
  color: var(--d-gbtn-ink);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td[style*="border-right" i] {
  border-right: 0 !important;
  background-color: transparent;
  text-align: right;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td[style*="border-left:3.0pt solid" i] {
  background-color: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td[style*="dashed" i] {
  border-left: 2px dashed var(--d-st-cannot-line) !important;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr:first-child > td {
  background-color: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr > td:first-child {
  background-color: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] a[href*="drawOut.asp" i] font {
  color: var(--d-gbtn-ink);
  font-weight: 700;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] a[href*="setMatchTime.asp" i] font {
  color: var(--d-muted);
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr[bgcolor="#ffff00" i] {
  background: transparent;
}
body:has(select[name="gridNum" i]) form[name="form1"] table[width="1"][bgcolor="#CCCCCC" i] > tbody > tr[bgcolor="#ffff00" i] > td {
  background-color: transparent;
  color: var(--d-muted);
}
/* court grid (Set Time / Set Ref) */
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] {
  border: 0;
  border-collapse: separate;
  border-spacing: 4px;
  background: transparent;
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td {
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius-sm);
  background: var(--d-card);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr > td[bgcolor="#CCCCCC" i] {
  border: 0;
  background: transparent;
  color: var(--d-gbtn-ink);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child > td {
  border: 0;
  border-bottom: 3px solid var(--d-gbtn-ink);
  border-radius: 0;
  background: var(--d-card);
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child > td:first-child,
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] > tbody > tr:first-child > td:last-child {
  border-bottom: 0;
}
body:has(form[name="form3" i]) table[width="134"][bordercolor="#333333" i] input[name^="hourNum" i] {
  border-color: var(--d-line-soft);
  background: var(--d-tg-slot);
}

/* G07 (2.3) - grid buttons (design review). Print Grid, Director Home,
   Multi Update / Set Refs: darker silver at rest; on hover the button
   turns white and its icon red. Show Grid: a white button with a dark
   outline, dark label and a larger eye icon. Same hover / pressed look
   on all of them. */
body:has([id="menu_timegrid"]) #menu_timegrid h2 a,
body:has([id="menu_timegrid"]) a[href^="javascript:setRefs" i],
body:has(form[name="form3" i]) a[href*="PRINT=YES" i] {
  border: 1px solid var(--d-gbtn-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--d-gbtn-top) 0%, var(--d-gbtn-bot) 100%);
  box-shadow: var(--d-shadow-btn), inset 0 1px 0 var(--d-card);
  color: var(--d-gbtn-ink);
  transition: background-color 0.12s, color 0.12s;
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a i,
body:has([id="menu_timegrid"]) a[href^="javascript:setRefs" i] i,
body:has(form[name="form3" i]) a[href*="PRINT=YES" i] i {
  color: var(--d-gbtn-ink);
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a:hover,
body:has([id="menu_timegrid"]) a[href^="javascript:setRefs" i]:hover,
body:has(form[name="form3" i]) a[href*="PRINT=YES" i]:hover {
  background: var(--d-card);
  color: var(--d-gbtn-ink);
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a:hover i,
body:has([id="menu_timegrid"]) a[href^="javascript:setRefs" i]:hover i,
body:has(form[name="form3" i]) a[href*="PRINT=YES" i]:hover i {
  color: var(--d-no);
}
body:has([id="menu_timegrid"]) #menu_timegrid h2 a:active,
body:has([id="menu_timegrid"]) a[href^="javascript:setRefs" i]:active,
body:has(form[name="form3" i]) a[href*="PRINT=YES" i]:active {
  background: var(--d-gbtn-bot);
  box-shadow: none;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i] {
  gap: 8px;
  padding: 6px 16px;
  border: 1.5px solid var(--d-gbtn-dark);
  border-radius: 999px;
  background: var(--d-card);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-gbtn-dark);
  font-size: 13px;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i] i {
  display: none;
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i]::before {
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 16px;
  content: "\f06e";
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i]:hover {
  background: var(--d-card);
  color: var(--d-gbtn-dark);
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i]:hover::before {
  color: var(--d-no);
}
body:has([id="menu_timegrid"]) #top_banner .grid-filters-card h2 a[href^="javascript:loadGrid" i]:active {
  background: var(--d-gbtn-top);
}

/* G08 (2.3) - picture icons become Font Awesome (design review): the
   old status pictures are hidden and drawn as icons in the same place,
   green for yes / on and red for no / off. Links and scripts unchanged;
   when a script swaps the picture (check-in), the icon follows it. */
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src*="turned-on" i], [src*="turned-off" i], [src*="turned-disabled" i], [src*="checkIn.gif" i], [src*="checkOut.gif" i], [src$="/check.gif" i], [src="check.gif" i], [src*="nocheck.gif" i], [src*="QRcode.gif" i], [src$="/on.png" i], [src="on.png" i], [src$="/off.png" i], [src="off.png" i])) > img {
  display: none;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src*="turned-on" i], [src*="turned-off" i], [src*="turned-disabled" i], [src*="checkIn.gif" i], [src*="checkOut.gif" i], [src$="/check.gif" i], [src="check.gif" i], [src*="nocheck.gif" i], [src*="QRcode.gif" i], [src$="/on.png" i], [src="on.png" i], [src$="/off.png" i], [src="off.png" i]))::before {
  display: inline-block;
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  vertical-align: -2px;
}
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="turned-on" i])::before { color: var(--d-yes); content: "\f03d"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="turned-off" i])::before { color: var(--d-no); content: "\f4e2"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="turned-disabled" i])::before { color: var(--d-muted); content: "\f4e2"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="turned-on" i])::after { margin-left: 4px; color: var(--d-yes); font-size: 11px; font-weight: 700; content: "On"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="turned-off" i])::after { margin-left: 4px; color: var(--d-no); font-size: 11px; font-weight: 700; content: "Off"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src*="checkIn.gif" i], [src$="/check.gif" i], [src="check.gif" i]))::before { color: var(--d-yes); content: "\f058"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src*="checkOut.gif" i], [src*="nocheck.gif" i]))::before { color: var(--d-no); content: "\f057"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child[src*="QRcode.gif" i])::before { color: var(--d-gbtn-ink); content: "\f029"; cursor: pointer; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src$="/on.png" i], [src="on.png" i]))::before { color: var(--d-yes); font-size: 20px; content: "\f205"; }
:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])), body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i]), body:has([id="menu_timegrid"]), body:has(form[name="form3" i]), body:has(.timePlanContainer), body:has(> table[width="950"] input[name="numAllMatches" i]), body:has(select[name="gridNum" i])) :is(a, font, div, span):has(> img:only-child:is([src$="/off.png" i], [src="off.png" i]))::before { color: var(--d-no); font-size: 20px; content: "\f204"; }
/* Event Setup keeps picture links plain, so its on / off switches are
   named here with enough weight */
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/on.png" i], [src="on.png" i]))::before {
  display: inline-block;
  color: var(--d-yes);
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  content: "\f205";
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/off.png" i], [src="off.png" i]))::before {
  display: inline-block;
  color: var(--d-no);
  font-family: var(--d-icons);
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  content: "\f204";
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/on.png" i], [src="on.png" i]))::after,
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/off.png" i], [src="off.png" i]))::after {
  margin-left: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  vertical-align: 3px;
}
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/on.png" i], [src="on.png" i]))::after { color: var(--d-yes); content: "ON"; }
body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) td[bgcolor="#FFFFFF" i] a[href]:has(> img:only-child:is([src$="/off.png" i], [src="off.png" i]))::after { color: var(--d-no); content: "OFF"; }
body:has([id="menu_timegrid"]) #tblMain table[id^="matchID"] a:has(> img:only-child[src*="check" i]) {
  margin-right: 4px;
}


/* =========================================================================
   PART 6 - PHONES, TABLETS AND SMALL WINDOWS
   2.4: these rules now start at 900px wide, so tablets (portrait) stack
   the columns too, not only phones. Inside the director frames they work
   once dirtourney.asp has the viewport line (included in the 2.4 ZIP).
   ========================================================================= */
@media (max-width: 900px) {
  /* Top menu: smaller items; the bar scrolls sideways */
  body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a {
    padding: 0 9px;
    font-size: 13px;
  }
  body:has(#mainMenu a[target="mainFrame" i]) > table > tbody > tr > td:first-child {
    padding: 0 8px 0 10px;
  }
  body:has(#mainMenu a[target="mainFrame" i]) font[face] {
    padding: 0 12px;
    font-size: 14px;
  }

  /* Setup pages */
  :is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) {
    padding: 14px 12px 40px;
  }
  :is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) h1 {
    font-size: 21px;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]),
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i],
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] > tbody > tr > td > table > tbody > tr > td {
    display: block;
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
    overflow-wrap: anywhere;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
    padding-bottom: 2px;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] {
    padding-top: 2px;
    border-top: 0;
    overflow-x: auto;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr:last-child > td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) {
    border-bottom-left-radius: 0;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor="#000066" i] tr:last-child > td[bgcolor="#EAEAEA" i] {
    border-bottom-left-radius: 7px;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form td[width="220"] {
    display: none;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td:has(> p > a[href^="setupOptions.asp" i]) > p {
    text-align: left;
  }
  /* fields never wider than the phone screen (vw keeps tables from growing) */
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] :is(input:not([type]), input[type=""], input[type="text" i], input[type="number" i], input[type="email" i], input[type="tel" i], input[type="password" i], input[type="date" i], select, textarea) {
    max-width: calc(100vw - 72px);
  }
  :is(:is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])), body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i]))) :is(a[href^="javascript:f_finish" i], a[href^="javascript:validate_finish" i]) {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }

  /* other setup pages: wide grids scroll inside their own box */
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) table[bordercolor]:not([bordercolor="#000066" i]):not([bordercolor="#000033" i]) {
    display: block;
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }

  /* Upload pages: boxes never wider than the phone */
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) :is(select, input, textarea) {
    max-width: calc(100vw - 80px);
  }
  /* (the three :not() parts only raise priority over E12; they match everything) */
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) :is(table, tbody, tr, td):not([data-r2-a]):not([data-r2-b]):not([data-r2-c]) {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    overflow: visible;
  }
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) table td {
    overflow-wrap: anywhere;
  }
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) :is(h1, h2, p, div) {
    max-width: 100%;
  }

  /* Additional Info and Logins: the boxes stack instead of scrolling */
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) :is(table, tbody, tr, td):not([data-r2-a]):not([data-r2-b]):not([data-r2-c]) {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    overflow: visible;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) td {
    overflow-wrap: anywhere;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) td :is(p, div)[align="right" i] {
    text-align: left;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) :is(input, select, textarea) {
    max-width: calc(100vw - 80px);
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) > table:first-child > tbody > tr > td {
    padding: 12px;
  }

  /* 1.6: stacked labels read from the left */
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]),
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#FFFFFF" i]:has(+ td[bgcolor="#EAEAEA" i]) :is(div, p),
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#CCCCCC" i],
  body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i]) td[bgcolor="#CCCCCC" i] :is(div, p),
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) td[bgcolor="#000066" i],
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) form:is([action^="addInfo.asp" i], [action^="loginEdit.asp" i]) td[bgcolor="#000066" i] :is(div, p) {
    text-align: left;
  }
  :is(body:has(a[href^="setupOptions.asp" i]):not(:has(form[name="daysOfWeek" i], input[name="wasGridSeq" i])), body:has(form[enctype="multipart/form-data" i]):has(a[href*="tourneySetup/setupOptions.asp" i])) td[bgcolor="#EAEAEA" i] {
    padding-left: 14px;
  }

  /* Director Home: the cards stack, logo above the event info */
  body:has(a[href*="fixes-updates.asp" i]) {
    padding: 14px 12px 32px;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(a[href*="fixes-updates.asp" i]) > tbody > tr {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) :is(tbody, tr) {
    display: block;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) tr {
    display: flex;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) tr:first-child {
    flex-wrap: wrap;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td {
    display: block;
    overflow-wrap: anywhere;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td[rowspan] {
    flex: 1 0 100%;
    width: auto;
    padding: 0 0 12px;
  }
  body:has(a[href*="fixes-updates.asp" i]) > div > table[bgcolor="#ffffff" i]:has(img[name="Picture" i]) td:has(> div > strong) {
    flex: 0 0 96px;
    width: auto;
    padding-left: 0;
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table td:has(> b > a) {
    width: auto;
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:has(> td > b > a) {
    display: grid;
    grid-template-columns: 36px 1fr;
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:has(> td > b > a) > td {
    display: block;
    border-top: 0;
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:has(> td > b > a) > td:first-child {
    grid-row: span 2;
    border-top: 1px solid var(--d-line-soft);
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:has(> td > b > a) > td:nth-child(2) {
    padding-bottom: 0;
    border-top: 1px solid var(--d-line-soft);
  }
  body:has(a[href*="fixes-updates.asp" i]) table[bordercolor="#000033" i] table tr:has(> td > b > a) > td:nth-child(3) {
    padding-top: 0;
  }

  /* 1.7 Live Event, Printing, Accounting, Stats: side-by-side boxes stack;
     wide lists scroll inside their own card */
  :where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) {
    padding: 14px 12px 32px;
  }
  :where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) h1 {
    font-size: 19px;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table,
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody,
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr,
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td,
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i],
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody,
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr,
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr > td,
  body:has(img[src^="chart_" i]) > div > table,
  body:has(img[src^="chart_" i]) > div > table > tbody,
  body:has(img[src^="chart_" i]) > div > table > tbody > tr,
  body:has(img[src^="chart_" i]) > div > table > tbody > tr > td,
  body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type,
  body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody,
  body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody > tr,
  body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody > tr > th,
  body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2),
  body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) > tbody,
  body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) > tbody > tr,
  body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) > tbody > tr > td,
  body:has(form[name="labels" i]) form > table,
  body:has(form[name="labels" i]) form > table > tbody,
  body:has(form[name="labels" i]) form > table > tbody > tr,
  body:has(form[name="labels" i]) form > table > tbody > tr > td,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table > tbody,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table > tbody > tr,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table > tbody > tr > td,
  body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table,
  body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table > tbody,
  body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table > tbody > tr,
  body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]) form > div > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i],
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i] > tbody > tr > td:has(> table),
  body:has(img[src^="chart_" i]) > div > table > tbody > tr > td:has(> table),
  body:has(form[action^="checkinList.asp" i]) > div > table:first-of-type > tbody > tr > th,
  body:has(select[name="matchSummaryOption" i]) form > table:nth-of-type(2) > tbody > tr > td {
    margin: 0 0 14px;
  }
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[bordercolor="#000066" i],
  body:has(img[src^="chart_" i]) > div > table,
  body:has(a[href^="mediaResultOptions.asp" i]) > table[width] {
    border-spacing: 0;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"],
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] > tbody,
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] > tbody > tr {
    display: block;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px;
    padding: 4px 12px;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] td {
    display: block;
    width: auto;
    padding: 2px 0;
  }
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] td:empty,
  body:has(a[href^="mediaResultOptions.asp" i]) > table > tbody > tr > td[scope="col" i] table[width="470"] td:first-child {
    display: none;
  }
  body:has(a[href^="viewMemberDues.asp?PRINT" i]) > div > table,
  body:has(a[href*="secure/tourney/viewAccounting.asp" i]) > div > table[bordercolor],
  body:has(form[action^="viewPaymentTypes.asp" i]) form > table,
  body:has(form[action^="checkinList.asp" i]) form > table[bordercolor],
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) form > table,
  body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]) > div > table[bordercolor],
  body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) form > table,
  body:has(img[src^="chart_" i]) form > table,
  body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]) > div > table[width="820"],
  body:has(form[action^="viewPaymentTypes.asp" i]) > table {
    display: block;
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }
  body:has(img[src^="chart_" i]) > div > table > tbody > tr > td:has(> table) {
    overflow-x: auto;
  }
  body:has(form[action^="checkinList.asp" i]) th > form > table,
  body:has(form[action^="checkinList.asp" i]) th > form > table > tbody,
  body:has(form[action^="checkinList.asp" i]) th > form > table > tbody > tr,
  body:has(form[action^="checkinList.asp" i]) th > form > table > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has(form[action^="checkinList.asp" i]) th > form > table > tbody > tr > td {
    margin-bottom: 10px;
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table table[width="400"],
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table table[width="400"] > tbody {
    display: block;
    width: auto;
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table table[width="400"] > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
  }
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] {
    display: block;
  }
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] > tbody,
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) table[width="121"] > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child,
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child > tbody,
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child > tbody > tr,
  body:has(a[href^="checkinDesk.asp?sortLetter" i]) > div > table:first-child > tbody > tr > td {
    display: block;
    width: auto;
    text-align: center;
  }
  :where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) :is(select, input:not([type="checkbox" i]):not([type="radio" i]), textarea) {
    max-width: calc(100vw - 72px);
  }
  :where(body:has(a[href^="mediaResultOptions.asp" i]), body:has(form[action^="printAll.asp" i]), body:has(a[href*="viewPaymentTypes.asp" i]):has(a[href*="viewFeesDiscounts.asp" i]), body:has(img[src^="chart_" i]), body:has(a[href^="viewMemberDues.asp?PRINT" i]), body:has(select[name="resultsOption" i]), body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]), body:has(a[href*="secure/tourney/viewAccounting.asp" i]), body:has(form[action^="viewPaymentTypes.asp" i]), body:has(form[action^="checkinList.asp" i]), body:has(a[href^="checkinDesk.asp?sortLetter" i]), body:has(select[name="list2" i]):has(input[name="bigDraw" i]), body:has(form[name="labels" i]), body:has(a[href^="../tourneySetup/setCourts.asp" i]):has(table[width="590" i]), body:has(select[name="gridStartDate" i]):has(input[name="scorecardSort" i]), body:has(select[name="matchSummaryOption" i]), body:has(> div[id="content"] table[id="mainTable1" i]), body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])), body:has([id="participants-sort-table"]):has([id="start-times"]), body:has([id="conflicts-grid"]):has(input[type="submit" i]), body:has(a[href^="javascript:f_check()" i]):not(:has(select[name="myselect" i])), body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]), body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]), body:has(form[name="divList" i]), body:has(a[href*="newDivision=singles" i]), body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]), body:has(a[target="drawMain" i]), body:has([id="div-options-main-container"]), body:has(a[href^="javascript:updateDraw" i]), body:has(> div > h1 + table[bordercolor="#FF6600" i])) img[src^="chart_" i] {
    max-width: calc(100vw - 72px);
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table select[multiple] {
    width: 100%;
    min-width: 0;
    height: 220px;
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[align="CENTER" i] {
    display: flex;
    justify-content: center;
    gap: 6px;
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) form > table td[align="CENTER" i] input[type="button" i] {
    margin: 0;
  }
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > table,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > table > tbody,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > table > tbody > tr,
  body:has(select[name="list2" i]):has(input[name="bigDraw" i]) > table > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has(select[name="matchSummaryOption" i]) form > table:last-of-type,
  body:has(select[name="matchSummaryOption" i]) form > table:last-of-type > tbody,
  body:has(select[name="matchSummaryOption" i]) form > table:last-of-type > tbody > tr,
  body:has(select[name="matchSummaryOption" i]) form > table:last-of-type th {
    display: block;
    text-align: left;
  }
  body:has(select[name="matchSummaryOption" i]) form table table {
    display: block;
  }
  body:has(select[name="matchSummaryOption" i]) form table table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  /* 1.8 Participants: the menu cards stack; comment rows stack */
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor],
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr > td,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] > table,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] > table > tbody,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] > table > tbody > tr,
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
  }
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr > td {
    margin: 0 0 14px;
  }
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) > div > table[bordercolor] > tbody > tr > td > table > tbody > tr > td > table {
    width: 100%;
    min-width: 0;
  }
  body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="myform" i] select[size] {
    width: 100%;
    min-height: 150px;
  }
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid > tbody,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid > tbody > tr,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid > tbody > tr > td,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table > tbody,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table > tbody > tr,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table > tbody > tr > td,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions > tbody,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions > tbody > tr,
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
  }
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-grid :is(p, div)[align="right" i] {
    text-align: left;
  }
  body:has([id="conflicts-grid"]):has(input[type="submit" i]) #conflicts-instructions blockquote {
    margin: 6px 4px;
  }
  body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) table[width="650"] {
    display: block;
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }
  body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor],
  body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor] > tbody,
  body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor] > tbody > tr,
  body:has(a[href*="doublesOnly=YES" i]):has(tr[bgcolor="#CCCCCC" i]) > table[bgcolor] > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor],
  body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor] > tbody,
  body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor] > tbody > tr,
  body:has([id="participants-sort-table"]):has([id="start-times"]) > table[bgcolor] > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has([id="participants-sort-table"]):has([id="start-times"]) #start-times {
    padding: 6px 10px 10px;
  }

  /* 1.9 Divisions: top boxes stack, the division grid scrolls in its card */
  body:has(form[name="divList" i]) > table[bgcolor],
  body:has(form[name="divList" i]) > table[bgcolor] > tbody,
  body:has(form[name="divList" i]) > table[bgcolor] > tbody > tr,
  body:has(form[name="divList" i]) > table[bgcolor] > tbody > tr > td,
  body:has(form[name="divList" i]) table[width="800"],
  body:has(form[name="divList" i]) table[width="800"] > tbody,
  body:has(form[name="divList" i]) table[width="800"] > tbody > tr,
  body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
  }
  body:has(form[name="divList" i]) table[width="800"] > tbody > tr > td {
    margin: 0 0 12px;
  }
  body:has(form[name="divList" i]) [id="divList"] > div > table,
  body:has(a[href*="newDivision=singles" i]) > table[bordercolor],
  body:has(form[action*="setDivClub.asp" i][action*="conflictDiv=YES" i]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] {
    display: block;
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }
  body:has(form[name="divList" i]) > table:not([bgcolor]),
  body:has(form[name="divList" i]) > table:not([bgcolor]) > tbody,
  body:has(form[name="divList" i]) > table:not([bgcolor]) > tbody > tr,
  body:has(form[name="divList" i]) > table:not([bgcolor]) > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has(a[href*="newDivision=singles" i]) > table[width="700"],
  body:has(a[href*="newDivision=singles" i]) > table[width="700"] > tbody,
  body:has(a[href*="newDivision=singles" i]) > table[width="700"] > tbody > tr,
  body:has(a[href*="newDivision=singles" i]) > table[width="700"] > tbody > tr > td {
    display: block;
    width: auto;
    margin-bottom: 6px;
  }
  body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child,
  body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child > tbody {
    display: block;
  }
  body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  body:has([id="div-options-main-container"]) > div > table[bgcolor="#000066" i]:first-child td {
    display: block;
  }
  body:has([id="div-options-main-container"]) [id="div-options-main-container"],
  body:has([id="div-options-main-container"]) [id="div-options-main-container"] > tbody,
  body:has([id="div-options-main-container"]) [id="div-options-main-container"] > tbody > tr,
  body:has([id="div-options-main-container"]) [id="div-options-main-container"] > tbody > tr > td,
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"],
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] > tbody,
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] > tbody > tr:not([style*="display" i]),
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] > tbody > tr > td,
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"],
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"] > tbody,
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"] > tbody > tr:not([style*="display" i]),
  body:has([id="div-options-main-container"]) [id="div-options-inner-container"] table[border="1"] > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
  }

  /* 2.0 Division Options: long Convert / example buttons may wrap */
  body:has([id="div-options-main-container"]) a[href^="drawTypeWarn.asp" i],
  body:has([id="div-options-main-container"]) a[href*="r2sports.com/site/" i]:not([href*="r2bracketFormats" i]) {
    white-space: normal;
  }
  /* 2.0 Division Options: the option grid (question | choices) stacks.
     The newspaper-column reset above is stronger than the 1.9 phone rule,
     so this repeats it with the same reach. Hidden rows stay hidden. */
  body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table[border="1"],
  body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table[border="1"] > tbody,
  body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table[border="1"] > tbody > tr:not([style*="display" i]),
  body:has([id="div-options-main-container"]) form[name="form1"] table[bordercolor="#FF6600" i][bgcolor="#000066" i] table[border="1"] > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
  }
  /* 2.0 Edit Draw by Seeding / Doubles Teams: tighter columns */
  body:has(a[href^="javascript:updateDraw" i]) tr > td,
  body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr > td {
    padding-right: 3px;
    padding-left: 3px;
  }
  body:has(a[href^="javascript:updateDraw" i]) tr[bgcolor="#FEF3C7" i] > td :is(font, b, div),
  body:has(> div > h1 + table[bordercolor="#FF6600" i]) tr[bgcolor="#000066" i] > td :is(font, b) {
    letter-spacing: 0;
    text-transform: none;
  }

  /* 2.1 Grids: the header bar wraps; wide grids scroll inside their own
     box instead of the whole page; the two Time Availability columns stack */
  body:has([id="menu_timegrid"]) #top_banner > table {
    table-layout: fixed;
  }
  body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr {
    padding-right: 10px;
    padding-left: 10px;
  }
  body:has([id="menu_timegrid"]) #time_grid > table > tbody > tr:last-child {
    margin-top: 0;
  }
  body:has(form[name="form3" i]) > div[align="center" i] > table:first-child,
  body:has(form[name="form3" i]) > div[align="center" i] > table:first-child > tbody,
  body:has(form[name="form3" i]) > div[align="center" i] > table:first-child > tbody > tr,
  body:has(form[name="form3" i]) > div[align="center" i] > table:first-child > tbody > tr > td,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i],
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody > tr,
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
  }
  body:has(form[name="form3" i]) > div > table[bordercolor="#FF0000" i] > tbody > tr > td > table > tbody > tr > td + td {
    border-top: 1px solid var(--d-line-soft);
    border-left: 0;
  }
  body:has(form[name="form3" i]) form[name="form3" i] td {
    text-align: left;
  }
  body:has(form[name="form3" i]) form[name="multiRef" i] input[type="text" i][name] {
    width: 100%;
    max-width: 200px;
  }
  body:has(form[name="form3" i]) form[name="form1"] > table[width="176"] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow-x: auto;
  }
  body:has(form[name="form3" i]) form[name="form1"] > table[width="176"] > tbody,
  body:has(form[name="form3" i]) form[name="form1"] > table[width="176"] > tbody > tr,
  body:has(form[name="form3" i]) form[name="form1"] > table[width="176"] > tbody > tr > td {
    display: block;
    width: max-content;
    height: auto;
  }
  body:has(.timePlanContainer) .timePlanContainer > table[width="700"],
  body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody,
  body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody > tr,
  body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody > tr > td,
  body:has(.timePlanContainer) table[width="218"],
  body:has(.timePlanContainer) table[width="218"] > tbody,
  body:has(.timePlanContainer) table[width="218"] > tbody > tr,
  body:has(.timePlanContainer) table[width="218"] > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
  }
  body:has(.timePlanContainer) .timePlanContainer > table[width="700"] > tbody > tr > td:first-child {
    width: auto;
  }
  body:has(.timePlanContainer) .timePlanContainer td {
    height: auto;
  }
  body:has(.timePlanContainer) table[width="218"] > tbody > tr > td[width="113"] {
    overflow-x: auto;
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"],
  body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] > tbody,
  body:has(> table[width="950"] input[name="numAllMatches" i]) form[name="form1"] > table[width="90%"] > tbody > tr {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player {
    padding-right: 10px;
    padding-left: 10px;
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid var(--d-line-soft);
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td {
    display: block;
    border-top: 0;
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td:nth-child(3) {
    flex: 1 1 100%;
    order: 9;
  }
  body:has(> table[width="950"] input[name="numAllMatches" i]) #start-times-player > table > tbody > tr > td:nth-child(5) {
    display: none;
  }

  /* 2.2 Set Match Time: the two columns stack; the grid scrolls in its box */
  body:has(select[name="gridNum" i]) form[name="form1"] > table,
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody,
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr,
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto;
  }
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td + td {
    overflow-x: auto;
  }
  body:has([id="menu_timegrid"]) #main_grid {
    overflow-x: auto;
  }
  body:has(select[name="gridNum" i]) table[width="500"],
  body:has(select[name="gridNum" i]) table[width="500"] > tbody,
  body:has(select[name="gridNum" i]) table[width="500"] > tbody > tr,
  body:has(select[name="gridNum" i]) table[width="500"] > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has(select[name="gridNum" i]) table[width="500"] div[align="right"] {
    text-align: left;
  }
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr > td > div[align="right"] {
    white-space: normal;
  }
  body:has(select[name="gridNum" i]) select[name="gridNum" i] {
    max-width: 190px;
  }
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td {
    padding-right: 0;
    padding-left: 0;
  }
  body:has(select[name="gridNum" i]) form[name="form1"] > table > tbody > tr > td:first-child > table > tbody > tr > td {
    padding-right: 10px;
    padding-left: 10px;
  }

  /* Hub: the two columns stack */
  body:has(a[href^="setupMainInfo.asp" i]):not(:has(a[href^="setupOptions.asp" i])) > div > table[bordercolor="#000066" i] > tbody > tr {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body:has(#mainMenu a[target="mainFrame" i]) #mainMenu ul li a {
    transition: none;
  }
}


/* =========================================================================
   PART 13 - DRAW PAGES, ROUND ROBIN, MATCH LISTS (2.5, 22 Oct)
   Brackets are not touched: no bracket lines, boxes, sizes or round
   colours change. Only the menu above a draw, the division title, the
   round robin standings / match list, and the match list pages.
   ========================================================================= */

/* M01 - Division menu above a draw (tourneyInclude/drawMenuTop.asp) on
   pages that load this file (drawOut, roundRobin, poolPlay ...). Same
   look as the Division Options tabs: small silver bullet buttons with an
   icon; white with a red icon on hover. The links are unchanged.
   view-bracket.asp and drawIn.asp do not load this file - they get the
   same menu from styles_bracket.asp / styles_drawin.asp. */
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]),
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--d-hub-max);
  margin: 12px auto 16px;
  padding: 0 8px;
  border: 0;
  background: transparent;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody {
  margin: 0;
  padding: 0;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: transparent;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td :is(div, font) {
  display: block;
  margin: 0;
  padding: 0;
  font-size: inherit;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border: 1px solid var(--d-gbtn-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--d-gbtn-top) 0%, var(--d-gbtn-bot) 100%);
  box-shadow: var(--d-shadow-btn), inset 0 1px 0 var(--d-card);
  color: var(--d-gbtn-ink);
  font-family: var(--d-font);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:not(:has(i))::before {
  color: var(--d-gbtn-ink);
  font-family: var(--d-icons);
  font-size: 11px;
  font-weight: 900;
  content: "\f105";
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="addDivPlayer" i]:not(:has(i))::before { content: "\f234"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="importTemplateTimes" i]:not(:has(i))::before { content: "\f56f"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="teamCompRoster" i]:not(:has(i))::before { content: "\f0c0"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="changeDivType" i]:not(:has(i))::before { content: "\f013"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="drawvar=partners" i]:not(:has(i))::before { content: "\f500"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="editBySeeding" i]:not(:has(i))::before { content: "\f162"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="drawVar=updateSeeding" i]:not(:has(i))::before { content: "\f303"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="drawVar=updateWinner" i]:not(:has(i))::before { content: "\f091"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="boardSheet" i]:not(:has(i))::before { content: "\f46d"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="lanePairings" i]:not(:has(i))::before { content: "\f0c0"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:is([href*="updatePlaces" i], [href*="updateDivWinner" i]):not(:has(i))::before { content: "\f5a2"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href^="javascript:resetPlayoffs" i]:not(:has(i))::before { content: "\f2f1"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="indStats" i]:not(:has(i))::before { content: "\f080"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="memMatchSearch" i]:not(:has(i))::before { content: "\f002"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="matchUpSummary" i]:not(:has(i))::before { content: "\f0ec"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="compareEvents" i]:not(:has(i))::before { content: "\f1da"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:is([href*="scorecard" i], [href*="ScoreSheet" i]):not(:has(i))::before { content: "\f46d"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="standings" i]:not(:has(i))::before { content: "\e561"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="drawVar=viewDraw" i]:not(:has(i))::before { content: "\f06e"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="print=YES" i]:not(:has(i))::before { content: "\f02f"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:is([href*="selectTime" i], [href*="fromPage=drawMenu" i]):not(:has(i))::before { content: "\f073"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="viewDrawSwitch" i]:not(:has(i))::before { content: "\f0db"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="finishPicks" i]:not(:has(i))::before { content: "\f0ae"; }
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a i {
  color: var(--d-gbtn-ink);
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:hover {
  background: var(--d-card);
  color: var(--d-gbtn-ink);
}
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:hover::before,
body:not(:has([id="div-options-main-container"])) table[bgcolor="#000066" i]:has(> tbody > tr[bgcolor="#FFFFCC" i] a[href*="divID=" i]) > tbody > tr[bgcolor="#FFFFCC" i] > td a:hover i {
  color: var(--d-no);
}

/* M02 - Draw type next to the division title ("Single Elimination",
   "Round Robin") is a small grey label, as on the public pages */
body:has(table[bgcolor="#000066" i] > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="divID=" i]) a[id="drawStatus"] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 12px;
  border: 1px solid var(--d-line);
  border-radius: 999px;
  background: var(--d-gr-grey);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
body:has(table[bgcolor="#000066" i] > tbody > tr[bgcolor="#FFFFCC" i] > td a[href*="divID=" i]) a[id="drawStatus"]::before {
  color: var(--d-muted);
  font-family: var(--d-icons);
  font-size: 10px;
  font-weight: 900;
  content: "\f0e8";
}

/* M03 - Round robin (roundRobin.asp), both layouts: "by player" (round
   columns) and "by round" (match list). Same layout as the public round
   robin page: big title with the draw-type label under it, standings in
   one white card (seed circles, soft won / lost columns), the match list
   in a second card. Director colours. */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) {
  margin: 0;
  padding: 0;
  background: var(--d-page);
  color: var(--d-ink);
  font-family: var(--d-font);
  font-size: 14px;
  line-height: 1.45;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container {
  box-sizing: border-box;
  max-width: 1280px;
  margin: 0 auto;
  padding: 4px 16px 32px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container :is(table, td, th, div, font, b, strong, a, span) {
  font-family: var(--d-font);
}
/* title */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container > div[align]:first-child {
  margin: 0 0 14px;
  text-align: left;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container > div[align]:first-child > b:has(> font[size="5"]) {
  display: block;
  margin: 4px 0 8px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container > div[align]:first-child > b > font[size="5"] {
  color: var(--d-nav);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.3px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container > div[align]:first-child > font:has(> a[id="drawStatus"]) {
  font-size: 12px;
}

/* 2.7 (Tish, 22 Oct): on a desktop the standings and the match list are
   a 75% wide column in the middle, not the whole screen. The "by player"
   layout with round columns keeps the full width (it needs the room). */
@media (min-width: 901px) {
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > table[width="100%"]:has(table[bordercolor="#000066" i]),
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > div[align] > table[bordercolor="#000066" i] {
    width: 75%;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > div[align]:first-child > b:has(> font[size="5"]),
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > div[align]:first-child > font:has(> a[id="drawStatus"]) {
    display: block;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > a[href^="javascript:setMatchTimeTemp" i]:has(> img[src*="multipleMatches" i]) {
    margin-left: 12.5%;
  }
  /* the space the page writes between the title and the label */
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container:not(:has(table[width="85"])) > div[align]:first-child {
    font-size: 0;
  }
}
/* standings card */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 0 18px;
  overflow-x: auto;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:has(td[bgcolor="#DFFFDF" i]) {
  border-top: 3px solid var(--d-accent);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] > tbody {
  display: table;
  width: 100%;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] > tbody > tr > td {
  padding: 0;
  border: 0;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table {
  width: 100%;
  margin: 0 !important;
  border-collapse: collapse;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] td {
  padding: 8px 10px !important;
  border: 0 !important;
  border-top: 1px solid var(--d-line-soft) !important;
  background: var(--d-card);
  color: var(--d-ink);
  font-size: 13.5px;
  vertical-align: middle;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] > tbody > tr > td {
  padding: 0 !important;
  border: 0 !important;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] td div[align] {
  text-align: inherit;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] font {
  font-size: inherit;
}
/* column headings: soft band, small capitals, no yellow */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr > td[bgcolor="#FFFF00" i],
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#E6E6E6" i] > td,
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#FFFF00" i] > td {
  min-width: 0;
  padding: 7px 10px !important;
  border-top: 0 !important;
  background: var(--d-gr-head);
  color: var(--d-muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr > td[bgcolor="#FFFF00" i] :is(font, strong),
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#E6E6E6" i] > td :is(font, strong),
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#FFFF00" i] > td :is(font, strong),
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#E6E6E6" i] > td:first-child :is(font, strong):not(#r2-none) {
  display: inline;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/* won / lost, scored / against (2.7, Tish 22 Oct: the full green and red
   column fills looked dated). White columns; the numbers are green or
   rose, the headings carry a thin coloured underline, and a light line
   separates the Game(s) and Points groups. */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#E6E6E6" i] > td[bgcolor="#DFFFDF" i] {
  box-shadow: inset 0 -2px 0 var(--d-rr-win);
  color: var(--d-rr-win);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[bgcolor="#E6E6E6" i] > td[bgcolor="#FFE1E1" i] {
  box-shadow: inset 0 -2px 0 var(--d-rr-loss);
  color: var(--d-rr-loss);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr:not([bgcolor="#E6E6E6" i]) > td[bgcolor="#DFFFDF" i] {
  background: var(--d-card);
  color: var(--d-rr-win);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr:not([bgcolor="#E6E6E6" i]) > td[bgcolor="#FFE1E1" i] {
  background: var(--d-card);
  color: var(--d-rr-loss);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] td[bgcolor="#DFFFDF" i] {
  border-left: 1px solid var(--d-rr-divider) !important;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr:not([bgcolor="#E6E6E6" i]) > td:is([bgcolor="#DFFFDF" i], [bgcolor="#FFE1E1" i]) :is(font, strong):not(#r2-none) {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr:not([bgcolor="#E6E6E6" i]) > td:has(+ td[bgcolor="#DFFFDF" i]):not([bgcolor]),
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] td[bgcolor="#FFE1E1" i] + td:not([bgcolor="#DFFFDF" i]) {
  border-left: 1px solid var(--d-rr-divider) !important;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] td[colspan="2"][bgcolor="#FFFF00" i] {
  border-left: 1px solid var(--d-rr-divider) !important;
}
/* seed */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:first-child:has(> div > font[size="4"]) {
  width: 34px;
  text-align: center;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:first-child > div > font[size="4"] {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--d-gr-head);
  color: var(--d-nav);
  font-size: 12px;
  font-weight: 800;
}
/* name, links and home town */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div[align="left" i] strong):not(:has(table[width="85"])) {
  min-width: 160px;
  color: var(--d-muted);
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div[align="left" i] strong):not(:has(table[width="85"])) font[size="1"] {
  font-size: 12px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div[align="left" i] strong):not(:has(table[width="85"])) td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
  color: inherit;
  font-size: inherit;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div[align="left" i] strong):not(:has(table[width="85"])) strong {
  color: var(--d-ink);
  font-size: 14px;
  font-weight: 700;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] font:is([color="ffffff" i], [color="#ffffff" i]) {
  display: inline;
  margin: 0 3px 0 0;
  font-size: 0;
  color: transparent;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td a:has(> i) {
  margin: 0 1px;
  color: var(--d-accent);
  font-size: 11px;
  text-decoration: none;
}
/* place */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div > strong > font:is([color="ff0000" i], [color="#ff0000" i])) {
  color: var(--d-nav);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td > div > strong > font:is([color="ff0000" i], [color="#ff0000" i]) {
  color: inherit;
}
/* round columns ("by player"): opponent, set-time clock, result */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div > font > table[width="85"]) {
  min-width: 92px;
  padding: 7px 8px !important;
  text-align: left;
  vertical-align: top;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] {
  width: auto;
  min-width: 0;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] td {
  padding: 0 4px 0 0 !important;
  border: 0 !important;
  background: transparent;
  font-size: 11.5px;
  vertical-align: top;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] a[href*="updateMatchWinner" i] {
  color: var(--d-link);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] font[color="#006600" i] {
  color: var(--d-yes);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] td[width="17"] font {
  color: var(--d-ink);
  font-weight: 800;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] table[width="85"] td[width="83"] font {
  color: var(--d-muted);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td[bgcolor="#CCCCCC" i] {
  background: var(--d-gr-grey);
  color: var(--d-muted);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td[bgcolor="#CCCCCC" i] table[width="85"] tr:first-child font {
  color: var(--d-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
/* the little clock picture that sets a match time -> clock icon */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href*="setMatchTime.asp" i]:has(> img[src*="matchTime.gif" i]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 3px 2px 0 0;
  border: 1px solid var(--d-line);
  border-radius: 50%;
  background: var(--d-card);
  color: var(--d-gbtn-ink);
  text-decoration: none;
  vertical-align: middle;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href*="setMatchTime.asp" i]:has(> img[src*="matchTime.gif" i])::before {
  font-family: var(--d-icons);
  font-size: 11px;
  font-weight: 900;
  content: "\f017";
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href*="setMatchTime.asp" i]:has(> img[src*="matchTime.gif" i]):hover {
  border-color: var(--d-gbtn-line);
  color: var(--d-no);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href*="setMatchTime.asp" i] > img[src*="matchTime.gif" i] {
  display: none;
}

/* "by round": the legend sits under the standings on the right (the
   public stylesheet lays this out); director colours for its icons */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[cellpad]:has(i.fa-school-flag) td {
  color: var(--d-muted);
  font-size: 12px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[cellpad]:has(i.fa-school-flag) td i {
  color: var(--d-accent);
}
/* "Set Multiple Times" picture button -> blue button with a clock */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href^="javascript:setMatchTimeTemp" i]:has(> img[src*="multipleMatches" i]) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px 10px 0;
  padding: 8px 16px;
  border: 1px solid var(--d-accent);
  border-radius: var(--d-radius-sm);
  background: var(--d-accent);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-accent-ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  vertical-align: middle;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href^="javascript:setMatchTimeTemp" i]:has(> img[src*="multipleMatches" i])::before {
  font-family: var(--d-icons);
  font-size: 13px;
  font-weight: 900;
  content: "\f017";
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href^="javascript:setMatchTimeTemp" i]:has(> img[src*="multipleMatches" i])::after {
  content: "Set Multiple Times";
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href^="javascript:setMatchTimeTemp" i]:has(> img[src*="multipleMatches" i]):hover {
  border-color: var(--d-accent-hover);
  background: var(--d-accent-hover);
  color: var(--d-accent-ink);
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container a[href^="javascript:setMatchTimeTemp" i] > img[src*="multipleMatches" i] {
  display: none;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container input[type="checkbox" i] {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  accent-color: var(--d-accent);
  vertical-align: middle;
}
/* "by round": match list card */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:has(> td.horizontalLine) {
  display: none;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr[bgcolor="#FFFF00" i] > td {
  text-align: left;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td {
  background: var(--d-row-alt);
  font-size: 13px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:has(> td:first-child font[size="3"]) > td {
  border-top: 2px solid var(--d-line) !important;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td:first-child {
  width: 48px;
  color: var(--d-muted);
  font-weight: 700;
  text-align: center;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td:nth-child(2) font[color] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  background: var(--d-gr-head);
  color: var(--d-nav);
  font-size: 12px;
  white-space: nowrap;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td:nth-child(3) font[color="#006600" i] {
  color: var(--d-muted);
  font-size: 12px;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td:nth-child(4) font[color="#006600" i] {
  color: var(--d-yes);
  font-size: 12px;
  font-weight: 600;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) tr:not([bgcolor="#FFFF00" i]) > td:last-child a {
  color: var(--d-link);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
/* footer line: back to one centred row */
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[width="100%"][align="center" i]:not(:has(table)) {
  display: table;
  width: 100%;
  margin: 8px 0 0;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[width="100%"][align="center" i]:not(:has(table)) > tbody {
  display: table-row-group;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[width="100%"][align="center" i]:not(:has(table)) > tbody > tr {
  display: table-row;
}
body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[width="100%"][align="center" i]:not(:has(table)) > tbody > tr > td {
  display: table-cell;
  width: auto;
  color: var(--d-muted);
  font-size: 11px;
  text-align: center;
}

/* M04 - Update Multiple Winners, one division (updateMultiMatches.asp
   from "Update Winners" on a draw, and from a combined division). The
   page fingerprint now covers this version too (2.5); these are the
   extra lines it has. */
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > h2 + h1 {
  max-width: var(--d-max);
  margin: 2px auto 8px;
  color: var(--d-nav);
  font-size: 20px;
  text-align: center;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > h2 + h1 b {
  font-weight: 800;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]):not(:has(form[name="multiMatchForm" i])) > br {
  display: none;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > p:has(> strong > a[href*="drawOut.asp" i]) a::before,
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > strong:has(> a[href^="updateMultiMatches.asp" i]) a::before {
  margin-right: 6px;
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > p:has(> strong > a[href*="drawOut.asp" i]) a::before {
  content: "\f06e";
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > strong:has(> a[href^="updateMultiMatches.asp" i]) {
  display: block;
  max-width: var(--d-max);
  margin: 0 auto 12px;
  text-align: center;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > strong:has(> a[href^="updateMultiMatches.asp" i]) a::before {
  content: "\f03a";
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > strong:has(> a[href^="updateMultiMatches.asp" i]) > br {
  display: none;
}
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > p:has(> strong > a[href*="drawOut.asp" i]) a,
body:has(> a[href^="updateMultiMatches.asp?PRINT=YES" i]) > strong:has(> a[href^="updateMultiMatches.asp" i]) a {
  font-size: 13.5px;
}

/* M05 - Match Search results (memMatchSearch.asp): Match Report from a
   draw, and "all player matches" (Match-Up Summary). The page also loads
   the membership stylesheet, which floats the content to the right; that
   is undone here so the page is centred like the others. */
body:has(> div[id="content"] table[id="mainTable1" i]) #mastheadBlank {
  padding: 0;
}
body:has(> div[id="content"] table[id="mainTable1" i]) #content {
  float: none;
  box-sizing: border-box;
  width: auto;
  max-width: var(--d-hub-max);
  margin: 0 auto;
  padding: 0;
}
body:has(> div[id="content"] table[id="mainTable1" i]) #content h1#pageName {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  padding: 0 0 10px;
  border-bottom: 2px solid var(--d-band-line);
  color: var(--d-nav);
  font-size: 22px;
  text-align: left;
}
body:has(> div[id="content"] table[id="mainTable1" i]) #content h1#pageName img {
  height: 26px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form > table:first-of-type h1 {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--d-muted);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form > table:first-of-type td {
  padding: 6px 0;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form table:has(> tbody > tr > th h2 td[id="recordCount"]) {
  width: 100%;
  margin: 4px 0 10px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form table:has(> tbody > tr > th h2 td[id="recordCount"]) > tbody > tr > th {
  padding: 4px 0;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form table:has(> tbody > tr > th h2 td[id="recordCount"]) h2 {
  margin: 0;
  color: var(--d-ink);
  font-size: 14px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) form table:has(> tbody > tr > th h2 td[id="recordCount"]) h2 > br {
  display: none;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="recordCount"] {
  padding-left: 6px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="recordCount"] font {
  color: var(--d-nav);
  font-size: 15px;
  font-weight: 700;
}
body:has(> div[id="content"] table[id="mainTable1" i]) h2 a:has(> img[src*="print.gif" i]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--d-gbtn-line);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--d-gbtn-top) 0%, var(--d-gbtn-bot) 100%);
  box-shadow: var(--d-shadow-btn);
  color: var(--d-gbtn-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
body:has(> div[id="content"] table[id="mainTable1" i]) h2 a:has(> img[src*="print.gif" i])::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
  content: "\f02f";
}
body:has(> div[id="content"] table[id="mainTable1" i]) h2 a:has(> img[src*="print.gif" i]):hover {
  background: var(--d-card);
}
body:has(> div[id="content"] table[id="mainTable1" i]) h2 a:has(> img[src*="print.gif" i]):hover::before {
  color: var(--d-no);
}
body:has(> div[id="content"] table[id="mainTable1" i]) h2 a > img[src*="print.gif" i] {
  display: none;
}
/* Match-Up Summary (written in by the page script) */
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] {
  padding: 0;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] h1 {
  margin: 14px 0 6px;
  padding: 0;
  border: 0;
  color: var(--d-nav);
  font-size: 16px;
  letter-spacing: 0;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] p {
  margin: 0 0 10px;
  color: var(--d-muted);
  font-size: 13px;
  font-weight: 400;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table {
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table td {
  padding: 7px 10px;
  border-top: 1px solid var(--d-line-soft);
  font-size: 13px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table tr[bgcolor="#0000cd" i] > td {
  border-top: 0;
  border-bottom: 2px solid var(--d-band-line);
  background: var(--d-card);
  color: var(--d-nav);
  font-size: 14px;
  font-weight: 700;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table tr[bgcolor="#0000cd" i] font {
  color: inherit;
  font-size: inherit;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table tr[class~="light_blue"] > td {
  background: var(--d-gr-head);
  color: var(--d-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table tr > td[bgcolor="#0000cd" i] {
  width: 3px;
  padding: 0;
  background: var(--d-line);
}
/* results table */
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] {
  display: table;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  border: 1px solid var(--d-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr > td {
  padding: 8px 10px;
  border-top: 1px solid var(--d-line-soft);
  background: var(--d-card);
  font-family: var(--d-font);
  font-size: 13px;
  vertical-align: top;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[class~="light_blue"] > td {
  border-top: 0;
  background: var(--d-gr-head);
  color: var(--d-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: bottom;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[class~="light_blue"] > td h2 {
  margin: 0;
}
/* sort links in the heading row stay plain links (not the Search button) */
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[class~="light_blue"] > td a:is(:link, :visited) {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--d-link);
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[class~="light_blue"] > td a :is(font, strong, b) {
  color: inherit;
}
body:has(> div[id="content"] table[id="mainTable1" i]) #content a:is(:link, :visited) {
  text-decoration: none;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr > td:nth-child(2) {
  min-width: 250px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr > td:nth-child(2) table td b {
  white-space: nowrap;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr > td:last-child a,
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a[href^="javascript:setMatchTimeTemp" i] {
  white-space: nowrap;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[bgcolor="#0000cd" i] > td {
  border-top: 1px solid var(--d-line);
  background: var(--d-tag);
  color: var(--d-nav);
  font-size: 14px;
  font-weight: 700;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] > tbody > tr[bgcolor="#0000cd" i] font {
  color: inherit;
  font-size: inherit;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] table td {
  padding: 0 8px 0 0;
  font-size: 13px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] font:is([color="ff0000" i], [color="#ff0000" i]) {
  color: var(--d-muted);
  font-size: 12px;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a:has(> img:is([src*="tourney.gif" i], [src*="create.gif" i])) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  text-decoration: none;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a:has(> img:is([src*="tourney.gif" i], [src*="create.gif" i]))::before,
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a:is([href^="javascript:setMatchTimeTemp" i], [href^="javascript:printScoreCard" i])::before {
  font-family: var(--d-icons);
  font-size: 12px;
  font-weight: 900;
}
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a:has(> img[src*="tourney.gif" i])::before { content: "\f0e8"; }
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a:has(> img[src*="create.gif" i])::before { content: "\f303"; }
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a[href^="javascript:setMatchTimeTemp" i]::before { margin-right: 5px; content: "\f017"; }
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a[href^="javascript:printScoreCard" i]::before { margin-right: 5px; content: "\f02f"; }
body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i] a > img:is([src*="tourney.gif" i], [src*="create.gif" i]) {
  display: none;
}

/* M06 - phones and tablets */
@media (max-width: 900px) {
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container {
    padding: 4px 10px 24px;
  }
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container > div[align]:first-child > b > font[size="5"] {
    font-size: 22px;
  }
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i] tr[valign="top" i] > td:has(> div[align="left" i] strong):not(:has(table[width="85"])) {
    min-width: 150px;
  }
  /* match list: one line per match; the card scrolls sideways instead */
  body:has(> form[class~="roundrobin-form-wrapper" i] > [id="roundrobin-data-container"]) #roundrobin-data-container table[bordercolor="#000066" i]:not(:has(td[bgcolor="#DFFFDF" i])) td {
    white-space: nowrap;
  }
  body:has(> div[id="content"] table[id="mainTable1" i]) table[id="mainTable1" i],
  body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  body:has(> div[id="content"] table[id="mainTable1" i]) td[id="displaySummary"] {
    display: block;
    max-width: calc(100vw - 32px);
  }
}


/* =========================================================================
   PART 14 - LEAGUE / LADDER / CAMP / ELECTION EVENTS (2.8, 22 Oct)
   Pages found while testing the other event types (36031 ladder, 36053
   league ...).
   ========================================================================= */

/* L01 - Edit Divisions (tourneySetup/divEdit.asp) and Division Types
   (tourneySetup/eventDivTypes.asp). Tish, 22 Oct: a grey director
   version of the public "Divisions and Fees" cards, in the director fonts,
   that does not change when the public colours change. Like the
   participant lists (Q02), step 1 clears every public rule from the page
   and step 2 draws it in director style. Screen only. */
@media screen {
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align],
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] *,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] *::before,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] *::after {
    all: revert;
  }

  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) {
    margin: 0;
    padding: 20px 24px 48px;
    background: var(--d-page);
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 14px;
    line-height: 1.5;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] {
    display: block;
    max-width: 1180px;
    margin: 0 auto;
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 14px;
    line-height: 1.5;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] a:is(:link, :visited) {
    color: var(--d-link);
    text-decoration: none;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] p {
    margin: 0;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] font:is([color="#FF6600" i], [color="FF6600" i]) {
    color: var(--d-accent);
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] font:is([color="#FF0000" i], [color="FF0000" i]) {
    color: var(--d-no);
  }

  /* page title */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1:first-child {
    display: block;
    margin: 0 0 16px;
    color: var(--d-nav);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }

  /* Instructions: one white card, the label beside each note */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] {
    display: table;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--d-max);
    margin: 0 auto 14px;
    border: 1px solid var(--d-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--d-radius);
    background: var(--d-card);
    box-shadow: var(--d-shadow);
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td {
    padding: 10px 16px;
    border-top: 1px solid var(--d-line-soft);
    font-size: 13.5px;
    line-height: 1.55;
    vertical-align: top;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] tr[bgcolor="#FFFF00" i] > td {
    padding: 11px 16px 9px;
    border-top: 0;
    border-bottom: 2px solid var(--d-band-line);
    color: var(--d-band-ink);
    font-size: 15px;
    font-weight: 700;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] tr[bgcolor="#FFFF00" i] > td::before {
    margin-right: 8px;
    color: var(--d-accent);
    font-family: var(--d-icons);
    font-size: 13px;
    font-weight: 900;
    content: "\f05a";
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] tr[bgcolor="#FFFF00" i] > td div {
    display: inline;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] tr[bgcolor="#FFFF00" i] + tr > td {
    border-top: 0;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td:has(> h1) {
    width: 140px;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td > h1 {
    display: block;
    margin: 0;
    color: var(--d-nav);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
    text-align: right;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] font[size="2"] {
    font-size: 13px;
  }

  /* "To save changes, click update at bottom" */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1:not(:first-child) {
    display: block;
    box-sizing: border-box;
    max-width: var(--d-max);
    margin: 0 auto 18px;
    padding: 8px 14px;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius);
    background: var(--d-step);
    color: var(--d-ink);
    font-size: 13.5px;
    font-weight: 600;
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1:not(:first-child) :is(strong, font) {
    color: inherit;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1:not(:first-child)::before {
    margin-right: 8px;
    color: var(--d-accent);
    font-family: var(--d-icons);
    font-size: 12px;
    font-weight: 900;
    content: "\f0c7";
  }

  /* check boxes, number boxes, Update */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="checkbox" i] {
    width: 16px;
    height: 16px;
    margin: 0 2px;
    accent-color: var(--d-accent);
    vertical-align: middle;
    cursor: pointer;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="text" i] {
    box-sizing: border-box;
    width: 48px;
    height: 26px;
    margin: 0;
    padding: 2px 4px;
    border: 1px solid var(--d-field-line);
    border-radius: 5px;
    background: var(--d-field-bg);
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 12.5px;
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="text" i][style*="background" i] {
    border-color: var(--d-gr-yellow-line);
    background-color: var(--d-gr-yellow) !important;
    font-weight: 700;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="text" i]:focus {
    border-color: var(--d-accent);
    outline: 3px solid var(--d-focus);
    outline-offset: 0;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] div[align="center" i]:has(> input[type="submit" i]) {
    margin: 4px 0 0;
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="submit" i] {
    min-height: 40px;
    margin: 6px 0 0;
    padding: 9px 26px 9px 42px;
    border: 0;
    border-radius: var(--d-radius-sm);
    background: var(--d-accent) var(--d-svg-check-white) no-repeat 16px 50% / 14px 14px;
    box-shadow: var(--d-shadow-btn);
    color: var(--d-accent-ink);
    font-family: var(--d-font);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] input[type="submit" i]:hover {
    background-color: var(--d-accent-hover);
  }
  /* a division with participants shows a count instead of a check box */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] td[bgcolor="#00FF00" i] b {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 999px;
    background: var(--d-yes-bg);
    color: var(--d-yes);
    font-size: 12px;
    font-weight: 700;
  }

  /* Edit Divisions: one grey card per division type, side by side */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"],
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] > tbody {
    display: block;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    margin: 0 0 16px;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] > tbody > tr > td {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] > tbody > tr > td > div {
    max-width: 100%;
    overflow-x: auto;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] > tbody > tr > td > div > table,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] {
    border: 1px solid var(--d-line);
    border-top: 3px solid var(--d-gbtn-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--d-radius);
    background: var(--d-card);
    box-shadow: var(--d-shadow);
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] td {
    padding: 4px 5px;
    border-top: 1px solid var(--d-line-soft);
    background: var(--d-card);
    font-size: 12.5px;
    vertical-align: middle;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:first-child > td[colspan] {
    padding: 10px 12px 8px;
    border-top: 0;
    color: var(--d-nav);
    font-size: 15px;
    font-weight: 700;
    text-align: left;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:first-child > td[colspan] :is(div, p) {
    text-align: left;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr[bgcolor="#00FFFF" i] > td {
    padding: 6px 5px;
    background: var(--d-gr-head);
    color: var(--d-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 50px;
    white-space: normal;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr[bgcolor="#00FFFF" i] > td :is(div, font, strong) {
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr[bgcolor="#00FFFF" i] input[type="checkbox" i] {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:not(:first-child):not([bgcolor="#00FFFF" i]):nth-child(even) > td {
    background: var(--d-tg-slot);
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:not(:first-child):not([bgcolor="#00FFFF" i]) > td:first-child {
    padding-left: 10px;
    color: var(--d-ink);
    font-weight: 600;
    white-space: nowrap;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:not(:first-child):not([bgcolor="#00FFFF" i]) > td :is(p, font) {
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="div-edit-grid-container"] tr:not(:first-child):not([bgcolor="#00FFFF" i]) > td:first-child :is(p, font) {
    text-align: left;
  }

  /* Division Types: one grey card, Male / Female / Mixed columns */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 8px;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr > td {
    padding: 4px 16px 14px;
    vertical-align: top;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr > td + td {
    border-left: 1px solid var(--d-line-soft);
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr:first-child > td {
    padding: 12px 16px 8px;
    border-bottom: 2px solid var(--d-band-line);
    color: var(--d-nav);
    font-size: 15px;
    font-weight: 700;
    text-align: left;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] table {
    width: 100%;
    border-collapse: collapse;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] table td {
    padding: 5px 4px;
    border-top: 1px solid var(--d-line-soft);
    font-size: 13.5px;
    vertical-align: middle;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] table tr[bgcolor="#FFFF00" i] > td {
    padding: 14px 4px 5px;
    border-top: 0;
    border-bottom: 1px solid var(--d-line);
    color: var(--d-muted);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] table tr:not([bgcolor="#FFFF00" i]) > td:first-child {
    width: 34px;
    text-align: center;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] table tr[bgcolor="#FFFF00" i] + tr > td {
    border-top: 0;
  }

  /* footer */
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] div[align] > p[align="center" i]:has(> font[size="1"]) {
    display: block;
    max-width: var(--d-max);
    margin: 28px auto 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--d-line);
    color: var(--d-muted);
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
  }
}
@media screen and (max-width: 900px) {
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) {
    padding: 12px 10px 32px;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align],
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] > tbody,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] > tbody > tr,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] > tbody > tr > td {
    display: block;
    width: auto;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td:has(> h1) {
    padding-bottom: 0;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td:has(> h1) + td {
    border-top: 0;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > table[align] td > h1 {
    text-align: left;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"],
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody,
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr {
    display: block;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr:first-child {
    display: none;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr > td {
    display: block;
  }
  body:has(table[id="div-edit-grid-container"], table[id="event-div-types-grid"]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form table[id="event-div-types-grid"] > tbody > tr > td + td {
    border-top: 1px solid var(--d-line);
    border-left: 0;
  }
}

/* L05 - Director Login (tourney/dirlogin.asp, "Event Director" and
   "Master Director" on the R2 Sports site) and Create a New Event
   (tourney/newTourney.asp). 2.9 (Tish, 22 Oct). These pages open before
   anyone is signed in, so they load the director stylesheet through their
   own switch in incEventStyleSheet.asp. Same approach as Edit Divisions:
   step 1 clears every event-stylesheet rule from the page, step 2 draws
   it in director style, so the look is the same whatever event stylesheet
   the page happens to load. Box names, scripts and links are unchanged;
   nothing is filled in. Screen only. */
@media screen {
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > *,
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > * *,
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > * *::before,
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > * *::after {
    all: revert;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) {
    margin: 0;
    padding: 28px 16px 40px;
    background: var(--d-page) !important;
    background-image: none !important;
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 14px;
    line-height: 1.5;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > * {
    font-family: var(--d-font);
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) a:is(:link, :visited) {
    color: var(--d-link);
    text-decoration: none;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) p {
    margin: 0;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) font:is([color="#FF6600" i], [color="FF6600" i]) {
    color: var(--d-accent);
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) font:is([color="#FF0000" i], [color="FF0000" i]) {
    color: var(--d-no);
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) input:is([type="text" i], [type="password" i], :not([type])),
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) select {
    box-sizing: border-box;
    height: 36px;
    max-width: 100%;
    margin: 0;
    padding: 6px 10px;
    border: 1px solid var(--d-field-line);
    border-radius: var(--d-radius-sm);
    background: var(--d-field-bg);
    color: var(--d-ink);
    font-family: var(--d-font);
    font-size: 14px;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) :is(input, select):focus {
    border-color: var(--d-accent);
    outline: 3px solid var(--d-focus);
    outline-offset: 0;
  }
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) input:is([type="radio" i], [type="checkbox" i]) {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--d-accent);
    vertical-align: middle;
  }
  /* the old blue bars, logos and spacer cells */
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) img:is([src*="bar_VTBPro" i], [src*="secure" i], [src*="create.gif" i], [src*="help.gif" i]) {
    display: none;
  }

  /* --- Director Login --- */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 26px 30px 22px;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius);
    background: var(--d-card);
    box-shadow: var(--d-shadow);
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] > tbody,
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] > tbody > tr,
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] > tbody > tr > td[width="600"],
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] table[width="600"],
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] table[width="600"] > tbody,
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] table[width="600"] > tbody > tr,
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] table[width="600"] > tbody > tr > td {
    display: block;
    width: auto;
    padding: 0;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] > tbody > tr:has(img[src*="bar_VTBPro" i]),
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] > tbody > tr > td[width="41"],
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > p:first-child {
    display: none;
  }
  /* title */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > div[align]:first-child {
    margin: 0 0 18px;
    text-align: center;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > div[align]:first-child br {
    display: none;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > div[align]:first-child font[size="4"]:not([color]) {
    color: var(--d-nav);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > div[align]:first-child font[size="4"]:not([color])::before {
    margin-right: 10px;
    color: var(--d-accent);
    font-family: var(--d-icons);
    font-size: 19px;
    font-weight: 900;
    content: "\f023";
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > font[size="4"] {
    color: var(--d-ink);
    font-size: 14px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[width="600"] td > font > div[align] {
    text-align: center;
  }
  /* the two boxes: Credentials and Login To */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr > td {
    padding: 6px 6px;
    border: 0 !important;
    color: var(--d-ink);
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr:first-child > td[colspan] {
    padding: 0 6px 6px;
    border-bottom: 2px solid var(--d-band-line) !important;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr:first-child > td[colspan] :is(div, h1, strong) {
    margin: 0;
    text-align: left;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr:first-child font[size="4"] {
    color: var(--d-band-ink);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr:first-child > td[width="18"] {
    width: 22px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr > td:first-child div[align="right" i] {
    padding-right: 4px;
    text-align: right;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) font {
    color: var(--d-ink);
    font-size: 13.5px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) td :is(div, p) {
    margin: 0;
    line-height: 1.3;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) strong {
    font-weight: 600;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) input:is([type="text" i], [type="password" i]) {
    width: 170px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) td:has(> div > input[type="radio" i]) {
    width: 22px;
    padding-right: 0;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) td:has(> div > input[type="radio" i]) div {
    text-align: right;
  }
  /* Forgot Login Info? */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] a[href^="javascript:forgotLogin" i] {
    font-size: 13px;
    font-weight: 600;
  }
  /* LOGIN: a full-width blue button */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] h2:has(> a[href^="javascript:f_finish" i]) {
    margin: 14px 0 12px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] a[href^="javascript:f_finish" i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
    padding: 11px 18px;
    border-radius: var(--d-radius-sm);
    background: var(--d-accent);
    box-shadow: var(--d-shadow-btn);
    color: var(--d-accent-ink);
    text-decoration: none;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] a[href^="javascript:f_finish" i]::before {
    font-family: var(--d-icons);
    font-size: 14px;
    font-weight: 900;
    content: "\f2f6";
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] a[href^="javascript:f_finish" i]:not(#r2-none) :is(strong, font) {
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] a[href^="javascript:f_finish" i]:hover {
    background: var(--d-accent-hover);
  }
  /* secure-login note */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] {
    width: 100%;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] td {
    padding: 0;
    color: var(--d-muted);
    font-size: 12px;
    text-align: center;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] td div {
    text-align: center;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] td font {
    color: inherit;
    font-size: inherit;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] td:has(div)::before {
    margin-right: 6px;
    color: var(--d-yes);
    font-family: var(--d-icons);
    font-size: 11px;
    font-weight: 900;
    content: "\f023";
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[bgcolor="#FFFF00" i] td:has(div) div {
    display: inline;
  }
  /* links under the card */
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > p[align="center" i] {
    max-width: 600px;
    margin: 14px auto 0;
    color: var(--d-muted);
    font-size: 12px;
    text-align: center;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > p[align="center" i] font {
    font-size: inherit;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > p[align="center" i] br:first-child {
    display: none;
  }

  /* --- Create a New Event --- */
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1 {
    margin: 0 0 16px;
    color: var(--d-nav);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1 p {
    display: none;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > h1 font {
    display: block;
    color: var(--d-muted);
    font-size: 15px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] {
    text-align: left;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius);
    background: var(--d-card);
    box-shadow: var(--d-shadow);
    text-align: left;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody,
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr,
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td {
    display: block;
    width: auto;
    padding: 0;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table {
    width: 100%;
    border-collapse: collapse;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td {
    padding: 10px 14px;
    border-top: 1px solid var(--d-line-soft);
    color: var(--d-ink);
    font-size: 14px;
    vertical-align: middle;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr:first-child > td {
    border-top: 0;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td:first-child:not([colspan]) {
    width: 30%;
    padding-right: 6px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td:first-child:not([colspan]) :is(div, p) {
    text-align: right;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] font[color="#000066" i] {
    color: var(--d-nav);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] font[size="1"] {
    display: inline-block;
    margin-top: 3px;
    color: var(--d-muted);
    font-size: 12.5px;
    line-height: 1.5;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] font[size="2"] {
    font-size: 13px;
  }
  /* "Information about your Event": section heading */
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] tr[bgcolor="#000066" i] > td {
    padding: 18px 14px 8px;
    border-top: 0;
    border-bottom: 2px solid var(--d-band-line);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] tr[bgcolor="#000066" i] > td div {
    text-align: left;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] tr[bgcolor="#000066" i] font {
    color: var(--d-band-ink);
    font-size: 16px;
  }
  /* the red-framed note and the venue box */
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF0000" i] {
    box-sizing: border-box;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    border: 1px solid var(--d-no-bg);
    border-radius: var(--d-radius-sm);
    background: var(--d-no-bg);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF0000" i] td {
    padding: 8px 12px;
    color: var(--d-no);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF0000" i] p {
    text-align: center;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--d-line);
    border-radius: var(--d-radius-sm);
    background: var(--d-row-alt);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] > tbody > tr > td {
    padding: 6px 10px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] table {
    width: 100%;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] table td {
    padding: 4px 6px;
    font-size: 13.5px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] table td:first-child {
    width: 34%;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] table td:first-child div {
    text-align: right;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] table[bordercolor="#FF6600" i] table font[size="1"] {
    margin: 0;
    font-size: 13px;
  }
  /* CREATE EVENT: a blue button */
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] td:has(> div a[href^="javascript:f_finish" i]) > div {
    text-align: center;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] a[href^="javascript:f_finish" i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    padding: 10px 26px;
    border-radius: var(--d-radius-sm);
    background: var(--d-accent);
    box-shadow: var(--d-shadow-btn);
    color: var(--d-accent-ink);
    text-decoration: none;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] a[href^="javascript:f_finish" i]::before {
    font-family: var(--d-icons);
    font-size: 14px;
    font-weight: 900;
    content: "\f067";
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] a[href^="javascript:f_finish" i] font {
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] a[href^="javascript:f_finish" i]:hover {
    background: var(--d-accent-hover);
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > p:has(> strong) {
    margin: 14px 0 0;
    color: var(--d-muted);
    font-size: 13px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) > div[align] > p:has(> strong) strong {
    font-weight: 400;
  }
}
@media screen and (max-width: 600px) {
  :is(body:has(form[name="form" i] input[name="whereToLogin" i]), body:has(form[name="form1" i] select[name="howFind" i])):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) {
    padding: 14px 10px 28px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] > table[width="1"] {
    padding: 18px 12px 16px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) input:is([type="text" i], [type="password" i]) {
    width: 120px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) > tbody > tr > td {
    padding: 5px 3px;
  }
  body:has(form[name="form" i] input[name="whereToLogin" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form" i] table[cellspacing="0"][cellpadding="0"]:not([bgcolor]) font {
    font-size: 12.5px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table,
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody,
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr,
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td {
    display: block;
    width: auto !important;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td:first-child:not([colspan]) {
    padding-bottom: 2px;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td:first-child:not([colspan]) :is(div, p) {
    text-align: left;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] > table[bordercolor] > tbody > tr > td > table > tbody > tr > td:first-child:not([colspan]) + td {
    border-top: 0;
    padding-top: 0;
  }
  body:has(form[name="form1" i] select[name="howFind" i]):not(#r2-iso-a):not(#r2-iso-b):not(#r2-iso-c) form[name="form1" i] :is(input, select)[style*="width" i] {
    width: 100% !important;
  }
}

/* L02 - Restricted Access login (loginCheckOrig.asp: Edit Login and
   Accounting ask for the original user name and password). One white
   card in the middle; the old bars and logo are hidden. The boxes keep
   their names; nothing is filled in. */
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] > font[color] {
  color: var(--d-ink);
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] > font > br:first-child,
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] img[src*="bar_VTBPro" i],
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td:has(> div > img[src*="VTBproLogo" i]),
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[width="750"] > tbody > tr > td:is([width="99"], [width="114"]),
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[width="750"] > tbody > tr:has(img[src*="bar_VTBPro" i]),
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[width="251"] {
  display: none;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[width="750"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 520px;
  margin: 24px auto 8px;
  padding: 22px 26px 18px;
  border: 1px solid var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  box-shadow: var(--d-shadow);
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[width="750"] :is(tbody, tr, td) {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[width="750"] table[width="100%"]:not([bordercolor]) > tbody > tr > td {
  padding: 0 0 12px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="34"] font[color] {
  display: block;
  margin: 0 0 4px;
  color: var(--d-nav);
  font-size: 19px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="34"] font[color]::before {
  margin-right: 8px;
  color: var(--d-accent);
  font-family: var(--d-icons);
  font-size: 16px;
  font-weight: 900;
  content: "\f023";
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="34"] font[size="2"] {
  color: var(--d-muted);
  font-size: 13.5px;
  font-weight: 400;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="34"] br {
  display: none;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] {
  display: block;
  height: auto;
  border: 0;
  background: transparent;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] > tbody > tr > td {
  border: 0;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table td:first-child div {
  padding-right: 12px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table :is(tbody) {
  display: table-row-group;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table tr {
  display: table-row;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table td {
  display: table-cell;
  padding: 6px 4px;
  background: var(--d-card);
  vertical-align: middle;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table td:first-child {
  width: 34%;
  padding-right: 12px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table p {
  margin: 0;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] table font {
  color: var(--d-ink);
  font-size: 13.5px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] input:is([type="text" i], [type="password" i]) {
  box-sizing: border-box;
  width: 100%;
  max-width: 260px;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] table[bordercolor] div[align="center" i]:has(> input[type="submit" i]) {
  margin: 8px 0 0;
  text-align: center;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="54"] {
  margin: 4px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--d-line-soft);
  color: var(--d-muted);
  font-size: 12px;
  line-height: 1.5;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="54"] font {
  color: inherit;
  font-size: inherit;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="54"] font[color] {
  color: var(--d-accent);
  font-weight: 700;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td[height="54"] br {
  display: none;
}
body:has(form[action^="logincheckOrig.asp" i] input[type="password" i]) form[action^="logincheckOrig.asp" i] td:has(> div[align="center" i]:empty) {
  display: none;
}

/* L03 - Participants menu when the event is closed for new entries (the
   page shows a note instead of the Add New Participant button) */
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] font[color="#FF0000" i] {
  display: inline-block;
  margin: 8px 0 0;
  padding: 7px 12px;
  border: 1px solid var(--d-no-bg);
  border-radius: var(--d-radius-sm);
  background: var(--d-no-bg);
  color: var(--d-no);
  font-size: 13px;
  font-weight: 700;
}
body:has(form[name="myform" i] select[name="myselect" i]):where(:has(form[name="form2" i] input[name="firstName" i])) form[name="form2" i] font[color="#FF0000" i] > br:first-child {
  display: none;
}

/* L04 - View and Set Match(s) with no matches yet (leagues): a quiet note
   in the empty card */
body:has(> table[width="950"] input[name="numAllMatches" i]) [id="start-times"]:not(:has([id="start-times-player"])) {
  box-sizing: border-box;
  max-width: var(--d-max);
  margin: 0 auto;
  padding: 18px;
  border: 1px dashed var(--d-line);
  border-radius: var(--d-radius);
  background: var(--d-card);
  color: var(--d-muted);
  font-size: 14px;
  text-align: center;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) [id="start-times"]:not(:has([id="start-times-player"])) > table {
  display: none;
}
body:has(> table[width="950"] input[name="numAllMatches" i]) [id="start-times"]:not(:has([id="start-times-player"]))::before {
  content: "No matches to show here yet.";
}