diff --git a/calendar/view.php b/calendar/view.php
index 8490dbe303c..458e5f020a8 100644
--- a/calendar/view.php
+++ b/calendar/view.php
@@ -436,16 +436,18 @@ function calendar_show_month_detailed($m, $y, $courses, $groups, $users) {
         echo '<td'.$class.'>'.$cell;
 
         if(isset($eventsbyday[$day])) {
-            echo '<ul>';
+            echo '<ul class="events-new">';
             foreach($eventsbyday[$day] as $eventindex) {
                 echo '<li><a href="'.$dayhref.'">'.$events[$eventindex]->name.'</a></li>';
             }
             echo '</ul>';
         }
         if(isset($durationbyday[$day])) {
+            echo '<ul class="events-underway">';
             foreach($durationbyday[$day] as $eventindex) {
-                echo '<div class="dimmed_text">('.$events[$eventindex]->name.')</div>';
+                echo '<li>['.$events[$eventindex]->name.']</li>';
             }
+            echo '</ul>';
         }
         echo "</td>\n";
     }
diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css
index 77284d93521..61ba5a9412a 100644
--- a/theme/standard/styles_color.css
+++ b/theme/standard/styles_color.css
@@ -374,6 +374,10 @@ table.minicalendar {
     background-color:#EEEEEE;
 }
 
+#calendar .maincalendar table.calendarmonth ul.events-underway {
+    color:#999999;
+}
+
 #calendar .event_global,
 .minicalendar .event_global,
 .block_calendar_month .event_global {
diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 950ba152151..e7a8461a561 100644
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -213,14 +213,6 @@ table.formtable td {
 
 
 /* course */
-.headingblock.outline {
-    background-image:url(gradient.jpg);
-    background-position:top;
-    background-repeat:repeat-x;
-    border-width:1px;
-    border-style:solid;
-}
-
 .weeklyoutlinecontent,
 .topicsoutlinecontent {
     border-width:1px;
@@ -403,13 +395,15 @@ table.minicalendar thead th {
     padding:10px;
 }
 
-#calendar .maincalendar ul {
+#calendar .maincalendar table.calendarmonth ul.events-new,
+#calendar .maincalendar table.calendarmonth ul.events-underway
+{
     padding:0px;
     margin:0px;
     list-style-type:none;
 }
 
-#calendar .maincalendar ul li {
+#calendar .maincalendar table.calendarmonth ul li {
     margin-top: 4px;
 }