#eventsCalendar {width:162px; margin:0 auto 4px auto;}

/* If placed on a page w/ ignite css bundle you must change the default values
below, they cannot simply be removed or commented out. As of this moment, I am
told that having this events calendar on an ignite auction_list and perhaps 
details page will cause ignite to BLOW UP so i'm recommending not placing on 
those pages :-( */
							 
/* defaults loaded w/ ignite css bundle
div.calendar {font-size:smaller; color:#000;}
div.calendar.popup {margin-left:-40px; margin-top: -100px;}
div.calendar table {background-color:#eee; border:1px solid #aaa; border-collapse:collapse;}
div.calendar thead {background-color:white;}
div.calendar td, div.calendar th {padding:3px; text-align:center;}
div.calendar td.title {font-weight:bold;}
div.calendar th {background:#ddd; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-weight:bold; color:#555;}
div.calendar tr.days td {width:2em; color:#555; text-align:center; cursor:pointer;}
div.calendar tr.days td:hover, div.calendar td.button:hover {background-color:#34ABFA; cursor:pointer;}
div.calendar tr.days td:active, div.calendar td.button:active {background-color:#cde;}
div.calendar td.selected {font-weight:bold; background-color:#fff; color:#000;}
div.calendar td.today {font-weight:bold; color:#D50000;}
div.calendar td.otherDay {color:#bbb;}
div.calendar table tr td.event {color:blue; font-weight:bold;}
.weekend {background:#eff;} */

div.calendar {font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#000;}
div.calendar.popup {margin-left:-40px; margin-top: -100px;} /* used only if calendar is being used as a popup */
div.calendar table {font-size:10px; font-family:Verdana, Geneva, sans-serif; background-color:none;  border:none; border-collapse:collapse;}
div.calendar thead {background-color:#bdddd2;}
div.calendar td, div.calendar th {width:22px; height:22px; padding:0; text-align:center;}
div.calendar td.title {background-color:#bdddd2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#03568e;}
div.calendar th {height:23px; background:#bdddd2 url(images/cal_day_bg.gif) no-repeat center; border-bottom:1px solid #bdddd2; border-top:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff;}
div.calendar tr.days td {font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#000; text-align:center; cursor:default;}
div.calendar td.button {color:#00f; background-color:none; cursor:pointer;}
div.calendar td.button:hover {color:#f00; background-color:#cbe3db; cursor:pointer;}
div.calendar td.button:active {color:#fff; background-color:none;}
div.calendar tr.days td:hover {background-color:#deeee9; cursor:default;}
div.calendar tr.days td:active {background-color:#cde;}
div.calendar td.selected {font-weight:normal; background-color:#deeee9; color:#000;}
div.calendar td.today {font-weight:normal; background:#ebf4f1;}
div.calendar tbody tr td {background:#deeee9; border:1px solid #bdddd2;}
div.calendar tbody tr.days td.otherDay {background:#bdddd2; color:#bdddd2;} /* days not in displayed month */
div.calendar table tr td.event {color:#f00; font-weight:normal; text-decoration:underline; cursor:pointer;}
div.calendar table tr.days td.event:hover {font-weight:bold; color:#f00; cursor:pointer;}
div.calendar tbody tr.days td.otherDay:hover {color:#bdddd2; cursor:default;}
.weekend {background:none;}