diff --git a/plugins/yetiforce/preview.css b/plugins/yetiforce/preview.css
index 69bf4b58..f4345966 100644
--- a/plugins/yetiforce/preview.css
+++ b/plugins/yetiforce/preview.css
@@ -1 +1,132 @@
-.pull-right{float:right !important}#ytActionBarContent select{padding:0}#ytActionBarContent .col{padding-left:4px}#ytActionBarContent .col-3{width:25%;min-height:1px;float:left;position:relative}#ytActionBarContent .row:before{display:table;content:" "}#ytActionBarContent .row:after{clear:both;display:table;content:" "}#ytActionBarContent .ytHeader{position:relative;border-bottom:1px solid #69a3cb}#ytActionBarContent .head{color:#fff;background-color:#4979aa;height:20px;padding-top:2px}#ytActionBarContent .data{color:#000;background:#ecf6ff}#ytActionBarContent .rowReletedRecord .rowActions{display:none}#ytActionBarContent .rowReletedRecord:hover .rowActions{display:block}#ytActionBarContent .noRecords{background:#70a8cb;text-align:center;color:#fff;padding:2px 0}#ytActionBarContent .noRecords a.importMail{color:#ecf6ff;cursor:pointer;font-weight:800}#ytActionBarContent .rowReletedRecord{margin:3px 0 6px 0}#ytActionBarContent .rowReletedRecord{margin:3px 0 6px 0}#ytActionBarContent .pull-right button{line-height:11px;margin-left:3px;padding:0 6px;height:14px}#ytActionBarContent .head .pull-right button{height:18px}#ytActionBarContent .pull-right button .glyphicon{top:0}#ytActionBarContent .data a{text-decoration:none;color:#000;font-size:14px;line-height:14px}#ytActionBarContent .relatedModuleIcon{margin-right:5px}
\ No newline at end of file
+.pull-right {
+	float: right !important
+}
+
+#ytActionBarContent select {
+	padding: 0
+}
+
+#ytActionBarContent .row:before {
+	display: table;
+	content: " "
+}
+
+#ytActionBarContent .row:after {
+	clear: both;
+	display: table;
+	content: " "
+}
+
+#ytActionBarContent .ytHeader {
+	position: relative;
+	border-bottom: 1px solid #dfdfdf;
+}
+
+#ytActionBarContent .rowReletedRecord .rowActions {
+	display: none
+}
+
+#ytActionBarContent .rowReletedRecord:hover .rowActions {
+	display: block
+}
+
+#ytActionBarContent .noRecords {
+	background: #70a8cb;
+	text-align: center;
+	color: #fff;
+	padding: 2px 0
+}
+
+#ytActionBarContent .noRecords a.importMail {
+	color: #ecf6ff;
+	cursor: pointer;
+	font-weight: 800
+}
+
+#ytActionBarContent .rowReletedRecord {
+	margin: 3px 0 6px 0
+}
+
+#ytActionBarContent .rowReletedRecord {
+	margin: 3px 0 6px 0
+}
+
+#ytActionBarContent .pull-right button {
+	line-height: 10px;
+	margin-left: 3px;
+	padding: 0 6px;
+	height: 14px
+}
+
+#ytActionBarContent .relatedModuleIcon {
+	margin-right: 5px
+}
+
+#messageheader.previewheader {
+	padding: 0 0 3px 30px;
+}
+
+.rcmaddcontact {
+	display: none;
+}
+
+.mr-5px {
+	margin-right: 5px;
+}
+
+.ml-5px {
+	margin-left: 5px;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex-wrap {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.rowRelatedRecord {
+	padding: 2px;
+}
+
+.action-bar__head__container {
+	display: flex;
+	flex-wrap: nowrap;
+}
+
+.action-bar__data a {
+	text-decoration: none;
+	color: #000;
+	font-size: 14px;
+	line-height: 14px
+}
+
+.action-bar__header {
+	font-size: 14px;
+	min-width: 90px;
+}
+
+.action-bar__head {
+	background-color: #4a5364;
+	height: 20px;
+	color: #fff;
+	padding: 2px;
+}
+
+.action-bar__col {
+	width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+	#ytActionBarContent .action-bar__col {
+		width: 50%;
+	}
+}
+
+@media only screen and (min-width: 1200px) {
+	#ytActionBarContent .action-bar__col {
+		width: 25%;
+	}
+}
diff --git a/plugins/yetiforce/preview.js b/plugins/yetiforce/preview.js
index 9d934fbb..bde82cf7 100644
--- a/plugins/yetiforce/preview.js
+++ b/plugins/yetiforce/preview.js
@@ -47,7 +47,7 @@ function registerEvents(content) {
 	registerRemoveRecord(content);
 	registerImportMail(content);
 
-	var block = content.find('.ytHeader .data');
+	var block = content.find('.ytHeader .js-data');
 	content.find('.hideBtn').click(function () {
 		var button = $(this);
 		var icon = button.find('.glyphicon');
@@ -102,7 +102,7 @@ function registerSelectRecord(content) {
 			mailId: id
 		};
 		if ($(this).data('type') == 0) {
-			var module = $(this).closest('.col').find('.module').val();
+			var module = $(this).closest('.js-head-container').find('.module').val();
 		} else {
 			var module = $(this).data('module');
 			relParams.crmid = $(this).closest('.rowRelatedRecord').data('id');
@@ -130,7 +130,7 @@ function registerAddReletedRecord(content) {
 function registerAddRecord(content) {
 	var id = content.find('#mailActionBarID').val();
 	content.find('button.addRecord').click(function (e) {
-		var col = $(e.currentTarget).closest('.col');
+		var col = $(e.currentTarget).closest('.js-head-container');
 		showQuickCreateForm(col.find('.module').val(), id);
 	});
 }
@@ -272,12 +272,14 @@ function showQuickCreateForm(moduleName, record, params) {
 }
 
 function getCrmWindow() {
-	if (opener !== null) {
+	if (opener !== null && opener.parent.CONFIG == "object") {
 		return opener.parent;
-	} else if (typeof parent.app == "object") {
+	} else if (typeof parent.CONFIG == "object") {
 		return parent;
-	} else if (typeof parent.parent.app == "object") {
+	} else if (typeof parent.parent.CONFIG == "object") {
 		return parent.parent;
+	} else if (typeof opener.crm.CONFIG == "object") {
+		return opener.crm;
 	}
 	return false;
 }
diff --git a/plugins/yetiforce/preview.min.css b/plugins/yetiforce/preview.min.css
index 2d620f83..f4345966 100644
--- a/plugins/yetiforce/preview.min.css
+++ b/plugins/yetiforce/preview.min.css
@@ -1,82 +1,132 @@
-.pull-right{
-	float: right!important;
+.pull-right {
+	float: right !important
 }
-#ytActionBarContent select{
-	padding: 0;
+
+#ytActionBarContent select {
+	padding: 0
 }
-#ytActionBarContent .col{
-	padding-left: 4px;
-}
-#ytActionBarContent .col-3{
-    width: 25%;
-	min-height: 1px;
-	float: left;
-	position: relative;
-}
-#ytActionBarContent .row:before{
+
+#ytActionBarContent .row:before {
 	display: table;
-    content: " ";
+	content: " "
 }
+
 #ytActionBarContent .row:after {
-    clear: both;
+	clear: both;
 	display: table;
-    content: " ";
+	content: " "
 }
-#ytActionBarContent .ytHeader{
+
+#ytActionBarContent .ytHeader {
 	position: relative;
-	border-bottom: 1px solid #69a3cb;
+	border-bottom: 1px solid #dfdfdf;
 }
-#ytActionBarContent .head{
-	color: #fff;
-	background-color: #4979aa;
-	height: 20px;
-    padding-top: 2px;
+
+#ytActionBarContent .rowReletedRecord .rowActions {
+	display: none
 }
-#ytActionBarContent .data{
-	color: #000;
-	background: #ecf6ff;
+
+#ytActionBarContent .rowReletedRecord:hover .rowActions {
+	display: block
 }
-#ytActionBarContent .rowReletedRecord .rowActions{
-	display: none;
-}
-#ytActionBarContent .rowReletedRecord:hover .rowActions{
-	display: block;
-}
-#ytActionBarContent .noRecords{
+
+#ytActionBarContent .noRecords {
 	background: #70a8cb;
 	text-align: center;
 	color: #fff;
-	padding: 2px 0px;
+	padding: 2px 0
 }
-#ytActionBarContent .noRecords a.importMail{
+
+#ytActionBarContent .noRecords a.importMail {
 	color: #ecf6ff;
 	cursor: pointer;
-	font-weight: 800;
+	font-weight: 800
 }
-#ytActionBarContent .rowReletedRecord{
-	margin: 3px 0 6px 0;
+
+#ytActionBarContent .rowReletedRecord {
+	margin: 3px 0 6px 0
 }
-#ytActionBarContent .rowReletedRecord{
-	margin: 3px 0 6px 0;
+
+#ytActionBarContent .rowReletedRecord {
+	margin: 3px 0 6px 0
 }
-#ytActionBarContent .pull-right button{
-	line-height: 11px;
+
+#ytActionBarContent .pull-right button {
+	line-height: 10px;
 	margin-left: 3px;
-	padding: 0px 6px;
-	height: 14px;
+	padding: 0 6px;
+	height: 14px
+}
+
+#ytActionBarContent .relatedModuleIcon {
+	margin-right: 5px
+}
+
+#messageheader.previewheader {
+	padding: 0 0 3px 30px;
 }
-#ytActionBarContent .head .pull-right button{
-	height: 18px;
+
+.rcmaddcontact {
+	display: none;
+}
+
+.mr-5px {
+	margin-right: 5px;
+}
+
+.ml-5px {
+	margin-left: 5px;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex-wrap {
+	display: flex;
+	flex-wrap: wrap;
 }
-#ytActionBarContent .pull-right button .glyphicon{
-	top: 0;
+
+.rowRelatedRecord {
+	padding: 2px;
 }
-#ytActionBarContent .data a{
+
+.action-bar__head__container {
+	display: flex;
+	flex-wrap: nowrap;
+}
+
+.action-bar__data a {
 	text-decoration: none;
 	color: #000;
-    font-size: 14px;
-    line-height: 14px;
+	font-size: 14px;
+	line-height: 14px
 }
-#ytActionBarContent .relatedModuleIcon{
-	margin-right: 5px;
+
+.action-bar__header {
+	font-size: 14px;
+	min-width: 90px;
+}
+
+.action-bar__head {
+	background-color: #4a5364;
+	height: 20px;
+	color: #fff;
+	padding: 2px;
+}
+
+.action-bar__col {
+	width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+	#ytActionBarContent .action-bar__col {
+		width: 50%;
+	}
+}
+
+@media only screen and (min-width: 1200px) {
+	#ytActionBarContent .action-bar__col {
+		width: 25%;
+	}
 }
diff --git a/skins/yetiforce/includes/links.html b/skins/yetiforce/includes/links.html
index 677b0d5d..c28599b7 100644
--- a/skins/yetiforce/includes/links.html
+++ b/skins/yetiforce/includes/links.html
@@ -5,7 +5,6 @@
 <roundcube:if condition="in_array(env:task, array('mail','settings'))" />
 	<link rel="stylesheet" type="text/css" href="/../larry/<roundcube:var name="env:task" />.css" />
 <roundcube:endif />
-<!--[if IE 9]><link rel="stylesheet" type="text/css" href="/../larry/svggradients.css" /><![endif]-->
 <link rel="stylesheet" type="text/css" href="/yetiforce.css" />
 <script type="text/javascript" src="/ui.js"></script>
 <roundcube:add_label name="errortitle" />
diff --git a/skins/yetiforce/templates/mail.html b/skins/yetiforce/templates/mail.html
index 9d02cf6d..b41c6791 100644
--- a/skins/yetiforce/templates/mail.html
+++ b/skins/yetiforce/templates/mail.html
@@ -4,20 +4,11 @@
 <title><roundcube:object name="pagetitle" /></title>
 <roundcube:include file="/includes/links.html" />
 <style type="text/css">
-	<roundcube:if condition="config:preview_pane != '0' && config:preview_pane != '1'" />
+<roundcube:if condition="env:layout != 'list'" />
 	#mailview-top { height: 270px; }
-	#mailview-bottom { top: 284px; width: auto; height: auto; display: block; }
+	#mailview-bottom { top: 284px; height: auto; display: block; }
 	#mailpreviewframe { display: block; }
 <roundcube:endif />
-	<roundcube:if condition="config:preview_pane == 'v'"/>
-	.mailpreviewtoggle.horizontalBtn{
-		display: none;
-	}
-	<roundcube:elseif condition="config:preview_pane == 'h'" />
-	.mailpreviewtoggle.verticalBtn{
-		display: none;
-	}
-	<roundcube:endif />
 </style>
 </head>
 <body class="minwidth">
@@ -34,6 +25,7 @@ <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolba
 	<roundcube:button command="checkmail" type="link" class="button checkmail disabled" classAct="button checkmail" classSel="button checkmail pressed" label="refresh" title="checkmail" />
 	<!-- YetiForce  -->
 	<roundcube:include file="/includes/mailtoolbar.html" skinPath="skins/larry" />
+	<!-- YetiForce  -->
 </div>
 
 <div id="messagesearchtools">
@@ -95,14 +87,9 @@ <h2 id="aria-label-folderlist" class="voice"><roundcube:label name="arialabelfol
 </div>
 
 </div>
-<!-- Yetiforce -->
-<roundcube:if condition="config:preview_pane == 'v'" />
-<div id="mailview-right" class="verticalPanel" role="main">
-<roundcube:else />
+
 <div id="mailview-right" role="main">
-<roundcube:endif />
-<roundcube:if condition="config:preview_pane != '0'" />
-<!-- /Yetiforce -->
+
 <roundcube:if condition="env:layout == 'desktop'" />
 <div id="mailview-top" class="uibox">
 <roundcube:else />
@@ -154,24 +141,13 @@ <h3><roundcube:label name="helplistnavigation" /></h3>
 	</div>
 
 	<roundcube:container name="listcontrols" id="listcontrols" />
-	<!-- Yetiforce -->
-	<div id="mailpreviewtogglebtn">
-		<a href="#preview" class="mailpreviewtoggle horizontalBtn" title="<roundcube:label name='previewpane' />" data-type="h" role="button" tabindex="0">
-			<span class="inner"></span>
-		</a>&nbsp;
-		<a href="#preview" class="mailpreviewtoggle verticalBtn" title="<roundcube:label name='previewpane' />" data-type="v" role="button" tabindex="0">
-			<span class="inner"></span>
-		</a>
-	</div>
-	<!-- /Yetiforce -->
 </div>
 
 </div><!-- end mailview-top -->
 
 <div id="mailview-bottom" class="uibox">
-<!-- Yetiforce -->
-<div id="mailpreviewframe" class="iframebox" data-type="<roundcube:var name='config:preview_pane' />" role="complementary" aria-labelledby="aria-label-mailpreviewframe">
-<!-- /Yetiforce -->
+
+<div id="mailpreviewframe" class="iframebox" role="complementary" aria-labelledby="aria-label-mailpreviewframe">
 <h2 id="aria-label-mailpreviewframe" class="voice"><roundcube:label name="arialabelmailpreviewframe" /></h2>
 <roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" title="arialabelmailpreviewframe" />
 </div>
diff --git a/skins/yetiforce/templates/messagepreview.html b/skins/yetiforce/templates/messagepreview.html
index 6e121260..7b5ec6db 100644
--- a/skins/yetiforce/templates/messagepreview.html
+++ b/skins/yetiforce/templates/messagepreview.html
@@ -40,7 +40,6 @@ <h2 id="aria-label-messagetoolbar" class="voice"><roundcube:label name="arialabe
 <h3 class="subject"><span onmouseover="rcube_webmail.long_subject_title(this)"><span class="voice"><roundcube:label name="subject" />: </span><roundcube:object name="messageHeaders" valueOf="subject" /></span></h3>
 
 <a href="#details" id="previewheaderstoggle" class="moreheaderstoggle" aria-expanded="false"><span class="iconlink" title="<roundcube:label name='togglemoreheaders' />"></span></a>
-<div id="contactphoto"><roundcube:object name="contactphoto" /></div>
 
 <table class="headers-table" id="preview-shortheaders"><tbody><tr>
 <roundcube:if condition="env:mailbox == config:drafts_mbox || env:mailbox == config:sent_mbox">
diff --git a/skins/yetiforce/ui.js b/skins/yetiforce/ui.js
index 437b2854..80ef3910 100644
--- a/skins/yetiforce/ui.js
+++ b/skins/yetiforce/ui.js
@@ -231,37 +231,10 @@ function rcube_mail_ui()
       }
       else if (rcmail.env.action == 'list' || !rcmail.env.action) {
 		mail_layout();
-		/** Yetiforce **/
-		var previewFrame = $('#mailpreviewframe');
-		var previewFrameType = previewFrame.data('type');
-		var isPreview = previewFrame.is(':visible');
-		$('#mailpreviewtogglebtn .mailpreviewtoggle').each(function (n, e) {
-			var btn = $(e);
-			if (isPreview && btn.data('type') == previewFrameType) {
-				btn.addClass('enabled').attr('aria-expanded', 'true');
-			} else {
-				btn.addClass('closed').attr('aria-expanded', 'false');
-			}
-		}).click(function (e) {
-			toggle_preview_pane(e);
-			return false;
-		});
-		/** Yetiforce **/
+
         $('#maillistmode').addClass(rcmail.env.threading ? '' : 'selected').click(function(e) { switch_view_mode('list'); return false; });
         $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e) { switch_view_mode('thread'); return false; });
 
-		/** Yetiforce **/
-		mailviewsplit = {
-			v: new rcube_splitter({id: 'mailviewsplitter_v', p1: '#mailview-top', p2: '#mailview-bottom',
-				orientation: 'v', relative: true, start: 276, min: 560, size: 12, offset: 4}),
-			h: new rcube_splitter({id: 'mailviewsplitter_h', p1: '#mailview-top', p2: '#mailview-bottom',
-				orientation: 'h', relative: true, start: 276, min: 150, size: 12, offset: 4})
-		};
-		if (isPreview && mailviewsplit[previewFrameType] != undefined) {
-			mailviewsplit[previewFrameType].init();
-		}
-		/** Yetiforce **/
-		
         rcmail.init_pagejumper('#pagejumper');
 
         rcmail.addEventListener('setquota', update_quota)
@@ -731,76 +704,6 @@ function rcube_mail_ui()
       $.Event('click', { target:ref.get(0), pageX:pos.left, pageY:pos.top, clientX:pos.left, clientY:pos.top }));
   }
 
-	/**
-	 * Show/hide the preview pane
-	 * Yetiforce
-	 */
-	function toggle_preview_pane(e)
-	{
-		var button = $(e.currentTarget),
-				type = button.data('type'),
-				frame = $('#mailpreviewframe'),
-				visible = !frame.is(':visible'),
-				splitter = mailviewsplit[type],
-				//splitter = mailviewsplit.pos || parseInt(get_pref('mailviewsplitter') || 320),
-				topstyles, bottomstyles, uid, css;
-		frame.toggle();
-		button.toggleClass('enabled closed').attr('aria-expanded', visible ? 'true' : 'false');
-		if (type == 'v') {
-			css = {height: 'auto', width: 'auto'};
-			if (mailviewsplit.h.handle)
-				mailviewsplit.h.handle.hide();
-			if (!$('#mailview-right').hasClass('verticalPanel')) {
-				$('#mailview-right').addClass('verticalPanel');
-			}
-		} else {
-			css = {width: 'auto', height: 'auto', left: '0'};
-			if (mailviewsplit.v.handle)
-				mailviewsplit.v.handle.hide();
-			if ($('#mailview-right').hasClass('verticalPanel')) {
-				$('#mailview-right').removeClass('verticalPanel');
-			}
-		}
-		if (visible) {
-			$('#mailview-top').removeClass('fullheight').css({bottom: 'auto'});
-			$('#mailview-bottom').css(css).show();
-			rcmail.env.contentframe = 'messagecontframe';
-			if (uid = rcmail.message_list.get_single_selection())
-				rcmail.show_message(uid, false, true);
-			// let the splitter set the correct size and position
-			if (splitter.handle) {
-				splitter.handle.show();
-				splitter.resize();
-			} else
-				splitter.init();
-			if (type == 'v') {
-				$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="h"]').hide();
-			} else {
-				$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="v"]').hide();
-			}
-		} else {
-			rcmail.env.contentframe = null;
-			rcmail.show_contentframe(false);
-			$('#mailview-top').addClass('fullheight').css($.extend({bottom: '0px'}, css));
-			css[Object.keys(css)[0]] = '0px';
-			$('#mailview-bottom').css($.extend({top: 'auto'}, css)).hide();
-			if (splitter.handle)
-				splitter.handle.hide();
-			if (type == 'v') {
-				$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="h"]').show();
-			} else {
-				$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="v"]').show();
-			}
-		}
-		if (rcmail.message_list) {
-			if (visible && uid)
-				rcmail.message_list.scrollto(uid);
-			rcmail.message_list.resize();
-		}
-		rcmail.command('save-pref', {name: 'preview_pane', value: (visible ? type : 0)});
-	}
-
-
   /**
    * Switch between short and full headers display in message preview
    */
diff --git a/skins/yetiforce/ui.min.js b/skins/yetiforce/ui.min.js
index 270a25df..80ef3910 100644
--- a/skins/yetiforce/ui.min.js
+++ b/skins/yetiforce/ui.min.js
@@ -1 +1,1517 @@
-function rcube_mail_ui(){var j={};var f={};var N={forwardmenu:{editable:1},searchmenu:{editable:1,callback:q},attachmentmenu:{},listoptions:{editable:1},groupmenu:{above:1},mailboxmenu:{above:1},spellmenu:{callback:g},"folder-selector":{iconized:1}};var r=this;var D;var k;var P={};var T;this.set=x;this.init=Q;this.init_tabs=F;this.show_about=E;this.show_popup=M;this.toggle_popup=z;this.add_popup=a;this.set_searchmod=e;this.set_searchscope=C;this.show_uploadform=I;this.show_header_row=o;this.hide_header_row=S;this.update_quota=L;this.get_pref=R;this.save_pref=K;this.folder_search_init=i;if(window.$&&document.body){var B=R("minimalmode");if(parseInt(B)||(B===null&&$(window).height()<850)){$(document.body).addClass("minimal")}if(bw.tablet){$("#viewport").attr("content","width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0")}$(document).ready(function(){r.init()})}function x(W,X){j[W]=X}function R(X){if(!T){T=rcmail.local_storage_get_item("prefs.larry",{})}if(T[X]==null){var W=rcmail.get_cookie(X);if(W!=null){T[X]=W;if(rcmail.local_storage_set_item("prefs.larry",T)){rcmail.set_cookie(X,W,new Date())}}}return T[X]}function K(W,Y){T[W]=Y;if(!rcmail.local_storage_set_item("prefs.larry",T)){var X=new Date();X.setYear(X.getFullYear()+1);rcmail.set_cookie(W,Y,X)}}function Q(){rcmail.addEventListener("message",H);$("#taskbar a").each(function(ai,aj){$(aj).append('<span class="tooltip">'+$(".button-inner",this).html()+"</span>")});$("#taskbar .minmodetoggle").click(function(aj){var ai=$(document.body).toggleClass("minimal").hasClass("minimal");K("minimalmode",ai?1:0);$(window).resize()});if(rcmail.env.task=="mail"){rcmail.addEventListener("menu-open",t).addEventListener("menu-close",t).addEventListener("menu-save",u).addEventListener("enable-command",V).addEventListener("responseafterlist",function(ai){c(rcmail.env.threading?"thread":"list",true)}).addEventListener("responseaftersearch",function(ai){c(rcmail.env.threading?"thread":"list",true)});var ae=$("#dragmessagemenu");if(ae.length){rcmail.gui_object("dragmenu","dragmessagemenu");f.dragmenu=ae}if(rcmail.env.action=="show"||rcmail.env.action=="preview"){rcmail.addEventListener("aftershow-headers",function(){l()}).addEventListener("afterhide-headers",function(){l()});$("#previewheaderstoggle").click(function(ai){A();if(this.blur&&!rcube_event.is_keyboard(ai)){this.blur()}return false});$("#attachment-list > li").each(function(){v(this)});if(R("previewheaders")=="1"){A()}if(rcmail.env.action=="show"){$("#messagecontent").focus()}}else{if(rcmail.env.action=="compose"){rcmail.addEventListener("aftersend-attachment",I).addEventListener("fileappended",function(ai){if(ai.attachment.complete){v(ai.item)}}).addEventListener("aftertoggle-editor",function(ai){window.setTimeout(function(){p()},200);if(ai&&ai.mode){$("select[name='editorSelector']").val(ai.mode)}}).addEventListener("compose-encrypted",function(ai){$("select[name='editorSelector']").prop("disabled",ai.active);$("a.button.attach, a.button.responses")[(ai.active?"addClass":"removeClass")]("disabled");$("#responseslist a.insertresponse")[(ai.active?"removeClass":"addClass")]("active")});var aa,af,ac,Z=["cc","bcc","replyto","followupto"];for(aa=0;aa<Z.length;aa++){af=Z[aa];ac=$("#_"+af);if(ac.length){ac.on("change",{v:af},function(ai){if(this.value){o(ai.data.v,true)}});if(ac.val()!=""){o(af,true)}}}$("#composeoptionstoggle").click(function(aj){var ai=$("#composeoptions").toggle().is(":visible");$("#composeoptionstoggle").toggleClass("remove").attr("aria-expanded",ai?"true":"false");p();K("composeoptions",ai?"1":"0");if(!rcube_event.is_keyboard(aj)){this.blur()}return false}).css("cursor","pointer");if(R("composeoptions")!=="0"){$("#composeoptionstoggle").click()}$("textarea[name='_to'], textarea[name='_cc'], textarea[name='_bcc']").change(function(ai){w(this)}).change();rcmail.addEventListener("autocomplete_insert",function(ai){w(ai.field)});var ab=rcmail.opener();if(ab&&ab.env.action=="compose"&&$("#composeoptionstoggle",opener.document).hasClass("remove")){$("#composeoptionstoggle").click()}new rcube_splitter({id:"composesplitterv",p1:"#composeview-left",p2:"#composeview-right",orientation:"v",relative:true,start:206,min:170,size:12,render:p}).init();$("#attachment-list > li").each(function(){v(this)})}else{if(rcmail.env.action=="list"||!rcmail.env.action){J();var X=$("#mailpreviewframe");var ah=X.data("type");var W=X.is(":visible");$("#mailpreviewtogglebtn .mailpreviewtoggle").each(function(ak,aj){var ai=$(aj);if(W&&ai.data("type")==ah){ai.addClass("enabled").attr("aria-expanded","true")}else{ai.addClass("closed").attr("aria-expanded","false")}}).click(function(ai){d(ai);return false});$("#maillistmode").addClass(rcmail.env.threading?"":"selected").click(function(ai){c("list");return false});$("#mailthreadmode").addClass(rcmail.env.threading?"selected":"").click(function(ai){c("thread");return false});D={v:new rcube_splitter({id:"mailviewsplitter_v",p1:"#mailview-top",p2:"#mailview-bottom",orientation:"v",relative:true,start:276,min:560,size:12,offset:4}),h:new rcube_splitter({id:"mailviewsplitter_h",p1:"#mailview-top",p2:"#mailview-bottom",orientation:"h",relative:true,start:276,min:150,size:12,offset:4})};if(W&&D[ah]!=undefined){D[ah].init()}rcmail.init_pagejumper("#pagejumper");rcmail.addEventListener("setquota",L).addEventListener("layout-change",J).addEventListener("afterimport-messages",I)}else{if(rcmail.env.action=="get"){new rcube_splitter({id:"mailpartsplitterv",p1:"#messagepartheader",p2:"#messagepartcontainer",orientation:"v",relative:true,start:226,min:150,size:12}).init()}}}}if($("#mailview-left").length){new rcube_splitter({id:"mailviewsplitterv",p1:"#mailview-left",p2:"#mailview-right",orientation:"v",relative:true,start:206,min:150,size:12,callback:n,render:O}).init()}}else{if(rcmail.env.task=="settings"){rcmail.addEventListener("init",function(){var ai="#settingstabpreferences";if(rcmail.env.action){ai="#settingstab"+(rcmail.env.action.indexOf("identity")>0?"identities":rcmail.env.action.replace(/\./g,""))}$(ai).addClass("selected").children().first().removeAttr("onclick").click(function(){return false})});if(rcmail.env.action=="folders"){new rcube_splitter({id:"folderviewsplitter",p1:"#folderslist",p2:"#folder-details",orientation:"v",relative:true,start:266,min:180,size:12}).init();rcmail.addEventListener("setquota",L);i($("#folderslist"))}else{if(rcmail.env.action=="identities"){new rcube_splitter({id:"identviewsplitter",p1:"#identitieslist",p2:"#identity-details",orientation:"v",relative:true,start:266,min:180,size:12}).init()}else{if(rcmail.env.action=="responses"){new rcube_splitter({id:"responseviewsplitter",p1:"#identitieslist",p2:"#identity-details",orientation:"v",relative:true,start:266,min:180,size:12}).init()}else{if(rcmail.env.action=="preferences"||!rcmail.env.action){new rcube_splitter({id:"prefviewsplitter",p1:"#sectionslist",p2:"#preferences-box",orientation:"v",relative:true,start:266,min:180,size:12}).init()}else{if(rcmail.env.action=="edit-prefs"){var ad=$("#preferences-details fieldset.advanced legend"),Y=$('<a href="#toggle"></a>').text(rcmail.gettext("toggleadvancedoptions")).attr("title",rcmail.gettext("toggleadvancedoptions")).addClass("advanced-toggle");ad.click(function(ai){Y.html($(this).hasClass("collapsed")?"&#9650;":"&#9660;");$(this).toggleClass("collapsed").closest("fieldset").children(".propform").toggle()}).append(Y).addClass("collapsed");if(bw.mz){ad.parents("form").css("display","inline")}}}}}}}else{if(rcmail.env.task=="addressbook"){rcmail.addEventListener("afterupload-photo",I).addEventListener("beforepushgroup",G).addEventListener("beforepopgroup",U).addEventListener("menu-open",t).addEventListener("menu-close",t);if(rcmail.env.action==""){new rcube_splitter({id:"addressviewsplitterd",p1:"#addressview-left",p2:"#addressview-right",orientation:"v",relative:true,start:206,min:150,size:12,render:O}).init();new rcube_splitter({id:"addressviewsplitter",p1:"#addresslist",p2:"#contacts-box",orientation:"v",relative:true,start:266,min:260,size:12}).init()}var ae=$("#dragcontactmenu");if(ae.length){rcmail.gui_object("dragmenu","dragcontactmenu");f.dragmenu=ae}}}}$(".tabbed").each(function(ai,aj){F(aj)});$("select.decorated").each(function(){if(bw.opera){$(this).removeClass("decorated");return}var aj=$(this),am=aj.parent(),ai=Math.max(aj.height(),26)-2,al=aj.width()-22,an=$("option",this).first().text();if($("option:selected",this).val()!=""){an=$("option:selected",this).text()}var ak=$('<a class="menuselector" tabindex="-1"><span class="handle">'+an+"</span></a>").css("position","absolute").offset(aj.position()).insertAfter(aj);ak.children().width(al).height(ai).css("line-height",(ai-1)+"px");if(am.css("position")!="absolute"){am.css("position","relative")}aj.width(ak.width()).on(bw.mz?"change keyup":"change",function(){var ao=$("option:selected",this).text();$(this).next().children().text(ao)});aj.on("focus",function(ao){ak.addClass("focus")}).on("blur",function(ao){ak.removeClass("focus")})});var ag=$("body.minwidth");if(ag.length){ag.css("min-width",$(".toolbar").width()+$("#quicksearchbar").width()+$("#searchfilter").width()+30)}window.onresize=s;s()}function s(X){var W=X?10:0;if(rcmail.resize_timeout){window.clearTimeout(rcmail.resize_timeout)}rcmail.resize_timeout=window.setTimeout(function(){if(rcmail.env.task=="mail"){if(rcmail.env.action=="show"||rcmail.env.action=="preview"){l()}else{if(rcmail.env.action=="compose"){p()}}}$("body.iframe .footerleft").each(function(){var ac=$(this),Y=$(document.body),ab=ac.hasClass("floating"),aa=Y.outerHeight(true)>$(window).height();if(aa!=ab){var Z=aa?"addClass":"removeClass";ac[Z]("floating");Y[Z]("floatingbuttons")}})},W)}function H(X){var Z=$(X.object).siblings("div");if(Z.length){$(X.object).insertBefore(Z.first())}if(X.type=="error"&&rcmail.env.task!="login"){rcmail.hide_message(X.object);if(r.message_timer){window.clearTimeout(r.message_timer)}if(!r.messagedialog){r.messagedialog=$("<div>").addClass("popupdialog").hide()}var Y=X.message,W=function(){r.messagedialog.is(":visible")&&r.messagedialog.dialog("destroy").hide()};if(r.messagedialog.is(":visible")&&r.messagedialog.text()!=Y){Y=r.messagedialog.html()+"<p>"+X.message+"</p>"}r.messagedialog.html(Y).dialog({resizable:false,closeOnEscape:true,dialogClass:X.type,title:rcmail.gettext("errortitle"),close:W,hide:{effect:"fadeOut"},width:420,minHeight:90}).show();r.messagedialog.closest("div[role=dialog]").attr("role","alertdialog");if(X.timeout>0){r.message_timer=window.setTimeout(W,X.timeout)}}}function J(Z){var X=Z?Z.new_layout:rcmail.env.layout,Y=$("#mailview-top"),W=$("#mailview-bottom");if(Z){$("#mainscreencontent").removeClass().addClass(X)}$("#mailviewsplitter")[X=="desktop"?"show":"hide"]();$("#mailviewsplitter2")[X=="widescreen"?"show":"hide"]();$("#mailpreviewframe")[X!="list"?"show":"hide"]();rcmail.env.contentframe=X=="list"?null:"messagecontframe";if(X=="widescreen"){$("#countcontrols").detach().appendTo($("#messagelistheader"));Y.css({height:"auto",width:394});W.css({top:0,left:406,height:"auto"}).show();if(!k){k=new rcube_splitter({id:"mailviewsplitter2",p1:"#mailview-top",p2:"#mailview-bottom",orientation:"v",relative:true,start:416,min:400,size:12});k.init()}else{k.resize()}}else{if(X=="desktop"){Y.css({height:270,width:"auto"});W.css({left:0,top:284,height:"auto"}).show();if(!D){D=new rcube_splitter({id:"mailviewsplitter",p1:"#mailview-top",p2:"#mailview-bottom",orientation:"h",relative:true,start:276,min:150,size:12,offset:4});D.init()}else{D.resize()}}else{Y.css({height:"auto",width:"auto"});W.hide()}}if(Z&&Z.old_layout=="widescreen"){$("#countcontrols").detach().appendTo($("#messagelistfooter"))}}function l(){$("#messagecontent").css("top",($("#ytActionBarContent").outerHeight()+$("#messageheader").outerHeight())+"px");$("#message-objects div a").addClass("button");if(!$("#attachment-list li").length){$("div.rightcol").hide().attr("aria-hidden","true");$("div.leftcol").css("margin-right","0")}var W=$("#messagebody.mailvelope, #messagebody > .mailvelope");if(W.length){var X=$("#messagecontent").length?$("#messagecontent").height()-16:$(window).height()-W.offset().top-2;W.height(X)}}function n(W){}function O(W){}function w(Y){if(Y.nodeName=="TEXTAREA"){var X=$(Y),aa=14,W=Y.scrollHeight,Z=Y.value.length>80&&W>aa*1.5?2:1;X.css("height",(aa*Z)+"px");p()}}function p(){var ac=$("#composebody"),X=$("#compose-content"),W=$("#composeview-bottom"),ad,ab,aa,af,Z=0,ae=300,aa=X.height()-W.position().top;af=ae-aa;Z=af>-100?0:40;W.height(Math.max(ae,aa));X.css("overflow",af>0?"auto":"hidden");ad=ac.parent().width()-5;ab=ac.parent().height()-8;ac.width(ad).height(ab);$("#composebodycontainer > div").width(ad+8);$("#composebody_ifr").height(ab+4-$("div.mce-toolbar").height());$("#googie_edit_layer").width(ad).height(ab);var Y=$("#directorylist");if(Y.length){$("#compose-contacts .scroller").css("top",Y.position().top+Y.outerHeight())}}function L(Z){var W=$("#quotadisplay"),aa=$("#quotamenu"),X=24,Y=20,ab=Z.total?Math.ceil(Z.percent/100*Y)*X:0;if(Z.total&&ab==X*Y&&Z.percent<100){ab-=X}W.css("background-position","0 -"+ab+"px");W.attr("class","countdisplay p"+(Math.round(Z.percent/10)*10));if(Z.table){if(!aa.length){aa=$('<div id="quotamenu" class="popupmenu">').appendTo($("body"))}aa.html(Z.table);W.css("cursor","pointer").off("click").on("click",function(ac){return rcmail.command("menu-open","quotamenu",ac.target,ac)})}}function i(W){$(".boxtitle a.search",W).click(function(aa){var ab=$(".boxtitle",W),Z=$(".listsearchbox",W),Y=Z.is(":visible")?-1:1,X=34+($("select",Z).length?22:0);Z.slideToggle({duration:160,progress:function(ad,ac){if(Y<0){ac=1-ac}$(".scroller",W).css("top",(ab.outerHeight()+X*ac)+"px")},complete:function(){Z.toggleClass("expanded");if(Z.is(":visible")){Z.find("input[type=text]").focus();X=34+($("select",Z).length?$("select",Z).outerHeight()+4:0);$(".scroller",W).css("top",(ab.outerHeight()+X)+"px")}else{$("a.reset",Z).click()}}});return false})}function V(X){if(X.command=="reply-list"&&rcmail.env.reply_all_mode==1){var W=rcmail.gettext(X.status?"replylist":"replyall");if(rcmail.env.action=="preview"){$("a.button.replyall").attr("title",W)}else{$("a.button.reply-all").text(W).attr("title",W)}}else{if(X.command=="compose-encrypted"){$("a.button.encrypt").show()}}}function a(W,X){var Y=f[W]=$("#"+W);Y.appendTo(document.body);if(Y.length){N[W]=$.extend(N[W]||{},X||{})}}function z(W,Y,X){if(X||!N[W]){a(W,X)}return rcmail.command("menu-open",W,Y.target,Y)}function M(X,W,Y){if(Y||!N[X]){a(X,Y)}Y=N[X]||{};var Z=$(Y.link?Y.link:"#"+X+"link"),aa=Z.offset();if(Z.has(".inner")){Z=Z.children(".inner")}return rcmail.command("menu-open",{menu:X,show:W},Z.get(0),$.Event("click",{target:Z.get(0),pageX:aa.left,pageY:aa.top,clientX:aa.left,clientY:aa.top}))}function d(ad){var aa=$(ad.currentTarget),ae=aa.data("type"),Y=$("#mailpreviewframe"),Z=!Y.is(":visible"),X=D[ae],W,af,ac,ab;Y.toggle();aa.toggleClass("enabled closed").attr("aria-expanded",Z?"true":"false");if(ae=="v"){ab={height:"auto",width:"auto"};if(D.h.handle){D.h.handle.hide()}if(!$("#mailview-right").hasClass("verticalPanel")){$("#mailview-right").addClass("verticalPanel")}}else{ab={width:"auto",height:"auto",left:"0"};if(D.v.handle){D.v.handle.hide()}if($("#mailview-right").hasClass("verticalPanel")){$("#mailview-right").removeClass("verticalPanel")}}if(Z){$("#mailview-top").removeClass("fullheight").css({bottom:"auto"});$("#mailview-bottom").css(ab).show();rcmail.env.contentframe="messagecontframe";if(ac=rcmail.message_list.get_single_selection()){rcmail.show_message(ac,false,true)}if(X.handle){X.handle.show();X.resize()}else{X.init()}if(ae=="v"){$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="h"]').hide()}else{$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="v"]').hide()}}else{rcmail.env.contentframe=null;rcmail.show_contentframe(false);$("#mailview-top").addClass("fullheight").css($.extend({bottom:"0px"},ab));ab[Object.keys(ab)[0]]="0px";$("#mailview-bottom").css($.extend({top:"auto"},ab)).hide();if(X.handle){X.handle.hide()}if(ae=="v"){$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="h"]').show()}else{$('#mailpreviewtogglebtn .mailpreviewtoggle[data-type="v"]').show()}}if(rcmail.message_list){if(Z&&ac){rcmail.message_list.scrollto(ac)}rcmail.message_list.resize()}rcmail.command("save-pref",{name:"preview_pane",value:(Z?ae:0)})}function A(){$("#preview-shortheaders").toggle();var X=$("#preview-allheaders").toggle(),W=$("a#previewheaderstoggle");if(X.is(":visible")){W.attr("href","#hide").removeClass("add").addClass("remove").attr("aria-expanded","true")}else{W.attr("href","#details").removeClass("remove").addClass("add").attr("aria-expanded","false")}K("previewheaders",X.is(":visible")?"1":"0")}function c(X,W){if(W||!$("#mail"+X+"mode").hasClass("disabled")){$("#maillistmode, #mailthreadmode").removeClass("selected").attr("tabindex","0").attr("aria-disabled","false");$("#mail"+X+"mode").addClass("selected").attr("tabindex","-1").attr("aria-disabled","true")}}function t(ab){if(ab&&ab.name=="messagelistmenu"){m(ab)}else{if(ab){var X=N[ab.name]||{},Z=$(X.link||"#"+ab.name+"link"),ac=ab.obj&&ab.obj.is(":visible"),W=X.above;if(ab.obj&&ac&&Z.length){var Y=Z.parent(),aa=$(window),ad;if(Y.hasClass("dropbutton")){Z=Y}if(X.above||Z.hasClass("dropbutton")){ad=Z.offset();ab.obj.css({left:ad.left+"px",top:(ad.top+(X.above?-ab.obj.height():Z.outerHeight()))+"px"})}}if(ab.obj&&X.iconized){ab.obj.children("ul").addClass("iconized")}if(ab.obj&&X.editable){ab.obj.attr("data-editable","true")}if(typeof X.callback=="function"){X.callback(ac,ab)}}}}function q(W){if(W&&rcmail.env.search_mods){var ad,Y,ab=f.searchmenu,aa=$('input:checkbox[name="s_mods[]"]',ab),ac=rcmail.env.mailbox,Z=rcmail.env.search_mods,X=rcmail.env.search_scope||"base";if(rcmail.env.task=="mail"){if(X=="all"){ac="*"}Z=Z[ac]?Z[ac]:Z["*"];Y="text";$('input:radio[name="s_scope"]').prop("checked",false).filter("#s_scope_"+X).prop("checked",true)}else{Y="*"}if(Z[Y]){aa.map(function(){this.checked=true;this.disabled=this.value!=Y})}else{aa.prop("disabled",false).prop("checked",false);for(ad in Z){$("#s_mod_"+ad).prop("checked",true)}}}}function y(X,W){var Y=X.parentNode.id.replace(/^attach/,"");$.each(["open","download","rename"],function(){var Z=this;$("#attachmenu"+Z).off("click").attr("onclick","").click(function(aa){return rcmail.command(Z+"-attachment",Y,this)})});N.attachmentmenu.link=X;rcmail.command("menu-open",{menu:"attachmentmenu",id:Y},X,W)}function g(X,ab){var Y,aa,W,ac=rcmail.spellcheck_lang(),Z=$("ul",ab.obj);if(!Z.length){Z=$('<ul class="toolbarmenu selectable" role="menu">');for(Y in rcmail.env.spell_langs){W=$('<li role="menuitem">');aa=$('<a href="#'+Y+'" tabindex="0"></a>').text(rcmail.env.spell_langs[Y]).addClass("active").data("lang",Y).on("click keypress",function(ad){if(ad.type!="keypress"||rcube_event.get_keycode(ad)==13){rcmail.spellcheck_lang_set($(this).data("lang"));rcmail.hide_menu("spellmenu",ad);return false}});aa.appendTo(W);W.appendTo(Z)}Z.appendTo(ab.obj)}$("li",Z).each(function(){var ad=$("a",this);if(ad.data("lang")==ac){ad.addClass("selected").attr("aria-selected","true")}else{if(ad.hasClass("selected")){ad.removeClass("selected").removeAttr("aria-selected")}}})}function v(W){W=$(W);if(!W.children(".drop").length){W.append($('<a class="drop skip-content" tabindex="0" aria-haspopup="true">Show options</a>').on("click keypress",function(X){if(X.type!="keypress"||rcube_event.get_keycode(X)==13){y(this,X);return false}}))}}function m(X){var W=$("#listoptions");if(W.is(":visible")){W.dialog("close",X.originalEvent);return}$('input[name="sort_col"][value="'+rcmail.env.sort_col+'"]').prop("checked",true);$('input[name="sort_ord"][value="DESC"]').prop("checked",rcmail.env.sort_order=="DESC");$('input[name="sort_ord"][value="ASC"]').prop("checked",rcmail.env.sort_order!="DESC");$.each(["widescreen","desktop","list"],function(){$('input[name="layout"][value="'+this+'"]').prop("checked",rcmail.env.layout==this)});$("#listoptions-columns",W)[rcmail.env.layout=="widescreen"?"hide":"show"]();$('input[name="list_col[]"]').each(function(){$(this).prop("checked",$.inArray(this.value,rcmail.env.listcols)!=-1)});W.dialog({modal:true,resizable:false,closeOnEscape:true,title:null,open:function(Y){setTimeout(function(){W.find("a, input:not(:disabled)").not("[aria-disabled=true]").first().focus()},100)},close:function(Y){W.dialog("destroy").hide();if(Y.originalEvent&&rcube_event.is_keyboard(Y.originalEvent)){$("#listmenulink").focus()}},minWidth:500,width:W.width()+25}).show()}function u(aa){$("#listoptions").dialog("close");if(rcube_event.is_keyboard(aa.originalEvent)){$("#listmenulink").focus()}var X=$('input[name="sort_col"]:checked').val(),W=$('input[name="sort_ord"]:checked').val(),Y=$('input[name="layout"]:checked').val(),Z=$('input[name="list_col[]"]:checked').map(function(){return this.value}).get();rcmail.set_list_options(Z,X,W,rcmail.env.threading,Y)}function e(ab){var Z,W,X=rcmail.env.task,aa=rcmail.env.search_mods,ac=rcmail.env.mailbox,Y=$('input[name="s_scope"]:checked').val();if(Y=="all"){ac="*"}if(!aa){aa={}}if(X=="mail"){if(!aa[ac]){aa[ac]=rcube_clone_object(aa["*"])}W=aa[ac];Z="text"}else{W=aa;Z="*"}if(!ab.checked){delete (W[ab.value])}else{W[ab.value]=1}if(ab.value==Z){$('input:checkbox[name="s_mods[]"]').map(function(){if(this==ab){return}this.checked=true;if(ab.checked){this.disabled=true;delete W[this.value]}else{this.disabled=false;W[this.value]=1}})}rcmail.set_searchmods(W)}function C(W){rcmail.set_searchscope(W.value)}function G(Y){var X=$("#contacts-table"),W=X.parent().css("overflow","hidden");X.clone().css({position:"absolute",top:"0",left:"0",width:X.width()+"px","z-index":10}).appendTo(W).animate({left:-(X.width()+5)+"px"},300,"swing",function(){$(this).remove();W.css("overflow","auto")})}function U(Y){var X=$("#contacts-table"),W=X.parent().css("overflow","hidden"),Z=X.clone().appendTo(W);X.css({position:"absolute",top:"0",left:-(X.width()+5)+"px",width:X.width()+"px",height:X.height()+"px","z-index":10}).animate({left:"0"},300,"linear",function(){Z.remove();$(this).css({position:"relative",left:"0",width:"100%",height:"auto","z-index":1});W.css("overflow","auto")})}function I(X){var W=$("#upload-dialog");if(W.is(":visible")){W.dialog("close");return}if(rcmail.mailvelope_editor){return}if(rcmail.env.action=="compose"&&!W.data("extended")){$("<a>").addClass("iconlink add").attr("href","#add").html("Add").appendTo($('input[type="file"]',W).parent()).click(b);W.data("extended",true)}W.dialog({modal:true,resizable:false,closeOnEscape:true,title:W.attr("title"),open:function(Y){if(!document.all){$("input[type=file]",W).first().click()}},close:function(){try{$("#upload-dialog form").get(0).reset()}catch(Y){}W.dialog("destroy").hide();$("div.addline",W).remove()},width:480}).show()}function b(W){var Y=$(this).parent();var X=Y.clone().addClass("addline").insertAfter(Y);X.children(".iconlink").click(b);X.children("input").val("");if(!document.all){$("input[type=file]",X).click()}}function o(Y,W){var X=$("#compose-"+Y);if(X.is(":visible")){return}if(P[Y]&&!W){$("#_"+Y).val(P[Y])}X.show();$("#"+Y+"-link").hide();p();$("input,textarea",X).focus();return false}function S(X){var W=$("#_"+X);P[X]=W.val();W.val("");$("#compose-"+X).hide();$("#"+X+"-link").show();p();return false}function F(Z,aa){var Y=$(Z),ab=Y.get(0).id,W=Y.children("fieldset");if(!W.length){return}if(!ab){ab="rcmtabcontainer";Y.attr("id",ab)}var X=$("<ul>").addClass("tabsbar").prependTo(Y);W.each(function(ac){var af,ad,ah=$(this),ae=ah.children("legend"),ag=ab+"-t"+ac;ad=$("<a>").text(ae.text()).attr("href","#"+ag);af=$("<li>").addClass("tablink");ae.remove();ah.attr("id",ag);af.append(ad).appendTo(X)});Y.tabs({active:aa||0,heightStyle:"content",activate:function(ad,ac){s()}})}function E(W){var X=$("<iframe>").attr({id:"aboutframe",src:rcmail.url("settings/about"),frameborder:"0"});h=Math.floor($(window).height()*0.75),buttons={},supportln=$("#supportlink");if(supportln.length&&(j.supporturl=supportln.attr("href"))){buttons[supportln.html()]=function(Y){j.supporturl.indexOf("mailto:")<0?window.open(j.supporturl):location.href=j.supporturl}}X.dialog({modal:true,resizable:false,closeOnEscape:true,title:W?W.title||W.innerHTML:null,close:function(){X.dialog("destroy").remove()},buttons:buttons,width:640,height:h}).width(640)}}function rcube_scroller(c,d,a){var b=this;this.list=$(c);this.top=$(d);this.bottom=$(a);this.step_size=6;this.step_time=20;this.delay=500;this.top.mouseenter(function(){if(rcmail.drag_active){b.ts=window.setTimeout(function(){b.scroll("down")},b.delay)}}).mouseout(function(){if(b.ts){window.clearTimeout(b.ts)}});this.bottom.mouseenter(function(){if(rcmail.drag_active){b.ts=window.setTimeout(function(){b.scroll("up")},b.delay)}}).mouseout(function(){if(b.ts){window.clearTimeout(b.ts)}});this.scroll=function(e){var g=this,f=this.step_size;if(!rcmail.drag_active){return}if(e=="down"){f*=-1}this.list.get(0).scrollTop+=f;this.ts=window.setTimeout(function(){g.scroll(e)},this.step_time)}}function rcube_splitter(f){this.p=f;this.id=f.id;this.horizontal=(f.orientation=="horizontal"||f.orientation=="h");this.halfsize=(f.size!==undefined?f.size:10)/2;this.pos=f.start||0;this.min=f.min||20;this.offset=f.offset||0;this.relative=f.relative?true:false;this.drag_active=false;this.render=f.render;this.callback=f.callback;var d=this;rcube_splitter._instances[this.id]=d;this.init=function(){this.p1=$(this.p.p1);this.p2=$(this.p.p2);this.parent=this.p1.parent();if(!this.p1.length||!this.p2.length){return}this.p1pos=this.relative?this.p1.position():this.p1.offset();this.p2pos=this.relative?this.p2.position():this.p2.offset();this.handle=$("<div>").attr("id",this.id).attr("unselectable","on").attr("role","presentation").addClass("splitter "+(this.horizontal?"splitter-h":"splitter-v")).appendTo(this.parent).mousedown(e);if(this.horizontal){var k=this.p1pos.top+this.p1.outerHeight();this.handle.css({left:"0px",top:k+"px"})}else{var j=this.p1pos.left+this.p1.outerWidth();this.handle.css({left:j+"px",top:"0px"})}if(bw.ie){$(window).resize(c)}var i=this.get_cookie();if(i&&!isNaN(i)){this.pos=parseFloat(i);this.resize()}else{if(this.pos){this.resize();this.set_cookie()}}};this.resize=function(){if(this.horizontal){this.p1.css("height",Math.floor(this.pos-this.p1pos.top-Math.floor(this.halfsize))+"px");this.p2.css("top",Math.ceil(this.pos+Math.ceil(this.halfsize)+2)+"px");this.handle.css("top",Math.round(this.pos-this.halfsize+this.offset)+"px");if(bw.ie){var j=parseInt(this.parent.outerHeight(),10)-parseInt(this.p2.css("top"),10);this.p2.css("height",(j>0?j:0)+"px")}}else{this.p1.css("width",Math.floor(this.pos-this.p1pos.left-Math.floor(this.halfsize))+"px");this.p2.css("left",Math.ceil(this.pos+Math.ceil(this.halfsize))+"px");this.handle.css("left",Math.round(this.pos-this.halfsize+this.offset+3)+"px");if(bw.ie){var i=parseInt(this.parent.outerWidth(),10)-parseInt(this.p2.css("left"),10);this.p2.css("width",(i>0?i:0)+"px")}}this.p2.resize();this.p1.resize();if(this.drag_active){$("iframe").each(function(k,l){var m=$(this).offset();$("#iframe-splitter-fix-"+k).css({top:m.top+"px",left:m.left+"px",width:l.offsetWidth+"px",height:l.offsetHeight+"px"})})}if(typeof this.render=="function"){this.render(this)}};function e(i){if(bw.konq||bw.chrome||bw.safari){document.body.style.webkitUserSelect="none"}d.p1pos=d.relative?d.p1.position():d.p1.offset();d.p2pos=d.relative?d.p2.position():d.p2.offset();d.drag_active=true;$(document).on("mousemove."+this.id,a).on("mouseup."+this.id,g);if(rcmail.message_list){rcmail.message_list.drag_active=true}$("iframe").each(function(j,k){$("<div>").attr("id","iframe-splitter-fix-"+j).addClass("iframe-splitter-fix").css({background:"#fff",width:k.offsetWidth+"px",height:k.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1000}).css($(this).offset()).appendTo("body")})}function a(i){if(!d.drag_active){return false}window.clearTimeout(d.ts);d.ts=window.setTimeout(function(){b(i)},1);return false}function b(j){var k=rcube_event.get_mouse_pos(j);if(d.relative){var i=d.parent.offset();k.x-=i.left;k.y-=i.top}if(d.horizontal){if(((k.y-d.halfsize)>d.p1pos.top)&&((k.y+d.halfsize)<(d.p2pos.top+d.p2.outerHeight()))){d.pos=Math.max(d.min,k.y-Math.max(0,d.offset));if(d.pos>d.min){d.pos=Math.min(d.pos,d.parent.height()-d.min)}d.resize()}}else{if(((k.x-d.halfsize)>d.p1pos.left)&&((k.x+d.halfsize)<(d.p2pos.left+d.p2.outerWidth()))){d.pos=Math.max(d.min,k.x-Math.max(0,d.offset));if(d.pos>d.min){d.pos=Math.min(d.pos,d.parent.width()-d.min)}d.resize()}}d.p1pos=d.relative?d.p1.position():d.p1.offset();d.p2pos=d.relative?d.p2.position():d.p2.offset()}function g(i){if(bw.konq||bw.chrome||bw.safari){document.body.style.webkitUserSelect="auto"}$(document).off("."+d.id);d.drag_active=false;if(rcmail.message_list){rcmail.message_list.drag_active=false}$("div.iframe-splitter-fix").remove();d.set_cookie();if(typeof d.callback=="function"){d.callback(d)}return bw.safari?true:rcube_event.cancel(i)}function c(k){if(d.horizontal){var j=parseInt(d.parent.outerHeight(),10)-parseInt(d.p2[0].style.top,10);d.p2.css("height",(j>0?j:0)+"px")}else{var i=parseInt(d.parent.outerWidth(),10)-parseInt(d.p2[0].style.left,10);d.p2.css("width",(i>0?i:0)+"px")}}this.get_cookie=function(){return window.UI?UI.get_pref(this.id):null};this.set_cookie=function(){if(window.UI){UI.save_pref(this.id,this.pos)}}}rcube_splitter._instances={};rcube_splitter.get_instance=function(a){return rcube_splitter._instances[a]};
\ No newline at end of file
+/**
+ * Roundcube functions for default skin interface
+ *
+ * Copyright (c) 2013, The Roundcube Dev Team
+ *
+ * The contents are subject to the Creative Commons Attribution-ShareAlike
+ * License. It is allowed to copy, distribute, transmit and to adapt the work
+ * by keeping credits to the original autors in the README file.
+ * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
+ *
+ * @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0
+ */
+
+function rcube_mail_ui()
+{
+  var env = {};
+  var popups = {};
+  var popupconfig = {
+    forwardmenu:        { editable:1 },
+    searchmenu:         { editable:1, callback:searchmenu },
+    attachmentmenu:     { },
+    listoptions:        { editable:1 },
+    groupmenu:          { above:1 },
+    mailboxmenu:        { above:1 },
+    spellmenu:          { callback: spellmenu },
+    'folder-selector':  { iconized:1 }
+  };
+
+  var me = this;
+  var mailviewsplit;
+  var mailviewsplit2;
+  var compose_headers = {};
+  var prefs;
+
+  // export public methods
+  this.set = setenv;
+  this.init = init;
+  this.init_tabs = init_tabs;
+  this.show_about = show_about;
+  this.show_popup = show_popup;
+  this.toggle_popup = toggle_popup;
+  this.add_popup = add_popup;
+  this.set_searchmod = set_searchmod;
+  this.set_searchscope = set_searchscope;
+  this.show_uploadform = show_uploadform;
+  this.show_header_row = show_header_row;
+  this.hide_header_row = hide_header_row;
+  this.update_quota = update_quota;
+  this.get_pref = get_pref;
+  this.save_pref = save_pref;
+  this.folder_search_init = folder_search_init;
+
+
+  // set minimal mode on small screens (don't wait for document.ready)
+  if (window.$ && document.body) {
+    var minmode = get_pref('minimalmode');
+    if (parseInt(minmode) || (minmode === null && $(window).height() < 850)) {
+      $(document.body).addClass('minimal');
+    }
+
+    if (bw.tablet) {
+      $('#viewport').attr('content', "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0");
+    }
+
+    $(document).ready(function() { me.init(); });
+  }
+
+
+  /**
+   *
+   */
+  function setenv(key, val)
+  {
+    env[key] = val;
+  }
+
+  /**
+   * Get preference stored in browser
+   */
+  function get_pref(key)
+  {
+    if (!prefs) {
+      prefs = rcmail.local_storage_get_item('prefs.larry', {});
+    }
+
+    // fall-back to cookies
+    if (prefs[key] == null) {
+      var cookie = rcmail.get_cookie(key);
+      if (cookie != null) {
+        prefs[key] = cookie;
+
+        // copy value to local storage and remove cookie (if localStorage is supported)
+        if (rcmail.local_storage_set_item('prefs.larry', prefs)) {
+          rcmail.set_cookie(key, cookie, new Date());  // expire cookie
+        }
+      }
+    }
+
+    return prefs[key];
+  }
+
+  /**
+   * Saves preference value to browser storage
+   */
+  function save_pref(key, val)
+  {
+    prefs[key] = val;
+
+    // write prefs to local storage (if supported)
+    if (!rcmail.local_storage_set_item('prefs.larry', prefs)) {
+      // store value in cookie
+      var exp = new Date();
+      exp.setYear(exp.getFullYear() + 1);
+      rcmail.set_cookie(key, val, exp);
+    }
+  }
+
+  /**
+   * Initialize UI
+   * Called on document.ready
+   */
+  function init()
+  {
+    rcmail.addEventListener('message', message_displayed);
+
+    /*** prepare minmode functions ***/
+    $('#taskbar a').each(function(i,elem){
+      $(elem).append('<span class="tooltip">' + $('.button-inner', this).html() + '</span>')
+    });
+
+    $('#taskbar .minmodetoggle').click(function(e){
+      var ismin = $(document.body).toggleClass('minimal').hasClass('minimal');
+      save_pref('minimalmode', ismin?1:0);
+      $(window).resize();
+    });
+
+    /***  mail task  ***/
+    if (rcmail.env.task == 'mail') {
+      rcmail.addEventListener('menu-open', menu_toggle)
+        .addEventListener('menu-close', menu_toggle)
+        .addEventListener('menu-save', save_listoptions)
+        .addEventListener('enable-command', enable_command)
+        .addEventListener('responseafterlist', function(e){ switch_view_mode(rcmail.env.threading ? 'thread' : 'list', true) })
+        .addEventListener('responseaftersearch', function(e){ switch_view_mode(rcmail.env.threading ? 'thread' : 'list', true) });
+
+      var dragmenu = $('#dragmessagemenu');
+      if (dragmenu.length) {
+        rcmail.gui_object('dragmenu', 'dragmessagemenu');
+        popups.dragmenu = dragmenu;
+      }
+
+      if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') {
+        rcmail.addEventListener('aftershow-headers', function() { layout_messageview(); })
+          .addEventListener('afterhide-headers', function() { layout_messageview(); });
+
+        $('#previewheaderstoggle').click(function(e) {
+            toggle_preview_headers();
+            if (this.blur && !rcube_event.is_keyboard(e))
+                this.blur();
+            return false;
+        });
+
+        // add menu link for each attachment
+        $('#attachment-list > li').each(function() {
+          attachmentmenu_append(this);
+        });
+
+        if (get_pref('previewheaders') == '1') {
+          toggle_preview_headers();
+        }
+
+        if (rcmail.env.action == 'show') {
+          $('#messagecontent').focus();
+        }
+      }
+      else if (rcmail.env.action == 'compose') {
+        rcmail.addEventListener('aftersend-attachment', show_uploadform)
+          .addEventListener('fileappended', function(e) { if (e.attachment.complete) attachmentmenu_append(e.item); })
+          .addEventListener('aftertoggle-editor', function(e) {
+            window.setTimeout(function(){ layout_composeview() }, 200);
+            if (e && e.mode)
+              $("select[name='editorSelector']").val(e.mode);
+          })
+          .addEventListener('compose-encrypted', function(e) {
+            $("select[name='editorSelector']").prop('disabled', e.active);
+            $('a.button.attach, a.button.responses')[(e.active?'addClass':'removeClass')]('disabled');
+            $('#responseslist a.insertresponse')[(e.active?'removeClass':'addClass')]('active');
+          });
+
+        // Show input elements with non-empty value
+        var f, v, field, fields = ['cc', 'bcc', 'replyto', 'followupto'];
+        for (f=0; f < fields.length; f++) {
+          v = fields[f]; field = $('#_'+v);
+          if (field.length) {
+            field.on('change', {v: v}, function(e) { if (this.value) show_header_row(e.data.v, true); });
+            if (field.val() != '')
+              show_header_row(v, true);
+          }
+        }
+
+        $('#composeoptionstoggle').click(function(e){
+          var expanded = $('#composeoptions').toggle().is(':visible');
+          $('#composeoptionstoggle').toggleClass('remove').attr('aria-expanded', expanded ? 'true' : 'false');
+          layout_composeview();
+          save_pref('composeoptions', expanded ? '1' : '0');
+          if (!rcube_event.is_keyboard(e))
+            this.blur();
+          return false;
+        }).css('cursor', 'pointer');
+
+        if (get_pref('composeoptions') !== '0') {
+          $('#composeoptionstoggle').click();
+        }
+
+        // adjust hight when textarea starts to scroll
+        $("textarea[name='_to'], textarea[name='_cc'], textarea[name='_bcc']").change(function(e){ adjust_compose_editfields(this); }).change();
+        rcmail.addEventListener('autocomplete_insert', function(p){ adjust_compose_editfields(p.field); });
+
+        // toggle compose options if opened in new window and they were visible before
+        var opener_rc = rcmail.opener();
+        if (opener_rc && opener_rc.env.action == 'compose' && $('#composeoptionstoggle', opener.document).hasClass('remove'))
+          $('#composeoptionstoggle').click();
+
+        new rcube_splitter({ id:'composesplitterv', p1:'#composeview-left', p2:'#composeview-right',
+          orientation:'v', relative:true, start:206, min:170, size:12, render:layout_composeview }).init();
+
+        // add menu link for each attachment
+        $('#attachment-list > li').each(function() {
+          attachmentmenu_append(this);
+        });
+      }
+      else if (rcmail.env.action == 'list' || !rcmail.env.action) {
+		mail_layout();
+
+        $('#maillistmode').addClass(rcmail.env.threading ? '' : 'selected').click(function(e) { switch_view_mode('list'); return false; });
+        $('#mailthreadmode').addClass(rcmail.env.threading ? 'selected' : '').click(function(e) { switch_view_mode('thread'); return false; });
+
+        rcmail.init_pagejumper('#pagejumper');
+
+        rcmail.addEventListener('setquota', update_quota)
+          .addEventListener('layout-change', mail_layout)
+          .addEventListener('afterimport-messages', show_uploadform);
+      }
+      else if (rcmail.env.action == 'get') {
+        new rcube_splitter({ id:'mailpartsplitterv', p1:'#messagepartheader', p2:'#messagepartcontainer',
+          orientation:'v', relative:true, start:226, min:150, size:12}).init();
+      }
+
+      if ($('#mailview-left').length) {
+        new rcube_splitter({ id:'mailviewsplitterv', p1:'#mailview-left', p2:'#mailview-right',
+          orientation:'v', relative:true, start:206, min:150, size:12, callback:render_mailboxlist, render:resize_leftcol }).init();
+      }
+    }
+    /***  settings task  ***/
+    else if (rcmail.env.task == 'settings') {
+      rcmail.addEventListener('init', function(){
+        var tab = '#settingstabpreferences';
+        if (rcmail.env.action)
+          tab = '#settingstab' + (rcmail.env.action.indexOf('identity')>0 ? 'identities' : rcmail.env.action.replace(/\./g, ''));
+
+        $(tab).addClass('selected')
+          .children().first().removeAttr('onclick').click(function() { return false; });
+      });
+
+      if (rcmail.env.action == 'folders') {
+        new rcube_splitter({ id:'folderviewsplitter', p1:'#folderslist', p2:'#folder-details',
+          orientation:'v', relative:true, start:266, min:180, size:12 }).init();
+
+        rcmail.addEventListener('setquota', update_quota);
+
+        folder_search_init($('#folderslist'));
+      }
+      else if (rcmail.env.action == 'identities') {
+        new rcube_splitter({ id:'identviewsplitter', p1:'#identitieslist', p2:'#identity-details',
+          orientation:'v', relative:true, start:266, min:180, size:12 }).init();
+      }
+      else if (rcmail.env.action == 'responses') {
+        new rcube_splitter({ id:'responseviewsplitter', p1:'#identitieslist', p2:'#identity-details',
+          orientation:'v', relative:true, start:266, min:180, size:12 }).init();
+      }
+      else if (rcmail.env.action == 'preferences' || !rcmail.env.action) {
+        new rcube_splitter({ id:'prefviewsplitter', p1:'#sectionslist', p2:'#preferences-box',
+          orientation:'v', relative:true, start:266, min:180, size:12 }).init();
+      }
+      else if (rcmail.env.action == 'edit-prefs') {
+        var legend = $('#preferences-details fieldset.advanced legend'),
+          toggle = $('<a href="#toggle"></a>')
+            .text(rcmail.gettext('toggleadvancedoptions'))
+            .attr('title', rcmail.gettext('toggleadvancedoptions'))
+            .addClass('advanced-toggle');
+
+        legend.click(function(e) {
+          toggle.html($(this).hasClass('collapsed') ? '&#9650;' : '&#9660;');
+
+          $(this).toggleClass('collapsed')
+            .closest('fieldset').children('.propform').toggle()
+        }).append(toggle).addClass('collapsed')
+
+        // this magically fixes incorrect position of toggle link created above in Firefox 3.6
+        if (bw.mz)
+          legend.parents('form').css('display', 'inline');
+      }
+    }
+    /***  addressbook task  ***/
+    else if (rcmail.env.task == 'addressbook') {
+      rcmail.addEventListener('afterupload-photo', show_uploadform)
+        .addEventListener('beforepushgroup', push_contactgroup)
+        .addEventListener('beforepopgroup', pop_contactgroup)
+        .addEventListener('menu-open', menu_toggle)
+        .addEventListener('menu-close', menu_toggle);
+
+      if (rcmail.env.action == '') {
+        new rcube_splitter({ id:'addressviewsplitterd', p1:'#addressview-left', p2:'#addressview-right',
+          orientation:'v', relative:true, start:206, min:150, size:12, render:resize_leftcol }).init();
+        new rcube_splitter({ id:'addressviewsplitter', p1:'#addresslist', p2:'#contacts-box',
+          orientation:'v', relative:true, start:266, min:260, size:12 }).init();
+      }
+
+      var dragmenu = $('#dragcontactmenu');
+      if (dragmenu.length) {
+        rcmail.gui_object('dragmenu', 'dragcontactmenu');
+        popups.dragmenu = dragmenu;
+      }
+    }
+
+    // turn a group of fieldsets into tabs
+    $('.tabbed').each(function(idx, elem){ init_tabs(elem); })
+
+    // decorate select elements
+    $('select.decorated').each(function(){
+      if (bw.opera) {
+        $(this).removeClass('decorated');
+        return;
+      }
+
+      var select = $(this),
+        parent = select.parent(),
+        height = Math.max(select.height(), 26) - 2,
+        width = select.width() - 22,
+        title = $('option', this).first().text();
+
+      if ($('option:selected', this).val() != '')
+        title = $('option:selected', this).text();
+
+      var overlay = $('<a class="menuselector" tabindex="-1"><span class="handle">' + title + '</span></a>')
+        .css('position', 'absolute')
+        .offset(select.position())
+        .insertAfter(select);
+
+      overlay.children().width(width).height(height).css('line-height', (height - 1) + 'px');
+
+      if (parent.css('position') != 'absolute')
+        parent.css('position', 'relative');
+
+      // re-set original select width to fix click action and options width in some browsers
+      select.width(overlay.width())
+        .on(bw.mz ? 'change keyup' : 'change', function() {
+          var val = $('option:selected', this).text();
+          $(this).next().children().text(val);
+        });
+
+      select
+        .on('focus', function(e){ overlay.addClass('focus'); })
+        .on('blur', function(e){ overlay.removeClass('focus'); });
+    });
+
+    // set min-width to show all toolbar buttons
+    var screen = $('body.minwidth');
+    if (screen.length) {
+      screen.css('min-width', $('.toolbar').width() + $('#quicksearchbar').width() + $('#searchfilter').width() + 30);
+    }
+
+    // don't use $(window).resize() due to some unwanted side-effects
+    window.onresize = resize;
+    resize();
+  }
+
+  /**
+   * Update UI on window resize
+   */
+  function resize(e)
+  {
+    // resize in intervals to prevent lags and double onresize calls in Chrome (#1489005)
+    var interval = e ? 10 : 0;
+
+    if (rcmail.resize_timeout)
+      window.clearTimeout(rcmail.resize_timeout);
+
+    rcmail.resize_timeout = window.setTimeout(function() {
+      if (rcmail.env.task == 'mail') {
+        if (rcmail.env.action == 'show' || rcmail.env.action == 'preview')
+          layout_messageview();
+        else if (rcmail.env.action == 'compose')
+          layout_composeview();
+      }
+
+      // make iframe footer buttons float if scrolling is active
+      $('body.iframe .footerleft').each(function(){
+        var footer = $(this),
+          body = $(document.body),
+          floating = footer.hasClass('floating'),
+          overflow = body.outerHeight(true) > $(window).height();
+
+        if (overflow != floating) {
+          var action = overflow ? 'addClass' : 'removeClass';
+          footer[action]('floating');
+          body[action]('floatingbuttons');
+        }
+      });
+    }, interval);
+  }
+
+  /**
+   * Triggered when a new user message is displayed
+   */
+  function message_displayed(p)
+  {
+    var siblings = $(p.object).siblings('div');
+    if (siblings.length)
+      $(p.object).insertBefore(siblings.first());
+
+    // show a popup dialog on errors
+    if (p.type == 'error' && rcmail.env.task != 'login') {
+      // hide original message object, we don't want both
+      rcmail.hide_message(p.object);
+
+      if (me.message_timer) {
+        window.clearTimeout(me.message_timer);
+      }
+
+      if (!me.messagedialog) {
+        me.messagedialog = $('<div>').addClass('popupdialog').hide();
+      }
+
+      var msg = p.message,
+        dialog_close = function() {
+          // check if dialog is still displayed, to prevent from js error
+          me.messagedialog.is(':visible') && me.messagedialog.dialog('destroy').hide();
+        };
+
+      if (me.messagedialog.is(':visible') && me.messagedialog.text() != msg)
+        msg = me.messagedialog.html() + '<p>' + p.message + '</p>';
+
+      me.messagedialog.html(msg)
+        .dialog({
+          resizable: false,
+          closeOnEscape: true,
+          dialogClass: p.type,
+          title: rcmail.gettext('errortitle'),
+          close: dialog_close,
+          hide: {effect: 'fadeOut'},
+          width: 420,
+          minHeight: 90
+        }).show();
+
+      me.messagedialog.closest('div[role=dialog]').attr('role', 'alertdialog');
+
+      if (p.timeout > 0)
+        me.message_timer = window.setTimeout(dialog_close, p.timeout);
+    }
+  }
+
+  // Mail view layout initialization and change handler
+  function mail_layout(p)
+  {
+    var layout = p ? p.new_layout : rcmail.env.layout,
+      top = $('#mailview-top'),
+      bottom = $('#mailview-bottom');
+
+    if (p)
+      $('#mainscreencontent').removeClass().addClass(layout);
+
+    $('#mailviewsplitter')[layout == 'desktop' ? 'show' : 'hide']();
+    $('#mailviewsplitter2')[layout == 'widescreen' ? 'show' : 'hide']();
+    $('#mailpreviewframe')[layout != 'list' ? 'show' : 'hide']();
+    rcmail.env.contentframe = layout == 'list' ? null : 'messagecontframe';
+
+    if (layout == 'widescreen') {
+      $('#countcontrols').detach().appendTo($('#messagelistheader'));
+      top.css({height: 'auto', width: 394});
+      bottom.css({top: 0, left: 406, height: 'auto'}).show();
+      if (!mailviewsplit2) {
+        mailviewsplit2 = new rcube_splitter({ id:'mailviewsplitter2', p1:'#mailview-top', p2:'#mailview-bottom',
+          orientation:'v', relative:true, start:416, min:400, size:12});
+        mailviewsplit2.init();
+      }
+      else
+        mailviewsplit2.resize();
+    }
+    else if (layout == 'desktop') {
+      top.css({height: 270, width: 'auto'});
+      bottom.css({left: 0, top: 284, height: 'auto'}).show();
+      if (!mailviewsplit) {
+        mailviewsplit = new rcube_splitter({ id:'mailviewsplitter', p1:'#mailview-top', p2:'#mailview-bottom',
+          orientation:'h', relative:true, start:276, min:150, size:12, offset:4 });
+        mailviewsplit.init();
+      }
+      else
+        mailviewsplit.resize();
+    }
+    else { // layout == 'list'
+      top.css({height: 'auto', width: 'auto'});
+      bottom.hide();
+    }
+
+    if (p && p.old_layout == 'widescreen') {
+      $('#countcontrols').detach().appendTo($('#messagelistfooter'));
+    }
+  }
+
+  /**
+   * Adjust UI objects of the mail view screen
+   */
+  function layout_messageview()
+  {
+	/** Yetiforce **/
+    $('#messagecontent').css('top', ($('#ytActionBarContent').outerHeight() + $('#messageheader').outerHeight()) + 'px');
+	/** Yetiforce **/
+    $('#message-objects div a').addClass('button');
+
+    if (!$('#attachment-list li').length) {
+      $('div.rightcol').hide().attr('aria-hidden', 'true');
+      $('div.leftcol').css('margin-right', '0');
+    }
+
+    var mvlpe = $('#messagebody.mailvelope, #messagebody > .mailvelope');
+    if (mvlpe.length) {
+      var h = $('#messagecontent').length ?
+        $('#messagecontent').height() - 16 :
+        $(window).height() - mvlpe.offset().top - 2;
+      mvlpe.height(h);
+    }
+  }
+
+
+  function render_mailboxlist(splitter)
+  {
+    // TODO: implement smart shortening of long folder names
+  }
+
+
+  function resize_leftcol(splitter)
+  {
+    // STUB
+  }
+
+  function adjust_compose_editfields(elem)
+  {
+    if (elem.nodeName == 'TEXTAREA') {
+      var $elem = $(elem), line_height = 14,  // hard-coded because some browsers only provide the outer height in elem.clientHeight
+        content_height = elem.scrollHeight,
+        rows = elem.value.length > 80 && content_height > line_height*1.5 ? 2 : 1;
+      $elem.css('height', (line_height*rows) + 'px');
+      layout_composeview();
+    }
+  }
+
+  function layout_composeview()
+  {
+    var body = $('#composebody'),
+      form = $('#compose-content'),
+      bottom = $('#composeview-bottom'),
+      w, h, bh, ovflw, btns = 0,
+      minheight = 300,
+
+    bh = form.height() - bottom.position().top;
+    ovflw = minheight - bh;
+    btns = ovflw > -100 ? 0 : 40;
+    bottom.height(Math.max(minheight, bh));
+    form.css('overflow', ovflw > 0 ? 'auto' : 'hidden');
+
+    w = body.parent().width() - 5;
+    h = body.parent().height() - 8;
+    body.width(w).height(h);
+
+    $('#composebodycontainer > div').width(w+8);
+    $('#composebody_ifr').height(h + 4 - $('div.mce-toolbar').height());
+    $('#googie_edit_layer').width(w).height(h);
+//    $('#composebodycontainer')[(btns ? 'addClass' : 'removeClass')]('buttons');
+//    $('#composeformbuttons')[(btns ? 'show' : 'hide')]();
+
+    var abooks = $('#directorylist');
+    if (abooks.length)
+      $('#compose-contacts .scroller').css('top', abooks.position().top + abooks.outerHeight());
+  }
+
+
+  function update_quota(p)
+  {
+    var element = $('#quotadisplay'), menu = $('#quotamenu'),
+      step = 24, step_count = 20,
+      y = p.total ? Math.ceil(p.percent / 100 * step_count) * step : 0;
+
+    // never show full-circle if quota is close to 100% but below.
+    if (p.total && y == step * step_count && p.percent < 100)
+      y -= step;
+
+    element.css('background-position', '0 -' + y + 'px');
+    element.attr('class', 'countdisplay p' + (Math.round(p.percent / 10) * 10));
+
+    if (p.table) {
+      if (!menu.length)
+        menu = $('<div id="quotamenu" class="popupmenu">').appendTo($('body'));
+
+      menu.html(p.table);
+      element.css('cursor', 'pointer').off('click').on('click', function(e) {
+        return rcmail.command('menu-open', 'quotamenu', e.target, e);
+      });
+    }
+  }
+
+  function folder_search_init(container)
+  {
+    // animation to unfold list search box
+    $('.boxtitle a.search', container).click(function(e) {
+      var title = $('.boxtitle', container),
+        box = $('.listsearchbox', container),
+        dir = box.is(':visible') ? -1 : 1,
+        height = 34 + ($('select', box).length ? 22 : 0);
+
+      box.slideToggle({
+        duration: 160,
+        progress: function(animation, progress) {
+          if (dir < 0) progress = 1 - progress;
+            $('.scroller', container).css('top', (title.outerHeight() + height * progress) + 'px');
+        },
+        complete: function() {
+          box.toggleClass('expanded');
+          if (box.is(':visible')) {
+            box.find('input[type=text]').focus();
+            height = 34 + ($('select', box).length ? $('select', box).outerHeight() + 4 : 0);
+            $('.scroller', container).css('top', (title.outerHeight() + height) + 'px');
+          }
+          else {
+            $('a.reset', box).click();
+          }
+          // TODO: save state in localStorage
+        }
+      });
+
+      return false;
+    });
+  }
+
+  function enable_command(p)
+  {
+    if (p.command == 'reply-list' && rcmail.env.reply_all_mode == 1) {
+      var label = rcmail.gettext(p.status ? 'replylist' : 'replyall');
+      if (rcmail.env.action == 'preview')
+        $('a.button.replyall').attr('title', label);
+      else
+        $('a.button.reply-all').text(label).attr('title', label);
+    }
+    else if (p.command == 'compose-encrypted') {
+      // show the toolbar button for Mailvelope
+      $('a.button.encrypt').show();
+    }
+  }
+
+
+  /**
+   * Register a popup menu
+   */
+  function add_popup(popup, config)
+  {
+    var obj = popups[popup] = $('#'+popup);
+    obj.appendTo(document.body);  // move it to top for proper absolute positioning
+
+    if (obj.length)
+      popupconfig[popup] = $.extend(popupconfig[popup] || {}, config || {});
+  }
+
+  /**
+   * Trigger for popup menus
+   */
+  function toggle_popup(popup, e, config)
+  {
+    // auto-register menu object
+    if (config || !popupconfig[popup])
+      add_popup(popup, config);
+
+    return rcmail.command('menu-open', popup, e.target, e);
+  }
+
+  /**
+   * (Deprecated) trigger for popup menus
+   */
+  function show_popup(popup, show, config)
+  {
+    // auto-register menu object
+    if (config || !popupconfig[popup])
+      add_popup(popup, config);
+
+    config = popupconfig[popup] || {};
+    var ref = $(config.link ? config.link : '#'+popup+'link'),
+      pos = ref.offset();
+    if (ref.has('.inner'))
+      ref = ref.children('.inner');
+
+    // fire command with simulated mouse click event
+    return rcmail.command('menu-open',
+      { menu:popup, show:show },
+      ref.get(0),
+      $.Event('click', { target:ref.get(0), pageX:pos.left, pageY:pos.top, clientX:pos.left, clientY:pos.top }));
+  }
+
+  /**
+   * Switch between short and full headers display in message preview
+   */
+  function toggle_preview_headers()
+  {
+    $('#preview-shortheaders').toggle();
+    var full = $('#preview-allheaders').toggle(),
+      button = $('a#previewheaderstoggle');
+
+    // add toggle button to full headers table
+    if (full.is(':visible'))
+      button.attr('href', '#hide').removeClass('add').addClass('remove').attr('aria-expanded', 'true');
+    else
+      button.attr('href', '#details').removeClass('remove').addClass('add').attr('aria-expanded', 'false');
+
+    save_pref('previewheaders', full.is(':visible') ? '1' : '0');
+  }
+
+
+  /**
+   *
+   */
+  function switch_view_mode(mode, force)
+  {
+    if (force || !$('#mail'+mode+'mode').hasClass('disabled')) {
+      $('#maillistmode, #mailthreadmode').removeClass('selected').attr('tabindex', '0').attr('aria-disabled', 'false');
+      $('#mail'+mode+'mode').addClass('selected').attr('tabindex', '-1').attr('aria-disabled', 'true');
+    }
+  }
+
+
+  /**** popup menu callbacks ****/
+
+  /**
+   * Handler for menu-open and menu-close events
+   */
+  function menu_toggle(p)
+  {
+    if (p && p.name == 'messagelistmenu') {
+      show_listoptions(p);
+    }
+    else if (p) {
+      // adjust menu position according to config
+      var config = popupconfig[p.name] || {},
+        ref = $(config.link || '#'+p.name+'link'),
+        visible = p.obj && p.obj.is(':visible'),
+        above = config.above;
+
+      // fix position according to config
+      if (p.obj && visible && ref.length) {
+        var parent = ref.parent(),
+          win = $(window), pos;
+
+        if (parent.hasClass('dropbutton'))
+          ref = parent;
+
+        if (config.above || ref.hasClass('dropbutton')) {
+          pos = ref.offset();
+          p.obj.css({ left:pos.left+'px', top:(pos.top + (config.above ? -p.obj.height() : ref.outerHeight()))+'px' });
+        }
+      }
+
+      // add the right classes
+      if (p.obj && config.iconized) {
+        p.obj.children('ul').addClass('iconized');
+      }
+
+      // apply some data-attributes from menu config
+      if (p.obj && config.editable)
+        p.obj.attr('data-editable', 'true');
+
+      // trigger callback function
+      if (typeof config.callback == 'function') {
+        config.callback(visible, p);
+      }
+    }
+  }
+
+  function searchmenu(show)
+  {
+    if (show && rcmail.env.search_mods) {
+      var n, all,
+        obj = popups['searchmenu'],
+        list = $('input:checkbox[name="s_mods[]"]', obj),
+        mbox = rcmail.env.mailbox,
+        mods = rcmail.env.search_mods,
+        scope = rcmail.env.search_scope || 'base';
+
+      if (rcmail.env.task == 'mail') {
+        if (scope == 'all')
+          mbox = '*';
+        mods = mods[mbox] ? mods[mbox] : mods['*'];
+        all = 'text';
+        $('input:radio[name="s_scope"]').prop('checked', false).filter('#s_scope_'+scope).prop('checked', true);
+      }
+      else {
+        all = '*';
+      }
+
+      if (mods[all])
+        list.map(function() {
+          this.checked = true;
+          this.disabled = this.value != all;
+        });
+      else {
+        list.prop('disabled', false).prop('checked', false);
+        for (n in mods)
+          $('#s_mod_' + n).prop('checked', true);
+      }
+    }
+  }
+
+  function attachmentmenu(elem, event)
+  {
+    var id = elem.parentNode.id.replace(/^attach/, '');
+
+    $.each(['open', 'download', 'rename'], function() {
+      var action = this;
+      $('#attachmenu' + action).off('click').attr('onclick', '').click(function(e) {
+        return rcmail.command(action + '-attachment', id, this);
+      });
+    });
+
+    popupconfig.attachmentmenu.link = elem;
+    rcmail.command('menu-open', {menu: 'attachmentmenu', id: id}, elem, event);
+  }
+
+  function spellmenu(show, p)
+  {
+    var k, link, li,
+      lang = rcmail.spellcheck_lang(),
+      ul = $('ul', p.obj);
+
+    if (!ul.length) {
+      ul = $('<ul class="toolbarmenu selectable" role="menu">');
+
+      for (k in rcmail.env.spell_langs) {
+        li = $('<li role="menuitem">');
+        link = $('<a href="#'+k+'" tabindex="0"></a>').text(rcmail.env.spell_langs[k])
+          .addClass('active').data('lang', k)
+          .on('click keypress', function(e) {
+              if (e.type != 'keypress' || rcube_event.get_keycode(e) == 13) {
+                  rcmail.spellcheck_lang_set($(this).data('lang'));
+                  rcmail.hide_menu('spellmenu', e);
+                  return false;
+              }
+          });
+
+        link.appendTo(li);
+        li.appendTo(ul);
+      }
+
+      ul.appendTo(p.obj);
+    }
+
+    // select current language
+    $('li', ul).each(function() {
+      var el = $('a', this);
+      if (el.data('lang') == lang)
+        el.addClass('selected').attr('aria-selected', 'true');
+      else if (el.hasClass('selected'))
+        el.removeClass('selected').removeAttr('aria-selected');
+    });
+  }
+
+  // append drop-icon to attachments list item (to invoke attachment menu)
+  function attachmentmenu_append(item)
+  {
+    item = $(item);
+
+    if (!item.children('.drop').length)
+      item.append($('<a class="drop skip-content" tabindex="0" aria-haspopup="true">Show options</a>')
+          .on('click keypress', function(e) {
+            if (e.type != 'keypress' || rcube_event.get_keycode(e) == 13) {
+              attachmentmenu(this, e);
+              return false;
+            }
+          }));
+  }
+
+  /**
+   *
+   */
+  function show_listoptions(p)
+  {
+    var $dialog = $('#listoptions');
+
+    // close the dialog
+    if ($dialog.is(':visible')) {
+      $dialog.dialog('close', p.originalEvent);
+      return;
+    }
+
+    // set form values
+    $('input[name="sort_col"][value="'+rcmail.env.sort_col+'"]').prop('checked', true);
+    $('input[name="sort_ord"][value="DESC"]').prop('checked', rcmail.env.sort_order == 'DESC');
+    $('input[name="sort_ord"][value="ASC"]').prop('checked', rcmail.env.sort_order != 'DESC');
+
+    $.each(['widescreen', 'desktop', 'list'], function() {
+      $('input[name="layout"][value="' + this + '"]').prop('checked', rcmail.env.layout == this);
+    });
+    $('#listoptions-columns', $dialog)[rcmail.env.layout == 'widescreen' ? 'hide' : 'show']();
+
+    // set checkboxes
+    $('input[name="list_col[]"]').each(function() {
+      $(this).prop('checked', $.inArray(this.value, rcmail.env.listcols) != -1);
+    });
+
+    $dialog.dialog({
+      modal: true,
+      resizable: false,
+      closeOnEscape: true,
+      title: null,
+      open: function(e) {
+        setTimeout(function(){ $dialog.find('a, input:not(:disabled)').not('[aria-disabled=true]').first().focus(); }, 100);
+      },
+      close: function(e) {
+        $dialog.dialog('destroy').hide();
+        if (e.originalEvent && rcube_event.is_keyboard(e.originalEvent))
+          $('#listmenulink').focus();
+      },
+      minWidth: 500,
+      width: $dialog.width()+25
+    }).show();
+  }
+
+
+  /**
+   *
+   */
+  function save_listoptions(p)
+  {
+    $('#listoptions').dialog('close');
+
+    if (rcube_event.is_keyboard(p.originalEvent))
+      $('#listmenulink').focus();
+
+    var sort = $('input[name="sort_col"]:checked').val(),
+      ord = $('input[name="sort_ord"]:checked').val(),
+      layout = $('input[name="layout"]:checked').val(),
+      cols = $('input[name="list_col[]"]:checked')
+        .map(function(){ return this.value; }).get();
+
+    rcmail.set_list_options(cols, sort, ord, rcmail.env.threading, layout);
+  }
+
+
+  /**
+   *
+   */
+  function set_searchmod(elem)
+  {
+    var all, m, task = rcmail.env.task,
+      mods = rcmail.env.search_mods,
+      mbox = rcmail.env.mailbox,
+      scope = $('input[name="s_scope"]:checked').val();
+
+    if (scope == 'all')
+      mbox = '*';
+
+    if (!mods)
+      mods = {};
+
+    if (task == 'mail') {
+      if (!mods[mbox])
+        mods[mbox] = rcube_clone_object(mods['*']);
+      m = mods[mbox];
+      all = 'text';
+    }
+    else { //addressbook
+      m = mods;
+      all = '*';
+    }
+
+    if (!elem.checked)
+      delete(m[elem.value]);
+    else
+      m[elem.value] = 1;
+
+    // mark all fields
+    if (elem.value == all) {
+      $('input:checkbox[name="s_mods[]"]').map(function() {
+        if (this == elem)
+          return;
+
+        this.checked = true;
+        if (elem.checked) {
+          this.disabled = true;
+          delete m[this.value];
+        }
+        else {
+          this.disabled = false;
+          m[this.value] = 1;
+        }
+      });
+    }
+
+    rcmail.set_searchmods(m);
+  }
+
+  function set_searchscope(elem)
+  {
+    rcmail.set_searchscope(elem.value);
+  }
+
+  function push_contactgroup(p)
+  {
+    // lets the contacts list swipe to the left, nice!
+    var table = $('#contacts-table'),
+      scroller = table.parent().css('overflow', 'hidden');
+
+    table.clone()
+      .css({ position:'absolute', top:'0', left:'0', width:table.width()+'px', 'z-index':10 })
+      .appendTo(scroller)
+      .animate({ left: -(table.width()+5) + 'px' }, 300, 'swing', function(){
+        $(this).remove();
+        scroller.css('overflow', 'auto')
+      });
+  }
+
+  function pop_contactgroup(p)
+  {
+    // lets the contacts list swipe to the left, nice!
+    var table = $('#contacts-table'),
+      scroller = table.parent().css('overflow', 'hidden'),
+      clone = table.clone().appendTo(scroller);
+
+      table.css({ position:'absolute', top:'0', left:-(table.width()+5) + 'px', width:table.width()+'px', height:table.height()+'px', 'z-index':10 })
+        .animate({ left:'0' }, 300, 'linear', function(){
+        clone.remove();
+        $(this).css({ position:'relative', left:'0', width:'100%', height:'auto', 'z-index':1 });
+        scroller.css('overflow', 'auto')
+      });
+  }
+
+  function show_uploadform(e)
+  {
+    var $dialog = $('#upload-dialog');
+
+    // close the dialog
+    if ($dialog.is(':visible')) {
+      $dialog.dialog('close');
+      return;
+    }
+
+    // do nothing if mailvelope editor is active
+    if (rcmail.mailvelope_editor)
+      return;
+
+    // add icons to clone file input field
+    if (rcmail.env.action == 'compose' && !$dialog.data('extended')) {
+      $('<a>')
+        .addClass('iconlink add')
+        .attr('href', '#add')
+        .html('Add')
+        .appendTo($('input[type="file"]', $dialog).parent())
+        .click(add_uploadfile);
+      $dialog.data('extended', true);
+    }
+
+    $dialog.dialog({
+      modal: true,
+      resizable: false,
+      closeOnEscape: true,
+      title: $dialog.attr('title'),
+      open: function(e) {
+        if (!document.all)
+          $('input[type=file]', $dialog).first().click();
+      },
+      close: function() {
+        try { $('#upload-dialog form').get(0).reset(); }
+        catch(e){ }  // ignore errors
+
+        $dialog.dialog('destroy').hide();
+        $('div.addline', $dialog).remove();
+      },
+      width: 480
+    }).show();
+  }
+
+  function add_uploadfile(e)
+  {
+    var div = $(this).parent();
+    var clone = div.clone().addClass('addline').insertAfter(div);
+    clone.children('.iconlink').click(add_uploadfile);
+    clone.children('input').val('');
+
+    if (!document.all)
+      $('input[type=file]', clone).click();
+  }
+
+
+  /**
+   *
+   */
+  function show_header_row(which, updated)
+  {
+    var row = $('#compose-' + which);
+    if (row.is(':visible'))
+      return;  // nothing to be done here
+
+    if (compose_headers[which] && !updated)
+      $('#_' + which).val(compose_headers[which]);
+
+    row.show();
+    $('#' + which + '-link').hide();
+
+    layout_composeview();
+    $('input,textarea', row).focus();
+
+    return false;
+  }
+
+  /**
+   *
+   */
+  function hide_header_row(which)
+  {
+    // copy and clear field value
+    var field = $('#_' + which);
+    compose_headers[which] = field.val();
+    field.val('');
+
+    $('#compose-' + which).hide();
+    $('#' + which + '-link').show();
+    layout_composeview();
+    return false;
+  }
+
+
+  /**
+   * Fieldsets-to-tabs converter
+   */
+  function init_tabs(elem, current)
+  {
+    var content = $(elem),
+      id = content.get(0).id,
+      fs = content.children('fieldset');
+
+    if (!fs.length)
+      return;
+
+    if (!id) {
+      id = 'rcmtabcontainer';
+      content.attr('id', id);
+    }
+
+    // create tabs container
+    var tabs = $('<ul>').addClass('tabsbar').prependTo(content);
+
+    // convert fildsets into tabs
+    fs.each(function(idx) {
+      var tab, a, elm = $(this),
+        legend = elm.children('legend'),
+        tid = id + '-t' + idx;
+
+      // create a tab
+      a   = $('<a>').text(legend.text()).attr('href', '#' + tid);
+      tab = $('<li>').addClass('tablink');
+
+      // remove legend
+      legend.remove();
+
+      // link fieldset with tab item
+      elm.attr('id', tid);
+
+      // add the tab to container
+      tab.append(a).appendTo(tabs);
+    });
+
+    // use jquery UI tabs widget to do the interaction and styling
+    content.tabs({
+      active: current || 0,
+      heightStyle: 'content',
+      activate: function(e, ui) {resize(); }
+    });
+  }
+
+  /**
+   * Show about page as jquery UI dialog
+   */
+  function show_about(elem)
+  {
+    var frame = $('<iframe>').attr({id: 'aboutframe', src: rcmail.url('settings/about'), frameborder: '0'});
+      h = Math.floor($(window).height() * 0.75),
+      buttons = {},
+      supportln = $('#supportlink');
+
+    if (supportln.length && (env.supporturl = supportln.attr('href')))
+      buttons[supportln.html()] = function(e){ env.supporturl.indexOf('mailto:') < 0 ? window.open(env.supporturl) : location.href = env.supporturl };
+
+    frame.dialog({
+      modal: true,
+      resizable: false,
+      closeOnEscape: true,
+      title: elem ? elem.title || elem.innerHTML : null,
+      close: function() {
+        frame.dialog('destroy').remove();
+      },
+      buttons: buttons,
+      width: 640,
+      height: h
+    }).width(640);
+  }
+}
+
+
+/**
+ * Roundcube Scroller class
+ *
+ * @deprecated Use treelist widget
+ */
+function rcube_scroller(list, top, bottom)
+{
+  var ref = this;
+
+  this.list = $(list);
+  this.top = $(top);
+  this.bottom = $(bottom);
+  this.step_size = 6;
+  this.step_time = 20;
+  this.delay = 500;
+
+  this.top
+    .mouseenter(function() { if (rcmail.drag_active) ref.ts = window.setTimeout(function() { ref.scroll('down'); }, ref.delay); })
+    .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); });
+
+  this.bottom
+    .mouseenter(function() { if (rcmail.drag_active) ref.ts = window.setTimeout(function() { ref.scroll('up'); }, ref.delay); })
+    .mouseout(function() { if (ref.ts) window.clearTimeout(ref.ts); });
+
+  this.scroll = function(dir)
+  {
+    var ref = this, size = this.step_size;
+
+    if (!rcmail.drag_active)
+      return;
+
+    if (dir == 'down')
+      size *= -1;
+
+    this.list.get(0).scrollTop += size;
+    this.ts = window.setTimeout(function() { ref.scroll(dir); }, this.step_time);
+  };
+};
+
+
+/**
+ * Roundcube UI splitter class
+ *
+ * @constructor
+ */
+function rcube_splitter(p)
+{
+  this.p = p;
+  this.id = p.id;
+  this.horizontal = (p.orientation == 'horizontal' || p.orientation == 'h');
+  this.halfsize = (p.size !== undefined ? p.size : 10) / 2;
+  this.pos = p.start || 0;
+  this.min = p.min || 20;
+  this.offset = p.offset || 0;
+  this.relative = p.relative ? true : false;
+  this.drag_active = false;
+  this.render = p.render;
+  this.callback = p.callback;
+
+  var me = this;
+  rcube_splitter._instances[this.id] = me;
+
+  this.init = function()
+  {
+    this.p1 = $(this.p.p1);
+    this.p2 = $(this.p.p2);
+    this.parent = this.p1.parent();
+
+    // check if referenced elements exist, otherwise abort
+    if (!this.p1.length || !this.p2.length)
+      return;
+
+    // create and position the handle for this splitter
+    this.p1pos = this.relative ? this.p1.position() : this.p1.offset();
+    this.p2pos = this.relative ? this.p2.position() : this.p2.offset();
+    this.handle = $('<div>')
+      .attr('id', this.id)
+      .attr('unselectable', 'on')
+      .attr('role', 'presentation')
+      .addClass('splitter ' + (this.horizontal ? 'splitter-h' : 'splitter-v'))
+      .appendTo(this.parent)
+      .mousedown(onDragStart);
+
+    if (this.horizontal) {
+      var top = this.p1pos.top + this.p1.outerHeight();
+      this.handle.css({ left:'0px', top:top+'px' });
+    }
+    else {
+      var left = this.p1pos.left + this.p1.outerWidth();
+      this.handle.css({ left:left+'px', top:'0px' });
+    }
+
+    // listen to window resize on IE
+    if (bw.ie)
+      $(window).resize(onResize);
+
+    // read saved position from cookie
+    var cookie = this.get_cookie();
+    if (cookie && !isNaN(cookie)) {
+      this.pos = parseFloat(cookie);
+      this.resize();
+    }
+    else if (this.pos) {
+      this.resize();
+      this.set_cookie();
+    }
+  };
+
+  /**
+   * Set size and position of all DOM objects
+   * according to the saved splitter position
+   */
+  this.resize = function()
+  {
+    if (this.horizontal) {
+      this.p1.css('height', Math.floor(this.pos - this.p1pos.top - Math.floor(this.halfsize)) + 'px');
+      this.p2.css('top', Math.ceil(this.pos + Math.ceil(this.halfsize) + 2) + 'px');
+      this.handle.css('top', Math.round(this.pos - this.halfsize + this.offset)+'px');
+      if (bw.ie) {
+        var new_height = parseInt(this.parent.outerHeight(), 10) - parseInt(this.p2.css('top'), 10);
+        this.p2.css('height', (new_height > 0 ? new_height : 0) + 'px');
+      }
+    }
+    else {
+      this.p1.css('width', Math.floor(this.pos - this.p1pos.left - Math.floor(this.halfsize)) + 'px');
+      this.p2.css('left', Math.ceil(this.pos + Math.ceil(this.halfsize)) + 'px');
+      this.handle.css('left', Math.round(this.pos - this.halfsize + this.offset + 3)+'px');
+      if (bw.ie) {
+        var new_width = parseInt(this.parent.outerWidth(), 10) - parseInt(this.p2.css('left'), 10) ;
+        this.p2.css('width', (new_width > 0 ? new_width : 0) + 'px');
+      }
+    }
+
+    this.p2.resize();
+    this.p1.resize();
+
+    // also resize iframe covers
+    if (this.drag_active) {
+      $('iframe').each(function(i, elem) {
+        var pos = $(this).offset();
+        $('#iframe-splitter-fix-'+i).css({ top: pos.top+'px', left: pos.left+'px', width:elem.offsetWidth+'px', height: elem.offsetHeight+'px' });
+      });
+    }
+
+    if (typeof this.render == 'function')
+      this.render(this);
+  };
+
+  /**
+   * Handler for mousedown events
+   */
+  function onDragStart(e)
+  {
+    // disable text selection while dragging the splitter
+    if (bw.konq || bw.chrome || bw.safari)
+      document.body.style.webkitUserSelect = 'none';
+
+    me.p1pos = me.relative ? me.p1.position() : me.p1.offset();
+    me.p2pos = me.relative ? me.p2.position() : me.p2.offset();
+    me.drag_active = true;
+
+    // start listening to mousemove events
+    $(document).on('mousemove.' + this.id, onDrag).on('mouseup.' + this.id, onDragStop);
+
+    // hack messages list so it will propagate the mouseup event over the list
+    if (rcmail.message_list)
+      rcmail.message_list.drag_active = true;
+
+    // enable dragging above iframes
+    $('iframe').each(function(i, elem) {
+      $('<div>')
+        .attr('id', 'iframe-splitter-fix-'+i)
+        .addClass('iframe-splitter-fix')
+        .css({ background: '#fff',
+          width: elem.offsetWidth+'px', height: elem.offsetHeight+'px',
+          position: 'absolute', opacity: '0.001', zIndex: 1000
+        })
+        .css($(this).offset())
+        .appendTo('body');
+      });
+  };
+
+  /**
+   * Handler for mousemove events
+   */
+  function onDrag(e)
+  {
+    if (!me.drag_active)
+      return false;
+
+    // with timing events dragging action is more responsive
+    window.clearTimeout(me.ts);
+    me.ts = window.setTimeout(function() { onDragAction(e); }, 1);
+
+    return false;
+  };
+
+  /**
+   * Dragging action (see onDrag())
+   */
+  function onDragAction(e)
+  {
+    var pos = rcube_event.get_mouse_pos(e);
+
+    if (me.relative) {
+      var parent = me.parent.offset();
+      pos.x -= parent.left;
+      pos.y -= parent.top;
+    }
+
+    if (me.horizontal) {
+      if (((pos.y - me.halfsize) > me.p1pos.top) && ((pos.y + me.halfsize) < (me.p2pos.top + me.p2.outerHeight()))) {
+        me.pos = Math.max(me.min, pos.y - Math.max(0, me.offset));
+        if (me.pos > me.min)
+          me.pos = Math.min(me.pos, me.parent.height() - me.min);
+
+        me.resize();
+      }
+    }
+    else {
+      if (((pos.x - me.halfsize) > me.p1pos.left) && ((pos.x + me.halfsize) < (me.p2pos.left + me.p2.outerWidth()))) {
+        me.pos = Math.max(me.min, pos.x - Math.max(0, me.offset));
+        if (me.pos > me.min)
+          me.pos = Math.min(me.pos, me.parent.width() - me.min);
+
+        me.resize();
+      }
+    }
+
+    me.p1pos = me.relative ? me.p1.position() : me.p1.offset();
+    me.p2pos = me.relative ? me.p2.position() : me.p2.offset();
+  };
+
+  /**
+   * Handler for mouseup events
+   */
+  function onDragStop(e)
+  {
+    // resume the ability to highlight text
+    if (bw.konq || bw.chrome || bw.safari)
+      document.body.style.webkitUserSelect = 'auto';
+
+    // cancel the listening for drag events
+    $(document).off('.' + me.id);
+    me.drag_active = false;
+
+    if (rcmail.message_list)
+      rcmail.message_list.drag_active = false;
+
+    // remove temp divs
+    $('div.iframe-splitter-fix').remove();
+
+    me.set_cookie();
+
+    if (typeof me.callback == 'function')
+      me.callback(me);
+
+    return bw.safari ? true : rcube_event.cancel(e);
+  };
+
+  /**
+   * Handler for window resize events
+   */
+  function onResize(e)
+  {
+    if (me.horizontal) {
+      var new_height = parseInt(me.parent.outerHeight(), 10) - parseInt(me.p2[0].style.top, 10);
+      me.p2.css('height', (new_height > 0 ? new_height : 0) +'px');
+    }
+    else {
+      var new_width = parseInt(me.parent.outerWidth(), 10) - parseInt(me.p2[0].style.left, 10);
+      me.p2.css('width', (new_width > 0 ? new_width : 0) + 'px');
+    }
+  };
+
+  /**
+   * Get saved splitter position from cookie
+   */
+  this.get_cookie = function()
+  {
+    return window.UI ? UI.get_pref(this.id) : null;
+  };
+
+  /**
+   * Saves splitter position in cookie
+   */
+  this.set_cookie = function()
+  {
+    if (window.UI)
+      UI.save_pref(this.id, this.pos);
+  };
+
+} // end class rcube_splitter
+
+
+// static getter for splitter instances
+rcube_splitter._instances = {};
+
+rcube_splitter.get_instance = function(id)
+{
+  return rcube_splitter._instances[id];
+};
+
+// @license-end
diff --git a/skins/yetiforce/yetiforce.css b/skins/yetiforce/yetiforce.css
index 8001066a..9e92f895 100644
--- a/skins/yetiforce/yetiforce.css
+++ b/skins/yetiforce/yetiforce.css
@@ -1,147 +1,220 @@
 /** The file is published on the basis of YetiForce Public License that can be found in the following directory: licenses/License.html */
-#footer{
+#footer {
 	position: absolute;
-    left: 10px;
-    right: 10px;
-    bottom: 0px;
+	left: 10px;
+	right: 10px;
+	bottom: 0px;
 	text-align: center;
 	color: #000;
 }
-#footer a{
+
+#footer a {
 	color: #000;
 	text-decoration: none;
 }
+
 #footer a:hover {
 	text-decoration: underline;
 }
-#footer #taskbar a{
+
+#footer #taskbar a {
 	padding: 0;
 	height: 20px;
 	background: none;
 }
-#footer #taskbar a span.button-inner{
-    zoom: 0.8;
+
+#footer #taskbar a span.button-inner {
+	zoom: 0.8;
 }
-#footer #taskbar .tooltip{
+
+#footer #taskbar .tooltip {
 	top: -16px;
 	display: none;
 }
-#footer #taskbar a:hover .tooltip{
+
+#footer #taskbar a:hover .tooltip {
 	right: -10px;
 	display: block;
 }
-#footer #taskbar .tooltip:after{
+
+#footer #taskbar .tooltip:after {
 	top: 18px;
 	right: 15px;
-    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-    -webkit-transform: rotate(180deg);
-    -ms-transform: rotate(180deg);
-    transform: rotate(180deg);
+	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+	-webkit-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+	transform: rotate(180deg);
 }
-#taskbar .button-inner{
+
+#taskbar .button-inner {
 	top: 0px;
 }
+
 #footer #taskbar {
-    padding-right:0;
+	padding-right: 0;
 }
-#footer .topleft,#footer .username {
+
+#footer .topleft, #footer .username {
 	padding-top: 3px;
 }
-#mainscreen{
+
+#mainscreen {
 	top: 10px !important;
 	left: 5px;
-    right: 5px;
+	right: 5px;
 }
-body{
+
+body {
 	background: #dadada;
 }
-#yt_adress_buttons{	
-	margin-top: 3px;		
+
+#yt_adress_buttons {
+	margin-top: 3px;
 	top: 0px !important;
-}		
-#yt_adress_buttons .button{		
-	cursor: pointer;		
-	color: #000;		
+}
+
+#yt_adress_buttons .button {
+	cursor: pointer;
+	color: #000;
 	font-weight: bold;
 }
-.verticalPanel #mailview-bottom, 
-.verticalPanel #mailview-top{
+
+.verticalPanel #mailview-bottom,
+.verticalPanel #mailview-top {
 	height: 100% !important;
 	top: 0px !important;
 }
-@media only screen and (max-width:1040px){
-	.col-4{
+
+@media only screen and (max-width: 1040px) {
+	.col-4 {
 		float: left;
 		width: 100% !important;
 	}
-	.head{
+
+	.head {
 		height: auto !important;
-		padding-bottom: 2px; 
+		padding-bottom: 2px;
 	}
-	.relatedName{
+
+	.relatedName {
 		font-size: 12px;
 	}
 }
-.actionBar{
-	background: #ecf6ff;
-}
-table.messagelist.fixedcopy{
+
+table.messagelist.fixedcopy {
 	position: absolute !important;
 }
-.chevronBtnCube{
+
+.chevronBtnCube {
 	position: absolute;
 	z-index: 1;
 }
-.chevronBtnCube .hideBtn{
+
+.chevronBtnCube .hideBtn {
 	padding-left: 2px;
 	padding-right: 2px;
 }
 
-#mailpreviewtogglebtn{
-    position: absolute;
-    top: 6px;
-    right: 10px;
+#mailpreviewtogglebtn {
+	position: absolute;
+	top: 6px;
+	right: 10px;
 }
-.mailpreviewtoggle{
+
+.mailpreviewtoggle {
 	display: inline-block;
 	text-decoration: none;
-    padding: 1px 3px;
+	padding: 1px 3px;
 	width: 16px;
-    height: 14px;
-    vertical-align: middle;
-    font-weight: bold;
-    background: #d8d8d8;
-    background: -moz-linear-gradient(top,#d8d8d8 0,#bababa 100%);
-    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d8d8d8),color-stop(100%,#bababa));
-    background: -o-linear-gradient(top,#d8d8d8 0,#bababa 100%);
-    background: -ms-linear-gradient(top,#d8d8d8 0,#bababa 100%);
-    background: linear-gradient(to bottom,#d8d8d8 0,#bababa 100%);
-    box-shadow: 0 1px 1px 0 #999;
-    -webkit-box-shadow: 0 1px 1px 0 #999;
-    margin: 0 2px;
-    color: #525252;
-    text-shadow: 0 1px 1px #fff;
-    border: 1px solid #e6e6e6;
-    border-radius: 4px;
-}
-.mailpreviewtoggle .inner{
+	height: 14px;
+	vertical-align: middle;
+	font-weight: bold;
+	background: #d8d8d8;
+	background: -moz-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #bababa));
+	background: -o-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: -ms-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: linear-gradient(to bottom, #d8d8d8 0, #bababa 100%);
+	box-shadow: 0 1px 1px 0 #999;
+	-webkit-box-shadow: 0 1px 1px 0 #999;
+	margin: 0 2px;
+	color: #525252;
+	text-shadow: 0 1px 1px #fff;
+	border: 1px solid #e6e6e6;
+	border-radius: 4px;
+}
+
+.mailpreviewtoggle .inner {
 	width: 16px;
-    height: 13px;
+	height: 13px;
 	display: inline-block;
-    background: url(images/buttons.png?v=51d4.15699) no-repeat;
+	background: url(images/buttons.png?v=51d4.15699) no-repeat;
 }
-.mailpreviewtoggle.verticalBtn .inner{
+
+.mailpreviewtoggle.verticalBtn .inner {
 	background-position: -6px -226px;
 }
-.mailpreviewtoggle.verticalBtn.enabled .inner{
+
+.mailpreviewtoggle.verticalBtn.enabled .inner {
 	background-position: -28px -226px;
 }
-.mailpreviewtoggle.horizontalBtn .inner{
+
+.mailpreviewtoggle.horizontalBtn .inner {
 	background-position: -7px -241px;
 }
-.mailpreviewtoggle.horizontalBtn.enabled .inner{
+
+.mailpreviewtoggle.horizontalBtn.enabled .inner {
 	background-position: -28px -242px;
 }
+
 #composeview-right {
 	left: 0;
 }
+
+.action-bar {
+	background: #ecf6ff;
+}
+
+.mr-5px {
+	margin-right: 5px;
+}
+
+.ml-5px {
+	margin-left: 5px;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex-wrap {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.rowRelatedRecord {
+	padding: 2px;
+}
+
+.action-bar__head__container {
+	column-width: 310px;
+}
+
+.action-bar__data a {
+	text-decoration: none;
+	color: #000;
+	font-size: 14px;
+	line-height: 14px
+}
+
+.action-bar__header {
+	font-size: 14px;
+	min-width: 90px;
+}
+
+.action-bar__head {
+	background-color: #4a5364;
+	height: 20px;
+	color: #fff;
+	padding: 2px;
+}
diff --git a/skins/yetiforce/yetiforce.min.css b/skins/yetiforce/yetiforce.min.css
index 9ffaa220..9e92f895 100644
--- a/skins/yetiforce/yetiforce.min.css
+++ b/skins/yetiforce/yetiforce.min.css
@@ -1,2 +1,220 @@
+/** The file is published on the basis of YetiForce Public License that can be found in the following directory: licenses/License.html */
+#footer {
+	position: absolute;
+	left: 10px;
+	right: 10px;
+	bottom: 0px;
+	text-align: center;
+	color: #000;
+}
 
-#footer{position:absolute;left:10px;right:10px;bottom:0;text-align:center;color:#000}#footer a{color:#000;text-decoration:none}#footer a:hover{text-decoration:underline}#footer #taskbar a{padding:0;height:20px;background:0}#footer #taskbar a span.button-inner{zoom:.8}#footer #taskbar .tooltip{top:-16px;display:none}#footer #taskbar a:hover .tooltip{right:-10px;display:block}#footer #taskbar .tooltip:after{top:18px;right:15px;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#taskbar .button-inner{top:0}#footer #taskbar{padding-right:0}#footer .topleft,#footer .username{padding-top:3px}#mainscreen{top:10px!important;left:5px;right:5px}body{background:#dadada}#yt_adress_buttons{margin-top:3px;top:0!important}#yt_adress_buttons .button{cursor:pointer;color:#000;font-weight:bold}.verticalPanel #mailview-bottom,.verticalPanel #mailview-top{height:100%!important;top:0!important}@media only screen and (max-width:1040px){.col-4{float:left;width:100%!important}.head{height:auto!important;padding-bottom:2px}.relatedName{font-size:12px}}.actionBar{background:#ecf6ff}table.messagelist.fixedcopy{position:absolute!important}.chevronBtnCube{position:absolute;z-index:1}.chevronBtnCube .hideBtn{padding-left:2px;padding-right:2px}#mailpreviewtogglebtn{position:absolute;top:6px;right:10px}.mailpreviewtoggle{display:inline-block;text-decoration:none;padding:1px 3px;width:16px;height:14px;vertical-align:middle;font-weight:bold;background:#d8d8d8;background:-moz-linear-gradient(top,#d8d8d8 0,#bababa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d8d8d8),color-stop(100%,#bababa));background:-o-linear-gradient(top,#d8d8d8 0,#bababa 100%);background:-ms-linear-gradient(top,#d8d8d8 0,#bababa 100%);background:linear-gradient(to bottom,#d8d8d8 0,#bababa 100%);box-shadow:0 1px 1px 0 #999;-webkit-box-shadow:0 1px 1px 0 #999;margin:0 2px;color:#525252;text-shadow:0 1px 1px #fff;border:1px solid #e6e6e6;border-radius:4px}.mailpreviewtoggle .inner{width:16px;height:13px;display:inline-block;background:url(images/buttons.png?v=51d4.15699) no-repeat}.mailpreviewtoggle.verticalBtn .inner{background-position:-6px -226px}.mailpreviewtoggle.verticalBtn.enabled .inner{background-position:-28px -226px}.mailpreviewtoggle.horizontalBtn .inner{background-position:-7px -241px}.mailpreviewtoggle.horizontalBtn.enabled .inner{background-position:-28px -242px}#composeview-right{left:0}
\ No newline at end of file
+#footer a {
+	color: #000;
+	text-decoration: none;
+}
+
+#footer a:hover {
+	text-decoration: underline;
+}
+
+#footer #taskbar a {
+	padding: 0;
+	height: 20px;
+	background: none;
+}
+
+#footer #taskbar a span.button-inner {
+	zoom: 0.8;
+}
+
+#footer #taskbar .tooltip {
+	top: -16px;
+	display: none;
+}
+
+#footer #taskbar a:hover .tooltip {
+	right: -10px;
+	display: block;
+}
+
+#footer #taskbar .tooltip:after {
+	top: 18px;
+	right: 15px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+	-webkit-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+	transform: rotate(180deg);
+}
+
+#taskbar .button-inner {
+	top: 0px;
+}
+
+#footer #taskbar {
+	padding-right: 0;
+}
+
+#footer .topleft, #footer .username {
+	padding-top: 3px;
+}
+
+#mainscreen {
+	top: 10px !important;
+	left: 5px;
+	right: 5px;
+}
+
+body {
+	background: #dadada;
+}
+
+#yt_adress_buttons {
+	margin-top: 3px;
+	top: 0px !important;
+}
+
+#yt_adress_buttons .button {
+	cursor: pointer;
+	color: #000;
+	font-weight: bold;
+}
+
+.verticalPanel #mailview-bottom,
+.verticalPanel #mailview-top {
+	height: 100% !important;
+	top: 0px !important;
+}
+
+@media only screen and (max-width: 1040px) {
+	.col-4 {
+		float: left;
+		width: 100% !important;
+	}
+
+	.head {
+		height: auto !important;
+		padding-bottom: 2px;
+	}
+
+	.relatedName {
+		font-size: 12px;
+	}
+}
+
+table.messagelist.fixedcopy {
+	position: absolute !important;
+}
+
+.chevronBtnCube {
+	position: absolute;
+	z-index: 1;
+}
+
+.chevronBtnCube .hideBtn {
+	padding-left: 2px;
+	padding-right: 2px;
+}
+
+#mailpreviewtogglebtn {
+	position: absolute;
+	top: 6px;
+	right: 10px;
+}
+
+.mailpreviewtoggle {
+	display: inline-block;
+	text-decoration: none;
+	padding: 1px 3px;
+	width: 16px;
+	height: 14px;
+	vertical-align: middle;
+	font-weight: bold;
+	background: #d8d8d8;
+	background: -moz-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #bababa));
+	background: -o-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: -ms-linear-gradient(top, #d8d8d8 0, #bababa 100%);
+	background: linear-gradient(to bottom, #d8d8d8 0, #bababa 100%);
+	box-shadow: 0 1px 1px 0 #999;
+	-webkit-box-shadow: 0 1px 1px 0 #999;
+	margin: 0 2px;
+	color: #525252;
+	text-shadow: 0 1px 1px #fff;
+	border: 1px solid #e6e6e6;
+	border-radius: 4px;
+}
+
+.mailpreviewtoggle .inner {
+	width: 16px;
+	height: 13px;
+	display: inline-block;
+	background: url(images/buttons.png?v=51d4.15699) no-repeat;
+}
+
+.mailpreviewtoggle.verticalBtn .inner {
+	background-position: -6px -226px;
+}
+
+.mailpreviewtoggle.verticalBtn.enabled .inner {
+	background-position: -28px -226px;
+}
+
+.mailpreviewtoggle.horizontalBtn .inner {
+	background-position: -7px -241px;
+}
+
+.mailpreviewtoggle.horizontalBtn.enabled .inner {
+	background-position: -28px -242px;
+}
+
+#composeview-right {
+	left: 0;
+}
+
+.action-bar {
+	background: #ecf6ff;
+}
+
+.mr-5px {
+	margin-right: 5px;
+}
+
+.ml-5px {
+	margin-left: 5px;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex-wrap {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.rowRelatedRecord {
+	padding: 2px;
+}
+
+.action-bar__head__container {
+	column-width: 310px;
+}
+
+.action-bar__data a {
+	text-decoration: none;
+	color: #000;
+	font-size: 14px;
+	line-height: 14px
+}
+
+.action-bar__header {
+	font-size: 14px;
+	min-width: 90px;
+}
+
+.action-bar__head {
+	background-color: #4a5364;
+	height: 20px;
+	color: #fff;
+	padding: 2px;
+}
diff --git a/version.php b/version.php
index 8cf7f1e0..b9b49dfe 100644
--- a/version.php
+++ b/version.php
@@ -1,5 +1,5 @@
 <?php
 return [
-	'patch' => '2018.08.08',
-	'version' => '0.0.53'
+	'patch' => '2018.08.22',
+	'version' => '0.0.54'
 ];