/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Purpose: the messages css
**
** Created: 2019/12/09
**
** Update:  $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Notes:
**
************************************************************************/

.messages
{
	position:				relative;
	float:					left;
	clear:					both;
	width:					auto;
	height:					auto;
	width:					700px;
}

.messages_buttons
{
	position:				relative;
	float:					left;
	clear:					both;
	vertical-align:			middle;
	text-align:				center;
	width:					700px;
	height:					50px;
	padding-top:			10px;
	padding-bottom:			10px;
}

.messages_table_header
{
	position:				relative;
	float:					left;
	clear:					both;
	width:					100%;
	height:					auto;
}

.messages_table_header_cell
{
	position:				relative;
	float:					left;
	background-color:		#768187;
	color:					white;
	vertical-align:			middle;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
}

.messages_separator
{
	position:				relative;
	float:					left;
	clear:					both;
	border-bottom:			1px solid black;
	padding-top:			5px;
	padding-bottom:			5px;
	width:					700px;
}

.messages_sender_table
{
	position:				relative;
	float:					left;
	clear:					both;
	width:					auto;
	height:					auto;
	padding-top:			5px;
	padding-bottom:			5px;
}

.messages_message_table
{
	position:				relative;
	float:					left;
	clear:					both;
	width:					auto;
	height:					auto;
}

.messages_message_count
{
	display:				none;
}

.messages_message_list
{
	position:				relative;
	float:					left;
	height:					auto;
	width:					540px;
}

.messages_message_list_row
{
	position:				relative;
	float:					left;
	width:					auto;
	height:					auto;
}

.messages_sender_col
{
	width:					150px;
	margin-right:			5px;
}

.messages_date_time_col
{
	width:					150px;
	margin-right:			5px;
}

.messages_subject_col 
{
	min-width:				380px;
	width:					auto !important;
}

.messages_message_sender
{
	position:				relative;
	float:					left;
	clear:					both;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	vertical-align:			top;
	text-align:				left;
	padding-left:			10px;
	width:					150px;
}

.messages_message_date_time
{
	position:				relative;
	float:					left;
	clear:					both;
	vertical-align:			middle;
	text-align:				left;
	padding-left:			10px;
	width:					145px;
	cursor:					pointer;
}

.messages_message_timestamp
{
	position:				relative;
	float:					left;
	width:					125px;
	font-size:				14px;
	font-weight:			normal;
	color:					black;
	cursor:					pointer;
}

.messages_message_subject
{
	position:				relative;
	float:					left;
	font-size:				14px;
	font-weight:			normal;
	color:					black;
	vertical-align:			middle;
	text-align:				left;
	padding-left:			10px;
	margin-left:			5px;
	width:				    370px;
	cursor:					pointer;
	white-space:			nowrap;
	overflow:				hidden;
	text-overflow: 			ellipsis;
  	-o-text-overflow: 		ellipsis;
}

.messages_message_highlight
{
	background-color:		#3e3e3e;
	color:					white;
}

.messages_message_read
{
	font-style:				italic;
}

.messages_message_unread
{
	font-weight:			bold;
}

.messages_message_direction
{
	position:				relative;
	float:					right;
	width:					12px;
	padding-right:			5px;
	padding-top:			2px;
}

.messages_message_text
{
	position:				relative;	
	float:					left;
	clear:					both;
	width:					540px;
	display:				none;
}

.messages_message_content
{
	position:				relative;	
	float:					left;
	clear:					both;
	background:          	transparent;
	background-image:    	url(/images/dialog/text_bg_540x100.png);
	background-position: 	0px 0px;
	background-repeat:   	no-repeat;
	width:					540px;
	height:					100px;		
}

.messages_message_content_inner
{
	position:				relative;	
	float:					left;
	clear:					both;
	text-align:				left;
	vertical-align:			top;
	font-size:				14px;
	font-weight:			normal;
	color:					black;
	width:					525px;
	height:					85px;
	margin-top:				5px;
	margin-left:			10px;	
	overflow-y:				auto;
}

.messages_message_attachments
{
	position:				relative;	
	float:					left;
	clear:					both;
	width:					540px;
	height:                 auto;
	overflow:				hidden;
}

.messages_message_attachment
{
	position:				relative;	
	float:					left;
	clear:					both;
	background:          	transparent;
	background-image:    	url(/icons/paperclip.png);
	background-position: 	0px 0px;
	background-repeat:   	no-repeat;
	padding-left:           45px;	
	padding-top:			5px;
	height:					30px;
	cursor:					pointer;
}

.messages_message_attachment:hover
{
	color:              	#f0a500;
	text-decoration:		none;
	font-style:             italic;
}

.messages_message_content_buttons
{
	position:				relative;
	float:					left;
	clear:					both;
	vertical-align:			middle;
	text-align:				right;
	width:					540px;
	height:					30px;
	padding-top:			5px;
	padding-bottom:			5px;
}

.messages_new_message
{
	position:				relative;
	float:					left;
	clear:					both;
	vertical-align:			top;
	text-align:				left;
	width:					700px;
	padding-bottom:			5px;
	display:				none;
	border:                 none;
}

.messages_new_message_label
{
	position:				relative;
	float:					left;
	clear:					both;
	width:					100px;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	padding-left:			5px;
	text-align:				left;
	vertical-align:			top;
}

.messages_new_message_to
{
	position:				relative;
	float:					left;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	text-align:				left;
	vertical-align:			top;
	padding-bottom:			5px;
	border:                 none;
}

.messages_new_message_subject
{
	position:				relative;
	float:					left;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	text-align:				left;
	vertical-align:			top;
	padding-bottom:			5px;
	border:                 none;
}

.messages_new_message_text
{
	position:				relative;
	float:					left;
	clear:					both;
	border:                 none;
}

.messages_new_message_buttons
{
	position:				relative;
	float:					left;
	clear:					both;
	vertical-align:			middle;
	text-align:				right;
	width:					700px;
	height:					30px;
	padding-top:			5px;
	padding-bottom:			5px;
}

.messages_new_message_attachments
{
	position:               relative;
	clear:                  both;
	float:                  left;
	height:                 auto;
	width:                  100%;
	padding-top:			10px;
	overflow:               hidden;	
}

.messages_new_message_attachment
{
	position:				relative;
	clear:					both;
	float:					left;
	height:					25px;
	width:					50%;
	overflow:				hidden;
}

.messages_new_message_attachment_input
{
	position:               relative;
	float:                  left;
}

.messages_new_message_attachment_file
{
	width:                  0.1px;
	height:                 0.1px;
	opacity:                0;
	overflow:               hidden;
	position:               absolute;
	z-index:                -1;
}

.messages_new_message_attachment_file_label
{
	position:				relative;	
	float:					right;
	background:          	transparent;
	background-image:    	url(/images/buttons/small/choose_file_35.png);
	background-position: 	0px 0px;
	background-repeat:   	no-repeat;
	width:					90px;
	height:					30px;	
	cursor:                 pointer;
    display:                inline-block;
}

.messages_new_message_attachment_finished
{
	position:               relative;
	float:                  left;
	clear:                  both;
	height:                 22px;
	width:					100%;
	display:				none;
	border-bottom:			1px solid black;
}

.messages_new_message_attachment_finished_text
{
	position:               relative;
	float:                  left;
	clear:                  both;
	text-align:             left;
	padding:                3px 5px 3px 5px;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	text-align:				left;
	height:                 20px;
	width:					80%;
}

.messages_new_message_attachment_finished_text:hover
{
	color:              	#f0a500;
	text-decoration:		none;
	font-style:             italic;
	cursor:					pointer;
}

.messages_new_message_attachment_finished_remove
{
	position:				relative;	
	float:					right;
	background:          	transparent;
	background-image:    	url(/icons/remove.png);
	background-position: 	0px 0px;
	background-repeat:   	no-repeat;
	width:					25px;
	height:					20px;	
	cursor:					pointer;
}