div#calendar-container {
	width: 100%;
	border: 0;
	margin-bottom: 30px;
	*border-bottom:1px solid #ccc;
}

.calendar .nav {
	background:none;
}

div#calendar-container div.calendar,
div#calendar-container div.calendar table {
	border: 0px;
	background-color: #fff;
}

div#calendar-container div.calendar table thead tr.daynames{
	border: 1px solid #cccccc;
	padding:1px 0;
	background-color: #fff;
}

div#calendar-container div.calendar table thead tr.daynames td{
	border: 0;
	background-color: #ccc;
	color: #000;
	text-transform: uppercase;
	padding: 5px 0px;
	border-left-style: none;
	border-right-style: none;
	/*border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 1px 0;*/
}

div#calendar-container .calendar thead .title { 
	border: 0px;
	color: #2e2c2d;
	font-size: 24px;
	background-color: #fff;
	text-align: left;
}

.calendar table {
	width: 100%;
	font-family: Helvetica, Arial, Geneva, Helvetica, sans-serif;
}
div#calendar-container .calendar tbody td.day,
div#calendar-container .calendar tbody td.oweekend,
div#calendar-container .calendar tbody td.othermonth,
div#calendar-container .calendar tbody .day.othermonth,
div#calendar-container .calendar tbody td.emptycell {
	border: 1px solid #cccccc;
	background-color: #fff;
	color: #000;
	width: 14%;
	height: 65px;
	text-align: center;
	font-size: 23px;
}


div#calendar-container .calendar tbody td {
	line-height: 10px;
	height: 65px;
	padding: 0;
	margin: 0;
	*line-height:24px;
}

div#calendar-container .calendar tbody .day.othermonth {
	color: #999;
}

div#calendar-container .calendar tbody td.today {
	border: 1px solid #cccccc;
}

div#calendar-container .calendar tbody td.selected.today {
	color: #2D2B2D;
	background-color: #efefef;
	border: 1px solid #cccccc;
}
div#calendar-container .calendar tbody td.special{
	color: #FF0066;
}

div#calendar-container .calendar tbody td.othermonth.special{
	color: #FF0066;
}

/*When hovering over a day*/
div#calendar-container .calendar tbody td.hilite {
	background-color: #ccc;
}

div#calendar-container .calendar tbody td.selected {
	background-color: #ccc;
}

/*Top header nav*/
div#calendar-container .calendar td.nav,
div#calendar-container .calendar td.button {
	border: 0;
	font-size: 1.5em;
	/*color: #f06;*/
}

div#calendar-container .calendar td.special {
	border: 1px solid #FF0066;
}

div#calendar-container .calendar thead .hilite {
	background-color:#CCCCCC;
	color: #2D2B2D;
	*color:#ffffff;
}

div#calendar-container .calendar table thead td.disabled {
  background-color: #2D2B2D;
}	

div#calendar-container .calendar thead .headrow {
	background-color: #2D2B2D;
	color: #ffffff;
	border: 1px solid #2D2B2D;
}

div#calendar-container .calendar thead .headrow td.button {
	*background-color: #2D2B2D;
	padding: 4px 0 3px;
}

.calendar thead .headrow a,
.calendar thead .headrow a:link,
.calendar thead .headrow a:visited,
.calendar thead .headrow a:active {
	color: #ffffff;
	*background-color: #2D2B2D;
}

/*Hide the silly footer row*/

div#calendar-container .calendar table tfoot {
	display: none;
}	

/* For the Overlay which displays the evwents for the day when clicked */

#calendar-wrapper {
	position: relative;
}

#calendar-day-details {
	display:none;

    /* @nancy over here to make it visible on page load right away*/
  /*display:block;*/
	
	position: absolute;
	top: 142px;
	left: 65px;
	height: 227px;
	background-color: #efefef;
	width: 279px;
	padding: 10px 20px 20px;
	border: 1px solid efefef;
	z-index: 2000;
	*top: 150px;
	*left:67px;
	*height:230px;
	_top:154px;
	_left:66px;
	_height: 235px;
}


#calendar-day-details div.bd {
	height: 210px;
	overflow-y: auto ;
	overflow-x: hidden ;	
}

#calendar-day-details div.bd ul#event-detail-container{
	list-style-type: none;
	margin:0;
	padding:0;
	float: left;
}

#calendar-day-details .hd #close-calendar-details{
	text-align: right;
	height: 14px;
	padding-right: 3px;
}


#calendar-day-details div.bd ul#event-detail-container li{
	font-size: 11px;
	margin-bottom: 20px;
}

#calendar-day-details div.bd ul#event-detail-container li .cal_type{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#calendar-day-details div.bd ul#event-detail-container li .date{
	font-weight: bold;
}

#close-calendar-details{
	cursor: pointer;
}