/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: 'Trebuchet MS','Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	background: #ccc;
	border: 2px solid #ccc;
}
#calendar_div {
	display: none;
	width:210px;
	padding:5px;
	padding-bottom:10px;
	border: 2px solid #ccc;
	z-index: 10; /*must have*/ 
}
#calendar_div .calendar_control	{width:208px; padding:2px;}
#calendar_div .calendar_links	{width:208px; margin-bottom:2px; padding:2px;}
#calendar_div .calendar_header	{width:210px; margin-left:2px; padding:2px;}
#calendar_div .calendar 			{width:215px;}
.calendar_header select 			{width:50%;}

.calendar,
.calendar_control,
.calendar_links,
.calendar_header{
	clear: both;
	float: left;
}

/*Colors 
-------------------------------------------------*/
#calendar_div .calendar_control 	{background: #402000;}
#calendar_div .calendar_links 	{background: #9F8879;}

#calendar_div .calendar_header 	{background: #ccc;}
#calendar_div .calendar_header select {background: #f2f2f2; color:#402000;}

.calendar_weekEndCell {background: #ccc;}
.calendar_daysCellOver {	background: #FFE88A;}
.calendar .calendar_unselectable {color: #888;}


#calendar_div .calendar_links a,
#calendar_div .calendar_control a{
	text-align:center;
	font-weight:bold;
	color: #FFF;
}

#calendar_div a.calendar_current {
	display:block;
	width:70px;
	text-align:center;
	background:#fc0;
	margin-left:4px;
}
/*-------------------------------------------------*/

.calendar_control, .calendar_links {
	font-weight: bold;
	letter-spacing: 1px;
}

/*Positions
-------------------------------------------------*/
.calendar_clear, .calendar_prev {float: left;}
.calendar_current {float: left;	text-align: center;}
.calendar_close, .calendar_next {float: right;}
.calendar_header {
	text-align: center;
	font-weight: bold;
	position:relative; left:-3px;
}

.calendar {
	display:block;
	text-align: center;
	clear:both;
	position:relative; top:5px; left:-3px;
	border-bottom:0px;
}
.calendar a {
	display: block;
	width:20px;
	height:20px;
	font-size:12px;

}

.calendar .calendar_titleRow {
	background: #777;
	color:#000;
	font-weight:bold;
}
.calendar_daysCell {border: 1px solid #ddd;}
.calendar_today  {background: #fc0 !important;}
.calendar_currentDay {background: #A88600 !important;}



/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}

.calendar_titleRow a {color: #eee !important;}
.calendar_control a:hover {
	background: #fc0 !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}