.chat_symbol_div {
	overflow:hidden;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	max-height:512px;
	max-width:512px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content:center;
	align-items:center;
	pointer-events:none;

}
.chat_symbol {
	height:100%;
	width:auto;
	min-width:96px;
	min-height:96px;
	max-width:512px;
	max-height:512px;
}

.chat_symbol_normal{
	opacity:0.5;
}

.chat_symbol_faint {
	opacity:0.25;
}
.chat_symbol_hidden {
	opacity:0;
}

.portrait_overlay {
	position:absolute;
	height:96px;
	width:96px;
	z-index:2;
	
}
.portrait_overlay_big{
	height:192px;
	width:192px;
}
.portrait_right{
	right:0;
}

.img_abs{
	position:absolute;
}

.portrait_img_left {
	position:absolute;
	top:-16px;
	left:-16px;
}

.portrait_img_right {
	position:absolute;
	top:-16px;
	right:48px;
}

.portrait_img_left_160 {
	position:absolute;
	top:-38px;
	left:-38px;
}
.portrait_img_right_160 {
	position:absolute;
	top:-38px;
	right:-38px;
}

.portrait_img_right_64_tl {
	position:absolute;
	top:-16px;
	right:56px;
}
.portrait_img_left_64_tr {
	position:absolute;
	top:-16px;
	left:56px;
}

.offset_64_tl_perc {
	position:absolute;
	top:-10%;
	right:60%;
}

.offset_64_tr_perc {
	position:absolute;
	top:-10%;
	left:60%;
}

.offset_128_tl_perc {
	top:-20%;
	right:45%;
}
.offset_128_tr_perc {
	top:-20%;
	left:-15%;
}

.portrait_img_left_160_perc {
	position:absolute;
	top:-40%;
	left:-40%;
}
.portrait_img_right_160_perc {
	position:absolute;
	top:-40%;
	right:-40%;
}

.sparkle_circle_left {
	top:-40%;
	left:-40%;
}
.sparkle_circle_right {
	top:-40%;
	right:-40%;
}

.surprise_left {
	top:-30%;
	left:35%;
}
.surprise_right {
	top:-30%;
	right:35%;
}

.offset_96_left{
	top:-10%;
	left:-15%;
}
.offset_96_right{
	top:-10%;
	right:-15%;
}

.offset_128_left{
	top:-10%;
	left:-15%;
}
.offset_128_right{
	top:-10%;
	right:-15%;
}

.img_64 {
	width:64px;
	height:64px;
}
.img_64_big {
	width:128px;
	height:128px;
}

.img_128 {
	width:128px;
	height:128px;
}
.img_256 {
	width:256px;
	height:256px;
}

.img_96 {
	width:96px;
	height:96px;
}
.img_192 {
	width:192px;
	height:192px;
}

.img_180 {
	width:180px;
	height:180px;
}
.img_360 {
	width:360px;
	height:360px;
}

.img_160 {
	width:160px;
	height:160px;	
}
.img_320 {
	width:320px;
	height:320px;	
}

.cry_left {
	top:-30%;
	left:-30%;
}
.cry_right {
	top:-30%;
	right:-30%;
}

.huff_left {
	top:-20%;
	left:-30%;
}
.huff_right {
	top:-20%;
	right:-30%;
}

.pump_left {
	top:-35%;
	left:-30%;
}
.pump_right {
	top:-35%;
	right:-30%;
}
.scale_med {
	transform:scale(0.66) translate(-25%,-25%);	
}
.scale_med_other {
	transform:scale(0.66) translate(25%,-25%);	
}
.scale_med_big {
	transform:scale(0.66) translate(-25%,-25%);	
}
.scale_med_big_other {
	transform:scale(0.66) translate(25%,-25%);	
}

.scale_small {
	transform:scale(0.33) translate(-100%,-100%);	
}
.scale_small_other {
	transform:scale(0.33) translate(100%,-100%);	
}
.scale_small_big {
	transform:scale(0.33) translate(-100%,-100%);	
}
.scale_small_big_other {
	transform:scale(0.33) translate(100%,-100%);	
}
.scale_normal_big {
	transform:translate(0%,0%);
}
.scale_normal_big_other {
	transform:translate(0%,0%);
}



.scale_med.flip {
	transform:scale(0.66) translate(-25%,-25%) scaleX(-1);	
}
.scale_med_big.flip {
	transform:scale(0.66) translate(-25%,-25%) scaleX(-1);	
}
.scale_med_big_other.flip {
	transform:scale(0.66) translate(25%,-25%) scaleX(-1);	
}
.scale_med_other.flip {
	transform:scale(0.66) translate(25%,-25%) scaleX(-1);	
}
.scale_small.flip {
	transform:scale(0.33) translate(-100%,-100%) scaleX(-1);	
}
.scale_small_other.flip {
	transform:scale(0.33) translate(100%,-100%) scaleX(-1);	
}
.scale_normal_big.flip {
	transform:translate(0%,0%) scaleX(-1);
}
.scale_normal_big_other.flip {
	transform:translate(0%,0%) scaleX(-1);
}
.scale_small_big.flip {
	transform:scale(0.33) translate(-100%,-100%) scaleX(-1);	
}
.scale_small_big_other.flip {
	transform:scale(0.33) translate(100%,-100%) scaleX(-1);	
}
.flip{
	transform:scaleX(-1);
}