/* Blox Asset Searcher - styles */
        /* AUTHENTIC 2012 ROBLOX CSS (LOCAL ASSETS) */
        body {
            background: #060817 url("bkg.jpg") top center repeat-x;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            color: #000;
            font-size: 12px;
        }
        #Container {
            width: 900px;
            margin: 0 auto;
            background: #f2f2f2;
            border-left: 1px solid #aaa;
            border-right: 1px solid #aaa;
            min-height: 800px;
        }
        /* ========================================================= */
        /* 2012 GUTTER / SKYSCRAPER ADS (160x600)                    */
        /* ========================================================= */
        .GutterAdContainer {
            position: fixed;
            top: 40px;
            width: 160px;
            z-index: 50;
        }
        .LeftGutterAd {
            right: 50%;
            margin-right: 465px; /* 900px container / 2 + 15px gap */
        }
        .RightGutterAd {
            left: 50%;
            margin-left: 465px; /* 900px container / 2 + 15px gap */
        }
        .GutterAdBox {
            width: 160px;
            height: 600px;
            border: 1px solid #000;
            background-color: #fff;
            overflow: hidden;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
        }
        .GutterAdBox a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }
        .GutterAdBox img {
            width: 160px;
            height: 600px;
            display: block;
            object-fit: cover;
        }
        .GutterAdFooter {
            margin-top: 3px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 2px;
        }
        .GutterAdFooter a {
            color: #d0d0d0;
            text-decoration: none;
            font-size: 9px;
            font-weight: bold;
        }
        .GutterAdFooter a:hover {
            color: #fff;
            text-decoration: underline;
        }
        @media (max-width: 1250px) {
            .GutterAdContainer {
                display: none !important;
            }
        }
        /* ========================================================= */
        /* AUTHENTIC INTERNET EXPLORER & WINDOWS XP TOOLTIPS         */
        /* ========================================================= */
        #RetroTooltip {
            position: fixed;
            display: none;
            background-color: #FFFFE1; /* Authentic Windows / IE InfoBackground */
            color: #000000;
            border: 1px solid #000000;
            padding: 2px 5px;
            font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
            font-size: 11px;
            font-weight: normal;
            line-height: 1.2;
            text-shadow: none;
            white-space: nowrap;
            z-index: 9999999;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
            pointer-events: none;
        }
        /* 2012 NAVIGATION SPRITE */
        #Header .Navigation {
            width: 900px;
            height: 30px;
            background: url("topNav_blue.png") 0 0;
            text-align: center;
            line-height: 20px;
        }
        .Navigation ul { margin: 0 auto; padding: 0; list-style: none; text-align: center; }
        .Navigation li {
            display: inline-block;
            margin: 0;
            padding: 5px 12px 0 12px;
            height: 25px;
            font-size: 15px;
            font-weight: bold;
        }
        .Navigation li:hover { background: url("topNav_blue.png") 0 30px; }
        .Navigation a { color: #fff; text-decoration: none; display: inline-block; }
        .Navigation a:hover { text-decoration: none; }
        /* AUTHENTIC 2012 STANDARD BOX & HEADERS */
        .StandardBox {
            border: 1px solid #aaa;
            padding: 10px;
            background: url("standardBox_01_bkg.png") top repeat-x #fff;
            margin-bottom: 12px;
        }
        .StandardBoxHeader {
            height: 33px;
            padding: 0 7px 0 5px;
            text-align: left;
            background: url("tab_black_33h_t1.png") no-repeat left top;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
        }
        .StandardBoxHeader span {
            display: block;
            width: 100%;
            height: 28px;
            padding: 5px 5px 0 2px;
            background: url("tab_black_33h_t2.png") no-repeat right top;
            overflow: hidden;
        }
        .clear { clear: both; }
        /* AUTH & CUSTOM BUTTON CSS FROM 2012 */
        .DarkGradientBox { border: solid 2px #7DADE0; text-align: left; background: #fff; }
        .DarkGradientBox .DGB_Header { background-color: #6e99c9; text-align: center; color: #FFF; font-weight: bold; padding: 5px; font-size: 13px; }
        .DarkGradientBox .DGB_Content { padding: 15px; background: #fff; }
        .DGB_Label { font-family: Arial; font-size: 12px; font-weight: bold; display: block; margin-bottom: 4px; }
        .DGB_TextBox { width: 90%; border: 1px solid #ccc; padding: 4px; margin-bottom: 10px; }
        .MediumButton { background-color: #F5CD2F; color: #000; font-family: Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold; padding: 4px 12px; display: inline-block; border: 1px solid #6E99C9; text-align: center; cursor: pointer; text-decoration: none; }
        .MediumButton:hover { background-color: #FF9D2F; }
        .SignupButtonImage {
            background: url("signup.png") left top no-repeat;
            background-size: 100% 200%;
            display: block;
            width: 115px;
            height: 38px;
            margin: 0 auto;
            cursor: pointer;
            border: none;
        }
        .SignupButtonImage:hover { background-position: left bottom; }
        /* 2012 SYSTEM ALERT BANNER */
        .SystemAlert { background-color: #FFF; text-align: center; color: #FFF; border: 2px solid #000; padding: 1px; margin: 0 auto 10px auto; width: 878px; display: none; }
        .SystemAlertText { font-size: 16px; font-weight: bold; padding: 4px; }
        .SystemAlert a { color: White; }
        .Exclamation { background: url("exclamation.png") no-repeat; height: 16px; width: 16px; float: left; margin-left: 5px; margin-top: 1px; }
        /* MASTER SPRITE ICONS (TIX & ROBUX) */
        .robux-icon { display: inline-block; background: url('master_page_image_sprites.png') no-repeat -33px 0; width: 16px; height: 12px; vertical-align: middle; margin-right: 2px; }
        .tix-icon { display: inline-block; background: url('master_page_image_sprites.png') no-repeat -49px 0; width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; }
        /* CLASSIC GMAIL / WEB 2.0 CANDY-STRIPE PROGRESS BAR */
        .ProgressBarContainer {
            background-color: #fff;
            border: 1px solid #777;
            padding: 2px;
            margin: 8px 0 4px 0;
            height: 16px;
            position: relative;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        }
        .ProgressBarFill {
            height: 100%;
            width: 0%;
            background-color: #6e99c9;
            background-image: linear-gradient(
                -45deg,
                rgba(255, 255, 255, 0.3) 25%,
                transparent 25%,
                transparent 50%,
                rgba(255, 255, 255, 0.3) 50%,
                rgba(255, 255, 255, 0.3) 75%,
                transparent 75%,
                transparent
            );
            background-size: 20px 20px;
            border: 1px solid #3b526b;
            box-sizing: border-box;
            animation: moveStripes 1s linear infinite;
            transition: width 0.4s ease;
        }
        @keyframes moveStripes {
            0% { background-position: 0 0; }
            100% { background-position: 20px 0; }
        }
        .ProgressBarText {
            position: absolute;
            width: 100%;
            text-align: center;
            top: 3px;
            left: 0;
            font-size: 10px;
            font-weight: bold;
            color: #000;
            text-shadow: 0 0 2px #fff;
            pointer-events: none;
        }
        /* UI ELEMENTS */
        .TextBox { width: 90%; padding: 4px; border: 1px solid #ccc; margin-bottom: 15px; }
        .Button { background-color: #ccc; border: 1px solid #333; padding: 4px 8px; cursor: pointer; font-weight: bold; font-size: 12px; }
        .Button:hover { background-color: #6e99c9; color: white; }
        #Spinner { display: none; text-align: center; padding: 50px; font-weight: bold; color: #666; font-size: 14px; }
        /* ASSET CARDS */
        .Asset { float: left; width: 112px; margin: 5px 15px 15px 5px; text-align: left; }
        .AssetThumbnail { border: 1px solid #ccc; width: 110px; height: 110px; background: #eee; text-align: center; position: relative; }
        .AssetThumbnail img { max-width: 100%; max-height: 100%; object-fit: contain; }
        .AssetName a { font-size: 11px; font-weight: bold; color: #095fb5; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
        .AssetCreator { font-size: 10px; color: #555; }
        /* COLUMNS */
        .Column1b { margin-top: 10px; width: 220px; float: left; margin-right: 15px; margin-left: 10px; }
        .Column2b { margin-top: 10px; width: 630px; float: left; }
        .LogoImage { max-height: 60px; margin: 10px 20px; float: left; }
        /* SALE STATUS INDICATORS */
        .SaleIndicator { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; }
        .OnSaleDot { background-color: #06ff00; }
        .OffSaleDot { background-color: #ff4040; }
        .SaleText { font-size: 10px; font-weight: bold; }
        /* TAB SYSTEM */
        .TabPage { display: none; }
        .ActiveTab { display: block; }
        /* WEB SCANNER TERMINAL */
        #Terminal { background-color: #111; color: #0f0; font-family: "Courier New", Courier, monospace; font-size: 12px; height: 350px; overflow-y: scroll; padding: 10px; border: 2px solid #333; margin-top: 10px; text-align: left; line-height: 1.4; }
        #Terminal span.match { color: #0f0; font-weight: bold; background: #003300; padding: 0 4px; }
        #Terminal span.silent { color: #888; font-style: italic; }
        #Terminal span.error { color: #ff4040; }
        #Terminal span.warning { color: #F5CD2F; }
        #Terminal span.info { color: #7DADE0; }
        .ScanGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; background: #f4f4f4; padding: 15px; border: 1px solid #ccc; margin-bottom: 15px; }
        /* PAGINATION */
        .Pager { text-align: center; margin: 20px 0 10px 0; clear: both; padding-top: 15px; border-top: 1px dotted #ccc; }
        .PageBtn { display: inline-block; padding: 4px 8px; border: 1px solid #ccc; background: #eee; text-decoration: none; color: #333; font-size: 12px; margin: 0 2px; font-weight: bold; }
        .PageBtn:hover { background: #ddd; text-decoration: none; color: #000; }
        .CurrentPage { background: #114081; color: #fff; border-color: #000; }
        .CurrentPage:hover { background: #114081; color: #fff; }
        /* LEADERBOARD TABLE */
        .LeaderboardTable { width: 100%; border-collapse: collapse; margin-top: 15px; }
        .LeaderboardTable th { background-color: #444; color: white; padding: 8px; border: 1px solid #000; font-size: 13px; }
        .LeaderboardTable td { padding: 8px; border: 1px solid #ccc; background-color: #fff; text-align: center; font-size: 13px; }
        .LeaderboardTable tr:nth-child(even) td { background-color: #f9f9f9; }
        .Rank1 { font-weight: bold; color: #dcb573; font-size: 15px; }
        .Rank2 { font-weight: bold; color: #aaa; font-size: 14px; }
        .Rank3 { font-weight: bold; color: #cd7f32; font-size: 13px; }
        .Badge { vertical-align: middle; margin-left: 5px; height: 16px; width: 16px; font-size: 10px; cursor: help; }
        /* MODAL OVERLAY */
        #ModalOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; }
        .RobloxModal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 550px; background: #fff; border: 3px solid #6e99c9; z-index: 1000; display: none; text-align: left; }
        .ModalHeader { background: #6e99c9; color: #fff; font-weight: bold; padding: 8px; font-size: 14px; display: flex; justify-content: space-between; }
        .ModalHeader span { cursor: pointer; color: #fff; }
        .ModalBody { padding: 15px; }
        /* AUTHENTIC 2012 ITEM CATALOG DETAILS MODAL */
        #ItemContainerModal { margin-top: 0px; font-family: Verdana, Helvetica, Sans-Serif; color: #333; }
        #ItemContainerModal .StandardBoxHeader { width: auto; font-size: 16px; }
        #ItemContainerModal .StandardBox { width: auto; float: none; background: #eee; border: 1px solid #000; color: #555; overflow: hidden; padding: 10px; }
        #ItemContainerModal #Thumbnail { border: solid 1px #eee; height: 250px; width: 250px; text-align: center; float: left; background-color: #fff; display: flex; align-items: center; justify-content: center; }
        #ItemContainerModal #Thumbnail img { max-width: 100%; max-height: 100%; }
        #ItemContainerModal #Summary { background-color: transparent; border: none; font-size: 11px; color: black; float: right; width: 440px; }
        #ItemContainerModal #Summary h3 { font-size: 14px; color: #888; margin: 0 0 .5em 0; font-weight: normal; }
        #ItemContainerModal #Summary .label { color: #888; margin-bottom: .5em; display: inline-block; width: 60px;}
        #ItemContainerModal #Summary .box .head { color: black; font-weight: bold; margin-bottom: 4px;}
        #ItemContainerModal #Summary .box .body { border: 1px solid #ccc; padding: 4px 8px 8px; color: #000; background: #fff; }
        #ItemContainerModal .item-detail div { line-height: 1.5em; }
        #ItemContainerModal .Description { max-height: 136px; overflow: auto; text-align: left; font-family: Verdana, sans-serif; white-space: pre-wrap; margin: 0; }
        .PriceInRobux { color: Green; font-weight: bold; font-size: .9em; }
        .PriceInTickets { color: #fbb117; font-weight: bold; font-size: .9em; }
        /* 2012 COMMENTARY TABS */
        #Tabs { margin-top: 10px; }
        #TabHeader { height: 30px; list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 0; }
        .ItemTabs { background: url("tab_white_31h_t1.png") no-repeat left 0; height: 31px; display: inline-block; cursor: pointer; float: left; margin-right: 4px; }
        .ItemTabs span { background: url("tab_white_31h_t2.png") no-repeat right 0; height: 25px; padding: 6px 16px 0 8px; margin-left: 4px; color: #333; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; display: block; }
        .ItemTabs.Active { background-position: left -62px; }
        .ItemTabs.Active span { background-position: right -62px; }
        #CommentaryTab { background: url("standardBox_01_bkg.png") top repeat-x #fff; border: 1px solid #aaa; padding: 10px; }
        /* COLLECTIONS & COMMENTS */
        .CollectionRow { padding: 10px; border: 1px solid #ccc; background: #f9f9f9; margin-bottom: 5px; cursor: pointer; }
        .CollectionRow:hover { background: #e8f0fe; border-color: #6e99c9; }
        .CollectionRow h4 { margin: 0 0 5px 0; color: #114081; font-size: 14px; }
        .CollectionRow p { margin: 0; font-size: 11px; color: #666; }
        .CommentFeed { max-height: 160px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background: #fff; margin-bottom: 10px; }
        .CommentRow { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #ccc; font-size: 11px; }
        .CommentRow:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        .CommentAuthor { font-weight: bold; color: #095fb5; }
        .CommentDate { font-size: 9px; color: #888; margin-left: 5px; }
        .CommentText { margin-top: 3px; color: #333; word-wrap: break-word; }
        .BittersweetQuote { background: #fdfaf6; border-left: 5px solid #dcb573; padding: 15px; font-style: italic; color: #555; margin-top: 20px; }
        .SilkIcon { vertical-align: middle; margin-right: 4px; margin-bottom: 2px; }