diff --git a/mozilla/calendar/resources/content/calendarMonthView.xul b/mozilla/calendar/resources/content/calendarMonthView.xul
index 23917c5e4fb..595670f1671 100644
--- a/mozilla/calendar/resources/content/calendarMonthView.xul
+++ b/mozilla/calendar/resources/content/calendarMonthView.xul
@@ -84,27 +84,27 @@
    			 
    		<hbox id="month-header-box" flex="1" >
         		<grid id="month-header-columns" flex="1">
-        		    <columns>
+      		    <columns>
         		    	<column flex="1" class="month-column-center-day-class">
-        		            <label value="&calendar.monthview.column.1.name;"/>
+        		            <label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
         		 	</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.2.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.3.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.4.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.5.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.6.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class"> 
-        	  		    <label value="&calendar.monthview.column.7.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
         			</column>
         		    </columns>
         		</grid>
diff --git a/mozilla/calendar/resources/content/monthView.xul b/mozilla/calendar/resources/content/monthView.xul
index 23917c5e4fb..595670f1671 100644
--- a/mozilla/calendar/resources/content/monthView.xul
+++ b/mozilla/calendar/resources/content/monthView.xul
@@ -84,27 +84,27 @@
    			 
    		<hbox id="month-header-box" flex="1" >
         		<grid id="month-header-columns" flex="1">
-        		    <columns>
+      		    <columns>
         		    	<column flex="1" class="month-column-center-day-class">
-        		            <label value="&calendar.monthview.column.1.name;"/>
+        		            <label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
         		 	</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.2.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.3.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.4.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.5.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class">
-        	  		    <label value="&calendar.monthview.column.6.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
         			</column>
         			<column flex="1" class="month-column-center-day-class"> 
-        	  		    <label value="&calendar.monthview.column.7.name;"/>
+        	  		    <label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
         			</column>
         		    </columns>
         		</grid>
diff --git a/mozilla/calendar/resources/skin/modern/calendar.css b/mozilla/calendar/resources/skin/modern/calendar.css
index 6a5488bd59c..5c0d8085257 100644
--- a/mozilla/calendar/resources/skin/modern/calendar.css
+++ b/mozilla/calendar/resources/skin/modern/calendar.css
@@ -709,6 +709,14 @@ button.calendar-management-button:hover:active
    border-color         :  #003366;
 }
 
+.month-view-header-days
+{
+   color                   : #3f7d91;
+   font-size               : 11pt;
+   font-family             : Arial, Helvetica;
+   text-align              : center; 
+   font-weight             : bold;
+}
 
 /*--------------------------------------------------------------------
  * Text item for events in month view
@@ -1014,25 +1022,22 @@ button.calendar-management-button:hover:active
    -moz-box-align       : center;
    width                :78px;
 }
+
 #week-view-header
 {
-   background-image        : url("chrome://calendar/skin/week_top_bar.png");
-   background-repeat       : repeat-x;
-   min-height              : 40px;
-   max-height              : 40px;
-   color                   : #EAEBD2;
+	border						: 1px solid #2085c4;
+	border-bottom				: none;
+   color                   : #3f7d91;
    font-size               : 11pt;
    font-family             : Arial, Helvetica;
    text-align              : center; 
    font-weight             : bold;
-   
 }
 
 .week-header-class
 {
    max-width               : 80px;
    max-height              : 40px;
-   
 }