diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css
index 6215475a6..c8f34cfb3 100644
--- a/UI/WebServerResources/SchedulerUI.css
+++ b/UI/WebServerResources/SchedulerUI.css
@@ -16,21 +16,69 @@ DIV#schedulerTabs
   height: 15em;
 }
 
-DIV#tasksView
+DIV#tasksListView
 {
   position: absolute;
-  background: #eee;
   top: 18em;
   bottom: 0px;
-  width: 100%;
-  overflow: auto;
+  width: 16em;
+  padding: 0px;
 }
 
+DIV#tasksListView H2
+{ font-size: 12pt;
+  margin: 0px;
+  margin-left: .25em;
+  padding: 0px; }
+
+DIV#tasksListView LABEL
+{ margin: .25em; }
+
+UL#tasksList
+{ position: absolute;
+  cursor: default;
+  width: 100%;
+  margin: .25px;
+  padding: 0px;
+  top: 3em;
+  left: .25em;
+  right: .25em;
+  bottom: .25em;
+  overflow: auto;
+  border-bottom: 1px solid #fff;
+  border-right: 1px solid #fff;
+  border-top: 2px solid #222;
+  border-left: 2px solid #222;
+  background: #fff;
+  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
+  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent;
+  list-style-type: none;
+  list-style-image: none; }
+
+UL#tasksList LI._selected
+{ 
+  background: #4b6983;
+  color: #fff !important;
+}
+
+UL#tasksList LI.overdue
+{ color: #f00; }
+
+UL#tasksList LI.duetoday
+{ color: #00f; }
+
+UL#tasksList LI.completed
+{ text-decoration: line-through;
+  color: #000; }
+
+UL#tasksList LI.duelater
+{ color: #999; }
+
 DIV#rightPanel
 {
   position: absolute;
   top: 5.5em;
-  left: 17.75em;
+  left: 17em;
   right: 0px;
   bottom: 0px;
   overflow: hidden;
@@ -69,12 +117,12 @@ DIV#calendarView A
 {
   cursor: e-resize;
   top: 6em;
-  left: 17.5em;
+  left: 16.5em;
   width: 5px;
   bottom: 0px;
 }
 
-#leftDragHandle, #rightDragHandle
+#rightDragHandle
 {
   cursor: n-resize;
   top: 17.7em;
diff --git a/UI/WebServerResources/UIxTaskEditor.css b/UI/WebServerResources/UIxTaskEditor.css
new file mode 100644
index 000000000..0ae5ad38f
--- /dev/null
+++ b/UI/WebServerResources/UIxTaskEditor.css
@@ -0,0 +1,119 @@
+BODY
+{ padding: 1em; }
+
+DIV.appointmentLabel
+{ display: block;
+  position: relative;
+  line-height: 1.8em;
+  text-align: right;
+  width: 10em; }
+
+DIV.appointmentRightLabel
+{ display: inline;
+  vertical-align: middle; }
+
+DIV#details
+{ visibility: hidden;
+  padding-top: 1em;
+  width: 100%;
+  margin: 0px;
+  margin-bottom: 1em; }
+
+DIV#buttons
+{ visibility: visible;
+  position: absolute;
+  right: 1em;
+  bottom: 1em; }
+
+UL.contactList
+{ 
+  display: block;
+  cursor: default;
+  list-style-type: none;
+  list-style-image: none;
+  margin: 0px;
+  padding: 0px;
+  background: #fff;
+  border: 1px solid #000;
+  width: 15em;
+  height: 5em;
+  overflow: auto;
+}
+
+UL.contactList LI IMG
+{ vertical-align: middle; }
+
+UL.contactList LI
+{ width: 100%;
+  white-space: nowrap;
+  vertical-align: middle; }
+
+UL.contactList LI._selected
+{ background: #4b6983;
+  color: #fff; }
+
+DIV.contactSelector
+{ margin: 0px; }
+
+LABEL, SPAN.checkBoxList
+{ display: block;
+  position: relative;
+  height: 2em;
+  margin-left: .5em;
+  margin-top: .5em;
+  width: 100%; }
+
+SPAN.checkBoxList#participantsCB
+{ height: 7em; }
+
+DIV#participants UL.contactList
+{ height: 4.5em; }
+
+SPAN.checkBoxList SPAN.content LABEL
+{ display: inline; }
+
+INPUT#summary, INPUT#location,
+SPAN.content
+{ position: absolute;
+  top: 0px;
+  left: 10em;
+  right: 0px; }
+
+DIV#details TEXTAREA
+{ position: absolute;
+  top: 0px;
+  left: 10em;
+  vertical-align: bottom;
+  height: 5em;
+  right: 0px;
+  padding-bottom: 1em; }
+
+DIV#details SELECT
+{ position: absolute;
+  top: 0px;
+  left: 10em; }
+
+LABEL#isPrivate, LABEL#conflictsLabel
+{ position: absolute;
+  z-index: 1;
+  right: 1em;
+  width: auto; }
+
+A#detailsButton
+{ position: absolute;
+  right: 1em;
+  z-index: 1; }
+
+SPAN.contactSelectorButtons
+{ vertical-align: top;
+  line-height: 2em; }
+
+SPAN#cycleSelectionFirstLevel,
+SPAN#cycleSelectionSecondLevel
+{ visibility: hidden;
+  margin-left: 1em; }
+
+DIV#details SPAN.content SELECT,
+SPAN#cycleSelectionSecondLevel SPAN.timeDateControl
+{ position: static;
+  margin: 0px; }