.sm-menu div {
    display: inline-block;
    
    padding: 4px 12px;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    margin: 0 1px;
    cursor: pointer;
}
.sm-menu div.active{
    background-color: #d6f1db;
}
.sm-menu div:hover {
    background-color: #e6efe5;
}
.smiles img {
    max-height: 40px;
    margin: 3px;
    display: inline-block;
    border: 1px dotted white;
}
.smiles img:hover {
    max-height: 40px;
    cursor:pointer;
    border: 1px dotted #a0a0a0;
}
div.sm-cont{
    overflow-y: scroll;
    height: 230px;
    background-color: white;
}
div.sm-set{
    position: absolute;
    display: none;
    width: 600px;
    background-color: #ffffff;
    overflow-y: hidden;
    border: 1px solid #e0e0e0;
    z-index:201;
}
span.cross{
    display: inline-block;
    float: right;
    padding: 0 2px;
    color: #808080;
}
span.cross:hover{
    background-color: #c0c0c0;
    cursor: pointer;
}