.avatar{width:100px;height: 100px; border-radius: 50px; overflow: hidden;}/*border:solid 1px #DDD; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
.avatar.onDark .avatar_inner{border:solid 3px #FFF;}
.avatar .code{display:none;}
.avatar.md{width:60px; height: 60px; overflow: hidden; display:inline-block;}
.avatar.xs{width:25px; height: 25px; overflow: hidden; display:inline-block;}


.avatar_inner {position:relative; width:100px; height: 100px;border-radius:inherit;}
.avatar.md .avatar_inner{ 
	-ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.avatar.xs .avatar_inner{ 
	-ms-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.user_name.xl .name{margin-top: 5px;
                display: block;}

.avatar div.sprite{position:absolute; left:0; right:0; margin-left: auto;
    margin-right: auto;}

/*humans*/
.avatar .eyes{bottom:44px; z-index: 4;}
.avatar .glasses{bottom:38px; z-index: 5;}
.avatar .beard{top:46px; z-index: 7;}
.avatar .hats{bottom:42px; z-index: 9;}
.avatar .mouth{bottom:27px; z-index: 6;}
.avatar .nose{bottom:37px; z-index: 8;}
.avatar .hair{top:0px; z-index: 7;}
.avatar .wear{bottom:0px; z-index: 3;border-radius:inherit;}
.avatar .body{bottom:0px; z-index: 2;}/*border-radius:inherit;*/
.avatar .bg{top:0px; z-index: 1; border-radius: inherit;}

/* Symbols */
.avatar .icon{bottom:23px; z-index: 3;}
.avatar .color1{bottom:0px; z-index: 2;border-radius:inherit;}
.avatar .blason{bottom:0px; z-index: 5;}

/* Monsters */
.sprite.monster.mouth {
    top: 59px;
}
.sprite.monster.eyes {
    /*top: 30px; */
}