.tree {
	border-collapse:collapse;
	margin:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:small !important;
}
td.gridtable {
	vertical-align: top;
	padding:10px 10px;
}
td.thinner {
	/*vertical-align: top;*/ 
	padding:5px 5px 0 5px;
}
th.gridtable {
	vertical-align: top;
	padding:15px 10px;
	border-bottom:1px solid #e5e5e5;
	white-space: nowrap;
	font-size:85%;
}
th.sortable {
	cursor:pointer;
}
th.sortable:hover {
	text-decoration:underline;
}
td.gridtable a {
	white-space: nowrap;
	color: #468ce5;
	text-decoration:underline;
}
td.gridtable a:hover {
	color: #1F76E0;
	text-decoration:underline;
}
td.gridtable a.deleteImage {
	color: #FF6600 !important;
	text-decoration: underline;
}
td.gridtable a.deleteImage:hover {
	color: #C44F00 !important;
	text-decoration: underline;
}
td.gridtable ul {
	font-weight: normal;
	font-size:100%;
}
td.gridtable li {
}
td.gridtable img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
td.resizeImage {
	max-width: 300px;
	min-width: 300px;
}
td.thisLeft {
	text-align:left;
}
td.thisRight {
	text-align:right;
}
input.thisRight {
	text-align:right;
}
td.thisCenter {
	text-align:center;
}
td.gridtable label {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 0.80em;
    padding: 2px;
    text-align: left;
}
label {
	vertical-align: baseline;
}
.treegrid-lt {
	background-color:#F2F2F2;
	border-bottom:1px solid #e5e5e5;
}
.treegrid-dk {
	background-color:#F8F8F8;
	border-bottom:1px solid #e5e5e5;
}
.treegrid-wt {
	background-color:#FFFFFF;
}
.treegrid-lt-no-border {
	background-color:#F2F2F2;
}
.treegrid-wt-border {
	background-color:#FFFFFF;
	border-bottom:1px solid #e5e5e5;
}
.treegrid-wt-border-top {
	background-color:#FFFFFF;
	border-top:1px solid #e5e5e5;
}
.this-bold {
	font-weight:bold;
}
.treegrid-header {
	background-color:#666666;
	border-top:1px solid #000000;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.no-wrap {
	white-space: nowrap;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
1170
*/
@media only screen and (max-width: 1170px), (min-device-width: 768px) and (max-device-width: 1024px) {
#sortTableHOF img {
	min-width:150px;
	max-width:150px;
}
td.resizeImage {
	max-width: 170px;
	min-width: 170px;
}
}
@media only screen and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */

/* Hide table headers (but not display: none;, for accessibility) */
#sortTableHOF thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#sortTableHOF tr {
	border: 1px solid #ccc;
}
#sortTableHOF td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 25%;
}
#sortTableHOF img {
	min-width:220px;
}
#sortTableHOF td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
}
#sortTableGlider table, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#sortTableGlider thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#sortTableGlider tr {
	border: 1px solid #ccc;
}
#sortTableGlider td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 25%;
}
#sortTableGlider img {
	min-width:220px;
}
#sortTableGlider td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
}
#sortTableLandmark table, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#sortTableLandmark thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#sortTableLandmark tr {
	border: 1px solid #ccc;
}
#sortTableLandmark td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 25%;
}
#sortTableLandmark img {
	min-width:220px;
}
#sortTableLandmark td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
}
td.thisCenter {
	text-align:left;
}
td.thisRight {
	text-align:left;
}
td.gridtable {
	vertical-align: top;
	padding:10px 10px 0 10px;
}
.treegrid-wt-border {
	background-color:#FFFFFF;/*border-bottom:1px solid #e5e5e5;*/
}
td.thisBlank {
	display:none;
}
/* none table - list format for HOF */
#sortTableHOF td:nth-of-type(1):before {
	content: "";
}
#sortTableHOF td:nth-of-type(2):before {
	content: "Last Name";
}
#sortTableHOF td:nth-of-type(3):before {
	content: "First Name";
}
#sortTableHOF td:nth-of-type(4):before {
	content: "Year";
}
#sortTableHOF td:nth-of-type(5):before {
	content: "About";
}
#sortTableHOF td:nth-of-type(6):before {
	content: "Awards";
}
#sortTableHOF td:nth-of-type(7):before {
	content: "Bio";
}
#sortTableHOF td:nth-of-type(8):before {
	content: "";
}
/* none table - list format for Glider */
#sortTableGlider td:nth-of-type(1):before {
	content: "";
}
#sortTableGlider td:nth-of-type(2):before {
	content: "Builder";
}
#sortTableGlider td:nth-of-type(3):before {
	content: "Name";
}
#sortTableGlider td:nth-of-type(4):before {
	content: "Year";
}
#sortTableGlider td:nth-of-type(5):before {
	content: "Reg#";
}
#sortTableGlider td:nth-of-type(6):before {
	content: "Status";
}
#sortTableGlider td:nth-of-type(7):before {
	content: "";
}
/* none table - list format for Landmark */
#sortTableLandmark td:nth-of-type(1):before {
	content: "Num.";
}
#sortTableLandmark td:nth-of-type(2):before {
	content: "Name";
}
#sortTableLandmark td:nth-of-type(3):before {
	content: "Reg. Date";
}
#sortTableLandmark td:nth-of-type(4):before {
	content: "";
}
#sortTableLandmark td:nth-of-type(5):before {
	content: "About";
}
.mobile-spacer {
	padding-bottom:10px;
}
.click-header {
	display:none;
}
.full-experience {
	display:block !important;
	margin:0 0 5px 10px !important;
	text-align:left !important;
	font-size:70% !important;
	color:#999999 !important;
}
}
 @media screen and (max-width: 500px) {
	/* Force table to not be like tables anymore */
	#shoppingCart table, thead, tbody, th, td, tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#shoppingCart thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#shoppingCart tr {
		border: 1px solid #ccc;
	}
	#shoppingCart td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 25%;
	}
	#shoppingCart img {
		min-width:220px;
	}
	#shoppingCart td:before {
		/* Now like a table header */
			position: absolute;
		/* Top/left values mimic padding */
			top: 6px;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
	}
	#shoppingCart table, thead, tbody, th, td, tr {
		display: block;
	}
	/* none table - list format for Landmark */
	#shoppingCart td:nth-of-type(1):before {
		content: "";
	}
	#shoppingCart td:nth-of-type(2):before {
		content: "";
	}
	#shoppingCart td:nth-of-type(3):before {
		content: "Price";
	}
	#shoppingCart td:nth-of-type(4):before {
		content: "Total";
	}

}
#form_error {
	color:#B31B1B;
	font-size:12px;
	display:none;
	margin-bottom:5px;
	font-weight:bold;
}
form#membershipForm input.error, form#billingShippingReview input.error {
	border:1px solid #CC0000;
	padding:2px;
}
form#membershipForm textarea.error {
	border:1px solid #CC0000;
}
form#membershipForm .error {
	color:#CC0000;
	display: block;
	padding:6px;
}



form#registrationForm input.error, form#billingShippingReview input.error {
	border:1px solid #CC0000;
	padding:2px;
}
form#registrationForm textarea.error {
	border:1px solid #CC0000;
}
form#registrationForm .error {
	color:#CC0000;
	display: block;
	padding:6px;
}


form#billingShippingReview .error {
	color:#CC0000;
	display: block;
	padding:6px;
}
.needsfilled {
	background-color:#660000;
	color:#FFFFFF;
}
#stripe_payment_errors {
	font-size:13px;
	color:#0000FF;
	margin: 0px 0px 20px 20px;
	font-weight:bold;
}
.treegridClickable tr {
	cursor:pointer;
}
.rowClickable {
	cursor:pointer;
}
.this_float_left {
	float:left;
}
.this-smaller {
	font-size:0.85em;
}
.this-bold {
	font-weight:bold;
}
.this_float_right {
	float:right;
}
.click-header {
	margin:0 0 5px 10px;
	text-align:left;
	font-size:70%;
	color:#999999;
}
.full-experience {
	display:none;
}
hr.gray {
	text-align: center;
	width: 100%;
	border: 0;
	height: 1px;
	background: #ccc;
	background-image: linear-gradient(to right, #E4E4E4, #cccccc, #E4E4E4);
}
.my_account_info {
	display:none;
}
.my_account_orders {
	display:none;
}
.my_account_reset {
	display:none;
}
form#theform input.error {
	border:1px solid #CC0000;
	padding:5px;
}
form#theform textarea.error {
	border:1px solid #CC0000;
}
form#theform .error {
	color:#CC0000 !important;
	margin: 0;
}
#stripe_payment_success {
	font-size:1em;
	color:#006600;
	margin: 0;
	text-align:center;
}
#stripe_payment_errors {
	font-size:1em;
	color:#CC0000;
	margin: 0;
	font-weight:bold;
}
.plainButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;

	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding:0 5px;
}
.plainButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.plainButton:active {
	position:relative;
	top:1px;
}