`	
	
/* typefaces */
/* W3C CSS Validator says "Parse Error [empty string]" when encountering border-radisu.
This is a defect in the W3C Validator.  border-radius ia a valid CSS3 property.
*/

/* "Gentium Basic" does not include modifier characters like U+0332 Combining Macron Below, Chrome seems to think it does, and renders nothing.*/
body, td
{
	font-family: Gentium, "Doulos SIL", "Times New Roman", "Linux Libertine", "DejaVu Serif", serif ;
}

span.email
{
	font-family: "Everson Mono", "Courier New", "Deja Vu Sans Mono", "Andale Mono WT", "Andale Mono", Courier, monospace ;
}

q.pullfull, q.pullright, q.pullleft
{
	font-weight: bold ;	
	font-style: italic ;	
}

q.pullfull cite, q.pullright cite, q.pullleft cite
{
	font-weight: normal ;	
}

h1, h2, h3, h4, h5, h6, dt, th, .tweet, #leftcol ul, #footer ul.About > li > a, div.Series, .ToBeDone, p.caption
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", "Deja Vu Sans", Arial, Helvetica, sans-serif ;
	font-weight: bold ;	
}

#masthead
{
	font-family: "Museo Sans", "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", "Deja Vu Sans", Arial, Helvetica, sans-serif ;
	font-weight: normal ;
	font-style: normal ;
	text-align: center ;
	font-size: xx-large ;
} 

.FileName 
{
	font-family: "Everson Mono", "Courier New", "Deja Vu Sans Mono", "Andale Mono WT", "Andale Mono", Courier, monospace ;
}

/* corners and shadows */

#masthead, #footer, #leftcol ul li 
{
	text-shadow: 0.1em 0.1em 0.5em blue ;
}

#masthead a:hover, #footer a:hover, #leftcol ul li a:hover
{
	text-shadow: white 0.1em 0.1em 0.5em ;
}

div.TwoColumns
{
	        column-count: 2 ;
       -moz-column-count: 2;
	-webkit-column-count: 2;
	   
	background-color: yellow ;
}

div.DontBreakAcrossColumns
{
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
}

div.HalfWidth
{
	width: 48% ;
	min-width: 24em ;
}


div.SmallSidebar
{
	width: 40% ;
	min-width: 8em ;
	max-width: 16em ;
	padding: .25em .25em .25em .5em ;
	margin: 1em .75em .5em .5em ;
	background-color: #F5F5F5 ;	/* whitesmoke */
	color: navy ;
	border: thin silver solid ;
}

div.SmallSidebar > h3:first-child, div.SmallSidebar > h4:first-child, div.SmallSidebar > h5:first-child
{
	background-color: #DCDCDC ; /* gainsboro */
	text-align: center ;
	margin: .25em .25em 0em 0em ;
	padding: .25em .25em .25em .25em ;
}

div.LargeSidebar
{
	width: 70% ;
	min-width: 12em ;
	max-width: 24em ;
	padding: .25em .25em .25em .5em ;
	margin: 1em .5em .25em .5em ;
	background-color: #F5F5F5 ;	/* whitesmoke */
	color: navy ;
	border: thin silver solid ;
}

div.LargeSidebar > h3:first-child, div.LargeSidebar > h4:first-child, div.LargeSidebar > h5:first-child
{
	background-color: #DCDCDC ;	/* gainsboro */
	text-align: center ;
	margin: .25em .25em 0em 0em ;
	padding: .25em .25em .25em .25em ;
}


div.Widebar
{
	width: 100% ;
	padding: .25em .25em .25em .5em ;
	margin: 1em .5em .25em 0em ;
	background-color: #F5F5F5 ;	/* whitesmoke */
	color: navy ;
	border: thin silver solid ;
}

div.WideBar > h3:first-child, div.LargeSidebar > h4:first-child, div.LargeSidebar > h5:first-child
{
	background-color: #DCDCDC ;	/* gainsboro */
	text-align: center ;
	margin: .25em .25em 0em 0em ;
	padding: .25em .25em .25em .25em ;
}

#body div.page
{
	color: #333399;
	background-color: transparent;
	display: block ;
	margin: .5em .5em .5em .5em ;
	padding: .5em .5em .5em .5em ;
	text-decoration: none ; 
}

#leftcol ul li a
{
	text-shadow: #A9A9A9 0.125em 0.125em 0.5em ;
	border-radius: .5em ;
	box-shadow: 0.125em 0.125em 0.125em #A9A9A9 ;
}

div.SmallSidebar, div.LargeSidebar, div.page
{
	box-shadow: 2px 2px 8px #A9A9A9 ;
}

div#container, div#masthead, div#footer, div.Series
{
	border-radius: 8px ;
	box-shadow: 2px 2px 8px #A9A9A9 ;
}

dl.Articles dt, dl.Articles dd, dl.Articles span.isodate
{
	box-shadow: 0.125em 0.125em 0.125em #A9A9A9;
}

dl.Articles dt
{
	border-top-left-radius: .5em ;
	border-top-right-radius: .5em ;
}

dl.Articles dd
{
	border-bottom-left-radius: .5em ;
	border-bottom-right-radius: .5em ;
}

dl.Articles dt a
{
	border-top-left-radius: .5em ;
	border-top-right-radius: .5em ;
} 

div.QuoteIndex
{
	background-color: #F0F0F0 ;
	border-radius: .5em ;
	margin-top: .5em ;
	margin-bottom: .5em ;
	text-align: left ;
	box-shadow: 0.125em 0.125em 0.125em #A9A9A9;
}

div.QuoteIndex a
{
	border-radius: .5em ;
	padding: 1.5em 1em 1em 1em ;
}

#body div.QuoteIndex a[href^="https://www.tamurajones.net/"]:before
{
	content: none ;
}

div.QuoteIndex a:hover q
{
	color: aqua ;
}	

div.QuoteIndex cite
{
	margin-top: .5em ;
	display: block ;
	text-align: right ;
}

div.QuoteIndex cite:before
{
	content: "— "
}

dl.Articles span.isodate
{
	border-radius: .5em ;
}

/* remove dotted border around active links in Firefox */
a:active, a:focus
{
	outline: none ;
}

#masthead
{
	margin: .5em;
	padding: .5em;

	color: #FFFFFF;
	background-color: #000099;
}

#masthead a
{
	display: block ;
	width: 100% ;
	color: silver ;
	text-decoration: none;
	background-image:url('button/MSE40x40Trans.png') ;
	background-repeat:no-repeat ;
}

#masthead a:hover
{
/*	background-image:url('button/MSE40x40TransHi.png') ; */
	color: aqua ;
}

#container 
{
	margin: 0 1em 0 1em ;
	padding: 0 ;

	position: relative;
	left: 0px;
	top: 0px;
	background-color: white ;
	color: #333399;
}


#footer 
{
	margin: 1em;
	padding: 1em;

	color: #FFFFFF;
	background-color: #000099;

	clear: both;
	text-align: center;
}


ul
{
	list-style-type: none ;
}

ul.basic
{
	list-style-type: square ;
}

ul.disc
{
	list-style-type: disc ;
}

ul.links
{
	list-style-type: none ;
}

ul.About
{
	list-style-type: none ;
	display: inline-block ;
	list-style-position: inside ;
	margin: 0 ;
	padding: 0 ;
}

ul.About > li
{
	padding: 0 ;
	margin: 0 ;
	display: block ; 
	float: left ;
}

ul.About > li > a
{
	display: block ;
	margin: 0 ;
	padding: .125em 1em .125em 1em ;
	text-decoration: none ; 
/*	border:silver thin solid ; */
	background: transparent ;
	color: silver ;
}

ul.About > li > a:hover
{
	color: aqua ;
}


#leftcol 
{
	position: relative ;
	margin: 0 ;
	padding: 0 ;
	width: 12em;
	float: left;
	color: #996633;
}

html
{
	background-color: #F8F8F8;
}

#body 
{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0 .5em 0 12em ;
	padding: .5em ;
	background-color: white;
	color: #333399;
}

#leftcol ul 
{
	list-style-type: none;
	display: block;
	padding: 1em;
	margin: 0;
}

#leftcol ul li 
{
	display: block;
	padding: 0;
	margin: 0;
}

#leftcol ul li a 
{
	display: block;
	margin:  .5em ;
	padding: .125em .5em .125em .75em ;
	text-decoration: none;
	font-weight: bold ;
	background-color: #E0E0E0;
	color: #333399;
}

#leftcol ul li a:hover 
{
	background-color: #000099;
	color: aqua;
}


#body h1 
{
	margin: 0px;
}

p 
{
	margin-bottom: 0px;
}

#leftcol a 
{
	padding: .25em ;
}

a img 
{
	border-style: none ;
	border-width: 0px;
}

/* IE does not support :after, but there is a space already */
.isodate
{
	color: #999999;
}	

.isodate:after
{
	content: ":" ;
	color: #CCCCCC;
}

ul.buttonlist 
{
	list-style-type: none;
	display: block;
	position: relative;
	width: 100%;
	line-height: 36px;
}

ul.buttonlist li 
{
	padding: .25px;
	display: inline;
}

ul.buttonlist li a 
{
}

ul.dash
{
	margin-left: 0 ;
	padding-left: 0 ;
	list-style-type: none;
}

ul.dash  li:before
{
	content: "- " ;
}


.ToBeDone 
{
	color: #FF6666;
	font-size: large;
	font-weight: bold;
	font-style: italic;
}

.CompanyName 
{
	font-style: italic;
}

.FullName, .FirstName, .LastName, .LastNamePrefix, .NickName 
{
	font-style: normal ;
	color: #202020 ;
}

.LastName, .LastNamePrefix
{
//	text-decoration: underline ;
}

.GivenName, .FirstName, .NickName 
{
	font-style: italic ;
	color: darkslategrey ;
}

.relationshipstatement
{
	font-style: italic ;
}


.LogoSmall 
{
	float: left;
	width: 40px;
	height: 40px;
}

.LogoMedium 
{
	float: right;
	width: 80px;
	height: 80px;
}

ol.SeriesMenu 
{
	list-style-type: upper-roman;
}

.Series 
{
	background-color: #FFFFFF;
	display: block;
	border: thin #A9A9A9 solid ;
	clip: rect(auto, auto, auto, auto);
	margin: 1em 2em 1em 2em ;
	padding: 0.5em 1em 0.5em 1em ;
}

.Series h1
{
	font-size: x-large ;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}

.Series ol.SeriesMenu  li
{
	line-height: 1.125em ;
	margin: 0 0 0.5em 0 ;
}

.Series span.subtitle
{
	font-size: normal ;
	font-variant: normal ;
	text-align: left ;
	font-weight: normal ;
	font-style: italic ;
}

#body a
{
	text-decoration: none;
}

#body a.permalink:link, #body a.permalink:visited
{
	color: #333399 ;
	text-decoration: none;
	font-weight: bold;
}

#body a.permalink:hover
{
	color: blue ;
}

.floatleft
{
	margin: .5em;
	float: left;
	margin-left: 0em ;
}

.floatright
{
	margin: .5em;
	float: right;
	margin-right: 0em ;
}

.textright
{
	float: right;
}

blockquote 
{
	border: 1px silver solid ;
	background-color: white ;
	quotes: "\201C " "\201E ";
	overflow: visible ;
	padding-left: 5em ;
	padding-right: 5em ;
	margin: 1em ;
	min-height: 4em ;
}

blockquote:before, blockquote:after
{
  color: silver ;
  display: block ;
  font-size: 5em ;
}

blockquote:before
{
  content: open-quote;
  height: 0 ;
  margin-left: -1em ;
  padding-left: 0.1em ;
}

blockquote:after 
{
  content: close-quote;
  float: right ;
  margin-right: -1em ;
  padding-right: 0.1em ;
  margin-top: -1.1em  ;
  margin-bottom: .1em ;
}

blockquote.translation:before, blockquote.translation:after
{
  content: none;
}



blockquote.small
{
	width: 16em ;
}


blockquote.InstructionManual
{
	padding: .25px;
}

blockquote.InstructionManual:before, blockquote.InstructionManual:after
{
	content: none ;
}

.pullfull
{
	width: 100%;
	font-size: x-large;
	padding: .75em; 
	color: #3333CC;
	margin-right: .5em;
	margin-left: 0em;
	margin-bottom: .25em;
	text-align: left ;
}

/* pulleft rarely used */
.pullleft 
{
	width: 50%;
	float: left;
	font-size: x-large;
	padding: .75em;
	color: #3333CC;
	margin-right: .5em;
	margin-left: 0em;
	margin-bottom: .25em;
	text-align: left;
	display: block;
}

/* used with q, not blockquote */
.pullright 
{
	width: 50%;
	float: right;
	font-size: x-large;
	padding: .75em;
	color: #3333CC;
	margin-left: .5em;
	margin-right: 0em;
	margin-bottom: .25em;
	text-align: right;
	display: block;
}

.strikethrough
{
	text-decoration: line-through;
}

.underline 
{
	text-decoration: underline;
}

/* used for quoted text */
.bold
{
	font-weight: bold ;
}

/* used for quoted text */
.italics
{
	font-style: italic ;
}

.smallcaps 
{
	font-variant: small-caps ;
}

.greyback
{
	background-color: #F0F0F0 ;
}

p.centred
{
	text-align: center ;
}

table.centred
{
	margin-left: auto;
	margin-right: auto;
}

img.centred
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

img.vertcent
{
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}

code.codeblock
{
	display: block ;
	margin: .5em;
	padding: .5em;
	border: thin solid #C0C0C0;
	background-color: white ;
}

.clearleft
{
	clear: left ;
}

.clearright
{
	clear: right ;
}

.clear
{
	clear: both ;
}

/* actual size: 256 x 256. normal display: 64 x 64 */
img.GeneAwardTiny
{
	width: 4em ;
	height: 4em ;
}

/* actual size: 256 x 256. normal display: 128 x 128 */
img.GeneAwardSmall
{
	width: 8em ;
	height: 8em ;
}

/* actual size: 256 x 256. normal display: 256 x 256 */
img.GeneAwardMedium
{
	width: 16em ;
	height: 16em ;
}


#body a:link
{
	color: black  ;
}

#body a:visited
{
	color: #666666 ;
}

#body a:hover
{
	color: blue ;
}

#body a[href^="mailto"]:before
{
	content: url('icon/email.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a.permalink:before
{
	content: url('icon/permalinkNorm.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a.permalink:hover:before
{
	content: url('icon/permalinkHigh.png') ;
}

#body h1 a.permalink:before
{
	content: url('icon/permalink32Norm.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body h1 a.permalink:hover:before
{
	content: url('icon/permalink32High.png') ;
}

#body a[href^="http:"]:before, #body a[href^="https:"]:before, #body  a[href^="ftp:"]:before
{
	content: url('icon/exit.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a[class="nolinkicon"]:before
{
	content: none ! important ;
	padding-right: .25em ;
	display: none ;
}

#body a[href^="http://www.tamurajones.net/"]:before, #body a[href^="https://www.tamurajones.net/"]:before
{
	content: url('icon/MSE16x16Trans.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

//#leftcol a[href^="http://www.tamurajones.net/"]:before, #leftcol a[href^="https://www.tamurajones.net/"]:before
//{
//	content: none ! important ;
//	padding-right: .25em ;
//	display: none ;
//}
//
//#footer a[href^="http://www.tamurajones.net/"]:before, #footer a[href^="https://www.tamurajones.net/"]:before
//{
//	content: none ! important ;
//	padding-right: .25em ;
//	display: none ;
//}

#body a[href^="http://www.gaenovium.com/"]:before, #body a[href^="https://www.gaenovium.com/"]:before
{
	content: url('icon/GaenoviumLogo16.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a[href^="http://blog.gaenovium.com/"]:before, #body a[href^="https://blog.gaenovium.com/"]:before
{
	content: url('icon/GaenoviumLogo16.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a[href^="http://web.archive.org/"]:before, #body a[href^="https://web.archive.org/"]:before
{
	content: url('icon/waybackmachine.png') ;
	padding-right: .25em ;
	display: inline-block ;
}


#body a[href^="https://play.google.com/"]:before 
{
	content: url('icon/GooglePlay.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a[href^="http://itunes.apple.com"]:before, #body a[href^="https://itunes.apple.com"]:before
{
	content: url('icon/iTunes.png') ;
	padding-right: .25em ;
	display: inline-block ;
}

#body a[href^="http://twitter.com/"]:before, #body a[href^="https://twitter.com/"]:before
{
	content: "@" ;
	padding-right: .125em ;
	display: inline-block ;
}

#body ul li.nolink:before
{
	content: "" ;
	padding-right: 1.25em ;
	display: inline-block ;
}

/*
#body a[href^="https://twitter.com/"]:before
{
	content: url('icon/Twitter.png') ;
	padding-right: .25em ;
	display: inline-block ;
}
*/

/* 
Used this inelegant approach to hide the icon for image links
It shows through transparent image links
All such occurences must use the "noicon" class instead
#body a[href^="http:"] img
{
	margin-left: -24px ;
}
 */
  
#body a.noicon:before
{
	content: none ;
	display: inline-block ;
}

/* do not show internal link icon in Series menu */
#body ol.SeriesMenu li a:before, #body ol.SeriesMenu li a:hover:before
{
	content: none ;
	padding-right: .25em ;
	display: none ;
}

a[href$='.pdf']:after
{
	content: url('icon/PDF.png') ;
	display: inline-block ;
	padding-left: .25em ;
}

a[href$='.zip']:after, a[href$='.gzip']:after, a[href$='.rar']:after
{
	content: url('icon/ZIP.png') ;
	display: inline-block ;
	padding-left: .25em ;
}

a[href$='.mp3']:after
{
	content: url('icon/sound.png') ;
	display: inline-block ;
	padding-left: .25em ;
}


.tweet
{
	font-size: smaller ;

	margin-left: 4em ;	
	
	padding-top: .5em ;
	padding-bottom: 1em ;

	border-top: thin #D3D3D3 dashed ;
	border-bottom: thin #D3D3D3 dashed ;
}

.tweet + .tweet
{
	padding-top: 0em ;
	border-top: none ;
}

.tweet .datetime
{
	color:black ;	
}

.tweet a.datetime:after
{
	content: " " ;
}

.tweet .username
{
	color:black ;	
	font-style: italic ;	
}

.tweet .username:after
{
	content: ": " ;
}

#body .tweet > a:before 
{
	content: none ;
}

/* Chrome keeps showing icon and @, even if you include this?! */
#body .tweet a[href^="http:"]:before, #body .tweet a[href^="http://twitter.com/"]:before, #body .tweet a[href^="https://www.tamurajones.net/"]:before
{
	content: none ;
}

dt
{
	background-color: #F0F0F0;
}

dd
{
	background-color: #F8F8F8;	
}

dl.BriefList dt, dl.AbbrevList dt, dl.FormulaDefs dt, dl.References dt
{
	display: inline-block ;
	width: 12em ;
	min-height: 1.6em ;
	float: left ;
	padding-left: 1em ;
	padding-top: .25em ;
	padding-bottom: .25em ;
	margin-top: .125em ;
}

dl.BriefList dd, dl.AbbrevList dd, dl.FormulaDefs dd, dl.References dd
{
	margin-left: 0 ;
	min-height: 1.6em ;
	padding-left: 14em ;
	padding-top: .3em ;
	padding-bottom: .2em ;
	margin-bottom: .25em ;
}

dl.AbbrevList dt
{
	width: 6em ;
}

dl.AbbrevList dd
{
	padding-left: 8em ;
}

dl.References dt
{
	display: inline-block ;
	width: 7em ;
	min-height: 1.6em ;
	float: left ;
	padding-left: 0em ;
	padding-top: 0em ;
	padding-bottom: 0em ;

	font-weight: normal ;	
	margin: 0em ;
	background-color: transparent;
}

dl.References dd
{
	margin-left: 0 ;
	min-height: 1.6em ;
	padding-left: 6em ;
	padding-top: 0em ;
	padding-bottom: 0em ;

	margin: 0em ;
	background-color: transparent;
}

dl.FormulaDefs dt
{
	width: 3em ;
}

dl.FormulaDefs dd
{
	padding-left: 5em ;
}

dl.Definitions dt
{
	margin-top: .25em ;
	padding: .125em ;
	padding-left: 1em ;
}

dl.Definitions dd
{
	margin-left: 0 ;
	margin-bottom: .25em ;
	padding: .125em ;
	padding-left: 1em ;
}

#body dl.Articles dt
{
	margin-top: .5em ;
	padding: 0 ;
}

#body dl.Articles dd
{
	margin-bottom: .5em ;
	padding: .25em ;
	margin-left: 0 ;
	padding-left: 8.5em ;	
}


#body dl.Articles dt span.isodate
{
	color: gray ;
	float: left ;
	margin: 0.5em ;
	padding: 0.5em 0.75em 0.5em 0.75em ;
	background-color: #E8E8E8 ;
	min-width: 5.25em ;
}

#body dl.Articles dt span.isodate:after
{
	content: none ;
	color: #CCCCCC;
}

/* XXX */
#body dl.Articles a, .QuoteIndex a
{
	color: #333399;
	background-color: #F0F0F0;
	
	display: block ;
	padding-top: .25em ;
	padding-bottom: .25em ;
	/* margin-left: 7.5em ;*/
	padding-left: 1em ;
	text-decoration: none ; 
}

#body dl.Articles a:hover, div.QuoteIndex a:hover
{
	color: aqua ;
	background-color: #000099;
}


table caption
{
	background-color: #CCCCCC ;
	padding: .25em ;
	margin: 1px ;
}

table.BasicTable, table.NumberTable
{
	margin-top: .5em ;
	background-color: #FFFFFF ;
	empty-cells: show ;
}

table.BasicTable tfoot tr td
{
	text-align: center ;
	font-style: italic ;
}

.BasicTable th, .BasicTable td, .NumberTable th, .NumberTable td
{
	margin: 1px ;
	padding: 0 .25em 0 .25em ;
	text-align: left ;
	background-color: #F8F8F8 ;
}

.BasicTable th, .NumberTable th
{
	background-color: #EEEEEE ;
}

.BasicTable th:first-child, .BasicTable td:first-child
{
	text-align:right ;
}

.TableFirstColLeft th:first-child, .TableFirstColLeft td:first-child
{
	text-align:left ;
}

.TableSecondColLeft th:first-child  + th, .TableSecondColLeft td:first-child  + td 
{ 
	text-align: left; 
}


/* CentredHeader overrides BasicTable */
.CentredHeader th:first-child, .CentredHeader td:first-child
{
	text-align:center ;
}

.CentredColumns th, .CentredColumns td
{
	text-align:center ;
}

.NumberTable th, .NumberTable td
{
	text-align: right;
}

table.AncestorTable, table.CompletenessTable
{
	margin-top: .25em ;
	background-color: #FFFFFF ;
	empty-cells: show ;	
}

.AncestorTable th, .AncestorTable td, .CompletenessTable th, .CompletenessTable td
{
	margin: 1px ;
	padding: 0 .25em 0 .25em ;
	text-align: left ;
	vertical-align: middle ;
	background-color: #F8F8F8 ;
	min-width: 8em;
	min-height: 1em ;
}

.AncestorTable tr,.CompletenessTable tr
{
	height: 1em ;
}

.AncestorTable th, .CompletenessTable th
{
	background-color: #EEEEEE ;
	text-align: center ;
}

.CompletenessTable td.complete
{
	background-color: lightblue ;
	text-align: center ;
}

.CompletenessTable tfoot td
{
	background-color: lightgray ;
	text-align: center ;
}


.AhnenNumber
{
	color: red ;
}

.AhnenNumber:after
{
	display: inline ;
	content: "." ;
	color: black ;
}

table.BinTreeTable
{
	margin-top: .25em ;
	background-color: #FFFFFF ;
	empty-cells: show ;	
}

.BinTreeTable th, .BinTreeTable td
{
	margin: 1px ;
	padding: 0 .25em 0 .25em ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #F8F8F8 ;
	min-width: 2em;
}

/* SimpleStackDiagram only works for a two-column table */
table.SimpleStackDiagram 
{
	color: #000080 ;
	font-size: larger ;
	margin: 0 ;
	padding: .5em ;
	border: none ;
	border-collapse: separate ;
	border-spacing: 0px 8px ;
	background-color: inherit ;
}

table.SimpleStackDiagram thead 
{
	display: none ;
}

table.SimpleStackDiagram tbody tr
{
	text-align:left ;
}

table.SimpleStackDiagram tbody tr td
{
	background-color: #F0ECFF ;
	margin: 24px ;
	padding: 1em 2em 1em 2em ;
	
	text-shadow: #A9A9A9 0.125em 0.125em 0.5em ;

	border: none ;

	border-radius: .5em ;
	box-shadow: 0.125em 0.125em 0.125em #A9A9A9 ;
}

table.SimpleStackDiagram tbody tr td + td
{
	border-left: none ;
	border-top-left-radius: 0 ;
	border-bottom-left-radius: 0 ;
}

table.SimpleStackDiagram tbody tr td:first-child
{
	font-weight: bold ;
	border-right: none ;
	border-top-right-radius: 0 ;
	border-bottom-right-radius: 0 ;
}


div.twocol
{
	width: 100%; 
}

div.leftcol
{
	float: left ;	
	width: 48%; 
}

div.rightcol
{
	float: right ;	
	width: 48% ; 
}

p.formula
{
	padding: .25em ;
	background-color: #F8F8F8 ;	
		
	padding-left: 1em ;
	padding-top: .125em ;
	padding-bottom: .125em ;
	margin-bottom: .125em ;
}

/* generic image (logo, drawing, splash screen, etc. Usually needs no border.) */
img.image
{
	border: 0 ;
	padding: 0 ;
}

/* photo */
img.photo
{
	border: thin silver solid ;
	padding: 0 ;
}

/* just a web page, no browser window */
img.webpage
{
	border: thin silver solid ;
	padding: 0 ;
}

/* part of a web page */
img.webpart
{
	border: thin silver solid ;
	padding: .25em ;
}

/* web page inside browser window */
img.browwin
{
	border: 0 ;
	padding: 0 ;
}

/* app or dialog image complete with app border */
img.appbordered
{
	border: 0 ;
	padding: 0 ;
}

/* use to override border, to avoid double borders */
img.noborder
{
	border: 0 ;
}

/* use to ensure border, to avoid no border at all */
img.border
{
	border: thin silver solid ;
}


p.copyright
{
	text-align: center ;
}

.Y
{
	visibility: hidden ;
}

.Y:after 
{
	display: inline ;
	visibility: visible !important ;
	color: green ;
	font-size: large ;
	content: "✓" ; 
}


.y
{
	visibility: hidden ;
}


.y:after
{
	display: inline ;
	visibility: visible !important ;
	content: "✓" ;
	color: orange ;
	font-size: large ;
}

/* Unicode U+2717 Ballot X */
.N
{
	visibility: hidden ;
}
.N:after
{
	display: inline ;
	visibility: visible !important ;
	content: "✗" ; 
	color: red ;
	font-size: large ;
}

.n
{
	visibility: hidden ;
}
.n:after
{
	display: inline ;
	visibility: visible !important ;
	content: "✗" ; 
	color: orange ;
	font-size: large ;
}

.none
{
}

div.image
{
	display: inline-block ;
	margin: 0.25em ;
	margin-top: 0.5em ;
}

.SmallCaps
{
	font-variant: samll-caps ; 
}

p.caption
{
	text-align: center ;
	font-weight: normal ;
	font-size: 80% ;
	color: #000080 ;
}

.readeralert
{
	color: black ;
	font-style: italic ;	
}

.readeralert cite
{
	color: #000080 ;
}

.iIcon
{
	border: none ;
	border-radius: 32px;	
	box-shadow: #606060 0px 2px ;
}

.person
{
}

/* not web site menu item, but application menu item in body text */
.appmenuitem
{
	font-weight: bold ;	
}

span.code
{
	display: block ;
	margin: 1em ;
	padding: .5em 2em .5em 4em;
	border: thin solid #C0C0C0;
	background-color: white ;
}

div.code, span.code
{
	display: block ;
	margin: .5em 0 .5em 0 ;
	padding: .5em .5em .5em .5em;
	border: thin solid #C0C0C0;
	background-color: white ;
	font-family: "Everson Mono", "Courier New", "Deja Vu Sans Mono", "Andale Mono WT", "Andale Mono", Courier, monospace ;
	overflow-x: auto ;
}

div.code.floatleft, span.code.floatleft
{
	box-sizing: border-box ;
	max-width: 100% ;
	margin-right: .5em ;
	overflow-x: auto ;
}

div.code.floatright, span.code.floatright
{
	box-sizing: border-box ;
	max-width: 100% ;
	margin-left: .5em ;
	overflow-x: auto ;
}


.indent
{
	display: inline-block ;
	padding-left: 2em ;
}

.nodisplay
{
	display: none ;
	visibility: hidden ;
}

dl.equal4, dl.equal8
{
	background: transparent ;
	font-weight: normal ;
	margin-top: 0em ;
}

dl.equal4 dt, dl.equal8 dt
{
	font-family: Gentium, "Doulos SIL", "Times New Roman", "Linux Libertine", "DejaVu Serif", serif ;
	background: transparent ;
	font-weight: normal ;
	padding: 0 ;
	float: left ;
	clear: left ;
    display: inline ;
}

dl.equal4 dt
{
	width: 4em ;
}

dl.equal8 dt
{
	width: 8em ;
}

dl.equal4 dd, dl.equal8 dd
{
	background: transparent ;
	font-weight: normal ;
}

dl.equal4 dd:before, dl.equal8 dd:before
{
    content: "= "
}

ul.inlineblock
{
	display: inline-block ;
	vertical-align: top ; 
}

div.block
{
	color: black ;
	border-style: solid ;
	border-width: 1px ;
	border-color: grey ;
	margin: 1em 0.25em 1em 0.25em ;
	padding: 1em ;
	background-color: WhiteSmoke ;
}

div.fullwidthfigure
{
	border-style: none 0em ;
	padding: 0 ;
}

div.inlinefigure
{
	display: inline-block ;
	border-style: none ;
	margin: 0 ;
	padding: 1em ;
}

div.plaque
{
	text-align: center ;
	color: black ;
	border-style: solid ;
	border-width: 1px ;
	border-color: grey ;
	margin: 1em 0em 1em 0em ;
	padding: 1em ;
	background-color: WhiteSmoke ;
}

div.plaque.floatright
{
	margin-left: 1em ;
}

div.plaque.floatleft
{
	margin-right: 1em ;
}

div.centred
{
	margin-left: auto ;
	margin-right: auto ;
}


.uppercase 
{
	text-transform: uppercase ;
}

.fontsmall
{
	font-size: small ;
}

.fontlarge
{
	font-size: large ;
}

.fontxlarge
{
	font-size: x-large ;
}

.justified
{
	text-align: justify ;
	text-justify: distribute ;
}

.rightalign
{
	float: right ;
}

.JRMemorialTablet
{
	width: 32em ;
	font-family: "Times Roman", "Times New Roman", Times, Baskerville, Georgia, serif ;
	font-stretch: condensed ;
}

.plaqSojouners
{
	width: 32em ;
	font-family: "Times Roman", "Times New Roman", Times, Baskerville, Georgia, serif ;
}

.plaqPJRM
{
	width: 32em ;
	font-family: Arial, "Helvetica New", Helvetica, sans-serif ;
}


.GEDCOMInvalidLine
{
	display: block ;
	background-color: #F8F8F8;
	color: DarkBlue ;
//	width: 100% ;
}

.GEDCOMInvalidValue, .GEDCOMInvalidTag
{
	color: MediumVioletRed ;
}

.GEDCOMValidLine
{
	display: block ;
	background-color: #F8F8F8;
	color: DarkBlue ;
//	width: 100% ;
}

.GEDCOMValidValue, .GEDCOMValidTag
{
	color: DarkGreen  ;
}

.GEDCOMBOM
{
	color: LightGray  ;
}

.GEDCOMSPACE
{
	color: CornflowerBlue  ;
}

.GEDCOMNEWLINE
{
	color: BlueViolet  ;
}


// Interview Q & A
p.Q
{
	color: 000033 ;
}

p.A
{
	color: 330000 ;
}

hr
{
	padding: 0em ;
	border-left: none ;
	border-right: none ;
	border-bottom: none ;
	border-top: thin dotted #333399 ;
	color: #333399 ;
	text-align: center ;
	margin-top: 2em ;
	margin-bottom: 0em ;
	margin-left: 2em ;
	margin-right: 2em ;
}

hr:after
{
	content: "⁂" ;
	display: inline-block ;
	position: relative ;
	top: -.625em ;
	font-size: 150% ;
	background-color: white ;
	padding-left: 2em ;
	padding-right: 2em ;
}

.larger
{
	font-size: 125% ;
}

.largish
{
	font-size: 112.5% ;
	letter-spacing: 0.125em ;
	word-spacing: 0.125em ;
}

.alignright
{
	display: in-line-block ;
	float: right ;
}

p.LineOfDescent
{
	text-align: center ;
}

p.LineOfDescent .person
{
	display: inline-block ;
	width: 48% ;
}
p.LineOfDescent .person.left
{
	text-align: right ;
}

p.LineOfDescent .person.right
{
	text-align: left ;
}

div.LeidenPage
{
	color: black ;
	width: 42em ;
	border-style: solid ;
	border-width: 1px ;
	border-color: grey ;
	margin-top: 1em ;
	margin-bottom: 1em ;
	margin-left: 1em ;
	margin-right: 1em ;
	padding: 2em 4em 2em 8em ;
	background-color: FloralWhite ;
	position: relative ;
	font-size: 80% ;
}

.LeidenPrintedForm
{
	color: black ;
	font: Times Roman, Times, Baskerville, George, serif ;
	font-style: italic ;
}

.LeidenWrittenText
{
	color: darkslateblue ;
	font: Times Roman, Times, Baskerville, George, serif ;
	font-style: italic ;
	letter-spacing: 0.125em ;
	word-spacing: 0.125em ;
}

.LeidenQuestionMark
{
	font-size: 600% ;
	text-align: center ;
	margin-left: -1em ;
	vertical-align: bottom ;
	float: left ;
	position: relative ;
	bottom: 1em ;
	text-decoration: underline;	
	border-bottom: 0.06125em solid ;
	transform: rotate( -30deg ) ;
}

/* de-emphasize */
p.deem
{
	color: darkgrey ;
}