<!-- ********POPUP CALENDAR**************** -->
#dynPopup {
	position:absolute;
	left:2px;
	top:0px;
	z-index:0;
	width:128px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	display:none;
	text-align:left;
}

p.calHead {
	width:102px;
	height:14px;
	margin:0px;
	background-color:#dddddd;
	float:left;
	font-size:9px;
	font-weight:bold;
	border-bottom:1px #999999 solid;
	text-align:center;
	padding-top:1px;
}

a.hidepop {
	width:14px;
	height:14px;
	background-color:#bbbbbb;
	border-style:outset;
	border-width:1px;
	border-color:#ffffff #333333 #333333 #ffffff;
	font-size:9px;
	text-align:center;
}
#hidecal {
	float:right;
}

a.monthscroll {
	float:left;
	width:5px;
	height:14px;
	background-position:center center;
	background-repeat:no-repeat;
	border-bottom:1px #999999 solid;
	background-color:#dddddd;
}

#prevmonth {	background-image:url(../icons/arrowback.gif); }
#nextmonth {	background-image:url(../icons/arrowfwd.gif); }

span.dayhdr, a.blankdate, a.date, a.dateactive {
	padding-top:1px;
	width:18px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff #333333 #333333 #ffffff;
	text-align:center;
	font-size:9px;
}

a.blankdate {
	border-style:none;
}

a.date {
	background-color:#dddddd;
}

a.dateactive {
	background-color:#999999;
	color:#ffffff;
}

#calendaricon {
	width:17px;
	height:17px;
	background-color:#cccccc;
	border-style:outset;
	border-width:2px;
	background-image:url(../icons/calendar.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

#calendaricon:hover, a.hidepop:hover, a.date:hover {
	border-style:inset;
}
<!-- ************************ -->