/* Minification failed. Returning unminified contents.
(456,31): run-time error CSS1046: Expect comma, found '203'
(456,39): run-time error CSS1046: Expect comma, found '/'
(457,29): run-time error CSS1046: Expect comma, found '203'
(457,37): run-time error CSS1046: Expect comma, found '/'
 */
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:400,700);
@import "/css/reset.css";

/* NOTE @imports must be FIRST, no other css files in bundle etc. so I'll just import reset.css here. */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


p abbr, .scaps {
	font-variant-caps: all-small-caps;
}

body {
	margin: 5px;
	padding: 5px;
	color: #303030;
	background: #ebebeb;
	font: 100% Open Sans, sans-serif; /*line-height: 1.5em;*/
	/* recommended type settings */
	font-kerning: normal;
	font-variant-ligatures: common-ligatures contextual;
	font-variant-numeric: lining-nums tabular-nums;
}

.std {
	width: 90%;
	margin: 3em auto 0 auto;
}

/* Need to do this since Verdana freaks out with font-variant-numeric: tabular-nums above for LETTERS which is completely bizarre */
.ui-widget {
	font-family: 'Open Sans' !important;
	font-size: .9em !important; /*reset so they are not so big*/
}

.master-banner {
	margin-bottom: 3em;
	line-height: 1em;
}

.master-head {
	display: inline;
	margin-right: 20px;
	font-size: 2em;
	font-family: Merriweather;
}

p {
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

h1 {
	font: 3em Merriweather, sans-serif;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

h2 {
	font: 2.5em Merriweather, sans-serif;
	color: #214466;
	line-height: 1.2em;
	margin: 1em 0;
}

h3 {
	font: 2em Open Sans, sans-serif;
	color: #214466;
	line-height: 1em;
	margin: 1em 0;
}

h4 {
	font: 1.5em Open Sans, sans-serif;
	color: #214466;
	line-height: 1.33em;
	margin: 1em 0;
}

a {
	color: #003366;
}

footer {
	padding: 1px;
	margin: 1em 3% 0 3%;
	clear: left;
}

/* clearfix */
.group:after {
	content: "";
	display: table;
	clear: both;
}

.reviewpop {
	background-position: center;
	color: #303030;
	font: 1em Arial, Verdana, sans-serif;
	line-height: 1.6em;
	margin: 2.5em 0;
	background-color: #FFFF99;
	text-align: left;
}

.ratingStatus {
	background-color: #00FFFF;
}

.starsplus {
	width: 93px;
	height: 18px;
	background-color: #E1E1E1;
}

.starouter /* wraps star img and text following so it can be centered */ {
	display: inline-block;
}

.stardiv /* wraps the stars, relative, so overflow works */ {
	float: left;
	overflow: hidden;
	width: 96px; /* cropping rectangle, max width, adjusted by script */
	height: 18px; /* match scaled down height */
	display: block; /* get to center on tiny displays */
}

.stars {
	height: 18px; /* scale it down, proportionally */
}

.thumbnail {
	margin: 10px;
	border: thin solid #666666;
	width: 128px;
	height: 128px;
	float: left;
}

.fit100pct {
	width: 100%;
	height: 100%;
}

.collapse_header {
	background-color: #CCCCCC;
	border: thin solid #999999;
	padding: 5px;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.mylist {
	padding-left: 0;
	list-style-position: inside;
	margin-left: 0;
	line-height: 1.5em;
}

.mGrid {
	/*width: 100%;*/
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
	/*font-family: Arial;*/
	font-size: 80%;
}

	.mGrid img {
		vertical-align: middle;
	}

	.mGrid td {
		padding: 5px;
		border: solid 1px #c1c1c1;
		font-kerning: normal;
		font-variant-ligatures: common-ligatures contextual;
		font-variant-numeric: lining-nums tabular-nums;
		-webkit-font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
		font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
	}

	.mGrid th {
		padding: 6px 3px;
		color: #fff;
		background: #4c4c4c;
		background: -moz-linear-gradient(top, #4c4c4c 0, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
		border-left: solid 1px #525252;
	}

		.mGrid th a {
			color: #fff;
		}

	.mGrid .alt {
		background: #f9f9f9; /* Old browsers */
		background: -moz-linear-gradient(top, #f9f9f9 0, #f9f9f9 12%, #fafafa 25%, #f9f9f9 39%, #f8f8f8 50%, #f6f6f6 51%, #f7f7f7 60%, #f8f8f8 76%, #f7f7f7 91%, #f7f7f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(12%,#f9f9f9), color-stop(25%,#fafafa), color-stop(39%,#f9f9f9), color-stop(50%,#f8f8f8), color-stop(51%,#f6f6f6), color-stop(60%,#f7f7f7), color-stop(76%,#f8f8f8), color-stop(91%,#f7f7f7), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f9f9f9 0,#f9f9f9 12%,#fafafa 25%,#f9f9f9 39%,#f8f8f8 50%,#f6f6f6 51%,#f7f7f7 60%,#f8f8f8 76%,#f7f7f7 91%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f9f9f9 0,#f9f9f9 12%,#fafafa 25%,#f9f9f9 39%,#f8f8f8 50%,#f6f6f6 51%,#f7f7f7 60%,#f8f8f8 76%,#f7f7f7 91%,#f7f7f7 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, #f9f9f9 0,#f9f9f9 12%,#fafafa 25%,#f9f9f9 39%,#f8f8f8 50%,#f6f6f6 51%,#f7f7f7 60%,#f8f8f8 76%,#f7f7f7 91%,#f7f7f7 100%); /* W3C */
	}

	.mGrid .pgr {
		color: #fff;
		background: #4c4c4c;
		background: -moz-linear-gradient(top, #4c4c4c 0, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, #4c4c4c 0,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	}

		.mGrid .pgr table {
			margin: 5px 0;
		}

		.mGrid .pgr td {
			border-width: 0;
			padding: 0 6px;
			border-left: solid 1px #666;
			font-weight: bold;
			color: #fff;
			line-height: 12px;
		}

		.mGrid .pgr a {
			color: #666;
			text-decoration: none;
		}

			.mGrid .pgr a:hover {
				color: #c0c0c0;
				text-decoration: none;
			}

.red {
	color: red;
}

.nowrap {
	white-space: nowrap;
	text-align: right;
}

th a {
	display: block;
	position: relative;
}

th.asc a, th.desc a {
	padding-right: 0.75em;
}

	th.asc a:after, th.desc a:after {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		color: red;
	}

	th.asc a:after {
		content: '▲';
	}

	th.desc a:after {
		content: '▼';
	}

.configform {
	margin-left: 5%;
}

	.configform h1 {
		float: left;
		white-space: nowrap;
		margin-top: 16px;
	}

	.configform h2 {
		color: #214466; /*font-size: 1.5em;*/
		margin-top: 1em;
	}

	.configform #subtitle h2 {
		vertical-align: middle;
		display: inline-block;
	}

	.configform .help {
		width: 3%;
		cursor: pointer;
		vertical-align: middle;
	}

strong {
	color: #FF0000;
	font-weight: bold;
}

#wtfbutton {
	cursor: pointer;
	margin-left: 20px;
}

li > ol, li > ul {
	padding-left: 0;
	list-style-position: inside;
	margin-left: 20px;
}

.EZform {
	margin: 0 auto 10% auto;
	width: 750px;
	clear: left;
	float: left;
}

	.EZform .text-danger {
		color: red;
	}

	.EZform #savebutton {
		font-size: 24px;
		margin-bottom: 1em;
	}

	.EZform .radios {
		display: inline-block;
		vertical-align: middle;
	}

	.EZform #clickme {
		position: absolute;
		display: none;
		z-index: 1;
	}

	.EZform fieldset {
		border: 1px solid #000000;
		margin: 10px 0 10px 0;
		padding: 10px 20px 10px 20px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
		clear: left;
		background-color: hsl(0, 0%, 90%);
	}

	.EZform label, .EZform .dropareaAd, .EZform .instructions {
		display: inline-block;
		vertical-align: middle;
	}

		.EZform label, .EZform .dropareaAd .instructions {
			width: 25%;
		}

	.EZform .droparea .instructions {
		width: 198px;
	}

	.EZform .cat_div label {
		width: auto;
	}

	.EZform .cat_div {
		min-width: 33%;
		float: left;
	}

	.EZform .cat_div.cat_50 {
		min-width: 50%;
	}

	.EZform label.error {
		float: none;
		color: red;
		padding-left: .5em;
		vertical-align: top;
		width: auto;
		margin-left: 190px;
		display: none;
	}

		.EZform label.error::before {
			content: "\25b2  "; /* up triangle in escaped unicode */
			color: red;
		}

	.EZform ol {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.EZform li {
		margin: 0 0 12px;
		position: relative;
	}

	.EZform legend {
		font-weight: bold;
	}

	.EZform input[type="text"], .EZform input[type="url"], .EZform input[type="Email"],
	.EZform input[type="range"], .EZform select, .EZform textarea {
		display: inline-block;
		width: 70%; /* help icon 3% label 25% */
		padding: 2px;
		border-width: 2px;
	}

	.EZform #myID, .EZform #events {
		width: 45%;
	}

	.EZform #copylast, .EZform #configevent {
		width: 25%;
	}

	.EZform .IM {
		width: 65%;
	}

	.EZform #add-im {
		width: 5%;
		cursor: pointer;
	}

	.EZform input, .EZform textarea, .EZform select {
		font-family: 'Open Sans';
		font-size: 16px;
	}

		/* default focus */
		.EZform input:focus, .EZform textarea:focus {
			box-shadow: 0 0 5px rgb(81 203 238 / 0.50);
			border: 2px solid rgb(81 203 238 / 0.50);
			padding: 2px;
			transition: all 0.30s ease-in-out;
		}

		/* This shows by default for a new form for invalid fields */
		.EZform input:required:invalid, .EZform textarea:required:invalid, .EZform .input-validation-error {
			padding-right: 30px;
			background: #fff url(/images/bang-16.png) no-repeat 98% center;
		}

		.EZform select.input-validation-error {
			padding-right: 30px;
			background: #fff url(/images/bang-16.png) no-repeat 93% center;
		}

		/* This applies when field is focused. :valid/:invalid only works for html validation properties in tags */
		.EZform input:focus:invalid, .EZform textarea:focus:invalid, .EZform:focus .input-validation-error {
			/*background: #fff url(/images/delete-16.png) no-repeat 98% center;*/
			box-shadow: 0 0 5px #d45252;
			border-color: #b03535;
		}

		.EZform input:required:valid, .EZform textarea:required:valid, .EZform :required.valid {
			background: #fff url(/images/check16.png) no-repeat 98% center;
		}		
		
		.EZform select:required.valid {
			background: #fff url(/images/check16.png) no-repeat 93% center;
		}

	.EZform .droparea input {
		display: inline-block;
		width: 300px;
		height: 22px;
	}

	/* exception for logo UUID text field */
	.EZform fieldset #logoID, .EZform fieldset #Standard_logo, .EZform fieldset #logo {
		display: inline-block;
		width: 328px;
		vertical-align: middle;
	}

	/* virtual button config area */
	.EZform fieldset#buttons {
		font-size: .9em;
	}

	.EZform #logo, .EZform textarea, .EZform #logoTexture {
		vertical-align: middle;
	}

	.EZform input[type="radio"] {
		vertical-align: baseline;
	}

	.EZform textarea[readonly], .EZform input[readonly] {
		background-color: LightGray;
	}

	.EZform #kioskSelector {
		margin: 20px 20px 0 20px;
	}

		.EZform #kioskSelector tr:hover {
			background: #99CCFF;
			cursor: pointer;
		}

	.EZform #configtable input, .EZform #configtable select {
		display: inherit;
		height: inherit;
		width: inherit;
	}

	.EZform .delete {
		height: 30px;
	}

	.EZform #addAction, .EZform #addEdit {
		width: 35%;
	}

	.EZform .d-flex {
		display: flex;
	}

	.EZform div.flexlabel {
		width: 25%;
	}

		.EZform div.flexlabel label {
			width: 100%;
		}

	.EZform div.w-70 {
		width: 70%;
	}

	.EZform div.floatinginputs input {
		width: 95%;
	}

	.EZform #floatingtypes input {
		margin-right: 5px;
	}

	.EZform #floatingtypes span {
		margin-right: 10px;
	}

.d-inline-block {
	display: inline-block;
}

.floatinginputs div {
	margin-bottom: 5px;
}

	.floatinginputs div::before {
		content: "↕";
		width: 4%;
		display: inline-block;
		cursor: grab;
	}


/* these are used in the ezconfig source files */
.configTable td {
	border: 2px solid #CCCCCC;
	padding: 10px;
	vertical-align: middle;
}

.configTable {
	padding: 10px;
	border-width: thin;
	background-color: #C0C0C0;
	border-style: solid;
}

	.configTable .configThead {
		font-weight: bold;
		background-color: #999999;
	}

a img {
	border-style: none;
	vertical-align: middle;
}

.graphcontrol .graph {
	padding: 24px;
	background-color: #CCCCCC;
	box-shadow: 4px 4px 4px #888;
}

.graphcontrol .bar {
	border-radius: 3px;
	box-shadow: 4px 4px 4px #888;
	margin: 4px 0 4px 10px;
	padding: 2px;
	float: left;
}

.graphcontrol .label {
	float: left;
	clear: left;
	position: relative;
	top: 6px;
}

.graphcontrol .graphHeader {
	padding: 3px;
	margin: 10px 0 15px 0;
	box-shadow: 4px 4px 4px #888;
	clear: both;
}

.loginChk {
	margin-top: 10px;
	display: block;
}

.login {
	margin: 5px 0;
	width: 80%;
	height: 30px;
	font-size: medium;
	color: #666666;
}

.loginTitle {
	padding: 5px;
	font-size: x-large;
	color: #666666;
	height: 40px;
	text-align: left;
}

.loginbox {
	border: 7px solid #999999;
	border-radius: 12px;
	font-size: medium;
	color: #333333;
	padding: 20px;
	background-color: #CCCCCC;
	margin: 30px 20px;
}

	.loginbox .fail {
		color: Red;
	}

.loginstatus {
	font-size: 80%;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	line-height: 18px;
	list-style-type: none;
	float: right;
	border-color: #000000;
	border-radius: 12px;
	box-shadow: 4px 4px 4px #888;
}

.admin_grid {
	float: left;
}

.kiosk_header {
	margin: 0 0 0 10%;
	float: left;
}

pre {
	font-size: 1.3em;
}

.parcel_sold {
	background-image: url("/images/sold.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.charCount {
	margin: 8px 0 0 200px;
}

.nounderline a:link {
	text-decoration: none;
}

/* this is for the outline around the various page menu blocks */
.menuarea {
	border: 1px solid #999999;
	padding: 10px;
	border-radius: 8px;
	clear: left;
	margin-top: 0;
	margin-bottom: 10px;
	display: inline-block;
}

.myMenus {
	clear: left;
	z-index: 1;
	font-size: 80%;
}

.menuitem:hover {
	background-color: hsl(0, 0%, 84.3%);
}

.menuitem {
	width: 80px;
	margin: 10px 5px;
	text-align: center;
	white-space: normal !important;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}

	.menuitem img, .menuitem input {
		display: block; /*makes text break from icon in menus*/
		margin: 5px auto;
		cursor: pointer;
	}

/* space out child items of the menuarea like checkboxes etc. */
.menuarea > * {
	margin: 0 10px;
}

#OwnerMenu, .OwnerMenuDyn {
	background-color: hsl(0, 0%, 87%);
	border-color: hsl(0, 0%, 75%);
	border-style: solid;
	border-width: 1px;
}

.EZform input.payfield {
	width: 80px;
}

#canvas {
	background-size: 100% 100%;
	cursor: crosshair;
}

#configtable {
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}

	#configtable th, #configtable td {
		line-height: 20px;
		padding: 5px;
		text-align: left;
	}

	#configtable td {
		border-top: 1px solid hsl(0, 0%, 80%);
		border-bottom: 1px solid hsl(0, 0%, 80%);
	}

	#configtable .ui-state-active {
		background-image: none; /* remove annoying jquery UI "shiny button" image */
	}

#sortedit label {
	width: inherit;
}

#toolbar {
	margin: 20px 0;
	border: black;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}

.getKioskButton {
	background: green;
	color: white;
}

.editions img {
	width: 128px;
	float: right;
}

.genbutton {
	background: #276b33;
	background: -webkit-gradient(linear, left top, left bottom, from(#39bf6c), to(#276b33));
	background: -moz-linear-gradient(top, #39bf6c, #276b33);
	border-radius: 9px;
	border-top: 1px solid #97f79d;
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 10px;
	display: inline-block;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
}

	.genbutton:hover {
		border-top-color: #18421f;
		background: #3aa14b;
		color: #ffffff;
	}

	.genbutton:active {
		border-top-color: #1b435e;
	}

.backbutton {
	-webkit-appearance: button;
	-moz-appearance: button;
	cursor: default;
	padding: 1px 6px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	font-size: 13.3px;
}

	.backbutton:before {
		content: '\21E6';
		margin-right: 4px;
	}

.testURL {
	cursor: pointer;
}

.legend {
	margin-bottom: 20px;
	border: 1px solid gray;
	padding: 5px;
	display: inline-block;
}

	.legend .element {
		margin-right: 5px;
	}

	.legend img {
		vertical-align: middle;
	}

.desc {
	word-break: normal;
}

/* extra fancy custom button */
.pushable {
	position: relative;
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	outline-offset: 4px;
	transition: filter 250ms;
	text-decoration: none;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	text-shadow: hsla(0, 0%, 0%, 0.4) 0 1px 0;
	margin-top: 1em;
}

.shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: hsl(0deg 0% 0% / 0.25);
	will-change: transform;
	transform: translateY(2px);
	transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.edge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: linear-gradient( to left, hsl(137 54% 16%) 0%, hsl(137 54% 32%) 8%, hsl(137 54% 32%) 92%, hsl(137 54% 16%) 100% );
}

.front {
	display: block;
	position: relative;
	padding: 6px 12px;
	border-radius: 12px;
	color: white;
	background: hsl(142 54% 47%);
	will-change: transform;
	transform: translateY(-4px);
	transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.pushable:hover {
	filter: brightness(110%);
}

	.pushable:hover .front {
		transform: translateY(-6px);
		transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
	}

.pushable:active .front {
	transform: translateY(-2px);
	transition: transform 34ms;
}

.pushable:hover .shadow {
	transform: translateY(4px);
	transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.pushable:active .shadow {
	transform: translateY(1px);
	transition: transform 34ms;
}

.pushable:focus:not(:focus-visible) {
	outline: none;
}

/* end extra fancy button */