/* HaloGrid.com Styles - Historical Archive */

body {
    background: #1f242b;
    color: #CCCCCC;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

a:link, body_alink {
    color: #355A84;
    text-decoration: none;
}

a:visited, body_avisited {
    color: #355A84;
    text-decoration: none;
}

a:hover, a:active, body_ahover {
    color: #9DA6B0;
    text-decoration: none;
}

.page {
    background: #223044;
    color: #FFFFFF;
    border: 1px;
}

td, th, p, li {
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder {
    background: #FFFFFF;
    color: #FFFFFF;
    border: 1px;
}

.tcat {
    background: #52678C;
    color: #FFFFFF;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tcat a:link, .tcat_alink {
    color: #ffffff;
    text-decoration: none;
}

.tcat a:visited, .tcat_avisited {
    color: #ffffff;
    text-decoration: none;
}

.tcat a:hover, .tcat a:active, .tcat_ahover {
    color: #FFCC33;
    text-decoration: none;
}

.thead {
    background: #52678C;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.thead a:link, .thead_alink {
    color: #FFFFFF;
    text-decoration: none;
}

.thead a:visited, .thead_avisited {
    color: #FFFFFF;
    text-decoration: none;
}

.thead a:hover, .thead a:active, .thead_ahover {
    color: #FFCC33;
    text-decoration: none;
}

.tfoot {
    background: #485e7e;
    color: #FFFFFF;
}

.tfoot a:link, .tfoot_alink {
    color: #E0E0F6;
    text-decoration: none;
}

.tfoot a:visited, .tfoot_avisited {
    color: #E0E0F6;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
    color: #FFCC33;
    text-decoration: none;
}

.alt1 {
    background: #FFFFFF;
    color: #000000;
}

.alt2 {
    background: #E1E4F2;
    color: #000000;
}

td.inlinemod {
    background: #FFFFCC;
    color: #000000;
}

textarea, .bginput {
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.button {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

select {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

option, optgroup {
    font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.smallfont {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.time {
    color: #9198A5;
}

.navbar {
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.highlight {
    color: #FF0000;
    font-weight: bold;
}

legend {
    color: #22229C;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.vbmenu_control {
    background: #52678C;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}

.vbmenu_control a:link, .vbmenu_control_alink {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_control a:visited, .vbmenu_control_avisited {
    color: #FFFFFF;
    text-decoration: none;
}

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
    color: #FFCC33;
    text-decoration: none;
}



/* Small padding on 'thead' elements */
td.thead, div.thead {
    padding: 4px;
}



/* Don't change the following */
form {
    display: inline;
}

label {
    cursor: default;
}


.inlineimg {
    vertical-align: middle;
}

/* Banner-specific fixes to remove gap - ONLY affects .banner-table */
.banner-table {
    margin: 0 auto;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 8px;
}

.banner-table img {
    display: block;
    margin: 0;
    padding: 0;
}

/* Ensure no spacing between banner table and content div */
.banner-table + div {
    margin-top: 0 !important;
}


/* Mobile-specific styles for iPhone 16 Pro and similar devices */
@media screen and (max-width: 430px) {
    /* Reset body for mobile and prevent horizontal scroll */
    body {
        margin: 2px !important;
        padding: 0;
        overflow-x: hidden !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Prevent horizontal scroll on html */
    html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    
    /* Banner container full width with overflow control */
    .banner-container {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Banner table full width with overflow control */
    .banner-table {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Banner image responsive with overflow control */
    .banner-image {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Content container full width with overflow control */
    .content-container {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Main page container with overflow control */
    .main-page {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Reduce page padding */
    .page-padding {
        padding: 0px 8px 0px 8px !important;
    }
    
    /* Hide login cell in breadcrumb */
    .login-cell {
        display: none !important;
    }
    
    /* Navigation table responsive */
    .nav-table .vbmenu_control {
        font-size: 8px !important;
        padding: 3px 2px !important;
    }
    
    /* Hide all sidebars for clean mobile layout */
    .left-sidebar,
    .right-sidebar,
    .spacer-left,
    .spacer-right {
        display: none !important;
    }
    
    /* Make main content full width */
    .main-content {
        width: 100% !important;
        display: table-cell !important;
    }
    
    /* Hide sidebar elements specifically */
    .sidebar-nav,
    .sidebar-login,
    .sidebar-sponsors,
    .sidebar-stats,
    .sidebar-sponsors-right {
        display: none !important;
    }
    
    /* Hide center sponsors */
    .center-sponsors {
        display: none !important;
    }
    
    /* Ensure featured news and news archive are visible */
    .news-archive {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    /* Remove bottom spacing from news archive table */
    .news-archive + div {
        display: none !important;
    }
    
    /* Featured article adjustments */
    .alt1 img[align="left"] {
        width: 50px !important;
        height: 50px !important;
        padding: 3px !important;
    }
    
    /* Responsive text */
    .smallfont {
        font-size: 9px !important;
    }
    
    /* Ensure all tables are responsive and don't overflow */
    table {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Main content tables specifically */
    .main-content table {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* All table cells should not overflow */
    td, th {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
    }
    
    /* Word wrapping and prevent overflow */
    .alt1, .alt2 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Universal overflow prevention */
    * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Prevent any element from causing horizontal scroll */
    .main-content * {
        max-width: 100% !important;
    }
    
    /* Footer links mobile styling */
    .footer-links {
        width: 100% !important;
        margin: 0 !important;
        margin-top: 0 !important;
        display: table !important;
    }
    
    .footer-links .tfoot {
        text-align: center !important;
        padding: 8px !important;
    }
    
    .footer-links .smallfont {
        font-size: 10px !important;
    }
    
    .footer-links a {
        color: #E0E0F6 !important;
        text-decoration: none !important;
        margin: 0 5px !important;
    }
}