diff --git a/UI/Scheduler/UIxCalInlineAptView.m b/UI/Scheduler/UIxCalInlineAptView.m
index 4861cc550..066306902 100644
--- a/UI/Scheduler/UIxCalInlineAptView.m
+++ b/UI/Scheduler/UIxCalInlineAptView.m
@@ -209,8 +209,7 @@
   deltaStart = (([startDate hourOfDay] * 60 + [startDate minuteOfHour]
                  - dayStartHour * 60) / 15);
 
-  return [NSString stringWithFormat: @"appointment ownerIs%@ starts%d lasts%d",
-                   [appointment objectForKey: @"owner"],
+  return [NSString stringWithFormat: @"appointment starts%d lasts%d",
                    deltaStart, deltaLength, [startDate dayOfWeek]];
 }
 
diff --git a/UI/Templates/SchedulerUI/UIxCalCalendarsListView.wox b/UI/Templates/SchedulerUI/UIxCalCalendarsListView.wox
index 52f01c743..b19ec1dc3 100644
--- a/UI/Templates/SchedulerUI/UIxCalCalendarsListView.wox
+++ b/UI/Templates/SchedulerUI/UIxCalCalendarsListView.wox
@@ -11,7 +11,7 @@
       {
         background-color: <var:string value="currentContactSpanBG" /> !important;
       }
-      DIV[class~='appointment'].ownerIs<var:string value="currentContactLogin" />
+      TABLE.monthOverview DIV[owner~='<var:string value="currentContactLogin" />'].appointment
       {
         background-color: <var:string value="currentContactAptBorder" /> !important;
       }
diff --git a/UI/Templates/SchedulerUI/UIxCalInlineAptView.wox b/UI/Templates/SchedulerUI/UIxCalInlineAptView.wox
index cfe188f3e..64d5c6f21 100644
--- a/UI/Templates/SchedulerUI/UIxCalInlineAptView.wox
+++ b/UI/Templates/SchedulerUI/UIxCalInlineAptView.wox
@@ -7,7 +7,16 @@
     xmlns:var="http://www.skyrix.com/od/binding"
     xmlns:const="http://www.skyrix.com/od/constant"
     xmlns:rsrc="OGo:url">
-    <div var:class="innerDisplayClasses">
-      <var:string value="appointment.title" const:escapeHTML="NO" />
+    <div class="shadow shadow1"><!-- space --></div
+      ><div class="shadow shadow2"><!-- space --></div
+      ><div class="shadow shadow3"><!-- space --></div
+      ><div class="shadow shadow4"><!-- space --></div
+      ><div var:class="innerDisplayClasses"
+      ><div class="gradient"
+        ><img rsrc:src="event-gradient.png" class="gradient"
+          /></div
+        ><div class="text"
+        ><var:string value="appointment.title" const:escapeHTML="NO"
+          /></div>
     </div>
   </div>
diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css
index edc706231..a94bcd8b0 100644
--- a/UI/WebServerResources/SchedulerUI.css
+++ b/UI/WebServerResources/SchedulerUI.css
@@ -670,26 +670,6 @@ DIV.daysViewFor7Days DIV.day0
 { left: 85.7142%;
   border-right: 1px solid #397d94; }
 
-TABLE.monthOverview DIV.appointment
-{ margin: 0px;
-  margin-top: 1px;
-  padding: 1px;
-  border: 0px;
-  height: auto;
-  width: auto;
-  position: static;
-  overflow: hidden;
-  background-color: #fff; }
-
-TABLE.monthOverview DIV.appointmentInside
-{ cursor: default;
-  margin: 0px;
-  padding: 1px;
-  border: 0px;
-  height: auto;
-  width: auto;
-  position: static; }
-
 DIV.daysView > DIV.hours
 { position: absolute;
   border: 0px;
@@ -834,12 +814,12 @@ DIV.appointments > DIV.appointment
   position: absolute;
   left: 0px;
   right: 0px;
-  padding: 0px; }
+  padding: 1px; }
 
 DIV[class~="appointment"]._selected > DIV.appointmentInside
-{ background-color: #ffa !important; }
+{ -moz-opacity: 0.7; }
 
-DIV.appointment > DIV
+DIV.appointment > DIV.appointmentInside
 { position: absolute;
   overflow: hidden;
   top: 2px;
@@ -847,6 +827,78 @@ DIV.appointment > DIV
   left: 2px;
   right: 2px; }
 
+DIV.shadow
+{ position: absolute;
+  background-color: #000; }
+
+DIV.shadow1
+{ left: 0px;
+  right: 0px;
+  top: 2px;
+  bottom: 0px;
+  -moz-opacity: 0.1; }
+
+DIV.shadow2
+{ left: 1px;
+  right: 1px;
+  top: 3px;
+  bottom: -2px;
+  -moz-opacity: 0.1;
+  -moz-border-radius: 3px; }
+
+DIV.shadow3
+{ left: 2px;
+  right: 2px;
+  top: 4px;
+  bottom: 0px;
+  -moz-opacity: 0.4; }
+
+DIV.shadow4
+{ left: 3px;
+  right: 3px;
+  top: 5px;
+  bottom: 1px;
+  -moz-opacity: 0.4; }
+
+DIV.gradient, DIV.text
+{ position: absolute;
+  top: 2px;
+  left: 2px;
+  right: 2px;
+  bottom: 2px;
+  overflow: hidden; }
+
+DIV.gradient > IMG
+{ height: 100%;
+  width: 100%; }
+
+TABLE.monthOverview DIV.appointment
+{ margin: 0px;
+  margin-top: 1px;
+  padding: 1px;
+  border: 0px;
+  height: auto;
+  width: auto;
+  position: static;
+  overflow: hidden;
+  background-color: #fff; }
+
+TABLE.monthOverview DIV.appointmentInside
+{ cursor: default;
+  margin: 0px;
+  padding: 1px;
+  border: 0px;
+  height: auto;
+  width: auto;
+  position: static; }
+
+TABLE.monthOverview DIV.shadow,
+TABLE.monthOverview DIV.gradient
+{ display: none; }
+
+TABLE.monthOverview DIV.text
+{ position: static; }
+
 DIV[class~="appointment"].starts0
 { top: 0.000000%; }