.emotions {
    width: 14px;
    height: 14px;
    background: url("emotions/blank.gif") no-repeat center center;
    display: inline-block;
    vertical-align: top;
    color: transparent;
    overflow: hidden;
}

.emo-angel {
    background: url("emotions/calm/angel.gif");
    width: 16px;
    height: 15px;
}

.emo-confused {
    background: url("emotions/calm/confused.gif");
}

.emo-devil {
    background: url("emotions/calm/devil.gif");
    height: 15px;
}

.emo-grin {
    background: url("emotions/calm/grin.gif");
}

.emo-heart {
    background: url("emotions/calm/heart.gif");
    width: 15px;
}

.emo-kiss {
    background: url("emotions/calm/kiss.gif");
}

.emo-smile {
    background: url("emotions/calm/smile.gif");
}

.emo-sunglasses {
    background: url("emotions/calm/sunglasses.gif");
}

.emo-unsure {
    background: url("emotions/calm/unsure.gif");
}

.emo-wink {
    background: url("emotions/calm/wink.gif");
}

.emo-cry {
    background: url("emotions/calm/cry.gif");
}

.emo-glasses {
    background: url("emotions/calm/glasses.gif");
}

.emo-grumpy {
    background: url("emotions/calm/grumpy.gif");
}

.emo-tongue {
    background: url("emotions/calm/tongue.gif");
}

.emo-frown {
    background: url("emotions/calm/frown.gif");
}