CRM Service Calendar colour coding

We've recently started using the Service Calendar in CRM to record room bookings for our conference facilities and training rooms.

In order to make it as easy to use as possible we wanted to have only 3 status codes.  Under Open we kept Tentative and removed Requested and under Scheduled we change Pending to Need More Information and Reserved to Booking Complete.

The colours CRM uses for the status codes are a bit random so we went about changing them.  Within the folder C:\Inetpub\wwwroot\SM\Gantt\style there is a stylesheet called GanttControl.css.aspx and this is the file to edit to change the colours.

The styles to edit are at the bottom file and they are (usefully) titled ganttBlockServiceActivityStatusX (X being the status code id).  The first task was to identify which ids corresponded to our status codes. The ones that were important are:

2 => Tentative
3 => Needs More Information
4 => Booking Complete

We changed the colours to a traffic light scheme using red for Tentative, amber for Needs More Information and green for Booking Complete.

After testing out the colour schemes in a test html file and adding a few comments for future reference the styles ended up as:

/* Tentative */ div.ganttBlockServiceActivityStatus2 { color: #fff; border: 1px solid #990000; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff6666,endColorStr=#ff0000); }
/* Needs more info */ div.ganttBlockServiceActivityStatus3 { border: 1px solid #ff6600; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffcc00,endColorStr=#ff9900); }
/* Complete */ div.ganttBlockServiceActivityStatus4 { border: 1px solid #006600; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ccff66,endColorStr=#66ff00); }