div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	text-shadow:none;
}
.datepickerContainer {
	position: absolute;
}
.datepickerBorderT {
	position: absolute;
	left: 20px;
	top: 0;
	right: 20px;
	background: url(../../img/mobile/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 20px;
	bottom: 0;
	right: 20px;
	background: url(../../img/mobile/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 20px;
	top: 20px;
	background: url(../../img/mobile/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 20px;
	top: 20px;
	background: url(../../img/mobile/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../img/mobile/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../../img/mobile/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../../img/mobile/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../../img/mobile/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table tr {
	border-bottom:1px solid #bbb;
}
div.datepicker table td {
	text-align: center;
	padding: 0;
	margin: 0;
	width:14.4%;
	border-right:1px solid #bbb;
}
div.datepicker th {
	text-align: center;
	color: #333;
	font-weight: normal;
}

div.datepicker tbody a {
}
.datepickerDays a {
	width: 100%;
	line-height: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
	color:#333;
}
.datepickerMonths, .datepickerYears {
	background:#ddd;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	color:#333;
}
td.datepickerNotInMonth a {
	color: #bbb;
}
tbody.datepickerDays td.datepickerSelected{
	background: #bbb;
}
tbody.datepickerDays td.datepickerSelected a{
	color: #eee;
}
tbody.datepickerDays td.datepickerSelected.start{
	background: #939393;
	border-left: 5px solid #136A9F;
}
tbody.datepickerDays td.datepickerSelected.end{
	background: #939393;
	border-right: 5px solid #f90;
}
tbody.datepickerDays td.datepickerSelected.start.end{
	background: #bbb;
	border-left: 5px solid #136A9F;
	border-right: 5px solid #f90;
}
tbody.datepickerDays td.datepickerSelected.start.active{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerSelected.end.active{
	background: #f90;
}
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: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: center;
	padding:5px 0;
	border-right:1px solid #bbb;
}
div.datepicker tbody .datepickerMonthOnly, div.datepicker tbody .datepickerYearOnly {
	background:#999999;
}
div.datepicker tbody .datepickerDoW {
	background:#bbbbbb!important;
}
.curMonth, .curYear {
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#ccc;
	font-weight:bold;
	height:30px;
}
.curMonth option, .curYear option {
	background:#fff;
}
.datepickerSpace div {
	width: 30px;
}
div.datepicker tbody th.datepickerMonth, div.datepicker tbody th.datepickerGoPrev, div.datepicker tbody th.datepickerGoNext {
	background:#666;
	padding:8px 0;
}
div.datepicker tbody th.datepickerGoPrev, div.datepicker tbody th.datepickerGoNext {
	background:#777777;
	font-size:30px;
}
div.datepicker tbody th.datepickerMonth a, div.datepicker tbody th.datepickerGoPrev a, div.datepicker tbody th.datepickerGoNext a  {
	color:#fff;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 30px;
	line-height: 30px;
}
/*.datepickerGoNext a {
	float: right;
}
.datepickerGoPrev a {
	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: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
	color:#ddd;
}




/*---------------------------------------------------------------------------------------------------------------*/
#customWidget {
	position: relative;
	height: 36px;
}

#widget {
	background: red;
}
#widgetField {
	width: 290px;
	height: 26px;
	background: url(../../img/mobile/field.png);
	overflow: hidden;
	position: relative;
}
#widgetField a 	{
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	text-decoration: none;
	text-indent: -3000px;
}
#widgetField span	{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	position: absolute;
	top: 0;
	height: 26px;
	line-height: 26px;
	left: 5px;
	width: 280px;
	text-align: center;
}
#widgetCalendar {
	position: relative;
	/*bottom: -1500px;*/
	left: 0;
	height: 100%;
	overflow: hidden;
	width: 100%;
	background: #fff;
	z-index: 1000;
}
/*#widgetCalendar .datepicker {
	position: absolute;
}*/
#widgetCalendar .datepicker a:hover{
	color: #fc0;
}
.datepickerTop{
	/*float: right;*/
	text-align: center; 
	color: #333;
	cursor: pointer;
}
.datepickerTop > .half{
	display: inline-block;
	padding: 1%;
	margin: 1%;
	width: 43%; 
	height:38px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:6px solid;
}
.datepickerTop .datepickerTitle{
	display: block;
	background:#0c659f;
	color:#ffffff;
	padding:8px;
	margin:0 -5px 5px;
	font-size:15px;
}
.datepickerTop .datepickerClose{
	display: inline-block;
	position: absolute; 
	padding:2px 3px; 
	right: 5px; 
	top: 5px;
	color: #555555;
	background-color: #eeeeee;
	text-shadow: none;
	border: 1px solid #dddddd; 
	font-size: 12px;
	border-radius: 5px;
}
.datepickerSwitch{
	text-align: center; 
	color: #333;
	margin-bottom:5px;
}
.datepickerSwitch > span{
	display: inline-block;
	padding-right:20px; 
	cursor: pointer;
	background-color: #e0e0e0;
	color: #777777;
	text-align: center;
	border: 1px solid #cfcfcf;
	font-size:12px;
	line-height:32px;
}
.datepickerSwitch .active{
	background: #ffd672; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd672 0%, #fd9949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd672), color-stop(100%,#fd9949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd672 0%,#fd9949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd672 0%,#fd9949 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd672 0%,#fd9949 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd672 0%,#fd9949 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd672', endColorstr='#fd9949',GradientType=0 ); /* IE6-9 */
	color: #333333;
}
.datepickerSwitch > span .bullet{
	display: inline-block;
	width: 26px; 
	height: 26px; 
	padding: 0 5px;
	float:left;
}
.datepickerSwitch > span.single .bullet{
	background: url(../img/icon_flightopt.png) no-repeat right 2px transparent;
}
.datepickerSwitch > span.single.active .bullet{
	background: url(../img/icon_flightopt.png) no-repeat left -42px transparent;
}
.datepickerSwitch > span.range .bullet{
	background: url(../img/icon_flightopt.png) no-repeat right 2px transparent;
}
.datepickerSwitch > span.range.active .bullet{
	background: url(../img/icon_flightopt.png) no-repeat left -42px transparent;
}
.single {
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	border-radius:8px 0 0 8px;
}
.range {
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0;
}
#closeDatePicker{
	display: block;
	text-align: center;
	left: 20px;
	padding: 5px;
	bottom: 10px;
	border: solid 1px #036d26;
	background: #9ef407;
	color: #000;
}
body{
	height: 100%;
}
.datepickerDays {
	background:#eee;
}
.datepickerStart {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); 
	background-image: -webkit-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:    -moz-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:     -ms-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:      -o-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:         linear-gradient( #f6f6f6 , #e0e0e0 );
	border:1px solid #ccc;
	border-left:6px solid #5385A5!Important;
}
.datepickerStart.active {
	background: #5385A5;
	color:#fff;
}
.datepickerEnd {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); 
	background-image: -webkit-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:    -moz-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:     -ms-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:      -o-linear-gradient( #f6f6f6 , #e0e0e0 ); 
	background-image:         linear-gradient( #f6f6f6 , #e0e0e0 );
	border:1px solid #ccc;
	border-left:6px solid #f90!Important;
}
.datepickerEnd.active {
	background: #f90;
	color:#fff;
}