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: 100;
}
.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: 100%;
   height: 22px;
   z-index: 2;
   color: white;
   font-weight: bold;
   font-size: 14px;
   padding-left: 2px;
   padding-top: 0px;
   white-space: nowrap;
}

.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;
}

.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;
}

.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;
}

.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;
}
.button a
{
   color: #777777;
}
.button:hover
{
   color: #ff9900;
}
.button a:hover
{
   color: #ff9900;
}

#students
{
   position: relative;
   width: 80%;
   left: -8px;
   margin-top: 2px;
   margin-bottom: 14px;
   font-size: 14px;
}
#studentBackground
{
   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;
}
#studentText
{
   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;
}