BODY {
    margin: 0;
    background-color: #fff;
}

BODY, TD, INPUT, TEXTAREA, SELECT   {
    font: 11px Verdana, Arial, sans-serif;
    color: #333;
}

IMG {
    border: 0;
}

A:link, A:active, A:visited   {
    color: #36c;
}

A:hover {
    color: #69c;
    text-decoration: none;
}

.selected-link:link, .selected-link:visited {
    text-decoration: none;
    color: #000;
}

.callout:link, .callout:active, .callout:visited {
    text-decoration: none;
    color: #333;
}

.callout:hover, .callout:focus {
    border-bottom: 1px dashed #69c;
}

.condense_control {
    color: #36c;
}

.condense_control:hover {
    color: #69c;
}

br {
    clear: both;
}

.clear {
    clear: both;
}

p {
    margin: 0 0 10px 0;
}

pre, form, fieldset {
    margin: 0;
    padding: 0;
}

h1 {
    font: bold 14px Verdana, Arial, sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
}

h2 {
    font: bold 12px Verdana, Arial, sans-serif;
    margin: 0 0 6px 0;
    padding: 0;
}

h3 {
    font: bold 11px Verdana, Arial, sans-serif;
    margin: 0 0 6px 0;
    padding: 0;
}

hr {
    margin: 10px 0;
    padding: 0;
    width: 100%; /* 764px; */
}

TABLE {
    border: 0;
}

#wrapper, table.wrapper {
    margin: 0 10px;
    width: 980px;
}

#topBanner {
    width: 100%;
    padding: 12px 0 12px 0;
    margin: 0;
}

.logo {
    float: left;
}

/* Error Messages - EXACT SPECIFICATION */
.errorMessages {
    margin: 0 0 12px 0;
    padding: 7px;
    background: #f9b8b8;
    font: bold 12px/18px Verdana, sans-serif;
}

.successMessages {
    margin: 0 0 12px 0;
    padding: 7px;
    background: #c4deac;
    font: bold 12px/18px Verdana, sans-serif;
}

.specialMessages {
    margin: 0 0 12px 0;
    padding: 7px;
    background: #fff1a8;
    font: bold 12px/18px Verdana, sans-serif;
}

.errorMessages ul, .successMessages ul, .specialMessages ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.errorMessages ul li, .successMessages ul li, .specialMessages ul li {
    list-style-position: inside;
}

/* Form Styling - EXACT MATCH */
form#columnForm .autoWidth, form#columnForm .customButton {
    width: auto;
}

form#columnForm input, form#columnForm select {
    width: 250px;
}

form#columnForm fieldset {
    margin: 0 0 8px 0;
    border: none;
}

form#columnForm fieldset p {
    margin: 0 0 6px 0;
}

input, select, fieldset img, input.radio {
    vertical-align: middle;
}

form#columnForm label {
    display: block;
    font-weight: bold;
    padding: 2px 0;
}

/* Fieldsets */
fieldset {
    border: none;
}

/* HTMX loading indicator styles */
.htmx-request #loading {
    display: inline !important;
}

.htmx-request .default-text {
    display: none;
}

/* Ensure error message height matches original site exactly */
#errorMessages span {
    padding: 0 6px;
}
#errorMessages {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 3px 16px 3px 0;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    background: #f9b8b8;
    box-sizing: border-box;
    text-align: left;
}

/* Error message full width and standard vertical rhythm */
#errorMessages ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
#errorMessages li {
    margin: 0;
    line-height: inherit;
}