/* float clearing  */
.wrapper, .wrap { display: inline-block; }
.wrapper:after, .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper, * html .wrap { height: 1%; }
.wrapper, .wrap { display: block; }

#header {
	padding-top: 4px;
	padding-bottom: 9px;
}
	#header .inside {
		height: 70px;
	}
		.eats #logo {
			position: absolute;
			height: 70px;
			width: 424px;	
		}
		.eats #logo a {
			background: url('../img/logo.png') no-repeat;		
			height: 70px;
			width: 424px;	
		}
.eats #sponsorCallout {
	top: 0px;
}

.eats .article h1 {
	margin: 0;
}
	.eats .article h1 a {
		background: url('../img/logo.png') no-repeat;	
		display: block;
		height: 86px;	
		margin: 0 auto 0 auto;
		outline: none;
		text-indent: -9999px;
		width: 414px;
	}
	.eats .article .tagline {
		background: url('../img/tagline-dropshadow.png') no-repeat center bottom;
		margin-bottom: 35px;
		padding-bottom: 35px;
	}
		.eats .article .tagline h2 {
			background: url('../img/tagline-background.png') no-repeat center 12px;
			color: #7AA830;	
			font-family: georgia, serif;
			font-size: 20px;
			margin: 20px 0 20px 0;
			text-align: center;
		}
#searchAndBrowse {
	margin-bottom: 25px
}
	#searchAndBrowse ul {
		margin: 0 auto 0 auto;	
		width: 446px;
	}		
		#searchAndBrowse ul li {
			float: left;
		}
		#searchAndBrowse ul li.search, #searchAndBrowse ul li.browse {
			margin-right: 10px;
		}
			#searchAndBrowse ul li a {
				border-top: solid 1px #aba889;
				border-left: solid 1px #aba889;
				border-right: solid 1px #aba889;						
				display: block;	
				color: #aba889;
				font-family: georgia, serif;
				font-size: 15px;
				outline: none;
				padding: 5px 0 5px 0;		
				text-align: center;
				width: 140px;			
			}
			#searchAndBrowse ul li a.active {
				background-color: #aba889;
				color: #fff;
			}		
#searchAndBrowse #searchForm, #searchAndBrowse #browseForm, #searchAndBrowse #nearbyForm {
	background-color: #aba889;
	padding: 25px 35px 15px 35px;
}
#searchAndBrowse #browseForm {
	padding-bottom: 25px;
}
	#searchForm .textbox, #nearbyForm .textbox {
		border: solid 1px #83816a;
		width: 100%;
		padding: 4px 0 4px 0;
		margin: 0 0 10px 0;
	}
	#searchForm .submit, #nearbyForm .submit {
		text-align: center;
	}
	
#browseForm {
	display: none;
}
	#browseForm table {
		width: 100%;
	}
		#browseForm table tr td {
			border-right: solid 1px #847f69;
			padding: 0 25px 0 25px;
			vertical-align: top;
			width: 65px;
		}
		#browseForm table tr td.last {
			border-right: none;
		}
			#browseForm table tr td h2 {
				color: #1c1a0e;
				font-family: georgia, serif;
				font-size: 14px;
				margin-bottom: 5px;
			}
			#browseForm table tr td ul {			
				width: auto;
			}
				#browseForm table tr td li {
					float: none;
					margin-bottom: 10px;
				}
					#browseForm table tr td li a {				
						color: #fff;
						text-align: left;						
						font-family: arial, sans-serif;
						font-size: 12px;
						line-height: .95em;
						padding: 0;						
						width: auto;	
					}
#nearbyForm {
	display: none;
}
.eats .article .content {
	margin: 0 20px 0 20px;
}
	.eats .content .previousSearch {
		color: #aba889;
		font-size: 1.1em;
	}
		.eats .content .previousSearch span {
			color: #000;
			font-family: georgia, serif;
			font-size: 1.3em;
		}

.eats #mapContainer {
	margin-bottom: 30px;
}
	.eats #mapContainer .viewMap a {
		background: url('../img/view_map.png') no-repeat;
		display: block;
		left: -6px;
		height: 38px;	
		margin-bottom: 5px;	
		outline: none;
		position: relative;
		text-indent: -9999px;
		width: 111px;
	}	
	.eats #mapContainer .viewMap a.disabled {
		background: url('../img/hide_map.png') no-repeat;
	}	
	.eats #mapContainer .map {
		margin-bottom: 5px;
	}
.eats #mapContainer .padding {
	display: none;
	padding: 5px;
	border: solid 1px #7AA830;	
}
	.eats #map {
		height: 290px;
	}
	
#searchResults {
	border-top: solid 1px #cecece;
}
#searchResults .result {
	border-bottom: solid 1px #cecece;
	position: relative;
}
	#searchResults .result .padding {
		padding: 10px 0 10px 0;
	}
	#searchResults .result.active {
		background-color: #ffffcc;
		cursor: pointer;
	}
	#searchResults .result h2 {
		margin-bottom: 0;
	}
	#searchResults .result .address {
		color: #7AA830;
		margin-bottom: 10px;
	}
	#searchResults .tags, .restaurant.view .tags {
		margin-bottom: 0;
	}
		#searchResults .tags span, .restaurant.view .tags span {
			color: #7AA830;
			font-family: georgia, serif;		
			font-size: 1.1em;
		}
		#searchResults .tags a, .restaurant.view .tags a {
			color: #555555;
		}
		.eats .tags a.vegetarianTag, .eats .tags a.veganTag, .eats .tags a.cuisineTag {
			color: #aba889;
		}
		.eatsCost {
			background: #DEDABD;					
			height: 13px;
			position: absolute;
			right: 0;
			top: 10px;
			width: 57px;			
		}
			.eatsCost div {
				background-color: #807B65;				
				font-size: .1em;				
				height: 13px;
				position: absolute;
			}		
			.eatsCost div.mask {
				background: url('../img/dollar-mask.png') no-repeat;				
				height: 13px;
				width: 57px;
			}
				.active .eatsCost div.mask {
					background: url('../img/dollar-mask-hover.png') no-repeat;
				}
		.eatsStars {
			background: #DEDABD;					
			height: 13px;
			position: absolute;
			right: 75px;
			top: 9px;
			width: 77px;			
		}
			.result .eatsStars div {
				background-color: #6CB532;				
				font-size: .1em;				
				height: 13px;
				position: absolute;				
			}	
			.result .eatsStars div.mask {
				background: url('../img/stars-all-mask.png') no-repeat;				
				height: 13px;
				width: 77px;
			}
				.active .eatsStars div.mask {
					background: url('../img/stars-all-mask-hover.png') no-repeat;
				}			

.paging {
	margin: 0 -95px 0 -95px;
	position: relative;
	top: 35px;
}
	.paging a {
		outline: none;
	}
	.paging .next, .paging .prev {
		float: left;
		height: 35px;				
		width: 200px;
	}
	.paging .prev a, .paging .next a, .paging .disabled {
		height: 35px;		
		text-indent: -9999px;		
		width: 200px;
	}
	.paging .prev a {
		display: block;
		background: url('../img/prev.png') no-repeat;			
	}
	.paging .next a {
		display: block;
		background: url('../img/next.png') no-repeat;		
	}
		.paging .prev .disabled {
			background: url('../img/prev-disabled.png') no-repeat;		
		}		
		.paging .next .disabled {
			background: url('../img/prev-disabled.png') no-repeat;		
		}	
	.paging .numbers {
		float: left;		
		width: 220px;
		padding: 8px 30px 8px 20px;
	}
		.paging .numbers span {
			border: solid 1px #9c9c9c;			
			float: left;			
			margin: 0 2px 0 2px;
		}
			.paging .numbers span a {
				display: block;
				font-size: .8em;														
				padding: 2px 5px 2px 5px;
			}
				.paging .numbers span a:hover {
					background-color: #ffffcc;
				}
			.paging .numbers span.current {
				background-color: #7AA830;
				color: #fff;
				font-size: .8em;														
				padding: 2px 5px 2px 5px;		
			}

.restaurant.view .info {
	position: relative;
}
	.restaurants.form .header h1, .pictures.add .header h1, .eats .content .header h1 {
		float: left;
	}
	.restaurants.form .header p.viewRestaurant, .pictures.add .header p, .eats .content .header p {
		float: left;
		margin-left: 10px;
		padding-top: 5px;
	}	
	.eats .content h1 {
		margin-bottom: 20px;
	}
		.restaurant.view h1 {
			width: 250px;
		}
	.restaurant.view .descriptionAndPicture img {
		border: solid 1px #7AA830;		
		float: right;
		margin: 0 0 5px 5px;
		padding: 5px;
	}
	.restaurant.view .descriptionAndPicture ul.reviews {
		margin-top: 0;
		margin-bottom: 0;		
	}
		.restaurant.view .descriptionAndPicture ul.reviews li.last {
			margin-bottom: 0;
		}
	.restaurant hr, .eats hr {
		border: 0;
		border-top: solid 1px #cecece;
		margin: 20px 0 20px 0;
	}
	.restaurant.view .col {
		float: left;
		width: 225px;
	}
		.restaurant.view .col.first {
			margin-right: 30px;
		}
	.restaurant.view .inaccurate {
		margin-left: -9px;
		margin-bottom: 0;		
	}	
		.restaurant.view .inaccurate a {
			background: url('../img/inaccurate.png') no-repeat;
			display: block;
			height: 43px;	
			outline: none;	
			text-indent: -9999px;
			width: 172px;		
		}
		.restaurant.view .inaccurate.disabled a {
			background: url('../img/inaccurate-disabled.png') no-repeat;
		}		
	.restaurant.view .menu {
		margin-left: -12px;
		margin-bottom: 0;		
	}	
		.restaurant.view .menu a {
			background: url('../img/menu.png') no-repeat;
			display: block;
			height: 47px;	
			outline: none;	
			text-indent: -9999px;
			width: 174px;		
		}	
	.restaurant.view .socialMedia {
		margin-bottom: 20px;
	}	
		.restaurant.view .socialMedia span {
			margin-bottom: 3px;
		}
		.restaurant.view .facebook {		
			background: url('../img/facebook.png') no-repeat;
			display: block;
			height: 23px;	
			line-height: 23px;		
			margin-left: -10px;
			margin-bottom: 0;
			padding-left: 40px;					
		}	
		.restaurant.view .twitter {
			background: url('../img/twitter.png') no-repeat;
			display: block;
			height: 23px;	
			line-height: 23px;
			margin-left: -10px;
			margin-bottom: 0;			
			padding-left: 40px;
		}							
		.restaurant.view .eatsCost {
			margin-bottom: 20px;
			position: relative;
			top: 0;
			right: 0;
			width: 57px;
		}
	#RestaurantTaglist {
		width: 470px;
		height: 50px;
	}
#ratingsContainer {
	background-color: #F4F4F4;
	padding: 5px 14px 5px 14px;
	position: absolute;
	top: -5px;
	right: 0;
}		
	#ratingsContainer div {
		float: left;
		line-height: 22px;
	}
		#ratingsContainer div.ratingsText {
			color: #7AA830;
			padding-top: 2px;
			margin-right: 10px;
		}
	.eatsRating {
		background: #DEDABD;
		height: 22px;
		position: relative;		
		width: 110px;
	}
		.eatsRating ul {			
			margin: 0;
			padding: 0;
			position: absolute;
		}
			.eatsRating ul li {
				float: left;
				height: 22px;
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 22px;
			}
				.eatsRating ul li.last {
					margin-right: 0;
				}
		.eatsRating div {
			font-size: .1em;
			height: 22px;				
			background-color: #6CB532;
		}	

.restaurants.form .picture img.currentPicture {
	float: left;
}
.restaurants.form .picture ul {
	float: left;
	margin-left: 20px;
}	
.pictures.add img.currentPicture {
	display: block;
	margin: 0 auto 20px auto;
}

.eats .reviews table {
	margin: 10px 0 10px 0;
	width: 100%;
}
	.eats .reviews table tr {
		border-bottom: solid 1px #cecece;
	}
		.eats .reviews table tr.altrow {
			background-color: #ffffcc;
		}
	.eats .reviews th {
		color: #000;
		font-weight: bold;
		text-align: center;
	}
	.eats .reviews table td {
		padding: 5px;
		border: solid 1px #ccc;
	}
		.eats .reviews table td.actions {
			text-align: right;
		}
		
.infoWindow {
	margin: 0 0 20px 0;
}

.infoWindow p {
	padding-bottom: 20px;
}

.tagcloud p.tags {
	display: none;
}
.tagcloud p.tags a:hover {
	text-decoration: underline;
}	
		
.eats .footer {
	background: #fff;	
	margin-top: 4px;
	padding: 10px;
}

/* Extend hform */
form.hform div { margin-bottom: 10px; }
form.hform div label { float: left; width: 150px; }
form.hform div input { width: 200px; }
form.hform div select { width: 200px; }
form.hform div input.button { width: auto; }
form.hform div input.checkbox { width: auto; }
form.hform div input.radio { width: auto; }
form.hform div.checkbox { margin-left: 100px; }
form.hform div.checkbox label { float: none; }
form.hform div.checkbox input { width: auto; }
form.hform div input, form.hform div textarea, form.hform div select { border:1px solid #bbb;}
form.hform div input { font-size: 14px; padding: 2px; }
form.hform div label { padding-top: 2px; font-weight: normal; font-size: 14px;}
form.hform div.text input.little { width: 46px;}
form.hform div.text input.medium { width: 100px;}
form.hform div.textarea textarea { width: 290px; height:120px; font-size: 14px;}
form.hform div.textarea textarea.little { width: 290px; height: 80px;}
form.hform div.date select, form.hform div.datetime select { width: auto;}
form.hform div.time select { width: auto;}
form.hform div.submit input { width: auto;}

/* Success, notice and error boxes */
.error,.notice,.success, .message { padding: 10px; margin-bottom: 20px; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success, .message   { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a, .message a { color: #264409; }

pre {
	background-color: #ffffcc;
}
		
.cake-sql-log {
	background-color: #fff;
	font-size: 12px;
}
.cake-sql-log tr {
	border-bottom: solid 1px #ccc;
}
.cake-sql-log td {
	padding: 5px;
}