/*****************************************
*                                        *
*   Section 1 - Web Site Structure       *
*                                        *                            
******************************************/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/*Setting up default values*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

:root {
	--Aerospace: #597991;
	--Automotive: #3D5CAD;
	--Catalysis: #568301;
	--Chemicals: #59338a;
	--Consumer-products: #d40057;
	--DrugDevelopment: #D93717;
	--DrugDiscovery: #1B7F93;
	--Electronics: #3478BC;
	--Energy: #75757A;
	--Engineering: #7D7845;
	--Environment: #27850A;
	--Food: #D53485;
	--Formulations: #E52431;
	--Healthcare: #89199b;
	--Nuclear: #212b55;
	--Oil: #128277;

	--GenericBackground: #202945;

	--Spectroscopy: #3a5dab;
	--Crystallography: #213368;
	--StructuresSurfaces: #318cdd;
	--MX: #d60037;
	--MagneticMaterials: #009CA6;
	--BioCryoImaging: #007a60;
	--Imaging: #e55204;
	--SoftCondensedMatter: #8b1d41;

	--Home: #009CA6;
	--AboutUs: #008C15;
	--Users: #97D700;
	--Public: #FCD021;
	--Industry: #FF6900;
	--Beamlines: #E10600;
	--Careers: #B0008E;
		
	--Science: #97D700;

	--current: var(--GenericBackground);
	--DiamondCyan: #009CA6;
	--DiamondLightGrey: #D4D4D2;
	--DiamondLightGreyDim: #D4D4D28F;
	--DiamondCharcoal: #515250;

	--warningColour: #f6ffdd8f;
	--infoColour: #0048d1;
	
	--Black: #000;
	--White: #fff;

	/*var(--Public)*/
}

body {
	background-color: var(--white);
	font: 16px Outfit;
	line-height: 1.25em;
	font-optical-sizing: auto;
	font-weight: 300;
}

html {
	overflow-y: scroll;
}

a {
	color: #444A95;
	/* Was blue */
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
}

a:visited {
	color: #444A95;
	/* Was darkblue */
}

#event .textbox_content a,
#article .textbox_content a,
#section .textbox_content a,
#Profile .textbox_content a,
#image-gallery .textbox_content a,
#faq .textbox_content a,
#job .text a,
#job .textbox_content a,
.super-list p a {
	/*color: #0d4291;*/
	/*font-weight: bold;*/
	text-decoration: underline;
}

#event .textbox_content a:visited,
#article .textbox_content a:visited,
#section .textbox_content a:visited,
#Profile .textbox_content a:visited,
#image-gallery .textbox_content a:visited,
#job .text a:visited,
#job .textbox_content a:visited,
#faq .textbox_content a:visited,
.super-list p a:visited {
	color: #663399;
}

/*
---------------------------------
Typography
---------------------------------
*/

h1 {
	border-bottom: 1px solid #EDEDED;
	color: #000000;
	float: none;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	/*width: auto;*/
	width: calc(100% - 6px);
}

h2 {
    color: #000000;
    float: none;
    margin-bottom: 5px;
    width: auto;
    font-size: 1.2em;
    font-weight: 500 !important;
}

h2 a {
	color: #444A95;
}

h2 a:visited {
	color: #444A95;
}

h3 {
	font-size: 100%;
	font-weight: 700 !important;
}

h4 {
	font-size: 82.5%;
}

h6 {
	display: none;
}

table,
ul,
ol,
dl,
p {
	margin-bottom: 15px;
}

#contentWrapper h2 {
	position: relative;
	overflow: auto;
	padding-bottom: 2px;
	line-height: 1.4em;
	margin-bottom: 7px;
}

#contentWrapper h1 {
	font-weight: bold !important;
	line-height: 1.2em;
}

/*
---------------------------------
Content Helpers
---------------------------------
*/
img {
	border: medium none;
}

table {
	border-collapse: collapse;
	empty-cells: show;
	margin: 10px 0 20px;
	padding: 0 0 5px;
	max-width: 100%;
}

th,
td {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

th {
	background: none repeat scroll 0 0 var(--GenericBackground);
	border: 1px solid black;
	padding-right: 20px;
	color: white;
}

tbody td {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #B3B3B3;
}

tr:nth-child(2n+1) td {
	background: none repeat scroll 0 0 #E5E5E5;
}

.oddtdtable td {
	background: none repeat scroll 0 0 #E5E5E5;
}

td ul,
td ol,
td p {
	margin-bottom: 0;
	padding: 0 !important;
}

/*blockquote {
  background: none no-repeat scroll 0 0 #E7F0F7;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
  clear: both;
  width:90%;
}*/
blockquote {
	background:
		url("/.resources/DiamondLightModule/webresources/img/quotes.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 20px;
	clear: both;
	width: auto;
	background-position: 10px 19px;
	padding-right: 30px;
	font-size: 1em;
	color: var(--GenericBackground);
	background-size: 30px;
	padding-left: 50px;
}

blockquote i {
	font-style: normal !important;
}

cite {
	font-weight: bold;
}

.no-minheight {
	min-height: 0px !important;
}

/*
---------------------------------
Layout
---------------------------------
*/
#wrapper {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-width: 980px;
}

#wrapper-2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    position: relative;
    max-width: calc(1280px - 30px);
    z-index: 1;
    overflow: auto;
    padding: 15px;
}

#wrapper-3 {
	overflow: auto;
	position: relative;
}

#contentWrapper {
    background-color: #FFFFFF;
    width: calc(1250px - 330px);
    float: left;
    padding-left: 30px;
	max-width: calc(100% - 360px);
}

#page-intro {
	margin: 0 0 5px;
}

#home #wrapper-3, #home #contentWrapper, #home #main {
    overflow: hidden;
    position: static;
    z-index: 1;
    padding-left: 0;
    width: 100%;
	max-width:calc(100vw - 30px)
}

#section #wrapper-3 #contentWrapper #main {
	width: 100%;
	z-index: 1;
}

#extras,
#platform {
	margin-top: 36px;
}

#main {
	margin-top: 45px;
	/*margin-bottom: 20px;*/
}

.skip {
	visibility: hidden;
	width: 200px;
	display: none;
}

.printheader {
	display: none;
}

.a11y-wrapper {
	display: block;
}

/*Top menu*/
.mobile-header {
	display: none;
}

#topmenu {
	background: none repeat scroll 0 0 var(--White);
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 980px;
	min-height: 69px;
}

#topmenuinner {
	margin: auto;
	overflow: auto;
	position: relative;
	width: 1280px;
	max-width: 100vw;
}

#topmenu img {
	height: 45px;
}

#topmenu ul {
	margin: auto;
	padding-top: 0;
	width: 1280px;
	max-width: 100vw;
}

#topmenu li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topmenu a {
    color: black;
    display: block;
    float: left;
    margin: 0;
    padding: 23px 18px 23px 18px;
    text-decoration: none;
    font-size: 1.10em;
}

/*#topmenu .textmenu {
	padding-bottom: 14px;
	padding-top: 17px;
}*/

#topmenu a:hover,
#topmenu a:focus,
#topmenu a:active {
	background: none repeat scroll 0 0 var(--GenericBackground);
	color: #FFFFFF;
}

.homehome {
    padding-bottom: 8px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 9px !important;
	background: var(--white) !important;
}


.homehome:not(#home .homehome):hover,
.homehome:not(#home .homehome):focus,
.homehome:not(#home .homehome):active{	
	border-bottom: 3px solid var(--Home);
}

.About:hover,
.About:focus,
.About:active,
._Home:not(#home) .textmenu.About,
._Home #nav-global ul ul a, 
._Home #nav-global li:hover>a,
._Home #nav-global ul ul *:hover>a,
._Home #nav-global a:focus,
._Home #nav-global li strong,
._Home #nav-global li.open a,
._Home #nav-global li.on a,
._Home #branding
{
	color: var(--White) !important;
	background: var(--GenericBackground) !important;
	
}

._Home #nav-global ul ul a, 
._Home #nav-global li:hover>a,
._Home #nav-global ul ul *:hover>a,
._Home #nav-global a:focus,
._Home #nav-global li strong,
._Home #nav-global li.open a,
._Home #nav-global li.on a,
.About:hover,
.About:focus,
.About:active,
._Home:not(#home) .textmenu.About{
	border-bottom: 3px solid var(--AboutUs);
}


.Industry:hover,
.Industry:focus,
.Industry:active,
._Industry .textmenu.Industry,
._Industry #nav-global ul ul a, 
._Industry #nav-global li:hover>a,
._Industry #nav-global ul ul *:hover>a,
._Industry #nav-global a:focus,
._Industry #nav-global li strong,
._Industry #nav-global li.open a,
._Industry #nav-global li.on a,
._Industry #branding {
	color: var(--White) !important;
	background: var(--GenericBackground) !important;
	
}
._Industry #nav-global li.open a,
._Industry #nav-global li.on a,
.Industry:hover,
.Industry:focus,
.Industry:active,
._Industry .textmenu.Industry{
	border-bottom: 3px solid var(--Industry);
}


._Diamond-II #nav-global ul ul a, 
._Diamond-II #nav-global li:hover>a,
._Diamond-II #nav-global ul ul *:hover>a,
._Diamond-II #nav-global a:focus,
._Diamond-II #nav-global li strong,
._Diamond-II #nav-global li.open a,
._Diamond-II #nav-global li.on a,
._Diamond-II #branding {
	color: var(--White) !important;
	background: var(--GenericBackground) !important;
	
}
._Diamond-II #nav-global li.open a,
._Diamond-II #nav-global li.on a,
._Diamond-II {
	border-bottom: 3px solid var(--Industry);
}

.Users:hover,
.Users:focus,
.Users:active,
._Users .textmenu.Users,
._Users #nav-global ul ul a, 
._Users #nav-global li:hover>a,
._Users #nav-global ul ul *:hover>a,
._Users #nav-global a:focus,
._Users #nav-global li strong,
._Users #nav-global li.open a,
._Users #nav-global li.on a,
._Users #branding {
	color: var(--White) !important;
	background: var(--GenericBackground) !important;

}
._Users #nav-global ul ul a, 
._Users #nav-global li:hover>a,
._Users #nav-global ul ul *:hover>a,
._Users #nav-global a:focus,
._Users #nav-global li strong,
._Users #nav-global li.open a,
._Users #nav-global li.on a,
._Users #nav-global li.open a,
._Users #nav-global li.on a,
.Users:hover,
.Users:focus,
.Users:active,
._Users .textmenu.Users{
	border-bottom: 3px solid var(--Users);
}

.Science:hover,
.Science:focus,
.Science:active,
._Science .textmenu.Science,
._Science #nav-global ul ul a, 
._Science #nav-global li:hover>a,
._Science #nav-global ul ul *:hover>a,
._Science #nav-global a:focus,
._Science #nav-global li strong,
._Science #nav-global li.open a,
._Science #nav-global li.on a,
._Science #branding {
	color: var(--White) !important;
	background: var(--GenericBackground) !important;	
}
._Science #nav-global ul ul a, 
._Science #nav-global li:hover>a,
._Science #nav-global ul ul *:hover>a,
._Science #nav-global a:focus,
._Science #nav-global li strong,
._Science #nav-global li.open a,
._Science #nav-global li.on a,
.Science:hover,
.Science:focus,
.Science:active,
._Science .textmenu.Science{
	border-bottom: 3px solid var(--Science);
}


.Careers:hover,
.Careers:focus,
.Careers:active,
._Careers .textmenu.Careers,
._Careers #nav-global ul ul a, 
._Careers #nav-global li:hover>a,
._Careers #nav-global ul ul *:hover>a,
._Careers #nav-global a:focus,
._Careers #nav-global li strong,
._Careers #nav-global li.open a,
._Careers #nav-global li.on a,
._Careers #branding {
	background: var(--GenericBackground) !important;
	color: var(--White) !important;	

}
._Careers #nav-global ul ul a, 
._Careers #nav-global li:hover>a,
._Careers #nav-global ul ul *:hover>a,
._Careers #nav-global a:focus,
._Careers #nav-global li strong,
._Careers #nav-global li.open a,
._Careers #nav-global li.on a,
.Careers:hover,
.Careers:focus,
.Careers:active,
._Careers .textmenu.Careers{
	border-bottom: 3px solid var(--Careers);
}

.Public:hover,
.Public:focus,
.Public:active,
._Public .textmenu.Public,
._Public #nav-global ul ul a, 
._Public #nav-global li:hover>a,
._Public #nav-global ul ul *:hover>a,
._Public #nav-global a:focus,
._Public #nav-global li strong,
._Public #nav-global li.open a,
._Public #nav-global li.on a,
._Public #branding {
	color: var(--White) !important;
	background: var(--GenericBackground) !important;
	
}
._Public #nav-global ul ul a, 
._Public #nav-global li:hover>a,
._Public #nav-global ul ul *:hover>a,
._Public #nav-global a:focus,
._Public #nav-global li strong,
._Public #nav-global li.open a,
._Public #nav-global li.on a,
.Public:hover,
.Public:focus,
.Public:active,
._Public .textmenu.Public{
	border-bottom: 3px solid var(--Public);
}

.Beamlines:hover,
.Beamlines:focus,
.Beamlines:active,
._Instruments .textmenu.Beamlines,
._Instruments #nav-global ul ul a, 
._Instruments #nav-global li:hover>a,
._Instruments #nav-global ul ul *:hover>a,
._Instruments #nav-global a:focus,
._Instruments #nav-global li strong,
._Instruments #nav-global li.open a,
._Instruments #nav-global li.on a,
._Instruments #branding {
	background: var(--GenericBackground) !important;
    color: var(--White) !important;	
}
._Instruments #nav-global ul ul a, 
._Instruments #nav-global li:hover>a,
._Instruments #nav-global ul ul *:hover>a,
._Instruments #nav-global a:focus,
._Instruments #nav-global li strong,
._Instruments #nav-global li.open a,
._Instruments #nav-global li.on a,
.Beamlines:hover,
.Beamlines:focus,
.Beamlines:active,
._Instruments .textmenu.Beamlines{
	border-bottom: 3px solid var(--Beamlines);
}

/*More Menu*/
#moremenu {
	border-top: 1px solid white;
	clear: both;
	color: darkgray;
	overflow: hidden;
	padding-bottom: 20px;
	position: relative;
	width: 100%;
	display: none;
	font-size: 82.5%;
	padding-top: 17px;
}

.sectionmenu {
    float: left;
    margin-right: 2%;
    margin-top: 10px;
    overflow: hidden;
    width: calc(33% - 2%);
    height: 160px;
}

.sectionmenu:nth-child(n+5) {
	height: 200px;
}

.sectionmenu:nth-child(n+8) {
	height: 150px !important;
}

.sectionmenu>ul {
	list-style-type: square !important;
	width: auto !important;
}

.sectionmenu li {
	float: none !important;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: square !important;
	padding-left: 23px !important;
}

#clickMoreMenu {
	padding-bottom: 23px !important;
}

#clickMoreMenu:hover,
#clickMoreMenu:active,
#clickMoreMenu:focus{
	border-bottom: 3px solid var(--Home);	
}

#clickMoreMenu>img {
	height: 16px;
	vertical-align: sub;
}

.sectionmenu a {
	border: medium none !important;
	display: inline !important;
	float: none !important;
	padding: 2px 2px 0 !important;
}

.sectionmenu a:hover,
.sectionmenu a:active,
.sectionmenu a:focus {
	color: var(--White);
	background: var(--GenericBackground);
}

/*Branding & Search Box*/
#branding {
	background: url("/docroot/headerbg.png") repeat scroll right center #5996CD;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: -1px;
}

#branding-box {
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
}

#search-box {
	float: right;
	position: absolute;
	top: 14px;
	right: 0px;
}

#search-box input {
	background: none repeat scroll 0 0 #EBEBEB;
	border: 1px solid #ebebeb;
	margin: 0px;
	padding: 10px;
	width: 200px;
	float: left;
}

#search-box em {
	display: none;
}

/*#search-box label {
	/*display: none;
}*/

#search-box input:focus,
#search-box input.a11y-focus {
	background: none repeat scroll 0 0 #FFFFFF;
}

#search-box .button {
	background: none repeat-x scroll 0 0 #FFF;
	border: 1px solid #FFF;
	color: #000;
	cursor: pointer;
	margin: 0;
	width: auto;
}

#search-box .button:hover,
#search-box .button:active,
#search-box .button:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #333333;
	border-color: #555555 #4D4D4D #4D4D4D #555555;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
}

#logo {
	float: left;
	width: 300px;
	height: 70px
}

#logo a {
	text-decoration: none;
}

#logo em {
    color: #FFFFFF;
    display: block;
    font-size: 1.6em;
    font-style: normal;
    font-weight: 200;
    left: 0;
    letter-spacing: 1px;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    z-index: 11;
    padding-top: 19px;
}

#logo strong {
	display: none;
}

#logo img {
	padding-left: 350px;
}

/*Meta Navigation*/
#nav-meta {
	float: right;
	font-weight: bold;
	padding: 0 0 2px 2px;
	position: relative;
}

#nav-meta ul li {
	color: white;
	float: left;
	list-style: none outside none;
}

#nav-meta ul li a {
	color: #FFFFFF;
	cursor: pointer;
	margin: 0;
	padding: 10px 0 0 10px;
	width: auto;
}

#nav-meta ul li a:hover,
#nav-meta ul li a:active,
#nav-meta ul li a:focus {
	color: #EC1549;
	text-decoration: none;
}

/*Nav Global*/
#nav-global {
    background: var(--DiamondLightGrey);
    clear: both;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    background-size: 18px;
    z-index: 5;
	height: 57px;
}

#nav-global em {
	display: none;
}

#nav-global ul {
	font-size: 13px;
	list-style: none outside none;
	margin: auto;
	padding-left: 0;
	width: 1280px;
}

#nav-global li {
	float: left;
	position: relative;
}

#nav-global a,
#nav-global strong {	
	color: #000000;
	display: block;
	font-size: 1.3em;
	line-height: 1;
	padding: 1.1em 7px;
	text-decoration: none;
	border-bottom: 3px solid var(--DiamondLightGrey);
}

#nav-global li:last-child a {
	border-right: medium none !important;
}

#nav-global ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	margin: 0;
	position: absolute;
	top: 92%;
	width: 188px;
	z-index: 99999;
	font-size: 0;
}

#nav-global ul ul li {
	border-top: 1px solid #6B727C;
	float: left;
	position: relative;
	font-size: 13px;
}

#nav-global ul ul ul {
	left: 100%;
	top: 0;
}

#nav-global ul ul a {
	background: none repeat scroll 0 0 #7292CB;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.1em;
	margin: 0;
	padding: 10px;
	width: 168px;
	position: relative;
	top: 0;
	bottom: 0;
	border: 0;
}

#nav-global li:hover>a,
#nav-global ul ul *:hover>a,
#nav-global a:focus {
	color: #FFFFFF;
	background: none repeat scroll 0 0 #7292CB;
}

#nav-global li:hover>a,
#nav-global a:focus {
	color: #FFFFFF;
}

#nav-global ul li:hover>ul {
	display: block;
}

#nav-global li strong,
#nav-global li.open a,
#nav-global li.on a {
	background: none repeat scroll 0 0 #7292CB;
	color: #FFFFFF;
}

#nav-global ul ul li {
	border-top: 1px solid #6B727C;
	float: none;
	position: relative;
}

#nav-global ul ul li a {
	color: #FFFFFF;
}

#nav-global ul ul li a:hover {
	background: none repeat scroll 0 0 var(--GenericBackground);
}

/*Left Side Navigation*/
#left-column-internal {
    margin-top: 45px;
    float: left;
    width: 300px;
}

/* remove/hide inline break tag */
#left-column-internal .text-section .textbox_content>br:first-child {
	display: none;
}

/*#left-column-internal .text-section .beamlinecontactbox {
	
}*/

#nav {
	margin-bottom: 20px;
	border: 1px solid var(--DiamondLightGrey) !important;
	box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
	margin-bottom: 20px;
	padding: 10px;
	width: calc(100% - 22px);
	background: var(--DiamondLightGrey);
}

#nav em {
	display: none;
}

#nav-box ul {
	list-style-type: none;
}

#nav-box h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
}

#nav-box li {
	line-height: 24px;
	margin: 0;
	padding: 0;
}

#nav-box li a {
    color: #000000;
    display: block;
    padding: 3px 0px 3px 10px;
}

#nav-box li.open a {
	font-weight: bold;
}


/*PowerNav*/
.powernav>ul>li {
	display: none;
}

.powernav ul li.on,
.powernav ul li.open {
	display: block;
}

/*
-----------------------------------
custom colors for sections
-----------------------------------
*/

/* About */
._Home #nav-box li.on strong,
._Home #nav-box a:hover,
._Home #nav-box a:active,
._Home #nav-box a:focus,
._Home #nav-box li.on a:hover,
._Home #nav-box li.on a:active,
._Home #nav-box li.on a:focus,
._Home #nav-box li strong,
._Home #nav-box li.on>a,
._Home #nav-box li.open> li.on a
	{
	background: var(--AboutUs) !important;
	color: var(--Black) !important;
}

#wrapper.section-home-wrapper th {
	background: var(--AboutUs);
	color: #ffffff;
}

/* For Users */
._Users #nav-box li.on strong,
._Users #nav-box a:hover,
._Users #nav-box a:active,
._Users #nav-box a:focus,
._Users #nav-box li.on a:hover,
._Users #nav-box li.on a:active,
._Users #nav-box li.on a:focus,
._Users #nav-box li strong,
._Users #nav-box li.on>a,
._Users #nav-box li.open> li.on a
	{
	background: var(--Users) !important;
	color: var(--Black) !important;
}

#wrapper.section-users-wrapper th {
	background: #0D4291;
	color: #ffffff;
}

/* Industry */
._Industry #nav-box li.on strong,
._Industry #nav-box a:hover,
._Industry #nav-box a:active,
._Industry #nav-box a:focus,
._Industry #nav-box li.on a:hover,
._Industry #nav-box li.on a:active,
._Industry #nav-box li.on a:focus,
._Industry #nav-box li strong,
._Industry #nav-box li.on>a,
._Industry #nav-box li.open> li.on a
{
	background: var(--Industry) !important;
	color: var(--Black) !important;
}

#wrapper.section-industry-wrapper th {
	background: #544E94;
	color: #ffffff;
}

/* Public */
._Public #nav-box li.on strong,
._Public #nav-box a:hover,
._Public #nav-box a:active,
._Public #nav-box a:focus,
._Public #nav-box li.on a:hover,
._Public #nav-box li.on a:active,
._Public #nav-box li.on a:focus,
._Public #nav-box li strong,
._Public #nav-box li.on>a,
._Public #nav-box li.open> li.on a
{
	background: var(--Public) !important;
	color: var(--Black) !important;
}

#wrapper.section-public-wrapper th {
	background: #7292CB;
	color: #ffffff;
}

/* Science */
._Science #nav-box li.on strong,
._Science #nav-box a:hover,
._Science #nav-box a:active,
._Science #nav-box a:focus,
._Science #nav-box li.on a:hover,
._Science #nav-box li.on a:active,
._Science #nav-box li.on a:focus,
._Science #nav-box li strong,
._Science #nav-box li.on>a,
._Science #nav-box li.open> li.on a
	{
	background: var(--Science) !important;
	color: var(--Black) !important;
}

#wrapper.section-science-wrapper th {
	background: #84A806;
	color: #ffffff;
}

/* Beamlines */
._Instruments #nav-box li.on strong,
._Instruments #nav-box a:hover,
._Instruments #nav-box a:active,
._Instruments #nav-box a:focus,
._Instruments #nav-box li.on a:hover,
._Instruments #nav-box li.on a:active,
._Instruments #nav-box li.on a:focus,
._Instruments #nav-box li strong,
._Instruments #nav-box li.on>a,
._Instruments #nav-box li.open> li.on a
	{
	background: var(--Beamlines) !important;
	color: var(--White) !important;
}

#wrapper.section-beamlines-wrapper th {
	background: #7292CB;
	color: #ffffff;
}

/* Careers */
._Careers #nav-box li.on strong,
._Careers #nav-box a:hover,
._Careers #nav-box a:active,
._Careers #nav-box a:focus,
._Careers #nav-box li.on a:hover,
._Careers #nav-box li.on a:active,
._Careers #nav-box li.on a:focus,
._Careers #nav-box li strong,
._Careers #nav-box li.on>a,
._Careers #nav-box li.open> li.on a
	{
	background: var(--Careers) !important;
	color: var(--White) !important;
}

#wrapper.section-careers-wrapper th {
	background: #40B5BC;
	color: #ffffff;
}


#nav-box li.on strong,
#nav-box a:hover,
#nav-box a:active,
#nav-box a:focus,
#nav-box li.on a:hover,
#nav-box li.on a:active,
#nav-box li.on a:focus,
#nav-box li strong,
#nav-box li.on a {
	background: none repeat scroll 0 0 #5996CD;
	color: #FFFFFF;
	text-decoration: none;
}

/*
-----------------------------------
END: custom colors for sections
-----------------------------------
*/
#nav-box li strong {
	display: block;
	font-weight: bold;
	padding: 3px 0 5px 10px;
}

#nav-box ul ul {
	border-radius: 5px 0 0 5px;
	margin: 5px 0 5px 10px;
	padding: 0;
}

/*#nav-box li li, #nav-box li li li {
	/* font-size: 12px;
  line-height: 18px; 
	
}*/

#nav-box li.on li,
#nav-box li.open li a {
	font-weight: normal !important;
	color: #000000 !important;
}

#nav-box li.on li a {
	background: none repeat scroll 0 0 transparent;
	color: black;
}

#nav-box li li.on a {
	color: #FFFFFF;
	font-weight: bold;
}

#nav-box ul ul ul {
	margin: 5px 0 5px 20px;
}

#nav-box li li.open li a {
	color: black;
	font-weight: normal;
}

#nav-box li li.open li a:hover,
#nav-box li li.open li a:active,
#nav-box li li.open li a:focus,
#nav-box li li.open li.on a {
	color: #FFFFFF;
}

#nav-box li li li.on a {
	font-weight: bold;
}

/*Promo Area*/
#promos {
	overflow: auto;
	/*width: 245px;*/
}

#promos .textbox_content {
	padding: 0;
}

#breadcrumb {	
	margin: 18px 0px;
	top: 50px;
	width: 98%;
	z-index: 50;
}

#home #breadcrumb {
	margin-left: 0px !important;
	left: 10px !important;
	top: 4px !important;
}

#breadcrumb h5 {
	float: left;
	font-weight: normal;
	margin-right: 5px;
}

#breadcrumb ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumb li {
	/* background: url("../img/icons/sprites.png") no-repeat scroll 0 -1010px transparent; */
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
	font-size: 14px;
	color: #716c6c;
}

#breadcrumb li.home-breadcrumb {
	background: url(../img/icons/diamond-home-logo.png) 0 0 no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	padding: 0;
	margin-right: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#breadcrumb li:after {
	content: " / ";
}

#breadcrumb li.home-breadcrumb:after,
#breadcrumb li.last-breadcrumb:after {
	content: "";
}

#breadcrumb li a {
	padding: 0 8px 0 0;
	color: #716c6c;
}

#breadcrumb li.home-breadcrumb a {
	padding: 0;
	height: 20px;
	width: 20px;
	display: block;
}

#main #breadcrumb {
	left: 0;
	position: absolute;
	top: -10px;
}

/*Footer*/
#site-info {
	background-color: var(--DiamondCharcoal);
	overflow: auto;
	width: 100%;
	z-index: 10;
}

p#copyright {
	clear: both;
	color: white;
	padding: 10px;
	text-align: center;
}

p#copyright-magnolia {
	color: #EBEBEB;
	padding: 2px;
	text-align: center;
}

div>p#copyright-magnolia a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -939px transparent;
	padding: 0 0 0 18px;
}

p#copyright-magnolia span {
	display: none;
}

#site-info div div {
    color: white;
    float: left;
    padding: 15px;
    width: calc((100% / 3) - 30px);
}

/*#site-info div div:nth-child(2) {
	width: 335px;
}

#site-info-box .column-span2 {
	width: 250px !important;
}/*

/*#logofooter {
	/* was margin-left: 14%; */
/*width: 46%;
	
}*/

#site-info p>a {
	/* Was color: #F28B24; */
	color: #ffffff;
}

#site-info .text-section {
	height: 180px;
	margin: 20px 20px 20px 0;
}

#site-info h4 {}

#site-info #about {
	border-right: 1px solid grey;
	height: 180px;
	margin: 20px;
}

#site-info #linklist {
	border-right: 1px solid grey;
	height: 180px;
	margin: 20px;
}

#site-info .addthis_toolbox {
	border: 0 none;
	margin: 0;
}

#site-info ul {
	list-style: none outside none;
	/* Was margin: 5px 0 0; */
}

#site-info li {
	margin: 0 0 5px;
}

#site-info li a {
	color: white;
	display: block;
	padding: 3px;
}

#site-info li a:hover,
#site-info li a:active,
#site-info li a:focus {
	background: none repeat scroll 0 0 var(--GenericBackground);
	text-decoration: none;
}

#site-info li.rss a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -1162px transparent;
	padding-left: 18px;
}

#site-info li img {
	margin: 5px 0 0;
}

#site-info li a img {
	border: 0 none;
}

#site-info div #about .media {
	height: auto;
	margin: 3px 10px 0 0;
	width: 100px;
}

#site-info div #about .mod {
	margin: 3px 0 0 10px;
}

#site-info div #about .mod-2 {
	height: auto;
	margin: 0 0 5px;
	width: 300px;
}

#site-info-box {
	margin: auto;
	width: 1280px;
	max-width: 100%;
}

#site-info-box .textbox_content {
	padding: 0;
}

#site-info-box p {
	/* padding: 10px; */
	line-height: 21px;
	margin-bottom: 5px;
}

.socialmedia {
  width: calc(100% - 30px) !important;
  display: block;
  padding: 4px 0px 20px 0px !important;
}

.socialmedia h2 {
  color: var(--white);
  border-bottom: 1px solid var(--white);
  margin-bottom: 14px;
}

.socialmedia svg { 
  position: relative;
  margin-right: 15px;
}

/*****************************************
*                                        *
*   Section 2 - Pages Structure          *
*                                        *                            
******************************************/

/*Home Page*/
.HomeMainColumn {
    float: left;
    position: relative;
    width: calc(1250px - 330px);
    margin-right: 25px;
    overflow: auto;
	max-width: calc(100vw - 360px);
}

._Home .HomeMainColumn {
    width: 100%;
	margin-right: 0;
	float:none;
	max-width: 100%;
}

.HomeMainColumn h2 {
	font-weight: normal;
	color: #000000;
	display: inline-block;
}

.rss-news-icon {
	float: right !important;
	margin: 5px 0 0 5px !important;
	width: 14px !important;
	border: none !important;
}

.HomeMainColumn h3 {
	font-size: 110%;
	font-weight: bold;
	margin-top: -4px;
}

.HomeMainColumn .event-news-list h3 {
	float: left;
	width: 54%;
}

.HomeRightColumn {
    float: left;
    overflow: auto;
    position: relative;
    width: 300px;
}

.HomeRightColumn input {
	max-width: 220px !important;
}

.HomeRightColumn div {
	padding-bottom: 10px;
}

.HomeRightColumn .latest {
	width: 250px !important;
}

/*.HomeRightColumn .latest ul {
  background: none repeat scroll 0 0 lightgray;
  padding: 10px;
  width: 230px !important;
}*/
.HomeRightColumn .wowslidersmall {
	margin: 0 !important;
	width: 250px !important;
}

.HomeRightColumn #wowslider-container1 .ws_bullets {
	top: 178px !important;
}

.HomeRightColumn .ws-title {
	width: 310px;
}

.HomeRightColumn .teaser {
	margin: 0 !important;
}

.twocolumnright #teaser-1 {
	min-width: 100% !important;
	width: 100% !important;
}

.HomePopUp {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #5996CD;
	display: none;
	height: 100%;
	min-height: 160px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.HomePopUp h2 {
	background: none repeat scroll 0 0 #224256;
	color: white;
	float: none;
	width: auto;
}

.HomePopUpClose {
	float: right;
	height: 14px !important;
	width: 14px !important;
}

#quickLinkbox {
	background: none repeat scroll 0 0 white;
	float: left;
	margin-top: 5px;
	width: 370px;
}

.boxLink a {
	display: block;
	width: auto;
}

.publicHomePageimg {
	width: 48%;
}

.internal,
.external {
	list-style: none outside none;
}

.internal a,
.external a {
	background: none repeat scroll 0 0 lightgray;
	color: black;
	display: block;
	/*margin-bottom: 8px;*/
	padding: 3px;
	text-decoration: none;
	text-transform: capitalize;
}

.internal a:hover,
.external a:hover {
	background: none repeat scroll 0 0 darkgray;
	cursor: pointer;
}

.HomeRightColumn .event-news-list {
	width: auto !important;
}

.HomeRightColumn .event-news-list h3 {
	padding: 0px;
	/*float: left;
width: 53%;*/
}

.Boxify.stay-in-touch {
	overflow: auto;
	position: relative;
}

#boxTitleF {
	background: none repeat scroll 0 0 lightgray;
	color: black;
	margin-bottom: 8px;
	padding: 8px;
	text-transform: uppercase;
}

#boxTitleF:hover {
	background: none repeat scroll 0 0 darkgray;
	cursor: pointer;
}

#home #jobindex {
	/*background: none repeat scroll 0 0 lightgray;*/
	display: block;
	height: auto;
	overflow: auto;
	padding: 10px;
	position: relative;
}

.boxB {
	background: var(--DiamondLightGrey);
	box-sizing: border-box;
	width: calc(((100% - 3%) / 4));
	margin-right: 1%;
	float: left;
	min-height: 220px;
	margin-bottom: 20px;
	height: auto;
	border: 1px solid #ccc;
	box-shadow: 0 6px 4px -4px #CCC;
	/*background-image: url("/.resources/DiamondLightModule/webresources/img/dlsdrawing.png");*/
	background-position-y: 90px;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1120px) {
	.boxB {
	  margin-right: 10px;
	  width: calc(50% - 10px);
	  min-height: 220px;
	}
	.boxB:nth-child(odd){
	  margin-right: 0px;
	}
}

#InduBox {
  margin-right: 0;
}

/*#UOBOX {
	background-position-x: 23px;
}

#POBOX {
	background-position-x: -135px;
}

#PublicBox {
	background-position-x: -296px;
}

#InduBox {
	background-position-x: -448px;
	margin-right: 0;
}*/

/*#UOBOX {
  background-image: url("/.resources/DiamondLightModule/webresources/img/dlsdrawingpart1.png");
  background-position: bottom;
}

#POBOX {
  background-image: url("/.resources/DiamondLightModule/webresources/img/dlsdrawingpart2.png");
  background-position: bottom;
}

#PublicBox {
  background-image: url("/.resources/DiamondLightModule/webresources/img/dlsdrawingpart3.png");
  background-position: bottom;
}

#InduBox {
  background-image: url("/.resources/DiamondLightModule/webresources/img/dlsdrawingpart4.png");
  background-position: bottom;
}*/

/*.boxB:nth-child(5) {
  margin-right: 0;
}*/

.boxB>div:first-child {
	font-size: 115%;
}

._Users .boxB > div:first-child {
  min-height: 40px;
}

.boxB>div>a {
	color: #000;
	font-weight: bold;
}

#boxE {
	background: white;
	width: 370px;
	margin: 5px;
	float: left;
	height: 360px;
}

#boxE img {
	margin: -13px;
	width: 377px;
}

#boxTitleE {
	background: black;
	color: white;
	font-weight: normal;
	padding: 5px 0 5px 5px;
}

#boxTitleF {
	background: lightgray;
	color: black;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}

#boxTitleF:hover {
	background: darkgray;
	cursor: pointer;
}

.boxTitleB {
	border-bottom: 10px solid var(--Beamlines);
	color: #000;
	font-weight: normal;
	padding: 10px;
	font-weight: bold;
}

.boxTitleC {
	border-bottom: 10px solid var(--Home);
	color: #000;
	font-weight: normal;
	padding: 10px;
	font-weight: bold;
}

.boxTitleD {
	border-bottom: 10px solid var(--Industry);
	color: #000;
	font-weight: normal;
	padding: 10px;
	font-weight: bold;
}

.boxTitle {
	border-bottom: 10px solid var(--Users);
	color: #000;
	font-weight: normal;
	padding: 10px;
	font-weight: bold;
}

.boxContent {
	padding: 10px;
}

.boxLink{
	padding:10px;
}

.boxLink>ul {
	list-style: none outside none;
	margin: 0;
}

.boxLink li a:hover {
	text-decoration: none;
}

#home #wrapper-2 .text-section-Small {
	clear: none;
	float: left;
	margin-right: 20px;
	position: relative;
	width: 250px;
}

#call #info {
	background: none repeat scroll 0 0 #ED5627;
	border-radius: 82px 82px 82px 82px;
	color: white;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 10px;
	text-align: center;
	width: 20px;
}

#call,
#call a {
	color: #ED5627;
	font-weight: bold;
}

#home .button-wrapper {
	margin-top: 20px;
}

#home #form0 div {
	float: left;
	width: 50%;
}

#home .button-wrapper input {
	width: 83% !important;
}

#home .form-wrapper input {
	width: 80%;
}

#home #left-column-internal {
	display: none;
}

/* Event and News Teaser Listings */
h1 {
	/*border-right: 8px solid var(--GenericBackground);*/
	border-bottom: 2px solid var(--GenericBackground);
}

h2 {
	/*border-left: 5px solid var(--GenericBackground);
	padding-left: 5px;*/
}


#home h2 a {
    color: #000;
    font-size: 1.4em;
    font-weight: 650;
}

/*.event-news-list {
	
}*/

#home .event-news-list p,
#home .event-news-list li {
	margin-bottom: 0 !important;
}

.event-news-list li {
	list-style-type: none;
	display: inline-block;
	border-bottom: none;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#section .event-news-list li {
	box-shadow: 0 5px 4px -3px #D3D3D3;
	width: 98%;
}

.event-news-list li img {
	float: left;
	margin: 0 10px 20px 0;
}

.more-box {
  display: inline-block;
  font-size: 1.2em;
  margin-bottom: 10px;
  float: right;
  font-weight: 450;
}

.more-box a {	
	color: var(--Black);
}

.more-box::after {
  content: " >";
}


.HomeRightColumn div .more-box {
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 0;
}

/* Article Page */
#article #wrapper-2 #wrapper-3 #contentWrapper .text-section {
	background: none repeat scroll 0 0 white;
	border: medium none;
	border-radius: 0 0 0 0;
	box-shadow: 0 0 0 #888888;
	color: black;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 97%;
}

#article #wrapper-2 #wrapper-3 #contentWrapper .textbox_content p {
	padding: 0;
}

#article #wrapper-2 #wrapper-3 #contentWrapper .text-section h2 {
	margin-left: 0;
}

#comments {
	margin: 20px 0 30px;
	overflow: auto;
	position: relative;
}

/* Section Page */
#section .textbox_content table {
	margin-right: 20px;
}

/* Career section & jobs */
.closedjob {
	background: none repeat scroll 0 0 #E5E5E5;
	border: 1px solid black;
	color: #ED5627;
	float: right;
	font-weight: bold;
	margin: 40px;
	padding: 40px;
}

.Jobfieldset {
	width: 92%;
}

.textbox_content.job {
            background: white none repeat scroll 0 0;
            border-color: var(--DiamondLightGrey);
            border-image: none;
            border-style: solid;
            border-width: 1px 1px 1px 4px;
            float: left;
            margin: 0 0px 10px 0;
            width: calc(100% - 30px);
            padding: 10px;
        }

            .textbox_content.job:hover {
                background: #ececec80 !important;
            }
			
			.textbox_content.job .blocklink {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
		
		#jobindex h3 > a {
            color: black !important;
            text-decoration: none !important;
        }


.jobnoresults {
	background-color: #EFAEA5;
	font-weight: bold;
	margin-top: 15px;
	padding: 20px;
	width: 88%;
}

.jobresults {
	background-color: #BBEE95;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 25px;
	overflow: auto;
	padding: 21px;
	position: relative;
	top: 9px;
	width: 88%;
}

.HomeRightColumn .textbox_content.job {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	height: auto;
	margin: 16px 0 0;
	padding: 5px;
	width: 100% !important;
}

/* Staff Overview Page */
#stafflists {
	clear: both;
	height: 100%;
	position: relative;
}

#stafflistsindex .staffbadgewrapper {
	/*height: 160px;*/
	height: 180px;
}

.staffbadgewrapper {
	float: left;
	height: 240px;
	margin: 10px;
	overflow: hidden;
	width: 43%;
}

.staffbadgewrapper b {
	clear: both;
	float: left;
}

.staffbadge img,
.ProfilBadge img {
	float: left;
}

.staffbadge img {
	padding-bottom: 10px;
	padding-right: 10px;
	max-width: 115px;
}

/* Staff Profile Page */
#Profile #wrapper-2 #wrapper-3 #main div.text-section h2 {
	margin: 0;
	padding-left: 0;
}

#Profile #wrapper-2 #wrapper-3 #main img {
	margin-right: 10px;
}

#Profile .text-box-toc {
	background-repeat: repeat !important;
	height: auto !important;
	overflow: auto;
}

#Profile #wrapper-2 #wrapper-3 #main ol {
	padding-left: 10px;
	padding-right: 10px;
}

#Profile #wrapper-2 #wrapper-3 #main #breadcrumb ol {
	padding: 0;
}

#Profile #wrapper-2 #wrapper-3 #main li {
	margin-bottom: 5px;
}

#Profile #wrapper-3 #breadcrumb {
	margin-left: 10px;
	margin-top: 10px;
}

.CurrentRA {
	float: left;
	margin: 10px;
	min-height: 350px;
	position: relative;
	width: 60%;
	margin-left: 0;
}

.rightcol {
	float: right;
	margin: 10px;
	position: relative;
	width: calc(40% - 20px);
	margin-right: 0px;
}

#Profile .rightcol {
	width: 248px;
}

.ProfilBadge {
	float: right;
	position: relative;
	width: 100%;
}

/*.center.roundimage {
  margin: auto;
  width: 115px;
  border-radius: 150px;
  position: relative;
  overflow: hidden;
  height: 120px;
  margin-bottom: 14px;
}*/

.ProfilBadge {
	border-bottom-width: 1px;
	padding: 10px;
	width: calc(100% - 20px);
}

.ProfilBadge img {
	margin-left: 0 !important;
	margin-right: 10px;
	max-width: 115px !important;
}

.ProfilBadge p {
	padding: 0;
}

.ProfilBadge b {
	clear: both;
	display: block;
}

.ProfilBadge p,
.ProfilBadge b {
	padding: 0;
	float: left;
	margin-bottom: 10px;
}

.KeyResearchArea {
	float: right;
	position: relative;
	width: 100%;
}

.Publication {
	float: right;
	position: relative;
	width: 100%;
}

.Publication .textbox_content ol,
.Publication .textbox_contentul {
	margin-top: 10px;
}

.KeyResearchArea .textbox_content ol,
.KeyResearchArea .textbox_contentul {
	margin-top: 10px;
}

.ProfilBadge .textbox_content ol,
.ProfilBadge .textbox_contentul {
	margin-top: 10px;
}

#Profile #wrapper-2 #wrapper-3 #main div.text-section {
	background: none repeat scroll 0 0 white;
	border: medium none;
	color: black;
	float: left;
	height: 100%;
	margin: 0 0 15px;
	padding: 0;
	position: relative;
	width: 100%;
}

#Profile #main {
	float: right;
	margin-top: 28px;
	width: 720px;
}

/* FAQ Page */
#faq #main {
	/*float: right;*/
	/*padding-right: 20px;*/
	width: 100%;
}

/* Glossary Page */
#glossary-index {
	margin: 0 0 20px;
	overflow: hidden;
	width: 100%;
}

#glossary-index ul {
	margin: 10px 0 0;
}

#glossary-index li {
	float: left;
	list-style: none outside none;
	margin: 0 5px 5px 0;
}

#glossary-index li a,
#glossary-index li span {
	border: 1px solid var(--DiamondLightGrey);
	display: block;
	font-weight: bold;
	min-width: 12px;
	padding: 2px 7px 2px 8px;
	text-align: center;
}

#glossary-index li span {
	color: #555555;
}

#glossary-index li a:hover,
#glossary-index li a:active,
#glossary-index li a:focus {
	background: none repeat scroll 0 0 #EC1549;
	border: 1px solid #333333;
	color: #FFFFFF;
	text-decoration: none;
}

.glossary-box {
	border: 1px solid var(--DiamondLightGrey);
	float: left;
	height: 20em;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 140px;
}

#main .glossary-box li.all {
	background: none repeat scroll 0 0 transparent;
}

#main .glossary-box p.all a {
	margin-top: -1px;
}

#main .glossary-box h2 {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
	float: left;
	line-height: 1;
	margin: 0 10px 0 0;
	padding: 0;
	text-transform: uppercase;
}

#main .glossary-box ul {
	list-style: none outside none;
	margin: 0;
}

#main .glossary-box ul li {
	background: url("../img/bgs/dotted-line.png") repeat-x scroll 0 100% transparent;
	line-height: 1.2em;
	margin: 0;
}

html>body #main .glossary-box ul li {
	height: auto;
}

#main .glossary-box li a {
	display: block;
	padding: 5px 0;
}

.glossary-details {
	height: auto;
	padding: 10px 0 20px 10px;
	width: 688px;
}

#main .glossary-details h2 {
	display: block;
	float: none;
}

#main .glossary-details ul li {
	float: left;
	margin-right: 19px;
	width: 47%;
}

/* Site Map Page */
#sitemap .links {
	border: 1px dotted #224256;
	float: left;
	line-height: 1.5em;
	margin: 5px;
	/*min-height: 1380px;*/
	padding: 5px;
	width: 320px;
}

#sitemap .links h2 a {
	color: black;
	display: block;
	margin-top: 10px;
	width: 250px;
}

#sitemap .links h2 a:hover,
#sitemap .links h2 a:active,
#sitemap .links h2 a:focus {
	color: #EC1549;
	text-decoration: none;
}

#sitemap .links li {
	border: medium none;
	margin: 0;
	padding: 0;
}

#sitemap .links li a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 7px transparent;
	padding: 6px 0 6px 15px;
}

#sitemap .links li li a {
	background: url("../img/icons/sprites.png") no-repeat scroll 30px 7px transparent;
	padding-left: 45px;
}

#sitemap .links li li li a {
	background: url("../img/icons/sprites.png") no-repeat scroll 60px 7px transparent;
	padding-left: 75px;
}

#sitemap #wrapper-3 .links li ul {
	margin: 0;
	padding: 0;
}

/*#sitemap .links li li {
	
}*/

#sitemap #main {
	float: right;
	margin-left: 10px;
	margin-top: 50px;
	width: 960px;
}

#sitemap #page-intro {
	padding-left: 0;
}

/* Search Result Page */
#search-results #contentWrapper {
	width: 100%;
}

#search-results #breadcrumb {
	display: none;
}

#search-results #main {
	padding: 20px;
	width: 900px;
}

#search-results #main h1 {
	padding-top: 10px;
}

#search-results #main h1 em {
	color: #000000;
	display: inline;
	padding: 0;
}

#search-results #main ol {
	margin: 20px 0 0;
}

#search-results #main .text h1 em {
	color: #000000;
	display: inline;
}

#search-results ol li {
	background: url("../img/bgs/dotted-line.png") repeat-x scroll 0 100% transparent;
	list-style: none outside none;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#search-results #main ol h2 {
	border: medium none;
	margin: 15px 0 5px;
}

#search-results #main ol h2 a {
	color: blue;
}

#search-results #main li p {
	clear: both;
	margin: 0;
}

#search-results #main li p.category {
	color: #555555;
	margin: 2px 0 0;
}

#search-results #main ol ul {
	margin: 0;
}

#search-results #main li ul.text-data li {
	background: none repeat scroll 0 0 transparent;
	color: #555555;
	float: left;
	margin: 2px 10px 4px 0;
	padding: 0;
}

#search-results #main .text-data {
	border: medium none;
}

/* Error Page */
#errorpage #branding {
	display: none !important;
}

#errorpage #wrapper-2 {
	top: -5px;
}

#errorpage #wrapper-2 div {
	overflow: hidden;
}

/* Beamline Search */
.Operational {
	color: #008000;
	font-weight: bold;
}

.Commissioning {
	color: #C4B000;
	font-weight: bold;
}

.Under.construction {
	color: #808080;
	font-weight: bold;
}

.beamlinesearchbox {
	width: 100% !important;
}

.beamlinesearchbox span {
	display: block;
	float: left;
	width: 50%;
}

.beamlinesearchbox a {
	background: none repeat-x scroll 0 0 #697E89;
	border: 1px solid #697E89;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0;
	width: auto;
	padding: 5px;
}

.beamlinesearchbox a:hover,
.beamlinesearchbox a:active,
.beamlinesearchbox a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #333333;
	border-color: #555555 #4D4D4D #4D4D4D #555555;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	text-decoration: none;
}

.noresults {
	background-color: #EFAEA5;
	padding: 20px;
	margin-top: 15px;
	width: 84%;
	font-weight: bold;
}

.results {
	background-color: #BBEE95;
	padding: 20px;
	margin-top: 15px;
	width: 84%;
	font-weight: bold;
	margin-bottom: 10px;
}

.boxTitleTechniques a,
boxTitleTechniques a:hover,
boxTitleTechniques a:active,
boxTitleTechniques a:focus {
	text-decoration: none;
	color: #FFFFFF;
}

.boxTitleTechniques {
	background-size: 100%;
}

.technicToolTip {
	position: absolute;
	bottom: -25px;
	width: 90%;
}

.ExpendableBox {
	width: 90% !important;
	margin-bottom: 2px;
	min-height: 50px !important;
}

.boxTitleTechniques {
	background: url("../img/bgs/beamlinesboxHeader2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

/*.boxLink{
  width:92%;
  }*/
fieldset {
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 5px;
}

.boxContent.data {
	float: left;
	/*width: 33%;*/
}

.beamlineTableDesc {
	width: 40%;
}

.boxContent.desc {
	float: left;
	width: 60%;
	min-height: 84px;
}

.techniques {
	overflow: auto;
	position: relative;
	width: 30%;
	float: left;
}

.technicToolTip {
	bottom: 0;
	position: relative;
	width: 90%;
}

.techniquesfieldset span {
	width: 99%;
}

.normallink {
	border: none !important;
	color: blue !important;
	padding: 0 !important;
	background: none !important;
}

.techniquefieldsetcontent {
	height: 90%;
	overflow: auto;
	position: relative;
}

.techniquesfieldset {
	height: 200px !important;
	overflow: hidden;
	position: relative;
}

/*
Science section
------------------------------
*/

/* Public section */
#wrapper.section-public-wrapper .HomeRightColumn #teaser-3 {
	display: none;
}

/* Science section */
#wrapper.section-research-wrapper .HomeRightColumn #teaser-3 {
	display: none;
}

/*****************************************
*                                        *
*   Section 3 - Element & Paragraphs     *
*                                        *                            
******************************************/
/*Latest Common*/
#section #wrapper-2 #wrapper-3 div.latest {
	height: 100%;
	overflow: auto;
	width: 100%;
}

/*Old Two Column Style*/
/*#section #wrapper-2 #wrapper-3 #main .latest li {
  width: 48%;
  height: 140px;
  box-shadow: 0 5px 4px -3px lightgray;
}*/
#section #wrapper-2 #wrapper-3 .latest li {
	width: 98%;
	height: 154px;
    margin-bottom: 23px;
}

#section #wrapper-2 #wrapper-3 .latest .pager li {
	width: auto;
	height: auto;
	box-shadow: none;
}

#section .more {
	display: block;
}

#section #wrapper-2 #wrapper-3 .latest ul {
	position: relative;
	width: 100%;
}

#wrapper-2 #wrapper-3 .latest li {
	/*border: 1px dotted grey;*/
	float: left;
	/*height: 160px;*/
	list-style: none outside none;
	margin: 5px 10px 5px 0;
	overflow: hidden;
	padding: 5px 0;
	width: 180px;
}

#wrapper-2 #wrapper-3 .latest em span {
	display: none;
}

#wrapper-2 #wrapper-3 .latest .right {
	float: right;
	width: 50%;
}

#wrapper-2 #wrapper-3 .latest h3 em {
	display: block;
	margin: 0;
}

#wrapper-2 #wrapper-3 .latest h3 a em {
	color: #555555;
	margin: 0 0 5px;
}

/*Latest News*/
#wrapper-2 #wrapper-3 div.latest {
	border: medium none;
	float: left;
	height: 240px;
	margin: 0px;
	overflow: hidden;
	padding: 0 0 10px;
	position: relative;
}

#wrapper-2 #wrapper-3 .latest img {
	float: left;
	margin-right: 10px;
	position: relative;
	width: 40%;
	margin-top: 5px;
}

#section #wrapper-2 #wrapper-3 .latest img {
	width: 29%;
}

/*#wrapper-2 #wrapper-3 .latest p, .event-news-list p {
	/*color: #808080;*/
/* Was
  margin-left: 10px;
  padding-top: 0;
  position: relative;
  width: 90%;
}*/

#wrapper-2 #wrapper-3 .latest .all {
	height: 20px;
	position: relative;
	top: 0;
	width: 98%;
}

#wrapper-2 #wrapper-3 .latest .left {
	float: left;
	height: 130px;
	margin-bottom: 5px;
	margin-left: 10px;
	overflow: hidden;
	width: 45%;
}

.latest h3 em {
	display: block;
	font-style: normal;
}

#home .HomeRightColumn .teaser.latest {
	width: auto !important;
}

#home .HomeRightColumn .event-news-list li {
	width: 100% !important;
	min-height: 100px;
}

/*Latest event*/
#section #wrapper-2 #wrapper-3 #main .event-list li {
	clear: both;
	display: block;
	height: 105px;
}

#section #wrapper-2 #wrapper-3 #main .latest li .date {
	margin-bottom: 7px !important;
	padding-left: 10px;
}

#section #wrapper-2 #wrapper-3 #main .event-list li img {
	margin-right: 10px;
}

#wrapper-2 #wrapper-3 .latest li,
#wrapper-2 #wrapper-3 .event-list li {
	list-style: none outside none;
}

#home #wrapper-2 #wrapper-3 #main div.latest,
#home #wrapper-2 #wrapper-3 #main div.event-list {
	border: medium none;
	float: left;
	height: auto;
	padding: 0;
	position: relative;
	width: 250px;
	display: block;
	object-fit: cover;
}

#home .teaser.event-list {
	margin: 0px;
	margin-top: 20px;
}

.HomeMainColumn .teaser {
	width: 48.5% !important;
}

.HomeMainColumn .teaser:nth-child(6) {
	margin-right: 3% !important;
}

#home #wrapper-2 #wrapper-3 #main .latest ul,
#home #wrapper-2 #wrapper-3 #main .event-list ul {
	display: block;
	overflow: auto;
	position: relative;
}

#home #wrapper-2 #wrapper-3 #main .latest li,
#home #wrapper-2 #wrapper-3 #main .event-list li {
	margin: 0 0 14px;
	width: 100%;
	clear: both;
	/*padding-bottom: 25px;*/
	position: relative;
}

#home .more {
	display: none;
}

#home #wrapper-2 #wrapper-3 #main .latest img,
#home #wrapper-2 #wrapper-3 #main .event-list img {
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	width: calc(100%);
	border: 1px solid var(--DiamondLightGrey);
	max-width: 100% !important;
	box-sizing: border-box;

}

#home .teaser h3 {
	width: 100%;
	font-size: 1em;
}

#home .teaser h3 a {
	color: black;
}

#event-pager>h5 {
	padding-left: 11px;
}

.event-list #event-pager {
	position: absolute;
	right: 2%;
	top: 8%;
}

.event-list #event-pager li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	margin: 0 0 0 10px;
	width: auto;
}

.event-list #event-pager li a {
	font-size: 120%;
}

.event-list #event-pager li.prev a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0% -70px rgba(0, 0, 0, 0);
	padding-left: 16px;
}

.event-list #event-pager li.next a {
	background: url("../img/icons/sprites.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
	padding-right: 30px;
}

/*pagination*/
/*pagination*/
#home .pager {
	display: none;
}

.pager {
	clear: both;
	float: left;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.pager em {
	display: none;
}

.pager ul {
	clear: both;
	float: left;
	width: auto !important;
	margin-top: 10px;
}

.pager li {
	border: medium none !important;
	float: left !important;
	list-style: none outside none !important;
	margin: 0 3px 0 0 !important;
	text-align: center;
}

.pager li a,
.pager li strong,
.pager li span {
	display: block;
	font-weight: bold;
	padding: 10px;
}

.pager .next {
	width: 70px !important;
}

.pager .previous {
	width: 90px !important;
}

.pager li span {
	border: medium none;
	padding: 3px 1px;
}

.pager li strong {
	background: none repeat scroll 0 0 var(--GenericBackground);
	color: #FFFFFF;
	text-decoration: none;
}

.pager li a:hover,
.pager li a:active,
.pager li a:focus {
	background: none repeat scroll 0 0 var(--GenericBackground);	
	color: #FFFFFF;
	text-decoration: none;
}

.pager li.previous a,
.pager li.next a {
	border: 1px solid #FFFFFF;
}


.pager li.next a:hover,
.pager li.next a:active,
.pager li.next a:focus,
.pager li.previous a:hover,
.pager li.previous a:active,
.pager li.previous a:focus {
	background: none repeat scroll 0 0 var(--GenericBackground);	
	color: #FFFFFF;
}

.text-box-tabs {
	/*float: left;*/
	margin: 0 0 20px;
	overflow: hidden;
	width: 100%;
	/*max-width: 620px;*/
}

/* Tab menus */
.text-box-tabs .text-box-toc {
	background: url("../img/navbg.png") repeat-x scroll 0 0 #E1E5E7;
	font-weight: normal;
	height: 44px;
	list-style: none outside none;
	margin: 0;
	position: relative;
	width: 100%;
}

.text-box-tabs .text-box-toc li:first-child {
	border-left: 1px solid lightgray;
}

.text-box-tabs .text-box-toc li {
	border-right: 1px solid lightgray;
	float: left;
	height: 44px;
	margin: 0;
}

.text-box-tabs .text-box-toc li a,
.text-box-tabs .text-box-toc li a:visited {
	color: #000000;
	display: inline-block;
	float: left;
	/*min-height: 44px;*/
	padding: 12px 12px 16px 12px;
	text-decoration: none;
}

.text-box-tabs .text-box-toc li a.js-selected,
.text-box-tabs .text-box-toc li a.a11y-focus,
.text-box-tabs .text-box-toc li a:hover,
.text-box-tabs .text-box-toc li a:active,
.text-box-tabs .text-box-toc li a:focus {
	/*background-image: url("../img/navbg2.png");*/
	background: #0D4291;
	color: #fff;
}

.verticalTabs .text-box-toc {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	height: auto;
	margin-right: 4% !important;
	position: relative;
	width: 20%;
}

.verticalTabs .text-box-section-group {
	float: left;
	position: relative;
	width: 75%;
}

.text-box-tabs.verticalTabs {
	height: auto;
}

.verticalTabs .text-box-toc>li {
	border: medium none !important;
	height: auto;
	margin-bottom: 5px;
	width: 100%;
}

.verticalTabs>ol>li a {
	border: 1px solid var(--DiamondLightGrey) !important;
	box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
	display: block;
	padding: 5px !important;
	width: 100%;
}

.text-box-section-group>a {
	border: 1px solid var(--DiamondLightGrey) !important;
	box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
	display: none;
	margin-bottom: 5px;
	overflow: auto;
	padding: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.text-box-section-group>a:hover {
	text-decoration: none;
	color: white;
}

.plus,
.moins {
	float: right;
	font-weight: bold;
}

.moins {
	display: none;
}

/*
-----------------------------------
custom colors for sections
-----------------------------------
*/

/* About */
#wrapper.section-home-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-home-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-home-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-home-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-home-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-home-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-home-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-home-wrapper .text-box-section-group>a:hover,
#wrapper.section-home-wrapper .text-box-section-group>a:active,
#wrapper.section-home-wrapper .text-box-section-group>a:focus {
	background: #85AA05;
}

/* For Users */
#wrapper.section-users-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-users-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-users-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-users-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-users-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-users-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-users-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-users-wrapper .text-box-section-group>a:hover,
#wrapper.section-users-wrapper .text-box-section-group>a:active,
#wrapper.section-users-wrapper .text-box-section-group>a:focus {
	background: #0D4291;
}

/* Industry */
#wrapper.section-industry-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-industry-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-industry-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-industry-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-industry-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-industry-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-industry-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-industry-wrapper .text-box-section-group>a:hover,
#wrapper.section-industry-wrapper .text-box-section-group>a:active,
#wrapper.section-industry-wrapper .text-box-section-group>a:focus {
	background: #544E94;
}

/* Public */
#wrapper.section-public-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-public-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-public-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-public-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-public-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-public-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-public-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-public-wrapper .text-box-section-group>a:hover,
#wrapper.section-public-wrapper .text-box-section-group>a:active,
#wrapper.section-public-wrapper .text-box-section-group>a:focus {
	background: #7292CB;
}

/* Science */
#wrapper.section-science-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-science-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-science-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-science-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-science-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-science-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-science-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-science-wrapper .text-box-section-group>a:hover,
#wrapper.section-science-wrapper .text-box-section-group>a:active,
#wrapper.section-science-wrapper .text-box-section-group>a:focus {
	background: #84A806;
}

/* Beamlines */
#wrapper.section-beamlines-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-beamlines-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-beamlines-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-beamlines-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-beamlines-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-beamlines-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-beamlines-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-beamlines-wrapper .text-box-section-group>a:hover,
#wrapper.section-beamlines-wrapper .text-box-section-group>a:active,
#wrapper.section-beamlines-wrapper .text-box-section-group>a:focus {
	background: #7292CB;
}

/* Careers */
#wrapper.section-careers-wrapper .text-box-tabs .text-box-toc li a.js-selected,
#wrapper.section-careers-wrapper .text-box-tabs .text-box-toc li a.a11y-focus,
#wrapper.section-careers-wrapper .text-box-tabs .text-box-toc li a:hover,
#wrapper.section-careers-wrapper .text-box-tabs .text-box-toc li a:active,
#wrapper.section-careers-wrapper .text-box-tabs .text-box-toc li a:focus,
#wrapper.section-careers-wrapper .text-box-section-group>a.js-selected,
#wrapper.section-careers-wrapper .text-box-section-group>a.a11y-focus,
#wrapper.section-careers-wrapper .text-box-section-group>a:hover,
#wrapper.section-careers-wrapper .text-box-section-group>a:active,
#wrapper.section-careers-wrapper .text-box-section-group>a:focus {
	background: #40B5BC;
}

/*
-----------------------------------
END: custom colors for sections
-----------------------------------
*/
.text-box-tabs .text-box-toc li a.ui-disabled {
	cursor: default;
}

.text-box-tabs .text-box-section {
	float: left;
	margin: 0;
	width: 101%;
	clear: both;
}

#main .text-box-tabs .text-box-section h2 em {
	display: block;
	font-style: normal;
	margin: 0 0 -3px;
	padding: 0;
}

#main .text-box-tabs .text-box-section h2 a em {
	color: #555555;
}

/*#main .text-box-tabs h2 a, #main .text-box-tabs p a {
	/*color: #DD0E40;
}*/


#main .text-box-tabs .links {
	clear: both;
	margin: 10px 0 0;
}

#main .text-box-tabs .links h3 {
	margin: 0 0 5px 0;
}

#main .text-box-tabs .links li {
	border: medium none;
}

.col-float2 .text-box-tabs {
	clear: none;
	float: left;
	width: 460px;
}

.col-float3 .text-box-tabs {
	clear: none;
	float: left;
	width: 100%;
}

.col-subcol #main .text-box-tabs h2 {
	background-color: #000000;
	background-image: -moz-linear-gradient(center bottom, #252525, #333333);
}

ol.text-box-toc {
	margin: 0 !important;
	padding-left: 0 !important;
}

/*.col-subcol .text-box-tabs {
  background: none repeat scroll 0 0 #F2F2F2;
  width: 590px;
}

.col-subcol #text-box-toc {
  background: none repeat scroll 0 0 #000000;
}

.col-subcol .text-box-tabs .text-box-section {
  background: none repeat scroll 0 0 #F2F2F2;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #000000;
  border-radius: 0 0 5px 5px;
  border-right: 2px solid #000000;
  width: 570px;
}

.col-subcol #main .text-box-tabs .text-box-section h2 {
  background: none repeat scroll 0 0 transparent;
}

.col-subcol #main>.text-box-tabs .text-box-section {
  margin-right: 0;
}
*/

/*Teasers Common*/
.teaser {
	margin: 10px;
}

.col-float3 .teaser {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	clear: none;
	color: black;
	float: left;
	margin-top: 20px;
	padding: 10px 0 0;
	position: relative;
	width: 230px;
}

.col-float3 .teaser img {
	margin-left: 0px;
}

#wrapper-3 .teaser p {
	line-height: 1.5em;
}

.no-img>h3 {
	padding-left: 11px;
}

/*Text Box & Generic Text Content*/
#contentWrapper .text-section {
	clear: both;
}

.textbox_content {
	width: 99%;
}

.textbox_content ul,
ol {
	margin-left: 30px;
}

.textbox_content li {
	padding: 2px;
}

/*
.textbox_content p {
  padding: 0px 10px 10px 0;
}
*/
.textbox_content img {
	margin-left: 20px;
	margin-right: 20px;
	max-width: 97%;
	height: auto;
}

#home #wrapper-2 .text-section-large {
	float: right;
	width: 100%;
}

#wrapper-2 .text-section-large {
	background-color: #FFFFFF;
	float: right;
	width: 100%;
}

/*
#home #wrapper-2 .text-section-Small {
  clear: none;
  float: left;
  position: relative;
  width: 288px;
}
*/
#wrapper-2 .text-section-Small {
	background-color: #FFFFFF;
	float: left;
	width: 300px;
}

#section .textbox_content {
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
}

.text-section-large .textbox_content {
	overflow: auto;
	padding: 10px;
	position: relative;
}

.text {
	overflow: auto;
	position: relative;
}

.TextImageItem img {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.TextImageItem .captionArea {
	background: none repeat scroll 0 0 #ECECEC;
	display: block;
	padding: 5px 5px 0;
}

.caption,
.copyright,
.longdesc {
	color: black;
	font-size: 0.9em;
	padding: 7px !important;
	font-style: italic;
}

.imgleft {
	float: left;
	margin-right: 10px;
}

.imgright {
	float: right;
	margin-left: 10px;
}

.imgabove {
	float: none;
	clear: both;
}

.imgsmall {
	width: 25%;
}

.imgmedium {
	width: 50%;
}

.imglarge {
	width: 100%;
}

/* Publications per Beamlines Paragraph */

/* ---OLD---
.beamlinepubtab {
  border-bottom: 1px solid;
  display: block;
  overflow: auto;
  padding-left: 0;
}

.beamlinepubtab li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 white;
  border-color: black black -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  display: block;
  float: left;
  margin-right: 5px;
}

.beamlinepubtab a {
  display: block;
  padding: 5px;
}

.beamlinepubtab a:hover {
  background: none repeat scroll 0 0 lightgray;
}
*/
.beamlinepubtab {
	background: url("../img/navbg.png") repeat-x scroll 0 0 #E1E5E7;
	font-weight: normal;
	height: 44px;
	list-style: none outside none;
	margin: 0;
	position: relative;
	width: 100%;
}

.beamlinepubtab li:first-child {
	border-left: 1px solid lightgray;
}

.beamlinepubtab li {
	border-right: 1px solid lightgray;
	float: left;
	height: 44px;
	margin: 0;
}

.beamlinepubtab li a,
.beamlinepubtab li a:visited {
	color: #000000;
	display: inline-block;
	float: left;
	padding: 12px 12px 16px 12px;
	text-decoration: none;
}

.beamlinepubtab li a.js-selected,
.beamlinepubtab li a.a11y-focus,
.beamlinepubtab li a:hover,
.beamlinepubtab li a:active,
.beamlinepubtab li a:focus {
	background: #0D4291;
	color: #fff;
}

.PubDiscipline {
	color: #808080;
	display: block;
}

/*
-----------------------------------
custom colors for sections
-----------------------------------
*/

/* About */
#wrapper.section-home-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-home-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-home-wrapper .beamlinepubtab li a:hover,
#wrapper.section-home-wrapper .beamlinepubtab li a:active,
#wrapper.section-home-wrapper .beamlinepubtab li a:focus {
	background: #85AA05;
}

/* For Users */
#wrapper.section-users-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-users-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-users-wrapper .beamlinepubtab li a:hover,
#wrapper.section-users-wrapper .beamlinepubtab li a:active,
#wrapper.section-users-wrapper .beamlinepubtab li a:focus {
	background: #0D4291;
}

/* Industry */
#wrapper.section-industry-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-industry-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-industry-wrapper .beamlinepubtab li a:hover,
#wrapper.section-industry-wrapper .beamlinepubtab li a:active,
#wrapper.section-industry-wrapper .beamlinepubtab li a:focus {
	background: #544E94;
}

/* Public */
#wrapper.section-public-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-public-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-public-wrapper .beamlinepubtab li a:hover,
#wrapper.section-public-wrapper .beamlinepubtab li a:active,
#wrapper.section-public-wrapper .beamlinepubtab li a:focus {
	background: #7292CB;
}

/* Science */
#wrapper.section-science-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-science-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-science-wrapper .beamlinepubtab li a:hover,
#wrapper.section-science-wrapper .beamlinepubtab li a:active,
#wrapper.section-science-wrapper .beamlinepubtab li a:focus {
	background: #84A806;
}

/* Beamlines */
#wrapper.section-beamlines-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-beamlines-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-beamlines-wrapper .beamlinepubtab li a:hover,
#wrapper.section-beamlines-wrapper .beamlinepubtab li a:active,
#wrapper.section-beamlines-wrapper .beamlinepubtab li a:focus {
	background: #7292CB;
}

/* Careers */
#wrapper.section-careers-wrapper .beamlinepubtab li a.js-selected,
#wrapper.section-careers-wrapper .beamlinepubtab li a.a11y-focus,
#wrapper.section-careers-wrapper .beamlinepubtab li a:hover,
#wrapper.section-careers-wrapper .beamlinepubtab li a:active,
#wrapper.section-careers-wrapper .beamlinepubtab li a:focus {
	background: #40B5BC;
}

/*
-----------------------------------
END: custom colors for sections
-----------------------------------
*/

/*RSS Links & Icons*/
.RssAgregator li {
	list-style: none outside none;
	margin-bottom: 17px;
}

.RssAgregator li h3 {
	padding: 0;
}

/*Categories Display*/
.cat {
	clear: both;
	color: #808080 !important;
	font-size: 72.5%;
	font-weight: normal;
	margin: 0 !important;
}

#section .cat {
	margin-left: 10px !important;
}

/*Date Display*/
.date {
	color: grey;
	font-weight: bold;
}

.cat-date-row {
	display: block;
	width: 100%;
	font-size: 90%;
}

.cat-date-row .categories {
	color: grey;
	text-transform: uppercase;
	display: inline;
}

.cat-date-row .date, .teaser.event-list .date {
  font-weight: normal;
  display: inline;
  line-height: 30px;
}

#home .cat-date-row {
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	z-index: 999;
	width: auto;
	color: black !important;
	padding-left: 10px;
	padding-right: 10px;
}

#home .date {
	color: #000;
	font-weight: bold;
	padding-bottom: 3px;
}

#home .categories em a {
	font-size: 0.7em;
	color: black;
	font-style: normal;
	/*! margin-right: 5px; */
	padding: 4px;
	/*! border: 1px solid var(--GenericBackground); */
	/*! border-left: 5px solid var(--GenericBackground); */
	/*! margin-bottom: 5px; */
	/*! background: #fff; */
	float: left;
	font-weight: bold;
}

#home .categories {
	position: absolute;
	left: 0px;
	top: 26px;
	/*! width: 100%; */
	/*! display: block; */
	/*! clear: both; */
	/*! position: relative; */
	/*! overflow: auto; */
	background: rgba(255, 255, 255, 0.8);
	padding-left: 6px;
}

/*Links paragraphs*/
.links ul {
	list-style: none outside none;
}

.links .external {
	/*list-style: square inside none;*/
	padding: 5px 0 0;
}

.links .internal {
	/*list-style: square inside none;*/
	padding: 5px 0 0 0;
}

.links .external a {
	padding-right: 5px;
}

.links .internal a {
	padding-right: 5px;
}

/*More links*/
em.more a,
.more a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
	padding-left: 15px;
	display: inline-block;
	line-height: 18px;
}

em.more-comments a {
	font-style: normal;
	padding-left: 15px;
}

em.more-comments:before {
	content: "|";
}

/*Button links*/
.buttonlink {
	border: 1px solid black;
	color: black;
	display: block;
	margin-top: 5px;
	padding: 10px;
	position: relative;
	width: 150px;
}

.buttonlink:hover {
	background: darkgrey;
	text-decoration: none
}

/*Beamlines Manual Links*/
.beamlinesManualLink {
	margin-left: 0 !important;
}

.beamlinesManualLink li {
	display: block;
	float: left;
	list-style: none outside none;
	margin: 2px;
	padding: 5px;
	text-align: center;
	width: 40px;
}

.beamlinesManualLink li a {
	background: none repeat scroll 0 0 #E7F0F7;
	border-radius: 10px 10px 10px 10px;
	color: black;
	display: block;
	float: left;
	list-style: none outside none;
	margin: 2px;
	padding: 5px;
	text-align: center;
	width: 40px;
}

.beamlinesManualLink li a:hover {
	background: none repeat scroll 0 0 darkgray;
}

.beamlinesManualLink li a:hover {
	text-decoration: none;
}

/*
 *  Wow Slider Large
 */
 
 .d-block.w-100{
	object-fit: cover;
	width:100%;
	height:100%;
	
 }
 
.wowsliderlarge {
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0 10px 10px 0;
}

#wowslider-containerLarge {
	zoom: 1;
	position: relative;
	max-width: 550px;
	margin: 0px;
	z-index: 90;
	border: none;
	text-align: left;
	width: 550px
}

#wowslider-containerLarge .ws_images ul {
	position: relative;
	width: 10000%;
	height: auto;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	overflow: visible;
}

#wowslider-containerLarge .ws_images ul li {
	width: 1%;
	line-height: 0;
	/*opera*/
	float: left;
	font-size: 0;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}

#wowslider-containerLarge .ws_images {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#wowslider-containerLarge .ws_images a {
	width: 100%;
	display: block;
	color: transparent;
}

#wowslider-containerLarge img {
	max-width: none !important;
}

#wowslider-containerLarge .ws_images img {
	width: 100%;
	border: none 0;
	max-width: none;
	padding: 0;
}

#wowslider-containerLarge a {
	text-decoration: none;
	outline: none;
	border: none;
}

#wowslider-containerLarge .ws_bullets {
	font-size: 0px;
	float: left;
	position: absolute;
	z-index: 70;
}

#wowslider-containerLarge .ws_bullets div {
	position: relative;
	float: left;
}

#wowslider-containerLarge a.wsl {
	display: none;
}

#wowslider-containerLarge sound,
#wowslider-containerLarge object {
	position: absolute;
}

#wowslider-containerLarge .ws_bullets {
	padding: 10px;
}

#wowslider-containerLarge .ws_bullets a {
	margin-left: 4px;
	width: 22px;
	height: 20px;
	background: url(./bullet.png) left top;
	float: left;
	text-indent: -4000px;
	position: relative;
	color: transparent;
}

#wowslider-containerLarge .ws_bullets a.ws_selbull,
#wowslider-containerLarge .ws_bullets a:hover {
	background-position: 0 100%;
}

#wowslider-containerLarge a.ws_next,
#wowslider-containerLarge a.ws_prev {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -28px;
	z-index: 60;
	height: 50px;
	width: 51px;
	background-image: url("../img/bgs/arrows.png");
}

#wowslider-containerLarge a.ws_next {
	background-position: 100% 0;
	right: 10px;
}

#wowslider-containerLarge a.ws_prev {
	left: 10px;
	background-position: 0 0;
}

#wowslider-containerLarge a.ws_next:hover {
	background-position: 100% 100%;
}

#wowslider-containerLarge a.ws_prev:hover {
	background-position: 0 100%;
}

#wowslider-containerLarge a.ws_next,
#wowslider-containerLarge a.ws_prev {
	display: block
}

#wowslider-containerLarge:hover a.ws_next,
#wowslider-containerLarge:hover a.ws_prev {
	display: block
}

#wowslider-containerLarge .ws_bullets {
	bottom: -65px;
	left: 50%;
}

#wowslider-containerLarge .ws_bullets div {
	left: -50%;
}

#wowslider-containerLarge .ws-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 50;
	background: #2a2a2a;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	overflow: hidden;
}

#wowslider-containerLarge .ws-title div {
	font-size: 18px;
	line-height: 18px;
	color: #F9FBFB;
	padding: 12px;
}

#wowslider-containerLarge .ws_thumbs {
	font-size: 0px;
	position: absolute;
	overflow: auto;
	z-index: 70;
}

#wowslider-containerLarge .ws_thumbs a {
	color: transparent;
	opacity: 0.85;
}

#wowslider-containerLarge .ws_thumbs a:hover {
	opacity: 1;
}

#wowslider-containerLarge .ws_thumbs a:hover img {
	visibility: visible;
}

#wowslider-containerLarge .ws_thumbs {
	right: -122px;
	top: 0;
	width: 117px;
}

#wowslider-containerLarge .ws_thumbs div {
	position: relative;
	width: 100%;
}

#wowslider-containerLarge .ws_thumbs .ws_selthumb img {
	border-color: #444;
}

#wowslider-containerLarge .ws_thumbs a img {
	margin: 0 3px 5px;
	text-indent: 0;
	max-width: none;
	border: none;
}

#wowslider-containerLarge .ws_logo {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	background: url(./loading.gif) 50% 50% no-repeat;
}

#wowslider-containerLarge img.loading {
	width: 101px;
	height: 48px;
	background: url(./loading.gif) 50% 50% no-repeat;
}

#wowslider-containerLarge .ws_bullets a img {
	text-indent: 0;
	display: block;
	bottom: 16px;
	left: -51px;
	visibility: hidden;
	position: absolute;
	-moz-box-shadow: 0 0 5px #000000;
	box-shadow: 0 0 5px #000000;
	border: 5px solid #a4a4a4;
	max-width: none;
}

#wowslider-containerLarge .ws_bullets a:hover img {
	visibility: visible;
}

#wowslider-containerLarge .ws_bulframe div div {
	height: 48px;
	overflow: visible;
	position: relative;
}

#wowslider-containerLarge .ws_bulframe div {
	left: 0;
	overflow: hidden;
	position: relative;
	width: 101px;
	background-color: #a4a4a4;
}

#wowslider-containerLarge .ws_bullets .ws_bulframe {
	display: none;
	bottom: 20px;
	overflow: visible;
	position: absolute;
	cursor: pointer;
	-moz-box-shadow: 0 0 5px #000000;
	box-shadow: 0 0 5px #000000;
	border: 5px solid #a4a4a4;
}

#wowslider-containerLarge .ws_bulframe span {
	display: block;
	position: absolute;
	bottom: -10px;
	margin-left: -2px;
	left: 51px;
	background: url(./triangle.png);
	width: 15px;
	height: 6px;
}

/* Wow Slider Small Carousel*/
#wowslider-container1 {
	border: medium none;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
	text-align: left;
	z-index: 100;
	height: 275px;
	width: 100%;
}

#wowslider-container1 ul {
	border-spacing: 0;
	height: auto;
	left: 0;
	list-style: none outside none;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 10000%;
}

#wowslider-container1 .ws_images ul li {
	float: left;
	font-size: 0;
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	width: 1%;
}

#wowslider-container1 .ws_images {
	left: 0;
	overflow: hidden;
	padding: 0 0 20px !important;
	position: relative;
	top: 0;
	width: 100%;
}

#wowslider-container1 .ws_images a {
	color: transparent;
	display: block;
	width: 100%;
}

#wowslider-container1 img {
	max-width: none !important;
}

#wowslider-container1 .ws_images img {
	border: 0 none;
	max-width: none;
	width: 100%;
}

#wowslider-container1 a {
	border: medium none;
	outline: medium none;
	text-decoration: none;
}

#wowslider-container1 .ws_bullets {
	float: left;
	font-size: 0;
	position: absolute;
	z-index: 70;
}

#wowslider-container1 .ws_bullets div {
	float: left;
	position: relative;
}

#wowslider-container1 a.wsl {
	display: none;
}

#wowslider-container1 .ws_bullets {
	padding: 0;
}

#wowslider-container1 .ws_bullets a {
	background: url("../img/bgs/bullet.png") repeat scroll left top transparent;
	color: transparent;
	float: left;
	height: 20px;
	margin-left: 4px;
	position: relative;
	text-indent: -4000px;
	width: 22px;
}

#wowslider-container1 .ws_bullets a.ws_selbull,
#wowslider-container1 .ws_bullets a:hover {
	background-position: 0 100%;
}

#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev {
	background-image: url("../img/bgs/arrows.png");
	display: block !important;
	height: 50px;
	margin-top: -28px;
	position: absolute;
	top: 130px;
	width: 51px;
	z-index: 60;
}

#wowslider-container1 a.ws_next {
	background-position: 100% 0;
	right: 10px;
}

#wowslider-container1 a.ws_prev {
	background-position: 0 0;
	left: 10px;
}

#wowslider-container1 a.ws_next:hover {
	background-position: 100% 100%;
}

#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%;
}

* html #wowslider-container1 a.ws_next,
* html #wowslider-container1 a.ws_prev {
	display: block;
}

#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev {
	display: block;
}

#wowslider-container1 .ws_bullets {
	right: 0;
	top: 212px;
}

#wowslider-container1 .ws-title {
	color: #F9FBFB;
	left: 0;
	line-height: 18px;
	margin-right: 10px;
	overflow: auto;
	position: relative !important;
	text-transform: uppercase;
	width: 100%;
	z-index: 50;
}

#wowslider-container1 .ws-title div,
#wowslider-container1 .ws-title span {
	background: none repeat scroll 0 0 #2A2A2A;
	display: inline-block;
	opacity: 0.8;
	padding: 10px;
}

#wowslider-container1 .ws-title div {
	display: block;
	margin-top: 0;
	padding-top: 2px;
	text-transform: none;
}

#wowslider-container1 ul {
	animation: 20s ease 0s normal none infinite wsBasic;
}

#wowslider-container1 .ws_bullets a img {
	border: 5px solid #A4A4A4;
	box-shadow: 0 0 5px #000000;
	display: block;
	left: -66px;
	max-width: none;
	position: absolute;
	text-indent: 0;
	top: 16px;
	visibility: hidden;
}

#wowslider-container1 .ws_bullets a:hover img {
	visibility: visible;
}

#wowslider-container1 .ws_bulframe div div {
	height: 90px;
	overflow: visible;
	position: relative;
}

#wowslider-container1 .ws_bulframe div {
	background-color: #A4A4A4;
	left: 0;
	overflow: hidden;
	position: relative;
	width: 131px;
}

#wowslider-container1 .ws_bullets .ws_bulframe {
	border: 5px solid #A4A4A4;
	box-shadow: 0 0 5px #000000;
	cursor: pointer;
	display: none;
	overflow: visible;
	position: absolute;
	top: 20px;
}

#wowslider-container1 .ws_bulframe span {
	background: url("../img/bgs/triangle.png") repeat scroll 0 0 transparent;
	display: block;
	height: 6px;
	left: 66px;
	margin-left: -2px;
	position: absolute;
	top: -10px;
	width: 15px;
}

.wowslidersmall {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	clear: none;
	color: white;
	float: left;
	margin: 0px 10px 10px;
	overflow: hidden;
	position: relative;
	width: 310px;
}

/*Visual Light Box*/
#jquery-overlay {
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90;
}

#jquery-lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}

#jquery-lightbox a img {
	border: medium none;
}

#lightbox-container-image-box {
	background-color: #FFFFFF;
	height: 250px;
	margin: 0 auto;
	position: relative;
	width: 250px;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	height: 25%;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

#lightbox-nav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box>#lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: medium none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	display: block;
	height: 100%;
	width: 49%;
}

#lightbox-nav-btnPrev {
	float: left;
	left: 0;
}

#lightbox-nav-btnNext {
	float: right;
	right: 0;
}

#lightbox-container-image-data-box {
	background-color: #FFFFFF;
	font: 10px/1.4em Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	overflow: auto;
	padding: 0 10px;
	width: 100%;
}

#lightbox-container-image-data {
	color: #666666;
	padding: 0 10px;
}

#lightbox-container-image-data #lightbox-image-details {
	float: left;
	text-align: left;
	width: 70%;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	clear: left;
	display: block;
	padding-bottom: 1em;
}

#lightbox-secNav-btnClose {
	float: right;
	padding-bottom: 0.7em;
	width: 66px;
}

.black_overlay {
	background-color: black;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}

.white_content {
	background-color: white;
	border: 10px solid #5996CD;
	display: none;
	margin: auto;
	max-width: 50%;
	padding: 16px;
	position: fixed;
	top: 25%;
	z-index: 1002;
}

.absolutediv {
	left: 25%;
	position: absolute;
}

#overlay {
	background-color: #000000;
	height: 100% !important;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 190;
}

#lightbox {
	color: #151410;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 100%;
	z-index: 200;
}

#lightbox a,
#lightbox a:hover {
	border-bottom: medium none;
	color: #151410;
	text-decoration: underline;
}

#lightbox a img {
	border: medium none;
}

#outerImageContainer {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: auto;
}

#lightboxImage {
	height: 100%;
	width: 100%;
}

#imageContainerMain {
	font-size: 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}

#imageContainer {
	background-color: #FFFFFF;
	font-size: 0;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 150px;
}

#loading {
	height: 25%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
	z-index: 1;
}

#loadingLink {
	background: url("../images/loading.gif") no-repeat scroll center center transparent;
	display: block;
	height: 29px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	width: 150px;
}

#hoverNav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#prevLinkImg,
#nextLinkImg {
	display: block;
	height: 100%;
	outline-style: none;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 48px;
	z-index: 20;
}

* html #prevLinkImg,
* html #nextLinkImg {
	background-image: url("data:image/gif;base64,AAAA");
}

#prevLinkImg {
	left: -20px;
}

#nextLinkImg {
	right: -20px;
}

#prevLinkImg,
#prevLinkImg.hover,
#prevLinkImg:visited {
	background: url("../images/prev.png") no-repeat scroll 5% center transparent;
}

#nextLinkImg,
#nextLinkImg.hover,
#nextLinkImg:visited {
	background: url("../images/next.png") no-repeat scroll 97% center transparent;
}

#imageDataContainer {
	position: relative;
	width: auto;
}

#imageData {
	background-color: #000000;
	color: #FFFFFF;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	margin-right: 0px;
	overflow: visible;
	position: relative;
	text-align: center;
	z-index: 21;
}

#imageDetails {
	padding: 0;
	width: 100%;
}

#caption {
	display: block;
	padding: 12px;
	text-align: left;
}

#caption a,
#caption a:hover {
	color: #FFFFFF;
}

#numberDisplay {
	display: none;
	text-align: right;
}

#detailsNav {
	display: none;
}

#prevLinkDetails,
#nextLinkDetails,
#slideShowControl {
	display: none;
}

#slideShowControl {
	background-image: url("$rel#conposit.png$");
	background-position: -42px center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 49px;
	width: 42px;
}

#close {
	height: 0;
	position: relative;
	width: 100%;
	z-index: 21;
}

#closeLink {
	background: url("../images/close.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 58px;
	margin: 0;
	outline-style: none;
	padding: 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: -9px;
	width: 58px;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

#outerImageFrame {
	border: medium none;
	height: 100%;
	position: absolute;
	width: 100%;
}

#outerImageContainer {
	overflow: visible;
}

#outerImageContainer td {
	padding: 0;
	text-align: center;
}

#lightboxFrameBody {
	background-color: #313131;
}

#outerImageContainer td,
#outerImageContainer tr {
	border: 0 none;
	font-size: 0;
}

#outerImageContainer td.tl,
#outerImageContainer td.br {
	height: 20px;
	width: 20px;
}

.vlb {
	display: none;
}

#outerImageContainer td.tl {
	background: url("../images/back_corvers.png") repeat scroll 0 0 transparent;
}

#outerImageContainer td.tc {
	background: url("../images/back_tb.png") repeat scroll 50% 0 transparent;
}

#outerImageContainer td.tr {
	background: url("../images/back_corvers.png") repeat scroll 100% 0 transparent;
}

#outerImageContainer td.ml {
	background: url("../images/back_lr.png") repeat scroll 0 50% transparent;
}

#outerImageContainer td.mr {
	background: url("../images/back_lr.png") repeat scroll 100% 50% transparent;
}

#outerImageContainer td.bl {
	background: url("../images/back_corvers.png") repeat scroll 0 100% transparent;
}

#outerImageContainer td.bc {
	background: url("../images/back_tb.png") repeat scroll 50% 100% transparent;
}

#outerImageContainer td.br {
	background: url("../images/back_corvers.png") repeat scroll 100% 100% transparent;
}

#vlightbox1 {
	width: 100%;
}

#vlightbox1 .vlightbox1 {
	box-shadow: 1px 1px 2px 2px grey;
	display: inline-block;
	font-weight: normal;
	margin: 10px;
	opacity: 0.87;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	width: 210px;
	float: left;
}

#vlightbox1 .vlightbox1 a {
	color: black;
	margin: 0;
}

#vlightbox1 .vlightbox1:hover,
#vlightbox1 .vlightbox1 a:hover {
	opacity: 1;
	text-decoration: underline;
}

#vlightbox1 .vlightbox1 img {
	border: medium none;
	display: block;
	margin: 0;
}

#vlightbox1 .vlightbox1 div {
	display: none;
}

.vlightbox1:nth-child(3n+1) {
	margin-left: 0px !important;
}

/*Other lightbox*/
.photo-index .media {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B3B3B3;
	box-shadow: -2px 2px 4px rgba(135, 139, 144, 0.4);
	float: none;
	padding: 8px 8px 16px;
	transform: rotate(0deg);
	width: 210px;
}

*+html .photo-index .media {
	display: inline;
}

.no-csstransforms .photo-index .media {
	margin-right: 5px;
}

.photo-index .media:hover {
	border: 1px solid #888888;
	position: relative;
	transform: rotate(-3deg);
	transition: all 0.3s ease-in 0s;
	z-index: 100;
}

.photo-index dl {
	margin-right: 0;
}

.photo-index .media dt {
	height: auto;
	margin: 0 0 10px;
	min-height: 125px;
}

.photo-index .media dt img {
	width: 210px;
}

.photo-index .media dd {
	background: none repeat scroll 0 0 transparent;
}

#image-gallery #main {
	/*float: right;*/
	width: 100%;
}

.mask {
	background-color: #000000;
	width: 100%;
	z-index: 110;
}

.loading-mask {
	background: url("../img/bgs/loading.gif") no-repeat fixed center center #000000;
}

.showbox {
	background-color: #B3B3B3;
	left: 0;
	margin: 40px 0 0;
	overflow: hidden;
	padding: 0 0 20px;
	position: absolute;
	top: 0;
	width: 995px;
	z-index: 120;
}

.showbox .overlay-control {
	display: none;
}

.showbox-head {
	background-color: #555555;
	color: #FFFFFF;
	height: 1%;
	margin: 0 0 30px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
}

.showbox-toolbar {
	clear: both;
	float: left;
}

.showbox-head a {
	color: #FFFFFF;
	cursor: pointer;
	margin-right: 10px;
}

.showbox-head a.ui-disabled {
	color: #AAAAAA;
	cursor: default;
	text-decoration: none;
}

.showbox-toolbar .prev {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -73px transparent;
	padding-left: 17px;
}

.showbox-toolbar .next {
	background: url("../img/icons/sprites.png") no-repeat scroll 190% 1px transparent;
	padding-right: 17px;
}

.showbox .close-button {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -218px transparent;
	color: #FFFFFF;
	cursor: pointer;
	padding: 0 5px 0 17px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.showbox .content-box {
	background-color: #999999;
	margin: 0 auto;
}

.showbox.loading {
	background: url("../img/bgs/loading.gif") no-repeat fixed center center #999999;
}

.showbox .multimedia-box {
	overflow: hidden;
}

.showbox .text-content {
	background: none repeat scroll 0 0 #ECECEC;
	padding: 5px;
}

.showbox h2 {
	margin: 5px 0;
}

.showbox p {
	margin-bottom: 10px;
}

.showbox ul {
	margin: 10px 0;
}

.showbox li {
	color: #555555;
	list-style: none outside none;
}

/*Generic Ajax Div*/
#contentdiv {
	position: relative;
	width: 100%;
}

#visualization {
	height: 500px;
	padding-left: 5px;
	width: 558px;
}

/*Flow Chart Paragraph*/
.flowchart {
	background: none repeat scroll 0 0 #1D3E75;
	border-radius: 5px 5px 5px 5px;
	color: white;
	margin: 5px 5px 20px;
	position: relative;
	width: 80%;
	padding: 5px;
}

.flowchart p {
	padding-left: 10px;
}

.flowchartArrow {
	bottom: -22px;
	position: absolute;
	right: 0;
}

.flowchart strong {
	color: orange;
}

.flowchart a {
	text-decoration: none;
	color: orange;
}

.flowchart.lvl1 {
	margin-left: 0;
}

.flowchart.lvl2 {
	margin-left: 4%;
}

.flowchart.lvl3 {
	margin-left: 8%;
}

.flowchart.lvl4 {
	margin-left: 12%;
}

.flowchart.lvl5 {
	margin-left: 16%;
}

/*Two Column Template*/
.twocolumnleft {
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
	clear: left;
	width: 49%;
}

.twocolumnright {
	float: left;
	margin-bottom: 15px;
	margin-left: 1%;
	width: 49%;
}

.twocolumnright img {
	max-width: 90%;
}

.twocolumnright iframe {
	display: block;
	margin: auto;
	max-width: 100%;
	position: relative;
}

.twocolumnleft img {
	max-width: 90%;
}

.twocolumnleft iframe {
	max-width: 90%;
}

.twocolumnleft .textbox_content {
	padding-left: 0;
}

.twocolumnright .textbox_content {
	padding-left: 0;
}

.twocolumnright .staffbadgewrapper,
.twocolumnleft .staffbadgewrapper {
	width: 100% !important;
}

.twocolumnleft p {
	padding-left: 0;
}

.twocolumnright p {
	padding-left: 0;
}

/*Magnolia Stuff*/
.mgnlText,
body#mgnl {
	color: #000000;
}

.mgnlBgDark,
body.mgnlDialogBody,
body#mgnl {
	background-color: #FAFBF4;
}

body.mgnlAdminMain {
	overflow: hidden;
}

.mgnlBgDark {
	margin: 0;
	padding: 0;
}

.mgnlBgDark,
body.mgnlDialogBody,
body#mgnl {
	background-color: #FAFBF4;
}

/*****************************************
*                                        *
*   Section 4 - Icons                    *
*                                        *                            
******************************************/

/* icons and similar*/
.socialicon img {
	margin: 0;
	opacity: 0.6;
	padding: 0;
}

.socialicon:hover img {
	opacity: 1;
}

.mxtwitter {
	clear: both;
	margin-top: 15px;
	width: auto !important;
}

.mxtwitter>a {
	color: white;
	font-family: waiting for the sunrise;
	font-style: italic;
	margin-top: 10px;
}

.mxtwitter>a:hover {
	color: black;
}

#sociallist {
	margin: 0;
}

#sociallist img {
	margin-left: 0;
}

.icon {
	height: 15px;
}

.icon_facebook {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 356px transparent;
	float: left !important;
	height: 32px;
	margin: 5px;
	padding: 0 !important;
	width: 31px !important;
}

.icon_facebook *:hover {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 389px transparent;
}

.icon_facebook>a {
	display: block;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

.icon_twitter {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 227px transparent;
	float: left !important;
	height: 32px;
	margin: 5px;
	padding: 0 !important;
	width: 31px !important;
}

.icon_twitter:hover {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 259px transparent;
}

.icon_twitter>a {
	display: block;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

.icon_email {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 97px transparent;
	float: left !important;
	height: 32px;
	margin: 5px;
	padding: 0 !important;
	width: 31px !important;
}

.icon_email:hover {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 132px transparent;
}

.icon_email>a {
	display: block;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

.icon_youtube {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 292px transparent;
	float: left !important;
	height: 32px;
	margin: 5px;
	padding: 0 !important;
	width: 31px !important;
}

.icon_youtube:hover {
	background: url("../img/bgs/IconSet3.png") repeat scroll -6px 325px transparent;
}

.icon_youtube>a {
	display: block;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

/*****************************************
*                                        *
*   Section 5 - Other CSS Classes        *
*                                        *                            
******************************************/
.proteinh2 {
	left: -1px;
	margin-left: 0 !important;
	width: 98% !important;
}

.proteindiv {
	border: 1px solid #5996CD;
	box-shadow: 1px 1px 2px 2px #5996CD;
	float: left;
	height: 200px;
	left: -15px;
	margin-bottom: 15px;
	margin-left: 15px;
	overflow: hidden;
	padding: 0 10px 10px;
	position: relative;
	width: 193px;
}

.proteindate {
	float: left;
	font-weight: bold;
	left: 5px;
	padding: 0 !important;
	position: relative;
	top: 5px;
	z-index: 1;
}

.proteinlink {
	float: right;
	font-weight: bold;
	padding: 0 !important;
	position: relative;
	right: 5px;
	top: 5px;
	z-index: 1;
}

.proteintitle {
	color: #224256;
}

.techcomponent {
	display: block;
	float: right;
	left: 40px;
	padding: 10px;
	width: 300px;
}

.techcomponent table {
	color: black;
}

.beamlineoverview {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid grey;
	color: #000000;
	float: left;
	height: 240px;
	margin-bottom: 10px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	width: 288px;
}

.beamlineoverview p {
	padding: 5px;
}

.beamlineoverview.boxleft {
	margin-right: 20px;
}

.beamlineoverview .boxleft {
	margin-right: 20px;
}

.beamlineoverview .pictoDesc {
	bottom: 5px;
	font-weight: bold;
	position: absolute;
	width: 100%;
}

.beamsize,
.wavelength,
.detector {
	float: left;
	margin: 5px;
	min-height: 40px;
	width: 30%;
}

.beamlineoverview,
table {
	border: medium none !important;
	margin: 0;
	padding: 0;
}

.beamlineoverview tr {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none;
	margin: 0;
	padding: 0;
}

.beamlineoverview td {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.beamsize img,
.wavelength img,
.detector img {
	margin: 0;
	max-height: 35px;
	max-width: 35px;
	opacity: 1;
	padding: 0;
}

.beamsize img:hover,
.wavelength img:hover,
.detector img:hover {
	opacity: 0.4;
}

.beamlineoverview h3 {
	background: none repeat scroll 0 0 #E7F0F7;
	color: #444A95;
	padding-left: 2px;
}

.beamlineoverview a {
	color: #444A95;
	text-decoration: none;
}

.beamlineoverviewmap {
	float: left;
}

.beamlineoverviewmap img {
	margin: 0 !important;
}

.beamlineoverviewmap p {
	margin-top: 0;
	padding: 0;
}

/*
.beamlinephone {
  padding: 10px !important;
}

.beamlinecontactbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid var(--DiamondLightGrey) !important;
    box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
    color: #000000;
    float: left;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-top: 30px;
    overflow: hidden;
    width: 98%;
}

.beamlinecontactbox h3 {
  background: none repeat scroll 0 0 #E7F0F7;
  color: #444A95;
  padding: 10px;
}

.pbs {
  padding: 10px !important;
}
*/
.photo {
	width: 100%;
}

.photo img {
	margin: 0;
	max-width: 458px;
	width: 99%;
}

.TechniquesBox {
	width: 40%;
	border: 1px solid gray;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 10px !important;
	;
	float: left;
	border-top: 6px solid var(--GenericBackground);
	height: auto !important;
}

.instrumentbutton {
	background-color: var(--GenericBackground);
	color: white !important;
	padding: 5px;
	display: block;
	text-align: center;
	margin-bottom: 12px;
	text-decoration: none !important;
}

.instrumentbutton:hover,
.instrumentbutton:focus {
	background-color: #072333;
	text-decoration: none !important;
}

.instrumentbutton:visited {
	color: white !important;
}

#showFilters {
	background: var(--GenericBackground);
	margin: 0 0 0 0 !important;
	top: 9px;
	position: relative;
	display: inline;
}

.instrument h3,
.TechniquesBox h3 {
	color: var(--GenericBackground);
}

#allInstrumentsBytechniques .instrument .instrumentbutton {
	font-size: 0;
	background: none;
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#allInstrumentsBytechniques .instrument {
	/*width: 40%;*/
	width: calc(50% - 40px);
	/*margin-right: 20px;*/
	margin-bottom: 10px !important;
	float: left;
	border-top: 6px solid var(--GenericBackground);
	margin-top: 15px !important;
}

#allInstrumentsBytechniques .instrument:nth-child(even){

margin-left: 10px;
}
#allInstrumentsBytechniques .instrument:nth-child(odd){
	
	margin-right: 10px;
}

#allInstrumentsBytechniques .linkWrapper {
	position: relative;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 5px;
}

#allInstrumentsBytechniques .linkWrapper:hover,
.linkWrapper:focus,
.linkWrapper:active {
	background: #ececec;
}

.techniquelist em a,
.TechniquesBox .techniquelist em a,
.techniquelist em span {
	font-size: 0.8em;
	color: black;
	font-style: normal;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid var(--GenericBackground) !important;
	border-left: 5px solid var(--GenericBackground) !important;
	margin-bottom: 5px !important;
	background: #fff !important;
	float: left;
}

.techniquelist em a:hover,
.TechniquesBox .techniquelist em a:hover,
.techniquelist em a:focus,
.TechniquesBox .techniquelist em a:focus {
	text-decoration: none !important;
	background: #ebebeb !important;
}

.instrument h4,
.TechniquesBox h4 {
	margin: 15px 0 2px 0;
}

.BeamlinesBox {
	height: 280px;
}

.beamlineoverview2 {
	float: left;
	height: 221px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 5px;
	position: relative;
	width: 243px;
}

.beamlineoverview2 h3 {
	background-color: #5996CD;
	border-bottom: 1px solid #2A2A2A;
	color: #FFFFFF;
	font-weight: bold;
	height: 35px;
	padding: 5px;
}

.beamlineoverview2 h3 a {
	color: #FFFFFF !important;
	font-weight: bold;
}

.beamlineoverview2 table {
	border: medium none !important;
	margin: 0;
	padding: 0;
}

.beamlineoverview2 tr {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none;
	margin: 0;
	padding: 0;
}

.beamlineoverview2 td {
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.boxTitleTechniques {
	background: url("../img/bgs/beamlinesbox.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

.boxTitleTechniques img {
	float: right;
	height: 20px;
	margin-right: 26px;
	vertical-align: sub;
}

.expendable {
	display: none;
}

.TechniquesBox.BeamlinesBox.ExpendableBox {
	height: auto;
}

.boxContent {
	padding: 5px;
}

.boxLink>ul {
	list-style: none outside none;
	margin: 0;
}

.boxLink li {
	background: none;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: 0.9em;	
}

.boxLink li a:hover,
.boxLink li a:active,
.boxLink li a:focus {
	background: none repeat scroll 0 0 #ebebeb;
	cursor: pointer;
}

.boxLink li a {
	color: #000;
	padding: 4px;
}

.boxLink li a:hover {
	text-decoration: none;
}

.beamlinesicon {
	padding: 0;
}

.beamlinetechBox {
	background: url("../img/bgs/blbg2.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	height: 30px;
	line-height: 2.5em;
	margin: 5px;
	text-align: center;
	width: 30px;
}

.beamlinetechBox:hover {
	background: url("../img/bgs/blbg.png") repeat scroll 0 0 transparent;
}

.infonote {
	bottom: 0;
	padding: 5px;
	position: absolute;
	width: 170px;
}

.nicelistol {
	counter-reset: repas;
}

.nicelistli {
	counter-increment: repas;
	list-style-type: none;
	margin-bottom: 10px;
}

.nicelistli:before {
	background: none repeat scroll 0 0 #667788;
	border-radius: 60px 60px 60px 60px;
	color: white;
	content: " ";
	font-weight: bold;
	margin-right: 8px;
	padding: 0 20px 6px;
	vertical-align: top;
}

.editwarning {
	background: none repeat scroll 0 0 #FFBD00;
	border: 1px dashed;
	border-radius: 10px 10px 10px 10px;
	color: black;
	font-weight: bold;
	margin: 5px;
	padding: 15px;
	display: block;
	overflow: auto;
}

.editinfo {
	background: none repeat scroll 0 0 #E7F0F7;
	border: 1px dashed;
	border-radius: 10px 10px 10px 10px;
	color: black;
	font-weight: bold;
	margin: 5px;
	padding: 15px;
	display: block;
	clear: both;
}

.newsflasharea {
	height: 220px;
	overflow-y: scroll;
}

.warning {
	background: url("../img/bgs/warning.png") repeat scroll 0 0 transparent;
	float: left;
	height: 45px;
	width: 40px;
}

.newsdate {
	color: orange;
	font-weight: bold;
}

.info {
	background: url("../img/bgs/info.png") repeat scroll 0 0 transparent;
	float: left;
	height: 45px;
	width: 40px;
}

.newsflash {
	background: none repeat scroll 0 0 #555555;
	color: white;
	height: 55px;
	margin-top: 5px;
	overflow: hidden;
	padding: 5px;
}

.newsflash a {
	color: #FFA500;
}

.newsflashfull {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid;
	color: #000000;
	height: 100%;
	margin-top: 5px;
	overflow: hidden;
	padding: 5px;
}

.newsflashfull>div {
	margin: 4px;
}

.newsdate {
	color: orange;
	font-weight: bold;
}

.technicToolTip {
	background: none repeat scroll 0 0 #E7F0F7;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	color: #000000;
	font-weight: bold;
	padding: 5px;
	position: relative;
}

.nomargin {
	margin-left: 0 !important;
}

.nomargin_right {
	margin-right: 0 !important;
}

.industryLogo {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
}

.nomargin.industrylogo {
	border: 1px solid var(--DiamondLightGrey);
	display: block;
	float: none;
	margin: 9px;
	max-height: 70px;
	padding: 7px;
}

.quote {
	background: none repeat scroll 0 0 lightgray;
	border-radius: 10px 10px 10px 10px;
	clear: both;
	color: black;
	margin-top: 15px;
	padding: 5px;
}

.text {
	float: left;
	width: 100%;
}

.clear {
	clear: both;
}

.quoteCaseStudy>p {
	float: left;
	width: 70%;
}

.textbox_content.casestudy {
	overflow: auto;
	position: relative;
	margin-bottom: 20px;
}

.textbox_content.casestudy {
	padding: 10px;
	background: #F0F0F0;
	width: auto;
	overflow: auto;
	height: auto !important;
}

.casestudytitle {
	margin-bottom: 15px !important;
}

.casestudytitle a {
	color: black !important;
	text-decoration: none !important;
	font-size: 1.1em
}

.casestudy>a {
	color: white !important;
	text-decoration: none !important;
	padding: 10px;
	position: relative;
	margin-bottom: 10px !important;
	display: inline-block;
	background: var(--GenericBackground);
}

.casestudy>a:hover,
.casestudy>a:focus {
	background: var(--Beamlines);
	text-decoration: none;
}

.textbox_content.casestudy .industrylogo {
	display: none;
}

.left {
	float: left;
	width: calc(70% - 20px) !important;
	margin-right: 20px;
}

.right {
	float: left;
	width: 30% !important;
}

.in-casestudy p {
	position: relative;
	width: 70%;
	min-height: 122px;
	float: left;
}

.industyPhotoRight {
	width: 30% !important;
	float: right !important;
	text-align: center;
}

.in-casestudy img {
	position: relative;
	right: 0px;
	top: 0px !important;
}

.paddingleft {
	margin-top: 15px;
	padding-bottom: 0;
}

.casestudyphoto {
	margin-bottom: 15px;
	float: right;
	max-width: 100%;
}

.industyPhotoRight .casestudyphoto {
	float: none;
}

.download {
	list-style: none outside none;
}

.download a,
.download li a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -145px transparent;
	padding-left: 20px;
}

.industryResearchElement:nth-child(2n+1) {
	margin-right: 10px;
}

/*.industryResearchElement {
  border: 1px solid var(--DiamondLightGrey) !important;
  box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
  margin-bottom: 10px;
  float: left;
  height: 440px;
  margin-top: 10px;
  overflow: auto;
  position: relative;
  width: calc(50% - 48px);
  padding: 20px;
}*/

.industryResearchElement {
	margin-bottom: 10px;
	float: left;
	margin-top: 10px;
	width: calc(50% - 8px);
}

.RAsupportImage:nth-child(4n) {
	margin-right: 0;
}

.RAsupportImage {
	width: calc((100% - 15%) / 4);
	float: left;
	margin-right: 5%;
}

.RAsupportImages {
	display: block;
	clear: both;
	margin-bottom: 35px;
	position: relative;
	overflow: auto;
}

.element:nth-child(n+1) {
	margin-right: 5%;
}

.element {
	border: 1px solid var(--DiamondLightGrey) !important;
	box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
	margin-bottom: 20px !important;
	float: left;
	height: 440px;
	margin-top: 20px;
	overflow: auto;
	position: relative;
	width: 44.5%;
}

.element p {
	padding: 10px;
}

.element img {
	bottom: 10px;
	margin: 0;
	overflow: auto;
	padding: 0 0 0 25%;
	position: absolute;
}

.textbox_content.raIntro {
	float: left;
	width: 70%;
}

.textbox_content.raIntro p {
	padding-left: 0;
}

.raintrophoto {
	margin: 22px;
}

.box {
	display: block;
	height: auto;
	overflow: auto;
	position: relative;
	width: 50px;
}

.textbox_content.sectionoverview img {
	float: left !important;
	margin-left: 0 !important;
	border: 1px solid var(--DiamondLightGrey);
}

/*****************************************
*                                        *
*   Section 6 - Magnolia Legacy          *
*                                        *                            
******************************************/

/*Magnolia Legacy*/
#wrapper-2 #wrapper-3 #main div.tw-paging {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	clear: both;
	color: white;
	float: left;
	height: 370px;
	margin: 0 20px 20px 0;
	width: 375px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	clear: none;
	color: white;
	height: 270px;
	margin: 20px 10px 10px;
	position: relative;
	width: 380px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging h3 {
	border-top: 4px solid #B3B3B3;
	color: #000000;
	margin: 10px 0 5px;
	padding: 5px 0 2px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .pagination {
	bottom: 10px;
	height: 30px;
	left: 10px;
	position: absolute;
	top: 240px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .pagination ul {
	float: none;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li {
	float: left;
	list-style-type: none;
	margin-right: 8px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li button {
	background: none repeat scroll 0 0 #224256;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	margin-left: 1px;
	opacity: 0.5;
	padding: 3px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li button:hover,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li button:active,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li button:focus {
	color: #EC1549;
	text-decoration: none;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	float: left;
	margin: 0;
	padding: 0;
	width: 380px;
}

.js #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	height: 470px;
	overflow: hidden;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	border: medium none;
	float: left;
	height: 280px;
	margin: 0 10px 5px 0;
	overflow: hidden;
	padding: 0 5px 0 0;
	width: 380px;
}

.js #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	background-image: none;
	border-right: medium none;
	margin: 0;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
	border: medium none;
	box-shadow: 0 0 5px 5px #888888;
	display: inline;
	float: left;
	height: 426px;
	margin: 0 10px 0 0;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
	background-color: rgba(0, 0, 0, 0.6);
	clear: none;
	color: white;
	float: left;
	padding: 10px;
	position: absolute;
	width: 360px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .no-img p {
	width: 100%;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em {
	display: block;
	font-style: normal;
	margin-top: 5px;
}

#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em a {
	padding-left: 17px;
}

p.back a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -67px transparent;
	border-bottom: medium none !important;
	border-top: 1px solid #B3B3B3;
	clear: both;
	display: block;
	font-style: normal;
	font-weight: bold;
	margin: 25px 0;
	padding: 5px 0 0 17px;
}

p.back a:hover,
p.back a:focus,
p.back a:active {
	text-decoration: underline !important;
}

.all a {
	/* Was background: url("../img/icons/sprites.png") no-repeat scroll 0 5px
    transparent;
  border-top: 1px solid #B3B3B3;
  clear: both;
  display: block;
  margin: 10px 0 0;
  padding: 5px 0 0 17px; */
	background: url("/dms/Images/icons/arrow.gif") no-repeat scroll 0 center transparent;
	padding-left: 15px;
	display: inline-block;
	line-height: 18px;
}

/*
.contactmore {
  padding: 10px !important;
}
*/
.contactmore>a {
	background: #e6e6e6;
	border: 1px solid #ccc;
	display: block;
	padding: 5px 8px;
	text-decoration: none;
	width: 90%;
}

.contactmore>a:hover {
	background: #ccc;
	border-color: #aaa;
}

#wrapper-2 #wrapper-3 #main .no-img {
	clear: none;
	float: left;
	margin: 10px;
	position: relative;
	width: 250px;
}

#main div.text-section {
	border: medium none;
	clear: none;
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#main div.text-section-home {
	border: medium none;
	clear: none;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.col-subcol-equal #main {
	overflow: visible;
	position: relative;
}

.col-subcol-equal #main #breadcrumb {
	top: -30px;
}

#home #nav,
#home #extras,
#home #main {
	margin-top: 0;
}

#main .text h1 em {
	color: #555555;
	display: block;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.7px;
	margin: 2px 0 0;
}

/*#article #wrapper-3 #contentWrapper {
	background-color: #FFFFFF;
	float: right;
}*/

.text-meta {
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	clear: both;
	float: left;
	margin: 0 0 10px;
	width: 100%;
}

ul.text-data {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 70%;
}

.text-data li {
	color: #333333;
	float: left;
	list-style: none outside none;
	margin: 0 15px 0 0;
	padding: 3px 0;
}

.text-data li {
	color: #333333;
	float: left;
	list-style: none outside none;
	margin: 0 15px 0 0;
	padding: 3px 0;
}

#text-features li {
	float: left;
	list-style: none outside none;
	margin: 0 5px 0 0;
	padding: 2px 0;
	text-align: right;
}

#text-features li.print a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -578px transparent;
	padding-left: 16px;
}

#text-features li a {
	color: #555555;
}

#text-features li.social-b a {
	background: url("../img/icons/bookmarks.png") no-repeat scroll 0 -458px transparent;
	padding-left: 18px;
}

#text-features li a {
	color: #555555;
}

#main .text p.intro {
	color: #333333;
}

#main .text p {
	margin: 0 0 10px;
}

#stage p,
p.intro {}

.media {
	display: inline-block;
	float: left;
	margin: 3px 10px 10px 0;
	width: 220px;
}

.media.small img,
.media.medium img,
.media.large img {
	padding: 1.5%;
	width: 97%;
}

.media.small {
	width: 25% !important;
	overflow: hidden !important;
}

.media.medium {
	width: 50% !important;
	overflow: hidden !important;
}

.media.large {
	width: 97% !important;
	overflow: hidden !important;
}

.caption {
	color: black;
	font-size: 0.9em;
	padding: 7px !important;
	font-style: italic;
}

input[type="search"] {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0 none;
	padding: 0;
}

input,
textarea,
select {
	box-shadow: none;
}

.form-wrapper {
	clear: both;
	margin-right: 20px;
}

.step-by-step {
	background: none repeat scroll 0 0 #0D8CCC;
	border-radius: 5px 5px 5px 5px;
	margin: 20px 0;
	padding: 4px 10px;
}

.step-by-step ol {
	color: #FFFFFF;
	list-style-position: inside;
}

.step-by-step li {
	border-radius: 5px 5px 5px 5px;
	float: left;
	list-style-position: inside;
	margin: 0 20px 0 0;
	padding: 4px;
}

.step-by-step li.do {
	background: none repeat scroll 0 0 #EC1549;
}

div.step-by-step li.do button {
	color: #FFFFFF;
}

.step-by-step li button {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	padding: 3px;
}

.step-by-step li button:hover,
.step-by-step li button:focus,
.step-by-step li button:active {
	text-decoration: underline;
}

.step-by-step li button[disabled] {
	color: var(--DiamondLightGrey);
	cursor: default;
	text-decoration: none;
}

.form-wrapper fieldset {
	border: medium none;
	margin: 5px 0 30px;
}

.form-wrapper fieldset h2 {
	border-bottom: 1px solid #0D4291;
	border-top: 4px solid #0D4291;
	color: #333333;
	margin: 0 0 1px;
	padding: 5px 0;
}

.form-wrapper p.required {
	text-align: right;
}

.form-wrapper p.required span,
.form-wrapper dfn {
	color: #EC1549;
	font-weight: bold;
}

.form-row {
	border-bottom: 1px dotted #B3B3B3;
	clear: both;
	padding: 10px 0 15px;
}

.form-row div {
	border-bottom: medium none;
	margin: 0 0 10px;
	padding: 0;
	width: auto;
}

.form-row .form-item {
	clear: none;
	margin: 0;
}

.form-wrapper label {
	display: block;
	position: relative;
}

.form-wrapper fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
	background: none repeat scroll 0 0 #EBEBEB;
	border: 1px solid #C2C2C2;
	display: block;
	margin: 3px 0 0;
	padding: 3px 3px 4px;
	width: 300px;
}

.form-wrapper input[type="submit"] {
	display: inline;
}

.form-item>input[type="checkbox"] {
	display: inline;
	float: left;
	width: auto;
	padding: 0 !important;
}

.form-item {
	clear: both;
	display: block;
}

.form-item>label {
	padding-left: 25px;
}

.form-wrapper label {
	display: block;
	position: relative;
}

.step-controls {
	position: relative;
	top: 2px;
}

.input-datetime-local .step-controls {
	top: auto;
}

.form-item-hidden,
.form-wrapper input[type="hidden"] {
	display: none;
}

.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #000000;
}

.form-wrapper input.a11y-focus[type="radio"],
.form-wrapper input.a11y-focus[type="checkbox"] {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}

.form-wrapper textarea {
	height: 150px;
	width: 300px;
}

.form-wrapper select {
	display: block;
	margin: 5px 0 0;
	width: 310px;
}

.form-wrapper div span {
	color: #555555;
	display: block;
	padding: 5px 0 0;
}

/*.form-wrapper div span.input-datetime-local {
	
}*/

.form-wrapper h4 {
	color: #000000;
	font-weight: bold;
	padding: 0 0 10px;
}

.form-wrapper div.multiple-labels label span {
	color: #555555;
	font-weight: normal;
}

.form-row label span {
	display: inline;
}

.form-row label.m span {
	clear: both;
	padding: 0 0 5px;
}

.form-row span.help a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -651px transparent;
	padding-left: 15px;
}

.media audio {
	height: 30px;
}

.media {
	display: inline-block;
	float: left;
	margin: 3px 10px 10px 0;
	width: 220px;
}

dl.media {
	background: none repeat scroll 0 0 #fff;
	border-radius: 0 0 5px 5px;
	padding: 0 0 5px;
	border: none !important;
	box-shadow: none;
}

video {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	position: relative;
}

.media audio,
.media video,
.media img {
	border: none;
	display: block;
	width: 218px;
}

.media audio,
.media video {
	border: medium none;
}

.media video {
	height: 120px;
}

dl.large {
	background-color: #ECECEC;
	clear: both;
	float: none;
	width: 100%;
}

.media.large video,
.media.large audio {
	width: 460px;
}

.media.large video {
	height: 300px;
}

/*dl.large img {
  margin: 0 !important;
  width: 458px;
}

img.large {
  clear: both;
  display: block;
  width: 458px;
}*/
.TextImageItem img {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.TextImageItem .captionArea {
	background: none repeat scroll 0 0 #ECECEC;
	display: block;
	padding: 5px 5px 0;
}

.caption,
.copyright,
.longdesc {
	color: black;
	font-size: 0.9em;
	padding: 7px !important;
	font-style: italic;
}

.media dd {
	background: none repeat scroll 0 0 #ECECEC;
	display: block;
	padding: 5px 5px 0;
}

.media dd.zoom {
	float: right;
}

.media dd.zoom a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -508px transparent;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	width: 12px;
}

#wrapper-2 .media dd.copyright {
	font-size: 0.75em;
	font-style: italic;
}

.media dd.longdesc {
	display: none;
}

.media.pos-2 {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.accordion {
	background: var(--DiamondLightGrey);
	color: #444;
	cursor: pointer;
	padding: 18px 60px 18px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.02em;
	transition: 0.4s;
	font-weight: bold;
}

.accordion:hover,
.accordion:focus,
.accordion:active {
	background-color: var(--DiamondLightGreyDim);
	color: #444;
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	right: 26px;
	position: absolute;
}

.accordion.active:after {
	content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	margin-bottom: 7px;
}

.faqdlink {
	position: absolute;
	right: 50px;
	margin-top: 18px;
}

.faqdlink:hover {
	text-decoration: none;
}

.super-list {
	padding: 10px 10px 10px 0px;
	/*! border: 1px solid gray; */
	position: relative;
	overflow: auto;
	clear: both;
	/*! background: #ececec; */
}

/* .super-list div div {
	/*background: url("../img/bgs/dotted-line.png") repeat-x scroll 0 0
		transparent;
	padding: 10px 10px 10px 25px;
}

 .super-list h3, #main .super-list p, #main .super-list li li {
	
}*/

.super-list p {
	margin-bottom: 10px;
}

/*.super-list li {
	background: url("../img/bgs/dotted-line.png") repeat-x scroll 0 0
		transparent;
	float: left;
	list-style-type: none;
	width: 100%;
}*/

.super-list li li {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	float: none;
	list-style-type: disc;
}

.super-list li p {
	margin: 0;
}

.super-list li h3 a {
	background: url("../img/icons/sprites.png") no-repeat scroll 5px 7px transparent;
	cursor: pointer;
	display: block;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

n .super-list li h3 a.a11y-focus {
	text-decoration: underline;
}

.super-list li h3 a.js-selected {
	background-color: #E7F0F7;
	background-position: 5px -139px;
}

.super-list li ul,
#main .super-list li ol {
	margin: 0 0 10px 25px;
}

.super-list ol li {
	list-style-type: decimal;
}

.super-list .media,
#main .super-list dt img {
	margin-bottom: 0;
}

.super-list dl {
	overflow: hidden;
}

.super-list dd {
	font-size: 85%;
	line-height: 1.3em;
}

/*tooltip*/
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: visible;
	width: 95px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: -48%;
	left: -200%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 102%;
	margin-left: -9px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/*end of tooltip*/


.jnotify-container {
	display: none;
}

.highlight {
	background: none repeat scroll 0 0 yellow;
}

/*Legacy*/
#tabheader {
	background: url("/dms/css/tabs/bg/bg.gif") repeat-x scroll center bottom #DAE0D2;
	float: left;
	font-size: 93%;
	line-height: normal;
	width: 100%;
}

#tabheader ul {
	list-style: none outside none;
	margin: 0;
	padding: 10px 10px 0;
}

#tabheader li {
	border-bottom-width: 0;
	border-top: 1px solid;
	float: left;
	margin: 0 0.5em 0 0;
	padding-bottom: 2px;
	padding-top: 3px;
}

#tabheader a {
	background-color: #EEEEFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	padding: 5px 15px 2px;
}

#tabheader #current a {
	background-color: #FFFFFF;
	border-color: #333333 #333333 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px 0;
}

.beamlinebox {
	background-color: #FFFFCC;
	color: #666666;
	float: right;
	line-height: 1.5em;
	margin: 10px;
	padding: 5px;
	width: 200px;
}

.cat1,
.cat4 {
	background: none repeat scroll 0 0 #40B5BC;
}

.cat1:hover,
.cat4:hover {
	background: none repeat scroll 0 0 #7EF3FA;
}

.cat2,
.cat3 {
	background: none repeat scroll 0 0 #7292CB;
}

.cat2:hover,
.cat3:hover {
	background: none repeat scroll 0 0 #AACAFF;
}

.cat1,
.cat2,
.cat3,
.cat4 {
	box-shadow: 5px 6px 12px 1px #808080;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	margin: 2%;
	overflow: auto;
	position: relative;
	text-align: center;
	width: 33%;
}

.jobcatview a {
	color: #000000;
	display: block;
	padding-bottom: 50px;
	padding-top: 50px;
	text-decoration: none;
	width: 100%;
}

.cat2,
.cat4 {
	float: right !important;
}

.cat1,
.cat3 {
	float: left;
}

.jobcatview {
	height: 206px;
	width: 100%;
}

/*
.Boxify,
#left-column-internal .text-section,
.HomeRightColumn .latest ul,
.HomeRightColumn .teaser,
.HomeRightColumn .text-section,
.HomeRightColumn .text-section-Small {
    border: 1px solid var(--DiamondLightGrey) !important;
    box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
    margin-bottom: 20px !important;
    padding: 10px !important;
    width: 90% !important;
}*/
/*.Boxify,*/
#left-column-internal .text-section,
.HomeRightColumn .teaser,
.HomeRightColumn .text-section,
.HomeRightColumn .text-section-Small,
.HomeRightColumn .links,
#promos .text-section {
	border: 1px solid var(--DiamondLightGrey) !important;
	box-shadow: 0 6px 4px -4px var(--DiamondLightGrey);
	margin-bottom: 20px !important;
	overflow: auto;
	padding: 10px !important;
	width: calc(100% - 22px) !important;
}

#promos .text-section{
	background:var(--DiamondLightGrey);
}

/*.HomeRightColumn .links li {
    list-style: none outside none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/

.Boxify{
	margin-bottom:20px;
}

/*.Boxify h2,*/
.HomeRightColumn .text-section h2,
#left-column-internal .text-section h2,
.HomeRightColumn .text-section h3,
#left-column-internal .text-section h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	/*display: inline-block;*/
	margin-bottom: 5px;
}

.abstracthighligthing {
	background: var(--DiamondLightGrey) none repeat scroll 0 0 !important;
	padding: 10px !important;
	width: calc(100% - 22px) !important;
}

.twocolumnleft .abstracthighligthing,
.twocolumnright .abstracthighligthing {
	width: calc(100% - 30px) !important;
}

.tumblr {
	background: url("/docroot/Social2.png") repeat scroll;
	content: "";
	display: block;
	float: left;
	font-size: 0;
	height: 24px;
	width: 26px;
	background-size: 200px;
	background-position: -106px 83px;
	margin-bottom: 10px;
	color: transparent;
}

.tumblr:hover {
	background: url("/docroot/Social.png") repeat scroll -106px 83px;
	background-size: 200px;
	color: transparent;
}

.twitter {
	background: url("/docroot/Social2.png") repeat scroll;
	content: "";
	display: block;
	float: left;
	font-size: 0;
	height: 24px;
	width: 26px;
	background-size: 200px;
	background-position: -71px 154px;
	margin-bottom: 10px;
	color: transparent;
}

.twitter:hover {
	background: url("/docroot/Social.png") repeat scroll -71px 154px;
	background-size: 200px;
	color: transparent;
}

.vimeo {
	background: url("/docroot/Social2.png") repeat scroll;
	content: "";
	display: block;
	float: left;
	font-size: 0;
	height: 24px;
	width: 26px;
	background-position: -36px 50px;
	background-size: 200px;
	margin-bottom: 10px;
	color: transparent;
}

.vimeo:hover {
	background: url("/docroot/Social.png") repeat scroll;
	background-position: -36px 50px;
	background-size: 200px;
	color: transparent;
}

.facebook {
	background: url("/docroot/Social2.png") repeat scroll;
	content: "";
	display: block;
	float: left;
	font-size: 0;
	height: 24px;
	width: 26px;
	background-position: -36px 154px;
	background-size: 200px;
	margin-bottom: 10px;
	color: transparent;
}

.facebook:hover {
	background: url("/docroot/Social.png") repeat scroll;
	background-size: 200px;
	background-position: -36px 154px;
	color: transparent;
}

.linkedin {
	background: url("/docroot/Social2.png") repeat scroll;
	content: "";
	display: block;
	float: left;
	font-size: 0;
	height: 24px;
	width: 26px;
	background-position: -36px 119px;
	background-size: 200px;
	margin-bottom: 10px;
	color: transparent;
}

.linkedin:hover {
	background: url("/docroot/Social.png") repeat scroll -57px -130px;
	background-size: 200px;
	background-position: -36px 119px;
	color: transparent;
}

#techcomponent {
	float: left;
	width: 30% !important;
}

.componentMap {
	float: left;
	width: 350px;
}

.borderedimg {
	border: 1px solid #CCCCCC;
	float: left;
	margin: 5px 5px 5px 0;
}

.form-item-uname {
	display: none;
}

/*Event Pages*/
#event #main ul.event-data {
	border: medium none;
	clear: both;
	height: auto;
	margin: 5px 0 0 4.5em;
	overflow: hidden;
	position: relative;
}

#event #main .event-data li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #555555;
	display: block;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

#event #main .event-data li.organizer {
	clear: both;
}

#event div.date {
	background: none repeat scroll 0 0 #85AA05;
	left: 0;
	margin: 0 5px 0 0;
	position: absolute;
	top: 0;
	width: 4em;
}

#event .date .month {
	color: #FFFFFF;
	display: block;
	font-size: 160%;
	font-weight: bold;
	padding: 12px 0 0;
	text-align: center;
}

#event .date abbr {
	border: medium none;
	cursor: help;
	text-decoration: none;
}

#event .date .day,
#event .date .year {
	color: #FFFFFF;
	display: block;
	font-size: 240%;
	font-weight: bold;
	line-height: 1em;
	padding: 10px 0 5px;
	text-align: center;
}

#event .date .year {
	display: none;
	font-size: 110%;
	padding: 5px 0 0;
}

#event .date .till {
	/* background: url("../img/bgs/till.gif") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); */
	display: block;
	height: 18px;
	text-indent: -9999px;
	background-size: 306px;
	background-color: #ececec;
}

#event .date .d-end {
	background: none repeat scroll 0 0 #6EACB1;
	padding-top: 10px;
}

#event .vevent {
	background: none repeat scroll 0 0 #ececec;
	border: 1px solid #CCCCCC;
	box-shadow: 0 6px 4px -4px #CCCCCC;
	clear: both;
	margin: 20px 0 20px;
	padding: 5px 15px 15px 5em;
	position: relative;
	z-index: 1;
	min-height: 130px;
}

#event #wrapper-2 .vevent h2 {
	padding: 0 2em 5px 5px;
	font-weight: bold !important;
	display: none;
}

#event .vevent div.date {
	left: -50px;
}

#event .vevent>div.date {
	left: 0;
}

#event .vevent li {
	list-style: none outside none;
}

#event #main .vevent p {
	display: block;
	margin: 0 0 10px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 600;
}

#event #wrapper-2 .vevent dl {
	/* background: url("../img/bgs/dotted-line.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); */
	line-height: 1.5em;
	margin: 5px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #d6d6d7;
	font-size: 1.1em;
}

#event #wrapper-2 .vevent dt {
	float: left;
	font-weight: bold;
	width: 80px;
}

#event #wrapper-2 .vevent dd a.url {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
	/*color: #DD0E40;*/
	padding-left: 17px;
}

#event .vevent span {
	display: none;
}

#event #vlightbox1 {
	left: 1px;
	position: relative;
	width: 99%;
}

.previousYear:before {
	color: #A9A9A9;
	content: "Events by Year";
	font-style: italic;
	padding-left: 9px;
}

.BottomPromo:before {
	border-bottom: 1px solid gray;
	content: "  ";
	display: block;
	font-size: 1.8em;
	margin-bottom: 5px;
	padding-bottom: 6px;
	width: auto;
}

.BottomPromo {
	clear: both;
	float: left;
	margin-top: 18px;
	overflow: auto;
	position: relative;
	width: 100%;
	display: block;
}

/*Diamond News CSS*/
.diamondNews tr td {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: medium none !important;
	padding: 2px 0;
}

.diamondNews img {
	margin: 0;
	max-width: 100%;
}

.diamondNews {
	border: medium none white !important;
}

.diamondNews .title,
.edition {
	color: var(--GenericBackground);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.edition {
	color: #ffd02b;
}

/*copy to clipboard*/
.btn {
	-moz-user-select: none;
	user-select: none;
	background-color: #eee;
	background-image: linear-gradient(#fcfcfc, #eee);
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin-left: -4px;
	margin-top: -3px;
	padding: 2px 5px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}

.tooltipped {
	position: relative;
}

.tooltipped::after {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	content: attr(aria-label);
	display: none;
	font: 11px/1.5 "Open Sans", sans-serif;
	letter-spacing: normal;
	padding: 5px 8px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: pre;
	word-wrap: break-word;
	z-index: 1000000;
}

.tooltipped::before {
	border: 5px solid transparent;
	color: rgba(0, 0, 0, 0.8);
	content: "";
	display: none;
	height: 0;
	pointer-events: none;
	position: absolute;
	width: 0;
	z-index: 1000001;
}

.tooltipped:hover::before,
.tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
	display: inline-block;
	text-decoration: none;
}

.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
	display: table-cell;
}

.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
	margin-top: 5px;
	right: 50%;
	top: 100%;
}

.tooltipped-s::before,
.tooltipped-se::before,
.tooltipped-sw::before {
	border-bottom-color: rgba(0, 0, 0, 0.8);
	bottom: -5px;
	margin-right: -5px;
	right: 50%;
	top: auto;
}

.tooltipped-se::after {
	left: 50%;
	margin-left: -15px;
	right: auto;
}

.tooltipped-sw::after {
	margin-right: -15px;
}

.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
	bottom: 100%;
	margin-bottom: 5px;
	right: 50%;
}

.tooltipped-n::before,
.tooltipped-ne::before,
.tooltipped-nw::before {
	border-top-color: rgba(0, 0, 0, 0.8);
	bottom: auto;
	margin-right: -5px;
	right: 50%;
	top: -5px;
}

.tooltipped-ne::after {
	left: 50%;
	margin-left: -15px;
	right: auto;
}

.tooltipped-nw::after {
	margin-right: -15px;
}

.tooltipped-s::after,
.tooltipped-n::after {
	transform: translateX(50%);
}

.tooltipped-w::after {
	bottom: 50%;
	margin-right: 5px;
	right: 100%;
	transform: translateY(50%);
}

.tooltipped-w::before {
	border-left-color: rgba(0, 0, 0, 0.8);
	bottom: 50%;
	left: -5px;
	margin-top: -5px;
	top: 50%;
}

.tooltipped-e::after {
	bottom: 50%;
	left: 100%;
	margin-left: 5px;
	transform: translateY(50%);
}

.tooltipped-e::before {
	border-right-color: rgba(0, 0, 0, 0.8);
	bottom: 50%;
	margin-top: -5px;
	right: -5px;
	top: 50%;
}

.tooltipped-multiline::after {
	border-collapse: separate;
	max-width: 250px;
	white-space: pre-line;
	width: -moz-max-content;
	word-wrap: normal;
}

.tooltipped-multiline.tooltipped-s::after,
.tooltipped-multiline.tooltipped-n::after {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

.tooltipped-multiline.tooltipped-w::after,
.tooltipped-multiline.tooltipped-e::after {
	right: 100%;
}

/*Zoomable*/
.zoomContainer {
	z-index: 1;
}

/*SG icons*/
.sciencegroupicon {
	width: 40px;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	height: 40px;
	position: relative;
	overflow: hidden;
	display: block;
	font-size: 6px;
	background: var(--GenericBackground);
}

.sciencegroupicon:hover {
	background: #042044;
}

.sciencegroupicon img {
	text-align: center;
	position: relative;
	overflow: auto;
	margin: auto;
	max-height: 50%;
	width: auto;
	vertical-align: middle;
}

.sciencegroupicon a {
	display: block;
	height: 100%;
	margin: auto;
	width: 100%;
	white-space: nowrap;
	text-align: center;
}

.sciencegroupiconSmall .valignhelper {
	display: inline-block;
	vertical-align: middle;
	height: 75%;
}

.sciencegroupiconSmall {
	width: 70px;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	height: 70px;
	position: relative;
	overflow: hidden;
	display: block;
	font-size: 12px;
	background: var(--GenericBackground);
	padding-bottom: 0px !important;
	background: var(--current);
}

.sciencegroupiconSmall:hover {
	background: #042044;
}

.sciencegroupiconSmall img {
	text-align: center;
	position: relative;
	overflow: auto;
	margin: auto;
	max-height: 50%;
	width: auto;
	vertical-align: middle;
}

.sciencegroupiconSmall a {
	display: block;
	height: 100%;
	margin: auto;
	width: 100%;
	white-space: nowrap;
	text-align: center;
}

.sciencegroupiconSmall em {
	position: absolute;
	height: 14px;
	bottom: 8px;
	text-align: center;
	width: 100%;
	font-style: normal;
	color: white;
	left: 0;
	font-size: 0.66em;
	line-height: 1.1em;
}

.techniqueButtonBis {
    width: 120px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 120px;
    position: relative;
    overflow: hidden;
    display: table;
    background: var(--DiamondCyan);
    color: white !important;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    text-decoration: none !important;
    font-size: 1.02em;
	font-weight: 300 !important;
}

.smallimgtile {
	margin-left: 10px;
	margin-right: 10px;
}

#villagenav {
	background: none repeat scroll 0 0 #7292CB !important;
	display: block;
	opacity: 0.98;
	position: absolute;
	top: 41px;
	width: 219px;
	margin-left: 1px;
}

#villagenav li {
	border: medium none !important;
	float: none;
	list-style: none outside none;
}

.valignhelperBis {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.valignhelperBis {
	width: 100px;
}

.wide {
	width: 245px;
}

.wide img {
	width: 105px;
}

.techniqueButton:focus,
.techniqueButtonBis:focus,
.techniqueButton:hover,
.techniqueButtonBis:hover,
.techniqueButton:active,
.techniqueButtonBis:active {
	filter: saturate(50%);
	text-decoration: none !important;
}

/*Image Gallery 2019*/


#Gallery .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 4px;
}

#Gallery .column {
	-ms-flex: 30%;
	flex: 30%;
	padding: 0 4px;
}

#Gallery .column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 30% !important;
}

#Gallery .singleImage {
	width: 27%;
	float: left;
	margin-bottom: 5px;
}

#Gallery img {

	position: relative;
	overflow: auto;
	width: 100%;
	height: auto;
	display: block;
	cursor: pointer;
}

#Gallery .singleImage .caption {

	position: absolute;
	padding: 0 !important;
	margin-bottom: 0px !important;
	overflow: hidden;
	display: block;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;

}

#Gallery .singleImage .caption em {

	background: rgba(0, 0, 0, 0.0);
	color: rgba(255, 255, 255, 0);
	transition: 0.5s;
	display: block;
	padding: 5px;
	height: 100%;
	width: auto;
	overflow: hidden;
	cursor: pointer;
}

#Gallery .singleImage .caption em:hover {
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 1);
	transition: 0.5s;
}

.backgroundOverlay {
	display: none;
	position: fixed;
	z-index: 12;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}

.backgroundOverlay-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: auto;

}

#mybackgroundOverlay .close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

#mybackgroundOverlay .close:hover,
#mybackgroundOverlay .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

#mybackgroundOverlay .mySlides {
	text-align: center;
	transition: 2s;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
}

#mybackgroundOverlay .mySlides img {
	width: auto;
	height: 80vh;
	text-align: center;
	margin: auto;
	position: relative;
}

#mybackgroundOverlay .prev,
#mybackgroundOverlay .next {
	cursor: pointer;
	position: absolute;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: black;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	background-color: rgba(255, 255, 255, 1);
	text-decoration: none;
	bottom: -35vh;
}

#mybackgroundOverlay .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

#mybackgroundOverlay .prev:hover,
#mybackgroundOverlay .next:hover {
	background-color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}

#mybackgroundOverlay .caption {
	position: relative;
	background: white;
	font-size: 1.4em;
	margin: auto;
	width: 100%;
	clear: both !important;
	float: none !important;
	display: block;
}

#mybackgroundOverlay .caption em {
	font-style: normal;
}

figcaption {

	font-size: 0.8em;
	font-style: italic;
	text-align: center;

}

.fofdiv {
	max-width: 600px;
	margin: auto;
	margin-top: 40px;
}

.underline {
	text-decoration: underline;
}

/*Magnolia UI*/
div.mgnlEditorBar.area~div.mgnlPlaceholder,
div.mgnlEditorBar.area~* div.mgnlPlaceholder {
	margin: 0 0 2px 0 !important;
	display: block;
	position: relative !important;
	width: 100%;
	overflow: auto;
}


/*feedback*/
.jotform-feedback-link:hover,
.jotform-feedback-link:focus,
.jotform-feedback-link:active {
	background: #5e5c5c !important;
	color: #fff !important;
}


/*2022 case study css*/
.caseStudyWrapper {
	position: relative;
	overflow: auto;
	margin-bottom: 20px;
}

.casestudyIntro {
	display: block;
	background: rgb(36, 98, 180);
	padding: 33px;
	color: white;
	font-size: 1.4em;
	margin-bottom: 30px;
	transform: skewY(0deg);
	padding-bottom: 5px;
}

.casestudyIntroLine {
	background: rgb(36, 98, 180);
	display: block;
	height: 46px;
	transform: skewY(3deg);
	bottom: 4px;
	position: relative;
	margin-bottom: -31px;
	margin-top: 67px;
}

.casestudyIcon {
	width: 90px;
	position: absolute;
	right: 69px;
	top: 7px;
	background: rgb(36, 98, 180);
	padding: 10px;
}

.casestudyIntro em {
	background: white;
	color: rgb(36, 98, 180);
	padding: 8px;
	position: relative;
	overflow: auto;
	top: 10px;
	right: 0px;
	text-transform: uppercase;
	font-style: normal;
}

.caseStudyWrapper h3 {
	color: rgb(36, 98, 180);
	font-size: 1.1em;
	margin-bottom: 2px;
}

.casestudyIntro.Aerospace,
.casestudyIntroLine.Aerospace,
.casestudyIcon.Aerospace {
	background: var(--Aerospace);
}

.casestudyIntro.Automotive,
.casestudyIntroLine.Automotive,
.casestudyIcon.Automotive {
	background: var(--Automotive);
}

.casestudyIntro.Catalysis,
.casestudyIntroLine.Catalysis,
.casestudyIcon.Catalysis {
	background: var(--Catalysis);
}

.casestudyIntro.Chemicals,
.casestudyIntroLine.Chemicals,
.casestudyIcon.Chemicals {
	background: var(--Chemicals);
}

.casestudyIntro.Consumer-products,
.casestudyIntroLine.Consumer-products,
.casestudyIcon.Consumer-products {
	background: var(--Consumer-products);
}

.casestudyIntro.DrugDevelopment,
.casestudyIntroLine.DrugDevelopment,
.casestudyIcon.DrugDevelopment {
	background: var(--DrugDevelopment);
}

.casestudyIntro.DrugDiscovery,
.casestudyIntroLine.DrugDiscovery,
.casestudyIcon.DrugDiscovery {
	background: var(--DrugDiscovery);
}

.casestudyIntro.Electronics,
.casestudyIntroLine.Electronics,
.casestudyIcon.Electronics {
	background: var(--Electronics);
}

.casestudyIntro.Energy,
.casestudyIntroLine.Energy,
.casestudyIcon.Energy {
	background: var(--Energy);
}

.casestudyIntro.Engineering,
.casestudyIntroLine.Engineering,
.casestudyIcon.Engineering {
	background: var(--Engineering);
}

.casestudyIntro.Environment,
.casestudyIntroLine.Environment,
.casestudyIcon.Environment {
	background: var(--Environment);
}

.casestudyIntro.Food,
.casestudyIntroLine.Food,
.casestudyIcon.Food {
	background: var(--Food);
}

.casestudyIntro.Formulations,
.casestudyIntroLine.Formulations,
.casestudyIcon.Formulations {
	background: var(--Formulations);
}

.casestudyIntro.Healthcare,
.casestudyIntroLine.Healthcare,
.casestudyIcon.Healthcare {
	background: var(--Healthcare);
}

.casestudyIntro.Nuclear,
.casestudyIntroLine.Nuclear,
.casestudyIcon.Nuclear {
	background: var(--Nuclear);
}

.casestudyIntro.Oil,
.casestudyIntroLine.Oil,
.casestudyIcon.Oil {
	background: var(--Oil);
}

.casestudyIntro.Aerospace em,
.caseStudyWrapper.Aerospace h3 {
	color: var(--Aerospace);
}

.casestudyIntro.Automotive em,
.caseStudyWrapper.Automotive h3 {
	color: var(--Automotive);
}

.casestudyIntro.Catalysis em,
.caseStudyWrapper.Catalysis h3 {
	color: var(--Catalysis);
}

.casestudyIntro.Chemicals em,
.caseStudyWrapper.Chemicals h3 {
	color: var(--Chemicals);
}

.casestudyIntro.Consumer-products em,
.caseStudyWrapper.Consumer-products h3 {
	color: var(--Consumer-products);
}

.casestudyIntro.DrugDevelopment em,
.caseStudyWrapper.DrugDevelopment h3 {
	color: var(--DrugDevelopment);
}

.casestudyIntro.DrugDiscovery em,
.caseStudyWrapper.DrugDiscovery h3 {
	color: var(--DrugDiscovery);
}

.casestudyIntro.Electronics em,
.caseStudyWrapper.Electronics h3 {
	color: var(--Electronics);
}

.casestudyIntro.Energy em,
.caseStudyWrapper.Energy h3 {
	color: var(--Energy);
}

.casestudyIntro.Engineering em,
.caseStudyWrapper.Engineering h3 {
	color: var(--Engineering);
}

.casestudyIntro.Environment em,
.caseStudyWrapper.Environment h3 {
	color: var(--Environment);
}

.casestudyIntro.Food em,
.caseStudyWrapper.Food h3 {
	color: var(--Food);
}

.casestudyIntro.Formulations em,
.caseStudyWrapper.Formulations h3 {
	color: var(--Formulations);
}

.casestudyIntro.Healthcare em,
.caseStudyWrapper.Healthcare h3 {
	color: var(--Healthcare);
}

.casestudyIntro.Nuclear em,
.caseStudyWrapper.Nuclear h3 {
	color: var(--Nuclear);
}

.casestudyIntro.Oil em,
.caseStudyWrapper.Oil h3 {
	color: var(--Oil);
}

.caseStudyWrapper.Aerospace h2,
.caseStudyWrapper.Aerospace .industryResearchElement strong {
	border-color: var(--Aerospace);
}

.caseStudyWrapper.Automotive h2,
.caseStudyWrapper.Automotive .industryResearchElement strong {
	border-color: var(--Automotive);
}

.caseStudyWrapper.Catalysis h2,
.caseStudyWrapper.Catalysis .industryResearchElement strong {
	border-color: var(--Catalysis);
}

.caseStudyWrapper.Chemicals h2,
.caseStudyWrapper.Chemicals .industryResearchElement strong {
	border-color: var(--Chemicals);
}

.caseStudyWrapper.Consumer-products h2,
.caseStudyWrapper.Consumer-products .industryResearchElement strong {
	border-color: var(--Consumer-products);
}

.caseStudyWrapper.DrugDevelopment h2,
.caseStudyWrapper.DrugDevelopment .industryResearchElement strong {
	border-color: var(--DrugDevelopment);
}

.caseStudyWrapper.DrugDiscovery h2,
.caseStudyWrapper.DrugDiscovery .industryResearchElement strong {
	border-color: var(--DrugDiscovery);
}

.caseStudyWrapper.Electronics h2,
.caseStudyWrapper.Electronics .industryResearchElement strong {
	border-color: var(--Electronics);
}

.caseStudyWrapper.Energy h2,
.caseStudyWrapper.Energy .industryResearchElement strong {
	border-color: var(--Energy);
}

.caseStudyWrapper.Engineering h2,
.caseStudyWrapper.Engineering .industryResearchElement strong {
	border-color: var(--Engineering);
}

.caseStudyWrapper.Environment h2,
.caseStudyWrapper.Environment .industryResearchElement strong {
	border-color: var(--Environment);
}

.caseStudyWrapper.Food h2,
.caseStudyWrapper.Food .industryResearchElement strong {
	border-color: var(--Food);
}

.caseStudyWrapper.Formulations h2,
.caseStudyWrapper.Formulations .industryResearchElement strong {
	border-color: var(--Formulations);
}

.caseStudyWrapper.Healthcare h2,
.caseStudyWrapper.Healthcare .industryResearchElement strong {
	border-color: var(--Healthcare);
}

.caseStudyWrapper.Nuclear h2,
.caseStudyWrapper.Nuclear .industryResearchElement strong {
	border-color: var(--Nuclear);
}

.caseStudyWrapper.Oil h2,
.caseStudyWrapper.Oil .industryResearchElement strong {
	border-color: var(--Oil);
}

/*temps*/
.industryResearchElement strong {
	font-size: 120%;
	font-weight: bold;
	border-left: 6px solid var(--Aerospace);
	padding-left: 9px;
}

.industryResearchElement ul {
	margin-left: 28px;
}

/*temps*/

.casestudyIntro strong {
	padding: 0px;
	padding-left: 0;
}

.casestudyIntroWhiteLine {
	display: block;
	background: white;
	height: 2px;
	margin-top: 9px;
	width: 100%;
	position: relative;
}

.casestudyTagLine {
	display: block;
	background: white;
	height: 13px;
	width: 120px;
	transform: skewY(-4deg);
	margin-top: 12px;
}

.casestudyIntro h1 {
	z-index: 99;
	color: white;
	border: none;
	line-height: 1em;
	font-size: 1.4em;
	margin-top: 13px;
	margin-bottom: 13px;
}


.caseStudyWrapper .indusquote {
	background-color: #f0f0f0;
}

.caseStudyWrapper .indusquote p {
	padding-left: 10px;
	color: #000;
}

.caseStudyWrapper .indusquote img {
	float: right;
	padding: 10px;
	border-radius: 100px;
	margin-top: -17px;
}

.caseStudyWrapper .companylogo {
	margin-top: 20px;

	padding: 13px;
}

.caseStudyWrapper .companylogo:nth-child(2n) {
	margin-right: 0px !important;
}

.caseStudyWrapper .companylogo {
	width: calc(50% - 27px);
	float: left;
	padding: 10px;
	border: 1px solid #ebebeb;
	margin: 10px;
	height: 150px;
	position: relative;
	overflow: hidden;
	display: flex;
	font-size: 13px;
	margin-left: 0px;
}

.caseStudyWrapper .companylogo img {
	text-align: center;
	position: relative;
	overflow: auto;
	margin: auto;
	max-height: 100%;
	width: auto;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
}

.valignhelper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}


.caseStudyWrapper .flex {
	background: #f0f0f0;
	display: flex;
}

.caseStudyWrapper .quotephotodiv {
	display: flex;
	align-items: center;
	justify-content: center;
}

.caseStudyWrapper .photoflex {
	display: flex;
	align-content: center;
	justify-content: center;
}

.caseStudyWrapper .quotephoto {
	padding: 15px;
	border-radius: 100px;
}

#casestudyphoto1 {
	margin-top: 37px;
}

.casestudyphoto {
	margin-bottom: 25px;
}


/*text style classes*/
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}


/*Search*/

.sresults {
	transition: display 2s, opacity 0.5s linear;
	margin-top: -50px;
}

.highlightyellow {
	background: yellow;
}

.searchTab {
	margin: 20px 20px 25px 0px;
}

.searchTab a {
	margin-right: 10px;
	padding: 5px 5px 5px 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
}

#Searchtabs1 {
	border: none;
}

#Searchtabs1 .ui-tabs-panel {
	border: none !important;
}

.sresultblock div {
	margin-bottom: 5px;
	position: relative;
	overflow: auto;
}

.sresults .metaresults {
	text-align: right;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 18px;
}

.sresultblock img {
	display: block;
	margin-top: 11px;
}

.sresults .sresultblock {
	padding: 11px;
	/*! background: #f3f3f3; */
	border-left: 3px solid #072B5D !important;
	margin-bottom: 26px !important;
	display: block;
	position: relative;
}

.sresults .sresultblock:hover {
	border-left: 3px solid rgb(237, 107, 0) !important;
	background: #f4f4f4;
}

.sresults .overLink {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
}

.sresults .businessService ul {
	padding-left: 14px;
}


.sresults .serviceStaff {
	padding: 10px;
	position: relative;
	overflow: auto;
}

.sresults .serviceStaff ul {
	margin-left: 10px;
	margin-top: 10px;
}

.sresults .serviceStaff.\32 {
	left: 74px;
}

.sresults .serviceStaff.\33 {
	left: 133px;
	/*border-left: 1px dotted #d9d8d8;*/
	padding-left: 80px;
}

.sresults .serviceStaff img {
	position: relative;
	overflow: auto;
	display: block;
	width: 100px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;

}


.sresults .diamondproject {
	max-width: 100%;
	position: relative;
	overflow: auto;
	background: #ebebeb;
	padding: 15px;
	margin-top: 10px;
}

.sresults .diamondproject h3 {
	margin-bottom: 5px;
}

.sresults .subprogramme {
	color: white !important;
	background: #072b5d;
	padding: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	position: relative;
	overflow: auto;
}

.sresults .diamondproject .staffarea {
	position: relative;
	overflow: auto;
	margin-top: 10px;
}

.sresults .diamondproject .serviceStaff {
	width: auto;
	position: relative;
	overflow: auto;
	margin: 3px;
	margin-right: 3px;
	float: left;
	text-align: center;
	margin-right: 20px;
	max-width: 160px;
}

.sresults .diamondproject .serviceStaff img {
	position: relative;
	overflow: auto;
	display: block;
	width: 45px;
	border-radius: 50%;
	margin: auto;
	float: none;
}

.sresults .diamondproject .relatedSites {
	position: relative;
	overflow: auto;
	margin-top: 20px;
}

.sresults .diamondproject .relatedSites .buttonicon {
	height: auto !important;
	width: 45px !important;
	background-size: 45px;
}

.sresults .diamondproject .relatedSites a {
	font-size: 0;
}

.sresults .metadata {
	padding: 4px;
}

.sresults .green {
	background-color: green;
}

.sresults .orange {
	background-color: orange;
	color: black;
}

.sresults .lightblue {
	background-color: #9CD6F2;
	/*color:black;*/
}

.sresultblock .instrument {
    width: calc(100% - 10px);
    display: block;
    position: relative;
    overflow: auto;
    float: none;
    margin-bottom: 0 !important;
}

#mimefilterwrapper {
	display: none;
}

#mimefilter {
	margin-top: 7px;
}

.tag {
	background: #1051ac;
	margin-bottom: 4px !important;
	display: inline-block;
	width: auto !important;
	border-radius: 4px;
	font-weight: bold;
	font-size: 0.775em;
	color: white;
}

.tag:hover {
	background: #0c3d7e;
}

.tag a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 4px;
}


/*end search area*/


/*Cookie Control*/
#ccc-necessary-title {
	border: 0 !important;
	padding-left: 0 !important;
	font-weight: bold !important;
}


/*linebreak*/
.linebreak {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: auto;
	clear: both;
}

.breakline {
	border-bottom: 1px solid #d5d5d5;
}


/*publications style 2023*/
.plainTextDiv {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.yearPagination {
	border-left: 5px solid var(--GenericBackground);
	display: block;
	float: none;
	clear: both;
	width: calc(100% - 15px);
	position: relative;
	overflow: auto;
	padding-left: 10px;
	padding-top: 10px;
}

.yearPagination a {
	padding: 5px;
	border-radius: 10px;
	margin-right: 5px;
	margin-bottom: 5px !important;
	float: left;
	color: var(--GenericBackground);
	text-decoration: none;
	font-weight: bold;
}

.yearPagination a:hover {
	background: var(--GenericBackground);
	color: white;
	text-decoration: none;
}

.yearPagination a.selected {
	font-size: 14px;
	background: var(--GenericBackground) !important;
	color: white;
	text-decoration: none;
}

.pubmanArticle {
	border: 1px solid #ebebeb;
	border-left-color: rgb(235, 235, 235);
	border-left-style: solid;
	border-left-width: 1px;
	margin-top: 10px;
	margin-bottom: 15px;
	display: block;
	clear: none;
	position: relative;
	overflow: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	border-left: 5px solid #d1d1d1;
	padding-left: 10px;
	padding-right: 70px;
}

.pubmanArticle .titleOfPaper {
	font-weight: bold;
}

.pubmanArticle .titleOfJournal {
	font-style: italic;
}

.pubmanArticle .journalVolume {
	font-weight: bold;
}

.pubmanArticle:nth-child(2n+1) {
	background: var(--DiamondLightGrey);
}

.pubmanArticle .titleOfPaper {
	margin-top: 3px;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}

.pubmanArticle h4 {
	font-size: 12px;
}

.authorsArea {
	margin-bottom: 10px;
}

.rightside {
	width: 490px;
	float: right;
	border-left: 1px solid #c6c6c6;
	padding-left: 18px;
}

.pubmanArticle .tag {
  font-size: 0.7em;
  padding: 5px;
  line-height: 1.6;
  font-weight: normal;
  cursor: default;
  background: var(--GenericBackground);
  margin: 3px !important;
}

.tag.pubtype {
	background: grey;
}

.tag.pubtype.Journal.Paper {
	background: #7292cb;
}

.tag.pubtype.Thesis {
	background: #880c0c;
}

.tag.openAccess {
	background: none;
	color: transparent;
	background-image: url(/.resources/DiamondLightModule/webresources/img/OpenAccess.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

a .tag {
	cursor: pointer !important;
}

.pubmanArticle .doi {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pubmanArticle .pubdate {
	background: none;
	float: right;
	margin-right: -10px !important;
	margin-left: 15px !important;;
	border-left: 2px solid var(--Beamlines);
	border-radius: 1px;
	border-bottom: 2px solid var(--Beamlines);
	border-right: 2px solid var(--Beamlines);
	margin-top: -10px !important;;
	background: var(--Beamlines);
	position: absolute;
	top: 10px;
	right: 10px;
}

.pubmanArticle .pubdate a {
	color: white;
}

.authors_area a {
	font-size: 14px;
	color: black;
	font-weight: 300;
}

.journal_area a {
	font-size: 14px;
	color: black;
	font-weight: 300;
}

.journal_area {
	margin-top: 10px;
}

.journal_area .strong-value {
	font-weight: 800;
}

.detailed_area {
	font-size: 14px;
	font-weight: 300;
}

.detailed_area div {
	margin-top: 7px;
}

.act_btn {
	float: left;
}

.helptext {
	background-color: #effeeb;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	border: 0;
	border-left-color: currentcolor;
	border-left-style: none;
	border-left-width: 0px;
	border-left: 10px solid green;
	font-style: normal;
	margin-bottom: 12px;
}

#main .alert {
	background: #FEF3D7;
	padding: 10px 15px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	border-left: 10px solid #FDA241;
	font-size: 16px;
	font-weight: 500;
}


.pubListPlainText {
	counter-reset: list;
	display: none;
}

.pubListPlainText li:before {
	content: "[" counter(list)"] ";
	counter-increment: list;
	margin-left: -30px;
	width: 30px;
	display: block;
	float: left;
	clear: both;
}

.pubListPlainText li {
	list-style: none;
	margin-bottom: 10px;
}

.pubListPlainText .Thesis {
	color: #880101;
}

.pubListPlainText .Conference.Paper {
	color: #076daa;
}

.pubListPlainText .Book.Chapter {
	color: #8a4421;
}

#carouselAuthorStaffIndicators .carousel-indicators {
	position: relative;
	margin-top: 10px;
	bottom: 0;
	overflow: auto;
	z-index: 9999;
	cursor: pointer;
}

.carousel-item .pubmanArticle {
	min-height: 190px;
}

#carouselAuthorStaffIndicators li {
	background: #000;
}

#carouselAuthorStaffIndicators li.active {
	background: #880c0c !important;
}

/*2024 restyle home page*/

#home .teaser.latest,
#home .event-list {
	width: 100% !important;
	margin-right: 0 !important;
}

#home .latest li,
#home .event-list li {
	width: calc((100% / 3) - 10px) !important;
	float: left;
	clear: none !important;
	min-height: 250px;
	margin-bottom: 15px !important;
}

#home .latest li:nth-child(even),
#home .event-list li:nth-child(even) {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

#home .latest li:nth-child(4), #home .event-list li:nth-child(4) {
    display: none;
}

@media only screen and (max-width: 980px) {
		#home .latest li:nth-child(4), #home .event-list li:nth-child(4) {
			display: block;
		}
		
		#home .latest li:nth-child(even),
		#home .event-list li:nth-child(even) {
			margin-right: 0px !important;
			margin-left: 0px !important;
		}
		
		#home .latest li:nth-child(odd),
		#home .event-list li:nth-child(odd) {
			margin-right: 15px !important;
		}
		
		#home .latest li,
		#home .event-list li {
			width: calc((100% / 2) - 7.5px) !important;
		}
	}



#home .FeaturedNews li {
	margin-right: 0 !important;
	width: 100% !important;
}

#home .FeaturedNews img {
	margin: 0 !important;
	margin-bottom: 13px !important;
}

#home .FeaturedNews li:nth-child(odd) {
	margin-right: 0 !important;
}

.FeaturedNews h3 {
	position: absolute;
	bottom: 9.1vh;
	padding: 20px;
	background: white;
	font-size: 17px;
	width: 70% !important;
	background: #000000ab;
	line-height: 1.3;
}

.FeaturedNews h3 a {
	color: white !important;
}


#home .wide {
	width: calc(100% - 20px);
	margin-right: 0px;
}

.cat-date-row .articletype {
  text-transform: lowercase;
  font-size: 1.2em;
  padding: 13px !important;
  color: white;
  background: var(--Environment);
  position: relative;
  overflow: auto;
  margin-right: 11px;
}

.cat-date-row .articletype.news {
	background: var(--GenericBackground);
}

.cat-date-row .articletype.highlight {
	background: var(--GenericBackground);
}

img.align-left {
	float: left;
	margin-right: 20px;
	margin-left: 0;
}

img.align-right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}

.pubman_button {
	width: 150px;
	border-radius: 6px;
	text-align: left;
	background-image: url(/dam/jcr:8956b70e-7937-42e9-9ade-980bd9f4df04/formicon.svg);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 10px;
	background-color: var(--GenericBackground);
	color: white !important;
	padding: 9px;
	display: block;
	text-align: left;
	margin-bottom: 2px;
	padding-left: 50px;
	text-decoration: none !important;
	position: relative;
}

.pubman_button:hover,
.pubman_button:active,
.pubman_button:focus {
	background-color: var(--Beamlines);
}

.pubman_button:active {
	top: 1px;
}

.InfoBox{
    padding: 15px;
    border: 1px solid gray;
    border-radius: 6px;
    background: var(--infoColour);
    font-weight: bold;
    width: 91%;
}
.InfoBox a {
    text-decoration: underline;
    color: #0048d1;
}

.warningBox {
    padding: 15px;
    border: 1px solid gray;
    border-radius: 6px;
    background: var(--warningColour);
    font-weight: bold;
    width: 91%;
}



/*instrument search page*/
#hideFilters:hover {

    text-decoration: none;
    background: gray !important;

}
#hideFilters {

    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0px 5px;
    background: none !important;
    border: 1px solid black;

}
#showFilters{
  -webkit-transition-duration: 0.1s !important;
    transition-duration: 0.1s !important;
  }

#showFilters:focus{
text-decoration:none;
background:var(--GenericBackground) !important ;
text-decoration:none;
padding-top: 9px !important ;
padding-bottom: 9px !important ;
}

#showFilters:hover{
background:var(--GenericBackground) !important ;
text-decoration:none;
}

#showFilters:active{
padding-top: 9px !important ;
padding-bottom: 9px !important ;
}

.search {
    padding: 10px;
    border: 1px solid grey;
    position: relative;
    overflow: auto;
    width: auto;
    margin: auto;
    clear: both;
}

.search strong {
    display: block;
}

#a_Diffraction,#a_Imaging,#a_Spectroscopy,#a_Scattering,#a_Microscopy,#a_Other {
    float: left;
    margin-right: 3px;
}

.valignhelper {
    display: inline-block;
    vertical-align: middle;
    height: 75%;
}

.sciencegroupicon {
  width: 200px;
  float: left;    
  margin-right: 1%;
  margin-bottom:1%;
  height: 100px;
  position: relative;
  overflow: hidden;
  display: block;
  font-size:1.2em;
  background: var(--Home);
}

.sciencegroupicon:hover,.sciencegroupicon:focus-within{
 background: var(--GenericBackground);
}


    .sciencegroupicon img {
        text-align: center;
        position: relative;
        overflow: auto;
        margin: auto;
        max-height: 40%;
        width: auto;
        vertical-align: middle;
    }

    .sciencegroupicon a {
        display: block;
        height: 100%;
        margin: auto;
        width: 100%;
        white-space: nowrap;
        text-align: center;
    }
  
  

.sciencegroupicon em {
    position: absolute;
    height: 14px;
    bottom: 25px;
    text-align: center;
    width: 100%;
    font-style: normal;
    color: white;
    left: 0;
    font-size: 0.7em;
    line-height: 1.2em;
}
	.tabs .instrument {
	  width: calc(50% - 55px);	 
	}
	
	/*responsive wide*/
	@media only screen and (max-width: 980px) {
		.tabs .instrument {
		width: calc(100% - 65px)		
		}
	}
  
    .instrument {
    width: calc(33.33% - 34px);
    margin-bottom: 25px !important;
    float: left;
    /*border-top: 6px solid var(--GenericBackground);*/
    margin-top: 15px !important;
	padding:10px;
	background:var(--DiamondLightGrey);
    /* height: 550px !important; */
}


  
  
  .linkWrapper {
    position: relative;
    overflow: hidden;
    padding: 10px;
  margin-bottom: 5px;
  -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  
	.linkWrapper:hover h3, .linkWrapper:focus-within h3, .linkWrapper:active h3 {
	  transition: 0.5s;
	  color: var(--Beamlines);
	}
    
  
  .instrumentbutton {
    background-color: var(--GenericBackground);
    color: white;
    padding: 9px;
    display: block;
    text-align: center;
    margin-bottom:12px;
    text-decoration:none;
    font-size:14px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  
  .instrumentbutton:hover,.instrumentbutton:focus{
      background-color: #072333;
      text-decoration:none;
  }
  
/* .instrumentbutton:focus
 {
 border:1px dashed black !important;
 width:99% !important;
 heigh:99% !important;
 }*/
  
.instrument .instrumentbutton {
    font-size: 0;
    background: none;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

        .instrument h3 {
            color: var(--GenericBackground);
     }

        .techniquelist em a {
            font-size: 0.8em;
            color: black;
            font-style: normal;
            margin-right: 5px;
      float:left;
            padding: 5px;
            border-left: 2px solid var(--GenericBackground);
            margin-bottom: 5px;           
      background: #dadada;
      cursor:pointer;
        }
    
    .selected{
       background: #ebebeb !important;      
      
    }
    
     .techniquelist em a:hover {
      text-decoration: none;
      background: #ebebeb;
    }

        .instrument h4 {
            margin: 15px 0 2px 0;
        }
    
    #nav-sec-spectroscopy, #nav-sec-materials, #nav-sec-soft-condensed-matter, #nav-sec-engineering-and-environment, #nav-sec-surfaces-and-interfaces,
    #nav-sec-mx, #nav-sec-imaging, #nav-sec-mx-redevelopment, #nav-sec-macromolecular-crystallography,
    #nav-sec-structures-and-surfaces, #nav-sec-magnetic-materials, #nav-sec-imaging-and-microscopy, #nav-sec-crystallography, #nav-sec-biological-cryo-imaging,
    #nav-sec-spectroscopy-sdm, #nav-sec-soft-condensed-matter-rr
    {
    display:none;
    }
    
     /* The switch - the box around the slider */
.switch {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 17px;
    top: 12px;
    margin-left: 5px;
    right: 82px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 16px;
  left: -1px;
  bottom: 0px;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: orange;
}

input:focus + .slider {
  box-shadow: 0 0 1px orange;
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}


#soption {
    position: relative;
    right: 0;
    padding: 10px;
    border: 1px solid;
    clear: both !important;
    width: 190px;
    margin-bottom: 11px;
    background: var(--GenericBackground);
  color:white;
  float:left;
  margin-right:10px;
}

#soptionValueB {
    position: absolute;
    right: 7px;
}

#resultNumber {
    clear: both;
    float: right;
    position: relative;
    top: 11px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

#resultNumber em {
    font-weight: normal;
    font-size: 0.8em;
}

.btnBl {
    background: #ebebeb;
    color: black;    
    border: 1px solid gray;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
  padding: 5px;
  text-decoration:none;
}

.btnBl:visited{
color: black;
text-decoration:none;
}

.btnBl:focus,.btnBl:active,.btnBl:hover{
background: #cbcbcb;
text-decoration:none;
}



/*instruments page header*/
#home .section-beamlines-wrapper h1, #home .section-beamlines-wrapper h2{
	border-right: 0px solid var(--GenericBackground); 
	border-bottom:0px solid var(--GenericBackground); 
	border-left: 0px solid var(--GenericBackground);  
	padding-left: 0px;	
}
   
  
  @media screen and (max-width: 800px) {
        .instrument {
            width: 45%;
        }
    }
  
  @media screen and (max-width: 690px) {
        .instrument {
            width: 40%;
        }
    }
  
   @media screen and (max-width: 620px) {
        .instrument {
            width: auto;
        }
    }
	

/*/*/

.homejumbotron {
    padding: 60px;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    background-size: 100%;
    min-height: 275px;
    font-size: 1.1em;
    color: white;
    background: url("/.resources/DiamondLightModule/webresources/img/jumbotrons/DiamondFacilityUsers.webp");
    background-size: auto;
	background-position: 50%;
	transition:1s;
	Object-fit:cover;
	height: auto;
}
.homejumbotron.public1{
    background: url("/.resources/DiamondLightModule/webresources/img/jumbotrons/DiscoverDiamond.webp");
	background-size: auto 100%;
}

@media only screen and (max-width: 1150px) {
	.homejumbotron {
	  background-size: auto;
	  background-position: 50%;
	  
	}
}

@media only screen and (max-width: 550px) {
	.homejumbotron {
    background-size: auto 401px;
    background-position: 60%;
    background-clip: border-box;
    padding: 20px;
  }
}




.homejumbotron h2 {
    display: block;
	color: var(--Industry);
}

.homejumbotron .linkList {
    display: block;
    padding: 22px;
	position: relative;
}


.homejumbotron a {
    color: white;
}

.homejumbotron .linkList li {
    padding: 6px;
}	

img.jbt-bg {
    position: absolute;
    width: calc(100% + 20px);
    z-index: 0;
    top: -10px;
    left: -10px;
}

span.metainfo {
    z-index: 1;
    position: relative;
}

.jbt-overlay {
  position: absolute;
  width: 100%;
  display: block;
  background: url(/.resources/DiamondLightModule/webresources/img/Diamond_shapes_corner2_blue.svg);
  z-index: 0;
  height: 500px;
  left: -10px;
  top: -10px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0px 8px;
  transition:1s;
}
@media only screen and (max-width: 650px) {
	.jbt-overlay {
	  background-repeat: no-repeat;
	  background-size: auto 95%;
	  background-position: 1px 34px;
	  opacity: 0.85;
	}
}
@media only screen and (max-width: 530px) {
	.jbt-overlay {
	  background-repeat: no-repeat;
	  background-size: 5000%;
	  background-position: -500px -500px;
	  opacity: 0.85;
	  left:0;
	}
}




.homejumbotron .linkList a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 4px; /* space for underline */
}


/* underline pseudo-element */
.homejumbotron .linkList a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--Industry);

  /* start hidden (scaleX = 0) and origin on left */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 2s ease;
}

/* hover state: show underline left → right */
.homejumbotron .linkList a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* reverse animation when leaving hover */
.homejumbotron .linkList a::after {
  transition: transform 1s ease, transform-origin 1s;
}
.homejumbotron .linkList a:hover::after {
  transform-origin: left;
}
.homejumbotron .linkList a:not(:hover)::after {
  transform-origin: left; 
}

#home .event-news-list p {
  display: none;
}

/*.FeaturedNews .more-box, .event-list .more-box {
    display: none !important;
}*/

/*diamond-II*/
#vitrine {
	width: 100%;	
	overflow: auto;
}

#vitrine img {
	width: 100%;
}

.dteaser {
	float: left;
	width: 33.333%;
	position: relative;
}

.message {
	position: absolute;
	width: 100%;
	top: 183px;
	z-index: 50;
	background: rgba(255, 255, 255, 0.95);
	color: black;
	text-align: center;
	font-size: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: 0;
	font-weight: bold;
	font-family: 'Nothing You Could Do', cursive;
}

.m1 {
	animation: fadeIn 3s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

.m2 {
	animation: fadeIn 3s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}

.m3 {
	animation: fadeIn 3s;
	animation-delay: 2.5s;
	animation-fill-mode: forwards;
}

.m4 {
	animation: fadeIn 3s;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}

@keyframes fadeIn{
	from { opacity:0;}
    to {opacity: 1;}
}
@keyframes fadeOut {
	from { opacity:1;}
    to {opacity: 0;}
}


/*responsive wide*/
@media only screen and (max-width: 1170px) {
	#topmenuinner > ul li:first-child {
	  width: 100%;
	}
}

/*tabs  from UI*/
.tabs {
  width: calc(100% - .4em) !important;
}

/*container from bootstrap*/
.container_small {
  max-width: 100vw !important;  
  margin-bottom: 20px !important;  ;
}

/*edit bars*/
div.mgnlEditorBar.area.start{height:30px !important;}
.area{
    position:relative;
    overflow:auto;
    top: 0 !important;
    }

/*Conference 2025*/
body._Conference {
  font-size: 14px;
}

._Conference .HomeMainColumn {
  width: calc(100% - 325px);
}
._Conference .HomeRightColumn{
	width:300px !important;
}

/*._Conference #contentWrapper{
   max-width: calc(100%);
}*/
@media only screen and (max-width: 1000px) {
	
	._Conference .HomeMainColumn {
	  width: calc(100% - 225px);
	}
	._Conference .HomeRightColumn{
		width:200px !important;
	}
}
@media only screen and (max-width: 680px) {
	
	._Conference .HomeMainColumn {
	  width: calc(100%);
	}
	._Conference .HomeRightColumn{
		width: calc(100%) !important;
	}
}
._Conference #nav-global {
  height: auto;
}


/*Home About box*/
.homepromo {
  background: var(--Public);
  color: black;
  padding: 18px;
  position: relative;
  overflow: auto;
  font-size: 1.1em;
  font-weight: 350;
  margin-bottom: 25px;
  top: 15px;
}
.homepromo h2 {
  color: black;
  font-weight: 800 !important;
}

.homepromo a {
  color: black !important;
  text-decoration: underline;
}


/*Chevron*/
.moreMenuChevron {
  float: right;
  padding-top: 5px;
  padding-left: 9px;
}

.lessMenuChevron {
  transform: rotate(180deg);
  padding-right: 9px;
  padding-bottom: 5px;
  padding-top: 0;
}

.articledate {
  font-size: 0.8em;
  padding-right: 10px;
}