#content.directory { margin-bottom: 2.333em }
.directory h1 { font-size: 25px; margin-bottom: .667em }
.directory .breadcrumb {
	color: #888;
	font-size: 13px;/*.9em;!!!2/6 mpy3 adaptation/*.85em;*/
	font-style: italic;
	/*font-weight: bold;*/
	margin-bottom: 1em;
	/*margin-left: -0.25em;!!!2/6 mpy3 adaptation*/
	position: absolute;
	/*text-transform: uppercase;*/
	top: 4px/*-1.4em!!!2/6 mpy3 adaptation*/;
}
.directory .breadcrumb a { color: #487 }
.directory h1 a { color: inherit }
.directory h1 .secondary {
	color: #889;
	font-size: 18px;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	position: relative;
	top: -1px;
}
.directory .map-count {
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	float: right;
	color: #888;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	line-height: 26px;/*30px;*/
	margin: 0;
	text-indent: 0;
	width: auto;
	margin-bottom: -14px;/* don't wrap long titles */
}
.directory ul {
	list-style-type: none;
	margin: -1px 0 0;
	padding: 1px 0 0; /* prevent top of list from folding into previous h3 */
}
.directory li { padding: .25em 0 }
.directory li a {
	color: #2b574c;/*#316357;*//*#386f61;*//*#3e7c6c;*/
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.directory li a:hover { color: #3e7c6c }
.directory li a:active { color: #487 }
.directory ul li .count { margin-left: -8px }
.directory .count {
	color: #666;/*#444;*/
	float: left;
	margin: 0 .667em 0 0;
	text-align: right;
	width: 3.1em;
}
.directory .button-views {
	float: left;
	/*margin-bottom: -4px;*/
	margin-left: -4px;
	width: 100%/*504px!!!2/6 mpy3 adapt*/;
}
.directory .button-nav a.button,
.directory .button-views a.button {
	float: left;
	font-size: 24px;
	position: relative;
	font-family: Trebuchet MS, Utopia, sans-serif;
	width: 285px;
	min-height: 64px;/*img also enforces this*/
	line-height: 1.25em;
	white-space: nowrap;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border-width: 4px;
	margin: 4px 0 12px/*6px*/;
	padding-left: 14px;/*!!! or button edge covers it 8px;*/
}
.directory .button-views a.button {
	width: 272px/*222px!!!2/6 mpy3 adapt*/;
	white-space: normal;
	margin: 0;
}
.directory .button-views a.right { float: right }
.directory a.button .secondary {
	font-size: smaller;
	color: #dfc;/*#fff1d5;*/
	line-height: .5em;
}
.directory .button-views a.button .secondary {
	display: block;
	margin-left: 17px;
	line-height: .667em;
}
.directory a.button .label {
	font-size: 15px;
	line-height: 1em;
}
.directory a.button .count {
	color: #fec;
	float: left;
	width: 2.667em;
	text-align: left;/*right;*/
	margin: 0;
	font-size: 32px;
}
.directory a.button img {
	vertical-align: top;
	height: 64px;
	float: right;
}


.directory .top-contributors { margin-bottom: 2em; float: left }
.directory .top-contributors h3 {
	margin-top: 0;
	text-align: left;
	display: block;
}
.directory .rankings .contributions,
.directory .top-contributors .contributions {
	float: left;
	max-width: 172px;
	color: #666;
	margin: 0;
	font-size: 11px;
	text-transform: lowercase;
	font-variant: small-caps;
	font-family: Trebuchet MS, Tahoma, sans-serif;
	font-weight: bold;
	text-align: center;
}
.directory .rankings .contributions .count,
.directory .top-contributors .contributions .count {
	font-size: 48px;
	width: auto;
	text-transform: none;
	font-variant: normal;
	color: #a0522d;/*sienna;*/
	line-height: 1.2em;
	margin: 0 0 .08em -.12em;
	float: none;
	text-align: center;
	letter-spacing: -.05em;
}
.directory .top-contributors .name {
	font-family: Candara, Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-size: 21px;
	float: left;
	margin-top: 0;
	min-width: 100px;/* so it doesn't end up next to Maps Contributed */
	line-height: 1em;
	text-align: left;
	text-indent: -.05em;
	position: static;
}
.directory .top-contributors .name a {
	color: black;
}
.directory .top-contributors .boast {
	clear: left;
	float: left;
	color: #555555;
	font-style: italic;
	font-weight: normal;
	margin-left: .333em;
	text-indent: -.333em;
}
.directory .top-contributors .boast em {
	color: black;
	font-style: normal;
}
.directory .top-contributors .boast strong {
	color: #834325;/*#914B29;*/
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-left: .1em;
}
.directory #worldmap .rankings,
.directory .top-contributors .user .contributions {
	color: #333;
	background: #f8e8c4;
	padding: .667em 1em .333em;
	position: relative;
	/*top: -.667em;*/
}
.directory .top-contributors .user .name {
	clear: left;/*margin-top: .333em; switch for short on same line*/
}
.directory .rankings ol,
.directory .top-contributors ol {
	margin: 0 0 1.667em/*1.333em*/;
	padding: 0 0 0 1.4em;
	list-style-position: outside;
	font-size: 15px;
	color: #666;
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	/*width: 100%;*/
}
.directory .rankings ol:after,
.directory .top-contributors ol:after {
	content: ".";
	clear: left;
	float: none;
	visibility: hidden;
	height: 0;
	display: block;/*list-item; breaks chrome and safari!*/
}
.directory .rankings li,
.directory .top-contributors li {
	float: left;
	width: 230px;
	padding-left: 30px;
	position: relative;
	top: 1px;
	line-height: 1.2em;
}
.directory #five.top-contributors .contributors li {
	width: 333px;
}
.directory ul.leader li .user-image,
.directory .rankings li .user-image,
.directory .top-contributors li .user-image {
	margin-top: 2px;
	margin-left: -24px;
	width: 30px;
	text-align: center;
	float: left;
}
.directory ul.leader li .user-image {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.directory ul.leader .user-image img,
.directory .rankings li .user-image img,
.directory .top-contributors li .user-image img {
	height: 18px;
}
.directory .rankings li .contributions,
.directory .top-contributors li .contributions {
	float: right;
	margin-top: 1px;
	margin-right: 8px;
}
.directory .rankings li .contributions .count,
.directory .top-contributors li .contributions .count {
	color: #834325;/*#914B29;*/
	/*visibility: visible;*/
	font-size: 15px;
	margin-left: 0;
}
.directory .rankings li .maps,
.directory .top-contributors li .maps {
	position: absolute;
	top: 0;
	left: 100%;
	color: #888;
	font-size: 12px;
	font-variant: small-caps;
	margin-top: .1em;
	margin-left: .25em;
	float: right;
	white-space: nowrap;
}
.directory .rankings li .maps .mapcount,
.directory .top-contributors li .maps .mapcount {
	color: #666;
	font-weight: bold;
	margin-right: .25em;
	float: left;
	text-align: right;
	width: 2em;
}
.directory .rankings li .name,
.directory .top-contributors li .name {
	display: inline;
	font-size: 15px;
	line-height: 1.333em;
	float: none;
	clear: none;
}
.directory .rankings li .name a,
.directory .top-contributors li .name a { color: #487 }
.directory .rankings p,
.directory .top-contributors p { margin-bottom: 0; max-width: 99% }
.directory .rankings p + p,
.directory .top-contributors p + p { text-indent: 1.333em }
.directory .top-contributors a.button,
.directory .top-contributors button {
	float: left;
	margin-top: 1em;
	/*margin-left: -.5em;!!!2/6 even dir cols*/
}


.directory .after-continent-buttons {
	clear: left;
	float: left;
	margin-top: 2.333em;
}
.directory .before-continent-buttons,
.directory .after-continent-buttons {
	position: relative;
	/*left: 12px;!!!2/6 even dir cols*/
}

.directory .user {
	clear: left;
	float: left;
	margin-bottom: 1.333em;
}
.directory .top-contributors:after,
.directory .user:after {
	content: ".";
	clear: left;
	float: none;
	visibility: hidden;
	height: 0;
	display: block;
}
.directory .user .user-image {
	text-align: right;
	float: left;
	margin-right: .667em;
	margin-bottom: 4px;
}

.directory .user .user-image img {
	max-height: 100px;
	max-width: 125px;
}

.directory .user .user-stats {
	float: left;
	margin: 0;
	width: 172px;
}

.directory .user .maps {
	color: #888;
	float: left;
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-variant: small-caps;
	padding-top: .667em;
	position: relative;
	margin-left: -2em;
	right: -2.667em;
	text-align: center;
	text-indent: 0;
	text-transform: lowercase;
	width: 64px;
}
.directory .user .maps .mapcount {
	color: #666;
	font-size: 22px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 1.25em;
	width: 64px;
}

/*.directory #three,
.directory #five,
.directory h3 { border: solid 1px #eee }
.directory #three.left { margin-right: 20px }*/
.directory #three h3 { position: relative; clear: left }
.directory h3 .see-more {
	position: relative;
	/*top: auto;
	bottom: 1px;*/
	margin-left: -42px;
	right: -42px;
	white-space: nowrap;
}
.directory h3 .spacer {
	display: inline;
	visibility: hidden;
}

.directory .pagination {
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	margin: 1em auto;
	text-align: center;
	font-size: 1.0833em;	
	color: #666;
}
.directory .pagination span { color: black }
.directory .pagination span,
.directory .pagination a { margin: 0 .33em; font-weight: bold; }
.directory .pagination .ellipsis {
	margin: 0;/* -.33em;*/
	font-weight: normal;
	color: #666;
}

.directory .mapbox .mapInfoDetail { margin-left: 96px; float: none; width: auto; padding-left: 1em; margin-bottom: .667em }


.directory #worldmap {
	position: relative;
	/*background: #f6f3e4;*/
	margin: -1.667em 0 -.333em;
}
.directory #worldmap .region {
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	outline-style: none;
}
.directory #worldmap .region .id {
	display: none;
}
.directory #worldmap .region .rankings,
.directory #worldmap .region .shade,
.directory #worldmap .region > img {
	visibility: hidden;
}
.directory #worldmap .region .shade,
.directory #worldmap .region .rankings {
	display: block;
	position: absolute;
	top: 146px;/*-30px covers main title*/
	left: -369px;/*-356px; for mpy 2*/
}
.directory #worldmap .region .shade {
	background: white;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
	height: 192px;
	width: 356px;
}
.directory #worldmap .region .rankings {
	z-index: 2;
	padding-bottom: 1em;
	padding-left: 1.2em;
	opacity: .95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
        filter: alpha(opacity=95);
	/*visibility: visible !important;*/
}
.directory #worldmap .region .rankings ol {
	width: 315px;
	margin-bottom: 0;
}

.directory #worldmap .region:hover .shade,
.directory #worldmap .region:hover .rankings,
.directory #worldmap .region:hover img {
	visibility: visible;
	cursor: pointer;
}

.directory #worldmap .region img:hover,
.directory #worldmap .region .shade:hover,
.directory #worldmap .region .rankings:hover {
	visibility: visible !important;
}

.directory #worldmap .region .rankings h2 {
	color: #834325;/*#914b29;#a0522d;*/
	margin: .2em;
	font-size: 22px;
}
.directory #worldmap .region .rankings h2 .sublabel {
	display: none;
}
.popup-body .directory h1,
.popup-layer .popup-body .directory h1 a,
.directory #worldmap .region .rankings h3 {
	color: #34610F;/*3C6F11;/*437D14;/*4B8B16;/*;/*;/*#25460b;/*529918color: #834325;/*#914b29;#a0522d;*/
}
.directory #worldmap .region .rankings h3 {
	margin-top: .333em;
}
.popup-layer .popup-body .directory h1 {
	font-size: 24px;
	margin-top: -.167em;
}

.directory #worldmap .region .rankings a {
	color: #529918;
}

.popup-body .directory ul.leader {
	min-width: 365px;
	max-height: 365px;
	overflow-y: auto;
	overflow-x: hidden;
}

.popup-body .directory ul.leader .name {
	display: block;
	text-align: right;
	color: #888077;
	width: 8em;
	float: left;
	white-space: nowrap;
	font-style: italic;
	line-height: 18px;
}

.popup-body .directory ul.leader .place {
	/*width: 15em;*/
	text-align: left;
	margin-left: -.667em;
	position: relative;
	right: -1.333em;
	margin-right: 1.333em;
	float: none;
	font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #529918;
	line-height: 18px;
}

.popup-body .directory ul.leader .user-image {
	float: left;
	width: 30px;
	margin-left: .5em;
}

.directory .side-ad { margin-top: 1.667em }
.directory .side-ad-close { margin-top: -.333em }

/* #f8e8c4 #e3daab #e4dcae */
.directory b { font-style: italic; font-weight: normal; color: #834325 }
