div.calendar 
{ 
	position: relative; 
}

.calendar, .calendar table 
{
	border: 1px solid #556;
	font-size: 11px;
	color: #000;
	cursor: default;
	background-color: InactiveCaptionText;
	font-family: tahoma, verdana, sans-serif;
}

.calendar .button 
{
	padding-right: 1px; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	text-align: center;
 	color: navy;
	font-weight: bold;	
}

.calendar .nav
{
 	color: blue;
	font-weight: bold;
	font-family: verdana, tahoma, sans-serif;
}

.calendar thead .title 
{
	border: 0px; 
	font-size: 11px; 
	padding-right: 1px; 
	padding-left: 1px; 
	font-weight: bold;
	background:none; 
	padding-bottom: 1px; 
	color: #7b7b7b; 
	padding-top: 1px; 
	text-align: center;	
}

.calendar thead .headrow 
{
  	background: #F0FFFF;
}

.calendar thead .daynames 
{
	font-weight: bold;
}

.calendar thead .name 
{
	border-left: 0px solid #F0F8FF; 
	border-right: 1px solid #F0F8FF; 
	border-top: 0px solid #F0F8FF; 
	border-bottom: 0px solid #F0F8FF; 		
	padding-right: 1px; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	padding-top: 1px; 	
	color: #000; 
	text-align: center;

}

.calendar thead .weekend 
{
	color: #a66;
}

.calendar tbody .day 
{
	border-right: 1px solid #F0F8FF; 
	border-left: 0px solid #F0F8FF; 	
	border-top: 1px solid #F0F8FF; 
	border-bottom: 0px solid #F0F8FF; 	
	width: 20px; 
	height: 20px;
	color: #456; 
	padding-right: 2px; 
	padding-top: 1px; 
	padding-left: 1px; 
	padding-bottom: 1px; 			
	text-align: right;
}

.calendar tbody .othermonth 
{
	font-size: 80%; 
	color: #bbb;
}

.calendar tbody .oweekend 
{
	color: #fbb;
}

.calendar table .wn 
{
	border-right: #f7f3f7 1px solid; 
	padding-right: 3px; 
	border-top: #f7f3f7 1px solid; 
	display: none; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	border-left: #f7f3f7 1px solid; 
	padding-top: 1px; 
	border-bottom: #f7f3f7 1px solid;
}

.calendar tbody td.hilite 
{
	border-right: #bbb 1px solid; 
	padding-right: 1px; 
	border-top: #bbb 1px solid; 
	padding-left: 1px; 
	background: #FFA500; 
	padding-bottom: 1px; 
	border-left: #bbb 1px solid; 
	padding-top: 1px; 
	border-bottom: #bbb 1px solid;
}

.calendar tbody td.active 
{
	padding-right: 1px; 
	padding-left: 1px; 
	background: #cde; 
	padding-bottom: 0px; 
	padding-top: 1px;
}

.calendar tbody td.selected 
{
	border-right: #f7f3f7 1px solid; 
	padding-right: 3px; 
	border-top: #f7f3f7 1px solid; 
	padding-left: 1px; 
	font-weight: bold; 
	background: #f9751d; 
	padding-bottom: 1px; 
	border-left: #f7f3f7 1px solid; 
	padding-top: 1px; 
	border-bottom: #f7f3f7 1px solid;
}

.calendar tbody td.weekend 
{
	color: #a66;
}

.calendar tbody td.today 
{
	font-weight: bold; 
	color: #787878;
}

.calendar tbody .disabled 
{
	color: #bbbbbb;
}

.calendar tbody .emptycell 
{
	visibility: hidden;
}

.calendar tbody .emptyrow 
{
	display: none;
}

.calendar td.time 
{
	padding-right: 0px; 
	border-top: #000 1px solid; 
	padding-left: 0px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	background-color: #f4f0e8; 
	text-align: center;
}

.calendar td.time .hour 
{
	border-right: #889 1px solid; 
	padding-right: 3px; 
	border-top: #889 1px solid; 
	padding-left: 2px; 
	font-weight: bold; 
	padding-bottom: 0px; 
	border-left: #889 1px solid; 
	padding-top: 0px; 
	border-bottom: #889 1px solid; 
}
.calendar td.time .minute 
{
	border-right: #889 1px solid; 
	padding-right: 3px; 
	border-top: #889 1px solid; 
	padding-left: 2px; 
	font-weight: bold; 
	padding-bottom: 0px; 
	border-left: #889 1px solid; 
	padding-top: 0px; 
	border-bottom: #889 1px solid; 
}

.calendar td.time .ampm 
{
	border-right: #889 1px solid; 
	padding-right: 3px; 
	border-top: #889 1px solid; 
	padding-left: 2px; 
	font-weight: bold; 
	padding-bottom: 0px; 
	border-left: #889 1px solid; 
	padding-top: 0px; 
	border-bottom: #889 1px solid; 
	text-align: center;
}

.calendar td.time .colon 
{
	padding-right: 1px; 
	padding-left: 3px; 
	font-weight: bold; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

.calendar td.time span.hilite 
{
	border-left-color: #000; 
	border-bottom-color: #000; 
	border-top-color: #000; 
	background-color: #667; 
	border-right-color: #000;
}

.calendar td.time span.active 
{
	border-left-color: #f00; 
	border-bottom-color: #f00; 
	color: #0f0; 
	border-top-color: #f00; 
	background-color: #000; 
	border-right-color: #f00;
}

/* The footer part -- status bar and "close" button */
.calendar tfoot
{
	display: none;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo 
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #797979;
	background: #fff; 
	color: #003E80;
	z-index: 100;
	font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix 
{
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix 
{
	width: 4em;
}

.calendar .combo .hilite 
{
	color: #000;
}

.calendar .combo .active 
{
	color: blue;
	font-weight: bold;
}