TD, BODY {font-family:verdana, sans-serif;font-size:11px;color: #000000;}
TH {font-family:verdana, sans-serif;font-size:11px;color: #FFFFFF;background-color:#336598;font-weight:bold;}
INPUT, SELECT {font-family:tahoma, sans-serif;font-size:12px;color: #000000;}
FORM {margin-bottom : 0px;margin-left : 0px;margin-right : 0px;margin-top : 0px;}

.bgblue {background-color:#336598;}
.bggray {background-color:#F0F0F0;}
.bgdarkgray {background-color:#CCCCCC;}
.bglitegray {background-color:#F6F6F6;}

P {text-align: justify;margin-top : 10px;}
LI {text-align: justify;}
UL {list-style : square;}

.header {color:#336598;font-size:17px;}

.redtext {color:#EB2A2D;}
.whitetext {color:#FFFFFF;}
.graytext {color:#727272;}

.small {font-size:11px;}

A:link {color:#323D8C;text-decoration:none;}
A:visited {color:#323D8C;text-decoration:none;}
A:hover {color:#323D8C;text-decoration:underline;}
A:active {color:#323D8C;text-decoration:underline;}

.white:link {color:#FFFFFF;}
.white:visited {color:#FFFFFF;}
.white:hover {color:#FFFFFF;}
.white:active {color:#FFFFFF;}

.act:link {color:#FF9900;}
.act:visited {color:#FF9900;}
.act:hover {color:#FF9900;}
.act:active {color:#FF9900;}

.btn { font-size: 11px; color: #000000; background-color: #F0B107; border-top: 1 solid #FDC224; border-left: 1 solid #FDC224; border-bottom: 1 solid #D39B05;border-right: 1 solid #D39B05; font-family: Verdana,Tahoma,Arial,sans-serif; text-decoration: none; cursor: pointer; padding: 5px 15px; min-width: 70px;}

/* Контейнер для кнопок - улучшенное расположение */
.button-container {
    text-align: right;
    padding: 15px 0;
    margin-top: 10px;
}

.button-container .btn {
    margin-left: 10px;
}

.button-container .btn:first-child {
    margin-left: 0;
}

/* Альтернативный вариант - кнопки по центру */
.button-container-center {
    text-align: center;
    padding: 15px 0;
    margin-top: 10px;
}

.button-container-center .btn {
    margin: 0 5px;
}

/* ============================================
   MOBILE SUPPORT - Media Queries
   ============================================ */

/* Для мобильных устройств (планшеты и меньше) */
@media screen and (max-width: 768px) {
    /* Формы адаптивные - вместо фиксированной ширины 500px */
    table[width="500"],
    table[width="500px"] {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Все текстовые поля, select и textarea на полную ширину */
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    select,
    textarea {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Таблицы данных - добавляем горизонтальный скролл */
    table[cellspacing="1"][cellpadding="5"] {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    
    /* Улучшаем читаемость на маленьких экранах */
    body, TD {
        font-size: 14px;
    }
    
    .header {
        font-size: 18px;
    }
    
    /* Кнопки больше для удобства нажатия */
    .btn {
        padding: 8px 16px;
        font-size: 14px;
        min-width: 80px;
    }
    
    /* Уменьшаем отступы в таблицах */
    table[cellpadding="8"] td {
        padding: 5px !important;
    }
}

/* Для очень маленьких экранов (смартфоны) */
@media screen and (max-width: 480px) {
    /* Еще больше увеличиваем шрифты */
    body, TD {
        font-size: 16px;
    }
    
    .header {
        font-size: 20px;
    }
    
    /* Кнопки еще больше */
    .btn {
        padding: 10px 20px;
        font-size: 16px;
        width: 100%;
        margin-bottom: 5px;
    }
    
    /* Таблицы в формах - делаем вертикальные (label сверху, input снизу) */
    table[width="500"] tr {
        display: block;
        margin-bottom: 10px;
    }
    
    table[width="500"] td {
        display: block;
        width: 100% !important;
    }
    
    /* Скрываем некоторые изображения-разделители на очень маленьких экранах */
    img[src*="px.gif"][width="1"] {
        display: none;
    }
}

/* ============================================
   MENU REFACTORING - CSS Classes
   ============================================ */

/* Родительская таблица - убираем промежутки между ячейками */
form#Default table[width="100%"],
form#Default table[width="100%"] td {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Блок пользователя - сохраняем желтый цвет #F0B107 */
td.user-info-block {
    background-color: #EAF1F8 !important;
    border-bottom: 1px solid #C8D3E0 !important;
    padding: 6px 10px !important;
    font-weight: normal !important;
    color: #1F3652 !important;
    box-sizing: border-box !important;
    width: 142px !important;
    max-width: 142px !important;
    overflow: hidden !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

td.user-info-block .user-name {
    display: block !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    font-weight: normal !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: inherit !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

.user-info-block .user-name {
    background-color: transparent;
}

.user-name-label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #5F748F;
    margin-bottom: 2px;
}

.user-name-value {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1F3652;
}

/* Заголовок раздела меню - сохраняем темно-синий #336598 */
.menu-section-header {
    background-color: #336598;
    padding: 8px 12px;
    color: #FFFFFF;
    font-weight: bold;
}

/* Элементы меню - предотвращаем выход текста за границы */
td[background*="menu_lev1_bg.gif"],
td[background*="menu_lev1_bg.gif"] a,
td[background*="menu_lev1_bg.gif"] b {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 142px !important;
    width: 142px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

/* Подпункты меню - предотвращаем выход текста за границы */
.menu-subsection a,
td[background*="menu_lev2"] a {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    display: block !important;
}

/* Подпункты меню - сохраняем серый фон #F0F0F0 */
.menu-subsection {
    background-color: #F0F0F0;
    padding: 5px 0;
}

/* Ссылки в подпунктах меню */
.menu-subsection a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    position: relative;
    padding-left: 19px;
}

.menu-subsection a::before {
    content: "▶";
    color: #336598;
    font-size: 10px;
    position: absolute;
    left: 0;
    width: 19px;
    text-align: center;
}

/* Плавные переходы для раскрытия разделов */
.menu-section-content {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    overflow: hidden;
}

/* Улучшенные hover-эффекты для ссылок меню */
.menu-link:hover {
    background-color: #E0E0E0;
    color: #336598;
}

/* Скрытие спейсеров - заменены на CSS padding */
.menu-spacer {
    display: none;
}

/* ============================================
   SIDEBAR FIXES - Border, Height, User Block
   ============================================ */

/* Sidebar wrapper div - переносим background и min-height сюда */
/* КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ: Отключаем фоновое изображение menu_bg.gif, 
   так как оно может иметь свою границу и создавать двойную линию */
.sidebar-wrap {
    background-image: none !important; /* ОТКЛЮЧАЕМ - может иметь свою границу */
    background-color: #F0F0F0 !important; /* Используем цвет вместо изображения */
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-clip: padding-box !important;
    background-origin: padding-box !important;
    min-height: 100vh !important;
    width: 142px !important;
    /* Четкая граница 1px - ТОЛЬКО ОДНА граница - используем мягкий серый цвет */
    border-right: 1px solid #D0D0D0 !important; /* Мягкий серый цвет для красоты */
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    /* Принудительно четкий рендеринг - убираем размытие */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Sidebar td - убираем все стили, оставляем только padding/margin */
/* Fallback for legacy pages without sidebar-wrap */
td[background*="menu_bg.gif"] {
    background-image: none !important;
    background-color: #F0F0F0 !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-clip: padding-box !important;
    background-origin: padding-box !important;
    width: 142px !important;
    border-right: 1px solid #D0D0D0 !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
    overflow: hidden !important;
}

td[background*="menu_bg.gif"] table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 142px !important;
    max-width: 142px !important;
    min-width: 142px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

td.sidebar-td {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    vertical-align: top !important;
    width: auto !important;
}

/* Sidebar table - убираем все границы, делаем 100% от sidebar-wrap */
.sidebar-wrap table[width="142"],
.sidebar-wrap table[width="142px"],
.sidebar-wrap table {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    width: 142px !important;
    max-width: 142px !important;
    min-width: 142px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Желтый блок User Name - на всю ширину таблицы (100%) */
.sidebar-wrap td.user-info-block {
    background-color: #EAF1F8 !important;
    border-bottom: 1px solid #C8D3E0 !important;
    padding: 6px 10px !important;
    font-weight: normal !important;
    color: #1F3652 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    text-overflow: clip !important;
    display: table-cell !important;
}

/* Убираем границы у всех ячеек внутри sidebar таблицы */
.sidebar-wrap table[width="142"] td,
.sidebar-wrap table[width="142px"] td,
.sidebar-wrap table td {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-clip: padding-box !important;
    background-origin: padding-box !important;
    overflow: hidden !important;
}

/* Заменяем фоновые изображения на CSS градиенты для красивого вида БЕЗ границ */
/* menu_lev1_bg.gif - темно-синий градиент для заголовков разделов */
td[background="images/menu_lev1_bg.gif"],
td[background*="menu_lev1_bg.gif"] {
    background-image: linear-gradient(to bottom, #336598, #2a5280) !important;
    background-color: #336598 !important;
    background-repeat: repeat-x !important;
    background-position: top left !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* menu_lev2_bg.gif - серый фон для подпунктов */
table[background="images/menu_lev2_bg.gif"],
table[background*="menu_lev2_bg.gif"],
.sidebar-wrap table.menu-subsection {
    background-image: none !important;
    background-color: #F0F0F0 !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Spacer cell между sidebar и контентом - используем класс */
td.sidebar-spacer {
    border-left: none !important; /* Нет границы - граница только на sidebar-wrap */
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 15px !important;
    background-color: transparent !important;
    vertical-align: top !important;
    /* Убираем все возможные источники визуальных артефактов */
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* Убираем возможные границы у основной таблицы layout */
form#Default table[width="100%"] {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: none !important;
}

form#Default table[width="100%"] tr {
    border: none !important;
}

/* Убираем границы и зазоры у ячейки с контентом */
form#Default table[width="100%"] td[width="99%"] {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
}

/* Убираем зазоры между ячейками таблицы */
form#Default table[width="100%"] tr td {
    padding: 0 !important;
    margin: 0 !important;
    border-spacing: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем все возможные границы у основной таблицы layout */
form#Default table[width="100%"] tr {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем границы у sidebar-td */
td.sidebar-td {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Закругления для кнопок в header - более заметные */
a[href*="mailto"] img[alt="Email"],
a[href*="Help"] img[alt="Help"],
a[href*="Logoff"] img[alt="Logoff"],
a img[src*="nav_email"],
a img[src*="nav_help"],
a img[src*="nav_logoff"] {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    overflow: hidden !important;
}

/* Убираем зазоры между элементами sidebar */
.sidebar-wrap table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.sidebar-wrap table td {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем зазоры в желтом блоке */
.sidebar-wrap td.user-info-block {
    padding: 6px 10px !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}