/* DEPARTURE DATE
---------------------------------- */

/* stuff on the main search form */
#DatesDiv {
	width:100%;
}
#DatesDiv input {
	display:inline;	
}
#DatesDiv img {
	cursor:pointer;
}


/* calendar flyout */
#cal {
	position:relative;		
}

#cal .overlay {
	left:0pt;
	position:absolute;
	top:-95px;	
	left:0px;
	z-index:100;
}

/* main title bar w/close btn */

/* ok btn */
#calOkBtn {
	position:absolute;
	right:25px;
	bottom:10px;
	text-align:right;
	width:240px;
}

#calOkBtn a span {
	height:1em;
	left:-1000em;
	overflow:hidden;
	position:absolute;
	width:600em;
}

#calOkBtn a {
	display:block;
	float:right;
	background:transparent url("/_assets/images/dropshadow/cal_ok_btn.gif") no-repeat top right !important;
	color:#CC0000;
	height:27px;
	width:49px;
	text-indent:-9999px;
}

#calOkBtn a.grey {
    background:transparent url("/_assets/images/dropshadow/cal_ok_btn_grey.gif") no-repeat top right !important;
}

.calChooseDate {
    display:block;
    float:left;   
    color:#CC0000;
    font-weight:bold;
    font-size:1.1em;
    margin-top:7px;
    width:180px;
}


/* close btn */
#calClose {
	position:absolute;
	top:5px;
	right:10px;
	text-align:right;
}
#calClose a {
	display:block;
	background:transparent url("/_assets/images/icons/close.gif") no-repeat top right !important;
	padding-right:2em;
	font-weight:normal !important;
	color:#CC0000;
	height:17px;
	
}
#calClose a:visited {
	color:#CC0000;
}
#calClose a:hover {
	color:#990000;
}

/* shadows */
#departureDateSelector .dropTop, 
#departureDateSelector .dropBot {
	width:495px;
}

.dropContent {
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #666666;
	font-size:0.9em;
	padding:0pt;
	height:253px;
	width:495px;
}
.dropTop {
	overflow:hidden;
	padding:0 20px 0 0;
	position:relative;
	width:495px;
}
.dropRight {
	background:transparent url(/_assets/images/dropshadow/bg_right.png) repeat-y scroll right top;
	height:1500px;
	position:absolute;
	right:0;
	top:20px;
	width:20px;
}
.dropTopRight {
	background:transparent url(/_assets/images/dropshadow/bg_topright.png) no-repeat scroll 0;
	display:block;
	height:20px;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}
.dropBot {
	height:10px;
	position:relative;
	width:495px;
}
.dropBotLeft {
	background:transparent url(/_assets/images/dropshadow/bg_botleft.png) no-repeat scroll 0;
	display:block;
	height:20px;
	left:0;
	position:absolute;
	top:0px;
	width:20px;
}
.dropBotMid {
	background:transparent url(/_assets/images/dropshadow/bg_bot.png) repeat-x scroll 0;
	display:block;
	height:20px;
	margin-left:20px;
}
.dropBotRight {
	background:transparent url(/_assets/images/dropshadow/bg_botright.png) no-repeat scroll 0;
	display:block;
	height:20px;
	position:absolute;
	right:-20px;
	top:0px;
	width:20px;
}
#cal .pointer {
	background:transparent url(/_assets/images/dropshadow/pointer.png) no-repeat scroll 0pt;
	height:50px;
	left:-30px;
	position:absolute;
	top:-165px;
	width:36px;
	display:none; /* new layout - 17/12/2008 */
}

/* calendars */
#departureCal {
	width:200px;
	position:absolute;
	top:15px;
	left:10px;
}

.returnFs,
.departureFs {
	margin-left:20px !important;
	background:#eee;
	width:158px;
	border-left:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
	border-bottom:1px solid #ccc !important;
}

.departureFs p,
.returnFs p {
	margin:3px 5px !important;
}

#returnCal h3,
#departureCal h3 {
	margin:0 0 0 20px;	
}

#durationMid {
	position:absolute;
	top:80px;
	text-align:center;
	background:transparent url(/_assets/images/icons/duration_arrow.gif) top left no-repeat;
	width:100px;
	height:70px;
	left:195px ;
}

#durationMid p {
	margin-top:18px;
}

#durationMid select {
	margin:2px auto !important;
	text-align:center;
	width:67px !important;
	font-size:1em;
}

.durationFs 
{
	padding: 0 5px 0 0;
}

#returnCal {
	width:200px;
	position:absolute;
	top:15px;
	left:285px;
}




/* Main Style Sheet for jQuery UI date picker */

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
}

/* custom trigger - not set as a button, just an img */
img#ui-datepicker-trigger {
    margin: 2px;
    vertical-align: middle;
	display:inline;
}

/* containing div */
.ui-datepicker-inline {
	
}

/* actual table that holds datepicker */
.ui-datepicker {
	width:160px;
	margin: 0 20px;
}

/* buttons on either side */
.ui-datepicker-current {
	display:none;
}

.ui-datepicker-links {
	position:relative;
	width:200px;
	font-weight:bold;
}

/* prev month */
.ui-datepicker-prev {
	position:absolute;
	left:5px;
	top:0;
}

.ui-datepicker-prev label {
	display:block;
	height:16px;
	width:9px;
	margin:0 !important;
	padding:0;
	text-indent:-9999px;
	background:transparent url(/_assets/images/icons/prev_month_grey.gif) top left no-repeat;
}

.ui-datepicker-prev a {
	display:block;
	height:16px;
	width:9px;
	text-indent:-9999px;
	background:transparent url(/_assets/images/icons/prev_month.gif) top left no-repeat;
}

/* next month */
.ui-datepicker-next {
	position:absolute;
	right:5px;
	top:0;
}

.ui-datepicker-next label {
	display:block;
	height:16px;
	width:9px;
	margin:0 !important;
	padding:0;
	text-indent:-9999px;
	background:transparent url(/_assets/images/icons/next_month_grey.gif) top left no-repeat;
}

.ui-datepicker-next a {
	display:block;
	height:16px;
	width:9px;
	text-indent:-9999px;
	background:transparent url(/_assets/images/icons/next_month.gif) top left no-repeat;
}

/* dropdowns on grey bg */ 

.ui-datepicker-header {
	font-weight: bold;
	color:#333;
	background:#ccc;
	height:20px;
	font-size:1.1em;
	width:160px;
	margin-left:20px;
}

.ui-datepicker-links label { /* disabled links */
	/* padding: 2px 5px; */
	color: #888;
}

.ui-datepicker-header select {
	display:inline !important;
	padding:0 !important;
	font-size:0.9em;
	font-weight:bold;
	margin:0 !important;
}
.ui-datepicker {
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	color:#333 !important;
	border:1px solid #ccc;
	background-color:#ddd;
	font-weight:bold;
}
* html .ui-datepicker-title-row td { padding-top: 2px; }
*:first-child + html .ui-datepicker-title-row td { padding-top: 2px; }
.ui-datepicker-days-row {
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ccc;
	padding: 2px 2px 3px 2px;
}
.ui-datepicker-days-cell a{
    display: block;
	color:#fff;
}
.ui-datepicker-week-end-cell {
	background: #eee;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #ddd;
}

.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}


/* STATIC - CURRENT DAY */

.ui-datepicker-current-day {
  	background:#CC0000 !important;
	color:#FFF !important;
}
.ui-datepicker-current-day a {
	background:#CC0000 !important;
	color:#FFF !important;
}

/* MOUSE OVER */

.ui-datepicker-days-cell-over {
    background: #cc0000 !important;
    border: 1px solid #777;
	color:#fff !important;
}
.ui-datepicker-days-cell-over a {
	color:#fff !important;
}

/* RANGE */

.ui-datepicker-inrange {
	background:#FFDFDF;
}
.ui-datepicker-inrange a {
	
}

.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	color:#CC0000;
	text-decoration:underline;
}
.ui-datepicker-control a {

	color:#CC0000;
	text-decoration:underline;
}
.ui-datepicker-title-row a {
	color: #333 !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}


/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
     
}
.ui-datepicker-one-month {
	width:200px;
}
.ui-datepicker-new-row {
    clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}}