/* all styles are prefixed with "pc" */
#pcIDcalendar {
	padding: 0;
	border: 1px solid #ccc;
	background-color: #7b8047;
	z-index: +999;
	position: absolute;
	visibility: hidden;
	width: 200px; /* width of calendar */
	-moz-user-select:none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa',Direction=135,Strength=2)
}

#pcIDselectMonth, #pcIDselectYear {z-index:+999;position:absolute;visibility:hidden;}

#pcIDcaption {
	padding: 2px 3px 4px 2px;
	background: #636247; /* top background color */
	color: white;
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 97%;
}

#pcIDcontent table {
	padding: 2px;
	margin-top: 1px;
	border: 0;
	white-space: nowrap;
	color: white;
	font: 10px Verdana, Arial, Helvetica, sans-serif; /* main text */
	border-collapse: collapse;
}

#pcIDcontent td{ padding: 0 }

#pcIDcontent th {
	padding-top: 3px;
	padding-right: 3px;
	border-bottom: 3px; /*solid #ACA899; */
	font-weight: normal;
	text-align: right;
	font-weight: bold; /* days of the week  Sun, Mon, Tues, etc. */
}

/* PopCalendarTableData */
td.pctd{
	padding-right: 1px;
	width: 200px;
	height: 18px;
	text-align: center; /* day number alignment */
	cursor: default
}

td.pctd a, td.pctd a:visited {
	border: none;
	color: #ededed;
	font-weight: normal;
	text-decoration: none
}

td.pctd a:hover {
	border: none;
	color: #ebcf87;
	font-weight: normal;
	text-decoration: none
}

td.pcDay { }

td.pcDayPast { }

td.pcDayPast a { color: #909090 }

td.pcToday{ border: 1px solid #aaa; } /* square around today's date */

td.pcDaySelected{
	border: 1px solid #eee;
	background-color: #d2c298 !important
}

td.pcDayHoliday{
	border: 1px solid #eee;
	background-color: #d2c298 !important
}

td.pcWeekend{ }

td.pcWeekend a, td.pcWeekend a:visited, td.pcWeekend a:link { color: #dcd1b6 }

td.pcWeekendPast{ }

td.pcWeekendPast a { color: #aad7f3 }

td.pcWeekNumber{
	border-right: 1px solid #ACA899;
	padding: 0 1px 0 1px;
	color: black;
	background: #D9EAFB;
	font-size: 12px;
	text-align: right;

}

#pcIDfooter {
	/* Todays' date is...  */
	padding: 4px 4px 1px 4px;
	color: white;
	background: #636247;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}


#pcIDfooter a, #pcIDfooter a:hover { 
	border: none; 
	color: #fff; 
	font-weight: normal
}


#pcIDselectYear, #pcIDselectMonth {
	border: 1px solid #8cc3e5;
	padding: 0;
	width: 3em; /* year droplist width */
	background-color: #ecefe6; /* month and year droplist background color  */
	text-align: center;
	-moz-user-select: none;
}

#pcIDselectMonth {width:7em; text-align:left}

#pcIDselectYear ul, #pcIDselectMonth ul {list-style:none;margin:0;padding:0;border:none;}
#pcIDselectYear li, #pcIDselectMonth li {margin:0;}

#pcIDselectYear li a, #pcIDselectMonth li a {
	display: block;
	color: Black;
	padding: 2px 4px ;
	text-decoration: none;
	width: 100%;
	cursor:pointer;
	border: none;
	list-style-image: none;
	list-style-type: none;
	font: normal 11px Arial, Helvetica, sans-serif
}

#pcIDselectYear li a:hover, #pcIDselectMonth li a:hover {
	background-color: #dfe5d5; /* month and year droplist roll over color  */
}

html>body #pcIDselectYear li a, html>body #pcIDselectMonth li a {width: auto;}

#pcIDcaption div {
	cursor:pointer;
	float: left;
	color: white;
	margin-right: 3px;
	width: 2em;
	-moz-user-select: none;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDleft, #pcIDright {width: 2em !important;}

#pcIDcaption div a {
	/*border:1px solid #36f; */
	display: block;
	text-decoration: none;
	width: 100%;
	color: white;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDcaption div a:hover {
	/*border:1px solid #8af;*/
	display: block;
	text-decoration: none;
}

/* Images */
#pcIDleft a {background: url(/images/calendar/left2.gif) no-repeat center;}
#pcIDright a {background: url(/images/calendar/right2.gif) no-repeat center;}
#pcIDleft a:hover  {background: url(/images/calendar/left1.gif) no-repeat center;}
#pcIDright a:hover {background: url(/images/calendar/right1.gif) no-repeat center;}
#pcIDMonth a, #pcIDYear a {background: url(/images/calendar/drop2.gif) no-repeat right;padding: 0 14px 0 2px;}
#pcIDYear {padding-left:10px;}
#pcIDMonth a:hover, #pcIDYear a:hover {background: url(/images/calendar/drop1.gif) no-repeat right;padding: 0 14px 0 2px;}

html>body #pcIDcaption div, html>body #pcIDcaption a {width: auto;}