/*	fa_*.css	*/

	* {margin:0;padding:0;}
	
/*	| Basic elements |	*/

	a {text-decoration: none;color:#004b98;}
	a.fsie {text-decoration: none;color:#0068d3;color:#0072e6;}			/*	https://www.colorhexa.com/004b98	*/
	a:hover {color:darkred;text-decoration:underline;}
	body{background:#97a297;color:#202220;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;padding:.5vh;}
	h1, h2, h3 {font-family:Georgia,serif;}
	hr.x {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;border:1px solid red;}
	iframe {width:98%;height:200px;}
	ol {margin:.75em 0 1em 0;line-height:1.5;}
	ol.nm {margin:0;}
	ol li {display:flex;margin-bottom:0.5em;/*align-items:center;*/}
	pre {font-size: 15px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:1.5;}
	ul {padding-left:2em;padding-right:1em;line-height:2;}
	
/*	Dates	*/

	em.xact_0 {text-decoration:1px firebrick underline dotted;}
	em.xact_2 {text-decoration:1px silver underline dotted;}
	em.xact_3 {text-decoration:1px silver underline wavy;}
	
/*	Notes	*/

	.lngtgl_x {background:mintcream;}
	.nts {margin:.5em 0 0 0;}
	
/*	Sources - main	*/

	.src {background:#ffffe9;}
	.src {margin:.5em 0;border-left:1px solid #a6aba6;padding:.5em 0 .5em .5em;}
	
/*	| Homepage	*/
	
	div.hmp_x {background:#bdcbbd;grid-template-rows:auto 1fr;height:calc(100vh - 1vh);margin:.5vh;}
	div.hmp {background:#bdcbbd;grid-template-rows:auto 1fr;height:calc(100vh - 1vh);}
	
	/*	Header	-	Fixed height of 32px (2em) with variable/responsive vh margins set in media queries:	*/
		header.hdr {align-items:center;display:flex;flex-wrap:nowrap;height:32px;}
		header.hdr {overflow:auto;}
		header.hdr div {flex:1 1 auto;margin:0 .5em;align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;}
		header.hdr div {overflow:hidden;}
		header.hdr div h1 {font-size:1.5em;white-space:nowrap;transition:margin-left 5s ease;}
		header.hdr div h1.h1s {margin-right:60px;}
		header.hdr div h1.h1h {margin-left:-300px;}
		header.hdr div nav {white-space:nowrap;margin-left:auto;font-size:24px;display:flex;align-items:center;gap:.5em;}
		@media screen and (width < 300px) {
			header.hdr div nav span.m300 {display:none;}
		}
		@media screen and (width < 650px) {
			header.hdr div nav span.m650 {display:none;}
		}
		@media screen and (width < 685px) {
			header.hdr div nav span.m685 {display:none;}
		}
		@media screen and (width < 725px) {
			header.hdr div nav span.m725 {display:none;}
		}
		@media screen and (width < 960px) {
			header {margin:1vh 1vw;}
		}
		@media screen and (960px <= width <= 1279px) {
			header {margin:1vh 1vw;}
		}
		@media screen and (width >= 1280px) {
			header {margin:1vh 1vw;}
		}
		
	/*	Nav	2	-	Holds a very basic drop down menu with admin stuff included that hardly needs to be used thanks to the quick nav buttons (EPHW)	*/
		.hmp nav ul {background:#cad5ca;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0.75em;gap:.75em;}
		.hmp nav ul li {background:#dde4dd;display:flex;align-items:center;padding:0 0.5em;/*margin:0.5em 1em;*/border:1px dotted #798279;}
		.hmp nav ul li img {margin-right:0.5em;}
		@media screen and (width < 500px) {
			.hmp nav ul li {flex:1 1 240px;}
		}
		@media screen and (width >= 500px) {
			.hmp nav ul li {flex:0 1 auto;}
		}
		
	/*	Main content layout+:	*/
		main.mnf {background:#d5ddd5;display:flex;overflow:auto;}
		@media screen and (width < 960px) {
			main.mnf {flex-flow:column nowrap;}
		}
		@media screen and (960px <= width <= 1279px) {
			main.mnf {flex-flow:row wrap;overflow:auto;}
		}
		@media screen and (width >= 1280px) {
			main.mnf {flex-flow:row-reverse nowrap;}
		}
		
	/*		BMD - Birth Marriage Death +		.bmd_box div.bmd_div nav.prvnxt / section.bmd	*/
	
		.bmd_box {background:#edf1ed;}
		.bmd_div {background:#f4f6f4;}
		.bmd {background:white;margin:.5em;padding:.25em .75em;}
		.bmd h3 {margin:2vh;}
		.bmd h3.hdscn {display:flex;align-items:center;gap:.5em;margin:2vh;}
		.bmd ol {display:flex;flex-flow:row wrap;gap:0 2em;}
		.bmd ol li {flex:1 1 300px;padding:0 5px;}
		.bmd ol li.hghlght {color:firebrick;border:1px outset #eeeeee;padding:3px 5px;}
		.bmd ol li.hghlgh_xt {background:#f4f6f4;}
		.bmd ol li.hghlght span:nth-child(1) {font-weight:bold;}
		.bmd ol li span:nth-child(1) {width:1.5em;text-align:right;margin-right:1em;}
		.bmd ol li span:nth-child(3) {width:2.5em;text-align:right;margin-left:auto;}
		.bmd_x ol.pyr_lst {display:flex;flex-flow:row wrap;margin:0 2vh;}
		.bmd_x ol.pyr_lst li {flex:1 1 auto;justify-content: center;}
		
		.bmd_x ol.pyr_lst {display:flex;flex-flow:row wrap;margin:0 2vh;background:azure;}
		.bmd_x ol.pyr_lst li {flex:0 1 40%;background:lightyellow;display:flex;justify-content:space-between;}
		.bmd ol.pyr_lst li {display:flex;justify-content:space-between;margin: .25em .5em;}
		.bmd ol.pyr_lst_x li span {border:1px dotted silver;}
		.bmd ol.pyr_lst li span:nth-child(1) {width:auto;text-align:left;}
		.bmd ol.pyr_lst li span:nth-child(2) {text-align:right;}
		
		.prvnxt {display:flex;align-items:center;justify-content:space-between;}
		@media screen and (width < 960px) {
			.bmd_box {margin:.5vh;}
			.prvnxt {margin:1vh 2vw;width:calc(100% - 4vw);}		
		}
		@media screen and (960px <= width <= 1279px) {
			.bmd_box {flex: 1 1 calc(30% - 1.5vh);margin:0 .5vh .5vh .5vh;overflow:auto;min-height:calc(93.5vh - 272px);}
			.bmd {margin:1vw;max-width:400px;}
			.prvnxt {margin:1vh 1vw;width:calc(100% - 2vw);}
		}
		@media screen and (width >= 1280px) {
			.bmd_box {flex: 1 1 calc(25% - 1.5vh);display:flex;flex-flow:column nowrap;align-items:center;margin:.5vh;overflow:auto;}
			.bmd {margin:1vw;min-width:280px;max-width:320px;}
			.prvnxt {margin:1vh 1vw;min-width:280px;max-width:320px;}
		}
		
	/*		IMAGES as thumbnails		*/
		
		.img_box {background:#97a297;margin:.5vh;}
		.img_box img {filter:drop-shadow(2px 2px 2px #4e534e);}
		.img_box ol.phtn {background:#616861;padding:3vh 4vh;}
		.img_box ol.phtn a:link {color: lightyellow;}
		.img_box ol.phtn  a:visited {color: lightyellow;}
		.img_box ol.phtn  a:hover {color:indianred;}
		.img_box ol.phtn  a:active {color:indianred;}
		@media screen and (width < 960px) {
			.img_box {width:calc(100% - 1vh);}
			.img_box section.pht {display:flex;flex-flow:row nowrap;align-items:center;overflow-x: auto;}
							.pht div.i {margin:1vh;}
							.pht div.i img {max-height:240px;max-width:calc(100vw - 2vh);}				
		}
		@media screen and (960px <= width <= 1279px) {
			.img_box {display:flex;align-items:center;width:calc(100% - 1vh);overflow-x: auto;height:calc(240px + 2vh);}
			.img_box section.pht {display:flex;flex-flow:row nowrap;align-items:center;}
							.pht div.i {margin:1vh;max-height:240px;}
							.pht div.i img {max-height:240px;max-width:calc(100vw - 2vh);}
		}
		@media screen and (width >= 1280px) {
			.img_box {flex: 1 1 calc(25% - 1.5vh);justify-content:center;overflow:auto;padding:1vh 0;}
			.img_box section.pht {display:flex;flex-flow:column nowrap;align-items:center;}
							.pht div.i {margin:1vh;}
		}
		
	/*		RESULTS		*/
		
		.res_box {background:#f6f8f6;}
		.res_box div.results {background:#f4f6f4;padding:.5em;justify-content:center;}
		@media screen and (width < 640px) {
			.res_box div.results {margin:.5em;}
		}
		@media screen and (width >= 640px) {
			.res_box div.results {margin:1em auto;max-width:700px;min-width:600px;}
			.res_box div.results div.r1 {min-width:600px;}
		}
		.res_box div.results h2 {font-size:1.125em;display:flex;align-items:center;justify-content:center;margin-bottom:1em;}
					.results h3 {font-size:1em;margin-top:1em;}
					.results p.x {max-width:542px;}
					
					.results div.fmh p {line-height:1.5em;}
					
					@media screen and (width < 650px) {
			header.hdr div nav span.m650 {display:none;}
		}
					
					.results div.fmt {border:0px dotted silver;background:#f6f8f6;}
					.results div.fmt p.alt_lang {font-size:small;margin:1em auto;text-align:center;}
					
					.fmt_sec {background:white;margin:.5em;padding:.5em;border:0px dotted gray;}
					div.em {display:flex;flex-flow:row nowrap;}
					div.em div.fmnmd {flex:1 1 auto;margin:0 1em 0 .5em;align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;}
					div.em div.fmnmd nav.fmnmn_x {display:flex;align-items:center;flex-wrap:nowrap;}
					div.em div.ps_x {background:azure;}
					@media screen and (width < 500px) {
						div.em div.fmnmd nav.fmnmn_x {display:none;}
					}
					@media screen and (width < 640px) {
						div.em {align-items:flex-start;}
					}
					@media screen and (width >= 640px) {
								div.em_x {align-items:center;}
								div.em {align-items:flex-start;}
					}
				/*	Census	still a little ropey under 600 ... */
				/*
					.results  section div.cedt {margin:1vh 0;padding-left:1vh;border-left:1px solid #bdcbbd;}
					.results section div.em_cer {display:flex;gap:.25em 1em;margin-top:.25em;width:100%;}
					@media screen and (width < 640px) {
						.results section div.em_cer {flex-flow:row wrap;}
					}
					@media screen and (width >= 640px) {
						.results section div.em_cer {flex-flow:row nowrap;}
					}
				*/
					.cedt {margin:1vh 0;padding-left:1vh;border-left:1px solid #bdcbbd;}
					.em_cer {display:flex;gap:.25em 1em;/*margin-top:.25em;*/width:100%;}
					@media screen and (width < 640px) {
						.em_cer {flex-flow:row wrap;}
					}
					@media screen and (width >= 640px) {
						.em_cer {flex-flow:row nowrap;}
					}
												.em_cer p {display:flex;flex-flow:row nowrap;margin:0;}
												.em_cer p {width:250px;}
												.em_cer p {min-width:200px;}
												.em_cer span.pbo {max-width:300px;margin:.25em 0;}
				/*	Couples	*/
					.results div.cps {background:white;margin:1vw;padding:1vw;}
				/*	Sources list	*/
					.results div.sra_lst {background:white;/*margin:1vw;*/padding:1vw;}
					.results div.sra_lst table td {padding:0 1vw;}
				/*	Follow up list	*/	
					.results div.fup_lst {background:white;margin:1vw;padding:1vw;}
					.results div.fup_lstx {background:azure;}
					.fup_lst h3.bf {color:#660000;font-size:1.1em}
					.fup_lst h3.ft {margin:1em 0 0 32px;}
					.fup_lst section {margin-bottom:1em;}
								.fup_lst ul {margin:0;padding:0;line-height:1;}
								.fup_lst ul li {margin:0;padding:0;list-style-type:none;}
								.fup_lst ul li div {margin:0;padding:0;}
								.fup_lst ul li div p {font-size:15px;}
								.fup_lst ul li div p.f1 {display:flex;flex-wrap:wrap;align-items:center;margin:.5em 0 0 0;}
								.fup_lst ul li div p.f2 {margin:.25em 0 .25em calc(24px + 0.5em);}
								.fup_lst ul li div p.f3 {margin:0 0 1em calc(24px + 0.5em);line-height:1.5;}
					
		.res_box div.search_x {align-items:center;justify-content:center;flex-flow:column nowrap;}					/* "df"	*/
		.res_box div.search {align-items:center;justify-content:flex-start;flex-flow:column nowrap;}
		.res_box div.search form {background:inherit;margin:.25em .5em .25em .5em;border:1px dotted #bdcbbd;max-width:425px;}
		.res_box div.search form div.nmsd {display:flex;align-items:center;justify-content:center;margin:.5em;}
							form div.nmsd input[type="text"] {width:38%;margin-right:.5em;background:#ffffff;}
		.res_box div.search p {margin-bottom:.5em;}
					.search p a {color:dimgray;text-decoration:none;}
					.search p a:visited {color:dimgray;}
					.search p a:hover {color:firebrick;}
					
		@media screen and (width < 960px) {
			.res_box {margin:0 .5vh;}
			.res_box div.search {margin:.5em 0;}
		}
		@media screen and (960px <= width <= 1279px) {
		/*	h: 32px + 2vh i: 240 + 3vh m: 1vh (below) = 100vh -6 and 32 + 240 - not quite :) */
			.res_box_x {flex: 1 0 calc(70% - 1vh);margin:0 .5vh .5vh 0;overflow:auto;order:3;height:calc(93.5vh - 272px);}
			.res_box {flex: 1 0 calc(70% - 1vh);margin:0 .5vh .5vh 0;overflow:auto;order:3;min-height:calc(93.5vh - 272px);}
			.res_box div.search {margin:5em 0;}
		}
		
		@media screen and (width >= 1280px) {
			.res_box {flex: 1 1 calc(50% - 1.5vh);margin:.5vh 0;overflow:auto;}
			.res_box div.results {min-height:calc(100% - 3em);}
			.res_box div.search {height:90%;}
			.res_box div.search {margin:30vh 0;}
		}
		
	div.ttfa {background:#f8f9f8;display:inline-block;margin:1em auto;}
	div.ttf {background:#f8f9f8;width:fit-content;margin:1em auto;padding:1em;}
	
	div.ttf ul.x {border:1px solid red;}
	div.ttf ul {list-style-type:none;margin:0 auto;padding:.5em;background:#dde4dd;}
	div.ttf ul li.x {border:1px solid blue;}
	
	div.ttf ul li.ldf {display:flex;align-items:center;gap:.5em;}
	div.ttf ul li.ldn {display:none;}
	div.ttf ul li span {display:flex;align-items:center;;}
	div.ttf ul li span.wtr {width:60px;text-align:center;}
	div.ttf ul li span.wtc {width:80px;text-align:center;}
	div.ttf ul li span.wtk {width:180px;}
	div.ttf ul li span.wt1 {width:400px;}
	div.ttf ul li span.wt2 {width:400px;}
	div.ttf ul li span.wt3 {width:400px;}
	div.ttf ul li span.wt4 {width:300px;}
	div.ttf ul li span input.x {border:1px solid purple;}
	div.ttf ul li span input {background:white;width:98%;line-height:1.25;}
	
	
	
	
	
/*	Countries and Cities	
	.faittx {display:flex;justify-content:center;border:1px solid red;}
	.faitt {border:1px solid red;text-align:center;}
	.cnctx {background:white;width:1100px;padding:1em;margin:1em auto;}
	.cncty {background:#f8f9f8;padding:1em;flex:content;}
	.cnctz {display:inline-block;margin:1em auto;background:#f8f9f8;padding:1em;}
	.cnct {display:flex;flex-flow:column wrap;margin:1em auto;background:#f8f9f8;padding:1em;}
	.w12x {max-width:1200px;min-width:900px;}
	.w12 {width:auto;background:mintcream;}
	.wt12x {width:auto;background:lightyellow;}
	.wt12 {flex:1 1 auto;background:lightyellow;}
	.cnct h3 {margin:0 0 1em 0;text-align:center;}
	.cnct ul {list-style-type:none;margin:0 auto;padding:0;border:1px solid purple;}
	.cnct ul li {border:1px solid blue;}
	.cnct ul li.lhd {color:maroon;margin-bottom:1em;}
	.cnct p {display:flex;align-items:center;gap:1em;max-width:100%;}
	.cnct p:hover {background:lightyellow;}
	.cnct p span {background:azure;}
	.cnct p span.wp4 {flex:0 0 180px;}
	.cnct p span.w4 {flex:0 0 20%;}
	.cnct p span.w3 {flex:0 0 27%;}
	.cnct p span.w2 {flex:0 0 41%;}
	.cnct p span.w1 {flex:0 0 80%;}
	.cnct p span.w50 {flex:0 0 50px;text-align:right;}
	.cnct p span.wtc {flex:0 0 50px;}
	.cnct p span.wtk {flex:0 0 180px;}
	.cnct p span.wt4 {flex:0 0 20%;}
	.cnct p span.wt3 {flex:0 0 20%;}
	.cnct p span.wt2 {flex:0 0 41%;}
	.cnct p span.wt1 {flex:0 0 80%;}
	.cnct p span input {width:100%;}
	.cnct p span input[type="text"]:valid {color:black;background:white;}
	.cnctx ul li form#edtf {background:white;border:none;margin:1em 0;width:60%;}
	.cnct ul li form#edtf input[type="text"] {flex:0 0 170px;max-width:170px;}
	
*/
	div.im_prog h4 {margin-bottom:2em;text-align:center;}
	div.im_prog p {margin:2em 0;text-align:center;max-width:100%;}
	div.im_prog ol li {align-items:center;}

	div.pbpx {margin:2em 0;text-align:center;}
	

/*	Sourcea	check the menus !	

	.dv_sax {background:#f7f3eb;font-size:15px;padding:.25em 0;}
	.dv_sa {color:#600000;font-size:15px;padding:.25em 0;}
	.dv_sa div.x {background:mistyrose;}
	.dv_sa div {line-height:24px;display:flex;flex-flow:row nowrap;align-items:center;}
	

*/

	.ul_sa_0x {background:#f7f3eb;}
	.ul_sa_0 {display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:1em;font-size:small;}
	.ul_sa_0 li {width:auto;text-align:center;cursor:pointer;list-style-type:none;}
	.ul_sa_0 li:hover {color:firebrick;}
	
	.bln_sb span {cursor:pointer;padding:6px 12px;}
	.bln_sb span.snx {color:white;}
	.bln_sb span.sne {color:#cc3333;}
	.bln_sb span.snn {color:#696969;}
	.bln_sb span.sen {color:#008000;}
	.bln_sb span.mos {color:#2a52be;}
	
/* div with para plus menu right */

	div.fm_0 {border:1px solid #d3d3d3; box-shadow: 3px 3px 3px #d3d3d3;padding:5px;margin:0 -5px 10px -5px;}
	div.fm_1 div.dv_ev {border:1px solid #d3d3d3; box-shadow: 3px 3px 3px #d3d3d3;padding:5px;margin:0 -5px 10px -5px;}
	div.fm_2 div.dv_ev {border:1px solid #d3d3d3; box-shadow: 3px 3px 3px #d3d3d3;padding:5px;margin:0 -5px 10px -5px;}
	div.fm_3 div.dv_ev {border:1px solid #d3d3d3; box-shadow: 3px 3px 3px #d3d3d3;padding:5px;margin:0 -5px 10px -5px;}
	
	div.dv_sx {color:#7b1113;background:#fdf5e6;padding:.25em 0;}
	div.dv_s {color:#7b1113;padding:.25em 0;font-size:15px;}
	
	div.dv_sox {color:#7b1113;}
	div.dv_so p.hdng {display:flex;align-items:center;margin:0 0 .5em 0;}
	div.dv_so p.hdng img {margin-right:.25em;}
	
	div.ppmrx {background:mistyrose;}
	div.ppmrx p {background:lightyellow;}
	div.ppmrx menu {background:lightgray;}
	div.ppmrx p.dt_ev span {background:azure;}
	div.ppmrx p.im_nm_nv {background:mintcream;}
	.fmt_secx {background:powderblue;}
	div.fm_1x, div.fm_2x, div.fm_3x {background:pink;}
	
	div.ppmr {display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 .25em 0;line-height:24px;}
	div.ppmrx form {flex: 0 0 100%;}
	div.ppmr:hover {background:#ffffe0;}	/*	lightellow	*/
	div.ppmr p {flex:1 1 auto;}
	div.ppmr p.dt_ev span {display:inline-block;width:100px;border-right:1px solid silver;}
	div.ppmr p.im_nm_nv {display:flex;align-items:center;padding:5px 0;}
	div.ppmr p.im_txt {display:flex;align-items:center;}
	div.ppmr p.im_txt img {margin-right:.25em;}
	div.ppmr menu {align-items:center;list-style-type:none;}
	div.ppmr menu li {margin-left:1em;}
	
	/*	Test
	p::first-line {
	  font-size: 1.2rem;
	  font-weight: bold;
	  text-decoration: underline;
	}
	*/
	
/*	Fup text div	*/

	div.images_x {margin:1vh 0;}
	section.fupx {background:#fff1f3;}
	section.fupx {border:1px solid #d90000;}
	

	
/*	fmt links and sources	*/

	div.footnotes {font-size:0.875em;border-bottom:1px solid silver;margin-bottom:1em;}
	div.footnotes p {margin: 1.5vh 1vh;}

	
	
/*	Family member print version	*/

	div.print {background:#f4f6f4;padding:1em;min-height:100vh;margin:-0.5vh;}
	
	div.fmp {background:#f6f8f6;max-width:640px;padding:.5em 0;margin:1em auto;}
	div.fmp img.portrait {float:right;margin:.5em;padding:.5em;}
	
	div.fmp h1 {font-size:125%;margin:.25em 0;}
	div.fmp p {margin:.25em 0;}
	div.fmp section {padding:.25em .5em;}
	
	

	div.fmu_ev_x {border-top:1px solid silver;border-bottom:1px solid silver;}
	
	div.print .w35m {width:35em;margin:1em auto;}
	
	div.print div.cedt {padding:0 0;font-size:0.9375em;;}
	div.print div.cedt div p span.nam {width:140px;}
	div.print div.cedt div p span.obts {width:360px;}
	

	.dv_blnx {background:azure;}
	.dv_bln {display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-evenly;font-size:12px;}
	.dv_blnx p {background:mistyrose;}
	.dv_bln p {display:flex;flex-flow:row nowrap;align-items:center;gap:5px;max-width:unset;}
	.dv_bln p.d2dn {display:none;}


/*	Gallery	wrapper: "gw", header: "gh", thumbs "gt", viewer "gv", search: "gs"		*/

	div.gw_sf {position:fixed;top:1vh;left:1vh;height:calc(100vh - 2vh);width:calc(100vw - 2vh);background-color:rgba(221,228,221,0.5);z-index:3;overflow:auto;}
	div.gw_x {position:fixed;top:1vh;left:1vh;height:calc(100vh - 2vh);width:calc(100vw - 2vh);background-color:rgba(221,228,221,0.5);z-index:3;display:grid;grid-template-rows:auto 1fr;}
	div.gw {position:fixed;top:.5vh;left:.5vh;height:calc(100vh - 1vh);width:calc(100vw - 1vh);background-color:rgba(221,228,221,0.5);z-index:3;display:grid;grid-template-rows:auto 1fr;}
		div.gh_sf {position:sticky;top:0;display:flex;align-items:center;background-color:#bdcbbd;z-index:2;}
		div.gh {display:flex;align-items:center;background-color:#bdcbbd;}
		div.gh h2 {color:#003300;font-family:Georgia,serif;margin:0;}
		div.gt {display:flex;max-width:100vw;flex-wrap:wrap;justify-content:space-around;align-items:center;}
		div.gt {border:1px solid #97a297;overflow:auto;}
		div.gt img {cursor:pointer;filter:drop-shadow(2px 2px 3px #323532);max-width:100%;}
	
	@media screen and (max-width:600px) { 
		div.gh {padding:1.3125em;}
		div.gh h2 {font-size:1.3125em;}
		div.gt {gap:1em;padding:1em;}
	}
	@media screen and (min-width:601px) { 
		div.gh {padding:calc(1em - 1vh) 1.5em 1em 1.5em;}
		div.gh h2 {font-size:1.5em;}
		div.gt {gap:3em 2em;padding:2em;}
	}

	div.gvi {background-color:rgba(241,244,241,1);border:1px solid darkgreen;padding:1vh;overflow:auto;max-height:94vh;margin-top:2vh;}
	
	
	
	div.gvi div.but {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:0 auto 0.5em auto;/*max-width:750px;*/}
	div.gvi div.but a {display:flex;align-items:center;margin:0 3em;}
	
	div.gvi_x div:last-child {display:block;margin:0 auto;/*overflow:auto;*/padding:5px;border:1px dotted red;}
	div.gvi div.imv {margin:0 auto;padding:.5em;border:1px dotted red;}
	
	div.gvi div.imv p.x {text-align:left;}
	
	div.gvi div.imv img {filter:drop-shadow(2px 2px 3px #282a28);max-width:100%;margin:0 auto;}
	
	div.gvi div.lx {flex-flow:column nowrap;}
	div.gvi div.lx {flex-flow:column nowrap;}
	div.gvi div.px {flex-flow:row nowrap;}
	
	div.gvi div.l img.im {width:100%;}
	div.gvi div.p img.im {width:100%;}
	
	div.gvi div p.x {background:azure;margin:1em 0.5em;}
	
	div.ytf {display:flex;flex-wrap:wrap;align-items:center;max-width:640px;margin:0 auto;}
	div.ytf div.dca {margin:.25em .5em;width:auto;}
	div.ytf div.dcb {background:white;margin:.25em .5em;width:100%;}
	div.ytf div div {flex-wrap:wrap;align-items:center;margin:.25em .5em;}
	div.ytf div.yya {display:flex;width:160px;}
	div.ytf div.yyb {margin-top:.5em;line-height:1.5;}
	div.ytf div.yyb span {display:flex;align-items:center;margin-right:.5em;}
	div.ytf div label {font-size:inherit;}
	
/*	end Gallery	*/

div.imw {display:flex;flex-flow:row wrap;border:1px solid blue;gap:.5em;}
div.imt_x {padding:0 1em;border:1px solid silver;margin-top:0.5em;}
div.imt {border:1px solid silver;max-width: 700px;margin:0 auto;}
/*	messy:	*/
div.imt_x div p {display:flex;align-items:flex-start;flex-wrap:nowrap;line-height:24px;}
div.imt div#imt_fmis p {display:block;}
div.imt div p span {background:#f1f4f1;}

span.imt_vt {display:flex;align-items:center;}

div#iup {min-height: 25px;margin:1em auto;}

div#iup ol li {align-items:center;}
div#iup ol li img {margin-right:0.5em;}

div.login {display:flex;align-items:center;justify-content:center;height:calc(100vh - 2em);padding:1em;overflow:auto;max-width:320px;margin:0 auto;}

div#results_nav {max-width:calc(640px - 2em);margin:0 auto;padding:1em 1em 0 1em;}
div#results_nav {display:flex;align-items:center;justify-content:space-between;}


div#wri p {margin: 1.5vh 1vh;}

div#wri {border-bottom:1px solid silver;}


	
	
/*	Text output forms menu from hamburger previously "mn_nls", now just id	*/
	div.tofm {background:#e9ede9;margin:1em 0;}
	div.tofm ul {display:flex;flex-wrap:wrap;padding:0 0 0.5em 0;margin:0;list-style-type:none;line-height:2;justify-content:space-around;}
	div.tofm ul li {/*flex:0 1 46%;*/background:#f1f4f1;margin:0.5em 0.5em 0 0.5em;padding:0 0.5em;}
	
/*	Pyramids	*/

	div.pyrx {background:powderblue;border:1px solid silver;}
	div.pyrx ul.ult {background:lightcoral;}
	div.pyrx ul.ulm {background:lightgreen;}
	
	div.pyr {margin:1em;}
	
	div.pyr div.em {display:flex;flex-flow:row nowrap;align-items:center;}
	
	div.pyr ul {list-style-type:none;}
/*
	div.pyr ul {background:azure; border:1px solid red;}
	div.pyr ul ul {background:mistyrose; border:1px solid blue;}
	div.pyr ul ul ul {background:azure; border:1px solid red;}
	div.pyr ul ul ul ul {background:mistyrose; border:1px solid blue;}
	div.pyr ul ul ul ul ul {background:azure; border:1px solid red;}
	div.pyr ul ul ul ul ul ul{background:mistyrose; border:1px solid blue;}
*/
	div.pyr ul.ult {margin:0;padding:0;}
	div.pyr ul.ulm {
		margin:0 0 0 20px;
		padding:0;
	}
	div.pyr ul.ulc {
		margin:0;
		padding:0;
	}
	
	div.pyrx ul.ulc {
		margin:  0 0 10px 0;
		padding: 0 0 0 10px;
	}
	
	div.pyr_x ul li.lit {margin:0;padding:0;}
	div.pyr ul li.lim {
		margin:0 0 0 -1em;
		padding:0;
	}
	div.pyr1 ul li.lim::before {content:'\002022';display:inline-block;width:1em;color:darkred;}
	div.pyr2 ul li.lim::before {content:'\0025CF';display:inline-block;width:1em;color:darkred;}
	div.pyr3 ul li.lim::before {content:'\002767';display:inline-block;width:1em;color:darkred;}
	div.pyr ul li.lim::before {content:url(bull-r.svg);display:inline-block;}
	div.pyrx ul li.lic {margin:0;padding:0 10px 0 10px;}
	div.pyrx ul li.lic {margin:0;padding:0 0 0 10px;}
	div.pyr ul li.lic {margin:0;padding:0;}
	
	div.pyr ul li p {display:flex;align-items:center;padding:0;margin:0;}
	
	div.pyrx ul li.lic p {margin-left:-20px;}
	div.pyrx ul li.lic p span:first-child {width:20px;}


	div.pyrx ul li.lic p.ar1 {background:lightyellow;}
	
	div.pyr1 ul li.lic p.ar1:before {color:#38761D;content:'\0025B8';width:1em;}		/*	black right-pointing small triangle - too delicate	*/
	div.pyr2 ul li.lic p.ar1:before {color:#38761D;content:'\002BC8';width:1em;}		/*	black medium right-pointing triangle centred -ok ish	*/
	div.pyr3 ul li.lic p.ar1:before {color:#38761D;content:'\01F782';width:1em;}			/*	black right-pointing isosceles right triangle - good!	*/
	
	div.pyr ul li.lic p.ar1::before {content:url(triangle-r.svg);}
	
	div.pyr ul li.lic p.ar2:before {color:#CC0000;content:'\0025B9';width:1em;}		/*	white right-pointing small triangle	*/
	div.pyr ul li.lic p.ar3:before {color:#9900FF;content:'\0025AA';width:1em;}		/*	black small square	*/
	div.pyrx ul li.lic p.ar3:before {color:#9900FF;content:'\0025FE';width:1em;}		/*	black medium small square	*/
	div.pyrx ul li.lic p.ar4:before {color:#0000FF;content:'\0025AB';width:1em;}		/*	white small square	*/
	div.pyr ul li.lic p.ar4:before {color:#0000FF;content:'\0025A1';width:1em;}		/*	white square	*/
	div.pyr ul li.lic p.ar5:before {color:#B45F06;content:'\0025B8';width:1em;}
	
	
/*	Family Tree mother table:	*/
	
	table.tree_x {background:#dde4dd;margin:0 auto;min-height:100vh;min-width:100vw;text-align:center;white-space:nowrap;}
	table.tree {background:#dde4dd;margin:0 auto;min-height:99vh;min-width:99vw;text-align:center;white-space:nowrap;}
	
	table.tree tbody tr td {vertical-align:top;}
	table.tree tbody tr td.bwd {vertical-align:bottom;}
		
	table.tree table {margin:0 auto;table-layout:fixed;}
	
	/*	Header:	*/
	
		table.tree tr.fth {height:3em;background:#cad5ca;}
		table.tree tr.fth table {margin:1em 0;width:100%;max-width:100vw;}
		table.tree tr.fth table tr td {vertical-align:middle;}
		table.tree tr.fth table tr td:nth-child(1) {padding-left:1em;text-align:left;width:25%;}
		table.tree tr.fth table tr td:nth-child(2) {color: #003300;font-family:Georgia,serif;font-size:24px;font-weight:bold;padding-left:1em;text-align:center;width:50%;}
		table.tree tr.fth table tr td:nth-child(3) {padding-right:1em;text-align:right;width:25%;}
		table.tree tr.fth table tr td:nth-child(3) span {margin-left:1em;}
	
	/*	Hide and seek when more than one marriage at the start:	*/
	
		table.tree table.hs tr td {padding:0 1em;}
		table.tree table.hs tr td span {padding:0 1em;font-size:1.125em;cursor:pointer;}
		table.tree table.hs tr td span.shown {color:darkgreen;}
		table.tree table.hs tr td span.hidden {color:lightgray;}
		table.tree table.hs tr td span:hover {color:orange;}
		
	/*	The family tables:	
	
		table.tree table.f table tr td span.from {color:orange;}
		table.tree table.f table tr td span.to {color:green;}
		table.tree table.f table tr td span.inv {color:silver;}
		
	*/	
		table.tree table.f table tr td span.fromx {color:#dde4dd;}
		table.tree table.f table tr td span.tox {color:#dde4dd;}
		table.tree table.f table tr td span.inv {color:#dde4dd;}
		
		table.tree table.f table.tch tr.tchtr2 td {padding:0 1em;}
		table.tree table.f table.tch tr.tchtr3 td {padding:0 0.5em;}
		table.tree table.f table.tch tr.tchtr4 td span.from {color:darkgreen;cursor:pointer;font-size:17px;}
		
		table.tree table.f table.tpr tr.tprtr1 td span.to {color:darkgreen;cursor:pointer;font-size:17px;}
		table.tree table.f table.tpr tr.tprtr2 td {padding:0 1em;}
		table.tree table.f table.tpr tr.tprtr3 td {font-size:0.875em;}
	
/*	SVG "frame" to draw the lines:	*/

	svg#fullsvg {left:0px;top:0px;position:fixed;margin:0;pointer-events:none;}
	svg#fullsvg line[id^=ln_] {stroke: #4e534e; stroke-width: 1px;}
	svg#fullsvg line2[id^=ln_] {stroke: #798279;}
	
/*	end Family Tree	*/
	
/*	"Viewer" opened when a name is clicked:	*/
	
	div.fw {
		position:fixed;top:10px;left:10px;height:calc(100vh - 20px);width:calc(100vw - 20px);background-color:rgba(221,228,221,0.5);z-index:4;
		display:flex;align-items:flex-start;justify-content:center;
	}
	div.fw div.fmv {background-color:rgba(241,244,241,1);border:1px solid darkgreen;padding:1em;overflow:auto;max-height:90vh;}
	div.fw div.fmv p.cls {text-align:right;margin:0;}
	
	div.fw div#gsfx {background-color:rgba(241,244,241,1);border:1px solid darkgreen;padding:1em;overflow:auto;max-height:90vh;}

/*	Gallery search form:	*/

	.gls {background-color:rgba(241,244,241,1);border:1px solid darkgreen;margin:1em;padding:1em;overflow:auto;max-height:90vh;}
	.gls {width:100%;max-width:640px;}
	
	.gls section.x {background:azure;}
	.gls section {font-size:0.875em;margin-bottom:1em;}
	.gls section header {display:flex;align-items:center;line-height:24px;}
	.gls section header:hover {background:azure;}
	.gls section img {height:20px;width:auto;}
	.gls section div  {margin:0;padding:0;}
	.gls h4.x {display:flex;align-items:center;font-size:0.875em;font-weight:normal;color:inherit;}
	.gls_hd {display:flex;align-items:center;}
	
	.glsi_lns_x {display:flex;justify-content:center;}
	.glsi_lns_t {display:flex;justify-content:center;}
	
	
	.gls_tgl {display:flex;align-items:center;font-size:0.9375em;font-weight:normal;color:inherit;justify-content:space-around;margin-top:1em;}
	.gls_tgl span.hlgh {font-weight:bold;color:firebrick;}
	.gls_tgl span.nrml {font-weight:normal;color:inherit;cursor:pointer;}
	.gls_tgl span.nrml:hover {font-weight:bold;}
	
	[class^=gls_x] {flex-wrap:wrap;margin:.5em 0;}
	[class^=gls_x] div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	
	[class^=glsi_x] {flex-wrap:wrap;margin:.5em 0;}
	[class^=glsi_x] div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	div.glsi_lns {display:flex;flex-wrap: wrap;justify-content:center;}
	div.glsi_lns div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	div.glsi_lns div {padding:.25em;margin:0;}
	
	div.glsi_cns {display:flex;flex-wrap: wrap;justify-content:center;}
	div.glsi_cns div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	div.glsi_cns div {padding:.25em;margin:0;}
	
	div.glsi_cts {display:flex;flex-wrap: wrap;justify-content:center;}
	div.glsi_cts div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	div.glsi_cts div {padding:.25em;margin:0;}
	
	div.glsi_tgs {display:flex;flex-wrap: wrap;justify-content:center;}
	div.glsi_tgs div {width:160px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}
	div.glsi_tgs div {padding:.25em;margin:0;}
	
	.gls_cp {background:white;display:flex;flex-wrap: wrap;justify-content:center;}
	
	.gls_cp div {flex:0 1 280px;background:azure;display:flex;max-width:280px;border:1px solid red;}

	.gsf_ln_x {flex-wrap:wrap;gap:1em;padding:1em;}
	.gsf_ln_x div {width:140px;display:flex;flex-wrap:nowrap;gap:0.5em;align-items:center;}

	.gls_cn_x {flex-wrap:wrap;margin:.5em 0;}
	.gls_cn_x div {width:140px;display:flex;flex-wrap:nowrap;align-items:center;margin:.75em 0;}

	.gls_x form div.gsf_yy {display:flex;flex-wrap:wrap;gap:1em;padding:1em;}
	.gls_x form div.gsf_yy div {width:140px;display:flex;flex-wrap:nowrap;gap:0.5em;align-items:center;}
	
/*	Translations	*/

	.lo_dv {width:640px;margin:0 auto;}
	.lo_dv ul {list-style-type:none;margin:1em;display:flex;flex-flow:row wrap;justify-content:center;gap:1em 2em;}

	.tr_dv {width:1100px;margin:1em auto; padding:1em;background:#e4e9e4;font-size:15px;}
	.tr_dv ul {background:#edf1ed;list-style-type:none;margin:0;padding:0;}
	.tr_dv li.x {margin:0 0 5px 0;display:flex;flex-flow:column;}
	.tr_dv li {margin:0 0 5px 0;}
	.tr_dv li.tr_lh {color:firebrick;margin:1em 0;}
	.tr_dv li.tr_lh p {background:white;}
	.tr_dv li.tr_lh p span {text-align:center;}
	.tr_dv li form {max-width:1000px;margin:1em auto;font-size:16px;}
	.tr_dv li p {margin:0 auto;display:flex;flex-flow:row wrap;gap:5px;}
	.tr_dv li p.x {background:#f8f9f8;}
	.tr_dv li p span {background:white;}
	.tr_dv li p span {width:140px;padding:0 5px;}
	.tr_dv li p span:nth-child(1) {width:40px;padding-left:10px;}
	.tr_dv li p span:nth-child(2) {width:50px;text-align:center;}
	.tr_dv li p span:nth-child(3) {width:90px;}
	.tr_dv li p span:nth-child(4) {color:maroon;}
	.tr_dv li p span:nth-child(9) {width:25px;margin-left:auto;text-align:center;}
	.tr_dv li p span:nth-child(10) {width:25px;text-align:center;}

	
/*	Writings div in separate tab/window, perhaps eventually div in fai_index or phaps not :)	 not so difficult	*/

	div.writings {max-width:640px;margin:0 auto 1em auto;background:#f6f8f6;padding:1em 2em;}
	div.writingsx div#w_edt {padding:0 1em;}
	div.writings header {display:block;background:#f4f6f4;position:relative;padding:0 0 1em 0;}
	div.writings header p {margin:0.5em 0 0 0;}
	div.writings main p {display:block;margin:1em 0;overflow:auto;}
	div.writings header span.edt {position:absolute;top:0;right:0;}
	div.writings div.chapter {color:#003300;font-weight:bold;margin:1em 0;border-bottom:1px dotted silver;}
	div.writings div.chapter p {display:flex;align-items:center;}
	div.writings div#chaptersx {background:azure;}
	div.writings div#chaptersx {margin:1em 0;border-top:1px dotted silver;border-bottom:1px dotted silver;}
	div.writings div#chapters {margin:1em 0;border-bottom:1px dotted silver;}
	div.writings div#chaptersx header {padding:0;}
	div.writings div#chapters h2 {font-size:1em;margin:0;}
	div.writings div#chapters p span:first-child {color:#003300;display:inline-block;width:1.5em;text-align:center;}
	
	div.writings div.chpe {display:flex;align-items:center;margin:1vh 0;}
	div.writings div.chpe h2 {display:flex;align-items:center;font-size:1em;margin:0;}
	
	div.writings div.w_prevnext {margin:1em 0;}
	div.writings div.w_prevnext p {display:flex;align-items:center;}
	
	div.writings p b {color:#003300;}

/*	end Writings	*/

section.x h2 {font-size:17px;font-family:Georgia,serif;}

section.bmd_x {margin:0 auto;border-bottom:1px solid silver;max-width:340px;padding:1.5em 1em;}





section.trans {margin:1em;border-bottom:1px solid silver;}

section.userprefs {margin:1em;border-bottom:1px solid silver;}
section.users {margin:1em;border-bottom:1px solid silver;}

div.bmd_tf {display:flex;justify-content:space-evenly;}
div.bmd_tf div.x {width:150px;}

/*	Forms	*/

form.x {background:#dde4dd;border-radius:0.5em;color:#1a1b1a;margin:1em auto;max-width:640px;border:1px solid #bdcbbd;}
form {background:#dde4dd;border-radius:0.5em;color:#1a1b1a;margin:1em auto;width:calc(100% - 10px);border:1px solid #bdcbbd;}

fieldset {border-radius:0.5em;/*margin-left:0.5em;margin-right:0.5em;*/ margin:0.5em;padding:.5em;}
fieldset div {margin:1em 0;}
fieldset.x div:first-of-type {margin-top:0.75em;}
fieldset.x div:last-of-type {margin-bottom:0.75em;}

fieldset.bmdf p {font-size:0.875em;color:#323532;text-align:center;width:80%;margin:0 auto;}
fieldset.bmdf ol {margin:0 1em;}

section.ev {background:#e9ede9;/*padding:0.5em;margin:0.5em -0.5em;*/margin:0.5em;border-radius:0.5em;}
section.ev h4 {margin:0 1em;align-items:center;display:flex;cursor:pointer;}
section.ev h4 span {font-size:85%;font-weight:normal;}
section.ev h4 img {margin-left:auto;}

legend {font-size:smaller;line-height:1;color:darkred;padding:0 .5em;}
legend.wi {display:flex;align-items:center;}
legend.wi img {margin-right:0.5em;}

p.lgp {width:70%;margin:0 auto;color:#990000;font-size:smaller;text-align:center;}

div#fmt form p {background:inherit;}

div.sbmt_cls {display:flex;align-items:center;justify-content:space-evenly;margin:1em;}
div.sbmt_del {display:flex;align-items:center;justify-content:center;}
div.sbmt_del span {font-size:12px;}

p[class^=luoc_] {display:flex;align-items:center;justify-content:center;font-size:12px;max-width:100%;}
p.luoc_1x {}
p.luoc_2x {justify-content:center;}

div.fm_lst {background:white;padding:1em;}
div.fm_lst table td {padding-right:1em;}
div.fm_lst p {display:flex;justify-content:center;gap:3em;max-width:100%;margin:1em;}


input[type="checkbox"] {margin-left:1em;margin-right:0.25em;}
input[type="checkbox"]:first-of-type {margin-left:0;}
input[type="radio"] {margin-left:1em;margin-right:0.25em;}
input[type="radio"]:first-of-type {margin-left:0;}
input[type="text"] {/*max-width: calc(100vw - 5em);*/max-width:100%;}
input[type="email"] {width:auto;}
input[type="submit"] {padding:0.1em 0.5em;}
input:not([type="submit"]), select, textarea {font-family:"Courier New",Courier,monospace;font-size:1em;}
input:not([type="submit"]), select {padding-left:0.15em;}

select {max-width:80%;}

input[type="text"]:read-only, input[type="email"]:read-only { background:#e4e9e4;}
input[type="text"]:required, input[type="email"]:required, textarea:required { background:#fff4f4;}
input[type="text"]:valid, input[type="email"]:valid { background:#f1f4f1;}
input[type="text"]:required:valid, input[type="email"]:required:valid, textarea:required:valid { background:#f1f4f1;}
input[type="text"]:required:invalid, input[type="email"]:required:invalid, textarea:required:invalid { background:#fff4f4;}

label.x {width:90px;}
legend.x {padding-left:0.5em;padding-right:0.5em;color:#5e655e;color:darkred;margin-left:0.5em;}

label {display:flex;font-size:smaller;line-height:1;padding-left:0.15em;}
label.ntf {min-width:10px;margin-right:0.25em;}
label.df {color:inherit;}
label.ch, label.ok {color:darkred;}
label.ok::before {content: '\002713\0000A0'; color:green;}

label img {margin-left:auto;cursor:pointer;height:20px;width:auto;padding-left:1em;padding-right:1em;}

textarea {width:calc(100% - 0.6em);padding:0.15em 0.2em;background:#f1f4f1;}

textarea#fm_details {
overflow-y: auto;
word-wrap:break-word
}

div.df-ffrw {display:flex;flex-flow:row wrap;}
div.df-ffrw-aic {display:flex;flex-flow:row wrap;align-items:center;}
div.df-ffrw-aic-m051m {display:flex;flex-flow:row wrap;align-items:center;margin:1em;}
div.df-ffrw-aic-m1m {display:flex;flex-flow:row wrap;align-items:center;margin:1em;}
div.df-ffrw-aic-m051m-f11280p {display:flex;flex-flow:row wrap;flex:1 1 260px;align-items:center;margin:0.5em 1em;}

section.evx {background:#e9ede9;padding:0.25em 0.25em 0.5em 0.25em;margin:0.5em -0.25em;}
section.evx h4.x {font-size:85%;font-weight:normal;margin:0;}

div.ymdx_x {background:#e9ede9;padding:0 0.25em;margin-left:-0.25em;margin-right:-0.25em;}
div.ymdx div.x {margin:0;}
div.ymdx h4.x {font-size:80%;font-weight:normal;margin:1em 0 0 0;}
div.ymdx label {display:inline;}
div.ymdx input[type="text"] {text-align:right;margin:0 0.5em;font-size: 14px;}

form div.ifl {max-width:250px;overflow:hidden;}
form div.ifl label {padding-bottom:5px;}

form.x div.ird {background:azure;}
form div.ird label {display:inline-block;}

form div.itxt_h {display:none;}
form div.itxt {display:flex;flex-flow:row wrap;}
form div.itxt_x {display:flex;flex-flow:row wrap;align-items:center;}
form div.itxt label {padding-left:0.2em;padding-bottom:0.4em;width:100%;}
form div.itxt input {width:100%;}
form div.itxt input.sz {width:unset;}

form div.sbmt {margin:0.75em 0;text-align:center;}

form div.slct {display:flex;flex-flow:row wrap;}
form div.slct label {padding-left:0.2em;padding-bottom:0.4em;width:100%;}

div.txta {display:flex;flex-flow:column nowrap;}
div.txta label {padding-left:0.2em;padding-bottom:0.4em;width:100%;}

form div.lns_fltr {display:flex;justify-content:space-evenly;font-size:smaller;}
form div.lns_fltr span.pos {cursor:pointer;font-weight:normal;color:inherit;}
form div.lns_fltr span.sel {font-weight:bold;color:firebrick;}

form div.links {background:azure;}

form div#mess_d p.x {justify-content:center;font-size:14px;color:maroon;width:80%;margin:1em auto;line-height:1.5;background:lightyellow;padding:0.5em;}
form.x div[id^="mess_d_"] p {justify-content:center;font-size:14px;color:maroon;width:80%;margin:1em auto;line-height:1.5;background:lightyellow;padding:0.5em;}
form div[id^="mess_d_"] p {text-align:center;font-size:14px;color:maroon;width:80%;margin:1em auto;line-height:1.5;background:lightyellow;padding:0.5em;}


form p.action {font-size:smaller;text-align:center;color:dimgray;margin:1em auto;width:100%;justify-content:center;}



.h30p {height:30px;}
.h50p {height:50px;}
.h75p {height:75px;}
.h100p {height:100px;}
.h200p {height:200px;}
.mh60p {min-height: 60px;}

.warning {text-align:center;justify-content:center;font-size:14px;color:maroon;width:80%;margin:1em auto;line-height:1.5;background:lightyellow;padding:0.5em;}



.aic {align-items:center;}


svg.bi {
  display: inline-block;
  vertical-align: -.125em;
  
  width: 1.5em;
  height: 1.5em;
  fill: currentcolor;
}

svg.bi path {
  stroke-width: 1px;
}

.bga {background:azure;}
.bglb {background:lavenderblush;}

.bgls {background:azure;}
.bglsw {background:mintcream;}

.bgn {background:lightyellow;}
.bgs {background:#fffee3;}
.bol {background:#fdf5e6;}		/* old lace*/

.btn {cursor:pointer;background:#e9e9ed;padding:3px 5px;font-size:smaller;}
.btn:hover {background:#bababe;}

.ce_sp {text-decoration:underline dotted #616861;}

.cdf {color:#000000;}
.cdg {color:#696969;/*dimgray*/}
.cbl {color:black;}
.cfb {color:firebrick;}
.cdr {color:darkred;}
.cgr {color:green;}
.cr {color:red;}
.crsp {cursor:pointer;}

.cdf {color:#bdcbbd;}
.cs4 {color:#4e534e;}
.ct4 {color:#e4e9e4;}

.clearfix::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

.db {display:block;}
.df {display:flex;}
.dg {display:grid;}
.di {display:inline;}
.dib {display:inline-block;}
.dit {display:inline-table;}
.dn {display:none;}
.dt {display:table;}

.ev_bull_h {color:white;width:1em;}
.ev_bull_sx {color:darkgreen;width:1em;text-align:left;}
.ev_bull_s {color:darkgreen;flex:0 0 1.5em;text-align:center;}

.fr {float:right;}

.fsm {font-size:smaller;}
.fs14_x {font-size:14px;}

.fs14 {font-size:.875em;}
.fs15 {font-size:.9375em;}
.fs15p {font-size:15.25px;}
.fs15b {font-size:.975em;}
.fs16 {font-size:1em;}
.fs18 {font-size:.125em;}

.fwb {font-weight:bold;}
.fwn {font-weight:normal;}

.fww {flex-wrap:wrap;}

.h100vh {height:100vh;}
.jcc {justify-content:center;}

.lh1 {line-height:1;}
.lh1p5 {line-height:1.5;}
.lh2 {line-height:2;}

.m051m {margin:0.5em 1em;}
.m1ma {margin:1em auto;}
.mbp25m {margin-bottom:0.25em;}
.mbp5m {margin-bottom:0.5em;}
.mb1m {margin-bottom:1em;}

.ml0p25m {margin-left:0.25em;}
.mlp5m {margin-left:0.5em;}
.m1m {margin:1em;}
.mla {margin-left:auto;}
.ml1m {margin-left:1em;}
.ml2m {margin-left:2em;}
.mr2m {margin-right:2em;}

.mlm1m {margin-left:-1em;}
.mlm1p5m {margin-left:-1.5em;}

.mlrp25m {margin-left:0.25em;margin-right:0.25em;}
.mlrp5m {margin-left:0.5em;margin-right:0.5em;}

.mlr1m {margin-left:1em;margin-right:1em;}
.mlr2m {margin-left:2em;margin-right:2em;}

.mrp5m {margin-right:0.5em;}
.mr1m {margin-right:1em;}

.mt0 {margin-top:0;}
.mtp25m {margin-top:0.25em;}
.mtp5m {margin-top:0.5em;}
.mt1m {margin-top:1em;}
.mt1p5m {margin-top:1.5em;}
.mt2m {margin-top:2em;}

.mtbp25m {margin-top:0.25em;margin-bottom:0.25em;}
.mtbp5m {margin-top:.5em;margin-bottom:.5em;}
.mtb1m {margin-top:1em;margin-bottom:1em;}
.mtb1p5m {margin-top:1.5em;margin-bottom:1.5em;}
.mtb2m {margin-top:2em;margin-bottom:2em;}
/*.mtb1p5m {margin-top:1.5em;margin-bottom:1.5em;}*/

.nt {color:#5e655e;font-size:0.75em;}

.nv {color:dimgray;}
.vw {color:maroon;}

.pl1b::before {display:inline-block;content:"\002022";width:16px;color:darkgreen;}
.pl1b_x::before {display:inline-block;content:"\002219";width:16px;color:indianred;}
.pl1m {padding-left:16px;}
.plp5pr1 {padding-left:0.5em;padding-right:1em;}
.plrp5m {padding:0 0.5em;}

.pbp5m {padding-bottom:0.5em;}

.sbm {margin:1em;text-align:center;}

.smt {scroll-margin-top:1em;}
.tac {text-align:center;}
.tar {text-align:right;}

.vh {visibility:hidden;}
.vv {visibility:visible;}

.w100pc {width:100%;}
.w50pc {width:50%;}

.w25 {width:25px;}
.w30 {width:30px;}
.w35m {width:35em;margin:1em auto;}
.w40 {width:40px;}
.w50 {width:50px;}
.w300px {width:300px;}

div.fm_lst ul {padding:0;margin:1em;list-style-type:none;max-width:100%;}
div.fm_lst ul p {display:flex;align-items:center;margin-bottom:0.5em;background:floralwhite;width:auto;}
div.fm_lst ul ul {margin:0.5em 0 1em 20px;font-size:0.9375em;line-height:1.5;}

img.sz {height:12px;width:auto;margin-right:8px;}





/*
	body has a default margin of 8px
	h1 - h6, menu, ol, p, ul all have default margin top and bottom
	fieldset has margin 0 2 px and padding 0.35 0.75 0.625 0.75 em
	legend has padding lr 2px
	menu, ol, ul have padding left 40px
	
/*	font-size:0.75em;  16x0.75=12 */
/*	font-size:0.825em; /* 16x0.825=13.2 */	
/* 	font-size:0.875em; 16x.875=14	*/
/* 	font-size:0.9375em; 16x.94=15	*/
/* 	font-size:1em; 16	*/
/*	font-size:1.0625em;	17	*/
/*	font-size:1.125em;	18	*/
/*	font-size:1.3125em;	21	*/
/*	font-size:1.5em;	24	*/
	
/*	link: color:#0066cc;(default)color:#003366;color:#004c99;


    Contains (*=) wildcard selector
    Starts with (^=) wildcard selector
    Ends with ($=) wildcard selector


*/