.select_noshow {
		display: none; /* this style only intended for IE 6.. this is an IE 6 hack*/	
	}

/* CalendarWidget begin */

	DIV.calendarWidget {
		width: 165px;
		display: inline;
		float: left;
	}

	.calendarWidget TR.daysrow TD {
		text-align: center;
	}
	
	.calendarWidget TR.daylabelsrow TD.daylabels {
		text-align: center;
	}
	
	.calendarWidget TD.month {
			font-family: Verdana, Arial, Helvetica;
		  	font-size: 12px;		
	}
	
	.calendarWidget TD.year {
			font-family: Verdana, Arial, Helvetica;
		  	font-size: 12px;		
	}
	
	.calendarWidget .daysgrid SPAN {
		cursor: pointer;
	}
/* CalendarWidget end */

/* CalendarsPanel begin */


	DIV.calendarspanel {
		position: relative; /* so all child elements will position relative to widget's X,Y */
		width: 350px;
		left: 5px;
		top: 30px;
	}

	.hide {
		display: none;
	}
	
	.calendarspanel SPAN.instructions {
		font: 11px verdana,arial,helvetica;
		display: block;
		/* float: none; */	
		width: 150px;
		position: absolute;
		top: -40px;
		left: 0px;
	}
	
	.calendarspanel SPAN.instructions H3 {
		display: inline;
        font-size: 11px;
		font-weight: bold;
	}
	
	.calendarspanel .loadingImage {
		position: absolute;
		left: 65px;
		top: -10px;
	}
	
	.calendarspanel TR.content {
		height: 80px;
	}
	
	.calendarspanel TD.content {
		width: 100px;
	}
	
	.calendarspanel .soldoutday {
		color: #FF0000;
	}
	
	.calendarspanel .pastday {
		color: #888888;
	}
	
	.calendarspanel TABLE.daysgrid SPAN {
		font-size: 11px;
	}
	
	.calendarspanel TABLE.daylabelsgrid SPAN {
		font-size: 11px;
	}
	
	.calendarspanel TD.daylabels TABLE.daylabelsgrid TD {
		width: 25px;
	}
	.calendarspanel .calendarlayout {
		border-collapse: collapse;
	}
	
	.calendarspanel .space_under_monthyear {
		height: 2px;
	}
	
	.calendarspanel .space_under_daylabels {
		height: 2px;
	}
	
	.calendarspanel DIV.legendNode {
		display: block;
		position: absolute;
		left: 0px;
		top: 80px;
		width: 180px;
	}
	
	.calendarspanel TABLE.legend {
		font:9px verdana,arial,helvetica;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		width: 150px;
	}
	
	.calendarspanel TD.availableday {
		width: 15px;
		background-color: #01B602;
		border-style: none;	
	}
	.calendarspanel TD.otherrooms_availableday {
		width: 15px;
		background-color: #006600;
		border-style: none;	
	}
	.calendarspanel TD.soldoutday {
		width: 15px;
		border-style: none;	
	}
	
	.calendarspanel TD.legend_descr {
		border-style: none;	
	}
	
	.calendarspanel .loadingAnimation_hide {
		position: relative;
		left: 50px;
		top: 150px;
		background: url('../images/loading.gif');
		width: 32px;
		height: 32px;
		display: none;
	}
	.calendarspanel .loadingAnimation_show {
		position: relative;
		left: 50px;
		top: 150px;
		background: url('../images/loading.gif');
		width: 32px;
		height: 32px;
		display: block;
	}
	
	.calendarspanel .calendarContainer SPAN {
		display: block;
	}
	
	.calendarspanel SPAN.prevControl {
		z-Index: 35;
		position: relative;
		left: 158px;
		top: 25px;
	}
	
	.calendarspanel SPAN.nextControl {
		z-Index: 35;
		position: relative;
		left: 444px;
		top: 25px;	
	}

/* CalendarsPanel end */

/* StayDatesSelector begin */

    .stayDatesSelectorWidget div.show {
	  display: block;
    }
    
	.stayDatesSelectorWidget div.hide {
	  display: none;
    }

    .stayDatesSelectorWidget DIV.visibleSelection {
	/*
      position: absolute;
			left: 0px;
      top: 0px;    
	*/
      display: block;
	  text-align: left;
        display: block;
        width: 280px;
		height: 20px;
		position: absolute;
		left: 100px;
		top: 0px;
	  
    }


    
    .stayDatesSelectorWidget .selectedValue {
      /*position: absolute;
      left: 100px;
	  */
      font:12px verdana,arial,helvetica;
      background: url('../images/visibleSelectionBackgr.jpg');    
      width: 212px;
      height: 20px;    	
      cursor: pointer;
      /*display: inline;*/
	  display: block;
	  z-index: 10;
    }
	
    .stayDatesSelectorWidget .selectedValue_locked {
      /*position: absolute;
      left: 100px;
	  */
      font:12px verdana,arial,helvetica;
      background: url('../images/visibleSelectionBackgr_locked.jpg');    
      width: 212px;
      height: 20px;    	
      /*display: inline;*/
	  display: block;
	  z-index: 10;
    }	
    
    .stayDatesSelectorWidget DIV.popInWindow {
    	background-color: #EFEFEF;
        width: 490px;
		height: 218px; 
	   	border-color: #000000;
	   	border-style: solid;
	   	border-width: 3px;
		position: absolute;
		left: 100px;
		top: 20px;
		text-align: left;
    }

	.stayDatesSelectorWidget DIV.popInWindow DIV.closeButton {
		text-align: right;
		position: relative;
		left: -3px;
		top: 3px;
	}
	
	.stayDatesSelectorWidget DIV.popInWindow DIV.closeButton IMG {
		cursor: pointer;
	}
	
	.stayDatesSelectorWidget DIV.popInWindow SPAN.calendar {
		background-color: #FFFFFF;
		display: inline;
	}

/* StayDatesSelector end */

/* RichSelector start */

	DIV.selectorWidget {
		width: 300px;
		height: 25px;
		display: block;
		text-align: left;
	}

    .selectorWidget div.show {
	  display: block;
    }
    
	.selectorWidget .notAvailable {
		
	}
	.selectorWidget img.loadingImage {
		position: relative;
		top: -50px;
		left: 18px;
	}

	.selectorWidget img.loadingImage_noshow {
		display: none;
	}

	.selectorWidget img.loadingImage_show {
		display: block;
	}
	
    .selectorWidget DIV.visibleSelection {
        display: block;
        width: 280px;
		height: 20px;
		position: absolute;
		left: 100px;
		top: 0px;
    }
    
    .selectorWidget .selectedValue {
      position: absolute;
      left: 0px;
	  top: 0px;
	  
      font:12px verdana,arial,helvetica;
      background: url('../images/visibleSelectionBackgr.jpg');    
      width: 212px;
      height: 20px;
      cursor: pointer;
      display: block;
	  z-index: 10;
    }
    
    .selectorWidget .selectedValue_locked {
      position: absolute;
      left: 0px;
	  top: 0px;
	  
      font:12px verdana,arial,helvetica;
      background: url('../images/visibleSelectionBackgr_locked.jpg');    
      width: 212px;
      height: 20px;
      display: block;
    }	
    
	.selectorWidget DIV.popInWindow {
    	 background-color: #EFEFEF;
         width: 531px;
   		 height: 330px; 
   		 border-color: #000000;
   		 border-style: solid;
   		 border-width: 3px; 
		 position: absolute;
		 left: 100px;
		 top: 20px;
   	}
	
    .selectorWidget DIV.listSelector {
	  background-color: #FFFFFF;
      /*position: relative;	  
      left: 10px;
	  top: 0px;
	  */
	  position: absolute;
	  left: 10px;
	  top: 22px;
      overflow: auto;
      border-style: solid;
      border-width: 1px;
      width: 232px;
      height: 298px;
    }
	
	.selectorWidget TABLE.listSelector {
		font-family: Verdana, Arial, Helvetica;
	  	font-size: 14px;	 
	}
	
    .selectorWidget SPAN.photoPanel {
      position: absolute;
      left: 251px;
      top: 22px;
      border-style: solid;
      border-width: 1px;
      width: 270px;
      height: 204px;
      display: block;
	  background-color: #000000;
    }
	
    .selectorWidget SPAN.photoPanel IMG {
      width: 270px;
      height: 204px;
    }
	
    .selectorWidget SPAN.infoPanel {
      position: absolute;
      left: 251px;
      top: 228px; 
      border-style: solid;
      border-width: 1px;
      width: 270px;
      height: 94px;
      display: block;
	  overflow: auto;	  
	  background-color: #2B2B2B;
	  color: #FFFFFF;
	  font-family: Verdana, Arial, Helvetica;
	  font-size: 12px;	  
    }
	
    .selectorWidget SPAN.selectButton {
      position: absolute;
      left: 118px;
      top: 285px;
      border-style: solid;
      border-width: 1px;
      /* background: url('../images/sampleButton.gif'); */
      width: 123px;
      height: 18px;
      display: block;
    }
	
    .selectorWidget IMG.selectButton {
		cursor: pointer;
    }
	
    .selectorWidget IMG.selectButton_disabled {
		cursor: default;
    }	
	
    .selectorWidget SPAN.oneLineInfo {
      font:12px verdana,arial,helvetica;
      position: absolute;
      left: 10px;
      top: 245px;
      border-style: none;
      width: 230px;
      height: 13px;
      display: block;
    }
	
    .selectorWidget TABLE.listSelector {
    	padding: 3px;
    }
	
    .selectorWidget TD.selectedItem {  /*http://www.bookability.net/b2/arnold/dojo/topaz/widget/images/*/
      background-color: #333333;
      width: 212px;
      color: #FFFFFF;
	  /* font-weight: bold; */
      text-align: left;
      cursor: pointer;
	  display: block;
    }
	
	.selectorWidget TD DIV.itemDiv {
	  border-bottom: 1px solid #CCCCCC;
	  height: 60px;
	}

	.selectorWidget TD .itemSelectButton {
		font-size: 10px;
		text-transform: uppercase;
		padding: 2px; 
		width: 50px;
		text-align: center;
		font-weight: bold;
		background-color: #232323;
		color: #FFFFFF; 
		position: relative; 
		left: 150px; 
		top: 0px; 
		display: block;
	}	
	
	.selectorWidget TD.unselectedItem {
      width: 212px;
      color: #000000;
      text-align: left;
      cursor: pointer;
	  display: block;
    }
        
	.selectorWidget TD.unselectedItem SPAN {
		width: 212px;
		text-decoration: underline;
    }

	.selectorWidget TD SPAN.itemOneLineInfo { 
		font-weight: normal;
		font-size: 11px;
		text-decoration: none;
	}	
	
	.selectorWidget DIV.popInWindow DIV.closeButton {
		text-align: right;
		position: relative;
		left: -3px;
		top: 3px;
	}
	
	.selectorWidget DIV.popInWindow DIV.closeButton IMG {
		cursor: pointer;
	}

	.selectorWidget .warningIcon_noshow {
		display: none;
	}
	.selectorWidget .warningIcon_show {
		display: inline;
	}
	
/* RichSelector end */

/* ItemizedChargesPanel start */
	
	.itemizedChargesPanelWidget .charges_noshow {
		display: none;
	}
	
	.itemizedChargesPanelWidget TD.description {
		width: 60%;
		text-align: left;
	}
	
	.itemizedChargesPanelWidget TD.nightly {
		width: 20%;
		text-align: right;
	}
	
	.itemizedChargesPanelWidget TD.subtotal {
		width: 20%;
		text-align: right;
	}
	
	.itemizedChargesPanelWidget TR.grandTotalRow TD.description {
		font-weight: bold;
		text-align: left;
		border-top-color: #000000;
		border-top-style: solid;
		border-top-width: 1px;
	}
	
	.itemizedChargesPanelWidget TR.grandTotalRow TD {
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		border-top-color: #000000;
		border-top-style: solid;
		border-top-width: 1px;
	}
	.itemizedChargesPanelWidget TR.grandTotalRow TD.grandTotalColumn {
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		border-top-color: #000000;
		border-top-style: solid;
		border-top-width: 1px;
	}
/* ItemizedChargesPanel end */

/* ResformPanel start */
	.resformPanel .resformPanel_noshow {
		display: none;
	}
	
	DIV.resformPanel {
		border-style:solid;
		width:730px;
		height:400px;
		position:relative;
		
	}

	.resformPanel {
		font:8pt verdana,arial,helvetica;
		text-align: left;
	}
	
	.resformPanel INPUT {
		font:8pt verdana,arial,helvetica;
	/* height:17px; */
	}
	
	.resformPanel SELECT {
		font: 8pt verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.sectionlabel {
		font-weight: bold;
	}
	
	.resformPanel DIV.guestInfo SPAN.sectionlabel {
		position:absolute;
		left:12px;
		top:18px;
	}
	
	.resformPanel SPAN.firstNameLabel {
		position:absolute;
		left:3px;
		top:42px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.firstNameInput {
		position:absolute;
		left:93px;
		top:42px;
	}
	
	.resformPanel SPAN.lastNameLabel {
		position:absolute;
		left:3px;
		top:64px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.lastNameInput {
		position:absolute;
		left:93px;
		top:64px;
	}
	
	.resformPanel SPAN.companyNameLabel {
		position:absolute;
		left:3px;
		top:86px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.companyNameInput {
		position:absolute;
		left:93px;
		top:86px;
	}
	
	.resformPanel SPAN.address1Label {
		position:absolute;
		left:3px;
		top:108px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.address1Input {
		position:absolute;
		left:93px;
		top:108px;
	}
	
	.resformPanel SPAN.address2Label {
		position:absolute;
		left:3px;
		top:130px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.address2Input {
		position:absolute;
		left:93px;
		top:130px;
	}
	
	.resformPanel SPAN.cityLabel {
		position:absolute;
		left:3px;
		top:152px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.cityInput {
		position:absolute;
		left:93px;
		top:152px;
	}
	
	.resformPanel SPAN.stateProvinceLabel {
		position:absolute;
		left:3px;
		top:174px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.stateProvinceInput {
		position:absolute;
		left:93px;
		top:174px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.zipPostalLabel {
		position:absolute;
		left:3px;
		top:196px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.zipPostalInput {
		position:absolute;
		left:93px;
		top:196px;
	}
	
	.resformPanel SPAN.countryLabel {
		position:absolute;
		left:3px;
		top:218px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.countryInput {
		position:absolute;
		left:93px;
		top:218px;
	}
	
	.resformPanel SPAN.phoneNumberLabel {
		position:absolute;
		left:3px;
		top:240px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.phoneNumberInput {
		position:absolute;
		left:93px;
		top:240px;
	}
	
	.resformPanel SPAN.emailLabel {
		position:absolute;
		left:3px;
		top:262px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.emailInput {
		position:absolute;
		left:93px;
		top:262px;
	}
	
	.resformPanel DIV.addtlRequests {
		position:absolute;
		left:3px;
		top:300px;
	}
	
	.resformPanel DIV.addtlRequests SPAN.sectionLabel {
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel DIV.notifyMe {
		position:absolute;
		left:11px;
		top:346px;
	}
	
	.resformPanel DIV.roomTypeOptions SPAN.sectionlabel {
		position:absolute;
		left:255px;
		top:18px;
	}
	
	.resformPanel SPAN.totalGuestsLabel {
		position:absolute;
		left:255px;
		top:41px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.totalGuestsInput {
		position:absolute;
		left:354px;
		top:41px;
	}
	
	.resformPanel SPAN.numberFreeGuestsLabel {
		position:absolute;
		left:255px;
		top:62px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.numberFreeGuestsInput {
		position:absolute;
		left:354px;
		top:62px;
	}
	
	.resformPanel SPAN.extraBedLabel {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:255px;
		top:83px;
	}
	
	.resformPanel SPAN.extraBedInput {
		position:absolute;
		left:354px;
		top:97px;
	}
	
	.resformPanel SPAN.extraBedInput SPAN.item {
		font:9px verdana,arial,helvetica;
		display:block;
	}
	
	.resformPanel SPAN.parkingLabel {
		position:absolute;
		left:255px;
		top:165px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.parkingInput {
		position:absolute;
		left:354px;
		top:165px;
	}
	
	.resformPanel SPAN.nonSmokingLabel {
		position:absolute;
		left:255px;
		top:186px;
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel SPAN.nonSmokingInput {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:354px;
		top:186px;
	}
	
	.resformPanel DIV.guaranteeInformation {
		width: 320px;
		height: 135px;
		overflow: visible;
		position: absolute;
		left: 483px;
	}

	.resformPanel DIV.guaranteeInformation SPAN.sectionlabel {
		position:absolute;
		left:17px;
		top:18px;
	}
	
	.resformPanel SPAN.cardTypeLabel {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:0px;
		top:44px;
	}
	
	.resformPanel SPAN.cardTypeInput {
		position:absolute;
		left:90px;
		top:44px;
	}
	
	.resformPanel SPAN.cardNumberLabel {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:0px;
		top:65px;
	}
	
	.resformPanel SPAN.cardNumberInput {
		position:absolute;
		left:90px;
		top:65px;
	}
	
	.resformPanel SPAN.cardExpLabel {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:0px;
		top:86px;
	}
	
	.resformPanel SPAN.cardExpInput {
		position:absolute;
		left:90px;
		top:86px;
		widtH:300px;
	}
	
	.resformPanel SPAN.cardHolderLabel {
		font:9px verdana,arial,helvetica;
		position:absolute;
		left:0px;
		top:107px;
	}
	
	.resformPanel SPAN.cardHolderInput {
		position:absolute;
		left:90px;
		top:107px;
	}
	
	.resformPanel DIV.cancelPolicy {
		position:absolute;
		left:500px;
		top:258px;
	}
	
	.resformPanel DIV.cancelPolicy SPAN.text {
		display: block;
	}
	
	.resformPanel DIV.submitButton {
		position:absolute;
		left:505px;
		top: 363px;
	}
	
	.resformPanel DIV.submitButton IMG.clickable {
		cursor: pointer;
	}
	
	.resformPanel DIV.submitButton IMG.unclickable {
		filter:alpha(opacity=50);
		moz-opacity:.50; /* -moz-opacity:.70; */
		opacity:.50;
	}

	.resformPanel DIV.costDetails {
		position:absolute;
		left:480px;
		top:134px;
	}
	
	.resformPanel DIV.itemizedChargesPanelWidget {
		position:relative;
		left:0px;
		top:0px;
		width:230px;
		height: 100px;
		border-color: #686868;
		border-style: solid;
		border-width: 1px;	
		overflow: auto;
	}
	
	.resformPanel DIV.itemizedChargesPanelWidget TH {
		font: bold 9px verdana,arial,helvetica;
	}
	
	.resformPanel DIV.itemizedChargesPanelWidget TD {
		font:9px verdana,arial,helvetica;
	}
	
	.resformPanel DIV.loadingImage {
		position: absolute;
		left: 580px;
		top: 170px;
	}
/* ResformPanel end */

/* ItineraryPanel start */

	DIV.itineraryPanelWidget {
		width: 760px;
		height: 100px;
	}

	.itineraryPanelWidget SPAN.sectionlabel {
        font-weight: bold;
		font-size: 11px;
	}
	.itineraryPanelWidget SPAN.itineraryHeader {
        font-weight: bold;
		font-size: 11px;
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.itineraryPanelWidget .fisheye_noshow {
		display: none;
	}
	
	.itineraryPanelWidget .FisheyeWidget {
		/*position: relative;
		left: -80px;
		top: -30px;*/
		position: absolute;
		left: 0px;
		top: -10px;
	}

	.itineraryPanelWidget .select_noshow {
		display: none; /* this style only intended for IE 6.. this is an IE 6 hack*/	
	}
	
	/* html > body .select_noshow { display: inline; } */ /* this style for NON-IE 6 */
	
	.itineraryPanelWidget DIV.fisheyeContainer {
		/*position: relative;
		left: 150px;
		*/
		padding-left: 100px;
	}
	
	.itineraryPanelWidget IMG.dojoHtmlFisheyeListItemImage {
		cursor: pointer;
	}


/* ItineraryPanel end */

/* ResframePanel begin */
	
	DIV.resframePanel {
		border-style:solid;
		width:620px;
		height:395px;
		/*
		position: relative;
		left: 50px;
		*/
		font:8pt verdana,arial,helvetica;		
	}
	
	.resframePanel DIV.noshow {
		display: none;
	}
	
	.resframePanel DIV.show {
		display: block;
	}
	
/*	
	.iframeIE6hack { 
		/ * for IE 6 bug: SELECT element shows through DIVs..need to position and size
		this iframe exactly the same as the resframe (after any effects))* / 
		position:relative; / *relative to DIV.resframePanel* /
		width:630px; / *same as DIV.resframePanel* /
		height:360px; / *35px less than DIV.resframePanel to show controls* /
		top:25px;left:0px; / *25px below DIV.resframePanel to show controls* /
		border: dashed;
		display:none;
		z-index:-10;
	}
*/

	.resframePanel DIV.resframeGuestInfo {
		position:absolute;
		left: 14px;
		top: 31px;
		width: 448px;
		height: 98px;	
	}
	
	.resframePanel .sectionlabel {
		position:absolute;
		left:0px;
		top:0px;
	}
	
	.resframePanel .resframeGuaranteeInformation .resframeLabel {
		position: relative;
		left: -100px;
	}
	
	.resframePanel SPAN.resframeFullname {
		position:absolute;
		left: 2px;
		top: 24px;
	}
	
	.resframePanel SPAN.resframeAddressLineA {
		position:absolute;
		left: 2px;
		top: 45px;
	}
	
	.resframePanel SPAN.resframeAddressLineB {
		position:absolute;
		left: 2px;
		top: 59px;
	}
	
	.resframePanel SPAN.resframePhoneWrapper {
		position:absolute;
		left: 2px;
		top: 77px;
	}
	
	.resframePanel SPAN.resframeEmailWrapper {
		position:absolute;
		left: 172px;
		top: 78px;
	}
	
	.resframePanel SPAN.resframeHotelName {
		position: absolute;
		left: 5px;
		top: 23px;
	}
	
	.resframePanel SPAN.resframeHotelAddrLineA {
		position: absolute;
		left: 5px;
		top: 39px;
	}
	
	.resframePanel SPAN.resframeHotelAddrLineB {
		position: absolute;
		left: 5px;
		top: 55px;
	}
	
	.resframePanel DIV.reservationDetails {
		position:absolute;
		left: 14px;
		top: 136px;
		width: 342px;
		height: 141px;	
	}
	
	.resframePanel SPAN.resframeLabel {
		width: 93px;
		font-weight: bold;
	}
	
	.resframePanel SPAN.resframeArrivalWrapper {
		position: absolute;
		left: 4px;
		top: 29px;
	}
		
	.resframePanel SPAN.resframeDepartureWrapper {
		position: absolute;
		left: 4px;
		top: 45px;
	}
	
	.resframePanel SPAN.resframeGuestsWrapper {
		position: absolute;
		left: 4px;
		top: 61px;
	}
	
	.resframePanel SPAN.resframePackageWrapper {
		position: absolute;
		left: 4px;
		top: 77px;
	}
	
	.resframePanel SPAN.resframeRoomWrapper {
		position: absolute;
		left: 4px;
		top: 93px;
	}
	
	.resframePanel SPAN.resframeCancelLabel {
		font-weight: bold;
		position: absolute;
		left: 4px;
		top: 114px;
	}
	
	.resframePanel DIV.resframeCancelPolicy {
		position: absolute;
		left: 100px;
		top: 114px;
		width: 241px;
		height:	26px;
	}
	
	.resframePanel DIV.addtlRequests {
		position:absolute;
		left: 13px;
		top: 283px;
		width: 344px;
		height: 94px;	
	}
	
	.resframePanel SPAN.resframeAddtlRequests {
		position: absolute;
		left: 8px;
		top: 37px;
	}
	
	.resframePanel SPAN.resframeExtraBedWrapper {
		position: absolute;
		left: 5px;
		top: 21px;
	}
	
	.resframePanel SPAN.resframeParkingWrapper {
		position: absolute;
		left: 159px;
		top: 21px;
	}
	
	.resframePanel DIV.resframeGuaranteeInformation {
		position: absolute;
		left:359px;
		top:326px;
		width: 257px;
		height: 30px;
	}
	
	.resframePanel SPAN.resframeGuaranteeLineA {
		position: absolute;
		left:80px;
		top:0px;	
	}
	
	.resframePanel SPAN.resframeGuaranteeLineB {
		position: absolute;
		left:80px;
		top:16px;	
	}
	
	.resframePanel DIV.iterator {
		position:absolute;
		left: 475px;
		top: 23px;
		width: 168px;
		height: 25px;	
		z-index: 12;
	}
	
	.resframePanel DIV.iterator IMG {
		cursor: pointer;
	}
	
	.resframePanel DIV.control { /*show while DIV.showPrintableButton is hidden*/
		position:absolute;
		left: 460px;
		top: 3px;
		width: 168px;
		height: 25px;	
		z-index: 11;
	}
	
	.resframePanel DIV.control IMG {
		cursor: pointer;
	}
	
	.resframePanel DIV.showPrintableButton { /*show while DIV.control is hidden*/
		position:absolute;
		left: 475px;
		top: 3px;
		width: 168px;
		height: 25px;	
		z-index: 12;
	}
	
	.resframePanel DIV.showPrintableButton IMG {
		cursor: pointer;
	}
	
	.resframePanel DIV.hotelInfo {
		position:absolute;
		left: 358px;
		top: 31px;
		width: 256px;
		height: 78px;	
	}
	
	.resframePanel DIV.ResframeCostDetails {
		position:absolute;
		left: 358px;
		top: 135px;
		width: 256px;
		height: 189px;	
	}
	
	.resframePanel DIV.guaranteeInformation {
		position:absolute;
		left: 359px;
		top: 326px;
		width: 256px;
		height: 34px;	
	}
	
	.resframePanel DIV.ResframeCostDetails DIV.itemizedChargesPanelWidget {
		position: relative;
		left: 0px; top: 25px;
		height: 160px;
		border-color: #686868;
		border-style: solid;
		border-width: 1px;	
		overflow: auto;
	}
	
	.resframePanel DIV.itemizedChargesPanelWidget TH {
		font: bold 9px verdana,arial,helvetica;
	}
	
	.resframePanel DIV.itemizedChargesPanelWidget TD {
		font:9px verdana,arial,helvetica;
	}
	
	.resframePanel SPAN.confirmNumSpan {
		font: bold italic 13px verdana,arial,helvetica;
		position: absolute;
		left: 6px;
		top: 4px;
		width: 469px;
		height: 15px;
		display: block;
		text-align: left;
	}
	
	.resframePanel SPAN.confirmed {
		color: #FFFFFF;
		background-color: #6464FF;	
	}
	
	.resframePanel SPAN.notconfirmed {
		color: #FF1A1A;
		background-color: #CCCCCC;
	}

/* ResframePanel end */

/* Itinerary Fisheye Styles begin */
					
	.FisheyeWidget {
		list-style: none;
		padding: 0;
		margin: 10px;
		height: 81px;
	}
	.FisheyeWidget li {
		position: relative;
		display: block; 
		float: left;  /* left (default): horizontal. 
		for vertical, set float to none */
	}
	.FisheyeWidget span {
		position: absolute;
		top: 100%;
		left: 0;
		text-align: center;
		width: 79px;
		padding: 1px;
		margin: 0;
		border: solid 1px #bbb;	
		color: #333;
		background: #eee;
	}
	.FisheyeWidget a {
		text-decoration: none;
	}
	.FisheyeWidget img {
		border: 0;
		margin: auto 5px auto 5px;
		vertical-align: top;
	}

/* Itinerary Fisheye Styles end */

/* Bookability widget start */


.BookabilityWidget .blockerPanelNoShow {
	display: none;
}

.BookabilityWidget .submitSuccessDivNoShow {
	display: none;
}

DIV.BookabilityWidget {
	/*background-color: #DDDDDD;*/
	border-color: #000000;
	border-style: solid;
	width: 760px; 
	height: 710px;
	position: relative;
	left: 100px;
	top: 0px;
}

.BookabilityWidget .busy {
	cursor: wait;	
}

.BookabilityWidget DIV.selectorsWrapper {
	width: 750px;
	height:	160px;
	/* border: 1px solid; */
}

.BookabilityWidget DIV.stayDatesSelectorWrapper {
			position: absolute;
			left: 100px;
			top: 0px;
			z-Index: 35;		
}

	/* StayDatesSelector begin */
		.BookabilityWidget .stayDatesSelectorWidget {
			position: relative;
			top: 37px;
		}
		.BookabilityWidget .stayDatesSelectorWidget .selectionLabel {
			position: relative;
			left: 10px;
		}

		.BookabilityWidget .calendarContainer {
			width: 412px;
			
			position: relative;
			left:154px;
			top: 0px;
			
			
		}

		.BookabilityWidget .otherrooms_availableday {
			color: #FFFFFF;
			background-color: #336600;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}

		.BookabilityWidget .otherrooms_availableday_highlighted {
			background-color: #66CC00;
			color: black;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}
		.BookabilityWidget .availableday {
			color: white;
			background-color: #66CC33;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}
		.BookabilityWidget .clicked_date {
			/* background-color: #DDDDDD; */
			border: 1px inset;
		}
		.BookabilityWidget .highlighted {
			/* background-color: #C0C0C0; */
			border: 1px inset;
			color: black;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}
		
		.BookabilityWidget .soldoutday {
			background-color: #E10000;
			color: #FFFFFF;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}
		
		.BookabilityWidget .calendarWidget {
			font-family: Verdana, Arial, Helvetica;
			font-size: 12px;
			float: left;  /* left (default): horizontal. 
						for vertical, set float to none */
		}


			.BookabilityWidget .calendarWidget tr.daysrow td {
				width: 20px;
			}
			
			.BookabilityWidget span.calendar table.daylabelsgrid { /* width of this table stretches CalendarWidget if greater */
				width: 160px;
			}
			
			.BookabilityWidget span.calendar table.daylabelsgrid span {
				width: 18px;
			}
			
			.BookabilityWidget span.calendar table.monthyearlayout { /* width of this table stretches CalendarWidget if greater*/
				width: 160px;
			}

			.BookabilityWidget div.calendarspanel .loadingImage {			
				position: absolute;
				left: 65px;
				top: 20px;
			}
			
			.BookabilityWidget div.calendarspanel .control {
				position: absolute;
				left: 315px;
				top: -18px;
				z-index: 10;			
			}

			.BookabilityWidget div.calendarspanel table.legend {
				/* position: relative;
				left: 28px;
				top: -28px;
				*/
				position: absolute; left: 0px; top: 0px; 
			}
			
			/*.BookabilityWidget div.calendarspanel span.instructions {
				position: absolute;
				/ * left: 270px;
				top: -10px; * / left: 0px; top: 0px;
				width: 160px;	
			}*/

		.BookabilityWidget TABLE.calendarlayout {
			border-style: none;
		}

		.BookabilityWidget TABLE.monthyearlayout {
			border-style: none;
			background-color: #DDDDDD;
			width: 220px;
			border-right: 1px solid;
			border-bottom: 1px solid;
		}

		.BookabilityWidget TD.month {
			border-style: none;
			width: 70%;
			background-color: #DDDDDD;
		}
		.BookabilityWidget TD.year {
			border-style: none;
			width: 30%;
			background-color: #DDDDDD;
		}
		.BookabilityWidget TD.month SPAN {
			text-align: right;
			display: block;
		}
		.BookabilityWidget TD.year SPAN {
			text-align: left;
			display: block;
		}

		.BookabilityWidget .daylabelsgrid {
			display: block;
		}
		.BookabilityWidget .daylabelsgrid TD {
			width: 20px;
		}

		.BookabilityWidget span.calendar {
			float: left;
		}
				
		.BookabilityWidget .monthyear TD {
			text-align: center;
		}

		.BookabilityWidget .space_under_daylabels {
			display: none;
		}

		.BookabilityWidget TABLE.daysgrid TD {
			border-style: none;
			width: 20px;
		}

		.BookabilityWidget .noshow {
			display: none;
		}
		
		.BookabilityWidget .calendarspanel SPAN.prevControl {
			position: relative;
			top: 22px;
			/* left: 158px; */ left: -155px;
		}

		.BookabilityWidget .calendarspanel SPAN.nextControl {
			position: relative;
			top: 22px;
			/* left: 444px; */ left: 130px;
		}		

		
		.BookabilityWidget .calendarspanel SPAN.instructions {
			z-index: 30;
			/*
			position: absolute;
			left: 3px;
			top: 42px;
			*/
		}		
/* StayDatesSelector end */

.BookabilityWidget DIV.hotelSelectorWrapper {
		
		position: absolute;
		left:100px;
		top: 71px;
		
		width: 320px;
		/*
		position: relative; 
		left: 100px;
		top: 45px;
		*/
		z-Index: 30;	
}

.BookabilityWidget DIV.ratePlanSelectorWrapper {
		
		position: absolute;
		left: 100px;
		top: 103px;
	
		width: 320px;
		/*
		position: relative;
		left: 100px;
		top: 45px;
		*/
		z-Index: 25;	
}

.BookabilityWidget DIV.roomTypeSelectorWrapper {
		position: absolute;
		left: 100px;
		top: 135px;
		width: 320px;
		/*
		position: relative;
		left: 100px;
		top: 45px;
		*/
		z-Index: 20;	
}

/* RichSelector begin */
.BookabilityWidget SPAN.selectionLabel {
	/*
	position: relative;
	left: -60px;
	top: 20px;
	*/

	font-size: 9pt; 
	font-family: Arial, Tahoma, Verdana;
	display: inline;
}

.BookabilityWidget DIV.selectorWidget DIV.popInWindow {
	/*
	position: relative;
	left: 60px;
	*/
	z-index:10;
}

.BookabilityWidget SPAN.available {
	font-weight: bold;
	color: #009900;
	text-decoration: none;
}

.BookabilityWidget SPAN.notAvailable {
	color: red;
	text-decoration: none;
}

.BookabilityWidget SPAN.error {
	color: red;
}

.BookabilityWidget DIV.visibleSelection {
	/*z-Index:-15; --removed: causes only the text in rich selector to be clickable*/
}

/* RichSelector end */

.BookabilityWidget DIV.resformWrapper {
	position: relative;
	left: 20px;
}

/* Resform begin */
.BookabilityWidget DIV.resformPanel {
	border-style: none;
	border-width: 0px;
	width:730px;
	height:400px;
	/* position:absolute; */
	overflow: hidden;
}
/* Resform end */

.BookabilityWidget DIV.itineraryWrapper {
	/* position: absolute;
	top: 550px;
	left: 20px;
	*/
	background-image: url(../images/itineraryBackgr.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 760px;
	height: 100px; 
	z-Index: 150; 	/* note to self:  in IE, if a containing element has a lower z-Index, 
						that is what takes precedence for that element and its contained elements
						even if any of the contained elements has a higher z-Index..makes sense
						but tricky! */
}

/* Resframe begin */ 
.BookabilityWidget DIV.itineraryPanelWidget DIV.resframeShow DIV.resframePanel {
	/*
	position: absolute;
	left: 20px;
	top: -400px;
	*/	
	z-Index: 150; 
	border-width: 2px;
}		
.BookabilityWidget DIV.itineraryPanelWidget DIV.resframeShow {
	z-Index: 150;
}
.BookabilityWidget DIV.itineraryPanelWidget {
	/*z-Index: 0; --11/01/2007 --causes a problem with resframe being under*/ 
}
/* Resframe end */

/* Itinerary begin */
.BookabilityWidget DIV.itineraryPanelWidget {
	position: relative;
	left: 30px;
	top: 5px;
}
/* Itinerary end*/

/* BlockerPanel begin */
.BookabilityWidget DIV.blockerPanel {
	background-image: url('../images/blockerPanel.png');
	position: relative;
	left: 2px;
	top: -60px;
	width: 757px;
	height: 511px;
	
	filter:alpha(opacity=70);
	moz-opacity:.70; /* -moz-opacity:.70; */
	opacity:.70;
	
	z-Index:50;
}
/* BlockerPanel end */



.BookabilityWidget DIV.submitButtonWrapper {
	/* background-color: #AAAAAA; */
	
	position: absolute;
	left: 184px;
	/* 
	top: 680px;
	text-align: center;
	*/

	/*z-index: 200;*/
}

.BookabilityWidget DIV.promoCodeInputWrapper {
	position: absolute;
	top: 30px;
	left: 450px;	
}

/* Submit Button Success/Failure Divs begin */
.BookabilityWidget DIV.submitSuccessPanel {
	background-image: url('../images/submitSuccessPanel.jpg');
	position: relative;
	left: 0px;
	top: -400px;
	width: 757px;
	height: 511px;
	
	z-Index:50;	
}

.BookabilityWidget DIV.submitFailurePanel {
	background-color: #AAAAAA;
	position: relative;
	left: 2px;
	top: 22px;
	width: 757px;
	height: 511px;

	filter:alpha(opacity=70);
	-moz-opacity:.70; /*this is causing Aptana to show error. to invalidate it, comment this line out */
	opacity:.70;
	
	z-Index:50;	
}
/* Submit Button Success/Failure Divs end*/

/* Add Another Reservation button begin */
.BookabilityWidget .addAnotherResWrapper {
	position: absolute;
	left: 400px;
	cursor: pointer;
}
/* Add Another Reservation button end */

/* Resframe begin */
	.BookabilityWidget DIV.resframePanel {
		position: absolute;
		top: 70px;
		left: 70px;
		background-color: #FAFAFA;
		z-index: 150;
	}
		
/* Resframe end */

/* Bookability widget end */

/* ItinerarySubmitter start */

.itinerarySubmitter_show {
	display: inline;
}

.itinerarySubmitter_noshow {
	display: none;
}


.itinerarySubmitter_clickable {
	cursor: pointer;
	display: inline;
}

.itinerarySubmitter_nonClickable {
	cursor: default;
}

DIV.submittingDiv {
	width: 757px;
	height: 640px;
	background-color: #888888;
	text-align: center;
	vertical-align: middle;
	z-index: 49;
	
	position: absolute;
	left: -180px;
	top: -190px;
}
 
SPAN.clickableSubmitButton {

}

IMG.submittingImg {

}

/* ItinerarySubmitter end */

/* PromoCodeInputWidget start */

DIV.promoCodeInputDiv {
	width: 257px;
	height: 38px;	
	background-color: #EEEEEE;
	position: absolute;
	left: 27px;
	top: 11px;	
	display: block;	
}
SPAN.label {
	font:11px verdana,arial,helvetica;	
	position: absolute;
	left: 2px;
	top: 11px;	
}
DIV.valueWrapper {
	width: 72px;
	height: 21px;
	position: absolute;
	left: 123px;
	top: 7px;	
}

INPUT.value {
	width: 70px;
	border-color: #000000;
	border-width: 1px;
	font: bold 12px verdana,arial,helvetica;	
}

.valueUnlocked {
	background-color: #FFFFFF;
}
.valueLocked {
	background-color: #C0C8ED;	
}

SPAN.button {
	position: absolute;
	left: 202px;
	top: 10px;
	cursor: pointer;
}

/* PromoCodeInputWidget end */

/* SortedListPanel begin */

 .SortedListPanel span.sortByIcons {
 	position: relative;
	left: 100px;
	top: 5px;
 }
 .SortedListPanel span {
 	cursor: hand;
	padding: 5px;
 }
 .SortedListPanel LI {
 	cursor: hand;
	list-style-position: outside; /* needed to show list bullets/numbers in IE */
	margin-left: 30px; /* needed to show list bullets/numbers in IE */
 }
 .SortedListPanel .noshow {
 	display: none;
 }

/* SortedListPanel end */

/* HighlightAssistant begin */
DIV.highlightAssistant {
	background-color: #FFFFFF;
	filter:alpha(opacity=99);
	moz-opacity:.99; /* -moz-opacity:.70; */
	opacity:.99;
	
}
/* HighlightAssistant end */

/* ComparePanel begin */
		.ComparePanel {
			width: 520px;
			height: 430px;
			border: 1px solid;
			background-color: #fafafa;
			font-family: Arial, Helvetica, sans-serif;
		}
		.ComparePanel .container {
			padding: 0px 0px 0px 0px;
		}
		TABLE.amenities TD {
			font-family: Arial, Helvetica, sans-serif;
			vertical-align: top;
		}
		.onePanel {
			font-size: 14px;
		}
		.onePanel TABLE.amenities TD {
			font-size: 14px;
		}
		.twoPanels {
			font-size: 13px;
		}
		.twoPanels TABLE.amenities TD {
			font-size: 13px;
		}
		.threePanels {
			font-size: 12px;
		}
		.threePanels TABLE.amenities TD {
			font-size: 12px;
		}
		.compareItem {
			float: left; /* doesn't work in FF, but it's okay..this is only for testing */
			/* margin: 5px 5px 5px 5px; */
			border: 1px solid;
			padding: 0px 0px 0px 0px;
			height: 400px;
			overflow-x: hidden;
			overflow-y: scroll;
			background-color: #ffffff;
		}
		.ComparePanel  .propertyPhoto {
			text-align: center;
			/* padding: 5px; */
		}
		
		.ComparePanel  .propertyName {
			width: 100%;
			font-weight: bold;
			text-align: center;
			background-color: #eeeeee;
		}
		.ComparePanel  .sectionTitle {
			font-weight: bold;
			border-bottom: 1px solid;
			text-align: center;
			display: block;
			margin-top: 5px;
		}
/* ComparePanel end */