html { overflow-x: hidden; scroll-behavior: smooth; } .document { min-width: 300px; max-width: 1440px; margin: 0px auto; position: relative; text-align: justify; } a img { outline : none; } img { border: 0; } body { font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: 0.8ex; } .quotes:before { content: "\201C"; } .quotes:after { content: "\201D"; } a:link { color: #ff6600; text-decoration: none; } a:visited { color: #ff6600; } a:hover { color: #ff9900; } a.anchor { display: block; position: relative; top: -60px; visibility: hidden; } .fakeLink { font-size: 10pt; font-weight: bold; color: #000000; } .fakeLink:hover { color: #ff9900; } .disabledLink { font-size: 10pt; font-weight: bold; color: #bbbbbb; } .highlight { color: #ff9900; } .frontPage { width: 100%; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; } .frontPage .background { position: absolute; right: 0px; top: 36px; z-index: -1; opacity: .1; } .frontPage .foreground { position: relative; } .header { position: fixed; width: 100%; height: 58px; background-color: #ff6600; z-index: 1000; } .headerSpacer { width: 100%; height: 58px; } .header .widget { position: absolute; left: 0px; top: 0px; width: 24px; height: 100%; background-color: #ff9900; z-index: 3; } .header .name { position: absolute; left: 32px; bottom: 13px; font-size: 38px; font-weight: bold; white-space: nowrap; z-index: 2; } .header .institution { position: absolute; right: 0px; bottom: 30px; color: #ff9900; font-size: 30px; font-weight: bold; white-space: nowrap; z-index: 1; } .header .navigation { position: absolute; bottom: 0px; left: 24px; background-color: black; width: calc( 100% - 24px ); height: 22px; z-index: 2; color: white; font-weight: bold; font-size: 14px; padding-left: 2px; padding-top: 0px; white-space: nowrap; overflow: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } ::-webkit-scrollbar { display: none; } .header .navigation a { position: relative; bottom: -3px; color: white; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; } .header .navigation a:visited { color: white; } .header .navigation a:hover { color: #ff9900; } table tr td { padding: 0px; margin: 0px; border: 0px; border-spacing: 0px; border-collapse: collapse; } .frontPage .headshot { display: inline-block; float: left; width: 205px; height: 200px; } .frontPage .headShotImage { width: 200px; height: 200px; margin: 5px; /*background-size:100%; background-image: url('../Images/headshot.png');*/ } /*.frontPage .headShotImage:hover { background-image: url('../Images/headshot_hover.png'); }*/ .frontPage .about { display: inline-block; width: 400px; height: 205px; margin-left: 5px; } .frontPage .research { display: none; width: 200px; height: 205px; margin-left: 1px; } .frontPage .info { display: inline-block; float: right; width: 200px; height: 173px; } .frontPage .info table { width: 100%; height: 100%; } .frontPage .info td.contact { } .frontPage .info td.sponsor { } .contentArea { width: 100%; margin-left: auto; margin-right: auto; } .mainContent { display: inline-block; position: absolute; left: 0px; width: auto; margin-right: 225px; padding-left: 10px; padding-right: 5px; } .teaching { width: fit-content; height: auto; } .publications { width: auto; height: auto; } .sidebar { display: inline-block; position: absolute; right: 0px; width: 220px; padding-right: 5px; } .sidebarItem { } .sidebarItem .content .newsTitle { text-align: left; font-weight: bold; font-size: 11px; } .sidebarItem .content .newsDescription { font-size: 11px; padding-bottom: 14px; text-align: left; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .frontPage .video { display: inline-block; background-color: #000000; width: 300px; height: 400px; } .frontPage table { width: 100%; height: 100%; } .frontPage td.title { height: 16pt; position: relative; } .frontPage td.title .container { position: relative; } .frontPage td.title .text { font-weight: bold; font-size: 14pt; color: #ff6600; position: absolute; margin-left: 4px; top: -5px; z-index: 3; } .frontPage td.content { vertical-align: top; width: 100%; height: auto; } .frontPage td.content .container { position: relative; width: 100%; height: 100%; } .frontPage td.content .container .background { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: black; opacity: .1; z-index: 0; } .frontPage td.content .container .text { font-size: 10pt; text-align: left; padding: 10px; z-index: 3; } .frontPage .about td.content .container .text { position: absolute; left: 0px; top: 0px; height: 164px; text-align: left; /* hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; */ } .frontPage .info td.content .container .text { position: absolute; left: 0px; top: 0px; } .frontPage td.content .container .image { position: absolute; left: 0px; top: 18px; z-index: 3; padding: 4px; } .frontPage table.contact { font-weight: bold; font-size: 12px; } .publicationContent .subTitle { text-align:right; margin: 0px; position: relative; top: 0px; color: black; font-weight: bold; font-size: 10pt; } .publicationContent hr { position: relative; background-color: #777777; margin-left: 0px; margin-right: 0px; height: 2px; top: -9px; border: none; } #faqHeader { padding:10px; font-size: 32px; font-weight: bold; color: #000000; } .faqContent { position: relative; margin: 20px; padding: 10px; } .faqContent .title { font-size: 20px; font-weight: bold; color: #ff6600; } .faqContent .questionBox { background-color: #ebebeb; padding: 10px; margin-bottom: 10px; } .faqContent .questionBox .question:before { content: "Q:"; color: #000000; font-weight: bold; font-style: normal; } .faqContent .questionBox .question { margin: 4px; font-style: italic; } .faqContent .questionBox .answer:before { content: "A:"; color: #000000; font-weight: bold; } .faqContent .questionBox .answer { margin: 4px; margin-top: 24px; color: #000000; } .paperSet { text-align: left; } .paperBlock { display: inline-block; font-size: 12px; padding-top: 10px; padding-bottom: 30px; padding-left: 8px; padding-right: 8px; text-align: left; vertical-align: top; } .paperBlock a { font-weight: bold; font-size: 10pt; color: #000000; } .paperBlock .venue { display: inline-block; color: #ff6600; font-weight: bold; margin-bottom: 2px; } .paperBlock .authorList { } .paperBlock .authorList a { font-weight: normal; font-size: 9pt; } .paperBlock .authorList a:hover { color: #ff9900; } .paperBlock .paperTitle { display: inline-block; width: 213px; text-align: center; font-size: 10pt; font-weight: bold; } .paperBlock img { display: inline-block; width: 213px; padding-top: 5px; } .paperBlock .awardBox { width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 4px; } .paperBlock .awardBox .emphasize a { color: #cc4400; font-size: 9pt; } .abstractBox { display: inline-block; position: relative; width: 58px; height: 10pt; } .abstractBox .abstract { display: inline-block; position:absolute; top:15px; left:0px; padding: 0px; margin: 0px; width: 320px; height: auto; color: #ffffff; padding: 10px; font-size: 10pt; background: rgba(0, 0, 0, .8); box-shadow: 10px 10px 10px rgba(0,0,0,.4); border-radius: 6pt; z-index: 200; line-height: 125%; visibility: hidden; opacity: .0001; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .abstractBox .abstract:before { content: "Abstract: "; font-weight: bold; font-style: italic; } .abstractBox:hover .abstract { visibility: visible; opacity: 1.0; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .abstractBox.is-open .abstract { visibility: visible; opacity: 1.0; } .bibBox { display: inline-block; position: relative; width: 50px; height: 10pt; } .bibBox .bibliography { word-wrap: break-word; font-family: monospace; display: inline-block; position:absolute; top:15px; left:-120px; padding: 0px; margin: 0px; width: 320px; height: auto; color: #000000; padding: 10px; font-size: 8pt; background: rgba(255, 255, 255, .9); box-shadow: 10px 10px 10px rgba(0,0,0,.4); border-radius: 6pt; z-index: 200; line-height: 125%; visibility: hidden; opacity: .0001; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .bibBox:hover .bibliography { visibility: visible; opacity: 1.0; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .bibBox.is-open .bibliography { visibility: visible; opacity: 1.0; } .emphasize { color: #cc4400; background-color: #ffbb00; border-radius: 4pt; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; font-weight: bold; } .codeSet { text-align: left; } .codeBlock { display: inline-block; vertical-align: top; text-align: left; width: 213px; padding-left: 8px; padding-right: 8px; padding-bottom: 20px; } .codeBlock img { width: 213px; } .codeBlock .title { font-weight: bold; color: #ff6600; font-size: 11pt; vertical-align: top; } .sidebarItem img.icon { width: 220px; } .paperBox { margin: 18px; } .paperBox .projectDate { font-style: italic; font-size: 12pt; text-align: center; padding-bottom: 24px; } .paperBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .paperBox .paperContent { background-color: #ebebeb; padding: 24px; font-size: 14px; } .paperBox .paperContent .paperTitle { text-align: center; font-size: 24px; } .paperBox .journalTitle { text-align: center; font-size: 20px; font-weight: bold; color: #ff6600; } .paperBox .paperAward { text-align: center; font-size: 20px; font-weight: bold; color: #ff9900; } .paperBox .paperContent .authorNames { font-size:12pt; text-align: center; } .paperBox .paperContent .authorNames table { margin-left: auto; margin-right: auto; padding: 10px; text-align: center; font-size: 18px; } .paperBox .paperContent .authorNames td { padding-left: 40px; padding-right: 40px; } .paperBox .paperContent .authorNames td.author { font-weight: bold; } .paperBox .paperContent .abstractText { text-align:justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; font-size: 12pt; } .paperBox .paperContent .abstractText:before { content: "Abstract: "; font-weight: bold; } .paperBox .paperContent img { display: block; margin-left: auto; margin-right: auto; width: auto; padding-bottom: 20px; } .pdfBox { display: inline-block; vertical-align: top; width: 200px; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .pdfBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .pdfBox .title:before { content: "Paper"; margin-left: 6px; } .pdfBox .pdfContent { background-color: #ebebeb; padding: 18px; } .pdfBox .pdfContent img { display: block; margin-left: auto; margin-right: auto; width: 128px; box-shadow: -8px 8px 8px rgba(0,0,0,.4); } .videoBox { display: inline-block; vertical-align: top; width: auto; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .videoBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; margin-left: 6px; } .videoBox .videoContent { background-color: #ebebeb; padding: 18px; } .videoBox iframe { width: 420px; height: 315px; } .videoBox iframe.wide { width: 560px; height: 315px; } .supplementalBox { display: inline-block; vertical-align: top; width: 500px; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; font-size: 10pt; } .supplementalBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; margin-left: 6px; } .supplementalBox .supplementalContent { background-color: #ebebeb; padding: 18px; } .supplementalBox .supplementalItem { padding-bottom: 10px; font-size: 12pt; } .supplementalBox .supplementalDescription { font-size: 10pt; padding-bottom: 8pt; } .supplementalBox td { padding-left: 4px; padding-right: 4px; } .acknowledgementBox { display: inline-block; vertical-align: top; width: 350px; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .acknowledgementBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .acknowledgementBox .title:before { content: "Acknowledgements"; margin-left: 6px; } .acknowledgementBox .acknowledgementContent { background-color: #ebebeb; padding: 18px; font-size: 13px; font-style: italic; text-align:justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .referenceBox { display: inline-block; vertical-align: top; width: 400px; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .referenceBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .referenceBox .title:before { content: "BibTeX"; margin-left: 6px; } .referenceBox .referenceContent { background-color: #ebebeb; padding: 18px; } .referenceBox .referenceContent .bibEntry { font-family: monospace; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 8pt; } .seeAlsoBox { float: right; display: inline-block; vertical-align: bottom; width: 456px; margin-left: 36px; background-color: #ff9900; padding: 12px; padding-bottom: 24px; margin-bottom:12px; } .seeAlsoBox .title { font-weight: bold; font-size: 24px; color: #000000; position: relative; } .seeAlsoBox .title:before { content: "See Also"; } .seeAlsoBox .seeAlsoItem { padding-left: 24px; padding-top: 6px; } .seeAlsoBox a { color: #ffffff; font-weight: bold; } .seeAlsoBox a:hover { color: #ff6600; } .codeBox { display: inline-block; vertical-align: top; width: 450px; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .codeBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .codeBox .title:before { content: "Code"; margin-left: 6px; } .codeBox .codeContent { background-color: #ebebeb; padding: 18px; } .codeBox td { font-size:10pt; vertical-align: top; padding-bottom:3px; padding-top:3px; } .codeBox td.codeItem { text-align: right; } .codeBox a { font-weight: bold; } .codeBox .subTitle { display: inline-block; float: right; font-weight: bold; padding-left: 8px; font-size: 12pt; } .codeBox hr { background-color: #777777; height: 1px; border: none; } .dataBox { display: inline-block; vertical-align: top; width: auto; margin-left: 18px; margin-right: 18px; padding-bottom: 36px; } .dataBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; } .dataBox .title:before { content: "Data"; margin-left: 6px; } .dataBox .dataContent { background-color: #ebebeb; padding: 18px; } .dataBox .description { font-size: 12px; padding-bottom: 10px; } .dataBox .fileInfo { padding-top: 12px; } .dataBox td { padding: 0px; margin: 0px; } .dataBox tr { padding: 0px; margin: 0px; } .dataBox table { padding: 0px; margin: 0px; } .figureBox { width: 900px; margin: 18px; margin-left: auto; margin-right: auto; } .figureBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; margin-left: 6px; } .figureBox .figureContent { background-color: #ffffff; border-width: 2px; border-style: solid; border-color: #CCCCCC; padding: 24px; } .figureBox .figure { width: 750px; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 60px; } .figureBox .figureContent .figure img { width: auto; } .figureBox .figureContent .figure img.halfWidth { width: auto; } .figureBox .figureContent .figure .caption { font-size: 12pt; text-align: left; } .figureBox .figureContent .figure .caption .location { font-style: italic; } .fileInfo { padding-top: 18px; text-align:center; font-weight: bold; } .columnWidthBox { display: block; vertical-align: top; margin-left: 36px; margin-right: 36px; margin-bottom: 72px; font-size: 10pt; } .columnWidthBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; z-index: 50; } .columnWidthBox .content { background-color: #ebebeb; padding: 18px; font-size: 11pt; position: relative; } .columnWidthBox .license { position: absolute; right: 18px; background-color: #ff9900; color: white; padding: 10px; padding-top: 28px; padding-left: 28px; font-size: 11pt; } .columnWidthBox .license:before { content: "License"; font-weight: bold; color: black; position: absolute; top: 10px; left: 10px; } .columnWidthBox img { display: block; margin-left: auto; margin-right: auto; } .columnWidthBox .download { font-weight: bold; font-size: 14pt; } .textBox { display: inline-block; vertical-align: top; width: 500px; margin-left: 18px; margin-right: 18px; margin-bottom: 10px; font-size: 10pt; } .textBox .title { font-weight: bold; font-size: 24px; color: #ff6600; position: relative; top: 6px; z-index: 50; } .textBox .textContent { background-color: #ebebeb; padding: 18px; font-size: 10pt; text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; position: relative; } .frontPage img.sideItem { width: 100%; } .button { display: inline-block; background-color: #cccccc; color: #777777; border-radius: 3pt; padding: 2px; padding-left: 4px; padding-right: 4px; font-weight: bold; cursor: pointer; } .button a { color: #777777; } .button:hover { color: #ff9900; } .button a:hover { color: #ff9900; } #announcement { position: relative; width: 80%; left: -8px; margin-top: 2px; margin-bottom: 14px; font-size: 14px; } #announcementBackground { margin-top: 8px; margin-bottom: 8px; padding-right: 12px; position: absolute; left: 8px; top: 0; width: 100%; height: 100%; background-color: #1b1f8a; opacity: .15; z-index: -1; border-radius: 4px; border: 1px solid black; } #announcementText { padding: 8px; padding-bottom: 20px; position: relative; left: 14px; top: 14px; font-size: 13px; text-align:justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } #guarantee { position: absolute; bottom: -60px; padding-bottom: 20px; left: 0px; } .paperBox .paperContent .translationLink { text-align: right; position: absolute; top: 10px; right:30px; } .paperBox .paperContent .translationLink a { font-weight: bold; font-size: 115%; } .paperBox .paperContent .small { font-size: 60%; } .paperBox .paperContent .small a { color: black; } .authorNames a:link { color: #000000; text-decoration: underline; } .authorNames a:hover { color: #ff6600; text-decoration: underline; } .authorNames a:visited { color: #000000; } .courseBlock { display: inline-block; padding: 6px; } .courseBlock .courseTitle { font-weight: bold; } .courseWebpage { display: inline-block; z-index:400; margin: 0; padding: 0px; margin-left: 3px; vertical-align: text-bottom; position: absolute; } .courseWebpage a { text-decoration: none; z-index:400; margin: 0; padding: 0px; } .courseWebpage ul { list-style: none; margin: 0; padding: 0px; z-index:400; vertical-align: text-bottom; box-shadow: 10px 10px 10px rgba(0,0,0,.4); } .courseWebpage li { vertical-align: text-bottom; padding: 0; color: #777777; background: #cccccc; float: left; padding: 2px; padding-left: 4px; padding-right: 4px; position: relative; text-decoration: none; transition-duration: 0.0s; z-index:400; } .courseWebpage li:first-child { border-top-left-radius: 3pt; border-top-right-radius: 3pt; } .courseWebpage li:last-child { border-bottom-left-radius: 3pt; border-bottom-right-radius: 3pt; } .courseWebpage li a { color: #777777; z-index:400; font-weight: bold; } .courseWebpage li ul li { background: #aaaaaa; } .courseWebpage li ul li a { color: #eeeeee; z-index:400; font-weight: bold; } .courseWebpage li:hover, .courseWebpage li:focus-within { cursor: pointer; z-index:400; } .courseWebpage li a:hover { color: #ff9900; } .courseWebpage li ul li a:hover { color: #ff6600; } .courseWebpage li:focus-within a { outline: none; z-index:400; } .courseWebpage ul li ul { visibility: hidden; opacity: 0; border-radius: 0pt; position: absolute; margin-top: 2px; transition: all 0.0s ease; left: 0; display: none; z-index:400; } .courseWebpage ul li:hover > ul, .courseWebpage ul li:focus-within > ul, .courseWebpage ul li ul:hover, .courseWebpage ul li ul:focus { visibility: visible; border-radius: 0pt; opacity: 1; display: block; z-index:400; } .courseWebpage ul li ul li { clear: both; width: 100%; z-index:400; } .newBlock { display: inline-block; text-align: center; margin-left: auto; margin-right: auto; padding-top: 4px; color: #cc4400; font-size: 9pt; color: #cc4400; background-color: #ffbb00; border-radius: 4pt; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; font-weight: bold; }