/* all styles are prefixed with "pc" */
#pcIDcalendar {
	padding: 0;
	border: 1px solid #c2c2c1;
	background-color: #EEE;
	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: #7d7c7c; /* top background color */
	color: #e8e8e7;
	font: bold 11px arial, Helvetica, sans-serif;
	width: 98%;
}

#pcIDcontent table {
	padding: 2px;
	margin-top: 1px;
	border: 0;
	white-space: nowrap;
	color: #799c72;
	font: 9px arial; /* 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: #82aa7b;
	font-weight: normal;
	text-decoration: none
}

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

td.pcDay { }

td.pcDayPast { }

td.pcDayPast a { color: #85ae7e }

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

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

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

td.pcWeekend{ }

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

td.pcWeekendPast{ }

td.pcWeekendPast a { color: #4977ab }

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: #7d7c7c;
	background: #87B4C8;
	font: normal 9px arial;
	text-decoration: none;
	text-align: center;
}


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


#pcIDselectYear, #pcIDselectMonth {
	border: 1px solid #c2c2c1;
	padding: 0;
	width: 3em; /* year droplist width */
	background-color: #c7ebc0; /* 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: #7d7c7c;
	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: #87B4C8; /* 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: #e8e8e7;
	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: #e8e8e7;
	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;}