Improve headers of multicolumns view

UI/Templates/SchedulerUI/UIxCalDayTable.wox

@@ -13,7 +13,7 @@
     <var:if condition="isMultiColumnView">
       <div class="calendarLabels">
         <var:foreach list="calendarsToDisplay" item="currentCalendar">
-          <div class="calendarsToDisplay">
+          <div class="calendarsToDisplay" var:data-folder="currentCalendar.folder">
             <var:string value="labelForCalendar"/>
           </div>
         </var:foreach>

UI/Templates/SchedulerUI/UIxCalendarSelector.wox

@@ -12,6 +12,8 @@
 { background-color: <var:string value="currentCalendar.color" />; color: <var:string value="contrastingTextColor" />; }
 div.colorBox.calendarFolder<var:string value="currentCalendar.folder" />
 { color: <var:string value="currentCalendar.color" />; }
+.calendarLabels [data-folder='<var:string value="currentCalendar.folder" />']
+{ border-color: <var:string value="currentCalendar.color" />; }
     </var:foreach>
   </style>
   <div id="calendarSelector">

UI/WebServerResources/SchedulerUI.css

@@ -423,9 +423,10 @@ DIV#calendarHeader DIV.calendarLabels
   height: 20px; 
   border-left: 1px solid #ccc;
   text-align: center;
-  font-style:italic;
   font-size:150%;
 }
+.calendarsToDisplay
+{ border-top: 2px solid #fff; }
 DIV#calendarHeader DIV.dayLabels
 { top: 32px;
   height: 35px; }