body {
background-color:#2B2F34;
color:#C1C1C7;
font:8pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
MARGIN-TOP:0;
MARGIN-BOTTOM:0;
MARGIN-LEFT:0;
MARGIN-RIGHT:0;
margin:0;
padding:0;
scrollbar-base-color:#f2f2f2;
scrollbar-track-color:#f9fafa;
scrollbar-face-color:#F1F1F1;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#C8C8CA;
scrollbar-arrow-color:#999
}

blockquote {
border:dotted #666 1px;
border-left:solid #b1b0b0 5px;
margin:10px 40px;
padding:5px;
color:#DDD;
font-style:italic;
font-size:12px;
background:#2B2F34
}

a:link {
color:#B9B9BD;
text-decoration:none
}

a:visited {
color:#B9B9BD;
text-decoration:none
}

a:hover,a:active {
color:#E7E7EB;
text-decoration:none
}

.page {
background-color:#2B2F34;
color:#C1C1C7
}

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

.tborder {
background-color:#2B2F34;
color:#C1C1C7
}

.tcat {
background-color:#31333B repeat-x top left;
color:#A8A8AD;
font:bold 9pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
}

.tcat a:link {
color:#A8A8AD;
text-decoration:none
}

.tcat a:visited {
color:#A8A8AD;
text-decoration:none
}

.tcat a:hover,.tcat a:active {
color:#A8A8AD;
text-decoration:underline
}

.thead {
background-color:#31333B repeat-x top left;
color:#A5A5B2;
font:bold 10px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
}

.thead a:link {
color:#A5A5B2
}

.thead a:visited {
color:#A5A5B2
}

.thead a:hover,.thead a:active {
color:#A5A5B2
}

.tfoot {
background-color:#363940;
color:#C1C1C7
}

.tfoot a:link {
color:#B9B9BD
}

.tfoot a:visited {
color:#B9B9BD
}

.tfoot a:hover,.tfoot a:active {
color:#E7E7EB
}

.alt1,.alt1Active {
background-color:#363940;
color:#C1C1C7
}

.alt2,.alt2Active {
background-color:#44474F;
color:#C1C1C7
}

/* КЛЮЧЕВОЕ ИЗМЕНЕНИЕ: Исправлен фон редактора WYSIWYG */
.wysiwyg,.wysiwyg:hover {
background-color:#44474F!important;
/* Изменено на более светлый цвет для лучшей видимости */
color:#f7f7f7;
font:9pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
/*border: 1px solid #646C71;*/
}

/* Добавлены стили для iframe редактора */
.wysiwyg iframe {
background-color:#44474F!important
}

/* Стили для textarea (поле ввода) */
textarea,.bginput {
background-color:#44474F!important;
/* Согласован с .wysiwyg */
color:#E7E7EB!important;
font:9pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
border:1pt solid #646C71;
height: 22px;
width: 100%;
}

/* Явные стили для vBulletin редактора */
.vBulletin_editor,.vB_editor,.editor,.bbcode_editor {
background-color:#44474F!important
}

/* Стили для панели инструментов редактора */
.toolbar,.bbcode_toolbar {
background-color:#363940!important;
border:1px solid #646C71
}

.button {
background-color:#31333B;
color:#B9B9BD;
font:8pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
border:1pt solid #646C71
}

select {
background-color:#31333B;
color:#B9B9BD;
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 {
color:#f1f1f1;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
}

.time {
color:#A5A5B2
}

.navbar {
background-color:#2B2F34;
color:#C1C1C7;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif
}

.highlight {
color:#FFF;
font-weight:700
}

.fjsel {
background-color:#3E5C92;
color:#E0E0F6
}

.fjdpth0 {
background-color:#F7F7F7;
color:#000
}

.panel {
background-color:#31333B;
color:#B9B9BD;
padding:10px;
border:2px solid #000
}

.panelsurround {
background-color:#181B16;
color:#C1C1C7;
border:1px solid #000
}

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

.vbmenu_control {
background:#4B4C53 url(fusion/misc/cat_back.gif);
color:#F7F7F7;
font:bold 10px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
padding:3px 6px;
white-space:nowrap
}

.vbmenu_control a:link {
color:#B5B5B6;
text-decoration:none
}

.vbmenu_control a:visited {
color:#B5B5B6;
text-decoration:none
}

.vbmenu_control a:hover,.vbmenu_control a:active {
color:#B5B5B6;
text-decoration:underline
}

.vbmenu_popup {
background-color:#FFF;
color:#000;
border:1px solid #181B16;
text-align:left
}

.vbmenu_option {
background-color:#44474F!important;
color:#CCC!important;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space:nowrap;
cursor:pointer;
border:1px solid transparent!important
}

.vbmenu_option a:link {
color:#CCC;
text-decoration:none
}

.vbmenu_option a:visited {
color:#CCC;
text-decoration:none
}

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

.vbmenu_hilite {
background-color:#414249!important;
color:#f7f7f7!important;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space:nowrap;
cursor:pointer;
border:1px solid #181B16!important
}

.vbmenu_hilite a:link {
color:#f7f7f7;
text-decoration:none
}

.vbmenu_hilite a:visited {
color:#f7f7f7;
text-decoration:none
}

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

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

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

/* ***** basic styles for multi-page nav elements */
.pagenav a {
text-decoration:none
}

.pagenav td {
padding:2px 4px
}

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
margin-bottom:6px
/*border: 2px solid #181B16*/
}

.fieldset,.fieldset td,.fieldset p,.fieldset li {
font-size:11px
}

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

label {
cursor:default
}

.normal {
}

.inlineimg {
vertical-align:middle
}

TABLE.border {
border-right:2px solid #000;
border-left:2px solid #000;
border-bottom:1px solid #000
}

.info {
padding-left:3px;
padding-right:0;
padding-top:3px;
padding-bottom:3px;
background-color:#30333D;
border-top:1px solid #0F1013;
border-right:2px solid #0F1013;
border-left:1px solid #0F1013;
border-bottom:2px solid #0F1013;
margin-bottom:3px
}

TABLE.nav {
border-right:1px solid #181B16;
border-left:1px solid #181B16
}

.newsd {
font-family:verdana,arial,sans-serif;
color:#0f0;
font-size:10px
}

.titlenews {
font-family:verdana,arial,sans-serif;
font-size:10px
}

.vbmenu_control2 {
color:#F7F7F7;
font:bold 10px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
padding:3px 6px;
white-space:nowrap
}

.vbmenu_control2 a:link {
color:#B5B5B6;
text-decoration:none
}

.vbmenu_control2 a:visited {
color:#B5B5B6;
text-decoration:none
}

.vbmenu_control2 a:hover,.vbmenu_control a:active {
color:#B5B5B6;
text-decoration:underline
}

/* --- ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ РЕДАКТОРА vBULLETIN --- */
/* 1. Исправление фона редактора (WYSIWYG и Текст) */
#vBulletin_wysiwyg,#vBulletin_wysiwyg *,#vBulletin_textarea,#vBulletin_textarea *,.vbulletin_editor,.wysiwyg,textarea,.bginput,.vB_editor_content {
background-color:#44474F!important;
color:#E7E7EB!important;
background-image:none!important;
border:1px solid #181B16!important
}

/* 2. Исправление фона внутри iframe (само поле ввода) */
iframe[id*="wysiwyg"],iframe[id*="WYSIWYG"],iframe[id*="wysiwyg"] body,iframe[id*="WYSIWYG"] body {
background-color:#44474F!important;
color:#E7E7EB!important
}

/* 3. ФИКСАЦИЯ КНОПОК (чтобы не съезжали и шли в линию) */
/* Увеличен margin, чтобы убрать наложение */
.imagebutton,div[id*='_cmd_wrap'] {
/* width: 26px !important;    /* Фиксированная ширина */
/* height: 24px !important;   /* Фиксированная высота */
padding:0!important;
/* Убираем прыгающий паддинг */
margin:1px!important;
/* Достаточный отступ между кнопками */
border:1px solid transparent!important;
/* Прозрачная рамка резервирует место */
background-color:transparent!important;
display:inline-block!important;
/* Безопасный режим */
vertical-align:middle!important;
box-sizing:border-box!important;
/* КРИТИЧНО: рамка не меняет размер кнопки */
float:none!important
}

/* 4. Эффект при наведении (меняем только цвет, размеры заблокированы) */
.imagebutton:hover,div[id*='_cmd_wrap']:hover {
background-color:#555963!important;
/* Ваш цвет подсветки */
border:1px solid #646C71!important;
/* Цвет рамки при наведении */
padding:0!important
}

/* 5. Убираем лишние отступы у иконок внутри кнопок */
.imagebutton img,div[id*='_cmd_wrap'] img {
padding:0!important;
margin:2px auto!important;
/* Центрируем иконку */
border:none!important;
width:21px!important;
height:20px!important;
display:block!important
}

/* 6. Исправление фона и поведения панели инструментов */
.controlbar {
background:#363940 url($stylevar[imgdir_misc]/cat_back.gif) repeat-x!important;
border:1px solid #101010!important;
padding:2px!important;
/* УДАЛЕНО display: flex/block. Позволяем таблице внутри работать */
width:auto!important
}

/* Стили для всех элементов с id содержащим "editor" */
[id*="editor"],[id*="Editor"] {
background-color:#44474F!important
}

/* 7. ИСПРАВЛЕНИЕ МЕНЮ (Шрифты, Размеры) */
/* Общий контейнер меню выбора шрифта и размера */
.popup_feedback {
display:inline-block!important;
/* Безопасный режим */
vertical-align:middle!important;
width:auto!important;
/* Разрешаем расширяться */
min-width:80px!important;
height:22px!important;
line-height:20px!important;
background-color:#44474F!important;
border:1px solid #181B16!important;
padding:0 5px!important;
margin:1px!important;
/* Отступ */
overflow:hidden!important;
cursor:pointer
}

/* Сброс жесткой ширины 91px, которую прописывает JavaScript */
div[id*='_font_out'],div[id*='_size_out'] {
width:auto!important;
/* Игнорируем width: 91px */
max-width:120px!important;
display:inline-block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
/* Троеточие если текст слишком длинный */
white-space:nowrap!important;
font-size:11px!important;
line-height:20px!important
/* Выравнивание текста по центру вертикали */
}

/* Контейнер управления (стрелочка рядом с надписью) */
.popup_feedback div {
display:inline-block!important;
vertical-align:middle!important
}

/* 8. Стили самого выпадающего списка (КОГДА ОН ОТКРЫТ) */
.vbmenu_popup,[id*='_popup'] {
background-color:#44474F!important;
/* Статический фон как у редактора */
color:#E7E7EB!important;
border:1px solid #646C71!important;
z-index:9999!important;
text-align:left!important
}

/* Убираем изменение фона при наведении на само выпадающее меню */
.vbmenu_popup:hover,[id*='_popup']:hover {
background-color:#44474F!important
/* Остается тот же цвет */
}

/* 9. Убираем конфликты с табличной версткой */
/* Удаляем все стили для controlbar td, чтобы браузер использовал стандартные табличные */
/* 10. ИСПРАВЛЕНИЕ ВЫПАДАЮЩЕГО СПИСКА ШРИФТОВ (чтобы были в столбик) */
div[id^="vB_Editor_001_fontoption"],div[id^="vB_Editor_001_sizeoption"] {
display:block!important;
/* Принудительно делаем элемент блочным */
text-align:left!important;
width:auto!important;
padding:4px 8px!important;
white-space:nowrap!important;
line-height:normal!important
}

/* Эффект наведения для отдельных опций */
div[id^="vB_Editor_001_fontoption"]:hover,div[id^="vB_Editor_001_sizeoption"]:hover {
background-color:#555963!important
}

/* Отключаем наследование фона от родительских элементов */
.vbmenu_popup :not(.vbmenu_hilite):not([id*="option"]) {
background-color:#44474F!important
}

/* ПОЛНЫЙ СБРОС ВСТРОЕННЫХ СТИЛЕЙ ДЛЯ .osize */
.osize[style] {
/* background: initial !important; */
/* color: initial !important; */
/* border: initial !important; */
}

.osize[style] {
/* all: unset !important; */
/* display: block !important; */
/* cursor: pointer !important; */
}

.osize {
/* text-align: center !important; */
/* background-color: #44474F !important; */
color:#E7E7EB!important
/* border: 1px solid #646C71 !important; */
}

.osize {
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
text-align:center!important;
padding:4px 8px!important;
margin:2px 0!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
width:auto!important;
min-width:30px!important;
box-sizing:border-box!important
}

/* Эффект при наведении */
.osize:hover {
background-color:#555963!important;
color:#FFF!important;
border-color:#7A8289!important
}

/* СТИЛИ ДЛЯ ПАЛИТРЫ ЦВЕТОВ vBULLETIN 3.8 - ИСПРАВЛЕННЫЙ ВАРИАНТ */
/* 1. УБИРАЕМ КНОПКУ ИЗ СЕЛЕКТОРА - чтобы она не становилась широкой */
/* Кнопка выбора цвета в панели инструментов (оставляем оригинальный размер) */
#vB_Editor_001_color_out,div[id$="_color_out"] {
/* Не меняем ширину и высоту - оставляем как у других кнопок */
width:auto!important;
min-width:0!important
}

/* 2. КОНТЕЙНЕР ПАЛИТРЫ ЦВЕТОВ - исправляем отображение */
/* Селектор уточняем: только меню, а не кнопка */
#vB_Editor_001_color_menu,div[id$="_color_menu"],div[id*="color_menu"]:not([id$="_color_out"]),.vbmenu_popup[id*="color"] {
background-color:#44474F!important;
border:1px solid #646C71!important;
padding:8px!important;
z-index:10000!important;
min-width:150px!important;
/* display: none !important; - НЕ УСТАНАВЛИВАЕМ, показывается скриптом */
position:absolute!important;
box-shadow:0 4px 12px #00000080!important
}

/* 3. ЦВЕТА В ПАЛИТРЕ - используем атрибут bgcolor */
/* Ячейки таблицы цветов */
#vB_Editor_001_color_menu td,div[id*="color_menu"] td {
padding:0!important;
margin:0!important;
width:16px!important;
height:16px!important;
border:1px solid #646C71!important;
/* background-color берется из атрибута bgcolor */
background-color:inherit!important;
position:relative!important;
cursor:pointer!important
}

/* 4. ДЕЛИТЕЛИ ДЛЯ ЦВЕТНЫХ КВАДРАТИКОВ */
/* Прямоугольники цветов внутри ячеек - используем псевдоэлементы */
#vB_Editor_001_color_menu td::before,div[id*="color_menu"] td::before {
content:'';
position:absolute!important;
top:0!important;
left:0!important;
width:100%!important;
height:100%!important;
/* Цвет будет взят из bgcolor атрибута через JavaScript */
background-color:inherit!important;
z-index:1!important
}

/* 5. ЭФФЕКТ ПРИ НАВЕДЕНИИ НА ЦВЕТ */
#vB_Editor_001_color_menu td:hover,div[id*="color_menu"] td:hover {
border-color:#FFF!important;
transform:scale(1.15)!important;
z-index:2!important
}

/* 6. УБИРАЕМ ВСТРОЕННЫЕ СТИЛИ ДЛЯ КОНТЕЙНЕРА */
#vB_Editor_001_color_menu[style*="width:"],div[id*="color_menu"][style*="width:"] {
/* Оставляем ширину как в скрипте */
min-width:auto!important
}

/* Контейнер кнопки цвета - приводим к стандартному размеру */
#vB_Editor_001_color_out,div[id$="_color_out"] {
width:26px!important;
height:24px!important;
min-width:26px!important;
max-width:26px!important;
min-height:24px!important;
max-height:24px!important;
overflow:hidden!important;
padding:0!important;
margin:1px!important;
border:1px solid transparent!important;
background-color:transparent!important;
display:inline-block!important;
vertical-align:middle!important;
box-sizing:border-box!important;
line-height:20px!important
}

#vB_Editor_001_color_out:hover,div[id$="_color_out"]:hover {
background-color:#555963!important;
border-color:#646C71!important
}

/* Эффект при наведении на кнопку цвета */
#vB_Editor_001_color_out:hover,div[id$="_color_out"]:hover {
background-color:#555963!important;
border-color:#646C71!important
}

/* Универсальные стили для всех кнопок редактора для сравнения */
.imagebutton,div[id*='_cmd_wrap'] {
padding:0!important;
margin:1px!important;
border:1px solid transparent!important;
background-color:transparent!important;
display:inline-block!important;
vertical-align:middle!important;
box-sizing:border-box!important
}

/* Для соответствия с другими элементами панели инструментов */
.popup_feedback {
height:22px!important;
line-height:20px!important;
margin:1px!important
}

/* 4. ЦВЕТНЫЕ КВАДРАТЫ внутри ячеек - ОСНОВНОЕ ИСПРАВЛЕНИЕ */
#vB_Editor_001_color_menu td > div,div[id*="color_menu"] td > div {
position:absolute!important;
top:0!important;
left:0!important;
width:100%!important;
height:100%!important;
z-index:1!important;
box-sizing:border-box!important
}

/* 8. Явно заданные цвета для палитры */
/* Черные и серые оттенки */
#vB_Editor_001_color_Black > div {
background-color:#000!important
}

#vB_Editor_001_color_SlateGray > div {
background-color:#708090!important
}

#vB_Editor_001_color_DimGray > div {
background-color:#696969!important
}

#vB_Editor_001_color_Gray > div {
background-color:gray!important
}

#vB_Editor_001_color_Silver > div {
background-color:silver!important
}

#vB_Editor_001_color_White > div {
background-color:#FFF!important
}

/* Коричневые оттенки */
#vB_Editor_001_color_Sienna > div {
background-color:#A0522D!important
}

#vB_Editor_001_color_SandyBrown > div {
background-color:#F4A460!important
}

#vB_Editor_001_color_Wheat > div {
background-color:#F5DEB3!important
}

/* Зеленые оттенки */
#vB_Editor_001_color_DarkOliveGreen > div {
background-color:#556B2F!important
}

#vB_Editor_001_color_DarkGreen > div {
background-color:#006400!important
}

#vB_Editor_001_color_Olive > div {
background-color:olive!important
}

#vB_Editor_001_color_Green > div {
background-color:green!important
}

#vB_Editor_001_color_YellowGreen > div {
background-color:#9ACD32!important
}

#vB_Editor_001_color_SeaGreen > div {
background-color:#2E8B57!important
}

#vB_Editor_001_color_PaleGreen > div {
background-color:#98FB98!important
}

#vB_Editor_001_color_Lime > div {
background-color:#0F0!important
}

/* Синие оттенки */
#vB_Editor_001_color_DarkSlateBlue > div {
background-color:#483D8B!important
}

#vB_Editor_001_color_Navy > div {
background-color:navy!important
}

#vB_Editor_001_color_Teal > div {
background-color:teal!important
}

#vB_Editor_001_color_Blue > div {
background-color:#00F!important
}

#vB_Editor_001_color_RoyalBlue > div {
background-color:#4169E1!important
}

#vB_Editor_001_color_MediumTurquoise > div {
background-color:#48D1CC!important
}

#vB_Editor_001_color_DeepSkyBlue > div {
background-color:#00BFFF!important
}

#vB_Editor_001_color_LightBlue > div {
background-color:#ADD8E6!important
}

#vB_Editor_001_color_PaleTurquoise > div {
background-color:#AFEEEE!important
}

#vB_Editor_001_color_Cyan > div {
background-color:#0FF!important
}

/* Фиолетовые оттенки */
#vB_Editor_001_color_Indigo > div {
background-color:#4B0082!important
}

#vB_Editor_001_color_Purple > div {
background-color:purple!important
}

#vB_Editor_001_color_DarkOrchid > div {
background-color:#9932CC!important
}

#vB_Editor_001_color_Plum > div {
background-color:#DDA0DD!important
}

#vB_Editor_001_color_Magenta > div {
background-color:#F0F!important
}

/* Темные оттенки */
#vB_Editor_001_color_DarkSlateGray > div {
background-color:#2F4F4F!important
}

#vB_Editor_001_color_DarkRed > div {
background-color:#8B0000!important
}

/* Красные оттенки */
#vB_Editor_001_color_Red > div {
background-color:red!important
}

#vB_Editor_001_color_Pink > div {
background-color:#FFC0CB!important
}

/* Оранжевые и желтые оттенки */
#vB_Editor_001_color_DarkOrange > div {
background-color:#FF8C00!important
}

#vB_Editor_001_color_Orange > div {
background-color:orange!important
}

#vB_Editor_001_color_Yellow > div {
background-color:#FF0!important
}

#vB_Editor_001_color_LemonChiffon > div {
background-color:#FFFACD!important
}

/* 9. Универсальные стили для всех цветов в палитре */
#vB_Editor_001_color_menu td > div,div[id*="color_menu"] td > div {
/* Цвет будет установлен JavaScript, но если что-то не работает,
       эти правила перечисленные выше обеспечат цвет для каждого элемента */
}

/* РАМКИ ПРИ НАВЕДЕНИИ ДЛЯ ВСЕХ КНОПОК С КЛАССОМ imagebutton */
/* Для обычных кнопок редактора */
.imagebutton:hover,div[id*='_cmd_wrap']:hover {
border-color:#646C71!important
}

/* Для кнопки выбора цвета */
#vB_Editor_001_color_out:hover,div[id$="_color_out"]:hover {
border-color:#646C71!important
}

/* Сброс встроенных стилей для кнопок изменения размера */
.imagebutton[id*="cmd_resize"],#vB_Editor_001_cmd_resize_0_100,#vB_Editor_001_cmd_resize_1_100 {
all:unset!important;
width:26px!important;
height:18px!important;
/* Уменьшенная высота */
min-width:26px!important;
min-height:18px!important;
max-height:18px!important;
padding:0!important;
margin:1px!important;
border:1px solid transparent!important;
background-color:transparent!important;
display:inline-block!important;
vertical-align:middle!important;
box-sizing:border-box!important;
text-align:center!important;
line-height:18px!important;
cursor:pointer!important
}

/* СБРОС ВСТРОЕННЫХ СТИЛЕЙ ДЛЯ ВЫПАДАЮЩИХ МЕНЮ */
/* Для выбора шрифта (fontname) */
.ofont[style] {
all:unset!important;
display:block!important;
cursor:pointer!important
}

.ofont {
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
text-align:left!important;
padding:4px 8px!important;
margin:2px 0!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
width:auto!important;
min-width:100px!important;
box-sizing:border-box!important;
white-space:nowrap!important
}

/* Для выбора размера шрифта (size) - уже есть, но улучшаем */
.osize[style] {
all:unset!important;
display:block!important;
cursor:pointer!important
}

.osize {
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
text-align:center!important;
padding:4px 8px!important;
margin:2px 0!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
width:auto!important;
min-width:30px!important;
box-sizing:border-box!important
}

/* Для выбора цвета (color) - улучшаем существующие стили */
.ocolor {
background-color:#44474F!important;
border:1px solid #646C71!important;
padding:2px!important;
margin:0!important;
box-sizing:border-box!important;
cursor:pointer!important
}

.ocolor > div {
width:16px!important;
height:16px!important;
border:1px solid #646C71!important
}

/* Для смайликов (smilie) */
.osmilie {
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
text-align:left!important;
padding:4px 8px!important;
margin:2px 0!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
width:auto!important;
box-sizing:border-box!important;
cursor:pointer!important
}

/* Эффект при наведении для всех опций меню */
.ofont:hover,.osize:hover,.ocolor:hover,.osmilie:hover {
background-color:#555963!important;
color:#FFF!important;
border-color:#7A8289!important
}

/* Стили для опций внутри выпадающих меню (переопределение встроенных стилей) */
.vbmenu_option {
background-color:#44474F!important;
color:#CCC!important;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space:nowrap;
cursor:pointer;
border:1px solid transparent!important;
padding:4px 8px!important;
margin:0!important;
display:block!important;
text-align:left!important;
width:auto!important;
min-width:100px!important
}

.vbmenu_hilite {
background-color:#414249!important;
color:#f7f7f7!important;
font:10px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
white-space:nowrap;
cursor:pointer;
border:1px solid #181B16!important;
padding:4px 8px!important;
margin:0!important;
display:block!important
}

/* Убираем встроенные стили для всех элементов с id содержащим option */
div[id*="option"][style] {
all:unset!important;
display:block!important;
cursor:pointer!important;
padding:4px 8px!important;
margin:2px 0!important
}

/* Специфические стили для элементов с id содержащим fontoption и sizeoption */
div[id*="fontoption"],div[id*="sizeoption"] {
display:block!important;
text-align:left!important;
width:auto!important;
padding:4px 8px!important;
white-space:nowrap!important;
line-height:normal!important;
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
margin:2px 0!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
box-sizing:border-box!important;
cursor:pointer!important
}

/* Эффект наведения для опций шрифта и размера */
div[id*="fontoption"]:hover,div[id*="sizeoption"]:hover {
background-color:#555963!important;
color:#FFF!important;
border-color:#7A8289!important
}

/* Убираем наследование фона от родительских элементов для всего меню */
.vbmenu_popup :not(.vbmenu_hilite):not([id*="option"]):not(.ofont):not(.osize):not(.ocolor):not(.osmilie) {
background-color:#44474F!important
}

/* Стили для выпадающего меню (контейнера) */
.vbmenu_popup {
background-color:#44474F!important;
color:#E7E7EB!important;
border:1px solid #646C71!important;
z-index:9999!important;
text-align:left!important;
padding:4px!important;
min-width:120px!important;
box-shadow:0 4px 12px #00000080!important
}

/* Убираем эффект наведения на само меню (только на элементы внутри) */
.vbmenu_popup:hover {
background-color:#44474F!important
}

/* Стили для текста внутри опций шрифта (чтобы отображался правильный шрифт) */
.ofont font[face] {
font-family:inherit!important;
font-size:11px!important
}

/* Стили для текста внутри опций размера (чтобы отображался правильный размер) */
.osize font[size] {
font-size:inherit!important
}

/* Специфические исправления для меню шрифтов - гарантируем отображение */
#vB_Editor_001_popup_fontname_menu,div[id*="fontname_menu"] {
min-width:140px!important;
max-height:300px!important;
overflow-y:auto!important
}

/* Специфические исправления для меню размеров */
#vB_Editor_001_popup_fontsize_menu,div[id*="fontsize_menu"] {
min-width:80px!important
}

/* Убираем горизонтальную полосу прокрутки */
.vbmenu_popup::-webkit-scrollbar {
width:8px
}

.vbmenu_popup::-webkit-scrollbar-track {
background:#363940
}

.vbmenu_popup::-webkit-scrollbar-thumb {
background:#555963;
border-radius:4px
}

/* Стили для заголовков в меню (если есть) */
.thead {
/*background-color:#31333B!important;*/
color:#A5A5B2!important;
font:bold 10px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
padding:6px 8px!important;
margin:0!important;
/*border-bottom:1px solid #646C71!important;*/
cursor:default!important
}

/* Стили для разделителей в меню */
.vbmenu_popup hr {
border:none!important;
border-top:1px solid #646C71!important;
margin:4px 0!important
}

/* ФИКС для меню смайликов */
#vB_Editor_001_popup_smilie_menu,div[id*="smilie_menu"] {
min-width:200px!important;
max-height:400px!important;
overflow-y:auto!important
}