@charset "utf-8";
/* CSS Document */
/*	------------------------------------------------
	begin general sitewide styles 
	------------------------------------------------ */
body {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; }
h2 {font-size:13px; margin-bottom:3px;}
/*----------------------------
  BEGIN Left nav headings for hotel page - 
  ------------------------  */
div#leftNavFrame h2 {color:#c54f0d; line-height:65%;}
	/*div#leftNavFrame h2.underlined_gold {
		border-bottom: solid 2px #f7d558; padding-bottom:3px; margin-bottom:5px;}*/
	div#leftNavFrame ol.locations h2 {
		list-style-position:inside; 
		margin-left:-33px; padding-right:-5px;
		}
/*----------------------------
  END Left nav headings - 
  ------------------------  */	
p {
	margin-bottom:0.75em;
	margin-top:0;	
	}
/* BEGIN useful classes */
.floatLeft {position:relative; float:left; display:inline;}
.floatRight {position:relative; float:right; display:inline;}	

.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.clear {clear:both;} /* see IE hack below */
*html .clear {margin:0; padding:0; line-height:0;}
.clearRight {clear:right;} /* use to move divs down */
a {text-decoration:none; color: #336699;}
a:hover {text-decoration: underline;}
img {border:none;}
.nonBold {font-weight:normal;}
.smaller {font-size:smaller;}
*html h1#promoNotice span.smaller {font-weight:normal; font-size:smaller;}
.spacer {font-size:1px;}
p.inya {font-size:16px; margin:0; color:#c54f0d;}
.dottedFrame_top_bottom {border-top:dotted 1px #c54f0d; border-bottom:dotted 1px #c54f0d;}
.hoverHand {cursor:pointer; visibility:visible; color:#003399; font-weight:normal; }
.hoverHand:hover {color:#000;}
.opener {cursor:pointer; font-weight:normal; }
.hidden {display:none;}
.visible {display:inherit;}
input {border:solid 1px #EBEBEB;}
.noBorder {border:none;}
.required {color:#c54f0d;}
/*	------------
	color styles 
	------------ */
.black {color:#000;}
.papaya {color:#c54f0d;} /* reddish orange */
.gold {color:#f7d558;}
.gold_Lite {color:#F9E188;}
.goldDivider {color:#f7d558; font-weight:bold;}

.soldOut {color:#F00; font-size:11px; font-weight:bold;}



div.offPage_Vis {
	position:absolute;
	top:-2px;
	left:-2px;
	width:150px;
	background:#FBFBFB;
	border:solid 2px #f7d558;
	padding:5px;
	text-align:left;
}
	
div.offPage { /* details hidden off the page */
	position:absolute;
	top:-6px;
	left:-1230px; 	
	width:150px;
}

span.closerVisible {color:#f7d558; background:#c54f0d; cursor:pointer; margin-left:-1px; padding:4px;}

/*	------------------------------------------------
	end general sitewide styles 
	------------------------------------------------ */

ol.locations {margin-right:10px; margin-left:20px; padding-left:15px; margin-top:0px;}
ol.locations span.opener:hover {color:#999; background:#F9E188; text-align:right;}
ol.locations li {margin-bottom:5px; font-size:11px; font-weight:bold; }
ol.locations li.headquarters {font-size:13px; list-style:none; margin-left:-15px;}
ol.locations li.headquarters img {vertical-align:middle; margin-left:-10px;}
ol.locations li span.nonBold {font-size:10px;}
*html ol.locations {padding-left:12px;  }
ol.locations span.opener {color:#06C;}
div#contentFrame span.hoverHand {
		position:absolute; top:0; left:0; padding:2px; margin-bottom:15px;
		border: outset 2px #F9E188;
		font-size:9px; color:#000; background:#F9E188; font-weight:bold;   }

div#oregon_3rdSt,
	div#townAndCountry,
	div#SD_marriott,
	div#CY_marriott,
	div#holiday_solana,
	div#hilton_delMar,
	div#hampton_airport,
	div#marriott_resInn_sdCentral,
	div#marriott_crtyrd_sorrentoMesa,
	div#marriott_resInn_LaJolla,
	div#marriott_CY_OldTown,
	div#marriott_missionValley,
	div#portoVista,
	div#handlery,
	div#woodfin_hotel,
	div#marriott_delMar,
	div#holidayExp_msnBay,
	div#BestWest_seaWorld,
	div#Doubletree_clubSD,
	div#marriott_CY_MissionValley,
	div#Radisson_RB,
	div#sheraton_4pts,
	div#holidayInn_msnVly_stadium,
	div#sharaton_missionValley,
	div#bestWest_7seas,
	div#comfortInn_hotelCir,
	div#comfortSuites_missionValley,
	div#comfortSuites_zoo_seaworld,
	div#ramada_kearney,
	div#holiday_miramar,
	div#holiday_ranchoBern,
	div#missionPlaza,
	div#doubleTree_delMar,
	div#hiltonGarden_delMar,
	div#map {
		position:absolute; top:10; left:5; 
		width:600px; height:inherit;
		padding:15px;
		background:#fff; border:solid 2px #f7d558; 
}
	
	div#map{padding:0px; margin-top:0px; height:auto;}
	
	
		
div.ArticleMainContent img {border:outset 2px #f7d558; margin:2px;}		
		
span.hotelHighlights {font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px; padding:0px;}



/*	------------------------------------------------
	BEGIN - styles for hotel map pages
	------------------------------------------------ */
#bodyFrame {width:980px;  }

div#leftNavFrame, div#contentFrame{
	float:left; display:inline; position:relative; 
	background:#fff; padding-top:15px; padding-left:10px; padding-bottom:5px; height:1400px;}

#leftNavFrame {width:343px; }
#contentFrame {width:617px;} /* container for map & info divs */

div.ArticleStory {font-size:inherit; width:590px;}
div.ArticleMainContent p {text-align:center;}
div.empty * {visibility:hidden;}
div.empty div.visible * {visibility:visible;}
/*	------------------------------------------------
	END - styles for hotel pages
	------------------------------------------------ */



/*	--------------------------------------------------------------------------
	BEGIN - styles for t-shirt order form pages and hotel registration form pages
	-------------------------------------------------------------------------- */
body#tShirtOrderPage div#contentFrame,
	body#hotelRegPage div#contentFrame {
		width:800px; height:750px; border:solid 2px #003399; 
		margin: 0 auto 0; margin-top:120px; padding:15px; padding-bottom:25px; } 	
	
body#hotelRegPage, body#tShirtOrderPage 
	{background:url(/images/bg_wpSite.jpg) no-repeat; 
	margin: 0 auto 0;
	padding: 0; width: 860px; }

table.orderForm,
	table.grid, table.hotelList {width:750px; margin:auto; }

body#tShirtOrderPage div#contentContainer.thankYouPage,
	body#hotelRegPage div#contentContainer.thankYouPage {
	width:600px; height:400px; 
	margin:20px; padding:20px; padding-right:5px;
	background:#fff; 
	}

table.orderForm td {padding-left:4px; padding-top:10px; vertical-align:top; }
table.orderForm td.label,
	table.orderForm td.labelWide, table.label {text-align:right; padding-right:2px; width:180px;}
table.orderForm td.labelWide {width:210px;}

table.grid input {text-align:center; border:none; }
table.grid td {width:75px; text-align:center;}

tr.orderRow input {width:50px; border:none; text-align:left;}

table.grid td.wider {width:150px; text-align:left;}
table.grid td,
	table.grid hr,
	table.grid th {border:solid 1px #EBEBEB; }
table.grid th {height:30px; width:75px;}	
table.grid caption,
	table.grid tr.caption td {
	vertical-align:bottom; text-align:left; font-size:12px; padding-bottom:5px;
	font-weight:bold; border:none; height:30px; width:300px; text-align:left;
	}

	
table.grid th {font-weight:bold;}	


body#hotelReg.thankYouPage div#contentContainer {width:600px; height:800px; background:#fff; margin:20px; padding:20px; }
body#hotelReg.thankYouPage div#contentContainer h1 {width:575px;}
/*	------------------------------------------------
	END - styles for t-shirt order pages
	------------------------------------------------ */
	

/*	------------------------------------------------
	BEGIN - styles for hotel list of registrants pages
	------------------------------------------------ */
body#hotelsList th {font-size:12px; padding:1px; margin-bottom:2px; padding-top:10px; border-bottom:solid 2px grey; border-right:solid 1px #333; width:20px; text-align:center;}

body#hotelsList td {text-align:center; font-size:12px; vertical-align:top; width:25px; padding:3px 2px; border-bottom:dotted 1px #E3E3E1; border-right:dotted 1px #E3E3E1;  }

body#hotelsList table.totalsList td,
	body#hotelsList table.totalsList td  {width:50px; }
	
body#hotelsList td.alignLeft,
	body#hotelsList th.alignLeft,
body#hotelsList td.alignLeftWide,
	body#hotelsList th.alignLeftWide	
	{text-align:left;}

body#hotelsList th.alignLeftWide,
	body#hotelsList th.wide {width:260px; padding-left:3px; }
	
/* *html body#hotelsList td {padding:3px 7px;}*/
body#hotelsList td.alignRight {text-align:right; width:100px;}

body#hotelsList td.labelCol {text-align:right; }
body#hotelsList td.numCol, th.numCol {text-align:center; width:75px;}
body#hotelsList tr.commentRow td {padding-bottom:3px; padding-top:8px; }
/*body#hotelsList td.comment {width:400px;}*/
body#hotelsList tr.breakLine td {background:#E3E3E1; height:1px; padding:0; font-size:1px; border:none;}

tr.roomList td, tr.roomList th {border-right:solid 1px #666; }
tr.roomList th {border-top:solid 1px #666; }
/*	------------------------------------------------
	END - styles for hotel list of registrants pages
	------------------------------------------------ */



/* these classes and ids are from the demosphere code - just modified here */
div.ArticleMainContent {text-align:center; width:620px;} /* holds the hotel info from demos */