/******************************************************************************

	XREZ SEARCH PANEL

	TABLE OF CONTENTS
	
	MAINCONTENT - xRez-searchPanel, searchPanel-contents
	OPTIONS - searchPanel-single-selector, searchPanel-package-selector
	AIR - searchPanel-flight-selector
	HOTEL - searchPanel-hotel-selector
	CAR - searchPanel-car-selector
	AIR/HOTEL - 

******************************************************************************/

/**** Hide all of the optional elements ****/
#airlinePrefBlock, #searchPanel-rooms, #hotelChildRoomsBlock, #cabinBlock, #directFlight-block, #searchPanel-hotel-additional-options {
	display: none;
}

fieldset {
	border: none;
	;
	margin: 0px;
	;
	padding: 0px;
}

fieldset input,fieldset select,fieldset textarea {
	font-size: 100%;
	;
	font-weight: normal;
	;
	font-family: Verdana, Arial, sans-serif;
}

caption,legend {
	display: none;
}

img {
	border: none;
}

#xRez-searchPanel {
	width: 237px;
	/*was 211 */
    margin-left: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0px;
	padding: 0px;
	background-color: white;
}

#xRez-page {
  	width: 800px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    border: 0px;
    background-color: white;
}
#xRez-body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
}

#body-sider {
    float: left;
    width: 255px; /*was 160 */    
    padding: 0;
    border: 0;
    margin: 0;
}


#searchPanel-form {
	display:
	width: 255px;
}

#searchPanel-contents, .searchPanel-text {
	font-family: Verdana;
	font-size: 11px !important;
	font-size: 9px;
	color: #000000;
}

.searchPanel-errorText {
	color:tomato;
	font-weight:bold;
	margin:10px 0px;
	padding:1px;
	display: none;
}

#searchPanel-contents .announcement {
	display: none;
}

#searchPanel-contents input,
#searchPanel-contents textarea {

	height: 13px;
	padding: 2px;
	margin: 0;
	color: #626262;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#searchPanel-contents select {
	height: 16px;
	padding: 0;
	color: #626262;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#searchPanel-contents .multi-select {
	height: 46px !important;
	width: 139px;
}

#searchPanel-contents {
	width: 237px;
	/*was 197 */
    margin: 0 auto;
	border: 0;
	padding: 10px 9px 0 9px;
	overflow: hidden;
	/*background-color: #6378a3;
/*gohop change*/
    /*background-image: url(../images/common/searchPanel-background.gif);*/
    background-color: rgb(179,219,34);
/*gohop change*/
	background-position: top left;
	background-repeat: repeat-y;
}

#searchPanel-contents h3 {
	color: #000000;
	font-size:18px;
	margin: 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#body-sider-frame {
    width: 255px; /*was 211 */
    min-height: 476px;
	height: auto !important;
	height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px;
	float: left;
}


/* SELECTION OF TYPES OF SERVICES */

fieldset#single-selector {
	float: left;
	width: 80px;
}

fieldset#package-selector {
	float: left;
	width: 150px;
}

fieldset#single-selector legend,
fieldset#package-selector legend {
	display: none;
}

fieldset#single-selector label,
fieldset#package-selector label {
	display: block;
	line-height: 1.2em;
}

#carSelectorDropOffDiffLocation {
	display:block;
	margin-top:10px;
}

#carSelectorDropOffSameLocation {
	display:block;
	margin-top:10px;
}

/* FLIGHT SEARCH*/

#route-selector {
}

div.searchPanel-bottom {
	display: block;
	height: 3px;
	background-image:url(../images/common/searchPanel-bottomimg.gif);
	background-repeat: no-repeat;
	background-position:top;
	margin: 0 0 10px 0;

}

div.searchPanel-top {
	display: block;
	height: 10px;
	background-image:url(../images/common/searchPanel-topimg.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	margin: 0;
}

.searchPanel-space-bar {
	width: 230px;
	/*was 197 */
    height: 12px;
	margin: 0px;
	border: 0px;
	background-repeat: no-repeat;
	;
	background-image: url("../images/common/break.gif");
	background-position: center center;
	clear: both;
}

.blank-bar-1, .blank-bar-2, .blank-bar-3 {
	width: 248px;
	/*was 197 */
    background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}

.blank-bar-1 {
	height: 15px;
}

.blank-bar-2 {
	height: 7px;
}

.blank-bar-3 {
	height: 5px;
}

#date-selectors {
	width: 218px;
	/*was 197 */
    height: 34px;
	margin: 0;
	border: 0;
	padding: 0px;
	margin-bottom:10px;
}

.date-selector {
	width: 98px;
	height: 34px;
	margin-top:5px;
	margin-bottom:5px;
	border: 0;
	padding: 0px;
}

#depart-date-selector {
	float: left;
}

#depart-date-selector input {
	width:95%;
}

#return-date-selector input {
	width:95%;
}

#return-date-selector {
	float: right
}

#flightTimes {
	width: 218px;
	/*was 197 */
    height: 34px;
	margin: 0;
	border: 0;
	padding: 0px;
	margin-top:7px;
	margin-bottom:5px;
	margin-bottom:5px;
	padding-top:5px;
}

.time-selector {
	width: 98px;
	height: 34px;
	margin-top:2px;
	margin-bottom:5px;
	border: 0;
	padding: 0px;
	padding-top:5px;
}

#depart-time-selector {
	float: left;
}

#depart-time-selector input {
	width:95%;
	margin-top:2px;
	margin-bottom:5px;
}

#return-time-selector input {
	width:95%;
}

#return-time-selector {
	float: right
}

.time-selector-label {
	height: 22px;
	margin-top:0px;
	margin-bottom:0px
}

.name-day-label {
	padding-left: 10px;
    height: 14px;
	width: 20px;
	float: left;
}

.date-selector-label {
	height: 14px;
}

.date-selector-row {
	height: 20px;
	width: 105px;
}

.date-text {
	height: 20px;
	width: 65px;
	float: left;
}

.date-selector-row input {
	font-size: 10px;
}

.date-calender {
	height: 20px;
	width: 27px;
	float: right;
	margin-right: -3px;
	background-image: url("../images/common/calender.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

#calendarSearch-block {
	display:block;
	margin-top:10px;
}

#calendarSearch-input {
	display: block;
	float:left;
	padding-bottom: 10px;
}

#num-nights-block {
	display:block;
	margin-top:10px;
}

#num-nights-label,#num-nights-input {
	display: block;
	float:left;
	padding-top: 10px;
}

#num-nights-input {
	color: #FFF;
}

#num-nights-input input {
	margin-left:5px;
	border: 0 solid #FFF;
	/* gohop change */
	color: #626262;
	/* end of gohop change */
}

.route-selector-label {
	height: 15px;
}

#searchPanel-search {
	float: right;
}

#searchPanel-selector fieldset {
	float: left;
}

#flightTypes {
	margin-top: 10px;
	margin-bottom: 10px;
}

#flightTypes label {
	padding-right: 10px;
	text-align:center;
	vertical-align:middle;
}

/******************************************************************************
	Travellers
******************************************************************************/

#searchPanel-hotel-rooms, #searchPanel-flight-passenger {
	display: block;
	width: 197px;
}

.searchPanel-hotel-room {
	margin-bottom: 5px;
	padding: 0px;
	width: 100%;
	border: 0px;
	display: none;
}

.searchPanel-hotel-room label {
	display: none;
}

.passengerTypeLabel {
	display: block;
	width: 30%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: left;
	float:left;
}

#child-label {
	padding-right:2px;
}

.roomLabel {
	width:25%;
	float:left;
}

.hotelRoomPax {
	float:left;
	width:30%;
}

.searchPanel-hotel-rooms {
	margin-top:3px;
}

.number-selector {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/* Flight Pax always visible */

.searchPanel-flight-pax .number-selector {
	display: block;
}

/******************************************************************************
	Calendar
******************************************************************************/

/* Calendar pop up styles */

#calDiv {
	position: absolute;
	visibility: hidden;
	background: #fff;
	border: 1px solid #b7b7b7;
	z-index: 100;
}

#calDiv td {
	font-weight: bold;
	border: 1px solid #ebebeb;
	text-align: center;
}

.cpCurrentDateDisabled {
	border-width: 1px;
	border: solid thin #FFAAAA;
}

.cpMonthNavigation {
	text-transform: uppercase;
	background: #b3c3e3;
	color: #404490;
}

#calDiv a {
	color: #404490
}

/* M T W T F */

.cpDayColumnHeader,.cpWeekendColumnHeader {
	background: #8496c5;
	color: #fff;
}

/* S S */

.cpWeekendColumnHeader {
	background: #b3c3e3;
}

/*Dates in current month*/

#calDiv td.cpCurrentDate,#calDiv td.cpCurrentMonthDate,#calDiv a.cpCurrentDate,#calDiv a.cpCurrentMonthDate {
	background: #e7eff7;
	border-color: #e7eff7;
	text-decoration: none;
}

/*Todays date*/

#calDiv td.cpCurrentDate {
	border-color: #000076;
}

#calDiv td.cpUnavailDate {
	background: #fff;
	border: 1px solid #ebebeb;
	color: #b7b7b7;
}

td.cpMonthNavigation {
	padding: 0px;
}

a.cpMonthNavigation {
	display: block;
	;
	padding: 5px
}

.floatDropdown {
	visibility: hidden;
	;
	position: absolute;
	;
	width: 237px;
}

#replaceCalIcon {
	display: none;
	width: 22px
}

.homeDate {
	width: 30%
}

/******************************************************************************
	Hotels
******************************************************************************/

#searchPanel-hotel-selector .date-long-format div {
	display: inline;
}

.searchPanel-flight-pax {
	float:left;
	width:30%
}

#searchPanel-hotel-selector .date-long-format .label {
	display: block;
}



#searchPanel-searchButton {
	float:right;
}

/* gohop change */
.searchPanel-rooms-required {
	float: left;
	width: 100%;
}
/* end of gohop change */

.searchPanel-room-type label, 
.searchPanel-room-type select {
	display: block;
	margin: 3px 0;
}

.searchPanel-rooms-required label, 
.searchPanel-room-type label {

}

#roomsLabel {
	float:left;
	padding-right: 10px;
}

.searchPanel-room-type select {
	margin-left: 7px;
	margin-right: auto;
}

.searchPanel-hotel-room div {

}

.searchPanel-rooms-required, .searchPanel-room-type {
	display: block;
}

#searchPanel-property-type {
	display: block;
	margin-bottom:10px;
	clear:both;
}

#searchPanel-hotel-locationType {
	display: block;
	margin-bottom:10px;
	clear:both;
}

/******************************************************************************
	Cars
******************************************************************************/

#car-searchbutton {
	padding-bottom: 10px;
}

.searchPanel-key {
	font-weight: bold;
	display: inline;
}

#searchPanel-car-selector-dropOff-location,#searchPanel-car-selector-pickup-location {
	display: block;
	margin-top:10px;
}

#carSelectorDropOffSameLocation,#carSelectorDropOffDiffLocation, {
	display: block;
	margin-top:10px;
}

#searchPanel-car-selector-pickUp-datetime,#searchPanel-car-selector-dropOff-datetime {
	display: block;
	padding-top:10px;
	padding-bottom:10px;
}

#searchPanel-car-selector-dropOff-location-subLabel,#searchPanel-car-selector-pickUp-location-subLabel,#searchPanel-car-selector-dropOff-location-label,#searchPanel-car-selector-pickUp-location-label {
	display: block;
	float:left;
}

#searchPanel-car-selector-pickUp-datetime-date,#searchPanel-car-selector-dropOff-datetime-date {
	float: left;
}

#searchPanel-car-selector-pickUp-datetime-time,#searchPanel-car-selector-dropOff-datetime-time {
	float: left;
	margin-left: 5px;
}

#searchPanel-car-selector-pickUp,#searchPanel-car-selector-dropOff,#searchPanel-car-selector-driverAndType {
	/* This prevents some Explorer issues with the width of floating divs */
	display:block;
	margin-top:10px;
	clear: both;
}

.car-date-value {
	width:120px;
	float:left;
}

.car-time-value {
	float:left;
}

#childAgesHotelDiv, #childAgesAirDiv {
}

.childAgeField {
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	width: 31%;
	display:none;
}

/*Location popup styles */

input.locationinput {
	width: 190px;
}

div.autocomplete {
	z-index:+1;
	background-color: #FFFFFF;
	border:1px solid #888888;
	margin: 0px;
	max-height:150px;
	overflow-x: hidden;
	overflow-y: auto;
	padding:0px;
	width:262px !important;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul li.selected {
	background-color: #999999;
	color: #ffffff
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 1px;
	cursor: pointer;
	color: black;
}

#searchPanel-flight-selector, #searchPanel-hotel-selector, #searchPanel-car-selector, #searchPanel-flight-hotel-selector {
	display:none;
}

#childRoomLabel {
	width:25%;
	float:left;
	height:50px;
}

.childRoomLabel {
	width:100%;
	float:left;
	height:17px;
}

#hotelChildRoomsBlock {
	margin-top:10px;
	display:block;
}

.highLightedPanel {
	background-color:#6E84AD;
	border-top: 1px solid #889dc8;
	border-bottom: 1px solid #889dc8
}

.child-ages {
	margin-top: 5px;
}

#infantSeatSelection {
	display:none;
	margin-top:5px;
}

#childAgesLabel {
	display: block;
	padding: 3px;
	font-weight: bold;
	border-bottom: 1px solid #889dc8;
}

#cabinLabel {
	float:left;
}

#cabinSelector {
	float:left;
	margin-left:17px;
}

#cabinBlock {
	margin-top:10px;
}

#airlinePrefBlock {
	margin-top:10px;
}

#airlinePrefLabel {
	float:left;
}

#airlinePrefSelector {
	float:left;
	margin-left:10px;
}

#airliePrefBlock {
	margin-top:10px;
}

.childAgeSelectors {
	float:right;
	width:75%;
}

#deptTime {
	float:left;
	height:10pt;
}

#returnTime {
	padding-right:35px;
	float:right;
}

#deptFlexibility {
	float:left;
}

#returnFlexibility {
	padding-right:10px;
	float:right;
}

#numRoomsDiv {
	width: 240px;
}

#numRoomsContainer {
	display: inline;
}

#searchPanel-room-type label, #hotel-label label {
	width: 80px;
}

#hotel-label, #roomRatingLabel {
	width: 80px;
}

#directFlight-block {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

#hiddenSearchPanel {
	display:none;
}

/*
 * SimpleModal Basic Modal Dialog
 * http ://www.ericmmartin.com /projects/simplemodal/
 * http ://code.google.com /p/simplemodal/
 *
 * Copyright  (c )  2007 Eric Martin  - http ://ericmmartin.com
 *
 * Licensed under the MIT license :
 *   http ://www.opensource.org /licenses/mit-license.php
 *
 * Revision :  $Id : basic.css  114 2008-03-20 00:53:05Z emartin24  $ *
 *
 */

body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

/* Overlay */

#modalOverlay {
	background-color: #000;
	cursor: wait;
}

/* Container */

#modalContainer {
	width: 237px;
	left: 60%;
	/* gohop change */
	top: 0px;
	/* end of gohop change */
	margin-left: -300px;
	background-color: #fff;
	padding: 2px;
}

#modalContainer a.modalClose {
	color:white;
	text-decoration: underline;
	width: 45px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	/* gohop change */
	top: 0px;
	right: 0px;
	/* end of gohop change */
	cursor: pointer;
}

#modalContainer #basicModalContent {
	padding: 8px;
}

/* IE 6 hacks*/
#modalContainer {
    /* gohop change */
	top: expression('0px' );
	/* end of gohop change */
}

#searchPanel-room-type > div, #hotel-selector > div {
	float: left;
}

#searchPanel-room-type > div {
	margin-top:10px;
	margin-bottom:10px;
}

.hotelSelectInput, .hotelinput {
	width:190px;
}

/* gohop change */
#starRatingDiv {
    width:240px;
}
/* end of gohop change */