@charset "utf-8";
.emotion-trigger {
    cursor: pointer;
    position: relative;
}
.emotion-panel {
    border: 1px solid #ccc;
    width: 230px;
    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
    position: fixed;
    z-index: 10;
    background-color: #fff; 
}
.emotion-panel > .emotion {
    margin: 1px;
    cursor: pointer;
}
.emotion-panel-upper-triangle {
	background-image: url(images/upper-triangle.png);
	width: 17px;
	height: 9px;
	position: absolute;
}
.emotion-panel-bottom-triangle {
    background-image: url(images/bottom-triangle.png);
    width: 17px;
    height: 9px;
    position: absolute;
}
.emotion {
	width: 21px;
	height: 21px;
	background-image: url(images/emotions.png);
	background-repeat: no-repeat;
	display: inline-block;
}
.emo-raining {
	background-position: 0px 0px;
}
.emo-beer {
    background-position: 0px -21px;
}
.emo-sunny {
    background-position: 0px -42px;
}
.emo-note {
    background-position: 0px -63px;
}
.emo-galaxy {
    background-position: 0px -84px;
}
.emo-star {
    background-position: 0px -105px;
}
.emo-love {
    background-position: 0px -126px;
}
.emo-music {
    background-position: 0px -147px;
}
.emo-smile {
    background-position: 0px -168px;
}
.emo-unhappy {
    background-position: 0px -189px;
}
.emo-happy {
    background-position: 0px -210px;
}
.emo-cool {
    background-position: 0px -231px;
}
.emo-surprise {
    background-position: 0px -252px;
}
.emo-wink {
    background-position: 0px -273px;
}
.emo-sad {
    background-position: 0px -294px;
}
.emo-sweat {
    background-position: 0px -315px;
}
.emo-omg {
    background-position: 0px -336px;
}
.emo-kiss {
    background-position: 0px -357px;
}
.emo-tongue {
    background-position: 0px -378px;
}
.emo-shy {
    background-position: 0px -399px;
}
.emo-doubtful {
    background-position: -21px 0px;
}
.emo-thinking {
    background-position: -21px -21px;
}
.emo-dazed {
    background-position: -21px -42px;
}
.emo-glad {
    background-position: -21px -63px;
}
.emo-hehe {
    background-position: -21px -84px;
}
.emo-sleepy {
    background-position: -21px -105px;
}
.emo-puke {
    background-position: -21px -126px;
}
.emo-sighed {
    background-position: -21px -147px;
}
.emo-confused {
    background-position: -21px -168px;
}
.emo-angry {
    background-position: -21px -189px;
}
.emo-unamus {
    background-position: -21px -210px;
}
.emo-embarr {
    background-position: -21px -231px;
}
.emo-disapp {
    background-position: -21px -252px;
}
.emo-pumpkin {
    background-position: -21px -273px;
}
.emo-grin {
    background-position: -21px -294px;
}
.emo-nerd {
    background-position: -21px -315px;
}
.emo-secret {
    background-position: -21px -336px;
}
.emo-haha {
    background-position: -21px -357px;
}
.emo-ok {
    background-position: -21px -378px;
}
.emo-sick {
    background-position: -21px -399px;
}
.emo-angel {
    background-position: -42px 0px;
}
.emo-devil {
    background-position: -42px -21px;
}
.emo-nospeak {
    background-position: -42px -42px;
}
.emo-applaud {
    background-position: -42px -63px;
}
.emo-hi {
    background-position: -42px -84px;
}
.emo-phone {
    background-position: -42px -105px;
}
.emo-celebrat {
    background-position: -42px -126px;
}
.emo-xspeak {
    background-position: -42px -147px;
}
.emo-eyes {
    background-position: -42px -168px;
}
.emo-et {
    background-position: -42px -189px;
}
.emo-lightnin {
    background-position: -42px -210px;
}
.emo-halfmoon {
    background-position: -42px -231px;
}
.emo-flower {
    background-position: -42px -252px;
}
.emo-gift {
    background-position: -42px -273px;
}
.emo-coffee {
    background-position: -42px -294px;
}