/* below styles are for datepicker control only */
.ui-datepicker {
	font-size:14px !important;
	z-index:10000 !important;
}
					
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
	border: 1px solid #dddddd !important;
	background: #003399 !important;
	font-weight: bold !important;
	color: #FFF !important;
	border-radius: 4px !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	border: 1px solid #FFF !important;
	background: #FFF !important;
	color: #000000 !important;
	text-align: center !important;
	font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background: #eeeeee !important;
    color: #000 !important;
    border-radius: 4px !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background: #DDD !important;
    border-radius: 4px !important;
}

.ui-datepicker.cent-top { position:absolute !important; left:0px !important; top:100% !important; bottom:auto !important; }
.ui-datepicker.cent-bottom { position:absolute !important; left:0px !important; top:auto !important; bottom:100% !important; }