.jsxc_emoticon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: contain;
    border: 0;
    vertical-align: bottom;
}

#jsxc_roster .jsxc_emoticon.jsxc_large {
    width: 19px;
    height: 19px;
}

$emoticons: angel, angry, smile, grin, sad, wink, tonguesmile, surpised, kiss, sunglassess, crysad, doubt, zip, thumbsup, thumbsdown, beer, devil, kissing, rose, music, love, tired, surprised;

@each $emoticon in $emoticons {
    .jsxc_#{$emoticon} {
        background: image-url("emotions/#{$emoticon}.png");
    }
}
