div.datepicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 240px !important;*/
	/*height: 160px !important;*/
    /*width: 280px !important;*/
	/*height: 196px;*/
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
    border: 1px solid #BCBFC4;
    z-index: 4000;
    padding: 16px;
    background: white;
}

div.datepicker[style*="fixed"]{
box-shadow: 0 0 5000px 5000px rgba(0, 0, 0, 0.5);
}

#datePickerDiv div.datepicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 212px !important;*/
	/*height: 120px !important;*/
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
    border: none;
    padding: 2px 20px;
}

#datePickerDiv div.datepicker td span{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

div.datepicker.tripleCalendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 720px !important;
	height: 160px !important;
	cursor: default;
	top: 0;
	left: 0;
    border: 1px solid #BCBFC4;
}



.datepickerContainer {
	background: white;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.datepickerContainer table{
	width: 100%;
	height: 100%;
}

.datepickerContainer > table table{
	width: 280px;
}

.datepickerBorderT .datepickerBorderB .datepickerBorderL .datepickerBorderR .datepickerBorderTL .datepickerBorderTR .datepickerBorderBL .datepickerBorderBR {
	display: none;
}

.datepickerHidden {
	display: none;
}

div.datepicker table {
	border-collapse:collapse;
}

div.datepicker a {
	color: #1a8ebd;
    font-weight: normal;
	text-decoration: none;
	outline: none;
    cursor: pointer;
}

div.datepicker th.datepickerWeek a {
	color: #1a8ebd;
    font-weight: bold;
	text-decoration: none;
	outline: none;
    cursor: pointer;
}

div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}

div.datepicker th {
	text-align: center;
	color: #666;
	font-weight: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

div.datepicker tbody th {
	text-align: left;
}

.datepickerDays td{
    padding: 2px !important;
    text-align: center !important;
}

.datepickerMonth{
    text-align: center !important;
}

.datepickerMonths td, .datepickerYears td{
    padding-top: 15px !important;
    text-align: center !important;
    height: 46px;
}
.datepickerYears a,
.datepickerMonths a{
    color: #1a8ebd;
	/*width: 44px;*/
	/*line-height: 36px;*/
	/*height: 36px;*/
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #333;
}
tbody.datepickerDays td.datepickerSelected{
	background: #2399BF !important;
    padding: 2px 0 !important;
}
tbody.datepickerDays td.datepickerSelected a{
	color: #FAFAFA;
    font-weight: bold;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #2399BF;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #2399BF;
}
tbody.datepickerMonths td.datepickerSelected a{
	color: #eee;
}
/*div.datepicker a:hover,*/
div.datepicker a:hover {
	text-decoration: underline;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: black;
	text-decoration: underline;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
    font-size: 14px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}



.timepicker{
    color: #666;
    text-align: right;
}

.timepicker .firstTime, .timepicker .secondTime{
    padding-top: 10px;
}

.timepicker .firstTime{
    padding-left: 5px;
}

.timepicker .timeHeader{
    font-size: 11px !important;
    display: inline;
    margin-right: 10px;
}

.timepicker .dateTimeInput{
    width: 50px;
    color: #1A8EBD;
}

.timepicker .sliders{
    font-size: 11px !important;
    padding:  5px 0 5px 0;
    display: inline;
}

.timepicker .hours{
    display: inline-block;
    width: 45px;
    margin: 0 12px 0 3px;
    zoom: 1;
    *display: inline;
}

.timepicker .minutes{
    display: inline-block;
    width: 45px;
    margin: 0 0 0 3px;
    zoom: 1;
    *display: inline;
}

.timepicker .ui-slider a.ui-slider-handle.ui-state-default,
.timepicker .ui-slider a.ui-slider-handle.ui-state-default:hover,
.timepicker .ui-slider a.ui-slider-handle.ui-state-default.ui-state-hover{
    width: 12px !important;
    height: 12px !important;
    margin-left: -6px !important;
    top: -3px !important;
    padding: 0 !important;
    cursor: pointer;
}

.timepicker .ui-widget-content{
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
}

.timepicker .ui-slider-horizontal{
    height: 8px !important;
    cursor: pointer;
}

 div.datepicker .LinkDiv{
    text-align: center;
    padding-top: 5px;
}
 div.datepicker .LinkDiv input{
	width: 100%;
	text-align: center;
}