#datepicker	{ z-Index:100; position:absolute; top:50%; left:50%; width:570px; margin:-250px 0 0 -260px; padding:15px 20px 20px 20px; background:white; border:1px solid #CCCCCC; border-radius:10px; box-shadow:2px 2px 4px black; }

#dp2		{ background:#EEEEEE; border:1px solid #CCCCCC; border-radius:10px; padding:15px; overflow:hidden; }
.col1		{ float:left; margin-right:10px; width: 70px; height:327px; border:1px solid #CCCCCC; overflow:hidden; overflow-Y:scroll; }
.col2		{ float:left; margin-right:10px; width: 65px; height:327px; border:1px solid #CCCCCC; overflow:hidden; }
.col3		{ float:left; display:inline; width:371px; background:red; height:327px; overflow:hidden; }

.dpyears	{ width:55px; height:18px; margin:-1px 0 0 -1px; padding:8px; border:1px solid #CCCCCC; background:#FFFFFF; color:black; white-space:nowrap; text-align:left; }
.dpyears_on	{ width:55px; height:18px; margin:-1px 0 0 -1px; padding:8px; border:1px solid #CCCCCC; background:#990099; color:white; white-space:nowrap; text-align:left; }

.dpmonths	{ width:65px; height:18px; margin:-1px 0 0 -1px; padding:8px; border:1px solid #CCCCCC; background:#FFFFFF; color:black; white-space:nowrap; text-align:left; }
.dpmonths_on	{ width:65px; height:18px; margin:-1px 0 0 -1px; padding:8px; border:1px solid #CCCCCC; background:#990099;  color:white; white-space:nowrap; text-align:left; }

.dpdays		{ background:#FFFFFF; color:#000000; cursor:pointer; text-align:center; }
.dpdays_gr	{ background:#F5F5F5; color:#999999; cursor:pointer; text-align:center; }
.dpdays_on	{ color:white; cursor:pointer; background:#990099; text-align:center; }
.day_closed	{ color:white; background:#FF0000; text-align:center; }

.dpyears:hover, .dpmonths:hover, .dpdays:hover { cursor:pointer; background:#FFCCFF; }

#caltbl          { font-size:11px; text-align:center; }