/* @override http://www.sfomedia.com/css_network/beta/hotelchatter/hotel-reviews.css */

/* @override http://www.sfomedia.com/css_network/beta/hotelchatter/hotel-reviews.css */

/****************************************************************************************************************
-----------------------------------------------               ---------------------------------------------------
*****************************************************************************************************************/

#hotel-reviews .toggleDropNav {display:none}


#hotel-reviews #section1 {
	width:667px
	}

	#hotel-reviews #related-stories > h2,
	#partner-reviews h2,
	#user-reviews > h2 {
		font-size: 12px !important;
		margin: .75em 0 1.5em !important;
		text-transform:uppercase;
		letter-spacing:.1em;
		color:#f60
		}

		#hotel-reviews #related-stories > h2 em,
		#partner-reviews h2 em,
		#user-reviews > h2 em {
			color:#7b8d9d;
			font-style:normal
			}

/* ---------------------------- STORY PREVIEW FORMAT ------------------------- */

.story-preview #comment-form-logged-in {
	display: none;
	}
	
#hotel-reviews .hentry.preview {
	border-top: 0 !important;
	border-top: 1px dotted #d6d6d6 !important;
	border-bottom:none !important;
	overflow:hidden;
	border: 0;
	margin-bottom:0;
	}
	
	#hotel-reviews .hentry.preview .secondary {
		float:left;
		width:95px;
		margin-right: 15px;
		text-align:right;
		}

	#hotel-reviews #related-stories .hentry.preview h2.entry-title {
		font-size: 16px !important;
		margin:0 0 .2em 0
		}
		
	#hotel-reviews .hentry.preview #where {
		display: block;
		float: none;
		clear: both;
		margin: 1em 0 !important;
		border: 1px dashed #f6f6f6 !important;
		border-left: none !important;
		border-right: none !important;
		font-size: 10px !important;
		}
		
		#hotel-reviews .hentry.preview #where a.hotel-website {display: none}

	#hotel-reviews .hentry.preview .entry-summary {
		font-size: 11px !important;
		overflow: hidden;
		height: 3em;
		margin:0.5em 0 1.5em;
		width:auto
		}

		#hotel-reviews .hentry.preview .date {
			margin:0.8em 0 0.8em !important;
			padding: 0 !important;
			font-size:9px !important;
			color: #7b8d9d;
			}

		#hotel-reviews .hentry.preview .tags {
			margin:1.5em 0 2em !important;
			padding: 0 !important;
			font-size:10px !important;
			font-weight: normal;
			font-family: 'Lucida Grande', Verdana, sans-serif;
			}
			
/* --------------------- HOTEL REVIEWS .HENTRY ------------------*/


#hotel-reviews #related-stories,
#hotel-reviews #user-reviews {
	margin:0 !important;
	padding: 20px;
	}
	
	#hotel-reviews .hfeed {
		margin:0 !important;
		padding:0 !important
		}
	
	
			#related-stories .hentry { padding: 10px 0 5px !important }

					
				#related-stories .more-related-stories { text-align:center;display: none }



/* CITYSEARCH */


#partner-reviews {
	padding:20px;
	margin: 25px 0;
	border-bottom: 1px solid #d6d6d6 !important
	}

	#partner-reviews.active {
		margin: 0;
		}
		
	h2.hotel-message-title,
	.hotel-message {
		display:block !important;
		}
		
		#container h2.hotel-message-title {
			color: #888;
			font-size: 14px !important
			}
			
#partner-reviews .hreview {
	border-top: 1px dotted #d6d6d6;
	padding: 15px 0 8px
	}
	
	#partner-reviews .hreview h3 {
		font-size: 14px;
		line-height: 1.5em !important;
		float:left
		}

	#partner-reviews .hreview .meta {
		font-size:10px;
		overflow:hidden !important;
		color: #7b8d9d;
		clear:both
		}
		
		#partner-reviews .more { float:right }


	#partner-reviews #citysearch-info .meta {
		background: url(http://www.sfomedia.com/images_network/logo_citysearch.gif) no-repeat right center;
		overflow:hidden
		}
		
		#partner-reviews .review-count {
			color: #7b8d9d;
			}
			
		#partner-reviews .citysearch-logo-href {
			position:absolute;
			right: 0;
			top: 20px;
			width: 150px;
			height:35px
			}
			
			#partner-reviews .citysearch-logo-href a {
				display:block;
				width: 150px;
				height:35px;
				text-indent:-9999px
				}
		
		#partner-reviews .description {
			margin: 0;
			font-size: 11px;
			color: #333;
			height:3em;
			overflow:hidden;
			clear:both
			}
			
			#partner-reviews .description.active {
				height: auto
				}
	
		#partner-reviews .rating-wrapper{
			overflow:hidden;
			width: 80px;
			line-height:1.3;
			margin: 0.2em 6px 0 0 ;
			float:right;
			background:url(http://www.sfomedia.com/images_network/icon_star_rating_off.png) repeat-x left center;
			}
			
			#partner-reviews .meta .rating-wrapper {
				float:left;
				margin: 0 10px 0 0
				}
			
			#partner-reviews .rating  {
				background:url(http://www.sfomedia.com/images_network/icon_star_rating.png) repeat-x left center;
				text-indent:-9999px;
				display:block;
				overflow:hidden
				}

				.r 	{ width:0 }
				.r1	{width:8px}
				.r2	{width:16px}
				.r3	{width:24px}
				.r4	{width:32px}
				.r5	{width:40px}
				.r6	{width:48px}
				.r7	{width:56px}
				.r8	{width:64px}
				.r9	{width:72px}
				.r10{width:80px}
				
				
			#partner-reviews .more-partner-reviews { text-align:center;display: none }
				
/* /CITYSEARCH */



 
	 
#hotel-detail { margin: 20px !important }

	

	
p.post-a-hotel-review a {
	margin:0;
	display:block;
	background:#eee;
	padding:10px 0;
	text-align:center;
	font:bold 13px/1 arial, verdana, helvetica, sans-serif;
}

#flickr_badge_source_txt {
	display:block;
	clear:both
	}

/*	div#map {
		width: 255px;
		height: 200px;
		}*/


.meta p.tags {
	padding:10px 10px !important
}


/****************************************************************************************************************
----------------------------------------------- NEW CSS ---------------------------------------------------
*****************************************************************************************************************/

.breadcrumbs, .breadcrumbs a { background:#222;color:#fff !important }


#chaos .nav {
	overflow: hidden;
	background:#f8f8f8;
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:666px;
	margin-bottom:20px
	}
	
	#chaos .nav li {
		float: left;
		text-align: center;
		padding: 8px 20px;
		display:none
		}
		
		#chaos .nav a {
			text-decoration: none !important;
		}
		
		 #chaos .nav li.active a {
			color: #f70 !important;
			}

/* ---------------------------- ORANGE H3 ------------------------- */

#hotel_dashboard h3 {
	margin: 20px 0 10px !important;
	padding: 0 !important;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	color: #f60;
	}


/* ---------------------------- RSS SUBSCRIBE ------------------------- */
	
#subscribe-stories {
	position: absolute;
	top: 0;
	right: 15px;
	padding: 0 10px;
	height: 25px;
	display: block;
	line-height: 25px !important;
	background: #000;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 0;
	}


/* ---------------------------- DIRECTORY SECTION HEADER ------------------------- */


#hotel-reviews #chaos .section-header {
	height: auto;
	min-height:175px;
	overflow: hidden;
	background:#e8e8e8 url(http://www.sfomedia.com/images_network/bg_section_header_pricing_12.png) no-repeat 0 top;
	border-bottom:1px solid #b6b6b6;
	}
	
	#hotel-reviews #chaos .section-header,
	#hotel_dashboard #chaos .section-header { border-top: 1px solid #fff }

/* ---------------------------- POPULAR HOTELS ------------------------- */

/* ---------------------------- HOTEL DIRECTORY GMAP ------------------------- */
	
#gmap-hotels {
	margin:1px 1px 0 0;
	height:450px !important;
	background:#eee;
	/*border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #c6c6c6;*/
	}
		
#popular-hotels {
	overflow: hidden;
	padding: 20px 20px 0;
	}

	#popular-hotels #popular-stories-header {
		margin: 0 0 25px;
		}
	
	#popular-hotels  #popular-hotels-nav {
		overflow: hidden;
		padding: 6px;
		}
	
	#popular-hotels  #popular-hotels-nav h3 {
		float:left;
		margin: 0  !important;
		padding: 0  !important;
		line-height: 1.5em !important;
	}
	
	#popular-hotels  #popular-hotels-nav ul {
		width: 400px;
		margin: 0 auto;
		overflow: hidden;
		}
	
	#popular-hotels  #popular-hotels-nav li {
		float: left;
		background: #c33;
		padding: 0 10px;
		margin: 0 1px;
		}
	
	#popular-hotels ul.popular-hotel-list {
		width: 628px;
		overflow: hidden;
		}
		
	#popular-hotels ul.popular-hotel-list .vcard {
		float: right;
		width: 190px;
		}
	
	#popular-hotels ul.popular-hotel-list li {
		line-height: 1.5em;
		width:295px;
		padding: 0 19px 0 0;
		float: left;
		height: 13em;
		}
		
		#popular-hotels ul.popular-hotel-list h4 {
			margin: 0;
			font-size: 15px !important;
			}
	
		#popular-hotels ul.popular-hotel-list li .adr {
			margin: 0.5em 0;
			}
			
			ul.popular-hotel-list .vcard .locality:after {
				content: ", ";
				}

			ul.popular-hotel-list .vcard .locality,
			ul.popular-hotel-list .vcard .region {
				display: block;
				float: left;
				padding-right: 0.5em;
				}
			
			ul.popular-hotel-list .vcard .country-name { text-transform: uppercase }
			
		#popular-hotels ul.popular-hotel-list .secondary {
			float: left;
			}
			
			#popular-hotels ul.popular-hotel-list .secondary div {
				background: #333;
				margin: 3px 0;
				width: 85px;
				height: 85px;
				overflow: hidden;
				}
				
				#popular-hotels ul.popular-hotel-list .secondary div img {
					width: 85px;
					height: 120px;
					margin: -20px auto 0;
					}
		

/* ---------------------------- SHOW MORE HOTELS is the PAGENAV on OTHER HOTELS ------------------------- */
				
#show-more-hotels {
	float: left;
	margin: 5px;
	clear: both;
	width: 313px;
	}
	
	#show-more-hotels li {
		background: #fff;
		margin: 0 1px 0 0;
		font-size: 11px;
		}
		
		#show-more-hotels li a,
		#show-more-hotels li span {
			padding: 4px 7px;
			display: block;
			float: left;
			}
			
			#show-more-hotels li a:hover {
				background: #0082cc;
				color: #fff;
				text-decoration: none;
				}
					
					b.next a {
	clear: both !important;
	}
	
h3 span {
	text-transform: none !important;
	font-size: 12px;
	font-style: italic;
	color:#f80;
	}


/* ---------------------------- DETAILS ------------------------- */

#details {
	background: #fff;
	overflow: hidden;
	margin: 2px;
	border: 1px solid #fff;
	background: #eee;
	text-align: center;
	}
	
	#details p {
		padding: 0;
		}
	
	#details #priced-from {
		float: left;
		padding: 0 20px 0 10px;
		border: 1px solid #yellow;
		background: #ff0;
		width: 80px;
		height: 4.5em;
		text-align: right;
		}
		
		#details #availability {
			float:left;
			width: 408px;
			}
			
			#details .check-in,
			#details .check-out {
				display: block;
				float: left;
				width: 201px;
				border: 1px solid #d6d6d6;
				height: 4.5em;
				line-height: 4.5em;
				margin-left: 1px;
				}
			
			#details input {
				background: #green;
				border: 0;
				border: 1px solid #darkgreen;
				outline: 0;
				float: right;
				height: 3.7em;
				margin: 0;
				width: 141px;
				color: #fff;
				font:15px/1 helvetica;
				text-transform: uppercase;
				}

/* ---------------------------- RELATED GALLERIES ------------------------- */
		
#related-galleries {
	margin: 20px 0;
	padding: 0 20px;
	overflow: hidden
	}
		
	#related-galleries li {
		width: 85px;
		height: 85px;
		border: 1px solid #ccc;
		float: left;
		margin: 5px 5px 0 0;
		text-align: center;
		line-height: 85px;
		color: #ccc;
		}

#sidebar #related-galleries {
	background:none !important
	}
	
	#container #sidebar #related-galleries h2 {
		margin: 0 -5px;
		text-indent:0;
		color:#f60;
		font-size:12px !important
		}
		
	#container #content #sidebar .related-gallery {
		background:#fff !important
		}
		
/*---------------------------- HOTEL REVIEWS SIDEBAR ADVERT -----------------------------
		
#hotel-reviews #sidebar .advert {
	background:#ccc url(http://www.sfomedia.com/images_network/bg_hotel_reviews_sidebar_noise.png);
	margin:0;
	border:none;
	border-bottom:1px solid #fff
	}*/

/* ---------------------------- HOTEL DIRECTORY SIDEBAR H2 ------------------------- */
		
	#hotel-reviews #sidebar h2 {
		font-size: 12px;
		text-transform:uppercase;
		letter-spacing:.1em;
		text-shadow: 0 1px 0 #fff
		}

/* ---------------------------- DEALS ------------------------- */
		
#deals  {
	padding: 0 20px 20px;
	overflow: hidden;
	}
	
	#deals ul { margin-top: 20px; }
	
	#deals li {
		float: left;
		width: 45%;
		margin: 0 0 0.5em;
		padding: 0 0 0 30px;
		}
		
		#deals ul li.tripadvisor { background: url(http://www.hotelchatter.com/files/admin/tripadvisor.gif) no-repeat 0 2px; }
		#deals ul li.tablethotels { background: url(http://www.hotelchatter.com/files/admin/tablethotels.gif) no-repeat 0  2px; }
		#deals ul li.fivestar { background: url(http://www.hotelchatter.com/files/admin/fivestar.gif) no-repeat 0  2px; }
		#deals ul li.pescapes { background: url(http://www.hotelchatter.com/files/admin/PElogo_22x15.png) no-repeat 0  2px; }
		#deals ul li.bookingcom { background: url(http://www.hotelchatter.com//images/Booking_icon16x16.gif) no-repeat 0  2px; }

/* ---------------------------- AD BOTTOM ------------------------- */

#ad-bottom {
	width:100%;
	clear: both;
	padding: 20px 0 !important;
	border-top: 2px solid;
	overflow: hidden;
	background: #fff;
	}
	
	#ad-bottom .advert {
		width: 100% !important;
		background:url(http://www.sfomedia.com/images_network/bg_advert_8.png) no-repeat center center; 
		}
	

#hotel_dashboard h3 {
	margin: 20px 0 10px !important;
	padding: 0 !important;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	color: #f60;
	}

	#subscribe-stories {
		position: absolute;
		top: 0;
		right: 15px;
		padding: 0 10px;
		height: 25px;
		display: block;
		line-height: 25px !important;
		background: #000;
		text-align: center;
		color: #fff;
		border: 1px solid #fff;
		border-bottom: 0;
		}

/****************************************************************************************************************
----------------------------------------------- HOTEL REVIEWS ---------------------------------------------------
*****************************************************************************************************************/

#hotel_dashboard .section-header h2 {
	font-size: 36px !important;
	line-height: 160px !important;
	text-align: center !important;
	width: 637px;
	padding: 0 !important;
	}
	
#browse .section-header h2 {
	font-size: 24px;
	text-align: center;
	width: 953px;
	padding: 24px !important;
	margin: 0 !important;
	line-height: 1em !important;
	}
	
	#browse .section-header .edit {display: none }		
		
/*---------------------------- HOTEL REVIEW MAP -----------------------------*/

#hotel-reviews #map {
	width:auto !important;
	height: 170px !important;
	margin: 1px 20px 0 20px;
	border:1px solid #d6d6d6;
	}

/*---------------------------- HOTEL REVIEWS DESCRIPTION -----------------------------*/

#hotel-reviews .hotel-description-wrapper {
	clear: both;
	overflow: hidden;
	}
	
	#hotel-reviews .hotel-description-wrapper .secondary {
		width: 85px;
		height: 85px;
		background: #333;
		margin: 3px 20px 0 20px;
		float: left;
		}

		#hotel-reviews .hotel-description-wrapper .secondary img {
			border:1px solid #b2b2b2;
			padding:2px;
			background:#f1f1f1;
			}
		
		/*#hotel-reviews .nav {
			padding-left: 100px;
			}*/

	#hotel-reviews .hotel-description-wrapper .primary {
		margin: 0 0 2em !important;
		padding: 0 !important;
		float: left;
		color: #000;
		text-shadow: 0 1px 0 #eee;
		font-size:11px;
		width:500px
		}
		
		#hotel-reviews .hotel-description-wrapper .primary img {
			border:1px solid #b2b2b2;
			padding:2px;
			background:#f1f1f1;
			margin:10px 0 10px 10px
			}

	#hotel-reviews .hotel-description-wrapper .primary blockquote p {
		margin: 0 !important;
		padding: 0 !important;
		color: #666 !important;
		text-shadow: 0 1px 0 #fff;
		font-size:11px;
		line-height:1.6em !important
		}
	
	#hotel-reviews .hotel-description-wrapper .primary br { display: none}
	
	#hotel-reviews .hotel-description-wrapper .primary blockquote {
		text-indent: 0;
		margin:0 0 15px !important;
		border: 0 !important;
		padding: 0  !important;
		}

/*---------------------------- HOTEL REVIEWS VCARD -----------------------------*/
	
#hotel-reviews #vcard {
	float: left;
	width: 637px;
	}

	#hotel-reviews .active .summary {
		font-size:15px
		}	

	h2.org {
		margin: 20px 20px 10px !important;
		line-height:1em !important;
		font-weight:bold;
		text-shadow:0 1px 0 #fff
		}
	
	#hotel-reviews #content #chaos #vcard .adr {
		margin:15px 0 0;
		padding:0;
		text-shadow: 0 1px 0 #fff;
		z-index: 10000;
		text-indent: 0;
		line-height:1.4em
		}
		
		#hotel-reviews #chaos .adr a { color:#333 }

		#hotel-reviews .adr div {
			font-size:11px !important;
			}
			
		#hotel-reviews .adr .org {
			clear:both;
			font-size:10px
			}
						
		#hotel-reviews #vcard p {
			display: block;
			margin: 6px 0;
			color:
			}						

/*---------------------------- HOTEL PRICING -----------------------------*/


#hotel-reviews #hotel-meta {
	padding: 15px 30px 0;
	width: 277px !important;
	float: right;
	/*background: url(http://www.sfomedia.com/images_network/bg_section_header_pricing_11.png) no-repeat -12px center*/
	}
	
	#hotel-reviews #hotel-meta a {
		text-decoration: none !important
		}

				
	#hotel-reviews .price-link {
		margin: 0 0 10px;
		text-align: center;
		font-family: Georgia, Times, serif;
		font-size: 22px !important;
		font-style: italic;
		text-shadow: 0 1px 0 #fff;
		border:none 
		}
		
		#hotel-reviews .price-link a { color:green }
			
			#hotel-reviews .price-link a:hover {
				text-decoration: none;
				border-bottom: 1px solid #333
				}
			
			#hotel-reviews .price-link b {
				color: #333;
				font-weight: normal;
				font-size: 22px !important; }
			
#hotel-reviews .hotels-combined-container {
	text-shadow: 0 1px 0 #fff;
	color: #333;
	}
	
	#hotel-reviews .hotels-combined-container form ul li {
		overflow: hidden
		}
			
		#hotel-reviews .hotels-combined-container form div {
			padding: 0.1em 10px 0 25px;
			width: 3em;
			float: left;
			text-align: right;
			font: bold italic 15px/1.5 georgia, serif;
			}
			
			#hotel-reviews .hotels-combined-container form select { float: left }
		

/* --------------------- HOTEL REVIEWS SOLO BUTTON ------------------*/

#hotel-meta .hotel-reviews-solo-button {
	display: block;
	height: 48px;
	float: right;
	width: 100%;
	}
	
	#hotel-meta .hotel-reviews-solo-button a,
	.hotels-combined-container form input[type="submit"] {
		display:block !important;
		padding:0 !important;
		width: 163px !important;
		height: 48px !important;
		margin: 0 auto;
		border: none !important;
		outline: none !important;
		text-indent: -9999px;
		background: url("http://www.hotelchatter.com/images/btn_check_prices_2.png") no-repeat 0 0 !important
		}
		
		.check-prices {
			margin:5px auto 15px
			}
		
/* --------------------- POST A REVIEW ------------------*/

#user-reviews {
	margin: 20px;
	}
	
	#user-reviews #comments-container {
		margin:0;
		}
		
		#user-reviews li {
			border-bottom:1px dotted #d6d6d6;
			}
	
	#user-reviews .user-reviewer-first {
		text-align:center;
		}
		
		#user-reviews #comment-count-bar {
			border-top:1px dotted #d6d6d6;
			
			}
		
ul.user-reviews-nav {
	background:#e3e3e3;
	padding: 0px;
	overflow:hidden;
	border-bottom:1px solid #fff;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5
	}
		
	ul.user-reviews-nav li {
	margin: 0 !important;
	padding: 0 !important
	}
	
	ul.user-reviews-nav li.user-reviews a{
		padding:0 25px;
		text-shadow:0 1px 0 #fff
		}

/*---------------------------- HOTEL REVIEW FLICKR -----------------------------*/

#hotel-reviews .flickr {
	margin:20px 15px
	}
	
	#hotel-reviews .header {
		overflow:hidden;
		padding-right:10px
		}

	#hotel-reviews .flickr .header h2 {
		float: left
		}
			
	#hotel-reviews .flickr .header div {
		float: right;
		font-style:italic
		}

#hotel-reviews #flickr_badge_wrapper {
	margin: 0;
	padding:15px 0 0;
	overflow:hidden;
	background:none
	}

	#flickr_badge_wrapper a {
	display:block;
	overflow:hidden;
	float: left;
	width: 85px;
	height:67px;
	margin: 0 6px 6px 0;
	background:#333
	}
	
	.flickr p {
		text-align:right;
		margin: 0 20px
		}
	.flickr a {
		font-size:11px;	
		}


/*---------------------------- HOTEL REVIEW POST A REVIEW -----------------------------*/

#hotel-reviews #comment-login,
#hotel-reviews #comment-form-logged-in {
	margin: 20px;
	width:598px
	}
	
/* ---------------------------- OTHER ------------------------- */

	
	#sidebar h2.bigcenter {
		clear: both;
		padding: 20px 0;
		font-size: 20px;
		text-align: center;
		font-weight: bold
		}
		
#post-a-review,
#comment-form-logged-in,
#post-a-review input[type="submit"] {
	display:block !important;
	height:auto;
	}
	
	#post-a-review {
		background:none 
		}
		
		#post-a-review label {
			text-align:left;
			color:#333;
			margin:4px
			}