.wysibb-body {  
    background: #FFFFFF !important;  /* фоновой цвет новой формы ввода (можно вместо цвета картинку поставить, или даже скомбинировать) */
    color: #000000 !important;   /* цвет текста новой формы ввода */
}

.wysibb {   
    border: 1px solid #DDDDDD !important;   /* толщина и цвет рамки новой формы ввода */  
    border-radius: 0px !important;   /* радиус закругления на углах новой формы ввода (0 - углы квадратные) */  
    font-family: "Arial", "Verdana", "Tahoma" !important;   /* шрифт всплывающих подсказок и выпадающих списков новой формы ввода */  
}

.wysibb .wysibb-toolbar {  
    background-image: linear-gradient(bottom, #eee 50%, #fafafa 100%) !important; /* фон панельки с кнопками, первый и второй цвет градиента (здесь тоже можно поставить фоновую картинку) */  
    background-image: -o-linear-gradient(bottom, #eee 50%, #fafafa 100%) !important;   /* то же самое, для других браузеров */  
    background-image: -moz-linear-gradient(bottom, #eee 50%, #fafafa 100%) !important;   /* то же самое, для других браузеров */  
    background-image: -webkit-linear-gradient(bottom, #eee 50%, #fafafa 100%) !important;   /* то же самое, для других браузеров */  
    background-image: -ms-linear-gradient(bottom, #eee 50%, #fafafa 100%) !important;   /* то же самое, для других браузеров */  
    border-bottom: 1px solid #DDDDDD !important;   /* толщина и цвет линии под панелькой с кнопками */  
    border-top-left-radius: 7px !important;   /* радиус закругления фонового изображения слева в верхнем углу */
    border-top-right-radius: 7px !important;   /* радиус закругления фонового изображения справа в верхнем углу */
}  

  .wysibb-text textarea {   
    background: #FFFFFF !important;   /* фоновой цвет новой формы ввода, когда она переключена в режим bb-кодов */  
}  

  textarea {   
    color: #000000 !important;   /* цвет текста в новой форме ввода, когда она переключена в режим bb-кодов */  
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner {
    border-left:1px solid #f6f6f6 !important;   /* цвет левой части лини, разделяющей кнопки(она состоит из двух вертикальных линий, если вам нужна только одна линия, удалите одну из этх строчек) */  
    border-right:1px solid #b0b0b0 !important;   /* цвет правой части лини, разделяющей кнопки */
}

.wysibb .ve-tlb-hide {  
    background: url("http://s64.ucoz.net/uwbb/style/img/icons-1.png") transparent !important; /* картинка со значками на кнопках новой формы ввода, если вы будете заменить их своими, то имейте ввиду, что каждый значок не должен быть больше 22 пикселей в высоту */
}

.wbb-select .val {
    background-image: linear-gradient(top, #ffffff 17%, #f6f6f6 59%) !important;  /* для гурманов: фон под надписью "Шрифт" на одноименной кнопке, первый и второй цвет градиента (можно сплошным цветом) */
    background-image: -o-linear-gradient(top, #ffffff 17%, #f6f6f6 59%) !important;   /* то же самое, для других браузеров */
    background-image: -moz-linear-gradient(top, #ffffff 17%, #f6f6f6 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-linear-gradient(top, #ffffff 17%, #f6f6f6 59%) !important;   /* то же самое, для других браузеров */
    background-image: -ms-linear-gradient(top, #ffffff 17%, #f6f6f6 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #ffffff),color-stop(0.59, #f6f6f6)) !important;   /* то же самое, для других браузеров */
}

.wbb-ufontfamily .val {  
    color: #555555 !important;  /* цвет надписи "Шрифт" на одноименной кнопке */
    font-family: "Georgia" !important;   /* шрифт надписи "Шрифт" на одноименной кнопке (гурманы в экстазе) */
    font-size: 10px !important;  /* размер надписи "Шрифт" на одноименной кнопке */
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container {
    background-image: linear-gradient(top, #f8f8f8 17%, #dfdfdf 59%) !important;   /* фон кнопок новой формы ввода, первый и второй цвет градиента (можно сплошным цветом) */
    background-image: -o-linear-gradient(top, #f8f8f8 17%, #dfdfdf 59%) !important;   /* то же самое, для других браузеров */
    background-image: -moz-linear-gradient(top, #f8f8f8 17%, #dfdfdf 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-linear-gradient(top, #f8f8f8 17%, #dfdfdf 59%) !important;   /* то же самое, для других браузеров */
    background-image: -ms-linear-gradient(top, #f8f8f8 17%, #dfdfdf 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #f8f8f8),color-stop(0.59, #dfdfdf)) !important;  /* то же самое, для других браузеров */
    border: 1px solid #acacac !important;   /* толщина и цвет рамки кнопок */
    border-radius:5px !important;   /* радиус закругления углов кнопок (0 - углы квадратные) */
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
    background-image: linear-gradient(top, #f4f4f4 17%, #c8dae1 59%) !important;  /* фон кнопок новой формы ввода когда наводишь курсором на них, первый и второй цвет градиента (можно сплошным цветом) */
    background-image: -o-linear-gradient(top, #f4f4f4 17%, #c8dae1 59%) !important;   /* то же самое, для других браузеров */
    background-image: -moz-linear-gradient(top, #f4f4f4 17%, #c8dae1 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-linear-gradient(top, #f4f4f4 17%, #c8dae1 59%) !important;   /* то же самое, для других браузеров */
    background-image: -ms-linear-gradient(top, #f4f4f4 17%, #c8dae1 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #f4f4f4),color-stop(0.59, #c8dae1)) !important;   /* то же самое, для других браузеров */
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover {
    background-image: linear-gradient(top, #cccccc 17%, #f4f4f4 59%) !important;   /* фон кнопок новой формы ввода когда нажимаешь на них, первый и второй цвет градиента (можно сплошным цветом) */
    background-image: -o-linear-gradient(top, #cccccc 17%, #f4f4f4 59%) !important;   /* то же самое, для других браузеров */
    background-image: -moz-linear-gradient(top, #cccccc 17%, #f4f4f4 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-linear-gradient(top, #cccccc 17%, #f4f4f4 59%) !important;   /* то же самое, для других браузеров */
    background-image: -ms-linear-gradient(top, #cccccc 17%, #f4f4f4 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #cccccc),color-stop(0.59, #f4f4f4)) !important;   /* то же самое, для других браузеров */
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip {
    background-image: linear-gradient(top, #ffffff 17%, #eeeef5 59%) !important;   /* фон всплывающей подсказки, которые появляются при наведении на кнопки, первый и второй цвет градиента (можно сплошным цветом) */
    background-image: -o-linear-gradient(top, #ffffff 17%, #eeeef5 59%) !important;   /* то же самое, для других браузеров */
    background-image: -moz-linear-gradient(top, #ffffff 17%, #eeeef5 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-linear-gradient(top, #ffffff 17%, #eeeef5 59%) !important;   /* то же самое, для других браузеров */
    background-image: -ms-linear-gradient(top, #ffffff 17%, #eeeef5 59%) !important;   /* то же самое, для других браузеров */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #ffffff),color-stop(0.59, #eeeef5)) !important;   /* то же самое, для других браузеров */
    border:1px solid #c2c2cc !important;   /* толщина и цвет рамки всплывающей подсказки */
    font-size:11px !important;   /* размер шрифта всплывающей подсказки */
    color:#636363 !important;   /* цвет шрифта всплывающей подсказки */
    border-radius:3px !important;   /* радиус закругления углов рамки всплывающей подсказки (0 - углы квадратные) */
}