#ip1 {
border: 1px solid;
width: 650px;
height: 200px;
background-image: url(images/infoPanel_p1_backgr.gif);
position: relative;
font-family: Georgia;
font-size: 14px;
}
#ip1 .label {
float: left;
font-weight: bold;
width: 150px;
}
#ip1 .hotel {
position: absolute;
left: 16px;
top: 13px;
width:55%;
}
#ip1 .arrival {
position: absolute;
left: 16px;
top: 43px;
width:55%;
}
#ip1 .departure {
position: absolute;
left: 16px;
top: 74px;
width:55%;
}
#ip1 .room {
position: absolute;
left: 16px;
top: 104px;
width:55%;
}
#ip1 .charges {
position: absolute;
right: 100px;
top: 11px;
font-size: 24px;
font-weight: bold;
}
#ip1 .nights {
position: absolute;
left: 538px;
top: 63px;
font-size: 24px;
}
#ip1 .continueButton {
width: 121px;
height:34px;
position: absolute;
left: 61px;
top: 143px;
cursor:pointer;
background: url(images/continue-button.png) center no-repeat;
padding: 5px;
border:0;
}
#ip1 .ratePlan {
position: absolute;
right: 50px;
top: 41px;
}
#ip1 .itemizedCharges, #ip1 .charges .label, #ip1 .nights .label, #ip1 .numGuests, #ip1 .ratePlan .label {
display:none;
}
#subtotal {
	position: absolute;
	right: 210px;
	top: 145px;
	float: left;
	clear: left;
	color: #006600;
	font-size: 28px;
	font-family: Georgia;
	font-weight: bold;
	z-index: 90;
}

#ip2 {
border: 1px solid;
width: 650px;
height: 300px;
background-color: #E9EBED;
position: relative;
font-family: Georgia;
font-size: 14px;
margin-top: 20px;
}
#ip2 .arrival {
position: absolute;
left: 15px;
top: 11px;
}
#ip2 .stay .label, #ip2 .ratePlan .label {
font-weight: bold;
}
#ip2 .departure {
position: absolute;
left: 230px;
top: 11px;
}
#ip2 .ratePlan {
position: absolute;
left: 440px;
top: 11px;
}
#ip2 .itemizedCharges {
position: relative;
top: 64px;
}
#ip2 .itemizedCharges {
width: 96%;
border-top: 1px solid;
position: absolute;
left: 2%;
top: 55px;
}
#ip2 .itemizedCharges TABLE {
width: 100%;
}
#ip2 .itemizedCharges TR {
line-height: 25px;
}
#ip2 .itemizedCharges TD, #ip2 .itemizedCharges TH {
text-align: right;
}
#ip2 .itemizedCharges TD.description {
text-align: left;
}
#ip2 .itemizedChargesPanelWidget {
width: 455px;
}
#ip2 .hotel, #ip2 .room, #ip2 .charges, #ip2 .numGuests, #ip2 .nights, #ip2 .continueButton {
display: none;
}
#ip2 .subtotal {
padding-right: 7px;
}
#ip2 .grandTotalColumn {
width: 143px;
height: 36px;
font-size: 28px;
font-weight: bold;
background-image: url(images/grandTotal_backgr.gif);
padding-right: 5px;
padding-bottom: 5px;
color: #006600;
}

.resformPanel .costDetails, .resformPanel .notes {
	display: none;
}

.stayDatesTexts {
	font-size: 16px;
	font-family: Georgia;
	position: relative;
	left: 40px;
	font-style: italic;
	margin-top: 20px;
	height: 250px;
}

.stayDatesTexts .range {
	font-weight: bold;
	font-style: normal;
}
.datepickerpanel {
	text-align:left;
}

INPUT.faded_text {
	color:#ABABAB;
}
.datepickerpanel_withavailabilitycalendar DIV.submitButton {
	text-align:center;
	width:121px;
	height:33px;
	cursor:pointer;
	color:#000;
	background:url(images/selectaroom.png) no-repeat top left;
}

.datepickerpanel_withavailabilitycalendar .altDatepicker div.submitButton {
	background: none;
}

.datepickerpanel_withavailabilitycalendar DIV.submitButton SPAN {
	display: none;
}
.soldoutday {
	cursor:pointer;
	display:block;
	text-align:center;
	background-color:#A00;
	color:#EEE;
}
.otherrooms_availableday {
	color:#FFF;
	background-color:#360;
	font-weight:700;
	cursor:pointer;
	display:block;
	text-align:center;
}
.otherrooms_availableday_highlighted {
	border:#000 2px solid;
	background-color:#6C0;
	color:#000;
	font-weight:700;
	cursor:pointer;
	display:block;
	text-align:center;
}
.availableday {
	color:#FFF;
	background-color:#6C3;
	font-weight:700;
	cursor:pointer;
	display:block;
	text-align:center;
}
.highlighted {
	background-color: none;
	color:#000;
	font-weight:700;
	cursor:pointer;
	display:block;
	text-align:center;
	border:solid 1px;
}
.calendarContainer {
	z-index: 100;
}
.calendarWidget {
	font-family:Verdana, Arial, Helvetica;
	font-size:8pt;
}
TABLE.monthyearlayout {
	background-color:#DDD;
	width:150px;
	border-style:none;
}
TD.month {
	width:80%;
	background-color:#DDD;
	border-style:none;
}
TD.year {
	width:20%;
	background-color:#DDD;
	border-style:none;
}
TD.month SPAN {
	text-align:right;
	display:block;
	color: #000000;
}
TD.year SPAN {
	text-align:left;
	display:block;
	margin-left: 10px;
	color: #000000;
}
TABLE.daysgrid {
	border:none;
}
div.legendNode {
	display:block;
	float:left;
	width:100%;
}
.datepickerpanel_withavailabilitycalendar .datepickerpanel {
	/*width:135px;*/
	height:125px;
	font-weight:700;
	color:#000;
	padding:5px;
}
.datepickerpanel_withavailabilitycalendar .calendarspanel {
	border:1px solid;
	position:relative;
	/*
	width:160px;
	height:345px;
	*/
	width: auto;
	height: auto;
	background-color:#FFF;
	padding: 10px;
	z-index:100;
}
.datepickerpanel_withavailabilitycalendar .calendarspanel .calendarContainer {
	width: 160px;
	height: auto;
}
.datepickerpanel_withavailabilitycalendar .calendarWidget {
	font-family:Verdana;
	font-size:8pt;/*
	position:relative;
	left:10px;
	top:10px;
	*/
}
#resBox .datepickerpanel_withavailabilitycalendar .legendrow_otherrooms_avail {
	display: none;
}

.datepickerpanel_withavailabilitycalendar .close {
	display: none;
	/*display: block;
	text-align: right;*/
}

.datepickerpanel_withavailabilitycalendar .prevControl {
	position:relative;
	top:2px;
	left:7px;
}
.datepickerpanel_withavailabilitycalendar .nextControl {
	position:relative;
	top:2px;
	left:130px;
}
.datepickerpanel_withavailabilitycalendar .label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.arrivalCalendarIcon {
	position:absolute;
	left:105px;
	top:25px;
	width:15px;
	height:15px;
	background-image:url(images/calendar_sm.jpg);
	cursor:pointer;
}
.departureCalendarIcon {
	position:absolute;
	left:105px;
	top:58px;
	width:15px;
	height:15px;
	background-image:url(images/calendar_sm.jpg);
	cursor:pointer;
}
.datepickerpanel_withavailabilitycalendar .blocker {
	position:fixed;
	top:0;
	left:0;
	width:1400px;
	height:1200px;
	background-color:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:99;
}
body.bookingEngine {
	/*background-image:url(../images/bg.jpg);*/
}
#propmap1 {
	position:relative;
	left:0;
	top:0;
}
.PropertiesMap {
	width:500px;
	height:250px;
	border:1px solid;
	/*background-image:url(../images/personality-san-francisco-map-blank.jpg);*/
	background-position:0 -44px;
	font-family:Verdana, sans-serif;
	font-weight:700;
	font-size:12px;
	color:gray;
}
.PropertiesMap .selected {
	background-color:#FFFFE0;
	border:1px solid;
	border-color:#000;
}
.PropertiesMap .bullet {
	font-size:24px;
}
.PropertiesMap .prop123 {
	position:absolute;
	left:75px;
	top:78px;
}
.PropertiesMap .prop678 {
	position:absolute;
	left:54px;
	top:81px;
}
.PropertiesMap .prop69 {
	position:absolute;
	left:228px;
	top:80px;
}
.PropertiesMap .prop92 {
	position:absolute;
	left:206px;
	top:110px;
}
.PropertiesMap .prop43 {
	position:absolute;
	left:112px;
	top:114px;
}
.PropertiesMap .prop134 {
	position:absolute;
	left:255px;
	top:155px;
}
.PropertiesMap .prop527 {
	position:absolute;
	left:118px;
	top:210px;
}
.PropertiesMap .prop691 {
	position:absolute;
	left:167px;
	top:154px;
}
.PropertiesMap .soldout {
	color:#900;
}
body div.datepickerPanel_vertical {
/*	width:180px;*/
}
.calendarspanel .instructions {
	/*	position:absolute;
	left:10px;
	top:335px;
*/
	font:bold 11px Arial;
	width:158px;
	z-index: -1; /* needed so it doesn't cover the calendar dates and prevented from being clicked */
}
.calendarspanel .legendNode {
	font:11px Arial;
}
.stepContainer {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 96%;
}
.stepHeader span, .stepHeader_step3 span {
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.stepHeader {
	height: 25px;
	text-align: left;
	font-weight: normal;
	color: #333;
	font-size: 18px;
	font-family: Georgia;
	letter-spacing: -1px;
}
.stepHeader I {
	font-size: 14px;
	color: #999999;
}
.stepHeader_info {
	height: 25px;
	text-align: left;
	font-weight: normal;
	color: #333;
	margin-top: 15px;
	font-size: 15px;
	letter-spacing: -1px;
}
.stepHeader_step3 {
	height: 25px;
	text-align: left;
	font-weight: normal;
	color: #333;
	margin-top: 15px;
	font-size: 15px;
	letter-spacing: -1px;
}
.calendarspanel .loadingImage {
	position:absolute;
	top:155px;
	left:70px;
}
.calendarspanel .clicked_date {
	font-weight: bold;
	cursor: pointer;
	display: block;
	text-align: center;
	color: gray;
	border: gray 2px outset;
}
.calendarspanel .highlighted {
	font-weight: bold;
	cursor: pointer;
	display: block;
	text-align: center;
	color: black;
	border: black 2px outset;
}
#dp2 {
	color:#fff;
	background-color:#585fb5;
	float:left;
	padding:6px;
	height: 165px;
	width: 150px;
	margin-bottom: 12px;
	position: relative;
}
#dp2 .calendar {
	line-height: 18px;
	margin-top: 5px;
	margin-left: 5px;
}
#resBox #dp2 .datepickerpanel {
	border: 1px solid #A5D1D6;
	/* width: 93%; */
	width: 144px;
	height: 100%;
	font-weight:700;
	padding-left: 20px;
}
.datepickerpanel_withavailabilitycalendar TABLE.monthyearlayout {
	/*
	position:relative;
	left:-8px;
	*/
	font-family:Verdana;
	font-size:8pt;
}
.datepickerpanel_withavailabilitycalendar .instructions {
	position:relative;
	left:10px;
	margin-bottom: 5px;
}
#dp2 .arrivalState {
	float: left;
	position:relative;
	left: 0;
	top:-110px;
}
#dp2 .departureState {
	float: left;
	position:relative;
	left: 0;
	top:-77px;
}
#dp2 .calendarspanel {
	width: 170px;
	height: 300px;
	background-color:#585FB5;
	z-index:100;
}
#dp2 .label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	color: #fff;
}
DIV.datepickerPanel {
	color:#252B5F;
}
.AvailabilityIndicator SPAN.available {
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:green;
}
.AvailabilityIndicator SPAN.not_available {
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:red;
}
/*
.photoInfoPanel {
	width:250px;
	background: url(listpanel-arrow.png) top left no-repeat;
	height:250px;
}
*/
.photoInfoPanel .content {
	border:none;
	/*width:100%;
	height:100%;
	*/
	margin-left: 40px;
	/*
	position:absolute;
	left:0;
	top:0;
	*/
	background: none;
	color:#000;
	font-size: 14px;
	font-family: Georgia;
	text-align:left;
}
.photoInfoPanel .control {
	position:relative;
	left:5px;
	top:100px;
	vertical-align:middle;
}
.photoInfoPanel .selected {
	border-bottom:#7E0000 2px solid;
}
/*
#calendarsContainer {
	border:none;
	width:165px;
	height:420px;
	font:11pt Arial;
	background-color:none;
	position:relative;
	left:-290px;
	top:-330px;
	padding:5px 5px 5px 10px;
}
*/
.listPanel {
	/*
	width:250px;
	height:250px;
	*/
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#FFF;
	text-align:left;
}
.listPanel table.layout {
	width:210px;
	font:10pt Arial;
}
.listPanel table.layout TD {
	border:1px solid #a5d1d6;
}
.listPanel .error {
	background-color: white;
	color: red;
	padding: 2px;
}
.listPanel .itemName {
	font-weight:700;
	text-decoration:underline;
	cursor:pointer;
	color:#000;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-.5px;
}
.listPanel .itemStatus {
	text-align:left;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-top: 5px;
	margin-left: 10px;
	letter-spacing:-.5px;
}
.listPanel TR {
	background-image: url(images/circle_nocheck.png);
	background-position: 175px 5px;
	background-repeat: no-repeat;
}

.listPanel .selected {
	color:black;
	background-color:#79d2dd;
	background-image: url(images/circle_check.png);
	background-position: 175px 5px;
	background-repeat: no-repeat;
}

/*ReserveButton widget in Guest Rooms page begin */

/* ReserveButton widget style begin */
			.reserveButton .noshow {
				display: none;
			}

			.reserveButton {
				border: 1px outset;
				width: 240px;
				height: 40px;
				position: relative;
			}
			.reserveButton .innerContainer {
				width: 100%;
				height: 100%;
			}
			.reserveButton .label {
				position: absolute;
				left: 10px;
				top: 5px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: underline;
				cursor: pointer;				
			}
			.reserveButton .bookLabel {
				font-size: 9pt; 
				color: green;
			}
			.reserveButton .checkLabel {
				font-size: 9pt;
			}

			.reserveButton .subLabel1 {
				position: absolute;
				left: 10px;
				top: 23px;
				font: 8pt Arial;
				font-weight: normal;
			}
			
			.reserveButton .checkAvail {
				position: absolute;
				left: 60%;
				top: 7px;
			}
			.reserveButton .calendars {
				position: absolute;
				left: 50px;
				top: -450px;
				/*width: 170px;*/
				font: 11pt Arial;
				z-index: 100;
				background-color: #FFFFFF;

			}
			.reserveButton .calendars .close {
				float: right;
				margin-right: 5px;
			}
			
		.reserveButton .blocker {
			position: fixed;
			top: 0px;
			left: 0px;
			width: 1400px;
			height: 1200px;
			background-color: black;
			opacity: 0.4;
			filter:alpha(opacity=40);
			z-index: 99;
			
		}
		
		.reserveButton .loadingImage {
			text-align: center;
		}
		.reserveButton .hover {
			border: 2px outset;
		}
			
		.reserveButton  .calendarspanel {
			float: left;
			width: 160px;
			position: relative;
			border: 1px solid;
			font: 11pt Arial;
			padding: 5px;
		}
		.reserveButton  .calendarspanel .noshow {
			display: none;
		}
		.reserveButton  .calendarspanel DIV {
			float: left;	
		}

		.reserveButton  .calendarspanel .loadingAnimation_show {
			display: block;
		}
		.reserveButton  .calendarspanel SPAN {
			color: black;
		}
		.reserveButton  .calendarspanel .soldoutday {
			cursor: pointer;
			display: block;
			text-align: center;
			background-color: red;
		}

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

		.reserveButton  .calendarspanel .calendarContainer {
			z-index: 100;	
			float: left;		
			clear: left;
		}
		.reserveButton  .calendarspanel .instructions {
			font-size: 10pt;
			float: left;
			clear: left;
			width: 100%;
			text-align: center;
		}
		.reserveButton  .calendarspanel .instructions SPAN {
			color: blue;
			font-weight: bold;
		}

		.reserveButton  .calendarspanel .otherrooms_availableday_highlighted {
			background-color: #66CC00;
			color: black;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}
		
		.reserveButton  .calendarspanel .control {
			position: relative;
			width: 98%;
		}
		.reserveButton  .calendarspanel .control .prevControl {
			position: absolute;
			left: 0px;
		}
		.reserveButton  .calendarspanel .control .nextControl {
			position: absolute;
			left: 96%;
		}
		.reserveButton  .calendarspanel .availableday {
			color: white;
			background-color: #66CC33;
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
		}

		.reserveButton  .calendarspanel .clicked_date {
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
			color: gray;			
			border-width: 2px;
			border-style: outset;
			border-color: gray;
		}
		
		.reserveButton  .calendarspanel .highlighted {
			font-weight: bold;
			cursor: pointer;
			display: block;
			text-align: center;
			color: black;			
			border-width: 2px;
			border-style: outset;
			border-color: black;
		}
		
		.reserveButton  .calendarWidget {
			font-family: Verdana, Arial, Helvetica;
			font-size: 8pt;
			z-index: 100;
			float: left;
			height: 170px; /* need to set height because some months have more day rows */
		}

		.reserveButton  .calendarspanel TABLE.monthyearlayout {
			border-style: none;
			background-color: #DDDDDD;
			width: 150px;
		}

		.reserveButton  .calendarspanel TD.month {
			border-style: none;
			width: 80%;
			background-color: #DDDDDD;
		}
		.reserveButton  .calendarspanel TD.year {
			border-style: none;
			width: 20%;
			background-color: #DDDDDD;
		}
		.reserveButton  .calendarspanel TD.month SPAN {
			text-align: right;
			display: block;
		}
		.reserveButton  .calendarspanel TD.year SPAN {
			text-align: left;
			display: block;
		}

		.reserveButton  .calendarspanel .daylabelsgrid {
			display: block;
		}
		.reserveButton  .calendarspanel .daylabelsgrid TD {
			width: 17px;
		}

		.reserveButton  .calendarspanel .calendar {
			float: left;
		}

		.reserveButton  .calendarspanel .space_under_daylabels {
			display: none;
		}

		.reserveButton  .calendarspanel TABLE.daysgrid {
			border: none;
		}
		.reserveButton  .calendarspanel TABLE.daysgrid TD {
			width: 17px;
		}
		.reserveButton  .calendarspanel div.legendNode {
			float: left;
			clear: left;
		}
		.reserveButton  .calendarspanel .legend TD {
			font-size: 10pt;
		}
		.reserveButton  .calendarspanel .legendrow_withrestrictions {
			display: none;
		}

		.reserveButton  .calendarspanel .loadingImage {
			position: absolute;
			left: 40%;
			top: 40%;
		}

/*ReserveButton widget in Guest Rooms page end */


#reserve1 {
	position:absolute;
	left:147px;
	top:447px;
}

.resformPanel .addToItineraryButton, .resformPanel .ignoreButton {
	display: none;
}

BODY .resformPanel .vertical .costDetails .box {
	margin-left:10%;
	margin-right: 10%;
	width: 80%;
}

BODY .resformPanel .vertical {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}

.resformPanel .costDetails td.description {
	width: 200px;
}
.resformPanel .costDetails td.nightly {
	width: 80px;
	text-align: right;
}
.resformPanel .costDetails td.subtotal {
	width: 80px;
	text-align: right;
}
.resformPanel .costDetails th.nightly {
	width: 80px;
	text-align: right;
}
.resformPanel .costDetails th.subtotal {
	width: 80px;
	text-align: right;
}
.resformPanel .costDetails td.grandTotalColumn {
	width: 80px;
}
.resformPanel .costDetails tr.grandTotalRow {
	font-size: 14px;
	font-weight: bold;
}
.resformPanel .costDetails td.grandTotalColumn {
	text-align: right;
}
BODY .itinerarySubmitter .submitButton {
	background-image: url("http://www.thegardeninn.com/new/images/submitThisReservation.gif");
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: 130px;

	left: 40%; /* half of 100-width, to center */
	width: 20%;
	
	cursor:pointer;
	height:44px;

	border: none;

	z-index: 98;
}

.policies {
	font-size: 14px;
	font-family: Georgia;
	text-align: justify;
	width: 84%;
	position: relative;
	top: 20px;
	left: 8%; /* half of 100-width, to center */
}

.policyAccept {
	position: relative;
	top: 10px;
}

DIV.resformPanel .noshow {
	display: none;
}

DIV.resformPanel DIV {
	float: left;
	/*border: red 1px solid;*/
	width: 100%; 
}

DIV.resformPanel {
	width: 100%;	
	position: relative;
}

.resformPanel .errorMessage {
	color: red;
	font-weight: bold;
	font: 15px Arial, Helvetica, sans-serif;	
}
.resformPanel .addtlRequests {
	text-align: center;
	margin-bottom: 10px;
}
.resformPanel .addtlRequests input {
	width: 80%;	
}

.resformPanel .label {
	font: 15px Arial, Helvetica, sans-serif darkblue;
}

.resformPanel .sectionLabel {
	font: 14px Arial, Helvetica, sans-serif;
	color: blue;
	text-align: center;
	background-color: #EEEEEE;
	margin-top: 5px;
	margin-bottom: 5px;
}

.resformPanel .resformField {
	margin-bottom: 5px;
}

.resformPanel .guestInfo {
	text-align: right;
}

.resformPanel .roomTypeOptions .label {
	text-align: right;
	margin-right: 5px;
}

.resformPanel .numberFreeGuests .label {
	display: inline;
	width: 50%;	
}

.resformPanel .totalGuests .label {
	display: inline;
	width: 50%;
}

.resformPanel .parking .label {
	display: inline;
	width: 50%;
}

.resformPanel .nonSmoking {
	display: none;
}
.resformPanel .nonSmoking .label {
	display: none;
}

.resformPanel .extraBed {
	text-align: left;	
}

.resformPanel .extraBed .label {
	margin-left: 138px;
}

.resformPanel .extraBed .entry {
	width: 60%;
	margin-left: 40%;
}

.resformPanel .extraBed .entry SPAN {
	display: block;
	position: relative;
	margin-top: 5px;
} 

.resformPanel .guaranteeInformation .box {
	text-align: right;
}

.resformPanel .guaranteeInformation .expDate {
	margin-top: 3px;
}

.resformPanel .actionArea {
	display: none;
}

.resformPanel .actionArea DIV {
	border: 1px solid;
	font-weight: bold;
	text-align: center;
	margin-left: 5px;
}

.resformPanel .directSubmitButton {
	background-image: url("http://www.thegardeninn.com/new/images/submitThisReservation.gif");
	cursor:pointer;
	height:44px;
	width:135px;
	border: none;
}

.resformPanel .addToItineraryButton {
	width: 160px;	
	cursor: pointer;
}

.resformPanel .ignoreButton {
	width: 60px;
	cursor: pointer;
}

.resformPanel .costDetails .loading {
	font: 15px bold Arial, Helvetica, sans-serif;
	font-style: italic;	
}

/* HORIZONTAL MODE  */

.resformPanel .horizontal {
	width: 800px;
	height: 400px;	
}

.resformPanel .horizontal .moreOptions {
	width: 50%;		
	position: absolute;
	left: 2%;
	top: 320px;
}

.resformPanel .horizontal .guestInfo {
	width: 32%;
	padding: 1% 1% 1% 1%;
}
.resformPanel .horizontal .roomTypeOptions {
	width: 32%;
	padding: 1% 1% 1% 1%;
}

.resformPanel .horizontal .charges {
	width: 30%;
	padding: 1% 1% 1% 1%;
}

.resformPanel .horizontal .notes {
	width: 30%;
	float: right;
	position: relative;
	left: -1%;
}

/* VERTICAL MODE  */

.resformPanel .vertical {
	width: 500px;
	height: 600px;	
}

.resformPanel .vertical .guestInfo {
	width: 47%;
	padding: 1% 1% 1% 1%;
}
.resformPanel .vertical .roomTypeOptions {
	width: 47%;
	padding: 1% 1% 1% 1%;
}

.resformPanel .vertical .notifyMe {
	width: 100%;	
}

.resformPanel .vertical .charges {
	width: 100%;
}

.resformPanel .vertical .box {
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
}

.resformPanel .submitButton {
	cursor: pointer;
}

.resformPanel .reservationNotes {
	margin-bottom: 30px;
}

.resformPanel .unclickable {
	opacity: 0.4;
	filter:alpha(opacity=40);
}


#bookingPageContainer {
	/* position:relative; */
	background-color:#fff;
	width:100%;
	text-align: left;
}
#lp3 {
	/*
	position:relative;
	left:-155px;
	top:0px;
	*/
	background-color: #d2f5f9;
	padding:6px;
	width: 94%;
	float: left;
	border: 1px solid #A5D1D6;
	height: auto;
}
#lp3 .itemPrice {
	position:relative;
	left:145px;
	top:0px;
	text-align:right;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	width:45px;
	float: left;
}

#lp2 {
	padding:6px;
	border: 1px solid #a5d1d6;
	background-color: #d2f5f9;
	width: 94%;
	float: left;
	height: auto /*100px;*/
	margin-top: 15px;
	position: relative;
}

#dp1 {
	background-color: #d2f5f9;
	border: 1px solid #a5d1d6;
	padding:6px;
	float: left;
	width: 94%;
	height: 120px;
	position: relative;
}
#dp1 .arrivalState {
	float: left;
	position: relative;
	top: -390px;
}
#dp1 .departureState {
	float: left;
	position: relative;
	left: -200px;
	top: -390px;
}
#dp1 .inputBox {
	position: relative;
	z-index: 100;
	width: 90px; /* need this set so calendar icons are clickable */
}
#propmap2 {
	float:left;/*
	position:relative;
	left:148px;
	top:-600px;
	*/
}
#pipRoomType {
	/*
	position:relative;
	left:172px;
	top:-240px;
	*/
	border:none;
	float: left;
}
#pipRoomType .photo {
	width: 480px;
	height: 350px;
	border: 1px solid darkgray;
}
#pipRoomType .content {
	background:none;
	border-style:none;
}
#pipRatePlan {
	position:relative;
	left: 40px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	float: left;
	width: 478px;
	margin-bottom: 10px;
}
#pipRatePlan .content {
	text-align: center;
	margin-left: 0px;
}

#pipRatePlan .photo {
	display: none;
}
.calendarWidget SPAN {
	font-size:11px;
}
.calendarWidget table.monthyearlayout {
	width: 100%;
}
#itineraryWrapper {
	position:relative;
	height:90px;
	width:100%;
	background-color:#E3D396;
	color:#7E0000;
}
#itinerary {
	width:100%;
	display: none;
}

BODY DIV.submittingDiv {

	text-align: center;
	position:fixed;
	top:0;
	left:0;
	width:1400px;
	height:1200px;
	background-color:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:99;

}
BODY DIV.submittingDiv IMG {
	position: relative;
	top: 300px;
}
/*
BODY .itinerarySubmitter {
	float: left;
}
*/
.InfoPanel .noshow, .space_under_daylabels, .noshow, .datepickerpanel div.legendNode, .calendarspanel .legendrow_withrestrictions, .listPanel TD.thumbnail, .listPanel .itemDescr, .resformPanel .IconSelectorPanel .maxMinButton {
	display:none;
}
DIV.errorMessage, .listPanel .notAvailable {
	color:red;
}
.loadingAnimation_show, .daylabelsgrid {
	display:block;
}
.daylabelsgrid TD, TABLE.daysgrid TD {
	width:17px;
}
.calendar, span.calendar {
	float:left;
}
.datepickerpanel_withavailabilitycalendar .datepickerpanel TR, #dp2 .datepickerpanel TR {
	line-height:10px;
}
.datepickerpanel_withavailabilitycalendar .calendarspanel .loadingImage, #dp2 .calendarspanel .loadingImage {
	position:absolute;
	top:70px;
	left:60px;
}
.datepickerpanel_withavailabilitycalendar INPUT, #dp2 INPUT {
	width:90px;
}
.PropertiesMap SPAN, .datepickerpanel .submitbutton, TABLE.daysgrid SPAN, .resformPanel .IconSelectorPanel .icon {
	cursor:pointer;
}
.PropertiesMap .available, .listPanel .available {
	color:#fff;
}
span.available {
	background-color:green;
	padding: 2px;
}
div.available {
	margin-top: 5px;
}
.datepickerpanel_withavailabilitycalendar table.daylabelsgrid span, .datepickerpanel_withavailabilitycalendar table.daysgrid span, .datepickerpanel_withavailabilitycalendar TD.daylabels {
	font-family:Verdana;
	font-size:8pt;
}
.datepickerpanel_withavailabilitycalendar TD.daylabels {
	padding: 2px;
}
.photoInfoPanel .photobutton IMG, .photoInfoPanel .infobutton IMG {
	cursor:pointer;
	margin-bottom:2px;
}
#lp3 .itemContainer, #lp2 .itemContainer {
	height:50px;
	padding:3px;
}

#buttonContinue, #buttonBack {
	position:relative;
	left:0;
	top:-825px;
	clear:both;
}
.datepickerpanel_withavailabilitycalendar .blocker {
	opacity: 0.4;
	filter:alpha(opacity=40);
}
/* DatepickerPanel_ArrivalNightsSelect BEGIN */
				/* horizontal begin */
DIV.datepickerPanel {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid;
	color: white;
	background: none;
}
DIV.datepickerPanel SELECT {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
DIV.datepickerPanel_horizontal {
	width: 275px;
	height: 88px;
	position: relative; /*relative, so it's not floating*/
}
.datepickerPanel_horizontal SELECT.month {
	width: 90px;
}
.datepickerPanel_horizontal SELECT.day {
	width: 50px;
}
.datepickerPanel_horizontal SELECT.year {
	width: 55px;
}
.datepickerPanel_horizontal SELECT.nightstay {
	width: 41px;
}
.datepickerPanel_horizontal .arrivalSelect {
	position: absolute;
	left: 10px;
	top: 28px;
}
.datepickerPanel_horizontal .arrivalLabel {
	position: absolute;
	left: 10px;
	top: 8px;
}
.datepickerPanel_horizontal .nightstaySelect {
	position: absolute;
	left: 225px;
	top: 28px;
}
.datepickerPanel_horizontal .nightstayLabel {
	position: absolute;
	left: 225px;
	top: 8px;
}
.datepickerPanel_horizontal .submitButton {
	position: absolute;
	left: 74px;
	top: 63px;
}
/* horizontal end  */
			
			/* vertical begin */
				DIV.datepickerPanel_vertical {
	width: 165px;
	height: 162px;
	position: relative; /*relative, so it's not floating*/
}
.datepickerPanel_vertical .month {
	width: 90px;
	position: absolute;
	left: 12px;
	top: 34px;
}
.datepickerPanel_vertical .day {
	width: 50px;
	position: absolute;
	left: 106px;
	top: 34px;
}
.datepickerPanel_vertical .year {
	width: 55px;
	position: absolute;
	left: 101px;
	top: 62px;
}
.datepickerPanel_vertical .nightstay {
	width: 41px;
	position: absolute;
	left: 12px;
	top: 95px;
}
.datepickerPanel_vertical .arrivalLabel {
	position: absolute;
	left: 12px;
	top: 15px;
}
.datepickerPanel_vertical .nightstaySelect {
	position: absolute;
	left: 12px;
	top: 95px;
}
.datepickerPanel_vertical .nightstayLabel {
	position: absolute;
	left: 12px;
	top: 77px;
}
.datepickerPanel_vertical .submitButton {
	position: absolute;
	left: 20px;
	top: 130px;
}
/* vertical end  */
			
			/* promo code begin */
				DIV.promoCode {
	width: 165px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: #DDDDDD;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 10;
	display: none;
}
.promoCodeLabel {
	position: relative;
	left: 10px;
	font: 11px Arial;
}
.promoCodeInput INPUT {
	position: relative;
	left: 10px;
	width: 50px;
	border: 1px solid;
	font: 10px Arial;
}			
			/* promo code end */
/* DatepickerPanel_ArrivalNightsSelect END */


/* Resframe BEGIN */

.resframePanel {
	padding: 10px;
}

.resframePanel .showPrintableButton {
	display: none;
}

.resframePanel td.description {
	width: 80%;
}

.resframePanel td.nightly {
	width: 10%;
	text-align: right;
}
.resframePanel td.subtotal, .resframePanel td.grandTotalColumn {
	width: 10%;
	text-align: right;
}


.resframePanel {
	clear: left;
	border: 2px solid;
	position: relative;
	left: 0px;
	top: 0px;
	width: 690px;
	height: 650px;
	background-color: #FFFFFF;
	z-index: 10;
}

.resframePanel .innerContainer {
	z-Index: 101;
	width: 100%;
	height: 100%;	
}

.resframePanel .confirmedBox {
	padding: 20px 20px 20px 20px;
	margin-bottom: 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
	font-style: italic;
	background-color: #D2F5F9;
	border: #A5D1D6 1px solid;
}


.resframePanel .blocker {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 1400px;
		height: 800px;
		opacity: 0.4;
		filter:alpha(opacity=40);
		z-index: 99;
}
	
.resframePanel DIV {
	text-align: left;
}

.noshow {
	display: none;
}

.resframePanel DIV.show {
	display: block;
}

.resframePanel .sectionLabel {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: darkblue;
	text-align: center;
	background-color: #EEEEEE;
	margin-top: 5px;
	margin-bottom: 5px;
}
.resframePanel .confirmNum {
	width: 70%;
	height: 17px;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: blue;
	background-color: yellow;
	font-size: 14px;
}

.resframePanel .editButton {
	float: left;
	width: 59px;
	height: 17px;
	background-image: url(http://www.thegardeninn.com/bookability/ba3dojo/topaz-widgets_1.1.4/bookability_dojo_xd/topaz/widget/images/editButton.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	color: transparent;
}

.resframePanel .deleteButton {
	float: left;
	width: 59px;
	height: 17px;
	background-image: url(http://www.thegardeninn.com/bookability/ba3dojo/topaz-widgets_1.1.4/bookability_dojo_xd/topaz/widget/images/deleteButton.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	color: transparent;
}

.resframePanel .closeButton {
	float: left;
	width: 22px;
	height: 17px;
	background-image: url(http://www.thegardeninn.com/bookability/ba3dojo/topaz-widgets_1.1.4/bookability_dojo_xd/topaz/widget/images/closeButton.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	color: transparent;
}

.resframePanel .iterator {
	clear: both;
}

.resframePanel .prev {
	float: left;	
}
.resframePanel .prev {
	float: left;
}
.resframePanel .guestInfo {
	float: left;
	width: 47%;
}
.resframePanel .hotelInfo {
	float: right;
	clear: both;
	width: 47%;
}

.resframePanel .reservationDetails {
	float: left;
	clear: left;
	width: 47%;
}
.resframePanel .addtlRequests {
	/* clear: left; */
	float: left;
	width: 47%;
	position: relative;
	left: -47%;
	top: 200px;
}

.resframePanel .costDetails {
	float: right;
	left: -7px;
	position: relative;
	/* top: -180px; */
	width: 45%;
}

.resframePanel .guaranteeInfo {
	clear: right;
	float: right;
	
	/* left: -7px;
	 * position: relative;
	 * top: -160px;
	 */
	width: 45%;
}

.resframePanel .hotelAddrLine1 {
	float: left;
}

.resframePanel .guestAddressLine1 {
	float: left;
}

.resframePanel .guestAddressLine2 {
	float: left;
	clear: left;
}

.resframePanel .hotelInfo .lineSeparator {
	display: inline;
}

.resframePanel .guestInfo .lineSeparator {
	display: none;
}

.resframePanel .phoneNumber {
	clear: left;
}

.resframePanel .email {
	clear: left;
}

.resframePanel .extraBed .label {
	text-align: left;
	margin-left: 0;
}

.resframePanel .XofY {
	display: none;
}


/* Resframe END */

#makeChangesButton {
	position: relative;
	left: 10%;
	top: 0px;	
}

#resform1 {
	position:relative;
	border: none;
	width:75%;
	float: left;
	margin-left: 10px; 
}

#itinerary_resframe {
	margin-left: 150px;
}

#ip2 {
	position: relative;
	width: 150px;
	height: 400px;
	background-color: none;
	border: none;
}
#ip2 > .label { 
	background-color: red;
}

#itinerary {
	margin-left: 150px;
	margin-top: 130px;
	width: 80%;
}

#submitter {
	margin-left: 150px;
	width: 80px;
}