/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	color:#14304a;
	/* background-color must be same as that of main site's colour flood */
	background-color:#ffffff;
}
select, input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
}
table, td {
	font-size:100%;
}
form {
	margin:0px;
	padding:0px;
}
a {
	color:#a28642;
	text-decoration:none;
}
img {
	display:block;
}
.checkBoxRowLight {
	background-color:#ffffff;
}
.checkBoxRowDark {
	background-color:#EEECE4;
}
.calendarHolder {
	height:160px;
	width:200px;
	background-color:#DFDFDF;
}
#backButton {
	margin: 7px 0px 14px 0px;
}
#guestBar {
	background-color:#DFDFDF;
	width:414px;
	margin-top:7px;
}
#guestBarPadder {
	padding:5px;
}
#booking {
	position:absolute;
	z-index:20;
	width:940px;
	/* top:90px; */
	border:none;
	margin: auto;
}
#border {
	margin-left:55px;
	margin-top:40px;
	background-color:#ffffff;
	border:1px solid #ffffff;
}
#rightHolder {
	width:234px;
}

#titleBar {
	background-color:#224668;
	color:#fff;
	height:34px;
	padding-left:21px;
	padding-right:11px;
	background-image:url(/opet/images/booking/2008/opet_header_gradient.gif);
}
	#titleBar #hotelName {
		float:left;
		padding-top:10px;
	}
#stepsBar {
}
	#stepsBar a {
		text-decoration:none;
		color:#14304a;
	}
	
	#stepsBar .firstOption {
		text-align:left;
		padding-bottom:3px;
		color: #BEAA81;
	}
	#stepsBar .midOption {
		text-align:center;
		padding-bottom:3px;
		color:#b5c4d2;
	}
	#stepsBar .rightOption {
		text-align:right;
		padding-bottom:3px;
		color:#B5C4D2;
	}
	
	#stepsBar .firstOptionOn {
		text-align:left;
		padding-bottom:3px;
		color: #14304a;C
	}
	#stepsBar .midOptionOn {
		text-align:center;
		padding-bottom:3px;
		color:#14304a;
	}
	#stepsBar .rightOptionOn {
		text-align:right;
		padding-bottom:3px;
		color:#14304a;
	}
	
	#stepsBar #dotsOff {
		background-image:url(/opet/images/booking/2008/opet_dots_off.gif);
		height:12px;
	}
	#stepsBar #dotsOn {
		text-align:right;
		height:12px;
		background-image:url(/opet/images/booking/2008/opet_dots_on.gif);
	}
	#stepsBar .step1 { width:56px; }
	#stepsBar .step2 { width:192px; }
	#stepsBar .step3 { width:316px; }
	#stepsBar .step4 { width:443px; }
	#stepsBar .step5 { width:560px; }
	
	#stepsBar #progressArrow {
		width:5px;
		height:12px;
		background-image:url(/opet/images/booking/2008/opet_progress_arrow.gif);
		font-size:1px;
	}
	#stepsBar .stepArrow1 { margin-left:56px; }
	#stepsBar .stepArrow2 { margin-left:192px; }
	#stepsBar .stepArrow3 { margin-left:316px; }
	#stepsBar .stepArrow4 { margin-left:443px; }
	#stepsBar .stepArrow5 { margin-left:560px; }
	
#closeButton {
	float:right;padding-top:7px;
}
	#closeButton #buttonDiv {
		float:left;
		padding-top:2px;
	}
	#closeButton #textDiv {
		float:left;
		padding:4px 7px 0px 0px;
	}
	#closeButton a {
		color:#ffffff;
		text-decoration:none;
	}
#languageDrop {
	float:right;
	padding-top:5px;
	padding-right:10px;
}
#searchAgain {
	font-size:85%;
	background-color:#eaeae6;
	color:#14304a;
	margin-top:14px;
}
	#searchAgain a {
		font-weight:bold;
		text-decoration:none;
		font-size:120%;
		color:#1f5592;
	}
	#searchAgain select {
		font-size:10px;
	}
.rate {
	background-color:#eaeae6;
	padding:8px;
	color:#14304a;
	margin-bottom:14px;
}
.rackRate {
	background-color:#d8ddde;
	padding:8px;
	color:#14304a;
	margin-bottom:14px;
}

#bookRight {
	width:262px;
	background-color:#d2ad54;
	background-image:url('/opet/images/booking/2008/opet_right_background.jpg');
	vertical-align:top;
}
#upgradeBar {
	background-color:#d8ddde;
	padding:11px;
	margin-top:14px;
}
.upgradeText {
	float:left;
	width:440px;
	vertical-align:top;
}
.upgradeImage {
	float:left;
	margin-right:14px;
}
#logoType {
	width:262px;
	margin:21px 0px 21px 0px;
}
#bookLeft {
	width:650px;
	vertical-align:top;
	background-color:#f2f0e9;
}
#bookLeftPadder {
	padding:15px 15px 15px 15px;
}
#specialRates {
	background-color:#efefef;
	margin-top:14px;
	padding:7px;
	display: none;
}
#specialRatesIntro {
	margin-top:21px;
}
#veil {
	position:absolute;
	z-index:10;
	left:0px;
	width:100%;
	height:6000px;
	opacity:.75;
	filter:alpha(opacity=75);
	overflow:hidden;
	background-color:#b19146;
}
* html body div#veil {
	position:absolute;
	z-index:10;
	left:0px;
	width:130%;
	height:6000px;
	opacity:.75;
	filter:alpha(opacity=75);
	overflow:hidden;
	background-color:#b19146;
}
#basePageHolder {
	position:absolute;
	width:1000px;
	height:400px;
	margin:auto;
	z-index:1;
}
.guestInfoBox {
background-color:#DFDFDF;
padding:7px;
}
.dateDropBar {
	background-color:#DFDFDF;
	text-align:center;
	width:200px;
}
.dateDropPadder {
	padding:2px 5px 5px 5px;
}
.iconHolder {
	float:left;
	margin-right:7px;
}	
.iconName {
	font-size:120%;
	font-weight:bold;
	margin:0px;
	margin-bottom:5px;
	float:left;
}
.iconNameCurrency {
	font-size:120%;
	font-weight:bold;
	margin:2px 0px 5px 0px;
	float:left;
}
.iconNameCurrency a {
	color:#14304a;
}

#currency {
	background-color:#F2F0E9;
	padding:5px;
	margin-top:3px;
	display:none;
}
.currencyButton {
	float:left;
	margin-left:4px;
	margin-top:4px;
}
.padder {
	padding:14px;
}
.indicativePrice {
	font-size:120%;
	font-weight:bold;
	margin-bottom:7px;
}
.searchAgainTag {
	font-size:11px;
	padding:10px;
	text-align:center;
	background-image:url('/opet/images/booking/2008/opet_separator_dots.gif');
	background-repeat:repeat-y;
	background-position:top right;
}
h1 {
	color:#1f5592;
	font-size:14px;
	font-weight:bold;
	margin:14px 0px 7px 0px;
}
h2 {
	color:#1f5592;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	margin-bottom:5px;
}
h3 {
	color:#1f5592;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 7px 0px;
}
.roomRow {
	background-color:#e5e5e0;
	width:100%;
}
.roomRowOn {
	padding:3px;
	background-color:#e5e5e0;
	border-top:2px solid #14304a;
	border-right:2px solid #14304a;
	border-left:2px solid #14304a;
}
.roomRowAlt {
	background-color:#ffffff;
	width:100%;
}
.roomRowAltOn {
	padding:3px;
	background-color:#e5e5e0;
	border-top:2px solid #14304a;
	border-right:2px solid #14304a;
	border-left:2px solid #14304a;
}
.roomRow a, .roomRowAlt a, #cart a {
	text-decoration:none;
	color:#1f5592;
}
.roomInformation {
	display:none;
	background-color:#ffffff;
	border-bottom:1px solid #EEECE4;
	width:567px;
	border-top:1px dotted #EEECE4;
}
.roomInformationPadder {
	padding:11px;
	border-left:2px solid #14304a;
	border-right:2px solid #14304a;
	border-bottom:2px solid #14304a;
}
.roomInformationPadderNoOutline {
	padding:11px;
}
.roomInformationLoading {
	width:544px;
	height:198px;
	border:0px solid #ffffff;
}
.roomInformationLoadingContent {
	margin-top:80px;
}
.roomInformationLoadingText {
	margin-top:7px;
}
.upgradeRoomHolder { 
	background-color:#d8ddde;
	padding:2px 9px 7px 8px;
}
a.roomLink {
	text-decoration:none;
	color:#14304a;
}
#cart {
	padding:7px;
	margin-bottom:14px;
	background-color:#F2F0E9;
}
.carttag {
	font-weight:bold;
	padding: 2px 11px 2px 0px;
	vertical-align:top;
}
.cartdata {
	padding: 2px 0px 2px 0px;
	vertical-align:top;
}
.iataBox {
border-right:2px solid #DFDFDF;
border-left:2px solid #DFDFDF;
border-bottom:2px solid #DFDFDF;
padding:7px;
background-color:#F2F0E9;
}
.oeButton {
	background-color:#234769;
	font-size: 11px;
	vertical-align:top;
}
.oeButton a {
	color:#ffffff;
	text-decoration:none;
	font-style:italic;
	padding-top:3px;
	display:block;
}  
.divider {
	height:2px;
	background-image:url('/opet/images/booking/2008/dots_line.gif');
	margin-top:10px;
	margin-bottom:10px;
}
.tabOff, .tabOn {
	display:block;
	background-color:#eaeae6;
	text-decoration:none;
	color:#14304a;
	border-left:1px solid #c4cad2;
	border-right:1px solid #c4cad2;
	border-top:1px solid #c4cad2;
	padding:3px 5px 9px 5px;
	height:8px;
}
.tabOn {
	background-color:#ffffff;
}
.tabOff:hover{
	background-color:#d8ddde;
}
.formTag {
	padding:0px 5px 4px 0px;
}
.formData {
	padding:0px 0px 4px 0px;
}
.formSection {
	margin-bottom:28px;
}
.termsBox {
	border:1px dotted #6a8caf;
	padding:7px;
}
.imageTabOff {
	display:block;
	background-color:#eeece4;
	text-decoration:none;
	color:#000000;	
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #c4cad2;
	border-right:1px solid #c4cad2;
	border-bottom:1px solid #c4cad2;
	margin-right:1px;
}
.imageTabOff:hover {
	background-color:#e5e2d8;
}
.imageTabOn {
	display:block;
	background-color:#ffffff;
	text-decoration:none;
	color:#000000;

	padding:3px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #c4cad2;
	border-right:1px solid #c4cad2;
	border-bottom:1px solid #c4cad2;
	margin-right:1px;
}
.dropitem, .dropitemlast {
	BORDER-RIGHT: #E5E2D8 1px solid; 
	BORDER-TOP: #E5E2D8 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 9px; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #E5E2D8 1px solid;  
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: 0px; 
	BACKGROUND-COLOR: #F2F0E9; 
	TEXT-DECORATION: none;
	color:#000000;
}
.dropitemlast, .dropitemlast:visited {
	BORDER-BOTTOM: #E5E2D8 1px solid;
	color:#000000;
}
.dropitem:hover { 
	BACKGROUND-COLOR: #E5E2D8; 
	TEXT-DECORATION: none;
	color:#000000;
}
.dropitemlast:hover {
	BACKGROUND-COLOR: #E5E2D8; 
	TEXT-DECORATION: none;
	color:#000000;
}


/* calendar styles start */
	.calendar, .calendar table {  border-color: #DFDFDF;  color: #14304a;  background-color: #f7f4ea; }
	.calendar .nav { background-color: #DFDFDF; }
	.calendar thead .title { background-color: #DFDFDF;  color: #14304a; }
	.calendar thead .headrow { background-color: #f7f4ea; color: #ffffff; }
	.calendar thead .daynames { background-color: #DFDFDF; }
	.calendar thead .name { border-color: #374568;  color: #14304a; }
	.calendar thead .weekend { color: #14304a; }
	.calendar thead .hilite { background-color: #DFDFDF; color: #14304a; border-color: #eee8da; }
	.calendar thead .active { background-color: #DFDFDF; }
	.calendar tbody .day { color: #14304a; }
	.calendar tbody .day.othermonth { color: #14304a; }
	.calendar tbody .day.othermonth.oweekend { color: #14304a; }
	.calendar table .wn { border-color: #374568; background-color: red; }
	.calendar tbody .rowhilite td { background-color: #f7f4ea; }
	.calendar tbody .rowhilite td.wn { background-color: #DFDFDF; }
	.calendar tbody td.hilite { background-color: #f7f4ea; border-color: #DFDFDF; }
	.calendar tbody td.active { background-color: #DFDFDF; }
	.calendar tbody td.selected { border-color: #374568; background-color: #ffffff; color: #14304a; }
	.calendar tbody td.weekend { color: #14304a; }
	.calendar tbody td.today { color: #14304a; }
	.calendar tbody .disabled { color: #DFDFDF; }
	.calendar tfoot .footrow { background-color: #DFDFDF;  color: #ffffff; }
	.calendar tfoot .ttip { background-color: #DFDFDF; color: #14304a; border-color: #DFDFDF; }
	.calendar tfoot .hilite { background-color: #DFDFDF; border-color: #eee8da; color: #14304a; }
	.calendar tfoot .active { background-color: #DFDFDF; }
	.calendar .combo { border-color: #eee8da; background-color: #f7f4ea; color: #14304a; }
	.calendar .combo .hilite { background-color: #DFDFDF; }
	.calendar .combo .active { border-color: #eee8da; background-color: #DFDFDF; }
	.calendar tfoot tr.time td { border-color: #14304a; }
	.calendar tfoot tr.time td.hour,
	.calendar tfoot tr.time td.minute { border-color: #aaaacc; }
	.calendar tfoot tr.time td.hilite { background-color: #DFDFDF; }
	.calendar tfoot tr.time td.active { background-color: #DFDFDF; }
	.edges { border : 1px solid; border-color: #DFDFDF #ffffff #ffffff #DFDFDF; background-color: #DFDFDF; }
	.between { background-color: #ffffff; }
	.calendar tbody .disabled { text-decoration: line-through; color:#990000} 
/* calendar styles end */