@charset "utf-8";
/* CSS Document */

html, body {
	min-height: 100%;
	height: auto !important;
}

body {
	background-image: url(pageBG.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #7493bc;
	font-family: 'Raleway', sans-serif;
	color: #594a42;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 2em;
}

	@media screen and (max-width: 480px) { body { padding: 0 1em; } }

textarea {
	font-family: 'Raleway', sans-serif;
	/* background:transparent; */
	color: #594a42;
}

input {
	color: #594a42;
	/* background:transparent; */
}

div.loginForm {
	width: 350px;
	text-align: right;
	margin: auto;
}

	div.loginForm h2 {
		margin-right: 0;
		text-align: left;
	}
	div.loginForm input {
		margin-bottom: 5px;
	}

img { display: block; }

a img { border: none; }

a {
	color: #7ac143;
	text-decoration: underline;
}

	a:hover { color: #00b5cc; }

p { margin: 12px 30px; }

p.instructions {
	font-style: italic;
	text-align: center;
}

.editTitle {
	color: #7ac143;
}

.hidden {
	display: none;
}

.unset {
	font-style: italic;
	color: #999;
}

button.deleteButton {
	float: right;
	margin-right: 30px;
}

#usernameField,
#passwordField {
	width: 145px;
}

.textareaEdit {
	width: 600px;
	margin-left: 30px;
}

	.textareaEdit p,
	.textareaEdit h4 {
		margin-left: 0;
	}

	.textareaEdit textarea {
		width: 570px;
		font-family: 'Raleway', sans-serif;
		font-size: 15px;
		color: #594a42;
		line-height: 1.2em;
	}

	.textareaEdit .editButtons {
		display: block;
	}

#categoryChecks {
	float: right;
	width: 260px;
	margin-right: 30px;
}

	#categoryChecks h3 {
		color: #7ac143;
		margin-left: 0;
		margin-top: 0;
	}

p.editField input {
	color: #594a42;
	font-weight: normal;
	font-size: 13px;
	width: 300px;
}

#uploadForm {
	display: none;
	width: 349px;
	margin-left: 30px;
}

	#uploadForm input {
		font-size: 14px;
		font-weight: normal;
		color: black;
		float: left;
	}

	#uploadForm_iframe {
		border: none;
		width: 0;
		height: 0;
	}

.markerImage {
	width: 160px;
	background-color: #ddd;
}

#markerImageC {
	margin-left: 30px;
}

#markerImageC .markerImage {
	margin: 10px 0;
}

.mceWrapper {
	padding: 0 30px;
}

h2 {
	color: #ef4135;
	font-weight: 600;
	line-height: 0.9em;
	letter-spacing: -0.02em;
	font-size: 24px;
	font-family: 'Josefin Slab', serif;
	text-transform: uppercase;

	padding: 12px 0;
	margin: 0 30px 15px;
	border-bottom: 1px solid rgba(239,65,53,0.25);
}
	h2 input {
		color: #ef4135;
		font-weight: normal;
		font-size: 24px;
		width: 100%;
	}

h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 30px;
}
	h3 input {
		font-weight: bold;
		font-size: 16px;
		width: 330px;
	}

h4 {
	font-weight: bold;
	font-size: 16px;
	margin: 20px 30px 0 30px;
}
	h4 + p { margin-top: 5px; }

h5 {
	font-weight: bold;
	font-size: 16px;
	margin: 30px 30px 0 30px;
	text-align: center;
}

ol,
ul {
	padding: 0 0 0 40px;
	margin: 12px 30px;
}

	li {
		padding: 0;
		margin: 0 0 5px 0;
	}

blockquote {
	margin: 30px;
}

.attribution {
	display: block;
	text-align: right;
	font-size: smaller;
	margin: 0 5%;
}

img.inline {
	float: right;
	display: inline;
	margin: 0 30px 10px 15px;
	border: 1px solid rgba(239,65,53,0.25);
	padding: 8px;
	background-color: white;
}

	@media screen and (max-width: 550px) {
		img.inline {
			float: none;
			margin-left: auto;
			margin-right: auto;
			display: block;
			max-width: 75%;
		}
	}

#textContent.fullWidth {
	margin-right:0;
}

#posterContainer {
	float: right;
	display: inline;
	z-index:2;
	/* margin: 0 30px 10px 15px; */
	margin: 0 0 10px 15px;
}

	.editMode #posterContainer {
		padding-top: 8px;
	}

	#posterContainer img {
		border: 1px solid rgba(239,65,53,0.25);
		padding: 8px;
		background-color: white;
	}

#pageHeader,
#pageFrame,
#pageFooter {
	max-width: 950px;
	margin: auto;
	position: relative;
}

#pageFrame {
	background-color: white;
	padding-top: 1px; /* for the occassional background colour gap at the top in Mozilla */
	padding-bottom: 1px; /* for the occassional background colour gap at the top in Mozilla */

	background-image: url('watermarkLogo.png');
	background-repeat: no-repeat;
	background-size: 160px 160px;
	background-size: 320px 320px;
	background-position: 90% 20px;
	min-height: 180px;
}

#pageFooter {
	height: 355px;
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);
}

#pageHeader {
	background-color: white;
	background-image: url(pageHeaderBG.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #594a42;
	min-height: 150px; /* for logo */
}

	#title {
		/*
		position: absolute;
		left: 324px;
		top: 58px;
		right: 205px;
		*/

		position: relative;
		margin: 0 205px 0 324px;
		padding-top: 58px;

		text-align: right;
		font-size: 36px;
		font-family: 'Josefin Slab', serif;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 0.9em;
		letter-spacing: -0.02em;
		color: rgb(239, 65, 53);
	}

	#logo {
		position: absolute;
		right: 30px;
		top: 60px;
	}

	#topMenu {
		height: 42px;
		position: absolute;
		z-index: 2;
		right: 0;
		top: 5px;
		font-size: 12px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: right;
	}

		#topMenu br { display: none; }

		#topMenu li {
			display: inline-block;
			margin: 0;
			padding: 0;
			line-height: 36px;
		}

		#topMenu img {
			display: inline-block;
			vertical-align: top;
			margin: 2px 5px 2px 0;
		}

			#topMenu img.savourSimcoe { margin: 0 5px 0; }

		#topMenu a {
			text-decoration: none;
			color: #594a42;
			padding: 3px 7px;
			display: block;
			background-color: rgba(255,255,255,0.85);
			height: 36px;
			border-radius: 3px;
		}

			#topMenu a:hover { color: rgb(122, 193, 67); }

        	#topMenu a.bold {
				font-size: 15px;
				font-style: italic;
				text-transform: uppercase;
				font-weight: bold;
				color: #ef4135;
				background: none;
				padding: 1px 7px;
				height: 40px;
			}

				#topMenu a.bold:hover {
					background-color: white;
					color: #584529;
				}

			#topMenu a.facebook { color: #3b5997; }
			#topMenu a.twitter { color: #31b3d6; }
			#topMenu a.instagram { color: rgb(230, 71, 85); }

			#topMenu a.selected,
			#topMenu a.facebook:hover,
			#topMenu a.twitter:hover,
			#topMenu a.instagram:hover,
			#topMenu a:hover {
				background-color: white;
			}

	#menu {
		position: relative;
		padding: 15px 0 15px;
		margin: 0 205px 0 20px;
		list-style-type: none;
		font-size: 16px;
	}

		body.cms #menu { padding-top: 110px; }

		#menu li {
			display: inline-block;
			padding: 0 5px;
			margin: 0;
		}

		#menu a {
			text-decoration: none;
			color: #594a42;
			padding: 3px 5px;
			display: block;
		}

			#menu a.selected,
			#menu a:hover {
				background-color: #ef4135;
				color: white;
			}


		@media screen and (max-width: 880px) {
			#title {
				padding-top: 105px;
				margin-left: 28px;
				text-align: left;
			}
			#logo { top: 92px; }
		}

		@media screen and (max-width: 800px) {
			#pageHeader { background-size: 300px auto; }
			#title { padding-top: 98px; }
			#logo { top: 85px; }
		}

		@media screen and (max-width: 700px) {
			#pageHeader { background-size: 250px auto; }
			#title { padding-top: 105px; }
			#logo { top: 108px; }
			#topMenu { max-width: 340px; }
		}

		@media screen and (max-width: 640px) {
			#title { font-size: 30px; }
		}

		@media screen and (max-width: 570px) {
			#topMenu li {
				margin-bottom: 5px;
				line-height: 18px;
			}
			#topMenu br { display: block; }
			#topMenu img { margin: 0; }
			#topMenu a { height: auto; }

			#topMenu a.facebook span,
			#topMenu a.twitter span,
			#topMenu a.instagram span { display: none; }

			#topMenu a.facebook img,
			#topMenu a.twitter img,
			#topMenu a.instagram img { width: 24px; height: 24px; }

			#title { padding-top: 80px; margin-right: 169px }
			#logo { top: 83px; width: 108px; }
			#menu { margin-right: 169px; }
		}

		@media screen and (max-width: 480px) {
			#menu { margin-right: 20px; }
		}

		@media screen and (max-width: 400px) {
			#title { display: none; }
			#menu { padding-top: 76px; margin-right: 160px; }
		}

	#serverResponse {
		position: absolute;
		right: 20px;
		bottom: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 16px;
		text-align: right;
		color: red;
		font-style: italic;
	}


	div.homeBoxWrapper {
		width: 900px;
		margin: 0 auto;
		padding-bottom: 30px;
	}

		div.homeBoxWrapper div.box {
			height: 100%;
			margin: 0;
			padding: 0 15px;
		}

			div.homeBoxWrapper div.box p a {
				-ms-word-break: break-all;
				/* This is the dangerous one in WebKit, as it breaks things wherever */
				word-break: break-all;
				/* Instead use this non-standard one: */
				word-break: break-word;
			}

		div.homeBoxWrapper div.left   { float: left;  width: 430px; }
		div.homeBoxWrapper div.right  { float: right; width: 360px; }

		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */
		div.homeBoxWrapper:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 1%;
			font-size: 0.1em;
			line-height: 0;
		}

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.homeBoxWrapper { display: inline-block; }
		div.homeBoxWrapper { display: block; }

	div.box {
		width: 870px;
		margin: 0 auto;
		background-repeat: no-repeat;
		position: relative;
		padding: 1px 15px;
		color: white;
		border-radius: 10px;
	}

		div.box img.topMargin {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
		}

		div.box img.bottomMargin {
			position: absolute;
			z-index: 2;
			bottom: 0;
			left: 0;
		}

		div.box .title {
			margin: 15px 0 15px -2px;
			font-size: 30px;
			font-family: 'Josefin Slab', serif;
			text-transform: uppercase;
			font-weight: 600;
			line-height: 0.9em;
			letter-spacing: -0.02em;
			color: white;
		}

		div.box a { color: white; }

		div.box p { margin: 12px 0; }


	#foodTrail {
		margin-bottom: 30px;
		text-align: center;
		background: url('boxBG-FoodTrail.jpg') #4e3d35 repeat center top;
	}
		#foodTrail img.title {
			margin-left: auto;
			margin-right: auto;
		}

	#news {
		background-image: url(boxBG-News.jpg);
		background-position: top left;
		background-color: #82ba21;
	}

		#news p:first-of-type::before {
			content: '';
			width: 75px;
			height: 65px;
			float: right;
		}

		#news textarea {
			width: 355px;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			line-height: 1.2em;
		}

	#buyLocal {
		background-image: url(boxBG-BuyLocal.jpg);
		background-position: bottom left;
		background-color: #75a3ff;
	}
		#buyLocal img.map {
			float: right;
			display: inline;
			margin-top: 40px;
		}

	#featuredMember {
		background-image: url(boxBG-FeaturedMember.jpg);
		background-color: #ffbd09;
		background-position: bottom right;
	}

		#featuredMember img.farm {
			float: left;
			display: inline;
			margin: 4px 15px 4px 0;
		}

	#upcomingEvents {
		background-image: url(boxBG-UpcomingEvents.jpg);
		background-color: #bb1c1c;
		background-position: bottom right;
	}

		#upcomingEvents table {
			margin-right: 140px;
			border-collapse: collapse;
		}

			#upcomingEvents table td {
				padding: 0 10px 15px 0;
				vertical-align: top;
			}

			#upcomingEvents table td.date { white-space: nowrap; }

	#didYouKnow {
		background-color: #a0476e;
		background-position: center left;
		background-image:url(boxBG-DidYouKnow.jpg);
		padding-left: 380px;
		width: 505px;
		overflow: hidden; /* for roudned corners on gradient layer */
	}

		#didYouKnow::before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background: linear-gradient(to right, rgba(160,71,110,0) 0%,rgba(160,71,110,1) 70%,rgba(160,71,110,1) 100%)
		}

		#didYouKnow > * { position: relative; }

		#didYouKnow textarea {
			width: 505px;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			line-height: 1.2em;
		}


	@media screen and (max-width: 1024px) {
		div.homeBoxWrapper {
			width: auto;
			height: auto !important;
			margin: 0 30px;
			padding-bottom: 0;
		}
		div.homeBoxWrapper div.box {
			float: none;
			width: auto;
			background-position: top right;
			padding: 1px 15px;
			margin-bottom: 30px;
		}
		div.homeBoxWrapper div.box::after {
			content: '';
			display: table;
			clear: both;
		}
		div.homeBoxWrapper #featuredMember img.farm { margin-bottom: 15px; }
		div.homeBoxWrapper #news { background-position: top right; }
		div.homeBoxWrapper #buyLocal {
			background-size: cover;
		}
		div.homeBoxWrapper #buyLocal img.map {
			margin: 15px 0 15px 15px;
		}
		#upcomingEvents table { margin-right: 25%; }
		#didYouKnow {
			width: auto;
			margin: 0 30px 30px;
			padding-left: 35%;
			background-size: cover;
		}
	}
	@media screen and (max-width: 380px) {
		div.homeBoxWrapper #buyLocal img.map {
			margin: 15px 0;
			max-width: 100%;
			float: none;
			display: block;
		}
		div.homeBoxWrapper #featuredMember img.farm {
			max-width: 100%;
			display: block;
		}
	}

	#facebook,
	#twitter {
		margin: 30px 0 0 25px;
		border: none;
		display: inline-block;
	}



	table.chart {
		margin: 10px auto;
		width: 736px;
		border-collapse: collapse;
	}
	table.chart #colProduct { width: 100px; }
	table.chart td span { display: none; }
	table.chart td.check {
		width: 40px;
		height: 23px;
		background-image: url(check.png);
		background-position: center center;
		background-repeat: no-repeat;
	}

	table.chart th {
		padding: 9px 10px;
		height: 16px;
		text-align: left;
		color: #584529;
		font-size: 14px;
		border-bottom: 1px solid #e0ddda;
	}
	table.chart td {
		padding: 4px 10px;
		height: 29px;
		border-left: 1px solid #eceae8;
		border-bottom: 1px solid #e0ddda;
	}
	table.chart td.product { border-left: none }
	table.chart tr.even { background-color: rgba(0, 0, 0, 0.025); }
	table.chart tr.tHeader {
		background-color: rgba(122, 193, 67, 0.15);
		border-top: 1px solid rgba(122, 193, 67, 0.4);
		border-bottom: 1px solid rgba(122, 193, 67, 0.4);
	}
	table.chart tr.expired { font-style: italic; color: #999 }

	#listing table.chart td.phone,
	#listing table.chart td span.phone { white-space: nowrap; }
	#listing table.chart td div.full { display: none; }

	@media screen and (max-width: 800px) {
		.chartWrapper {
			max-width: 100%;
			overflow-x: auto;
			margin: 1em;
		}
		table.chart { width: auto; }
		#season table.chart th { text-align: center; }
		table.chart th:first-child { text-align: left; }
		table.chart th span.full { display: none; }
		table.chart #colProduct { width: auto; }
		table.chart td.check { width: auto; }
	}

	@media screen and (max-width: 700px) {
		#listing table.chart th.city,
		#listing table.chart td.city,
		#listing table.chart th.phone,
		#listing table.chart td.phone,
		#listing table.chart th.details,
		#listing table.chart td.details { display: none; }
		#listing table.chart td div.full { display: block; }
	}

	@media screen and (max-width: 600px) {
		table.chart th { padding: 9px 5px; }
		table.chart td { padding: 4px 5px; }
		table.chart td.check { background-size: 16px; }
	}


	div.partnerList {
		margin: 20px auto;
		padding-top: 1px;
		width: 760px;
	}

		/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */
		/* thanks to: http://www.positioniseverything.net/easyclearing.html */
		div.partnerList:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 1%;
			font-size: 0.1em;
			line-height: 0;
		}

		/* patch to make easyclearing hack work in IE7 */
		/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
		div.partnerList { display: inline-block; }
		div.partnerList { display: block; }

	div.partnerList .item {
		float: left;
		display: inline;
		margin: 0 15px;
		width: 350px;
		border-bottom: 1px solid #e9e7e3;
		background: #f7f7f7;
	}
	div.partnerList .itemImg {
		display: block;
		float: left;
		padding: 10px;
	}
	div.partnerList .itemImg img {
		width: 70px;
		height: 70px;
		border: 1px solid rgba(239,65,53,0.25);
	}
	div.partnerList .itemDesc {
		float: left;
		padding: 10px 3px;
		width: 230px;
		font-weight: bold;
	}
	div.partnerList .itemDesc a {
		font-weight: normal;
		font-size: 12px;
	}

		@media screen and (max-width: 820px) {
			div.partnerList {
				width: auto;
				padding: 0 30px;
			}
			div.partnerList > br { display: none; }
			div.partnerList .item {
				float: none;
				display: block;
				margin: 0;
				width: auto;
				border-bottom: 1px solid #e9e7e3;
				background: #f7f7f7;
			}
			div.partnerList .item::after {
				content: '';
				display: table;
				clear: both;
			}
			div.partnerList .itemDesc {
				float: none;
				width: auto;
			}
		}
		@media screen and (max-width: 400px) {
			div.partnerList .itemImg {
				float: right;
			}
		}

	#infoText p {
		margin-left: 0;
		margin-right: 0;
	}


	#searchBoxW {
		margin: 4px auto;
		padding: 5px;
		text-align: center;
		background-color: rgba(122, 193, 67, 0.15);
		border-top: 1px solid rgba(122, 193, 67, 0.4);
		border-bottom: 1px solid rgba(122, 193, 67, 0.4);
	}
	#searchBoxW select {
		position: relative;
		padding: 2px;
		color: #584529;
		border: 1px solid rgba(122, 193, 67, 0.4);
		vertical-align: middle;
		max-width: 100%;
	}
	#searchBoxW input {
		position: relative;
		vertical-align: middle;
	}






#mapBox {
	float: left;
	display: inline;
	margin: 0 15px 15px 30px;
	padding: 10px;
	background-color: white;
	border: 1px solid rgba(239,65,53,0.25);
}
#mapBox.details {
	float: right;
	display: inline;
	margin: 0 30px 15px 15px;
}
#map {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px;
}

#searchBox {
	margin-bottom: 5px;
}

#searchBox form {
	margin-top: 4px;
	padding: 5px;
	width: 286px;
	background-color: rgba(0, 0, 0, 0.025);
	border: 1px solid rgba(239,65,53,0.25);
}
/*
#searchBox span {
	color: #ef4135;
}
*/
#searchBox select {
	position: relative;
	padding: 2px;
	color: #584529;
	border: 1px solid rgba(239,65,53,0.25);
	vertical-align: middle;
	max-width: 230px;
}
#searchBox input {
	position: relative;
	vertical-align: middle;
}

.foodRoute {
	width:807px;
	margin:auto;
}

#events.chart div.details { display: none; }

#details {
	display: inline;
	float: left;
	margin: 10px 0px 0px 12px;
	width: 298px;
}
#details #markerDetail { margin-bottom: 20px; }
#details #markerDetail a { color: #000000; }
#details #copyright {
	margin-bottom: 10px;
	width: 210px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

	@media screen and (max-width: 867px) {
		.foodRoute { width: auto; }
		.foodRoute #mapBox {
			float: none;
			display: block;
			margin: 0 30px 15px;
		}
		.foodRoute #map {
			float: none;
			width: auto !important;
		}
		.foodRoute #details {
			margin: 0 auto 15px;
			display: block;
			float: none;
			max-width: 80%;
		}
		.foodRoute #searchBox form {
			width: auto;
		}
		.foodRoute #searchBox select {
			max-width: 100%;
		}
		#events.chart div.details { display: block; font-weight: normal; }
		#events.chart td.product { font-weight: bold; }
		#events.chart th.desc,
		#events.chart td.desc,
		#events.chart th.details,
		#events.chart td.details { display: none; }
	}

	@media screen and (max-width: 640px) {
		#mapBox.details {
			float: none;
			display: block;
			margin: 0 30px 15px;
		}
		#map {
			float: none;
			width: auto !important;
		}
	}


#results {
	padding: 10px;
	border: 1px solid rgba(239,65,53,0.25);
	background-color: rgba(0, 0, 0, 0.025);
}

#resultList {
	margin-top: 0px;
	padding-right: 10px;
	height: 271px;
	overflow: auto;
}

#resultList .rName {
	margin: 0px 1px 0px 1px;
	padding: 7px 20px 5px 6px;
	color: #7ac143;
	border-bottom: 1px solid rgba(239,65,53,0.25);
}
#resultList .rName a {
	color: #594a42;
	text-decoration: none;
}
#resultList .rName a:hover { color: #7ac143; }

#resultList .resulte {
	border-bottom: 1px solid rgba(239,65,53,0.25);
	background: #FFFFFF;
}
#resultList .resulte .rName {
	margin: 0px 1px 0px 1px;
	color: #584529;
	background: #FFFFFF;
	border-bottom: none;
}
#resultList .resulte .rName a {
	color: #584529;
	font-weight: bold;
}

#resultList .resultc .rInfo { display: none; }
#resultList .resulte .rInfo {
	margin: 0px 20px 0px 20px;
	padding: 8px 8px 8px 0px;
	font-size: 11px;
	border-top: 1px solid #E9E7E3;
}
#resultList .resulte .rInfo p {
	margin: 0px;
	padding: 4px 0px;
}
#resultList .resulte img { margin: 10px 0px 2px 0px; }




/* ===== MAP ===== */


.editMap {
	width: 890px;
	height: 450px;
	margin: auto;
	border: 1px solid #979797;
}

.mapError {
	margin: 20px auto;
	text-align: center;
	color: #c43434;
	font-weight: bold;
}

div.infoWindow {
	/* width: 450px; */
	width: 350px;
	overflow: auto;
	font-size: 12px;
	text-align: center;
}

	div.infoWindow h3 {
		margin-left: 0;
		margin-right: 0;
	}

	div.infoWindow .address {
		font-size: 15px;
	}

	div.infoWindow div.hr {
		margin: 7px 0;
		padding: 0;
		height: 1px;
		overflow: hidden; /* for IE6 */
		border-top: 1px solid #7e7d7b;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #7e7d7b;
	}

		div.infoWindow div.hr.topLine { margin-bottom: 20px; }
		div.infoWindow div.hr.bottomLine { margin-top: 20px; }

	div.infoWindow strong,
	div.infoWindow input {
		color: #6e9db7;
		display: block;
		font-size: 14px;
		font-weight: bold;
		font-family: "Trebuchet MS", sans-serif;
	}

	div.infoWindow strong {
		margin-bottom: 10px;
	}

	div.infoWindow span.editButtons {
		clear: both;
		display: block;
		margin-bottom: 10px;
	}

.savourSimcoePosterCaption {
	width: 380px;
	padding: 0 8px;
	font-size: 13px;
	margin: 0;
    text-align: center;
}

table.savourSimcoePartners {
	margin: auto;
}

	table.savourSimcoePartners td {
		text-align: center;
		vertical-align: middle;
		padding: 10px 20px;
	}

	table.savourSimcoePartners td img {
		margin: auto;
		border: none;
	}

table.savourSimcoeParticipants {
	/* margin: 20px 30px; */
	margin: 20px 0;
	border-collapse: collapse;
}

	table.savourSimcoeParticipants .pairing { display: none; }

	table.savourSimcoeParticipants tbody tr:nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.025);
	}

	table.savourSimcoeParticipants thead td {
		font-weight: bold;
	}

	table.savourSimcoeParticipants td {
		padding: 2px 20px;
		height:18px;
	}

.imageStripContainer {
	clear:both;
	margin: 30px 0;
	position:relative;
}

.editMode .imageStripContainer {
	min-height:50px;
	margin-top: 22px;
	padding-top: 8px;
}

.imageStrip {
	list-style:none;
	padding:0;
	margin:0;
	text-align: center;
}

.imageStrip li {
	/* float:left; */
	display: inline-block;
	zoom:1; /* IE7 */
	*display: inline; /* IE7 */
	margin-left: 7px;
	position:relative;
}

.imageStrip li:first-child {
	margin-left: 0px;
}

.imageStrip img { max-width: 100%; }

#quotesList {
	list-style:none;
}

#logoContainer {
	clear: both;
	text-align: center;
}

	#logoContainer .logoGroup {
		clear: left;
	}

	#logoContainer h5 {
		margin: 20px 0 10px 0;
	}

	#logoContainer .logoGroup button {
		position: relative;
		margin: 4px 0 4px 4px;
	}

	#logoContainer .imageStripContainer {
		height: auto;
		margin-top: 0;
		padding-top: 0;
	}

	.logoGroup .eip_textbox {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		width: 880px;
	}

@media screen and (max-width: 720px) {
	#posterContainer {
		float: none;
		display: block;
		margin: 0 0 30px;
		max-width: 100%;
		text-align: center;
	}
	#posterContainer img {
		margin: auto;
		max-width: 100%;
		box-sizing: border-box;
	}
	.savourSimcoePosterCaption {
		width: auto;
	}
	#beverageProviderContainer,
	#quoteContainer {
		float: none !important;
		width: auto !important;
	}
	#quoteContainer {
		margin-left: 0 !important;
		margin-top: 30px;
	}
	table.savourSimcoeParticipants td:nth-child(2) { display: none; }
	table.savourSimcoeParticipants .pairing { display: inline; }
	table.savourSimcoeParticipants thead td { vertical-align: bottom; }
}

@media screen and (max-width: 440px) {
	table.savourSimcoeParticipants td { padding: 2px 10px; }
}

a.deleteButton {
	background-image: url("images/button-delete.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
    right: 5px;
    top: 5px;
    background-position: 0 -30px;
	cursor: pointer;
}

	.poster a.deleteButton {
		top: 35px;
		right: 10px;
	}

a.cropButton {
	background-image: url("images/button-crop.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
    right: 35px;
    top: 5px;
    background-position: 0 -30px;
    cursor: pointer;
}
	.poster a.cropButton {
		top: 35px;
		right: 40px;
	}

a.linkButton {
	background-image: url("images/button-link.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
    right: 65px;
    top: 5px;
    background-position: 0 -30px;
    cursor: pointer;
}

a.button:hover {
    background-position: 0 0px;
}

#restaurantTable td {
	position:relative;
}


.container {
	position:relative;
}

.container.invisible {
	opacity: .50;
	filter: alpha(opacity=50);
}

.container.highlight {
	background-color: white;
	outline: 1px solid red;
}

#quoteContainer {
	float:right;
	/* width:525px; */
	font-weight:bold;
	z-index:2;
}

	#beverageProviderContainer + #quoteContainer {
		width: 495px;
		margin-left: 30px;
	}

	#quoteContainer ul {
		padding: 0;
	}

	#quoteContainer li {
		margin: 12px 0px;
	}

.noValue {
	font-style: italic;
	color:red;
}

h4 p {
	margin: 12px 0;
}

.btnUploadImage {
	position: absolute;
    right: 0;
    top: 0;
}

.visibility {
	font-weight: normal;
	color: red;
	cursor: pointer !important;
}
	.visibility label { cursor: pointer !important; }

#editPaymentCode {
	height: 150px;
	width: 456px;
}

#eipContainer-restaurantHeadline,
#eipContainer-beverageHeadline {
	margin: 20px 0 0;
}

#restaurantContainer #editObjrestaurantHeadline.eip_textbox {
	font-weight: bold;
	font-size: 16px;
	width: 880px;
}

#editObjbeverageHeadline {
	font-weight: bold;
	font-size: 16px;
	width: 100%;
}

#eipContainer-headline {
	/* margin: 0 30px 15px; */
	margin: 0 0 15px;
    padding: 12px 0;
}

#editObjheadline {
	color: #ef4135;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
    width: 100%;
}

#beverageProviders .eip_textbox {
	width: 260px;
}

#beverageProviders .eip_container {
	width: 270px;
	display: inline-block;
	vertical-align: top; /* for <ul> bullets */
	zoom:1; /* IE7 */
	*display: inline; /* IE7 */
}

#quotesList textarea {
	height: 100px;
    width: 450px;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

#restaurantContainer .eip_textbox  {
	width: 250px;
}

#logoContainer .imageStripContainer {
	text-align:center;
	clear: right;
}

#logoContainer .imageStripContainer li {
	float:inherit;
	display:inline-block;
	zoom:1; /* IE7 */
	*display: inline; /* IE7 */
	border: 1px solid rgba(239,65,53,0.25);
	background-color: white;
	padding: 6px;
	margin: 4px 4px 0;
}
#logoContainer .imageStripContainer img {
	display: block;
}

span.delete {
	width:16px;
	height: 16px;
	background-image: url('delete.png');
	float:right;
	cursor: pointer;
}

.innerFrame { margin: 0 30px; }
.innerFrame h2,
.innerFrame h4,
.innerFrame p,
.innerFrame ol,
.innerFrame ul
{
	margin-left: 0;
	margin-right: 0;
}

.editMode #eventInfo,
#eipContainer-eventInfo,
.editMode #paymentCodeContainer,
.editMode #ticketAvailabilityContainer {
	width: 462px;
}

.editMode #paymentCodeContainer {
	border-top: 1px dotted #594a42;
	border-bottom: 1px dotted #594a42;
	padding: 10px 0;
	margin: 10px 0;
}

.editMode #paymentCodeContainer .visibility {
	display: block;
	text-align: left;
}

.editMode table.savourSimcoeParticipants {
	margin: 20px 0 5px;
}

#eventInfo,
#paymentCodeContainer,
#editObjeventInfoContentEditable {
	text-align: center;
}

#paymentCodeContainer img { display: inline; }

.editMode #restaurantContainer {
	margin: 0 0 30px 0;
}

.editMode #quoteContainer {
	/* margin-left: 30px; */
}

.wysiwyg { background-color: white; }

.eip_textbox {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

#editPaymentCode {
	font-size: 12px;
	font-family: monospace;
	color: black;
}

#beverageProviderContainer {
	float: left;
	width: 365px;
}

.cropBox { border-color: red !important; }