/*
 * Styles specific to the Appointinator.
 *
 * (c) 2021, 2023, 2026 Society for Creative Anachronism Ltd (Australia).
 *     See the file LICENSE for details.
 */

body {
    font-family: Arial,Helvetica,sans-serif;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
}

a {
    color: royalblue;
    text-decoration: none;
}

#footer {
    font-size: small;
    text-align: center;
}

/* a panel containing buttons */
.appointinator-buttons {
}

/* for displaying e-mail addresses */
.appointinator-email {
    color: royalblue;
}

/* fatal errors shown on the error page */
.appointinator-error-fatal {
    background-color: yellow;
    border-style: double;
    color: red;
    font-weight: bold;
}

/* validation errors shown next to form inputs */
.appointinator-error-validation {
    color: red;
}

/* warnings shown within appointment pages */
.appointinator-error-warning {
    background-color: lightgrey;
    border-style: solid;
    color: black;
    font-weight: normal;
}

/* a div containing an input field */
div .appointinator-input {
}

/* a non-submission button */
input .appointinator-input-button {
}

/* a div containing explanatory notes */
.appointinator-input-notes {
    font-size: small;
    font-style: italic;
}

/* the main submit button on a page */
.appointinator-input-submit {
    background: royalblue;
    color: snow;
    border: double;
    font-weight: bold;
    height: 5ex;
    width: 18ex;
}

/* a label */
.appointinator-label {
    font-weight: bold;
}

/* the message part rows on the templates page */
.appointinator-message-part-row {
    color: black;
}
.appointinator-message-part-disabled {
    color: lightgrey;
}

/* the explanatory text at the top of a page */
.appointinator-preamble {
    text-align: center;
}

/* a table containing search results */
table.appointinator-search-results {
    border-style: solid;
    border-width: 1px;
    margin: 1ex auto 1ex;
    width: 100%;
}

/* the header row of a table of search results */
thead.appointinator-search-header {
    font-weight: bold;
}

/* a row of search results */
tr.appointinator-search-results > td {
    border-color: black;
    border-style: none none dotted dotted;
    border-width: 1px;
}
tr.appointinator-search-results > td.appointinator-separator {
    font-style: italic;
    text-align: center;
}

/* the div separating two sections of a form, possibly containing explanatory text */
.appointinator-separator {
    font-style: italic;
    text-align: center;
}

/* the div containing the result of a submission */
.appointinator-submit-message {
    margin: 2px;
    font-size: 10pt;
    font-style: italic;
    height: 2ex;
}

/* tabs */
.appointinator-tab {
    background-color: white;
    border-top: 2px solid black;
    border-right: 2px solid black;
    border-left: 0;
    border-bottom: 0;
    color: black;
    margin: 0;
}
.appointinator-tab-panel {
    border: 2px solid darkgrey;
    padding: 8px;
}
.appointinator-tab-selected {
    background-color: royalblue;
    color: snow;
}

/* the textarea containing advertisement text */
.appointinator-textarea {
    border: solid;
    font-family: consolas, monospace;
    font-size: 10pt;
    height: 100%;
    overflow-y: scroll;
    resize: none;
    width: 100%;
}

/* the table containing the timeline */
table.appointinator-timeline {
    font-size: small;
    margin: 1ex auto 1ex;
}

thead.appointinator-timeline {
    background: lightgrey;
    font-weight: bold;
}

tr.appointinator-timeline {
    margin-bottom: 1ex;
}