/* скрываем оригинальный виджет - чтобы не было два ярлыка на экране*/
#jivo_chat_widget{
    display: none;
}

/* стиль по умолчанию - для оффлайн сообщений, если никого нет в онлайне */
#jivo_custom_widget {
    position: fixed;
    bottom: -3px;
    right: 30px;
    z-index: 300000;
    cursor: pointer;
    /*
    width: 222px;
    height: 35px;
    background-image: url(images/jivo_widget_offline.png);
    */
    width: 100px;
    height: 150px;
    background-image: url(images/jivo_widget_offline.gif);
}

/* при наведении ярлык должен сдвигаться вправо на 3px */
#jivo_custom_widget:hover{
    bottom: 0;
}

/* если есть операторы в онлайне - показываем другой ярлык*/
#jivo_custom_widget.jivo_online {
    width: 100px;
    height: 150px;
    background-image: url(images/jivo_widget_online.gif);
}