/*********************************************************/
/* Author: Chuck McGee, Jr. - Site Rescue - April2005-   */
/* Owner:  Hotels.com - Chrysalis                        */
/* Source: /resources/masterstyle.css                    */
/* Description: Used for primary style elements only     */
/*********************************************************/

/* Global Properties */
body {
	color: #000;
	background-color: #fff;
	/* font-size: 77%; */
	font-size: 11px;
	margin: 0 0 25px 0;
	padding: 0;

}

body, textarea, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img {border: none; text-decoration: none;}
.centerthis {text-align: center;}
.devnote {color: #f00; background-color: #ff0;}
/* +++++++++++++++++++++ */

/* Global Link Properties */
a {text-decoration: underline;}
a:link, a:visited {color: #036;}
a:active, a:hover {color : #c00;}
a img {text-decoration: none; border: none;}
a.noUnderline {text-decoration: none;}
/* +++++++++++++++++++++ */

/* SortBy Selected Properties */
#sortbyActive {font-style: italic; text-decoration: underline;}
.sortbyDivider {background-image: url(images/divider-vertical.gif); background-position: center; background-repeat: repeat-y; height: 40px;}
/* +++++++++++++++++++++ */

/* Text Properties */
.align-right {text-align: right;}

.text-error {
	font-weight: bold;
	background-color: #c00;
	color: #fff;
	text-align: center;
}

div.text-error-generic {
font-weight: bold;
color: #fff;
background-color: #c00;
padding: 3px 3px;
margin-top: 15px;
}
div.text-error-generic img {
float: left;
clear: left;
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
}
div.text-error-generic-no-wrap {
font-weight: bold;
color: #fff;
background-color: #c00;
padding: 3px 3px;
margin-top: 15px;
}
div.text-error-generic-no-wrap img {
float: left;
clear: left;
margin-left: 6px;
margin-right: 6px;
}
div.text-error-specific {
font-weight: bold;
color: #cc0000;
background-color: #EEF6FD;
padding-top: 3px;
padding-bottom: .5em;
padding-right: 6px;
}
td.bottom-padded {
	padding: 5px 0;
}
div.text-error-specific img {
float: left;
clear: right;
margin-left: 6px;
margin-right: 6px;
}

.text-notavail {text-decoration: line-through;}

@media screen {
    .text-amenity-notavail {text-decoration: line-through; color: #ccc;}
    .text-amenity-notavail-grey-works {text-decoration: line-through; color: #ccc;}
}
@media print {
    .text-amenity-notavail {text-decoration: line-through; color: #666;}
    .text-amenity-notavail-grey-works {text-decoration: line-through; color: #ccc;} /* this handles Firefox 1.0.4 not greying the text but greying the strike */
}

.text-sm {font-size: 10px;}
.text-med {font-size: 11px;}
.text-lg {font-size: 12px;}
.text-lg2 {font-size: 14px;}
.text-lg3 {font-size: 16px;}
.text-lg4 {font-size: 18px;}

.text-bold, a.text-bold {font-weight: bold;}

/* phase these out */
.text-grey, a.text-grey, a.text-grey:link,  a.text-grey:visited, a.text-grey:active, a.text-grey:hover {color: #ccc;}
.text-DarkerGrey, a.text-DarkerGrey {color: #333;}
/* phase these out */

.text-UltraLightGrey, a.text-UltraLightGrey, a.text-UltraLightGrey:link,  a.text-UltraLightGrey:visited, a.text-UltraLightGrey:active, a.text-UltraLightGrey:hover {color: #ccc;}
.text-LightGrey, a.text-LightGrey, a.text-LightGrey:link,  a.text-LightGrey:visited, a.text-LightGrey:active, a.text-LightGrey:hover {color: #999;}
.text-MediumGrey, a.text-MediumGrey, a.text-MediumGrey:link,  a.text-MediumGrey:visited, a.text-MediumGrey:active, a.text-MediumGrey:hover {color: #666;}
.text-DarkGrey, a.text-DarkGrey, a.text-DarkGrey:link,  a.text-DarkGrey:visited, a.text-DarkGrey:active, a.text-DarkGrey:hover {color: #333;}

.text-lightblue, a.text-lightblue {color: #D2E3F3;}
.text-MediumBlue, a.text-MediumBlue {color: #9cf;}
.text-MediumDarkBlue, a.text-MediumDarkBlue {color: #69c;}
.text-DarkBlue, a.text-DarkBlue {color: #369;}

.text-red,a.text-red {color: #c00;}
.text-white, a.text-white {color: #fff;}
.text-green, a.text-green {color: #393;}
.text-black, a.text-black {color: #000;}

.text-highlight {text-transform: uppercase; font-size: 13px;font-weight: bold;}
/* +++++++++++++++++++++ */

/* Border Properties */
.border-full-LightBlue {border: 1px solid #D2E3F3;}
.border-top-LightBlue {border-top: 1px solid #D2E3F3;}
.border-right-LightBlue {border-right: 1px solid #D2E3F3;}
.border-left-LightBlue {border-left: 1px solid #D2E3F3;}
.border-bottom-LightBlue {border-bottom: 1px solid #D2E3F3;}
/* +++++++++++++++++++++ */

/* Border Properties - Compare */
.border-full {border: 1px solid #A3D1FD;}
.border-t {border-top: 1px solid #A3D1FD;}
.border-r {border-right: 1px solid #A3D1FD;}
.border-l {border-left: 1px solid #A3D1FD;}
.border-b {border-bottom: 1px solid #A3D1FD;}
/* +++++++++++++++++++++ */

/* Background Shades */
.shade-UltraLightBlue {background-color: #EEF6FD;} /* Used in the inside border and the background of search field areas */
.shade-LightBlue {background-color: #D2E3F3;} /* BG color used for "Your Recent Searches" */
.shade-MediumBlue {background-color: #9cf}
.shade-MediumDarkBlue {background-color: #6699CC;} /* outside border */
.shade-DarkBlue {background-color: #369;} /* heading bg */
.shade-White {background-color: #fff;}
.shade-DarkYellow {background-color: #fc6;}
.shade-LightYellow {background-color: #FFF2B8;}
/* +++++++++++++++++++++ */

/* LogoBanner Properties */
#logo-banner {width: 750px; padding: 5px 10px;}
#welcometo {font-weight: bold; color: #000;}
#welcometo a {color: #c00; text-decoration: none;}
/* +++++++++++++++++++++ */

/* TopNavUtility Properties */
#topnav-utility {width: 770px; margin-bottom: 10px;}
#topnavContainer {white-space: nowrap;background-image: url(images/bg_tall.gif); background-repeat: repeat-x; padding: 0px 0px 0px 15px;}

#utilityContainer {text-align: center; height: 22px;width: 290px; background-image: url(images/bg_short.gif); background-repeat: repeat-x;}
#utility {color: #fff;white-space: nowrap;padding-top: 4px;}
#utility a {font-size: 10px; color: #fff; text-decoration: none;}
#utilityOption {padding-top: 2px;}
/* +++++++++++++++++++++ */

/* ContentBody Properties */
#contentBody {width: 750px; margin: 8px; padding: 2px;}
#contentbody-container {margin: 0 5px;}
#contentBodyCompare {margin: 8px; padding: 2px;}
/* +++++++++++++++++++++ */

/* InsideNav NEW Properties */
#navinside ul
{
padding: 0;
margin: 0;
height: 30px;
background-color: #369;
background-image: url(images/inpagenav_off-shadow.gif);
background-repeat: repeat-x;
background-position: top;
}

#navinside ul li { display: inline; }
#navinside ul li a
{
padding: 0.2em 1em;
color: #fff;
font-weight: bold;
text-decoration: none;
float: left;
height: 25px;
border-left: 2px solid #fff;
}

#navinside ul li a:hover
{
background-image: url(images/inpagenav_hover-shadow.gif); background-repeat: repeat-x;
background-position: top;
color: #fff;
}
#navinside ul li a#active
{
background-image: url(images/inpagenav_active-shadow.gif); background-repeat: repeat-x;
background-position: top;
color: #369;
}
#navinside-img {float: left; background-color: #369; padding: 4px;padding-left: 20px;}
/* +++++++++++++++++++++ */

/* Footer Properties */
div#footerContainer {width: 750px; margin: 8px; padding: 2px;}
.footerLink {color: #036;}
.footerLink a {text-decoration: underline;}

.footerCopyright {color: #999;}
a.footerCopyright:link, a.footerCopyright:active, a.footerCopyright:hover, a.footerCopyright:visited  {color: #999; text-decoration: underline;}


/* +++++++++++++++++++++ */
