Branch 'dev/less' - skins/chameleon

Thomas Brüderli bruederli at kolabsys.com
Mon Jan 5 21:27:11 CET 2015


 skins/chameleon/README              |    2 
 skins/chameleon/includes/links.html |    2 
 skins/chameleon/styles.css          | 2897 -----------------------------------
 skins/chameleon/styles.less         | 2906 ++++++++++++++++++++++++++++++++++++
 4 files changed, 2908 insertions(+), 2899 deletions(-)

New commits:
commit 5bc42f052a9b2beb439c210c92521ceb0d252d04
Author: Thomas Bruederli <bruederli at kolabsys.com>
Date:   Mon Jan 5 21:27:04 2015 +0100

    2px border for focused input fields; styles.css -> styles.less

diff --git a/skins/chameleon/README b/skins/chameleon/README
index 2505861..1a8a806 100644
--- a/skins/chameleon/README
+++ b/skins/chameleon/README
@@ -20,7 +20,7 @@ styles.css is written using LESS syntax. Thus it needs to be compliled
 using the `lessc` commandline line tool. This comes with the `nodejs-less`
 RPM package which depends on nodejs.
 
- $ lessc -x skins/chameleon/styles.css > destination-directory/styles.css
+ $ lessc -x skins/chameleon/styles.less > destination-directory/styles.css
 
 (the -x option minifies the CSS code)
 
diff --git a/skins/chameleon/includes/links.html b/skins/chameleon/includes/links.html
index 65dbaca..b16c038 100644
--- a/skins/chameleon/includes/links.html
+++ b/skins/chameleon/includes/links.html
@@ -6,7 +6,7 @@
 <roundcube:endif />
 <script type="text/javascript" src="skins/larry/ui.js"></script>
 <roundcube:if condition="config:devel_mode" />
-<link rel="stylesheet/less" type="text/css" href="/styles.css" />
+<link rel="stylesheet/less" type="text/css" href="/styles.less" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.2.0/less.min.js"></script>
 <roundcube:else />
 <link rel="stylesheet" type="text/css" href="/styles.css" />
diff --git a/skins/chameleon/styles.css b/skins/chameleon/styles.css
deleted file mode 100644
index c5e687f..0000000
--- a/skins/chameleon/styles.css
+++ /dev/null
@@ -1,2897 +0,0 @@
-/**
- * Styles for the Kolab web client
- *
- * Copyright (C) 2014-2015, Kolab Systems AG <contact at kolabsys.com>
- * Screendesign by Kolab Digital, London, kolabdigital.com
- *
- * The contents of this folder can be redistributed and/or modified
- * under the terms of the GNU Affero General Public License as published
- * by the Free Software Foundation, either version 3 of the License,
- * or (at your option) any later version.
- */
-
- at import (reference) "colors.less";
-
-body {
-	background: #e7e7e7 url(images/bg.gif) 0 0 repeat-x;
-	color: @text-color;
-	font-family: Brandon Grotesque, Muli, Noto Sans, Montserat, Trebuchet MS, Fira Sans, Lucida Grande, Lucida Sans Unicode, Lucid Sans, Tahoma, sans-serif;
-	font-size: 12px;
-}
-
-body.extwin {
-	background: #e7e7e7 url(images/bg_extwin.gif) 0 0 repeat-x;
-}
-
-body.login {
-	background: #e7e7e7;
-}
-
-body.login #header {
-	background: #3a3a3a;
-}
-
-/*** basic page layout ***/
-
-#login-form .box-inner {
-	padding-top: 40px;
-	background: #fff;
-	border: none;
-	border-radius: 0;
-}
-
-#login-form .box-bottom {
-	background: transparent;
-}
-
-#login-form td.title {
-	color: @main-color;
-	text-shadow: none;
-	font-weight: bold;
-}
-
-#login-form input.button {
-	border: none;
-	text-shadow: none;
-	color: #fff;
-	box-shadow: none;
-	background: @main-color;
-}
-
-#login-form input.button:hover,
-#login-form input.button:focus {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-#login-form p.formbuttons {
-	margin-left: 20%;
-	padding-left: 8px;
-	margin-top: 5px;;
-	text-align: left;
-}
-
-.topgradient {
-	height: 0;
-}
-
-#mainscreen {
-	top: 65px;
-	bottom: 15px;
-}
-
-#mainscreen.offset {
-	top: 122px;
-}
-
-#mainscreen .offset {
-	top: 57px;
-}
-
-.extwin #mainscreen {
-	top: 25px;
-}
-
-#mainscreencontent {
-	top: 57px;
-}
-
-#messagestack {
-	right: 10px;
-	bottom: 15px;
-	padding: 0 2px;
-}
-
-#header {
-	height: 60px;
-	overflow: hidden;
-}
-
-.extwin #header {
-	height: 20px;
-}
-
-#toplogo {
-	margin-top: 8px;
-	margin-left: 18px;
-	paddin: 0;
-	float: left;
-}
-
-#header span.username {
-	padding: 0 15px;
-	color: #d9d9d9;
-	line-height: 60px;
-}
-
-#header .aboutlinks {
-	display: inline-block;
-	visibility: hidden;
-	padding: 0 25px;
-	color: #d9d9d9;
-	line-height: 60px;
-}
-
-#header a {
-	color: #f9f9f9;
-}
-
-#header .topleft:hover .aboutlinks {
-	visibility: visible;
-}
-
-.extwin #header .aboutlinks {
-	display: none;
-}
-
-#helptoolbar,
-#taskstoolbar,
-.notesview #notestoolbar,
-#calendartoolbar,
-#addressbooktoolbar,
-#filestoolbar,
-#messagetoolbar {
-	height: 50px;
-	top: 0px;
-	left: -2px;
-}
-
-#messagesearchtools,
-#quicksearchbar,
-.notesview #quicksearchbar {
-	top: 7px;
-}
-
-#messagesearchtools #quicksearchbar {
-	top: 2px;
-}
-
-.splitter-v {
-	background: url(images/splitter.png) -1px center no-repeat;
-}
-
-.splitter-h {
-	background: url(images/splitter.png) center -1px no-repeat;
-}
-
-.ktaskmenu {
-	display: block;
-	position: relative;
-	height: 60px;
-	min-width: 200px;
-	background: #2c2c2c url(images/taskmenu.png) 1px 4px no-repeat;
-	overflow: visible;
-	outline: none;
-}
-
-#composebody:active,
-#composebody:focus {
-	box-shadow: 0 0 3px 2px @focus-color inset;
-}
-
-.ktaskmenu:focus {
-	background-color: @focus-color;
-}
-
-.ktaskmenu .activetask {
-	display: block;
-	font-size: 15px;
-	font-weight: bold;
-	color: #fff;
-	margin: 17px 0 17px 20px;
-	height: 26px;
-	line-height: 26px;
-	padding: 0 35px 0 40px;
-	min-width: 110px;
-	cursor: default;
-	background: url(images/buttons.png) -100px 0 no-repeat;
-}
-
-#ktaskpopup {
-	display: none;
-	position: absolute;
-	top: 60px;
-	right: 0px;
-	width: 195px;
-	height: auto;
-	z-index: 500;
-}
-
-#ktaskpopup .popupmenu {
-	display: block;
-	position: static;
-	top: auto;
-	left: auto;
-	right: auto;
-	width: 100%;
-	border: 0;
-	border-radius: 0;
-}
-
-#ktaskpopup a {
-	display: block;
-	border-bottom: 1px solid #828282;
-	color: #fff;
-	text-decoration: none;
-	min-width: 160px;
-	min-height: 14px;
-	padding: 0 10px;
-	white-space: nowrap;
-	outline: none;
-}
-
-#ktaskpopup a:hover {
-	color: @hightlight-text;
-}
-
-#ktaskpopup a .button-inner {
-	display: block;
-	margin: 0;
-	height: 18px;
-	padding: 6px 8px 3px 30px;
-	background-image: url(images/buttons.png);
-	background-repeat: no-repeat;
-}
-
-.ktaskmenu .activetask.mail,
-.ktaskmenu .button-mail .button-inner {
-	background-position: -4px 2px;
-}
-
-.ktaskmenu .activetask.addressbook,
-.ktaskmenu .button-addressbook .button-inner {
-	background-position: -4px -46px;
-}
-
-.ktaskmenu .activetask.help,
-.ktaskmenu .button-help .button-inner {
-	background-position: -5px -23px;
-}
-
-.ktaskmenu .activetask.calendar,
-.ktaskmenu .button-calendar .button-inner {
-	background-position: -4px -142px;
-}
-
-.ktaskmenu .activetask.tasks,
-.ktaskmenu .button-tasklist .button-inner {
-	background-position: -4px -70px;
-}
-
-.ktaskmenu .activetask.settings,
-.ktaskmenu .button-settings .button-inner {
-	background-position: -5px -95px;
-}
-
-.ktaskmenu .activetask.notes,
-.ktaskmenu .button-notes .button-inner {
-	background-position: -4px -2582px;
-}
-
-.ktaskmenu .button-logout .button-inner {
-	background-position: -5px -119px;
-}
-
-.ktaskmenu .button-logout:hover .button-inner,
-.ktaskmenu .button-logout:focus .button-inner {
-	background-position: -5px -2944px;
-}
-
-.ktaskmenu .button-mail:hover .button-inner,
-.ktaskmenu .button-mail:focus .button-inner {
-	background-position: -4px -2636px;
-}
-
-.ktaskmenu .button-addressbook:hover .button-inner,
-.ktaskmenu .button-addressbook:focus .button-inner {
-	background-position: -4px -2683px;
-}
-
-.ktaskmenu .button-help:hover .button-inner,
-.ktaskmenu .button-help:focus .button-inner {
-	background-position: -5px -2660px;
-}
-
-.ktaskmenu .button-calendar:hover .button-inner,
-.ktaskmenu .button-calendar:focus .button-inner {
-	background-position: -4px -2779px;
-}
-
-.ktaskmenu .button-tasklist:hover .button-inner,
-.ktaskmenu .button-tasklist:focus .button-inner {
-	background-position: -4px -2707px;
-}
-
-.ktaskmenu .button-settings:hover .button-inner,
-.ktaskmenu .button-settings:focus .button-inner {
-	background-position: -5px -2732px;
-}
-
-.ktaskmenu .button-notes:hover .button-inner,
-.ktaskmenu .button-notes:focus .button-inner {
-	background-position: -5px -2755px;
-}
-
-#ktaskpopup a.button-files .button-inner {
-	display: block;
-	margin: 0;
-	height: 18px;
-	padding: 6px 8px 1px 30px;
-	background-image: url(images/listicons.png);
-	background-repeat: no-repeat;
-	background-position: -2px 2px;
-}
-
-#ktaskpopup a.button-files:hover .button-inner,
-#ktaskpopup a.button-files:focus .button-inner {
-	background-position: -2px -46px;
-}
-
-.ktaskmenu .activetask.files {
-	background-image: url(images/listicons.png);
-	background-position: -1px 2px;
-}
-
-.ktaskmenu .dropdownhandle {
-	position: absolute;
-	display: block;
-	top: 0;
-	right: 0;
-	width: 27px;
-	height: 60px;
-	background: url(images/taskmenu.png) 0 -58px no-repeat;
-}
-
-#messagestack div {
-	background: #5d5d5d;
-	border: none;
-	border-radius: 0;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	text-shadow: none;
-	opacity: 0.95;
-	padding: 10px 10px 10px 35px;
-}
-
-.uibox,
-.uibox .boxfooter,
-.uibox .boxtitle,
-.uibox .listing thead th,
-.uibox .listing thead td,
-html.mozilla #mailboxlist > li:first-child,
-.moreheaderstoggle,
-.messagelist thead th:first-child,
-.popupmenu,
-.popupmenu.dropdown,
-.rcube-fc-content,
-#calendar .fc-header .fc-button,
-.calendarmain #calendar .fc-header-left .fc-button,
-.calendarmain #calendar .fc-header-left .fc-button:focus,
-#rcmKSearchpane,
-#composebody,
-#contact-frame,
-#messagecontframe,
-#messagelistfooter,
-#preferences-frame,
-#helpcontentframe,
-#mailview-bottom {
-	border-radius: 0;
-	border: none;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	text-shadow: none;
-}
-
-.uibox .boxfooter .listbutton:first-child {
-	border-radius: 0;
-}
-
-
-/** color style overrides **/
-
-.ui-widget-content a,
-a {
-	color: @link-color;
-}
-
-a:visited {
-	color: #333;
-}
-
-.boxfooter .countdisplay {
-	color: #666;
-}
-
-.listbox,
-.listbox .boxfooter,
-.listbox table.listing,
-.ui-dialog .listbox,
-ul.listing li {
-	background: #fff;
-}
-
-.boxfooter .listbutton {
-	background: #ededed;
-	margin-top: 0;
-	padding: 4px 0;
-}
-
-#contacts-table td span.email,
-.listbox .listitem a,
-.listbox .tablink a,
-.listing tbody td,
-.listing tbody td a,
-.listing li a {
-	color: #3a3a3a;
-	height: 17px;
-	line-height: 17px;
-	text-shadow: none;
-	margin-top: 2px;
-	margin-bottom: 2px;
-}
-
-.listing tbody td {
-	height: 21px;
-	line-height: 21px;
-	text-shadow: none;
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-table.records-table {
-	border-color: #ededed;
-}
-
-.records-table tbody td {
-	padding: 5px 7px 6px;
-	border-bottom-color: #ededed;
-	border-left-color: #ededed;
-}
-
-ul.treelist li a:focus,
-ul.listing .listitem a:focus,
-ul.listing .listitem span:focus,
-ul.listing.focus .listitem.focused span {
-	background-color: @focus-color;
-	text-shadow: none;
-	color: @text-color !important;
-}
-
-.messagelist tr th.threads .listmenu:focus,
-.records-table thead th a:focus,
-.boxfooter a.listbutton:focus,
-.toolbar a.button:focus,
-.dropbutton .dropbuttontip:focus,
-.pagenav a.button:focus,
-.pagenav.dark a.button:focus,
-.previewheader a.button:focus,
-#composeheaders a.button:focus,
-.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default,
-#calendar .fc-header .fc-button:focus {
-	background-color: @focus-color !important;
-	text-shadow: none;
-	color: @text-color !important;
-	outline: none;
-}
-
-.pagenav a.button.pressed,
-.pagenav.dark a.button.pressed,
-.buttongroup a.button:focus,
-.buttongroup a.button.selected:focus,
-.moreheaderstoggle:focus {
-	background: @focus-color !important;
-	text-shadow: none;
-	color: @text-color !important;
-}
-
-.mce-panel {
-	background: #f9f9f9 !important;
-	border-bottom: 1px solid #ededed !important;
-}
-
-.listbox .listitem.selected,
-.listbox .tablink.selected,
-.listbox .listitem.selected > a,
-.listbox .tablink.selected > a,
-.listing tbody tr.unfocused td,
-.listing tbody tr.selected td,
-.listing li.selected,
-.listing li.selected > a,
-.messagelist tr.thread.expanded td,
-#calendars .treelist li.selected > div.calendar {
-	color: @text-color;
-	background-color: #f9f9f9;
-}
-
-.listbox .listitem,
-.listbox .tablink,
-.listing tbody td,
-.listing li {
-	border-bottom: 1px solid #ededed !important;
-	border-top: 0;
-}
-
-.folderlist li.mailbox ul,
-ul.listing li ul {
-	border-top-color: #ededed;
-}
-
-ul.treelist li ul li:last-child {
-	border-bottom: none !important;
-}
-
-.records-table tr.selected td a,
-.records-table tr.selected td span {
-	color: @hightlight-text !important;
-}
-
-.records-table tr.selected td {
-	background-color: @main-color !important;
-	color: @hightlight-text !important;
-}
-
-.records-table.focus tbody tr.focused > td:first-child,
-.listing.focus tbody tr.focused > td:first-child,
-.notesview #kolabnoteslist.focus li.focused {
-	border-left-color: @main-color;
-}
-
-ul.toolbarmenu {
-	border: 1px solid #828282;
-}
-
-select.decorated option,
-ul.toolbarmenu li,
-.ui-menu .ui-menu-item a,
-#rcmKSearchpane ul li {
-	background: #3a3a3a;
-}
-
-select.decorated option,
-.googie_list td,
-ul.toolbarmenu li,
-.ui-menu .ui-menu-item,
-#rcmKSearchpane ul li {
-	border-top: none;
-	border-bottom: 1px solid #828282;
-	text-shadow: none !important;
-}
-
-.googie_list td span,
-ul.toolbarmenu li a {
-	text-shadow: none;
-}
-
-.ktaskmenu .popupmenu a:hover,
-.ktaskmenu .popupmenu a:focus,
-#rcmKSearchpane ul li.selected,
-.records-table.focus tr.selected td,
-.googie_list td.googie_list_onhover,
-ul.toolbarmenu li a.active:hover,
-ul.toolbarmenu li a.active:focus,
-select.decorated option:hover,
-select.decorated option:focus,
-select.decorated option[selected='selected'],
-.ui-menu .ui-menu-item a.ui-state-focus,
-.ui-menu .ui-menu-item a.ui-state-active {
-	color: @hightlight-text !important;
-	background: @main-color !important;
-	text-shadow: none;
-}
-
-.records-table thead th,
-.fc-widget-header,
-.calendarmain .fc-view-table td.fc-list-header,
-#compose-attachments,
-#attendees-freebusy-table h3.boxtitle,
-#schedule-freebusy-times thead th,
-#edit-attendees-table thead th {
-	color: #4c4c4c;
-	background: #f9f9f9;
-	border-left: 1px solid #ededed;
-}
-
-.messagelist thead th:first-child,
-.messagelist thead th {
-	border-bottom: 1px solid #ededed;
-}
-
-.records-table thead th a,
-.records-table thead th span {
-	color: #4c4c4c;
-	height: 16px;
-	line-height: 16px;
-}
-
-input[type="text"],
-input[type="password"],
-#login-form input[type="text"],
-#login-form input[type="password"],
-.searchbox input,
-#quicksearchbar input,
-.tagedit-list,
-textarea {
-	border-radius: 1px;
-	border: 1px solid #dbdbdb;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	background: #fff;
-}
-
-input[type="text"],
-input[type="password"] {
-	padding: 5px;
-	background: #fff;
-	border: 1px solid #dbdbdb;
-}
-
-input[type="text"]:focus,
-input[type="password"]:focus,
-input.button:focus,
-textarea:focus {
-	border-color: @outline-color !important;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-input[type="text"]:required,
-input[type="password"]:required {
-	border-color: #e73023;
-}
-
-#tasksview .buttonbar,
-body.iframe .boxtitle,
-.uibox .boxtitle,
-.uibox .listing thead th,
-.uibox .listing thead td {
-	background: #f9f9f9;
-	color: @main-color;
-	border-bottom: 1px solid #ebebeb;
-}
-
-.listbox .boxfooter {
-	border-top: 1px solid #ededed;
-}
-
-.moreheaderstoggle {
-	background: #828282;
-}
-
-#messagecontent .rightcol,
-#messagepreview .rightcol {
-	background: none;
-	border-radius: 0;
-}
-
-#quotadisplay {
-	color: @text-color;
-	background-image: url(images/quota.png);
-}
-
-#all-headers {
-	border-radius: 0;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	background: #fff;
-	border: 1px solid #ededed;
-}
-
-#messagelistfooter {
-	background: #f9f9f9;
-	border: none;
-	height: 26px;
-	padding: 6px 6px 2px;
-}
-
-#messagelistcontainer {
-	bottom: 34px;
-}
-
-#mailpreviewtoggle {
-	top: 10px;
-}
-
-.filelist thead tr th.sortedASC a,
-.filelist thead tr th.sortedDESC a,
-.messagelist thead tr th.sortedASC a,
-.messagelist thead tr th.sortedDESC a {
-	color: #4c4c4c;
-	background-image: url(images/listicons.png);
-}
-
-.folderlist li.mailbox.unread > a {
-	padding-right: 24px;
-}
-
-.folderlist li.mailbox .unreadcount,
-.folderlist li.mailbox.selected > a .unreadcount,
-.folderlist li.mailbox.recent > a .unreadcount {
-	top: 8px;
-	right: 8px;
-	min-width: 1em;
-	text-align: right;
-	padding: 0;
-	font-size: inherit;
-	font-weight: bold;
-	color: #4c4c4c;
-	border-radius: 0;
-	background: none;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.folderlist li.mailbox div.treetoggle {
-	top: 15px;
-	left: 20px;
-}
-
-#directorylist li a,
-ul.toolbarmenu li span.icon,
-.folderlist li.mailbox a,
-.folderlist li.mailbox div.collapsed,
-.folderlist li.mailbox div.expanded,
-.messagelist tr td div.collapsed,
-.messagelist tr td div.expanded,
-.messagelist tr .threads .listmenu,
-.messagelist tr .attachment span.attachment,
-.messagelist tr .attachment span.report,
-.messagelist tr .priority span.priority,
-.messagelist tr .priority span.prio1,
-.messagelist tr .priority span.prio2,
-.messagelist tr .priority span.prio3,
-.messagelist tr .priority span.prio4,
-.messagelist tr .priority span.prio5,
-.messagelist tr .flag span.flagged,
-.messagelist tr .flag span.unflagged,
-.messagelist tr .flag span.unflagged:hover,
-.messagelist tr .status span.status,
-.messagelist tr .status span.msgicon,
-.messagelist tr .status span.deleted,
-.messagelist tr .status span.unread,
-.messagelist tr .status span.unreadchildren,
-.messagelist tr .subject span.msgicon,
-.messagelist tr .subject span.deleted,
-.messagelist tr .subject span.unread,
-.messagelist tr .subject span.replied,
-.messagelist tr .subject span.forwarded,
-.messagelist tr d.subject span.unreadchildren,
-#contacts-table td.contact,
-#contacts-table td.contactgroup,
-#compose-contacts li a,
-#contacts-table .contact td.name,
-#contacts-table .contact td.action a,
-#sections-table tbody td,
-#settings-sections .listitem a,
-#settings-sections .tablink a,
-ul.treelist li div.treetoggle,
-ul.toolbarmenu li span.icon.taskadd,
-ul.toolbarmenu li .appendnote span.icon {
-	background-image: url(images/listicons.png);
-}
-
-#settings-sections .filter a {
-	background-position: 6px -1748px;
-}
-
-#settings-sections .filter.selected a {
-	background-position: 6px -1772px;
-}
-
-#settings-sections .responses a {
-	background-position: 6px -2460px;
-}
-
-#settings-sections .responses.selected a {
-	background-position: 6px -2484px;
-}
-
-#settings-sections .identities a {
-	background-position: 6px -479px;
-}
-
-#settings-sections .identities.selected a {
-	background-position: 6px -503px;
-}
-
-#sections-table #rcmrowmailview .section {
-	background-position: 4px -730px;
-}
-
-#sections-table #rcmrowmailview.selected .section {
-	background-position: 4px -730px;
-}
-
-#sections-table #rcmrowserver .section,
-#sections-table #rcmrowserver.selected .section {
-	background-position: 4px -835px;
-}
-
-#preferences-details fieldset.advanced legend {
-	box-sizing: border-box;
-}
-
-#preferences-details fieldset.advanced .advanced-toggle {
-	background-image: url(images/listicons.png);
-	top: 8px;
-	right: 0;
-}
-
-ul.toolbarmenu li span.icon.taskadd {
-	background-position: 0px -1973px;
-}
-
-ul.toolbarmenu li .appendnote span.icon {
-	background-position: 0px -2626px;
-}
-
-ul.toolbarmenu li span.icon.filterlink {
-	background-position: 0 -1926px;
-}
-
-ul.toolbarmenu li span.icon.move {
-	background-position: -1px -96px;
-}
-
-ul.toolbarmenu li span.icon.copy {
-	background-position: -1px -96px;
-}
-
-ul.toolbarmenu li span.icon.print {
-	background-position: -1px -3003px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.download {
-	background-position: 0 -2978px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.edit {
-	background-position: 0 -2954px;
-}
-
-div.contextmenu ul.iconized li:hover a.openfolder.active span.icon,
-ul.toolbarmenu li:hover a.active span.icon.extwin {
-	background-position: -1px -3096px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.filterlink {
-	background-position: 0 -3026px;
-}
-
-ul.toolbarmenu li:hover a.active span.mail {
-	background-position: 0 -2830px;
-}
-
-ul.toolbarmenu li:hover a.active span.list {
-	background-position: 0 -2854px;
-}
-
-ul.toolbarmenu li:hover a.active span.invert {
-	background-position: 0 -2877px;
-}
-
-ul.toolbarmenu li:hover a.active span.flagged {
-	background-position: 1px -2920px;
-}
-
-ul.toolbarmenu li:hover a.active span.unread {
-	background-position: 1px -2895px;
-}
-
-ul.toolbarmenu li a.calendarlink span.calendar,
-#attachmentmenu li a.calendarlink span.calendar {
-	background-position: 0px -1948px;
-}
-
-ul.toolbarmenu li:hover a.calendarlink.active span.calendar,
-#attachmentmenu li:hover a.calendarlink.active span.calendar {
-	background-position: 0 -3048px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.note {
-	background-position: -1px -3117px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.taskadd {
-	background-position: 0 -3073px;
-}
-
-ul.toolbarmenu li:hover a.active span.icon.copy,
-ul.toolbarmenu li:hover a.active span.icon.move {
-	background-position: -1px -74px;
-}
-
-.folderlist li.mailbox.trash.empty > a {
-	background-position: 6px -382px;
-}
-
-.folderlist li.mailbox.trash.empty > a:focus,
-.folderlist li.mailbox.trash.empty.selected > a {
-	background-position: 6px -406px;
-}
-
-#taskitemmenu ul.toolbarmenu li span.add {
-	background-position: 0px -1996px;
-}
-
-a.iconlink,
-a.iconbutton,
-a.deletebutton,
-a.button span.icon,
-.toolbar a.button,
-.boxpagenav a.icon,
-.draglayercopy:before,
-.dropbutton .dropbuttontip,
-.pagenav a.button span.inner,
-.boxfooter .listbutton .inner,
-.attachmentslist li a.delete,
-.attachmentslist li a.cancelupload,
-.attachmentslist li a.drop,
-#taskbar a span.button-inner,
-#mailpreviewtoggle,
-div.more-headers,
-.moreheaderstoggle .iconlink,
-#calendartoolbar a.button,
-#filestoolbar a.button,
-#taskstoolbar a.button {
-	background-image: url(images/buttons.png);
-	text-shadow: none;
-}
-
-.dropbutton .dropbuttontip {
-	right: 4px;
-}
-
-a.iconbutton.reset {
-	background-position: -26px -317px;
-}
-
-.toolbar a.button.license
-a.iconbutton.searchicon,
-body.calendarmain #searchmenulink,
-body.tasklistview #searchmenulink {
-	width: 16px;
-}
-
-#messageheader #contactphoto {
-	background-image: url(images/contactpic_48px.png);
-	border: none;
-	border-radius: 10px;
-}
-
-#messageheader.previewheader #contactphoto {
-	background-image: url(images/contactpic_32px.png);
-	border: none;
-}
-
-#composebodycontainer .mce-panel {
-	background: #f9f9f9;
-	border-color: #ededed !important;
-	margin-top: 0;
-}
-
-#compose-attachments {
-	border-top: none;
-	top: 0;
-}
-
-ul.treelist li div.treetoggle {
-	background-position: -3px -142px;
-}
-
-ul.treelist li div.treetoggle.expanded {
-	background-position: -3px -166px;
-}
-
-
-/*** form styles ***/
-
-ul.proplist li,
-table.propform td {
-	background: #f9f9f9;
-	border-bottom: 1px solid #ededed;
-	height: 26px;
-}
-
-table.propform td.title {
-	color: #4c4c4c;
-}
-
-.propform fieldset {
-	margin-bottom: 0;
-}
-
-.propform fieldset legend,
-.propform fieldset fieldset legend {
-	font-size: 12px;
-	color: #4c4c4c;
-	padding: 10px;
-}
-
-.contactfieldgroup {
-	background: #f9f9f9;
-	border-bottom: 1px solid #ededed;
-	border-radius: 0;
-	margin: 0;
-}
-
-.contactfieldgroup legend {
-	background: #f9f9f9;
-	color: @main-color;
-	border-radius: 0;
-	border: 0;
-	text-shadow: none;
-	padding: 10px 12px 0;
-}
-
-#contactsectioncontact .contactfieldgroup .row {
-	margin: -4px 0 4px;
-}
-
-.contactfieldgroup .contactfieldlabel {
-	line-height: 24px;
-}
-
-img.skinthumbnail {
-	border-radius: 0;
-	border-color: #ededed;
-}
-
-body.iframe .footerleft.floating,
-#composeview-bottom .formbuttons.floating {
-	padding: 7px 14px;
-}
-
-body.iframe .footerleft.floating:before,
-#composeview-bottom .formbuttons.floating:before {
-	background: none;
-	padding-bottom: 7px;
-	padding-top: 7px;
-}
-
-#sourcename,
-#contact-details #contactphoto {
-	padding-left: 10px;
-}
-
-a.menuselector {
-	border: 1px solid #dbdbdb;
-	border-radius: 1px;
-	background: #fff;
-	color: #4c4c4c;
-	height: 24px;
-	line-height: 24px;
-}
-
-a.menuselector .handle {
-	background: url(images/selector.png) right 0 no-repeat;
-	border-radius: 1px;
-	height: 24px;
-	line-height: 24px;
-	text-shadow: none;
-}
-
-#foldersubscriptions tbody td,
-#delegatefolders tbody td {
-	border-bottom: 1px solid #ededed;
-	background-color: #f9f9f9;
-}
-
-#foldersubscriptions thead th,
-#delegatefolders thead th {
-	border-bottom: 1px solid #ededed;
-	background-color: #f9f9f9;
-	color: @main-color;
-}
-
-a.menuselector:focus,
-a.menuselector.focus,
-a.iconbutton:focus,
-.pagenav a.button:focus {
-	border-color: @focus-color;
-	-webkit-box-shadow: 0 0 0 2px @outline-color;
-	box-shadow: 0 0 0 2px @outline-color;
-}
-
-
-/*** button styles ***/
-
-a.button, .buttongroup {
-	background: #e7e7e7;
-	color: @text-color;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	text-shadow: none;
-}
-
-.pagenav a.button,
-.pagenav a.button:hover,
-.pagenav.dark a.button,
-.pagenav.dark a.button:hover,
-.previewheader a.button,
-#composeheaders a.button {
-	background: none;
-	border: 0;
-	padding: 1px;
-	height: 16px;
-	border-radius: 0;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-a.button span.icon,
-.pagenav a.button span.inner {
-	height: 15px;
-}
-
-.boxpagenav a.icon {
-	height: 14px;
-}
-
-.pagenav .countdisplay {
-	text-shadow: none;
-}
-
-.pagenavbuttons {
-	top: 0;
-}
-
-.buttongroup {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	background-color: #ededed;
-	border-color: @main-color;
-}
-
-.buttongroup a.button.first,
-.buttongroup a.button:first-child {
-	border-radius: 2px 0 0 2px;
-}
-
-.buttongroup a.button.last,
-.buttongroup a.button:last-child {
-	border-radius: 0 2px 2px 0;
-}
-
-#messageheader .buttongroup,
-.previewheader .buttongroup,
-#composeheaders .buttongroup {
-	height: 16px;
-	background-color: transparent;
-	overflow: hidden;
-	position: relative;
-	top: -2px;
-}
-
-.buttongroup a.button,
-.buttongroup a.button.selected {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	border: none;
-	background-color: transparent;
-}
-
-.buttongroup a.button.selected,
-.buttongroup a.button.selected:hover {
-	color: #fff;
-	background: @main-color;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.previewheader a.button,
-#composeheaders a.button,
-.previewheader .pagenav a.button,
-#composeheaders .pagenav a.button,
-.previewheader a.button span.icon,
-#composeheaders a.button span.icon,
-.previewheader .pagenav a.button span.inner,
-#composeheaders .pagenav a.button span.inner {
-	width: 24px;
-	height: 24px;
-	margin: 0;
-}
-
-#messageheader .buttongroup a.button,
-.previewheader .buttongroup a.button,
-#composeheaders .buttongroup a.button,
-.previewheader .buttongroup a.button:hover,
-#composeheaders .buttongroup a.button:hover {
-	width: 16px;
-	height: 16px;
-	padding: 2px;
-}
-
-.previewheader .buttongroup a.button span.icon,
-#composeheaders .buttongroup a.button span.icon,
-.previewheader .buttongroup a.button span.inner,
-#composeheaders .buttongroup a.button span.inner {
-	width: 18px;
-	height: 16px;
-	margin: 1px 0;
-}
-
-.previewheader .pagenav a.reply span.inner,
-.previewheader a.button.reply span.icon {
-	background-position: -1px -263px;
-}
-
-.previewheader .pagenav a.replyall span.inner,
-.previewheader a.button.replyall span.icon {
-	background-position: -27px -263px;
-}
-
-.previewheader .pagenav a.forward span.inner,
-.previewheader a.button.forward span.icon {
-	background-position: -1px -187px;
-}
-
-.pagenav a.changeformat.html span.inner,
-a.button.changeformat.html span.icon {
-	background-position: -6px -2228px;
-}
-.pagenav a.changeformat.html.selected span.inner,
-a.button.changeformat.html.selected span.icon {
-	background-position: -30px -2228px;
-}
-
-.pagenav a.changeformat.text span.inner,
-a.button.changeformat.text span.icon {
-	background-position: -6px -2246px;
-}
-.pagenav a.changeformat.text.selected span.inner,
-a.button.changeformat.text.selected span.icon {
-	background-position: -30px -2246px;
-}
-
-.previewheader .pagenav a.extwin span.inner,
-#composeheaders .pagenav a.extwin span.inner,
-.previewheader a.button.extwin span.icon,
-#composeheaders a.button.extwin span.icon {
-	background-position: -27px -187px;
-}
-
-.toolbar a.button.responses {
-	background-position: center -2464px;
-}
-
-.toolbar a.button.move {
-	background-position: center -2544px;
-}
-
-#composebuttons {
-	top: 3px;
-	right: 3px;
-}
-
-#compose-contacts #directorylist {
-	border-bottom-color: #ededed;
-}
-
-.calendarmain #calendar .fc-button-today,
-.calendarmain #calendar .fc-button-today.fc-state-default,
-.calendarmain #calendar .fc-button-today.fc-state-hover,
-.ui-dialog .ui-dialog-buttonpane button,
-.ui-button.ui-state-default,
-a.button,
-input.button,
-.formbuttons input.button {
-	background: #e7e7e7;
-	border: none;
-	border-radius: 2px;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	text-shadow: none;
-	color: @text-color;
-	font-weight: bold;
-	padding: 6px 10px;
-	margin: 1px 2px;
-}
-
-.ui-dialog .ui-dialog-buttonpane button.mainaction,
-input.button.mainaction {
-	background: #add03e;
-	color: #fff;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	text-shadow: none;
-}
-
-.ui-dialog .ui-dialog-titlebar-close.ui-button:focus,
-.ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus {
-	-webkit-box-shadow: 0 0 0 2px @outline-color !important;
-	box-shadow: 0 0 0 2px @outline-color !important;
-}
-
-.ui-dialog .ui-dialog-buttonpane button.delete,
-input.button.delete {
-	background: #df4440;
-	color: #fff;
-}
-
-.ui-dialog .ui-dialog-buttonpane button:focus,
-.ui-dialog .ui-dialog-buttonpane button:hover,
-input.button.disabled:hover,
-input.button:hover,
-input.button:focus,
-.formbuttons input.button:focus,
-.formbuttons input.button:hover {
-	border: none;
-	color: @text-color;
-	background: #e0e0e0;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.toolbar a.button.disabled:hover {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.ui-dialog .ui-dialog-buttonpane button.mainaction:focus,
-.ui-dialog .ui-dialog-buttonpane button.mainaction:hover,
-input.button.mainaction:focus,
-input.button.mainaction:hover {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	border: none;
-	color: #fff;
-	background: #88b400;
-}
-
-.ui-dialog .ui-dialog-buttonpane button.delete:focus,
-.ui-dialog .ui-dialog-buttonpane button.delete:hover,
-input.button.delete:focus,
-input.button.delete:hover {
-	background: #d1403c;
-	color: #fff;
-}
-
-.popupdialog .formbuttons {
-	margin: 15px 0 4px;
-}
-
-.calendarmain #calendar .fc-button-today,
-.calendarmain #calendar .fc-button-today.fc-state-default {
-	top: -4px;
-	padding: 3px 10px;
-}
-
-.ui-dialog .ui-dialog-buttonpane button {
-	padding: 0.2em 0.5em;
-}
-
-
-/*** message bar ***/
-
-#message div.loading,
-#message div.warning,
-#message div.error,
-#message div.notice,
-#message div.confirmation,
-#messagestack div:after,
-#messagestack div.warning:after,
-#messagestack div.error:after,
-#messagestack div.notice:after,
-#messagestack div.confirmation:after,
-#message-objects div.notice {
-	background-image: url(images/messages.png);
-}
-
-#messagestack div:after {
-	height: 28px;
-	width: 24px;
-}
-
-#messagestack div:after,
-#messagestack div.notice:after {
-	background-position: 3px 9px;
-}
-
-#message div.notice {
-	color: #054f9b;
-}
-
-#message div.loading {
-	background-image: url(images/ajaxloader.gif);
-}
-
-#messagestack div.loading:after,
-#messagestack div.uploading:after {
-	background: url(images/ajaxloader_dark.gif) 3px 7px no-repeat;
-}
-
-#messagestack div.loading,
-#messagestack div.uploading {
-	color: #fff;
-}
-
-#messagestack div.confirmation {
-	color: #c1e065;
-}
-
-#messagestack div.confirmation:after {
-	background-position: 3px -21px;
-}
-
-#messagestack div.warning {
-	color: #e07400;
-}
-
-#messagestack div.warning:after {
-	background-position: 3px -82px;
-}
-
-#messagestack div.error {
-	color: #dd4646;
-}
-
-#messagestack div.error:after {
-	background-position: 0 -53px;
-}
-
-
-/**** attachments list ****/
-
-.attachmentslist li {
-	background-image: url(images/filetypes.png);
-}
-
-.attachmentslist li.ppt,
-.attachmentslist li.pptx,
-.attachmentslist li.mspowerpoint {
-	background-position: 0 -156px;
-}
-
-.attachmentslist li.odp {
-	background-position: 0 -182px;
-}
-
-.attachmentslist li.gz,
-.attachmentslist li.zip,
-.attachmentslist li.rar {
-	background-position: 0 -234px;
-}
-
-.attachmentslist li.jpg,
-.attachmentslist li.jpeg,
-.attachmentslist li.png,
-.attachmentslist li.image {
-	background-position: 0 -208px;
-}
-
-.attachmentslist li.sig,
-.attachmentslist li.pgp-signature,
-.attachmentslist li.pkcs7-signature {
-	background-position: 0 -260px;
-}
-
-.attachmentslist li.m4p,
-.attachmentslist li.mp3,
-.attachmentslist li.audio {
-	background-position: 0 -286px;
-}
-
-.attachmentslist li.video {
-	background-position: 0 -338px;
-}
-
-.attachmentslist li.txt,
-.attachmentslist li.text {
-	background-position: 0 -416px;
-}
-
-.attachmentslist li.ics,
-.attachmentslist li.calendar {
-	background-position: 0 -364px;
-}
-
-.attachmentslist li.vcard {
-	background-position: 0 -390px;
-}
-
-.attachmentslist li.html {
-	background-position: 0 -442px;
-}
-
-.attachmentslist li.css {
-	background-position: 0 -468px;
-}
-
-.attachmentslist li.csv {
-	background-position: 0 -494px;
-}
-
-.attachmentslist li.eml,
-.attachmentslist li.rfc822 {
-	background-position: 0 -520px;
-}
-
-.attachmentslist li a.drop {
-	background-position: center -1570px;
-}
-
-.attachmentslist li a:focus,
-.attachmentslist li a.drop:focus {
-	background-color: @focus-color;
-}
-
-
-
-/*** jquery UI theme overrides ***/
-
-.ui-menu {
-	border-radius: 0 !important;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.ui-dialog {
-	border-radius: 0 !important;
-}
-
-.ui-widget,
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
-	font-family: inherit;
-}
-
-.ui-widget-content {
-	background: #fff !important;
-	border-radius: 0;
-}
-
-
-.ui-dialog .ui-dialog-title {
-	text-shadow: none;
-	color: @main-color;
-}
-
-.ui-dialog .ui-dialog-titlebar {
-	border-radius: 0;
-	background: #f9f9f9 !important;
-	padding: 10px 1em 12px;
-}
-
-.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
-	background: url(images/ui-dialog-close.png) 1px 1px no-repeat;
-}
-
-#messageheader,
-#mailview-right #messageheader,
-#composeheaders {
-	background: #f9f9f9;
-	border-bottom: 1px solid #ededed;
-	border-radius: 0;
-}
-
-.ui-tabs .ui-tabs-panel {
-	background: #f9f9f9;
-	border-radius: 0;
-}
-
-.ui-tabs .ui-tabs-nav {
-	border-radius: 0;
-}
-
-.ui-tabs .ui-tabs-nav li {
-	background: #fff;
-}
-
-.ui-tabs .ui-tabs-nav li.tablink a {
-	background: #ededed;
-	border-right: 0;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-active {
-	padding-bottom: 0;
-}
-
-.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
-	background: #ededed;
-	color: @text-color;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
-	background: @main-color;
-	color: #fff;
-}
-
-.ui-tabs .tabsbar.ui-tabs-nav {
-	margin-bottom: 0;
-	border-radius: 0;
-}
-
-.ui-datepicker {
-	box-shadow: none;
-	border: 1px solid #ededed;
-}
-
-#datepicker .ui-datepicker {
-	border: none;
-}
-
-.ie10 .ui-datepicker .ui-datepicker-title select,
-.webkit .ui-datepicker .ui-datepicker-title select,
-.mozilla .ui-datepicker .ui-datepicker-title select {
-	background-image: url(images/ui-icons-datepicker.png);
-	background-position: right -18px;
-}
-
-.ui-datepicker .ui-datepicker-header .ui-icon {
-	background-image: url(images/ui-icons-datepicker.png);
-}
-
-.ui-datepicker .ui-datepicker-month:focus,
-.ui-datepicker .ui-datepicker-year:focus {
-	outline: 2px solid @outline-color;
-}
-
-#datepicker .ui-datepicker .ui-datepicker-prev,
-#datepicker .ui-datepicker .ui-datepicker-next {
-	top: 6px;
-	border-radius: 0;
-	cursor: pointer;
-}
-
-.ui-slider .ui-slider-range {
-	border-radius: 0;
-	background: @main-color;
-}
-
-
-/*** IE hacks ***/
-
-.ie .pagenav.dark a.button,
-.ie .pagenav.dark a.button.pressed,
-.ie .folderlist li.mailbox .unreadcount {
-	filter: none;
-}
-
-.ie #messageheader #countcontrols a.button {
-	filter: none;
-	height: 24px;
-}
-
-/*** help plugin styles ***/
-
-.toolbar a.button.help {
-	background: url(images/buttons.png) center -2814px;
-}
-
-.toolbar a.button.about {
-	background: url(images/buttons.png) center -2855px;
-}
-
-.toolbar a.button.license {
-	background: url(images/buttons.png) center -2898px;
-}
-
-/*** kolab folder styles ***/
-
-.listsearchbox {
-	background-color: #fff;
-	border-bottom: 1px solid #ededed;
-}
-
-#calendars .searchresults .boxtitle,
-#tasklistsbox .searchresults .boxtitle,
-#directorylist .searchresults .boxtitle,
-.notesview #notebooksbox .searchresults .boxtitle {
-	background: #f9f9f9;
-	padding: 7px 8px 6px;
-}
-
-#calendars .searchresults,
-#tasklistsbox .searchresults,
-.notesview #notebooksbox .searchresults {
-	margin-top: 0;
-}
-
-#tasklistsbox .treelist li span.listname,
-#calendars .treelist li span.calname,
-#directorylist li.addressbook.readonly,
-#directorylist li.addressbook.shared,
-#directorylist li.addressbook.other,
-.notesview #notebooks div.folder span.handle,
-.notesview #notebooks li .listname {
-	background-image: url(images/listicons.png);
-	background-position: right -5000px;
-	background-repeat: no-repeat;
-	color: #4c4c4c;
-}
-
-#directorylist li.addressbook.readonly {
-	background-position: 98% -2121px;
-}
-#tasklistsbox  .treelist .readonly > span.listname,
-#calendars .treelist div.readonly span.calname,
-.notesview #notebooks div.readonly span.handle,
-.notesview #notebooks div.other.readonly span.handle {
-	background-position: right -2128px;
-}
-
-#directorylist li.addressbook.other,
-#directorylist li.addressbook.virtual.user {
-	background-position: 98% -2147px;
-}
-
-#tasklistsbox .treelist .user > span.listname,
-#calendars .treelist li.user > div span.calname,
-#calendars .treelist div.other span.calname,
-.notesview #notebooks div.other span.handle {
-	background-position: right -2152px;
-}
-
-#directorylist li.addressbook.other.readonly {
-	background-position: 98% -2172px;
-}
-#tasklists li.other.readonly span.listname,
-#calendars .treelist div.other.readonly span.calname {
-	background-position: right -2176px;
-}
-
-#directorylist li.addressbook.shared {
-	background-position: 98% -2196px;
-}
-#tasklists li.shared span.listname,
-#calendars .treelist div.shared span.calname {
-	background-position: right -2200px;
-}
-
-#directorylist li.addressbook.shared.readonly {
-	background-position: 98% -2220px;
-}
-#tasklists li.shared.readonly span.listname,
-#calendars .treelist div.shared.readonly span.calname {
-	background-position: right -2224px;
-}
-
-#directorylist li.addressbook.virtual.user {
-	background-image: url(images/listicons.png) !important;
-}
-
-#directorylist li.addressbook a,
-#directorylist li.addressbook.selected > div a {
-	background-position: 6px -765px;
-}
-
-#directorylist ul li.addressbook > div a,
-#directorylist ul li.addressbook.selected > div a {
-	background-position: 32px -765px;
-}
-
-#directorylist ul li.contactgroup a,
-#directorylist li.contactgroup.selected a {
-	background-position: 32px -1578px;
-}
-
-#calendars .treelist div:hover span.actions,
-#tasklistsbox .treelist div:hover span.actions,
-.notesview #notebooksbox .treelist div:hover span.actions,
-#directorylistbox ul.treelist div:hover span.actions {
-	background: #ededed;
-	border-color: #ededed;
-}
-
-#calendars .treelist div a.subscribed,
-#tasklistsbox .treelist div a.subscribed,
-.notesview #notebooksbox .treelist div a.subscribed,
-#directorylistbox ul.treelist div span.subscribed,
-#calendars .treelist div a.remove,
-#tasklistsbox .treelist div a.remove,
-.notesview #notebooksbox .treelist div a.remove,
-#directorylistbox ul.treelist div span.remove {
-	background-image: url(images/listicons.png);
-	background-position: -100px 0;
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-#directorylistbox ul.treelist div span.subscribed,
-#directorylistbox ul.treelist div span.remove {
-	top: 7px;
-}
-
-#calendars .treelist div a.quickview,
-#calendars .treelist div:hover a.quickview,
-#tasklistsbox .treelist div a.quickview,
-#tasklistsbox .treelist div:hover a.quickview {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
-#calendars .treelist div a.remove:focus,
-#calendars .treelist div a.quickview:focus,
-#calendars .treelist div a.subscribed:focus,
-#tasklistsbox .treelist div a.remove:focus,
-#tasklistsbox .treelist div a.quickview:focus,
-#tasklistsbox .treelist div a.subscribed:focus {
-	outline: 2px solid fade(@main-color, 50%);
-}
-
-#calendars .treelist div:hover a.subscribed,
-#calendars .treelist div a.subscribed:focus,
-#tasklistsbox .treelist div a.subscribed:focus,
-#tasklistsbox .treelist div:hover a.subscribed,
-.notesview #notebooksbox .treelist div a.subscribed:focus,
-.notesview #notebooksbox .treelist div:hover a.subscribed,
-#directorylistbox ul.treelist div span.subscribed:focus,
-#directorylistbox ul.treelist div:hover span.subscribed {
-	background-position: -4px -2606px;
-	background-color: transparent !important;
-}
-
-#calendars .treelist div.subscribed a.subscribed,
-#calendars .treelist div.subscribed a.subscribed:focus,
-#tasklistsbox .treelist div.subscribed a.subscribed,
-#tasklistsbox .treelist div.subscribed a.subscribed:focus,
-.notesview #notebooksbox .treelist div.subscribed a.subscribed,
-.notesview #notebooksbox .treelist div.subscribed a.subscribed:focus,
-#directorylistbox ul.treelist div.subscribed span.subscribed,
-#directorylistbox ul.treelist div.subscribed span.subscribed:focus {
-	background-position: -26px -2606px;
-	background-color: transparent !important;
-}
-
-#calendars .treelist div.subscribed.partial a.subscribed,
-#calendars .treelist div.subscribed.partial a.subscribed:focus,
-#tasklistsbox .treelist div.subscribed.partial a.subscribed,
-#tasklistsbox .treelist div.subscribed.partial a.subscribed:focus,
-.notesview #notebooksbox .treelist div.subscribed.partial a.subscribed,
-.notesview #notebooksbox .treelist div.subscribed.partial a.subscribed:focus,
-#directorylistbox ul.treelist div.subscribed.partial span.subscribed,
-#directorylistbox ul.treelist div.subscribed.partial span.subscribed:focus {
-	background-position: -4px -2674px;
-}
-
-#calendars .treelist div:hover a.remove,
-#calendars .treelist div a.remove:focus,
-#tasklistsbox .treelist div a.remove:focus,
-#tasklistsbox .treelist div:hover a.remove,
-.notesview #notebooksbox .treelist div a.remove:focus,
-.notesview #notebooksbox .treelist div:hover a.remove,
-#directorylistbox ul.treelist div span.remove:focus,
-#directorylistbox ul.treelist div:hover span.remove {
-	background-position: -26px -2674px;
-}
-
-#calendars .searchresults .listing li,
-#tasklistsbox .searchresults .listing li,
-#directorylistbox .searchresults .listing li,
-.notesview #notebooksbox .searchresults .listing li {
-	background-color: #fff;
-}
-
-#contacts-table td.contact,
-#contacts-table tr.selected td.contact,
-#contacts-table .contact td.name {
-	background-position: 4px -1602px;
-}
-
-#contacts-table td.contactgroup,
-#contacts-table tr.selected td.contactgroup,
-#contacts-table .contactgroup td.name {
-	background-position: 4px -1553px;
-}
-
-#contacts-table .contact.selected td.name {
-	background-position: 4px -1625px;
-}
-
-#sections-table #rcmrowgeneral.selected .section,
-#sections-table #rcmrowgeneral .section {
-	background-position: 4px -570px;
-}
-
-#sections-table #rcmrowmailbox.selected .section,
-#sections-table #rcmrowmailbox .section {
-	background-position: 4px -644px;
-}
-
-#sections-table #rcmrowcompose.selected .section,
-#sections-table #rcmrowcompose .section {
-	background-position: 4px -669px;
-}
-
-#sections-table #rcmrowaddressbook.selected .section,
-#sections-table #rcmrowaddressbook .section {
-	background-position: 4px -765px;
-}
-
-#sections-table #rcmrowfolders.selected .section,
-#sections-table #rcmrowfolders .section {
-	background-position: 4px 4px;
-}
-
-#sections-table #rcmrowcalendar.selected .section,
-#sections-table #rcmrowcalendar .section {
-	background-position: 4px -524px;
-}
-
-
-/*** calendar module styles ***/
-
-.calendarmain #datepicker {
-	top: 57px;
-	min-height: 185px;
-}
-
-.calendarmain #calendars {
-	top: 282px;
-}
-
-#calendar {
-	top: 8px;
-}
-
-#calendar .fc-header {
-	height: 47px;
-}
-
-.calendarmain .fc-content {
-	top: 47px;
-}
-
-#calsidebarsplitter {
-	top: 57px !important;
-}
-
-#calendartoolbar a.button.addevent {
-	background-position: center -1784px;
-}
-
-#calendartoolbar a.button.import {
-	background-position: center -2505px;
-}
-
-#calendartoolbar a.button.export {
-	background-position: center -1825px;
-}
-
-#calendartoolbar a.button.print {
-	background-position: center -810px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button {
-	background-image: url(images/buttons.png);
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-agendaDay {
-	background-position: center -1864px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-agendaDay.fc-state-active {
-	background-position: center -1904px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-agendaWeek {
-	background-position: center -1944px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-agendaWeek.fc-state-active {
-	background-position: center -1984px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-month {
-	background-position: center -2024px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-month.fc-state-active {
-	background-position: center -2064px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-table {
-	background-position: center -2104px;
-}
-
-.calendarmain #calendar .fc-header-left .fc-button-table.fc-state-active {
-	background-position: center -2144px;
-}
-
-.calendarmain #calendar .fc-header-right {
-	padding-top: 3px;
-}
-
-.calendarmain #calendar .fc-button-prev,
-.calendarmain #calendar .fc-button-next,
-.calendarmain #calendar .fc-button-prev.fc-state-default,
-.calendarmain #calendar .fc-button-next.fc-state-default {
-	display: inline-block;
-	border: 0;
-	margin: 3px 4px;
-	padding: 0;
-	width: 20px;
-	height: 19px;
-	line-height: 12px;
-	text-indent: 5000px;
-	background: url(images/buttons.png) -6px -226px no-repeat;
-	overflow: hidden;
-	-webkit-box-shadow: none;
-	box-shadow: none;
-}
-
-.calendarmain #calendar .fc-button-next,
-.calendarmain #calendar .fc-button-next.fc-state-default {
-	background-position: -25px -226px;
-}
-
-#calendars .treelist li span.handle,
-.calendarmain .fc-view-table .fc-event-handle .fc-event-inner {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	border: none;
-	width: 12px;
-	height: 12px;
-}
-
-.fc-view thead th.fc-widget-header {
-	color: @text-color;
-}
-
-.fc-view-table {
-	border: none;
-}
-
-.calendarmain .fc-view-table tr.fc-event td {
-	border-color: #ededed;
-}
-
-.calendarmain .fc-view-table td.fc-list-header {
-	border-bottom-color: #ededed;
-	padding: 8px 7px;
-}
-
-#agendaoptions {
-	background: #f9f9f9;
-	border-radius: 0;
-	border: none;
-	padding: 9px 8px;
-}
-
-#agendaoptions label {
-	text-shadow: none;
-	vertical-align: middle;
-}
-
-#datepicker td.ui-datepicker-activerange,
-.ui-datepicker td {
-	border-color: #fff;
-}
-
-.ui-datepicker .ui-datepicker-header {
-	border-radius: 0
-}
-
-#datepicker td.ui-datepicker-activerange a {
-	color: @text-color;
-	background: @light-color;
-}
-
-#datepicker td.ui-datepicker-activerange a.ui-state-active {
-	color: #fff;
-	background: @main-color;
-}
-
-.ui-datepicker td span,
-.ui-datepicker td a {
-	text-shadow: none !important;
-}
-
-.ui-datepicker td a.ui-state-active {
-	border-color: #4d4d4d !important;
-	text-shadow: none !important;
-	background: @main-color !important;
-}
-
-.ui-datepicker td a.ui-state-default {
-	background: #ededed;
-	border: none !important;
-}
-
-.ui-datepicker table:focus {
-	outline: 2px solid @outline-color;
-}
-
-#schedule-freebusy-times td {
-	padding: 4px;
-}
-
-.attendees-list .attendee,
-.event-attendees span.organizer {
-	background: url(images/listicons.png) 0 -2040px no-repeat;
-}
-
-.attendees-list span.attendee {
-	display: inline-block;
-	line-height: 14px;
-}
-
-.attendees-list div.attendee {
-	line-height: 15px;
-}
-
-.attendees-list div.attendee.spacer,
-#schedule-freebusy-times tr.spacer td {
-	line-height: 5px;
-}
-
-#schedule-freebusy-times td {
-	line-height: 15px;
-}
-
-.attendees-list .organizer {
-	background-position: -30px -2020px;
-}
-
-.event-attendees span.organizer {
-	background-position: right -2024px;
-}
-
-.attendees-list .opt-participant {
-	background-position: 0 -2060px;
-}
-
-.attendees-list .non-participant {
-	background-position: 0 -2080px;
-}
-
-.attendees-list .chair {
-	background-position: 0 -2100px;
-}
-
-.attendees-list .spacer,
-.attendees-list .total {
-	background: none;
-}
-
-#timezonedisplay {
-	bottom: 0;
-}
-
-.ui-datepicker .ui-state-highlight {
-	color: @main-color;
-}
-
-.calendarmain .fc-state-highlight {
-	background-color: fade(@main-color, 0%);
-}
-
-
-#taskedit .edit-attendees-table th.invite label,
-#eventedit .edit-attendees-table th.invite label {
-	background: url(images/listicons.png) 2px -1294px no-repeat;
-}
-
-#eventresourcesdialog {
-	background: #e7e7e7 !important;
-	padding: 5px;
-}
-
-#resourcequicksearch {
-	background: transparent;
-}
-
-/*** tasklist module styles ***/
-
-#tasksview,
-.tasklistview #tagsbox {
-	background: #fff;
-	top: 57px;
-}
-
-.taskhead {
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	border-radius: 0;
-	border: 1px solid #ededed;
-}
-
-#quickaddbox {
-	top: 7px;
-}
-
-#quickaddinput {
-	border-color: #ededed;
-}
-
-#taskstoolbar a.button.newtask {
-	background-image: url(images/buttons.png);
-	background-position: center -2184px;
-}
-
-#tasklistsbox .treelist li .treetoggle {
-	top: 7px;
-}
-
-#tasklistsbox .treelist li.virtual > .treetoggle {
-	top: 5px;
-}
-
-.tasklistview ul.toolbarmenu li span.expand,
-.tasklistview ul.toolbarmenu li span.collapse {
-	background-image: url(images/listicons.png);
-	background-position: 0 -2508px;
-}
-
-.tasklistview ul.toolbarmenu li span.collapse {
-	background-position: 0 -2532px;
-}
-
-#tagslist li.selected,
-#taskselector li.selected a {
-	background: @main-color;
-	border-color: transparent;
-	border-radius: 2px;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-	padding: 0.4em 0.6em;
-	color: #fff;
-}
-
-#taskselector li.inactive a {
-	color: #999;
-}
-
-#taskselector li .count {
-	background: @main-color;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-#taskselector li.overdue .count {
-	background: #e73023;
-}
-
-#taskselector li .count:after {
-	border-color: @main-color transparent;
-}
-
-#taskselector li.overdue .count:after {
-	border-color: #e73023 transparent;
-}
-
-#tagslist li .count {
-	color: @text-color;
-	background: #ededed;
-	border: none;
-	border-radius: 2px;
-	box-shadow: none;
-	-webkit-box-shadow: none;
-}
-
-.tagcloud li,
-.tagcloud li.inactive,
-#taskselector li a {
-	color: @text-color;
-	font-size: 100%;
-	padding: 0.4em 0.6em;
-	font-weight: bold;
-}
-
-.tag-draghelper .tag,
-.taskhead .tags .tag {
-	color: #fff;
-	background: @main-color;
-	border: none;
-}
-
-.buttonbar-right .listmenu .inner {
-	height: 20px;
-	width: 26px;
-	overflow: hidden;
-	background-image: url(images/listicons.png);
-	background-position: 0 -976px;
-}
-
-#rootdroppable {
-	background: #eaeaea;
-}
-
-div.messagetasklinks::before {
-	background-image: url(images/listicons.png);
-	background-position: -1px -2693px;
-}
-
-/*
-#thelist {
-	margin: 0;
-}
-
-.taskitem {
-	margin-bottom: 0;
-	border-bottom: 1px solid #ededed;
-}
-*/
-
-/*** kolab_files module styles ***/
-
-.filelist tr > .options a.listmenu,
-.filelist tr > .flag span.flagged,
-.filelist tr > .flag span.unflagged,
-.filelist tr > .flag span.unflagged:hover {
-	background-image: url(images/listicons.png);
-}
-
-.filelist thead tr th.options .listmenu {
-	background-position: 2px -969px;
-}
-
-#filestoolbar a.button,
-#messagetoolbar a.button.saveas {
-	background-image: url(images/buttons.png);
-}
-
-#filestoolbar a.button.upload {
-	background-position: center -2304px;
-}
-
-.toolbar a.button.download,
-#filestoolbar a.button.get {
-	background-position: center -2264px;
-}
-
-#filestoolbar a.button.open {
-	background-position: center -2344px;
-}
-
-#filestoolbar a.button.edit {
-	background-position: center -2384px;
-}
-
-#filestoolbar a.button.save,
-#messagetoolbar a.button.saveas {
-	background-position: center -1700px;
-}
-
-#filestoolbar a.button.print {
-	background-image: url(images/buttons.png);
-	background-position: center -810px;
-}
-
-#filestoolbar a.button.delete {
-	background-image: url(images/buttons.png);
-	background-position: center -690px;
-}
-
-#files-folder-list ul li span.name,
-#files-folder-list ul li.mailbox.collection span.name {
-	background-image: url(images/listicons.png);
-	color: @text-color;
-	line-height: 29px;
-	padding: 8px 8px 8px 35px;
-}
-
-#files-folder-list ul li.mailbox.collection.audio span.name,
-#files-folder-list ul li.mailbox.collection.audio.selected span.name {
-	background-position: 7px -2360px;
-}
-
-#files-folder-list ul li.mailbox.collection.video span.name,
-#files-folder-list ul li.mailbox.collection.video.selected span.name {
-	background-position: 7px -2384px;
-}
-
-#files-folder-list ul li.mailbox.collection.image span.name,
-#files-folder-list ul li.mailbox.collection.image.selected span.name {
-	background-position: 7px -2408px;
-}
-
-#files-folder-list ul li.mailbox.collection.document span.name,
-#files-folder-list ul li.mailbox.collection.document.selected span.name {
-	background-position: 7px -2432px;
-}
-
-#files-folder-list ul li span.name {
-	background-position: 7px 6px;
-}
-
-#files-folder-list ul li.child span.name {
-	background-position: 7px -90px;
-}
-
-ul.toolbarmenu li span.saveas {
-	background-image: url(images/listicons.png);
-	background-position: -1px -96px;
-}
-
-ul.toolbarmenu li:hover a.active span.saveas {
-	background-image: url(images/listicons.png);
-	background-position: -1px -74px;
-}
-
-.filelist thead tr th:first-child {
-	border-radius: 0;
-}
-
-.filelist tbody tr td {
-	height: 25px;
-	line-height: 25px;
-}
-
-table.propform td.source.selected {
-	background-color: fade(@main-color, 10%);
-}
-
-#files-dialog #folderlistbox {
-	border: 5px solid #e7e7e7;
-}
-
-#files-compose-dialog #folderlistbox {
-	border: 5px solid #e7e7e7;
-}
-
-#files-compose-dialog #filelistcontainer {
-	border: 5px solid #e7e7e7;
-	border-left: none;
-}
-
-/*** kolab delegation plugin ***/
-
-#settings-sections #settingstabplugindelegation a {
-	background-image: url(images/listicons.png);
-	background-position: 7px -2244px;
-}
-
-#settings-sections #settingstabplugindelegation.selected a {
-	background-position: 7px -2268px;
-}
-
-div.foldersblock h3,
-div.subscriptionblock h3 {
-	background-image: url(images/listicons.png);
-	background-repeat: no-repeat;
-}
-
-div.foldersblock h3.mail,
-div.subscriptionblock h3.mail {
-	background-position: 0px -2292px;
-}
-
-div.foldersblock h3.event,
-div.subscriptionblock h3.event {
-	background-position: 0px -528px;
-}
-
-div.foldersblock h3.contact,
-div.subscriptionblock h3.contact {
-	background-position: 0px -768px;
-}
-
-div.foldersblock h3.task,
-div.subscriptionblock h3.task {
-	background-position: 0px -2316px;
-}
-
-div.foldersblock h3.note,
-div.subscriptionblock h3.note {
-	background-position: 0px -2340px;
-}
-
-.foldersblock th.read {
-  background: url(images/read.png) center no-repeat;
-}
-
-.foldersblock th.write {
-  background: url(images/write.png) center no-repeat;
-}
-
-
-/*** kolab folders ***/
-
-.folderlist li.mailbox.type-event a,
-.folderlist li.mailbox.type-journal a {
-	background-position: 6px -526px;
-}
-.folderlist li.mailbox ul li.type-event a,
-.folderlist li.mailbox ul li.type-event > a:focus,
-.folderlist li.mailbox ul li.type-event.selected > a,
-.folderlist li.mailbox ul li.type-journal a,
-.folderlist li.mailbox ul li.type-journal > a:focus,
-.folderlist li.mailbox ul li.type-journal.selected > a {
-	background-position: 22px -526px;
-}
-.folderlist li.mailbox ul ul li.type-event a,
-.folderlist li.mailbox ul ul li.type-event > a:focus,
-.folderlist li.mailbox ul ul li.type-event.selected > a,
-.folderlist li.mailbox ul ul li.type-journal a,
-.folderlist li.mailbox ul ul li.type-journal > a:focus,
-.folderlist li.mailbox ul ul li.type-journal.selected > a {
-	background-position: 38px -526px;
-}
-.folderlist li.mailbox ul ul ul li.type-event a,
-.folderlist li.mailbox ul ul ul li.type-event > a:focus,
-.folderlist li.mailbox ul ul ul li.type-event.selected > a,
-.folderlist li.mailbox ul ul ul li.type-journal a,
-.folderlist li.mailbox ul ul ul li.type-journal > a:focus,
-.folderlist li.mailbox ul ul ul li.type-journal.selected > a {
-	background-position: 54px -526px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-event a,
-.folderlist li.mailbox ul ul ul ul li.type-event > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-event.selected > a,
-.folderlist li.mailbox ul ul ul ul li.type-journal a,
-.folderlist li.mailbox ul ul ul ul li.type-journal > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-journal.selected > a {
-	background-position: 70px -526px;
-}
-
-.folderlist li.mailbox.type-task a {
-	background-position: 6px -2314px;
-}
-.folderlist li.mailbox ul li.type-task a,
-.folderlist li.mailbox ul li.type-task > a:focus,
-.folderlist li.mailbox ul li.type-task.selected > a {
-	background-position: 22px -2314px;
-}
-.folderlist li.mailbox ul ul li.type-task a,
-.folderlist li.mailbox ul ul li.type-task > a:focus,
-.folderlist li.mailbox ul ul li.type-task.selected > a {
-	background-position: 38px -2314px;
-}
-.folderlist li.mailbox ul ul ul li.type-task a,
-.folderlist li.mailbox ul ul ul li.type-task > a:focus,
-.folderlist li.mailbox ul ul ul li.type-task.selected > a {
-	background-position: 54px -2314px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-task a,
-.folderlist li.mailbox ul ul ul ul li.type-task > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-task.selected > a {
-	background-position: 70px -2314px;
-}
-
-.folderlist li.mailbox.type-note a {
-	background-position: 6px -2338px;
-}
-.folderlist li.mailbox ul li.type-note a,
-.folderlist li.mailbox ul li.type-note > a:focus,
-.folderlist li.mailbox ul li.type-note.selected > a {
-	background-position: 22px -2338px;
-}
-.folderlist li.mailbox ul ul li.type-note a,
-.folderlist li.mailbox ul ul li.type-note > a:focus,
-.folderlist li.mailbox ul ul li.type-note.selected > a {
-	background-position: 38px -2338px;
-}
-.folderlist li.mailbox ul ul ul li.type-note a,
-.folderlist li.mailbox ul ul ul li.type-note > a:focus,
-.folderlist li.mailbox ul ul ul li.type-note.selected > a {
-	background-position: 54px -2338px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-note a,
-.folderlist li.mailbox ul ul ul ul li.type-note > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-note.selected > a {
-	background-position: 70px -2338px;
-}
-
-.folderlist li.mailbox.type-configuration a {
-	background-position: 6px -887px;
-}
-.folderlist li.mailbox ul li.type-configuration a,
-.folderlist li.mailbox ul li.type-configuration > a:focus,
-.folderlist li.mailbox ul li.type-configuration.selected > a {
-	background-position: 22px -887px;
-}
-.folderlist li.mailbox ul ul li.type-configuration a,
-.folderlist li.mailbox ul ul li.type-configuration > a:focus,
-.folderlist li.mailbox ul ul li.type-configuration.selected > a {
-	background-position: 38px -887px;
-}
-.folderlist li.mailbox ul ul ul li.type-configuration a,
-.folderlist li.mailbox ul ul ul li.type-configuration > a:focus,
-.folderlist li.mailbox ul ul ul li.type-configuration.selected > a {
-	background-position: 54px -887px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-configuration a,
-.folderlist li.mailbox ul ul ul ul li.type-configuration > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-configuration.selected > a {
-	background-position: 70px -887px;
-}
-
-.folderlist li.mailbox.type-contact a {
-	background-position: 6px -766px;
-}
-.folderlist li.mailbox ul li.type-contact a,
-.folderlist li.mailbox ul li.type-contact > a:focus,
-.folderlist li.mailbox ul li.type-contact.selected > a {
-	background-position: 22px -766px;
-}
-.folderlist li.mailbox ul ul li.type-contact a,
-.folderlist li.mailbox ul ul li.type-contact > a:focus,
-.folderlist li.mailbox ul ul li.type-contact.selected > a {
-	background-position: 38px -766px;
-}
-.folderlist li.mailbox ul ul ul li.type-contact a,
-.folderlist li.mailbox ul ul ul li.type-contact > a:focus,
-.folderlist li.mailbox ul ul ul li.type-contact.selected > a {
-	background-position: 54px -766px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-contact a,
-.folderlist li.mailbox ul ul ul ul li.type-contact > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-contact.selected > a {
-	background-position: 70px -766px;
-}
-
-.folderlist li.mailbox.type-freebusy a {
-	background-position: 6px -2648px;
-}
-.folderlist li.mailbox ul li.type-freebusy a,
-.folderlist li.mailbox ul li.type-freebusy > a:focus,
-.folderlist li.mailbox ul li.type-freebusy.selected > a {
-	background-position: 22px -2648px;
-}
-.folderlist li.mailbox ul ul li.type-freebusy a,
-.folderlist li.mailbox ul ul li.type-freebusy > a:focus,
-.folderlist li.mailbox ul ul li.type-freebusy.selected > a {
-	background-position: 38px -2648px;
-}
-.folderlist li.mailbox ul ul ul li.type-freebusy a,
-.folderlist li.mailbox ul ul ul li.type-freebusy > a:focus,
-.folderlist li.mailbox ul ul ul li.type-freebusy.selected > a {
-	background-position: 54px -2648px;
-}
-.folderlist li.mailbox ul ul ul ul li.type-freebusy a,
-.folderlist li.mailbox ul ul ul ul li.type-freebusy > a:focus,
-.folderlist li.mailbox ul ul ul ul li.type-freebusy.selected > a {
-	background-position: 70px -2648px;
-}
-
-
-/*** ACL plugin ***/
-
-#aclcontainer {
-	background: none;
-	border-color: #ededed;
-}
-
-#acltable a {
-	color: @text-color;
-}
-
-#acltable tbody tr.selected td.partial {
-	background: @main-color !important;
-	background-image: url(images/partial.png);
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-#acltable tbody tr.selected td.enabled {
-	background: @main-color !important;
-	background-image: url(images/enabled.png);
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-
-/*** Managesieve plugin ***/
-
-#settings-sections .vacation a,
-#settings-sections .vacation.selected a {
-	background-image: url(images/listicons.png);
-	background-position: 7px -2555px;
-}
-
-#filter-frame {
-	border-radius: 0;
-}
-
-div.rulerow:hover,
-div.actionrow:hover {
-	border-color: fade(@main-color, 20%);
-	background-color: fade(@main-color, 5%);
-}
-
-/*** Kolab Notes plugin ***/
-
-.notesview #notedetailsbox {
-	background-image: url(images/watermark.png);
-}
-
-.notesdialog #notedetailstitle {
-	background: none;
-	border-bottom: 0;
-}
-
-.notesview #notestoolbar a.button.createnote {
-	background-image: url(images/buttons.png);
-	background-position: center -2608px;
-}
-
-.notesview #notestoolbar a.button.sendnote {
-	background-image: url(images/buttons.png);
-	background-position: left -650px;
-}
-
-
-/*** Kolab ActiveSync plugin ***/
-
-#settings-sections .activesync a {
-	background-position: 6px -863px;
-}
-
-#settings-sections .activesync.selected a {
-	background-position: 6px -863px;
-}
-
-#folder-sync-options {
-	border-radius: 0;
-}
-
-#devices-table td span.devicetype {
-	color: #828282;
-}
-
-/*** Kolab Tags plugin ***/
-
-.tagbox {
-	border-radius: 2px !important;
-	color: @text-color;
-}
-
-.tagbox a {
-	margin-right: -2px;
-}
-
-#taglist li {
-	color: @text-color;
-	padding: 3px 6px;
-}
-
-#taglist li.selected {
-	color: #fff;
-	background: @main-color;
-	border-radius: 2px;
-}
-
-
-/*** Contextmenu plugin ***/
-
-#folder-selector li a span,
-#addressbook-selector li a span,
-div.contextmenu ul.iconized li a.readfolder span.icon,
-div.contextmenu ul.iconized li a.openfolder span.icon,
-div.contextmenu ul.iconized li a.reply-all span.icon,
-div.contextmenu ul.iconized li a.replyalllink span.icon,
-div.contextmenu ul.iconized li a.replylistlink span.icon,
-div.contextmenu ul.iconized li a.forward span.icon,
-div.contextmenu ul.iconized li a.forwardlink span.icon,
-div.contextmenu ul.iconized li a.forwardattachmentlink span.icon,
-div.contextmenu ul.iconized li a.delete span.icon,
-div.contextmenu ul.iconized li a.cmd_group-create span.icon,
-div.contextmenu ul.iconized li a.cmd_group-rename span.icon,
-div.contextmenu ul.iconized li a.cmd_group-delete span.icon,
-div.contextmenu ul.iconized li a.cmd_search-delete span.icon,
-div.contextmenu ul.iconized li a.cmd_book-remove span.icon,
-div.contextmenu ul.iconized li a.reply span.icon,
-div.contextmenu ul.iconized li a.compose span.icon,
-div.contextmenu ul.iconized li a.removegroup span.icon,
-div.contextmenu ul.iconized li a.exportalllink span.icon,
-div.contextmenu ul.iconized li a.exportsellink span.icon {
-    background-image: url(images/listicons.png);
-}
-
-div.contextmenu ul.iconized li a.readfolder span.icon {
-    background-position: 0px -1220px;
-}
-
-div.contextmenu ul.iconized li a.delete span.icon,
-div.contextmenu ul.iconized li a.cmd_group-delete span.icon,
-div.contextmenu ul.iconized li a.cmd_search-delete span.icon {
-    background-position: 0px -1364px;
-}
-
-div.contextmenu ul.iconized li a.openfolder span.icon {
-    background-position: 0px -1485px;
-}
-
-div.contextmenu ul.iconized li a.reply span.icon {
-    background-position: 0px -2712px;
-}
-
-div.contextmenu ul.iconized li a.reply-all span.icon,
-div.contextmenu ul.iconized li a.replyalllink span.icon,
-div.contextmenu ul.iconized li a.replylistlink span.icon {
-    background-position: 0px -2736px;
-}
-
-div.contextmenu ul.iconized li a.forward span.icon,
-div.contextmenu ul.iconized li a.forwardlink span.icon,
-div.contextmenu ul.iconized li a.forwardattachmentlink span.icon {
-    background-position: 0px -2760px;
-}
-
-ul.rcmcontextmenu .calendar-create-from-mail a span {
-    background-position: 4px -1947px;
-}
-
-ul.rcmcontextmenu .tasklist-create-from-mail a span {
-    background-position: 4px -1971px;
-}
-
-#folder-selector li a span {
-    text-indent: 4px;
-    background-position: 5px -119px;
-}
-
-#folder-selector li a.inbox span {
-    background-position: 4px -215px;
-}
-
-#folder-selector li a.drafts span {
-    background-position: 4px -263px;
-}
-
-#folder-selector li a.sent span {
-    background-position: 4px -311px;
-}
-
-#folder-selector li a.junk span {
-    background-position: 4px -359px;
-}
-
-#folder-selector li a.trash span {
-    background-position: 4px -407px;
-}
-
-#addressbook-selector li a.addressbook span {
-    text-indent: 4px;
-    background-position: 2px -792px;
-}
-
-#addressbook-selector li a.contactgroup span {
-    text-indent: 10px;
-    background-position: 10px -1580px;
-}
-
-div.contextmenu ul.iconized li a.compose span.icon {
-    background-position: 0px -1292px;
-}
-
-div.contextmenu ul.iconized li:hover a.active.compose span.icon {
-    background-position: 0px -2829px;
-}
-
-div.contextmenu ul.iconized li a.removegroup span.icon,
-div.contextmenu ul.iconized li a.cmd_book-remove span.icon {
-    background-position: -25px -2670px;
-}
-
-div.contextmenu ul.iconized li a.exportalllink span.icon,
-div.contextmenu ul.iconized li a.exportsellink span.icon {
-    background-position: 0px -2785px;
-}
-
-div.contextmenu ul.iconized li a.cmd_group-create span.icon {
-  background-position: 0px -2809px;
-}
-
-div.contextmenu ul.iconized li a.cmd_group-rename span.icon {
-    background-position: 0px -1387px;
-}
-
-div.contextmenu ul.iconized li:hover a.active.cmd_group-rename span.icon {
-	background-position: 0 -2954px;
-}
-
diff --git a/skins/chameleon/styles.less b/skins/chameleon/styles.less
new file mode 100644
index 0000000..ebb7228
--- /dev/null
+++ b/skins/chameleon/styles.less
@@ -0,0 +1,2906 @@
+/**
+ * Styles for the Kolab web client
+ *
+ * Copyright (C) 2014-2015, Kolab Systems AG <contact at kolabsys.com>
+ * Screendesign by Kolab Digital, London, kolabdigital.com
+ *
+ * The contents of this folder can be redistributed and/or modified
+ * under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ */
+
+ at import (reference) "colors.less";
+
+body {
+	background: #e7e7e7 url(images/bg.gif) 0 0 repeat-x;
+	color: @text-color;
+	font-family: Brandon Grotesque, Muli, Noto Sans, Montserat, Trebuchet MS, Fira Sans, Lucida Grande, Lucida Sans Unicode, Lucid Sans, Tahoma, sans-serif;
+	font-size: 12px;
+}
+
+body.extwin {
+	background: #e7e7e7 url(images/bg_extwin.gif) 0 0 repeat-x;
+}
+
+body.login {
+	background: #e7e7e7;
+}
+
+body.login #header {
+	background: #3a3a3a;
+}
+
+/*** basic page layout ***/
+
+#login-form .box-inner {
+	padding-top: 40px;
+	background: #fff;
+	border: none;
+	border-radius: 0;
+}
+
+#login-form .box-bottom {
+	background: transparent;
+}
+
+#login-form td.title {
+	color: @main-color;
+	text-shadow: none;
+	font-weight: bold;
+}
+
+#login-form input.button {
+	border: none;
+	text-shadow: none;
+	color: #fff;
+	box-shadow: none;
+	background: @main-color;
+}
+
+#login-form input.button:hover,
+#login-form input.button:focus {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+#login-form p.formbuttons {
+	margin-left: 20%;
+	padding-left: 8px;
+	margin-top: 5px;;
+	text-align: left;
+}
+
+.topgradient {
+	height: 0;
+}
+
+#mainscreen {
+	top: 65px;
+	bottom: 15px;
+}
+
+#mainscreen.offset {
+	top: 122px;
+}
+
+#mainscreen .offset {
+	top: 57px;
+}
+
+.extwin #mainscreen {
+	top: 25px;
+}
+
+#mainscreencontent {
+	top: 57px;
+}
+
+#messagestack {
+	right: 10px;
+	bottom: 15px;
+	padding: 0 2px;
+}
+
+#header {
+	height: 60px;
+	overflow: hidden;
+}
+
+.extwin #header {
+	height: 20px;
+}
+
+#toplogo {
+	margin-top: 8px;
+	margin-left: 18px;
+	paddin: 0;
+	float: left;
+}
+
+#header span.username {
+	padding: 0 15px;
+	color: #d9d9d9;
+	line-height: 60px;
+}
+
+#header .aboutlinks {
+	display: inline-block;
+	visibility: hidden;
+	padding: 0 25px;
+	color: #d9d9d9;
+	line-height: 60px;
+}
+
+#header a {
+	color: #f9f9f9;
+}
+
+#header .topleft:hover .aboutlinks {
+	visibility: visible;
+}
+
+.extwin #header .aboutlinks {
+	display: none;
+}
+
+#helptoolbar,
+#taskstoolbar,
+.notesview #notestoolbar,
+#calendartoolbar,
+#addressbooktoolbar,
+#filestoolbar,
+#messagetoolbar {
+	height: 50px;
+	top: 0px;
+	left: -2px;
+}
+
+#messagesearchtools,
+#quicksearchbar,
+.notesview #quicksearchbar {
+	top: 7px;
+}
+
+#messagesearchtools #quicksearchbar {
+	top: 2px;
+}
+
+.splitter-v {
+	background: url(images/splitter.png) -1px center no-repeat;
+}
+
+.splitter-h {
+	background: url(images/splitter.png) center -1px no-repeat;
+}
+
+.ktaskmenu {
+	display: block;
+	position: relative;
+	height: 60px;
+	min-width: 200px;
+	background: #2c2c2c url(images/taskmenu.png) 1px 4px no-repeat;
+	overflow: visible;
+	outline: none;
+}
+
+#composebody:active,
+#composebody:focus {
+	box-shadow: 0 0 0 2px @focus-color inset;
+}
+
+.ktaskmenu:focus {
+	background-color: @focus-color;
+}
+
+.ktaskmenu .activetask {
+	display: block;
+	font-size: 15px;
+	font-weight: bold;
+	color: #fff;
+	margin: 17px 0 17px 20px;
+	height: 26px;
+	line-height: 26px;
+	padding: 0 35px 0 40px;
+	min-width: 110px;
+	cursor: default;
+	background: url(images/buttons.png) -100px 0 no-repeat;
+}
+
+#ktaskpopup {
+	display: none;
+	position: absolute;
+	top: 60px;
+	right: 0px;
+	width: 195px;
+	height: auto;
+	z-index: 500;
+}
+
+#ktaskpopup .popupmenu {
+	display: block;
+	position: static;
+	top: auto;
+	left: auto;
+	right: auto;
+	width: 100%;
+	border: 0;
+	border-radius: 0;
+}
+
+#ktaskpopup a {
+	display: block;
+	border-bottom: 1px solid #828282;
+	color: #fff;
+	text-decoration: none;
+	min-width: 160px;
+	min-height: 14px;
+	padding: 0 10px;
+	white-space: nowrap;
+	outline: none;
+}
+
+#ktaskpopup a:hover {
+	color: @hightlight-text;
+}
+
+#ktaskpopup a .button-inner {
+	display: block;
+	margin: 0;
+	height: 18px;
+	padding: 6px 8px 3px 30px;
+	background-image: url(images/buttons.png);
+	background-repeat: no-repeat;
+}
+
+.ktaskmenu .activetask.mail,
+.ktaskmenu .button-mail .button-inner {
+	background-position: -4px 2px;
+}
+
+.ktaskmenu .activetask.addressbook,
+.ktaskmenu .button-addressbook .button-inner {
+	background-position: -4px -46px;
+}
+
+.ktaskmenu .activetask.help,
+.ktaskmenu .button-help .button-inner {
+	background-position: -5px -23px;
+}
+
+.ktaskmenu .activetask.calendar,
+.ktaskmenu .button-calendar .button-inner {
+	background-position: -4px -142px;
+}
+
+.ktaskmenu .activetask.tasks,
+.ktaskmenu .button-tasklist .button-inner {
+	background-position: -4px -70px;
+}
+
+.ktaskmenu .activetask.settings,
+.ktaskmenu .button-settings .button-inner {
+	background-position: -5px -95px;
+}
+
+.ktaskmenu .activetask.notes,
+.ktaskmenu .button-notes .button-inner {
+	background-position: -4px -2582px;
+}
+
+.ktaskmenu .button-logout .button-inner {
+	background-position: -5px -119px;
+}
+
+.ktaskmenu .button-logout:hover .button-inner,
+.ktaskmenu .button-logout:focus .button-inner {
+	background-position: -5px -2944px;
+}
+
+.ktaskmenu .button-mail:hover .button-inner,
+.ktaskmenu .button-mail:focus .button-inner {
+	background-position: -4px -2636px;
+}
+
+.ktaskmenu .button-addressbook:hover .button-inner,
+.ktaskmenu .button-addressbook:focus .button-inner {
+	background-position: -4px -2683px;
+}
+
+.ktaskmenu .button-help:hover .button-inner,
+.ktaskmenu .button-help:focus .button-inner {
+	background-position: -5px -2660px;
+}
+
+.ktaskmenu .button-calendar:hover .button-inner,
+.ktaskmenu .button-calendar:focus .button-inner {
+	background-position: -4px -2779px;
+}
+
+.ktaskmenu .button-tasklist:hover .button-inner,
+.ktaskmenu .button-tasklist:focus .button-inner {
+	background-position: -4px -2707px;
+}
+
+.ktaskmenu .button-settings:hover .button-inner,
+.ktaskmenu .button-settings:focus .button-inner {
+	background-position: -5px -2732px;
+}
+
+.ktaskmenu .button-notes:hover .button-inner,
+.ktaskmenu .button-notes:focus .button-inner {
+	background-position: -5px -2755px;
+}
+
+#ktaskpopup a.button-files .button-inner {
+	display: block;
+	margin: 0;
+	height: 18px;
+	padding: 6px 8px 1px 30px;
+	background-image: url(images/listicons.png);
+	background-repeat: no-repeat;
+	background-position: -2px 2px;
+}
+
+#ktaskpopup a.button-files:hover .button-inner,
+#ktaskpopup a.button-files:focus .button-inner {
+	background-position: -2px -46px;
+}
+
+.ktaskmenu .activetask.files {
+	background-image: url(images/listicons.png);
+	background-position: -1px 2px;
+}
+
+.ktaskmenu .dropdownhandle {
+	position: absolute;
+	display: block;
+	top: 0;
+	right: 0;
+	width: 27px;
+	height: 60px;
+	background: url(images/taskmenu.png) 0 -58px no-repeat;
+}
+
+#messagestack div {
+	background: #5d5d5d;
+	border: none;
+	border-radius: 0;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	text-shadow: none;
+	opacity: 0.95;
+	padding: 10px 10px 10px 35px;
+}
+
+.uibox,
+.uibox .boxfooter,
+.uibox .boxtitle,
+.uibox .listing thead th,
+.uibox .listing thead td,
+html.mozilla #mailboxlist > li:first-child,
+.moreheaderstoggle,
+.messagelist thead th:first-child,
+.popupmenu,
+.popupmenu.dropdown,
+.rcube-fc-content,
+#calendar .fc-header .fc-button,
+.calendarmain #calendar .fc-header-left .fc-button,
+.calendarmain #calendar .fc-header-left .fc-button:focus,
+#rcmKSearchpane,
+#composebody,
+#contact-frame,
+#messagecontframe,
+#messagelistfooter,
+#preferences-frame,
+#helpcontentframe,
+#mailview-bottom {
+	border-radius: 0;
+	border: none;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	text-shadow: none;
+}
+
+.uibox .boxfooter .listbutton:first-child {
+	border-radius: 0;
+}
+
+
+/** color style overrides **/
+
+.ui-widget-content a,
+a {
+	color: @link-color;
+}
+
+a:visited {
+	color: #333;
+}
+
+.boxfooter .countdisplay {
+	color: #666;
+}
+
+.listbox,
+.listbox .boxfooter,
+.listbox table.listing,
+.ui-dialog .listbox,
+ul.listing li {
+	background: #fff;
+}
+
+.boxfooter .listbutton {
+	background: #ededed;
+	margin-top: 0;
+	padding: 4px 0;
+}
+
+#contacts-table td span.email,
+.listbox .listitem a,
+.listbox .tablink a,
+.listing tbody td,
+.listing tbody td a,
+.listing li a {
+	color: #3a3a3a;
+	height: 17px;
+	line-height: 17px;
+	text-shadow: none;
+	margin-top: 2px;
+	margin-bottom: 2px;
+}
+
+.listing tbody td {
+	height: 21px;
+	line-height: 21px;
+	text-shadow: none;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+table.records-table {
+	border-color: #ededed;
+}
+
+.records-table tbody td {
+	padding: 5px 7px 6px;
+	border-bottom-color: #ededed;
+	border-left-color: #ededed;
+}
+
+ul.treelist li a:focus,
+ul.listing .listitem a:focus,
+ul.listing .listitem span:focus,
+ul.listing.focus .listitem.focused span {
+	background-color: @focus-color;
+	text-shadow: none;
+	color: @text-color !important;
+}
+
+.messagelist tr th.threads .listmenu:focus,
+.records-table thead th a:focus,
+.boxfooter a.listbutton:focus,
+.toolbar a.button:focus,
+.dropbutton .dropbuttontip:focus,
+.pagenav a.button:focus,
+.pagenav.dark a.button:focus,
+.previewheader a.button:focus,
+#composeheaders a.button:focus,
+.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default,
+#calendar .fc-header .fc-button:focus {
+	background-color: @focus-color !important;
+	text-shadow: none;
+	color: @text-color !important;
+	outline: none;
+}
+
+.pagenav a.button.pressed,
+.pagenav.dark a.button.pressed,
+.buttongroup a.button:focus,
+.buttongroup a.button.selected:focus,
+.moreheaderstoggle:focus {
+	background: @focus-color !important;
+	text-shadow: none;
+	color: @text-color !important;
+}
+
+.mce-panel {
+	background: #f9f9f9 !important;
+	border-bottom: 1px solid #ededed !important;
+}
+
+.listbox .listitem.selected,
+.listbox .tablink.selected,
+.listbox .listitem.selected > a,
+.listbox .tablink.selected > a,
+.listing tbody tr.unfocused td,
+.listing tbody tr.selected td,
+.listing li.selected,
+.listing li.selected > a,
+.messagelist tr.thread.expanded td,
+#calendars .treelist li.selected > div.calendar {
+	color: @text-color;
+	background-color: #f9f9f9;
+}
+
+.listbox .listitem,
+.listbox .tablink,
+.listing tbody td,
+.listing li {
+	border-bottom: 1px solid #ededed !important;
+	border-top: 0;
+}
+
+.folderlist li.mailbox ul,
+ul.listing li ul {
+	border-top-color: #ededed;
+}
+
+ul.treelist li ul li:last-child {
+	border-bottom: none !important;
+}
+
+.records-table tr.selected td a,
+.records-table tr.selected td span {
+	color: @hightlight-text !important;
+}
+
+.records-table tr.selected td {
+	background-color: @main-color !important;
+	color: @hightlight-text !important;
+}
+
+.records-table.focus tbody tr.focused > td:first-child,
+.listing.focus tbody tr.focused > td:first-child,
+.notesview #kolabnoteslist.focus li.focused {
+	border-left-color: @main-color;
+}
+
+ul.toolbarmenu {
+	border: 1px solid #828282;
+}
+
+select.decorated option,
+ul.toolbarmenu li,
+.ui-menu .ui-menu-item a,
+#rcmKSearchpane ul li {
+	background: #3a3a3a;
+}
+
+select.decorated option,
+.googie_list td,
+ul.toolbarmenu li,
+.ui-menu .ui-menu-item,
+#rcmKSearchpane ul li {
+	border-top: none;
+	border-bottom: 1px solid #828282;
+	text-shadow: none !important;
+}
+
+.googie_list td span,
+ul.toolbarmenu li a {
+	text-shadow: none;
+}
+
+.ktaskmenu .popupmenu a:hover,
+.ktaskmenu .popupmenu a:focus,
+#rcmKSearchpane ul li.selected,
+.records-table.focus tr.selected td,
+.googie_list td.googie_list_onhover,
+ul.toolbarmenu li a.active:hover,
+ul.toolbarmenu li a.active:focus,
+select.decorated option:hover,
+select.decorated option:focus,
+select.decorated option[selected='selected'],
+.ui-menu .ui-menu-item a.ui-state-focus,
+.ui-menu .ui-menu-item a.ui-state-active {
+	color: @hightlight-text !important;
+	background: @main-color !important;
+	text-shadow: none;
+}
+
+.records-table thead th,
+.fc-widget-header,
+.calendarmain .fc-view-table td.fc-list-header,
+#compose-attachments,
+#attendees-freebusy-table h3.boxtitle,
+#schedule-freebusy-times thead th,
+#edit-attendees-table thead th {
+	color: #4c4c4c;
+	background: #f9f9f9;
+	border-left: 1px solid #ededed;
+}
+
+.messagelist thead th:first-child,
+.messagelist thead th {
+	border-bottom: 1px solid #ededed;
+}
+
+.records-table thead th a,
+.records-table thead th span {
+	color: #4c4c4c;
+	height: 16px;
+	line-height: 16px;
+}
+
+input[type="text"],
+input[type="password"],
+#login-form input[type="text"],
+#login-form input[type="password"],
+.searchbox input,
+#quicksearchbar input,
+.tagedit-list,
+textarea {
+	border-radius: 1px;
+	border: 1px solid #dbdbdb;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	background: #fff;
+}
+
+input[type="text"],
+input[type="password"] {
+	padding: 5px;
+	background: #fff;
+	border: 1px solid #dbdbdb;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input.button:focus,
+textarea:focus {
+	border-color: @outline-color !important;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	outline: 1px solid @outline-color;
+}
+
+input[type="text"]:required,
+input[type="password"]:required {
+	border-color: #e73023;
+}
+
+#tasksview .buttonbar,
+body.iframe .boxtitle,
+.uibox .boxtitle,
+.uibox .listing thead th,
+.uibox .listing thead td {
+	background: #f9f9f9;
+	color: @main-color;
+	border-bottom: 1px solid #ebebeb;
+}
+
+.listbox .boxfooter {
+	border-top: 1px solid #ededed;
+}
+
+.moreheaderstoggle {
+	background: #828282;
+}
+
+#messagecontent .rightcol,
+#messagepreview .rightcol {
+	background: none;
+	border-radius: 0;
+}
+
+#quotadisplay {
+	color: @text-color;
+	background-image: url(images/quota.png);
+}
+
+#all-headers {
+	border-radius: 0;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	background: #fff;
+	border: 1px solid #ededed;
+}
+
+#messagelistfooter {
+	background: #f9f9f9;
+	border: none;
+	height: 26px;
+	padding: 6px 6px 2px;
+}
+
+#messagelistcontainer {
+	bottom: 34px;
+}
+
+#mailpreviewtoggle {
+	top: 10px;
+}
+
+.filelist thead tr th.sortedASC a,
+.filelist thead tr th.sortedDESC a,
+.messagelist thead tr th.sortedASC a,
+.messagelist thead tr th.sortedDESC a {
+	color: #4c4c4c;
+	background-image: url(images/listicons.png);
+}
+
+.folderlist li.mailbox.unread > a {
+	padding-right: 24px;
+}
+
+.folderlist li.mailbox .unreadcount,
+.folderlist li.mailbox.selected > a .unreadcount,
+.folderlist li.mailbox.recent > a .unreadcount {
+	top: 8px;
+	right: 8px;
+	min-width: 1em;
+	text-align: right;
+	padding: 0;
+	font-size: inherit;
+	font-weight: bold;
+	color: #4c4c4c;
+	border-radius: 0;
+	background: none;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.folderlist li.mailbox div.treetoggle {
+	top: 15px;
+	left: 20px;
+}
+
+#directorylist li a,
+ul.toolbarmenu li span.icon,
+#rcmKSearchpane ul li i.icon,
+.folderlist li.mailbox a,
+.folderlist li.mailbox div.collapsed,
+.folderlist li.mailbox div.expanded,
+.messagelist tr td div.collapsed,
+.messagelist tr td div.expanded,
+.messagelist tr .threads .listmenu,
+.messagelist tr .attachment span.attachment,
+.messagelist tr .attachment span.report,
+.messagelist tr .priority span.priority,
+.messagelist tr .priority span.prio1,
+.messagelist tr .priority span.prio2,
+.messagelist tr .priority span.prio3,
+.messagelist tr .priority span.prio4,
+.messagelist tr .priority span.prio5,
+.messagelist tr .flag span.flagged,
+.messagelist tr .flag span.unflagged,
+.messagelist tr .flag span.unflagged:hover,
+.messagelist tr .status span.status,
+.messagelist tr .status span.msgicon,
+.messagelist tr .status span.deleted,
+.messagelist tr .status span.unread,
+.messagelist tr .status span.unreadchildren,
+.messagelist tr .subject span.msgicon,
+.messagelist tr .subject span.deleted,
+.messagelist tr .subject span.unread,
+.messagelist tr .subject span.replied,
+.messagelist tr .subject span.forwarded,
+.messagelist tr d.subject span.unreadchildren,
+#contacts-table td.contact,
+#contacts-table td.contactgroup,
+#compose-contacts li a,
+#contacts-table .contact td.name,
+#contacts-table .contact td.action a,
+#sections-table tbody td,
+#settings-sections .listitem a,
+#settings-sections .tablink a,
+ul.treelist li div.treetoggle,
+ul.toolbarmenu li span.icon.taskadd,
+ul.toolbarmenu li .appendnote span.icon {
+	background-image: url(images/listicons.png);
+}
+
+#settings-sections .filter a {
+	background-position: 6px -1748px;
+}
+
+#settings-sections .filter.selected a {
+	background-position: 6px -1772px;
+}
+
+#settings-sections .responses a {
+	background-position: 6px -2460px;
+}
+
+#settings-sections .responses.selected a {
+	background-position: 6px -2484px;
+}
+
+#settings-sections .identities a {
+	background-position: 6px -479px;
+}
+
+#settings-sections .identities.selected a {
+	background-position: 6px -503px;
+}
+
+#sections-table #rcmrowmailview .section {
+	background-position: 4px -730px;
+}
+
+#sections-table #rcmrowmailview.selected .section {
+	background-position: 4px -730px;
+}
+
+#sections-table #rcmrowserver .section,
+#sections-table #rcmrowserver.selected .section {
+	background-position: 4px -835px;
+}
+
+#preferences-details fieldset.advanced legend {
+	box-sizing: border-box;
+}
+
+#preferences-details fieldset.advanced .advanced-toggle {
+	background-image: url(images/listicons.png);
+	top: 8px;
+	right: 0;
+}
+
+ul.toolbarmenu li span.icon.taskadd {
+	background-position: 0px -1973px;
+}
+
+ul.toolbarmenu li .appendnote span.icon {
+	background-position: 0px -2626px;
+}
+
+ul.toolbarmenu li span.icon.filterlink {
+	background-position: 0 -1926px;
+}
+
+ul.toolbarmenu li span.icon.move {
+	background-position: -1px -96px;
+}
+
+ul.toolbarmenu li span.icon.copy {
+	background-position: -1px -96px;
+}
+
+ul.toolbarmenu li span.icon.print {
+	background-position: -1px -3003px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.download {
+	background-position: 0 -2978px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.edit {
+	background-position: 0 -2954px;
+}
+
+div.contextmenu ul.iconized li:hover a.openfolder.active span.icon,
+ul.toolbarmenu li:hover a.active span.icon.extwin {
+	background-position: -1px -3096px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.filterlink {
+	background-position: 0 -3026px;
+}
+
+ul.toolbarmenu li:hover a.active span.mail {
+	background-position: 0 -2830px;
+}
+
+ul.toolbarmenu li:hover a.active span.list {
+	background-position: 0 -2854px;
+}
+
+ul.toolbarmenu li:hover a.active span.invert {
+	background-position: 0 -2877px;
+}
+
+ul.toolbarmenu li:hover a.active span.flagged {
+	background-position: 1px -2920px;
+}
+
+ul.toolbarmenu li:hover a.active span.unread {
+	background-position: 1px -2895px;
+}
+
+ul.toolbarmenu li a.calendarlink span.calendar,
+#attachmentmenu li a.calendarlink span.calendar {
+	background-position: 0px -1948px;
+}
+
+ul.toolbarmenu li:hover a.calendarlink.active span.calendar,
+#attachmentmenu li:hover a.calendarlink.active span.calendar {
+	background-position: 0 -3048px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.note {
+	background-position: -1px -3117px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.taskadd {
+	background-position: 0 -3073px;
+}
+
+ul.toolbarmenu li:hover a.active span.icon.copy,
+ul.toolbarmenu li:hover a.active span.icon.move {
+	background-position: -1px -74px;
+}
+
+.folderlist li.mailbox.trash.empty > a {
+	background-position: 6px -382px;
+}
+
+.folderlist li.mailbox.trash.empty > a:focus,
+.folderlist li.mailbox.trash.empty.selected > a {
+	background-position: 6px -406px;
+}
+
+#taskitemmenu ul.toolbarmenu li span.add {
+	background-position: 0px -1996px;
+}
+
+#rcmKSearchpane ul li i.icon {
+	background-position: -2px -3141px;
+}
+
+a.iconlink,
+a.iconbutton,
+a.deletebutton,
+a.button span.icon,
+.toolbar a.button,
+.boxpagenav a.icon,
+.draglayercopy:before,
+.dropbutton .dropbuttontip,
+.pagenav a.button span.inner,
+.boxfooter .listbutton .inner,
+.attachmentslist li a.delete,
+.attachmentslist li a.cancelupload,
+.attachmentslist li a.drop,
+#taskbar a span.button-inner,
+#mailpreviewtoggle,
+div.more-headers,
+.moreheaderstoggle .iconlink,
+#calendartoolbar a.button,
+#filestoolbar a.button,
+#taskstoolbar a.button {
+	background-image: url(images/buttons.png);
+	text-shadow: none;
+}
+
+.dropbutton .dropbuttontip {
+	right: 4px;
+}
+
+a.iconbutton.reset {
+	background-position: -26px -317px;
+}
+
+.toolbar a.button.license
+a.iconbutton.searchicon,
+body.calendarmain #searchmenulink,
+body.tasklistview #searchmenulink {
+	width: 16px;
+}
+
+#messageheader #contactphoto {
+	background-image: url(images/contactpic_48px.png);
+	border: none;
+	border-radius: 10px;
+}
+
+#messageheader.previewheader #contactphoto {
+	background-image: url(images/contactpic_32px.png);
+	border: none;
+}
+
+#composebodycontainer .mce-panel {
+	background: #f9f9f9;
+	border-color: #ededed !important;
+	margin-top: 0;
+}
+
+#compose-attachments {
+	border-top: none;
+	top: 0;
+}
+
+ul.treelist li div.treetoggle {
+	background-position: -3px -142px;
+}
+
+ul.treelist li div.treetoggle.expanded {
+	background-position: -3px -166px;
+}
+
+
+/*** form styles ***/
+
+ul.proplist li,
+table.propform td {
+	background: #f9f9f9;
+	border-bottom: 1px solid #ededed;
+	height: 26px;
+}
+
+table.propform td.title {
+	color: #4c4c4c;
+}
+
+.propform fieldset {
+	margin-bottom: 0;
+}
+
+.propform fieldset legend,
+.propform fieldset fieldset legend {
+	font-size: 12px;
+	color: #4c4c4c;
+	padding: 10px;
+}
+
+.contactfieldgroup {
+	background: #f9f9f9;
+	border-bottom: 1px solid #ededed;
+	border-radius: 0;
+	margin: 0;
+}
+
+.contactfieldgroup legend {
+	background: #f9f9f9;
+	color: @main-color;
+	border-radius: 0;
+	border: 0;
+	text-shadow: none;
+	padding: 10px 12px 0;
+}
+
+#contactsectioncontact .contactfieldgroup .row {
+	margin: -4px 0 4px;
+}
+
+.contactfieldgroup .contactfieldlabel {
+	line-height: 24px;
+}
+
+img.skinthumbnail {
+	border-radius: 0;
+	border-color: #ededed;
+}
+
+body.iframe .footerleft.floating,
+#composeview-bottom .formbuttons.floating {
+	padding: 7px 14px;
+}
+
+body.iframe .footerleft.floating:before,
+#composeview-bottom .formbuttons.floating:before {
+	background: none;
+	padding-bottom: 7px;
+	padding-top: 7px;
+}
+
+#sourcename,
+#contact-details #contactphoto {
+	padding-left: 10px;
+}
+
+a.menuselector {
+	border: 1px solid #dbdbdb;
+	border-radius: 1px;
+	background: #fff;
+	color: #4c4c4c;
+	height: 24px;
+	line-height: 24px;
+}
+
+a.menuselector .handle {
+	background: url(images/selector.png) right 0 no-repeat;
+	border-radius: 1px;
+	height: 24px;
+	line-height: 24px;
+	text-shadow: none;
+}
+
+#foldersubscriptions tbody td,
+#delegatefolders tbody td {
+	border-bottom: 1px solid #ededed;
+	background-color: #f9f9f9;
+}
+
+#foldersubscriptions thead th,
+#delegatefolders thead th {
+	border-bottom: 1px solid #ededed;
+	background-color: #f9f9f9;
+	color: @main-color;
+}
+
+a.menuselector:focus,
+a.menuselector.focus,
+a.iconbutton:focus,
+.pagenav a.button:focus {
+	border-color: @focus-color;
+	-webkit-box-shadow: 0 0 0 2px @outline-color;
+	box-shadow: 0 0 0 2px @outline-color;
+}
+
+
+/*** button styles ***/
+
+a.button, .buttongroup {
+	background: #e7e7e7;
+	color: @text-color;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	text-shadow: none;
+}
+
+.pagenav a.button,
+.pagenav a.button:hover,
+.pagenav.dark a.button,
+.pagenav.dark a.button:hover,
+.previewheader a.button,
+#composeheaders a.button {
+	background: none;
+	border: 0;
+	padding: 1px;
+	height: 16px;
+	border-radius: 0;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	text-shadow: none;
+}
+
+a.button span.icon,
+.pagenav a.button span.inner {
+	height: 15px;
+}
+
+.boxpagenav a.icon {
+	height: 14px;
+}
+
+.pagenav .countdisplay {
+	text-shadow: none;
+}
+
+.pagenavbuttons {
+	top: 0;
+}
+
+.buttongroup {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	background-color: #ededed;
+	border-color: @main-color;
+}
+
+.buttongroup a.button.first,
+.buttongroup a.button:first-child {
+	border-radius: 2px 0 0 2px;
+}
+
+.buttongroup a.button.last,
+.buttongroup a.button:last-child {
+	border-radius: 0 2px 2px 0;
+}
+
+#messageheader .buttongroup,
+.previewheader .buttongroup,
+#composeheaders .buttongroup {
+	height: 16px;
+	background-color: transparent;
+	overflow: hidden;
+	position: relative;
+	top: -2px;
+}
+
+.buttongroup a.button,
+.buttongroup a.button.selected {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	border: none;
+	background-color: transparent;
+}
+
+.buttongroup a.button.selected,
+.buttongroup a.button.selected:hover {
+	color: #fff;
+	background: @main-color;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.previewheader a.button,
+#composeheaders a.button,
+.previewheader .pagenav a.button,
+#composeheaders .pagenav a.button,
+.previewheader a.button span.icon,
+#composeheaders a.button span.icon,
+.previewheader .pagenav a.button span.inner,
+#composeheaders .pagenav a.button span.inner {
+	width: 24px;
+	height: 24px;
+	margin: 0;
+}
+
+#messageheader .buttongroup a.button,
+.previewheader .buttongroup a.button,
+#composeheaders .buttongroup a.button,
+.previewheader .buttongroup a.button:hover,
+#composeheaders .buttongroup a.button:hover {
+	width: 16px;
+	height: 16px;
+	padding: 2px;
+}
+
+.previewheader .buttongroup a.button span.icon,
+#composeheaders .buttongroup a.button span.icon,
+.previewheader .buttongroup a.button span.inner,
+#composeheaders .buttongroup a.button span.inner {
+	width: 18px;
+	height: 16px;
+	margin: 1px 0;
+}
+
+.previewheader .pagenav a.reply span.inner,
+.previewheader a.button.reply span.icon {
+	background-position: -1px -263px;
+}
+
+.previewheader .pagenav a.replyall span.inner,
+.previewheader a.button.replyall span.icon {
+	background-position: -27px -263px;
+}
+
+.previewheader .pagenav a.forward span.inner,
+.previewheader a.button.forward span.icon {
+	background-position: -1px -187px;
+}
+
+.pagenav a.changeformat.html span.inner,
+a.button.changeformat.html span.icon {
+	background-position: -6px -2228px;
+}
+.pagenav a.changeformat.html.selected span.inner,
+a.button.changeformat.html.selected span.icon {
+	background-position: -30px -2228px;
+}
+
+.pagenav a.changeformat.text span.inner,
+a.button.changeformat.text span.icon {
+	background-position: -6px -2246px;
+}
+.pagenav a.changeformat.text.selected span.inner,
+a.button.changeformat.text.selected span.icon {
+	background-position: -30px -2246px;
+}
+
+.previewheader .pagenav a.extwin span.inner,
+#composeheaders .pagenav a.extwin span.inner,
+.previewheader a.button.extwin span.icon,
+#composeheaders a.button.extwin span.icon {
+	background-position: -27px -187px;
+}
+
+.toolbar a.button.responses {
+	background-position: center -2464px;
+}
+
+.toolbar a.button.move {
+	background-position: center -2544px;
+}
+
+#composebuttons {
+	top: 3px;
+	right: 3px;
+}
+
+#compose-contacts #directorylist {
+	border-bottom-color: #ededed;
+}
+
+.calendarmain #calendar .fc-button-today,
+.calendarmain #calendar .fc-button-today.fc-state-default,
+.calendarmain #calendar .fc-button-today.fc-state-hover,
+.ui-dialog .ui-dialog-buttonpane button,
+.ui-button.ui-state-default,
+a.button,
+input.button,
+.formbuttons input.button {
+	background: #e7e7e7;
+	border: none;
+	border-radius: 2px;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	text-shadow: none;
+	color: @text-color;
+	font-weight: bold;
+	padding: 6px 10px;
+	margin: 1px 2px;
+}
+
+.ui-dialog .ui-dialog-buttonpane button.mainaction,
+input.button.mainaction {
+	background: #add03e;
+	color: #fff;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	text-shadow: none;
+}
+
+.ui-dialog .ui-dialog-titlebar-close.ui-button:focus,
+.ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus {
+	-webkit-box-shadow: 0 0 0 2px @outline-color !important;
+	box-shadow: 0 0 0 2px @outline-color !important;
+}
+
+.ui-dialog .ui-dialog-buttonpane button.delete,
+input.button.delete {
+	background: #df4440;
+	color: #fff;
+}
+
+.ui-dialog .ui-dialog-buttonpane button:focus,
+.ui-dialog .ui-dialog-buttonpane button:hover,
+input.button.disabled:hover,
+input.button:hover,
+input.button:focus,
+.formbuttons input.button:focus,
+.formbuttons input.button:hover {
+	border: none;
+	color: @text-color;
+	background: #e0e0e0;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.toolbar a.button.disabled:hover {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.ui-dialog .ui-dialog-buttonpane button.mainaction:focus,
+.ui-dialog .ui-dialog-buttonpane button.mainaction:hover,
+input.button.mainaction:focus,
+input.button.mainaction:hover {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	border: none;
+	color: #fff;
+	background: #88b400;
+}
+
+.ui-dialog .ui-dialog-buttonpane button.delete:focus,
+.ui-dialog .ui-dialog-buttonpane button.delete:hover,
+input.button.delete:focus,
+input.button.delete:hover {
+	background: #d1403c;
+	color: #fff;
+}
+
+.popupdialog .formbuttons {
+	margin: 15px 0 4px;
+}
+
+.calendarmain #calendar .fc-button-today,
+.calendarmain #calendar .fc-button-today.fc-state-default {
+	top: -4px;
+	padding: 3px 10px;
+}
+
+.ui-dialog .ui-dialog-buttonpane button {
+	padding: 0.2em 0.5em;
+}
+
+
+/*** message bar ***/
+
+#message div.loading,
+#message div.warning,
+#message div.error,
+#message div.notice,
+#message div.confirmation,
+#messagestack div:after,
+#messagestack div.warning:after,
+#messagestack div.error:after,
+#messagestack div.notice:after,
+#messagestack div.confirmation:after,
+#message-objects div.notice {
+	background-image: url(images/messages.png);
+}
+
+#messagestack div:after {
+	height: 28px;
+	width: 24px;
+}
+
+#messagestack div:after,
+#messagestack div.notice:after {
+	background-position: 3px 9px;
+}
+
+#message div.notice {
+	color: #054f9b;
+}
+
+#message div.loading {
+	background-image: url(images/ajaxloader.gif);
+}
+
+#messagestack div.loading:after,
+#messagestack div.uploading:after {
+	background: url(images/ajaxloader_dark.gif) 3px 7px no-repeat;
+}
+
+#messagestack div.loading,
+#messagestack div.uploading {
+	color: #fff;
+}
+
+#messagestack div.confirmation {
+	color: #c1e065;
+}
+
+#messagestack div.confirmation:after {
+	background-position: 3px -21px;
+}
+
+#messagestack div.warning {
+	color: #e07400;
+}
+
+#messagestack div.warning:after {
+	background-position: 3px -82px;
+}
+
+#messagestack div.error {
+	color: #dd4646;
+}
+
+#messagestack div.error:after {
+	background-position: 0 -53px;
+}
+
+
+/**** attachments list ****/
+
+.attachmentslist li {
+	background-image: url(images/filetypes.png);
+}
+
+.attachmentslist li.ppt,
+.attachmentslist li.pptx,
+.attachmentslist li.mspowerpoint {
+	background-position: 0 -156px;
+}
+
+.attachmentslist li.odp {
+	background-position: 0 -182px;
+}
+
+.attachmentslist li.gz,
+.attachmentslist li.zip,
+.attachmentslist li.rar {
+	background-position: 0 -234px;
+}
+
+.attachmentslist li.jpg,
+.attachmentslist li.jpeg,
+.attachmentslist li.png,
+.attachmentslist li.image {
+	background-position: 0 -208px;
+}
+
+.attachmentslist li.sig,
+.attachmentslist li.pgp-signature,
+.attachmentslist li.pkcs7-signature {
+	background-position: 0 -260px;
+}
+
+.attachmentslist li.m4p,
+.attachmentslist li.mp3,
+.attachmentslist li.audio {
+	background-position: 0 -286px;
+}
+
+.attachmentslist li.video {
+	background-position: 0 -338px;
+}
+
+.attachmentslist li.txt,
+.attachmentslist li.text {
+	background-position: 0 -416px;
+}
+
+.attachmentslist li.ics,
+.attachmentslist li.calendar {
+	background-position: 0 -364px;
+}
+
+.attachmentslist li.vcard {
+	background-position: 0 -390px;
+}
+
+.attachmentslist li.html {
+	background-position: 0 -442px;
+}
+
+.attachmentslist li.css {
+	background-position: 0 -468px;
+}
+
+.attachmentslist li.csv {
+	background-position: 0 -494px;
+}
+
+.attachmentslist li.eml,
+.attachmentslist li.rfc822 {
+	background-position: 0 -520px;
+}
+
+.attachmentslist li a.drop {
+	background-position: center -1570px;
+}
+
+.attachmentslist li a:focus,
+.attachmentslist li a.drop:focus {
+	background-color: @focus-color;
+}
+
+
+
+/*** jquery UI theme overrides ***/
+
+.ui-menu {
+	border-radius: 0 !important;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.ui-dialog {
+	border-radius: 0 !important;
+}
+
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+	font-family: inherit;
+}
+
+.ui-widget-content {
+	background: #fff !important;
+	border-radius: 0;
+}
+
+
+.ui-dialog .ui-dialog-title {
+	text-shadow: none;
+	color: @main-color;
+}
+
+.ui-dialog .ui-dialog-titlebar {
+	border-radius: 0;
+	background: #f9f9f9 !important;
+	padding: 10px 1em 12px;
+}
+
+.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
+	background: url(images/ui-dialog-close.png) 1px 1px no-repeat;
+}
+
+#messageheader,
+#mailview-right #messageheader,
+#composeheaders {
+	background: #f9f9f9;
+	border-bottom: 1px solid #ededed;
+	border-radius: 0;
+}
+
+.ui-tabs .ui-tabs-panel {
+	background: #f9f9f9;
+	border-radius: 0;
+}
+
+.ui-tabs .ui-tabs-nav {
+	border-radius: 0;
+}
+
+.ui-tabs .ui-tabs-nav li {
+	background: #fff;
+}
+
+.ui-tabs .ui-tabs-nav li.tablink a {
+	background: #ededed;
+	border-right: 0;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+	padding-bottom: 0;
+}
+
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+	background: #ededed;
+	color: @text-color;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
+	background: @main-color;
+	color: #fff;
+}
+
+.ui-tabs .tabsbar.ui-tabs-nav {
+	margin-bottom: 0;
+	border-radius: 0;
+}
+
+.ui-datepicker {
+	box-shadow: none;
+	border: 1px solid #ededed;
+}
+
+#datepicker .ui-datepicker {
+	border: none;
+}
+
+.ie10 .ui-datepicker .ui-datepicker-title select,
+.webkit .ui-datepicker .ui-datepicker-title select,
+.mozilla .ui-datepicker .ui-datepicker-title select {
+	background-image: url(images/ui-icons-datepicker.png);
+	background-position: right -18px;
+}
+
+.ui-datepicker .ui-datepicker-header .ui-icon {
+	background-image: url(images/ui-icons-datepicker.png);
+}
+
+.ui-datepicker .ui-datepicker-month:focus,
+.ui-datepicker .ui-datepicker-year:focus {
+	outline: 2px solid @outline-color;
+}
+
+#datepicker .ui-datepicker .ui-datepicker-prev,
+#datepicker .ui-datepicker .ui-datepicker-next {
+	top: 6px;
+	border-radius: 0;
+	cursor: pointer;
+}
+
+.ui-slider .ui-slider-range {
+	border-radius: 0;
+	background: @main-color;
+}
+
+
+/*** IE hacks ***/
+
+.ie .pagenav.dark a.button,
+.ie .pagenav.dark a.button.pressed,
+.ie .folderlist li.mailbox .unreadcount {
+	filter: none;
+}
+
+.ie #messageheader #countcontrols a.button {
+	filter: none;
+	height: 24px;
+}
+
+/*** help plugin styles ***/
+
+.toolbar a.button.help {
+	background: url(images/buttons.png) center -2814px;
+}
+
+.toolbar a.button.about {
+	background: url(images/buttons.png) center -2855px;
+}
+
+.toolbar a.button.license {
+	background: url(images/buttons.png) center -2898px;
+}
+
+/*** kolab folder styles ***/
+
+.listsearchbox {
+	background-color: #fff;
+	border-bottom: 1px solid #ededed;
+}
+
+#calendars .searchresults .boxtitle,
+#tasklistsbox .searchresults .boxtitle,
+#directorylist .searchresults .boxtitle,
+.notesview #notebooksbox .searchresults .boxtitle {
+	background: #f9f9f9;
+	padding: 7px 8px 6px;
+}
+
+#calendars .searchresults,
+#tasklistsbox .searchresults,
+.notesview #notebooksbox .searchresults {
+	margin-top: 0;
+}
+
+#tasklistsbox .treelist li span.listname,
+#calendars .treelist li span.calname,
+#directorylist li.addressbook.readonly,
+#directorylist li.addressbook.shared,
+#directorylist li.addressbook.other,
+.notesview #notebooks div.folder span.handle,
+.notesview #notebooks li .listname {
+	background-image: url(images/listicons.png);
+	background-position: right -5000px;
+	background-repeat: no-repeat;
+	color: #4c4c4c;
+}
+
+#directorylist li.addressbook.readonly {
+	background-position: 98% -2121px;
+}
+#tasklistsbox  .treelist .readonly > span.listname,
+#calendars .treelist div.readonly span.calname,
+.notesview #notebooks div.readonly span.handle,
+.notesview #notebooks div.other.readonly span.handle {
+	background-position: right -2128px;
+}
+
+#directorylist li.addressbook.other,
+#directorylist li.addressbook.virtual.user {
+	background-position: 98% -2147px;
+}
+
+#tasklistsbox .treelist .user > span.listname,
+#calendars .treelist li.user > div span.calname,
+#calendars .treelist div.other span.calname,
+.notesview #notebooks div.other span.handle {
+	background-position: right -2152px;
+}
+
+#directorylist li.addressbook.other.readonly {
+	background-position: 98% -2172px;
+}
+#tasklists li.other.readonly span.listname,
+#calendars .treelist div.other.readonly span.calname {
+	background-position: right -2176px;
+}
+
+#directorylist li.addressbook.shared {
+	background-position: 98% -2196px;
+}
+#tasklists li.shared span.listname,
+#calendars .treelist div.shared span.calname {
+	background-position: right -2200px;
+}
+
+#directorylist li.addressbook.shared.readonly {
+	background-position: 98% -2220px;
+}
+#tasklists li.shared.readonly span.listname,
+#calendars .treelist div.shared.readonly span.calname {
+	background-position: right -2224px;
+}
+
+#directorylist li.addressbook.virtual.user {
+	background-image: url(images/listicons.png) !important;
+}
+
+#directorylist li.addressbook a,
+#directorylist li.addressbook.selected > div a {
+	background-position: 6px -765px;
+}
+
+#directorylist ul li.addressbook > div a,
+#directorylist ul li.addressbook.selected > div a {
+	background-position: 32px -765px;
+}
+
+#directorylist ul li.contactgroup a,
+#directorylist li.contactgroup.selected a {
+	background-position: 32px -1578px;
+}
+
+#calendars .treelist div:hover span.actions,
+#tasklistsbox .treelist div:hover span.actions,
+.notesview #notebooksbox .treelist div:hover span.actions,
+#directorylistbox ul.treelist div:hover span.actions {
+	background: #ededed;
+	border-color: #ededed;
+}
+
+#calendars .treelist div a.subscribed,
+#tasklistsbox .treelist div a.subscribed,
+.notesview #notebooksbox .treelist div a.subscribed,
+#directorylistbox ul.treelist div span.subscribed,
+#calendars .treelist div a.remove,
+#tasklistsbox .treelist div a.remove,
+.notesview #notebooksbox .treelist div a.remove,
+#directorylistbox ul.treelist div span.remove {
+	background-image: url(images/listicons.png);
+	background-position: -100px 0;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+#directorylistbox ul.treelist div span.subscribed,
+#directorylistbox ul.treelist div span.remove {
+	top: 7px;
+}
+
+#calendars .treelist div a.quickview,
+#calendars .treelist div:hover a.quickview,
+#tasklistsbox .treelist div a.quickview,
+#tasklistsbox .treelist div:hover a.quickview {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+#calendars .treelist div a.remove:focus,
+#calendars .treelist div a.quickview:focus,
+#calendars .treelist div a.subscribed:focus,
+#tasklistsbox .treelist div a.remove:focus,
+#tasklistsbox .treelist div a.quickview:focus,
+#tasklistsbox .treelist div a.subscribed:focus {
+	outline: 2px solid fade(@main-color, 50%);
+}
+
+#calendars .treelist div:hover a.subscribed,
+#calendars .treelist div a.subscribed:focus,
+#tasklistsbox .treelist div a.subscribed:focus,
+#tasklistsbox .treelist div:hover a.subscribed,
+.notesview #notebooksbox .treelist div a.subscribed:focus,
+.notesview #notebooksbox .treelist div:hover a.subscribed,
+#directorylistbox ul.treelist div span.subscribed:focus,
+#directorylistbox ul.treelist div:hover span.subscribed {
+	background-position: -4px -2606px;
+	background-color: transparent !important;
+}
+
+#calendars .treelist div.subscribed a.subscribed,
+#calendars .treelist div.subscribed a.subscribed:focus,
+#tasklistsbox .treelist div.subscribed a.subscribed,
+#tasklistsbox .treelist div.subscribed a.subscribed:focus,
+.notesview #notebooksbox .treelist div.subscribed a.subscribed,
+.notesview #notebooksbox .treelist div.subscribed a.subscribed:focus,
+#directorylistbox ul.treelist div.subscribed span.subscribed,
+#directorylistbox ul.treelist div.subscribed span.subscribed:focus {
+	background-position: -26px -2606px;
+	background-color: transparent !important;
+}
+
+#calendars .treelist div.subscribed.partial a.subscribed,
+#calendars .treelist div.subscribed.partial a.subscribed:focus,
+#tasklistsbox .treelist div.subscribed.partial a.subscribed,
+#tasklistsbox .treelist div.subscribed.partial a.subscribed:focus,
+.notesview #notebooksbox .treelist div.subscribed.partial a.subscribed,
+.notesview #notebooksbox .treelist div.subscribed.partial a.subscribed:focus,
+#directorylistbox ul.treelist div.subscribed.partial span.subscribed,
+#directorylistbox ul.treelist div.subscribed.partial span.subscribed:focus {
+	background-position: -4px -2674px;
+}
+
+#calendars .treelist div:hover a.remove,
+#calendars .treelist div a.remove:focus,
+#tasklistsbox .treelist div a.remove:focus,
+#tasklistsbox .treelist div:hover a.remove,
+.notesview #notebooksbox .treelist div a.remove:focus,
+.notesview #notebooksbox .treelist div:hover a.remove,
+#directorylistbox ul.treelist div span.remove:focus,
+#directorylistbox ul.treelist div:hover span.remove {
+	background-position: -26px -2674px;
+}
+
+#calendars .searchresults .listing li,
+#tasklistsbox .searchresults .listing li,
+#directorylistbox .searchresults .listing li,
+.notesview #notebooksbox .searchresults .listing li {
+	background-color: #fff;
+}
+
+#contacts-table td.contact,
+#contacts-table tr.selected td.contact,
+#contacts-table .contact td.name {
+	background-position: 4px -1602px;
+}
+
+#contacts-table td.contactgroup,
+#contacts-table tr.selected td.contactgroup,
+#contacts-table .contactgroup td.name {
+	background-position: 4px -1553px;
+}
+
+#contacts-table .contact.selected td.name {
+	background-position: 4px -1625px;
+}
+
+#sections-table #rcmrowgeneral.selected .section,
+#sections-table #rcmrowgeneral .section {
+	background-position: 4px -570px;
+}
+
+#sections-table #rcmrowmailbox.selected .section,
+#sections-table #rcmrowmailbox .section {
+	background-position: 4px -644px;
+}
+
+#sections-table #rcmrowcompose.selected .section,
+#sections-table #rcmrowcompose .section {
+	background-position: 4px -669px;
+}
+
+#sections-table #rcmrowaddressbook.selected .section,
+#sections-table #rcmrowaddressbook .section {
+	background-position: 4px -765px;
+}
+
+#sections-table #rcmrowfolders.selected .section,
+#sections-table #rcmrowfolders .section {
+	background-position: 4px 4px;
+}
+
+#sections-table #rcmrowcalendar.selected .section,
+#sections-table #rcmrowcalendar .section {
+	background-position: 4px -524px;
+}
+
+
+/*** calendar module styles ***/
+
+.calendarmain #datepicker {
+	top: 57px;
+	min-height: 185px;
+}
+
+.calendarmain #calendars {
+	top: 282px;
+}
+
+#calendar {
+	top: 8px;
+}
+
+#calendar .fc-header {
+	height: 47px;
+}
+
+.calendarmain .fc-content {
+	top: 47px;
+}
+
+#calsidebarsplitter {
+	top: 57px !important;
+}
+
+#calendartoolbar a.button.addevent {
+	background-position: center -1784px;
+}
+
+#calendartoolbar a.button.import {
+	background-position: center -2505px;
+}
+
+#calendartoolbar a.button.export {
+	background-position: center -1825px;
+}
+
+#calendartoolbar a.button.print {
+	background-position: center -810px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button {
+	background-image: url(images/buttons.png);
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-agendaDay {
+	background-position: center -1864px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-agendaDay.fc-state-active {
+	background-position: center -1904px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-agendaWeek {
+	background-position: center -1944px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-agendaWeek.fc-state-active {
+	background-position: center -1984px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-month {
+	background-position: center -2024px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-month.fc-state-active {
+	background-position: center -2064px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-table {
+	background-position: center -2104px;
+}
+
+.calendarmain #calendar .fc-header-left .fc-button-table.fc-state-active {
+	background-position: center -2144px;
+}
+
+.calendarmain #calendar .fc-header-right {
+	padding-top: 3px;
+}
+
+.calendarmain #calendar .fc-button-prev,
+.calendarmain #calendar .fc-button-next,
+.calendarmain #calendar .fc-button-prev.fc-state-default,
+.calendarmain #calendar .fc-button-next.fc-state-default {
+	display: inline-block;
+	border: 0;
+	margin: 3px 4px;
+	padding: 0;
+	width: 20px;
+	height: 19px;
+	line-height: 12px;
+	text-indent: 5000px;
+	background: url(images/buttons.png) -6px -226px no-repeat;
+	overflow: hidden;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.calendarmain #calendar .fc-button-next,
+.calendarmain #calendar .fc-button-next.fc-state-default {
+	background-position: -25px -226px;
+}
+
+#calendars .treelist li span.handle,
+.calendarmain .fc-view-table .fc-event-handle .fc-event-inner {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	border: none;
+	width: 12px;
+	height: 12px;
+}
+
+.fc-view thead th.fc-widget-header {
+	color: @text-color;
+}
+
+.fc-view-table {
+	border: none;
+}
+
+.calendarmain .fc-view-table tr.fc-event td {
+	border-color: #ededed;
+}
+
+.calendarmain .fc-view-table td.fc-list-header {
+	border-bottom-color: #ededed;
+	padding: 8px 7px;
+}
+
+#agendaoptions {
+	background: #f9f9f9;
+	border-radius: 0;
+	border: none;
+	padding: 9px 8px;
+}
+
+#agendaoptions label {
+	text-shadow: none;
+	vertical-align: middle;
+}
+
+#datepicker td.ui-datepicker-activerange,
+.ui-datepicker td {
+	border-color: #fff;
+}
+
+.ui-datepicker .ui-datepicker-header {
+	border-radius: 0
+}
+
+#datepicker td.ui-datepicker-activerange a {
+	color: @text-color;
+	background: @light-color;
+}
+
+#datepicker td.ui-datepicker-activerange a.ui-state-active {
+	color: #fff;
+	background: @main-color;
+}
+
+.ui-datepicker td span,
+.ui-datepicker td a {
+	text-shadow: none !important;
+}
+
+.ui-datepicker td a.ui-state-active {
+	border-color: #4d4d4d !important;
+	text-shadow: none !important;
+	background: @main-color !important;
+}
+
+.ui-datepicker td a.ui-state-default {
+	background: #ededed;
+	border: none !important;
+}
+
+.ui-datepicker table:focus {
+	outline: 2px solid @outline-color;
+}
+
+#schedule-freebusy-times td {
+	padding: 4px;
+}
+
+.attendees-list .attendee,
+.event-attendees span.organizer {
+	background: url(images/listicons.png) 0 -2040px no-repeat;
+}
+
+.attendees-list span.attendee {
+	display: inline-block;
+	line-height: 14px;
+}
+
+.attendees-list div.attendee {
+	line-height: 15px;
+}
+
+.attendees-list div.attendee.spacer,
+#schedule-freebusy-times tr.spacer td {
+	line-height: 5px;
+}
+
+#schedule-freebusy-times td {
+	line-height: 15px;
+}
+
+.attendees-list .organizer {
+	background-position: -30px -2020px;
+}
+
+.event-attendees span.organizer {
+	background-position: right -2024px;
+}
+
+.attendees-list .opt-participant {
+	background-position: 0 -2060px;
+}
+
+.attendees-list .non-participant {
+	background-position: 0 -2080px;
+}
+
+.attendees-list .chair {
+	background-position: 0 -2100px;
+}
+
+.attendees-list .spacer,
+.attendees-list .total {
+	background: none;
+}
+
+#timezonedisplay {
+	bottom: 0;
+}
+
+.ui-datepicker .ui-state-highlight {
+	color: @main-color;
+}
+
+.calendarmain .fc-state-highlight {
+	background-color: fade(@main-color, 0%);
+}
+
+
+#taskedit .edit-attendees-table th.invite label,
+#eventedit .edit-attendees-table th.invite label {
+	background: url(images/listicons.png) 2px -1294px no-repeat;
+}
+
+#eventresourcesdialog {
+	background: #e7e7e7 !important;
+	padding: 5px;
+}
+
+#resourcequicksearch {
+	background: transparent;
+}
+
+/*** tasklist module styles ***/
+
+#tasksview,
+.tasklistview #tagsbox {
+	background: #fff;
+	top: 57px;
+}
+
+.taskhead {
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	border-radius: 0;
+	border: 1px solid #ededed;
+}
+
+#quickaddbox {
+	top: 7px;
+}
+
+#quickaddinput {
+	border-color: #ededed;
+}
+
+#taskstoolbar a.button.newtask {
+	background-image: url(images/buttons.png);
+	background-position: center -2184px;
+}
+
+#tasklistsbox .treelist li .treetoggle {
+	top: 7px;
+}
+
+#tasklistsbox .treelist li.virtual > .treetoggle {
+	top: 5px;
+}
+
+.tasklistview ul.toolbarmenu li span.expand,
+.tasklistview ul.toolbarmenu li span.collapse {
+	background-image: url(images/listicons.png);
+	background-position: 0 -2508px;
+}
+
+.tasklistview ul.toolbarmenu li span.collapse {
+	background-position: 0 -2532px;
+}
+
+#tagslist li.selected,
+#taskselector li.selected a {
+	background: @main-color;
+	border-color: transparent;
+	border-radius: 2px;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	padding: 0.4em 0.6em;
+	color: #fff;
+}
+
+#taskselector li.inactive a {
+	color: #999;
+}
+
+#taskselector li .count {
+	background: @main-color;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+#taskselector li.overdue .count {
+	background: #e73023;
+}
+
+#taskselector li .count:after {
+	border-color: @main-color transparent;
+}
+
+#taskselector li.overdue .count:after {
+	border-color: #e73023 transparent;
+}
+
+#tagslist li .count {
+	color: @text-color;
+	background: #ededed;
+	border: none;
+	border-radius: 2px;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
+.tagcloud li,
+#taskselector li a {
+	color: @text-color;
+	font-size: 100%;
+	padding: 0.4em 0.6em;
+	font-weight: bold;
+}
+
+.tagcloud li.inactive {
+	color: lighten(@text-color, 30%);
+}
+
+.tag-draghelper .tag,
+.taskhead .tags .tag {
+	color: #fff;
+	background: @main-color;
+	border: none;
+}
+
+.buttonbar-right .listmenu .inner {
+	height: 20px;
+	width: 26px;
+	overflow: hidden;
+	background-image: url(images/listicons.png);
+	background-position: 0 -976px;
+}
+
+#rootdroppable {
+	background: #eaeaea;
+}
+
+div.messagetasklinks::before {
+	background-image: url(images/listicons.png);
+	background-position: -1px -2693px;
+}
+
+/*
+#thelist {
+	margin: 0;
+}
+
+.taskitem {
+	margin-bottom: 0;
+	border-bottom: 1px solid #ededed;
+}
+*/
+
+/*** kolab_files module styles ***/
+
+.filelist tr > .options a.listmenu,
+.filelist tr > .flag span.flagged,
+.filelist tr > .flag span.unflagged,
+.filelist tr > .flag span.unflagged:hover {
+	background-image: url(images/listicons.png);
+}
+
+.filelist thead tr th.options .listmenu {
+	background-position: 2px -969px;
+}
+
+#filestoolbar a.button,
+#messagetoolbar a.button.saveas {
+	background-image: url(images/buttons.png);
+}
+
+#filestoolbar a.button.upload {
+	background-position: center -2304px;
+}
+
+.toolbar a.button.download,
+#filestoolbar a.button.get {
+	background-position: center -2264px;
+}
+
+#filestoolbar a.button.open {
+	background-position: center -2344px;
+}
+
+#filestoolbar a.button.edit {
+	background-position: center -2384px;
+}
+
+#filestoolbar a.button.save,
+#messagetoolbar a.button.saveas {
+	background-position: center -1700px;
+}
+
+#filestoolbar a.button.print {
+	background-image: url(images/buttons.png);
+	background-position: center -810px;
+}
+
+#filestoolbar a.button.delete {
+	background-image: url(images/buttons.png);
+	background-position: center -690px;
+}
+
+#files-folder-list ul li span.name,
+#files-folder-list ul li.mailbox.collection span.name {
+	background-image: url(images/listicons.png);
+	color: @text-color;
+	line-height: 29px;
+	padding: 8px 8px 8px 35px;
+}
+
+#files-folder-list ul li.mailbox.collection.audio span.name,
+#files-folder-list ul li.mailbox.collection.audio.selected span.name {
+	background-position: 7px -2360px;
+}
+
+#files-folder-list ul li.mailbox.collection.video span.name,
+#files-folder-list ul li.mailbox.collection.video.selected span.name {
+	background-position: 7px -2384px;
+}
+
+#files-folder-list ul li.mailbox.collection.image span.name,
+#files-folder-list ul li.mailbox.collection.image.selected span.name {
+	background-position: 7px -2408px;
+}
+
+#files-folder-list ul li.mailbox.collection.document span.name,
+#files-folder-list ul li.mailbox.collection.document.selected span.name {
+	background-position: 7px -2432px;
+}
+
+#files-folder-list ul li span.name {
+	background-position: 7px 6px;
+}
+
+#files-folder-list ul li.child span.name {
+	background-position: 7px -90px;
+}
+
+ul.toolbarmenu li span.saveas {
+	background-image: url(images/listicons.png);
+	background-position: -1px -96px;
+}
+
+ul.toolbarmenu li:hover a.active span.saveas {
+	background-image: url(images/listicons.png);
+	background-position: -1px -74px;
+}
+
+.filelist thead tr th:first-child {
+	border-radius: 0;
+}
+
+.filelist tbody tr td {
+	height: 25px;
+	line-height: 25px;
+}
+
+table.propform td.source.selected {
+	background-color: fade(@main-color, 10%);
+}
+
+#files-dialog #folderlistbox {
+	border: 5px solid #e7e7e7;
+}
+
+#files-compose-dialog #folderlistbox {
+	border: 5px solid #e7e7e7;
+}
+
+#files-compose-dialog #filelistcontainer {
+	border: 5px solid #e7e7e7;
+	border-left: none;
+}
+
+/*** kolab delegation plugin ***/
+
+#settings-sections #settingstabplugindelegation a {
+	background-image: url(images/listicons.png);
+	background-position: 7px -2244px;
+}
+
+#settings-sections #settingstabplugindelegation.selected a {
+	background-position: 7px -2268px;
+}
+
+div.foldersblock h3,
+div.subscriptionblock h3 {
+	background-image: url(images/listicons.png);
+	background-repeat: no-repeat;
+}
+
+div.foldersblock h3.mail,
+div.subscriptionblock h3.mail {
+	background-position: 0px -2292px;
+}
+
+div.foldersblock h3.event,
+div.subscriptionblock h3.event {
+	background-position: 0px -528px;
+}
+
+div.foldersblock h3.contact,
+div.subscriptionblock h3.contact {
+	background-position: 0px -768px;
+}
+
+div.foldersblock h3.task,
+div.subscriptionblock h3.task {
+	background-position: 0px -2316px;
+}
+
+div.foldersblock h3.note,
+div.subscriptionblock h3.note {
+	background-position: 0px -2340px;
+}
+
+.foldersblock th.read {
+  background: url(images/read.png) center no-repeat;
+}
+
+.foldersblock th.write {
+  background: url(images/write.png) center no-repeat;
+}
+
+
+/*** kolab folders ***/
+
+.folderlist li.mailbox.type-event a,
+.folderlist li.mailbox.type-journal a {
+	background-position: 6px -526px;
+}
+.folderlist li.mailbox ul li.type-event a,
+.folderlist li.mailbox ul li.type-event > a:focus,
+.folderlist li.mailbox ul li.type-event.selected > a,
+.folderlist li.mailbox ul li.type-journal a,
+.folderlist li.mailbox ul li.type-journal > a:focus,
+.folderlist li.mailbox ul li.type-journal.selected > a {
+	background-position: 22px -526px;
+}
+.folderlist li.mailbox ul ul li.type-event a,
+.folderlist li.mailbox ul ul li.type-event > a:focus,
+.folderlist li.mailbox ul ul li.type-event.selected > a,
+.folderlist li.mailbox ul ul li.type-journal a,
+.folderlist li.mailbox ul ul li.type-journal > a:focus,
+.folderlist li.mailbox ul ul li.type-journal.selected > a {
+	background-position: 38px -526px;
+}
+.folderlist li.mailbox ul ul ul li.type-event a,
+.folderlist li.mailbox ul ul ul li.type-event > a:focus,
+.folderlist li.mailbox ul ul ul li.type-event.selected > a,
+.folderlist li.mailbox ul ul ul li.type-journal a,
+.folderlist li.mailbox ul ul ul li.type-journal > a:focus,
+.folderlist li.mailbox ul ul ul li.type-journal.selected > a {
+	background-position: 54px -526px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-event a,
+.folderlist li.mailbox ul ul ul ul li.type-event > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-event.selected > a,
+.folderlist li.mailbox ul ul ul ul li.type-journal a,
+.folderlist li.mailbox ul ul ul ul li.type-journal > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-journal.selected > a {
+	background-position: 70px -526px;
+}
+
+.folderlist li.mailbox.type-task a {
+	background-position: 6px -2314px;
+}
+.folderlist li.mailbox ul li.type-task a,
+.folderlist li.mailbox ul li.type-task > a:focus,
+.folderlist li.mailbox ul li.type-task.selected > a {
+	background-position: 22px -2314px;
+}
+.folderlist li.mailbox ul ul li.type-task a,
+.folderlist li.mailbox ul ul li.type-task > a:focus,
+.folderlist li.mailbox ul ul li.type-task.selected > a {
+	background-position: 38px -2314px;
+}
+.folderlist li.mailbox ul ul ul li.type-task a,
+.folderlist li.mailbox ul ul ul li.type-task > a:focus,
+.folderlist li.mailbox ul ul ul li.type-task.selected > a {
+	background-position: 54px -2314px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-task a,
+.folderlist li.mailbox ul ul ul ul li.type-task > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-task.selected > a {
+	background-position: 70px -2314px;
+}
+
+.folderlist li.mailbox.type-note a {
+	background-position: 6px -2338px;
+}
+.folderlist li.mailbox ul li.type-note a,
+.folderlist li.mailbox ul li.type-note > a:focus,
+.folderlist li.mailbox ul li.type-note.selected > a {
+	background-position: 22px -2338px;
+}
+.folderlist li.mailbox ul ul li.type-note a,
+.folderlist li.mailbox ul ul li.type-note > a:focus,
+.folderlist li.mailbox ul ul li.type-note.selected > a {
+	background-position: 38px -2338px;
+}
+.folderlist li.mailbox ul ul ul li.type-note a,
+.folderlist li.mailbox ul ul ul li.type-note > a:focus,
+.folderlist li.mailbox ul ul ul li.type-note.selected > a {
+	background-position: 54px -2338px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-note a,
+.folderlist li.mailbox ul ul ul ul li.type-note > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-note.selected > a {
+	background-position: 70px -2338px;
+}
+
+.folderlist li.mailbox.type-configuration a {
+	background-position: 6px -887px;
+}
+.folderlist li.mailbox ul li.type-configuration a,
+.folderlist li.mailbox ul li.type-configuration > a:focus,
+.folderlist li.mailbox ul li.type-configuration.selected > a {
+	background-position: 22px -887px;
+}
+.folderlist li.mailbox ul ul li.type-configuration a,
+.folderlist li.mailbox ul ul li.type-configuration > a:focus,
+.folderlist li.mailbox ul ul li.type-configuration.selected > a {
+	background-position: 38px -887px;
+}
+.folderlist li.mailbox ul ul ul li.type-configuration a,
+.folderlist li.mailbox ul ul ul li.type-configuration > a:focus,
+.folderlist li.mailbox ul ul ul li.type-configuration.selected > a {
+	background-position: 54px -887px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-configuration a,
+.folderlist li.mailbox ul ul ul ul li.type-configuration > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-configuration.selected > a {
+	background-position: 70px -887px;
+}
+
+.folderlist li.mailbox.type-contact a {
+	background-position: 6px -766px;
+}
+.folderlist li.mailbox ul li.type-contact a,
+.folderlist li.mailbox ul li.type-contact > a:focus,
+.folderlist li.mailbox ul li.type-contact.selected > a {
+	background-position: 22px -766px;
+}
+.folderlist li.mailbox ul ul li.type-contact a,
+.folderlist li.mailbox ul ul li.type-contact > a:focus,
+.folderlist li.mailbox ul ul li.type-contact.selected > a {
+	background-position: 38px -766px;
+}
+.folderlist li.mailbox ul ul ul li.type-contact a,
+.folderlist li.mailbox ul ul ul li.type-contact > a:focus,
+.folderlist li.mailbox ul ul ul li.type-contact.selected > a {
+	background-position: 54px -766px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-contact a,
+.folderlist li.mailbox ul ul ul ul li.type-contact > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-contact.selected > a {
+	background-position: 70px -766px;
+}
+
+.folderlist li.mailbox.type-freebusy a {
+	background-position: 6px -2648px;
+}
+.folderlist li.mailbox ul li.type-freebusy a,
+.folderlist li.mailbox ul li.type-freebusy > a:focus,
+.folderlist li.mailbox ul li.type-freebusy.selected > a {
+	background-position: 22px -2648px;
+}
+.folderlist li.mailbox ul ul li.type-freebusy a,
+.folderlist li.mailbox ul ul li.type-freebusy > a:focus,
+.folderlist li.mailbox ul ul li.type-freebusy.selected > a {
+	background-position: 38px -2648px;
+}
+.folderlist li.mailbox ul ul ul li.type-freebusy a,
+.folderlist li.mailbox ul ul ul li.type-freebusy > a:focus,
+.folderlist li.mailbox ul ul ul li.type-freebusy.selected > a {
+	background-position: 54px -2648px;
+}
+.folderlist li.mailbox ul ul ul ul li.type-freebusy a,
+.folderlist li.mailbox ul ul ul ul li.type-freebusy > a:focus,
+.folderlist li.mailbox ul ul ul ul li.type-freebusy.selected > a {
+	background-position: 70px -2648px;
+}
+
+
+/*** ACL plugin ***/
+
+#aclcontainer {
+	background: none;
+	border-color: #ededed;
+}
+
+#acltable a {
+	color: @text-color;
+}
+
+#acltable tbody tr.selected td.partial {
+	background: @main-color !important;
+	background-image: url(images/partial.png);
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+#acltable tbody tr.selected td.enabled {
+	background: @main-color !important;
+	background-image: url(images/enabled.png);
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+
+/*** Managesieve plugin ***/
+
+#settings-sections .vacation a,
+#settings-sections .vacation.selected a {
+	background-image: url(images/listicons.png);
+	background-position: 7px -2555px;
+}
+
+#filter-frame {
+	border-radius: 0;
+}
+
+div.rulerow:hover,
+div.actionrow:hover {
+	border-color: fade(@main-color, 20%);
+	background-color: fade(@main-color, 5%);
+}
+
+/*** Kolab Notes plugin ***/
+
+.notesview #notedetailsbox {
+	background-image: url(images/watermark.png);
+}
+
+.notesdialog #notedetailstitle {
+	background: none;
+	border-bottom: 0;
+}
+
+.notesview #notestoolbar a.button.createnote {
+	background-image: url(images/buttons.png);
+	background-position: center -2608px;
+}
+
+.notesview #notestoolbar a.button.sendnote {
+	background-image: url(images/buttons.png);
+	background-position: left -650px;
+}
+
+
+/*** Kolab ActiveSync plugin ***/
+
+#settings-sections .activesync a {
+	background-position: 6px -863px;
+}
+
+#settings-sections .activesync.selected a {
+	background-position: 6px -863px;
+}
+
+#folder-sync-options {
+	border-radius: 0;
+}
+
+#devices-table td span.devicetype {
+	color: #828282;
+}
+
+/*** Kolab Tags plugin ***/
+
+.tagbox {
+	border-radius: 2px !important;
+	color: @text-color;
+}
+
+.tagbox a {
+	margin-right: -2px;
+}
+
+#taglist li {
+	color: @text-color;
+	padding: 3px 6px;
+}
+
+#taglist li.selected {
+	color: #fff;
+	background: @main-color;
+	border-radius: 2px;
+}
+
+
+/*** Contextmenu plugin ***/
+
+#folder-selector li a span,
+#addressbook-selector li a span,
+div.contextmenu ul.iconized li a.readfolder span.icon,
+div.contextmenu ul.iconized li a.openfolder span.icon,
+div.contextmenu ul.iconized li a.reply-all span.icon,
+div.contextmenu ul.iconized li a.replyalllink span.icon,
+div.contextmenu ul.iconized li a.replylistlink span.icon,
+div.contextmenu ul.iconized li a.forward span.icon,
+div.contextmenu ul.iconized li a.forwardlink span.icon,
+div.contextmenu ul.iconized li a.forwardattachmentlink span.icon,
+div.contextmenu ul.iconized li a.delete span.icon,
+div.contextmenu ul.iconized li a.cmd_group-create span.icon,
+div.contextmenu ul.iconized li a.cmd_group-rename span.icon,
+div.contextmenu ul.iconized li a.cmd_group-delete span.icon,
+div.contextmenu ul.iconized li a.cmd_search-delete span.icon,
+div.contextmenu ul.iconized li a.cmd_book-remove span.icon,
+div.contextmenu ul.iconized li a.reply span.icon,
+div.contextmenu ul.iconized li a.compose span.icon,
+div.contextmenu ul.iconized li a.removegroup span.icon,
+div.contextmenu ul.iconized li a.exportalllink span.icon,
+div.contextmenu ul.iconized li a.exportsellink span.icon {
+    background-image: url(images/listicons.png);
+}
+
+div.contextmenu ul.iconized li a.readfolder span.icon {
+    background-position: 0px -1220px;
+}
+
+div.contextmenu ul.iconized li a.delete span.icon,
+div.contextmenu ul.iconized li a.cmd_group-delete span.icon,
+div.contextmenu ul.iconized li a.cmd_search-delete span.icon {
+    background-position: 0px -1364px;
+}
+
+div.contextmenu ul.iconized li a.openfolder span.icon {
+    background-position: 0px -1485px;
+}
+
+div.contextmenu ul.iconized li a.reply span.icon {
+    background-position: 0px -2712px;
+}
+
+div.contextmenu ul.iconized li a.reply-all span.icon,
+div.contextmenu ul.iconized li a.replyalllink span.icon,
+div.contextmenu ul.iconized li a.replylistlink span.icon {
+    background-position: 0px -2736px;
+}
+
+div.contextmenu ul.iconized li a.forward span.icon,
+div.contextmenu ul.iconized li a.forwardlink span.icon,
+div.contextmenu ul.iconized li a.forwardattachmentlink span.icon {
+    background-position: 0px -2760px;
+}
+
+ul.rcmcontextmenu .calendar-create-from-mail a span {
+    background-position: 4px -1947px;
+}
+
+ul.rcmcontextmenu .tasklist-create-from-mail a span {
+    background-position: 4px -1971px;
+}
+
+#folder-selector li a span {
+    text-indent: 4px;
+    background-position: 5px -119px;
+}
+
+#folder-selector li a.inbox span {
+    background-position: 4px -215px;
+}
+
+#folder-selector li a.drafts span {
+    background-position: 4px -263px;
+}
+
+#folder-selector li a.sent span {
+    background-position: 4px -311px;
+}
+
+#folder-selector li a.junk span {
+    background-position: 4px -359px;
+}
+
+#folder-selector li a.trash span {
+    background-position: 4px -407px;
+}
+
+#addressbook-selector li a.addressbook span {
+    text-indent: 4px;
+    background-position: 2px -792px;
+}
+
+#addressbook-selector li a.contactgroup span {
+    text-indent: 10px;
+    background-position: 10px -1580px;
+}
+
+div.contextmenu ul.iconized li a.compose span.icon {
+    background-position: 0px -1292px;
+}
+
+div.contextmenu ul.iconized li:hover a.active.compose span.icon {
+    background-position: 0px -2829px;
+}
+
+div.contextmenu ul.iconized li a.removegroup span.icon,
+div.contextmenu ul.iconized li a.cmd_book-remove span.icon {
+    background-position: -25px -2670px;
+}
+
+div.contextmenu ul.iconized li a.exportalllink span.icon,
+div.contextmenu ul.iconized li a.exportsellink span.icon {
+    background-position: 0px -2785px;
+}
+
+div.contextmenu ul.iconized li a.cmd_group-create span.icon {
+  background-position: 0px -2809px;
+}
+
+div.contextmenu ul.iconized li a.cmd_group-rename span.icon {
+    background-position: 0px -1387px;
+}
+
+div.contextmenu ul.iconized li:hover a.active.cmd_group-rename span.icon {
+	background-position: 0 -2954px;
+}
+




More information about the commits mailing list