/************************/
/*      Reservation    */
/************************/
#Reservation .paginationSearch, 
#Reservation .hotelDetailSearch {
	display: none; /* controlled dynamically by JS */
}

#Reservation {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 1.5em;
	text-align: left;   
	width: 605px;
}
#Reservation form {
	margin: 0;
	padding: 0;	
}
#Reservation p {
	margin: 0;
	padding: 0;	
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 1.5em;
}

#Reservation .subHeader {
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x scroll left bottom;
	margin-bottom: 10px;
	padding:3px 0px 5px;
}
#Reservation .subHeader span{
	font-size: 12px;
	line-height: 1.8em;
}
#Reservation .sectionHeader span{
	font-size: 12px;
	line-height: 1.8em;
	color: #000;
}
#Reservation  .lblGuarantee {
	float:left;
	margin-left: 3px;
	width:90%;
}

#Reservation #GuestInfo, #Reservation #OccupantsInfo, #SelectHotel .subHeader{
	margin-left:5px;
		margin-right:5px;
}

#Reservation #BookingConfirmation #BookingDetails{
margin-left:0px;
}

#Reservation #BookingDetails div.BE #BookingDetails{
	margin-left:5px;
	margin-right:5px;
}

#Reservation #FooterContainer {	
	background: url(Images/bkg_dotted_line_gray_white.gif) top left repeat-x;
	padding-top: 10px;
	margin: 10px 0 0 0;
	display: block;
	float:left;
	width:100%
}


/************************/
/* Reservation Tabs     */
/************************/
#Reservation #progTab {
	margin-bottom: 15px
}
#StageArea #MainBodyArea #progTab {
	/*position: absolute;
	margin-top: -32px !important;*/
	margin-left:5px;
}
#progTab #pt_1, #progTab #pt_2, #progTab #pt_3, #progTab #pt_4, #progTab #pt_5{
	width: auto;
	font-size: 11px;
}
#progTab #pt_1 ul, #progTab #pt_2 ul, #progTab #pt_3 ul, #progTab #pt_4 ul, #progTab #pt_5 ul{
	list-style: none;	
	float: left;
	height: 22px;	
	margin: 0;
	padding: 0;	
}
#progTab ul li{
	float: left;	
	text-align: left;	
	padding: 4px 0 3px;
	display: block;	
}
#progTab ul li a{
	color: #fff;
	text-decoration: none;
}
#progTab #pt_1 ul li a:hover{
	text-decoration: none;
}
#progTab ul li.pt_num {
	width: 25px;
}
#progTab ul li.one {
	background: url(Images/pt_ul_li_one.gif) top left no-repeat;
}
#progTab ul li.two {
	background: url(Images/pt_ul_li_two.gif) top left no-repeat;
}
#progTab ul li.three {
	background: url(Images/pt_ul_li_three.gif) top left no-repeat;
}
#progTab ul li.four {
	background: url(Images/pt_ul_li_four.gif) top left no-repeat;
}
#progTab ul li.five {
	background: url(Images/pt_ul_li_five.gif) top left no-repeat;
}
#progTab #pt_2 ul li.two {
	background: url(Images/pt2_ul_li_two.gif) top left no-repeat;
}
#progTab .lastCurve ul li.pt_last{
	width: 7px;
	background: url(Images/pt_ul_li_last.gif) top left no-repeat;
}
#progTab #pt_3 ul li.three {
	background: url(Images/pt3_ul_li_three.gif) top left no-repeat;
	
}
#progTab #pt_4 ul li.four{
	background: url(Images/pt4_ul_li_four.gif) top left no-repeat;
	
}



#progTab #pt_5 ul li.five{
	background: url(Images/pt5_ul_li_five.gif) top left no-repeat;
	
}
#progTab ul li.text {
	color: #fff;
	background: url(Images/pt_ul_li_Text.gif) top left repeat-x;
	/*padding-left: 5px;
	padding-right: 15px;*/
	padding-left:0;
	padding-right:0;
}
#progTab ul li.active {
	color: #666;
	background: #fff;
}
#progTab ul li.visited {
	color: #fff;
	background: url(Images/pt_ul_li_VisitedText.gif) top left repeat-x;
}
#progTab ul li.pt_arrow1 {
	background: url(Images/pt_ul_li_Arrow.gif) top left no-repeat;
	width: 17px;
}
#progTab ul li.pt_last {
	background: url(Images/pt_ul_li_ptlast.gif) top left no-repeat;
	width: 7px;
}

#progTab ul li.firstTick {
	background: url(Images/pt_ul_li_firstTick.gif) left top no-repeat;
}
#progTab ul li.firstTick_Disabled {
	background: url(Images/pt_ul_li_firstTick_disabled.gif) left top no-repeat;
}
#progTab ul li.tick {
	background: url(Images/pt_ul_li_tick.gif) top left no-repeat;	
}
#progTab ul li.tick_Disabled {
	background: url(Images/pt_ul_li_tick_disabled.gif) top left no-repeat;	
}
#progTab ul li.activeArrow {
	background: url(Images/pt_ul_li_activeArrow.gif) top left no-repeat;
}
#progTab ul li.visitedArrow {
	background: url(Images/pt_ul_li_visitedArrow.gif) top left no-repeat;	
}
#progTab ul li.disabledArrow {
	background: url(Images/pt_ul_li_arrow_disabled.gif) top left no-repeat;	
}
#progTab ul li.lastvisitedArrow {
	background: url(Images/pt_ul_li_lastvisitedArrow.gif) top left no-repeat;	
	
}

/************************/
/* Reservation Info     */
/************************/
#Reservation #resInfo, #Reservation #LinksCont {
	margin-bottom: 10px;	
}

#Reservation #LinksCont {
	margin-left:5px;
}

#Reservation .resInfo-top {	
	background: url(Images/res_info_box_top.gif) left top no-repeat;
	height: 9px;
	overflow: hidden;
}
#Reservation #BookingConfirmation .resInfo-top, #Reservation .CancelConfirmation .resInfo-top{
	background-image: url(Images/res_info_box_grey_top.gif) !important;
}
#resInfo .resInfo-inner{
	background: url(Images/res_info_box_inner.gif) left top repeat-y;
	padding: 0 15px;
	height: 100%;
}
#Reservation .resInfo-bottom {	
	background: url(Images/res_info_box_bottom.gif) top left no-repeat;
	height: 10px;
	overflow: hidden;
}
#Reservation #BookingConfirmation .resInfo-inner {
	padding: 5px 10px 10px !important;
}
#Reservation .bookingDates{margin:0 5px;}

#MainBodyArea #MainBody, #MainBodyArea #BookingInfo{
	margin-left:5px;
}

#MainBodyArea #OverviewPageMainArea #MainBody{
	margin-left:0px!important;
	float:left;
}

#Reservation .columnOne {
	width: 226px;
	margin-right:20px;
	float: left;
}
#Reservation .columnTwo {
	width: 236px;
	margin-right:10px;
	float: left;
}
#Reservation .columnThree {
	width: 103px;
	float: left;
}
#Links {
	margin-bottom: 10px;
	margin-left:5px;
}
#resInfo .toggleLink {
	padding-bottom: 8px;
	width: 450px;
	float: left;
}
#resInfo .HelpLink {
	padding-bottom: 8px;
	width: 125px;
	float: left;
}
#resInfo .toggleLink span{
	font-size: 12px;
}
#resInfo .hr {
	margin: 10px 0 5px 0;
}
#resInfo .colOne {
	width: 246px;
	margin-right: 20px;
	float: left;	
}
#resInfo .colTwo {
	width: 126px;
	margin-right: 10px;
	float: left;
}
#resInfo .colThree {
	width: 166px;
	float: left;
}
#resInfo span{
	color: #544B4A;
	font-size: 10px;
}
#resInfo p, #Links p{
	padding-bottom: 3px;
	font-size: 10px;
}
#resInfo .resNumber {
	background: url(Images/res_info_box_grey_center.gif) top left repeat-y;
	color:#666;
	padding: 0 10px;
}
.loginInfo {
	margin-bottom: 10px;
}
.loginInfo .loginInfo-top {
	background:url(Images/res_info_box_grey_top.gif) left top no-repeat;
	height: 10px;
	overflow: hidden;
}
.loginInfo .loginInfo-inner {
	background: url(Images/res_info_box_inner.gif) left top repeat-y;
	height: 100%;
	padding: 5px 10px 0px;
}
.loginInfo .loginInfo-bottom {	
	background: url(Images/res_info_box_bottom.gif) top left no-repeat;
	height: 10px;
	overflow: hidden;
}
div.loginInfoCollapsed .loginInfo-inner {
	display: none;
}
div.loginInfoCollapsed .loginInfo-bottom {	
	background: url(Images/res_info_box_grey_bottom.gif) bottom left no-repeat !important;
	height: 8px !important;
	overflow: hidden !important;
}
div.loginInfoCollapsed .title p {
	padding-bottom:0 !important;
}
#Reservation .loginInfo .columnOne {
	width: 250px;
	margin-right:20px;
	float: left;
}
#Reservation .loginInfo .columnTwo {
	width: 220px;	
	margin-right: 0px;
	float: right;
}
.loginInfo .title {
  background: url(Images/res_info_box_grey_center.gif) top left repeat-y;
	color:#666;
	padding: 0 10px;
	margin-top: -5px;
	font-size: 12px;
}
#resInfo .resNumber p, .loginInfo .title p{
	font-size: 12px;
	line-height: 1.8em;
}
.loginInfo .title p{
	padding-bottom: 5px;
}
.loginInfo .footer {	
	background: url(Images/bkg_dotted_line_gray_white.gif) top left repeat-x;
	padding-top: 10px;
	margin: 10px 0 0;
	display: block;
}
#resInfo .resNumber p strong {
	font-size: 14px;
}

#Links div.hr{
	margin: 1px 0 1px 18px;
}
#Reservation .availDate {
	width: 60%;
	float: left;
}

#Reservation .sortBy {
	float: left;
	text-align: right;
	width: 40%;
}
#Reservation .hotelName {
	font-size: 12px;
}
#Reservation select {
	font-size: 10px;
}

#Links .columnOne {
	width: 180px;
	margin-right:5px;
	float: left;
}
#Links .columnTwo {
	width: 220px;
	margin-right:5px;
	float: left;
}
#Links .columnThree {
	width: 180px;
	float: left;
}
#Reservation #BookingInfo .colOne {
	width: 150px;
	margin-right:3px;
	float: left;
}
#Reservation #BookingInfo .colTwo {
	width: 150px;
	margin-right:3px;
	float: left;
}
#Reservation #BookingInfo .colThree {
	width: 150px;
	float: left;
}
/************************/
/* hotelHeaderContainer */
/************************/
#Reservation .Header {
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x scroll left bottom;
	padding: 3px 0px 5px;
	font-size: 12px;
}
/************************/
/* hotelDetailContainer */
/************************/
#hotelDetailContainer {	
	margin-left:5px;		
}
#hotelDetailContainer .hotelDetailSearch {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x bottom left ;
	text-align: center;	 
}
#hotelDetailContainer .hotelDetailSearch img{
	padding-bottom: 10px;	
}

#hotelDetailContainer .hotelDetailBody {
	padding-bottom: 15px;
	margin-bottom: 10px;
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x bottom left ;	
	
}
#hotelDetailContainer .hotelDetailBody  .hotelDetail_columnOne {
	width: 226px;
	overflow: hidden;
	float: left;
	display: block;
	margin: 0 20px 5px 0;
	vertical-align: middle;	
	text-align: center;
}
#hotelDetailContainer .hotelDetailBody  .hotelDetail_columnTwo {
	float: left;
	width: 349px;
	text-align: left;
}
#hotelDetailContainer .link{
	font-size: 12px;
}
#hotelDetailContainer .hotelDetailBody  .hotelDetail_addr {
	float: left;
	margin: 0 10px 10px 0;
	width: 165px;
}

#hotelDetailContainer .hotelDetailBody  .hotelDetail_price {
	float: right;
	width: 195px;
	text-align: center;
	margin: 0 0 15px 15px;
	background: #EFEFEF;
	padding-top: 10px;	
	border:1px solid #CCCCCC;
}
#hotelDetailContainer .hotelDetailBody  .rateTitleContainer {	
	/*background: url(Images/bkg_corpRate_box_top.gif) top left no-repeat;	*/
	padding-top: 0px;	
}
#hotelDetailContainer .hotelDetailBody  .rateTitleContainer .rateTitle{	
	background: #ccc;
	padding: 7px 0 7px 5px;
	text-align: left;	
	font-size: 12px;
}

#hotelDetailContainer .hotelDetailBody  .hotelDetail_price .inner{
	/*background: url(Images/bkg_rate_box_bottom.gif) bottom left no-repeat;*/
	padding: 0 10px 10px;
	text-align: center;
}
#hotelDetailContainer .hotelDetailBody  .rateTitleContainer .inner{	
	padding: 10px;
}
#hotelDetailContainer .hotelDetail_price .btnContainer {
	text-align: center;
	padding: 0 15px;
	
}
#hotelDetailContainer .hotelDetail_price .rate{
	padding-bottom: 10px;
	color: #666;
}
#hotelDetailContainer .hotelDetail_price .rate strong{
	font-size: 11px;
}
#hotelDetailContainer .hotelDetail_price .rate span{
	font-size: 10px;	
}
#hotelDetailContainer .hotelDetail_price .distance em {
	font-style: normal;
	color: #000;
}
/************************/
/* hotelFooterContainer */
/************************/
#hotelFooterContainer {	
	margin-bottom: 10px;
	margin-left:5px;
	width:595px;
}
#hotelFooterContainer .pageListingContainer {
	padding: 0 0 10px 10px;
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x bottom left ;	
	margin-bottom: 10px;
	color: #000;	
	
}
#hotelFooterContainer .pageListingContainer a, .pageListingContainer a:hover{
	color: #000;
	text-decoration: none;
}
#hotelFooterContainer .showAll {
	float: left;
	text-align: left;
	width: 40%;	
}
#hotelFooterContainer .pageListing {
	width: 60%;
	float: right;
	text-align: right;
}
#hotelFooterContainer .pageListing .pageItemSelected {
	color: #544B4A;
}
#hotelFooterContainer .splNote {
	margin-bottom: 20px;	
}

#hotelFooterContainer .paginationSearch {
	float: right;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: right;	 
}

/************************/
/* Select Rate Styles */
/************************/


#hotelHeaderContainer .hdrColumn1 {
	float: left;
	width: 125px;
		
}
#hotelHeaderContainer .hdrColumn1 span {
	color: #544B4A;
}
#hotelHeaderContainer .hdrColumn2 {
	float: left;
	width: 150px;
	margin-right: 10px;
}
#hotelHeaderContainer .hdrColumn3 {
	float: left;
	width: 150px;
	margin-right: 10px;
}
#hotelHeaderContainer .hdrColumn4 {
	float: left;
	width: 150px;	
}
#roomDetailContainer {	
	margin:0 5px;		
}
#roomDetailContainer .roomDetails {
	padding-bottom: 1px;
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x bottom left ;	 
}

#roomDetailContainer .detColumn1 {
	float: left;
	width: 125px;
	padding-top: 10px;	
	text-align: left;
}
#roomDetailContainer .detColumn2 {
	float: left;
	width: 150px;
	margin-right: 10px;
	padding-top: 10px;	
	text-align: center;
	background: #ccc;
}
#roomDetailContainer .detColumn3 {
	float: left;
	width: 150px;
	margin-right: 10px;
	padding-top: 10px;	
	text-align: center;
	background: #eee;
}

#roomDetailContainer .detColumn4 {
	float: left;
	width: 150px;	
	padding-top: 10px;
	text-align: center;
	background: #ccc;
}
#roomDetailContainer .detColumn1 span{
	padding-left: 10px;
	display: block;
}
#roomDetailContainer .noBG {
	background: none !important; 
}
#roomDetailContainer .rate {
	font-size: 12px;
	color: #006600;
}
#roomDetailContainer .rateString {
	color: #006600;
}
#roomDetailContainer .bookingRow {
	padding: 10px 0;
}


#Reservation #linkContainer {
	background: url(Images/bkg_dotted_line_gray_white.gif) repeat-x bottom left ;
	padding: 10px 0;	
	margin-bottom: 10px;
	margin:0 5px;
}
#Reservation #linkContainer .left{
	float: left;
	width: 60%;
}
#Reservation #linkContainer .right{
	float: right;
	text-align: right;
	width: 40%;
}
#Reservation .buttonContainer {
	display: block;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	width:35%;
}
/**************************/

/* Enter Booking Details  */
/**************************/

#BookingDetails .formRow {
	display: block;
	padding-bottom: 3px;
}
#BookingDetails .formGroup {
	display: block;
	/*float: left;*/
	padding-bottom: 8px !important;
}
#BookingDetails .formGroup select{
	margin-bottom: 3px;
}
#BookingDetails .formGroup label{
	margin-bottom: 3px;
}
#BookingDetails .formRowEmpty {
	margin-bottom: 18px;
}
#BookingDetails .frmInputText {
	width: 210px;
}
#BookingDetails .frmInputTextSmall {
	width: 142px;
}
#BookingDetails .frmInputTextAreaBig {
	width: 474px;
}
#BookingDetails .frmSelect {
	width: 67px;
}
#BookingDetails .frmSelectBig {
	width: 210px;
}
#BookingDetails .frmInputRadio {

}

#BookingDetails .frmInputChkBox {
	margin-bottom: -1px;
}
#BookingDetails #GuestInfo .frmInputChkBox {
	margin-left: -1px;
}
#BookingDetails #GauranteeInfo .frmInputRadio {
	float: left;
	margin-top: 0;
	padding-top: 0;
}

#BookingDetails .lblRadio{ 
	width: 170px;
	display: block;
	float: left;
}
#BookingDetails .lblChkBox{ 
	width: 170px;
	display: block;
	float: left;
}
#BookingDetails .lblChkBoxSmall{ 
	width: 110px;
	display: block;
	float: left;
	margin-right: 5px;
}
#BookingDetails .lblDisabled {
	color: #DCD7BD;
}
#BookingDetails .lblBookingValue {
	font-weight: bold;
}
#BookingDetails #Comments {
	margin-bottom: 5px;
}
#BookingDetails #FooterContainer {
	width: 595px;
}
#BookingDetails .buttonContainer {
	/*padding: 0 25px;	*/
	display: block;		
	margin-left: 0;
	width:585px;
	float:none;
	padding:0;
	margin:0 5px;
}
#Reservation .alignLeft {	
	float: left;
	display: block;
	width: 50%;
}
#Reservation .alignRight {	
	float: right;
	width: 49%;
	display: block;
	text-align: right;		
}

/* DESCRIPTION BOX */
#Reservation .Desc_Hotel {
	width: 465px;
	/*background: url(Images/bkg_desc_box_top_465.gif) top left no-repeat;	*/
	border:2px solid #A6A6A6;
	padding-top: 6px;
	position: absolute;
	display: none;	
	background:#fff;	
}
#Reservation .Desc_Hotel div.inner{
	background:#fff;
	padding: 0 5px 5px;		
}
#Reservation .Desc_Hotel .innerLeft {
	float: left;
	margin: 0 9px 10px 9px;
	width: 226px;
}
#Reservation .Desc_Hotel .innerRight {
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;	
}
#Reservation .Desc_Rate {
	width: 175px;
	/*background: url(Images/bkg_desc_box_small_top.gif) top left no-repeat;*/
	padding-top: 6px;
	position: absolute;
	display: none;	
	border:2px solid #A6A6A6;
	background:#fff;	
}
#Reservation .Desc_Rate div {
	/*background: url(Images/bkg_desc_box_small_bottom.gif) bottom left no-repeat;*/
	padding: 0 5px 5px;		
}
#Reservation .Desc_Rate p {
	padding: 0px 10px 10px 15px;
}
#Reservation .Desc_Room {
	width: 280px;
	/*background: url(Images/bkg_desc_box_big_top.gif) top left no-repeat;	*/
	background:#fff;
	padding-top: 6px;
	position: absolute;
	display: none;	
	border:2px solid #A6A6A6;
}
#Reservation .Desc_Room div {
	/*background: url(Images/bkg_desc_box_big_bottom.gif) bottom left no-repeat;	*/
	padding: 0 5px 5px;		
}
#Reservation .Desc_Room p {
	padding: 0px 10px 10px 15px;
}
/* CR-5 implementation for Release 1.1 */
#SpclReq .prefLang, #SpclReq .prefBedtype {
	float: left;
	margin-bottom: 5px;
}
#SpclReq .RoomPref label{
	float: left;
	margin-bottom: 10px;
}
#SpclReq .lblRadio, #SpclReq .lblChkBox{ 
	width: 150px;
	display: block;
	float: left;
	margin-left: 2px;  
	text-indent: 0px;              
}
#Reservation #SpclReq .frmInputRadio{
	margin: 0pt;
	margin-bottom: -3px;
}
/* End CR-5 implementation for Release 1.1 */
#Reservation #RoomCancellation {
 margin-bottom: 15px;
}
#Reservation #RoomCancellation .SelAll {
	font-size: 12px;
	line-height: 1.8em;	
}
#Reservation #RoomCancellation .frmInputChkBox {
	margin:0;
}
#Reservation #RoomCancellation a{
	font-size: 12px;
	line-height: 1.8em;
}
#Reservation #RoomCancellation p{
	padding-bottom: 5px;
}
#Reservation .roomResDetails {
	margin-left: 40px;
	margin-bottom: 10px;
}
#Reservation .roomResDetails p{
	clear: both;
	display: block;
	width: 100%;
}

#Reservation .roomResDetails .lblField{
	display: block;
	float: left;
	width: 100px;
}
#Reservation .roomResDetails .lblValue{
	display: block;
	float: left;
	width: 250px;
	font-weight: bold;
}
.row2{width:572px;float:left;}
.row2 .chdAge{float:left;width:244px;margin-right:20px;}
.row2 .chdAccomdation{float:left;width:270px;}
#hotelFooterContainer .slpNote{padding-bottom:10px;}