/**
 * Flamenet Contact — CSS
 * Matches the Flamenet 2001 portal design system.
 * Colors: #003399 blue, #CC0000 red, #7F9DB9 border, #666 muted
 */

/* -------------------------------------------------------
   Container
------------------------------------------------------- */
.fnct-wrap {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin: 0 0 10px 0;
}

/* -------------------------------------------------------
   Flash messages
------------------------------------------------------- */
.fnct-msg {
    padding: 5px 8px;
    margin-bottom: 10px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 3px solid;
}

.fnct-msg-ok {
    background: #F5FFF5;
    border-color: #006600;
    color: #006600;
}

.fnct-msg-err {
    background: #FFF5F5;
    border-color: #CC0000;
    color: #CC0000;
}

.fnct-msg a {
    color: inherit;
}

.fnct-notice {
    padding: 5px 8px;
    margin-bottom: 10px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.fnct-notice-error {
    background: #FFF5F5;
    border-left: 3px solid #CC0000;
    color: #CC0000;
}

/* -------------------------------------------------------
   Section header bar (matches theme portal style)
------------------------------------------------------- */
.fnct-section-header {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 6px;
    margin-bottom: 8px;
}

/* -------------------------------------------------------
   Intro text
------------------------------------------------------- */
.fnct-intro {
    font-size: 11px;
    color: #333333;
    margin: 0 0 10px 0;
    padding: 0;
}

.fnct-intro a {
    color: #0000CC;
}

/* -------------------------------------------------------
   Login prompt
------------------------------------------------------- */
.fnct-login-prompt {
    background: #EEF2FF;
    border: 1px solid #7F9DB9;
    padding: 10px 12px;
    font-size: 11px;
}

.fnct-login-prompt p {
    margin: 0 0 6px 0;
}

.fnct-login-prompt p:last-child {
    margin-bottom: 0;
}

.fnct-login-prompt a {
    color: #0000CC;
}

.fnct-muted {
    color: #666666;
}

/* -------------------------------------------------------
   Form
------------------------------------------------------- */
.fnct-form {
    background: #FFFFFF;
    border: 1px solid #7F9DB9;
    padding: 10px 12px;
}

.fnct-field {
    margin-bottom: 8px;
}

.fnct-field label {
    display: block;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 3px;
    color: #000000;
}

.fnct-req {
    color: #CC0000;
}

.fnct-field input[type="text"],
.fnct-field textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    padding: 3px 4px;
    color: #000000;
    background: #FFFFFF;
}

.fnct-field input[type="text"]:focus,
.fnct-field textarea:focus {
    border-color: #003399;
    outline: none;
}

.fnct-field textarea {
    resize: vertical;
}

/* -------------------------------------------------------
   Sender meta line
------------------------------------------------------- */
.fnct-sender-meta {
    font-size: 10px;
    color: #666666;
    margin: 6px 0 8px 0;
}

/* -------------------------------------------------------
   Submit row
------------------------------------------------------- */
.fnct-submit-row {
    margin-top: 4px;
}

.fnct-btn-submit {
    background-color: #003399;
    color: #FFFFFF;
    border: 1px solid #002277;
    padding: 3px 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.fnct-btn-submit:hover {
    background-color: #CC0000;
    border-color: #990000;
}