<div class="screen MailLayout" style="display: none;">
	<div class="panels" data-bind="splitterFlex: { name: 'message_list', sizes: [20, 30, 50],
				expandSecondPaneWidth: expandListPaneWidth, expandThirdPaneWidth: expandMessagePaneWidth }">
		<div class="panel left_panel folders_panel">
			<div class="panel_content">
				<!-- ko template: {name: oFolderList.ViewTemplate, data: oFolderList} --><!-- /ko -->
			</div>
		</div>
		
		<div class="panel center_panel messages_panel" data-bind="css: {'unified_messages_panel': isUnifiedFolderCurrent, 'search_multi_folders': isSearchMultiFolders}">
			<div class="panel_content">
				<!-- ko template: { name: '%ModuleName%_Messages_ToolbarView' } --><!-- /ko -->
				<!-- ko template: { name: messageList().ViewTemplate, data: messageList() } --><!-- /ko -->
			</div>
		</div>
		
		<div class="panel item_viewer message_viewer">
			<div class="panel_content">
				<div class="middle_bar" data-bind="template: {name: messagePane().ViewTemplate, data: messagePane}"></div>
			</div>
		</div>
	</div>
</div>
