﻿
/* global page formatting */
#banner_text{
    float:right;
    text-align:right;
    margin-right:20px;
    width:940px;
    height:20px;
    color:#FFFFFF;
    z-index:1;
    margin-top:-20px;
    position:relative;
    top:229px;
    font-size:12px;
    font-weight:bold;
}
#banner_background_color{
    position:relative;
    top:229px;
    width:960px;
    height:20px;
    z-index:0;
}
.property_banner_image{
    width:960px;
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    z-index:-3;
	height:249px;
}

.welcome 
{
	width:700px;
	padding:20px 25px 20px 20px;
}
.welcome-message {font:Arial, Sans-Serif 14px/21px; color:#333333; line-height: 21px;}
#property-info  
{
	padding-left : 20px;
	padding-bottom : 15px;
	clear : right;
}
.bullet-spacer {width:18px; text-align:center;}
#property-layout  
{
	width:960px;
	
}


#left-column
{
	position:absolute;
	left:0;
	padding-left:20px;
	width:180px;
	float:left;
	clear:none;
	z-index:1;
}
#left-content
{
    color:#FFFFFF;
	padding:10px;
	margin-bottom:4px;
	font-size: 14px;
	width:160px;	
}
#property-logo
{
	padding: 0px 0px 4px 0px;
	
}
#right-column
{
	width:800px;
	left: 205px;
	float:left;
	clear:right;
	position:relative;
	z-index:1;
}
#right-content 
{
	color: #ffffff;
	font-size: 14px;
}
#footer-area
{
	clear:left;
	border-top: solid 1px #cacaca;
	width: 735px;
	padding-top: 10px;
	padding-bottom: 25px;
}

#amenities {}
.amenities-group-header
{
	width:735px;
	height:56px;
	margin-top:10px;
}
.amenities-group-header-selected
{
	width:735px;
	height:125px;
	margin-top:10px;
}
.group-header 
{
    margin-left: -5px;
	font-family: Arial Narrow, Arial, Sans-Serif;
	font-size: 30px;
	line-height: 30px;
	color:#ffffff;	
	filter:alpha(opacity=100);
	opacity:1.0;
	z-index: 10;
}
.group-description
{

	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	padding-left: 30px;
	color:#ffffff;	
	filter:alpha(opacity=100);
	opacity:1.0;
	z-index: 10;
}
div.transbox
{
  position:relative;
  top: 10px;
  width:735px;
  height:46px;
}
div.transbox_expanded
{
  position:relative;
  top: 10px;
  width:735px;
  height:115px;

}
.image-container
{
	padding-left: 5px;
	padding-right: 5px;
}
.amenity, .amenity td 
{
	border-top: dotted 1px #666666;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
}
.amenity-header 
{
    margin: 10px 0px 0px 25px;
}
.amenity-footer 
{
	border-top: dotted 1px #666666;
	margin: 0px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
}
.amenity-cart 
{
	clear:right;
	border:solid 1px #cccccc;
	margin-bottom: 3px;
}
.amenity-cart-separate
{
	clear:right;
	border:solid 1px #cccccc;
	margin-bottom: 3px;
}
.active { BACKGROUND-COLOR: #5B8726; font-weight:bold;}
#bulleted { float:left; padding-left:10px; background: url(/Images/bullet.gif) no-repeat; }
#content-box {float:left; width:400px; padding: 5px 0px 10px 0px;}
#request-box {float:right; width:167px; padding-bottom:10px;}
#request-box-checkout {float:right; width:165px; padding-bottom:10px;}
.amenities-header 
{
	font-family:Arial, Sans-Serif; 
	color:#333333; 
	font-weight:bolder; 
	font-size:12px; 
}
.amenities-header-description
{
	font-family:Arial, Sans-Serif; 
	color:#333333; 
	font-weight:normal; 
	font-size:12px; 
}
.amenities-warning 
{
	font-family:Arial, Sans-Serif; 
	color:#cc0000; 
	font-weight:bolder; 
	font-size:12px; 
}
.amenities-content, .amenities-content td, .amenities-content label, .amenities-content table
{
	border-top: none;
	font-family:Arial, Sans-Serif; 
	font-weight:normal;
	color:#333333; 
	font-size:12px; 
	line-height: 14px;
}
.amenities-content-schedule, .amenities-content-schedule td, .amenities-content-schedule label, .amenities-content-schedule table
{
	border-top: none;
	font-family:Arial, Sans-Serif; 
	color:#333333; 
	font-size:10px; 
	line-height: 14px;
}
.required, .required td, .required label, .required table
{
    padding-left: 7px;
    background: url('../images/asterisk.gif') no-repeat;
	border-top: none;
	font-family:Arial, Sans-Serif; 
	color:#333333; 
	font-size:10px; 
	line-height: 14px;
}
.required-field, .required-field input, .required-field select
{
    background-color: #f6cc92;
}
.amenities-content-link, .amenities-content-link a {
	border-top: none;
	font-family:Arial, Sans-Serif; 
	color:blue; 
	font-size:12px; 
	line-height: 14px;
	cursor:pointer;
}
.amenities-content-selected
{
	font-family:Arial, Sans-Serif; 
	font-weight:bold;
	font-size:12px; 
	line-height: 14px;
}
.amenities-content-requested
{
	font-family:Arial, Sans-Serif; 
	font-weight:bold;
	color:#333333; 
	font-size:12px; 
	line-height: 14px;
}
#cart-header-area
{
	width:170px;
	padding: 2px 0px 2px 10px;
	margin-bottom: 5px;
}

.update {BACKGROUND-COLOR: #c9c9c9; font-weight:bold; color:Blue; padding:4px 4px 4px 10px; margin-bottom:4px;}
.left-form-text {font-family:Arial, Sans-Serif; font-size: 10px; line-height: 14px; color:#ffffff;}
.left-form-text-error {font-family:Arial, Sans-Serif; font-size: 10px; line-height: 14px; color:red;}
.left-radio-text label, .left-radio-text table, .left-radio-text input  {font-family:Arial, Sans-Serif; font-size: 10px; line-height: 14px; color:#ffffff;}

/* checkout page */
.checkout-header
{
	width:700px;
	padding: 10px 5px 10px 30px;
	border-top: solid 1px #666666;
	background:transparent url(../Images/mcom/TNG/lightgray_background.png) repeat-x 0 0;
}
.left-content-header {font-family:Arial, Sans-Serif; font-weight:bolder; font-size:14px; line-height: 16px;}
.left-content-text {font-family:Arial, Sans-Serif; font-size:14px; line-height: 16px;}

.cart-group {font-family:Arial, Sans-Serif; color:#333333; font-weight:bold; font-size:14px; line-height: 18px;}
#cart-group-block {border-bottom: solid 1px #CACACA; padding: 15px 10px 5px 10px;}
.cart-header {font-family:Arial, Sans-Serif; color:#ffffff; font-weight:bold; font-size:14px; line-height: 18px;}
.cart-item {font-family:Arial, Sans-Serif; color:#333333; font-size:12px; line-height: 14px;}
.cart-block {width:162px; border-bottom: dotted 1px #CACACA; padding: 5px 10px 4px 8px; background-color:#f5f5f5;}

.ul_amenities
{
	list-style:url(../Images/box.gif);
	margin-left: 40px;
	line-height: 22px;
	margin-bottom: 5px;
}


.bodyCopyBoldWhite a:hoverrequest-box
{
	color: #ffffff;
}

.formContent { FONT-SIZE: 11px;COLOR: #333333;TEXT-DECORATION: none; }

.collapsePanel {
      width: 680px;
      height:0px;
      background-color:white;
      overflow:hidden;
}
 
.collapsePanelHeader{   
      width:680px;            
      height:20px;
      font-weight:bold;
      float:none;
      padding:5px; 
      cursor: pointer; 
      vertical-align: middle;
}

.amenity-header 
{
	width:680px;            
	height:20px;
	font-weight:bold;
	float:none;
	cursor: pointer; 
	vertical-align: middle;
}
.footer-content
{
	z-index:1;font-family:Arial, Sans-Serif; font-size:10px; line-height: 12px; color:#333333;
}

.formTable{
    padding:2px;
    
}
.th
{
    padding-right:5px;
    font-weight:bold;
}
.contentCell
{
    padding:1px;
}

.wideInput
{
    height:17px;
}
.smallInput
{
    width:150px;
    height:17px;
}

.bodyCopy
{
	line-height: 18px;
	font-weight: normal;
	font-size: 14px;
}

.bodyCopyBold
{
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
	
}

.bodyCopyBoldWhite
{
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	
}

.bodyCopyBoldWhite a
{
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	
}


/* colors */
.tan { BACKGROUND-COLOR: #cecdbe; }
.lightTan { BACKGROUND-COLOR: #ebebdb;}
.darkTan { BACKGROUND-COLOR: #8d8c7d; }
.gray { BACKGROUND-COLOR: #666666; }
.lightGray { BACKGROUND-COLOR: #cccccc; }
.medGray { BACKGROUND-COLOR: #999999; }
.darkGray { BACKGROUND-COLOR: #333333; }
.white { BACKGROUND-COLOR: #ffffff; }
.black { BACKGROUND-COLOR: #000000; }
.rewardsGray {background-color: #b2c2c2; }
.rewardsLightGray {background-color: #e8eded; }
.red { BACKGROUND-COLOR: #5B8726; }
.redFont { COLOR: #5B8726; }
.red a {FONT-SIZE:11px; COLOR:#ffffff; BACKGROUND-COLOR: #5B8726; LINE-HEIGHT: 12px; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;}
.red a:visited { COLOR: #ffffff; }
.red a:hover { COLOR: #ffffff; TEXT-DECORATION:none; }
.red a:active { COLOR: #ffffff; }

/* errors */
.error-area-global
{
    width:720px;
    padding: 10px 10px 10px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url(../Images/error_pattern_4x4.png);
    font-family:Arial, Sans-Serif; font-weight:bold; font-size:16px; line-height: 18px; color:#CC0000;
}
.error-icon 
{
    vertical-align: middle;
    margin-right: 5px;
}
.error-content
{
	font-family:Arial, Sans-Serif; font-weight:bold; font-size:16px; line-height: 18px; color:#CC0000;
}
.error-context
{
	font-family:Arial, Sans-Serif; font-weight:bold; font-size:10px; color:#CC0000;
}
.error-display
{
    width:700px;
    padding: 10px 10px 10px 5px;
    margin-bottom: 5px;
    background-image: url(../Images/error_pattern_4x4.png);
    font-family:Arial, Sans-Serif; font-weight:bold; font-size:16px; line-height: 18px; color:#CC0000;
}
.error-display-complimentary
{
    width:700px;
    padding: 10px 5px 10px 10px;
    background-image: url(../Images/error_pattern_4x4.png);
    font-family:Arial, Sans-Serif; font-weight:bold; font-size:16px; line-height: 18px; color:#CC0000;
}
.error-display-left
{
    width:155px;
    padding: 10px 10px 10px 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    background-image: url(../Images/error_pattern_4x4.png);
}
.error-form-element
{
    width:155px;
    padding: 5px 10px 5px 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    background-image: url(../Images/error_pattern_4x4.png);
}
.error-display-left li 
{
    list-style-image:url(../Images/error_icon.png);
    margin: 0px;
}
.checkout-cart 
{
	clear:right;
	border:solid 1px #cccccc;
}
.comments-header-area
{
	padding: 5px 5px 2px 30px;
}

.continue-button-area
{
    width: 735px;
	text-align:right;
	clear:left;
	padding:10px 20px 10px 0px;
}

.form-spacer
{
	padding: 2px 0px 5px 0px;
}

.record-count-black {float:right; padding-right:5px; font-family:Arial, Sans-Serif; font-size:12px; line-height: 20px; color:#333333;}
.amenities-content-selected{color:#9D102D;}
