Added a new, personal theme - based on the default

author: Nathan Kinkade <nkinkade@nkinka.de> 2009-03-05 20:55:17 +0000
committer: Nathan Kinkade <nkinkade@nkinka.de> 2009-03-11 12:51:51 +0000
commit: bc3c5f3f9922ae33c3f0077b71650ec5749d72dc (patch)
tree: 109b816af8fa07088bc85a8e9b85a61941ce8b0b
parent: fb12536a012c44012030933a9cc889a176efc536 (diff)
171 files changed, 3690 insertions, 0 deletions
diff --git a/roundcubemail/skins/npk/addresses.css b/roundcubemail/skins/npk/addresses.css
new file mode 100644
index 000000000..6f984e01d
--- /dev/null
+++ b/roundcubemail/skins/npk/addresses.css
@@ -0,0 +1,211 @@
+/***** RoundCube|Mail address book task styles *****/
+
+#abooktoolbar
+{
+  position: absolute;
+  top: 45px;
+  left: 200px;
+  height: 35px;
+}
+
+#abooktoolbar a
+{
+  padding-right: 10px;
+}
+
+#abookcountbar
+{
+  position: absolute;
+  bottom: 16px;
+  left: 200px;
+  width: 240px;
+  height: 20px;
+  text-align: left;
+}
+
+#abookcountbar span
+{
+  font-size: 11px;
+  color: #333333;
+}
+
+#mainscreen
+{
+  position: absolute;
+  top: 85px;
+  right: 20px;
+  bottom: 40px;
+  left: 200px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
+}
+
+#directorylist
+{
+  position: absolute;
+  top: 85px;
+  bottom: 40px;
+  left: 20px;
+  width: 170px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  overflow: hidden;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');  
+}
+
+#addresslist
+{
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+
+#importbox
+{
+  position: absolute;
+  top: 85px;
+  bottom: 40px;
+  left: 20px;
+  right: 20px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  padding-bottom: 4ex;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');  
+}
+
+#addresslist
+{
+  left: 0px;
+  width: 340px;
+}
+
+#importbox a
+{
+  color: blue;
+}
+
+#directorylist ul
+{
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#directorylist ul li
+{
+  font-size: 11px;
+  border-bottom: 1px solid #EBEBEB;
+  white-space: nowrap;
+}
+
+#directorylist ul li a
+{
+  display: block;
+  padding-left: 6px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+#directorylist li.selected
+{
+  background-color: #929292;
+  border-bottom: 1px solid #898989;
+}
+
+#directorylist li.selected a
+{
+  color: #FFF;
+  font-weight: bold;
+}
+
+#directorylist li.droptarget
+{
+  background-color: #FFFFA6;
+}
+
+
+#contacts-table
+{
+  width: 100%;
+  table-layout: fixed;
+  /* css hack for IE */
+  width: expression(document.getElementById('addresslist').clientWidth);
+}
+
+
+#contacts-table tbody td
+{
+  cursor: default;
+}
+
+
+#contacts-box
+{
+  position: absolute;
+  top: 0px;
+  left: 555px;
+  right: 0px;
+  bottom: 0px;
+  border: 1px solid #999999;
+  overflow: hidden;
+  /* css hack for IE */
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+  width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px');
+}
+
+body.iframe,
+#contact-frame
+{
+  background-color: #F9F9F9;
+}
+
+#contact-frame
+{
+  border: none;
+/* visibility: hidden; */
+}
+
+#contact-title, #groups-title
+{
+  height: 12px !important;
+/*  height: 20px; */
+  padding: 4px 5px 3px 5px;
+  border-bottom: 1px solid #999;
+  color: #333;
+  font-size: 11px;
+  font-weight: bold;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif);
+  white-space: nowrap;
+}
+
+#contact-title
+{
+  padding: 4px 10px 3px 10px;
+}
+
+#contact-details
+{
+  padding: 15px 10px 10px 10px;
+}
+
+#contact-details table td.title
+{
+  color: #666;
+  font-weight: bold;
+  text-align: right;
+  padding-right: 10px;
+}
+
+
diff --git a/roundcubemail/skins/npk/colorpicker.css b/roundcubemail/skins/npk/colorpicker.css
new file mode 100644
index 000000000..4b0360bf1
--- /dev/null
+++ b/roundcubemail/skins/npk/colorpicker.css
@@ -0,0 +1,53 @@
+/* Colorpicker dialog specific CSS */
+
+#preview {
+	float: right;
+	width: 50px;
+	height: 14px;
+	line-height: 1px;
+	border: 1px solid black;
+	margin-left: 5px;
+}
+
+#colorpicker {
+	float: left;
+	cursor: crosshair;
+}
+
+#light {
+	border: 1px solid gray;
+	margin-left: 5px;
+	float: left;
+	width: 15px;
+	cursor: crosshair;
+}
+
+#light div {
+	overflow: hidden;
+}
+
+#previewblock {
+	float: right;
+	padding-left: 10px;
+	height: 20px;
+}
+
+.panel_wrapper div.current {
+	height: 175px;
+}
+
+#namedcolors {
+	width: 150px;
+}
+
+#namedcolors a {
+	display: block;
+	float: left;
+	width: 10px; height: 10px;
+	margin: 1px 1px 0 0;
+	overflow: hidden;
+}
+
+#colornamecontainer {
+	margin-top: 5px;
+}
+\ No newline at end of file
diff --git a/roundcubemail/skins/npk/common.css b/roundcubemail/skins/npk/common.css
new file mode 100644
index 000000000..ec2cd526f
--- /dev/null
+++ b/roundcubemail/skins/npk/common.css
@@ -0,0 +1,458 @@
+/***** RoundCube|Mail basic styles *****/
+
+body
+{
+  margin: 8px;
+  background-color: #F6F6F6; /* #EBEBEB; */
+  color: #000000;
+}
+
+body.iframe
+{
+  margin: 0px;
+  background-color: #FFF;
+}
+
+body.extwin
+{
+  margin: 10px;
+}
+
+body, td, th, div, p, h3
+{
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  color: #000000;
+}
+
+th
+{
+  font-weight: normal;
+}
+
+h3
+{
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  font-size: 18px;
+  color: #000000;
+}
+
+a, a:active, a:visited
+{
+  color: #000000;
+  outline: none;
+}
+
+a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
+{
+  color: #000000;
+  text-decoration: none;
+}
+
+a.tab
+{
+  width: 80px;
+  display: block;
+  text-align: center;
+}
+
+hr
+{
+  height: 1px;
+  background-color: #666666;
+  border-style: none;
+}
+
+input[type="text"],
+input[type="button"],
+input[type="password"],
+textarea
+{
+  font-size: 9pt;
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  padding: 1px;
+  padding-left: 3px;
+  padding-right: 3px;
+  border: 1px solid #666666;
+  color: #333333;
+  background-color: #ffffff;
+}
+
+input, textarea
+{
+  font-size: 9pt;
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  color: #333333;
+  padding-left: 3px;
+  padding-right: 3px;
+  /* IE hacks for input elements */
+  border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid');
+  border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px');
+  border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666');
+  background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff');
+}
+
+input.button
+{
+  height: 20px;
+  color: #333333;
+  font-size: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
+  background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
+  border: 1px solid #a4a4a4;
+}
+
+input.button:hover
+{
+  color: black;
+}
+
+input.mainaction
+{
+  font-weight: bold;
+  border: 1px solid #999;
+}
+
+img
+{
+  behavior: url('skins/default/pngbehavior.htc');
+  border: 0;
+}
+
+.alttext
+{
+  font-size: 11px;
+}
+
+.hint
+{
+  color: #666;
+  font-size: 11px;
+}
+
+/** common user interface objects */
+
+#header
+{
+  position: absolute;
+  top: 10px;
+  left: 20px;
+  width: 170px;
+  height: 40px;
+  z-index: 100;
+}
+
+#taskbar
+{
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 600px;
+  height: 37px;
+  background: url(images/taskbar.gif) top right no-repeat;
+  padding: 10px 4px 10px 0px;
+  text-align: right;
+  white-space: nowrap;
+  z-index: 2;
+}
+
+#taskbar a,
+#taskbar a:active,
+#taskbar a:visited
+{
+  font-size: 11px;
+  color: #666666;
+  text-decoration: none;
+  padding: 6px 16px 6px 25px;
+  background-repeat: no-repeat;
+}
+
+#taskbar a:hover
+{
+  color: #333333;
+}
+
+a.button-mail
+{
+  background-image: url(images/buttons/mail.gif);
+}
+
+a.button-addressbook
+{
+  background-image: url(images/buttons/addressbook.gif);
+}
+
+a.button-settings
+{
+  background-image: url(images/buttons/settings.gif);
+}
+
+a.button-logout
+{
+  background-image: url(images/buttons/logout.gif);
+}
+
+
+#message
+{
+  position: absolute;
+  display: none;
+  top: -1px;
+  left: 200px;
+  right: 200px;
+  z-index: 5000;
+  opacity: 0.85;
+  /* IE */
+  filter: alpha(opacity=85);
+}
+
+#message div
+{
+  width: 400px;
+  margin: 0px auto;
+  height: 24px;
+  min-height: 24px;
+  padding: 8px 10px 8px 46px;
+}
+
+#message div.notice,
+#remote-objects-message
+{
+  background: url(images/display/info.png) 6px 3px no-repeat;
+  background-color: #F7FDCB;
+  border: 1px solid #C2D071;
+}
+
+#message div.error,
+#message div.warning
+{
+  background: url(images/display/warning.png) 6px 3px no-repeat;
+  background-color: #EF9398;
+  border: 1px solid #DC5757;
+}
+
+#message div.confirmation
+{
+  background: url(images/display/confirm.png) 6px 3px no-repeat;
+  background-color: #A6EF7B;
+  border: 1px solid #76C83F;
+}
+
+#message div.loading
+{
+  background: url(images/display/loading.gif) 6px 3px no-repeat;
+  background-color: #EBEBEB;
+  border: 1px solid #CCCCCC;
+}
+
+.splitter
+{
+  user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  position: absolute;
+  background: url(images/dimple.png) center no-repeat;
+}
+
+.splitter-h
+{
+  cursor: n-resize;
+  background-position: center 2px;
+}
+
+.splitter-v
+{
+  cursor: e-resize;
+  background-position: 2px center;
+}
+
+.boxtitle
+{
+  height: 12px !important;
+  padding: 4px 20px 3px 20px;
+  border-bottom: 1px solid #999;
+  color: #333;
+  font-size: 11px;
+  font-weight: bold;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif);
+}
+
+.radios-left label
+{
+  padding-left: 0.3em;
+}
+
+/***** common table settings ******/
+
+table.records-table thead tr td
+{
+  height: 20px;
+  padding: 0px 4px 0px 4px;
+  vertical-align: middle;
+  border-bottom: 1px solid #999999;
+  color: #333333;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif); 
+  font-size: 11px;
+  font-weight: bold;
+}
+
+table.records-table tbody tr td
+{
+  height: 16px;
+  padding: 2px 4px 2px 4px;
+  font-size: 11px;
+  white-space: nowrap;
+  border-bottom: 1px solid #EBEBEB;
+  overflow: hidden;
+  text-align: left;  
+}
+
+table.records-table tr
+{
+  background-color: #FFFFFF;
+}
+
+table.records-table tr.selected td
+{
+  color: #FFFFFF;
+  background-color: #CC3333;
+}
+
+table.records-table tr.focused td
+{
+}
+
+table.records-table tr.unfocused td
+{
+  color: #FFFFFF;
+  background-color: #929292;
+}
+
+
+/***** mac-style quicksearch field *****/
+
+#quicksearchbar
+{
+  position: absolute;
+  top: 55px;
+  right: 20px;
+  width: 182px;
+  height: 20px;
+  text-align: right;
+  background: url('images/searchfield.gif') top left no-repeat;
+}
+
+#quicksearchbar a
+{
+  position: absolute;
+  top: 3px;
+  right: 4px;
+  text-decoration: none;
+}
+
+#quicksearchbar img
+{
+  vertical-align: middle;
+}
+
+#quicksearchbox
+{
+  position: absolute;
+  top: 2px;
+  left: 20px;
+  width: 140px;
+  font-size: 11px;
+  padding: 0px;
+  border: none;
+}
+
+
+/*\*/
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) { background-image: none; }
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) a { top: 5px; }
+html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) #quicksearchbox { width: 180px; top:0px; right: 1px; left: auto; }
+/**/
+
+
+/***** roundcube webmail pre-defined classes *****/
+
+#rcversion
+{
+  position: absolute;
+  top: 67px;
+  left: 20px;
+  width: 160px;
+  text-align: center;
+
+  font-weight: normal;
+  font-size: x-small;
+  font-variant: small-caps;
+  
+  color: #999999;
+  /*border: 1px solid #308014;
+  background-color: #b4eeb4;*/
+}
+
+#rcmdraglayer
+{
+  min-width: 300px;
+  width: auto !important;
+  width: 300px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  font-size: 11px;
+  white-space: nowrap;
+  opacity: 0.7;
+  -moz-opacity: 0.7;
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
+}
+
+a.rcmContactAddress
+{
+  text-decoration: none;
+}
+
+a.rcmContactAddress:hover
+{
+  text-decoration: underline;
+}
+
+#rcmKSearchpane
+{
+  background-color: #F9F9F9;
+  border: 1px solid #CCCCCC;
+}
+
+#rcmKSearchpane ul
+{
+  margin: 0px;
+  padding: 2px;
+  list-style-image: none;
+  list-style-type: none;
+}
+
+#rcmKSearchpane ul li
+{
+  display: block;
+  height: 16px;
+  font-size: 11px;
+  padding-left: 6px;
+  padding-top: 2px;
+  padding-right: 6px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+#rcmKSearchpane ul li.selected
+{
+  color: #ffffff;
+  background-color: #CC3333;
+}
+
diff --git a/roundcubemail/skins/npk/editor_content.css b/roundcubemail/skins/npk/editor_content.css
new file mode 100644
index 000000000..31a0a592e
--- /dev/null
+++ b/roundcubemail/skins/npk/editor_content.css
@@ -0,0 +1,15 @@
+/* This file contains the CSS data for the editable area(iframe) of TinyMCE */
+/* You can extend this CSS by adding your own CSS file with the the content_css option */
+
+body, td, pre {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 12px;
+}
+  
+body {
+	background-color: #FFFFFF;
+	margin-left: 4px;
+	margin-right: 4px;
+	margin-top: 2px;
+}
+
diff --git a/roundcubemail/skins/npk/functions.js b/roundcubemail/skins/npk/functions.js
new file mode 100644
index 000000000..9e71f6f9a
--- /dev/null
+++ b/roundcubemail/skins/npk/functions.js
@@ -0,0 +1,169 @@
+/**
+ * RoundCube functions for default skin interface
+ */
+
+/**
+ * Settings
+ */
+
+function rcube_init_settings_tabs()
+{
+  if (window.rcmail && rcmail.env.action)
+    {
+    var action = rcmail.env.action=='preferences' ? 'default' : (rcmail.env.action.indexOf('identity')>0 ? 'identities' : rcmail.env.action);
+    var tab = document.getElementById('settingstab'+action);
+    }
+  else 
+    var tab = document.getElementById('settingstabdefault');
+  
+  if (tab)
+    tab.className = 'tablink-selected';
+}
+
+function rcube_show_advanced(visible)
+{
+  var rows = document.getElementsByTagName('TR');
+  for(var i=0; i<rows.length; i++)
+    if(rows[i].className && rows[i].className.match(/advanced/))
+      rows[i].style.display = visible ? (bw.ie ? 'block' : 'table-row') : 'none';
+}
+
+/**
+ * Mail Composing
+ */
+
+function rcmail_show_header_form(id)
+{
+  var link, row, parent, ns, ps;
+  
+  link = document.getElementById(id + '-link');
+  parent = link.parentNode;
+
+  if ((ns = rcmail_next_sibling(link)))
+    ns.style.display = 'none';
+  else if ((ps = rcmail_prev_sibling(link)))
+    ps.style.display = 'none';
+    
+  link.style.display = 'none';
+
+  if (row = document.getElementById('compose-' + id))
+    {
+    var div = document.getElementById('compose-div');
+    var headers_div = document.getElementById('compose-headers-div');
+    row.style.display = (document.all && !window.opera) ? 'block' : 'table-row';
+    div.style.top = (parseInt(headers_div.offsetHeight)) + 'px';
+    }
+
+  return false;
+}
+
+function rcmail_hide_header_form(id)
+{
+  var row, parent, ns, ps, link, links;
+
+  link = document.getElementById(id + '-link');
+  link.style.display = '';
+  
+  parent = link.parentNode;
+  links = parent.getElementsByTagName('A');
+
+  for (var i=0; i<links.length; i++)
+    if (links[i].style.display != 'none')
+      for (var j=i+1; j<links.length; j++)
+	if (links[j].style.display != 'none')
+          if ((ns = rcmail_next_sibling(links[i]))) {
+	    ns.style.display = '';
+	    break;
+	  }
+
+  document.getElementById('_' + id).value = '';
+
+  if (row = document.getElementById('compose-' + id))
+    {
+    var div = document.getElementById('compose-div');
+    var headers_div = document.getElementById('compose-headers-div');
+    row.style.display = 'none';
+    div.style.top = (parseInt(headers_div.offsetHeight)) + 'px';
+    }
+
+  return false;
+}
+
+function rcmail_next_sibling(elm)
+{
+  var ns = elm.nextSibling;
+  while (ns && ns.nodeType == 3)
+    ns = ns.nextSibling;
+  return ns;
+}
+
+function rcmail_prev_sibling(elm)
+{
+  var ps = elm.previousSibling;
+  while (ps && ps.nodeType == 3)
+    ps = ps.previousSibling;
+  return ps;
+}
+
+function rcmail_init_compose_form()
+{
+  var cc_field = document.getElementById('_cc');
+  if (cc_field && cc_field.value!='')
+    rcmail_show_header_form('cc');
+
+  var bcc_field = document.getElementById('_bcc');
+  if (bcc_field && bcc_field.value!='')
+    rcmail_show_header_form('bcc');
+
+  // prevent from form data loss when pressing ESC key in IE
+  if (bw.ie) {
+    var form = rcube_find_object('form');
+    form.onkeydown = function (e) { if (rcube_event.get_keycode(e) == 27) rcube_event.cancel(e); };
+  }
+}
+
+/**
+ * Mailbox view
+ */
+
+function rcube_mail_ui()
+{
+  this.markmenu = new rcube_layer('markmessagemenu');
+}
+
+rcube_mail_ui.prototype = {
+
+show_markmenu: function(show)
+{
+  if (typeof show == 'undefined')
+    show = this.markmenu.visible ? false : true;
+  
+  var ref = rcube_find_object('markreadbutton');
+  if (show && ref)
+    this.markmenu.move(ref.offsetLeft, ref.offsetTop + ref.offsetHeight);
+  
+  this.markmenu.show(show);
+},
+
+body_mouseup: function(evt, p)
+{
+  if (this.markmenu && this.markmenu.visible && rcube_event.get_target(evt) != rcube_find_object('markreadbutton'))
+    this.show_markmenu(false);
+},
+
+body_keypress: function(evt, p)
+{
+  if (rcube_event.get_keycode(evt) == 27 && this.markmenu && this.markmenu.visible)
+    this.show_markmenu(false);
+}
+
+};
+
+var rcmail_ui;
+
+function rcube_init_mail_ui()
+{
+  rcmail_ui = new rcube_mail_ui();
+  rcube_event.add_listener({ object:rcmail_ui, method:'body_mouseup', event:'mouseup' });
+  rcube_event.add_listener({ object:rcmail_ui, method:'body_keypress', event:'keypress' });
+}
diff --git a/roundcubemail/skins/npk/googiespell.css b/roundcubemail/skins/npk/googiespell.css
new file mode 100644
index 000000000..5738338be
--- /dev/null
+++ b/roundcubemail/skins/npk/googiespell.css
@@ -0,0 +1,101 @@
+/***** modified styles for GoogieSpell *****/
+
+.googie_window {
+  font-size: 11px;
+  width: 185px;
+  text-align: left;
+  border: 1px solid #666666;
+  background-color: #ffffff;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  visibility: hidden;
+}
+
+.googie_list {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.googie_list td {
+  font-size: 11px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  cursor: pointer;
+  list-style-type: none;
+}
+
+.googie_list_onhover {
+  color: #FFFFFF;
+  background-color: #CC3333;
+}
+
+.googie_list_onout {
+  background-color: #F6F6F6;
+}
+
+.googie_list_selected {
+  background-color: #cccccc;
+  font-weight: bold;
+}
+
+.googie_list_close {
+  font-size: 11px;
+  color: #b91414;
+}
+
+.googie_list_onhover .googie_list_close {
+  color: #FFFFFF;
+}
+
+.googie_list_revert {
+  font-size: 11px;
+  color: #b91479;
+}
+
+.googie_link {
+  color: #b91414;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.googie_check_spelling_link {  
+  color: #CC0000;
+  font-size: 11px;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.googie_check_spelling_link:hover {
+  text-decoration: underline;
+}
+
+.googie_no_style {
+  text-decoration: none;
+}
+
+.googie_check_spelling_ok {
+  color: green;
+  font-size: 11px;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.googie_lang_3d_click img {
+  vertical-align: middle;
+  border-top: 1px solid #555;
+  border-left: 1px solid #555;
+  border-right: 1px solid #b1b1b1;
+  border-bottom: 1px solid #b1b1b1;
+}
+
+.googie_lang_3d_on img {
+  vertical-align: middle;
+  border-top: 1px solid #b1b1b1;
+  border-left: 1px solid #b1b1b1;
+  border-right: 1px solid #555;
+  border-bottom: 1px solid #555;
+}
diff --git a/roundcubemail/skins/npk/images/blank.gif b/roundcubemail/skins/npk/images/blank.gif
new file mode 100644
index 000000000..7dd464ea3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/blank.gif
diff --git a/roundcubemail/skins/npk/images/buttons/add_act.png b/roundcubemail/skins/npk/images/buttons/add_act.png
new file mode 100644
index 000000000..0454ff856
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/add_contact_act.png b/roundcubemail/skins/npk/images/buttons/add_contact_act.png
new file mode 100644
index 000000000..994242c0a
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_contact_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/add_contact_pas.png b/roundcubemail/skins/npk/images/buttons/add_contact_pas.png
new file mode 100644
index 000000000..91ca0d08a
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_contact_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/add_contact_sel.png b/roundcubemail/skins/npk/images/buttons/add_contact_sel.png
new file mode 100644
index 000000000..effa91ae5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_contact_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/add_pas.png b/roundcubemail/skins/npk/images/buttons/add_pas.png
new file mode 100644
index 000000000..cf4de2e0b
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/add_sel.png b/roundcubemail/skins/npk/images/buttons/add_sel.png
new file mode 100644
index 000000000..a6d8197d8
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/add_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/addressbook.gif b/roundcubemail/skins/npk/images/buttons/addressbook.gif
new file mode 100644
index 000000000..d8c0c1787
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/addressbook.gif
diff --git a/roundcubemail/skins/npk/images/buttons/addressbook.png b/roundcubemail/skins/npk/images/buttons/addressbook.png
new file mode 100644
index 000000000..359f33e0f
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/addressbook.png
diff --git a/roundcubemail/skins/npk/images/buttons/adr_import_act.png b/roundcubemail/skins/npk/images/buttons/adr_import_act.png
new file mode 100644
index 000000000..c600c7121
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/adr_import_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/adr_import_pas.png b/roundcubemail/skins/npk/images/buttons/adr_import_pas.png
new file mode 100644
index 000000000..265d1b4fd
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/adr_import_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/adr_import_sel.png b/roundcubemail/skins/npk/images/buttons/adr_import_sel.png
new file mode 100644
index 000000000..d78bbfdea
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/adr_import_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/attach_act.png b/roundcubemail/skins/npk/images/buttons/attach_act.png
new file mode 100644
index 000000000..612d36d19
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/attach_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/attach_pas.png b/roundcubemail/skins/npk/images/buttons/attach_pas.png
new file mode 100644
index 000000000..37c67c9c3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/attach_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/attach_sel.png b/roundcubemail/skins/npk/images/buttons/attach_sel.png
new file mode 100644
index 000000000..81a4700d0
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/attach_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/back_act.png b/roundcubemail/skins/npk/images/buttons/back_act.png
new file mode 100644
index 000000000..d5352b5b3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/back_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/back_pas.png b/roundcubemail/skins/npk/images/buttons/back_pas.png
new file mode 100644
index 000000000..ac15bade5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/back_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/back_sel.png b/roundcubemail/skins/npk/images/buttons/back_sel.png
new file mode 100644
index 000000000..b25acbf2d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/back_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/bg.gif b/roundcubemail/skins/npk/images/buttons/bg.gif
new file mode 100644
index 000000000..e2191c910
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/bg.gif
diff --git a/roundcubemail/skins/npk/images/buttons/compose_act.png b/roundcubemail/skins/npk/images/buttons/compose_act.png
new file mode 100644
index 000000000..c7e2d61d5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/compose_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/compose_pas.png b/roundcubemail/skins/npk/images/buttons/compose_pas.png
new file mode 100644
index 000000000..5fd9d7ab2
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/compose_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/compose_sel.png b/roundcubemail/skins/npk/images/buttons/compose_sel.png
new file mode 100644
index 000000000..2efd8cb90
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/compose_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/contacts_act.png b/roundcubemail/skins/npk/images/buttons/contacts_act.png
new file mode 100644
index 000000000..987612817
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/contacts_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/contacts_pas.png b/roundcubemail/skins/npk/images/buttons/contacts_pas.png
new file mode 100644
index 000000000..25dfd8c32
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/contacts_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/contacts_sel.png b/roundcubemail/skins/npk/images/buttons/contacts_sel.png
new file mode 100644
index 000000000..20df77cad
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/contacts_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/delete_act.png b/roundcubemail/skins/npk/images/buttons/delete_act.png
new file mode 100644
index 000000000..b141cd3a6
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/delete_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/delete_pas.png b/roundcubemail/skins/npk/images/buttons/delete_pas.png
new file mode 100644
index 000000000..fc1e892a4
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/delete_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/delete_sel.png b/roundcubemail/skins/npk/images/buttons/delete_sel.png
new file mode 100644
index 000000000..b4c32c151
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/delete_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/down_arrow.png b/roundcubemail/skins/npk/images/buttons/down_arrow.png
new file mode 100644
index 000000000..d4f9e2d98
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/down_arrow.png
diff --git a/roundcubemail/skins/npk/images/buttons/download_act.png b/roundcubemail/skins/npk/images/buttons/download_act.png
new file mode 100644
index 000000000..694527de3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/download_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/download_pas.png b/roundcubemail/skins/npk/images/buttons/download_pas.png
new file mode 100644
index 000000000..fb39db5dd
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/download_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/download_sel.png b/roundcubemail/skins/npk/images/buttons/download_sel.png
new file mode 100644
index 000000000..cfc44b302
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/download_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/drafts_act.png b/roundcubemail/skins/npk/images/buttons/drafts_act.png
new file mode 100644
index 000000000..3fc718a7f
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/drafts_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/drafts_pas.png b/roundcubemail/skins/npk/images/buttons/drafts_pas.png
new file mode 100644
index 000000000..424709e77
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/drafts_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/drafts_sel.png b/roundcubemail/skins/npk/images/buttons/drafts_sel.png
new file mode 100644
index 000000000..34419b833
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/drafts_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/edit_contact_act.png b/roundcubemail/skins/npk/images/buttons/edit_contact_act.png
new file mode 100644
index 000000000..57b278278
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/edit_contact_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/edit_contact_pas.png b/roundcubemail/skins/npk/images/buttons/edit_contact_pas.png
new file mode 100644
index 000000000..b999294c8
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/edit_contact_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/edit_contact_sel.png b/roundcubemail/skins/npk/images/buttons/edit_contact_sel.png
new file mode 100644
index 000000000..616d5838e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/edit_contact_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/first_act.png b/roundcubemail/skins/npk/images/buttons/first_act.png
new file mode 100644
index 000000000..8322fd12a
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/first_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/first_pas.png b/roundcubemail/skins/npk/images/buttons/first_pas.png
new file mode 100644
index 000000000..0934cd1f5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/first_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/first_sel.png b/roundcubemail/skins/npk/images/buttons/first_sel.png
new file mode 100644
index 000000000..6bc1d9fc1
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/first_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/forward_act.png b/roundcubemail/skins/npk/images/buttons/forward_act.png
new file mode 100644
index 000000000..2fdbdbad0
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/forward_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/forward_pas.png b/roundcubemail/skins/npk/images/buttons/forward_pas.png
new file mode 100644
index 000000000..e671398eb
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/forward_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/forward_sel.png b/roundcubemail/skins/npk/images/buttons/forward_sel.png
new file mode 100644
index 000000000..90f67bb57
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/forward_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/inbox_act.png b/roundcubemail/skins/npk/images/buttons/inbox_act.png
new file mode 100644
index 000000000..30c1e7635
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/inbox_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/inbox_pas.png b/roundcubemail/skins/npk/images/buttons/inbox_pas.png
new file mode 100644
index 000000000..67f4da08d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/inbox_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/inbox_sel.png b/roundcubemail/skins/npk/images/buttons/inbox_sel.png
new file mode 100644
index 000000000..89d661e77
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/inbox_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/last_act.png b/roundcubemail/skins/npk/images/buttons/last_act.png
new file mode 100644
index 000000000..3967fa4e5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/last_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/last_pas.png b/roundcubemail/skins/npk/images/buttons/last_pas.png
new file mode 100644
index 000000000..e18d37a7e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/last_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/last_sel.png b/roundcubemail/skins/npk/images/buttons/last_sel.png
new file mode 100644
index 000000000..0d608ea34
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/last_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/logout.gif b/roundcubemail/skins/npk/images/buttons/logout.gif
new file mode 100644
index 000000000..93eb1aae7
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/logout.gif
diff --git a/roundcubemail/skins/npk/images/buttons/logout.png b/roundcubemail/skins/npk/images/buttons/logout.png
new file mode 100644
index 000000000..2fe632ab3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/logout.png
diff --git a/roundcubemail/skins/npk/images/buttons/mail.gif b/roundcubemail/skins/npk/images/buttons/mail.gif
new file mode 100644
index 000000000..8bb93f747
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/mail.gif
diff --git a/roundcubemail/skins/npk/images/buttons/mail.png b/roundcubemail/skins/npk/images/buttons/mail.png
new file mode 100644
index 000000000..30c1e7635
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/mail.png
diff --git a/roundcubemail/skins/npk/images/buttons/markread_act.png b/roundcubemail/skins/npk/images/buttons/markread_act.png
new file mode 100644
index 000000000..32c051140
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/markread_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/next_act.png b/roundcubemail/skins/npk/images/buttons/next_act.png
new file mode 100644
index 000000000..fed82945c
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/next_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/next_pas.png b/roundcubemail/skins/npk/images/buttons/next_pas.png
new file mode 100644
index 000000000..df80ad344
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/next_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/next_sel.png b/roundcubemail/skins/npk/images/buttons/next_sel.png
new file mode 100644
index 000000000..77cb1b106
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/next_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/previous_act.png b/roundcubemail/skins/npk/images/buttons/previous_act.png
new file mode 100644
index 000000000..457d873c5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/previous_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/previous_pas.png b/roundcubemail/skins/npk/images/buttons/previous_pas.png
new file mode 100644
index 000000000..db7186d56
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/previous_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/previous_sel.png b/roundcubemail/skins/npk/images/buttons/previous_sel.png
new file mode 100644
index 000000000..d102a5345
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/previous_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/print_act.png b/roundcubemail/skins/npk/images/buttons/print_act.png
new file mode 100644
index 000000000..19e1f3341
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/print_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/print_pas.png b/roundcubemail/skins/npk/images/buttons/print_pas.png
new file mode 100644
index 000000000..b6c0e7838
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/print_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/print_sel.png b/roundcubemail/skins/npk/images/buttons/print_sel.png
new file mode 100644
index 000000000..0ddaa3162
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/print_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/reply_act.png b/roundcubemail/skins/npk/images/buttons/reply_act.png
new file mode 100644
index 000000000..89ad7cc9b
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/reply_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/reply_pas.png b/roundcubemail/skins/npk/images/buttons/reply_pas.png
new file mode 100644
index 000000000..0b389337e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/reply_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/reply_sel.png b/roundcubemail/skins/npk/images/buttons/reply_sel.png
new file mode 100644
index 000000000..76f5eac9e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/reply_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/replyall_act.png b/roundcubemail/skins/npk/images/buttons/replyall_act.png
new file mode 100644
index 000000000..b6ad3fb18
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/replyall_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/replyall_pas.png b/roundcubemail/skins/npk/images/buttons/replyall_pas.png
new file mode 100644
index 000000000..948072d9b
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/replyall_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/replyall_sel.png b/roundcubemail/skins/npk/images/buttons/replyall_sel.png
new file mode 100644
index 000000000..483436cd0
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/replyall_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/send_act.png b/roundcubemail/skins/npk/images/buttons/send_act.png
new file mode 100644
index 000000000..999d21d5d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/send_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/send_pas.png b/roundcubemail/skins/npk/images/buttons/send_pas.png
new file mode 100644
index 000000000..db227c902
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/send_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/send_sel.png b/roundcubemail/skins/npk/images/buttons/send_sel.png
new file mode 100644
index 000000000..fc3d1337d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/send_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/settings.gif b/roundcubemail/skins/npk/images/buttons/settings.gif
new file mode 100644
index 000000000..a390cd969
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/settings.gif
diff --git a/roundcubemail/skins/npk/images/buttons/settings.png b/roundcubemail/skins/npk/images/buttons/settings.png
new file mode 100644
index 000000000..41395bf7c
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/settings.png
diff --git a/roundcubemail/skins/npk/images/buttons/source_act.png b/roundcubemail/skins/npk/images/buttons/source_act.png
new file mode 100644
index 000000000..3971b5cee
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/source_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/source_pas.png b/roundcubemail/skins/npk/images/buttons/source_pas.png
new file mode 100644
index 000000000..aec440a5e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/source_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/source_sel.png b/roundcubemail/skins/npk/images/buttons/source_sel.png
new file mode 100644
index 000000000..4749317ff
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/source_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/spacer.gif b/roundcubemail/skins/npk/images/buttons/spacer.gif
new file mode 100644
index 000000000..5bfd67a2d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/spacer.gif
diff --git a/roundcubemail/skins/npk/images/buttons/spellcheck_act.png b/roundcubemail/skins/npk/images/buttons/spellcheck_act.png
new file mode 100644
index 000000000..dd3056e66
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/spellcheck_act.png
diff --git a/roundcubemail/skins/npk/images/buttons/spellcheck_pas.png b/roundcubemail/skins/npk/images/buttons/spellcheck_pas.png
new file mode 100644
index 000000000..3d41201f3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/spellcheck_pas.png
diff --git a/roundcubemail/skins/npk/images/buttons/spellcheck_sel.png b/roundcubemail/skins/npk/images/buttons/spellcheck_sel.png
new file mode 100644
index 000000000..8c24d6fae
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/spellcheck_sel.png
diff --git a/roundcubemail/skins/npk/images/buttons/up_arrow.png b/roundcubemail/skins/npk/images/buttons/up_arrow.png
new file mode 100644
index 000000000..aca1b5443
--- /dev/null
+++ b/roundcubemail/skins/npk/images/buttons/up_arrow.png
diff --git a/roundcubemail/skins/npk/images/cleardot.png b/roundcubemail/skins/npk/images/cleardot.png
new file mode 100644
index 000000000..98c3bfcca
--- /dev/null
+++ b/roundcubemail/skins/npk/images/cleardot.png
diff --git a/roundcubemail/skins/npk/images/dimple.png b/roundcubemail/skins/npk/images/dimple.png
new file mode 100644
index 000000000..d96a5aded
--- /dev/null
+++ b/roundcubemail/skins/npk/images/dimple.png
diff --git a/roundcubemail/skins/npk/images/display/confirm.png b/roundcubemail/skins/npk/images/display/confirm.png
new file mode 100644
index 000000000..27265f8a6
--- /dev/null
+++ b/roundcubemail/skins/npk/images/display/confirm.png
diff --git a/roundcubemail/skins/npk/images/display/info.png b/roundcubemail/skins/npk/images/display/info.png
new file mode 100644
index 000000000..85462e4b9
--- /dev/null
+++ b/roundcubemail/skins/npk/images/display/info.png
diff --git a/roundcubemail/skins/npk/images/display/loading.gif b/roundcubemail/skins/npk/images/display/loading.gif
new file mode 100644
index 000000000..747c65661
--- /dev/null
+++ b/roundcubemail/skins/npk/images/display/loading.gif
diff --git a/roundcubemail/skins/npk/images/display/warning.png b/roundcubemail/skins/npk/images/display/warning.png
new file mode 100644
index 000000000..9909617f4
--- /dev/null
+++ b/roundcubemail/skins/npk/images/display/warning.png
diff --git a/roundcubemail/skins/npk/images/favicon.ico b/roundcubemail/skins/npk/images/favicon.ico
new file mode 100644
index 000000000..5a011f29e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/favicon.ico
diff --git a/roundcubemail/skins/npk/images/googiespell/change_lang.gif b/roundcubemail/skins/npk/images/googiespell/change_lang.gif
new file mode 100644
index 000000000..81451832c
--- /dev/null
+++ b/roundcubemail/skins/npk/images/googiespell/change_lang.gif
diff --git a/roundcubemail/skins/npk/images/googiespell/indicator.gif b/roundcubemail/skins/npk/images/googiespell/indicator.gif
new file mode 100644
index 000000000..b556bb00f
--- /dev/null
+++ b/roundcubemail/skins/npk/images/googiespell/indicator.gif
diff --git a/roundcubemail/skins/npk/images/googiespell/ok.gif b/roundcubemail/skins/npk/images/googiespell/ok.gif
new file mode 100644
index 000000000..04727e28d
--- /dev/null
+++ b/roundcubemail/skins/npk/images/googiespell/ok.gif
diff --git a/roundcubemail/skins/npk/images/googiespell/spellc.gif b/roundcubemail/skins/npk/images/googiespell/spellc.gif
new file mode 100644
index 000000000..6ed936090
--- /dev/null
+++ b/roundcubemail/skins/npk/images/googiespell/spellc.gif
diff --git a/roundcubemail/skins/npk/images/icons/abcard.png b/roundcubemail/skins/npk/images/icons/abcard.png
new file mode 100644
index 000000000..d0d850044
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/abcard.png
diff --git a/roundcubemail/skins/npk/images/icons/attachment.png b/roundcubemail/skins/npk/images/icons/attachment.png
new file mode 100644
index 000000000..0fcf46499
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/attachment.png
diff --git a/roundcubemail/skins/npk/images/icons/blank.gif b/roundcubemail/skins/npk/images/icons/blank.gif
new file mode 100644
index 000000000..7dd464ea3
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/blank.gif
diff --git a/roundcubemail/skins/npk/images/icons/collapsed.png b/roundcubemail/skins/npk/images/icons/collapsed.png
new file mode 100644
index 000000000..e483b17e2
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/collapsed.png
diff --git a/roundcubemail/skins/npk/images/icons/deleted.png b/roundcubemail/skins/npk/images/icons/deleted.png
new file mode 100644
index 000000000..cffb7f507
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/deleted.png
diff --git a/roundcubemail/skins/npk/images/icons/dot.png b/roundcubemail/skins/npk/images/icons/dot.png
new file mode 100644
index 000000000..99f736516
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/dot.png
diff --git a/roundcubemail/skins/npk/images/icons/down_small.gif b/roundcubemail/skins/npk/images/icons/down_small.gif
new file mode 100644
index 000000000..f865893f4
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/down_small.gif
diff --git a/roundcubemail/skins/npk/images/icons/expanded.png b/roundcubemail/skins/npk/images/icons/expanded.png
new file mode 100644
index 000000000..74726c8ae
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/expanded.png
diff --git a/roundcubemail/skins/npk/images/icons/extwin.png b/roundcubemail/skins/npk/images/icons/extwin.png
new file mode 100644
index 000000000..1ab4d7703
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/extwin.png
diff --git a/roundcubemail/skins/npk/images/icons/flagged.png b/roundcubemail/skins/npk/images/icons/flagged.png
new file mode 100644
index 000000000..98215f68c
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/flagged.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-closed.png b/roundcubemail/skins/npk/images/icons/folder-closed.png
new file mode 100644
index 000000000..5cbf72a6a
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-closed.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-drafts.png b/roundcubemail/skins/npk/images/icons/folder-drafts.png
new file mode 100644
index 000000000..d828b5687
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-drafts.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-inbox.png b/roundcubemail/skins/npk/images/icons/folder-inbox.png
new file mode 100644
index 000000000..995ca8128
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-inbox.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-junk.png b/roundcubemail/skins/npk/images/icons/folder-junk.png
new file mode 100644
index 000000000..06fbd49d5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-junk.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-open.png b/roundcubemail/skins/npk/images/icons/folder-open.png
new file mode 100644
index 000000000..09ba4b323
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-open.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-sent.png b/roundcubemail/skins/npk/images/icons/folder-sent.png
new file mode 100644
index 000000000..2968ab5e9
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-sent.png
diff --git a/roundcubemail/skins/npk/images/icons/folder-trash.png b/roundcubemail/skins/npk/images/icons/folder-trash.png
new file mode 100644
index 000000000..0712aaa71
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/folder-trash.png
diff --git a/roundcubemail/skins/npk/images/icons/forwarded.png b/roundcubemail/skins/npk/images/icons/forwarded.png
new file mode 100644
index 000000000..1ea246f8e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/forwarded.png
diff --git a/roundcubemail/skins/npk/images/icons/forwarded_replied.png b/roundcubemail/skins/npk/images/icons/forwarded_replied.png
new file mode 100644
index 000000000..4830ecf40
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/forwarded_replied.png
diff --git a/roundcubemail/skins/npk/images/icons/minus.gif b/roundcubemail/skins/npk/images/icons/minus.gif
new file mode 100644
index 000000000..4ec02c87a
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/minus.gif
diff --git a/roundcubemail/skins/npk/images/icons/plus.gif b/roundcubemail/skins/npk/images/icons/plus.gif
new file mode 100644
index 000000000..854b5eb34
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/plus.gif
diff --git a/roundcubemail/skins/npk/images/icons/remove-attachment.png b/roundcubemail/skins/npk/images/icons/remove-attachment.png
new file mode 100644
index 000000000..8d496fe10
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/remove-attachment.png
diff --git a/roundcubemail/skins/npk/images/icons/rename.png b/roundcubemail/skins/npk/images/icons/rename.png
new file mode 100644
index 000000000..7844b0081
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/rename.png
diff --git a/roundcubemail/skins/npk/images/icons/replied.png b/roundcubemail/skins/npk/images/icons/replied.png
new file mode 100644
index 000000000..4a5213262
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/replied.png
diff --git a/roundcubemail/skins/npk/images/icons/reset.gif b/roundcubemail/skins/npk/images/icons/reset.gif
new file mode 100644
index 000000000..a9a53d569
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/reset.gif
diff --git a/roundcubemail/skins/npk/images/icons/silhouette.png b/roundcubemail/skins/npk/images/icons/silhouette.png
new file mode 100644
index 000000000..c7d97489b
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/silhouette.png
diff --git a/roundcubemail/skins/npk/images/icons/unflagged.png b/roundcubemail/skins/npk/images/icons/unflagged.png
new file mode 100644
index 000000000..12023f057
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/unflagged.png
diff --git a/roundcubemail/skins/npk/images/icons/unread.png b/roundcubemail/skins/npk/images/icons/unread.png
new file mode 100644
index 000000000..31f640632
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/unread.png
diff --git a/roundcubemail/skins/npk/images/icons/up_small.gif b/roundcubemail/skins/npk/images/icons/up_small.gif
new file mode 100644
index 000000000..40deb891f
--- /dev/null
+++ b/roundcubemail/skins/npk/images/icons/up_small.gif
diff --git a/roundcubemail/skins/npk/images/listheader_aqua.gif b/roundcubemail/skins/npk/images/listheader_aqua.gif
new file mode 100644
index 000000000..59f44ea98
--- /dev/null
+++ b/roundcubemail/skins/npk/images/listheader_aqua.gif
diff --git a/roundcubemail/skins/npk/images/listheader_dark.gif b/roundcubemail/skins/npk/images/listheader_dark.gif
new file mode 100644
index 000000000..cd35555b5
--- /dev/null
+++ b/roundcubemail/skins/npk/images/listheader_dark.gif
diff --git a/roundcubemail/skins/npk/images/listheader_light.gif b/roundcubemail/skins/npk/images/listheader_light.gif
new file mode 100644
index 000000000..8d9e6cac0
--- /dev/null
+++ b/roundcubemail/skins/npk/images/listheader_light.gif
diff --git a/roundcubemail/skins/npk/images/mailbox_list.gif b/roundcubemail/skins/npk/images/mailbox_list.gif
new file mode 100644
index 000000000..d53de17f1
--- /dev/null
+++ b/roundcubemail/skins/npk/images/mailbox_list.gif
diff --git a/roundcubemail/skins/npk/images/mailbox_selected.gif b/roundcubemail/skins/npk/images/mailbox_selected.gif
new file mode 100644
index 000000000..bbc2265e0
--- /dev/null
+++ b/roundcubemail/skins/npk/images/mailbox_selected.gif
diff --git a/roundcubemail/skins/npk/images/roundcube_logo.gif b/roundcubemail/skins/npk/images/roundcube_logo.gif
new file mode 100644
index 000000000..b77fd3d0b
--- /dev/null
+++ b/roundcubemail/skins/npk/images/roundcube_logo.gif
diff --git a/roundcubemail/skins/npk/images/roundcube_logo.png b/roundcubemail/skins/npk/images/roundcube_logo.png
new file mode 100644
index 000000000..847d01122
--- /dev/null
+++ b/roundcubemail/skins/npk/images/roundcube_logo.png
diff --git a/roundcubemail/skins/npk/images/roundcube_logo_print.gif b/roundcubemail/skins/npk/images/roundcube_logo_print.gif
new file mode 100644
index 000000000..8fbf6a8eb
--- /dev/null
+++ b/roundcubemail/skins/npk/images/roundcube_logo_print.gif
diff --git a/roundcubemail/skins/npk/images/searchfield.gif b/roundcubemail/skins/npk/images/searchfield.gif
new file mode 100644
index 000000000..b1dc9389e
--- /dev/null
+++ b/roundcubemail/skins/npk/images/searchfield.gif
diff --git a/roundcubemail/skins/npk/images/sort_asc.gif b/roundcubemail/skins/npk/images/sort_asc.gif
new file mode 100644
index 000000000..244db104c
--- /dev/null
+++ b/roundcubemail/skins/npk/images/sort_asc.gif
diff --git a/roundcubemail/skins/npk/images/sort_desc.gif b/roundcubemail/skins/npk/images/sort_desc.gif
new file mode 100644
index 000000000..2427311b4
--- /dev/null
+++ b/roundcubemail/skins/npk/images/sort_desc.gif
diff --git a/roundcubemail/skins/npk/images/tab_act.gif b/roundcubemail/skins/npk/images/tab_act.gif
new file mode 100644
index 000000000..9329db11f
--- /dev/null
+++ b/roundcubemail/skins/npk/images/tab_act.gif
diff --git a/roundcubemail/skins/npk/images/tab_pas.gif b/roundcubemail/skins/npk/images/tab_pas.gif
new file mode 100644
index 000000000..26adabf00
--- /dev/null
+++ b/roundcubemail/skins/npk/images/tab_pas.gif
diff --git a/roundcubemail/skins/npk/images/taskbar.gif b/roundcubemail/skins/npk/images/taskbar.gif
new file mode 100644
index 000000000..b6fc91ce4
--- /dev/null
+++ b/roundcubemail/skins/npk/images/taskbar.gif
diff --git a/roundcubemail/skins/npk/images/watermark.gif b/roundcubemail/skins/npk/images/watermark.gif
new file mode 100644
index 000000000..7581802ae
--- /dev/null
+++ b/roundcubemail/skins/npk/images/watermark.gif
diff --git a/roundcubemail/skins/npk/includes/header.html b/roundcubemail/skins/npk/includes/header.html
new file mode 100644
index 000000000..2e47ff911
--- /dev/null
+++ b/roundcubemail/skins/npk/includes/header.html
@@ -0,0 +1,3 @@
+<div id="header"><roundcube:button command="mail" image="/images/roundcube_logo.png" alt="RoundCube Webmail" /></div>
+
+<roundcube:object name="message" id="message" />
diff --git a/roundcubemail/skins/npk/includes/links.html b/roundcubemail/skins/npk/includes/links.html
new file mode 100644
index 000000000..30aeb4c19
--- /dev/null
+++ b/roundcubemail/skins/npk/includes/links.html
@@ -0,0 +1,3 @@
+<link rel="index" href="$__comm_path" />
+<link rel="shortcut icon" href="/images/favicon.ico"/>
+<link rel="stylesheet" type="text/css" href="/common.css" />
+\ No newline at end of file
diff --git a/roundcubemail/skins/npk/includes/settingstabs.html b/roundcubemail/skins/npk/includes/settingstabs.html
new file mode 100644
index 000000000..5121ba19b
--- /dev/null
+++ b/roundcubemail/skins/npk/includes/settingstabs.html
@@ -0,0 +1,5 @@
+<div id="tabsbar">
+<span id="settingstabdefault" class="tablink"><roundcube:button command="preferences" type="link" label="preferences" title="editpreferences" /></span>
+<span id="settingstabfolders" class="tablink"><roundcube:button command="folders" type="link" label="folders" title="managefolders" class="tablink" /></span>
+<span id="settingstabidentities" class="tablink"><roundcube:button command="identities" type="link" label="identities" title="manageidentities" class="tablink" /></span>
+</div>
diff --git a/roundcubemail/skins/npk/includes/taskbar.html b/roundcubemail/skins/npk/includes/taskbar.html
new file mode 100644
index 000000000..ef1aa8268
--- /dev/null
+++ b/roundcubemail/skins/npk/includes/taskbar.html
@@ -0,0 +1,6 @@
+<div id="taskbar">
+<roundcube:button command="mail" label="mail" class="button-mail" />
+<roundcube:button command="addressbook" label="addressbook" class="button-addressbook" />
+<roundcube:button command="settings" label="settings" class="button-settings" />
+<roundcube:button command="logout" label="logout" class="button-logout" />
+</div>
+\ No newline at end of file
diff --git a/roundcubemail/skins/npk/mail.css b/roundcubemail/skins/npk/mail.css
new file mode 100644
index 000000000..d418b506b
--- /dev/null
+++ b/roundcubemail/skins/npk/mail.css
@@ -0,0 +1,1127 @@
+/***** RoundCube|Mail mail task styles *****/
+
+
+#messagetoolbar
+{
+  position: absolute;
+  top: 47px;
+  left: 200px;
+  right: 200px;
+  height: 35px;
+  white-space: nowrap;
+/*  border: 1px solid #cccccc; */
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-400)+'px');
+}
+
+#messagetoolbar a
+{
+  padding-right: 10px;
+}
+
+#messagetoolbar select
+{
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  color: #333333;
+}
+
+#messagetoolbar select.mboxlist
+{
+  position: absolute;
+  left: 375px;
+  top: 8px;
+}
+
+#messagetoolbar select.mboxlist option
+{
+  padding-left: 15px;
+}
+
+#messagetoolbar select.mboxlist option[value="0"]
+{
+  padding-left: 2px;
+}
+
+#markmessagemenu
+{
+  position: absolute;
+  top: 32px;
+  left: 90px;
+  width: auto;
+  visibility: hidden;
+  background-color: #F9F9F9;
+  border: 1px solid #CCC;
+  padding: 1px;
+  opacity: 0.9;
+  filter:alpha(opacity=90);
+  z-index: 240;
+}
+
+ul.toolbarmenu
+{
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+ul.toolbarmenu li
+{
+  font-size: 11px;
+  white-space: nowrap;
+  min-width: 130px;
+  width: auto !important;
+  width: 130px;
+}
+
+ul.toolbarmenu li a
+{
+  display: block;
+  color: #a0a0a0;
+  padding: 2px 8px 3px 12px;
+  text-decoration: none;
+}
+
+ul.toolbarmenu li a.active:hover
+{
+  background-color: #ddd;
+}
+
+#searchfilter
+{
+  position: absolute;
+  right: 18px;
+  top: 8px;
+  text-align: right;
+}
+
+#searchfilter label
+{
+  font-size: 11px;
+}
+
+#listcontrols a,
+#listcontrols a:active,
+#listcontrols a:visited,
+#mailboxcontrols a,
+#mailboxcontrols a:active,
+#mailboxcontrols a:visited,
+#threadcontrols a,
+#threadcontrols a:active,
+#threadcontrols a:visited,
+td.formlinks a,
+td.formlinks a:visited
+{
+  color: #999999;
+  font-size: 11px;
+  text-decoration: none;
+}
+
+#listcontrols a.active,
+#listcontrols a.active:active,
+#listcontrols a.active:visited,
+#mailboxcontrols a.active,
+#mailboxcontrols a.active:active,
+#mailboxcontrols a.active:visited,
+#threadcontrols a,
+#threadcontrols a:active,
+#threadcontrols a:visited,
+ul.toolbarmenu li a.active,
+ul.toolbarmenu li a.active:active,
+ul.toolbarmenu li a.active:visited,
+td.formlinks a,
+td.formlinks a:visited
+{
+  color: #CC0000;
+}
+
+#listcontrols a.active:hover,
+#mailboxcontrols a.active:hover,
+#threadcontrols a.active:hover
+{
+  text-decoration: underline;
+}
+
+#listcontrols,
+#mailboxcontrols,
+#threadcontrols
+{
+  padding-right: 2em;
+}
+
+#messagecountbar
+{
+  position: absolute;
+  bottom: 16px;
+  right: 20px;
+  width: 300px;
+  height: 20px;
+  text-align: right;
+  white-space: nowrap;
+}
+
+#messagecountbar span
+{
+  font-size: 11px;
+  color: #333333;
+}
+
+#mainscreen 
+{
+  position: absolute;
+  top: 105px; /*npk top: 85px; */
+  right: 20px;
+  bottom: 40px;
+  left: 20px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
+}
+
+#mailrightcontainer
+{
+  position: absolute;
+  top: 0px;
+  left: 170px;
+  bottom: 0px;
+  right: 0px;
+  /* css hack for IE */
+  width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+	  
+#messagepartcontainer
+{
+  position: absolute;
+  top: 80px;
+  left: 20px;
+  right: 20px;
+  bottom: 20px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-100)+'px');
+}
+
+#mailcontframe
+{
+  position: absolute;
+  width: 100%;
+  top: 0px;
+  bottom: 0px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+
+#mailpreviewframe
+{
+  position: absolute;
+  width: 100%;
+  top: 205px;
+  bottom: 0px;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+  /* css hack for IE */
+  height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px');
+}
+
+#messagecontframe
+{
+  position: relative;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+}
+
+#messagepartframe
+{
+  width: 100%;
+  height: 100%;
+  border: 1px solid #999999;
+  background-color: #F9F9F9;
+}
+
+
+#partheader
+{
+  position: absolute;
+  top: 10px;
+  left: 220px;
+  right: 20px;
+  height: 40px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
+}
+
+#partheader table td
+{
+  padding-left: 2px;
+  padding-right: 4px;
+  vertical-align: middle;
+  font-size: 11px;
+}
+
+#partheader table td.title
+{
+  color: #666666;
+  font-weight: bold;
+}
+
+
+/** mailbox list styles */
+
+#mailboxlist-header
+{
+  display: block;
+  height: 12px;
+  margin: 0;
+  padding: 3px 10px 4px 10px;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif); 
+  border-bottom: 1px solid #999;
+  color: #333333;
+  font-size: 11px;
+  font-weight: bold;  
+}
+
+#mailboxlist-container
+{
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 160px;
+  bottom: 0px;
+  border: 1px solid #999;
+  background-color: #F9F9F9;
+  overflow: auto;
+  /* css hack for IE */
+  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
+}
+
+#mailboxlist
+{
+  position:relative;
+  height: auto;
+  margin: 0px;
+  padding: 0px;
+  list-style-image: none;
+  list-style-type: none;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+#mailboxlist li
+{
+  display: block;
+  position: relative;
+  font-size: 11px;
+  background: url(images/icons/folder-closed.png) no-repeat;
+  background-position: 5px 1px;
+  border-bottom: 1px solid #EBEBEB;
+}
+
+#mailboxlist li div
+{
+  position: absolute;
+  left: 8px !important;
+  left: -16px;
+  top: 2px;
+  width: 14px;
+  height: 16px;
+}
+
+#mailboxlist li div.collapsed,
+#mailboxlist li div.expanded
+{
+  cursor: pointer;
+}
+
+#mailboxlist li div.collapsed
+{
+  background: url(images/icons/collapsed.png) bottom right no-repeat;
+}
+
+#mailboxlist li div.expanded
+{
+  background: url(images/icons/expanded.png) bottom right no-repeat;
+}
+
+#mailboxlist li.inbox
+{
+  background-image: url(images/icons/folder-inbox.png);
+}
+
+#mailboxlist li.drafts
+{
+  background-image: url(images/icons/folder-drafts.png);
+}
+
+#mailboxlist li.sent
+{
+  background-image: url(images/icons/folder-sent.png);
+}
+
+#mailboxlist li.junk
+{
+  background-image: url(images/icons/folder-junk.png);
+}
+
+#mailboxlist li.trash
+{
+  background-image: url(images/icons/folder-trash.png);
+}
+
+#mailboxlist li a
+{
+  cursor: default;
+  display: block;
+  position: relative;
+  padding-left: 25px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  text-decoration: none;
+}
+
+#mailboxlist li.unread
+{
+  font-weight: bold;
+}
+
+#mailboxlist li.virtual > a
+{
+  color: #666;
+}
+
+#mailboxlist li.selected,
+#mailboxlist li.droptarget li.selected
+{
+  background-color: #929292;
+}
+
+#mailboxlist li.selected > a,
+#mailboxlist li.droptarget li.selected a
+{
+  color: #FFF;
+  font-weight: bold;
+}
+
+#mailboxlist li.droptarget
+{
+  background-color: #FFFFA6;
+}
+
+/* styles for nested folders */
+#mailboxlist ul {
+  list-style: none;
+  padding: 0;
+  margin:0;
+  border-top: 1px solid #EBEBEB;  
+  padding-left: 15px;
+  background-position: 25px 1px;
+  background-color: #F9F9F9;
+  color: blue;
+  font-weight: normal;
+}
+
+
+#mailfooter
+{
+  position: absolute;
+  left: 20px;
+  right: 20px;
+  bottom: 18px;
+  height: 20px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
+}
+
+#mailfooter table tr td
+{
+  white-space: nowrap;
+  vertical-align: bottom;
+}
+
+#mailboxcontrols,
+#listcontrols,
+#threadcontrols,
+#countcontrols,
+#quotabox
+{
+  white-space: nowrap;
+  font-size: 11px;
+}
+
+
+/** message list styles */
+
+body.messagelist
+{
+  margin: 0px;
+  background-color: #F9F9F9;
+}
+
+#messagelist
+{
+  width: 100%;
+  display: table;
+  table-layout: fixed;
+  /* css hack for IE */
+  width: expression('auto');
+}
+
+#messagelist thead tr td
+{
+  height: 20px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  padding-left: 2px;
+  padding-right: 4px;
+  vertical-align: middle;
+  border-bottom: 1px solid #999999;
+  color: #333333;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif); 
+  font-size: 11px;
+  font-weight: bold;
+}
+
+#messagelist thead tr td.sortedASC,
+#messagelist thead tr td.sortedDESC
+{
+  background-image: url(images/listheader_dark.gif); 
+}
+
+#messagelist thead tr td.sortedASC a
+{
+  background: url(images/sort_asc.gif) top right no-repeat;
+}
+
+#messagelist thead tr td.sortedDESC a
+{
+  background: url(images/sort_desc.gif) top right no-repeat;
+}
+
+#messagelist thead tr td a
+{
+  display: block;
+  width: auto !important;
+  width: 100%;
+  color: #333333;
+  text-decoration: none;
+}
+
+#messagelist tbody tr td
+{
+  height: 16px;
+  padding: 2px;
+  padding-right: 4px;
+  font-size: 11px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border-bottom: 1px solid #EBEBEB;
+  cursor: default;
+}
+
+#messagelist tbody tr td a
+{
+  color: #000;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: inherit;
+}
+
+#messagelist tbody tr td.subject a
+{
+  cursor: default;
+}
+
+#messagelist col
+{
+  display: table-column;
+  text-align: left;
+  vertical-align: middle;
+}
+
+#messagelist tr td.icon,
+#messagelist tr td.flag
+{
+  width: 16px;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+#messagelist tr td div
+{
+  display: table-cell; /* For FireFox and Opera */
+  display: inline-block; /* For Opera and IE */ 
+  width: 15px;
+  height: 15px;
+}
+
+#messagelist tr td div.collapsed,
+#messagelist tr td div.expanded
+{
+  cursor: pointer;
+}
+
+#messagelist  tr td div.collapsed
+{
+  background: url(images/icons/collapsed.png) center center no-repeat;
+}
+
+#messagelist  tr td div.expanded
+{
+  background: url(images/icons/expanded.png) center center no-repeat;
+}
+
+#messagelist tbody tr td.flag img:hover,
+#messagelist thead tr td.flag img
+{
+  background: url(images/icons/unflagged.png) center no-repeat;
+}
+
+#messagelist tr td.subject
+{
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+#messagelist tr td.size
+{
+  width: 70px;
+  text-align: right;
+  vertical-align: middle;
+}
+
+#messagelist thead tr td.size
+{
+  text-align: left;
+}
+
+#messagelist tr td.from,
+#messagelist tr td.to
+{
+  width: 180px;
+  vertical-align: middle;
+}
+
+#messagelist tr td.date
+{
+  width: 118px;
+  vertical-align: middle;
+}
+
+#messagelist tr.message
+{
+  background-color: #FFFFFF;
+}
+
+/*
+#messagelist tr.odd
+{
+  background-color: #F9F9F9;
+}
+*/
+
+#messagelist tr.unread
+{
+  font-weight: bold;
+  background-color: #FFFFFF;
+}
+
+#messagelist tr.flagged td,
+#messagelist tr.flagged td a
+{
+  color: #CC0000;
+}
+
+#messagelist tr.selected td
+{
+  color: #FFFFFF;
+  background-color: #CC3333;
+}
+
+#messagelist tr.unfocused td
+{
+  color: #FFFFFF;
+  background-color: #929292;
+}
+
+#messagelist tr.selected td a
+{
+  color: #FFFFFF;
+}
+
+#messagelist tr.unfocused td a
+{
+  color: #FFFFFF;
+}
+
+#messagelist tr.deleted td,
+#messagelist tr.deleted td a
+{
+  color: #CCCCCC;
+}
+
+/* safari hacks \*/
+html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; }
+html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag,
+html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; }
+html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; }
+/**/
+
+#quotadisplay
+{
+  color: #666666;
+  font-size: 11px;
+}
+
+#quotadisplay img
+{
+  vertical-align: middle;
+  margin-left: 4px;
+  border: 1px solid #999;
+}
+
+
+/** message view styles */
+
+#messageframe
+{
+  position: absolute;
+  top: 0px;
+  left: 170px;
+  right: 0px;
+  bottom: 0px;
+  border: 1px solid #999;
+  background-color: #FFF;
+  overflow: auto;
+  /* css hack for IE */
+  width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
+  height: expression((parseInt(this.parentNode.offsetHeight))+'px');
+}
+
+#messagecanvas 
+{
+  /* css hack for IE */
+  width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px');
+}
+
+#printmessageframe
+{
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  border: 1px solid #999;
+  background-color: #FFF;
+  overflow: auto;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
+}
+
+div.messageheaderbox
+{
+  margin: 6px 8px 0px 8px;
+  border: 1px solid #ccc;
+}
+
+table.headers-table
+{
+  width: 100%;
+  background-color: #EBEBEB;
+  table-layout: fixed;
+}
+
+#messagebody table.headers-table
+{
+  width: auto;
+  margin: 6px 8px;
+  background-color: #F4F4F4;
+  border: 1px solid #ccc;
+}
+
+#messageframe table.headers-table
+{
+  border-bottom: 1px solid #ccc;
+}
+
+table.headers-table tr td
+{
+  font-size: 11px;
+  border-bottom:1px solid #FFFFFF;
+}
+
+table.headers-table td.header-title
+{
+  width: 80px;
+  color: #666666;
+  font-weight: bold;
+  text-align: right;
+  white-space: nowrap;
+  padding-right: 4px;
+}
+
+table.headers-table tr td.subject
+{
+  width: 90%;
+  font-weight: bold;
+}
+
+table.headers-table tr td.all
+{
+  width: 100%;
+  color: #666666;
+  text-align: left;
+  padding-right: 10px;
+  vertical-align: center;
+  text-align: center;
+}
+
+#attachment-list
+{
+  margin: 0px;
+  padding: 0px 0px 0px 72px;
+  min-height: 16px;
+  list-style-image: none;
+  list-style-type: none;
+  background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF;
+  /* IE6 hack */    
+  _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px');
+}
+
+#attachment-list:after
+{
+  content: ".";
+  display: block;
+  height: 0;
+  font-size: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+#attachment-list li
+{
+  float: left;
+  height: 18px;
+  font-size: 11px;
+  padding: 2px 0px 0px 15px;
+  white-space: nowrap;
+}
+
+#attachment-list li a
+{
+  text-decoration: none;
+}
+
+#attachment-list li a:hover
+{
+  text-decoration: underline;
+}
+
+#messagebody
+{
+  position:relative;
+  padding-bottom: 10px;
+  background-color: #FFFFFF;
+}
+
+div.message-part
+{
+  padding: 10px 8px;
+  border-top: 1px solid #ccc;
+/*  overflow: hidden; */
+}
+
+#messagebody div:first-child
+{
+  border-top: 0;
+}
+
+div.message-part a,
+div.message-htmlpart a
+{
+  color: #0000CC;
+}
+
+div.message-part pre,
+div.message-part div.pre
+{
+  margin: 0px;
+  padding: 0px;
+  font-family: monospace;
+  white-space: -moz-pre-wrap !important;
+  white-space: -o-pre-wrap !important;
+  white-space: pre-wrap !important;
+  white-space: pre;
+  word-wrap: break-word; /* IE (and Safari) */
+}
+
+div.message-part blockquote
+{
+  color: blue;
+  border-left: 2px solid blue;
+  border-right: 2px solid blue;
+  background-color: #F6F6F6;
+  margin: 2px 0px 2px 0px;
+  padding: 1px 8px 1px 10px;
+}
+
+div.message-part blockquote blockquote
+{
+  color: green;
+  border-left: 2px solid green;
+  border-right: 2px solid green;
+}
+
+div.message-part blockquote blockquote blockquote
+{
+  color: #990000;
+  border-left: 2px solid #bb0000;
+  border-right: 2px solid #bb0000;
+}
+
+body.iframe 
+{
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth))+'px');
+}
+
+body.iframe div.message-htmlpart
+{
+  margin: 8px;
+}
+
+div.message-htmlpart div.rcmBody
+{
+  margin: 8px;
+}
+
+#remote-objects-message
+{
+  display: none;
+  margin: 8px;
+  min-height: 20px;
+  padding: 10px 10px 6px 46px;
+}
+
+#remote-objects-message a
+{
+  color: #666666;
+  padding-left: 10px;
+}
+
+#remote-objects-message a:hover
+{
+  color: #333333;
+}
+
+#messageviewlink
+{
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  width: 15px;
+  height: 15px;
+  border: 0;
+}
+
+/** message compose styles */
+
+#compose-toolbar
+{
+  white-space: nowrap;
+}
+
+#priority-selector,
+#receipt-selector
+{
+  padding-left: 30px;
+}
+
+#compose-container
+{
+  position: absolute;
+  top: 90px;
+  left: 200px;
+  right: 25px;
+  bottom: 30px;
+  margin: 0px;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
+}
+
+#compose-div
+{
+  position: absolute;
+  top: 110px;
+  bottom: 40px;
+  width: 100%;
+  vertical-align: top;
+}
+
+#compose-headers
+{
+  width: 100%;
+}
+
+#compose-headers td.top
+{
+  vertical-align: top;
+}
+
+#compose-headers td.title,
+#compose-subject td.title
+{
+  width: 80px !important;
+  color: #666666;
+  font-size: 11px;
+  font-weight: bold;
+  padding-right: 10px;
+  white-space: nowrap;
+}
+
+#compose-body,
+#compose-headers td textarea,
+#compose-headers td input
+{
+  width: 100%;
+  width: expression('99%');
+}
+
+#compose-headers td textarea
+{
+  height: 38px;
+}
+
+#compose-cc,
+#compose-bcc,
+#compose-replyto
+{
+  display: none;
+}
+
+#compose-body
+{
+  min-height: 100px;
+  height: 100%;
+  font-size: 9pt;
+  font-family: "Courier New", Courier, monospace;
+}
+
+#compose-attachments
+{
+  position: absolute;
+  top: 100px;
+  left: 20px;
+  width: 160px;
+}
+
+#compose-attachments ul
+{
+  margin: 0px;
+  padding: 0px;
+  border: 1px solid #CCCCCC;
+  background-color: #F9F9F9;
+  list-style-image: none;
+  list-style-type: none;
+}
+
+#compose-attachments ul li
+{
+  height: 18px;
+  font-size: 11px;
+  padding-left: 2px;
+  padding-top: 2px;
+  padding-right: 4px;
+  border-bottom: 1px solid #EBEBEB;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+#attachment-title
+{
+  background: url(images/icons/attachment.png) top left no-repeat;
+  padding: 0px 0px 3px 22px;
+}
+
+#attachment-form
+{
+  position: absolute;
+  top: 150px;
+  left: 20px;
+  z-index: 200;
+  padding: 6px;
+  visibility: hidden;
+  border: 1px solid #CCCCCC;
+  background-color: #F9F9F9;
+}
+
+#attachment-form div
+{
+  padding: 2px;
+}
+
+#attachment-form div.buttons
+{
+  margin-top: 4px;
+}
+
+table.headers-table tr td.more-headers
+{
+  cursor: pointer;
+  width: 100%;
+  height: 8px;
+  border-bottom: 0;
+}
+
+table.headers-table tr td.all
+{
+  padding: 2px 6px 4px 6px;
+  border-bottom: 0;
+}
+
+td.show-headers
+{
+  background: url(images/icons/down_small.gif) no-repeat center;
+}
+
+td.hide-headers
+{
+  background: url(images/icons/up_small.gif) no-repeat center;
+}
+
+#all-headers
+{
+  height: 150px;
+  display: none;
+}
+
+#headers-source
+{
+  margin: 0 5px;
+  padding: 0.5em;
+  height: 145px;
+  background: white;
+  overflow: auto;
+  font-size: 11px;
+  white-space: nowrap;
+  border: 1px solid #999999;
+  display: none;
+  text-align: left;
+  color: #333;
+}
+
+font.bold
+{
+  font-weight: bold;
+}
diff --git a/roundcubemail/skins/npk/pngbehavior.htc b/roundcubemail/skins/npk/pngbehavior.htc
new file mode 100644
index 000000000..54ee96890
--- /dev/null
+++ b/roundcubemail/skins/npk/pngbehavior.htc
@@ -0,0 +1,74 @@
+<public:component>
+<public:attach event="onpropertychange" onevent="propertyChanged()" />
+<public:attach event="onbeforeprint" for="window" onevent="beforePrint()" />
+<public:attach event="onafterprint" for="window" onevent="afterPrint()" />
+<script>
+
+/*
+ * PNG Behavior
+ *
+ * This script was created by Erik Arvidsson (erik(at)eae.net)
+ * for WebFX (http://webfx.eae.net)
+ * Copyright 2002
+ * 
+ * For usage see license at http://webfx.eae.net/license.html	
+ *
+ * Version: 1.01a
+ *
+ */
+ 
+var IS_PNG = /\.png$/i;
+var supported = /MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == 'Win32';
+var realSrc, realHeight, realWidth;
+var blankSrc = 'skins/default/images/blank.gif';
+if (supported) fixImage();
+function propertyChanged() {
+  if (supported && event.propertyName == 'src') {
+    var i = element.src.lastIndexOf(blankSrc);
+    if (i == -1 || i != element.src.length - blankSrc.length) {
+      fixImage();
+    }
+  }
+}
+function fixImage() {
+  if (realSrc && element.src == realSrc) {
+    // this is an attempt to set the image to itself!
+    // pointless - leave the filter as-is, restore the blank image
+    element.src = blankSrc;
+  } else {
+    // set the image to something different
+    if (IS_PNG.test(element.src)) {
+      // fixable PNG
+      realSrc = element.src;
+      realWidth = element.width;
+      realHeight = element.height;
+      element.src = blankSrc;
+      element.style.width = realWidth + 'px';
+      element.style.height = realHeight + 'px';
+      element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + encodeURI(realSrc) + "',sizingMethod='scale')";
+    } else {
+      // ordinary image - make sure the fix is removed
+      if (realSrc) {
+        realSrc = null;
+        element.runtimeStyle.filter = '';
+      }
+    }
+  }
+}
+function beforePrint() {
+  if (realSrc) {
+    supported = false;
+    element.src = realSrc;
+    element.runtimeStyle.filter = '';
+    supported = true;
+  }
+}
+function afterPrint() {
+  if (realSrc) {
+    var rs = realSrc;
+    realSrc = null;
+    element.src = rs;
+  }
+}
+</script>
+</public:component>
diff --git a/roundcubemail/skins/npk/print.css b/roundcubemail/skins/npk/print.css
new file mode 100644
index 000000000..fa9c38c7e
--- /dev/null
+++ b/roundcubemail/skins/npk/print.css
@@ -0,0 +1,140 @@
+/***** RoundCube|Mail message print styles *****/
+
+body
+{
+  background-color: #ffffff;
+  color: #000000;
+  margin: 2mm;
+}
+
+body, td, th, span, div, p, h3
+{
+  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  font-size: 9pt;
+  color: #000000;
+}
+
+h3
+{
+  font-size: 18px;
+  color: #000000;
+}
+
+a, a:active, a:visited
+{
+  color: #000000;
+}
+
+#header
+{
+  margin-left: 5mm;
+  margin-bottom: 3mm;
+}
+
+#messageframe
+{
+  position: relative;
+}
+
+table.headers-table
+{
+  table-layout: fixed;
+}
+
+table.headers-table tr td
+{
+  font-size: 9pt;
+}
+
+table.headers-table td.header-title
+{
+  color: #666666;
+  font-weight: bold;
+  text-align: right;
+  vertical-align: top;
+  padding-right: 4mm;
+  white-space: nowrap;
+}
+
+table.headers-table tr td.subject
+{
+  width: 90%;
+  font-weight: bold;
+}
+  
+#attachment-list
+{
+  margin-top: 3mm;
+  padding-top: 3mm;
+  border-top: 1pt solid #cccccc;
+}
+
+#attachment-list li
+{
+  font-size: 9pt;
+}
+
+#attachment-list li a
+{
+  text-decoration: none;
+}
+
+#attachment-list li a:hover
+{
+  text-decoration: underline;
+}
+
+#messagebody
+{
+  margin-top: 5mm;
+  border-top: none;
+}
+
+div.message-part
+{
+  padding: 2mm;
+  margin-top: 5mm;
+  margin-bottom: 5mm;
+  border-top: 1pt solid #cccccc;
+}
+
+div.message-part a
+{
+  color: #0000CC;
+}
+
+div.message-part div.pre
+{
+  margin: 0;
+  padding: 0;
+  font-family: monospace;
+  white-space: -o-pre-wrap !important;
+  white-space: -moz-pre-wrap !important;
+  white-space: pre-wrap !important;
+  white-space: pre;
+  word-wrap: break-word; /* IE (and Safari) */
+}
+
+div.message-part blockquote
+{
+	color: blue;
+	border-left: 2px solid blue;
+	border-right: 2px solid blue;
+	background-color: #F6F6F6;
+	margin: 0.5em 0em 0.5em 0em;
+	padding: 0.25em 1em 0.25em 1em;
+}
+
+div.message-part blockquote blockquote
+{
+	color: green;
+	border-left: 2px solid green;
+	border-right: 2px solid green;
+}
+
+div.message-part blockquote blockquote blockquote
+{
+	color: #990000;
+	border-left: 2px solid #bb0000;
+	border-right: 2px solid #bb0000;
+}
diff --git a/roundcubemail/skins/npk/settings.css b/roundcubemail/skins/npk/settings.css
new file mode 100644
index 000000000..5c4bd56dc
--- /dev/null
+++ b/roundcubemail/skins/npk/settings.css
@@ -0,0 +1,294 @@
+/***** RoundCube|Mail settings task styles *****/
+
+
+#tabsbar
+{
+  position: absolute;
+  top: 50px;
+  left: 220px;
+  right: 20px;
+  height: 22px;
+  border-bottom: 1px solid #999999;
+  white-space: nowrap;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
+}
+
+span.tablink,
+span.tablink-selected
+{
+  float: left;
+  width: 100px;
+  height: 24px !important;
+  height: 22px;
+  background: url('images/tab_pas.gif') top left no-repeat;
+}
+
+span.tablink-selected
+{
+  background: url('images/tab_act.gif') top left no-repeat;
+}
+
+span.tablink a,
+span.tablink-selected a
+{
+  display: block;
+  padding-left: 10px;
+  padding-top: 5px;
+  color: #555555;
+  text-decoration: none;
+}
+
+span.tablink-selected a
+{
+  color: #000000;
+}
+
+#userprefs-box
+{
+  position: absolute;
+  top: 95px;
+  left: 20px;
+  bottom: 60px;
+  right: 20px;
+  overflow: auto;
+  border: 1px solid #999999;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
+}
+
+#userprefs-box table td.title
+{
+  color: #666666;
+  padding-right: 10px;
+  white-space: nowrap;
+}
+
+#userprefs-box table tr.advanced
+{
+  display: none;
+}
+
+.userprefs-block
+{
+  float: left;
+  margin-right: 14px;
+  min-width: 520px;
+  /* css hack for IE */
+  width: expression(Math.min(520, parseInt(document.documentElement.clientWidth))+'px');
+}
+
+#rcmfd_timezone
+{
+  width: 300px;
+}
+
+#identities-list,
+#folder-manager
+{
+  position: absolute;
+  top: 95px;
+  left: 20px;
+  overflow: auto;
+}
+
+#folder-manager
+{
+  width: 600px;
+  bottom: 140px;
+  overflow: auto;
+  border: 1px solid #999999;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
+}
+
+#folder-manager.droptarget
+{
+  border: 1px solid #CC3333;
+  background-color: #FFFFA6;
+}
+
+#identities-list
+{
+  bottom: 60px;
+  width: 420px;
+  border: 1px solid #999999;
+  /* css hack for IE */
+  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+}
+
+#listbuttons
+{
+  position: absolute;
+  left: 20px;
+  bottom: 18px;
+}
+
+#identities-table
+{
+  width: 420px;
+  table-layout: fixed;
+  background-color: #F9F9F9;
+}
+
+#identities-table tbody td
+{
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+#identities-table thead td.name
+{
+  width: 55%;
+}
+
+#identities-table thead td.email
+{
+  width: 45%;
+}
+
+#identity-frame
+{
+  position: relative;
+  margin-top: 20px;
+  border: 1px solid #999999;
+}
+
+#identity-details
+{
+  position: absolute;
+  top: 95px;
+  left: 450px;
+  right: 20px;
+  bottom: 60px;
+  border: 1px solid #999999;
+  overflow: auto;
+  /* css hack for IE */
+  width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
+}
+
+#identity-details table td.title
+{
+  color: #666666;
+  font-weight: bold;
+  text-align: right;
+  padding-right: 10px;
+}
+
+input.disabled
+{
+  color: #999999;
+}
+
+#bottomboxes
+{
+  position: absolute;
+  width: 600px;
+  height: 120px;
+  left: 20px;
+  bottom: 20px;
+}
+
+#userprefs-title,
+#identity-title,
+div.boxtitle,
+#subscription-table thead td
+{
+  height: 12px !important;
+  padding: 4px 20px 3px 6px;
+  border-bottom: 1px solid #999999;
+  color: #333333;
+  font-size: 11px;
+  font-weight: bold;
+  background-color: #EBEBEB;
+  background-image: url(images/listheader_aqua.gif); 
+}
+
+div.settingsbox
+{
+  width: 600px;
+  margin-top: 20px;
+  border: 1px solid #999999;
+}
+
+div.settingspart
+{
+  display: block;
+  padding: 10px;
+}
+
+#subscription-table
+{
+  width: 100%;
+  /* css hack for IE */ 
+  width: expression('auto');
+}
+
+#subscription-table tbody td
+{
+  height: 20px;
+  padding-left: 6px;
+  padding-right: 10px;
+  white-space: nowrap;
+  border-bottom: 1px solid #EBEBEB;
+  background-color: #F9F9F9;
+  cursor: default;
+}
+
+#subscription-table tr.virtual td
+{
+  color: #666;
+}
+
+#subscription-table tr.selected td,
+#subscription-table tr.selected td a
+{
+  color: #FFFFFF;
+  background-color: #CC3333;
+}
+
+#subscription-table tr.droptarget td,
+#subscription-table tr.droptarget td a
+{
+  background-color: #FFFFA6;
+}
+
+#subscription-table thead td.name
+{
+  width: 250px;
+}
+
+#subscription-table thead td.msgcount
+{
+  width: 90px;
+}
+
+#subscription-table thead td.subscribed
+{
+  width: 90px;
+}
+
+fieldset 
+{
+  margin-bottom: 0.5em;
+  border: 1px solid #999999;
+  padding: 4px 8px 9px 8px; 
+}
+
+legend
+{
+  color: #999999;
+}
+
+div.advswitch
+{
+  white-space: nowrap;
+  text-align: right;
+  position: absolute;
+  bottom: 35px;
+  right: 20px;
+  width: 460px;
+}
diff --git a/roundcubemail/skins/npk/splitter.js b/roundcubemail/skins/npk/splitter.js
new file mode 100644
index 000000000..3ed0eb62a
--- /dev/null
+++ b/roundcubemail/skins/npk/splitter.js
@@ -0,0 +1,238 @@
+
+/**
+ * RoundCube splitter GUI class
+ *
+ * @constructor
+ */
+function rcube_splitter(attrib)
+  {
+  this.p1id = attrib.p1;
+  this.p2id = attrib.p2;
+  this.id = attrib.id ? attrib.id : this.p1id + '_' + this.p2id + '_splitter';
+  this.orientation = attrib.orientation;
+  this.horizontal = (this.orientation == 'horizontal' || this.orientation == 'h');
+  this.offset = bw.ie6 ? 2 : 0;
+  this.pos = attrib.start ? attrib.start * 1 : 0;
+  this.relative = attrib.relative ? true : false;
+  this.drag_active = false;
+
+  this.init = function()
+    {
+    this.p1 = document.getElementById(this.p1id);
+    this.p2 = document.getElementById(this.p2id);
+
+    // create and position the handle for this splitter
+    this.p1pos = rcube_get_object_pos(this.p1, this.relative);
+    this.p2pos = rcube_get_object_pos(this.p2, this.relative);
+    
+    if (this.horizontal)
+      {
+      var top = this.p1pos.y + this.p1.offsetHeight;
+      this.layer = new rcube_layer(this.id, {x: 0, y: top, height: 10, 
+    	    width: '100%', vis: 1, parent: this.p1.parentNode});
+      }
+    else
+      {
+      var left = this.p1pos.x + this.p1.offsetWidth;
+      this.layer = new rcube_layer(this.id, {x: left, y: 0, width: 10, 
+    	    height: '100%', vis: 1,  parent: this.p1.parentNode});
+      }
+
+    this.elm = this.layer.elm;
+    this.elm.className = 'splitter '+(this.horizontal ? 'splitter-h' : 'splitter-v');
+    this.elm.unselectable = 'on';
+
+    // add the mouse event listeners
+    rcube_event.add_listener({element: this.elm, event:'mousedown', object:this, method:'onDragStart'});
+    if (bw.ie)
+      rcube_event.add_listener({element: window, event:'resize', object:this, method:'onResize'});
+
+    // read saved position from cookie
+    var cookie = bw.get_cookie(this.id);
+    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)
+      {
+      var lh = this.layer.height - this.offset * 2;
+      this.p1.style.height = Math.floor(this.pos - this.p1pos.y - lh / 2) + 'px';
+      this.p2.style.top = Math.ceil(this.pos + lh / 2) + 'px';
+      this.layer.move(this.layer.x, Math.round(this.pos - lh / 2 + 1));	     
+      if (bw.ie)
+	{
+        var new_height = (parseInt(this.p2.parentNode.offsetHeight) - parseInt(this.p2.style.top));
+        this.p2.style.height = (new_height > 0 ? new_height : 0) +'px';
+        }
+      }
+    else
+      {
+      this.p1.style.width = Math.floor(this.pos - this.p1pos.x - this.layer.width / 2) + 'px';
+      this.p2.style.left = Math.ceil(this.pos + this.layer.width / 2) + 'px';
+      this.layer.move(Math.round(this.pos - this.layer.width / 2 + 1), this.layer.y);
+      if (bw.ie)
+        this.p2.style.width = (parseInt(this.p2.parentNode.offsetWidth) - parseInt(this.p2.style.left))+'px';
+      }
+    };
+
+  /**
+   * Handler for mousedown events
+   */
+  this.onDragStart = function(e)
+    {
+    this.p1pos = rcube_get_object_pos(this.p1, this.relative);
+    this.p2pos = rcube_get_object_pos(this.p2, this.relative);
+    this.drag_active = true;
+    
+    // start listening to mousemove events
+    rcube_event.add_listener({element:document, event:'mousemove', object:this, method:'onDrag'});
+    rcube_event.add_listener({element:document, event:'mouseup', object:this, method:'onDragStop'});
+
+    // need to listen in any iframe documents too, b/c otherwise the splitter stops moving when we move over an iframe
+    var iframes = document.getElementsByTagName('IFRAME');
+    this.iframe_events = Object();
+    for (var n in iframes)
+      {
+      var iframedoc = null;
+      if (iframes[n].contentDocument)
+        iframedoc = iframes[n].contentDocument;
+      else if (iframes[n].contentWindow)
+        iframedoc = iframes[n].contentWindow.document;
+      else if (iframes[n].document)
+        iframedoc = iframes[n].document;
+      if (iframedoc)
+        {
+        // I don't use the add_listener function for this one because I need to create closures to fetch
+        // the position of each iframe when the event is received
+        var s = this;
+        var id = iframes[n].id;
+        this.iframe_events[n] = function(e){ e._offset = rcube_get_object_pos(document.getElementById(id)); return s.onDrag(e); }
+
+        if (iframedoc.addEventListener)
+          iframedoc.addEventListener('mousemove', this.iframe_events[n], false);
+        else if (iframes[n].attachEvent)
+          iframedoc.attachEvent('onmousemove', this.iframe_events[n]);
+        else
+          iframedoc['onmousemove'] = this.iframe_events[n];
+
+        rcube_event.add_listener({element:iframedoc, event:'mouseup', object:this, method:'onDragStop'});
+        }
+      }
+    }
+
+  /**
+   * Handler for mousemove events
+   */
+  this.onDrag = function(e)
+    {
+    if (!this.drag_active) return false;
+
+    var pos = rcube_event.get_mouse_pos(e);
+
+    if (this.relative)
+      {
+      var parent = rcube_get_object_pos(this.p1.parentNode);
+      pos.x -= parent.x;
+      pos.y -= parent.y;
+      }
+
+    if (this.horizontal)
+      {
+      if (((pos.y - this.layer.height * 1.5) > this.p1pos.y) && ((pos.y + this.layer.height * 1.5) < (this.p2pos.y + this.p2.offsetHeight)))
+        {
+        this.pos = pos.y;
+        this.resize();
+        }
+      }
+    else
+      {
+      if (((pos.x - this.layer.width * 1.5) > this.p1pos.x) && ((pos.x + this.layer.width * 1.5) < (this.p2pos.x + this.p2.offsetWidth)))
+        {
+        this.pos = pos.x;
+        this.resize();
+        }
+      }
+
+    this.p1pos = rcube_get_object_pos(this.p1, this.relative);
+    this.p2pos = rcube_get_object_pos(this.p2, this.relative);
+    return false;
+    };
+
+  /**
+   * Handler for mouseup events
+   */
+  this.onDragStop = function(e)
+    {
+    // cancel the listening for drag events
+    rcube_event.remove_listener({element:document, event:'mousemove', object:this, method:'onDrag'});
+    rcube_event.remove_listener({element:document, event:'mouseup', object:this, method:'onDragStop'});
+    this.drag_active = false;
+
+    var iframes = document.getElementsByTagName('IFRAME');
+
+    for (var n in iframes)
+      {
+      var iframedoc;
+      if (iframes[n].contentDocument)
+        iframedoc = iframes[n].contentDocument;
+      else if (iframes[n].contentWindow)
+        iframedoc = iframes[n].contentWindow.document;
+      else if (iframes[n].document)
+        iframedoc = iframes[n].document;
+      if (iframedoc)
+        {
+        if (this.iframe_events[n]) {
+          if (iframedoc.removeEventListener)
+            iframedoc.removeEventListener('mousemove', this.iframe_events[n], false);
+	  else if (iframedoc.detachEvent)
+            iframedoc.detachEvent('onmousemove', this.iframe_events[n]);
+          else
+            iframedoc['onmousemove'] = null;
+          }
+
+        rcube_event.remove_listener({element:iframedoc, event:'mouseup', object:this, method:'onDragStop'});
+        }
+      }
+
+    this.set_cookie();
+
+    return bw.safari ? true : rcube_event.cancel(e);
+    };
+
+  /**
+   * Handler for window resize events
+   */
+  this.onResize = function(e)
+    {
+    if (this.horizontal)
+      {
+      var new_height = (parseInt(this.p2.parentNode.offsetHeight) - parseInt(this.p2.style.top));
+      this.p2.style.height = (new_height > 0 ? new_height : 0) +'px';
+      }
+    else
+      this.p2.style.width = (parseInt(this.p2.parentNode.offsetWidth) - parseInt(this.p2.style.left))+'px';
+    };
+
+  this.set_cookie = function()
+    {
+    // save state in cookie
+    var exp = new Date();
+    exp.setYear(exp.getFullYear() + 1);
+    bw.set_cookie(this.id, this.pos, exp);
+    }
+
+  }  // end class rcube_splitter
diff --git a/roundcubemail/skins/npk/templates/addcontact.html b/roundcubemail/skins/npk/templates/addcontact.html
new file mode 100644
index 000000000..38151c9e4
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/addcontact.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/addresses.css" />
+</head>
+<body class="iframe">
+
+<div id="contact-title" class="boxtitle"><roundcube:label name="addcontact" /></div>
+
+<div id="contact-details">
+<roundcube:object name="contacteditform" size="40" />
+
+<p><br />
+<input type="button" value="<roundcube:label name="cancel" />" class="button" onclick="history.back()" />&nbsp;
+<roundcube:button command="save" type="input" class="button mainaction" label="save" />
+</p>
+
+</form>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/addressbook.html b/roundcubemail/skins/npk/templates/addressbook.html
new file mode 100644
index 000000000..326ded296
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/addressbook.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/addresses.css" />
+<script type="text/javascript" src="/splitter.js"></script>
+
+<style type="text/css">
+<roundcube:if condition="config:ldap_public == false" />
+#abookcountbar { left: 20px;}
+#mainscreen { left:20px; /* IE hack */ width:expression((parseInt(document.documentElement.clientWidth)-40)+'px') }
+#addresslist { width: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter-5 : 245" />px; }
+#contacts-box {
+    left: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />px;
+    /* IE hack */
+    width:expression((parseInt(mainscreen.offsetWidth)-<roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />)+'px')
+}
+<roundcube:else />
+#addresslist { width: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter-5 : 245" />px; }
+#contacts-box {
+    left: <roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />px;
+    /* IE hack */
+    width:expression((parseInt(mainscreen.offsetWidth)-<roundcube:exp expression="!empty(cookie:addressviewsplitter) ? cookie:addressviewsplitter+5 : 255" />)+'px')
+}
+<roundcube:endif />
+</style>
+
+</head>
+<body>
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+
+<div id="abooktoolbar">
+<roundcube:button command="add" imageSel="/images/buttons/add_contact_sel.png" imageAct="/images/buttons/add_contact_act.png" imagePas="/images/buttons/add_contact_pas.png" width="32" height="32" title="newcontact" />
+<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletecontact" />
+<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="composeto" />
+<roundcube:button command="import" imageSel="/images/buttons/adr_import_sel.png" imageAct="/images/buttons/adr_import_act.png" imagePas="/images/buttons/adr_import_pas.png" width="32" height="32" title="importcontacts" />
+<roundcube:button command="export" imageSel="/images/buttons/download_sel.png" imageAct="/images/buttons/download_act.png" imagePas="/images/buttons/download_pas.png" width="32" height="32" title="exportvcards" />
+</div>
+
+<div id="quicksearchbar">
+<roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
+</div>
+
+<roundcube:if condition="config:ldap_public" />
+<div id="directorylist">
+<div id="groups-title"><roundcube:label name="groups" /></div>
+<roundcube:object name="directorylist" id="directories-list" />
+</div>
+<roundcube:endif />
+
+<div id="mainscreen">
+
+<div id="addresslist">
+<roundcube:object name="addresslist" id="contacts-table" class="records-table" cellspacing="0" summary="Contacts list" />
+</div>
+
+<script type="text/javascript">
+  var addrviewsplit = new rcube_splitter({id:'addressviewsplitter', p1: 'addresslist', p2: 'contacts-box', orientation: 'v', relative: true, start: 250});
+  rcmail.add_onload('addrviewsplit.init()');
+</script>
+
+<div id="contacts-box">
+<roundcube:object name="addressframe" id="contact-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" />
+</div>
+
+</div>
+
+<div id="abookcountbar">
+<roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstpage" />
+<roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previouspage" />
+&nbsp;<roundcube:object name="recordsCountDisplay" />&nbsp;
+<roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextpage" />
+<roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastpage" />
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/compose.html b/roundcubemail/skins/npk/templates/compose.html
new file mode 100644
index 000000000..73e657594
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/compose.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="productname" /> :: <roundcube:label name="compose" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/mail.css" />
+<link rel="stylesheet" type="text/css" href="/googiespell.css" />
+<script type="text/javascript" src="/functions.js"></script>
+</head>
+<body onload="rcmail_init_compose_form()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+
+<form name="form" action="./" method="post">
+
+<div id="messagetoolbar">
+<table border="0" cellspacing="0" cellpadding="0"><tr>
+    <td id="compose-toolbar">
+	<roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" />
+	<roundcube:button command="send" imageSel="/images/buttons/send_sel.png" imageAct="/images/buttons/send_act.png" imagePas="/images/buttons/send_pas.png" width="32" height="32" title="sendmessage" />
+	<roundcube:button command="spellcheck" imageSel="/images/buttons/spellcheck_sel.png" imageAct="/images/buttons/spellcheck_act.png" imagePas="/images/buttons/spellcheck_pas.png" width="32" height="32" title="checkspelling" />
+	<roundcube:button command="add-attachment" imageSel="/images/buttons/attach_sel.png" imageAct="/images/buttons/attach_act.png" imagePas="/images/buttons/attach_pas.png" width="32" height="32" title="addattachment" />
+	<roundcube:button command="savedraft" imageSel="/images/buttons/drafts_sel.png" imageAct="/images/buttons/drafts_act.png" imagePas="/images/buttons/drafts_pas.png" width="32" height="32" title="savemessage" />
+    </td>
+    <td id="priority-selector">
+	<label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" />
+    </td>
+    <td id="receipt-selector">
+	<roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label>
+    </td>
+</tr></table>
+</div>
+
+<div id="compose-container">
+    <div id="compose-headers-div" style="width: 100%;">
+	<table border="0" cellspacing="0" cellpadding="1" id="compose-headers" summary="">
+	<tbody>
+	    <tr>
+		<td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
+		<td><roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" /></td>
+	    </tr><tr>
+		<td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
+		<td><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="2" tabindex="2" /></td>
+	    </tr><tr id="compose-cc">
+		<td class="title top"><a href="#cc" onclick="return rcmail_hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
+		<label for="_cc"><roundcube:label name="cc" /></label></td>
+		<td><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" /></td>
+	    </tr><tr id="compose-bcc">
+		<td class="title top"><a href="#bcc" onclick="return rcmail_hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
+		<label for="_bcc"><roundcube:label name="bcc" /></label></td>
+		<td><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" /></td>
+	    </tr><tr id="compose-replyto">
+		<td class="title top"><a href="#replyto" onclick="return rcmail_hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
+		<label for="_replyto"><roundcube:label name="replyto" /></label></td>
+		<td><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td>
+	    </tr><tr id="compose-links">
+		<td></td>
+		<td class="formlinks">
+		    <a href="#cc" onclick="return rcmail_show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a>
+		    <span class="separator">|</span>
+		    <a href="#bcc" onclick="return rcmail_show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a>
+		    <span class="separator">|</span>
+		    <a href="#reply-to" onclick="return rcmail_show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a>
+		</td>
+	    </tr><tr>
+		<td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
+		<td><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="6" /></td>
+	    </tr>
+	</tbody>
+	</table>
+    </div>
+    <div id="compose-div">
+	<roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="7" />
+	<table border="0" cellspacing="0" summary="" style="width:100%; margin-top: 5px;"><tbody>
+	    <tr>
+		<td style="white-space: nowrap">
+		    <roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="8" />
+		    <roundcube:button type="input" command="list" class="button" label="cancel" tabindex="9" />
+		</td>
+		<td style="text-align:center; white-space: nowrap">
+		    <label><roundcube:label name="savesentmessagein" />: <roundcube:object name="storetarget" maxlength="30" /></label>
+		</td>
+		<td style="text-align:right; white-space:nowrap">
+		    <roundcube:label name="editortype" />:&nbsp;
+		    <span class="radios-left"><roundcube:object name="editorSelector" editorid="compose-body" tabindex="10" /></span>
+		</td>
+	    </tr>
+	</tbody></table>
+    </div>
+</div>
+
+<div id="compose-attachments">
+<div id="attachment-title"><roundcube:label name="attachments" /></div>
+<roundcube:object name="composeAttachmentList" deleteIcon="/images/icons/remove-attachment.png"/ >
+<p><roundcube:button command="add-attachment" imagePas="/images/buttons/add_pas.png" imageSel="/images/buttons/add_sel.png" imageAct="/images/buttons/add_act.png" width="23" height="18" title="addattachment" /></p>
+</div>
+
+</form>
+
+<roundcube:object name="composeAttachmentForm" id="attachment-form" />
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/editcontact.html b/roundcubemail/skins/npk/templates/editcontact.html
new file mode 100644
index 000000000..6cef903e5
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/editcontact.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/addresses.css" />
+</head>
+<body class="iframe">
+
+<div id="contact-title" class="boxtitle"><roundcube:label name="editcontact" /></div>
+
+<div id="contact-details">
+<roundcube:object name="contacteditform" size="40" />
+
+<p><br />
+<roundcube:button command="show" type="input" class="button" label="cancel" />&nbsp;
+<roundcube:button command="save" type="input" class="button mainaction" label="save" />
+</p>
+
+</form>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/editidentity.html b/roundcubemail/skins/npk/templates/editidentity.html
new file mode 100644
index 000000000..0d1f6a4ab
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/editidentity.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/settings.css" />
+<script type="text/javascript" src="/functions.js"></script>
+</head>
+<body onload="rcube_init_settings_tabs()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+<roundcube:include file="/includes/settingstabs.html" />
+
+<div id="identities-list">
+<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" editIcon="" />
+</div>
+
+<p id="listbuttons">
+<roundcube:button command="add" type="input" label="newidentity" class="button" condition="config:identities_level:0<2" />
+</p>
+
+<div id="identity-details">
+<div id="identity-title"><roundcube:object name="steptitle" /></div>
+
+<div style="padding:15px;">
+<roundcube:object name="identityform" size="40" textareacols="60" textarearows="6" />
+
+<p><br />
+<roundcube:button command="delete" type="input" class="button" label="delete" condition="env:action=='edit-identity'" style="margin-right:0.5em" />
+<roundcube:button command="save" type="input" class="button mainaction" label="save" />
+</p>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/error.html b/roundcubemail/skins/npk/templates/error.html
new file mode 100644
index 000000000..6b2ff7747
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/error.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>RoundCube|Mail :: ERROR</title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<body>
+
+<div id="header"><img src="/images/roundcube_logo.png" alt="RoundCube Webmail" /></div>
+
+<div style="width:400px; margin:60px auto;">
+$__page_content
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/identities.html b/roundcubemail/skins/npk/templates/identities.html
new file mode 100644
index 000000000..9799bc576
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/identities.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/settings.css" />
+<script type="text/javascript" src="/functions.js"></script>
+</head>
+<body onload="rcube_init_settings_tabs()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+<roundcube:include file="/includes/settingstabs.html" />
+
+<div id="identities-list">
+<roundcube:object name="identitiesList" id="identities-table" class="records-table" cellspacing="0" summary="Identities list" editIcon="" />
+</div>
+
+<p id="listbuttons">
+<roundcube:button command="add" type="input" label="newidentity" class="button" condition="config:identities_level:0<2" />
+</p>
+
+<div id="identity-details">
+  <div style="margin:10px auto; text-align:center">
+  <img src="/images/watermark.gif" width="260" height="228" alt="RoundCube" />
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/importcontacts.html b/roundcubemail/skins/npk/templates/importcontacts.html
new file mode 100644
index 000000000..35a8e41f8
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/importcontacts.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/addresses.css" />
+</head>
+<body>
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+
+<div id="importbox">
+<div class="boxtitle"><roundcube:label name="importcontacts" /></div>
+
+<div style="padding-left:20px; width:48em">
+<roundcube:object name="importstep" />
+
+<p><br />
+<roundcube:object name="importnav" class="button" />
+</p>
+
+</div>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/login.html b/roundcubemail/skins/npk/templates/login.html
new file mode 100644
index 000000000..d16a08fdd
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/login.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<meta name="Robots" content="noindex,nofollow" />
+<roundcube:include file="/includes/links.html" />
+<style type="text/css">
+
+#login-form {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+  width: 380px;
+  border: 1px solid #999;
+}
+
+#login-form table td.title
+{
+  color: #666;
+  text-align: right;
+  padding-right: 10px;
+}
+
+.boxcontent {
+  padding: 20px 20px 10px 20px;
+}
+
+</style>
+</head>
+<body>
+
+<img src="/images/roundcube_logo.png" border="0" alt="<roundcube:object name='productname' />" style="margin:2px 12px" />
+
+<roundcube:object name="message" id="message" />
+
+<div id="login-form">
+<div class="boxtitle"><roundcube:label name="welcome" /></div>
+<div class="boxcontent">
+
+<form name="form" action="./" method="post">
+<roundcube:object name="loginform" form="form" autocomplete="off" />
+
+<p style="text-align:center;"><input type="submit" class="button mainaction" value="<roundcube:label name='login' />" /></p>
+
+</form>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/mail.html b/roundcubemail/skins/npk/templates/mail.html
new file mode 100644
index 000000000..dc8b365f6
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/mail.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/mail.css" />
+<script type="text/javascript" src="/splitter.js"></script>
+<script type="text/javascript" src="/functions.js"></script>
+<style type="text/css">
+<roundcube:if condition="config:preview_pane == true" />
+#mailcontframe { height: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter-5 : 195" />px; }
+#mailpreviewframe {
+    top: <roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />px;
+    /* css hack for IE */
+    height: expression((parseInt(this.parentNode.offsetHeight)-<roundcube:exp expression="!empty(cookie:mailviewsplitter) ? cookie:mailviewsplitter+5 : 205" />)+'px');
+}
+<roundcube:endif />
+#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; }
+#mailrightcontainer {
+    left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px;
+    /* css hack for IE */
+    width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px');
+}
+</style>
+</head>
+<body onload="rcube_init_mail_ui()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+
+<div id="mainscreen">
+
+<div id="mailboxlist-container">
+<h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
+<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
+</div>
+
+<script type="text/javascript">
+  var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
+  rcmail.add_onload('mailviewsplitv.init()');
+</script>
+
+<div id="mailrightcontainer">
+
+<div id="mailcontframe">
+<roundcube:object name="messages"
+  id="messagelist"
+  cellspacing="0"
+  columns=""
+  summary="Message list"
+  messageIcon="/images/icons/dot.png"
+  unreadIcon="/images/icons/unread.png"
+  deletedIcon="/images/icons/deleted.png"
+  repliedIcon="/images/icons/replied.png"
+  forwardedIcon="/images/icons/forwarded.png"
+  forwardedrepliedIcon="/images/icons/forwarded_replied.png"
+  attachmentIcon="/images/icons/attachment.png"
+  flaggedIcon="/images/icons/flagged.png"
+  unflaggedIcon="/images/icons/blank.gif"
+  unreadchildrenIcon="/images/icons/unread_children.png" />
+</div>
+
+<roundcube:if condition="config:preview_pane == true" />
+
+<script type="text/javascript">
+  var mailviewsplit = new rcube_splitter({id:'mailviewsplitter', p1: 'mailcontframe', p2: 'mailpreviewframe', orientation: 'h', relative: true, start: 200});
+  rcmail.add_onload('mailviewsplit.init()');
+</script>
+
+<div id="mailpreviewframe">
+<roundcube:object name="messagecontentframe" id="messagecontframe" width="100%" height="100%" frameborder="0" src="/watermark.html" />
+</div>
+
+<roundcube:endif />
+
+</div>
+
+</div>
+
+<div id="mailfooter">
+<table cellpadding="1" cellspacing="0">
+<tr>
+<td width="99%">
+<span id="mailboxcontrols">
+<roundcube:label name="folder" />:&nbsp;
+<roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
+<roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
+</span>
+</td>
+</tr>
+</table>
+</div>
+
+<div id="messagetoolbar">
+<roundcube:button command="checkmail" imageSel="/images/buttons/inbox_sel.png" imageAct="/images/buttons/inbox_act.png" imagePas="/images/buttons/inbox_pas.png" width="32" height="32" title="checkmail" />
+<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" />
+<roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" />
+<roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" />
+<roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" />
+<roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" />
+<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" />
+<roundcube:button command="print" imageSel="/images/buttons/print_sel.png" imageAct="/images/buttons/print_act.png" imagePas="/images/buttons/print_pas.png" width="32" height="32" title="printmessage" />
+
+<div>
+<span id="listcontrols">
+<roundcube:label name="select" />:
+<roundcube:button command="select-all" label="all" classAct="active" />
+<roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />
+<roundcube:button command="select-none" label="none" classAct="active" />
+</span>
+
+<span id="threadcontrols">
+<roundcube:label name="threads" />:
+<roundcube:button command="expand-all" label="expand-all" classAct="active" />
+<roundcube:button command="collapse-all" label="collapse-all" classAct="active" />
+</span>
+<roundcube:if condition="env:quota" />
+<span id="quotabox">
+<roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
+</span>
+<roundcube:endif />
+
+<span id="countcontrols">
+<roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessages" />
+<roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessages" />
+&nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
+<roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessages" />
+<roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessages" />
+</span>
+</div>
+
+<div id="markmessagemenu">
+  <ul class="toolbarmenu">
+    <li><roundcube:button command="mark" prop="read" label="markread" classAct="active" /></li>
+    <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="active" /></li>
+    <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="active" /></li>
+    <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="active" /></li>
+  </ul>
+</div>
+
+<div id="searchfilter">
+  <label for="rcmlistfilter"><roundcube:label name="filter" /></label>:
+  <roundcube:object name="searchfilter" class="searchfilter" />
+</div>
+</div>
+
+<div id="quicksearchbar">
+<roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/managefolders.html b/roundcubemail/skins/npk/templates/managefolders.html
new file mode 100644
index 000000000..8808f5130
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/managefolders.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/settings.css" />
+<script type="text/javascript" src="/functions.js"></script>
+</head>
+<body onload="rcube_init_settings_tabs()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+<roundcube:include file="/includes/settingstabs.html" />
+
+<form name="subscriptionform" action="./" onsubmit="rcmail.command('create-folder');return false;">
+
+<div id="folder-manager">
+<roundcube:object name="foldersubscription" form="subscriptionform" id="subscription-table"
+  cellpadding="1" cellspacing="0" summary="Folder subscription table"
+  deleteIcon="/images/icons/folder-trash.png"
+  renameIcon="/images/icons/rename.png" />
+</div>
+
+<div id="bottomboxes">
+<div class="settingsbox">
+<div class="boxtitle"><roundcube:label name="createfolder" /></div>
+
+<div class="settingspart">
+<roundcube:label name="foldername" />:&nbsp;
+<roundcube:object name="createfolder" form="subscriptionform" hintbox="rcmailaddfolderhint" />
+<roundcube:button command="create-folder" type="input" class="button" label="create" />
+<div id="rcmailaddfolderhint" class="hint" style="margin-top:1em; height:16px"></div>
+</div>
+</div>
+
+</div>
+
+</form>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/message.html b/roundcubemail/skins/npk/templates/message.html
new file mode 100644
index 000000000..8d915e056
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/message.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/mail.css" />
+<script type="text/javascript" src="/splitter.js"></script>
+<style type="text/css">
+#mailboxlist-container { width: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 160" />px; }
+#messageframe {
+    left: <roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />px;
+    width: expression((parseInt(this.parentNode.offsetWidth)-<roundcube:exp expression="!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 170" />)+'px');
+}
+</style>
+</head>
+<body>
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+
+<div id="messagecountbar">
+<roundcube:button command="firstmessage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessage" />
+<roundcube:button command="previousmessage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessage" />
+&nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
+<roundcube:button command="nextmessage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessage" />
+<roundcube:button command="lastmessage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessage" />
+</div>
+
+<div id="messagetoolbar">
+<roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" />
+<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" />
+<roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" />
+<roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" />
+<roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" />
+<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" />
+<roundcube:button command="print" imageSel="/images/buttons/print_sel.png" imageAct="/images/buttons/print_act.png" imagePas="/images/buttons/print_pas.png" width="32" height="32" title="printmessage" />
+<roundcube:button command="viewsource" imageSel="/images/buttons/source_sel.png" imageAct="/images/buttons/source_act.png" imagePas="/images/buttons/source_pas.png" width="32" height="32" title="viewsource" />
+<roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" />
+
+<roundcube:object name="mailboxlist" type="select" noSelection="copyto" maxlength="25" onchange="rcmail.command('copyto', this.options[this.selectedIndex].value)" class="mboxlist" />
+
+</div>
+
+<div id="mainscreen">
+
+<div id="mailboxlist-container">
+<div id="mailboxlist-header"><roundcube:label name="mailboxlist" /></div>
+<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="25" />
+</div>
+
+<div id="messageframe">
+<div id="messagecanvas">
+<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" addicon="/images/icons/plus.gif" summary="Message headers" />
+<roundcube:object name="messageAttachments" id="attachment-list" />
+
+<roundcube:object name="blockedObjects" id="remote-objects-message" />
+<roundcube:object name="messageBody" id="messagebody" />
+</div>
+</div>
+
+</div>
+
+<script type="text/javascript">
+    var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailboxlist-container', p2: 'messageframe', orientation: 'v', relative: true, start: 165});
+    rcmail.add_onload('mailviewsplitv.init()');
+</script>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/messagepart.html b/roundcubemail/skins/npk/templates/messagepart.html
new file mode 100644
index 000000000..c524b7f23
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/messagepart.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/mail.css" />
+</head>
+<body class="extwin">
+
+<roundcube:include file="/includes/header.html" />
+
+<div id="partheader">
+<roundcube:object name="messagePartControls" cellpadding="2" cellspacing="0" />
+
+<div style="position:absolute; top:2px; right:0; width:12em; text-align:right">
+  [<a href="#close" class="closelink" onclick="self.close()"><roundcube:label name="close" /></a>]
+</div>
+</div>
+
+
+<div id="messagepartcontainer">
+<roundcube:object name="messagePartFrame" id="messagepartframe" width="100%" height="100%" />
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/messagepreview.html b/roundcubemail/skins/npk/templates/messagepreview.html
new file mode 100644
index 000000000..24848bbe7
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/messagepreview.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<link rel="stylesheet" type="text/css" href="/common.css" />
+<link rel="stylesheet" type="text/css" href="/mail.css" />
+</head>
+<body class="iframe">
+
+<div class="messageheaderbox">
+<roundcube:button command="permaurl" image="/images/icons/extwin.png" width="15" height="15" title="openinextwin" id="messageviewlink" target="_blank" />
+<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" addicon="/images/icons/plus.gif" summary="Message headers" />
+<roundcube:object name="messageAttachments" id="attachment-list" />
+</div>
+
+<roundcube:object name="blockedObjects" id="remote-objects-message" />
+<roundcube:object name="messageBody" id="messagebody" />
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/printmessage.html b/roundcubemail/skins/npk/templates/printmessage.html
new file mode 100644
index 000000000..17ea7bf5a
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/printmessage.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<link rel="stylesheet" type="text/css" href="/print.css" />
+</head>
+<body>
+
+<div id="header"><img src="/images/roundcube_logo_print.gif" alt="<roundcube:object name="productname" />" /></div>
+
+<div id="printmessageframe">
+<roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" />
+<roundcube:object name="messageAttachments" id="attachment-list" />
+<roundcube:object name="messageBody" id="messagebody" showImages="false" />
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/settings.html b/roundcubemail/skins/npk/templates/settings.html
new file mode 100644
index 000000000..a3f5298cd
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/settings.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/settings.css" />
+<script type="text/javascript" src="/functions.js"></script>
+</head>
+<body onload="rcube_init_settings_tabs()">
+
+<roundcube:include file="/includes/taskbar.html" />
+<roundcube:include file="/includes/header.html" />
+<roundcube:include file="/includes/settingstabs.html" />
+
+<form name="form" action="./" method="post">
+
+<div id="userprefs-box">
+<div id="userprefs-title"><roundcube:label name="userpreferences" /></div>
+
+<div style="padding:15px 0 15px 15px">
+<div class="userprefs-block">
+  <roundcube:object name="userprefs" form="form" parts="general,mailbox,mailview" />
+</div>
+<div class="userprefs-block">
+  <roundcube:object name="userprefs" form="form" parts="compose,folders,server" />
+</div>
+<div style="clear:left"></div>
+</div>
+</div>
+
+<p id="listbuttons">
+<roundcube:button command="save" type="input" class="button mainaction" label="save" />
+</p>
+
+</form>
+
+<div class="advswitch">
+<label for="advswitch"><roundcube:label name="advancedoptions"></label>
+<input type="checkbox" id="advswitch" name="_advanced" value="0" onclick="rcube_show_advanced(this.checked)" />
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/templates/showcontact.html b/roundcubemail/skins/npk/templates/showcontact.html
new file mode 100644
index 000000000..79304578c
--- /dev/null
+++ b/roundcubemail/skins/npk/templates/showcontact.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+<link rel="stylesheet" type="text/css" href="/addresses.css" />
+</head>
+<body class="iframe">
+
+<div id="contact-title" class="boxtitle"><roundcube:object name="contactdetails" part="name" /></div>
+
+<div id="contact-details">
+<roundcube:object name="contactdetails" />
+
+<p><br /><roundcube:button command="edit" type="input" class="button" label="editcontact" condition="!ENV:readonly" /></p>
+</div>
+
+</body>
+</html>
diff --git a/roundcubemail/skins/npk/watermark.html b/roundcubemail/skins/npk/watermark.html
new file mode 100644
index 000000000..ebad64361
--- /dev/null
+++ b/roundcubemail/skins/npk/watermark.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title></title>
+</head>
+<body style="background-color:#F2F2F2; width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');">
+
+<div style="margin:20px auto; text-align:center">
+<img src="images/watermark.gif" width="260" height="228" alt="" />
+</div>
+
+</body>
+</html>
+\ No newline at end of file
author	Nathan Kinkade <nkinkade@nkinka.de>	2009-03-05 20:55:17 +0000
committer	Nathan Kinkade <nkinkade@nkinka.de>	2009-03-11 12:51:51 +0000
commit	bc3c5f3f9922ae33c3f0077b71650ec5749d72dc (patch)
tree	109b816af8fa07088bc85a8e9b85a61941ce8b0b
parent	fb12536a012c44012030933a9cc889a176efc536 (diff)