.pm_ara_chat_container
{
	position:relative;
	width:100%;
	height:350px;
	mask-repeat:no-repeat;
	mask-image:radial-gradient(58px at 34px 34px, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 54px, rgba(0, 0, 0, 1) 55px);
}

.pm_ara_chat
{
	position:absolute;
	bottom:0;
	left:0;
	padding:1px;
	width:100%;
}

.pm_ara_message a, .pm_ara_your_message a
{
	color:inherit;
}
.pm_ara_message, .pm_ara_your_message
{
	position:relative;
	min-height:22px;
	margin:1px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	border-radius:8px;
	width:200px;
	background-color:rgba(0, 0, 0, 0.5);
	float:left;
}

.pm_ara_your_message
{
	background-color:rgba(255, 255, 255, 0.5);
	float:right;
}

.pm_ara_prompt
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	padding:8px;
	background-color:rgba(255, 255, 255, 0.5);
}

.pm_ara_prompt > input
{
	width:100%;
	height:100%;
	border:none;
	background-color:rgba(255, 255, 255, 0.0);
	border-bottom:1px rgba(0, 0, 0, 0.75) solid;
	padding:2px;
}

.pm_ara_icon
{
	position:absolute;
	top:-18px;
	left:-18px;
	width:104px;
	height:104px;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius:50%;
}

.pm_ara_mood
{
	transform-origin:50% 80%;
	position:absolute;
	top:8px;
	left:8px;
	width:96px;
	height:96px;
	/* background-color:rgba(255, 0, 0, 1); */
	background-size:100%;
	background-repeat:no-repeat;
	/* animation: .1s ease-in-out 0s infinite alternate moodSkew; */
	/* animation: 1s ease-in-out 0s infinite alternate moodZoom; */
}

.pm_ara_mood.pm_ara_normal 
{ 
	animation: 2s ease-in-out 0s infinite alternate moodSwing;
	background-image: url(/js/programs/ara/pics/ara_normal.png);
}
.pm_ara_mood.pm_ara_angry
{ 
	animation: .2s ease-in-out 0s infinite alternate moodSkew;
	background-image: url(/js/programs/ara/pics/ara_angry.png);
}
.pm_ara_mood.pm_ara_rangry
{ 
	animation: .1s ease-in-out 0s infinite alternate moodSkew;
	background-image: url(/js/programs/ara/pics/ara_rangry.png);
}
.pm_ara_mood.pm_ara_joy
{ 
	animation: 1s cubic-bezier(.5,-0.75,.5,1.75) -.5s infinite alternate moodSwing; 
	background-image: url(/js/programs/ara/pics/ara_joy.png);
}
.pm_ara_mood.pm_ara_thanks
{ 
	animation: 1s ease-in-out 0s infinite alternate moodSlide; 
	background-image: url(/js/programs/ara/pics/ara_thanks.png);
}
.pm_ara_mood.pm_ara_panic
{ 
	animation: .1s linear 0s infinite alternate moodZoom; 
	background-image: url(/js/programs/ara/pics/ara_panic.png);
}
.pm_ara_mood.pm_ara_surprise
{ 
	animation: .2s linear 0s infinite alternate moodZoom; 
	background-image: url(/js/programs/ara/pics/ara_surprise.png);
}
.pm_ara_mood.pm_ara_gloom
{ 
	animation: 1s linear 0s infinite alternate moodSquish; 
	background-image: url(/js/programs/ara/pics/ara_gloom.png);
}
.pm_ara_mood.pm_ara_stoic
{ 
	background-image: url(/js/programs/ara/pics/ara_stoic.png);
}
.pm_ara_mood.pm_ara_excited
{ 
	animation: .2s cubic-bezier(1.0,-1.0,0.0,2.0) 0s infinite alternate moodBoing; 
	background-image: url(/js/programs/ara/pics/ara_excited.png);
}
.pm_ara_mood.pm_ara_threat
{ 
	animation: .3s ease-in-out .5s 1 both moodDie; 
	background-image: url(/js/programs/ara/pics/ara_threat.png);
}
.pm_ara_mood.pm_ara_disgust
{ 
	animation: .5s ease-in-out 0s infinite alternate moodSkewX; 
	background-image: url(/js/programs/ara/pics/ara_disgust.png);
}

@keyframes moodSwing 
{
	from { transform:rotate(-15deg); }
	to { transform:rotate(15deg); }
}

@keyframes moodSkew
{
	from { transform:skewY(-10deg); }
	to { transform:skewY(10deg); }
}

@keyframes moodSkewX
{
	from { transform:skewX(-10deg); }
	to { transform:skewX(10deg); }
}

@keyframes moodZoom
{
	from { transform:scale(1.0); }
	to { transform:scale(1.5); }
}

@keyframes moodSlide
{
	from { transform:translateY(-5px); }
	to { transform:translateY(5px); }
}

@keyframes moodSquish
{
	from { transform:scaleY(0.66666) skewX(-10deg); }
	to { transform:scaleY(0.66666) skewX(10deg); }
}

@keyframes moodBoing
{
	from { transform:scale(0.5, 1.0); }
	to { transform:scale(1.0, 0.5); }
}

@keyframes moodDie
{
	from { transform:translate(0, 0) rotate(0) scale(1.0, 1.0); }
	to { transform:translate(40px, 100px) rotate(15deg) scale(3.0, 3.0); }
}