/* ===========================
   ZDECHLICA - OTS CLASSIC STYLE
   =========================== */

/* --- RESET & BASE --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: #0a0a0a;
    background-image:
        linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 80px 80px, 80px 80px, 20px 20px, 20px 20px;
    background-attachment: fixed;
    color: #dddddd;
    font: 13px/1.6 Verdana, Arial, sans-serif;
    min-width: 1020px;
}

a { color: #bccbb2; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }

/* --- PAGE WRAPPER --- */
#zd-wrapper {
    max-width: 1060px;
    min-width: 1000px;
    margin: 0 auto;
    padding: 8px 10px;
}

/* --- LOGO HEADER BANNER --- */
#zd-logo-header {
    border: 2px solid;
    border-top-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #880000;
    border-right-color: #222222;
    background: #000000;
    text-align: center;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}
#zd-logo-header a { display: inline-block; z-index: 1; position: relative; }
#zd-logo-header img {
    max-height: 150px;
    max-width: 700px;
    width: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}
#zd-logo-header .zd-logo-fallback {
    font-family: 'Cinzel', serif;
    font-size: 46px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000, 0 0 20px rgba(233, 195, 73, 0.3);
    letter-spacing: 5px;
    display: block;
    padding: 20px 0;
}
#zd-logo-header .zd-logo-sub {
    font-family: 'VT323', monospace;
    font-size: 16px;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 4px;
}

/* --- TOP INFO BAR --- */
#zd-topbar {
    background: linear-gradient(to bottom, #1a1a1a 0%, #111111 100%);
    border: 2px solid;
    border-top-color: #333333;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #666666;
    border-top: none;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.zd-topbar-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #888888;
    font-family: 'VT323', monospace;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}
.zd-topbar-item img { height: 14px; opacity: 0.65; }
.zd-topbar-item:hover { color: #ffffff; text-decoration: none; }
.zd-topbar-item:hover img { opacity: 1; }

.zd-topbar-players {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'VT323', monospace;
    font-size: 16px;
    color: #888888;
}
.zd-topbar-players img { height: 14px; opacity: 0.65; }
.zd-topbar-players a {
    color: #bccbb2;
    font-family: 'VT323', monospace;
    font-size: 16px;
    text-decoration: none;
}
.zd-topbar-players a:hover { color: #ffffff; text-decoration: none; }

/* --- LANGUAGE FLAGS --- */
#zd-langbar {
    background: #0d0d0d;
    border: 2px solid;
    border-top: none;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #666666;
    padding: 3px 10px;
    display: flex;
    gap: 4px;
    margin-bottom: 6px;
}
.zd-lang-flag {
    width: 22px; height: 15px;
    cursor: pointer;
    border: 1px solid #333333;
    opacity: 0.5;
    transition: opacity 0.15s;
}
.zd-lang-flag:hover { opacity: 1; border-color: #666666; }
.zd-lang-flag.zd-lang-active { opacity: 1; border-color: #ffffff; }

/* --- 3-COLUMN LAYOUT --- */
#zd-columns {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    padding: 0;
}

/* ========================
   LEFT SIDEBAR
   ======================== */
#zd-sidebar-left { width: 185px; flex-shrink: 0; display: flex; flex-direction: column; gap: 3px; }

.zd-nav-section {
    border: 2px solid;
    border-top-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #222222;
    background: #111111;
}

.zd-nav-title {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%);
    color: #ffffff;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 24px 6px 9px;
    cursor: pointer;
    user-select: none;
    border-bottom: 2px solid #000000;
    display: block;
    text-align: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
    position: relative;
}
.zd-nav-title:hover { color: #dddddd; }
.zd-nav-arrow {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
    color: #555555;
    transition: transform 0.18s;
    display: inline-block;
}
.zd-nav-section.zd-collapsed .zd-nav-arrow {
    transform: translateY(-50%) rotate(-90deg);
}
.zd-nav-section.zd-collapsed .zd-nav-body { display: none; }

.zd-nav-body { background: #0f0f0f; }

.zd-nav-link {
    display: block;
    padding: 5px 8px 5px 14px;
    color: #aaaaaa;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    text-decoration: none;
    border-bottom: 1px solid #222222;
    border-left: 3px solid transparent;
    background: linear-gradient(to right, #111111 0%, #1a1a1a 100%);
    transition: background 0.1s, color 0.1s, border-left-color 0.1s;
}
.zd-nav-link::before {
    content: "» ";
    color: #880000;
}
.zd-nav-link:hover {
    background: linear-gradient(to right, #1c1c1c 0%, #242424 100%);
    border-left-color: #880000;
    color: #ffffff;
    text-decoration: none;
}
.zd-nav-link.zd-active {
    background: linear-gradient(to right, #1c1c1c 0%, #242424 100%);
    border-left-color: #880000;
    color: #ffffff;
}
.zd-nav-link.zd-active::before { color: #ffffff; }

/* Nav buttons */
.zd-nav-buttons { padding: 6px; display: flex; flex-direction: column; gap: 4px; }

.zd-btn {
    display: block;
    text-align: center;
    padding: 5px 8px;
    font-family: 'VT323', monospace;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid;
    width: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
    transition: background 0.1s;
}
.zd-btn-primary {
    background: linear-gradient(to bottom, #1a2517 0%, #0a0f08 100%);
    border-top-color: #5a7550;
    border-left-color: #5a7550;
    border-bottom-color: #050804;
    border-right-color: #050804;
    color: #bccbb2;
}
.zd-btn-primary:hover {
    background: linear-gradient(to bottom, #243320 0%, #111a0e 100%);
    color: #d8e7cd;
    text-decoration: none;
}
.zd-btn-secondary {
    background: linear-gradient(to bottom, #222222 0%, #111111 100%);
    border-top-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #0a0a0a;
    border-right-color: #0a0a0a;
    color: #aaaaaa;
}
.zd-btn-secondary:hover {
    background: linear-gradient(to bottom, #2c2c2c 0%, #1a1a1a 100%);
    color: #dddddd;
    text-decoration: none;
}

/* ========================
   MAIN CONTENT
   ======================== */
#zd-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }

.zd-box {
    border: 2px solid;
    border-top-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #222222;
    background: #111111;
}
.zd-box-title {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%);
    color: #ffffff;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 11px;
    border-bottom: 2px solid #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}
.zd-box-body {
    padding: 10px;
    background: #111111;
}

/* Alerts */
.zd-alert {
    padding: 9px 13px;
    margin-bottom: 10px;
    font-size: 12px;
    border: 1px solid;
}
.zd-alert-success {
    background: #0a1a08;
    border-color: #284018;
    color: #80c840;
}
.zd-alert-error {
    background: #1a0808;
    border-color: #480000;
    color: #ff8080;
    padding-left: 34px;
    position: relative;
}
.zd-alert-error::before {
    content: "⚠";
    position: absolute;
    left: 11px;
    top: 9px;
    font-size: 13px;
    color: #880000;
}

/* ========================
   RIGHT SIDEBAR
   ======================== */
#zd-sidebar-right { width: 175px; flex-shrink: 0; display: flex; flex-direction: column; gap: 3px; }

.zd-side-box {
    border: 2px solid;
    border-top-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #222222;
    background: #111111;
}
.zd-side-box-title {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%);
    color: #ffffff;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 9px;
    border-bottom: 2px solid #000000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-shadow: 1px 1px 0 #000;
}
.zd-side-box-title a { color: #ffffff; font-family: 'Cinzel', serif; text-decoration: none; }
.zd-side-box-title a:hover { color: #f0d060; text-decoration: none; }
.zd-side-box-body { padding: 8px; text-align: center; font-size: 11px; background: #0f0f0f; }

/* Server save timer */
.zd-timer-display {
    font-family: 'VT323', monospace;
    font-size: 26px;
    color: #bccbb2;
    letter-spacing: 2px;
    display: block;
    text-align: center;
    padding: 4px 0;
}
.zd-timer-label {
    font-family: 'VT323', monospace;
    font-size: 14px;
    color: #555555;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    margin-bottom: 2px;
}

/* Social buttons */
.zd-social-btn {
    display: block;
    width: 100%;
    padding: 5px 4px;
    text-align: center;
    font-family: 'VT323', monospace;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid;
    border-top-color: #555555;
    border-left-color: #555555;
    border-bottom-color: #0a0a0a;
    border-right-color: #0a0a0a;
    background: linear-gradient(to bottom, #222222 0%, #111111 100%);
    color: #aaaaaa;
    text-shadow: 1px 1px 0 #000;
    transition: background 0.1s;
}
.zd-social-btn:hover { color: #dddddd; text-decoration: none; background: linear-gradient(to bottom, #2c2c2c 0%, #1a1a1a 100%); }
.zd-social-btn.zd-social-discord {
    color: #7090d0;
    border-top-color: #404060;
    border-left-color: #404060;
    background: linear-gradient(to bottom, #161626 0%, #0a0a16 100%);
}
.zd-social-btn.zd-social-discord:hover {
    background: linear-gradient(to bottom, #1e1e32 0%, #161626 100%);
    color: #a0b0e8;
    text-decoration: none;
}
.zd-social-btn.zd-social-instagram {
    color: #b07090;
    border-top-color: #402030;
    border-left-color: #402030;
    background: linear-gradient(to bottom, #1a0f18 0%, #0d080e 100%);
}
.zd-social-btn.zd-social-instagram:hover {
    background: linear-gradient(to bottom, #261626 0%, #1a0f18 100%);
    color: #d090b0;
    text-decoration: none;
}

/* Streamers */
#streamerScroll a {
    display: flex; align-items: center; gap: 4px;
    padding: 3px 0; color: #808870; font-size: 10px;
    text-decoration: none; border-bottom: 1px solid #222222;
}
#streamerScroll a:hover { color: #ffffff; text-decoration: none; }

/* ========================
   AGGRESSIVE DARK OVERRIDES
   High specificity matching basic_d.css
   ======================== */

/* .Content .Box and .Content .BoxContent — match basic_d.css specificity */
.Content .Box {
    background-color: #111111 !important;
    background-image: none !important;
    border-color: #333333 !important;
    color: #cccccc !important;
}
.Content .BoxContent,
.Content .BoxContent td,
.Content .BoxContent .ff_info,
.Content .BoxContent .ff_infotext,
.Content .BoxContent .ff_smallinfo,
.Content .BoxContent .ff_large,
.Content .BoxContent .ff_pagetext,
.Content .BoxContent .ff_pagetextgrey,
.Content .BoxContent .ff_white,
.Content .BoxContent .ff_whitelarge {
    background-color: #111111 !important;
    background-image: none !important;
    color: #cccccc !important;
    border-color: #222222 !important;
}
.Content .BoxContent .ff_pagetextred { color: #ff8080 !important; }

.Content .Border_1,
.Content .Border_2,
.Content .Border_3 {
    background-color: #111111 !important;
    background-image: none !important;
    border-color: #333333 !important;
}

/* Content links */
.Content a,
.Content a:link,
.Content a:visited,
.Themeboxes a {
    color: #bccbb2 !important;
    font-weight: normal !important;
}
.Content a:hover,
.Content a:focus,
.Content a:active {
    color: #ffffff !important;
}

/* BoxContent generic */
.BoxContent,
div.BoxContent,
#news .BoxContent,
.Box .BoxContent {
    background-color: #111111 !important;
    background-image: none !important;
}

/* Caption containers — match .TableContainer .CaptionContainer specificity */
.TableContainer .CaptionContainer,
.CaptionContainer {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%) !important;
}
.TableContainer .CaptionContainer .CaptionInnerContainer,
.CaptionContainer .CaptionInnerContainer {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%) !important;
}
.TableContainer .CaptionContainer .Text,
.CaptionContainer .Text,
.CaptionContainer .CaptionInnerContainer .Text {
    color: #ffffff !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    justify-content: center !important;
    text-shadow: 1px 1px 0 #000 !important;
    background: none !important;
    width: 100% !important;
}
.Caption { color: #ffffff !important; font-family: 'Cinzel', serif !important; }

.CaptionEdgeLeftTop, .CaptionEdgeRightTop,
.CaptionEdgeLeftBottom, .CaptionEdgeRightBottom,
.CaptionBorderTop, .CaptionBorderBottom,
.CaptionVerticalLeft, .CaptionVerticalRight {
    display: none !important;
}

/* Table containers */
.TableContentContainer {
    background-color: #111111 !important;
    border-color: #333333 !important;
}
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5 {
    background-color: #111111 !important;
    border-color: #333333 !important;
}
.TableContainer .Table1 .InnerTableContainer,
.TableContainer .Table2 .InnerTableContainer,
.TableContainer .Table3 .InnerTableContainer,
.TableContainer .Table4 .InnerTableContainer {
    background-color: #111111 !important;
    border-color: #222222 !important;
}
.TableContainer .Table2 .InnerTableContainer td,
.TableContainer .Table3 .TableContentAndRightShadow td {
    border-color: #1e1e1e !important;
}

.TableContainer { margin-bottom: 10px; }
.InnerTableContainer {
    border: 1px solid #222222 !important;
    background: #111111 !important;
    overflow-x: auto;
}

/* Table rows */
.Table1 tr, .Table2 tr, .Table3 tr {
    background: #111111 !important;
    box-shadow: none !important;
}
.Table1 tr:nth-child(even), .Table2 tr:nth-child(even) {
    background: #0d0d0d !important;
}
.Table1 tr:hover, .Table2 tr:hover {
    background: #1a1a1a !important;
}
.Table1 td, .Table1 th,
.Table2 td, .Table2 th,
.Table3 td, .Table3 th {
    padding: 5px 8px !important;
    border: 1px solid #222222 !important;
    color: #cccccc !important;
    font-size: 12px !important;
    background: transparent !important;
}
.Table1 th, .Table2 th {
    color: #ffffff !important;
    font-weight: 700 !important;
    background: linear-gradient(to bottom, #2a2a2a 0%, #111111 100%) !important;
    font-family: 'Cinzel', serif !important;
    text-shadow: 1px 1px 0 #000 !important;
}
.TableContent td {
    color: #cccccc !important;
    font-size: 12px !important;
}

/* SmallBox / messages */
.SmallBox, .MessageContainer,
.SmallBox .MessageContainer {
    background: #111111 !important;
    background-color: #111111 !important;
    background-image: none !important;
    border: 1px solid #222222 !important;
}
.SmallBox .Message, .Message {
    padding: 10px 12px !important;
    color: #cccccc !important;
    background: #111111 !important;
    background-color: #111111 !important;
    background-image: none !important;
}
.SmallBox .ErrorMessage, .ErrorMessage {
    padding: 10px 12px 10px 34px !important;
    color: #ff8080 !important;
    background: #1a0808 !important;
    background-color: #1a0808 !important;
    background-image: none !important;
    position: relative !important;
}
.BoxFrameHorizontal, .BoxFrameVerticalLeft, .BoxFrameVerticalRight,
.BoxFrameEdgeLeftTop, .BoxFrameEdgeRightTop,
.BoxFrameEdgeLeftBottom, .BoxFrameEdgeRightBottom,
.SmallBox .BoxFrameHorizontal, .SmallBox .BoxFrameVerticalRight,
.SmallBox .BoxFrameVerticalLeft, .SmallBox .BoxFrameEdgeLeftTop,
.SmallBox .BoxFrameEdgeLeftBottom, .SmallBox .BoxFrameEdgeRightTop,
.SmallBox .BoxFrameEdgeRightBottom,
.AttentionSign { display: none !important; }

.Corner-tl, .Corner-tr, .Corner-bl, .Corner-br,
.Border_1, .BorderTitleText, .CornerWrapper-b {
    display: none !important;
}

#ContentBoxHeadline, img.Title, .ContentBoxHeadline { display: none !important; }

#statusBar { display: inline-block; vertical-align: middle; }
#statusBar td {
    width: 11px !important; height: 5px !important;
    padding: 0 !important;
    border: 1px solid #0a0a0a !important;
    background: #1a1a1a !important;
}

/* ScrollableTextBox */
.Content .BoxContent .ScrollableTextBox,
.Content .BoxContent .ScrollableTextBox td {
    background-color: #0d0d0d !important;
    border-color: #333333 !important;
    color: #cccccc !important;
}

/* Form elements */
input:not([type]),
input[type="text"], input[type="password"], input[type="email"],
input[type="number"], input[type="search"], select, textarea {
    background: #0d0d0d !important;
    border: 2px solid !important;
    border-top-color: #222222 !important;
    border-left-color: #222222 !important;
    border-bottom-color: #555555 !important;
    border-right-color: #555555 !important;
    color: #cccccc !important;
    padding: 5px 8px !important;
    font: 12px Verdana, sans-serif !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
input:not([type]):focus,
input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, select:focus, textarea:focus {
    border-color: #555555 !important;
    background: #111111 !important;
}
select option { background: #111111; color: #cccccc; }

input[type="submit"], button[type="submit"], .Button input, button {
    background: linear-gradient(to bottom, #1a2517 0%, #0a0f08 100%) !important;
    border: 2px solid !important;
    border-top-color: #5a7550 !important;
    border-left-color: #5a7550 !important;
    border-bottom-color: #050804 !important;
    border-right-color: #050804 !important;
    color: #bccbb2 !important;
    padding: 5px 14px !important;
    font-family: 'VT323', monospace !important;
    font-size: 16px !important;
    cursor: pointer !important;
    text-shadow: 1px 1px 0 #000 !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    letter-spacing: 0.5px !important;
}
input[type="submit"]:hover, button[type="submit"]:hover, button:hover {
    background: linear-gradient(to bottom, #243320 0%, #111a0e 100%) !important;
    color: #d8e7cd !important;
}

label, .TableContent label { color: #aaaaaa !important; font-size: 12px !important; }

input[type="checkbox"], input[type="radio"] { accent-color: #ffffff; }

.TableContent tr td[style*="background-color: #ff"],
.TableContent td[style*="background:#ff"],
tr.highlighted td { background: #1a0808 !important; }

td[style*="background-color: rgb(255"],
td[style*="background: #f"],
tr[style*="background: #f"] { background: #1a0808 !important; }

/* Countdown */
.countdown-font { color: #bccbb2; font-family: 'VT323', monospace; font-size: 18px; }
#countdown-days, #countdown-hours,
#countdown-minutes, #countdown-seconds { color: #ffffff; font-family: 'VT323', monospace; }

/* ========================
   FOOTER
   ======================== */
#zd-footer {
    text-align: center;
    padding: 8px;
    color: #555555;
    font-family: 'VT323', monospace;
    font-size: 16px;
    border: 2px solid;
    border-top-color: #666666;
    border-left-color: #666666;
    border-bottom-color: #222222;
    border-right-color: #222222;
    background: linear-gradient(to bottom, #1a1a1a 0%, #0d0d0d 100%);
    margin-top: 6px;
}
#zd-footer a { color: #555555; font-family: 'VT323', monospace; }
#zd-footer a:hover { color: #ffffff; text-decoration: none; }
#zd-footer a:not(:last-child)::after { content: " | "; color: #333333; }

/* ========================
   SCROLLBAR
   ======================== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #000000; }
::-webkit-scrollbar-thumb { background: #333333; }
::-webkit-scrollbar-thumb:hover { background: #555555; }

/* ========================
   GOOGLE TRANSLATE
   ======================== */
.goog-te-banner-frame, .skiptranslate { display: none !important; }
body { top: 0 !important; }
#google_translate_element { display: none; }

/* ========================
   MISC
   ======================== */
#HelperDivContainer {
    background: #111111 !important;
    background-image: none !important;
    border: 2px solid !important;
    border-top-color: #666666 !important;
    border-left-color: #666666 !important;
    border-bottom-color: #222222 !important;
    border-right-color: #222222 !important;
    color: #cccccc !important;
}
.panel_left_staff_inner {
    background: #0f0f0f !important;
    background-image: none !important;
    color: #888888 !important;
}
.panel_left_streamers_top {
    background: linear-gradient(to bottom, #333333 0%, #111111 100%) !important;
    background-image: none !important;
}
.TableContent, .TableContent table {
    font-size: 12px !important;
    color: #cccccc !important;
}
.TableContent img { vertical-align: middle; }

/* News ticker */
.NewsTicker, #NewsTicker {
    background: #111111 !important;
    border: 1px solid #222222 !important;
    border-left: 4px solid #880000 !important;
    color: #cccccc !important;
}

/* ========================
   NEWS.CSS OVERRIDES
   ======================== */
.Content .BoxContent .Odd,
.Content .BoxContent .Even {
    background-color: #111111 !important;
    color: #cccccc !important;
}
.Content .BoxContent .Even { background-color: #0d0d0d !important; }

.Content .NewsHeadlineBackground {
    background-image: none !important;
    background-color: #1e1e1e !important;
    border: 1px solid #333333 !important;
    border-left: 3px solid #880000 !important;
}
.Content .NewsHeadlineText,
.Content .NewsHeadlineText p {
    color: #ffffff !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 0 #000 !important;
}
.Content .NewsHeadlineDate { color: #aaaaaa !important; }

.Content #NewsTicker .BoxContent,
.Content #NewsTicker .BoxContent .Row {
    background-color: #111111 !important;
    background-image: none !important;
}
.Content #NewsTicker .NewsTickerText,
.Content #NewsTicker .NewsTickerDate {
    color: #cccccc !important;
}

.Content .NewsTable,
.Content .NewsTable .NewsTableContainer {
    background-color: #111111 !important;
    background-image: none !important;
}

/* ========================
   AUTH / CREATE ACCOUNT CSS OVERRIDES
   ======================== */
.Content .BoxContent .ScrollableTextBox,
.Content .BoxContent .ScrollableTextBox td {
    background-color: #0d0d0d !important;
    border-color: #333333 !important;
    color: #cccccc !important;
}
.PWStrengthToolTip {
    border: 1px solid #333333 !important;
    color: #cccccc !important;
    background-image: none !important;
    background-color: #111111 !important;
}
.PWStrengthToolTip .HelperDivArrow { display: none !important; }
.PWStrengthIndicator { color: #cccccc !important; border-color: #333333 !important; }