/* 
 * The purpose of this CSS file is to contain ONLY CSS that deals
 * with top-level layout.  DO NOT put anything else in here. 
 *               ONLY PUT TOP LEVEL CSS IN HERE
 */



/** {{{ COMMON BLOCK/LAYOUT **/
body {
  font-family:  Verdana, Arial, sans-serif;
  color:#333333; 
  margin:0; 
  padding:0;
  font-size:11px;
  background: #eee;   
}
  
.clear{
  clear:both;
  font-size:0px;
}

.hide{
  display:none;
}

.spacebox{
  clear:both;
  padding:8px;
}

.page {
  text-align:center;
}
  
#topHeaderBox {
  height: 40px;
  background:#F0F1DF;
}
  
#headerBoxArea {
  clear: both;
}

#headerBox, #topNav, #topBox {
  width:779px;
} 
  
  
#topBox {
    height:35px;
    background:#F0F1DF;
}

#topNav {
  margin: 0px;
  padding: 0px;
  font-size: 0px;
} 

#loginstatus  {
  margin: 0;
  padding: 0;
}

#loginstatus  li {
  padding: 0 4px 0 4px;
  list-style-type: none;
  float:left;
}

#loginstatus a {
  text-decoration: none;
  color: #000;
}

.leftColumnContent {
   margin: 0px;
   padding: 0px;
}

.leftColumn {
  margin: 0px;
  padding: 0px;
  width:179px;
  float:left;
  background: #E0DFB1;
}

.mainColumn{
  float:left;
  width: 600px;
  background: #ffffff;
  margin-bottom: 10px; /* CN:2007-06-12 - was 24px */
  
}

.contentArea {
  background: #E0DFB1 url(/template_images/coast%20hotel/bg.gif) repeat-y;
  width: 779px;
  position:relative;
  margin:1px auto 0 auto;
  padding:0;
  text-align:left;
  /* to get 100% height, this is a CSS hack */
}  
   
/* JJ-2007.12.11-adding more margin (RT-29570) */
.mainContentArea {
  /* width: 592px;*/ 
  width: 584px;
  margin-left:8px;
  
}
/* }}} */

/**{{{ INNER LAYOUT ELEMENTS  **/

.mainColumnContentLeft {
    float:left;
}

.mainColumnContentLeft2,
.mainColumnRewards {
    float:left;
    padding-left: 8px;
    padding-right: 4px;
    width: 360px;
    padding-bottom: 24px;
}

.mainColumnRewards  {
  width: 400px; 
}

.mainColumnContentRight {
    width: 179px;
    float:right;
}
.rightColumnContent {
  margin-top: -34px;
  float: right;  
  width: 179px;  
  background: #145DA2;
}
.mainColumnContentRight2 {
    float:right;
    width: 200px;
    margin-top: 70px;
    padding: 0px 8px 100px 12px;
    border-left: 1px solid #04529D;
}

.mainColumnContentRight2 h1 {
   font-size:11px;
}

.mainColumnContentRight2 hr {
  border: 0px;
  margin: 4px 0px 4px 0px;
	padding: 0;
	border-bottom: 1px dotted #A5AEC5;
  width: 80%;
  height: 1px;
}

.mainColumnContentRight2 label {
  display:block;
  padding: 8px 0px 8px 0px;
}

.mainColumnContentRight2 select {
  width: 190px;   
  font-size: 10px;
}

.mainColumnContentRight2 input.button {
  margin-top: 12px;
}
/* }}} */

/** {{{ GENERIC LAYOUT ELEMENTS ***/
  
.leftColumnHeader .image-inline { 
  clear:both;
  margin: 0px 0px 0px 0px;
  text-align:center;
}
  
.mainColumnHeader .image-inline {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear:both;
}
  
.mainColumnHeader{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 600px;
  float:left;
}

#footerBoxArea
{

  width:779px;
  height:40px; 
  clear:both;
  background-color:#F0F1DF;  
 } 
/* }}} */

/** {{{ COMMON INLINE/FORMATTING **/

#SearchForm {
   width: 200px;
   float: right;
}
#SearchForm input {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
  margin-top: 12px;
}

#SearchForm img.gobutton {
  float: left; 
  margin-left: 4px;
}


#loginstatus {
   color: #A0A70C;
   font-size: 10px;
   /* AS:20080207 margin-top: 14px;
   margin-left: 14px; */
   margin: 14px 14px 0 14px;
   float: left;
   text-align: right;
}

#loginstatus a {
    font-weight: bold; 
}

#loginstatus a:hover {
  text-decoration: underline; 
}

#loginbutton {
  width: 54px;
  margin-top: 8px;
  float: left;
}
/* }}} */

/** {{{ FOOTER **/
.bottomText, .bottomText a, .bottomText a:hover {
	color: #666666;
  background-color:#F0F1DF;  
	font-weight: bold;
	font-size:9px;
}

.bottomText {
	text-transform: capitalize;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.bottomText a {
	text-decoration:none;
  padding: 0px 4px 0px 4px;
}
 
.bottomText a:hover {
	text-decoration:underline;
  padding: 0px 4px 0px 4px;
}
 
.bottomSmallText, .bottomSmallText a, .bottomSmallText a:hover {
	color: #666666;
  background-color:#F0F1DF; 
	font-weight: normal;
	font-size:9px;
  padding-bottom: 4px;
}
.bottomSmallText {
	text-transform: capitalize;
	text-align: center;
	display: block;
}
.bottomSmallText a {
	text-decoration:none;
}
.bottomSmallText a:hover {
	text-decoration:underline;
}


.printHeaderBanner {
  display: none; 
}

/* }}} */





/*{{{ TABS */

#tabbedGroup {
	width: 550px;
}



#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 0px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{

	background : #EFEFD1; 
	border : 1px solid #ccc;
	color : #666;
	float : left;

	font-weight : normal;
	line-height :	 14px;
	margin-right : 2px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;

}

#menu a:link.highlight, #menu a:visited.highlight	{
	background : #FBFCF6;
	border-bottom : 1px solid #FBFCF6;
	color : #3166AC;
  font-weight: bold;
}

#menu a:hover	{
	color: #000;
}


/* }}} */


/* {{{ OVERVIEW */
.t_overview_group, 
.o_history_content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 548px;
  clear:both;
}

.i_overview_group, 
.i_history_content{
  padding: 8px; 
}



.i_member_info {
  margin: 0;
  padding: 16px 0 0;
}

.i_member_info .name,
.i_member_info .value {
  float: left; 
}

.i_member_info .name {
  width: 190px;
  font-weight: bold;
}



.o_reservation_history {
  background-color: #FBFCF6;
}


.resCancelContent  {
   margin-bottom: 8px;
}

.i_cancel_content {
  padding: 8px; 
}

.i_register_button {
    text-align: center;
}


.i_points_history {
  width: 515px; 
}

.i_points_history tr td,
.i_points_history tr th {
   font-size: 11px;
   text-align: left;
   padding: 4px;
}

.i_points_history tr th {
  border-bottom: 1px dotted #888; 
  background: #ddd;
}

.i_points_history tr .date {
  white-space: nowrap;
}

.i_points_history tr .nights {
  width:  60px;
}

.i_points_history tr .points {
 width: 70px; 
}

.i_points_history tr .hotel {
  width: 150px; 
}

.i_points_history .highlight {
  background: #eee;
}

.i_history_filter {
  float: right;
  margin-right: 16px;
}
  
/* }}} */


#o_featured_items {
  width: 215px;
  float: left;
}

.i_login_description {
  padding: 8px;
  font-weight: bold;
}

#meeting-frame {
  width: 100%;
  height: 1800px;
  border: 0;
  overflow: hidden;
}    
.socialLinks  {
  padding-top: 8px;
  text-align: center;
  display:block;
}
.socialLinks ul {
 
 margin: 0 !important;
 
 margin-left:auto !important;
 margin-right:auto !important;
 
 padding-left:0; 
 
 width: 350px;
}
.socialLinks ul li a {
   color:#666666;
   font-size: 9px;
   text-decoration:none;
}
.socialLinks ul li a:hover  {
  text-decoration:underline;
}

.socialLinks ul li {
   list-style-type: none;
   float: left;
   padding: 0 12px 6px 22px;
}
.socialLinks .twitter {
  background:url(/images/social/twitter_16.png) no-repeat;
}
.socialLinks .facebook {
   background:url(/images/social/facebook_16.png) no-repeat;
}
.socialLinks .flickr {
   background:url(/images/social/flickr_16.png) no-repeat;
}
.socialLinks .youtube {
   background:url(/images/social/youtube_16.png) no-repeat;
}



/*Center TripAdvisor badge */
#CDSWIDCOE { margin: 10px auto !important; }