/*
 *	Metroseeq CSS file. 
 *	Layout.css
 */


/* Defaults 
------------------------------------ */  

* {
	margin: 0;
	padding: 0;
}
html {
	background: #FFF url(../images/headerDetail.gif) no-repeat right top;
}
body {
	color: #555;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: "Trebuchet MS", Verdana, Sans-serif; 
}
a, a:link, a:visited {
	color: #0077ff;
	text-decoration: none;
} 
a:hover {
	text-decoration: underline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	/* this conflicts with WYSIWIG alignment on /testimonials page */
	/*text-align: left;*/
	font-weight: normal;
}
.clear{
	clear:both;
}
img {
	/*border: 4px solid #E9E9E9;*/
}
a img {
	border: 0;
}
.loading img {
	border: none;
	margin: 5px 5px 0 0;
}

/**
 * Layout of main elements
 */

#Container { 
	margin: 0px 30px;
}
	.popup #Container {
		margin: 10px;
	}
#Layout {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
#Content {
	width: 78%;
	float: left;
}
#Sidebar {
	width: 20%;
	float: right;
}
/** 
 * Location name next to the logo
 */

#Location {
	float: left;
	margin: 20px 0 0 20px;
	height: 43px;
	border-left: 2px solid #eee;
	padding-left: 18px;
}
	#Location p {
		font-size: 24px;
		/*padding-top: 7px;*/
		color: #c7c7c7;
	}
		#Location a {
			color: #0077ff;
			font-size: 10px;
			text-indent: 10px;
		}
#ChooseDefaultCityLink {
	cursor: pointer;
}	

/** 
 * Watch Video Link
 */
#WatchVideo {
	float: left;
	width: 100px;
	margin: 17px 0 0 20px;
}
/** 
 * User Options in the top right
 */
#UserOptions {
	float: right;
	color: #aaa;
	width: 400px;
	text-align: right;
}	

	#UserOptions ul {
			margin-top: 0.5em;
	}
		#UserOptions li {
			display: inline !important;
			font-size: 12px;
		}
		
		#UserOptions li.feedback a {
			color: Red;
		}
		
	#UserOptions p {
		font-size: 18px;
		margin: 14px 0 2px 0;
		height: 24px;
		color: #777;
	} 
		#UserOptions a {
			margin: 0 1px;
			padding: 0 1px; /* Aid clicking of the link */
		}
		#UserOptions #MemberLocations {
			display: inline;
		}

/**
 * Header 
 */
#Header { 
	margin: 15px 30px 12px 30px;
	overflow: hidden;
	}
 	#Header h1 a { 
		display: block;
		float: left;
		width: 187px;
		height: 61px;
		outline: none;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9000px;
	}
	#Header .memberLocationsLink {
		display: inline !important;
	}

/**
 * Navigation 
 */
#Navigation ul {
	margin: 2em 0 0 2em;
}
#Navigation li {
	margin: 0 0 0 1em;
}

/** 
 * That big old orange bar that takes up the page! Its the search
 */
#OrangeBar h2 {
	display: block;
	width: 344px;
	height: 29px;
	color: #fff;
	font-size: 28px;
	margin: 12px 0 6px 0;
}
body.page #SearchBar h2 {
	display: block;
	width: 1000px;
	position: relative;
	
}
	
body.memberprofilecontroller #OrangeBar h2 {
	display: block;
	background: url(../images/accountAdminTitle.gif) no-repeat;
	text-indent: -9000px;
}

#SearchBar {
	width: 100%;
	background: #fc9e16 url(../images/orangebarHomeLeft.gif) repeat-x left top;
}
	#SearchBar p {
		color: #ffebcb;
		font-size: 14px;
		line-height: 18px;
		width: 480px;
	} 
	#SearchBar a, 
	#SearchBar a:link, 
	#SearchBar a:visited {
		color:#fff;
	}
	#SearchBar label {
		font-size: 16px;
		font-weight: bold;
		color: #833d12;
	}
	#SearchBar .middleColumn {
		margin-bottom: 4px;
	}
	#SearchBar small {
		font-family: Verdana, Sans-serif;
		font-size: 10px;
		color: #913700;
	}
	.page #SearchBar h2,
	.page #SearchBar .intro,
	.page #SearchBar .clear {
		display: none;
	}

	
/** the left side bg */
#OrangeBar {
	margin-left: 30px;
}
/* Home Verision (big) */
body.homepage #SearchBar {
	height: 240px;
}
	body.homepage #SearchBar #OrangeBar {
		height: 100%;
		background: transparent url(../images/orangebarRightDefault.gif) no-repeat right top;
	} 
	#SearchBar h2#SearchBarTagline {
		width: 505px;
		height: 44px;
		float: left;
		margin-top: 6px;
		background: url(../images/tagline.gif) no-repeat left top;
		text-indent: -9000px; 
	}
	body.place_controller #SearchBar h2#SearchBarTagline {
		display: none;
	}

/* Smaller Version */

#SearchBar {
}
	#SearchBar #OrangeBar {
		height: 100%;
		padding: 4px 0 10px 0;
		background: url(../images/orangebarRightDefault.gif) no-repeat right top;
		overflow: hidden;
	} 
	
#BodyGrad {
	width: 100%;
	clear: both;
	height: 20px;
	background: #fff url(../images/bodyGrad.gif) repeat-x left top;
} 
/* Stuff inside the bar */
#UserSearch {
	float: left;
	width: 510px;
}
#Choose {
	float: right;
	margin: 48px 16px 0 0;
	width: 400px;
	height: 130px;
	background: transparent url(../images/chooser/mainbg.png) no-repeat left bottom;
}

body.page #Choose {
	margin: 0px 16px 0 0;
}
	#Choose h3 {
		color: #fff;
		font-weight: 700;
		font-size: 16px;
		text-indent: 5px;
		margin-bottom: 6px;
	}
		#Choose h3 span {
			font-size: 11px;
			color: #ffc48b;
			font-weight: 500;
		}
		#Choose .carousel-component {
			width: 326px;
			float: left;
		}
	#Choose ul {
		margin: 0;
	}
		#Choose li {
			list-style: none;
			float: left;
		}
			#Choose li a {
				color: #fff;
				font-size: 11px;
				width: 82px;
				display: block;
				float: left;
				text-align: center;
				font-weight: 700;
			}
			#Choose li a img {
				border: 3px solid #e38513;
				display: block;
				margin: 0 auto 2px auto;
			}
		#Choose .prev-arrow-container,
		#Choose .next-arrow-container {
			float: left;
		}
		#Choose a.prevLink {
			display: block;
			width: 20px;
			height: 60px;
			text-indent: -9000px;
			outline: none;
			background: url(../images/leftArrow.gif) no-repeat left center; 
		}
		#Choose a.prevLink.disabled {
			background: none;
			cursor: default;
		}
		#Choose a.moreLink {
			display: block;
			width: 18px;
			height: 60px;
			text-indent: -9000px;
			outline: none;
			background: url(../images/rightArrow.gif) no-repeat right center; 
		}
		#Choose a.moreLink.disabled {
			background: none;
			cursor: default;
		}
		#Choose .chooseContent {
			width: 380px;
			margin: 12px auto 0 auto;
		}
			* html #Choose .chooseContent {
				margin-top: 4px;
			}
			* html #Choose {
				margin: 42px 8px 0 0;
				background-image:none;
				/*
				// No background for IE6, messes up event handlers for carousel
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/mesq/images/chooser/mainbg.png', sizingMethod='crop');
				*/
			}
		
		#Choose #prev-arrow-container, 
		#Choose #next-arrow-container { 
		    float:left;
		    margin: 0px;
		    padding: 0px;
		}
		
		#Choose #next-arrow a { 
		    cursor:pointer; 
		}
			#Choose #next-arrow .disabled {
				cursor: default;
			}
		#Choose #prev-arrow a
		 { 
		    cursor:pointer; 
		}
			#Choose #prev-arrow .disabled {
				cursor: default;
			}
		
		#Choose #overlay {
		  width: 200px;
		  height: 80px;
		  background-color:  #FFF;
		  position: absolute;
		  top: 25px;
		  left: 150px;
		  padding-top: 10px;
		  z-index: 100;
		  color: #000;
		  border:1px dotted #000;	
			text-align: center;
			font-size: 24px;
		  filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;
		}
/**  
 * Homepage layout
 */
#LeftWrapper,
#BottomLeftWrapper {
	width: 66%;
	float: left;
	overflow: hidden;
}
	.homepage #LeftWrapper {
		width: 74%;
	}
	#LeftWrapperRight {
		margin-left: 384px; 
	}

#RightWrapper,
#BottomRightWrapper {
	width: 33%;
	float: right;
}
	.homepage #RightWrapper {
		width: 25%;
	}
	.page #RightWrapper {
		/*margin-top: 28px;*/
	}
	body.deal_controller #LeftWrapper {
	/*width: 66%;*/ /* Solution for ticket 244, Geoff, May 9th 2008), see line 1356 too */
	width: 100%;
	}
	body.deal_controller #RightWrapper {
		margin-top: 0;
	}
#WheelOfMeals {
	/*width: 375px;*/
	float: left;
}

#WheelOfMeals .content {
	text-align: center;
}

a.buttonDealHunt,
a.buttonShowEverything {
	display: block;
	width: 283px;
	height: 42px;
	outline: none;
	margin: 0 auto;
	text-indent: -9000px;
}

a.buttonDealHunt {
	background: url(../images/buttonDealHunt.gif) no-repeat;
}
a.buttonShowEverything {
	background: url(../images/buttonShowEverything.gif) no-repeat;
}
body.homepage .typography ul,
body.homepage .typography ol {
	margin: 0;
}
/**
 * The Blue Boxes 
 */
.box {
	width: 100%;
	float: left;
	margin-bottom: 14px;
}
	.box .container {
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		margin: 0 1px;
		clear: both;
	}
		.box .container .content {
			margin: 0 15px;
			padding: 10px 0;
		}
	body .box h3 {
		float: left;
		width: 100%;
		height: 2.15em;
		line-height: 2.17em;
		font-size: 13px;
		margin: 0;
		padding: 0;
		background: #50a0d1 url(../images/boxHeading.gif) repeat-x left top;
	}
		.box h3 span {
			width: 15px;
			height: 2.15em;
			display: block;
			float: left;
			background: url(../images/boxHeadingLeft.gif) no-repeat left top;
		}
		.box h3 small {
			color: #fff;
			font-size: 9px;
		}
		.box h3 em {
			height: 2.15em;
			display: block;
			line-height: 2.17em;
			font-style: normal;
			font-size: 13px;
			font-family: "Trebuchet MS", Verdana, sans-serif;
			font-weight: 700;
			margin: 0;
			color: #fff;
			width: 100%;
			background: url(../images/boxHeadingRight.gif) no-repeat right top;
		}
		.box h3 em a {
			color: #fff;
		}
	.boxBottom {
		height: 11px;
		width: 100%;
		background: #000;
		background: url(../images/boxBottom.gif) repeat-x left top;
	}
		.boxBottom span {
			float: left;
			width: 11px;
			height: 11px;
			background: url(../images/boxBottomLeft.gif) no-repeat left top;
		}
		.boxBottom em {
			float: right;
			width: 11px;
			height: 11px;
			background: url(../images/boxBottomRight.gif) no-repeat right top;
		}
/**
 * Homepage: Most Seeqlisted 
 */
#MostSeeqlisted div,
#MostSeeqlisted li {
	font-size: 11px;
}

#MostSeeqlisted li {
	clear: both;
	padding-bottom: 6px;
}

#MostSeeqlisted ul,
#MostSeeqlisted li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#MostSeeqlisted img {
	float: left;
	margin: 5px 10px 10px 0;
	width: 40px;
}
#MostSeeqlisted h4 {
	font-size: 11px;
	display: inline;
}
#MostSeeqlisted .mostListedDetails {
	margin-left: 60px;
}
 
/**
 * Homepage: Top Contributors 
 */
#TopContributors div,
#TopContributors li {
	font-size: 11px;
}

#TopContributors li {
	clear: left;
}

#TopContributors ul {
	margin-top: 0;
	margin-bottom: 0;
}
#TopContributors ul,
#TopContributors li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}


/**
 * Member Profile 
 */
.memberProfile #Content {
	width: 100%;
}

#ProfileLeft {
	width: 32%;
	margin-right: 10px;
	float: left;
}

	#ProfileLeft label.left small.sub {
		position: relative;
		left: 100%;
	}
	
	#ProfileLeft a.deletelink.floatright {
		float: right;
		margin-right: 20px;
		margin-top: -2em;
		margin-bottom: 1em;
		position: relative;
	}
	
#ProfileMiddle {
	width: 32%;
	margin-right: 10px;
	float: left;
}
#ProfileRight {
	width: 32%;
	float: left;
}

#AccountAdmin .contribution {
	display: block;
	width: 65px;
	height: 65px;
	float: left;
	margin-right: 10px;
	background: url(../images/blueBoxBg.gif) no-repeat top left;
	text-align: center;
}
	#AccountAdmin .contribution strong {
		font-size: 30px;
		color: #fff;
		margin: 7px 0 5px 0;
		float: left;
		width: 100%;
		text-align: center;
		line-height: 1;
		display: block;
	}
	#AccountAdmin .contribution span {
		color: #fff;
		font-weight: bold;
		clear: left;
		font-size: 10px;
	}
#ContributionRatingCount,
#ContributionDealCount {
	overflow: hidden;
}
#ContributionRatingCount {
	margin: 6px 0 12px 0;
}
#MemberWisdomsHolder hr {
	margin: 1em 0;
}
#MemberWisdomsHolder li p {
	margin-bottom: 0;
	line-height: auto;
}

/**
 * Deal 
 */
.deal .dealDetails {
	overflow: hidden;
}
.deal .dealDesc {
	float: left;
	width: 110px;
}
	.deal .dealDesc .image {
		margin-top: 4px;
	}



/**
 * Deal Votes 
 */
.deal .vote {
	background: #e2dab1;
	float: right;
	width: 48px;
	display: block;
	margin: 4px 12px 4px 4px;
	text-align: center;
}

div.deals div.dealBox .deal .vote {
	/*display: none !important;*/	/*This will hide the votes in the restuarant view*/
}

.deal .vote .voteCount {
	display: inline;
}
	.deal .vote .voteCount strong span {
		display: none;
	}
	.deal .vote .voteCount strong {
		display: block;
		padding:3px 0pt 4px 0;
		width:40px;
		font-size: 13px;
		font-weight: bold;
		border: 1px solid #c2b988;
		color: #000;
		background: #d2cf99;
		margin: 5px auto;
	}
	.deal .vote .voteCount strong.verygood {
		background: #9ed800;
		border: 1px solid #fff;
		width: 20px;
		height: 5px;
	}
	.deal .vote .voteCount strong.good {
		background: #d3d257;
		border: 1px solid #fff;
		width: 20px;
		height: 5px;
	}
	.deal .vote .voteCount strong.neutral {
		background: #c8bf8f;
		border: 1px solid #fff;
		width: 20px;
		height: 5px;
	}
	.deal .vote .voteCount strong.bad {
		background: #c37a45;
		border: 1px solid #fff;
		width: 20px;
		height: 5px;
	}
	.deal .vote .voteCount strong.verybad {
		background: #e0402b;
		border: 1px solid #fff;
		width: 20px;
		height: 5px;
	}
.deal .vote strong,
.deal .vote .voteMemberCount,
.deal .vote .notFound,
.deal .vote a.lightwindow {
	width: 48px;
	display: inline-block;
	margin: 0 auto 3px auto;
	text-align: center;
}
.typgraphy .deal .vote strong {
	font-size:24px;
	display: block;
	font-weight: bold;
}
.deal .vote a.positive {
	height: 20px;
	width: 16px;
	text-indent: -9000px;
	margin: 6px 0 6px 6px;
	outline: none;
	float: left;
	display: block;
	background: url(../images/dealUpIcon.gif) no-repeat left bottom;
}
.deal .vote a.negative {
	width: 16px;
	height: 20px;
	text-indent: -9000px;
	outline: none;
	float: right;
	margin: 6px 6px 6px 0;
	display: block;
	background: url(../images/dealDownIcon.gif) no-repeat left bottom;
}
.deal .vote .notFound {
	display: inline;
	height: 40px;
}

/**
 * Deal List 
 */

#DealListHolder .toggle {
	display: none;
}
#DealListHolder .dealsHolder .deals * {
	font-size:10px;
}
#DealListHolder .deals h4 {
	border: none;
	font-size: 12px;
}

#DealListHolder .deals ul,
#DealListHolder .deals li {
	list-style: none;
	margin: 0;
}
#DealListHolder .deals .place {
	clear: left;
	overflow: hidden;
	margin: 10px 0 10px -10px;
	border-bottom: 1px solid #ddd;
}
#DealListHolder .firstItems {
	padding: 0;
	margin: 0;
}
#DealListHolder .deals .place .details {
	overflow: hidden;
	float: left;
	margin: 14px 0 0 0;
	text-align: left;
	padding: 0;
	width: 180px;
}
#DealListHolder .deals img {
	border: none;
}
#DealListHolder .deals .deals {
	overflow: hidden;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	margin-bottom: 10px;
}
.deal {
	overflow: hidden;
	float: left;
	width: 175px;
	margin: 0px 10px 10px 0;
	background: url(../images/dealNormalMid.gif) repeat-y left top;
}

	.deals li.deal.dummy {
		/*clear: both; width: 0px; margin-left: -1px;*/
		width: 100%;
		height: 0px;
	}
	
	.deals .deal h5 {
		padding: 11px 11px 0 11px;
		color: #fff;
		/*width: 170px;*/
		overflow: hidden;
		font-weight: 700;
		font-size: 12px;
		background: url(../images/dealNormalTitle.gif) no-repeat left top;
	}
	.typography .deals a {
		font-weight: normal;
	}
	.deal img {
		margin: 0 0 0 12px;
		text-align: center;
	}
	.deal .vote img {
		margin: 0;
	}
	.deals .dealBottom {
		height: 31px;
		width: 175px;
		background: url(../images/dealNormalBottom.gif) no-repeat left top;
	}
		.deals .noBackground {
			background: none;
		}
		.deals .dealBottom .controls,
		.deals .dealBottom .moreInfo {
			background:#FFF;
			color:#CCC;
			float:right;
			font-size:10px;
			margin:10px 8px 0 0;
			padding:2px 0 3px 14px;
			width: auto;
			text-align: right;
			letter-spacing: -0.05em;
		}
		.deals .dealBottom .controls a {
			background: #fff;
		}
	.deals p.description,
	.deals p.description {
		margin: 3px 2px 4px 10px;
		font-size: 10px;
		line-height: 1.2;
	}
	
	li.deal-overview a {
		color: #FE7615;
		font-size: 12px;
	}
	
	/* Hiding interactive functionality on deallist to simplify application state */
	#DealListHolder .deal .controls,
	#DealListHolder .deal .vote {
		display: none;
	}
	.placeInfoWindowMax .deals .dealBottom .moreInfo {
		display: none;
	}
	


/**
 * Deal Edit Form
 */
#DealEditForm_DealEditForm_Description .charcount-safe {
	font-size: 10px;
}	
	
	
/**
 * Sidebar Styling (rough)
 */

#Sidebar ul {}
	#Sidebar li {
		margin-bottom: 12px;
		list-style: none;
	}
		#Sidebar li a.current {
			text-decoration: none;
			color: #000;
		}
/**
 * Search Form 
 */
.homepage #UserSearch form {
	margin-top: 16px;
}

#UserSearch form {
	margin: 10px 0 0 0;
	overflow: hidden;
}
body.page #UserSearch form {
	clear: left;
	margin-top: 28px;
}
#UserSearch form .CompositeField {
}
	#UserSearch form fieldset {
		width:auto;
		float: left;
	}
	#UserSearch form span.message {
		display: block;
		padding:0;
		margin-top: 0;
	}
	#UserSearch form span.message span {
		display: block;
		margin: 5px;
	}
	
	#UserSearch form .column,
	#UserSearch form .Actions {
		float: left;
	} 
	#UserSearch form #ColumnWhat {
		margin-right: 6px;
		color: #985400;
	}
	#UserSearch form .memberLocationsLink {
		display: inline !important;
	}
	#UserSearch form #ColumnWhere {
		margin-right: 4px;
		color: #985400;
	}
	#UserSearch form input.text {
		width: 200px;
		font-size: 16px;
		color: #797979;
		border: 2px solid #d97e00;
		background: #fff url(../images/inputSearchBg.gif) repeat-x left bottom;
		padding: 6px 6px 5px 6px;
	}
	#UserSearch form input.action {
		border: 2px solid #e9840d;
		color: #fff;
		margin-top: 1.6em;
		padding: 5px 6px 6px 6px;
		outline: 0 solid #fff;
		font-size: 14px;
		background: #72c0f3 url(../images/searchSubmit.gif) repeat-x left bottom;
		width: auto;/* Quick fix for input. Needs to be tidied up later */
      	overflow:visible;
      	*width: 1;
	} 
	#UserSearch form input.action:focus {
			border: 2px solid #d97e00;
			background: #5cade3 url(../images/searchSubmitFocus.gif) repeat-x left bottom;
		}

	#UserSearch form #ListCitiesLink,
	#UserSearch form #ListCuisinesLink {
		display: inline;
		cursor: pointer;
		color: #fff;
		margin: 0;
		letter-spacing: -0.03em;
		font-weight: 700;
	}
	#UserSearch form #ListCitiesLink:hover,
	#UserSearch form #ListCuisinesLink:hover {
		text-decoration: underline;
	}
	#UserSearch form #ListCities ul,
	#UserSearch form #ListCuisines ul {
		width: 8em;
		float: left;
		list-style: none;
	}
/**
 * Map Page Misc 
 */

#MapSettingsTop {
	float: left;
	font-size: 11px;
	height: 36px;
	line-height: 32px;
	color: #6a6a6a;
	width: 100%;
}

#MapSettingsBottom {
	clear: left;
	margin-bottom: 15px;
	overflow: hidden;
}

#MapYourLocation p {
	background: url(../images/centerDot.gif) no-repeat left center;
	padding-left: 20px;
	float: left;
}

#MapLockCenterContainer {
	text-indent: 30px;
	width: 158px;
	float: right;
	overflow: hidden;
	height: 29px;
	line-height: 29px;
	background: url(../images/lockcenterbutton.gif) no-repeat top left;
}
#MapSettingsTop {
	display: none;
}
#MapLockCenterContainer.enabled,
#Container .enabled#MapLockCenterContainer {
	background-position: bottom left !important;
	margin-top: 0;
	padding-top: 0;
}
	#MapLockCenterContainer:hover,
	#MapLockCenterContainer label:hover,
	#ResultsStopSearchContainer:hover,
	#ResultsStopSearchContainer label:hover {
		cursor: pointer;
	}
	#MapLockCenterContainer.disabled:hover,
	#MapLockCenterContainer.disabled label:hover,
	#ResultsStopSearchContainer.disabled:hover,
	#ResultsStopSearchContainer.disabled label:hover {
		cursor: normal;
	}
	#MapLockCenterContainer input {
		margin:0px 0 0 -10px;
		float: left;
		width: 0;
		height: 0;
	}

	#LockCenter label {
		color: #468bb6;
	}
	#MapLockCenterContainer a {
		font-weight: 700;
		position: relative;

		color: #ff7022;
	}
		#ResultsStopSearchContainer a {
			position: relative;
			left: 2px;
			top: 4px;
		}
	#ResultsStopSearchContainer {
		display: block;
		width: 138px;
		height: 23px;
		margin: -4px 0px 4px 0;
		_margin-top: 0;
		overflow: hidden;
		background: url(../images/stopprogessive.gif) no-repeat top left;
	}
		#ResultsStopSearchContainer label {
			float: left;
			font-size: 10px;
			height: 23px;
			line-height: 23px;
			text-indent: 8px;
			padding: 0;
			margin: 0;
		}
		#ResultsStopSearchContainer.enabled {
			background-position: bottom left;
			position: none;
		}

			#ResultsStopSearchContainer input {
				float: left;
				margin-left: -20px;
			}
.loading {
	width: 70px;
	text-align: center;
	margin: 0 auto;
	line-height: 2.2;
	font-size: 12px;
	font-weight: 700;
}
	.loading img {
		float: left;
	}
/**
 * Map 
 */
.map {
	float: left;
	width: 98%;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #e6e6e6;
}
.mapInner {
	border: 1px solid #A7A7A7;
	height: 480px;
}

	/*Place a loader icon in the middle*/
	.loader_icon {
		width: 43px;
		height: 11px;
		background: url(/mesq/images/map_loader.gif) top left no-repeat;
		position: relative;
		display: none;		
	}

#MiniMap {
	float: none;
}
#Directions {
}
#Results .toggle {
	display: none;
	padding: 5px;
}

#Results {
	overflow:hidden;
	width: 100%;
	float: right;
}
	#ResultsList {

	}
	#Results ul {
		height: 423px;
		overflow-x: hidden;
		overflow-y: scroll;
		width: 100%;
	}
	#Results ul {
		list-style: none;
	}
	#Results ul li {
		padding: 15px 10px 8px 6px;
		font-size: 11px;
		color: #666;
		border-bottom: 1px solid #d9d9d9;
	}
	#Results ul li li {
		border: none;
		padding: 0;
	}
	#Results ul li.error:hover {
		cursor: default;
		background: none;
	}
	#Results ul li:hover {
		cursor: pointer;
	}
	#Results ul li a {
		color: #0077ff;
		font-size: 13px;
		text-decoration: none;
		font-weight: 700;
	}
		#Results ul li a:hover .fn {
			text-decoration: underline;
		}
		#Results li a .distance {
			color: #999;
			font-weight: 500;
			font-size: 11px;
		}
		#Results ul li a:hover {
			text-decoration: none;
		}
		#Results ul li:hover,
		#Results ul li.hover {
			background: #eee;
		}
		#Results ul li.message {
			background: none;
			border: none;
		}

	#Results .ajaxLoader {
		height: 100%;
		height: 470px;
		text-align: center;
	} 
	#Results .ajaxLoader img {
		margin-top:180px;
	}
	#Results .locality {
		display: none;
	}
	#Results .message {
		width: auto;
	}
	#ResultsTop {
		height: 32px;
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #d9d9d9;
	}
		#ResultsTopContainer {
			margin: 8px 10px;
		}
	/* The Loading and stop loading area in the results */
	#ResultsLoadingIndicator,
	#ResultsLoaded {
		color: #6a6a6a;
		overflow: hidden;
		font-size: 12px;
	}
		#ResultsLoadingIndicator img,
		#ResultsLoaded img {
			border: none;
			float: left;
			margin-top: 0;
		}
		#ResultsLoadingIndicator span,
		#ResultsLoaded span {
			float: left;
			font-size: 12px;
			color: #6a6a6a;
			margin: 0 0 0 6px;
		}
			#ResultsLoaded span {
				color: #aaa;
			}
			#ResultsSettings {
				float: right;
				padding: 0;
				font-size: 11px;
				margin-right: 5px;
				color: #6a6a6a;
			}
				#ResultsSettings a {
					font-weight: 700;
					font-size: 13px;
					margin: 0 0 0 2px;
					padding: 1px;
				}
	/* Results Result list Resulting in Results */
	#Results .result {
		clear: left;
		overflow: hidden;
		width: 100%;
	}
		#Results .results .hasDeals {
			background: url(../images/marker-results-deal.gif) no-repeat 90% center;
		}
			#Results .results li.hasDeals:hover {
				background: #eee url(../images/marker-results-deals-hover.gif) no-repeat 90% center;
			}
	
	.result .geo,
	.placeDetail .geo {
		display: none;
	}
	#Results .result .pushpin {
		width: 30px;
		float: left;
		height: 30px;
		display: block;
	}
	#Results .result .marker {

	}
	#Results .result .pushpin a {
		display: block;
		height: 30px;
		float: left;
		height: 30px;
	}
	#Results .result .pushpin img {
		border: none;
	}	
	#Results .result .placeDetails {
		float:left;
		overflow: hidden;
		margin: -5px 0 0 0;
	}
		#Results .result .titleDiv {
			float: left;
		}
			#Results .result .titleDiv a {
				float: left;
				display: inline;
			}
				#Results .result .titleDiv a span.distance {
					float: left;
				}
		#Results div.adr {
			clear: left;
		}
body.deal_controller #ResultsArea {
	display: none;
}		
/**
 * Switch view button
 */
span#MapShowInDealHunt,
span#MapShowInPlaceView {
	margin-top: 4px;
	display: block;
	height: 31px;
	float: left;
	padding-left:10px;
	background: #61b300 url(../images/mapbutt/switchDealLeft.gif) no-repeat top left;
}
		span#MapShowInDealHunt a,
		span#MapShowInPlaceView a {
			display: block;
			float: left;
			height: 31px;
			line-height: 32px;
			font-size: 12px;
			font-weight: bold;
			color: #fff;
			padding-right: 60px;
			background: url(../images/mapbutt/switchDealRight.gif) no-repeat top right;
		}
			span#MapShowInDealHunt a:hover {
				color: #e0ffae;
				text-decoration: none;
			}
span#MapShowInPlaceView {
	background: #fe9921 url(../images/mapbutt/switchLocalLeft.gif) top left;
}
		span#MapShowInPlaceView a {
			color: #fff;
			background: url(../images/mapbutt/switchLocalRight.gif) no-repeat top right;
		}
			span#MapShowInPlaceView a:hover {
				color: #ffe5b7;
				text-decoration: none;
			}
/** 
 * Print Button 
 */
span#MapPrint {
	float: left;
	display: block;
	width: 106px;
	margin-top: 4px;
	margin-right: 4px;
	height: 32px;
}
	span#MapPrint a {
		display: block;
		width: 106px;
		height: 32px;
		text-indent: 12px;
		font-size: 12px;
		font-weight: bold;
		line-height: 34px;
		color: #666;
		float: left;
		background: #fff url(../images/mapbutt/print.gif) no-repeat top right;
	}
		span#MapPrint a:hover {
			text-decoration: none;
			color: #999;
		}
/**
 * Deal Type Selections 
 */
#DealTypeSelection {
	display: none; /* Solution for ticket 244, Geoff, May 9th 2008), see line 394 as well */
	font-size: 12px;
}

#DealTypeSelection ul {
	list-style: none;
}
#DealTypeSelection li {
	margin-top: .5em;
	margin-bottom: .5em;
}
#DealTypeSelection ul ul {
	margin-left: 2em;
}

#DealTypeSelection .container {
	padding: 10px;
}



/**
 * Map Icons 
 */
img#mtgt_undefined {
	width: 16px;
	height: 16px;
}


/**
 * PlaceLists | Seeq Lists | Seeqlist
 * Insane inheritance here.
 */
#PlaceListTemplate {
	display: none;
} 
#PlaceListManager h3 {
	color: #fff;
	font-size: 13px;
	margin-left: 0px;
}
	#PlaceListManager h3 em {
		float: left;
	}
		#PlaceListManager h3 strong{
			float: left;
			display: block;
			font-family: "Trebuchet MS",Verdana,sans-serif;
			color: #fff;
			font-weight: bold;
			font-size: 13px;
		}
			#PlaceListManager h3 strong.controls {
				float: right;
				font-size: 10px;
				font-weight: normal;
				margin-right: 10px;
			}
				#PlaceListManager h3 strong.controls a {
					text-decoration: none;
					color: #fff;
				}
					#PlaceListManager h3 strong.controls a:hover {
						text-decoration: underline;
						color: #fff;
					}
	.placeList {
		border:1px solid #eee;
		margin-bottom: 10px;
		padding: 5px;
	}
	.placeList select {
		display: inline;
		width: 60px;
	}
	#PlaceListInner a.expandPlaceList {
		display: block;
		width: 14px;
		margin-top: 5px;
		height: 14px;
		text-indent: -9000px;
		overflow: hidden;
		float: left;
		background: url(../images/expandedSeeqIcon.gif) no-repeat left top;
	}
	#PlaceListInner .expanded a.expandPlaceList {
		background: url(../images/closedSeeqIcon.gif) no-repeat left top;
	}
		#PlaceListInner a.expandPlaceList:hover,
		#PlaceListInner .expanded a.expandPlaceList:hover {
			background-position: bottom left;
		}
	#PlaceListInner h4 {
		margin: 2px 0 0 16px;
		padding-left: 2px;
	}
	#PlaceListInner input.editor_field {
		font-size: 12px;
		padding: 1px;
		margin-left: 4px;
	}
	.seeqListOptions {
		color: #a3a5a8;
		margin-left: 18px;
	}
 	#PlaceListInner ul.places {
		margin: 10px;
	}
		#PlaceListInner ul.places li {
			list-style: none;
			font-size: 10px;
		}
		#PlaceListInner ul.places h5 {
			margin: 6px 0 0 0;
		}

/**
 * Suggestions
 */
#CuisineSuggestions {
	clear: left;
}
#CuisineSuggestions ul {
	list-style: none;
	margin: 0;
}

/**
 * Form Messages 
 */
#CompatibilityError {
	margin-left: 20px;
	padding: 10px;
}

#CompatibilityError p {
	margin-top: 1em;
}

.message {
	margin: 15px 15px 15px 0;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 2em;
	text-align: left;
}

.entry {
	border-bottom: 1px solid #eee;
}
.topError {
	width: 100%;
	padding: .5em;
	margin-bottom: 1em;
	text-align: center;
	background: #fee;
	border: 1px solid #f33;
}

body.popup .message {
	font-size: 10px;
}

/**
 * Lightwindow 
 */
#lightwindow_title_bar_title {
	display: none;
}

/**
 * Popup 
 */
body.popup #Layout,
body.popup #BgContainer {
	margin: 0;
}

/**
 * prototip.css : http://www.nickstakenburg.com/projects/prototip 
 */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; background-color: White;}
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	background: #fff;
	position: relative;
	}
.prototip .content { clear: both; }
	.prototip .content ul.col {
		float: left;
		width: 24%;
		display: block;
	}
.prototip .toolbar a.close {
	position: relative;
	top: 2px;
	right: 2px;
	text-decoration: none;
	float: right;
	width: 16px;
	height: 15px;
	background: transparent url(../images/infowindow/iw_close.gif) left top;
	display: block;
	line-height: 0;
	padding: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(../images/infowindow/iw_close.gif) left bottom; }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { 
	width: 32em; 
	border: 1px solid #bbb;
}
/* I dont want to strip anything yet
.prototip .default .toolbar { 
	background: #ccc; 
}*/

.prototip .default .title { }
.prototip .default .content { 
	background: #fff; 
	font-size: 11px; 
	padding: 0px 8px 8px 8px;
}

.prototip li {
	list-style: none;
	margin: 0 0 3px 0;
}
.prototip a {
	padding: 1px;
}

/**
 * Search 
 */
 ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/**
 * Infowindow 
 */
#ExtInfoWindow{
	width: 300px;
}
#ExtInfoWindow_contents{
	background-color: #FFF;
	border-top: 6px solid #fff; /* Teh Hax to get scrollbar not to cross icons */
}
#ExtInfoWindow_contents .gs-result {
	background: #fff;
}
#ExtInfoWindow_contents .gs-title {
	font-size: 14px;
	font-weight: 700;
}
#ExtInfoWindow_contents_maximized {
	height: 200px;
}

/* Bottom */
#ExtInfoWindow_br {
	height: 41px;
	width: 23px;
	background: url(../images/infowindow/br.png) no-repeat left top;
}
#ExtInfoWindow_bl {
	height: 41px;
	width: 23px;
	background: url(../images/infowindow/bl.png) no-repeat right top;
}

#ExtInfoWindow_b {
	height: 41px;
	background: url(../images/infowindow/b.png) center top repeat-x;
}

/* Top */
#ExtInfoWindow_tl {
	height: 22px;
	width: 23px;
	background: url(../images/infowindow/tl.png) no-repeat right bottom;
}

#ExtInfoWindow_tr {
	height: 22px;
	width: 23px;
	background: url(../images/infowindow/tr.png) no-repeat left bottom;
}

#ExtInfoWindow_t {
	height: 22px;
	width: 1px;
	background: url(../images/infowindow/t.png) repeat-x left bottom;
}

/* Sides */

#ExtInfoWindow_l {
	width: 23px;
	background: url(../images/infowindow/l.png) repeat-y right top;
}
#ExtInfoWindow_r {
	width: 23px;
	background: url(../images/infowindow/r.png) repeat-y left top;
}

/* Buttons top right */
#ExtInfoWindow_close,
#ExtInfoWindow_maximize,
#ExtInfoWindow_restore {
	position: relative;
	top: 12px;
	right: -32px;
	float: right;
	cursor:pointer;
	margin: 0 0 0 2px;
	height:15px;
	width:16px;
}
#ExtInfoWindow_close {
	background:transparent url(../images/infowindow/iw_close.gif) no-repeat scroll left top;
}
#ExtInfoWindow_maximize {
	background:transparent url(../images/infowindow/iw_plus.gif) no-repeat scroll left top;
}
#ExtInfoWindow_restore {
	background:transparent url(../images/infowindow/iw_minus.gif) no-repeat scroll left top;
}
#ExtInfoWindow_close:hover,
#ExtInfoWindow_maximize:hover,
#ExtInfoWindow_restore:hover {
	background-position: bottom left;
}
/**
 * Map Info Window 
 */
.placeDetail div {
	margin-bottom: 1em;
	line-height: 1em;
}
.placeDetail .rating span {
	display: none;
}
.placeInfoWindow img,
.placeInfoWindowMax img {
	border: none;
}
.placeInfoWindow .error {
	color: red;
}
.placeInfoWindow h3 {
	font-size: 12px;
	color: #000;
}
.placeDetail div.clear {
	margin: 0;
}
.placeInfoWindowBase .img,
.placeInfoWindowBase .rating,
.placeInfoWindowBase .categories,
.placeInfoWindowBase .deals,
.placeInfoWindowBase .reviews,
.placeInfoWindowBase .seeqlisted {
	margin-top: 5px;
	background: #fff; /* odd transparent bug */
}
	.placeInfoWindowBase .title {
		font-size: 24px;
	}
.placeInfoWindow ul {
	list-style: disc inside;
}

.placeInfoWindow .gs-address,
.placeInfoWindowBase .address {
	font-size: 11px;
	margin: 2px 0 5px 0;
}
	.placeInfoWindow .gs-address .gs-street,
	.placeInfoWindow .address .street {
		font-weight: 700;
	}
	.placeInfoWindow .gs-address div,
	.placeInfoWindowBase .address div {
		display: inline;
		margin: 0 3px 0 0;
	}
	.placeInfoWindow .img {
		float: right;
		margin-top: 4px;
		padding-right: 6px;
		width: 40px;
		height: 40px;
	}
	.placeInfoWindowBase .img {
		float: right;
	}
		.placeInfoWindowBase .img img {
			border: 2px solid #ddd;
		}
	.placeInfoWindowBase .rating {
		display: block;
		height: 18px;
		margin-top: 6px;
		line-height: 18px;
		overflow: hidden;
	}
		.placeInfoWindowBase .stars img {
			float: left;
			margin: 0 4px 0 0;
		}
	.placeInfoWindow .deals {
	}
	.placeInfoWindow .moreInfo {
		margin-top: 10px;
	}
	.placeInfoWindow .placeList {
		display: inline;
	}
	
	/** Styles for the max window */
	.placeInfoWindowMax h3 {
		color: #000;
		font-size: 18px;
		margin: 9px 0;
	}
	.placeInfoWindowMax .readAllReviews,
	.placeInfoWindowMax .addToPlaceListContainer,
	.placeInfoWindowBase .addDeal {
		font-size: 11px;
		color: #aaa;
	}
	.deal_controller .placeInfoWindowMax .addToPlaceListContainer, 
	.deal_controller .placeInfoWindow .addToPlaceListContainer {
		display: none;
	}
	.placeInfoWindowMax .img {
		float: right;
		margin-right: 8px;
	}
	.placeInfoWindowMax .reviews li {
		clear: both;
		overflow: hidden;
		font-size: 11px;
		margin: 2px 0 10px 0;
	}
		.placeInfoWindowMax .reviews .reviewer {
			float: left;
			width: 60px;
			text-align: center;
		}
		.placeInfoWindowMax .reviews .photo {
			display: block;
			margin: 5px 0 3px 0;
			width: 100%;
		}
		.placeInfoWindowMax .reviews .fn {
			font-size: 10px;
		}
		.placeInfoWindowMax .summary {
			line-height: 1.2em;
		}
		.placeInfoWindowMax .deals {
			overflow: hidden;
		}
		/* Categories */
		.placeInfoWindowMax .categories {
			font-size: 11px;
		}
			.placeInfoWindowMax .categories * {
				display: inline;
			}
			.placeInfoWindowMax .categories li {
				list-style: none;
			}

/**
 * Footer 
 */
#Footer { 
	font-size: 10px;
	width: 100%;
	color: #ccc;
	font-family: "Lucida Grande", "Trebuchet MS", verdana, sans-serif;
	text-align: center; 
	}
	#FooterNav li {
		list-style: none;
		display: inline;
	}
	#Footer #FooterNav a {
		margin: 0 3px;
	}
	#Footer p {
		font-size: 9px;
		color: #919191;
		margin: 9px 0;
	}
		#Footer #Copyright a {
			color: #919191;
		}
/* Sharing */
ul#Sharing {
	margin: 10px auto;
	width: 150px;
}
	ul#Sharing li {
		float: left;
		list-style: none;
	}

	ul#Sharing li a {
		width: 17px;
		height: 17px;
		margin: 0 2px;
		display: block;
		background-position: left top;
		text-indent: -9000px;
	} 
		ul#Sharing li a:hover {
			background-position: left bottom;
		}
		a.digg {
			background: url(../images/icons/digg.gif);
		}
		a.del {
			background: url(../images/icons/delicious.gif);
		}
		a.yaho {
			background: url(../images/icons/yahoo.gif);
		}
		a.goog {
			background: url(../images/icons/google.gif);
		}
		a.miro {
			background: url(../images/icons/m.gif);
		}
		a.face {
			background: url(../images/icons/facebook.gif);
		}
		a.redd {
			background: url(../images/icons/reddit.gif);
		}
		
/* Business data page
-------------------------------------------- */
#BusinessData {
	margin-top: 18px;
	font-size: 11px;
}
#BusinessData h1 {
	font-size: 30px;
	color: #000;
	line-height: 36px;
	float: left;
}
#BusinessData .rating {
	margin: 12px 0 8px 0;
}
	#BusinessData .rating span {
		display: inline;
	}
		#BusinessData .rating span img {
			border: none;
			float: left;
			margin: -2px 5px 0 0;
		}

#BusinessData .placeDetail {
	width: 68%;
	float: left;
}
#BusinessData .categories {
	clear: left;
	display: block;
	margin-top: 1.6em;
}
	#BusinessData .categories h4 {
		display: inline;
		color:#a6a6a6;
	}
	#BusinessData .categories ul {
		display: inline;
	}
		#BusinessData .categories li {
			display: inline;
			list-style: none;
		}
			#BusinessData .categories li a {
				color: #a6a6a6;
				text-decoration: underline;
			}
#BusinessData .gs-address div {
	display: inline;
	font-weight: bold;
}

#BusinessData .img {
	float: left;
	clear: both;
	margin-top: 10px;
	display: block;
	width: 120px;
}
	#BusinessData .img img {
		float: left;
	}
#BusinessData .placeInformation {
	float: left;
}
#BusinessData .hours {
	margin-bottom: 24px;
}
#BusinessData .hours * {
	display: inline;
}
#BusinessData .deals {
	clear: both;
	margin-bottom: 24px;
}
	#BusinessData .deals h2 {
		font-size: 24px;
		color: #000;
	}
		#BusinessData .deals h2 img {
			border: none;
		}
#BusinessData .reviews {}
	
	#BusinessData .reviews h2 {
		color: #000;
		font-size: 20px;
	}
	#BusinessData .reviews ul {
		margin: 8px 12px 8px 0;
		overflow: hidden;
	}
	
		#BusinessData .reviews li {
			list-style: none;
			clear: both;
		}
			#BusinessData .reviewer {
				float: left;
				width: 80px;
			}
				#BusinessData .reviewer .photo img {
					display: block;
					text-align: center;
					border-color: #fff;
					margin: 0 auto;
				}
				#BusinessData .reviewer .fn {
					clear: left;
					display: block;
					width: 80px;
					padding-top: 5px;
					text-align: center;
				}
			#BusinessData .reviews .rating {
				margin: 2px 0 6px 0;
			}	
			#BusinessData .reviews .rating img {
				border: 0;
				margin-top: 4px;
			}
			
			#BusinessData .reviews .summary{
				line-height: 1.2;
			}
#BusinessData .dealBox div {
	margin-bottom: 0;
}
.dealBox {
	background: #fff9e1;
	margin-top: 12px;
	overflow: hidden;
}
.dBc {
	padding: 10px 20px 0px 20px;
	overflow: hidden;
}
.dBtL {
	background: url(../images/business/topLeftYellow.gif) no-repeat top left;
}
.dBtR {
	background: url(../images/business/topRightYellow.gif) no-repeat top right;
}
.dBbL {
	background: url(../images/business/bottomLeftYellow.gif) no-repeat bottom left;
}
.dBbR {
	background: url(../images/business/bottomRightYellow.gif) no-repeat bottom right;
}

.reviewBox {
	background: #f8f6f6;
	margin-top: 12px;
}
.rBc {
	padding: 10px 10px 10px 0;
}
.rBtL {
	background: url(../images/business/topLeft.gif) no-repeat top left;
}
.rBtR {
	background: url(../images/business/topRight.gif) no-repeat top right;
}
.rBbL {
	background: url(../images/business/bottomLeft.gif) no-repeat bottom left;
}
.rBbR {
	background: url(../images/business/bottomRight.gif) no-repeat bottom right;
}
#ShortLinks {
	float: right;
	font-size: 11px;
	padding-top: 1em;
	color: #999;
}
	#ShortLinks li {
		display: inline;
	}
		#ShortLinks li a {
			font-weight: bold;
		}
#BusinessSidebar {
	width: 30%;
	float: right;
}
#BusinessSidebar .mapInner {
	height: 200px;
}
#BusinessSidebar .addressDetails {
	overflow: hidden;
	margin-left: 20px;
}
	#BusinessSidebar .addressDetails div {
		display: block;
		font-weight: normal;
	}
#BusinessSidebar .addressDetails img {
	border: 0;
	float: right;
	margin: 0 12px 0 10px;
}
#BusinessSidebar dl {
	display: block;
	margin-bottom: 5px;
}
	#BusinessSidebar dt {
		display: block;
		float: left;
		width: 60%;
		font-weight: bold;
	}
/**
 * DEMO (hiding stuff thats existing but not ready for production
 */
.demo {
	display: none;
}

/**
 * Deal Hunt search bar modifications
 */
 
 div#where label {
 	position: absolute; /* fix for making the label longer than the text box (Ticket 193, Geoff, May 6 2008) */
 }
 
 div#where .middleColumn {
 	padding-top: 2em;  /* moves the textbox back to it's original position (Ticket 193, Geoff, May 6 2008) */
 }
 
 body.page #UserSearch form#DealSearchForm_DealSearchForm {
 	margin-top: 0px; /* makes the search bar smaller (Ticket 193, Geoff, May 6 2008) */
 }

 /**
  * Google adsense styles
  **/
  
  div#horizontal-adbar {
  	clear: both;
  	width: 480px;
  	margin: auto;
  }
  
  div#vertical-adbar {
  	clear: both;
  	width: 160px;
  	margin: auto;
  }