.calendarTextInput	{
	color: #888888;
	border: 0 !important;
}

.calendarPopUpIcon {
	vertical-align: middle;
	border: 0;
}

.dateTimePicker	{
	display: inline-block;
	border: 1px solid #718CAA;
	vertical-align: middle;
	background: url("../images/inputBackground.gif") repeat-x white;
	font-family: Tahoma;
}

.dateTimePicker .popUpButton	{
	vertical-align: middle;
	border: 0 !important;
	margin: 1px !important;
	margin-top: 1px !important;
	padding: 0 !important;
	width: 16px;
	height: 13px;
	background: url("../icons/16x16/iconCalendar.gif") no-repeat;
	float: left !important;
	cursor: pointer;
}

.dateTimePicker .dateTimePickerValue	{
	display: none;
}

.dateTimePicker .dateTimePickerText	{
	border: 0 !important;
	margin: 0 !important;
	padding: 1px !important;
	padding-bottom: 0 !important;
	width: 98px !important;
	float: left !important;
	background: transparent;
	color: #666666;
	cursor: pointer;
	font-size: 11px;
}

.dateTimePickerCalendar	{
	background: white;
	position: absolute;
	display: none;
	width: 180px;
	height: 170px;
	clear: both;
}

.dateTimePickerIframe	{
	border: 0; 
	margin: 0;
	padding: 0;
	position: absolute;
	width: 180px;
	height: 170px;
	left: 0px;
}

.dateTimePickerInner	{
	position: absolute;
	background: white;
	border: 2px outset #EEEEEE;
	width: 180px;
	left: 0px;
	/*height: 170px;*/
}

.dateTimePickerInner .dateTimePickerHeader	{
	background: #0A246A;
	height: 30px;
}

.dateTimePickerInner .dateTimePickerHeader .calendarButton {
	width: 21px;
	height: 16px;
	background: buttonface;
	border: 1px outset #CCCCCC;
	display: inline !important;
}

.dateTimePickerInner .dateTimePickerHeader .calendarButton.leftArrow {
	background: buttonface url("../icons/12x12/iconArrowLeft.gif") 50% 50% no-repeat !important;
}

.dateTimePickerInner .dateTimePickerHeader .calendarButton.rightArrow {
	background: buttonface url("../icons/12x12/iconArrowRight.gif") 50% 50% no-repeat !important;
}

.dateTimePickerInner .dateTimePickerHeader .monthSelect, .dateTimePickerInner .dateTimePickerHeader .yearSelect	{
	border: 0;
	margin: 0;
	padding: 0;
	/*background: #0A246A;*/
	color: black;
	width: 60px !important;
	font-size: 11px !important;
}

.dateTimePickerInner .dateTimePickerHeader .yearSelect	{
	width: 45px !important;
}

.dateTimePickerInner .dateTimePickerFooter	{
	background-image: url('../lister/listerTableHeader.gif');
	text-align: center;
	color: white;
	height: 20px;
	line-height: 20px;
}

.dateTimePickerInner .dateTimePickerFooter .inputText	{
	width: 20px;
	text-align: right;
}

.dateTimePickerInner .dateTimePickerTable thead th	{
	color: white;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	background-image: url('../lister/listerTableHeader.gif');
	height: 18px;
}

.dateTimePickerInner .dateTimePickerTable tbody td	{
	color: black;
	text-align: center;
	padding: 0;
	height: 20px;
}

.dateTimePickerInner .dateTimePickerTable tbody td a	{
	display: block;
	width: 100%;
	height: 100%;
	color: #0000AA;
	text-decoration: none;
}

.dateTimePickerInner .dateTimePickerTable tbody td a.prevNextMonth	{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 9px;
	color: #AAAAAA;
}

.dateTimePickerInner .dateTimePickerTable tbody td a.oldDate	{
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	background: #0A246A;
}

.dateTimePickerInner .dateTimePickerTable tbody td a:hover	{
	display: block;
	text-decoration: none;
	background: #EFC931;
	width: 100%;
	height: 100%;
	color: #0000AA;
}

.dateTimePickerInner .dateTimePickerTable tbody td a span	{
	display: block;
	padding-top: 2px;
}

.dateTimePickerInner .dateTimePickerTable tbody td a.prevNextMonth span	{
	display: block;
	padding-top: 3px;
}

.dateTimePickerInner .dateTimePickerTable .sun	{
	background: #EFEFEF;
}