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

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

body {
	background-color: #E1E5E7;
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	/*font-size: 82.5%;*/
	font-size: 13px;
}

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, h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: normal !important;
}

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: 120%;
}

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 {
  font-weight: bold !important;
  position: relative;
  overflow: auto;
}
#contentWrapper h1 {
  font-weight: bold !important;  
}

/*
---------------------------------
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 #072B5D;
  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;
	padding-left: 64px;
	background-position: 10px 19px;
	padding-right: 30px;
	font-size: 1em;
	color: #072B5D;
}

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: auto;
	position: relative;
	width: 100%;
	min-width: 980px;
}

#wrapper-2 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	margin-bottom: -4px;
	margin-left: auto;
	margin-right: auto;
	min-height: 400px;
	padding-bottom: 4px;
	padding-top: 14px;
	position: relative;
	top: -4px;
	width: 980px;
	z-index: 1;
	overflow: auto;
}

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

#contentWrapper {
	background-color: #FFFFFF;
	float: right;
	/*margin-right: 10px;
  margin-top: 0;*/
	margin: 0 10px 20px 0;
	width: 700px;
}

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

#home #wrapper-3, #home #contentWrapper, #home #main {
	margin: auto;
	overflow: hidden;
	position: static;
	width: 960px;
	z-index: 1;
}

#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 #072B5D;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 980px;
}

#topmenuinner {
	margin: auto;
	overflow: auto;
	position: relative;
	width: 980px;
}

#topmenu img {
	height: 35px;
}

#topmenu ul {
	margin: auto;
	padding-top: 0;
	width: 980px;
}

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

#topmenu a {
	border-right: 1px solid #FFFFFF;
	color: #eee;
	display: block;
	float: left;
	margin: 0;
	padding: 10px 10px 6px;
	text-decoration: none;
	font-size: 1.10em;
}

#topmenu .textmenu {
	padding-bottom: 11px;
	padding-top: 16px;
}

#topmenu a:hover,#topmenu a:focus,#topmenu a:active {
	background: none repeat scroll 0 0 #042044;
	color: #FFFFFF;
}

.homehome {
	padding-bottom: 2px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
}

.About:hover,.About:focus,.About:active {
	background: #85AA05 !important;
}

.Industry:hover,.Industry:focus,.Industry:active {
	background: #5B54A2 !important;
}

.Science:hover,.Science:focus,.Science:active {
	background: #84A806 !important;
}

.Users:hover,.Users:focus,.Users:active {
	background: #0D4291 !important;
}

.Media:hover,.Media:focus,.Media:active {
	background: #584734 !important;
}

.textmenu.Careers:hover,.textmenu.Careers:focus,.textmenu.Careers:active {
	background: #40B5BC !important;
}

.Public:hover,.Public:focus,.Public:active {
	background: #7292cb !important;
}

.Beamlines:hover,.Beamlines:focus,.Beamlines:active {
	background: #7292CB !important;
}

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

.sectionmenu {
	float: left;
	margin-right: 2%;
	margin-top: 10px;
	overflow: auto;
	width: 31%;
	height: 137px;
}

.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: 7px !important;
}

#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 {
	color: white !important;
	background: none !important;
}

/*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: 980px;
}

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

#search-box input {
  background: none repeat scroll 0 0 #EBEBEB;
  border: 1px solid #ebebeb;
  margin: 0px;
  padding: 3px 3px 2px;
  width: 130px;
  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 {
	bottom: 55px;
	color: #FFFFFF;
	display: block;
	font-family: 'Open Sans Condensed', Arial, "Helvetica Neue", Helvetica,
		sans-serif;
	font-size: 200%;
	font-style: normal;
	font-weight: normal;
	left: 0;
	letter-spacing: 1px;
	line-height: 1.2em;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	z-index: 11;
}

#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: url("../img/navbg.png") repeat-x scroll 0 0 #E1E5E7;
	clear: both;
	display: block;
	float: left;
	position: relative;
	top: -4px;
	width: 100%;
	z-index: 5;
}

#nav-global em {
	display: none;
}

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

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

#nav-global a, #nav-global strong {
	border-right: 1px solid #D3D3D3;
	color: #000000;
	display: block;
	font-size: 1.05em;
	line-height: 1;
	padding: 1.1em 7px;
	text-decoration: none;
}

#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 #072B5D;
}

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

/* 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 #cccccc !important;
	box-shadow: 0 6px 4px -4px #CCCCCC;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}

#nav em {
	display: none;
}

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

#nav-box h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
}

#nav-box li {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

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

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

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

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

/* About */
#wrapper.section-home-wrapper #nav-box li.on strong, #wrapper.section-home-wrapper #nav-box a:hover,
	#wrapper.section-home-wrapper #nav-box a:active, #wrapper.section-home-wrapper #nav-box a:focus,
	#wrapper.section-home-wrapper #nav-box li.on a:hover, #wrapper.section-home-wrapper #nav-box li.on a:active,
	#wrapper.section-home-wrapper #nav-box li.on a:focus, #wrapper.section-home-wrapper #nav-box li strong
	/*,
#wrapper.section-home-wrapper #nav-box li.on a*/ {
	background: #85AA05;
}

#wrapper.section-home-wrapper th {
	background: #85AA05;
	color: #ffffff;
}

/* For Users */
#wrapper.section-users-wrapper #nav-box li.on strong, #wrapper.section-users-wrapper #nav-box a:hover,
	#wrapper.section-users-wrapper #nav-box a:active, #wrapper.section-users-wrapper #nav-box a:focus,
	#wrapper.section-users-wrapper #nav-box li.on a:hover, #wrapper.section-users-wrapper #nav-box li.on a:active,
	#wrapper.section-users-wrapper #nav-box li.on a:focus, #wrapper.section-users-wrapper #nav-box li strong
	/*,
#wrapper.section-users-wrapper #nav-box li.on a*/ {
	background: #0D4291;
}

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

/* Industry */
#wrapper.section-industry-wrapper #nav-box li.on strong, #wrapper.section-industry-wrapper #nav-box a:hover,
	#wrapper.section-industry-wrapper #nav-box a:active, #wrapper.section-industry-wrapper #nav-box a:focus,
	#wrapper.section-industry-wrapper #nav-box li.on a:hover, #wrapper.section-industry-wrapper #nav-box li.on a:active,
	#wrapper.section-industry-wrapper #nav-box li.on a:focus, #wrapper.section-industry-wrapper #nav-box li strong
	/*,
#wrapper.section-industry-wrapper #nav-box li.on a*/ {
	background: #544E94;
}

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

/* Public */
#wrapper.section-public-wrapper #nav-box li.on strong, #wrapper.section-public-wrapper #nav-box a:hover,
	#wrapper.section-public-wrapper #nav-box a:active, #wrapper.section-public-wrapper #nav-box a:focus,
	#wrapper.section-public-wrapper #nav-box li.on a:hover, #wrapper.section-public-wrapper #nav-box li.on a:active,
	#wrapper.section-public-wrapper #nav-box li.on a:focus, #wrapper.section-public-wrapper #nav-box li strong
	/*,
#wrapper.section-public-wrapper #nav-box li.on a*/ {
	background: #7292CB;
}

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

/* Science */
#wrapper.section-science-wrapper #nav-box li.on strong, #wrapper.section-science-wrapper #nav-box a:hover,
	#wrapper.section-science-wrapper #nav-box a:active, #wrapper.section-science-wrapper #nav-box a:focus,
	#wrapper.section-science-wrapper #nav-box li.on a:hover, #wrapper.section-science-wrapper #nav-box li.on a:active,
	#wrapper.section-science-wrapper #nav-box li.on a:focus, #wrapper.section-science-wrapper #nav-box li strong
	/*,
#wrapper.section-science-wrapper #nav-box li.on a*/ {
	background: #84A806;
}

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

/* Beamlines */
#wrapper.section-beamlines-wrapper #nav-box li.on strong, #wrapper.section-beamlines-wrapper #nav-box a:hover,
	#wrapper.section-beamlines-wrapper #nav-box a:active, #wrapper.section-beamlines-wrapper #nav-box a:focus,
	#wrapper.section-beamlines-wrapper #nav-box li.on a:hover, #wrapper.section-beamlines-wrapper #nav-box li.on a:active,
	#wrapper.section-beamlines-wrapper #nav-box li.on a:focus, #wrapper.section-beamlines-wrapper #nav-box li strong
	/*,
#wrapper.section-beamlines-wrapper #nav-box li.on a*/ {
	background: #7292CB;
}

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

/* Careers */
#wrapper.section-careers-wrapper #nav-box li.on strong, #wrapper.section-careers-wrapper #nav-box a:hover,
	#wrapper.section-careers-wrapper #nav-box a:active, #wrapper.section-careers-wrapper #nav-box a:focus,
	#wrapper.section-careers-wrapper #nav-box li.on a:hover, #wrapper.section-careers-wrapper #nav-box li.on a:active,
	#wrapper.section-careers-wrapper #nav-box li.on a:focus, #wrapper.section-careers-wrapper #nav-box li strong
	/*,
#wrapper.section-careers-wrapper #nav-box li.on a*/ {
	background: #40B5BC;
}

#wrapper.section-careers-wrapper th {
	background: #40B5BC;
	color: #ffffff;
}
/*
-----------------------------------
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*/
#breadcrumb {
	/*float: left;*/
	margin: 10px 0 20px 10px;
	top: 50px;
	width: 98%;
	z-index: 50;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}

#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; */
	font-family: 'Open Sans', sans-serif;
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
	font-size: 14px;
	color: #999999;
}

#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: #999999;
}

#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: #4C4C4C;
	/*background-color:#6F6F6F;*/
	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: 295px;
}

#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 #1C3D74;
	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: 980px;
}

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

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

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

/*Home Page*/
.HomeMainColumn {
	float: left;
	margin: 5px;
	position: relative;
	/*width: 680px;*/
	max-width: 670px;
	overflow: auto;
}

.HomeMainColumn h2 {
	font-weight: normal;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	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-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin-top: -4px;
}

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

.HomeRightColumn {
	/*float: left;*/
	float: right;
	margin: 5px 1px 5px 5px;
	overflow: auto;
	position: relative;
	width: 264px;
}

.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: #fff;
  box-sizing:border-box;
  width: calc(((100% - 3%) / 4));
  margin-right: 1%;
  float: left;
  min-height: 166px;
  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;
}

#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: 120%;
	font-family: 'Open Sans', sans-serif;
}

.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 #40B5BB;
	color: #000;
	font-weight: normal;
	padding: 5px 0 5px 5px;
	font-weight: bold;
}

.boxTitleC {
	border-bottom: 10px solid #7292CB;
	color: #000;
	font-weight: normal;
	padding: 5px 0 5px 5px;
	font-weight: bold;
}

.boxTitleD {
	border-bottom: 10px solid #5B54A2;
	color: #000;
	font-weight: normal;
	padding: 5px 0 5px 5px;
	font-weight: bold;
}

.boxTitle {
	border-bottom: 10px solid #0D4291;
	color: #000;
	font-weight: normal;
	padding: 5px 0 5px 5px;
	font-weight: bold;
}

.boxContent {
	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 #072B5D; 
	border-bottom:2px solid #072B5D; 
}
h2{	
  border-left: 5px solid #072B5D;  
  padding-left: 5px;	
}


#home h2 a {
  color: #000;
  
}

.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 {
	border: 1px solid #cccccc;
	padding: 5px 10px;
	display: inline-block;
	box-shadow: 0 4px 4px -4px #CCCCCC;
	font-size: 90%;
	margin-bottom: 10px;
}

.more-box a {
	text-transform: uppercase;
	color: #000000;
}

.more-box:hover {
	box-shadow: inset 0 4px 4px -4px #CCCCCC;
}

.more-box:hover a {
	text-decoration: none;
	color: #666666;
}

.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: none repeat scroll 0 0 #EFEFEF;
	float: left;
	margin: 17px 30px 2px 2px;
	padding: 9px;
	width: 42%;
	height: 125px;
}

.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 #CCCCCC;
	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 #CCCCCC;
	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: 140px;
	box-shadow: 0 5px 4px -3px lightgray;
}

#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: 0 10px 10px;
	position: relative;
	width: 40%;
}

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

/*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;
}

#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: 15px;
	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 #cccccc;
	max-width: 100% !important;
	box-sizing: border-box;
	
}
#home .teaser h3{
	width:100%;
}
#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*/
#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;
}

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

.pager li a, .pager li strong, .pager li span {
	border: 1px solid #CCCCCC;
	display: block;
	font-weight: bold;
	padding: 2px 6px;
}

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

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

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

.pager li strong {
	background: none repeat scroll 0 0 #85AA05;
	border: 1px solid #333333;
	color: #FFFFFF;
	text-decoration: none;
}

.pager li a:hover, .pager li a:active, .pager li a:focus {
	background: none repeat scroll 0 0 #85AA05;
	border: 1px solid #333333;
	color: #FFFFFF;
	text-decoration: none;
}

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

.pager li.previous a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0 -68px
		transparent;
	padding-left: 15px;
}

.pager li.next a {
	background: url("../img/icons/sprites.png") no-repeat scroll 0px 5px
		rgba(0, 0, 0, 0);
	padding-left: 16px;
}

.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
	{
	color: #EC1549;
	text-decoration: underline;
}

.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 #cccccc !important;
	box-shadow: 0 6px 4px -4px #cccccc;
	display: block;
	padding: 5px !important;
	width: 100%;
}

.text-box-section-group>a {
	border: 1px solid #cccccc !important;
	box-shadow: 0 6px 4px -4px #cccccc;
	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: 21px;
}

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

#home .categories em a {
  font-size: 0.7em;
  color: black;
  font-style: normal;
  /*! margin-right: 5px; */
  padding: 4px;
  /*! border: 1px solid #072b5d; */   
  /*! border-left: 5px solid #072b5d; */
  /*! 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
 */
.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-family: 'Open Sans', sans-serif;
	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 #CCCCCC !important;
    box-shadow: 0 6px 4px -4px #CCCCCC;
    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 #072B5D;
	height: auto !important;
}

.instrumentbutton {
	background-color: #072b5d;
	color: white;
	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;
}

.instrument h3, .TechniquesBox h3 {
	color: #072b5d;
}

.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 #072b5d !important;
	border-left: 5px solid #072b5d !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-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	height: 35px;
	padding: 5px;
}

.beamlineoverview2 h3 a {
	color: #FFFFFF !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	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-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	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 {  
  font-family: 'Open Sans', sans-serif;
  background: none;
  margin-bottom: 3px;
  margin-top: 3px;
  font-size: 0.9em;
  background: rgba(255,255,255,0.6);
}

.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-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	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 #cccccc;
	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: 60%;
}

.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;
}
.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: #072B5D;
}
.casestudy > a:hover,.casestudy > a:focus  {
 background: #05113C;
 text-decoration: none;
}

.textbox_content.casestudy .industrylogo {
  display: none;
}

.left {
	float: left;
	width: 70%;
}

.right {
	float: left;
	width: 30%;
}

.in-casestudy p {
	position: relative;
	width: 66%;
	min-height: 122px;
}

.in-casestudy img {
	position: absolute;
	right: -193px;
	top: -82px;
}

.paddingleft {
	margin-top: 15px;
	padding-bottom: 0;
}

.casestudyphoto {
	margin-bottom: 15px;
	float: right;
}

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

.element:nth-child(n+1) {
	margin-right: 5%;
}

.element {
	border: 1px solid #CCCCCC !important;
	box-shadow: 0 6px 4px -4px #CCCCCC;
	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 #cccccc;
}

/*****************************************
*                                        *
*   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;
}

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: #CCCCCC;
	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: #f1f1f1;
  color: #444;
  cursor: pointer;
  padding: 18px 60px 18px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  transition: 0.4s;
  font-weight: bold;
}

.accordion:hover,.accordion:focus,.accordion:active {
  background-color: #b1b1b1;
  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 #cccccc !important;
    box-shadow: 0 6px 4px -4px #CCCCCC;
    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 #cccccc !important;
	box-shadow: 0 6px 4px -4px #CCCCCC;
	margin-bottom: 20px !important;
	overflow: auto;
	padding: 10px !important;
	width: calc(100% - 22px) !important;
}

/*.HomeRightColumn .links li {
    list-style: none outside none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/

.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;
	font-family: 'Open Sans', sans-serif;
	/*display: inline-block;*/
	margin-bottom: 5px;
}

.abstracthighligthing {
	background: #efefef 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-size: 100%;
	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: 5px 0 0;
	text-align: center;
}

#event .date abbr {
	border: medium none;
	cursor: help;
}

#event .date .day, #event  .date .year {
	color: #FFFFFF;
	display: block;
	font-size: 240%;
	font-weight: bold;
	line-height: 1em;
	padding: 0 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: 13px;
	text-indent: -9999px;
}

#event .date .d-end {
	background: none repeat scroll 0 0 #6EACB1;
	padding-top: 0;
}

#event .vevent {
	background: none repeat scroll 0 0 #DBDBDB;
	border: 1px solid #CCCCCC;
	box-shadow: 0 6px 4px -4px #CCCCCC;
	clear: both;
	margin: 0 0 10px;
	padding: 5px 5px 15px 5em;
	position: relative;
	z-index: 1;
	min-height: 130px;
}

#event #wrapper-2 .vevent h2 {
	padding: 0 2em 5px 0;
	font-weight: bold !important;
}

#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;
	font-size: 120%;
	margin: 0 0 10px;
}

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

#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: #072b5d;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.edition {
	color: #ffd02b;
}

/*copy to clipboard*/
.btn {
	-moz-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: #072B5D;
}

.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: #072B5D;
	padding-bottom: 0px !important;
}

.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: 11px;
	text-align: center;
	width: 100%;
	font-style: normal;
	color: white;
	left: 0;
	font-size: 0.7em;
}

.techniqueButtonBis {
	width: 110px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 110px;
	position: relative;
	overflow: hidden;
	display: table;
	font-size: 13px;
	background: #072B5D;
	color: white !important;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	text-decoration: none !important;
	font-family: "roboto";
	font-size: 14px;
}

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