#calendar-month ul{ width:100%; overflow:hidden; background:#919395; margin-bottom:1em; font-weight: bold; line-height:22px; text-transform:uppercase; color:#FFFFFF;}
#calendar-month ul li{ float:left; width:12.5em; text-align:center;}
#calendar-month ul li img{ vertical-align:top; padding-top:0.4em;}
#calendar-month ul li.prev{ float:right; width:3em;}
#calendar-month ul li.next{ float:right; width:3em;}
.cal-align{ float:left; width:15em; padding-right:1.25em; color:#000000;}
.thdata { width:100%; overflow:hidden; font-weight: bold; text-align:center; line-height:22px; text-transform:uppercase; color:#FFFFFF; }
.th01 { float:left; width:60px; background:#636466; }
.th02 { float:left; width:52px; background:#919395; }
.th03 { float:left; width:18px; text-align:center; background:#919395; padding:6px 0; }
.th04 { float:left; width:18px; text-align:center; background:#919395; padding:6px 0; }
table { border-collapse: separate; }
td { width: 19px; border:1px solid #FFFFFF; height: 18px; font-size:11px; text-align: center; vertical-align: middle; color:#000000; font-weight:bold; }
td.date_has_event { color: white; }
td.padding {}
.onepx{ line-height:1px; font-size:1px;}
td.today { color: white; }
.events { position: relative; display:none; left:0; top:0; width:100%;}
.events ul { position: absolute; bottom:26px; height:auto; line-height:14px; right:-8px; color: white; width: 168px; padding:5px 0; background:#f7f7f8; list-style: none; color: #444444; }
.events li { clear:both; background:#f7f7f8; list-style:none; padding:0 5px; text-align: justify; color: #666666; font-size:11px; font-weight:normal;}
.events li.date{ color: #464849; text-align:right; font-size:12px; padding-top:5px; font-weight: bold;}
/*.events li.title { font-weight: bold; color:#73cbc1;  font-size:12px;}*/
.events li.title { font-weight: bold; color:#666666;  font-size:12px;}
.events div.arrow{ position:absolute; bottom:-14px; right:5px; width:22px; height:14px;}
.events li.link{ text-align:right; padding-bottom:2px;}
.events li.link a{ color:#C31A30; text-decoration:none; background:url(../img/arrow03.gif) 100% 50% no-repeat; padding-right:12px; font-weight:bold; font-size:11px;}
.events li.link a:hover{ color:#f00; background:url(../img/arrow03_o.gif) 100% 50% no-repeat;}

/***********  Color Combination  ***************/
td.purple{ background:#956ac3}
td.purple .events ul{ border:3px solid #956ac3;}

td.blue{ background:#5ec4b9;}
td.blue .events ul{ border:3px solid #5ec4b9;}

td.red{ background:#c31a30;}
td.red .events ul{ border:3px solid #c31a30;}

td.purple-blue{ background:url(../img/purple-blue.gif) center center no-repeat;}
td.purple-blue .events ul{ border-top:3px solid #956ac3; border-left:3px solid #956ac3; border-bottom:3px solid #5ec4b9; border-right:3px solid #5ec4b9;}

td.purple-red{ background:url(../img/purple-red.gif) center center no-repeat;}
td.purple-red .events ul{ border-top:3px solid #956ac3; border-left:3px solid #956ac3; border-bottom:3px solid #c31a30; border-right:3px solid #c31a30;}

td.red-blue{ background:url(../img/red-blue.gif) center center no-repeat;}
td.red-blue .events ul{ border-top:3px solid #c31a30; border-left:3px solid #c31a30; border-bottom:3px solid #5ec4b9; border-right:3px solid #5ec4b9;}

td.brown{ background:url(../img/red-purple-blue.gif) center center no-repeat;}
td.brown .events ul{ border:3px solid #877354;}