/* CSS Document */

/* Список пользователей */
#message_contacts{
	background:rgba(0, 0, 0, 0.75);
	border:1px solid #555;
	border-radius:4px;
	box-shadow:#000 0 0 5px;
	font-family:Tahoma, Geneva, sans-serif;
	white-space: nowrap;
	width:220px;
	height:305px;
	padding:6px 10px 65px;
	position:absolute;
	display:none;
}

#message_contacts .ui-dialog-titlebar-close{
	display:block;
	position:absolute;	
	top:5px;
	right:8px;
}

#message_contacts .title{
	cursor:move;
	text-shadow:#262626 0px 1px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin-bottom:3px;
}

#message_contacts input.search{
	border:0 none;
	border-radius:2px;
	box-shadow:inset #777 0 0 3px;
	font-size:11px;
	padding:2px 3px;
	margin-bottom:8px;
	width:214px;
	height:18px;
}

#message_contacts .contacts{
	cursor:pointer;
	background:#FFFFFF;
	box-shadow:inset #777 0 0 3px;
	height:100%;
	overflow-y:auto;
}
#message_contacts .contacts div.contact{
	color:#2B587A;
	height:30px;
	padding:4px;
}
#message_contacts .contacts div.contact:hover{
	background:rgba(219, 227, 235, 0.5);
}
#message_contacts .contacts .avatar{
	padding:4px 8px;
	margin:-4px -8px;
	float:left;
}
#message_contacts .contacts .avatar img{
	width:30px;
	height:30px;
}
#message_contacts .contacts .name{
	width:130px;
	line-height:30px;
	padding-left:8px;
	float:left;
	text-overflow: ellipsis;
	overflow:hidden;
}
#message_contacts .contacts .email{
	display:none;
}
#message_contacts .contacts .status{
	text-align:right;
	width:20px;
	height:30px;
	float:left;
}
#message_contacts .contacts .status img{
	padding-top:5px;
}

/* Окно чата */
.message_chat{
	background:rgba(0, 0, 0, 0.75);
	border:1px solid #555;
	border-radius:4px;
	box-shadow:#000 0 0 5px;
	font-family:Tahoma, Geneva, sans-serif;
	width:220px;
	height:220px;
	padding:6px 10px 74px;
	position:absolute;
	z-index:100000;
	display:none;
}
.message_chat .ui-dialog-titlebar-close{
	display:block;
	position:absolute;	
	top:5px;
	right:8px;
}
.message_chat .title{
	cursor:move;
	text-shadow:#262626 0px 1px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
	width:175px;
	padding:3px;
	margin-bottom:3px;
	text-overflow: ellipsis;
	overflow:hidden;
}
.message_chat .status{
	width:20px;
	padding:3px 15px 0 0;
	float:right;
}

.message_chat .chat{
	background:#FFFFFF;
	box-shadow:inset #777 0 0 3px;
	font-size:11px;
	line-height:normal;
	height:100%;
	overflow-y:auto;
}
.message_chat .chat .el{
	border-bottom:1px solid #EEE;
	padding:2px;
}
.message_chat .chat .el.new{
	background:rgba(219, 227, 235, 0.5);
}
.message_chat .chat .el .time{
	color:#777;
	font-size: 0.9em;
	padding:0 0 4px 4px;
	float:right;
}
.message_chat .chat .el .avatar{ float:left; margin:2px;}
.message_chat .chat .el .avatar img{
	width:30px;
	height:30px;
}
.message_chat .chat .el .text{
	word-wrap:break-word;
	padding-bottom:3px;
	margin-left:38px;
}

.message_chat .write{
	background:#FFFFFF;
	box-shadow:inset #777 0 0 3px;
	padding:3px 3px 3px 34px;
	margin-top:3px;
	position:absolute;
	right:10px;
	bottom:10px;
	left:10px;
}
.message_chat .write .avatar{
	position:absolute;
	top:2px;
	left:2px;
}
.message_chat .write .avatar img{
	width:30px;
	height:30px;
}
.message_chat .write textarea{
	outline:0 none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	border:0 none;
	width:100%;
	height:27px;
	padding:0;
}

/* Новые сообщения */
#message_new{
	font-family:Tahoma, Geneva, sans-serif;
	padding:5px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1000000;
}

#message_new .el{
	cursor:pointer;
	background:rgba(0, 0, 0, 0.75);
	border:1px solid #555;
	border-radius:4px;
	box-shadow:#000 0 0 5px;
	width:340px;
	height:80px;
	padding:10px;
	margin-top:10px;
}
#message_new .el .avatar{
	float:left;
}
#message_new .el .avatar img{
	width:80px;
	height:80px;
}
#message_new .el .message{
	color:#FFFFFF;
	float:right;
	width:250px;
	height:80px;
	text-overflow: ellipsis;
	overflow:hidden;
}
#message_new .el .message .name{
	color:#B3FFFF;
}
#message_new .el .message .text{
}