/* Date picker specific styles follow */

a.date-picker { width: 16px; height: 16px; border: none; color: #fff; padding: 0; margin: 0; float: left; overflow: hidden; cursor: pointer; background: url(http://widgets.guestdesk.com/searchbox/lib/images/calendar.png) no-repeat; }
a.date-picker span { margin: 0 0 0 -2000px; }
div.date-picker-holder, div.date-picker-holder * { margin: 0; padding: 0;}
div.date-picker-holder {font-size: 11px !important; font-family: Helvetica, Arial, sans !important; }
div.date-picker-holder td, div.date-picker-holder th, div.date-picker-holder a { font-size: 11px !important; }
div.date-picker-holder h3 { margin: 2px 0 5px 3px !important; font-size: 14px !important; }

div.popup-calendar-wrapper { position: relative; padding: 0; }
div.date-picker-holder input { float: left; }

div.popup-calendar { display: none; position: absolute; z-index: 2; top: -5px; left: 0; /* value for IE */ padding: 4px; border: 2px solid #000; background: #fff; color: #000; overflow:hidden; width: 163px; }
	html>body div.popup-calendar { left: 10px; /* value for decent browsers */ }
	* html div.popup-calendar table { display: inline; }

		div.popup-calendar div.link-close { float: right; padding: 0; }
		div.popup-calendar div.link-prev { float: left; }
		div.popup-calendar h3 { font-size: 12px; text-transform: capitalize; margin: 2px 0 5px 3px; }
		div.popup-calendar div.link-next { float: right; }
		div.popup-calendar div a { padding: 1px 2px; color: #000; }
		div.popup-calendar div a:hover { background-color: #000; color: #fff !important; }
		div.popup-calendar table { margin: 0; }
		
		div.popup-calendar table th, div.popup-calendar table td { background: #eee; width: 21px; height: 17px; text-align: center; }
		div.popup-calendar table td.inactive, div.popup-calendar table td.inactivetoday { color: #aaa !important; padding: 1px 0 0; }
		div.popup-calendar table th.weekend, div.popup-calendar table td.weekend { background: #f6f6f6; }
		div.popup-calendar table td a { display: block; border: 1px solid #eee; width: 19px; height: 15px; text-decoration: none; color: #333; margin: 0 !important; }
		div.popup-calendar table td.today a { border-color: #aaa; }
		div.popup-calendar table td a.selected, div.popup-calendar table td a:hover { background: #bbb; color: #fff !important; }

		.popup-calendar { width:200px !important; }
		.popup-calendar table { width: 99% !important; }

#iframeCal { z-index:2; position:absolute; width:275px; height:136px; visibility:hidden; }
img.cbCal { display: inline; }

.ResBox_header { color: Black; padding-bottom: 5px; }
.ResBox_bg { border: 1px solid #000000; background-color: #ebebeb; padding: 10px 0px; }


#gd_searchbox_container{width: 495px; float: left;}
	.formRow label{float: left; margin:0 10px;}
	.formRow input{margin-right: 15px; width: 90px;float: left; padding: 1px;}
	.formRow select{float: left; padding: 1px;margin-right: 15px; }
	
#specials-code{float: left; width: 100px;border-left: 1px solid #FFD65E;padding-left: 15px; margin: -16px 0 0 0;}
	#specials-code input{width: 90px;}

input#resBox_submit, .searchbutton { color: #fff; width: auto; font-weight: bold; padding: 5px 3px; margin-top: -5px; border: 1px solid #ffd65e; border-radius: 5px; -moz-border-radius: 5px; -wekbit-border-radius: 5px; background: #14638a; background: -moz-linear-gradient(top, #14638a 0%, #227daa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #14638a), color-stop(100%, #227daa)); background: -webkit-linear-gradient(top, #14638a 0%, #227daa 100%); }



/* -- PHONE VERSION -- */
@media handheld, only screen and (max-width: 420px) {
#gd_searchbox_container {width:100%; float:none;}
#itinForm {width:100%;}
#specials-code {width:100%; text-align:center; float:none; margin:0px !important; clear:both; border-left:0px; position:absolute; top:100px; left:-20px;}
	#specials-code input {width:75px; margin-right:5px;}
#departureDate {width:65px;}
#arrivalDate {width:65px;}
.formRow label {font-size:11px; margin:0 5px 0 5px;}
input#resBox_submit, .searchbutton {margin-top:10px; margin-left:95px;}
#gd_itinerary_dates {font-weight:bold;}
	#gd_itinerary_dates label {font-size:12px;}
	#specials-code form {display:none;}
}


/* -- SMALL TABLET VERSION -- */
@media (min-width: 480px) and (max-width: 580px) {
input#resBox_submit, .searchbutton {margin-top:-5px; margin-left:10px;}
#specials-code {width:100px; position:absolute; right:15px; top:90px; text-align:center;}

}

