/* Flamenet Tools — retro Y2K tool pages, Flamenet 2001 design system. */

.fnt-tool {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    background: #FFFFFF;
    border: 1px solid #7F9DB9;
    padding: 0;
    margin: 0 0 12px 0;
}

.fnt-tool-head {
    background: #003399;
    color: #FFCC00;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 8px;
    border-bottom: 1px solid #7F9DB9;
}

.fnt-tool-bullet {
    color: #FFCC00;
    margin-right: 4px;
}

.fnt-tool-tag {
    background: #EEF2FF;
    color: #003399;
    font-size: 10px;
    padding: 3px 8px;
    border-bottom: 1px solid #7F9DB9;
}

.fnt-tool-blurb {
    padding: 6px 8px;
    margin: 0;
    color: #666666;
    font-size: 10px;
    border-bottom: 1px dotted #7F9DB9;
}

/* Search forms */
.fnt-tool-form {
    padding: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #7F9DB9;
}

.fnt-tool-form input[type="text"] {
    width: 60%;
    padding: 3px 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
}

.fnt-tool-form input[type="submit"],
.fnt-babel-controls input[type="submit"] {
    background: #003399;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 12px;
    border: 1px solid #003399;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

.fnt-tool-form input[type="submit"]:hover,
.fnt-babel-controls input[type="submit"]:hover,
.fnt-email-btn:hover {
    background: #CC0000;
    border-color: #CC0000;
    color: #FFCC00;
}

.fnt-tool-form-extra {
    margin-top: 6px;
}

/* Results */
.fnt-results {
    padding: 8px;
}

.fnt-results-count {
    background: #EEF2FF;
    border: 1px solid #7F9DB9;
    padding: 3px 6px;
    color: #003399;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 10px;
}

.fnt-results-list {
    list-style: decimal inside;
    margin: 0;
    padding: 0;
}

.fnt-result {
    margin-bottom: 8px;
    padding: 4px 4px 4px 0;
    border-bottom: 1px dotted #7F9DB9;
}

.fnt-result-title {
    color: #0000CC;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}

.fnt-result-title:visited {
    color: #660099;
}

.fnt-result-title:hover {
    color: #CC0000;
}

.fnt-result-snippet {
    color: #000;
    margin-top: 2px;
}

.fnt-result-url {
    color: #008000;
    font-size: 10px;
    margin-top: 2px;
}

.fnt-empty {
    margin: 8px;
    padding: 12px;
    background: #FFFCEE;
    border: 1px dashed #7F9DB9;
    color: #666666;
    text-align: center;
}

/* Image grid */
.fnt-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 8px;
}

.fnt-image-cell {
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    color: #0000CC;
    font-size: 10px;
    display: block;
}

.fnt-image-cell img {
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
    margin: 0 auto 4px;
}

.fnt-image-cell:hover {
    border-color: #CC0000;
}

.fnt-image-caption {
    color: #003399;
}

/* Media tables (audio / yellow pages / people) */
.fnt-media-table,
.fnt-yp-table,
.fnt-people-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    background: #FFFFFF;
}

.fnt-media-table th,
.fnt-yp-table th,
.fnt-people-table th {
    background: #003399;
    color: #FFCC00;
    text-align: left;
    padding: 3px 6px;
    border: 1px solid #7F9DB9;
}

.fnt-media-table td,
.fnt-yp-table td,
.fnt-people-table td {
    padding: 3px 6px;
    border: 1px solid #7F9DB9;
    vertical-align: top;
}

.fnt-media-table tr:nth-child(even) td,
.fnt-yp-table tr:nth-child(even) td,
.fnt-people-table tr:nth-child(even) td {
    background: #EEF2FF;
}

.fnt-media-table audio {
    height: 24px;
}

/* Video grid */
.fnt-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

.fnt-video-cell {
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    padding: 4px;
}

.fnt-video-cell video {
    width: 100%;
    height: auto;
    background: #000;
}

.fnt-video-caption {
    margin-top: 4px;
    color: #003399;
    font-size: 10px;
    text-align: center;
}

/* News list */
.fnt-news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fnt-news-item {
    padding: 6px 0;
    border-bottom: 1px dotted #7F9DB9;
}

.fnt-news-title {
    color: #0000CC;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}

.fnt-news-title:visited {
    color: #660099;
}

.fnt-news-title:hover {
    color: #CC0000;
}

.fnt-news-date {
    color: #666666;
    font-size: 10px;
}

.fnt-news-snippet {
    margin-top: 2px;
}

/* Babel Fish */
.fnt-babel-form {
    padding: 8px;
    border-bottom: 1px solid #7F9DB9;
}

.fnt-babel-form textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #7F9DB9;
    padding: 4px;
    background: #FFFFFF;
}

.fnt-babel-controls {
    margin-top: 6px;
}

.fnt-babel-controls select {
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px;
    margin-right: 6px;
}

.fnt-babel-result {
    margin: 8px;
    border: 1px solid #7F9DB9;
    background: #FFFCEE;
}

.fnt-babel-result-label {
    background: #FFCC00;
    color: #003399;
    font-weight: bold;
    padding: 3px 6px;
    border-bottom: 1px solid #7F9DB9;
    font-size: 10px;
}

.fnt-babel-result-text {
    padding: 8px;
    font-size: 12px;
    color: #000;
}

.fnt-babel-error {
    background: #FFEEEE;
    color: #CC0000;
    padding: 8px;
}

/* Maps */
.fnt-map-result {
    padding: 8px;
}

.fnt-map-place {
    font-weight: bold;
    color: #003399;
    font-size: 12px;
    margin-bottom: 2px;
}

.fnt-map-coords {
    color: #666666;
    font-size: 10px;
    margin-bottom: 6px;
}

.fnt-map-frame {
    width: 100%;
    height: 360px;
    border: 1px solid #7F9DB9;
    background: #EEF2FF;
}

.fnt-map-links {
    margin-top: 6px;
    font-size: 11px;
}

.fnt-map-links a {
    color: #0000CC;
}

.fnt-map-links a:hover {
    color: #CC0000;
}

/* Free Email */
.fnt-email-pitch {
    padding: 10px;
}

.fnt-email-perks {
    margin: 6px 0 10px 18px;
}

.fnt-email-perks li {
    margin: 2px 0;
}

.fnt-email-cta {
    margin-top: 10px;
    padding: 8px;
    background: #FFCC00;
    border: 1px solid #003399;
    text-align: center;
}

.fnt-email-btn {
    display: inline-block;
    background: #003399;
    color: #FFCC00 !important;
    font-weight: bold;
    padding: 4px 14px;
    text-decoration: none;
    border: 1px solid #003399;
    font-size: 12px;
    margin-right: 8px;
}

.fnt-email-link {
    color: #003399;
    font-size: 10px;
}

.fnt-email-yours {
    margin-top: 10px;
    padding: 8px;
    background: #EEF2FF;
    border: 1px solid #7F9DB9;
}

.fnt-email-yours-label {
    color: #666666;
    font-size: 10px;
}

.fnt-email-yours-value {
    color: #003399;
    font-weight: bold;
    font-size: 14px;
    margin-top: 2px;
}