/*
    Иконка.

    Позволяет вставлять иконки как одной картинкой, так и спрайтом. Как GIF/PNG-8, так и PNG-24.
    Позиционируется абсолютно, родитель должен зарезервировать место под иконку.

    Фоновая картинка задаётся для .b-icon i
    Для выбора кадра спрайта используется .b-icon i { left: -Xpx } или .b-icon i { top: -Ypx }

    Код:
    <i class="b-icon"><i></i></i>

    Пример использования:

    html:
    <ul class="b-services">
        <li class="search"><a href=""><i class="b-icon"><i></i></i>Поиск</a></li>
        <li class="market"><a href=""><i class="b-icon"><i></i></i>Маркет</a></li>
    </ul>

    css:
    .b-services .b-icon i
    {
        width: 128px;
        height: 16px;

        background: url(//...);
    }

    .b-services .market .b-icon i
    {
        left: -16px;
    }
*/ /**/

/* Icon (begin) */ /**/
    .b-icon
    {
        position: absolute;

        overflow: hidden;

        /* default width/height and offset, может быть стоит вынести в b-icon-16x16.css */ /**/
        width: 16px;
        height: 16px;
        margin-left: -19px;
    }

    .b-icon i
    {
        /* position: absolute; */

        /* Альтернатива для poa, при таком варианте не появляется полоса прокрутки в Opera 9.27 */ /**/
        position: relative;
        display: block;

        /* Надо задать размер картинки */ /**/
        /* width: 523px; */
        /* height: 18px; */

        /* Надо задать background */ /**/
        /* background: url(path-to-image); */
    }
/* Icon (end) */ /**/
