<div class="panel_top message_header" data-bind="initDom: domMessageHeader, visible: isCurrentMessage, event: {'dblclick': resizeDblClick}">
	<span data-bind="click: switchDetailsVisibility, css: { 'compressed': !detailsVisible() }" class="table-compressor">
		<span class="arrow" data-bind="customTooltip: detailsTooltip"></span>
	</span>

	<div class="notice" data-bind="visible: visiblePicturesControl">
		<span class="item">
			<span data-bind="i18n: {'key': '%MODULENAME%/INFO_MESSAGE_BLOCKED'}"></span>
			<span class="link" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_PICTURES'}, click: showPictures, visible: visibleShowPicturesLink"></span>
		</span>
		<span class="item">
			<span class="link" data-bind="i18n: {'key': '%MODULENAME%/ACTION_ALWAYS_SHOW_PICTURE_THIS_SENDER'}, click: alwaysShowPictures"></span>
		</span>
	</div>

	<div class="notice" data-bind="visible: visibleConfirmationControl">
		<span data-bind="i18n: {'key': '%MODULENAME%/INFO_SENDER_ASKED_NOTIFY'}"></span>
		<span class="link" data-bind="i18n: {'key': '%MODULENAME%/ACTION_NOTIFY_SENDER'}, click: notifySender"></span>
	</div>

	<!-- ko foreach: topControllers -->
		<!-- ko if: $data.ViewTemplate -->
			<!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko -->
		<!-- /ko -->
	<!-- /ko -->

	<div class="header_content clearfix">
		<div class="header_row">
			<!-- ko template: {name: '%ModuleName%_Message_ToolbarView'} --><!-- /ko -->

			<div class="message_info" data-bind="visible: !detailsVisible()">
				<div class="message_info_line">
					<span class="from contact address_capsule">
						<span class="control address" data-bind="text: currentAccountEmail() === fromEmail() ? meSender : from, 
								attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}"></span>
					</span>
					<span class="to_arrow" data-bind="visible: allRecipients().length > 0">&#8594;</span>
					<span data-bind="foreach: allRecipients">
						<span class="contact address_capsule">
							<span class="address" data-bind="text: $parent.currentAccountEmail() === sEmail ? $parent.meRecipient : sDisplay, 
									attr: {'data-email': sEmail, 'data-name': sName}">
							</span>
						</span>
					</span>
				</div>
			</div>

			<div class="message_info message_detail_info" data-bind="visible: detailsVisible()">
				<div class="message_info_line">
					<span class="title" data-bind="i18n: {'key': '%MODULENAME%/LABEL_FROM'}"></span>: 
					<span class="contact address_capsule">
						<span class="address" data-bind="text: fullFrom, 
								attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}">
						</span>
					</span>
				</div>

				<div class="message_info_line" data-bind="visible: aToAddr().length > 0">
					<span class="title" data-bind="i18n: {'key': '%MODULENAME%/LABEL_TO'}"></span>: 
					<!-- ko foreach: aToAddr -->
					<span class="contact address_capsule">
						<span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span>
					</span>
					<!-- /ko -->
				</div>
				<div class="message_info_line" data-bind="visible: aCcAddr().length > 0">
					<span class="title" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></span>: 
					<!-- ko foreach: aCcAddr -->
					<span class="contact address_capsule">
						<span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span>
					</span>
					<!-- /ko -->
				</div>
				<div class="message_info_line" data-bind="visible: aBccAddr().length > 0">
					<span class="title" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></span>: 
					<!-- ko foreach: aBccAddr -->
					<span class="contact address_capsule">
						<span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span>
					</span>
					<!-- /ko -->
				</div>
				<div class="message_info_line">
					<span class="title" data-bind="i18n: {'key': '%MODULENAME%/LABEL_DATE'}"></span>: 
					<span data-bind="text: fullDate"></span>
				</div>
			</div>
		</div>

		<div class="header_row" data-bind="css: {'nosubject': emptySubject()}">
			<span class="date" data-bind="text: midDate, visible: !detailsVisible()"></span>
			<span class="icon importance" data-bind="visible: importance() === Enums.Importance.High"></span>
			<h2 class="subject" data-bind="text: subjectForDisplay, visible: !bAllowSearchMessagesBySubject"></h2>
			<h2 class="subject" style="cursor: pointer;" data-bind="text: subjectForDisplay, 
				click: searchBySubject, visible: bAllowSearchMessagesBySubject, customTooltip: '%MODULENAME%/ACTION_SEARCH_MESSAGES_CONTAINING_SUBJECT'"></h2>
		</div>
	</div>

	<!-- ko template: {name: sAttachmentsSwitcherViewTemplate} --><!-- /ko -->
</div>
<div class="panel_center">
	<div class="panels" data-bind="css: {'has_attachments': hasNotInlineAttachments, 'view_attachments': visibleAttachments}">
		<div class="panel message_panel">
			<div class="message" data-bind="customScrollbar: {x: true, y: true, 'reset': displayedMessageUid()}, css: {'has_bodytext': hasBodyText, 'has_attachments': hasNotInlineAttachments}">
				<div class="message_content scroll-inner" data-bind="hasfocus: contentHasFocus">

					<!-- ko foreach: bodyControllers -->
						<!-- ko if: $data.ViewTemplate -->
							<!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko -->
						<!-- /ko -->
					<!-- /ko -->

					<div class="message_body_info" data-bind="visible: visibleNoMessageSelectedText">
						<div data-bind="i18n: {'key': '%MODULENAME%/INFO_NO_MESSAGE_SELECTED'}"></div>
						<div class="message_body_secondary_info" data-bind="i18n: {'key': '%MODULENAME%/INFO_SINGLE_DOUBLE_CLICK'}"></div>
					</div>
					<div class="message_body_info" data-bind="visible: isLoading, i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}"></div>
					<div class="message_body html" data-bind="initDom: domTextBody, attr: {'dir': rtlMessage() ? 'rtl' : 'ltr'}"></div>
				</div>
			</div>
		</div>
	
		<div class="panel attachments_panel" data-bind="visible: hasNotInlineAttachments, customScrollbar: {x: false, 'reset': currentMessage()}">
			<div class="scroll-inner">
				<div class="attachments large">
					<div class="download_menu">
						<span class="link hover" data-bind="visible: visibleExtendedDownload">
							<span class="icon"></span>
							<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_GET_ALL_ATTACHMENTS'}"></span>
						</span>
						
						<div class="content">
							<span class="link separately"
							   data-bind="click: downloadAllAttachmentsSeparately, visible: visibleDownloadAllAttachmentsSeparately">
								<span class="icon"></span>
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_DOWNLOAD_ATTACHMENTS_SEPARATELY'}"></span>
							</span>
							<!-- ko foreach: allAttachmentsDownloadMethods -->
							<span class="link" data-bind="click: function () { $parent.executeAllAttachmentsDownloadMethod(Handler); }">
								<span class="icon"></span>
								<span class="text" data-bind="text: Text"></span>
							</span>
							<!-- /ko -->
						</div>
					</div>
					<div data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="panel_bottom">
	<!-- ko template: {name: sQuickReplyViewTemplate} --><!-- /ko -->
</div>

<!-- ko template: {name: '%ModuleName%_PrintMessageView'} --><!-- /ko -->