/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(434,28): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(447,28): run-time error CSS1039: Token not allowed after unary operator: '-err'
(455,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(474,28): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(487,28): run-time error CSS1039: Token not allowed after unary operator: '-err'
(804,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(805,22): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(844,17): run-time error CSS1039: Token not allowed after unary operator: '-muted'
 */


:root {
    --border: #c8c8c8;
    --text: #111;
    --muted: #555;
    --bg: #fff;
    --accent: #0b62d6;
    --err: #b00020;
}


FIELDSET {
    margin: 8px;
    border: 1px solid #e6e6e6;
    padding: 8px;
    border-radius: 4px;
    background: #fcfcfc;
}

LEGEND {
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: dimgrey;
    padding: 2px;
}

/* === Layout & Structure === */

html, body { height: 100%; min-height: 100%; font-family: Arial, sans-serif; background-color: #ffffff; }

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled { cursor: not-allowed; }


.page-title-h1 { font-family: Arial, sans-serif; font-size: 16pt; font-weight: normal;  color: #000000;  margin: 0; padding: 0; }
.error-title-h1 { font-family: Arial, sans-serif; font-size: 16pt; font-weight: normal;  color: #000000;  margin: 0; padding: 0; }



.linkbar {
    display: inline-flex; /* keep it the size of contents */
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 0; /* we’ll control spacing on the separator */
    text-align: center; /* harmless with flex; keeps fallback consistent */
}



    .linkbar > * {
        display: inline-flex;
        align-items: center;
    }


    /* Separator: visually centered and spaced */
    .linkbar .sep {
        display: inline-flex; /* allows vertical centering of the glyph */
        align-items: center; /* center the '|' inside */
        justify-content: center;
        margin: 0 6px; /* horizontal spacing */
        color: #545454;
        font-family: Arial, sans-serif;
        font-size: 8.5pt;
        font-weight: 400;
        line-height: 1; /* predictable height in flex context */
    }




.divider-line {
    height: 2px;
    background-color: #dcdcdc;
    width: 465px; 
    margin: 0 auto;
}



.alignCenter { text-align: center; margin-left: auto; margin-right: auto; }
.valignMiddle { vertical-align: middle; }
.center { margin: auto; /*margin-left: auto; margin-right: auto;*/ }
.right { margin: auto 0 auto auto; }
.left { margin: auto auto auto 0; }
.spacing { padding: 5px; /*border-collapse: separate; border-spacing: 0 15px;*/ }
.tdFormat { padding: 0px; }
.layout-w-100 { width: 100%; }
.text-center-top { text-align: center; vertical-align: top; }
.text-center-black { color: #000000; text-align: center; }
.text-center { text-align: center; }
.center-block { margin-left: auto; margin-right: auto; }
.text-right-black { color: #000000; text-align: right; }
.font-arial { font-family: Arial, sans-serif; }
.text-left { text-align: left; }
.input-w-290-font-arial { width: 290px; font-family: Arial, sans-serif; }
.input-w-300-font-arial { width: 300px; font-family: Arial, sans-serif; }
.spacer-h-10 { height: 10px; }
.text-8_5pt-black { font-family: Arial, sans-serif; font-size: 8.5pt; color: #000000; }
.header-right-bar { background-color: #ffffff; font-family: Arial, sans-serif; height: 40px; text-align: right; }
.col-w-63 { width: 63px; }
.spacer-h-10-left { height: 10px; text-align: left; }
.header-area { width: 100%; height: 86px; }
.header-col-33 { width: 33%; }
.valign-bottom { vertical-align: bottom; }
.notice-text-red-11pt { font-family: Arial, Times New Roman, Georgia; font-size: 11pt; color: red; font-weight: normal; }
.text-right { text-align: right; }
.full-height-v-top { height: 100%; vertical-align: top; }
.valign-top { vertical-align: top; }

/* === Tables === */
.tableFormat { border-collapse: separate; border-spacing: 0px; padding: 0px; }
.tableFormat2 { width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 0px; padding: 0px; }
.tableFormat3 { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; width: 600px; text-align: center; margin-left: auto; margin-right: auto; }

/*.tableMaster { width: 1280px; text-align: center; background-color: #ffffff; margin-left: auto; margin-right: auto; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }*/



.tableMaster {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    min-width: 1024px;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff;
    min-height: 100vh;
    position: relative;
}


@media (max-width: 1200px) {
    .tableMaster {
        max-width: 1024px;
    }
}

/* Safety: allow full fluid width on narrow screens */
@media (max-width: 1024px) {
    .tableMaster {
        min-width: auto;
        width: 100%;
    }
}


.tableContent { height: 100%; width: 100%; margin-left: auto; margin-right: auto; }
.tableBordered { text-align: center; width: 530px; height: 335px; border: 5px; border-style: solid; border-color: #555555; }
.whiteBox { background-color: #ffffff; width: 530px; height: 263px; vertical-align: top; }

/* === Buttons === */
.btnClassOrange { height: 39px; width: 112px; background-color: #fe8f33; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #fe8f33; border-bottom: 3px solid #fe8f33; }
.btnClassOrange:not(:disabled):hover { cursor: pointer; background-color: #e76e09; color: #f8f8f8; border: 1px solid #e76e09; border-bottom: 3px solid #e76e09; }

.btnClassRed { height: 39px; width: 112px; background-color: #e90029; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #e90029; border-bottom: 3px solid #e90029; }
.btnClassRed:not(:disabled):hover { cursor: pointer; background-color: #740014; color: #f8f8f8; border: 1px solid #740014; border-bottom: 3px solid #740014; }
.btnClassRed:disabled { cursor: pointer; background-color: #da5e74; color: #f8f8f8; border: 1px solid #da5e74; border-bottom: 3px solid #da5e74; }

.btnClassRedSmall { height: 36px; width: 85px; background-color: #e90029; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #e90029; border-bottom: 3px solid #e90029; }
.btnClassRedSmall:not(:disabled):hover { cursor: pointer; background-color: #740014; color: #f8f8f8; border: 1px solid #740014; border-bottom: 3px solid #740014; }
.btnClassRedSmall:disabled { cursor: pointer; background-color: #da5e74; color: #f8f8f8; border: 1px solid #da5e74; border-bottom: 3px solid #da5e74; }

.btnClassRedSmaller { height: 26px; width: 70px; background-color: #e90029; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #e90029; border-bottom: 3px solid #e90029; }
.btnClassRedSmaller:not(:disabled):hover { cursor: pointer; background-color: #740014; color: #f8f8f8; border: 1px solid #740014; border-bottom: 3px solid #740014; }
.btnClassRedSmaller:disabled { cursor: pointer; background-color: #da5e74; color: #f8f8f8; border: 1px solid #da5e74; border-bottom: 3px solid #da5e74; }

.btnClassGray { height: 39px; width: 112px; background-color: #545454; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #545454; border-bottom: 3px solid #545454; }
.btnClassGray:not(:disabled):hover { cursor: pointer; background-color: #3f3e3e; color: #f8f8f8; border: 1px solid #3f3e3e; border-bottom: 3px solid #3f3e3e; }
.btnClassGray:disabled { cursor: pointer; background-color: #b6b5b5; color: #f8f8f8; border: 1px solid #b6b5b5; border-bottom: 3px solid #b6b5b5; }

.btnClassGraySmall { height: 36px; width: 85px; background-color: #545454; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #545454; border-bottom: 3px solid #545454; }
.btnClassGraySmall:not(:disabled):hover { cursor: pointer; background-color: #3f3e3e; color: #f8f8f8; border: 1px solid #3f3e3e; border-bottom: 3px solid #3f3e3e; }
.btnClassGraySmall:disabled { cursor: pointer; background-color: #b6b5b5; color: #f8f8f8; border: 1px solid #b6b5b5; border-bottom: 3px solid #b6b5b5; }

.btnClassGraySmaller { height: 26px; width: 70px; background-color: #545454; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #545454; border-bottom: 3px solid #545454; }
.btnClassGraySmaller:not(:disabled):hover { cursor: pointer; background-color: #3f3e3e; color: #f8f8f8; border: 1px solid #3f3e3e; border-bottom: 3px solid #3f3e3e; }
.btnClassGraySmaller:disabled { cursor: pointer; background-color: #b6b5b5; color: #f8f8f8; border: 1px solid #b6b5b5; border-bottom: 3px solid #b6b5b5; }

.btnClassGreen { height: 39px; width: 112px; background-color: #00b22e; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #00b22e; border-bottom: 3px solid #00b22e; }
.btnClassGreen:not(:disabled):hover { cursor: pointer; background-color: #007419; color: #f8f8f8; border: 1px solid #007419; border-bottom: 3px solid #007419; }
.btnClassGreen:disabled { cursor: pointer; background-color: #70da5e; color: #f8f8f8; border: 1px solid #70da5e; border-bottom: 3px solid #70da5e; }

.btnClassSearch { height: 29px; width: 70px; background-color: #e90029; color: #f8f8f8; font-weight: bold; font-size: 11px; border-radius: 0px; border: 1px solid #e90029; border-bottom: 3px solid #e90029; vertical-align:middle; }
.btnClassSearch:not(:disabled):hover { cursor: pointer; background-color: #740014; color: #f8f8f8; border: 1px solid #740014; border-bottom: 3px solid #740014; vertical-align:middle;}
.btnClassSearch:disabled { cursor: pointer; background-color: #da5e74; color: #f8f8f8; border: 1px solid #da5e74; border-bottom: 3px solid #da5e74; vertical-align:middle; }

.btnGray { background-color: #f0f0f0; color: #343434; font-weight: bold; font-size: 11px; padding: 6px 17px 6px 17px; border-radius: 5px; border: 1px solid #b5b5b5; border-bottom: 2px solid #b5b5b5; }
.link-button { background: none; border: none; padding: 0; text-decoration: none; cursor: pointer; font-family: Arial, sans-serif; font-size: 10pt;}




.loginLink-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #545454; 
    text-decoration: none;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 8.5pt;
}

/* Hover state for enabled buttons */
.loginLink-button:not(:disabled):hover { color: #e90029;  text-decoration: underline; }

/* Disabled state (kept same as your sheet) */
.loginLink-button:disabled,
.loginLink-button[disabled],
.loginLink-button.is-disabled { color: #8a8a8a; font-style: italic; cursor: not-allowed; text-decoration: none; opacity: 0.9; pointer-events: auto; }

/* Prevent hover from reviving the look when disabled */
.loginLink-button:disabled:hover,
.loginLink-button[disabled]:hover,
.loginLink-button.is-disabled:hover { color: #8a8a8a; text-decoration: none; }



.bluelink-button { background: none; border: none; padding: 0; color: #06c; text-decoration: underline; cursor: pointer; font: inherit; }
.bluelink-button:disabled { color: #888; text-decoration: none; cursor: default; }
.redHyperLink { color: #e90029; text-decoration: none; }
.redHyperLink:hover { text-decoration: underline; }
.linkStyle-button { background: none; border: none; padding: 0; color: #06c; text-decoration: none; cursor: pointer; font: inherit; }
.linkStyle-button:hover { text-decoration: underline; color: #e90029; }


/* === Typography === */
.bold { font-weight: bold; }
.bold400 { font-weight: 400; }
.bold500 { font-weight: 500; }
.bold600 { font-weight:600; }
.requiredBlack { font-family: Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; }
.requiredRed { font-family: Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #e90029; }
.auto-style1 { font-family: Arial, sans-serif; font-size: 11pt; color: #000000; }
.auto-style2 { height: 26px; }
.auto-style3 { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; }
.auto-style4 { font-family: Arial, sans-serif; font-size: 14pt; color: #000000; }
.auto-style5 { font-family: Arial, sans-serif; font-size: 10pt; color: #000000; }
.fontStyle85pt { font-family: Arial, sans-serif; font-size: 8.5pt; }
.fontStyle9pt { font-family: Arial, sans-serif; font-size: 9pt; }
.fontStyle10pt { font-family: Arial, sans-serif; font-size: 10pt; }
.fontStyle11pt { font-family: Arial, sans-serif; font-size: 11pt; }
.fontStyle12pt { font-family: Arial, sans-serif; font-size: 12pt; }
.fontStyle13pt { font-family: Arial, sans-serif;    font-size: 13pt; }
.fontStyle14pt { font-family: Arial, sans-serif; font-size: 14pt; }
.fontStyle16pt { font-family: Arial, sans-serif; font-size: 16pt; }
.headerText { font-family: Arial, sans-serif; font-size: 10pt; color: #545454; }
.footerText { width: 100%; text-align: center; font-family: Arial, sans-serif; font-size: 7pt; color: #000000; }
.footerSmallText { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; }

/* === Colors === */
.muted-gray { color: #dbdbdb; }
.colorBlack { color: #000000; }
.colorGray { color: #545454; }
.colorRed { color: #e90029; }
.colorDarkRed { color: #7A1E1A; }
.colorCrimsonRed { color: #B00020; }
.colorWhite { color: #fcfcfc; }

.noticeYellow { background-color: #FFF8D9; border-left: 4px solid #E0B225; padding: 8px 12px; color: #333; }

.noticeRed {
    background-color: #FDECEA; 
    border-left: 4px solid #D9534F; 
    padding: 8px 12px;
    color: #7A1E1A; 
}


.noticeGreen {
    background-color: #E8F6EC; 
    border-left: 4px solid #3C8C4A; 
    padding: 8px 12px;
    color: #245D31; 
}

.noticeBlue {
    background-color: #E7F1FB; 
    border-left: 4px solid #2A6EBB; 
    padding: 8px 12px;
    color: #1D3E66; 
}


.noticeMono {
    background-color: #F5F5F5;
    border-left: 4px solid #7A7A7A; 
    padding: 8px 12px;
    color: #222; 
}


.search-error-row td {
    background: #fff4f4;
    border: 1px solid #f3b5b5;
    border-radius: 3px; 
    padding: 6px 8px;
}


.smStripeColor { padding: 0px; height: 5px; background-color: #545454; }
.spStripeColor { padding: 0px; height: 1px; background-color: #ffffff; }
.medStripeColor { padding: 0px; height: 16px; background-color: #ffffff; }
.lgStripeColor { padding: 0px; height: 40px; background-color: #ffffff; vertical-align: top; }
.colorMenuOn { text-decoration: none; font-weight: normal; color: #e90029; }
.colorMenuOn:hover { text-decoration: none; font-weight: normal; color: #891518; }
.colorMenuOff { text-decoration: none; font-weight: normal; color: #545454; }
.colorMenuOff:hover { text-decoration: none; font-weight: normal; color: #891518; }

/* === Header & Footer === */
.headerStrips { background-color: #fcfcfc; }
.menuStyleLeft { vertical-align: top; text-align: left; margin: auto auto auto 0; }
.menuStyleRight { vertical-align: top; text-align: right; margin: auto 0 auto auto; }
.dateTime { font-family: Arial, sans-serif; font-size: 9pt; color: #545454; }
.headerCell { height: 86px; background-color: #ffffff; text-align: center; }
.headerTable { height: 86px; text-align: center; width: 100%; }
.headerLeft { text-align: left; width: 33%; vertical-align: middle; height: 86px; }
.headerCenter { text-align: center; width: 33%; vertical-align: top; height: 86px; }
.headerInnerTable { width: 100%; height: 86px; }
.headerLogoCell { text-align: center; vertical-align: top; height: 28px; }
.headerNameCell { height: 58px; vertical-align: bottom; }
.headerRight { text-align: right; width: 33%; height: 86px; }
.headerRightTable { width: 100%; height: 86px; text-align: right; }
.headerTopRight { text-align: right; vertical-align: top; height: 21px; }
.headerBottomRight { height: 65px; vertical-align: bottom; text-align: right; padding: 0; line-height: 0; }
.bodyBackground { background-color: #ffffff; background-repeat: no-repeat; background-position: center top; table-layout: fixed; }







/* === Width & Height === */
.w-50 { width: 50%; }
.w-100 { width: 100%; }
.w-5px { width: 5px; }
.w-10px { width: 10px;}
.w-15px { width: 15px;}
.w-20px { width: 20px; }
.w-25px { width: 25px; }
.w-65px { width: 65px; }
.w-70px { width: 70px; }
.w-75px { width: 75px; }
.w-80px { width: 80px; }
.w-85px { width: 85px; }
.w-95px { width: 95px; }
.w-100px { width: 100px; }
.w-200px { width: 200px; }
.w-290px { width: 290px; }
.w-300px { width: 300px; }
.w-330px { width: 330px; }
.w-350px {width: 350px; }
.w-356px { width: 356px; }
.w-363px { width: 363px; }
.w-364px { width: 364px; }
.w-365px { width: 365px;}
.w-380px { width: 380px; }
.w-385px { width: 385px; }
.w-400px { width: 400px; }
.w-403px { width: 403px; }
.w-405px { width: 405px; }
.w-410px { width: 410px; }
.w-420px { width: 420px; }
.w-435px { width: 435px; }
.w-460px { width: 460px; }
.w-480px { width: 480px; }
.w-500px { width: 500px; }
.w-505px { width: 505px; }
.w-525px { width: 525px; }
.w-530px { width: 530px; }
.w-560px { width: 560px; }
.w-600px { width: 600px; }
.w-650px { width: 650px; }
.w-680px { width: 680px; }
.w-700px {
    width: 700px;
}
.w-760px {
    width: 760px;
}

.h-100 { height: 100%; }
.h-1px { height: 1px; }
.h-2px { height: 2px; }
.h-5px { height: 5px; }
.h-8px { height: 8px; }
.h-10px { height: 10px; }
.h-15px { height: 15px; }
.h-20px { height: 20px;}
.h-25px { height: 25px; }
.h-30px { height: 30px;}
.h-35px { height: 35px; }
.h-40px { height: 40px; }
.h-45px { height: 45px;}
.h-50px { height: 50px; }
.h-55px { height: 55px; }
.h-60px { height: 60px; }
.h-70px { height: 70px; }
.h-80px { height: 80px; }
.h-90px { height: 90px; }
.h-100px { height: 100px; }
.h-135px { height: 135px; }


.td-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}


.ks-input {
    box-sizing: border-box;
    padding: 2px 8px; /* was 4px 10px */
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 10pt;
    line-height: 1.2; /* was 1.4 */
    min-height: 26px; /* was 32px */
    outline: none;
    background: #fff;
    color: #111;
}

    .ks-input:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(11, 98, 214, 0.14);
    }

    .ks-input:disabled,
    .ks-input[disabled] {
        background: #f2f2f2;
        color: #777;
        cursor: not-allowed;
        opacity: 1;
    }

    .ks-input.field-invalid {
        border-color: var(--err);
        box-shadow: 0 0 0 2px rgba(176,0,32,0.12);
    }


.ks-dropdown {
    box-sizing: border-box;
    padding: 2px 24px 2px 8px; /* was 4px 28px 4px 10px */
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 10pt;
    line-height: 1.2; /* was 1.4 */
    min-height: 26px; /* was 32px */
    outline: none;
    background-color: #fff;
    color: #111;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%, 100% 0;
    background-size: 6px 6px, 6px 6px, 2.2em 2.2em;
    background-repeat: no-repeat;
}

    /* Focus + Disabled + Invalid (to match ks-input behavior) */
    .ks-dropdown:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 2px rgba(11, 98, 214, 0.14);
    }

    .ks-dropdown:disabled,
    .ks-dropdown[disabled] {
        background: #f2f2f2;
        color: #777;
        cursor: not-allowed;
        opacity: 1;
    }

    .ks-dropdown.field-invalid {
        border-color: var(--err);
        box-shadow: 0 0 0 2px rgba(176,0,32,0.12);
    }


/*.sectionBox {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fcfcfc;
    padding: 10px 12px;
}*/

.sectionBox {
    background: #fcfcfc;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 11pt;
    line-height: 1.45;
    color: #222;
}

.sectionBoxWhite {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 11pt;
    line-height: 1.45;
    color: #222;
}


.chkMiddle { margin-right: 10px; }
.chkMiddle input[type="checkbox"],
.chkMiddle label { vertical-align: middle; margin-right: 4px;}
.chkWrap { display: inline-flex; align-items: center; gap: 6px; }    
.chkWrap input[type="checkbox"] { margin: 0; }


/* From the radio controls solution (kept minimal here) */
.fontSizeGroup {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.inlineLabel {
    display: inline-flex;
    align-items: center;
}

.radioMiddle {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
    column-gap: 4px;
    line-height: 1.2;
}

.radioMiddle:last-child {
    margin-right: 0;
}

.radioMiddle input[type="radio"] {
    margin: 0;
}

.radioMiddle label {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
}


.sectionGrid {
    width: 100%;
    overflow: hidden;
}

    /* The two-column table */
    .sectionGrid table {
        width: 100%;
        border-collapse: collapse;
        background: transparent; /* use .sectionBox background */
        table-layout: fixed; /* predictable 50/50 columns */
    }

    /* Force 50/50 split */
    .sectionGrid colgroup col {
        width: 50%;
    }

    /* Header cells (optional) */
    .sectionGrid thead th {
        text-align: center; /* final overriding alignment */
        font-weight: 600;
        color: #333;
        background: transparent;
        padding: 10px 12px;
        border-bottom: 1px solid #e6e6e6;
    }

    /* Body cells */
    .sectionGrid tbody td {
        padding: 10px 12px;
        vertical-align: top;
        color: #333;
        text-align: left;
    }

    /* Row separators */
    .sectionGrid tbody tr + tr td {
        border-top: 1px solid #e6e6e6;
    }

    /* Center vertical divider between columns */
    .sectionGrid thead th:first-child,
    .sectionGrid tbody td:first-child {
        border-right: 1px solid #e6e6e6;
    }


/* -------------------------- */
/* ONE-COLUMN VARIANT         */
/* -------------------------- */

.sectionGrid-onecol table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    table-layout: auto;
}

/* One-column header */
.sectionGrid-onecol thead th {
    font-weight: 600;
    color: #333;
    padding: 10px 12px;
    border-bottom: 1px solid #e6e6e6;
    background: transparent;
}

/* One-column body cells */
.sectionGrid-onecol tbody td {
    padding: 10px 12px;
    vertical-align: top;
    color: #333;
    text-align: left;
}

/* One-column row separators */
.sectionGrid-onecol tbody tr + tr td {
    border-top: 1px solid #e6e6e6;
}

/* Remove divider in one-column mode */
.sectionGrid-onecol thead th:first-child,
.sectionGrid-onecol tbody td:first-child {
    border-right: none !important;
}


/* -------------------------- */
/* FINAL ROW BACKGROUND FIX   */
/* -------------------------- */

/* Make ALL grid rows pure white */
.sectionGrid tbody tr,
.sectionGrid-onecol tbody tr {
    background-color: #fcfcfc !important;
}


/* -------------------------- */
/* SECTION HEADER TITLE       */
/* -------------------------- */

.sectionBoxTitle {
    padding: 10px 12px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    background: #fafafa;
}



#PnlContact,
#PnlContact table,
#PnlContact td,
#PnlContact tr,
#PnlContact span,
#PnlContact label {
    font-family: Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.45;
    color: #222; /* strong readable dark gray */
}

    /* Main heading "Account Profile" */
    #PnlContact .fontStyle16pt {
        font-size: 16pt;
        font-weight: 600;
        color: #000;
    }

    /* Section titles inside fieldsets */
    #PnlContact fieldset legend {
        font-size: 13pt;
        font-weight: 600;
        color: #000;
        padding-bottom: 6px;
    }

    /* Contact/Password status messages */
    #PnlContact .requiredRed {
        font-size: 11.5pt;
        font-weight: 600;
    }

    /* Form labels (First Name, Last Name, etc.) */
    #PnlContact .requiredBlack {
        font-size: 11pt;
        font-weight: 600;
        color: #111;
    }

    /* Inputs (ks-input) already look good — just boost contrast */
    #PnlContact .ks-input {
        font-size: 11pt;
        color: #111;
    }

    /* Section spacing improvements */
    #PnlContact fieldset {
        padding: 18px 20px;
        border-radius: 8px;
    }

    /* Hyperlinks */
    #PnlContact .redHyperLink {
        font-size: 11pt;
        color: #c00020;
        font-weight: 500;
    }




.a11y-page-wrap {
    box-sizing: border-box;
    max-width: 920px;
    padding: 24px 12px;
}

/* Larger spacing between sections for readability */
.a11y-section-spacing {
    margin-top: 32px;
}

/* Spacing helpers (used by the nav and optional elements) */
.mt-16 {
    margin-top: 16px;
}

.mt-24 {
    margin-top: 24px;
}

/* Separator used between centered nav buttons (scoped, so it won’t rely on .linkbar) */
.sep {
    display: inline-block;
    margin: 0 6px;
    color: #545454;
}

/* Improve readability for body text inside this page only */
.a11y-page-wrap p,
.a11y-page-wrap ul,
.a11y-page-wrap li {
    line-height: 1.55;
    font-size: 11pt; /* matches your typography scale */
}

/* Section content left-aligned (buttons stay centered because nav has its own alignment) */
.a11y-page-wrap section {
    text-align: left;
}

/* Lists clearly left-aligned for accessibility page */
.a11y-page-wrap ul {
    text-align: left !important;
    margin-left: 26px;
    padding-left: 0;
}

/* Remove default bold from section titles on this page only */
.a11y-page-wrap h2 {
    font-weight: 400; /* or 500 if you prefer a slightly stronger title */
}

/* Readable “label” style for Accessibility Modes list items (no <strong> needed) */
.a11y-mode-label {
    font-weight: 400;
    color: #333;
    font-size: 11pt;
}


/* =========================
   Error Pages — Shared Base
   ========================= */
.error-wrap {
    box-sizing: border-box;
    max-width: 920px;
    margin: 0 auto;
    padding: 24px 12px;
    color: var(--text);
    background: var(--bg);
}

/* Title aligns with your existing title scale (16pt) but with a subtle accent bar */
.error-title-h1 {
    /* You already define .error-title-h1 at 16pt; keep that baseline and enhance here */
    position: relative;
    margin: 0 0 12px 0;
    padding: 0 0 0 12px;
    font-family: Arial, sans-serif;
    font-size: 16pt; /* keep consistent with your title baseline */
    font-weight: 400;
    color: #000;
}

    .error-title-h1::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.2em;
        width: 4px;
        height: 1em;
        border-radius: 3px;
    }

/* Description & Help copy use your body text scale (11pt) */

.error-wrap p,
.error-wrap .error-description,
.error-wrap .error-help,
.error-wrap .error-contact {
    text-align: left !important;
}


/* Reference ID & email labels for subtle emphasis */
.ref-id-label,
.webmaster-email {
    font-weight: 600;
    color: var(--muted);
}

/* Live region: provide spacing and keep it visually unobtrusive */
#status-messages[aria-live] {
    margin-bottom: 8px;
    min-height: 1px; /* keeps layout from jumping when first message appears */
}

/* Optional: a light notice style if you want to surface any inline status */
.error-notice {
    background-color: #FDECEA;
    border-left: 4px solid #D9534F;
    padding: 8px 12px;
    color: #7A1E1A;
    border-radius: 4px;
    margin: 8px 0;
}


.notification-banner-wrapper {
    text-align: center;
}


.notification-banner {
    display: inline-block;
    padding: 8px 14px; 
    margin: 12px 0;
    max-width: 80%;
    word-wrap: break-word;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}