div.datepicker {display: none; width: 100% !important; height: 147px; position: absolute; top: 0; left: 0; cursor: default;}
.datepickerContainer {width: 100% !important; background: #fff; position: absolute; top: 0; left: 0;}
.datepickerBorderT {display: none; height: 10px; /*background: url(../images/datepicker_t.png);*/ position: absolute; top: 0; left: 10px; right: 10px;}
.datepickerBorderB {display: none; height: 10px; /*background: url(../images/datepicker_b.png);*/ position: absolute; left: 10px; right: 10px; bottom: 0;}
.datepickerBorderL {display: none; width: 10px; /*background: url(../images/datepicker_l.png);*/ position: absolute; left: 0; top: 10px; bottom: 10px;}
.datepickerBorderR {display: none; width: 10px; /*background: url(../images/datepicker_r.png);*/ position: absolute; right: 0; top: 10px; bottom: 10px;}
.datepickerBorderTL {display: none; width: 10px; height: 10px; /*background: url(../images/datepicker_tl.png);*/ position: absolute; left: 0; top: 0;}
.datepickerBorderTR {display: none; width: 10px; height: 10px; /*background: url(../images/datepicker_tr.png);*/ position: absolute; top: 0; right: 0;}
.datepickerBorderBL {display: none; width: 10px; height: 10px; /*background: url(../images/datepicker_bl.png);*/ position: absolute; left: 0; bottom: 0;}
.datepickerBorderBR {display: none; width: 10px; height: 10px; /*background: url(../images/datepicker_br.png);*/ position: absolute; right: 0; bottom: 0;}
.datepickerHidden {display: none;}
div.datepicker table {width: 100%; border-collapse:collapse;}
div.datepicker a {color: #333; text-decoration: none; outline: none; cursor: default;}
div.datepicker table td {text-align: right; padding: 0; margin: 0;}
div.datepicker th {font-weight: normal; color: #333; text-align: center;}
div.datepicker tbody th {text-align: left;}
div.datepicker tbody a {display: block;}
.datepickerDays a {width: 20px; height: 16px; line-height: 16px; padding-right: 2px;}
.datepickerYears a,
.datepickerMonths a {
	width: 44px; height: 36px; line-height: 36px; text-align: center;
}
td.datepickerNotInMonth a {color: #bdbdbd;}
tbody.datepickerDays td.datepickerSelected {background: #ed5456;}
tbody.datepickerDays td.datepickerSelected a {color: #fff;}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {background: #17384d;}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #fff; background: #888fd1;
}
div.datepicker td.datepickerNotInMonth a:hover {color: #bdbdbd;}
div.datepicker tbody th {text-align: left;}
.datepickerSpace div {width: 20px;}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	height: 20px; line-height: 20px; text-align: center;
}
.datepickerGoNext a {width: 20px; float: right;}
.datepickerGoPrev a {width: 20px; float: left;}
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: #ddd !important; background: transparent !important;
}
td.datepickerDisabled a:hover {color: #333;}
td.datepickerSpecial a {background: #700;}
td.datepickerSpecial.datepickerSelected a {background: #a00;}

/*------ ------*/

div.datepicker {font: 18px/42px Gotham;}
div.datepicker span {display: block; text-align: center;}
.datepickerDays a, .datepickerMonths a {width: 100%; height: 42px; font: 18px/42px Gotham; text-align: center;}
.datepickerGoPrev, .datepickerGoNext, .datepickerMonth {height: 45px; background: #e9e9e9; text-align: center !important;}
.datepickerMonth a:hover {background: none !important; color: #ed5456 !important;}
.datepickerDoW {border-bottom: 1px solid #e9e9e9;}

.datepicker .arrow {display: inline-block; width: 9px; height: 14px; float: none; position: relative; left: auto; right: auto; top: auto; bottom: auto; cursor: pointer;}
.datepicker .arrow:after {display: none;}
	.datepickerGoPrev .arrow {background: url(../images/icons.png) 0 -11px no-repeat;}
	.datepickerGoPrev .arrow:hover {background: url(../images/icons.png) 0 -11px no-repeat;}
	.datepickerGoNext .arrow {background: url(../images/icons.png) -11px -11px no-repeat;}
	.datepickerGoNext .arrow:hover {background: url(../images/icons.png) -11px -11px no-repeat;}

@media all and (max-width: 479px){
	div.datepicker {font: 14px/30px Gotham;}
		.datepickerDays a, .datepickerMonths a {height: 30px; font: 14px/30px Gotham;}
		.datepickerGoPrev, .datepickerGoNext, .datepickerMonth {height: 40px;}
}