From 21d7d8ba24c7428c1182cc645bd5cb8d177afd80 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Mon, 12 Jan 2015 07:39:00 -0500
Subject: [PATCH] Bring back tasklist.css file removed by mistake, remove
 tagedit.css

---
 plugins/tasklist/skins/larry/tagedit.css  |  122 --
 plugins/tasklist/skins/larry/tasklist.css | 1401 +++++++++++++++++++++
 2 files changed, 1401 insertions(+), 122 deletions(-)
 delete mode 100644 plugins/tasklist/skins/larry/tagedit.css
 create mode 100644 plugins/tasklist/skins/larry/tasklist.css

diff --git a/plugins/tasklist/skins/larry/tagedit.css b/plugins/tasklist/skins/larry/tagedit.css
deleted file mode 100644
index 600481c6..00000000
--- a/plugins/tasklist/skins/larry/tagedit.css
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Styles of the tagedit inputsforms
- */
-.tagedit-list {
-	width: 100%;
-	margin: 0;
-	padding: 4px 4px 0 5px;
-	overflow: auto;
-	min-height: 26px;
-	background: #fff;
-	border: 1px solid #b2b2b2;
-	border-radius: 4px;
-	box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-	-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-	-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-	-o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
-}
-.tagedit-list li.tagedit-listelement {
-	list-style-type: none;
-	float: left;
-	margin: 0 4px 4px 0;
-	padding: 0;
-}
-
-/* New Item input */
-.tagedit-list li.tagedit-listelement-new input {
-	border: 0;
-	height: 100%;
-	padding: 4px 1px;
-	width: 15px;
-	background: #fff;
-	border-radius: 0;
-	box-shadow: none;
-	-moz-box-shadow: none;
-	-webkit-box-shadow: none;
-	-o-box-shadow: none;
-}
-.tagedit-list li.tagedit-listelement-new input:focus {
-	box-shadow: none;
-	-moz-box-shadow: none;
-	-webkit-box-shadow: none;
-	-o-box-shadow: none;
-	outline: none;
-}
-.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {
-	display: none;
-}
-
-/* Item that is put to the List */
-.tagedit span.tag-element,
-.tagedit-list li.tagedit-listelement-old {
-	padding: 3px 6px 1px 6px;
-	background: #ddeef5;
-	background: -moz-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf6fa), color-stop(100%,#d6e9f3));
-	background: -o-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
-	background: -ms-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
-	background: linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
-	border: 1px solid #c2dae5;
-	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
-	border-radius: 4px;
-	color: #0d5165;
-	line-height: 1.3em;
-}
-
-.tagedit-list li.tagedit-listelement-focus {
-	border-color: #4787b1;
-	-moz-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
-	-webkit-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
-	-o-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
-	box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
-}
-
-.tagedit span.tag-element {
-	margin-right: 0.6em;
-	padding: 2px 6px;
-/*	cursor: pointer; */
-}
-
-.tagedit span.tag-element.inherit {
-	color: #666;
-	background: #f2f2f2;
-	border-color: #ddd;
-}
-
-.tagedit-list li.tagedit-listelement-old a.tagedit-close,
-.tagedit-list li.tagedit-listelement-old a.tagedit-break,
-.tagedit-list li.tagedit-listelement-old a.tagedit-delete,
-.tagedit-list li.tagedit-listelement-old a.tagedit-save {
-	text-indent: -2000px;
-	display: inline-block;
-	position: relative;
-	top: -1px;
-	width: 16px;
-	height: 16px;
-	margin: 0 -4px 0 6px;
-	background: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAgUlEQVQoz2NgQAKzdxwWAOIEIG5AwiC+AAM2AJQIAOL3QPwfCwaJB6BrSMChGB0nwDQYwATP3nn4f+Ge4ygKQXyQOJKYAUjTepjAm09fwBimEUTDxJA0rWdANxWmaMXB0xiGwDADurthGkEAmwbqaCLFeWQFBOlBTlbkkp2MSE2wAA8R50rWvqeRAAAAAElFTkSuQmCC') left 1px no-repeat;
-	cursor: pointer;
-}
-
-.tagedit-list li.tagedit-listelement-old span {
-	display: inline-block;
-	height: 15px;
-}
-
-/** Special hacks for IE7 **/
-
-html.ie7 .tagedit span.tag-element,
-html.ie7 .tagedit-list li.tagedit-listelement-old {
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf6fa', endColorstr='#d6e9f3', GradientType=0);
-}
-
-html.ie7 .tagedit-list li.tagedit-listelement span {
-	position: relative;
-	top: -3px;
-}
-
-html.ie7 .tagedit-list li.tagedit-listelement-old a.tagedit-close {
-	left: 5px;
-}
-
diff --git a/plugins/tasklist/skins/larry/tasklist.css b/plugins/tasklist/skins/larry/tasklist.css
new file mode 100644
index 00000000..2aaf44b7
--- /dev/null
+++ b/plugins/tasklist/skins/larry/tasklist.css
@@ -0,0 +1,1401 @@
+/**
+ * Roundcube Taklist plugin styles for skin "Larry"
+ *
+ * Copyright (C) 2012, Kolab Systems AG <contact@kolabsys.com>
+ * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
+ *
+ * The contents are subject to the Creative Commons Attribution-ShareAlike
+ * License. It is allowed to copy, distribute, transmit and to adapt the work
+ * by keeping credits to the original autors in the README file.
+ * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
+ */
+
+#taskbar a.button-tasklist span.button-inner {
+	background-image: url(buttons.png);
+	background-position: 0 0;
+}
+
+#taskbar a.button-tasklist:hover span.button-inner,
+#taskbar a.button-tasklist.button-selected span.button-inner {
+	background-position: 0 -26px;
+}
+
+ul.toolbarmenu li span.icon.taskadd,
+#attachmentmenu li a.tasklistlink span.icon.taskadd {
+	background-image: url(buttons.png);
+	background-position: -4px -90px;
+}
+
+.tasklistview div.uidialog {
+	display: none;
+}
+
+body.tasklist.attachmentwin #mainscreen {
+	top: 32px;
+}
+
+.tasklistview #mainscreen {
+	min-width: 1000px !important;
+	min-height: 520px !important;
+}
+
+.tasklistview #header {
+	min-width: 1020px !important;
+}
+
+#sidebar {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	width: 240px;
+}
+
+.tasklistview #searchmenulink {
+	width: 15px;
+}
+
+#tagsbox {
+	position: absolute;
+	top: 42px;
+	left: 0;
+	width: 100%;
+	height: 242px;
+}
+
+#tasklistsbox {
+	position: absolute;
+	top: 300px;
+	left: 0;
+	width: 100%;
+	bottom: 0px;
+}
+
+#tasklistsbox .boxtitle a.iconbutton.search {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	width: 16px;
+	cursor: pointer;
+	background-position: -2px -317px;
+}
+
+#tasklistsbox .listsearchbox {
+	display: none;
+}
+
+#tasklistsbox .listsearchbox.expanded {
+	display: block;
+}
+
+#tasklistsbox .scroller {
+	top: 34px;
+}
+
+#tasklistsbox .listsearchbox.expanded + .scroller {
+	top: 68px;
+}
+
+
+#taskselector {
+	margin: -1px 40px 0 0;
+	padding: 0;
+}
+
+#taskselector li {
+	display: inline-block;
+	position: relative;
+	font-size: 90%;
+	padding-right: 0.3em;
+}
+
+.tagcloud li,
+#taskselector li a {
+	display: inline-block;
+	color: #004458;
+	min-width: 3.5em;
+	padding: 0.2em 0.6em 0.2em 0.6em;
+	text-align: center;
+	text-decoration: none;
+	border: 1px solid #eee;
+	border-color: transparent;
+}
+
+.webkit .tagcloud li,
+.webkit #taskselector li a {
+	padding-bottom: 0.25em;
+}
+
+
+#taskselector li:first-child {
+	border-top: 0;
+	border-radius: 4px 4px 0 0;
+}
+
+#taskselector li:last-child {
+	border-bottom: 0;
+	border-radius: 0 0 4px 4px;
+}
+
+#taskselector li.overdue a {
+	color: #b72a2a;
+	font-weight: bold;
+}
+
+#taskselector li.inactive a {
+	color: #97b3bf;
+}
+
+.tagcloud li.selected,
+#taskselector li.selected a {
+	color: #fff;
+	background: #005d76;
+	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
+	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: linear-gradient(top, #005d76 0%, #004558 100%);
+	box-shadow: inset 0 1px 1px 0 #003645;
+	-o-box-shadow: inset 0 1px 1px 0 #003645;
+	-webkit-box-shadow: inset 0 1px 1px 0 #003645;
+	-moz-box-shadow: inset 0 1px 1px 0 #003645;
+	border-color: #003645;
+	border-radius: 10px;
+	text-shadow: none;
+}
+
+#taskselector li .count {
+	display: none;
+	position: absolute;
+	top: -18px;
+	right: 5px;
+	min-width: 1.8em;
+	padding: 2px 4px;
+	background: #004558;
+	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
+	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: linear-gradient(top, #005d76 0%, #004558 100%);
+	box-shadow: 0 1px 2px 0 rgba(24,24,24,0.6);
+	color: #fff;
+	border-radius: 3px;
+	text-align: center;
+	font-weight: bold;
+	font-size: 80%;
+	text-shadow: none;
+}
+
+#taskselector li .count:after {
+	content: "";
+	position: absolute;
+	bottom: -5px;
+	left: 50%;
+	margin-left: -5px;
+	border-style: solid;
+	border-width: 5px 5px 0;
+	border-color: #004558 transparent;
+	/* reduce the damage in FF3.0 */
+	display: block; 
+	width: 0;
+}
+
+#taskselector li.overdue .count {
+	background: #ff3800;
+}
+
+#taskselector li.overdue .count:after {
+	border-color: #ff3800 transparent;
+}
+
+.tagcloud {
+	padding: 0;
+	margin: 6px;
+	list-style: none;
+}
+
+.tagcloud li {
+	display: inline-block;
+	color: #004458;
+	padding-right: 0.2em;
+	margin-right: 0.3em;
+	margin-bottom: 0.4em;
+	min-width: 1.2em;
+	cursor: pointer;
+}
+
+.tagcloud li.inactive {
+	color: #89b3be;
+	padding-right: 0.6em;
+	font-size: 80%;
+/*	display: none; */
+}
+
+.tagcloud li .count {
+	position: relative;
+	top: -1px;
+	margin-left: 5px;
+	padding: 0.15em 0.5em;
+	font-size: 80%;
+	font-weight: bold;
+	color: #59838e;
+	background: #c7e3ef;
+	box-shadow: inset 0 1px 1px 0 #b0ccd7;
+	-o-box-shadow: inset 0 1px 1px 0 #b0ccd7;
+	-webkit-box-shadow: inset 0 1px 1px 0 #b0ccd7;
+	-moz-box-shadow: inset 0 1px 1px 0 #b0ccd7;
+	border-color: #b0ccd7;
+	border-radius: 8px;
+}
+
+.tag-draghelper .tag .count,
+.tagcloud li.inactive .count {
+	display: none;
+}
+
+#tasklistsbox .treelist li {
+	margin: 0;
+	display: block;
+	position: relative;
+}
+
+#tasklistsbox .treelist li div.tasklist {
+	margin: 0;
+	height: 20px;
+	padding: 6px 8px 2px 6px;
+	position: relative;
+	white-space: nowrap;
+}
+
+#tasklistsbox .treelist li.virtual > div.tasklist {
+	height: 14px;
+}
+
+#tasklistsbox .treelist ul li > div.tasklist {
+	margin-left: 16px;
+}
+
+#tasklistsbox .treelist ul ul li > div.tasklist {
+	margin-left: 32px;
+}
+
+#tasklistsbox .treelist ul ul ul li > div.tasklist {
+	margin-left: 48px;
+}
+
+#tasklistsbox .treelist li label {
+	display: block;
+}
+
+#tasklistsbox .treelist li span.listname {
+	display: block;
+	position: absolute;
+	top: 7px;
+	left: 38px;
+	right: 40px;
+	cursor: default;
+	padding: 0px 30px 2px 2px;
+	color: #004458;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	background: url(sprites.png) right 20px no-repeat;
+}
+
+.quickview-active #tasklistsbox .treelist li input,
+.quickview-active #tasklistsbox .treelist li span.listname {
+	opacity: 0.35;
+}
+
+.quickview-active #tasklistsbox .treelist div.focusview span.listname {
+	opacity: 1.0;
+}
+
+#tasklistsbox .treelist div span.actions {
+	display: inline-block;
+	position: absolute;
+	top: 2px;
+	right: 2px;
+	padding: 5px 20px 0 6px;
+	min-width: 40px;
+	height: 19px;
+	text-align: right;
+}
+
+#tasklistsbox .treelist div:hover span.actions {
+	top: 1px;
+	right: 1px;
+	border: 1px solid #c6c6c6;
+	border-radius: 4px;
+	background: #f7f7f7;
+	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
+	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+	background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
+}
+
+#tasklistsbox .treelist div a.remove,
+#tasklistsbox .treelist div a.quickview,
+#tasklistsbox .treelist div a.subscribed {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	padding: 0;
+	margin-right: 4px;
+	background: url(sprites.png) -200px 0 no-repeat;
+	overflow: hidden;
+	text-indent: -5000px;
+	cursor: pointer;
+}
+
+#tasklistsbox .treelist div a.subscribed {
+	position: absolute;
+	top: 5px;
+	right: 4px;
+	margin: 0;
+}
+
+#tasklistsbox .treelist div a.subscribed:focus,
+#tasklistsbox .treelist div:hover a.subscribed {
+	background-position: -2px -215px;
+}
+
+#tasklistsbox .treelist div.subscribed a.subscribed {
+	background-position: -20px -215px;
+}
+
+#tasklistsbox .treelist div a.quickview:focus,
+#tasklistsbox .treelist div:hover a.quickview {
+	background-position: -20px -101px;
+	background-color: transparent !important;
+}
+
+#tasklistsbox .treelist div a.remove:focus,
+#tasklistsbox .treelist div:hover a.remove {
+	background-position: -2px -371px;
+	background-color: transparent !important;
+}
+
+#tasklistsbox .treelist div.focusview a.quickview {
+	background-position: -2px -101px;
+}
+
+#tasklistsbox .searchresults .treelist div a.remove,
+#tasklistsbox .searchresults .treelist div a.quickview {
+	display: none;
+}
+
+#tasklistsbox .treelist div a.remove:focus,
+#tasklistsbox .treelist div a.quickview:focus,
+#tasklistsbox .treelist div a.subscribed:focus {
+	border-radius: 3px;
+	outline: 2px solid rgba(30,150,192, 0.5);
+}
+
+#tasklistsbox .treelist li.selected > div > span.listname {
+	font-weight: bold;
+}
+
+#tasklistsbox .treelist .readonly > span.listname {
+	background-position: right -142px;
+}
+
+#tasklistsbox .treelist .user > span.listname {
+	background-position: right -160px;
+}
+
+#tasklistsbox .treelist .virtual > span.listname {
+	color: #aaa;
+	top: 4px;
+	left: 20px;
+	right: 5px;
+}
+
+#tasklistsbox .treelist.flat li span.calname {
+	left: 24px;
+	right: 22px;
+}
+
+#tasklistsbox .treelist li input {
+	position: absolute;
+	top: 5px;
+	left: 18px;
+}
+
+#tasklistsbox .treelist li .treetoggle {
+	top: 8px;
+}
+
+#tasklistsbox .treelist li.virtual > .treetoggle {
+	top: 6px;
+}
+
+#tasklistsbox .searchresults {
+	background: #b0ccd7;
+	margin-top: 8px;
+}
+
+#tasklistsbox .searchresults .boxtitle {
+	background: none;
+	padding: 2px 8px 2px 8px;
+}
+
+#tasklistsbox .searchresults .listing li {
+	background-color: #c7e3ef;
+}
+
+#mainview-right {
+	position: absolute;
+	top: 0;
+	left: 256px;
+	right: 0;
+	bottom: 0;
+}
+
+#taskstoolbar {
+	position: absolute;
+	top: -6px;
+	left: 0;
+	width: 100%;
+	height: 40px;
+	white-space: nowrap;
+}
+
+#taskstoolbar a.button.newtask {
+	background-image: url(buttons.png);
+	background-position: center -53px;
+}
+
+#quickaddbox {
+	position: absolute;
+	top: 2px;
+	left: 0;
+	width: 60%;
+	height: 32px;
+	white-space: nowrap;
+}
+
+#quickaddinput {
+	width: 85%;
+	margin: 0;
+	padding: 3px 8px;
+	height: 18px;
+	background: #f1f1f1;
+	background: rgba(255, 255, 255, 0.7);
+	border-color: #a3a3a3;
+	font-weight: bold;
+}
+
+#quickaddbox .button {
+	margin-left: 5px;
+	padding: 3px 10px;
+	font-weight: bold;
+}
+
+#tasksview {
+	position: absolute;
+	top: 42px;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(255, 255, 255, 0.2);
+	overflow: visible;
+}
+
+.quickview-active #tasksview {
+	background-image: url('images/focusview.png');
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+#message.statusbar {
+	border-top: 1px solid #c3c3c3;
+}
+
+#tasksview .scroller {
+	position: absolute;
+	left: 0;
+	top: 35px;
+	width: 100%;
+	bottom: 0;
+	overflow: auto;
+}
+
+#tasksview .buttonbar {
+	color: #777;
+	background: #eee;
+	background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
+	background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
+	background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
+	background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
+	border-bottom: 1px solid #ccc;
+	position: relative;
+	line-height: 13px;
+	height: 20px;
+}
+
+#tasksview .buttonbar .buttonbar-right {
+	position: absolute;
+	top: 6px;
+	right: 8px;
+}
+
+.buttonbar-right .listmenu {
+	display: inline-block;
+	cursor: pointer;
+}
+
+.buttonbar-right a.iconbutton {
+	padding: 0;
+	background-image: url(sprites.png);
+	background-position: 0 -238px;
+}
+
+.buttonbar-right a.iconbutton.sorting {
+	background-position: -18px -347px;
+}
+
+#thelist {
+	padding: 0;
+	margin: 1em;
+	list-style: none;
+}
+
+#listmessagebox {
+	display: none;
+	font-size: 14px;
+	color: #666;
+	margin: 1.5em;
+	text-shadow: 0px 1px 1px #fff;
+	text-align:center;
+}
+
+.taskitem {
+	position: relative;
+	display: block;
+	margin-bottom: 3px;
+}
+
+.taskitem.dragging {
+	opacity: 0.5;
+}
+
+.taskitem .childtasks {
+	position: relative;
+	padding: 0;
+	margin: 3px 0 0 20px;
+	list-style: none;
+}
+
+.taskitem .childtoggle {
+	display: none;
+	position: absolute;
+	top: 4px;
+	left: -5px;
+	padding: 2px;
+	font-size: 10px;
+	color: #727272;
+	cursor: pointer;
+	
+	width: 14px;
+	height: 14px;
+	background: url(sprites.png) -2px -80px no-repeat;
+	text-indent: -1000px;
+	overflow: hidden;
+}
+
+.taskitem .childtoggle.collapsed {
+	background-position: -18px -81px;
+}
+
+.taskhead {
+	position: relative;
+	margin-left: 14px;
+	padding: 4px 5px 3px 5px;
+	border: 1px solid #fff;
+	border-radius: 5px;
+	background: #fff;
+	-webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
+	-moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
+	box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
+	padding-right: 26em;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	cursor: default;
+	outline: none;
+}
+
+.taskhead:focus,
+.taskhead.droptarget {
+	border-color: #4787b1;
+	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+}
+
+.taskhead .complete {
+	margin: -1px 1em 0 0;
+}
+
+.taskhead .title {
+	font-size: 12px;
+}
+
+.taskhead .flagged {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	background: url(sprites.png) 1000px -3px no-repeat;
+	margin: -3px 1em 0 0;
+	vertical-align: middle;
+	cursor: pointer;
+}
+
+.taskhead .flagged:focus,
+.taskhead:hover .flagged {
+	background-position: -2px -3px;
+}
+
+.taskhead.flagged .flagged {
+	background-position: -2px -23px;
+}
+
+.taskhead .tags {
+	display: block;
+	position: absolute;
+	top: 3px;
+	right: 10em;
+	max-width: 14em;
+	height: 16px;
+	overflow: hidden;
+	padding-top: 1px;
+	text-align: right;
+}
+
+.tag-draghelper .tag,
+.taskhead .tags .tag {
+	font-size: 85%;
+	background: #d9ecf4;
+	border: 1px solid #c2dae5;
+	border-radius: 4px;
+	padding: 1px 7px;
+	margin-right: 3px;
+}
+
+.tag-draghelper li.tag {
+	list-style: none;
+	font-size: 100%;
+}
+
+.taskhead .date {
+	position: absolute;
+	top: 4px;
+	right: 30px;
+	text-align: right;
+	cursor: pointer;
+}
+
+.taskhead.nodate .date {
+	color: #ddd;
+}
+
+.taskhead.overdue .date {
+	color: #d00;
+}
+
+.taskhead.nodate:hover .date {
+	color: #999;
+}
+
+.taskhead .date input {
+	padding: 1px 2px;
+	border: 1px solid #ddd;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+	outline: none;
+	text-align: right;
+	width: 6em;
+	font-size: 11px;
+}
+
+.taskhead .actions {
+	display: block;
+	position: absolute;
+	top: 3px;
+	right: 6px;
+	width: 18px;
+	height: 18px;
+	background: url(sprites.png) 1000px -80px no-repeat;
+	text-indent: -5000px;
+	overflow: hidden;
+	cursor: pointer;
+}
+
+.taskhead .actions:focus,
+.taskhead:hover .actions {
+	background-position: 0 -80px;
+}
+
+.taskhead.complete {
+	opacity: 0.6;
+}
+
+.taskhead.complete .title {
+	text-decoration: line-through;
+}
+
+.taskhead .progressbar {
+	position: absolute;
+	bottom: 1px;
+	left: 6px;
+	right: 6px;
+	height: 2px;
+}
+
+.taskhead.complete .progressbar {
+	display: none;
+}
+
+.taskhead .progressvalue {
+	height: 1px;
+	background: rgba(1, 124, 180, 0.2);
+	border-top: 1px solid #219de6;
+}
+
+ul.toolbarmenu li span.add,
+ul.toolbarmenu li span.expand,
+ul.toolbarmenu li span.collapse,
+ul.toolbarmenu.iconized .selected span.icon {
+	background-image: url(sprites.png);
+}
+
+ul.toolbarmenu li span.add {
+	background-position: 0 -302px;
+}
+
+ul.toolbarmenu li span.expand {
+	background-position: 0 -258px;
+}
+
+ul.toolbarmenu li span.collapse {
+	background-position: 0 -280px;
+}
+
+ul.toolbarmenu li span.delete {
+	background-position: 0 -1508px;
+}
+
+ul.toolbarmenu.iconized .selected span.icon {
+	background-position: 0 -324px;
+}
+
+ul.toolbarmenu .sortcol.by-auto a {
+	font-style: italic;
+}
+
+.taskitem-draghelper {
+/*
+	width: 32px;
+	height: 26px;
+*/
+	background: #444;
+	border: 1px solid #555;
+	border-radius: 4px;
+	box-shadow: 0 2px 6px 0 #333;
+	-moz-box-shadow: 0 2px 6px 0 #333;
+	-webkit-box-shadow: 0 2px 6px 0 #333;
+	-o-box-shadow: 0 2px 6px 0 #333;
+	z-index: 5000;
+	padding: 2px 10px;
+	font-size: 20px;
+	color: #ccc;
+	opacity: 0.92;
+	filter: alpha(opacity=90);
+	text-shadow: 0px 1px 1px #333;
+}
+
+#rootdroppable {
+	display: none;
+	position: absolute;
+	top: 2px;
+	left: 1em;
+	right: 1em;
+	height: 5px;
+	background: #ddd;
+	border-radius: 3px;
+}
+
+#rootdroppable.droptarget {
+	background: #4787b1;
+	box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
+	-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
+	-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
+	-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
+	
+}
+
+/*** task edit form ***/
+
+#taskedit,
+#taskshow {
+	display:none;
+}
+
+#taskedit {
+	position: relative;
+	top: -1.5em;
+	padding: 0.5em 0.1em;
+	margin: 0 -0.2em;
+}
+
+#taskshow h2 {
+	margin-top: -0.5em;
+}
+
+#taskshow label {
+	color: #999;
+}
+
+#taskshow.status-cancelled {
+	background: url(images/badge_cancelled.png) top right no-repeat;
+}
+
+#task-parent-title {
+	position: relative;
+	top: -0.6em;
+}
+
+a.morelink {
+	font-size: 90%;
+	color: #0069a6;
+	text-decoration: none;
+	outline: none;
+}
+
+a.morelink:hover {
+	text-decoration: underline;
+}
+
+#taskedit .ui-tabs-panel {
+	min-height: 24em;
+}
+
+#taskeditform input.text,
+#taskeditform textarea {
+	width: 97%;
+}
+
+#taskeditform .formbuttons {
+	margin: 0.5em 0;
+}
+
+#taskedit .border-after {
+	padding-bottom: 0.8em;
+	margin-bottom: 0.8em;
+	border-bottom: 2px solid #fafafa;
+}
+
+#taskedit .edit-attendees-table {
+	width: 100%;
+	margin-top: 0.5em;
+}
+
+#taskedit .edit-attendees-table tbody td {
+	padding: 4px 7px;
+}
+
+#taskedit .edit-attendees-table tbody tr:last-child td {
+	border-bottom: 0;
+}
+
+#taskedit .edit-attendees-table th.role,
+#taskedit .edit-attendees-table td.role {
+	width: 9em;
+}
+
+#taskedit .edit-attendees-table th.availability,
+#taskedit .edit-attendees-table td.availability,
+#taskedit .edit-attendees-table th.confirmstate,
+#taskedit .edit-attendees-table td.confirmstate {
+	width: 6em;
+}
+
+#taskedit .edit-attendees-table th.options,
+#taskedit .edit-attendees-table td.options {
+	width: 24px;
+	padding: 2px 4px;
+	text-align: right;
+}
+
+#taskedit .edit-attendees-table th.invite,
+#taskedit .edit-attendees-table td.invite {
+	width: 48px;
+	padding: 2px;
+}
+
+#taskedit .edit-attendees-table th.invite label {
+	display: inline-block;
+	position: relative;
+	top: 4px;
+	width: 24px;
+	height: 18px;
+	min-width: 24px;
+	padding: 0;
+	overflow: hidden;
+	text-indent: -5000px;
+	white-space: nowrap;
+	background: url(images/sendinvitation.png) 1px 0 no-repeat;
+}
+
+#taskedit .edit-attendees-table th.name,
+#taskedit .edit-attendees-table td.name {
+	width: auto;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	position: relative;
+}
+
+#taskedit .edit-attendees-table td.name select {
+	width: 100%;
+}
+
+#taskedit .edit-attendees-table a.deletelink {
+	display: inline-block;
+	width: 17px;
+	height: 17px;
+	padding: 0;
+	overflow: hidden;
+	text-indent: 1000px;
+}
+
+#taskedit .edit-attendees-table a.expandlink {
+	position: absolute;
+	top: 4px;
+	right: 6px;
+	width: 16px;
+	height: 16px;
+}
+
+#edit-attendees-form {
+	position: relative;
+	margin-top: 15px;
+}
+
+#edit-attendees-form .attendees-invitebox {
+	text-align: right;
+	margin: 0;
+}
+
+#edit-attendees-form .attendees-invitebox label {
+	padding-right: 3px;
+}
+
+#taskedit-attachments {
+	margin: 0.6em 0;
+}
+
+#taskedit-attachments ul li {
+	display: block;
+	color: #333;
+	font-weight: bold;
+	padding: 3px 4px 3px 30px;
+	text-shadow: 0px 1px 1px #fff;
+	text-decoration: none;
+	white-space: nowrap;
+	line-height: 20px;
+}
+
+#taskedit-attachments ul li a.file {
+	padding: 0;
+}
+
+#taskedit-attachments-form {
+	margin-top: 1em;
+	padding-top: 0.8em;
+	border-top: 2px solid #fafafa;
+}
+
+div.form-section {
+	position: relative;
+	margin-top: 0.2em;
+	margin-bottom: 0.5em;
+}
+
+.form-section label {
+	display: inline-block;
+	min-width: 7em;
+	padding-right: 0.5em;
+	margin-bottom: 0.3em;
+}
+
+.tasklistview div.form-section span.task-text + label {
+	margin-left: 2em;
+}
+
+label.block {
+	display: block;
+	margin-bottom: 0.3em;
+}
+
+#task-description {
+	margin-bottom: 1em;
+}
+
+#taskedit-completeness-slider {
+	display: inline-block;
+	margin-left: 2em;
+	width: 30em;
+	height: 0.8em;
+	border: 1px solid #ccc;
+}
+
+#taskedit-tagline {
+	width: 97%;
+}
+
+#taskedit .droptarget {
+	background-image: url(../../../../skins/larry/images/filedrop.png) !important;
+	background-position: center bottom !important;
+	background-repeat: no-repeat !important;
+}
+
+#taskedit .droptarget.hover,
+#taskedit .droptarget.active {
+	border-color: #019bc6;
+	box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
+	-moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
+	-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
+	-o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
+}
+
+#taskedit .droptarget.hover {
+	background-color: #d9ecf4;
+	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
+}
+
+#task-links {
+	margin-top: 0;
+	margin-bottom: 0.2em;
+}
+
+#task-links label {
+	vertical-align: top;
+	margin-top: 0.3em;
+}
+
+#task-links .attachmentslist {
+	display: inline-block;
+}
+
+#task-links .attachmentslist li {
+	display: inline-block;
+	margin-right: 1em;
+}
+
+#taskedit-links .attachmentslist li.message.eml,
+#task-links .attachmentslist li.message.eml {
+	background-image: url(sprites.png);
+	background-position: -2px -388px;
+}
+
+#taskedit-links .attachmentslist li.message a.messagelink,
+#task-links .attachmentslist li.message a.messagelink {
+	padding: 0 0 0 24px;
+}
+
+#taskedit-links .attachmentslist li.deleted a.messagelink,
+#taskedit-links .attachmentslist li.deleted a.messagelink:hover {
+	text-decoration: line-through;
+}
+
+#taskedit-links label {
+	float: left;
+	margin-top: 0.3em;
+}
+
+#taskedit-links .task-text {
+	margin-left: 8em;
+	min-height: 22px;
+}
+
+#taskedit-links .attachmentslist li a.delete {
+	top: 0;
+	background-position: -6px -378px;
+}
+
+#task-attachments .attachmentslist li {
+	float: left;
+	margin-right: 1em;
+}
+
+#task-attachments .attachmentslist li a {
+	outline: none;
+}
+
+.task-attendees span.attendee {
+	padding-right: 18px;
+	margin-right: 0.5em;
+	background: url(images/attendee-status.png) right 0 no-repeat;
+}
+
+.task-attendees span.attendee a.mailtolink {
+	text-decoration: none;
+	white-space: nowrap;
+	outline: none;
+}
+
+.task-attendees span.attendee a.mailtolink:hover {
+	text-decoration: underline;
+}
+
+.task-attendees span.completed {
+	background-position: right -20px;
+}
+
+.task-attendees span.declined {
+	background-position: right -40px;
+}
+
+.task-attendees span.tentative {
+	background-position: right -60px;
+}
+
+.task-attendees span.delegated {
+	background-position: right -180px;
+}
+
+.task-attendees span.in-process {
+	background-position: right -200px;
+}
+
+.task-attendees span.accepted {
+	background-position: right -220px;
+}
+
+.task-attendees span.organizer {
+	background-position: right 100px;
+}
+
+#all-task-attendees span.attendee {
+	display: block;
+	margin-bottom: 0.4em;
+	padding-bottom: 0.3em;
+	border-bottom: 1px solid #ddd;
+}
+
+.tasklistview .uidialog .tabbed {
+	min-width: 600px;
+}
+
+.tasklistview .uidialog .propform fieldset.ui-tabs-panel {
+	min-height: 290px;
+}
+
+.tasklistview .uidialog .propform #taskedit-tasklistame {
+	width: 20em;
+}
+
+.task-dialog-message {
+	margin-top: 0.5em;
+	padding: 0.8em;
+	border: 1px solid #ffdf0e;
+	background-color: #fef893;
+}
+
+.task-dialog-message .message,
+.task-update-confirm .message {
+	margin-bottom: 0.5em;
+}
+
+/* Invitation UI in mail */
+
+.messagelist tbody .attachment span.ical {
+	display: inline-block;
+	vertical-align: middle;
+	height: 18px;
+	width: 20px;
+	padding: 0;
+	background: url(images/ical-attachment.png) 2px 1px no-repeat;
+}
+
+div.tasklist-invitebox {
+	min-height: 20px;
+	margin: 5px 8px;
+	padding: 3px 6px 6px 34px;
+	border: 1px solid #ffdf0e;
+	background: url(images/tasklist.png) 6px 5px no-repeat #fef893;
+}
+
+div.tasklist-invitebox td {
+	padding: 2px;
+}
+
+div.tasklist-invitebox td.ititle {
+	font-weight: bold;
+	padding-right: 0.5em;
+}
+
+div.tasklist-invitebox td.label {
+	color: #666;
+	padding-right: 1em;
+}
+
+#task-rsvp .rsvp-buttons,
+#task-rsvp .itip-reply-controls,
+div.tasklist-invitebox .itip-buttons div {
+	margin-top: 0.5em;
+}
+
+#task-rsvp .itip-reply-controls a,
+#task-rsvp .itip-reply-controls label {
+	color: #333;
+}
+
+#task-rsvp input.button,
+div.tasklist-invitebox input.button {
+	font-weight: bold;
+	margin-right: 0.5em;
+}
+
+div.tasklist-invitebox .folder-select {
+	font-weight: 10px;
+	margin-left: 1em;
+}
+
+div.tasklist-invitebox .rsvp-status {
+	padding-left: 2px;
+}
+
+div.tasklist-invitebox .rsvp-status.loading {
+	color: #666;
+	padding: 1px 0 2px 24px;
+	background: url(images/loading_blue.gif) top left no-repeat;
+}
+
+div.tasklist-invitebox .rsvp-status.hint {
+	color: #666;
+	text-shadow: none;
+	font-style: italic;
+}
+
+#task-partstat .changersvp,
+.tasklistview .edit-attendees-table td.confirmstate span,
+div.tasklist-invitebox .rsvp-status.declined,
+div.tasklist-invitebox .rsvp-status.tentative,
+div.tasklist-invitebox .rsvp-status.accepted,
+div.tasklist-invitebox .rsvp-status.delegated,
+div.tasklist-invitebox .rsvp-status.in-process,
+div.tasklist-invitebox .rsvp-status.completed,
+div.tasklist-invitebox .rsvp-status.needs-action {
+	padding: 0 0 1px 22px;
+	background: url(images/attendee-status.png) 2px -20px no-repeat;
+}
+
+#task-partstat .changersvp.declined,
+div.tasklist-invitebox .rsvp-status.declined,
+.tasklistview .edit-attendees-table td.confirmstate span.declined {
+	background-position: 2px -40px;
+}
+
+#task-partstat .changersvp.tentative,
+div.tasklist-invitebox .rsvp-status.tentative,
+.tasklistview .edit-attendees-table td.confirmstate span.tentative {
+	background-position: 2px -60px;
+}
+
+#task-partstat .changersvp.delegated,
+div.tasklist-invitebox .rsvp-status.delegated,
+.tasklistview .edit-attendees-table td.confirmstate span.delegated {
+	background-position: 2px -180px;
+}
+
+#task-partstat .changersvp.needs-action,
+div.tasklist-invitebox .rsvp-status.needs-action,
+.tasklistview .edit-attendees-table td.confirmstate span.needs-action {
+	background-position: 2px 0;
+}
+
+#task-partstat .changersvp.in-process,
+div.tasklist-invitebox .rsvp-status.in-process,
+.tasklistview .edit-attendees-table td.confirmstate span.in-process {
+	background-position: 2px -200px;
+}
+
+#task-partstat .changersvp.accepted,
+div.tasklist-invitebox .rsvp-status.accepted,
+.tasklistview .edit-attendees-table td.confirmstate span.accepted {
+	background-position: 2px -220px;
+}
+
+div.messagetasklinks {
+	position: relative;
+	margin: 8px 8px;
+	padding: 4px 8px 4px 30px;
+	border: 1px solid #dfdfdf;
+	background: #fafafa;
+	border-radius: 4px;
+}
+
+div.messagetasklinks::before {
+	content: " ";
+	position: absolute;
+	top: 4px;
+	left: 8px;
+	width: 18px;
+	height: 18px;
+	background: url(buttons.png) -6px -115px no-repeat;
+}
+
+div.messagetasklinks ul.tasklist {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+div.messagetasklinks .messagetaskref {
+	display: block;
+	margin-bottom: 2px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+div.messagetasklinks a.messagetasklink {
+	position: relative;
+	display: inline-block;
+	color: #333;
+	font-weight: bold;
+	padding: 3px 0 2px 2px;
+	text-shadow: 0px 1px 1px #fff;
+	text-decoration: none;
+	white-space: nowrap;
+	vertical-align: middle;
+}
+
+div.messagetasklinks .messagetaskref.complete a.messagetasklink {
+	text-decoration: line-through;
+	text-shadow: none;
+	color: #666;
+}
+
+div.messagetasklinks .messagetaskref input.complete {
+	vertical-align: middle;
+}
+
+
+/** Special hacks for IE7 **/
+/** They need to be in this file to also affect the task-create dialog embedded in mail view **/
+
+html.ie7 #taskedit-completeness-slider {
+	display: inline;
+}