Here's the result of a bit of playing around trying to figure out what the various classes & IDs are in the new module.css. It should be identical to the original, except with some comments added in.

Unfortunately I only had so much time and wasn't able to figure out what all the classes did. Also my descriptions are not normalized, so should use consistant terminology to what they are referring to. It certainly is not polished but might save someone 30 minutes or so of futzing around! I'll try to improve this down the road, especially if there is any interest.

An alternate idea would be to publish a graphic of an event view with the various ID/classed identified, mcuh like that done at: http://www.friendsoftware.ro/Produse/DNNModules/SimpleTabModules/tabid/105/Default.aspx (once there ya got to click on the CssStyle Suite tab at the upper right corner, just below the date).

- John

/* ================================
    CSS STYLES FOR Module Event
   ================================
*/
/* Tooltip that provides event details */
.Eventtooltip
{
 border-right: #000 1px solid;
 padding-right: 5px;
 border-top: #000 1px solid;
 padding-left: 5px;
 font-size: 10px;
 filter: alpha(opacity=80);
 padding-bottom: 5px;
 border-left: #000 1px solid;
 width: 200px;
 color: #000;
 padding-top: 5px;
 border-bottom: #000 1px solid;
 font-family: Arial;
 background-color: #ffd;
 text-align: left;
 moz-opacity: 0.8;
 
 position:relative;
 z-index: 1000;
}
/* ? */
.Event
{
 border-right: black 1px solid;
 table-layout: auto;
 padding-right: 0px;
 border-top: black 1px solid;
 padding-left: 0px;
 font-size: 7pt;
 padding-bottom: 0px;
 margin: 0px;
 border-left: black 1px solid;
 color: black;
 padding-top: 0px;
 border-bottom: black 1px solid;
 font-family: Verdana;
 border-collapse: collapse;
 text-align: center;
 width: 400px;
 height: 400px;
}
/* ? */
.EventTitle
{
 font-weight: bold;
 font-size: 9pt;
 background-image: none;
 width: 100%;
 height: 100%;
 background-color: #6666ff;
 text-align: center;
}
/* For Month (calendar) view, the top header bar (including current month name) */
.EventTitle, .EventTitle td
{
 font-weight: bold;
 font-size: 11pt;
 background-image: none;
 color: navy;
 background-color: #6666ff;
 text-align: center;
}
/* Month-calendar view's header bar, next and previous month names */
/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link
{
 padding-right: 0.5em;
 padding-left: 0.5em;
 font-size: 8pt;
 padding-bottom: 0px;
 color: darkblue !important;
 padding-top: 0px;
}
/* Month-calendar view's header bar, next and previous month names - when hovered over*/
.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
 padding-right: 0.5em;
 padding-left: 0.5em;
 font-size: 8pt;
 padding-bottom: 0px;
 color: darkblue !important;
 padding-top: 0px;
}
/* Names of days of week in month-calendar view */
.EventDayHeader
{
 font-weight: bold;
 font-size: 7pt;
 font-family: Verdana;
 background-color: silver;
}
/* Background of days of week in month-calendar view; color doesn't have effect though background-color does */
.EventDay, .EventDay td
{
 font-size: 7pt;
 color: #0000ff !important;
 font-family: Verdana;
}
/* Day's date of the current month (but not weekend or current or current selected days) */
.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
 font-size: 7pt;
 color: #0000ff !important;
 font-family: Verdana;
}
/* Month-calendar view: cell background of next & previous month's days */
.EventOtherMonthDay
{
 color: #808080;
 background-color: gainsboro;
}
/* Month-calendar view: date (text) of next & previous month's day's dates */
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
 color: #8080c0;
 background-color: gainsboro;
}
/* Month-calendar view's current month's weekend days */
.EventWeekendDay
{
 background-color: whitesmoke;
}
/* Current day's cell, only visible if another date is selected */
.EventTodayDay
{
 border-right: red 2px solid;
 border-top: red 2px solid;
 border-left: red 2px solid;
 border-bottom: red 2px solid;
}
/* ? */
/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
 font-weight: bold;
 color: #0000ff !important;
 background-color: darkgray;
}
/* Month-calendar view's selected date AND ALSO (all?) the event name(s) on that day */
.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover
{
 color: #0000ff !important;
 font-weight: bold;
}
/* ? */
.EventSelector
{
 background-color: #c0c0e0;
}
/* ? */
.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
 color: #0000ff;
 text-decoration: none;
}