.calendarPicker {background: url(calendarIcons.gif);height: 21px; width: 19px; display: block; margin-left: 5px; text-indent: -9989px}
.calendarPicker:hover {background-position: -19px 0}

#datepicker TABLE {border: none;}

#datepicker {background-image: url(calendarBg.gif); width: 230px; height: 200px; max-height: 200px; overflow: hidden; background-color: #223038; background-repeat: no-repeat; border: none;}
html > body #datepicker { background-image: url(calendarbg.png); background-color: transparent}
#datepickeriframe {visibility: hidden; display: none;background-color:transparent}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTableDays, .dpTableBody  {
	
	font-size: 12px;
	text-align: center;
	color: #fff;
	position: absolute; left: 14px; width: 200px; 
	}
.dpTableDays {top: 25px; height: 30px}
	
.dpTableBody {top: 50px; height: 130px}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	height: 18px;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	width: 28px; overflow: hidden;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background: url(calendarEntrybg.png) no-repeat center center;
	font-weight: bold;
	color: #fff;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	
	background: url(calendarEntrybg.png) no-repeat center center;
	cursor: pointer;
	color: #fff; width: 28px; overflow: hidden;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	font-size: 11px;
	color: white;
	text-transform: uppercase;
	width: 28px; overflow: hidden;
	}



/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	position: absolute; top: 10px; right: 27px; height: 20px; xwidth: 116px; text-align: right;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: orange;
	font-weight: bold;
	overflow: hidden;
	}

/* [mlr] added for days < today, to unhint clicking them */
.nonClickDay { color: #0080B8 !important}

#yearPicker {position: absolute; top: 27px; right: 10px; width: 60px;  height: 200px; background: #eee; z-index: 9999;}
#yearInner {height: 172px; overflow: auto;}
#dateIncrease, #dateDecrease, #dateToday, #dateClose, #yearPick {position: absolute; top: 13px; width: 13px; height: 13px; color: #fff; background: url(calendarButtonArray.gif); text-indent: -999px; overflow: hidden;}

#dateClose	{ left: 17px; background-position: 0 0px;}
#dateDecrease { left: 37px; background-position: -13px 0;}
#dateToday { left: 52px; background-position: -26px 0;}
#dateIncrease { left: 67px; background-position: -39px 0;}
#yearPick { right: 10px; background-position: -52px 0;}

#dateClose.dateOver, #dateIncrease.dateOver, #dateDecrease.dateOver, #dateToday.dateOver {cursor: pointer}

#dateClose.dateOver {background-position: 0px -13px;}
#dateDecrease.dateOver {background-position: -13px -13px;}
#dateToday.dateOver {background-position: -26px -13px;}
#dateIncrease.dateOver {background-position: -39px -13px;}
#yearPick.dateOver {background-position: -52px -13px;}

.pickYear:link, .pickYear:visited, .pickYear {padding: 1px 3px; cursor: default; color: #0080B8}
.pickYear:hover {background: #0A639C; color: #fff}