/* These rules are used on the New Reservations page (the "search" page) */

div#find-a-hotel {
	padding-left: 50px;
	padding-bottom: 15px;
}
div.brand-chooser {
	margin-bottom: 1.0em;
}
div.brand-chooser p {
	font-weight: bold;
	font-size: 0.8em;
}
div.brand-chooser label {
	display: block;
	text-indent: -2.0em;
	margin-left: 2.0em;
	padding: 0;
}

p.redeem-available-points {
  font-weight:bold;
  margin-left:30px;
  margin-bottom:1.0em;
  width:680px;
  }

/* REDESIGN 1.23.07 - edited 2.29.08 */

#reservationsContent {
border: 0px solid #c00;
width:779px;
margin: 0 0 0 2px;
padding: 0;
height: 400px;
background: url(/lq/images/reserve/bg_res.gif) left bottom no-repeat;
}
#hotelSearch {
float: left;
margin: 0;
padding: 0;
background: url(/lq/images/reserve/bg_hotel_search.jpg) 0 0 no-repeat;
}
#findLocation {
position: relative;
border: 0px solid #c00;
width:522px;
height:310px;
background: #ffde59;
margin: -333px 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#findLocation {position: relative;border: 0px solid #c00;width:522px;height:310px;background: #ffde59;margin: -324px 0 0 16px;}
}


/*#findLocation, x:-moz-any-link { } */ /* FireFox 2 */
/*#findLocation, x:-moz-any-link, x:default { } */ /* FireFox 3 */

html>/**/body #findLocation, x:-moz-any-link, x:default {
position: relative;
border: 0px solid #c00;
width:522px;
height:310px;
background: #ffde59;
margin: -305px 0 0 15px;
} /* Only FireFox 3 */

#findLocation h1 {
color: #000;
/*width: 497px;*/
font-size: 14px;
font-weight: bold;
padding: 2px 5px 3px 20px;
background: url(/lq/images/reserve/bg_newresTitle.gif) 0 0;
margin: 0;
}
#findLocation h4 {
color: #000;
/*width: 497px;*/
font-size: 12px;
font-weight: bold;
padding: 3px 5px 3px 20px;
background: url(/lq/images/reserve/bg_newresTitle.gif) 0 0;
margin: 0;
}
.findlqboxfull {
border:0px solid #c00;
margin: 0;
padding: 15px 0 0 10px;
}
.searchDescription {
display:none;
position:absolute;
top:300px;
left:10px;
border:0px solid #c00;
font-size: 11px;
padding: 20px;
width: 200px;
z-index:1
}
.searchDescriptionContent {
border:0px solid #c00;
/*background: #8dc000;*/
color: #fff;
font-size: 12px;
padding: 20px;
width: 195px;
height:100px;
margin: 170px 0 0 -240px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	.searchDescriptionContent {border:0px solid #c00;color: #fff;font-size: 12px;padding: 20px;width: 195px;height:100px;margin: 22px 0 0 -226px;}
}

/*.searchDescriptionContent, x:-moz-any-link { } */ /* FireFox 2 */
/*.searchDescriptionContent, x:-moz-any-link, x:default { } */ /* FireFox 3 */

html>/**/body .searchDescriptionContent, x:-moz-any-link, x:default {
border:0px solid #c00;
/*background: #8dc000;*/
color: #fff;
font-size: 12px;
padding: 20px;
width: 195px;
height:100px;
margin: 22px 0 0 -226px;
} /* Only FireFox 3 */


.vDiv {
width: 2px;
background: #fff;
height: 100px;
border: 0px solid #c00;
float: left;
padding: 20px 0 0 0;
}
.clearDiv {
clear: both;
height:1px;
font-size: 1px;
}
.clearResDiv {
clear: both;
height:1px;
font-size: 1px;
background: url(/lq/images/reserve/bg_res.gif) 0 0 repeat-y;
}
#updateProfile {
color:#000;
width:260px;
}

/* REDESIGN CONTINUED 3.29.07 */


/* $Id: reservations-search.css,v 1.10 2010/04/28 13:09:03 ayukhovich Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
  width: 98%;
}




/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  margin:0;
  padding: 0;
  border:0px solid #c00;
  float:right;
  width: 522px;

  /* If you don't want the tab size changing whenever a tab is changed
     you can set a fixed height */

  /* height:200px; */

  /* If you set a fix height set overflow to auto and you will get a
     scrollbar when necessary */

  /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
/* .tabberlive#tab1 {
}
.tabberlive#tab2 {
} */
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

.tabbernav h2 {
color: #fff;
width: 220px;
font-size: 14px;
font-weight: bold;
padding: 3px 0 3px 18px;
background:url(/lq/images/reserve/bg_newresHdr.gif) 0 0;
margin: 0;
float: left;
}
ul.tabbernav {
border: 0px solid #c00;
width: 224px;
list-style-type: none;
padding: 12px 0 12px 17px;
margin: 0;
float: left;
}
ul.tabbernav li {
line-height: 120%;
}
ul.tabbernav li a {
background: transparent;
font-size: 12px;
font-weight: bold;
padding: 4px 15px 4px 22px;
display: block;
}
ul.tabbernav li a:hover {
background-repeat: no-repeat;
background-position: 0 0;
font-size: 12px;
font-weight: bold;
padding: 4px 15px 4px 22px;
display: block;
}
ul.tabbernav li.tabberactive a {
background-image: url(/lq/images/reserve/bg_hotel_search_hover.gif);
background-repeat: no-repeat;
background-position: 0 0;
font-size: 12px;
font-weight: bold;
padding: 4px 15px 4px 22px;
display: block;
}
ul.tabbernav li.tabberactive a:hover {
background-image: url(/lq/images/reserve/bg_hotel_search_hover.gif);
background-repeat: no-repeat;
background-position: 0 0;
font-size: 12px;
font-weight: bold;
padding: 4px 15px 4px 22px;
display: block;
}
.tabbernav hr {
border: 0;
/*text-align: left;*/
width: 100%;
color: #fff;
background-color: #fff;
height: 1px;
margin: 0 0 5px 0;
}
/*#helpdiv {
z-index:9999;
background:#ffffff;
color:#ffffff;
position:absolute;
top:150px;
left:0;
width:800px;
height:1000px;
}*/