@charset "utf-8";

/* CSS Document:

	datePicker

*/



.dpCover {

	position:absolute;

	top:0px;

	left:0px;

	opacity:.50;

	width:100%;

	height:100%;

	background-color:#CCC;

}



.dpMainDiv {

	width:250px;

	border:double;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	background-color:#FFF;

}

/*********************************************************************************

	The place holder. used only during design time.

	should provide a visual representation during design time.

	width must be the same as the width of dpMainDiv	

**********************************************************************************/

.dpPlaceHolder {

	width:250px;

	height:20px;

	border:double;

}

/*********************************************************************************

	the date information shown at the top

**********************************************************************************/

.dpShowDateString {

	text-align:left;

}



.dpTopTBL {

	width:100%;

	border-style: none;

}



.dpCalDiv {

	display:none;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	white-space: nowrap;

	cursor: pointer;

}



.dpButton {

	padding-left:5px;

	padding-right:5px;

	background-color:white;

	border-style: solid;

	border-width:1px;

	font-family:Georgia, "Times New Roman", Times, serif;

	border-radius: 5px;

}

/*********************************************************************************

	the table that shows the button for next/prev dates

**********************************************************************************/

.dpCalendarMonthYearTable {

	width:100%;

	background-color:#CCC;

	border-style: none;

}



.dpCalendarMonthYearTable span {

	padding-left:3px;

	padding-right:3px;

}



.dpMonthButton {

	width:50%;

	background-color:#CCC;

	text-align:left;

}



.dpYearButton {

	width:50%;

	background-color:#CCC;

	text-align:right;

}

/*********************************************************************************

	the table containing the calendar

**********************************************************************************/

.dpCalendarTBL {

	width:100%;

	border:double;

	background-color:#FFF;

}

/*********************************************************************************

	the tr of calendar

**********************************************************************************/

.dpCalendarTBL tr, .dpCalendarTBL td {

	border:#00F;

	border-style: none;

	text-align: center;

}

/*********************************************************************************

	the td(day) of calendar when not day is not equal to today

**********************************************************************************/

.dpDayNormalBackground {

	background-color:#FFF;

	border-style: none;

}

/*********************************************************************************

	the background when day is today

**********************************************************************************/

.dpDayTodayBackground {

	background-color:#999;

	border-style: none;

}

/*********************************************************************************

	the font color of day when selected

**********************************************************************************/

.dpDayTDSelected {

	color:#F00;

	border:thin;

}

/*********************************************************************************

	the font color of day when not selected

**********************************************************************************/

.dpDayTDUnSelected {

	color:#000;

	border:thin;

}

/*********************************************************************************

	the cursor we'll use

**********************************************************************************/

.dpCursor {

	cursor:pointer;

}



.dpYearDropDownDiv {

	position:fixed;

	display:none;

	width:auto;

	height:auto;

	background-color:white;

	border-style: solid;

	border-color: black;

}