/* Modern XP Theme - Compatible, Transparent, Flat UI Style */
.visoft__tab_xpie7 .ajax__tab_header {
    background-color: #f0f4f7;
    border-bottom: 2px solid #888;
    border-radius: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
}

.visoft__tab_xpie7 .ajax__tab_outer {
    background-color: rgba(245, 245, 245, 0.85);
    border-right: 1px solid #bbb;
}

.visoft__tab_xpie7 .ajax__tab_inner {
    background-color: #f0f4f7;
    padding-left: 4px;
}

.visoft__tab_xpie7 .ajax__tab_tab {
    background-color: rgba(224, 237, 245, 0.95); /* Updated modern background */
    padding: 8px 10px;
    margin: 0;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Hover = Emphasized style */
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer {
    background-color: rgba(190, 225, 250, 0.9);
}

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab {
    background: linear-gradient(to top, #c5defa 0%, #229eb8 100%);
    color: #000;
}

/* Active = More saturated + white text */
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer {
    background-color: rgba(200, 225, 240, 0.9);
    border-right: 1px solid #888;
}

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab {
    background: linear-gradient(to top, #003048 0%, #225266 20%, #229eb8 100%);
    color: #fff;
    border-left: 1px solid #888;
    border-top: 2px solid #888;
    border-radius: 10px 10px 0 0;
}

/* Tab Content Area */
.visoft__tab_xpie7 .ajax__tab_body {
    font-family: 'Verdana', 'Tahoma', 'Helvetica', sans-serif;
    font-size: 10pt;
    border: 1px solid #999;
    border-top: 0;
    padding: 8px;
    padding-bottom: 0;
    background-color: rgb(247 249 251);
    color: #333;
}