@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#pubreference {
	background-color: #E2F1F1;
	width: 681px;
	height: auto;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 2px solid #ffcb00;
	border-left: 2px solid #ffcb00;
	border-right: 2px solid #ffcb00;
}

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
	padding: 0px;
	margin: 0px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 263px; /* padding keeps the content of the div away from the edges */
	background-color: #ffcc00;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #336699;
}
.thrColFixHdr #mainContent {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #333333;
	margin-right: 315px;
	margin-left: 220px;
}
.thrColFixHdr #juicebox-container {
    position: absolute
}
#generalpage #container #mainContent {
	margin-right: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thrColFixHdr #footer {
	padding: 0 10px 0 20px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #336699;
	color: #336699;
	font-weight: bold;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thrColFixHdr #container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #003163;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	color: #000000;
} 
.thrColFixHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
} 
.thrColFixHdr #container #sidebar2 #news {
	color: #336699;
}
.thrColFixHdr #container #sidebar1 #related {
	left: 200px;
	top: 800px;
}
.box  {
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: 15px;
}
.box dt {
	font-weight: bold;
	color: #336699;
	font-size: 0.85em;
	background-repeat: repeat-x;
	background-image: url(extranavigation/box.gif);
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0.5em;
}
.box a {
	text-decoration:none;
	font-weight: normal;
}
.box ul {
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.box ul li { margin: 0; border: 0; padding: 5px 5px 0 1.5em; text-indent: -1em; font-size: 0.85em; line-height: 1.1em; }
.box ul li a { margin: 0; padding: 0; }
.box li a:visited {
	color: #336699;
}
.box li a:hover { color: #69C; }
.box p {
	font-size: 0.85em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0.5em;
}
.box, .box-img {
	margin-bottom: 5px;
}
.box-img { background-color:#ECEFF8;border-top: 1px solid #369;border-bottom: 1px solid #369;}
.caption {
	font-size: 0.85em;
	padding: 5px;
	background-color: #fff;
	background-image: url(extranavigation/boxbottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.unilogoadjustment {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pcrlogoadjustment {
	margin-left: -62px;
	margin-top: -20px;
}
.firefox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #003399;
	text-align: center;
}
.news {
	background-color: #FFCC00;
	height: 1100px;
}


.tablelayoutlright {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
	padding: 6px;
}
.tableprevious {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	color: #336699;
}

.tabletop {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.tableheadline {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ffcc00;
}
.tablelayoutlleft {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
	padding: 6px;
}
#Index #container #sidebar2 .partnerin {
}
#generalpage #container #mainContent .fduprez {
	padding-left: 40px;
	padding-top: 15px;
}

.Navigationfield {
	background-position: left;
	margin-left: -20px;
}
.boxtable {
	padding-right: 200px;
}
#generalpage #container #mainContent .staff a {
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
.staff   {
	text-decoration: underline;
	background-color: #FFFFFF;
}
#generalpage #container #mainContent .Postdoc {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.Postdocpublications {
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.postdocadjustment {
	margin-left: -100px;
}
.research_id {
	float: right;
	margin-right: 100px;
}
.imagestudent {
	margin: 12px;
	border-radius: 10%;
	-webkit-box-shadow: 2px 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px 2px #CCC;
}
.students_name {
	margin-left: 12px;
}
.groupwards {
	margin-top: 100px;
}
.leo {
	float: right;
	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#generalpage #container #mainContent .alumnibox img {
	margin: 15px;
	float: right;
	border: thin solid #000000;
}
alumnitext {

}
.alumnibox {
	margin: 15px;
	padding: 8px;
	border: 1px solid #000000;
	width: 345px;
	float: left;
	font-size: 11px;
	height: 450px;
}
.alumniimage {
	margin: 8px;
	border: thin solid #000000;
	float: right;
}
.alumniboxwide {
	width: 450px;
	border: 1px solid #000000;
	padding: 5px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
}
.alumniboxwide img {
	border: 1px solid #000000;
	float: right;
	margin: 15px;

}

.alumniboxtop {
	width: 295px;
	background-image: url(buttons/namefield.gif);
	height: 25px;
	font-size: 90%;
	color: #000000;
	padding-left: 15px;
	padding-top: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.positions {
	margin-top: 75px;
	background-image: url(positions/positions.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
}
.groupphotos {
	text-align: center;
	border: thick solid #FFFFFF;
}
#generalpage #container #mainContent .groupphotos {
	background-color: #999966;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
    margin-right: 0 auto;
    margin-left: 0 auto;
}
#generalpage #container #mainContent .groupphotos a {
	color: #FFFFFF;
	text-decoration: underline;
}

#generalpage #container #mainContent .groupphotos img {
	border: thick solid #FFFFFF;
}
#generalpage #container #mainContent .membersarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 150px;
	padding-bottom: 200px;
	padding-left: 150px;
	background-repeat: no-repeat;
	background-position: 250px 320px;
	font-weight: bold;
	font-size: 120%;
}
#generalpage #container #mainContent .wrongpassword {
	font-size: xx-large;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-align: center;
	color: #336699;
	padding-top: 100px;
	padding-right: 150px;
	padding-bottom: 200px;
	padding-left: 150px;
	background-image: url(background/background_membersarea.jpg);
	background-repeat: no-repeat;
	background-position: 250px 320px;
}
#generalpage #container #mainContent .membersarea img {
	margin-bottom: -30px;
}
.patents {
	line-height: 2em;
	margin-top: 125px;
}
.imgresearchrt {
	margin: 5px;
	float: right;
	border: 0px solid #000000;
}
.imgresearchlt {
	float: left;
	border: 0px solid #000000;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.acpartner {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 220px;
	width: 220px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #FFCC00;
	float: left;
	background-color: #FFFFFF;
}
.equipment {
	background-color: #E2F1F1;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 650px;
}
.equipnotbold {
	font-weight: normal;
}



.equipment  img {
	margin: 0px;
	float: right;
	border: 1px solid #000000;
}
.scrollovertext {
	float: right;
	padding-right: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.textofGhent {
	text-align: justify;
	font-size: 100%;
	line-height: 1.5em;
	margin-top: -42px;
	margin-right: -20px;

}
.contact {
	color: #336699;
}
.Maplayout {
	padding: 0px;
	float: right;
	border: 1px solid #000000;
	margin-bottom: 10px;
	margin-left: 10px;
}
.maptext {
	font-size: 75%;
	float: right;
}
.movetextright {
	padding-left: 40px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.floatright {
	float: right;
	margin-right: 50px;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.fltrclear {
	float: right;
	margin-left: 8px;
}
.fltlftclear {
	float: left;
	margin-right: 8px;
	clear: both;
}
.floatrightwith1pxborder {
	float: right;
	margin-right: 30px;
	margin-top: 30px;
	border: 1px solid #000000;
}
.floatleft {
	float: left;
	margin-left: 50px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hiddenimage {
	visibility: hidden;
}



.hide {
	visibility: hidden;
}
.tablemaldi {
	visibility: visible;
}
.equipmentheader {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}


.smallerfont {
	color: #274C78;

}
#navigationsmenu {
	position:relative;
	width:200px;
	height:115px;
	z-index:1;
	overflow: visible;
	left: -20px;
}
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 316px;
	top: 1015px;
}
#homepage #container #mainContent {
	background-image: url(home/home_f.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 100%;
	line-height: 1.25em;
	position: relative;
}

a:link {
	color: #336699;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #336699;
}
a:hover {
	text-decoration: none;
	color: #336699;
}
a:active {
	text-decoration: none;
	color: #336699;
}
a {
	font-weight: bold;
}
.style4 {color: #000000}

.Apartnerb {
	text-align: center;
	padding: 0px;
	height: 240px;
	width: 200px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #336699;
	background-color: #FFFFFF;
	margin: 0px;
}
#nav   { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 9.5em;
	clear: both;
	}
#nav ul {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: auto;
}

	
	#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 9.5em;
	}
	
	#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left: 11.4em;
	visibility: visible;
	z-index: 1020;
	margin-top: -2.5em;
	font-size: 98%;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}
	
	#nav li a {
	width: 11em;
	w\idth : 9.7em;
	display : block;
	color : #336699;
	font-weight : bold;
	text-decoration : none;
	background-color : #A0CECe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: .5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-right-color: #ffcc00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	}
	
	#nav li a:hover {
	color : #336699;
	background-color : #E2f1f1;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 6px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
.navimenu {
	width: auto;
	height: 330px;
	margin-left: 20px;
	margin-right: 20px;
}
.duprez {
	float: right;
	width: 350px;
	margin-right: 50px;
}
.imgblackborder {
	border: 1px solid #000000;
}
.alumniboxtopxsm {
	width: 295px;
	background-image: url(buttons/namefield.gif);
	height: 25px;
	font-size: 85%;
	color: #000000;
	padding-left: 0px;
	padding-top: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.smalltap {
	font-size: 90%;
}
.grouplinks  {
	font-size: 120%;
	background-image: url(group/pcr_group_d.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: center center;
	line-height: 2em;
}
.grouplinks a {
	font-size: 120%;
	background-repeat: no-repeat;
	font-weight: bold;
}
.acpartnerCopy {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 220px;
	width: 220px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #336699;
	float: none;
	background-color: #FFFFFF;
}
.Apartnerb  img        {
	padding: 0px;
	margin-top: 10px;
}
.ApartnerbCopy img {
	margin-top: 10px;
}
.ApartnerbCopy a {
	padding-right: 4px;
	padding-bottom: 4px;
}



.ApartnerbCopy  {
	text-align: center;
	padding: 0px;
	height: 240px;
	width: 200px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #FFCC00;
	background-color: #FFFFFF;
	margin: 0px;
}
.Apartnerb a {
	padding-right: 4px;
	padding-bottom: 4px;
}
.groupwelcome {
	color: #336699;
	font-size: 120%;
	font-weight: bold;
}
.contentwide {
	width: 700px;
}
.equimageright {
	float: right;
	width: 152px;
}
.equipbox {
	width: 700px;
	height: auto;
	margin-bottom: 20px;
	border: 1px solid #000000;
	padding-left: 5px;
}
#generalpage #container #mainContent .equipbox table {
	margin-left: -5px;
}


.equimageright img {
	border: 1px solid #000000;
}
.equipdiscription {
	float: left;
	width: 520px;
	font-size: 90%;
}
.equipbottom {
	float: right;
}
.equipbottom img {
	border: 1px solid #000000;
}
.partnermovetext {
	padding-left: 25px;
}
#generalpage #container #mainContent .equipbox img {
	border: 1px solid #000000;
}
.BeGe2012 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #336699;
	background-color: #FFCC00;
	height: auto;
	width: 500px;
	font-style: normal;
	font-weight: bold;
	position: relative;
	top: -30px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 0px;
	left: 20px;
	margin-left: 200px;
}
.ResearchTab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabPicture1.jpg);
	background-repeat: no-repeat;
	padding-left: 240px;
	padding-top: 20px;
}
.ResearchTab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabPicture2.jpg);
	background-repeat: no-repeat;
	padding-left: 240px;
	padding-top: 20px;
}
.ResearchTab3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabPicture3.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 240px;
}
#abstract {
	background-color: #ffffff;
	height: 324px;
	width: 651px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	border-top: 2px solid #ffcb00;
	border-bottom: 2px solid #ffcb00;
	border-right: 2px solid #ffcb00;
	text-align: justify;
	border-left: 2px solid #ffcb00;
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 10px;
	position: relative;
}

.ResearchTab1Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabStevenLeft.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 270px;
}
.ResearchTab1right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;
	background-image: url(research/ResearchTabStevenRight.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 110px;
	font-weight: bold;
}
.ResearchTab2Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabWimLeft.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 270px;
}
.ResearchTab2right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;
	background-image: url(research/ResearchTabWimRight.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 110px;
	font-weight: bold;
}#Orcidlogo {
	width: 228px;
	height: 70px;
	float: left;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin-top: 8px;
}
.ResearchTab3Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-image: url(research/ResearchTabSophieLeft.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 270px;
}
.ResearchTab3right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;
	background-image: url(research/ResearchTabSophieRight.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 110px;
	font-weight: bold;
}
#DOIrotated {
	transform: rotate(-90deg);
	height: 46px;
	width: 354px;
	background: #ffcb00;
	margin-left: -154px;
	margin-top: 154px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	font-size: 14px;
	border-bottom: 4px solid #ffcb00;
	border-left: 4px solid #ffcb00;
}
#graficalabstract {
	width: 663px;
	height: 126px;
	float: right;
	background: #ffffff;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 50px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom: 2px solid #ffcb00;
	border-top: 2px solid #ffcb00;
	border-right: 2px solid #ffcb00;
}
.abstractfont {
	font-size: 20px;
	margin-right: 10px;
	font: bold;
}
#Orcidtext {
	width: 380px;
	height: 67px;
	float: left;
	text-align: left;
	padding-top: 5px;
}
.glow {
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}
.graphicalabstractfloatleft {
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
#DOI {
	transform: rotate(-90deg);
	width: 335px;
	height: 50px;
    position: absolute top:0 left:0;
	border-bottom: 2px solid #ffcb00;
	border-top: 2px solid #ffcb00;
	margin-left: 0px;
	font-size: 14px;
	background: #ffcb00;
	text-align: center;
	margin-bottom: 0px;
	position: absolute;
	top: 140px;
	left: -141px;
}
.zoom {
  transition: transform .2s;
  width: 173px;
  height: 130px;
  margin: 0 auto;
}
#Youtubevideoright {
	width: 378px;
	height: 280px;
	float: right;
	background: #ffffff;
	padding-left: 10px;
	padding-top: 0px;
	color: #000000;
	font: bold;
	margin-top: -20px;
	margin-bottom: 20px;
}


.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#videos   {
	width: 776px;
	height: auto;
	background: #ffffff;
}
#Youtubevideoleft {
	width: 378px;
	height: 280px;
	background: #ffffff;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	color: #000000;
	font: bold;
	margin-top: -20px;
	margin-bottom: 20px;
}
.videosheader {
	color: #000000;
	text-align: left;
	font-size: 15px;
	text-decoration: underline;
	margin-top: -5px;
}
#indexvideo {
	width: 110px;
	height: 140px;
	background: #ffcb00;
	position: relative;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	margin-right: -32px;
	margin-top: -30px;
}
#researchtop {
	width: 776px;
	height: 100px;
}
#researchtopic {
	width: 776px;
	height: 200px;
	position: relative;
}
#researchyellow {
	height: 180px;
	width: 165px;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	position: absolute;
	margin-left: 546px;
	color: #ffffff;
	font-size: 15px;
	padding-top: 20px;
	padding-left: 65px;
}
#researchblue {
	height: 150px;
	width: 287px;
	float: left;
	position: absolute;
	color: #ffffff;
	margin-left: 259px;
	font-size: 25px;
	text-align: center;
	padding-top: 50px;
}
#PubTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 200px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #FFCB00;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    font-size: 20px;
 }
#PubTop:hover {
    background-color: #555;
}