/**
* vBulletin 3.8.5 CSS
* Style: 'worldofuser'; Style ID: 17
* Точная копия оригинального дизайна
*/

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

a:link, body_alink {
        color: #4466D2;
        text-decoration: underline;
}

a:visited, body_avisited {
        color: #4466D2;
        text-decoration: underline;
}

a:hover, a:active, body_ahover {
        color: #4466D2;
        text-decoration: underline;
}

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

.page a:link, .page_alink {
        text-decoration: underline;
}

.page a:visited, .page_avisited {
        text-decoration: underline;
}

.page a:hover, .page a:active, .page_ahover {
        text-decoration: underline;
}

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

.tborder {
        background: #6A96D9;
        color: #000000;
        border: 1px solid #0B198C;
        border-collapse: separate;
        border-spacing: 1px;
}

.tcat {
        background: #3774A4;
        color: #FFFFFF;
        font: bold 11pt 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: #FFFF66;
        text-decoration: underline;
}

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

.thead a:link, .thead_alink {
        color: #FFFFFF;
}

.thead a:visited, .thead_avisited {
        color: #FFFFFF;
}

.thead a:hover, .thead a:active, .thead_ahover {
        color: #0000D0;
}

.tfoot {
        background: #3774A4;
        color: #E0E0F6;
}

.tfoot a:link, .tfoot_alink {
        color: #E0E0F6;
}

.tfoot a:visited, .tfoot_avisited {
        color: #E0E0F6;
}

.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
        color: #FFFF66;
}

.alt1, .alt1Active {
        background: #F5F9FE;
        color: #000000;
}

.alt2, .alt2Active {
        background: #DFECFF;
        color: #000000;
}

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

.wysiwyg {
        background: #F5F5FF;
        color: #000000;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        margin: 5px 10px 10px 10px;
        padding: 0px;
}

.wysiwyg a:link, .wysiwyg_alink {
        color: #22229C;
}

.wysiwyg a:visited, .wysiwyg_avisited {
        color: #22229C;
}

.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {
        color: #FF4400;
}

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

.bginput option, .bginput optgroup {
        font-size: 10pt;
        font-family: 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: #666686;
}

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

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

.fjsel {
        background: #3774A4;
        color: #E0E0F6;
}

.fjdpth0 {
        background: #F7F7F7;
        color: #000000;
}

.fjdpth1 {
        margin-left: 5px;
}

.fjdpth2 {
        margin-left: 10px;
}

.fjdpth3 {
        margin-left: 15px;
}

.panel {
        background: #FFFFFF;
        color: #000000;
        padding: 10px;
        border: 2px outset;
}

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

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

.vbmenu_control {
        background: #3774A4;
        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: #FFFFFF;
        text-decoration: underline;
}

.vbmenu_popup {
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #0B198C;
}

.vbmenu_option {
        background: #BBC7CE;
        color: #000000;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}

.vbmenu_option a:link, .vbmenu_option_alink {
        color: #22229C;
        text-decoration: none;
}

.vbmenu_option a:visited, .vbmenu_option_avisited {
        color: #22229C;
        text-decoration: none;
}

.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
        color: #FFFFFF;
        text-decoration: none;
}

.vbmenu_hilite {
        background: #8A949E;
        color: #FFFFFF;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}

.vbmenu_hilite a:link, .vbmenu_hilite_alink {
        color: #FFFFFF;
        text-decoration: none;
}

.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
        color: #FFFFFF;
        text-decoration: none;
}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
        color: #FFFFFF;
        text-decoration: none;
}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }

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

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

.edit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background:#DFECFF;}

.edit .smallfont a {
        color: #4466CC !important;
}

/* Form reset */
form {
        margin: 0px;
}

label {
        cursor: default;
}

/* Auto-clearing of floats */
.floatcontainer:after, .block_row:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.floatcontainer, .block_row {
        display: block;
}

/* ===== Additional vBulletin Styles ===== */

/* Inline image */
.inlineimg {
        vertical-align: middle;
}

/* Normal text weight */
.normal {
        font-weight: normal;
}

/* Signature */
.signature {
        border-top: 1px dashed #6A96D9;
        padding-top: 5px;
        margin-top: 10px;
        font-size: 9pt;
        color: #666666;
}

/* Quote Box - vBulletin original */
.quote, .bbcode_quote {
        background: #DFECFF;
        border: 1px solid #6A96D9;
        padding: 6px;
        margin: 6px 0;
}

.quote_container {
        background: #DFECFF;
        border: 1px solid #6A96D9;
        padding: 6px;
        margin: 6px 0;
}

.quote_container .bbcode_postedby {
        font-weight: bold;
        margin-bottom: 5px;
}

.bbcode_container {
        background: #DFECFF;
        border: 1px solid #6A96D9;
        margin: 10px 0;
}

.bbcode_container .bbcode_quote {
        background: #DFECFF;
        padding: 10px;
}

.bbcode_container .bbcode_postedby {
        font-weight: bold;
        padding: 5px 10px;
        background: #F5F9FE;
        border-bottom: 1px solid #6A96D9;
}

/* Code Box - vBulletin original */
.code, .bbcode_code {
        background: #FFFFCC;
        border: 1px solid #6A96D9;
        padding: 6px;
        margin: 6px 0;
        font-family: Courier, monospace;
        font-size: 9pt;
        white-space: pre-wrap;
        overflow-x: auto;
}

.bbcode_container .bbcode_code {
        background: #FFFFCC;
        padding: 10px;
        font-family: 'Courier New', Courier, monospace;
        font-size: 9pt;
        overflow-x: auto;
        white-space: pre-wrap;
}

/* Spoiler styling */
.spoiler, .bbcode_spoiler {
        background: #F5F9FE;
        border: 1px solid #6A96D9;
        padding: 6px;
        margin: 6px 0;
}

.spoiler_title, .bbcode_spoiler_title {
        font-weight: bold;
        cursor: pointer;
        padding: 5px;
        background: #3774A4;
        color: #FFFFFF;
        text-align: center;
}

.spoiler_content, .bbcode_spoiler_content {
        padding: 10px;
        display: none;
}

.spoiler_content.show, .bbcode_spoiler_content.show {
        display: block;
}

/* Forum description */
.forumdescription {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        color: #666666;
}

/* Thread title */
.threadtitle {
        font-weight: bold;
}

.threadtitle a:link, .threadtitle a:visited {
        color: #22229C;
}

.threadtitle a:hover {
        color: #FF4400;
}

/* Sticky topic */
.sticky {
        background-color: #FFFFCC;
}

/* Collapse control */
.collapseimg {
        cursor: pointer;
}

/* Post message content */
div[id^="post_message_"] {
        padding: 10px 0;
        line-height: 1.6;
        word-wrap: break-word;
}

div[id^="post_message_"] font {
        line-height: 1.6;
}

/* Post table */
table[id^="post"] {
        margin-bottom: 10px;
}

/* Post thanks box */
div[id^="post_thanks_box_"] {
        margin-bottom: 10px;
}

/* Pagination */
.pagenav {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.pagenav a:link, .pagenav a:visited {
        color: #22229C;
        text-decoration: underline;
}

/* ===== Form Elements ===== */
input[type="text"], input[type="password"], input[type="email"] {
        border: 1px solid #6A96D9;
        padding: 4px;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

input[type="submit"], input[type="button"], button {
        background: #3774A4;
        color: #FFFFFF;
        border: 1px solid #0B198C;
        padding: 4px 12px;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
        background: #4488BB;
}

/* ===== User Status ===== */
.userstatus {
        font-size: 9px;
        color: #666666;
}

.online {
        color: #009900;
}

.offline {
        color: #CC0000;
}

/* ===== Error and Info ===== */
.errortext {
        color: #CC0000;
        font-weight: bold;
}

.infotext {
        color: #000080;
}

/* ===== Flash Messages ===== */
.alert-success {
        background: #D4EDDA;
        border: 1px solid #28A745;
        color: #155724;
        padding: 10px;
        margin-bottom: 10px;
}

.alert-error, .alert-danger {
        background: #F8D7DA;
        border: 1px solid #DC3545;
        color: #721C24;
        padding: 10px;
        margin-bottom: 10px;
}

.alert-warning {
        background: #FFF3CD;
        border: 1px solid #FFC107;
        color: #856404;
        padding: 10px;
        margin-bottom: 10px;
}

.alert-info {
        background: #D1ECF1;
        border: 1px solid #17A2B8;
        color: #0C5460;
        padding: 10px;
        margin-bottom: 10px;
}

/* ===== Fixed Width Columns ===== */
.lastpost-col {
        width: 180px;
        white-space: nowrap;
}

/* ===== Image Attachments ===== */
.post-image {
        max-width: 100%;
        max-height: 400px;
        cursor: pointer;
        border: 1px solid #6A96D9;
        margin: 5px 0;
}

.post-image:hover {
        border-color: #0B198C;
}

.image-thumbnail {
        max-width: 200px;
        max-height: 150px;
        cursor: pointer;
}

.lightbox-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        cursor: pointer;
}

.lightbox-image {
        max-width: 90%;
        max-height: 90%;
        border: 3px solid white;
}

/* ===== Mobile Responsive Design ===== */

/* Mobile menu - hidden by default on desktop */
.mobile-menu {
        display: none;
        background: #3774A4;
        color: white;
        padding: 10px;
        text-align: center;
        font-size: 12px;
}

.mobile-menu a {
        color: white;
        text-decoration: none;
        padding: 0 8px;
}

.mobile-menu a:hover {
        text-decoration: underline;
}

/* Tablet: 768px */
@media screen and (max-width: 768px) {
        body {
                margin: 0 !important;
                padding: 0 !important;
        }
        
        table.page {
                width: 100% !important;
        }
        
        .tborder {
                width: 100% !important;
                border-collapse: collapse;
        }
        
        /* Hide login form in header on tablets */
        .mobile-hide {
                display: none !important;
        }
        
        /* Last post column - narrower */
        .lastpost-col {
                width: 140px !important;
                min-width: 140px !important;
                max-width: 140px !important;
                font-size: 9px;
        }
        
        /* Subforums - single column */
        table.subforum-grid td {
                display: block !important;
                width: 100% !important;
        }
        
        .bginput, textarea, select {
                width: 100% !important;
                box-sizing: border-box;
                font-size: 16px !important;
        }
        
        input[type="text"], input[type="password"], input[type="email"] {
                font-size: 16px !important;
                padding: 10px !important;
                width: 100% !important;
                box-sizing: border-box;
        }
}

/* Smartphone: 600px and below */
@media screen and (max-width: 600px) {
        /* Show mobile menu */
        .mobile-menu {
                display: block !important;
        }
        
        /* Hide desktop user panel */
        .mobile-hide {
                display: none !important;
        }
        
        /* Smaller logo */
        img[src*="worldofuser"] {
                max-width: 180px !important;
                height: auto !important;
        }
        
        /* Hide last post column on forum list */
        .lastpost-col {
                display: none !important;
        }
        
        /* Subforums in one column */
        table.subforum-grid td {
                display: block !important;
                width: 100% !important;
        }
        
        /* Full width forms */
        input[type="text"],
        input[type="password"],
        textarea {
                width: 100% !important;
                box-sizing: border-box;
                font-size: 16px !important;
        }
        
        /* Images scale down */
        img {
                max-width: 100%;
                height: auto;
        }
        
        /* ========================================
           POST TABLES - STACKED LAYOUT FOR MOBILE
           ======================================== */
        
        /* Convert post tables to stacked blocks */
        table[id^="post"],
        table[id^="post"] tbody,
        table[id^="post"] tr,
        table[id^="post"] td {
                display: block !important;
                width: 100% !important;
                box-sizing: border-box !important;
        }
        
        /* Author sidebar - show as header block */
        table[id^="post"] td.alt2[rowspan] {
                border-right: none !important;
                border-bottom: 2px solid #6A96D9 !important;
                padding: 10px !important;
                background: #E1E4F2 !important;
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: flex-start !important;
                gap: 8px !important;
        }
        
        /* Avatar container */
        table[id^="post"] td.alt2[rowspan] > div:first-child {
                flex-shrink: 0;
        }
        
        /* Author name - prominent */
        table[id^="post"] .bigusername {
                font-size: 14px !important;
                font-weight: bold;
                display: block;
                width: 100%;
                margin-bottom: 4px;
        }
        
        /* Avatar smaller */
        table[id^="post"] td.alt2[rowspan] img[width="80"],
        table[id^="post"] td.alt2[rowspan] img[alt^="Аватар"] {
                width: 50px !important;
                height: 50px !important;
                border-radius: 4px;
        }
        
        /* User info text - inline */
        table[id^="post"] td.alt2[rowspan] .smallfont {
                font-size: 11px !important;
                flex: 1;
                min-width: 150px;
        }
        
        /* User info items - horizontal */
        table[id^="post"] td.alt2[rowspan] .smallfont div {
                display: inline-block !important;
                margin-right: 10px !important;
        }
        
        /* Post metadata row - date/time cell */
        table[id^="post"] td.alt2.smallfont {
                padding: 5px 10px !important;
                font-size: 11px !important;
                border-bottom: 1px solid #ccc !important;
        }
        
        /* Date cell (#currentPost) - fix cramped text */
        #currentPost {
                display: flex !important;
                flex-direction: column !important;
                gap: 4px !important;
                word-break: break-word !important;
                white-space: normal !important;
        }
        
        /* Hide duplicate topic title in date row */
        #currentPost b {
                display: none !important;
        }
        
        /* Post number cell - hide parentheses and permalink, keep only #N */
        table[id^="post"] td.alt2.smallfont[style*="text-align: right"] {
                font-size: 0 !important;
                text-align: left !important;
                padding: 6px 10px !important;
        }
        
        /* Show only the post number link */
        table[id^="post"] td.alt2.smallfont[style*="text-align: right"] > a {
                font-size: 12px !important;
                font-weight: bold;
        }
        
        /* Hide the permalink completely */
        table[id^="post"] td.alt2.smallfont[style*="text-align: right"] b {
                display: none !important;
        }
        
        /* Post content area */
        table[id^="post"] td.alt1[colspan] {
                padding: 10px !important;
                border: none !important;
        }
        
        /* Post content text */
        table[id^="post"] div[id^="post_message"] {
                font-size: 14px !important;
                line-height: 1.5;
        }
        
        /* Post footer with status/buttons */
        table[id^="post"] tr:last-child td {
                padding: 8px 10px !important;
        }
        
        /* Action buttons row - more padding to avoid cut-off */
        table[id^="post"] td.alt1[align="right"],
        table[id^="post"] tr:last-child td.alt1 {
                text-align: center !important;
                padding: 12px 10px 20px !important;
                border-top: 1px solid #ddd !important;
        }
        
        /* Action buttons - inline with spacing */
        table[id^="post"] a.button,
        td.alt1 a[style*="background"] {
                display: inline-block !important;
                margin: 5px 6px !important;
                padding: 12px 16px !important;
                font-size: 13px !important;
                border-radius: 4px;
        }
        
        /* Hide permalink on mobile */
        a[title="Ссылка на это сообщение"] {
                display: none !important;
        }
        
        /* Post images responsive */
        .post-image,
        table[id^="post"] img[style*="max-width"] {
                max-width: 100% !important;
                height: auto !important;
        }
        
        /* Quote blocks */
        table[id^="post"] blockquote,
        table[id^="post"] .quote {
                margin: 10px 0 !important;
                padding: 10px !important;
                font-size: 12px !important;
        }
        
        /* Signature */
        table[id^="post"] .signature {
                font-size: 11px !important;
                padding-top: 10px;
                border-top: 1px dotted #ccc;
        }
        
        /* Space between posts */
        table[id^="post"] {
                margin-bottom: 15px !important;
        }
        
        /* Reply button at top/bottom */
        img[src*="reply"] {
                max-width: 120px;
        }
}

/* Admin Button Styles */
.admin-btn {
    display: inline-block;
    padding: 3px 8px;
    font-size: 10px;
    text-decoration: none !important;
    border-radius: 3px;
    margin: 1px;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
}

.admin-btn-default {
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
    color: #333 !important;
    border: 1px solid #888;
}

.admin-btn-default:hover {
    background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
}

.admin-btn-danger, .admin-btn-delete {
    background: linear-gradient(to bottom, #cc3333 0%, #aa2222 100%);
    color: #fff !important;
    border: 1px solid #990000;
}

.admin-btn-danger:hover, .admin-btn-delete:hover {
    background: linear-gradient(to bottom, #dd4444 0%, #bb3333 100%);
}

.admin-btn-success {
    background: linear-gradient(to bottom, #5a8f5a 0%, #4a7f4a 100%);
    color: #fff !important;
    border: 1px solid #3d6b3d;
}

.admin-btn-success:hover {
    background: linear-gradient(to bottom, #6a9f6a 0%, #5a8f5a 100%);
}

.admin-btn-warning {
    background: linear-gradient(to bottom, #cc9933 0%, #aa7711 100%);
    color: #fff !important;
    border: 1px solid #996611;
}

.admin-btn-warning:hover {
    background: linear-gradient(to bottom, #ddaa44 0%, #bb8822 100%);
}

.admin-btn-edit {
    background: linear-gradient(to bottom, #6A96D9 0%, #5a86c9 100%);
    color: #fff !important;
    border: 1px solid #3774A4;
}

.admin-btn-edit:hover {
    background: linear-gradient(to bottom, #7aa6e9 0%, #6a96d9 100%);
}