@import 'webfonts.css';
@import 'mathfonts.css';
html {
	min-height:100%; margin:0; padding:0; 
	background:#eee linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)) fixed; color:#333;
	font:400 1em/1.6 opensans,sans-serif;
	}
body {max-width:1600px; min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; grid-template-columns:100%; margin:0 auto; padding:0; background:#f5f5f5;}

/*** fonts */
article {font:400 1em/1.9 merriweather,serif}
h1, h2, h3, h4, h5, figure, aside, table.data, caption, #jumpTo, #repop, .warn11, .login11, .info11, .author, .inote, .inote2, .cnote, .loc, p.date, .hist11 {font-family:opensans,sans-serif;}
code, pre {font:normal 0.9em consolas,"courier new",monospace !important;}

h1 {font-size:2.0em; font-weight:700; line-height:1.33;}
h2 {font-size:1.5em; font-weight:700; line-height:1.33; margin:1.5em 0 0.5rem;}
h3 {font-size:1.2em; font-weight:700; line-height:1.33; margin:1.5em 0 0.5rem;}
h4 {font-size:1.0em; font-weight:700; line-height:1.33; margin:1.5em 0 0.5rem;}

small, .small {font-size:0.8em; line-height:1.4;}

p {margin:1em 0;}
h2+h3, h3+h4, h2+p, h3+p, h4+p {margin-top:0;}

table {border-collapse:collapse; border:none;}
td {vertical-align:top; border:none;}

ul, ol {margin-top:1em; margin-bottom:1.75em; padding-left:4vw;}
li, li p, li ul, li ol {margin-top:0.5em; margin-bottom:0.5em;}
ul>li {list-style-type:disc;}
ul ul>li {list-style-type:circle;}
ul ul ul>li {list-style-type:square;}
ul ul ul ul>li {list-style-type:disc;}
ul.plain {margin-left:0; padding-left:0;} 
ul.plain>li {list-style-type:none;}
ul.plain ul>li {list-style-type:disc;}
ul.plain ul ul>li {list-style-type:circle;}
ul.plain ul ul ul>li {list-style-type:square;}
sup, sub {vertical-align:baseline; position:relative;}
sup {top:-0.4em;} sub {top:0.4em;}
ol.alpha li {list-style-type:lower-alpha;}
ol.roman li {list-style-type:lower-roman;}
blockquote {margin:1em 4em;}
abbr {cursor:help;}

/*** links */
a {text-decoration:none; transition:color 1s;}
p:hover a, li:hover a, table:hover a {text-decoration:underline;}
a:link {color:#369;} a:visited {color:#699;}
a:hover, a:active, a:focus {color:#c33; text-decoration:underline;}

/*** images */
img, a img {border:none;}
td img, th img {vertical-align:middle;}
img.mailicon {width:12px; height:8px;}
img.sBtn {margin:0; width:90px; height:30px;}
img.r {float:right; margin:0 0 5px 20px;}

/*** flexboxes */
.fxcon {display:flex; flex-direction:row; justify-content:center; align-items:stretch; flex-wrap:wrap;}
.flex {flex:1 400px}
.flex2 {flex:1 100px;}

/*** widths */
.w100 {width:100%;} .w90 {width:90%;} .w80 {width:80%;} .w70 {width:70%;} .w60 {width:60%;} .w50 {width:50%;}

/*** misc */
.xwrap {max-width:100%; overflow-x:auto;} 
.xwrap .data, .xwrap .data caption {margin-top:0;}
ul.marx li {list-style: square url(img/ul_bul.gif);}
.red {color:#c00 !important;}
.fad {color:#999 !important;}
.indt {margin-left:40px;}
.str {text-decoration:line-through;}
.lft {text-align:left !important;}
.ctr {text-align:center !important;}
.rt {text-align:right !important;}
.nwrp {white-space:nowrap;}
.hide {display:none;}
.holdy {overflow:auto;}

/*** forms */
form {margin:0; padding:0;}
fieldset {display:block; position:relative; margin:0 0 50px; padding:30px 4vw; border:solid 1px #ddd; border-radius:4px;}
legend {
	position:absolute; top:-24px; left:50px; margin:5px 0 5px; padding:4px 4vw 4px 2vw; border-radius:4px;
	background-color:#399; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(225,225,225,0.2), rgba(225,225,225,0));
	color:#fff; font-size:1.15em; line-height:1.5; font-weight:400;
	}
legend+table {margin-top:1em;}
fieldset:hover {border-color:#bbb;}
fieldset:hover input[type=submit], section:hover input[type=submit] {background-color:#ffd;}
fieldset .inote {margin-left:-4vw; margin-right:-4vw; padding-left:4vw; padding-right:4vw;}
input, select, textarea {
	margin:4px 2px; padding:4px; border:solid 1px #ddd; color:#000; background:#f5f5f5; 
	font:400 1em/normal consolas,"courier new",monospace;
	transition:background-color 1s;
	}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {background:#ffd; border-color:#bbb;}
input[type=submit], input[type=button] {
	padding:6px 4rem; background-color:#fff; box-shadow:inset 0 0 6px #eee;
	font-weight:600; font-family:inherit; cursor:pointer;
 	}
input[type=submit]:hover, input[type=button]:hover {background-color:#ffd; color:#600;}
input[type=radio], input[type=checkbox] {margin:0 4px; padding:0; border:none; background:transparent; vertical-align:middle;}
.form10, .form20 {box-sizing:border-box;}
.form10 td, .form20 td {vertical-align:middle;}
.form20 input {width:calc(100% - 6px); max-width:24em;}
.form20 select {width:calc(100% - 6px); max-width:24em;}
.form10 input[type=text], .form10 input[type=password] {width:calc(100% - 6px); max-width:12em;}
.form20 input[type=submit], .form20 input[type=checkbox], .form20 input[type=radio], .form10 input[type=submit], .form10 input[type=checkbox], .form10 input[type=radio] {width:auto;}
.form20 label, .form10 label {display:block; padding:0 4px; text-align:right;}
.form20 tr:hover .fad, .form10 tr:hover .fad {color:#333 !important;}

/*** notes */
.warn11, .login11, .info11 {border:solid 1px #ddd; box-shadow:inset 0 0 12px #eee; font-size:0.9rem; line-height:1.5;}
.warn11 {padding:17px 30px 17px 95px; background:#f5f5f5 url(img/11warn.png) no-repeat 20px 50%;}
.info11 {padding:17px 30px 17px 95px; background:#f5f5f5 url(img/11info.png) no-repeat 25px 50%;}
.login11 {position:relative; padding:15px 30px 15px 80px; background:#f5f5f5 url(img/login.png) no-repeat 20px 50%;}
a.i-login {display:block; position:absolute; width:75px; left:0; top:0; bottom:0;}
.author {line-height:1.4;}
.inote, .inote2, .loc, p.date {color:#666; font-size:0.9em; line-height:1.4;}
.inote {padding:1.5em; background-color:#fff; background-image:linear-gradient(to bottom right, rgba(0,0,0,0), rgba(0,0,0,0.05)); border:solid 1px #ccc; border-radius:2px;}
.loc {margin:0; padding:1.5em 45px;}
p.date::before {content:"Posted on ";}
span.date {color:#333; font-size:0.9em; font-weight:600;}
.hist11 {min-height:40px; margin:0; padding:33px 80px 33px 170px; background-color:#eee; background:url(img/history.png) no-repeat 80px 50%, linear-gradient(to right, #eee, #eee 33%, #fff);}
article .hist11 {margin-left:-4vw; margin-right:-4vw;}

/**** header */
header {margin:0; padding:0; color:#fff; background:#399;}
header #hpanel {background-image:url(img/h_100.svg), url(img/h_104.jpg); background-repeat:no-repeat, no-repeat; background-position:left 50%, left 50%; background-size:221px auto, 221px auto; position:relative;}
#news header #hpanel {background-image:url(img/h_100.svg), url(img/h_news.jpg);}
#dir header #hpanel {background-image:url(img/h_100.svg), url(img/h_dir.jpg);}
#std header #hpanel {background-image:url(img/h_100.svg), url(img/h_stds.jpg);}
#links header #hpanel {background-image:url(img/h_100.svg), url(img/h_links.jpg);}
#tech header #hpanel {background-image:url(img/h_100.svg), url(img/h_tech.jpg);}
#tg header #hpanel {background-image:url(img/h_100.svg), url(img/h_tg100.jpg);}
#home header #hpanel {background:transparent url(photo/head14.jpg) no-repeat 0 70%; background-size:cover;}

#tMenu {margin:0; padding:0 2vw; background:rgba(0,0,0,0.66); font-weight:400; font-size:1rem; line-height:1;}
#tMenu ul {display:flex; flex-direction:row; justify-content:start; align-items:center; flex-wrap:wrap; margin:0; padding:0.4rem 0;}
#tMenu li {display:inline-block; flex:0 auto; list-style:none; margin:0; padding:0.5rem calc(0.3rem + 1vw);}
#tMenu li.searchli {flex:1 auto; margin:0; padding-top:0; padding-bottom:0;}
form.searchbox {width:100%;}
form.searchbox #query {display:inline-block; height:1rem; width:calc(100% - 3rem); margin:0; padding:0.5rem 2.5rem 0.5rem 0.5rem; border:none; background:transparent url(img/search4.svg) calc(100% - 0.5rem) 61% no-repeat; background-size:1.2rem; text-align:right; color:#888; font-family:inherit; line-height:1; cursor:pointer; transition: color 1s;}
form.searchbox #query:hover {color:#fff;}
form.searchbox #query:focus {color:#fff; background-color:#666; border-radius:4px; outline:none; text-align:left; cursor:auto;}
#tMenu a {text-decoration:none;}
#tMenu a:link, #tMenu a:visited {color:#fff; text-decoration:none;}
#tMenu a:hover, #tMenu a:active {color:red;}
#tMenu a.here:link, #tMenu a.here:visited {color:#fc0;}
#tMenu a.here:hover, #tMenu a.here:active {color:#ffc;}

#hMenu {position:absolute; right:20px; top:6px; bottom:6px; margin:0; text-align:right; line-height:normal;}
#hMenu img.netLogo {margin:0 5px; vertical-align:middle; height:33px; width:auto;}
#hMenu, #dnForm {font-size:0.9em;}
#hMenu a:link, #hMenu a:visited {color:#fc0;}
#hMenu a:hover, #hMenu a:active {color:#ffc;}
#dnForm {position:absolute; right:20px; bottom:10px;}
#dnForm label {vertical-align:middle;}
#dnForm input {box-sizing:content-box; height:28px; padding:0 10px; vertical-align:middle; border:none; font:inherit; font-weight:400; line-height:normal;}
#dnForm input[type=text] {margin:0 0 0 6px; background:#ccc;}
#dnForm input[type=submit] {margin:0; background:#333; border-radius:0; box-shadow:none; color:#fff;}

header h1, header #crumb2 {margin:0; padding:2rem 8vw; line-height:normal; text-shadow:-1px -1px 0 #399, 1px -1px 0 #399, -1px 1px 0 #399, 1px 1px 0 #399;}
#home header h1 {min-height:12rem; max-width:400px; margin:0 8vw; padding:0; background:transparent url(img/dnlogo_hb.svg) no-repeat 0 50%; background-size:contain;}
#home header h1 span {display:none;}
header #crumb2 {color:#eee; font-size:2rem; font-weight:600;}
header p.tag {position:absolute; left:8vw; right:20px; bottom:4px; white-space:nowrap; overflow:hidden; margin:0; padding:0; color:#ccc; text-shadow:0 0 1px #399; font-size:0.8rem; line-height:normal;}
header h1 a {color:#fff; text-decoration:none;} header h1 a:hover {color:#ffc; text-decoration:none;}
#crumb2 a, #crumb2 a:link, #crumb2 a:visited {color:#ddd; text-decoration:none;}
#crumb2 a:hover, #crumb2 a:active {color:#ffc; text-decoration:none;}

#conMenu {margin:-2rem 0 0; padding-left:8vw;}
#conMenu ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:2vw; margin:0; padding:0; color:#fff; line-height:1;}
#conMenu li {flex:0 max-content; margin:0; padding:8px 2vw 8px 0; list-style-type:none;}
#conMenu li.here2 {padding-bottom:2px; border-bottom: solid 4px red;}
#conMenu li a {color:#fc0;}
#conMenu li.here2 a {color:#ddd;}
#conMenu li:hover a {color:#ffc; text-decoration:none;}

/**** main */
main {margin:0; padding:0;}
main:not(.fxcon) {background-color:#fff;}
main b {color:#000; font-weight:600;}
main h1, main h2, main h3, main h4, main h5 {color:#000;}

div.ad {width:100%; padding:0; vertical-align:middle; --ad-margin:20px; overflow-x:auto;}
@media (max-width:728px) {div.ad {--ad-margin:0;}}
main div.ad {border-style:solid; border-color:#ccc; border-width:0 0 1px;}
main div.ad:last-child {border-width:1px 0 0;}
div.ad a, div.ad img {display:block; margin-left:auto; margin-right:auto; width:728px; height:90px;}
div.ad a {margin:var(--ad-margin) auto;}

main fieldset {margin-top:40px; margin-bottom:40px;}

article, #mpanel, .abox {overflow:hidden;} /* no margin collapse (breaks position sticky) */
aside, .abox {margin:0; background:#eee; color:#444; font-size:0.9rem;}
aside {padding:0 4vw 4rem;}
.abox {padding:0 4vw 1rem;} .abox h2 {margin-top:1em;}
article, #mpanel {margin:0; padding:0 4vw 4rem; background:#fff;}
#mpanel>*:first-child {margin-top:2.5rem;}
#mpanel h1, article h1 {margin-top:2.4em; font-size:2.4em;}
#mpanel p:target {background:#ffd;}

div.sharx {width:81px; height:41px; margin:-10px 0 0.5rem 1rem; float:right;}
div.sharx a {display:inline-block; width:38px; height:38px; border: 1px solid #eee; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat;}
div.sharx a+a {border-left-width:0;}
div.sharx a.twit {background-image: url(img/twitter.svg); background-size:45%;}
div.sharx a.lnkn {background-image: url(img/linkedin.svg); background-size:35%;}
div.sharx a:hover {background-color:#f5f5f5;}

section {margin-bottom:4rem; padding:0;}
section.notitle {padding-top:25px}
section.shd {margin:0 -4vw 25px; padding:25px 4vw 25px;}
section.shd h2:first-child {margin-top:0;}
section h2:target, section h3:target {margin-left:-4vw; margin-right:-4vw; padding-left:4vw; padding-right:4vw; background:#ffd;}
section dt:target {background:#ffd;}
section .abox, section aside {margin:0 0 0 -4vw;}
#mpanel>dl, section>dl {margin:0 0 40px -4vw;}
.shd, div.ad, .navbox {background:linear-gradient(to right, #eee, #eee 33%, #fff);}

article blockquote {margin-left:2vw; padding-left:2vw; margin-right:4vw; border-left:solid 2px #ccc; line-height:1.4;}

dt {margin:1em 0 0; padding:10px 2vw 10px 4vw; background:#eee; font-size:1.2rem; font-weight:400;}
dd {margin:0.5em 2vw 0 7vw;}
dd p {margin-top:0.5em;}

#jumpTo {
	display:block; margin:40px 0 10px; padding:0 0 0 25px; line-height:normal; clear:both;
	background-image: url(img/arrow-fancy.gif), linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.04) 30%, rgba(0,0,0,0) 85%);
	background-repeat:no-repeat, no-repeat;
	background-position: 0 8px, left;
}
#jumpTo li {list-style-type:none; margin:0; padding:0; border-top:solid 1px #ddd;}
#jumpTo > li:last-child {border-bottom:solid 1px #ddd;}
#jumpTo li ul {margin:0; padding-left:40px;}
#jumpTo li a {display:block; padding:9px 12px; text-decoration:none;}
#jumpTo li a:hover {color:#000; background-color:#ffd;}

ul.lnbox {margin:2em 0; padding:0; font-size:1rem;}
ul.lnbox li {margin:2px 0; padding:0; list-style-type:none;}
ul.lnbox a {display:block; padding:1.5em 4vh; background:#ddd linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.7) 85%); text-decoration:none;}

p.initial {margin-top:1.5em;}
p.initial:first-letter {float:left; padding:8px 3px 0 0; font-size:3.8em; font-weight:600; line-height:1;}
p.initial:first-line {font-weight:600;}

/* nav panels */
.navbox {margin:0; padding:0 calc(4vw - 10px); font-size:0.9em; line-height:1.5;}
.navtab {min-width:240px; margin:10px; padding:5px 10px; background:#f5f5f5; border:solid 1px #ddd;}
.navtab h2 {margin:0; padding:5px 0; color:#666; font-size:1.3em;}
ul.flist {margin:0; padding:0;}
ul.flist li {display:inline-block; float:left; margin:0 10px 0 0; padding:0; list-style-type:none; line-height:normal;}

/* side bars */
#rightflx {flex:0 0; margin:0; padding:0 2vw 40px;}
#sideflx {flex:0 240px;  background:#eee; border-right:solid 1px #ccc;}
#rightbar {width:220px; margin:20px auto;}
#sidebar {margin:20px 0 40px;}
.sticky, #sidebar, #rightbar {position:-webkit-sticky; position:sticky; top:0;}

.sbox, .s2box {margin:0 0 15px; overflow:hidden; font-size:0.85em; line-height:1.6;}
#rightbar .sbox {padding:0 20px 25px; background:#eee;}
#sidebar .sbox {padding:0 30px 25px; color:#999;}
.sbox h2, .s2box h2 {color:#666; font-weight:400;}
.sbox h2:first-child, .s2box h2:first-child {margin-top:0.5em;}

.sbox ul {margin-left:20px; padding-left:0;}
.sbox ul.plain {margin-left:0;}
.sbox ul.plain ul {margin-left:20px; padding-left:0;} /* sub-menu */
.sbox input {width:145px; margin:7px auto; border:solid 2px #ddd; border-radius:4px; color:#999; font-size:0.9em;}
.sbox input:focus {color:#000;}
.s2box {padding:0 0 15px; text-align:center;}
.s2box select {display:block; width:150px; margin:auto; border:none; color:#666; font-family:inherit; cursor:pointer;}

#sidebar ul.link {margin:0 -30px; padding-left:0; border-top:solid 1px #ddd; font-size:1.17em; line-height:normal;}
#sidebar ul.link li {list-style:none; margin:0; padding:0;}
#sidebar ul.link li a {display:block; margin:0; padding:10px 30px; border-bottom:solid 1px #ddd; text-decoration:none;}
#sidebar ul.link li a.here {color:#369; background:#ffd;}
#sidebar ul.link li a:hover {background:#fff;}

.vb600, .btn180, .btn125 {display:inline-block; margin:10px 0 20px;}
.vb600 {width:160px; height:600px;}
.btn180 {width:180px; height:150px;}
.btn125 {width:125px; height:125px;}
.logo1 {margin:10px 0 15px; padding:5px; text-align:center; font-size:0.94em;}
.logo1 img {width:100px; height:33px;}

/* directory */
div.bpage {min-height:33px; margin:0 0 15px; padding:0 0 15px; border-bottom:solid 1px #ccc;}
div.bpage p {margin:0 0 0 120px;}
div.bpage img {width:100px; height:33px; float:left;}
div.bpage p a {font-weight:700;}
#blist {min-height:250px; margin-top:6em; padding-bottom:0; position:relative;}
#blist p.cnote {margin:0 -20px; padding:15px 20px; background-color:#ffd; border-bottom:solid 1px #ddd; box-shadow:0 0 6px #eee; font-size:0.9em;
 line-height:1.4;}
#blist p.cnote b {color:#900;}
#blist h2:first-child {margin:0 -20px; padding:10px 20px; border:solid #ddd; border-width:1px 0; color:#666; font-weight:600;}
#blist h2:first-child, #bcrumbs {
	box-shadow:0 0 6px #eee; background-color:#eee;
	background-image: linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%);
}
#bcrumbs {margin:3em -20px; padding:0 20px; border:solid #ddd; border-width:1px 0;} 
#bcrumbs p {margin:0; padding:17px 0;}
#bcrumbs .info2 {font-size:1.1em;}
#bcrumbs .info13 {margin:0 -20px; padding-left:70px; border-bottom:solid 1px #ddd; background:transparent url(img/login.png) no-repeat 20px 50%;}
#bcrumbs a {text-decoration:none;}
#bcrumbs a:hover, #bcrumbs a:active {color:#900;}
table#blist, #blist table {width:100%; margin-top:1em;}
#blist tr {border-bottom:solid 1px #eee;}
#blist tr:last-child {border-bottom:none;}
#blist th, #blist td {padding:12px; vertical-align:top;}
#blist th {color:#666; text-align:right;}
#blist tr td:first-child {padding-left:20px;}

/* figures */
figure {margin:2em 0; color:#033; text-align:center; line-height:normal;}
figure img {display:inline-block; margin:0 10px 10px 0; max-width:100%; height:auto; vertical-align:top;} 
figure object {display:inline-block; margin:0 0 10px 0; max-width:100%;} 
@media screen {figure object {height:auto;}} /* breaks svg printing in ff */
figcaption {margin:0.5em 8vw 0;}
.fNote {margin:0.2em min(5em,5vw) 0; font-style:italic; font-size:0.9em;}
.photo {border:solid 1px #000;}
a[href*=".hires."] {display:inline-block; position:relative;}
a[href*=".hires."]:after {content:url(img/11large.png); position:absolute; right:20px; bottom:10px;}

/* videos */
iframe[src*="youtube.com"] {max-width:100%; border:solid 1px #000;}

/* data tables */
table.data {min-width:50%; margin:1em auto 1.5em; border:solid 1px #399; line-height:normal;}
table.data th, table.data td {border:solid 1px #ddd; padding:3px 6px;}
table.data th {color:#fff; background:#399; font-weight:600;}
table.data th a:link, table.data th a:visited {color:#fc0;}
table.data th a:hover, table.data th a:active {color:#ffc;}
table.data td {color:#000; background:#f5f5f5;}
table.data td.hi, table.data *.hi td {background-color:#eee; text-align:left;} /* obsolete */
table.data td.shd, table.data *.shd td {background-color:#eee;} /* highlight */
table.data td.tUnit, table.data *.tUnit td {color:#fff; background:#399; font-style:italic; text-align:center;}
table.data td.vmid, table.data *.vmid td {vertical-align:middle;}
table.data tr.uline td {border-bottom-width:2px;} /* underline */
table.data td>ul, table.data td>ol {margin-top:0; margin-bottom:0;}
table.data td li {margin:0 0 0.15em 0;}
table.data td.tNote {background:#eee; text-align:left; font-size:0.85rem;}
table.data caption {margin:1em auto;}
table.data td.ind2 {padding-left:2em;}
/* centering */
.s1 td:first-child,
.c1 td, .c2 td+td, .c3 td:not(:nth-child(-n+2)), .c4 td:not(:nth-child(-n+3)),
.e1 td:last-child, .e2 td:nth-last-child(-n+2), .e3 td:nth-last-child(-n+3), .e4 td:nth-last-child(-n+4), .e5 td:nth-last-child(-n+5), .e6 td:nth-last-child(-n+6), .e7 td:nth-last-child(-n+7), .e8 td:nth-last-child(-n+8) {text-align:center;}
.t1 td:last-child, .t2 td:nth-last-child(-n+2) {text-align:left;}

/* equations */
p.eq1 {
	display:grid; grid-template-columns:auto auto; column-gap:2vw; grid-auto-rows:auto; align-items:center; 
	margin:1em 4vw; font-size:1.12em; font-style:italic; font-family:Cambria,XITS,serif; overflow-x:auto; /* mobile scroll */
}
p.eq1 span.p {grid-column:1; margin:5px 0;} /* MS Egde + FF Mac */
p.eq1 span.n {grid-column:2; text-align:right; margin-left:20px; font-weight:normal;}
p.eq1 span.info {margin-left:4em; font-size:0.9em; font-weight:normal;}
p.eqn {margin-left:4vw; text-indent:-4vw; font-size:0.9em;} /* note after */

/* literature references */
cite {color:#666; font-size:0.9em; font-style:normal; line-height:normal; vertical-align:top;}
cite.ref-num {color:#999; font-size:0.85em;}
cite a {text-decoration:none; vertical-align:top;}
div.references p {margin:0 0 1em; padding-left:33px; text-indent:-33px; font-size:0.95em; line-height:1.33;}
div.references {overflow:auto;}

#repop {
	position:fixed; top:45px; left:15px; width:360px; background-color:#fff; padding:15px; 
	border:solid 1px #999; box-shadow:3px 3px 12px #888;
	font-size:0.9em; line-height:1.5; overflow:hidden;
}
#repop h1 {margin:-15px -15px 10px; padding:7px 15px; background:#ddd; font-size:1.1em; font-weight:600;}
#repop h1 a {color:#600; text-decoration:none;}
#repop h1 span {float:right;}
#repop h1:hover, #repop h1:hover a {color:#00a; cursor:pointer;}

/**** footer */
footer {position:relative; padding:0; color:#ddd; background-color:#000; overflow:hidden;}
footer a:link, footer a:visited {color:#fc0;}
footer a:hover, footer a:active  {color:#ffc;}
#loco {margin:0; color:#fff; background:#399; font-size:0.85rem; line-height:normal;}
#loco p::before {content:"Location: "; font-weight:600;}
#loco p {margin:0; padding:0.5rem 1rem;}
#loco a {text-decoration:none;}
#footNote {display:flex; flex-direction:row; justify-content:space-evenly; align-items:start; flex-wrap:wrap; margin:0; padding:24px 2vw; background:#555; font-size:0.9em;}
#footNote > ul {flex:0 15%; min-width:200px; margin:0; padding:0 4vw;}
#footNote li {margin-top:1em; margin-bottom:1em;}
#footNote > ul > li:first-child {margin-top:0;}
#footNote ul ul {padding-left:33px;}
#footNote b {font-weight:600;}
#footBar {display:grid; grid-template-columns:auto; column-gap:2vw; align-items:center; margin:0; padding:20px 4vw;}
#footBar #dnlogo {grid-column:1; display:block; width:121px; max-width:100%; height:22px; background:transparent url(img/dnlogo_hb.svg) no-repeat 0 0; background-size:contain;}
#footBar #copy {grid-column:2; margin:1em 0; padding:0; font-size:0.9rem;
 text-align:center;}

@media print {
	html {min-height:auto; background:#fff; line-height:1.2;}
	body {max-width:none; min-height:auto; display:block; color:#000; background:#fff none !important; border:none;}
	header {border:none; background:#fff none !important; box-shadow:none;}
	header h1 {margin-left:0; padding-left:0; background:#fff none !important; color:#000; font-size:1.6em;}
	header #crumb2 {margin:0 0 1.5em; padding:0 0 0.1em; border-bottom:solid 1pt #000; background:#fff none !important; font-size:1.6em; text-shadow:none;}
	header #crumb2::before {content:"DieselNet: ";}
	header #crumb2, header #crumb2 a:link, header #crumb2 a:visited {color:#000;}
	#home header h1 span {display:inline;}
	.fxcon {display:block;}
	main {max-width:none; display:block; margin-left:0; margin-right:0 !important; padding:0; border:none;}
	main h2 {border:none; padding:0; font-weight:700;}
	main h3 {font-weight:700;}
	main h4 {font-weight:700;}
	main #jumpTo {border:none; background:transparent none;}
	main section {padding:0; border:none; box-shadow:none;}
	main section > h2:first-child {margin-top:1em;}
	article {display:block; margin:0; padding:0;}
	article *:first-child {margin-top:0;}
	#blist, #blist h2:first-child {background:transparent none;}
	ul.lnbox a {box-shadow:none;}
	.inote {margin-left:0; margin-right:0; padding:1em; background:#f5f5f5; border:solid 1px #ccc;}
	figure {break-inside:avoid;}
	table.data tr {break-inside:avoid;}
	table.data, table.data th, table.data td, table.data td.tUnit, table.data tr.tUnit td {color:black; border-color:black;}
	table.data th, table.data td.tUnit, table.data tr.tUnit td, table.data td.hi, table.data td.tNote {background-color:#f0f0f0;}
	table.data td {background:#fff;}
	#tMenu, #hMenu, #conMenu, .tag, .searchli, nav.navbox, div.ad, div.sharx, #rightbar, #repop, .login11, .hist11, footer, .noprt {display:none;}
	}

/* eof */