body { margin: 0;}
#GwdCalendar {width:100%; position:relative; height:780px; overflow:hidden; font:Arial, Helvetica, sans-serif;}
/* Calendar */
#GwdCalendar #Calendar .Calendar {float:left; width:230px; margin-right:4px; margin-left:4px;}
.TodayDay {font-weight: bolder;color:#990000;}
.OtherMonthDay { color:#eeeeee; }
.EventDay {  }
.calDayHeader { }
.calNextPrev  { }
.calDayHeader { }

/* For category, both Calendar and event list */
.CnuEvent     { background-color: #e8d6b3; }
.CnuNEEvent   { background-color: #e1ebcd; }
.HappyHour    { background-color: #eaebcb; }
.NonCnuNE     { background-color: #f0d9d5; }
.PartnerEvent { background-color: #e9e2e0; }

/* For the event list layout */
#GwdCalendar #EventList { clear:both; width:473px; height:580px; overflow:auto;} /* auto show scroll bar for event list, height is careful calculated*/
#GwdCalendar .EventLayout { vertical-align: top; text-align:left; margin-top: 15px; width:450px; }

/* For the events' fields in the list and edit form */
.DateColumn { width: 4em; }
.Date { font-size:12px;font-weight:600;color:#333;}
#EventEdit .Date {}

.Title {font-size:12px;font-weight:600;color:#333;}
#EventEdit .Title {}

.TimeLabel {font-size:11px;font-weight:300;color:#686857; }
.StartTime, .EndTime {font-size:12px;font-weight:300;color:#2E3C54;}
#EventEdit .StartTime, #EventEdit .EndTime {}

.LocationLabel {font-size:11px;font-weight:300;color:#686857; }
.Location {font-size:12px;font-weight:500;color:#2E3C54;}
#EventEdit .Location {}

.Address {font-size:11px;font-weight:300;color:#2E3C54;}
#EventEdit .Address {}

.Website {font-size:12px;font-weight:300;color:#CC6600;}
.Website a {text-decoration: none;padding: 0;color:#CC6600;}
.Website a:link {color:#CC6600;text-decoration: none;}
.Website a:visited {color:#CC6600;text-decoration: none;}
.Website a:hover {color:#CC6600;text-decoration: none;}
#EventEdit .Website {}

.Description {font-size:13px;font-weight:300;color:#686857;}
#EventEdit .Description { width: 40em; height:10ex; }

.ContactLabel { font-size:11px;font-weight:300;color:#686857;}
.Contact {font-size:12px;font-weight:300;color:#2E3C54;}
#EventEdit .Contact {}

.Email {font-size:12px;font-weight:300;color:#CC6600;}
.Email a {text-decoration: none;padding: 0;color:#CC6600;}
.Email a:link {color:#CC6600;text-decoration: none;}
.Email a:visited {color:#CC6600;text-decoration: none;}
.Email a:hover {color:red;text-decoration: none;}
#EventEdit .Email {}

.Phone {font-size:12px;font-weight:300;color:#2E3C54;}
#EventEdit .Phone {}

/* 
 * Mini event list 
 */

.MiniEventLayout { width:182px; text-align:left}

.MiniEventLayout .Date {}
.MiniEventLayout .StartTime, .MiniEventLayout .EndTime {}
.MiniEventLayout .Description {}