/*
- Screen breakpoints
@media only screen and (min-width: 1px)
@media only screen and (min-width: 1px) and (max-width: 767px)
@media only screen and (min-width: 480px)
@media only screen and (min-width: 768px)
@media only screen and (min-width: 1140px)
*/

.x-panel {
	box-sizing: border-box !important;
}
:lang(ja) {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
:lang(zh-cn), :lang(zh) {
	font-family:"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	letter-spacing:0.05em;
}
:lang(zh-tw) {
	font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif;
}
:lang(ko) {
	/*
	font-family: NotoSansCJKkr, "돋움", "Dotum", sans-serif;
	font-family: "돋움", "Dotum", sans-serif;
	@import url('/fonts/NanumBarunGothic/css/nanumbarungothic.css');
	*/
	font-family: 'Nanum Barun Gothic', sans-serif;
}
:target::before {
  /* Show targetted anchor elements under fixed header */
  content: "";
  display: block;
  height: 150px; /* fixed header height*/
  margin: -150px 0 0; /* negative fixed header height */
}
ol, ul {
	margin-top:1em;
	margin-bottom:1em;
}
ol {
	list-style:decimal;
	vertical-align:middle;
}
ul {
	list-style:disc;
}
ul li ul {
	list-style:circle;
	margin:0;
}
.BigQuoteStart {
	display:block;
	position:relative;
	float: left;
	margin:15px 10px -10px 0;
	width: 10px;
	height: 10px;
	font-size: 50px;
	color:#565656;
}
.BigQuoteEnd {
	display:block;
	position:relative;
	float: right;
	margin:15px 10px -10px 0;
	width: 10px;
	height: 10px;
	top:0;
	margin-left: 20px;
	font-size: 50px;
	color:#565656;
}
.monospace {
	font-family:"Courier New", Courier, monospace;
}
.mm-menu {
	display:none;
}

hr {
  background: none; 
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1em 0;
  border: none; 
  border-top: #2a96ba dotted 1px;
}
div.hr {
	clear:both;
	border-bottom:1px dotted #707276;
	margin:5px 0 10px 0;
}
div.CrossLinks {
	clear:both;
	border:1px solid #e2e3e4;
	margin-top:10px;
	padding:10px;
}
div.table {
	display:table;
	width:auto;
}
div.tablerow {
	display:table-row;
	vertical-align:top;
}
div.tablecell {
	display:table-cell;
	vertical-align:top;
}


/* Non-layout CSS */

.Hidden, .hidden {
	display:none;
}
.Visible, .visible {
	display:block;
}
.NoBreak {
	white-space:nowrap;
}
.ErrorBorder {
	border:1px solid #FF0000;
	padding:10px 5px;
	font-size:11px;
	background-color:#FEF3F3;
}
@keyframes animNoteBorder {
    0%   {background-color:#ffff99;}
    100% {background-color:#FFFFD4;}
}
.NoteBorder {
	border:1px solid #E0E0E0;
	padding:0 10px;
    background-color:#FFFFD4;
    animation-name: animNoteBorder;
    animation-duration: 3.0s;
}
p.NoteBorder {
	padding:10px;
}
input.ErrorBorder {
	padding:2px;
}
.imgURLAvailabilityStatus {
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:16px;
}

#PageContent {
	position:relative;
}

article form {
	overflow:hidden;
}
article table:not(.x-grid-table) {
	width:100%;
	background-color:#FFFFFF;
	text-align:left;
}
article div.Results table {
	margin:0 1%;
	width:98%;
}
article table.FitContents {
	width:auto;
}
article table tr.alt td {
	background-color:#FDFDFD;
}
article table:not(.x-grid-table) td, article table:not(.x-grid-table) th {
	border:1px solid #E0E0E0;
	padding:2px 10px;
	vertical-align:top;
	/*
	text-align:left;
	*/
}
article table:not(.x-grid-table) th {
	font-weight:bold;
	color: #2a96ba;
	background-color: #fbfbfb;
}
article table:not(.x-grid-table) th.col {
	text-align:center;
}
article table:not(.x-grid-table) th.row {	text-align:left;
}
article table:not(.x-grid-table) th[scope='col'] {
	text-align:center;
}
article table:not(.x-grid-table) th[scope='row'] {	text-align:left;
}
article table:not(.x-grid-table) td img, article table:not(.x-grid-table) th img {
	vertical-align:middle;
}
article table.noborder {
	border:none;
}
article table.noborder th, article table.noborder td {
	border:none;
}
article td > ul, article th > ul {
	margin-top:0;
}
article table td li {
	margin-left:10px;
	text-align:left;
}
label, input, select, textarea {
	display:inline-block;
	margin:0.2em 0;
	width:auto;
	max-width:98%;
	font-size:1em;
}
label {
	margin:1em 0 0 0;
	clear:both;
	width:25%;
	text-align:left;
	font-weight:bold;
}
fieldset > label:first-of-type {
	margin:0;
}
label.error
{
	color:#FF0000;
	margin: 0;
	font-size: 80%;	
}
input[type="range"] {
	width:80%;
}
article form br {
	clear:both;
}

label.inline {
	clear:none;
	float:none;
	width:auto;
	/*
	margin:0.4em 1em 0.4em 0;
	*/
	display:inline-block;
	margin-right:1em;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
select,
textarea {
	border:1px solid #E0E0E0;
	padding:2px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='search']:focus,
select:focus,
textarea:focus {
	/*
	border:1px solid #2a96ba;
	*/
	box-shadow: 0 0 3px rgba(42, 150, 186, 1);
	border: 1px solid rgba(42, 150, 186, 0.75);	
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[type='password'] {
	font-family:"Courier New", Courier, monospace;
}
input[type='radio'], input[type='checkbox'] {
	float:none;
	margin-right:5px;
    vertical-align: -0.2em;
}
input[type='button'],
input[type='submit'],
button,
article a.buttonlink {
	display:inline-block;
	padding:10px 19px 8px 19px;
	border:1px solid #2a96ba;
	font-size:15px;
	color:#2a96ba;
	font-weight:700;
	background-color:#ffffff;
	text-transform: uppercase;
}
input[type='button']:hover,
input[type='submit']:hover,
button:hover,
article a:hover.buttonlink {
	background-color:#2a96ba;
	color:#eeeeee !important;
}
input[type='button']:disabled,
input[type='submit']:disabled,
button:disabled
{
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
article a.buttonlink,
article a:hover.buttonlink {
	text-decoration:none;
	line-height: normal;
	margin: 0.2em 0;
}

.spinner {
	display:none;
	margin-left:0.4em 0 0.4em 1em;
	width:21px;
	height:21px;
}
.spinner.show {
	display:inline-block;
}
.spinner img {
	width:21px;
	height:21px;
	vertical-align:middle;
}
article a.buttonlink.bottom {
	position:absolute;
	bottom:10px;
	left:10px;
	height:16px;
}

article p.bottomlink {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    left: 0;
    height: 36px;
    margin: 10px 0 0 0;
}

article p.bottomlink a {
	position:absolute;
	border:1px solid #2a96ba;
	display:inline-block;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	padding: 10px 19px 8px 19px;
	font-weight: 700;
	text-transform:uppercase;
}
article p.bottomlink a:hover {
	color:#eeeeee !important;
	background-color:#2a96ba;
}

textarea {
	font-size:1em;
	width:98%;
	max-width:98%;
}
fieldset {
	border:1px solid #E0E0E0;
	background-color:#FAFAFA;
	padding:10px;
	/*
	display:table-cell; // Required due to a bug in Firefox whereby a child element's max-width attribute is ignored
	*/
	margin-bottom: 1em;
}
fieldset.DataProtection {
	font-size: 0.8em;
	line-height: 1.2em;	
}
fieldset legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 5px;
	color: #2a96ba;
}
fieldset > p:first-of-type {
	margin-top:0;
}
article ul li, article ol li {
	margin-left:2em;
}
article div.InnerPodsLeftContainer {
	width:250px;
	float:left;
}
article div.InnerPodsRightContainer {
	width:250px;
	float:right;
}
article div.InnerLeftPod {
	clear:both;
	float:left;
	width:auto; /* floating elements need to have a width declared */
}
article div.InnerRightPod {
	float:right;
	width:auto; /* floating elements need to have a width declared */
}
article div.Pod {
	width:250px;
	margin:0;
	padding:0;
}
article div.PodTop {
	width:250px;
	margin:0;
	padding:0;
	height:8px;
	background-image:url(../../images/page/InnerPodTop.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
article div.Pod h1 {
	display:none;
}
article div.PodContent {
	width:230px;
	margin:0;
	padding:10px 12px 10px 8px;
	background-image:url(../../images/page/InnerPodBG.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	border:none;
	overflow:hidden;
}
article div.PodContent ul.Menu {
	margin-left:-25px;
}
article div.PodBottom {
	width:250px;
	margin:0;
	padding:0;
	height:8px;
	background-image:url(../../images/page/InnerPodBottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
div.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    gap: 20px 20px;
}
div.grid-container.center {
    text-align: center;
}
div.flex-container {
    display: flex;
	flex-direction: row;
    gap: 20px 20px;
}
div.flex-container > div {
	flex-grow: 1;
}
article div.Columns2 {
	float:left;
	width:48%;
	margin:0 1% 10px 1%;
}
article div.Columns2_1 {
	clear:both;
	float:left;
	width:48%;
	margin:0 auto 10px 0;
}
article div.Columns2_2 {
	float:right;
	width:48%;
	margin:0 0 10px auto;
}
article div.Columns3 {
	float:left;
	width:31%;
	margin:0 1.15% 10px 1.15%;
	font-size:0.8em;
	line-height:1.1em;
}
article div.Columns3_1,
article div.Columns3_2,
article div.Columns3_3 {
	font-size:0.9em;
	line-height:1.2em;
	text-align:justify;
	/*
	text-justify:newspaper;	
	-webkit-text-justify:newspaper;	
	-moz-text-justify:newspaper;	
	-ms-text-justify:newspaper;	
	-o-text-justify:newspaper;	
	*/
	text-justify:distribute;	
	-webkit-text-justify:distribute;	
	-moz-text-justify:distribute;	
	-ms-text-justify:distribute;	
	-o-text-justify:distribute;	
}
article div.Columns3_1 {
	clear:both;
	float:left;
	width:30%;
	margin:0 auto 10px 0;
}
article div.Columns3_2 {
	float:left;
	width:30%;
	margin:0 5% 10px 5%;
}
article div.Columns3_3 {
	float:right;
	width:30%;
	margin:0 0 10px auto;
}
article div.Columns3 img,
article div.Columns3_1 img,
article div.Columns3_2 img,
article div.Columns3_3 img,
article div.Columns2 img,
article div.Columns2_1 img,
article div.Columns2_2 img
{
	max-width:100% !important;
	height:auto !important;
}
article div.Columns3 h1,
article div.Columns3 h2,
article div.Columns3 h3,
article div.Columns3_1 h1,
article div.Columns3_1 h2,
article div.Columns3_1 h3,
article div.Columns3_2 h1,
article div.Columns3_2 h2,
article div.Columns3_2 h3,
article div.Columns3_3 h1,
article div.Columns3_3 h2,
article div.Columns3_3 h3,
article div.Columns2 h1,
article div.Columns2 h2,
article div.Columns2 h3,
article div.Columns2_1 h1,
article div.Columns2_1 h2,
article div.Columns2_1 h3,
article div.Columns2_2 h1,
article div.Columns2_2 h2,
article div.Columns2_2 h3,
article div.ImageColumnText h1,
article div.ImageColumnText h2,
article div.ImageColumnText h3
{	text-align:left;
}
article div.MenuBox {
	float:left;
	display:block;
	width:228px;
	margin:0 10px 20px 0;
	padding:0;
	/*
	border:1px solid #E0E0E0;
	background-color:#FDFDFD;
	padding:10px;
	background-image:url(/images/page/FieldsetBG.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	*/
	border:1px solid #E0E0E0;
	padding:1em;
	margin:0 0 1em 0;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #fcfcfc 29%, #efefed 95%, #f0f0ee 100%);
	background: -webkit-linear-gradient(top, #fefefe 0%,#fcfcfc 29%,#efefed 95%,#f0f0ee 100%);
	background: linear-gradient(to bottom, #fefefe 0%,#fcfcfc 29%,#efefed 95%,#f0f0ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0ee',GradientType=0 );
    box-shadow:0 0 3px #cccccc;
    -moz-box-shadow:0 0 3px #cccccc;
    -webkit-box-shadow:0 0 3px #cccccc;
	
}
article div.MenuBox li {
	list-style-type:none;
}
article blockquote {	
	font-size:1.2em;	
	font-style:italic;
	padding:0 10px;
	border-left:5px solid #2a96ba;
	background-color:#F6F6F6;
}
article blockquote p {
	padding:1em;
	margin:0;
}
article div.ContentContainer {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(255,255,255) 66%, rgb(239,239,239) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(66%,rgb(255,255,255)), color-stop(100%,rgb(239,239,239))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(255,255,255) 66%,rgb(239,239,239) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(255,255,255) 66%,rgb(239,239,239) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(255,255,255) 66%,rgb(239,239,239) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(255,255,255) 66%,rgb(239,239,239) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    border:1px solid #dfdfdf;
    box-shadow:0 0 3px #cccccc;
    -moz-box-shadow:0 0 3px #cccccc;
    -webkit-box-shadow:0 0 3px #cccccc;
	padding:1em;
	margin:0 0 1em 0;
}

/* Ajax grid control styles - NOW SEPARATE */


p.NewsFeedLink {
	text-align:right;
}
p.NewsFeedLink a img {
	vertical-align:middle;
	border:none;
}

.Handheld {
	display:none;
}

.SmallText {
	font-size:0.8em;
	line-height:1.3em;
}

.LargeText {
	font-size:1.2em;
	line-height:1.3em;
}


.yui-tt { /* Tooltip styling */
color: #444;
font-size:9px;
border: 1px solid #444;
background-color: #FFC;
padding: 5px;
width:250px;
}

/* Accordion styles */
article div.accordion {
	margin:auto auto 1em auto;
	text-align:left;
	font-size:0.9em;
}
article div.accordion h2 {
	font-size:1.1em !important;
	margin:auto;
	clear:none;
	font-weight:bold;
}
article div.accordion div h2 {
	font-size:1.3em;
}
article div.accordion div h3 {
	font-size:1.1em;
}

/* TimeEntry styles */
.timefield-container {
	display:block;
}
.timeEntry_control {
	vertical-align: middle;
	margin-top: 0;
	margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
	margin-top: -4px;
}

/* PrettyPhoto styles */
.pp_jtc {
	border:1px solid #CCCCCC;
	box-shadow: 0 5px 10px #aaa;
}
.ImageColumn a[class^='prettyPhoto'] {
	position:relative;
	display:inline-block;
	display:block;
	margin:0 1em 1em 0;
	padding:10px;
	border:1px solid #B8B8B8;
	background-color:#FEFEFE;
	filter:alpha(opacity=100);
	opacity:1;
}
.ImageColumn a[class^='prettyPhoto']:hover {
	filter:alpha(opacity=80);
	opacity:0.80;
}
.ImageColumn a[class^='prettyPhoto'] span.overlayicon {
	position:absolute;
	opacity:0.9;
	filter:alpha(opacity=90);
	top:8px;
	left:8px;
	width:24px;
	height:24px;
}
.ImageColumn a[class^='prettyPhoto'] span.overlayicon img {
	position:absolute;
	opacity:1;
	filter:alpha(opacity=100);
	height:24px;
	width:24px;
	top:0;
	left:0;
	border:none !important;
}
.BodyCellMenu a[class^='prettyPhoto'], .BodyCellMenu a[class^='prettyPhoto']:hover {
	background-color:none;
	border:none;
	filter:alpha(opacity=0);
	opacity:0;
}

#AdminBox {
	padding:5px 1%;
	height:20px;
	color:#ffffff;
	background-color:rgba(255, 0, 0, 0.8);
	font-size:11px;
	z-index: 2;
}
#AdminBox a {
	color:#ffffff;
}
#AdminBox a:hover {
	text-decoration:underline;
}
#AdminBoxMenu ul li {
	margin:0 0 0 1em;
}

article div.BodyCellMenu {
	position:relative;
	min-height:80px;
	max-height:80px;
	overflow:hidden;
	background-color:#F2F2F2;
	border-left:solid 5px #2a96ba;
	border-right:solid 45px #2a96ba;
	padding:10px 10px 10px 140px;
	margin:0 0 2px 0;
	text-align:left;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
article div.BodyCellMenu:hover {
	max-height:999px;
	background: #FFFFFF;
	/*
	background: -moz-linear-gradient(left, #565656 130px, #FFFFFF 130px);
	background: -webkit-gradient(linear, left top, right top, color-stop(130px,#565656), color-stop(130px,#FFFFFF));
	background: -webkit-linear-gradient(left, #565656 130px,#FFFFFF 130px);
	background: -o-linear-gradient(left, #565656 130px,#FFFFFF 130px);
	background: -ms-linear-gradient(left, #565656 130px,#FFFFFF 130px);
	background: linear-gradient(to right, #565656 130px, #FFFFFF 130px);
	*/
}
article div.BodyCellMenu div.ImageContainer {
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	overflow:hidden;
}
article div.BodyCellMenu img {
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
}
article div.BodyCellMenu h1 {
	margin:0 0 0.2em 0;
	color:#565656;
	/*
	font-size:1.3em;
	*/
}
article div.BodyCellMenu p {
	margin:0;
	/*
	font-size:11.2px;
	*/
}
article div.BodyCellMenu a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
}
article div.BodyCellMenu a:after {
    content: ' ';
    position: absolute;
    left: 130px;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
    background-image: linear-gradient(
        rgba(242, 242, 242, 0) 80px,
        rgba(242, 242, 242, 1) 100px
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
}
article div.BodyCellMenu a:hover:after {
	max-height:999px;
	background-image: none;
	background-image: linear-gradient(left, white 30%, #8b0 30%);
}








article div.ImageColumn {
	display:flex;
	flex-direction:column;
}
article div.ImageColumnImages {
	/*
	width:33%;
	display:table-cell;
	*/
	font-size:85%;
	padding:40px 20px;
	order:2;
	flex-grow:1;
	flex-basis:100%;
	background-color:#f5f7f8;
    background-image:url(../../images/page/metrology.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 20px;
}
article div.ImageColumnText {
	/*
	display:table-cell;
	*/
	margin:0;
	padding:0 15px;
	order:1;
	flex-grow:1;
	flex-basis:100%;
}

article div.ImageColumnText a {
	word-wrap: break-word;
}
article div.ImageColumnImages a[class^='prettyPhoto'] {
	margin:0;
	padding:0;
	border:none;
}
article div.ImageColumnImages a[class^='prettyPhoto'][href$='jpg']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='JPG']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='png']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='PNG']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='gif']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='GIF']:after
{
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:url(../../images/icons/photogallery-icon.png);
	background-position:right top;
	background-repeat:no-repeat;
    /*
	background-size:24px;
    */
    background-origin: content-box;
    padding: 10px;    
}
article div.ImageColumnImages a[class^='prettyPhoto'][href*='youtube']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href*='youtu.be']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='mov']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='MOV']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='mp4']:after,
article div.ImageColumnImages a[class^='prettyPhoto'][href$='MP4']:after
{
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:url(../../images/icons/play_icon.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:48px;
}
article div.ImageColumnImages img {
	display:block;
	clear:both;
	margin:0;
	padding:0;
    /*
	border:1px solid #E0E0E0;
    */
}


article div.RightImageColumn {
	position:relative;
	margin-bottom:10px;
	float:left;
}
article div.RightImageColumnText {
	position:relative;
	float:left;
	width:60%;
	padding:0;
}
article div.RightImageColumnImages {
	position:relative;
	float:right;
	width:250px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
article div.RightImageColumnImages a[class^='prettyPhoto'] {
	margin:0;
	padding:0;
	border:none;
}
article div.RightImageColumnImages p {
	font-weight:bold;
	color:#333333;
	font-size:0.8em;
	margin:2px 0;
}
article div.RightImageColumnImages p > img {
	margin-top:15px;
}


div#AssociatedSocialMediaLinks {
	position:absolute;
	top:10px;
	left:-40px;
	width:40px;
	height:auto;
	overflow:hidden;
	/*
	z-index:5;
	*/
}
div#AssociatedSocialMediaLinks a {
	display:block;
	position:relative;
	width:40px;
	height:36px;
	overflow:hidden;
	margin-bottom:3px;
	right:-12px;
	opacity:0.40;
}
div#AssociatedSocialMediaLinks a img {
	width:40px;
	height:40px;
}
div#AssociatedSiteFlags {
	position:absolute;
	top:10px;
	right:-32px;
	width:32px;
	height:auto;
	overflow:hidden;
	display: none;
	/*
	z-index:5;
	*/
}
div#AssociatedSiteFlags a {
	display:block;
	position:relative;
	width:32px;
	height:27px;
	overflow:hidden;
	margin-bottom:3px;
	left:-8px;
	opacity:0.40;
	transition: all 0.2s ease;
	display: none;
}
div#AssociatedSiteFlags a:hover {
	left:0;
	opacity:1;
	transition: all 0.2s ease;
}

.SliderBlock {
	/*
	width:942px;
	height:350px;
	*/
	display:none;
	overflow:hidden;
	width:100%;
	/*
	max-width:942px;
	*/
	height:auto;
	margin:0 0 -10px 0;
}
.SliderBlock div {
	position:relative;
	font-size:10px; /* Child elements are percentages relative to this */
	width:100%;
}
div.SliderBlock > div > a > img {
	width:100%;
	height:auto;
}
.SliderBlock div h1 {
	position:absolute;
	margin:0;
	width:100%;
	top:5%;
	right:3%;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	z-index:+1;
}
.SliderBlock div h2 {
	position:absolute;
	margin:0;
	width:100%;
	top:40%;
	right:3%;
	font-size:13px;
	color:#66BC29;
	line-height:1.1em;
	text-align:right;
	letter-spacing:-0.04em;
	font-weight:normal;
	z-index:+1;
}
.SliderBlock div h2 a  {
	text-decoration:none;
	color:#66BC29;
}
.SliderBlock div h3 {
	position:absolute;
	width:100%;
	margin:0;
	top:62%;
	right:10%;
	font-size:12px;
	color:#989A90;
	line-height:32px;
	text-align:right;
	letter-spacing:-0.06em;
	font-weight:normal;
	z-index:+1;
}
.SliderBlock div h3 a  {
	text-decoration:none;
	color:#989A90;
}
img.SliderBlockArrow {
	display:block;
	position:absolute;
	top:67%;
	right:3%;
	width:4%;
}
.SliderBlockNav {
	display:none;
	position:relative;
	top:-15px;
	right:3%;
	height:20px;
	text-align:right;
	z-index:999;
	margin:0;
	}
.SliderBlockNav a {
	display:inline-block;
	width:20px;
	height:20px;
	text-decoration:none;
	margin:0 3px;
	background-image:url(../../images/page/SliderNavCircles.png);
	background-position:0 center;
}
.SliderBlockNav a:hover {
	background-position:40px center;
	text-decoration:none;
}
.SliderBlockNav a.activeSlide {
	background-position:20px center;
	text-decoration:none;
}
div.SliderBlock2Container {
	position:relative;
	display:none;
	overflow:hidden;
}
div.SliderBlock2 {
	overflow:hidden;
	margin:0 0 -15px 0;
	background-color:#666666;
}
div.SliderBlock2 div.slide {
	position:relative;
	float:left;
	width:70%;
	height:100%;
	max-height:100%;
	overflow:hidden;
	background-color:#666666;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
div.SliderBlock2 div.pattern {
	width:30%;
	float:right;
	overflow:hidden;
}
div.SliderBlock2 div.patternholder {
	display:none;
}
div.SliderBlock2 div.slide img {
    width:100% !important;
	height:auto;
    overflow:hidden;	
}
div.SliderBlock2 div.caption {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
  	right:5%;
	max-height:90%;
	background-color: rgba(255, 255, 255, 0.90);
	color:#333333;
    overflow:hidden;
	padding:2%;
	z-index:102;
	opacity: 0;
}
div.SliderBlock2 div.caption.active {
	opacity: 1;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	display:block;
}
div.SliderBlock2 div.caption.inactive {
	opacity: 0;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	display:none;
}
div.SliderBlock2 div.caption h1,
div.SliderBlock2 div.caption h2,
div.SliderBlock2 div.caption h3 {
	position:static;
	color:#000000;
	margin:0;
	text-align:left;
	letter-spacing:0;
	font-weight:normal;
}
div.SliderBlock2 div.caption h1 {
	margin-bottom:0.5em;
	color:#2a96ba;
	font-weight:bold;
}
div.SliderBlock2 div.caption h2 {
	margin-bottom:1.5em;
}
div.SliderBlock2 div.caption h3 {
	font-weight:bold;
	text-align:right;
}
div.SliderBlock2 div.caption h3 a {
	border:1px solid #2a96ba;
	display:inline;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}
div.SliderBlock2 div.caption h3 a:hover {
	border:1px solid #2a96ba;
	background-color:#2a96ba;
	color:#ffffff;
}

.SliderBlock2Nav {
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
}
.SliderBlock2Nav a {
	display:inline-block;
	width:18px;
	height:18px;
	text-decoration:none;
	margin:0 3px;
	border: 1px solid #ffffff;
	background-color:#807c72;
    opacity: 0.85;
}
.SliderBlock2Nav a:hover {
	background-color:#b6b4ac;
}
.SliderBlock2Nav a.activeSlide {
	background-color:#2a96ba;
}

.SliderBlock2 div.cycle-prev,
.SliderBlock2 div.cycle-next
{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
  	left:0;
	height:100%;
	width:40%;
	/*
	background-color: rgba(255, 255, 255, 0.90);
	*/
	z-index:102;
	/*
	cursor:url('/images/buttons/rollover/previous.png'), auto;
	*/
	cursor:pointer;
	background-image:url(../../images/page/PagerArrowLeft.png);
	background-position:2% center;
	background-repeat:no-repeat;
	opacity:0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.SliderBlock2 div.cycle-next
{
  	left:auto;
  	right:0;
	/*
	cursor:url('/images/buttons/rollover/next.png'), auto;
	*/
	background-image:url(../../images/page/PagerArrowRight.png);
	background-position:98% center;
}
.SliderBlock2 div.cycle-prev:hover,
.SliderBlock2 div.cycle-next:hover
{
	opacity:0.6;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
#CookieBannerContainer {
	position:fixed;
	top:0;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:95px;
	background-image:url(../../images/page/CookieBannerBG.png);
	color:#ffffff;
	left:-96.5%;
	opacity:0.90;
	z-index:3000;
	overflow:hidden;
	display:none;
}
#CookieBanner {
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:95px;
	text-align:center;
}
#CookieBanner a {
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}
#CookieBanner a:hover {
	color:#ff0000;
}
#CookieBannerCol1 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:25px 10px;
	width:230px;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	height:95px;
	line-height:1.2em;
}
#CookieBannerCol2 {
	position:absolute;
	top:0;
	left:250px;
	margin:0;
	padding:10px;
	width:480px;
	height:95px;
	font-size:11px;
	line-height:1.2em;
}
#CookieBannerCol3 {
	position:absolute;
	top:0;
	left:750px;
	margin:0;
	padding:10px;
	width:230px;
	height:95px;
	font-size:14px;
	line-height:1.2em;
}
#CookieBannerTitle {
	position:absolute;
	right:-20px;
	top:30px;
	width:65px;
	height:15px;
	margin:0;
	padding:10px;
	background-color:#2a96ba;
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform: rotate(-90deg); /* Firefox */
	-ms-transform: rotate(-90deg); /* IE */
	-o-transform: rotate(-90deg); /* Opera */
	transform: rotate(-90deg);
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ /* Internet Explorer */
	text-align:center;
}

article div.BodyCellMenu,
article div.FeaturePod,
article div.BodyCellMenu h2,
article div.FeaturePod h2
{
	font-size:12px;
	line-height:1.3em;
}
article div.BodyCellMenu h1,
article div.FeaturePod h1
{
	font-size:14px;
}
article div.FeaturePod > h1
{
	margin-top:0;
}

article div.FeaturePod {
	position:relative;
	margin:3px 0 0 0;
	padding: 0 0 40px 0;
	background-color:#FFFFFF;
	overflow:hidden;
	text-align:justify;
}
article div.FeaturePod:lang(de) {
	text-align:left;
}
article div.FeaturePod.featuredcontent a,
article div.FeaturePod.twitter a,
article div.FeaturePod.wordpress a,
article div.FeaturePod.careers a,
article div.FeaturePod.rss a
{
    text-decoration: none;
    color: inherit;
}
article div.FeaturePod.featuredcontent a:hover,
article div.FeaturePod.twitter a:hover,
article div.FeaturePod.wordpress a:hover,
article div.FeaturePod.careers a:hover,
article div.FeaturePod.rss a:hover,
article div.FeaturePod .bottomlink a
{
    color: #2a96ba;
}
article div.FeaturePod h1 {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	text-align:left;
}
article div.FeaturePod h1 a {
	color:#333333;
	text-decoration:none;
	vertical-align:middle;
	width:100%;
	height:auto;
}
article div.FeaturePod h1 a:hover {
	color:#333333;
}
article div.FeaturePod .PictureCenterBordered {
	margin:inherit;
	width:100%;
}
article div.FeaturePod img {
	max-width:100%;
	height:auto;
}
article div.FeaturePod div.ImageContainer:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:url(../../images/page/metrology.jpg);
	background-size:100% 20px;
	background-position:center bottom;
	background-repeat:no-repeat;
	pointer-events:none; /* Content blocks underlying link, so we need to disable pointer events on this content */
}
article div.easeinpod {
    padding: 0;
}
.podbar:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:url(../../images/page/v5/pod-bar.png);
	background-size:100% 20px;
	background-position:center bottom;
	background-repeat:no-repeat;
	pointer-events:none; /* Content blocks underlying link, so we need to disable pointer events on this content */
}
article div.FeaturePod h2 {
	text-align:left;
	margin-bottom:0.25em;
}
article div.FeaturePod h2 img,
article div.FeaturePod img.icon
{
	display:block;
	margin:2px 5px 5px 0;
	float:left;
	max-width:auto;
}
article div.FeaturePod h2 a,
div.grid-container h2 a {
	text-decoration:none;
}
#PageContent div.FeaturePod p {
	margin-top:0;
}
article div.FeaturePod p.Summary {
	text-align:left;
	clear:both;
	margin:0;
}

/*
article div.FeaturePod div.item {
	max-height:80px;
	overflow:hidden;
	margin:0;
	padding:0;
	-webkit-transition: max-height 1.25s ease;
	-moz-transition: max-height 1.25s ease;
	-ms-transition: max-height 1.25s ease;
	-o-transition: max-height 1.25s ease;
	transition: max-height 1.25s ease;
}
article div.FeaturePod div.item:hover {
	max-height:999px;
	-webkit-mask-image: none;
}
*/

article div.FeaturePod div.item,
article div.FeaturePod div.itemnoresize {
	position:relative;
	max-height:100px;
	overflow:hidden;
	margin:0;
	padding:0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background-color:#ffffff;
}
article div.FeaturePod div.item:after,
article div.FeaturePod div.itemnoresize:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 80px,
        rgba(255, 255, 255, 1) 100px
    );
	pointer-events:none; /* Content blocks underlying link, so we need to disable pointer events on this content */
}
article div.FeaturePod div.item:hover {
	background-image: none;
	max-height:999px;
}
article div.FeaturePod div.item:hover:after {
	max-height:999px;
	background-image: none;
}
article div.FeaturePod div.item h2 {
	margin-top:0;
}
article div.FeaturePod div.FeaturePodMainImage {
    position: relative;
    width: 100%;
    padding-bottom: 45%;
    height: 0;
	overflow:hidden;
	margin-bottom:10px;
	border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
article div.FeaturePod div.FeaturePodMainImage img {
	position:absolute;
	width:100%;
	max-width:100%;
    height: 100% !important;
    left: 0;
}

article div.FeaturePod .FeaturePodMainImage .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #008CBA;
	background-color:rgba(0, 0, 0, 0.6);
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}	
article div.FeaturePod .FeaturePodMainImage:hover .overlay {
  height: 100%;
}			
article div.FeaturePod .FeaturePodMainImage .overlay .text {
	position:relative;
	margin:10px;
	color: white;
	font-size: 1em;
	position: absolute;
	overflow: hidden;
	text-align:left;
	z-index:10;
}





article div.FeaturePod div.FeaturePodMainImage iframe,
article div.FeaturePod div.FeaturePodMainImage object,
article div.FeaturePod div.FeaturePodMainImage embed {
	position:absolute;
	width:100%;
	max-width:100%;
    height: 100%;
	background-color:#FFFFFF;
	overflow: hidden;
}
article div.BodyCellMenu span.OverlayPlayIcon,
article div.FeaturePodMainImage span.OverlayPlayIcon {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-position:5px -10px;
	top:0;
	left:0;
	background-image:url("../../images/icons/hexagon/colour/GENERAL_USE_COLOUR_ICON_PLAY WATCH.png");
	background-repeat:no-repeat;
	background-size:80px;
	z-index:999;
	opacity:0.8;
	filter:alpha(opacity=80);
}
article div.BodyCellMenu span.OverlayPlayIcon:hover,
article div.FeaturePodMainImage span.OverlayPlayIcon:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	cursor:pointer;
}
article div.FeaturePodMainImage span.OverlayPlayIcon {
	background-position:center center;
    background-size: 140px;    
}

article div.PageBanner {
	position: relative;
}
article div.PageBanner img.PageBannerImage {
	width:100%;
	height:auto;
}
article div.PageBanner div.PageBannerText {
	margin: 0;
	position: absolute;
	top: 50%;
	left: min(3.5vw, 40px);
	right: min(3.5vw, 40px);
	transform: translate(0, -50%);
	/*
	font-size:min(3.5vw, 40px);
	line-height:min(4vw, 50px);
	*/
	font-size: min(3.1vw, 40px);
	line-height: min(3.7vw, 50px);
	color:#ffffff;
}
article div.PageBanner div.PageBannerText h1, 
article div.PageBanner div.PageBannerText h2,
article div.PageBanner div.PageBannerText h3,
article div.PageBanner div.PageBannerText p {
	margin: 0;
	font-weight:normal;
	color:#ffffff;
}
article div.PageBanner div.PageBannerText h1,
article div.PageBanner div.PageBannerText p {
	font-size: 100%;
	line-height: 120%;
}
article div.PageBanner div.PageBannerText h2 {
	font-size: 80%;
	line-height: 120%;
}
article div.PageBanner div.PageBannerText h3 {
	font-size: 70%;
	line-height: 120%;
}
.PopOut_container {
	top:auto !important;
	bottom:10px !important;
	height:auto !important;
	z-index:9999;
	right:-100%;
	position:fixed;
	overflow:auto;
	border:1px solid #d3d3d3;
	border-radius: 10px;
}
.PopOut_container.frameless {
	border:none;
}
.pp_pic_holder {
	border:1px solid #dddddd;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.25);
}	


@media only screen and (min-width: 1px) {
	.SliderBlock,
	.SliderBlockNav,
	#AssociatedSiteFlags,
	#AssociatedSocialMediaLinks {
		display:none;
	}
	#subfooter div.Left,
	#subfooter div.Right {
		width:auto;
		text-align:center;
		float:none;
	}
	#subfooter .MediaAndSiteLinks {
		display:block;
		text-align:center;
	}
    div.grid-container {
        display: block;
    }
	div.flex-container {
		flex-direction: column;
		gap: 0;
	}
	article div.Columns2,
	article div.Columns2_1,
	article div.Columns2_2,
	article div.Columns3,
	article div.Columns3_1,
	article div.Columns3_2,
	article div.Columns3_3,
	article div.Columns2_1.onethird,
	article div.Columns2_2.onethird,
	article div.Columns2_1.twothirds,
	article div.Columns2_2.twothirds
	{
		float:none;
		width:auto;
		margin:0 0 10px 0;
	}
	article div.Columns2 h2,
	article div.Columns2_1 h2,
	article div.Columns2_2 h2,
	article div.Columns3 h2,
	article div.Columns3_1 h2,
	article div.Columns3_2 h2,
	article div.Columns3_3 h2 {
		clear:both;
	}
	article div.ImageColumnImages a[class^='prettyPhoto'] {
		margin:2px;
	}
	article div.ImageColumnImages img {
		width:100% !important;
		height:auto;
		max-width:100%;
		max-height:auto;
		margin:0;
		display:inline-block;
	}
	article div.ImageColumnText {
		display:block;
		margin:-23px 0 20px 0;
		padding:10px 15px 20px 15px;
	}
	/*
	article div.ImageColumnText:after {
		content: ' ';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	*/
	article div.BodyCellMenu {
		border-right-width:5px;
		padding-left:110px;
		min-height:57px;
		max-height:57px;
	}
	article div.BodyCellMenu div.ImageContainer {
		width:100px;
		height:77px;
		max-width:100px;
		max-height:77px;
	}
	article div.BodyCellMenu img
	{
		/*
        width:100px;
		height:77px;
		max-height:77px;
        */
		max-width:100px;
        height:auto;
    }
	article div.BodyCellMenu h1
	{
		font-size:12px;
	}
	article div.BodyCellMenu p
	{
		display:none;
	}
	article div.BodyCellMenu span.OverlayPlayIcon {
		/*
        background-size:50px;
        */
        background-position: 10px center;
	}
	textarea.cke_source {
		/* Overwrite style for CKEditor source window to prevent 95% width and coloured border on focus */
		border:none;
		max-width:100%;
	}
	article blockquote {
		margin:1em 0;
		text-align:left;
	}
	.PhoneShow {
		display:inherit;
	}
	.PhoneHide {
		display:none;
	}
	.headerright-container #ContactDetails {
		font-size:0.8em;
	}
	#AdminBox {
		position:relative;
		width: 88%;
		margin: 0px 5%;		
		left:0;
		height:auto;
	}
	#AdminBoxMenu {
		float:none;
	}
	#AdminBoxMenu ul li {
		display:list-item;
	}
	.SelectOptionSwapContainer {
		position:relative;
		display:inline-block;
	}
	.SelectOptionSwapBox {
		overflow:auto;
	}
	.SelectOptionSwapBox select, 
	.SelectOptionSwapBox input {
		width:96%;
	}
	.SelectOptionSwapControls {
		text-align:center;
	}
	.SelectOptionSwapControls img {
		width:20px;
		height:20px;
	}
	.SelectOptionSwapControls_AddAll,
	.SelectOptionSwapControls_Add,
	.SelectOptionSwapControls_Remove,
	.SelectOptionSwapControls_RemoveAll {
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}
	div.SliderBlock2 div.caption {
		width:86.5%;
	}
	div.SliderBlock2 div.caption h1 {
		font-size:14px;
	}
	div.SliderBlock2 div.caption h2 {
		font-size:11px;
	}
	div.SliderBlock2 div.caption h3 {
		font-size:11px;
	}
	div.SliderBlock2 div.caption h3 a {
		padding:3px;
	}
	.PopOut_container {
		max-width:90%;
		max-height:90%;
	}
	
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	article div.FeaturePod {
		min-height:inherit !important;
	}
	


	/* prettyPhoto styling for small screens */
	.pp_pic_holder {
		width:95% !important;
		left:2.5% !important;
		height:auto !important;
	}	
	.pp_content, div.ppt {
		width: auto !important;
		height: auto!important;
	}
	.pp_fade {
		width: 100%!important;
		height: 100%!important;
	}
	.pp_content_container .pp_details {
		width:100% !important;
		height: 100% !important;
		height: 80% !important;
		float:none !important;
		margin:10px 0 0 0 !important;
	}
	.pp_description {
		width:100% !important;
	}
	.pp_hoverContainer {
		width: 89% !important;
		height: 60% !important;
	}
	img#fullResImage {
		width:100% !important;
		height: auto !important;
	}
	label, input[type='text'], input[type='email'], select, textarea {
		width:100%;
		max-width:100%;
	}
	
	
}
	
@media only screen and (min-width: 480px) {
	.SliderBlock,
	.SliderBlockNav,
	#AssociatedSiteFlags,
	#AssociatedSocialMediaLinks {
		display:block;
	}
	#subfooter .MediaAndSiteLinks {
		display:none;
	}
	.SliderBlockNav {
		right:3%;
	}
	.SliderBlock div h1 {
		top:10%;
		right:3%;
		font-size:25px;
	}
	.SliderBlock div h2 {
		top:40%;
		right:3%;
		font-size:15px;
	}
	.SliderBlock div h3 {
		top:63%;
		right:10%;
		font-size:14px;
	}
	article div.ImageColumn {
		display:table;
		display:flex;
		flex-direction:row;
	}
	article div.ImageColumnImages {
		/*
		*/
		order:2;
		flex-grow:1;
		flex-basis:33%;
	}
	article div.ImageColumnText {
		/*
		display:table-cell;
		*/
		margin:0;
		padding:0 15px;
		order:1;
		flex-grow:2;
		flex-basis:67%;
	}
	article div.ImageColumnImages a[class^='prettyPhoto'] {
		margin:0;
	}
	article div.BodyCellMenu {
		border-right-width:45px;
		padding-left:140px;
		min-height:80px;
		max-height:80px;
	}
	article div.BodyCellMenu div.ImageContainer {
		width:130px;
		height:105px;
		max-width:130px;
		max-height:105px;
	}
	article div.BodyCellMenu img
	{
		/*
		width:130px;
		height:105px;
		*/
		max-width:130px;
		max-height:105px;
	}
	article div.BodyCellMenu h1
	{
		font-size:inherit;
	}
	article div.BodyCellMenu p
	{
		display:inherit;
	}
	article div.BodyCellMenu span.OverlayPlayIcon {
		background-size:120px;
        background-position: 5px -10px;
	}
	article blockquote {
		margin:1em 0 1em 2em;
	}
	.PhoneShow {
		display:none;
	}
	.PhoneHide {
		display:inherit;
	}
	.headerright-container #ContactDetails {
		font-size:1em;
	}
	div.SliderBlock2Container {
		display:block;
	}

}
@media only screen and (min-width: 768px) {
	.SliderBlockNav {
		right:3%;
	}
	.SliderBlock div h1 {
		top:10%;
		right:3%;
		font-size:30px;
	}
	.SliderBlock div h2 {
		top:40%;
		right:3%;
		font-size:25px;
	}
	.SliderBlock div h3 {
		top:69%;
		right:10%;
		font-size:16px;
	}
    div.grid-container {
        display: grid;
    }
	div.flex-container {
		flex-direction: row;
	    gap: 20px 20px;
	}
	article div.Columns2 {
		float:left;
		width:48%;
		margin:0 1% 10px 1%;
	}
	article div.Columns2_1 {
		clear:both;
		float:left;
		width:48%;
		margin:0 auto 10px 0;
	}
	article div.Columns2_2 {
		float:right;
		width:48%;
		margin:0 0 10px auto;
	}
	article div.Columns3 {
		float:left;
		width:31%;
		margin:0 1.15% 10px 1.15%;
	}
	article div.Columns3_1 {
		clear:both;
		float:left;
		width:30%;
		margin:0 auto 10px 0;
	}
	article div.Columns3_2 {
		float:left;
		width:30%;
		margin:0 5% 10px 5%;
	}
	article div.Columns3_3 {
		float:right;
		width:30%;
		margin:0 0 10px auto;
	}

	article div.Columns3_1 {
		width: 32%;
	}
	article div.Columns3_2 {
		width: 32%;
		margin: 0 1% 10px 2%;
	}
	article div.Columns3_3 {
		width: 32%;
	}
	
	article div.Columns2_1.twothirds,
	article div.Columns2_2.twothirds
	{
		width:65%;
	}
	article div.Columns2_1.onethird,
	article div.Columns2_2.onethird
	{
		width:32%;
	}
	article div.Columns2_1.twothirds.left,
	article div.Columns2_2.twothirds.left,
	article div.Columns2_1.onethird.left,
	article div.Columns2_2.onethird.left
	{
		float:left;
	}
	article div.Columns2_1.twothirds.right,
	article div.Columns2_2.twothirds.right,
	article div.Columns2_1.onethird.right,
	article div.Columns2_2.onethird.right
	{
		float:right;
	}
	label, input[type='text'], input[type='email'], select {
		width:auto;
		max-width:auto;

	}
	#subfooter div.Left,
	#subfooter div.Right {
		text-align: left;
	}
	#subfooter div.Left {
		float:left;
	}
	#subfooter div.Right {
		float:right;
	}

	#AdminBox {
		position:fixed;
		bottom:0;
		left:100%;
		margin-left:-100px;
		width:98%;
		height:25px;
	}
	#AdminBox:hover {
		left:0;
		height:auto;
		margin:0;
	}
	#AdminBoxMenu {
		float:right;
		width:90%;
		text-align:right;
	}
	#AdminBoxMenu ul {
		margin:0;
	}
	#AdminBoxMenu ul li {
		display:inline-block;
	}

	.SelectOptionSwapControls_AddAll,
	.SelectOptionSwapControls_Add,
	.SelectOptionSwapControls_Remove,
	.SelectOptionSwapControls_RemoveAll {
		-ms-transform: none; /* IE 9 */
		-webkit-transform: none; /* Chrome, Safari, Opera */
		transform: none;
	}
	.SelectOptionSwapBox {
		text-align:left;
		float:left;
		width:46%;
	}
	.SelectOptionSwapControls {
		float: left;
		width: 4%;
		margin: 35px 1% 0 1%;
	}
	div.SliderBlock2 div.caption {
		width:35%;
	}
	div.SliderBlock2 div.caption h1 {
		font-size:16px;
	}
	div.SliderBlock2 div.caption h2 {
		font-size:14px;
	}
	div.SliderBlock2 div.caption h3 {
		font-size:12px;
		text-align:left;
	}
	div.SliderBlock2 div.caption h3 a {
		padding:4px;
	}
	
}
@media only screen and (min-width: 1140px) {
	.SliderBlockNav {
		right:3%;
	}
	.SliderBlock div h1 {
		top:10%;
		right:3%;
		font-size:46px;
	}
	.SliderBlock div h2 {
		top:40%;
		right:3%;
		font-size:27px;
	}
	.SliderBlock div h3 {
		top:68%;
		right:10%;
		font-size:20px;
	}
	div.SliderBlock2 div.caption {
		width:30%;
	}
	.PopOut_container {
		max-width:40%;
		max-height:90%;
	}

}


/* Added to force form changes */
label {
	display:block;
	clear:both;
	width:auto;
	word-wrap: normal;
	white-space: normal;
}
div.Left label {
	white-space: nowrap;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
    display: inline-block;
    margin: 0 1em 0 0;
    clear: none;
    max-width: 90%;
    vertical-align: middle;
}
br + input[type='checkbox'],
br + input[type='radio'] {
	margin-top:1.4em;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
select,
textarea {
	display:inline-block;
	clear:left;
}
select {
	width:100%;
	max-width:98%;
}

#PageMenuContainer{ /*create a styles for our navigationContainer div to hold our navigation */
	display:block;
    position:relative;
	height:25px;
	background-color:#fefefe;
	margin:-5px -10px 5px -10px;
}
#PageMenu, #PageMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
	font-size:12px;
	line-height: 1.5em;
	width:auto; /* floating elements need to have a width declared */
}
#PageMenu {
	margin-left: 10px;
}
#PageMenu li {
	float: left;
	position: relative;
	width: auto; /* width needed or else Opera goes nuts */
	margin: 0 2px 0 0;
}
#PageMenu li a {
	display: block;
	width: auto; /* width needed or else Opera goes nuts */
 	float: left;
	text-decoration:none;
	color:#747679;
	font-weight:bold;
 	height:25px;
	padding:4px 10px 0 0;
	margin:0;
	background: url(../../images/page/PageMenuBG.jpg) no-repeat top right;
}
#PageMenu li a span {
	background: url(../../images/page/PageMenuBG.jpg) no-repeat top left;
    float: left;  
	width:auto; /* floating elements need to have a width declared */
    padding-right: 5px;  
    display: block;  
    margin-top: -4px;  
 	height:25px;
}
#PageMenu li a:hover {
	color:#747679;
	background: url(../../images/page/PageMenuBG_over.jpg) no-repeat top right;
}
#PageMenu li a:hover span {
	background: url(../../images/page/PageMenuBG_over.jpg) no-repeat top left;
}
#PageMenu li a.selected {
	background: url(../../images/page/PageMenuBG_over.jpg) no-repeat top right;
	color:#565656;
}
#PageMenu li a.selected span {
	background: url(../../images/page/PageMenuBG_over.jpg) no-repeat top left;
}

/*
article header {
	margin:-5px -10px 5px -10px;
	padding:0;
	position:relative;
	background-color:#fefefe;
}
article header nav {
	height:25px;
	background-color:#fefefe;
	height:27px;
}
article header nav ul {
	float:none;
}
article header nav li {
	float:left;
	margin:0 0 0 3px;
}
article header nav li:last-child {
	margin-right: 0;
}
article header nav a {
	width: auto;
	margin: 0 0.2%;
	padding: 0 5px 3px 5px;
	margin-bottom: 0;
	font-size: 0.8em;
}
*/

ul#SortItems li {
	list-style:none;
	margin:0;
	cursor:move;
	border:1px solid #D3D3D3;
	vertical-align:middle;
	line-height:25px;
	padding:0 5px;
	/*
	background-color:#fafafa;
	background-image:url('/images/page/FAQBG.png');
	background-position:left bottom;
	background-repeat:repeat-x;
	*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(246,246,246) 47%, rgb(237,237,237) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(47%,rgb(246,246,246)), color-stop(100%,rgb(237,237,237))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(246,246,246) 47%,rgb(237,237,237) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
ul#SortItems li img {
	vertical-align:middle;
	text-align:center;
}
ul#SortItems li span.col1 {
	display:inline-block;
	width:94.5%;
	vertical-align:top;
}
ul#SortItems li span.col2 {
	display:inline-block;
	width:2%;
	text-align:center;
	vertical-align:top;
}
ul#SortItems li span.col3 {
	display:inline-block;
	width:2%;
	text-align:center;
	vertical-align:top;
}

.myImageGrey {
	/*
	filter: hue-rotate(90deg) saturate(40%);
	*/
	-ms-filter: saturate(0%); /* IE 9 */
	-moz-filter: saturate(0%); /* Firefox */
	-webkit-filter: saturate(0%); /* Safari and Chrome */
	-o-filter: saturate(0%); /* Opera */	
	filter: saturate(0%);
}
.myImageFiltered {
    -ms-filter: url('../vero.svg'); /* IE 9 */
    -moz-filter: url('../vero.svg'); /* Firefox */
    -webkit-filter: url('../vero.svg'); /* Safari and Chrome */
    -o-filter: url('../vero.svg'); /* Opera */	
	filter: url('../vero.svg');
}
.zoomed {
    -ms-transform:scale(1.5); /* IE 9 */
    -moz-transform:scale(1.5); /* Firefox */
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -o-transform:scale(1.5); /* Opera */	
    transform:scale(3);
}
.PopOut_inner {
	background-color:#FFFFFF;
	padding:10px;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 5px 5px 0px rgba(50, 50, 50, 0.75);	
	border-top-left-radius: 15px;	
	border-bottom-left-radius: 15px;	
	font-size:0.9em;
	line-height: 1.2em;
}
.PopOut_inner_frameless {
	background-color:transparent;
	padding:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-top-left-radius: 0;	
	border-bottom-left-radius: 0;	
}
.PopUp_inner img {
	max-width:100% !important;
	height:auto !important;
}

.aside-content .FeaturePod {
	height:auto;
}
.aside-content .FeaturePod h1 {
	font-size:1em;
	background:none;
	padding:0 0 1em 0;
	color:#2a96ba;
}
.aside-content .FeaturePod h1 a {
	color:#2a96ba;
}
.aside-content .FeaturePod h1 a:hover {
	color:#707276;
}
.aside-content .FeaturePod h2 {
	font-size:1em;
	color:#2a96ba;
}
.aside-content .FeaturePod p {
	margin:0.5em 0;
	color: #707276;
}
.aside-content .FeaturePodMainImage {
	max-height: 188px;
	overflow: hidden;
}
.aside-content .FeaturePodMainImage img {
	width:100%;
	height:140px;
	margin-bottom: -20px;
}
.aside-content .FeaturePod h2 img,
.aside-content .FeaturePod img.icon
{
	display:block;
	margin:2px 5px 5px 0;
	float:left;
	max-width:auto;
}
/* PrettyPhoto Styles */
.pp_overlay {
	background-color:transparent !important;
}
.pp_content {
	overflow:auto;
}
.pp_content h1,
.pp_content h2, 
.pp_content h3 {
	margin-top:0;
	color:#2a96ba;
}
.pp_content li {
	margin-left:1em;
}

a.verticaltexttab
{
	background-color:#2a96ba;
	color:#ffffff;
    -ms-transform: rotate(-90deg) translateX(100%);
    -webkit-transform: rotate(-90deg) translateX(100%);
    transform: rotate(-90deg) translateX(100%);
	transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	height:40px;
	padding:5px 10px;
	font-size:18px;
	line-height:40px;
	border-radius:15px 15px 0 0;
	float:left;
	text-decoration:none !important;
}
a.verticaltexttab:hover {
	color:#eeeeee;
}
.hiderendering .accordion,
.hiderendering .hidewhilerendering {
	display:none;
}
.ui-widget {
    font-family: inherit;
    font-size: 14px;	
}
.ui-dialog
{
    position: fixed;
	z-index: 9999;
}
.ui-dialog label
{
    margin-top:0;
}
.ui-dialog-titlebar {
    color: #ffffff;
}
.ui-widget-header {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
	background-color:#2a96ba;
}
.shadow {
	box-shadow: 0 16px 16px -16px rgba(51,51,51,.475);
}

.MegaMenu {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;	
}
.MegaMenu div {
	margin:0;
	box-sizing: border-box;
}
.MegaMenu .SubMenus {
	position:relative;
	background-color:#e6eaee;
	overflow:hidden;
	border-top:#1b98aa 8px solid;
	display:none;
	box-shadow: 0 6px 20px rgba(51,51,51,.475);
}
.MegaMenu div ul {
	margin: 0;
	padding: 0;
}
.MegaMenu ul li {
	list-style:none;
	margin:0;
}
.MegaMenu div ul li a {
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#333333;
	box-sizing: border-box;
}
.MegaMenu div ul li a:hover {
	color: #0097ba;
}
.MegaMenu .Level-1 {
	width:100%;
	background-color:#ffffff;
	padding-bottom: 10px;	
	text-align:right;
}
.MegaMenu .Level-1 ul li {
	display:inline-block;
	padding-left: 3px;
	padding-right: 3px;
}
.MegaMenu .Level-1 li a {
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.MegaMenu .Level-2 {
	width:50%;
	float:left;
	background-color:#ffffff;
	display:none;
	padding-bottom: 99999px;
	margin-bottom: -99999px;	
}
.MegaMenu .Level-2 li a {
	font-weight:normal;
	font-size: 14px;
	display: inline-block;
	padding: 8px 30px 6px 20px;
	border-bottom: solid 1px #e6eaee;
	position: relative;
	line-height: 17px;
}
.MegaMenu .Level-2 li a:hover {
	font-weight:700;
	background: #e6eaee;
	border-right: solid 2px #ffffff;
	border-bottom: solid 1px #ffffff;
}
.MegaMenu .Level-2 li a:hover:after {
	font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	content: ">";
	right: 10px;
	position: absolute;
	top: 50%;
	margin-top: -8px;	
}
.MegaMenu .Level-3 {
	width:50%;
	float:left;
	font-size: 14px;
	line-height: 1.42857143;
	display:none;
	padding-bottom: 99999px;
	margin-bottom: -99999px;	
}
.MegaMenu .Level-3 ul {
	padding: 5px 30px 10px;
}
.MegaMenu .Level-3 li {
	width:50%;
	float:left;
	box-sizing:border-box;
}
.MegaMenu .Level-3 li a {
	font-weight:bold;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	padding:10px;
}
@keyframes animMetrologyGraphicSeparator {
    from {
		height:0;
	}
    to {
		height:50px;
	}
}
#MetrologyGraphicSeparator {
	width:100%;
	height:50px;
	content: ' ';
	background-image:url(../../images/page/metrology.jpg);
    /*
	background-image:url("/images/page/hexagon/core_page_bar.png");
    */
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 100%;
    animation-name: animMetrologyGraphicSeparator;
    animation-duration: 0.3s;
}
.ui-autocomplete {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #F4F4F4;
  font-size: 75%;
}
#calendar {
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 14px;
	max-width: 900px;
	margin: 0 auto;
}

#calendar table:not(.x-grid-table) {
	width:100%;
	background-color:transparent;
}

#calendar article table:not(.x-grid-table) td,
#calendar article table:not(.x-grid-table) th {	
	padding:0;
}

#calendar a,
#calendar a:link,
#calendar a:visited,
#calendar a:active, a:hover  {
	text-decoration:none;
}

.PDFLinkIcon {
	transition: width .2s ease-in-out;
	width: 40px;
	float: right;
	margin: 10px;	
}
.PDFLinkIcon:hover {
	transition: width .2s ease-in-out;
	width:50px;
	cursor:pointer;
}
div.ColumnPod {
	position: relative;
	font-size: 1.2em;
}
div.ColumnPod h2 {
	margin:.83em 0 0 0;
}
div.ColumnPod h2+p {
	margin:0 0 0.5em 0;
}