
/*  Quantum Optics & Quantum Information  */
/*  University of St Andrews              */
/*  Natalia Korolkova, Friedrich Koenig   */
/*  Irina Leonhardt 08-06-2017            */    
body {background-color:#f6f6f6;} p, div {font-family:Tahoma, sans-serif; font-size:20px; line-height:130%; color:#151515;}
#wrapper-global {position:fixed; width:100%; height:80px; background-color:f6f6f6; margin-left:-8px; margin-top:-8px;} #wrapper-local {width:990px; margin:0 auto;  position: relative; height:80px; background-color:  #f6f6f6;} img#uni-logo {height:80px; float:right; margin-top:-16px; font-size:16px;} div.wrapper-text {font-family: Helvetica, Tahoma, sans-serif; font-size:40px; padding: 20px 0px 5px 40px; color:#001c57;}
#header-global {position:fixed; width:100%; height:30px; background-color:#001c57; margin-top:72px; margin-left:-2px; border-bottom:5px solid #f6f6f6;} #header-local {width:990px; margin:0 auto; position: relative; height:30px; background-color:#001c57; border-left:3px solid #f6f6f6; margin-top:0px;}
div#top-menu {width:990px; margin:-16px 0px 0px 0px; background-color:#cccccc; font-family: Tahoma, sans-serif; font-size: 16px;} ul#top-menu-nav li {display:inline-block; list-style:none;} ul#top-menu-nav li {float:left; height:30px; border-right:4px solid #f6f6f6; font-family: Tahoma, sans-serif; line-height:1.9em;} .navfirst {margin-left:-40px;} .dropfield-current {height:30px; background-color:#001c57; color:#f4f4f4; font-family: Tahoma, sans-serif; line-height:1.9em; font-size:16px; padding-left:20px; padding-right:20px; cursor:pointer; margin-left:0px;} div.dropfield-current a.nav {color:#f4f4f4; text-decoration:none; font-family: Tahoma, sans-serif; line-height:1.9em; font-size:16px;} a.nav:link, a.nav:visited {color:#002050; text-decoration:none; font-family: Tahoma, sans-serif;} a.nav:hover, a.nav:active {color:#f4f4f4; text-decoration:none; font-family: Tahoma, sans-serif;} .dropdown {position: relative; display: inline-block;} .dropfield {height:30px; background-color: #cccccc; color:#001c57; font-family: Tahoma, sans-serif; line-height:1.9em; font-size:16px; padding-left:20px; padding-right:19px; cursor: pointer; margin-left:0px;} .dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);} .dropdown-content a {color:black; font-family: Tahoma, sans-serif; line-height:1.9em; font-size:14px; padding-left:20px; padding-right:20px; text-decoration: none; display: block;} .dropdown-content a:hover {background-color:#ececec;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropfield {background-color: #001c57; color:#f4f4f4;} 

#container {width:990px; margin:120px auto 15px auto; background-color:#f6f6f6;} .shadow {-moz-box-shadow: 2px 2px 2px #bababa; -webkit-box-shadow:2px 2px 2px #bababa; box-shadow:2px 2px 5px #bababa;} .spaceholder{height:200px;}
p, div {font-family: Tahoma, sans-serif; font-size:20px; line-height:130%; color:#151515;} h1 {font-family:Tahoma; color:#002050; line-height:130%;} h2 {font-family:Tahoma; color:#151515; margin-left:40px;} h3 {font-family:Tahoma; color:#002050; margin-left:35px;} 
#logos {height:85px; margin-bottom:20px;} #logo1{height:85px; margin-left:30px;} #logo2{height:85px; margin-left:30px;} #logo3{height:85px; margin-left:20px;} #logo4{padding-bottom:14px; margin-left:30px;} 
#footer {width:990px; margin:0 auto 60px auto; border-top: 1px solid #636363;} #Copyright{height:30px; margin-top:10px;} .cpy{font-size:14px;; line-height:100%; color:#333333; padding-left:30px;} #unilinks a.ft:link, a.ft:visited {padding-left:10px; padding-right:10px; color:#333333; text-decoration:none;} #unilinks a.ft:hover, a.ft:active {padding-left:10px; padding-right:10px; color:#606060; text-decoration:none;} #unilinks .ft-first {margin-left:3.5em;}
#breadcrumbs {display:none;} .print-only {display:none;} /* div.no-print {border: 1px solid #002050;} */

/* ---- Home ---- */ 
#groups {width:100%; height:43.25em;} #QuOptGroup {width:49%; float:left; height:43.0em; background-color:#fdfdfd; border-bottom:3px solid #002050;} #QuInfGroup {width:49%; float:right; height:43.0em; background-color:#fdfdfd; border-bottom:3px solid #002050;} img#QO-logo {width:400px; height:300px; float:left; margin-left:45px; padding-top:20px;} img#QO-logo2 {width:400px; height:300px; float:left; margin-left:25px; padding-top:20px;} img#QI-logo {width:400px; height:300px; float:left; margin-left:45px; padding-top:20px;} img#QI-logo2 {width:400px; height:300px; float:left; margin-left:20px; padding-top:20px; padding-bottom:0px;} #QuOpt1 {font-family: Tahoma, sans-serif; font-size: 32px; color:#002050; margin-left:35px;} #QuInf1 {font-family: Tahoma, sans-serif; font-size: 32px; color:#002050; margin-left:40px;} #QuOpt2 {font-family: Tahoma, sans-serif; font-size: 28px; color:#002050; margin-left:35px;} #QuInf2 {font-family: Tahoma, sans-serif; font-size: 28px; color:#002050; margin-left:40px;} .descript {font-family: Calibri, Tahoma, sans-serif; font-size:0.9em; line-height:130%; color:#151515; padding: 0 20px 0 20px; text-align:justify;}
#topics {width:100%; height:575px;} #QuOptGroup2 {width:49%; float:left; height:620px; background-color:#fdfdfd; border-bottom:3px solid #002050;} #QuInfGroup2 {width:49%; float:right; height:620px; background-color:#fdfdfd; border-bottom:3px solid #002050;} #QuOpt3 {font-family: Tahoma, sans-serif; font-size: 22px; color:#002050; margin-left:35px;} #QuInf3 {font-family: Tahoma, sans-serif; font-size: 22px; color:#002050; margin-left:35px;} .topic1 {font-family: Calibri, Tahoma, sans-serif; font-size:20px; line-height:150%; color:#151515; padding-left:20px;} .topic2 {font-family: Calibri, Tahoma, sans-serif; font-size:20px; line-height:150%; color:#151515; padding: 0 10px 0 10px;} .noindent {margin-left:-25px;}
a.anchor2:link, a.anchor2:visited {color:#151515; text-decoration:none; font-family: Calibri, Tahoma, sans-serif; font-size:20px;} a.anchor2:hover, a.anchor2:active {color:#151515; text-decoration:underline; font-family: Calibri, Tahoma, sans-serif; font-size:20px;}
#team {width:100%; height:250px;} #QuOptGroup3 {width:49%; float:left; height:240px; background-color:#fdfdfd; border-bottom:3px solid #002050;} #QuInfGroup3 {width:49%; float:right; height:240px; background-color:#fdfdfd; border-bottom:3px solid #002050;} .team1 {font-family: Calibri, Tahoma, sans-serif; font-size:20px; line-height:150%; color:#151515; padding-left:20px;} a.team2:link, a.team2:visited {color:#151515; text-decoration:none; font-family: Calibri, Tahoma, sans-serif; font-size:20px;} a.team2:hover, a.team2:active {color:#151515; text-decoration:underline; font-family: Calibri, Tahoma, sans-serif; font-size:20px;}

/* ---- Research ---- */
#QuOpt-research {background-color:#fdfdfd; padding:20px 40px 0px 40px;} #QuOpt-research p {font-family: Tahoma, sans-serif; font-size:0.9em; color:#151515; line-height:130%; text-align:justify;} 

#QuInf-research {background-color:#fdfdfd; padding:20px 55px 0px 55px;} #QuInf-research p {font-family: Tahoma, sans-serif; font-size:0.9em; color:#151515; line-height:130%; text-align:justify;} .research-topic {border-bottom:2px solid #002050; padding-top:20px; padding-bottom:10px;} .research1 img#coh-state {width:12.5em; float:left;} .research1 {float: left; width:12.5em; padding: 0 0.5em 0.5em 0; text-align:left;} .research1 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; padding-left: 1em; color:#324568;} .research2 img#QDS-scheme {width:20em; float:left; margin-bottom:0.5em;} .research2 {float: left; width:20.5em; padding: 0.5em 1em 0.5em 0.5em; text-align:left;} .research2 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} .research3 img#QDS-experiment {width:20em; float:left; margin-bottom:0.2em;} .research3 {float: left; width:20em; padding: 0.5em 0.5em 0.5em 1em; text-align:left;} .research3 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} .research4 img#HolQuErrCorrCode {width:11em; float:right;} .research4 {float: right; width:11em; padding: 0 0.5em; text-align:left; margin-left:1.5em;} .research4 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} .research5 img#qu-tomogr {width:17em; float:left; margin-bottom:0.5em;} .research5 {float: left; width:17em; padding: 0.5em; text-align:left;} .research5 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} .research6 img#entanglement1 {width:19em; float:right; margin-top:0.5em; margin-bottom:0.5em;} .research6 {float: right; width:19em; padding: 0 0.5em; text-align:left; margin-left:1.0em;} .research6 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} .research7 img#entanglement2 {width:19em; float:left; margin-bottom:0.5em;} .research7 {float: left; width:19em; padding: 0.5em; text-align:left; margin-right:0.5em;} .research7 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; color:#324568;} span.references {font-family: Tahoma, sans-serif; font-size:0.8em; color:#151515; line-height:100%;} a.bib1:link, a.bib1:visited {color:#151515; text-decoration:none; font-family: Tahoma, sans-serif; font-size:1.0em;} a.bib1:hover, a.bib1:active {color:#151515; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:1.0em;} .research8 img {width:12.5em; float:right;} .research8 {float: right; width:12.5em; padding: 0 0.5em 0.5em 0; text-align:left;} .research8 span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; padding-right: 1em; color:#324568;}


/* ---- People ---- */
#QuInf-people {background-color:#fdfdfd; padding-left:80px; padding-top:20px; font-family:Tahoma, sans-serif;} #QuInf-people h3 {font-family: Tahoma, sans-serif; color:#003060; margin-left:40px;} table.people {margin-bottom:20px; font-size:18px; font-family:Tahoma, sans-serif; color:#151515;} .tab-1 {width:140px; height:120px; vertical-align:bottom; font-size:14px;} .tab-2 {width:260px; vertical-align:bottom; font-size:18px;} .tab-3 {width:420px; vertical-align:bottom; font-size:18px;} .tab-4 {width:180px; vertical-align:bottom; font-size:18px;} .tab-5 {width:500px; vertical-align:bottom; font-size:18px;} .tab-nvk {width:420px; vertical-align:bottom; font-size:20px;} span.affiliation {font-size:16px; font-family: Tahoma, sans-serif; color:#151515;} span.emailaddr {font-size:16px; font-family: Tahoma, sans-serif; color:#151515;} span.years {font-size:16px; color:#151515; line-height:200%;} span.year {font-size:16px; color:#151515;} .emph {font-family: Tahoma, sans-serif; font-style:italic;} img.photo {height:120px; vertical-align:bottom;} img.photo2 {width:125px;} img.photo3 {width:95px; vertical-align:bottom;} img.photo4 {width:95px; vertical-align:bottom;} img.group-photo {width:750px; margin-left:30px; font-size:16px;} p.caption {font-family: Tahoma, sans-serif; font-size:16px; color:#151515; margin-left:30px; margin-bottom:60px;} a.affiliation {font-size:16px; font-family: Tahoma, sans-serif; color:#151515;}
#QuOpt-people {background-color:#fdfdfd; padding-left:80px; padding-top:20px; font-family: Tahoma, sans-serif;} #QuOpt-people h3 {font-family: Tahoma, sans-serif; color:#001c57; margin-left:40px;} .tab-6 {width:140px; font-size:14px;} .tab-7 {width:210px; vertical-align:bottom; font-size:18px;} .tab-7a {width:210px; vertical-align:top; font-size:18px;} .tab-8 {width:490px; vertical-align:bottom; font-size:18px;} a.team3:link, a.team3:visited {color:#151515; text-decoration:none; font-family: Tahoma, sans-serif; font-size:18px;} a.team3:hover, a.team3:active {color:#151515; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} a.team3a:link, a.team3a:visited {color:#151515; text-decoration:none; font-family: Tahoma, sans-serif; font-size:18px;} a.team3b:hover, a.team3a:active {color:#003060; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} 
a.team3b:link, a.team3b:visited {color:#151515; text-decoration:none; font-family: Tahoma, sans-serif; font-size:20px;} a.team3b:hover, a.team3b:active {color:#003060; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:20px;} a.affiliation {font-size:16px; font-family: Tahoma, sans-serif; color:#151515;}
#QuOpt-people-MJ p {font-size:18px; font-family: Tahoma, sans-serif; color:#151515; margin-right:40px; text-align:justify;} img.photo5 {width:155px; float:left; margin-right:50px;} span.details-MJ {font-size:16px; font-family: Tahoma, sans-serif; color:#151515;} a.team4:link, a.team4:visited {color:#002480; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} a.team4:hover, a.team4:active {color:#002480; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} 

/* ---- Publications ---- */
#QuInf-publications {background-color:#fdfdfd; padding:20px 40px 0px 20px;} #QuInf-publications h3 {font-family: Tahoma, sans-serif; font-size:24px; color:#003060; margin-left:40px;} #QuInf-publications h2 {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; margin-left:40px;} 
#QuOpt-publications {background-color:#fdfdfd; padding:20px 40px 0px 20px;} #QuOpt-publications h3 {font-family: Tahoma, sans-serif; font-size:24px; color:#003060; margin-left:40px;} #QuOpt-publications h2 {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; margin-left:40px;}
.publication {font-family: Calibri, sans-serif; font-size:18px; color:#151515;} ul.papers {margin-left:0;}  ul.papers li {list-style:circle; font-family: Calibri, sans-serif; font-size:18px; color:#151515; padding-bottom:10px; padding-left:5px;} ul.papers2003 {margin-left:0;}  ul.papers2003 li {list-style:none; font-family: Calibri, sans-serif; font-size:18px; color:#151515;} span.bib_title {color:#003366; margin-left:5px; font-style:italic;} a.bib:link, a.bib:visited {color:#151515; text-decoration:none; font-family: Calibri, sans-serif; font-size:18px;} a.bib:hover, a.bib:active {color:#151515; text-decoration:underline; font-family: Calibri, sans-serif; font-size:18px;}

/* ---- News ---- */
#news-items {background-color:#fdfdfd; padding:20px 40px 0px 20px;} #news-items h3 {font-family: Tahoma, sans-serif; font-size:24px; color:#003060; margin-left:70px;} ul#news-list {list-style:none;} ul#news-list li {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; padding-bottom:20px;} table.news1 {margin-bottom:20px; font-size:18px; font-family:Tahoma, sans-serif; color:#001c57; background-color:#f6f6f6} table.news2 {margin-bottom:20px; font-size:18px; font-family:Tahoma, sans-serif; color:#151515; background-color:#fdfdfd} .tab-news{width:140px; vertical-align:top; font-size:18px; text-align:left},  span.news-item {color:#001c57; font-size:21px;}  a.news-link:link, a.news-link:visited {color:#002480; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} a.news-link:hover, a.news-link:active {color:#002480; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;}

/* ---- Events ---- */
#event-items {background-color:#fdfdfd; padding:20px 40px 0px 40px;} span.med {font-family: Tahoma, sans-serif; font-size:20px; line-height:200%;} p.event1 {font-family: Tahoma, sans-serif; font-size:18px; color:#001c57; background-color:#f6f6f6; padding: 10px 10px 15px 10px; text-align:justify; border-top:1px solid #001c57;} a.event-link1:link, a.event-link1:visited {color:#001c57; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} a.event-link1:hover, a.event-link1:active {color:#001c57; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} p.event2 {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; background-color:#fdfdfd; padding: 10px 10px 5px 10px; text-align:justify; border-top:1px solid #464646;} a.event-link2:link, a.event-link2:visited {color:#151515; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} a.event-link2:hover, a.event-link2:active {color:#151515; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:18px;} img.conf1 {float:right; width:200px; margin-top:15px; padding-left:10px;} img.conf2 {float:right; width:220px; margin-top:35px; padding-left:10px;}

/* ---- Talks ---- */
#talks-items {background-color:#fdfdfd; padding:20px 40px 0px 40px; font-family: Tahoma, sans-serif; font-size:18px; color:#151515; line-height:150%;} ul#talks-list {list-style:none;} ul#talks-list li {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; padding-top:10px; padding-bottom:10px;} .abstr {font-family: Tahoma, sans-serif; font-size:16px; font-style:italic; margin-left:30px; margin-right:20px; text-align:justify;} span.talk-title {color:#003366; margin-left:5px; font-style:italic;} span.talk-item {color:#001c57; font-size:21px;}

/* ---- Teaching ---- */
#teaching-schedule {background-color:#fdfdfd; padding:20px 40px 0px 40px;} #teaching-schedule div {margin-left:40px;} #teaching-schedule p {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; line-height:150%;} .PandA {font-family: Tahoma, sans-serif; font-size: 26px; color:#002050; margin-left:40px;} .teaching-indent {margin-left:40px;} .teaching-indent2 {margin-left:95px;} .PHnumber {font-family: Tahoma, sans-serif; font-size: 24px; color:#002050;} .PHnumber2 {font-family: Tahoma, sans-serif; font-size: 20px; color:#002050;} .course {font-family: Tahoma, sans-serif; font-size: 22px; color:#151515; margin-left:10px; margin-right:10px; text-decoration:none;} .course2 {font-family: Tahoma, sans-serif; font-size: 20px; color:#151515; margin-left:10px; margin-right:10px;}  

/* ---- PhD Projects ---- */
#QuOpt-projects {background-color:#fdfdfd; padding:20px 40px 0px 40px;} #QuOpt-projects p {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; line-height:120%; text-align:justify;} #QuInf-projects {background-color:#fdfdfd; padding:20px 50px 0px 60px;} #QuInf-projects p {font-family: Tahoma, sans-serif; font-size:18px; color:#151515; line-height:120%; text-align:justify;} div.project-topic {border-bottom:1px solid #002050; padding-top:20px; padding-bottom:10px;} a.project:link, a.project:visited {color:#151515; text-decoration:none; font-family: Tahoma, sans-serif; font-size:20px;} a.project:hover, a.project:active {color:#151515; text-decoration:underline; font-family: Tahoma, sans-serif; font-size:20px;}

/* ---- Contact ---- */
#groups-contact {width:100%; height:820px; padding-bottom:40px;} #QuOpt-contact {width:49%; float:left; height:810px; background-color:#fdfdfd; border-bottom:3px solid #002050;} #QuInf-contact {width:49%; float:right; height:810px; background-color:#fdfdfd; border-bottom:3px solid #002050;} img#QO-2 {width:350px; height:280px; float:left; margin-left:70px; padding-top:30px; padding-bottom:20px;} img#QI-2 {width:480px; height:305px; float:left; margin-left:0px; padding-top:20px; padding-bottom:5px;} #QuInf2-c {font-family: Tahoma, sans-serif; font-size: 28px; color:#002050; margin-left:90px;} #QuInf3-c {font-family: Tahoma, sans-serif; font-size: 22px; color:#002050; margin-left:70px;} .details {font-family: Calibri, sans-serif; font-size:20px; line-height:130%; color:#151515; margin-left:90px; margin-right:20px;} .tab-c1 {width:60px; line-height:200%;} .tab-c2 {width: 350px; line-height:200%;}

/* ---- Anchors ---- */
a.anchor{display: block; position: relative; top: -120px; visibility: hidden;}

/* --------------------------------------------- */

 /* Three image containers (use 25% for four, and 50% for two, etc) */
 
 







#Matthew_Thornton {background-color:#fdfdfd; padding:20px 55px 0px 55px;} #Matthew_Thornton p {font-family: Tahoma, sans-serif; font-size:0.9em; color:#151515; line-height:130%; text-align:justify;} .research-topic {border-bottom:2px solid #002050; padding-top:20px; padding-bottom:10px;} .column {  float: left;  width: 32%;  padding: 5px;} .column span {font-family: Tahoma, sans-serif; font-size:0.6em; line-height:100%; padding-left: 1em; color:#324568;} .row::after {  content: "";  clear: both;  display: table;} 





