/* cancelling global styles... */
body { background-color: white; padding: 0 7px; min-width: 987px }
#header, #footer { background: transparent; height: auto;
	margin: 0 auto; width: 987px;/*keep map page aligned on wide screens*/ }
body.full-width #header, body.full-width #footer { width: auto }
#header #logo img { padding: 0 }
#header #leaderboard { margin: 0; padding: 0; width: 726px; height: 88px; border-width: 0px; border-color: #ddce99;/*#f8e8c4*/ }
#header #leaderboard img, #header #leaderboard iframe { top: -1px; left: -1px }
#header #topnav { margin: 2px/*ie top highlight for nav*//*.5em*/ 0/* 3em*/; text-align: left; position: relative; }
#topnav .search { margin: 0 }
#topnav a { position: relative; top: 4px/*33em!!! 1/29 no button fx*/; margin-right: 0 }
#container { border: none }
.mapInfoDetail h4 a { color: inherit }
#add label, #mapDetailInfo label { color: #777 }
#add label { font-size: 10px }
samp { color: #666 }
#footer span, #footer ul { margin: 0 }
#footer ul { position: relative }
#footer ul li { margin-left: 0; margin-right: 1.333em }
#footer ul.left-side { margin-left: 0 }
#footer ul.left-side li { margin-right: 0; margin-left: 1.333em }
input, textarea { background-color: #e2e5ec; border-color: #d6dbe4 }

#keywords:before, h2:before {
	display: block;
	content: ".";
	color: transparent;
	height: 0;
	border-bottom: solid 2px #346/*#9da4bf/*#334*/;
	width: 66.667%;
	margin-bottom: 8px;
	padding-top: 8px;
	margin-left: -1px;
}
#five #keywords:before, #five h2:before { width: 404px }
#three keywords:before, #three h2:before { width: 282px }
.homecol1 h2:before, .homecol2 h2:before, .homecol3 h2:before { border: none }
#three keywords:before, #three h2:before { width: 282px }
#three keywords:before, #three h2:before { width: 282px }
#keywords:before { margin-left: -5px }
#keywords h2 { margin-left: -4px }
#keywords h2:before {
	display: none;
	content: "";
}
h1, h2 { Verdana, sans-serif; color: #201f1f; font-weight: normal }
h2 a { color: #201F1F; text-decoration: none }
#content h1 { padding-top: 19px; font-size: 27px/*19px*/; margin-left: 2px }
#content h2 { margin-top: 0; font-size: 20px }
#content h1, #content h2 { text-indent: -2px }
h3, .rating-caption { color: #302f2f; margin: 1em 0 0 2px; text-indent: -2px }
h4 { color: #403e3e }

a.button, button {
	background: #529918 url(/images/b/button.png) top left repeat-x;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	font-size-adjust: inherit;
	padding-top: 1px;
	padding-bottom: 1px;/*!!! disable when search out of top bar? */
	position: relative;
	top: -2px;
	/*!!! no border 1/29 */
	border: none;
	padding: 3px 5px 7px;
	outline-style: none;
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	/*border: solid 1px red !important;*/
	height: 28px;
}
button, button * { outline-style: none !important; outline-width: 0 !important }
button,
a.button { line-height: 18px;
	-moz-border-radius: 0;
}
a.button {
	padding: 4px 8px 6px;
	height: auto;
}
button { padding: 3px 7px 7px 5px }
/*a.button .before, a.button .after,
button .before, button .after,*/
.buttonify-edge {
	display: inline; margin: 0; padding: 0; border: 0;
	position: absolute;
	top: 0;
	vertical-align: top;
	height: auto !important;
	width: auto !important;
	float: none !important;
}
#topnav a .hover-before, #topnav a .hover-after { display: none }
#topnav a:hover > .before, #topnav a:hover > .after { display: none }
#topnav a:hover > .hover-before, #topnav a:hover > .hover-after { display: inline }
.active-before, .active-after { display: none }
:active > .before, :active > .after { display: none }
:active > .active-before, :active > .active-after { display: inline }
.testactive > .before, .testactive > .after { display: none }
.testactive > .active-before, .testactive > .active-after { display: inline }
.visiting-before, .visiting-after { display: none }
.visiting > .before, .visiting > .after { display: none }
.visiting > .visiting-before, .visiting > .visiting-after { display: inline; z-index: 100 }
.visiting .hover-before, .visiting .active-before { display: none !important }

a.button .before, a.button .after,
button .before, button .after { position: absolute; top: 0 }
/*HACK:ff only*/@-moz-document url-prefix() {
	button .before, button .after { top: -4px }
}
a.button .before, button .before { left: -1px }
/*HACK:ff only*/body:-moz-last-node button .before { left: -9px }

a.button .after { right: -3px }
button .after { right: -1px }
/*HACK:ff only*/body:-moz-last-node button .after { right: 7px }


/*a.button:hover, button:hover,*/
/*a.button:active, button:active {
	/*-moz-box-shadow: 1px 1px 1px 0px #343;/*1/29 lightened shadows #131;*/
	/*top: 0;*/
	/*margin-top: 1px;
	margin-bottom: -1px;*/
/*}*/
a.button:active, button:active {
	border-style: none;
	-moz-box-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px;
	top: -2px;
	right: -1px;
	background: #529918 url(/images/b/button-active.png) top left repeat-x;
}
/*a.button:active { padding-left: 7px; padding-right: 9px }
button:active { padding-left: 4px; padding-right: 6px }*/
/*button:active { margin-left: -1px }*/
/*!!!!!!*/
button:active { padding: 4px 6px 4px 4px }
button .active-before, button .active-after { top: 0px; position: absolute !important }
/*HACK:ff only*/@-moz-document url-prefix() {
	button:active { padding: 4px 6px 6px 4px }
	button .active-before, button .active-after { top: -5px }
}
a.button .active-before { left: -2px }
button .active-before { left: -2px }/*-10*/
/*HACK:ff only*/body:-moz-last-node button .active-before { left: -10px }
a.button .active-after { right: -2px }
button .active-after { right: -2px }
/*HACK:ff only*/body:-moz-last-node button .active-after { right: 6px }

/* mappery 3 specific styles */
#header { z-index: 4 }
#header #logo { top: 3px }
#container { clear: both }
#header #topnav,
.pagespanner {
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;!!!!*/
	background: #bfc6d5 url(/images/b/topnav.png) top left repeat-x;
	border-color: #e1e3eb #a9afc6 #a9afc6 #bfc6d5;
	border-style: /*solid*/ none;/*!!! 1/29 no button effects*/
	border-width: 3px 0 5px;
	padding: 0 .5em;
	padding: .333em .5em .25em;/*!!! 1/29 no button effects*/
	white-space: nowrap;
	/*width: 1000px;*/
	position: relative;
}
#header #topnav .before, .pagespanner .before,
#header #topnav .after, .pagespanner .after {
	display: inline; margin: 0; padding: 0; border: 0;
	position: absolute;
	top: 0;
}
#header #topnav .before, .pagespanner .before {
	left: 0;
}
#header #topnav .after, .pagespanner .after {
	right: 0;
}
#header #topnav {
	height: 28px;/*!!!browser reconcile 1.883em;*/
	padding-left: 0; padding-right: 0;
}
/*#header #topnav:after,
.pagespanner:after {
	clear: both;
	content: ".";
	display: block;
	height: 2px;
	color: #9da4bf;
	background: #9da4bf;
	width: 150%;
	position: relative;
	left: -25%;
	top: 4px;
	overflow: hidden;
}*/
#topnav a {
	text-shadow: 0px 1px #f4f5f8;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=0, offy=1, color=#f4f5f8)";
	filter: progid:DXImageTransform.Microsoft.DropShadow(offx=0, offy=1, color=#f4f5f8);
	background: #bfc6d5 url(/images/b/topnav.png) top left repeat-x;
	border-color: #e1e3eb transparent/*#bfc6d5*/ #a9afc6;/* tr nowork ff36 */
	border-width: 3px 1px 5px;
	border-style: solid none;
	border-style: none;/*!!! 1/29 no button effect */
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: .333em 1.2em .25em;
	padding: .55em 1.28em;
	padding: .55em 1.25em .55em 1.28em;/*!!!tr nowork ff36*/
	border-width: 0;
	padding: 9px 17px 8px 18px;/*!!! 2/2 border on active*/
	outline-style: none;
	position: relative;
}

/*#topnav .search + a { -moz-border-radius: 8px 0 0 8px }*/
#topnav a.selectedtest, #topnav a:hover {
	text-shadow: 0px -1px #36610f;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=0, offy=-1, color=#36610f)";
	filter: progid:DXImageTransform.Microsoft.DropShadow(offx=0, offy=-1, color=#36610f);*/
	background: #529918 url(/images/b/topnav-hover.png) top left repeat-x;
	/*border-style: outset outset outset inset;*/
	/*border-bottom-width: 5px;*/
	border-style: none;
	/*padding-left: 1.2em; padding-right: 1.2em;/*!!!tr nowork ff36*/
	z-index: 1;
}
#topnav a { position: relative }
/*#topnav > a.selectedtest:first-child .before,
#topnav > a:first-child .hover-before,
#topnav > a:first-child .active-before,
#topnav a .active-before, #topnav a .active-after,
#topnav > a.visiting:first-child .before {
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
}*/
#topnav > .search + a .hover-before,
#topnav > .search + a .active-before,
#topnav > .search + a .visiting-before {
	left: 1px;
}
#topnav > .search + a.selectedtest .before,
#topnav a:active {
	background: #529918 url(/images/b/topnav-active.png) top left repeat-x;
	top: 5px;
	border-style: none/*solid*/;
	border-color: #24400a/*182b07*/;
	border-top-color: /*#30560d*/#3c6b10;
	color: white; text-shadow: 0px -1px #36610f;/*!!! as in :hover*/
	/*border-width: 2px 1px 1px;
	padding: 8px 16px 6px 17px;*/
	padding: 10px 17px 7px 18px;
}
#topnav a .active-before {
	left: 0px;
}
/*#topnav > .search + a .active-before { content: none; display: none }*/
#topnav a .active-after {
	right: 0px !important;
}

body.user-owns #topnav a.for-visitor,
#topnav a.visiting {
	color: white !important;
	text-shadow: 0px -1px black !important;
	background: #36610f url(/images/b/topnav-visiting.png) top left repeat-x;
}
body.user-owns #topnav a.for-visitor:hover,
#topnav a.visiting:hover { cursor: default !important }

body.user-owns #topnav a.for-visitor { display: inline !important }

#topnav .search {
	background: white;
	border-style: solid;
	border-color: #bfc6d5 #e1e3eb #e1e3eb #a9afc6;
	border-width: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*margin-top: 1px;!!!2/2 align w/ R col edge/*2px; !!! 1/29 no border */
	margin-right: 18px;
	height: 19px;
}
/*HACK:safari/chrome only*/@media screen and (-webkit-min-device-pixel-ratio:0){
	#topnav .search { margin-top: 1px; padding-top: 1px }
}
/*HACK:ff only*/body:-moz-last-node #topnav .search button { top: -6px }
/*HACK:ff only*/body:-moz-last-node #topnav .search button:active { top: -5px !important }


#topnav .search input {
	font-size: 12px;
	font-family: Trebuchet MS, Geneva, Verdana, sans-serif;
	border: none;
	/*height: 1.333em;*/
	position: relative;
	background: transparent;
	top: -7px;
	color: #666;
}
#topnav .search input.empty { color: #888 }
#topnav .search button { margin: 0 -9px 0 -3px; position: relative; top: -5px }
#topnav .search button:active { top: -4px !important }

.nodeco, .nodeco:active {
	border: none !important;
	background: transparent !important;
	-moz-box-shadow: none !important;
	padding: 3px 5px;
}
.nodeco .before, .nodeco .after, .nodeco .active-before, .nodeco .active-after {
	content: none;
	display: none;
}



.picletter-normal, .picletter-focus,
#topnav a .picletter-normal, #topnav a .picletter-focus {
	margin-right: 0.333em;
	position: relative;
	margin-bottom: -2px;
	top: -1px;
}
.selected .picletter-normal, .picletter-focus,
#topnav a:hover .picletter-normal, #topnav a .picletter-focus { display: none }
.selected .picletter-focus,
#topnav a:hover .picletter-focus { display: inline }
#view-chooser .picletter-normal, #view-chooser .picletter-focus {
	margin-left: -3px; margin-right: .25em }

.picletter {
	margin-right: .333em;
	position: relative;
	top: 1px;
}
.picletter-normal, .picletter-focus, .picletter { display: none !important }

#container { margin: 0;
	/*!!! 2/2 no framing border: 1px #d3d3d3; border-style: none solid;*/
	position: relative; /*top: -8px*/ }
#content {
	width: 954px;/*!!! 950px line up closer to edges*/
	/*left:10px;*/
	position: relative;
	margin: 1em auto 0;
}

.edit-page {
	/*position: static !important;*/
	float: right;
	margin-right: 4px;
	margin-top: 32px;
	top: 0;
	right: 0;
}

#five { width: 600px }
#five.left, #three.left { margin-right: 27px/*46px*/ }
#five.right, #three.right { margin-left: 27px/*8px*/ }
#five .first-header { margin-top: -1.5em }/* was .667 & .333 */


#mapDetailInfo .meta {
	float: left;
	min-width: 38.5%/*33%*/;
}
/*HACK:safari/chrome only*/@media screen and (-webkit-min-device-pixel-ratio:0){
	#mapDetailInfo .meta { min-width: 200px }/* so floats do not reduce */
}

.left .button-nav { margin-left: 0px }
.right .button-nav { margin-left: -4px }
/* !!! reconcile with version from directory.css */
.button-nav a.button,
.button-views a.button {
	background: #529918 url(/images/b/button-big.png) top left repeat-x;
	float: left;
	/*font-size: 24px;*/
	/*font-size: 21px;*/
	font-size: 20px;/*w/o adjust*/
	position: relative;
	font-family: Trebuchet MS, Utopia, sans-serif;
	/*width: 285px;*/
	width: 282px;
	min-height: 64px;/*img also enforces this*/
	/*line-height: 1.25em;*/
	/*line-height: 1.2em;/*w/o font-size-adjust*/
	/*padding-top: 3px;*/
	line-height: 1.1em;
	padding-top: 2px;/* for CA */
	/*white-space: nowrap;*/
	white-space: normal;
	/*-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;!!!!*/
	/*border-width: 4px;*/
	margin: -4px 0 6px;
	/*padding-left: 8px;*/
	padding-left: 10px;
	text-indent: -2px;/*..or 12/-4?*/
	/*!!! just 1px? */
	position: relative;
	/*!!! 1/29 no border */
	/*padding: 6px 4px 4px 14px;!!!img*/
	padding: 7px 4px 8px 14px;
}
.button-nav a.button .before,
.button-views a.button .before {
	left: 0px;/*!!! was 1 when pseudo-element*/
}
.button-nav a.button .after,
.button-views a.button .after {
	right: -9px;
}
.wha {
	-moz-box-shadow: 2px 2px 2px 1px #454;/*!!!#131; 1/29 lightened shadows*/
}
.button-nav a.button:active,
.button-views a.button:active {
	background: #529918 url(/images/b/button-big-active.png) top left repeat-x;
	padding-top: 8px; padding-bottom: 7px;
}
.button-nav a.button .active-before,
.button-views a.button .active-before {
	left: -1px;/*!!!was 0 w/ pseudo-elements*/
}
.button-nav a.button .active-after,
.button-views a.button .active-after {
	right: -9px;
}
.button-nav a.button .active-before,
.button-views a.button .active-before {
	left: -1px;/*!!!was 0 w/ pseudo-elements*/
}
.button-nav a.button .active-before,
.button-views a.button .active-before,
.button-nav a.button .active-after,
.button-views a.button .active-after {
	display: none;
}
.button-nav a.button:active .before,
.button-views a.button:active .before,
.button-nav a.button:active .after,
.button-views a.button:active .after {
	display: none;
}
.button-nav a.button:active .active-before,
.button-views a.button:active .active-before,
.button-nav a.button:active .active-after,
.button-views a.button:active .active-after {
	display: inline;
}
.button-nav .geo-icon,
.button-views .geo-icon {
	position: absolute;
	top: 7px;
	right: 4px;
	z-index: 10;
}
.button-nav a.button:active .geo-icon,
.button-views a.button:active .geo-icon {
	top: 8px;
}

.button-nav a.button .secondary {
	font-size: smaller;
	color: #e8ffd8;/*#fff1d5;*/
	/*line-height: .5em;*/
	line-height: 1em;
}
/*.directory .button-views a.button .secondary {
	display: block;
	margin-left: 17px;
	line-height: .667em;
}*/
.button-nav a.button .label {
	font-size: 15px;
	line-height: 1em;
}
.button-nav a.button .count {
	color: #fec;
	float: left;
	width: 2.667em;
	text-align: left;/*right;*/
	margin: 0;
	font-size: 32px;
}
.button-nav a.button img,
.button-nav a.button .deco {
	vertical-align: top;
	height: 64px;
	float: right;
	margin-right: 4px;/*!!! 1/29 no border */
	/*margin-top: -2px;/* see line-height change above */
}
/* text deco occupying image space */
.button-nav a.button .deco {
	font-size: 72px;
	font-weight: normal;
	position: absolute;
	margin-right: 0;
	height: 24px;/*!!!was 48px w/ pseudo-elements*/
	top: 25px;/*17px;!!!was w/ pseudo-elements*/
	right: 4px;
	z-index: 1;
}	
.button-nav a.button:active .deco { top: 26px }

/* arrow graphic 4/3 */
.button-nav a.button .deco img {
	vertical-align: top !important;
	position: relative;
	top: -18px;
}

#view-chooser {
	position: relative;
	/*margin-left: -6px;*/
	/*position: relative;
	right: 6px;*/
}
#view-chooser .view-toggle { position: absolute; top: -26px; right: 10px }
#view-chooser ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	position: relative;
	bottom: -6px;
}
#view-chooser ul li {
	display: inline;
	background: #ddd;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	font-size: 13px;
	text-transform: uppercase;
	font-family: Trebuchet MS, sans-serif;
	padding: 4px 1.5em 3px;
	font-weight: bold;
	color: #666;
	margin-left: 6px;
}
#view-chooser ul li.selected {
	background: #666;
	color: #fffaee;/*#fff6dd;*//* also for top-top 3d look */
}

#share {
	float: right;
	position: relative;
	right: 6px;
	top: -6px;
	-moz-border-radius: 6px;
}

#mapPic {
	position: relative;
	margin-bottom: 15px;/* was #controls */
/*	padding: 6px;
	background: #ddd;
	-moz-border-radius: 6px;*/
}
#mapPic img, #map { border: solid 1px #666 }/* or safari/chrome shows */
#mapPic .map-view a { text-decoration: none }
#mapPic .map-view .hover-overlay {/*375x112 block + 42 for letterspacing*/
	/*bottom: 50%/*LL 72px;*/
	/*left: 12%/*LL 24px;*/
	/*top: 48px;
	left: 24px;TL*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -69px;
	margin-left: -237px;/*-216 just half width + half side padding */
	padding: 14px 32px 12px 26px;
	background: #686c74;/*lighter #7a7e88 darker #575a61 button bg #529918*/
	text-decoration: none;
	font-family: Trebuchet MS, Geneva, Verdana, sans-serif;
	letter-spacing: 6px;
	color: white;
	text-shadow: 0px 1px #575a61;
	font-size: 72px;
	white-space: nowrap;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter: alpha(opacity=80);
	/* switch to 2 lines 3/25: */
	font-size: 64px;
	padding: 2px 32px 52px 26px;
	text-align: right;
	line-height: 0;/* depends on img vertical-align, below */
	text-decoration: none;
	/* switch to span, rather than div */
	display: block;
	visibility: hidden;/*display: none; use visibility for % lengths*/
}
/*HACK:safari/chrome only*/@media screen and (-webkit-min-device-pixel-ratio:0){
	#mapPic .map-view .hover-overlay { padding-bottom: 28px }
}
#mapPic .map-view:hover .hover-overlay { visibility: visible /*display: block*/ }
#mapPic .map-view .hover-overlay img {
	border: none;
	margin: 12px -18px 0 0;
	vertical-align: middle;
	/* switch to 2 lines 3/25: */
	position: relative;
	top: 16px;
}

#controls { margin-bottom: 0; text-align: center }
#controls .left { float: left }
#controls .right { float: right }
#controls .column span { color: #444 }
#controls td { padding: 0 }
/*#controls div { display: inline }/*!!! for rating*/

#tourismbureau { padding-bottom: 1.5em }
#tourismbureau h3 { white-space: nowrap }

#photos { clear: left; position: relative; margin-top: 24px }
#photos h2 { margin-bottom: -10px }
#photos table { font-size: 11px; text-align: left/*center !!! 1/29 L align*/ }
#photos td { padding-right: 48px/*!!! 2/4 spread photos 24px*/ }
#photos td.photo { padding-top: 12px; vertical-align: bottom }
#photos td.caption { vertical-align: top; max-width: 100px; overflow: hidden }
#photos td.photo p, #photos td.photo .owner { display: none }
#photos td p {
	/*font-family: Georgia, Utopia, serif;!!! sans font 1/29*/
	margin: 0 0 .333em;
	text-indent: -.1em;
	/*font-size: 12px;*/
}
#photos p a { color: black }
#photos .owner { font-variant: small-caps; text-transform: lowercase }
#photos ul li { margin: 2em 0 }
#photos ul li p a { color: #333 }/* optically match preview's dimension text */
#photos .attribution { margin-bottom: 0; line-height: 1em; margin-bottom: -6px; margin-top: .667em; width: 400px; color: #9da4bf/*#aab*/; /*!!!*/font-variant: normal; text-transform: none; font-size: 9px;/*!!! 1/29 not in cap*/ }


.rating-caption { display: none }
.rating-tally { color: #222 }

.desc { line-height: 1.55em }/* !!! 1/29 open up line height */
#mapDetailInfo, .desc, #comments, #keywords, #general .column, #general .columnhead {
	width: 97.5%/*!!! 1/29 span column 400px;*/
}
#photos { width: 400px }
#keywords {
	margin-left: 4px;
	text-indent: -4px;
	margin-top: 18px;
}
#keywords h2, #keywords h3 { /*display: inline; !!!1/29 on own line*/margin-right: .333em; margin-left: -2px/*!!! 1/29 on own line*/ }
#keywords form { position: relative; right: 4px; top: -4px }
#keywords .add input {
	width: 442px;/*446px w/o margin !!! 1/29 span full 279px;*/
	height: 1.44em;
	margin-left: 4px;
}
/*!!!!!!*/
#keywords button:active { margin-left: 4px; left: 0px; top: 0px }
/*HACK:ff only*/body:-moz-last-node #keywords button:active { margin-left: 2px }
#keywords button .active-before { left: -3px }
/*HACK:ff only*/body:-moz-last-node #keywords button .active-before { left: -10px }
#keywords button .active-after { right: -1px }
/*HACK:ff only*/body:-moz-last-node #keywords button .active-after { right: 6px }
#add #jumpto, #keywords .add input {
	margin-top: 4px;/*stop jump on button press*/
	margin-bottom: 4px;
}
#comments { margin-top: 16px }
#comments form { text-align: right }
#comments form textarea {
	line-height: 1.333em;/*1.285714286*/
	height: 2.667em;
	min-height: 1.4285em;
	/*width: 99%;!!!2/2 in ballon no border*/
	/*margin: -.667em auto .333em; width: 96%;*/
	background-color: transparent;
	border: none;
	font-size: 14px;
	margin: -15px auto 0;
	padding: 0 .5em;
	width: 97%;
}
#comments textarea.empty { color: #999 }
#comments .meta { float: right }
#comments .meta .visible-content { margin: 0 0 1em }
#comments #recaptcha_image { margin: .5em 0 .5em auto }
#comments .add { float: right; clear: right }
#comments button { margin-top: 2px }
.comment {
	margin-bottom: .75em;
	margin-left: 85px;
	border: 1px #d3d3d3;
	border-style: none solid;
	background-color: #f9f9f9;
	text-align: left;
	-moz-box-shadow: 0 3px 3px -4px black;/*!!! 1/29 drop shadow*/
}
#latest-comments { margin-top: 2.25em }
#latest-comments .comment { margin-left: 4px; border-style: none; background-color: transparent }
.comment .balloon { margin-left: -10px }
.comment .userpage img {
	margin-left: -85px;
	float: left;
	margin-right: .5em;
	max-height: 48px;
	max-width: 75px;
}
.comment a.userpage img { -moz-box-shadow: 1px 1px 1px 1px #131 }
.comment p { padding: .5em; margin-top: -24px }
.comment .signature {/*!!! ???*/
	font-family: Trebuchet MS, Geneva, sans-serif;
	/*color: #333;
	font-size: 12px;*//*for italic*/
	color: black;
	font-size: 11px;
	/*font-variant: small-caps;*//*!!!1/29 uncap*/
	margin-right: .667em;
}
.comment .signature:before { content: "\2014\2009" }


.messages { margin-left: 0; top: 9px; left: 0; color: #656262 }

/*.sidecontainer { padding: 1em; margin-left: -3em; top: -1em; position: relative; background: #ddd; width: 300px }*/
h4.location { margin-top: -8px; margin-bottom: 8px; margin-left: 2px; color: #807c7c }

#side-ad {
	margin-top: .333em;
	height: 248px;
}

#nearby, #nearby #rowGallery {
	overflow-x: hidden;
	overflow-y: auto;
}
#nearby { padding-top: 1.667em }
#nearby h3 { margin-top: 0 }
#nearby a.button, #nearby button { float: right; position: relative; top: -3px;
/*!!!for drop shadow (img)*/ margin-bottom: -1px; margin-right: 2px }
#nearby p, #nearby .addInfo * { display: none }
#nearby h4, #nearby .addInfo,
#nearby .addInfo .distance { display: inline }
#nearby .addInfo .distance {
	font-weight: normal;
}
#nearby .map .mapInfoDetail { margin: 2px 0 0 2px; text-indent: -2px }
#nearby .mapInfo, #nearby .mapInfoDetail { width: 100% }
#nearby .mapInfo h4, #nearby .mapInfoDetail h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 .5em 0 0;
	text-indent: 0;
}
#nearby #rowGallery { margin-bottom: -.667em }


#footer { margin-bottom: .5em; padding: 0 }
#footer .pagespanner {
	margin: .5em 0;
	padding: .667em/*.333em 1/29 no button fx*/ 0;
}
#footer .pagespanner a { text-shadow: 0px 1px #f4f5f8 }
/*#footer .pagespanner:after { top: -.5em }*/
#footer #dirmatter {
	margin: 0 auto;
	padding-top: 2em;/* !!! 1/29 more top space */
	padding-bottom: 1em;/*!!! 1/29 closer to edge line up */
	/*width: 1000px;/* match #content width + 2 horizontal border-spacings
#*/
	width: 100%;/*!!! 1/29 content width*/
	text-align: left;
	border-spacing: 0;/*25px 0; !!! 1/29 border spans table */
	border-collapse: separate;
	/*!!! 1/29 closer to edge line up */
	/*!!!2/2 no framing border: 1px #d3d3d3;
	border-style: none solid;*/
	/*!!! 1/29 closer to edge bordered pull in */
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin-bottom: -1.5em;
	position: relative;
	top: -.5em;
}
body.add #footer #dirmatter { display: none }
#footer #dirmatter th { border-top: solid 1px #bfc6d5; padding: .9em 0 .5em;
#}/* !!! 1/29 border spans table & boxed content */
#footer #dirmatter th,
#footer #dirmatter td {
	width: 25%;
	/*border-right: solid 1px #bfc6d5;*/
	padding-left: 1.333em;/*.333em; !!! 1/29 closer to edge border spacing */
	vertical-align: top;
}
/*#footer #dirmatter th:first-child,
#footer #dirmatter td:first-child { padding-left: 0 }
#footer #dirmatter th:last-child,
#footer #dirmatter td:last-child { border-right: none }*/
#footer #dirmatter ul {
	/*margin: -.25em 0 0;*/
	margin: -.333em 0 -.333em 1px;
	/*margin: -.5em 0 0 1px;*/
	text-align: left;
	font-size: 11px;
	padding-left: 0;
}
#footer #dirmatter li {
	display: block;
	/*margin: 0 0 .333em;*/
	/*margin: 0 0 .2em;*/
	margin: 0 0 2px;
}
#footer #dirmatter a {
	font-weight: normal;
	color: inherit;
}
/*#footer #dirmatter a:hover { cursor: pointer }*/

#footer ul li a .icon { margin: -11px 4px -7px 0 }

#controls .column span,
#photos ul li p,
h3 a.see-more,
#header #topnav .search .clear,
#add,
#mapDetailInfo label,
#add label,
form.natural,
#map-imports form,
body {
	font-family: Verdana, Trebuchet MS, Tahoma, Geneva, Lucida Grande, sans-serif;
}
a.maps-near-here, h3 a.see-more { font-size: 11px }

.popup-body button {
	margin-bottom: 2px;
	position: relative;
	background: #529918 url(/images/b/p/button-popup.png) top left repeat-x;
	border-style: none !important;
}
.popup-body button:active {
	background: #529918 url(/images/b/p/button-active-popup.png) top left repeat-x;
	margin-top: -1px;
	top: -1px;/*!!! or popup edge jumps when button active*/
	margin-left: 15px;
}

button.secondary .active-before { left: -1px !important }

.popup-body button.secondary {
	border-style: none !important;
	background: #e8a467 url(/images/b/p/button-secondary-popup.png) top left repeat-x;
}
.popup-body button.secondary:active {
	background: #e8a467 url(/images/b/p/button-secondary-active-popup.png) top left repeat-x;
}
.popup-body button .active-before,
.popup-body button.secondary .active-before {
	left: -3px !important;
}
.popup-body button .active-after,
/*.popup-body*/ button.secondary .active-after {
	right: -1px !important;
}
/*HACK:ff only*/@-moz-document url-prefix() {
	.popup-body button.secondary .active-before,
	.popup-body button .active-before { left: -10px !important }
	/*.popup-body*/ button.secondary .active-before { left: -8px !important }
	.popup-body button.secondary .active-after,
	.popup-body button .active-after,
	/*.popup-body*/ button.secondary .active-after { right: 6px !important }
}

#add .show-more, #add .discard-import, button.secondary {
	border-style: none;
	background: #e8a467 url(/images/b/button-secondary.png) top left repeat-x;
}
#add .show-more:active, #add .discard-import:active, button.secondary:active {	border-style: none;
	background: #529918 url(/images/b/button-secondary-active.png) top left repeat-x;
	margin-right: -1px;
}
#add .controls button:active {
	position: relative;
	margin-left: 2px !important;
	left: 2px !important;
	margin-right: 4px !important;
}
#add .controls button .active-before { left: -3px }
body #add .controls .show-more .active-before, #add .discard-import .active-before, button.secondary .active-before {
	left: -1px;
}
/*HACK:ff only*/@-moz-document url-prefix() {
	#add .show-more { position: relative !important; right: 0px; }
	#add .controls .show-more:active, #add .discard-import:active, button.secondary:active {
		margin-right: 0 !important;
		margin-left: 0 !important;
		left: auto !important;
		right: -2px !important;
	}
	/* get rid of 'or' jiggle on press */
	#add .controls button:active { margin-right: 0px !important }
	#add .controls .show-more:active { margin-left: 2px !important }
	#add .controls .show-more .active-before, #add .discard-import .active-before {
		left: -8px !important
	}
	#add .controls button .active-before { left: -10px }
}


#add #five, #add #three { font-size: 13px }
#add #five h3, #add #three h3 { font-size: 16px }
#add #map { margin-bottom: 0 }
.is-admin #add #five .first-header,
#add #five .first-header { margin-top: -1.25em }

#add .file-importer .chooser {
	float: right;
	height: 27px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	width: 104px;
	margin-bottom: -4px;
}
#add .file-importer .chooser button {
	clear: none;
	float: none;
	margin: 0 4px 0 0;
	position: absolute;
	right: 0;
	top: 0;
}
#add .intro {
	color: #444444;
	font-size: 11px;
	font-style: normal;
	left: 133px;
	margin-bottom: -28px;
	position: relative;
	top: -29px;
}
#add .intro a { font-style: italic }
#add #five input { width: 28.5em/*40em full width*/ }
#add #more-info { right: -2px }
#add #more-info .column { margin-top: 0 }
#add #five #more-info input { width: 20.5em }
.is-admin #add #more-info h3 { margin-top: 1.667em }
global.css (line 1506)
#add h3 { clear: both }
#add .thumbnail { margin-left: 4px; margin-bottom: 1em }
#add button#jump { margin-bottom: 3px }
#add button#jump:active {
	margin-bottom: 4px;
	margin-left: 4px; left: 0px; top: 0px;
	/*margin-top: -1px;
	top: -1px;/*!!! or popup edge jumps when button active*/
}
#add button#jump .active-before { left: -3px }
#add button#jump .active-after { right: -1px }
/*HACK:ff only*/@-moz-document url-prefix() {
	#add button#jump:active { left: -1px }
	#add button#jump .active-before { left: -10px }
	#add button#jump .active-after { right: 6px }
}

.claimgame-explain { white-space: nowrap }/* fit explan. text w/o linebreaks */