@charset "UTF-8"; 

html {
font-size: calc(0.5vw + 16px); /* ?? 'medium' to allow user to change ?? */
box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}
head {
display:none;
}

body {
display:block;
font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
font-size:100%;
background-image:url(../images/pgbg.gif);
background-color:#FFF;
color:#000;
margin:0;
}

.notInSmall {
	display: none;
}
div.upperleftlogo {
	display: block;
	float: left;
	top:0;
	bottom: auto;
	left: 0;
	right: auto;
	text-indent:0;
	border: 0;
	margin:0;
	padding: 0 6px 0 0;
	width: 61px;
	max-width: 10%;
	min-width: 30px;
}

img.logo {
	padding: 5px 0 0 5px;
	border:0 none;
	width:100%; 
	max-width:61px;
	min-width:30px;
	height: auto;
	z-index:1000;
}

div.upperleftlogo svg  {
	display:block;
	padding: 5px 0 0 5px;
	width:100%;
	max-width:48px;
	min-width:30px;
	min-height:30px; 
}

/* BEGIN treatment of page headline */

h1 {
display:block;
font-size: calc(1.5rem + 0.5vw); /* 2.197em;  */
margin: 0 61px 5px 61px;
text-indent:0;
text-align:center;
line-height:120%;
font-weight:700; 
padding-top: 1em;
border-bottom:0;
background:transparent none;
color:#787878;
}

span.secbtm, span.sectop {
	font-weight:400;
	font-size:80%;
	line-height:1em;
	padding-top:0;
}

span.titlegray {
color:silver;
font-weight:normal;
background:#FFF url(../images/pgbg.gif);
}


/* END TREATMENT OF PAGE HEADLINE, LOGO BUTTON, ETC ********************************************************  */

/* BEGIN TABLE OF CONTENT, BREADCRUMBS, SEE ALSO, ETC STUFF */

div.inititemstouch {
	float:left;
	margin-top: 0.2em;
	margin-left:0.22em;
	margin-right:1em;
	border-left-style:solid;
	border-left-width:0.3em;
	border-left-color:#03C;
	max-width:15em;
}

ul.tctouch {
	padding-left:1em;
	margin-top:0;
	margin-bottom:0;
}

ul.tctouch > *:first-child {
	margin-top:0;
	margin-bottom:12px;
}

div.inititems {
float:left;
margin-top: 2em;
margin-left:2em;
margin-right:1em;
border-left-style:solid;
border-left-width:0.3em;
border-left-color:#03C;
max-width:25%;
}

ul.tc {
margin-left:0;
margin-top:2em;
margin-bottom:2em;
padding-left:1em;
}

li.tc1 {
display:list-item;
margin-left:3px;
margin-top:16px;
text-indent:0;
font-size:100%;
line-height:120%;
padding:0;
}

li.tc1 > *:first-child {
	margin-top:0;
	margin-bottom:12px;
}

li.tc2 {
display:list-item;
list-style-type:circle;
margin-left:10px;
margin-top: 20px;
text-indent:0;
font-size:90%;
line-height:120%;
padding:0;
}
li.tc3 {
display:list-item;
list-style-type:square;
margin-left:20px;
margin-top: 12px;
text-indent:0;
font-size:80%;
line-height:120%;
padding:0;
}

span.tcnum {  /*In tables of contents, identifies separate numbered definitions */
	color:red;
	font-weight:bold;
}
p.TOCont {
text-indent:0;
font-size:80%;
font-weight:700;
max-width:62.5em;
line-height:110%;
margin: 0 auto 0 auto;
}

p.TOC1 {
text-indent:1em;
font-size:80%;
line-height:120%;
margin-bottom:0;
margin-top:0;
max-width:62.5em;
}

p.TOC2 {
text-indent:2em;
font-size:80%;
line-height:120%;
margin-bottom:0;
margin-top:0;
max-width:62.5em;
}

/* END table of contents stuff */

h2 {
font-size:1.69rem;
line-height:1.2;
font-weight:500;
text-align:left;
text-indent:0;
color:#6E6E6E;
padding-bottom:0;
padding-top:0.5rem;
width:92%;
max-width: 48rem; /* 29.7301783rem; */
margin:0 auto 0 auto;
clear:both;
}

h2.defnum {
text-align:center;
color:red;
}

h2.top {
clear:none;
}

h2.tblnext {
margin-bottom:1em;
}

h2.aux {
text-align:center;
margin-left:auto;
margin-right:auto;
font-weight:400;
font-variant:small-caps;
}
h2.sticky {
	margin-left: 0;
	font-size: 125%;
	font-weight: 500;
	color: black;
}
ul.stickylist {
	margin-top: 0;
}

div.stickybox {
	border: 4px solid blue; 
	padding: 5px;
	margin: 1em auto 1em auto;
	width: 30em;
	max-width: 80%;
}
h2.SELfrom {
margin-left:20px;
text-indent:0;
font-size:90%;
line-height:120%;
font-weight:400;
}
h2.SELfrom:first-line {
	font-weight:bold;
}

h3 {
text-align:left;
font-size:1.3rem;
font-weight:400;
line-height:1.4rem;
color:#6E6E6E;
width:92%;
max-width:38.46rem;
margin:0.6em auto 0 auto;
}
h3.defnum {
font-size:1.69rem;
line-height:1.2;
font-weight:500;
text-indent:0;
color:#6E6E6E;
padding-bottom:0;
padding-top:0.5rem;
width:92%;
max-width:29.7301783rem;
margin:0 auto 0 auto;
clear:both;
text-align:center;
margin-bottom:0;
color:red;
}
h3.top {
clear:none;
}


h3.aux {
text-align:center;
font-weight:400;
font-variant:small-caps;
}

h4 {
text-align:left;
font-size:1em;
color:#646464;
line-height:1em;
font-weight:500;
padding-bottom:0;
width:92%;
max-width: 50em;
margin:0.6em auto 0 auto;
}
h4.aux {
text-align:center;
font-weight:400;
font-variant:small-caps;

}
h5 {
	font-size:95.14%;
	width:92%;
	max-width: 50em;
	margin:0 auto 0 auto;

}
h5.aux {
text-align:center;
font-weight:400;
font-variant:small-caps;

}
hr {
	display: block;
	height: 3px;
	border: 0;
	border-bottom: 3px solid #ddd;
}

p {
text-indent:2em;
text-align:left;
font-size:1rem;  /* 100%; */
    line-height: calc(1ex / 0.32); 
width:92%;
max-width:50rem;
margin:0 auto 0 auto;
padding-left:1rem;
padding-right:1rem;
}
p.path {   /* for breadcrumbs */
display:block;
float:left;
margin: 0;
padding: 0;
font-size:0.5em;
text-indent:0;
max-width:10em;
}

p.seealso {
padding-left:0;
padding-right:0;
text-indent:0;
margin-top:0;
font-size:80%;
max-width: 62.5em;
clear:none; 
}

p.noind {
	text-indent:0;
}

p.icon-separator {
	text-indent: 0;
	font-size: 16px;
	font-family: -apple-system,'Segoe UI symbol',serif;
	margin-left: 0;
	padding-left: 5px;
	color: blue;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

.CJK {
	font-size:calc(24px + 0.1vw);
	color: black;
}
.fraction {
		letter-spacing: -0.1em;
}
p.defcontents {
	text-indent:0;
	margin:0;
}

.first {
	padding-top: 1em;
}

p.footnote {
	font-size:0.8rem;
	text-indent: -1em;
	padding-top:0.5em;
	padding-left: 1em;
	max-width:65.02em;

}
p.footnote-more {
	font-size:0.8rem;
	text-indent: 0; 
	padding-top:0.5em;
	padding-left: 1em;
	max-width:65.02em;
}

p.cite {
text-indent:0;
font-size:0.8rem;
line-height:1.47em;
max-width:65.02em;
margin:1em auto 0.1em auto;
}

p.citecmt {
text-indent:2em;
font-size:0.8rem;
line-height:1.47em;
max-width:65.02em;
margin:0.1em auto 1em auto;
padding-left:5em;
}
p.ftncite {
	font-size:80%;
	max-width:59.4em;
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.2em;
margin:1em auto 0.1em auto;

}
p.centered {
text-indent:0;
text-align:center;
}

p.note {
font-size:110%;
line-height:1.5;
}

p.backto {
text-align:center;
font-size:18px;     /* */
line-height:23px;
text-indent:0;
}

p.URLrecommended {
	text-align:center;
	margin-bottom:20px;
	max-width: 92vw;
}

li {
	font-size:1em;
	line-height:1.5em;
	font-weight:normal;
	max-width:50em;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
}
div.respform {
	position:relative;
	display:block;
	width: 95%;
	max-width:42em;
	margin-right:auto;
	margin-left:auto;
}

/* BEGIN links */

a:link {
	color: #3333FF;
	text-decoration-line: underline;
	text-decoration-color:  #3333FF;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
}
a:visited {
	color: #CC3300;
	text-decoration-color: #CC3300;
}
a:hover, a:focus {
	cursor:pointer;
	text-decoration-color: black;
	background-color: yellow;
	outline: blue dashed 2px;
	outline-offset:2px;
}

a:active {
	position:relative;
	top:1px;
	left:1px;
}

/* below temporary kludge for yelo bar problem, remove when new modal ready  */

div.modalDialog  a:focus  {background-color:transparent; outline: none; } 


button:hover, button:focus {
	cursor:pointer;
	text-decoration-color: black;
	background-color:yellow;
	outline-color: blue;
}
.transbtn  {   /* added Friday 29 April 2022 */
	background-color:transparent;
	border: none;
}

img.inline_icon {
	position: relative;
	background-color: transparent;
	width:1rem;
	height:1rem;
}
img.inline_icon:focus {
	background-color: yellow;
	outline-color:blue;
	cursor:pointer;
	text-decoration-color: black;
	outline: blue dashed 2px;
	outline-offset:2px;

}


/* BEGIN images **************** */

/* new Top Right Image for mobile. Insert div and img after logo, before H1 */
div.MobileTRI {
		float: right;
		max-width: 512px; /*these 2 lines are replaced by a style in the head */
		width:50%; /* set max-width to image width, and width as appropriate */
		height: auto;
		display:block;
		padding-left:5px;
}
img.MobTRI {
		width:100%;
		height:auto;
		position:relative;
		float:right;

}

div.fotoleft {
float:left;
margin-right:0.5em;
position:relative;
}
p.fotoL {
text-indent:0;
border-style:none;
margin:6px 10px 0 0;
padding-left:5px;
}

div.fotoright {
float:right;
margin-left:0.5em;
position:relative;
}
p.fotoR {
text-indent:0;
border-style:none;
margin:0;
padding:0;
}

div.fotocenter {
width: 100%;
margin:0 auto 0 auto;
padding-top:4px;
}
p.fotoC {
text-indent:0;
text-align:center;
border-style:none;
width: 100%;
max-width:50rem;
margin:0 auto 0 auto;
padding:0;
}

p.fotocredit {
position:relative;
width:100%;
text-indent:0;
text-align:right;  /* default */
font-size:40%;
line-height:1.3;
margin:0 0 5px 0;
}

p.fotocreditR {
position:relative;
max-width:100%;
text-indent:0;
text-align:right; /* sets a default */
font-size:50%;
line-height:1em;
margin:0;
}
p.fotocaption {
position:relative;
width:100%;
text-indent:0;
text-align:center; /* sets a default */
font-size:85%;
line-height:1.1em;
margin:0 0 5px 0;
}
p.fcR {  /* this and 2 below appended to fotocaption and fotocredit */
	text-align:right;
}
p.fcL {
	text-align:left;
	padding-left:5px;  /* to match p.fotoL */
}
p.fcC {
	text-align:center;
	max-width:50rem;
}
/* ************** begin centered image for mobile */
div.mFotoCenter {
	width:100%;
	padding-top:4px;
}

/* max-width: 50rem is handled by p style */

p.mFotoC {
	text-indent:0;
	text-align:center;
	border-style:none;
	margin:0 auto 0 auto;
	padding:0;
}
 /* qualify mFotoC */
.mfcFullPlus {	max-width: 92%; }
.mfcFull { max-width: 50rem; }
.mfc34 { max-width: 37rem; }
.mfcHalf { max-width: 25rem; }
.mfcQtr { max-width: 12rem; }
.mfc8th { max-width: 6rem; }

div.mFotoCenter img {
	display:block;
	width:100%;
	height:auto;
}
div.mFotoCenter img.sidebyside {
	display:inline-block;
	height:25vh;
	width:auto;
}

p.mFotoCaption {
	width:100%;
	text-indent:0;
	text-align:center;
	font-size:90%;
	line-height:1.1em;
	padding-top:3px;
	margin:0 auto 5px auto;
}
p.mFotoCredit {
	position: relative;
	display:block;
	text-indent:0;
	text-align:right;
	font-size:70%;
	line-height:1.1em;
	padding:0;
}
/* END centered image for mobile */

div.mFotoRight {
	float: right;
}

div.mFotoRight img {
	display:block;
	width:100%;
	height:auto;
}

p.mFotoR {
text-indent:0;
border-style:none;
padding:0;
}

.mfr10m {
	width: 10em;
	max-width: 33vw;
	height: auto;
}
/* END IMAGES ******************************** */

div.matchup {
	position:relative;
}
p.rubric {
	position:absolute;
	top:0;
	margin-right:80%;
	font-size: 0.7em;
	line-height:100%;
	text-indent:10px;
	color:maroon;
}
p.STC {
	position:relative;
	margin-left:20%;
	margin-top:0;
	padding-top:0;
	font-size: 0.95em;   /* */
	line-height:1.3em;
	text-indent:2em;
}
p.STCctr {
	position:relative;
	margin-left:20%;
	margin-top:0;
	padding-top:0;
	font-size: 0.95em;   /* */
	line-height:1.3em;
	text-indent:0;
	text-align:center;
}
p.STCnoind {
	position:relative;
	margin-left:20%;
	margin-top:0;
	padding-top:0;
	font-size: 0.95em;     /* */
	line-height:1.3em;
	text-indent:0;
}
/* BEGIN basic table */

td.l,th.l {
	text-align: left;
}
td.r, th.r {
	text-align:right;
}
td.c,th.c {
	text-align:center;
}

table.reg {
display:table;
text-align:center;
border-spacing:2px;
border-collapse:separate;
background-color:#FFF;
caption-side:top;
border-color:#000;
border-style:solid;
border-width:1px;
margin:6px auto;
max-width:95%;
}

table.reg caption {
display:table-caption;
caption-side:top;
margin-top:2rem;
margin-left:auto;
margin-right:auto;
font-size:100%;
line-height:1.4;
font-weight:700;
}


table.reg th, table.reg td, table.tleft th, table.tleft td {
background-color:#FFF;
border-color:gray;
border-style:inset;
border-width:1px;
padding:0.3em;
}

table.tleft {
float:left;
border-spacing:1px;
border-collapse:separate;
background-color:#FFF;
caption-side:top;
border-color:#000;
border-style:solid;
border-width:1px;
margin:6px auto;
}
table.invis {
	border-collapse:collapse;
	margin: 0 auto 0 auto;
	font-size:95.14%;
	max-width:50em;
}
table.invisSrc {
	border-collapse:collapse;
	margin: 0 auto 0 auto;
	font-size:0.8rem;
	max-width:50em;
}
table.invis td, table.invis th, table.invisSrc td, table.invisSrc th {
	padding:0.5em;
}

/* tooltip styles */
  
.tooltip{cursor:default}

a.tooltip{cursor:pointer}

#tooltip,#tooltip_inner {
	border:1px solid;
	border-radius:12px
} 

#tooltip {
	background:#fff;
	border-color:#666;
	display:none;
	font-size:10px;
	padding:1px;
	position:absolute;
	left:-9999px;
	width:200px;
	z-index:9999;
	box-shadow:0 4px 8px #000;
	color:#fff;
}
#tooltip_inner {
	border-color:#ccc;
	padding:10px;
	background-color:#883800;
	background-repeat:repeat;
	background-attachment:scroll;
	background-clip:padding-box;
	background-image:linear-gradient(to bottom,#893900,#D45700)
}
@media screen and (min-width:800px){#tooltip{font-size:12px;width:300px}}

/* BEGIN treatment of primary and secondary source materials. See also .bigcharset  */

p.SrcNum {
text-align: center;
text-indent: 0;
margin: 5px auto 0 auto;
font-weight: 700;
font-size:0.9rem;
line-height: 1.4em;
padding-top:0;
padding-bottom:0;
}
p.SrcTitle {
text-indent:0;
text-align:left;
font-size:0.9rem;    
font-style:italic;
line-height:1.4em;
margin-bottom:0;
padding-bottom:0;
}

p.SrcTxt {
max-width:45em;
text-align:left;
font-size:0.9rem; /*0.769em */
margin: 0.5em auto 0.1em auto;
}

p.srcfootnote{
	text-indent: -1em;
	padding-left: 1em;
}

li.SrcLi {
max-width:45em;
text-align:left;
text-indent:0;
font-size:0.9rem;
line-height: calc(1ex / 0.38);
margin: 0.3em auto 0.1em auto;

}
p.SrcTxtCentered {
max-width:45em;
text-align: center;
text-indent: 0;
font-size:95%;
line-height:1.4;
margin: 1em auto 1em auto;
}
p.SrcTxtNoInd {
max-width:45em;
text-align:left;
text-indent:0;
font-size:0.9rem;
line-height:1.4;
padding-bottom:2px;
padding-top:2px;
margin: 1em auto 0.1em auto;
}

span.SrcTxtRomNum {
font-family:Georgia,Times,serif;
font-size:80%;
font-weight:600;
}

p.SrcTrans {
text-align:left;
font-size:0.9rem;
font-family: Georgia,'Times New Roman', Times, serif;
margin-top:2px;
padding-bottom:2px;
max-width:45em;
margin-left:auto;
margin-right:auto;
}

ul.STrans {
	max-width:45em;
margin-left:auto;
margin-right:auto;
font-family: Georgia,'Times New Roman', Times, serif;
font-size:0.9rem;
	font-weight:normal;
	padding-left:1em;
	padding-right:1em;
}

.SrcTransCentered {
text-align:center;
padding-bottom:2px;
font-size:0.9rem;
line-height:1.3;
margin-top:2px;
max-width:45em;
margin-left:auto;
margin-right:auto;
}
p.SrcCmtSub {
text-indent:0;
text-align:center;
margin-bottom:0;
padding-bottom:0;
padding-top:3px;
font-family: Georgia, serif;
font-style:italic;
line-height:100%;
}

p.SrcRef {
text-align:left;
text-indent:0;
font-size:85%;
line-height:1.3;
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}

div.SrcQT {
font-size:85%;
margin:10px 50px 10px 50px;
}

p.SrcCite {
font-size:0.9rem;
text-indent:0;
width: 50%;
max-width: 35em;
padding-left: 0;
margin-bottom:2em;
margin-left: 50%;
}
p.SrcCmt {
	text-align: left;
	font-size: 95.14%;
line-height: calc(1ex / 0.32);	
margin-top: 0;
	margin-bottom: 2px;
	padding-bottom: 2px;
	max-width: 50em;
	margin-left:auto;
	margin-right:auto;
}

table.SrcTable {   /* try table.invisSrc */
	max-width:45em;
	margin-left:auto;
	margin-right:auto;
	font-size:95%;
}


/* END treatment of source materials ************* */

p.copyright {
	text-align:center;
	font-size: calc(16px + 0.02vw); /* was 0.592em; */
	line-height:1.2;
	text-indent:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

p.aboutdisclaimer {
font-size:x-small;
}


dt.col2 {
padding-top:10px;
}

/* BEGIN classes for utable chart symbol on ordinary units pages */

a.utbla:visited img {   /*2 Apr 2014, only works in IE11 */
background:maroon none;
}

a.utbla:hover img {
background:blue none;
}

img.chart {
border:0;
vertical-align:bottom;
}

img.chart:hover {color:blue;}

/* END treatment of chart symbol */

/* BEGIN systems of units charts classes */

div.UTBLdiv {
width:95%;
text-align:center;
}

table.utable {
display:table;
margin-right:auto;
margin-left:auto;
margin-bottom:1em;
margin-top:1em;
border-collapse:collapse;
border-spacing:0;
text-align:center;
border-style:none;
}
table.utable th, table.utable td {
border-style:none;
}
table.utable td {
padding:0;
}
table.nxtatable {
	margin-bottom:3em;
}
p.tablebtmcmt {
	margin-bottom:3em;
}

p.utblhead {
text-indent:0;
text-align:left;
font-size:100%;
font-weight:700;
padding-bottom:0;
margin:0;
padding-left:0;
}

th.rowlbl {
text-indent:0;
text-align:right;
font-size:100%;
line-height:100%;
width:auto;
margin-right:1em;
color:darkgreen;
padding-right:0.5em;
}

p.utblname {
text-indent:0;
text-align:right;
font-size:100%;
line-height:100%;
width:auto;
margin:0;
padding-top:0;
padding-right:0.3em;
padding-bottom:0;
padding-left:0;
}
p.ubig {   /* added to the rightmost, uppermost utblname, fixes padding */
	padding-right:0;
	padding-bottom:0.3em;
	padding-left:0.3em;
}
p.utbl {
text-indent:0;
text-align:right;
border-left:thin solid #000;
border-top:thin solid #000;
font-size:100%;
width:auto;
margin:0;
padding-top:0;
padding-right:0.3em;
padding-bottom:0;
padding-left:0.3em;
}
.undline {
	text-decoration:underline;
}
	 
p.ucentxt {
	text-align:center;
}
.urt {
	border-right:thin solid #000;
}

.ubtm {
	border-bottom:thin solid #000;
}

.ucrnr {
	border-right:thin solid #000;
	border-bottom:thin solid #000;
}

p.utblcnv {  /* conversion cells -------- */
text-indent:0;
text-align:center;
border-left:thin solid green;
border-top:thin solid green;
font-size:100%;
color:green;
background:#FFF none;
width:auto;
margin:0;
padding-top:0;
padding-right:0.3em;
padding-bottom:0;
padding-left:0.3em;
}

p.ucalcval {
	color:white;
	background-color:green;
}

/* necessary for searchhi.js highlight */
.searchword {         
	background-color:#FFFF00;
}
/* END UTABLE stuff ************************************** */

/* BEGIN AdSense stuff ************************************ */

div.googad, div.googad2, div.googad3 {
position: relative;
display: inline-block;
width:100%;
margin-top:1em;
}
div.centerGoog {
	position:relative;
	margin: 0 auto 0 auto;
}

/* END AdSense stuff **************************** */

abbr {  
border:none;
color:#05f;
cursor:help;                                                                                                                                                                           
}

/* BEGIN spans in units pages */

.bigcharset {
	font-family: 'Arial Unicode MS','Lucida Grande','Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
	letter-spacing:1px;
}
.greek {
font-family: 'Palatino Linotype','New Athena Unicode', 'Lucida Grande',Cardo,Gentium, serif;
}
.Akkadian {  /* cuneiform */
font-family: 'Segoe UI Historic','Akkadian','Noto Sans Cuneiform','Noto Sans Sumero-Akkadian Cuneiform';
/* add lang="und-Xsux" to the span */
}
span.coptic {
		font-family: Antinoou,ArialCoptic,"New Athena Unicode",sans-serif;
}

span.arabic {
font-family:Tahoma,'Lucida Sans Unicode','Arial Unicode MS', sans-serif;
font-style:italic;
direction:rtl;
}
span.arabicH {
font-family:Tahoma, 'Lucida Sans Unicode','Arial Unicode MS',sans-serif;
direction:rtl;
}
span.Burmese {
	font-family: Padauk-book,sans-serif;
}


span.hebrew {
font-family:Tahoma,'Lucida Sans Unicode','Arial Unicode MS',sans-serif;
font-style:italic;
direction:rtl;
}
span.hebrewH {
font-family:Tahoma,'Lucida Sans Unicode','Arial Unicode MS',sans-serif;
direction:rtl;
}
span.hebrew2 {
	font-family:'Noto Serif Hebrew', serif;
	font-style:normal;
	direction:ltr;
}
span.ital {
	font-style:italic;
}

.date {
font-family:Georgia,'Times New Roman',serif;
font-style:italic;
}
img.cuneiform {
	display: inline-block;
	height:1em;
}
span.RomanNum {
font-variant:small-caps;
font-family:'Palatino Linotype', 'Times New Roman', Times-Roman, Georgia, serif;
}

span.era,span.sc {
font-variant:small-caps;
}
span.altspell {
	background-color: #EEFFD4;
	color: #990000;
}
span.altRom {
	background-color: #EEFFD4;
	color: #900;
}
span.synonym {
background:#EEFFD4 none;
color:#900;
}
span.redbold{
	font-weight: bold;
	color:red;
}
span.newterm {
background: #EEFFD4 none;
color:#A22020;
font-weight:600;
}

iframe.noscroll {
	overflow:hidden;
}
/* BEGIN BOTTOM NAV BAR STUFF */

table#btmnavbar {
display:table;
padding-top:20px;
width:100%;
clear:both;
border-style:none;
margin:20px 0 10px;
}

table#btmnavbar td {
display:table-cell;
text-align:center;
vertical-align:middle;
line-height:1em;
font-size:100%;
padding-top:0;
padding-bottom:0;
margin:0;
}

#btmnavbar td a:link,#btmnavbar a:visited {
background:transparent;
display:block;
margin:0;
}

#btmnavbar td a:hover {
color:#000;
background:#FF0 none;
}

p.bnbstacked {
text-indent:0;
text-align:center;
line-height:1.1em;
font-size:40%;
padding-top:0;
padding-bottom:0;
margin:0;
}

img.env {
	border-style:none;
	vertical-align:middle;
}
/* April 2013 new bottom navigation bar */

div.btmnavbar2 {
position:relative;
display:block;
clear:both;
width:100%;
margin-top:30px
}

p.ni {
font-size:100%;
text-align:center;
max-width:92%;
text-indent:0;
padding-top:0;
padding-bottom:0;
margin-left:auto;
margin-right:auto;
}

p.ni a:link  { 
text-decoration:none;
background:transparent;
margin:0;
color:blue
}
/*
p.ni a:visited {
text-decoration:none;
background:transparent;
margin:0;
color:#CC3300;
}

p.ni a:hover {
color:#000;
background:#FF0 none
}
*/


img.env2 {
	border-style:none;
	vertical-align:bottom;
}
span.hidewhensmall { display: none; }

.rwd-break { display: inline-block; }

/* April 2021 new bottom nav bar.  nov 6 del -10px margin ***************/

div.btmnavbar3 {
    position:relative;
    clear:both;
    width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: baseline;
	align-content: center;
	padding: 1rem 10px 10px 10px;
}

div.item {
	flex: 0 1 content;
	align-self: flex-start;
	margin-bottom:10px;
}

p.BNB3 {            
	font-size: 100%;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	text-indent: 0;
	text-align: center;
	border-style:solid;
	border-width: 5px;
	border-radius: 15px;
	border-color: green;
	width:100%;
}
div.flexwrapper1 {
	position:relative;
    clear:both;
    width:98%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: baseline;
	align-content: center;
}
div.flexwrapper-rt {
	justify-content: right;
}
/* key values layouts ***************** */

dl {
	font-size:1rem;
	max-width: 48rem;
	margin: 0 auto 2rem auto;
}
dt {
	font-size:1rem;
	font-weight:600;
	max-width: 48rem;
	padding-left:1rem;
	padding-right:1rem;
	line-height:1rem;
}
dt::after {
    content: ":";
  }

dd {
	font-size:1rem;
	margin-bottom:0.5rem;
	text-indent: 3rem;
	line-height: calc(1ex / 0.32); 
}


p.scriptwarn, span.warning {
color:#DF0901;
font-weight:bold;
background-color:white;
}

img.globe,img.noborder,a.utbla img {
border-style:none;
vertical-align: middle;
}
/* BEGIN MODAL MAPS &c e.g., noabout ************ */

.modalDialog {         /* creates the overlay */
	position: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999; 
	opacity: 0;
	transition:  opacity 400ms ease-in;
	pointer-events: none; 
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div { 
	width:45em;
	max-width: 90vw;  
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: black;
}

.modalDialog .close {
	position: relative;
	display: block;
}

.modalDialog .close::after { /* creates the dismiss x */
	right: -12px;
	top: -10px;
	width: 24px;
	position: absolute;
	z-index: 1200;
	content:"X";
	text-align: center;
	line-height: 25px;
	background: white;
	color: black;
	border-radius: 12px;
	box-shadow: 1px 1px 3px #000;
	border-style: double; 
	border-width: 3px; 
	text-decoration: none;
	font-weight: bold;   
}

.modalDialog .close::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(112,194,194,0.3);
	background: hsla(180,40%,60%,0.3); 
	z-index: 900;
	content: "";
	cursor: default;
}

div.modalDialog  a.close {background-color:transparent; outline: none;}

p.mdimg {
	text-indent:0;
	text-align:center;
	height:10em;
	padding:0;
}

img.modalmap {
	display:inline-block;
	max-width:100%; /*added max */
	height:auto;
/*	object-fit: contain; */
}
p.maptitle {
	font-size: 24px;
	color: red;
	background: black;
	text-indent: 0;
	text-align: center;
}
div.modalDialog p.text {
	color: white;
}
.visuallyhidden { /* from HTML5 boilerplate. Used for aria stuff, e.g.,  in globe button  */
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* END MODAL MAPS, ETC ******** */


/*  NEW TAKE ON DIALOG ELEMENT 4 June 2022  **/

dialog {
	width:45rem;
	max-width: 90vw;  
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background-color: black;
	overflow: hidden;
}

dialog::backdrop {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(112,194,194,0.3);
	background: hsla(180,40%,60%,0.3); 
	z-index: 900;
	content: "";
	cursor: default;
}

p.whitetxt {
	color: white;
}
p.closex {
	position: relative; 
	text-align: right;
	margin: 0 0 0 0;
	padding: 0;
	width: 45rem; 
	line-height: 25px;
}

button.thex	{
	position: relative;
	width: 4rem;
	padding-right:4rem;
	z-index: 1200;
	content:"close";
	text-align: center;
	line-height: 25px;
	background: white;
	color: black;
	border-radius: 12px;
	box-shadow: 1px 1px 3px #000;
	border-style: double; 
	border-width: 3px; 
	text-decoration: none;
	font-weight: bold;   
}

div.map-container {
	position: relative;
	display:block;
    width:100%;
	max-width: 90vw;
	height: auto;
    overflow: hidden;
}

div.map-container img {
	position: absolute;
	display:block;
    top: 0;
    left: 0;
    width: 100%; 
    height: auto; 
}

div.map-container img.portrait {
	position: relative;
	display:inline;
    height: 50vh;
    object-fit: contain;
    object-position: 50% 50%;
}


/* BEGIN "ABOUT" PAGE STUFF ************************* */

div.ABT {
    position:relative;
    clear:both;
    margin-top: 30px;
    margin-bottom: 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: center;
}

p.ABTdate {
	flex: 0 0 6em;
	align-self: flex-start;
	text-indent:0;
    font-family:Georgia,'Times New Roman',serif;
    font-style:italic;
    margin:0 0 0 0;
}

.ABTcmt {
	flex: 0 1 content;
	align-self: flex-start;
    margin:0 0 0 0;
}

div.ABTcmt p {
	display:block;
}
/* END OF about PAGE TAGS */

/* wrap very long string (e.g., a url) for mobile viewport. From css-tricks & Ben */

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
/* end dont break out */

@media screen and (min-width: 801px) { 


/* body { font-size:110%;  } */

p.ni { font-size:80%; 

  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

@media screen and (min-width: 801px) { 


/* body { font-size:110%;  } */

p.ni { font-size:80%; }

span.hidewhensmall { display: inline; }

.notInSmall { display: inline; }

.rwd-break { display: none; }
	

}