.basic-srt, span.basic, img.basic, .trigger {
    width: 20px;
    height: 20px;
    text-indent: -1000px;
    overflow: hidden;
    background: transparent url('../../../images/emoticons/basic/emo_basic_sprite.png') no-repeat;
    background-position: 0 0;
    vertical-align: middle; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) {
    .basic-srt, span.basic, img.basic, .trigger {
        background: transparent url('../../../images/emoticons/basic/@2x/emo_basic_sprite.png') no-repeat 0 0;
        -moz-background-size: 100px, 220px;
        -o-background-size: 100px, 220px;
        -webkit-background-size: 100px, 220px;
        background-size: 100px, 220px; } }
.trigger {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 20px;
    height: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    cursor: pointer;
    background-position: 0 0; }
.trigger:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

.basic.happy {
    background-position: 0 0; }
.basic.ecstatic {
    background-position: -20px 0; }
.basic.blinking {
    background-position: -40px 0; }
.basic.sad {
    background-position: -60px 0; }
.basic.depressed {
    background-position: -80px 0; }
.basic.embarassed {
    background-position: 0 -20px; }
.basic.nervous {
    background-position: -20px -20px; }
.basic.angry {
    background-position: -40px -20px; }
.basic.furious {
    background-position: -60px -20px; }
.basic.devious {
    background-position: -80px -20px; }
.basic.bored {
    background-position: 0 -40px; }
.basic.annoyed {
    background-position: -20px -40px; }
.basic.surprised {
    background-position: -40px -40px; }
.basic.tired {
    background-position: -60px -40px; }
.basic.exhausted {
    background-position: -80px -40px; }
.basic.disgusted {
    background-position: 0 -60px; }
.basic.smells {
    background-position: -20px -60px; }
.basic.really {
    background-position: -40px -60px; }
.basic.hyped {
    background-position: -60px -60px; }
.basic.grumpy {
    background-position: -80px -60px; }
.basic.proud {
    background-position: 0 -80px; }
.basic.cute {
    background-position: -20px -80px; }
.basic.snob {
    background-position: -40px -80px; }
.basic.brat {
    background-position: -60px -80px; }
.basic.evil {
    background-position: -80px -80px; }
.basic.sneezing {
    background-position: 0 -100px; }
.basic.sour {
    background-position: -20px -100px; }
.basic.talking {
    background-position: -40px -100px; }
.basic.shouting {
    background-position: -60px -100px; }
.basic.laughing {
    background-position: -80px -100px; }
.basic.excited {
    background-position: 0 -120px; }
.basic.relaxed {
    background-position: -20px -120px; }
.basic.smiling {
    background-position: -40px -120px; }
.basic.fake {
    background-position: -60px -120px; }
.basic.wink {
    background-position: -80px -120px; }
.basic.tight {
    background-position: 0 -140px; }
.basic.kissing {
    background-position: -20px -140px; }
.basic.scared {
    background-position: -40px -140px; }
.basic.horrified {
    background-position: -60px -140px; }
.basic.confident {
    background-position: -80px -140px; }
.basic.tough {
    background-position: 0 -160px; }
.basic.intimidating {
    background-position: -20px -160px; }
.basic.stoic {
    background-position: -40px -160px; }
.basic.intense {
    background-position: -60px -160px; }
.basic.goofy {
    background-position: -80px -160px; }
.basic.serious {
    background-position: 0 -180px; }
.basic.thoughtful {
    background-position: -20px -180px; }
.basic.model {
    background-position: -40px -180px; }
.basic.confused {
    background-position: -60px -180px; }
.basic.tongue {
    background-position: -80px -180px; }