/* table width: 105px x 7 = 735px */
/* cell height: 80px */

#calGrid
{
line-height: 1em;
}

#cal {position:relative; top:0px; left:0px;}

#calMonth {position:relative; top:0px; left:0px; height:20px;  width:735px; list-style:none; margin:0px; padding:8px; text-align:center; font: bold 12px Arial; 
}
#calMonth li { display: inline; padding: 20px; }
#calMonth li a, #calMonth li a:visited { color: #bbbbbb; text-decoration: none; }
#calMonth li a:hover { text-decoration: underline; }

#calGrid table { position: relative; top:0px; left:0px; empty-cells: show; border-collapse:collapse; width:735px; }
#calGrid table #calGridHeader td { height:20px; text-align: center; font: bold 13px Arial;  }

#calGrid table td { width:105px; height:200px; border: 1px solid #aaaaaa; vertical-align: top; text-align: right; font: bold 12px Arial; padding:3px;}
#calGrid table td.inactive { color: #dddddd; }

#calGrid { position:relative; top:0px; left:0px; }
#calGrid ul { position:absolute; top:20px; left:0px; list-style:none; margin:0px; padding:0px;}
#calGrid ul li { text-align: left; font-size: 9px; font-family: Verdana, Helvetica, sans-serif; width:90px; height:80px; padding: 10px; background-color: transparent;}
#calGrid ul li .shape { float:right; width:15px; height:10px; background-color: transparent;}
#calGrid ul li a { text-decoration: none; }
#calGrid ul li a:hover { text-decoration: underline; }

#calDetails table { position: relative; top:20px; left:0px; empty-cells: show; border-collapse:collapse; width:735px; }
#calDetails table td { font: 12px Arial; vertical-align: top; text-align: left; padding:3px; }
#calDetails table td.monthHeader { background-color: #999999; text-align: center; font-weight: bold; color: white; }
table .even { background-color: #f9f9f9; }
table .odd { background-color: #eeeeee; }
#calDetails .full { color: #ff0000; }
#calDetails .closed { color: #ff0000; }

#calLegendContainer { position: absolute; top:0px; left:0px; width: 200px;}

.calLegend { text-align:left; position:relative; top:0px; left:0px; height:14px; width:735px; list-style:none; margin:0px; padding:0px; }
.calLegend li { display:inline; font: 11px Arial; }




#calInstructions { text-align: center; font: 11px Arial; width:735px; height: 20px; padding-bottom:8px; }