@charset "utf-8";
/* CSS Document */

#content
{
	position:relative;
}

.HeadText
{
	width:30em;
	min-width:30em;
	padding:5px;
	margin:auto;
	margin-left:9em;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	color:#00F;
	text-align:center;
}

#texts
{
	width:44em;
	margin:auto;
	margin-top:1em;
	margin-bottom:0.5em;
	color:red;
	text-align:center;
}
.user
{
	text-align:right;
	padding-right:0.2em;
	display:inline-block;
	width:15%;
	max-width:15%;
	overflow:hidden;
	vertical-align:top;
	white-space:nowrap;
}

.message
{
	display:inline-block;
	width:83%;
	padding-left:0.2em;
	border-left:1px gray solid;
	vertical-align:top;
}

#chatminiwin .message
{
	display:block;
	width:auto;
}

.msgtime
{
	float:right;
	padding:0.1em 0.1em 0.1em 0.2em;
	color:gray;
	font-size:0.8em;
}

#text
{
	width:40em;
	height:5em;
}

#emospan
{
	position:relative;
	cursor:pointer;
}

#emospan img
{
	position:absolute;
	background-color:white;
	bottom:0em;
	left:0em;
	height:0px;
	min-height:0em;
	transition:height 1s ease-in;
	-moz-transition:height 1s ease-in;
	-webkit-transition:height 1s ease-in;
	-o-transition:height 1s ease-in;
	-ms-transition:height 1s ease-in;
}

#emospan:hover img
{
	padding:1px;
	border:1px black solid;
	transition:height 1s ease-in;
	-moz-transition:height 1s ease-in;
	-webkit-transition:height 1s ease-in;
	-o-transition:height 1s ease-in;
	-ms-transition:height 1s ease-in;
	height:8em;
	min-height:8em;	
	cursor:pointer;
}

.emoti
{
	width:1.6em;
	height:1.5em;
	background-image:url(../img/emo.gif);
	background-repeat:no-repeat;
	vertical-align:top;
}

#chatwindow,
#chatinput
{
	width:40em;
	max-height:20em;
	height:20em;
	margin:auto;
	overflow-y:auto;
	overflow-x:hidden;
	display:block;
	background-color:white;
	border:2px gray groove;
}

#chatinput
{
	height:8em;
	background-color:#CCC;
	overflow:visible;
}

#chatminiwin
{
	bottom:0em;
	right:0em;
	position:fixed;
	width:15em;
	z-index:100;
	border:2px gray groove;
}

#hideWindow, #showWindow
{
	float:right;
	margin:2px;
  cursor:pointer;
}

#newmessages
{
	position:absolute;
	left:0.2em;
	top:0.2em;
}

#chatminiwin #chathead
{
  background-color:#CCC;
  text-align:center;
	position:relative;
}

#chatminiwin #chatwindow
{
	width:99%;
	max-height:auto;
	min-height:10em;
	display:none;
}

#chatminiwin .message
{
	border-left:none;
	width:99%;
}

#chatminiwin .user
{
	text-align:left;
	padding-right:0.2em;
	display:inline-block;
	width:50%;
	max-width:50%;
	overflow:hidden;
	vertical-align:top;
	color:#6CF;
	white-space:nowrap;
}

#users
{
	text-align:center;
	width:10em;
	height:20em;
	display:inline-block;
	vertical-align:top;
	position:absolute;
	top:1em;
	right:0em;
}

#users select
{
	height:15em;
	width:100%;
	margin-bottom:0.5em;
}

#users img
{
	margin-top:0.5em;
	cursor:pointer;
}

#Box3TextsLeft
{
	margin-left:5em;
	float:left;
}

.TextsBox3Left
{
	font-size:30px;
	font-weight:bold;
	color:#0C0;
}

#Box3Head
{
	font-size:22px;
	text-decoration:underline;
}

#Box3Emer
{
	font-size:18px;
	color:#F00;
}