/*
Theme Name: Johnson Matthey Technology
Theme URI: http://www.com
Description: Theme for Johnson Matthey Technology Review website
Author: Black Pig Ltd
Author URI: http://www.blackpig.co.uk
version: 1.0
Tags: html5, responsive, johnson matthey, technology
*/

/* Oxygen:400,300,700 */

/* GLOBAL -------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'JM Sans';
  src: url('fonts/jmsans-medium-webfont.woff2') format('woff2'),
       url('fonts/jmsans-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JM Sans Extended';
  src: url('fonts/jmsansextmedium-webfont.woff2') format('woff2'),
       url('fonts/jmsansextmedium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JM Sans Extended';
  src: url('fonts/jmsansextbold.woff2') format('woff2'),
       url('fonts/jmsansextbold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	font-family: inherit;
	line-height: 1.3em;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html{
	font-size: 85%; /* set overall font-size */
	-webkit-text-size-adjust: auto; /* users can resize their text in their desktop browsers if they want to */
}

body { /* see iestyle.css for IE col alignment as well as :hover, :active and :focus pseudoclasses for IE7 and below */
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #575756;
	/* background: #f5f5f5; */
	overflow-x: hidden;
}

.hide { display: none; }
.ghost { visibility: hidden; }
.clear { clear: both; }

.clearfix:after{ /* see iestyle.css for IE equivalent */
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.strong{ font-weight: bold; }
.error { color: #900; font-weight: bold; }

/* for ie8 and lower */
header, nav, section, article, aside, footer {
   display: block;
}

/* stop subs and sups from messing up line heights in blocks of text */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

#wpadminbar a:hover,
#wpadminbar a:visited{
	color: #2ea2cc !important;
}

/* COMMON ELEMENTS ----------------------------------------------------------------------------------------*/
.title {
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.title:before,
.title:after {
  content: "";
  display: table;
}
.title:after {
  clear: both;
}
a{
	text-decoration: none;
	outline: none;
	border: none;
	color: #1E22AA;
}
a:visited{
	color: #1E22AA; /* must be significant enough contrast against regular a */
}
a:hover{
	color: #6E358B; /* must be significant enough contrast against regular a */
}

.displayblock{
	display: block !important;
}

.dotted-border-bottom{
	border-bottom: 1px dotted #A1A1A1;
	margin-bottom: 20px;
}
.dotted-border-top{
	border-top: 1px dotted #A1A1A1;
	padding-top: 20px;
}
.dotted-border-top-bottom{
	border-top: 1px dotted #A1A1A1;
	border-bottom: 1px dotted #A1A1A1;
	padding-top: 20px;
	margin-bottom: 20px;
}
.extrabot1{
	margin-bottom: 14px !important;
}
.extrabot2{
	padding-bottom: 30px !important;
}
.extratop1{
	margin-top: 6px !important;
}
.extratop2{
	padding-top: 15px !important;
}
.extratop3{
	padding-top: 20px !important;
}
.nopadbot{
	padding-bottom: 0 !important;
}
.limitedbotpad{
	padding-bottom: 5px !important;
}

.alignleft{
	float: left;
	margin: 0 1.5rem 1.5rem 0;
}
.alignright{
	float: right;
	margin: 0 0 1.5rem 1.5rem;
}
.floatleft{
	float: left !important;
}
.floatright{
	float: right !important;
}
.floatnone{
	float: none !important;
}

img{
	border: none;
	/* height: auto;
	width: auto; */
}
embed, iframe, img, object, video {
    max-width: 100%;
}

.wp-caption{
}
.wp-caption img{
}
.wp-caption p.wp-caption-text{
}
p.search-summary em{
	background: #efefef;
}
p.return-top{
	padding-bottom: 55px;
}
p.return-top a{
	clear: left;
	float: left;
	width: 142px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 0 3px 0;
	background: url(images/share-background.jpg) 0 0 no-repeat;
}
p.return-top a:hover{
	color: #6E358B;
}
p.return-top2{
	float: right;
	padding-bottom: 25px;
}
p.return-top2 a{
	float: right;
	color: #1E22AA;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}
p.return-top2 a:hover{
	color: #8E90D4 !important;
}

p img{
	float: left;
	margin: 0 15px 15px 0;
}
/* article image in para */
#article_content p img{
	float: none;
	margin: 0;
	vertical-align: middle;
}

h3 img {
	vertical-align: middle;
}

/* inline graphic */
p span.inline-formula img{
	float: none;
	margin: 0;
}

p span.link-divider{
	padding: 0 3px;
}
p span.link-divider:nth-last-child(1){
	display: none;
}
p span.link-divider2{
	padding: 0 3px 0 0;
}
p.info{
	padding: 0 20px 10px 21px;
	background: url(images/info.jpg) 0 1px no-repeat;
	font-style: italic;
}

/* CORE TYPOGRAPHY ----------------------------------------------------------------------------------------*/

blockquote{

}

code{
	font-family: "Courier New", Courier, monospace;
}

h1{
	clear: left;
	float: left;
	width: 100%;
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #000000;
	line-height: 1em;
	padding: 0 0 22px 25.2%; /* 260px (sidebar 220px + padding 20px) */
	border-bottom: 2px solid #E3E3E3;
	margin-bottom: 22px;
}

h2, h3, h4, h5, h6{
	clear: left;
	float: left;
	width: 100%;
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #575756;
	line-height: 1em;
	padding-bottom: 15px;
	display: inline-block;
  font-weight: normal;
}
.disp-formula h5{
	clear: none;
	float: none;
	width: auto;
}
h2.article-title{
	font-size: 1.4em;
	line-height: 1.3em;
}
h3.sub-title,
h3.section-title{
	font-weight: normal;
	line-height: 1.3em;
}
/* subsection- title not bold, same as section-title */
h4.subsection-title{
	font-weight: normal;
}

p{
	clear: left;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: 300;
	color: #000000;
	line-height: 1.5em;
	padding-bottom: 15px;
}
p strong{
	font-weight: bold;
	color: #575756;
}
p a strong{
	color: #1E22AA;
}
p a:visited strong{
	color: #7a99c1; /* must be significant enough contrast against regular a */
}
p a:hover strong{
	color: #6E358B !important; /* must be significant enough contrast against regular a */
}
p.intro{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
}
p.dottedbot{
	border-bottom: 1px dotted #A1A1A1;
	margin-bottom: 20px;
}
p.intro-text{
  line-height: 1.3em;
  margin-bottom: 2em;
}

/* synopsis */
.synopsis p:first-of-type{
	padding-top: 15px;
	border-top: 1px dotted #949495;
}
.synopsis p:last-of-type{
	border-bottom: 1px dotted #949495;
	margin-bottom: 15px;
}

/* para in list */
ol li p,
ul li p{
	clear: none;
	float: none;
}


/* NAVIGATION ---------------------------------------------------------------------------------------------*/

nav{
	clear: left;
	float: left;
	width: 100%;
	z-index: 20; /* z-index: 10 is applied to 'header' */
}

nav section.nav-inner{
	clear: both;
	float: right;
	margin: 0 auto;
	width: 100%;
	z-index: 30;
	padding-top: 8px;
}
nav section.nav-inner a.chinese{
	clear: none;
	float: right;
	width: 140px;
	height: 27px;
	text-indent: -30000px;
	background: url(images/header-chinese.png) 0 0 no-repeat;
}
nav section.nav-inner a.chinese:hover{
	background: url(images/header-chinese.png) 0 -27px no-repeat;
}
nav section.nav-inner .menu-main-navigation-container{
	float: right;
	width: auto;
	z-index: 40;
  margin-right: 5px;
}
nav section.nav-inner .menu-main-navigation-container ul#nav{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	z-index: 50;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li{
	clear: none;
	width: auto;
	float: right;
	position: relative;
	z-index: 60;
	padding: 5px;
  font-weight: bold;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li a{
	clear: left;
	float: left;
	font-size: 13px;
	width: 100%;
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000000;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li:hover a,
nav section.nav-inner .menu-main-navigation-container ul#nav li a:hover,
nav section.nav-inner .menu-main-navigation-container ul#nav li.current_page_item a,
nav section.nav-inner .menu-main-navigation-container ul#nav li.current-page-ancestor a{
	color: #1E22AA;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li:hover{
	background: #e3e3e3;
}

/* dropdown level 1 */
nav section.nav-inner .menu-main-navigation-container ul#nav li ul{
	clear: left;
	float: left;
	list-style: none;
	position: absolute;
	top: 27px;
	left: 0;
	min-width: 250px;
	z-index: 70;
	display: none;
	opacity: 0;      /* Hide sub level, we will use this in transition */
    -webkit-transition: opacity .4s ease-in-out; /* For chrome & safari */
    -moz-transition: opacity .4s ease-in-out; /* For mozilla firefox */
    -o-transition: opacity .4s ease-in-out; /* For opera */
    transition: opacity .4s ease-in-out;
	/* box-shadow: #cbcbcb 0 3px 4px;Shadows make menus more beautiful */
	background: #e3e3e3;
	padding: 10px 12px 7px 12px;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li:hover ul{
	display: block;
	opacity: 1;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li ul li{
	clear: left;
	float: left;
	width: 100%;
	position: relative;
	z-index: 80;
	border-bottom: 1px dotted #37414a;
	padding: 0;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li ul li:nth-last-child(1){
	border-bottom: none;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li ul li a{
	color: #37424a !important;
	padding: 5px 0;
	font-size: 0.85em;
	font-weight: normal;
	text-transform: none;
}
nav section.nav-inner .menu-main-navigation-container ul#nav li ul li a:hover{
	color: #1E22AA !important;
}

#mobi-nav{
	clear: left;
	float: left;
	width: 100%;
	display: none;
	background: #1E22AA;
}
#mobi-nav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
}
#mobi-nav a:hover{
	color: #62c3fe;
}
#mobi-nav .menu-main-navigation-container{
	clear: left;
	float: left;
	width: 100%;
}
#mobi-nav a.mobi-nav-control{
	clear: left;
	float: left;
	width: 100%;
	padding: 5px 0 5px 30px;
}
#mobi-nav a.mobi-nav-control.mobi-nav-open{
	background: url(images/mobi-nav-menu-open.png) 10px 9px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-open:hover{
	background: url(images/mobi-nav-menu-open.png) 10px -90px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-close{
	display: none; /* default */
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
	background: url(images/mobi-nav-menu-close.png) 8px 6px no-repeat;
}
#mobi-nav a.mobi-nav-control.mobi-nav-close:hover{
	background: url(images/mobi-nav-menu-close.png) 8px -86px no-repeat;
}

#mobi-nav .menu-main-navigation-container{
	display: none; /* default */
	padding-bottom: 10px;
}
#mobi-nav .menu-main-navigation-container ul{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	padding-left: 10px;
}
#mobi-nav .menu-main-navigation-container ul ul{
}
#mobi-nav .menu-main-navigation-container ul li{
	clear: left;
	float: left;
	padding-left: 7px;
	background: url(images/mobi-nav-bullet.png) 0 5px no-repeat;
}

.navigation { /* this is the next and previous link at the top of the archive / index / comments page etc */

}

.pagination{ /* the custom pagination at the bottom of index.php post archive */
	clear: left;
	float: left;
	position: relative;
}
.pagination span,
.pagination a{
	display: block;
	float: left;
	text-decoration: none;
	width: auto;
	color: #fff !important;
	background: #535353;
	width: 25px;
	padding: 5px 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2px;
}
.pagination a:hover{
	color: #4C494E !important;
	background: #e5e5e5;
}
.pagination .current{
	background: #0192EA;
	color: #fff !important;
}
a.pagination-left{
	clear: left;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none !important;
	font-weight: 700;
	cursor: pointer;
	color: #ffffff;
	background: url(images/pagination-left.jpg) 0 0 no-repeat;
}
a.pagination-right{
	clear: none;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: right;
	text-decoration: none !important;
	font-weight: 700;
	cursor: pointer;
	color: #ffffff;
	background: url(images/pagination-right.jpg) 0 0 no-repeat;
}
a.pagination-left:hover,
a.pagination-right:hover{

}

p.breadcrumbs{
	width: 100%;
	font-size: 0.8em;
	padding: 6px 8px;
	background: #e3e3e3;
	border-top: 1px solid #cccccc;
	margin-bottom: 22px;
}
body.post-5 p.breadcrumbs{ /* home */
	background: none;
	margin-bottom: 0;
}

.wp-pagenavi{
	clear: left;
	float: left;
	width: 100%;
	background: #e3e3e3;
	padding: 5px 10px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.wp-pagenavi span{
	padding: 0 5px 0 0;
	float: left;
}
.wp-pagenavi span.current,
.wp-pagenavi a{
	float: left;
	padding: 0 5px;
	font-weight: normal;
	border-left: 1px solid #999999;
}

/* SIDEBAR(S)---------------------------------------------------------------------------------------------------------------------------------------*/

.sidebar{ /* left hand col */
	clear: left;
	float: left;
	width: 23.4%; /* 220px */
	margin-right: 2.13%; /* 20px */
}
.sidebar.sidebar2{ /* right hand col on three col layout */
	clear: none;
	float: right;
	margin-right: 0;
}
.sidebar.sidebar3{ /* right hand col on home */
	clear: none;
	float: right;
	width: 31.91%; /* 300px */
	margin-right: 0;
}

.sidebar h2{
	clear: left;
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	background: #1E22AA;
	padding: 8px 10px 7px 10px;
	line-height: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar h2 a{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	padding: 0;
	line-height: 1em;
}
.sidebar h2 a:hover{
	color: #62C3FE;
}

.sidebar p.sidebar-intro{
	padding: 15px 0 20px 0;
}
.sidebar ul.non-link-list{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	margin-bottom: 15px;
}
.sidebar ul.non-link-list li{
	clear: left;
	float: left;
	color: #37414a;
	font-size: 0.85em;
	padding: 0 10px 20px 20px;
	width: 100%;
	background: url(images/bullet.gif) 0 5px no-repeat;
}

.sidebar ul.submenu{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	margin-bottom: 15px;
}
.sidebar ul.submenu li{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar ul.submenu li a{
	clear: left;
	float: left;
	color: #37414a;
	font-size: 0.85em;
	padding: 7px 10px 8px 10px;
	width: 100%;
	border-bottom: 1px dotted #697177;
}
.sidebar ul.submenu li a:hover,
.sidebar ul.submenu li.current_page_item a,
.sidebar ul.submenu li.current-page-ancestor a{
	background: #eee9ff;
}

.sidebar ul.submenu li ul{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	display: none;
}
.sidebar ul.submenu li.current_page_item ul,
.sidebar ul.submenu li.current_page_ancestor ul{
	display: block;
}
.sidebar ul.submenu li.current_page_ancestor{
	background: #E1EAF6;
}

/* if parent LI is show sub menu then display child UL */
.sidebar ul.submenu li.current-bp_products-ancestor ul,
.sidebar ul.submenu li.show-sub-menu ul{
	display: block;
}
/* but do not show the next level ul (product pages) */
.sidebar ul.submenu li.show-sub-menu ul li ul{
	display: none;
}
/* but if class show-sub-sub-menu applied to LI then show product pages */
.sidebar ul.submenu li.show-sub-menu ul li.show-sub-sub-menu ul{
	display: block;
}

.sidebar ul.submenu li ul li{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar ul.submenu li ul li a{
	clear: left;
	float: left;
	width: 100%;
	padding-left: 20px;
	color: #37414A !important;
}
.sidebar ul.submenu li ul li a:hover{
	color: #1E22AA !important;
}
.sidebar ul.submenu li ul li.current_page_item a{
	color: #1E22AA !important;
}
.sidebar ul.submenu li ul li ul{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
}
.sidebar ul.submenu li ul li ul li{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar ul.submenu li ul li ul li a{
	clear: left;
	float: left;
	width: 100%;
	padding-left: 70px;
	background-position: 50px 12px;
}
.sidebar ul.submenu li.current-menu-item a{
	color: #2a2a2a;
	background: #e5e5e5	url(images/subnav-bullet.png) 50px -88px no-repeat !important;
}

/* sidebar nav (subscribe/download links in cms) */
.sidebar .menu-sidebar-nav-container{
	clear: left;
	float: left;
	width: 100%;
	padding-top: 11px;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 11px;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li a{
	clear: left;
	float: left;
	width: 100%;
	padding: 12px 17px 16px 17px;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
	height: 59px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li a:hover{
	background-position: right -59px !important;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li a span{
	clear: left;
	float: left;
	width: 130px;
}

/* keep DOWNLOAD LATEST ARTICLE, KEEP ME UPDATED and READ OFFLINE in view */
.sidebar .stickywrapper{
	position: relative;
	clear: left;
	float: left;
}
.sidebar .sticky{
	clear: left;
	float: left;
	/*width: 120%; /* seems to need this for LIVE with old SIGN UP */
}
.sidebar .sticky.stuck{
	position: fixed;
	top: 0px;
	width: 220px; /* makes the FIXED div the same width as .sidebar */
}

/* subscribe / email alerts */
.sidebar .menu-sidebar-nav-container.alerts{
	padding-top: 0;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8708 a{
	background: url(images/sidebar-alert-link.png) top right no-repeat;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8708 a span{
	text-transform: uppercase;
	color: #ffffff;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8708 a:hover span{
	color: #6E358B;
}
/* downloads */
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8709 a{
	background: url(images/sidebar-download-link.png) top right no-repeat;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8709 a span{
	color: #ffffff;
}
.sidebar .menu-sidebar-nav-container ul.sidebar-nav li.menu-item-8709 a:hover span{
	color: #6E358B;
}

/* read offline */
.sidebar a.sidebar-hotlink{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	padding: 10px 17px 10px 17px;
	margin-bottom: 5px;
	background: #1E22AA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
  font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
.sidebar a.sidebar-hotlink:hover{
	background: #4f0b7c;
}
.sidebar a.sidebar-hotlink.read-offline{
	margin-bottom: 10px;
	text-align: center;
}

/* careers */
.sidebar a.careers-jm{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/sidebar-careers-jm-base.png) right bottom no-repeat;
	margin-bottom: 11px;
}
.sidebar a.careers-jm img{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar a.careers-jm span{
	clear: left;
	float: left;
	width: 100%;
	padding: 10px 0 10px 17px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 0.9em;
	text-transform: uppercase;
	background: url(images/sidebar-careers-jm-arrow.png) 193px 28px no-repeat;
}
.sidebar a.careers-jm:hover span{
	color: #6E358B;
	background-position: 193px -72px;
}

/* contact us */
.sidebar a.contactus{
	clear: left;
	float: left;
	width: 100%;
	padding: 24px 17px 16px 17px;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	height: 59px;
	margin-bottom: 11px;
	background: url(images/sidebar-contact-link.png) right top no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar a.contactus:hover{
	background-position: right -59px !important;
}

/* journal archive for non journal archive pages */
.sidebar h3.explore-journal{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/explore-journal-heading.jpg) right top no-repeat !important;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1E22AA !important;
	padding: 8px 10px 7px 10px;
	line-height: 1em;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; /* future proofing */
	-khtml-border-radius: 5px 5px 0 0; /* for old Konqueror browsers */
}
.sidebar h3.explore-journal span{
	clear: left;
	float: left;
	width: 100%;
	color: #1E22AA;
	padding: 18px 0 0 0;
	cursor: pointer;
	background: url(images/arrow-purple.png) right 18px no-repeat;
}
.sidebar h3.explore-journal.ui-accordion-header-active span{
	background-position: right -84px;
}
.sidebar h3.explore-journal span:hover{
	color: #8E90D4;
}
.sidebar ul.explore-journal-submenu{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	background: #f4f5f6 url(images/explore-journal-submenu.jpg) left bottom no-repeat;
	padding: 0 0 6px 0;
	display: none /* default */
}
.sidebar ul.explore-journal-submenu li{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar ul.explore-journal-submenu li a{
	clear: left;
	float: left;
	width: 100%;
	font-size: 0.85em;
	color: #37414A;
	border-bottom: 1px dotted #697177;
	padding: 8px 10px 8px 20px;
	background: url(images/footer-nav-bullet.png) 10px 13px no-repeat;
}
.sidebar ul.explore-journal-submenu li a:hover{
	background-color: #E1EAF6;
}

/* journal archive detail page */
.sidebar ul.submenu-journal-detail{
	/* inherit styles from ul.submenu */
	background: url(images/submenu-journal-detail-backgnd.jpg) right bottom no-repeat;
	margin-bottom: 14px !important;
}
.sidebar ul.submenu-journal-detail li:first-child{
	background: url(images/submenu-journal-detail-top.jpg) right top no-repeat;
}
.sidebar ul.submenu-journal-detail li a{
	clear: left;
	float: left;
	font-weight: bold;
	padding-left: 17px !important;
	background: url(images/footer-nav-bullet.png) 8px 12px no-repeat;
}
.sidebar ul.submenu-journal-detail li.pdf a{
	background-position: 10px 19px;
}
.sidebar ul.submenu-journal-detail li.pdf a span{
	clear: left;
	float: left;
	width: 100%;
	padding: 8px 0 5px 0;
	background: url(images/pdf.png) 142px 3px no-repeat;
}
.sidebar ul.submenu-journal-detail li:last-child a{
	border-bottom: none;
}
.sidebar ul.submenu-journal-related{
	background: #e3e3e3;
	margin-bottom: 0;
	border-bottom: 2px solid #ffffff;
}
.sidebar ul.submenu-journal-related li a{
	clear: left;
	float: left;
	font-weight: bold;
	padding-left: 17px !important;
	background: url(images/footer-nav-bullet.png) 8px 12px no-repeat;
  font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
.sidebar ul.submenu-journal-related li:last-child a{
	border-bottom: none;
}
.sidebar a.submenu-journal-related-more{
	clear: left;
	float: left;
	width: 100%;
	color: #1E22AA;
	font-weight: bold;
	text-align: right;
	padding: 8px 24px 8px 8px;
	margin-bottom: 11px;
	background: #e3e3e3 url(images/arrow-purple.png) 202px 11px no-repeat;
}
.sidebar a.submenu-journal-related-more:hover{
	color: #a785bd;
	/* background: #e3e3e3 url(images/arrow-purple.png) 202px -92px no-repeat; */
}

/* find an article */
.sidebar dl.find-article{
	clear: left;
	float: left;
	width: 100%;
	background: #E3e3e3 url(images/find-article-backgnd.png) 11px 11px no-repeat;
	padding: 13px 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #192f4c;
	font-size: 0.85em;
	margin: 0 0 11px 0;
}
.sidebar3 dl.find-article{
	background: #e3e3e3 url(images/find-article-backgnd2.png) 24px 17px no-repeat;
}
.sidebar dl.find-article dd{
	clear: none;
	float: right;
	min-width: 81px;
	text-align: right;
	padding: 4px 10px 5px 0;
}
.sidebar dl.find-article dt{
	clear: both;
	float: right;
	min-width: 81px;
	padding: 0 5px 5px 0;
}
.sidebar dl.find-article dt.lastdt{
	padding: 5px 5px 0 0;
}
.sidebar dl.find-article dt input{
	clear: left;
	float: left;
	width: 81px;
	background: #ffffff;
	border: none;
	padding: 3px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
}
.sidebar dl.find-article dt input.submit{
	clear: both;
	float: right;
	text-align: left;
	width: 81px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	padding: 7px 8px 7px 8px;
	cursor: pointer;
	background: url(images/find-hotlink.png) right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar dl.find-article dt input.submit:hover{
	background-position: right -32px;
	color: #6E358B;
}

span.corners{
	clear: left;
	float: left;
	width: auto;
	background: #E3E3E3;
	padding: 8px 12px 10px 12px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; /* future proofing */
	-khtml-border-radius: 5px 5px 0 0; /* for old Konqueror browsers */
  font-weight: bold;
}

.sidebar3 h1{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/technology-tab.jpg) right bottom no-repeat;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 10px !important;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #1E22AA;
	padding: 0;
}
.sidebar .home-content{
	clear: left;
	float: left;
	width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sidebar .home-content p,
.sidebar p.home-published{
	line-height: 1.3em !important;
	font-size: 1.2em;
}
.sidebar .featured-image{
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.sidebar a.home-download{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6em;
	padding: 15px 27px 16px 27px;
	margin-bottom: 10px;
	background: url(images/home-download.jpg) right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
  font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
.sidebar a.home-download:hover{
	background-position: right -59px;
}

.sidebar h4.tab,
.sidebar h5.tab,
.sidebar h6.tab{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/technology-tab.jpg) right bottom no-repeat;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #1E22AA;
	padding: 0;
	border-bottom: 2px solid #ffffff;
}
.sidebar h6.tab{
	margin-bottom: 12px;
}

.sidebar .home-signup{
	clear: left;
	float: left;
	width: 100%;
	background: #E3e3e3 url(images/signup-backgnd.png) 24px 17px no-repeat;
	padding: 13px 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #192f4c;
	font-size: 0.85em;
	margin: 0 0 11px 0;
}
.sidebar .home-signup p{
	width: 50%;
	float: right;
}
.sidebar .home-signup a{
	clear: both;
	float: right;
	width: 104px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	padding: 8px 8px 7px 8px;
	background: url(images/signup-hotlink.png) right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar .home-signup a:hover{
	background-position: right -32px;
}
/* KEEP UPDATED ---------------------------------------------------------------*/

/* use CLASS not ID for popup, as we need TWO copies for INLINE shadowbox */
.popup {
	margin: 0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #575756;*/
	background: #e3e3e3;
	overflow-x: hidden;
	height: 100%;
	max-width: 560px;
}
.popup .content{
	clear: left;
	float: left;
	max-width: 560px;
	padding: 20px;
}
.popup .content span.title{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1.2em;
	padding-bottom: 8px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}
.popup .content ul{
	clear: left;
	float: left;
	width: 100%;
	list-style: none;
	padding-bottom: 10px;
}
.popup .content ul li{
	clear: none;
	float: left;
	width: 50%;
	padding: 0 20px 12px 0;
}
.popup .content ul li input.checkbox{
	clear: left;
	float: left;
	width: auto;
}
.popup .content ul li span{
	clear: none;
	float: left;
	width: calc(100% - 13px);
	color: #808285;
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 15px;
}
.popup form{
	clear: left;
	float: left;
	width: 100%;
}
.popup form select{
	clear: left;
	float: left;
	width: 14%;
	color: #868686;
	border: none;
	font-size: 0.9em;
	background: #ffffff;
	padding: 6px 4px 5px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.popup form .personal{
	clear: none;
	float: right;
	width: 84%;
}
.popup form .personal input#firstname,
.popup form .personal input#lastname,
.popup form .personal input#organisation{
	clear: left;
	float: left;
	font-size: 0.9em;
	padding: 8px 8px 7px 8px;
	color: #868686;
	width: 55%;
	border: none;
	background: #ffffff;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	margin-right: 18px;
}
.popup form .personal input#submitemail{
	clear: none;
	float: left;
	width: 104px;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 8px 8px 7px 8px;
	background: url(images/signup-hotlink.png) right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border: none;
	text-align: left;
	margin-right: 18px;
	cursor: pointer;
}
.popup form .personal input#submitemail:hover{
	background-position: right -32px;
}
.popup form .personal a.notnow{
	clear: none;
	float: left;
	color: #1E22AA;
	font-size: 0.9em;
	width: auto;
	padding-top: 15px;
}
.popup form .personal a.notnow:hover{
	color: #6E358B;
}
.popup form .personal input#submitemail[disabled]{
	cursor: default;
	color: #cccccc;
}
.popup form .personal input#submitemail[disabled]:hover{
	background-position: right 0;
}
.popup form .personal a.notnow[disabled]{
	color: #cccccc;
}
.popup form .personal a.notnow[disabled]:hover{
	color: #cccccc;
}

.sidebar .emailalerts .entries input#enteremail.error,
.sidebar .emailalerts input.checkbox.error{
	background-color: #FFD7CE;
}
.sidebar .emailalerts input.checkbox.error{
	border: solid thin red;
}

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

/* sidebar3 events */
.sidebar .sidebar-events{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar .sidebar-events p.featured{
	font-size: 1.1em;
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
}
.sidebar .sidebar-events article{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.sidebar .sidebar-events article.featured{
	background: #e3e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	padding: 10px 18px 5px 18px;
	margin-bottom: 18px;
}
.sidebar .sidebar-events article p.title {
	padding-bottom: 5px;
}
.sidebar .sidebar-events article p.title a{
	clear: left;
	float: left;
	width: 100%;
	color: #575756;
	line-height: 1em;
	font-size: 1.15em;
	font-weight: bold;
	padding: 0;
}
.sidebar .sidebar-events article p.title a:hover{
	color: #1E22AA;
}
.sidebar .sidebar-events article p.date-venue{
	font-weight: bold;
	color: #808285;
	padding-bottom: 3px;
}

/* email sign up forms */
.sidebar .emailalerts{
	clear: left;
	float: left;
	width: 100%;
	padding: 13px 9px;
	background: #1E22AA url(images/emailaertsbackgnd.png) right 0 no-repeat;
	margin-bottom: 10px;
}
.sidebar .emailalerts.emailalertssidebar{
	padding: 13px 9px 10px 9px;
	background: #1E22AA url(images/emailaertsbackgnd2.png) right 0 no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar .emailalerts span{
	clear: left;
	float: left;
	color: #ffffff;
	font-size: 1.2em;
	width: 51%;
}
.sidebar .emailalerts.emailalertssidebar span{
	width: 65%;
	font-size: 0.85em;
}
.sidebar .emailalerts span.title{
	font-weight: bold;
	padding-bottom: 17px;
}
.sidebar .emailalerts.emailalertssidebar span.title{
	padding-bottom: 10px;
}
.sidebar .emailalerts span.summary{
	padding-bottom: 15px;
  font-size: 1em;
}
.sidebar .emailalerts form{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar .emailalerts .entries{
	clear: left;
	float: left;
	width: 100%;
	background: #ffffff;
	margin-bottom: 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar .emailalerts.emailalertssidebar .entries{
	margin-bottom: 11px;
}
.sidebar .emailalerts .entries input#enteremail{
	clear: left;
	float: left;
	padding: 9px 8px 7px 8px;
	color: #868686;
	width: 70%;
	border: none;
	background: none;
}
.sidebar .emailalerts.emailalertssidebar .entries input#enteremail{
	padding-top: 8px;
	width: 100%;
}
.sidebar .emailalerts .entries input#submitemail{
	clear: none;
	float: right;
	width: 29%;
	min-height: 34px;
	padding: 8px;
	background: #6E358B;
	border: none;
	color: #ffffff;
	font-size: 0.85em;
	font-weight: bold;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0; /* future proofing */
	-khtml-border-radius: 0 3px 3px 0; /* for old Konqueror browsers */
	cursor: pointer;
}
.sidebar .emailalerts .entries input#submitemail:hover{
	color: #6E358B;
	background: #a785bd;
}
.sidebar .emailalerts.emailalertssidebar input#submitemail{
	clear: none;
	float: right;
	width: auto;
	min-height: 33px;
	padding: 8px;
	background: #6E358B;
	border: none;
	color: #ffffff;
	font-size: 0.85em;
	font-weight: bold;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; /* future proofing */
	-khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
	cursor: pointer;
}
.sidebar .emailalerts.emailalertssidebar input#submitemail:hover{
	color: #6E358B;
	background: #a785bd;
}
.sidebar .emailalerts .entries input#submitemail[disabled],
.sidebar .emailalerts.emailalertssidebar input#submitemail[disabled]{
	cursor: default;
	color: #cccccc;
}
.sidebar .emailalerts .entries input#submitemail[disabled]:hover,
.sidebar .emailalerts.emailalertssidebar input#submitemail[disabled]:hover{
	color: #cccccc;
	background: #6E358B;
}
.sidebar .emailalerts input.checkbox{
	clear: left;
	float: left;
	width: auto;
}
.sidebar .emailalerts .checktext{
	clear: none;
	float: left;
	width: auto;
	color: #ffffff;
	font-size: 0.8em;
	padding-left: 10px;
}
.sidebar .emailalerts.emailalertssidebar .checktext{
	font-size: 0.8em;
	width: auto;
}
.sidebar .emailalerts .checktext a{
	color: #ffffff;
	text-decoration: underline;
}
.sidebar .emailalerts .checktext a:hover{
	color: #1E22AA;
}

/* job vacancies */
.sidebar .jobvacanciessidebar{
	clear: left;
	float: left;
	width: 100%;
}
.sidebar .jobvacanciessidebar-inner{
	clear: left;
	float: left;
	width: 100%;
	padding: 13px 9px 0 9px;
	background: #1E22AA;
	padding: 13px 9px 10px 9px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; /* future proofing */
	-khtml-border-radius: 5px 5px 0 0; /* for old Konqueror browsers */
}
.sidebar .jobvacanciessidebar-inner span{
	clear: left;
	float: left;
	color: #ffffff;
	width: 100%;
}
.sidebar .jobvacanciessidebar-inner span.title{
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 0.85em;
}
.sidebar .jobvacanciessidebar-inner p,
.sidebar .jobvacanciessidebar-inner h1,
.sidebar .jobvacanciessidebar-inner h2,
.sidebar .jobvacanciessidebar-inner h3,
.sidebar .jobvacanciessidebar-inner h4,
.sidebar .jobvacanciessidebar-inner h5,
.sidebar .jobvacanciessidebar-inner h6{
	clear: left;
	float: left;
	color: #ffffff;
	width: 100%;
	font-size: 0.9em;
	padding-bottom: 3px;
	line-height: 1.2em;
}

.sidebar .jobvacanciessidebar a.jobslink{
	clear: left;
	float: left;
	width: 100%;
	height: 59px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px; /* future proofing */
	-khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
	background: url(images/jobvacanciessidebarlink.jpg) 0 0 no-repeat;
	position: relative;
}
.sidebar .jobvacanciessidebar a.jobslink span{
	clear: left;
	float: left;
	color: #ffffff;
	width: 65%;
	font-size: 0.85em;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 10px;
}
.sidebar .jobvacanciessidebar a.jobslink:hover{
	background-position: 0 -59px;
}
.sidebar .jobvacanciessidebar a.jobslink:hover span{
	color: #510b7d;
}

/* CONTENT ------------------------------------------------------------------------------------------------*/

#container{
	clear: left;
	margin: 0 auto;
	max-width: 940px;
	background: #ffffff;
	z-index: 5; /* for slideshow */
}

header{
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 12px;
	padding-top: 14px;
	z-index: 10; /* for navigation */
}
header a.logo{
	clear: left;
	float: left;
	width: 31.5% !important;
	height: 83px !important;
}
header a.logo img{
	clear: left;
	float: left;
	max-width: 100%;
}

header section.header-inner{
	clear: none;
	float: right;
	margin: 0 auto;
	width: 68.5%;
}

header section.header-inner section.headhotlinks{
	clear: none;
	float: right;
	width: 40%;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container{
	clear: left;
	float: left;
	width: 100%;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks{
	clear: left;
	float: right;
	width: auto;
	list-style: none;
	padding: 6px 9px 0 0;
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li{
	clear: none;
	float: left;
	width: auto;
	background: url(images/header-hotlinks-divider.png) right 1px no-repeat;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li a{
	clear: left;
	float: left;
	width: auto;
	padding: 0 11px 0 10px;
	color: #37424a;
	font-size: 0.9em;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li a:hover{
	color: #a1a1a1;
}
/* home */
/* 110977 on LIVE; 110768 currently on PROOF */
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110977 a,
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110768 a{
	background: url(images/header-hotlinks-home.png) 0 2px no-repeat;
	text-indent: -30000px;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110977 a:hover,
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110768 a:hover{
	background: url(images/header-hotlinks-home.png) 0 -98px no-repeat;
}
/* contact */
/* 110980 on LIVE; 110770 currently on PROOF */
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110980 a,
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110770 a{
	padding-right: 3px;
}
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110980,
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110770{
	background: none;
}
/* chinese */
header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.chinese{
	display: none;
}


header section.header-inner section.homesearchetc{
	clear: none;
	float: right;
	width: 50%;
}
header section.header-inner section.homesearchetc form#searchform{
	clear: both;
	float: right;
	/* width: 61%;*/
	width: 195px;
	background: url(images/search-field.png) right top no-repeat;
	padding: 0;
	line-height: 1em;
	margin-left: 18px;
}
header section.header-inner section.homesearchetc form#searchform input.searchfield{
	clear: left;
	float: left;
	/* width: 67%;*/
	width: 139px;
	border: none;
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #868686;
	font-size: 1em;
	padding: 7px 0 3px 13px;
}
header section.header-inner section.homesearchetc form#searchform input.searchbutton{
	clear: none;
	float: right;
	width: 43px;
	border: none;
	height: 29px;
	text-indent: 30000px;
	background: url(images/search-button.png) 0 0 no-repeat;
	cursor: pointer;
}
header section.header-inner section.homesearchetc form#searchform input.searchbutton:hover{
	background: url(images/search-button.png) 0 -29px no-repeat;
}
header section.header-inner section.homesearchetc form#searchform a.search-advanced{
	clear: both;
	float: right;
	width: auto;
	font-size: 0.8em;
	padding: 5px 0;
}

header section.header-inner section.homesearchetc a.header-snetworking{
	clear: none;
	float: right;
	width: 23px;
	height: 23px;
	text-indent: -30000px;
	margin: 2px 0 0 6px;
	background-position: 0 0;
}
header section.header-inner section.homesearchetc a.header-snetworking.twt{
	background-image: url(images/header-snetworking-twt.png);
}
header section.header-inner section.homesearchetc a.header-snetworking.lin{
	background-image: url(images/header-snetworking-lin.png);
}
header section.header-inner section.homesearchetc a.header-snetworking.rss{
	background-image: url(images/header-snetworking-rss.png);
}
header section.header-inner section.homesearchetc a.header-snetworking:hover{
	background-position: 0 -23px;
}

main{ /* main column in two col layout */
	clear: none;
	float: left;
	width: 74.468%; /* 700px */
	/* background: red; */
	padding: 0 0 50px 0;
}
main.main2{ /* centre column in three col layout */
	width: 48.9%; /* 460px */
	margin-right: 2.13%; /* 20px */
}
main.main3{ /* left column for home */
	clear: left;
	width: 65.96%; /* 620px */
	margin-right: 2.13%; /* 20px */
}
main.main3 .mobile-welcome{
	clear: left;
	float: left;
	width: 100%;
	display: none /* hidden from desktops, visible in mobiles (see media queries) */
}
main.main3 .mobile-welcome p.title{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/technology-tab.jpg) right bottom no-repeat;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #1E22AA;
	padding: 0;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 10px !important;
	line-height: 1em !important;
}
main.main3 .mobile-welcome .home-content p{
	font-size: 1.2em;
	line-height: 1.3em !important;
}
main.main3 .mobile-welcome .featured-image{
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
main a.read-offline{
	clear: left;
	float: right;
	width: 43%;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	padding: 10px 17px 10px 17px;
	margin-bottom: 18px;
	background: #4f0b7c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
main a.read-offline:hover{
	background: #8E90D4;
}
/* use SUBMIT */
main input.read-offline{
	clear: left;
	float: right;
	width: 43%;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	padding: 10px 17px 10px 17px;
	margin-bottom: 18px;
	background: #4f0b7c;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	cursor:  pointer;
}
main input.read-offline:hover{
	background: #8E90D4;
}

main img.featured-image{
	clear: left;
	float: left;
	max-width: 100%;
	padding-bottom: 25px;
}

main ul{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	padding-bottom: 10px;
}
/* default bullets */
main ul li{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bullet.gif) 0 7px no-repeat;
	font-size: 0.85em;
}
/* article bullets */
main #article_content ul[style] li{
	background: none;
}
main #article_content ul:not([style]) li{
	background: url(images/bullet.gif) 0 7px no-repeat;
}

main ul.print-offline-etc{
	 display: none; /* default, display block responsive */
	 border-bottom: 1px dotted #949495;
	 margin-bottom: 20px;
}
main ul.print-offline-etc li{
	 padding-left: 0;
	 background: none;
}
main ul.print-offline-etc a.read-offline{
	float: left;
}

/* events archives and accordion */
main ul#event-cat-switch li{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
	background: none;
	padding-left: 0;
}
/* title clickable region */
main ul#event-cat-switch li h3{
	text-transform: uppercase;
}
/* child ul (list of categories etc */
main ul#event-cat-switch li ul{
	padding-top: 17px;
}
main ul#event-cat-switch li ul li{
	padding: 0 0 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bullet.gif) 0 7px no-repeat;
	font-size: 1em;
}

main ol{
	clear: left;
	float: left;
	width: 100%;
	list-style-position: outside;
	padding: 0 0 10px 17px;
}
main ol li{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

main ol#references{
	/*list-style: decimal outside;*/
	list-style: none;
	background: #e3e3e3;
	margin-bottom: 20px;
	padding: 0;
	counter-reset: item;
}
main ol#references.auto{
	list-style: decimal outside;
}
main ol#references li{
	border-bottom: 1px dotted #a1a1a1;
	padding: 10px 10px 10px 10px;
	list-style: none;
	vertical-align: top;
}
main ol#references.auto li{
	text-indent: -5px;
	counter-increment: item;
}
main ol#references.auto li:before{
	font-weight: bold; /* lets make the bullet numbers bold */
	padding: 0 10px 0 0;
	text-align: left;
	content: counter(item) ".";
}
/* reference labels */
main ol#references li span.ref-label{
	clear: left;
	float: left;
	width: 8%;
	padding: 0 10px 10px 0;
	font-size: 1em;
	font-weight: bold;
}
main ol#references li div{
	clear: none;
	float: right;
	width: 92%;
}
/* citation labels */
main ol#references li h6.label{
	clear: none;
	float: none;
	padding: 0 5px 0 10px;
}
/*main ol#references li div.ref{
	display: table-cell;
}*/
/* refs split into NAME and OTHER */
/*main ol#references li  div.ref div.name{
}*/
main ol#references li  div.ref div.name,
main ol#references li  div.ref div.other{
	/*display: table-cell;*/
	/*width: auto;*/
	display: inline;
}
main ol#references li  div.ref div.name:after{
	content: "\00a0"; /* space */
}

main .contributors{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #949495;
	margin-bottom: 5px;
}
main .contributors ul{
	font-size: 0.9em;
}
main .contributors ul.contrib li{
	background: none;
	padding-left: 0 !important;
	font-size: 1.1em;
}
main .contributors ul.contrib li.person{
	border-top: 1px dotted #949495;
	padding-top: 15px;
	margin-top: 10px;
}

/* these need to flow */
main .synopsis,
main #article_content,
main #article-back,
main .back-section,
main .footnote,
main .panel,
main .section,
main .caption{
	float: left;
	clear: left;
	max-width: 100%; /* ie and ff need this so rule on image is applied to correct width */
}

/* affiliation label */
ul.contrib li.aff h5.label,
ul.contrib li.author-notes h5.label,
ol#references li h5.label,
ol#references li h6.label
{
	width: auto;
	padding-bottom: 0;
	padding-right: 5px;
}
/* dotted line as per person */
main .contributors ul.contrib li.aff{
	border-top: 1px dotted #949495;
	padding-top: 15px;
	margin-top: 10px;
}
/* style affiliation without label - see generic.js */
main .contributors ul.contrib li.aff.nolabel{
	border: none;
	padding-top: 0;
	margin-top: 0;
}

main #bio{
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
main #bio p{
	padding: 3.285%; /* 23px */
	background: #e3e3e3;
}
main #bio p em{
	/*clear: none;
	float: left;*/
	/* width: 80%;
	font-style: normal !important; */
}
main #bio p img{
	clear: left;
	float: left;
	max-width: 11.428%; /* 80px */
	margin-right: 3.285%; /* 23px */
}
main #bio h2.main-title{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/technology-tab.jpg) right bottom no-repeat;
	font-size: 1em;
	text-transform: uppercase;
	color: #1E22AA;
	padding: 0;
	border-bottom: 2px solid #ffffff;
}
main #bio h2.main-title em{
	font-style: normal;
}
/* main table{
	clear: left;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-bottom: 20px;
}
main table tbody{
	clear: left;
	float: left;
	width: 100%;
}
main table tbody tr{
	clear: left;
	float: left;
	width: 100%;
	background: #fbfcfc;
	padding: 10px;
}
main table tbody tr:first-child{
	background: #1E22AA;
	color: #ffffff;
	font-size: 1.1em;
	text-transform: uppercase;
}
main table tbody tr:nth-child(2n){
	background: #e3e3e3;
}

main table thead tr th,
main table tbody tr td{
	float: left;
	min-width: 15%;
	padding-right: 40px;
}
.table-wrap.panel{
	clear: left;
	float: left;
	width: 100%;
}
.table-wrap.panel thead tr{
	clear: left;
	float: left;
	width: 100%;
	background: #fbfcfc;
	padding: 10px;
}
.table-wrap.panel thead tr:first-child{
	background: #1E22AA;
	color: #ffffff;
	font-size: 1.1em;
	text-transform: uppercase;
}
.table-wrap.panel th,
.table-wrap.panel td{
	width: 50% !important;
}
.table-wrap.panel tbody tr:first-child{
	background: #FBFCFC;
	color: #575756;
}*/

/* Make Caption para same as THEAD TR TH */
.table-wrap .caption{
    font-size: 0.85em;
	width: 100%;
	/*
	background: none repeat scroll 0 0 #1E22AA;
	font-weight: bold;
	vertical-align: top;
	font-size: 1.1em;
	*/
    padding: 10px 10px 10px 0;
    text-align: left;
}
.table-wrap .caption p {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 0;
}

main table {
	clear: left;
    background: none repeat scroll 0 0 #ffffff;
    font-size: 0.8em;
    margin-top: 16px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.85em;
	margin-bottom: 15px;
}
main table thead tr {
    background: none repeat scroll 0 0 #575756;
    color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
	/* text-transform: uppercase; */
}
main table thead tr th {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}
/* make superscript visible in header */
main table thead tr th sup,
main table thead tr th *
{
	color: #FFFFFF;
}
main table tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #f1f3f4;
}
main table tbody tr td {
    padding: 5px 10px;
}
main table tbody tr td:first-child {
    width: 20%;
}
main table thead tr th[align=center]{
	text-align: center;
}
.table-wrap-foot{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.list ul li p{
	padding-bottom: 0;
}

main div.blockquote{
	margin-left: 60px;
}

/* editorial board */
img.board-image{
	clear: left;
	float: left;
	max-width: 11.428%; /* 80px */
	margin-right: 2.142% /* 15px */
}
section.editorial-board img.board-image{ /* this is the list page */
	max-width: 17.391%; /* 80px */
}
.member-content{
	clear: none;
	float: left;
	width: 86.43%;
	padding-bottom: 15px;
}
section.editorial-board .member-content{ /* this is the list page */
	width: 80.46%;
}
.member-content p.location{
	border-bottom: 1px dotted #b7b7b8;
	margin-bottom: 15px;
}
.member-content p.title{
	border-bottom: 1px dotted #b7b7b8;
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: bold;
}
.member-content p.title a{
	 color: #575756;
}
.member-content p.title a:hover{
	 color: #1E22AA;
}
dl.board-details{
	clear: left;
	float: left;
	width: 100%;
	padding-top: 15px;
	border-top: 1px dotted #b7b7b8;
	font-size: 0.85em;
}
dl.board-details dt{
	clear: left;
	float: left;
	width: auto;
	padding: 0 15px 5px 0;
}
dl.board-details dd{
	clear: none;
	float: left;
	width: auto;
	padding: 0 0 5px 0;
}
ol.board-list{
	display: none !important; /* list hidden from view */
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #b7b7b8;
}
ol.board-list li{
	clear: none;
	float: left;
	width: 45%;
	padding: 0 5% 8px 0;
}

/* events etc */
main section.events-etc{
	clear: left;
	float: left;
	width: 100%;
}
main section.events-etc article{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #A1A1A1;
}
main section.events-etc article:nth-last-child(1){
	border-bottom: none;
}
main section.events-etc article p.date{
	font-size: 1.2em;
	padding-bottom: 0;
}
main section.events-etc article p.venue{
	font-size: 1.2em;
}
main section.events-etc article p.contact{
	padding-bottom: 0;
}
main section.events-etc article p.contact span.divier{
	padding: 0 5px;
}
main section.events-etc article h2 span.count{
	color: #999999;
}
main section.events-etc article h2 a{
	color: #575756;
}
main section.events-etc article h2 a:hover{
	color: #1E22AA;
}
main section.events-etc.search-results{
	padding-top: 6px;
}
main section.events-etc.search-results article p{
	padding-bottom: 0;
}

/* featured content etc */
main section.featured-content-etc{
	clear: left;
	float: left;
	width: 100%;
}
main section.featured-content-etc article{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
main section.featured-content-etc article.offline-item{
	padding-bottom: 15px;
}
main section.featured-content-etc article h2{
	font-size: 1.4em;
	padding-bottom: 8px;
}
main section.featured-content-etc article h2 a{
	clear: left;
	float: left;
	width: 100%;
	color: #575756;
	line-height: 1em;
	padding: 0;
}
main section.featured-content-etc article h2 a:hover{
	color: #1E22AA;
}
main section.featured-content-etc article p.subtitle-date{
	color: #808285;
}
main section.featured-content-etc article p.subtitle-date strong{
	font-weight: bold;
	color: #808285;
}
main section.featured-content-etc article img{
	clear: left;
	float: left;
	width: 15%; /* force width of varying size thumbs */
	border: 1px solid #A1A1A1;
	margin-right: 3%;
}
main section.featured-content-etc article img.placeholder{
	border: 1px solid #ffffff;
}
main section.featured-content-etc article div{
	clear: none;
	float: left;
	width: 82%;
	padding: 0;
}
main section.featured-content-etc article div p{
	line-height: 1.4em;
}
main section.featured-content-etc article div p.article-select{
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
	position: relative;
}
main section.featured-content-etc article div p.article-select input{
	position: absolute;
	top: 4px;
	right: 0;
}

.postmetadata{ /* is P : small text under tags i.e. 'this entry posted d/m/y and is filed under... */
	display: none;
}

/* TEAM MEMBERS / NEWS ------------------------------------------------------------------------------------------------*/

main section.team-members-news{
	clear: left;
	float: left;
	width: 100%;
}
main section.team-members-news article{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 29px;
	margin-bottom: 29px;
	border-bottom: 1px solid #e5e5e5;
}
main section.team-members-news article img{
	clear: left;
	float: left;
	max-width: 20.5%; /* 150px */
	margin-right: 1.6%; /* 15px */
}
main section.team-members-news article div{
	clear: none;
	float: left;
	max-width: 77.9%; /* 100% - width of image and image margin (above) */
}
main section.team-members-news article div p{
	clear: left;
	float: left;
	width: 100%;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.7em;
}
main section.team-members-news.search-section article p{
	padding: 0;
}
main section.team-members-news article div p.title{
	font-size: 1.4em;
	font-weight: 600;
	color: #343333;
	padding-bottom: 10px;
	line-height: 1em;
}
main section.team-members-news article div p.title a{
	color: #343333;
}
main section.team-members-news article div p.title a:hover{
	color: #0192EA;
}
main section.team-members-news article div p.subtitle{
	font-size: 1em;
	font-weight: 600;
	color: #343333;
	padding-bottom: 20px;
	line-height: 1em;
}
main section.team-members-news article div p.more{
	padding: 20px 0 0 0;
}
main section.team-members-news article div p.more a{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.7em;
	background: url(images/more-arrow.png) 70px 5px no-repeat;
}
main section.team-members-news.search-section article a.readmore{
	clear: left;
	float: left;
	width: 100%;
	font-size: 1rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.7em;
	padding-top: 20px;
	background: url(images/more-arrow.png) 70px 25px no-repeat;
}
main section.team-members-news article div p.more a:hover{
	background: url(images/more-arrow.png) 70px -90px no-repeat;
}
main section.team-members-news.search-section article a.readmore:hover{
	background: url(images/more-arrow.png) 70px -70px no-repeat;
}
main article.event{
	clear: left;
	float: left;
	width: 100%;
	background: #0079c2;
	padding: 20px 13px 15px 13px;
	margin-bottom: 29px;
}
main article.event span.event-left{
	clear: left;
	float: left;
	width: 45%;
	padding-right: 5%;
}
main article.event span.event-left h6{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2em;
	padding-bottom: 15px;
}
main article.event span.event-left img.event-thumb{
	margin-bottom: 10px !important;
}
main article.event span.event-right{
	clear: none;
	float: left;
	width: 50%;
}
main article.event span.event-right p{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	padding-bottom: 0;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1em;
}
main article.event span.event-right p.title{
	font-size: 1.5em;
	font-weight: 600;
	padding-bottom: 3px;
}
main article.event span.event-right p.location{
	padding-bottom: 6px;
}
main article.event span.event-right p.date{
	font-size: 1em;
	font-weight: 700;
	line-height: 1.3em;
	padding-bottom: 6px;
}
main article.event span.event-right p.more a{
	clear: left;
	float: left;
	width: 100%;
	color: #ffffff;
	font-size: 1rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.7em;
	background: url(images/hotlink-arrow-white.png) 70px 5px no-repeat;
}
main article.event span.event-right p.more a:hover{
	color: #666666;
	background: url(images/hotlink-arrow-white.png) 70px -90px no-repeat;
}

/* HOME ------------------------------------------------------------------------------------------------*/

section.home-articles-features{
	clear: none;
	float: left;
	width: 48.55%; /* 301px */
	margin-bottom: 18px;
}
section.home-articles-features.first{
	clear: left;
	margin-right: 2.90%; /* 18px */
}
section.home-articles-features h2,
section.home-articles-features h4{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/technology-tab.jpg) right bottom no-repeat;
	font-size: 1em;
	text-transform: uppercase;
	color: #1E22AA;
	padding: 0;
	border-bottom: 2px solid #ffffff;
}

/* accordion */
section.home-articles-features .home-articles-features-categories{
	clear: left;
	float: left;
	width: 100%;
}
section.home-articles-features .home-articles-features-categories p.categories{
	clear: left;
	float: left;
	width: 100%;
	padding: 8px;
	background: #E3E3E3;
	margin: 0;
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
section.home-articles-features .home-articles-features-categories p.categories span{
	clear: left;
	float: left;
	width: 100%;
	padding-right: 20px;
	color: #1E22AA;
	text-transform: uppercase;
	text-align: right;
  font-weight: bold;
	cursor: pointer;
	background: url(images/arrow-purple.png) right 3px no-repeat;
}
section.home-articles-features .home-articles-features-categories p.categories.ui-accordion-header-active span{
	background: url(images/arrow-purple.png) right -100px no-repeat;
}
section.home-articles-features .home-articles-features-categories p.categories span:hover{
	color: #8E90D4;
}
section.home-articles-features .home-articles-features-categories ul.accordion-categories{
	padding: 10px 10px 8px 10px !important;
	background: #e3e3e3;
	top: -1px !important;
}

section.home-articles-features p.latest{
	font-size: 1.1em;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

section.home-articles-features article{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
section.home-articles-features article p.title{
	font-size: 1.4em;
	padding-bottom: 8px;
}
section.home-articles-features article p.title a{
	clear: left;
	float: left;
	width: 100%;
	color: #000000;
	line-height: 1.25em;
	padding: 0;
}
section.home-articles-features article p.title a:hover{
	color: #1E22AA;
}
section.home-articles-features article p.subtitle-date{
	color: #575756;
}
section.home-articles-features article p.subtitle-date strong{
	color: #575756;
  font-weight: normal;
}
section.home-articles-features article img{
	clear: left;
	float: left;
	max-width: 32.55%;
	border: 1px solid #A1A1A1;
	margin-right: 3%;
	height: auto;
}
section.home-articles-features article p.summary{
	clear: none;
	float: left;
	width: 64.45%;
	padding: 0;
	line-height: 1.4em;
}

section.home-articles-features ul.from-archive{
	list-style: none;
	padding: 15px 0;
}
section.home-articles-features ul.from-archive li{
	font-size: 16px;
	background: none;
	padding: 0 0 15px 0 !important;
}
section.home-articles-features ul.from-archive li a{
	clear: left;
	float: left;
	width: 100%;
	color: #000000;
	line-height: 1.5em;
	padding: 0;
  font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
section.home-articles-features ul.from-archive li a:hover{
	color: #1E22AA;
}

a.home-hotlink{
	clear: left;
	float: left;
	width: 100%;
	background: url(images/home-hotlink.jpg) right 0 no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 18px;
	margin-bottom: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font-family: 'JM Sans Extended', Verdana, Arial, Helvetica, sans-serif;
}
a.home-hotlink:hover{
	background-position: right -28px;
}

/* ACCORDION ------------------------------------------------------------------------------------------------*/

/* master styles */
.ui-accordion {
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.ui-accordion .ui-accordion-header{  /* this is the clickable region  to activate the accordion */
	display: inline;
	position: relative;
	margin-top: 7px;
	zoom: 1;
	outline: none;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	cursor: pointer;
	line-height: 1em;
	padding: 8px 15px 7px 15px;
}
.ui-accordion .ui-state-hover { } /* clickable region hover class */
.ui-accordion .ui-accordion-li-fix { display: inline; } /* classic IE fix */
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header-icon { display: none; }

/* top level controls */
.ui-accordion h2{
	clear: left;
	float: left;
	width: 50%;
}
.ui-accordion a#accordion-expand,
.ui-accordion a#accordion-collapse{
	clear: none;
	float: right;
	width: 104px;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 0 0 30px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background: #1E22AA;
}
.ui-accordion a#accordion-expand:hover,
.ui-accordion a#accordion-collapse:hover{
	background: #8E90D4;
}

/* 1st level accordion controls */
.ui-accordion h3.ui-accordion-header.ui-state-default{ /* this is when the accordion is closed */
	color: #1E22AA;
	background: #e3e3e3 url(images/accordion-arrow.png) right 8px no-repeat;
}
.ui-accordion h3.ui-accordion-header.ui-state-active{ /* this is when the accordion is open */
	color: #1E22AA;
	background: #e3e3e3 url(images/accordion-arrow.png) right -94px no-repeat;
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header:hover{
	color: #a1a1a1;
}

/* 2nd level accordion controls */
.ui-accordion h4.ui-accordion-header.ui-state-default{ /* this is when the accordion is closed */
	color: #1E22AA;
	background: #e3e3e3;
}
.ui-accordion h4.ui-accordion-header.ui-state-active{ /* this is when the accordion is open */
	color: #1E22AA;
	background: #e3e3e3;
}
.ui-accordion h4.ui-accordion-header.ui-accordion-header:hover{
	color: #a1a1a1;
}
.ui-accordion h4.ui-accordion-header.ui-state-default span{
	width: auto;
	padding-right: 25px;
	background: url(images/accordion-arrow2.png) right 3px no-repeat;
}
.ui-accordion h4.ui-accordion-header.ui-state-active span{
	width: auto;
	padding-right: 20px;
	background: url(images/accordion-arrow2.png) right -105px no-repeat;
}

/* accordion content */
.ui-accordion .ui-accordion-content{
	clear: left;
	float: left;
	width: 100%;
	border-top: 0;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	display: none;
	zoom: 1;
	padding: 0 0 0 0;
}
.ui-accordion .ui-accordion-content-active{ display: block; }

.ui-accordion .ui-accordion-content h5{
	clear: left;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	line-height: 1em;
	padding: 7px 15px;
	color: #ffffff;
	background: #1E22AA;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.ui-accordion .ui-accordion-content p{
	clear: left;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1em;
	padding: 0 0 34px 17px;
}

.ui-accordion .ui-accordion-content dl.article-list{
	clear: left;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1em;
	padding: 0 0 17px 0;
}
.ui-accordion .ui-accordion-content dl.article-list dt{
	clear: left;
	float: left;
	width: 92.6%;
	padding: 0;
	margin: 0 3.7%; /* 26px of 700px (main) */
}
.ui-accordion .ui-accordion-content dl.article-list dd{
	clear: left;
	float: left;
	width: 92.6%;
	padding: 0 0 17px 0;
	border-bottom: 1px dotted #a1a1a1;
	margin-left: 3.7%; /* 26px of 700px (main) */
	margin-right: 3.7%; /* 26px of 700px (main) */
	margin-bottom: 17px;
}
.ui-accordion .ui-accordion-content dl.article-list dd span.divider{
	padding: 0 5px;
}

/* MAIN SLIDESHOW FOR HOMEPAGE ------------------------------------------------------------------------------------------------*/

ul.rslides{
	clear: left;
	float: left;
	list-style: none;
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	min-height: 291px;
	margin: 0 0 18px 0;
	padding-bottom: 0;
	background: #e3e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
ul.rslides li{
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	padding: 18px 2.9%;
	background-image: none;
}
ul.rslides li:first-child{
	position: relative;
	display: block;
	float: left;
}
ul.rslides li img{
	clear: left;
	float: left;
	width: 51.54%;
	display: block;
	margin-right: 3.08%; /* 18px */
}
ul.rslides li article{
	clear: none;
	float: left;
	width: 45.38%;
	position: relative;
}
ul.rslides li article p{
	padding-bottom: 10px;
}
ul.rslides li article p.title{
	font-size: 1.5em;
}
ul.rslides li article p.title a{
	clear: left;
	float: left;
	width: 100%;
	color: #000000;
	line-height: 1.25em;
	padding: 0;
}
ul.rslides li article p.title a:hover{
	color: #1E22AA;
}
ul.rslides li article p.subtitle-date{
	font-style: italic;
	color: #808285;
	position: absolute;
	top: 75px;
	left: 0;
}
ul.rslides li article p.subtitle-date strong{
	font-weight: bold;
	color: #808285;
}
ul.rslides li article span.summary{
	clear: left;
	float: left;
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0;
}

/* CONTACT PAGE & FORMS ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* CONTACT FORM including the Contact Form 7 styles (imported from Contact Form 7 style sheet) -------------------------------------------------------------------------------- */
/* remove the stylesheets bundled with cf7 from plugin folder to avoid conflicts */

dl.contactform,
div.wpcf7,
form.wpcf7-form{
	clear: left;
	float: left;
	width: 100%; /* 742px (span width of main) */
}

dl.contactform dt{
	clear: left;
	float: left;
	width: 22.27%; /* 163px */
	padding-bottom: 15px;
	font-size: 0.9em;
}

dl.contactform dt.captcha img{
	float: right;
}

dl.contactform dd{
	clear: none;
	float: left;
	width: 77.73%;
	padding: 0 0 10px 0;
}

dl.contactform dd input,
dl.contactform dd select,
dl.contactform dd textarea{
	clear: left;
	float: left;
	width: 100%;
	color: #505050;
	font-size: 0.9em;
	padding: 3px 2px 2px 2px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
}
dl.contactform dd textarea{
	height: 99px;
}
dl.contactform dd span.captcha-text{
	font-size: 0.85em;
}

dl.contactform dd.submit input{
	clear: left;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	width: 26.5%;
	padding: 1px 7px !important;
	line-height: 1em;
	color: #ffffff;
	background: #0192ea url(images/hotlink-arrow-white.png) right 5px no-repeat;
	border: none;
	text-align: left;
	cursor: pointer;
}
dl.contactform dd.submit input:hover{
	color: #666666;
	background-position: right -90px;
}

dl.contactform dd.hiddenvalue span.wpcf7-list-item-label{
	display: none;
}

dl.contactform dd span.wpcf7-list-item{
	clear: none;
	float: left;
	width: auto;
	/* width: 33.3%;*/  /* a third of the total DD span */
}
dl.contactform dd span.wpcf7-list-item input{
	clear: none;
	float: left;
	width: 30px;
}
dl.contactform dd span.wpcf7-list-item-label{
	clear: none;
	float: left;
	width: auto;
	font-size: 0.9em;
	padding-right: 15px;
}

div.wpcf7-response-output{
	clear: left;
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 0.9em;
	margin-bottom: 15px;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	padding: 5px;
	color: #398f14;
}

/*div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}*/

div.wpcf7-spam-blocked {
	border: 2px solid #e2202b;
	padding: 5px;
	color: #e2202b;
}

div.wpcf7-validation-errors {
	border: 2px solid #e2202b;
	padding: 5px;
	color: #e2202b;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

dl.contactform dd span.wpcf7-not-valid-tip {
	clear: left;
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 0.9em;
	color: #e2202b;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	display: block;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

.wpcf7-response-output{

}

form#newsletter-subscribe{
	clear: left;
	float: left;
	width: 100%;
}
form fieldset{
	clear: left;
	float: left;
	width: 100%;
	border: none;
	padding: 0 0 18px 0;
	margin: 0;
}
form fieldset legend{
	clear: left;
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 25px;
}
form fieldset label{
	clear: left;
	float: left;
	width: 100%;
	font-size: 0.85em;
	padding-bottom: 7px;
}
form fieldset label span{
	clear: none;
	float: left;
	width: 70%;
}
form fieldset label span.label{
	clear: left;
	float: left;
	width: 30%;
	font-weight: bold;
}
form fieldset label span input,
form fieldset label span select,
form fieldset label span textarea,
form fieldset.checkboxes2 span input.search,
form fieldset#filter-issue select{
	clear: left;
	float: left;
	width: 100%;
	border: none;
	padding: 3px;
	background: #e3e3e3;
	background: #e3e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
form fieldset label span textarea{
	height: 150px;
}
form fieldset.checkboxes label{
	clear: none;
	width: 50%;
	font-weight: bold;
}
form fieldset.checkboxes2 label{
	width: auto;
	position: relative;
	padding: 0 40px 7px 0;
}
form fieldset.checkboxes label input{
	margin-right: 10px;
}
form fieldset.checkboxes2 label input{
	position: absolute;
	right: 10px;
	top: 2px;
}
form fieldset.checkboxes2 span input{
	margin-bottom: 10px;
}
form fieldset.checkboxes2 span{
	clear: left;
	float: left;
	width: 100%;
}
form fieldset.checkboxes2 span input.submit,
form fieldset#filter-issue input.submit{
	clear: left;
	float: right;
	width: 28%;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 12px;
	margin-bottom: 5px;
	background: #4f0b7c url(images/magnify.png) right 4px no-repeat;
	cursor: pointer;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.sidebar a.sidebar-hotlink:hover{
	background: #8E90D4;
}
form fieldset#filter-issue select{
	margin-bottom: 10px;
}
form fieldset#filter-issue label{
	clear: left;
	float: left;
	width: 100%;
	font-weight: bold;
}

input.fieldset-submit,
input#ask-question{
	clear: left;
	float: right;
	width: auto;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 17px 10px 17px;
	margin-bottom: 5px;
	border: none;
	cursor: pointer;
	background: #4f0b7c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}
input.fieldset-submit:hover{
	background: #8E90D4;
}

/* SHADOWBOX ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Open Sans",Helvetica,Arial,sans-serif;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;background-color:#ffffff !important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{
	position:relative;
	/*border:4px solid #7d7d7d;*/
	overflow:hidden;height:100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	box-shadow: #b2b2b2 0 3px 5px;
}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{/*background-color:#060606;*/}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden; }
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* COMMENTS / REPLY FORM --------------------------------------------------------------------------------------------------------------------------------------- */

.comment-body{

}

.comment-body p{

}

.comment-author{

}

.comment-author img.avatar{

}

cite.fn{

}

cite.fn a{

}

span.says{

}

.commentmetadata{

}

div.reply{

}

dl.commentform{

}

dl.commentform dt{

}

dl.commentform dd{

}

dl.commentform dd input{

}

dl.commentform-fullwidthfields{

}

dl.commentform-fullwidthfields dt{

}

dl.commentform-fullwidthfields dd{

}

dl.commentform-fullwidthfields dd textarea{

}

dl.commentform-fullwidthfields dt input#submit,
dl.commentform-fullwidthfields dd input#submit{ /* comment form button */

}

dl.commentform-fullwidthfields dt p{

}

dl.commentform-fullwidthfields dt input#wpsf_contact_submit{ /* wp-spamfree contact form button */

}

ol.commentlist{

}

ol.commentlist li{

}

ol.commentlist li.alt{

}

ol.commentlist li p{

}

ol.commentlist a{

}

/* SOCIABLE PLUGIN STYLES if installed ----------------------------------------------------------------------------------------------------------------------- */
/* remove the stylesheet bundled with sociable from plugin folder to avoid conflicts */

div.sociable{
	clear: left;
	float: left;
	width: 100%;
	padding: 15px 0 55px 0;
	margin: 0 !important;
}

div.sociable span.sociable-tagline{
	clear: left;
	float: left;
	width: 142px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	padding: 3px 0;
	background: url(images/share-background.jpg) 0 0 no-repeat;
  border-radius: 5px;
}

div.sociable_tagline h5{
	width: 580px;
	padding-bottom: 5px;
}

div.sociable ul{
	clear: none;
	float: left;
	width: 70% !important;
	padding: 3px 0 15px 11px !important;
	margin: 0 !important;
}

div.sociable ul li{
	clear: none !important;
	float: left !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	background: none !important;
}

div.sociable ul li.sociablefirst{
	clear: left;
}

div.sociable ul li a,
div.sociable ul li a img{
	clear: left !important;
	float: left !important;
	width: 16px !important;
	height: 16px !important;
	padding: 0 !important;
}

div.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

div.sociable ul li:before { content: ""; }

div.sociable-hovers,
div.sociable ul li a{
	opacity: 4;
	-moz-opacity: 4;
	filter: alpha(opacity=100);
}

div.sociable-hovers:hover,
div.sociable ul li a:hover{
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=40);
}

/* FOOTER -------------------------------------------------------------------------------------------------*/

footer{
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 30px 0;
  font-size: 14px;
}

footer .footer-nav {
	clear: left;
	float: left;
	width: 100%;
}

footer .footer-nav .menu-footer-navigation-container{
	clear: left;
	float: left;
	width: 100%;
	padding: 20px 57px;
	background: #e3e3e3;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav{
	clear: left;
	float: left;
	list-style: none;
	width: 100%;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li{
	clear: none;
	float: left;
	list-style: none;
	padding: 0 10px 0 7px;
	width: 20%;
	background: url(images/footer-nav-border.png) 0 0 repeat-y;
	min-height: 180px;
	position: relative;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li.menu-item-object-page > a {
  font-family: 'JM Sans', Verdana, Arial, Helvetica, sans-serif;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li.menu-item-110954{
	padding-left: 0;
	background: none;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li a{
	clear: left;
	float: left;
	color: #1E22AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	width: 100%;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li a:hover{
	color: #37424A;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li ul{
	clear: left;
	float: left;
	width: 100%;
	padding-top: 15px;
	top: 15px;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li ul li{
	clear: left;
	float: left;
	width: 100%;
	text-indent: 0;
	background: none;
	padding: 0 0 10px 0;
	min-height: 20px !important;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li ul li a{
	clear: left;
	float: left;
	width: 100%;
	font-family: 'JM Sans', Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
  font-size: 14px;
	padding: 0 0 0 10px;
	background: url(images/footer-nav-bullet.png) 0 5px no-repeat;
	color: #000000;
}
footer .footer-nav .menu-footer-navigation-container ul#footer-nav li ul li a:hover{
	color: #1E22AA;
}

footer .footer-nav ul.footer-hotlinks{
	clear: none;
	float: right;
	list-style: none;
	width: 15.3%;
}
footer .footer-nav ul.footer-hotlinks li{
	clear: left;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

footer section.footer-legal{
	clear: left;
	float: left;
	width: 100%;
	border-top: 1px solid #cccccc;
	/* background: url(images/footer-logo.png) right 27px no-repeat; */
	padding: 25px 0 0 0;
}
footer section.footer-legal p{
	clear: left;
	float: left;
	max-width: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: none;
	font-size: 0.9em;
	padding: 0;
}
footer section.footer-legal p a{
	color: #000000;
  font-weight: bold;
}
footer section.footer-legal p a:hover{
	color: #a1a1a1;
}

footer section.footer-legal a.footer-jm{
	clear: none;
	float: right;
	max-width: 20%;
}
footer section.footer-legal a.footer-jm img{
	clear: left;
	float: left;
	width: 100%;
}

/* 18/8/17: JM Homepage make JMTR the H1 tag and line up as part of the p tag so it all flows*/
/* 24/10/17 Add in font-family & make color black to match new styling */
.home-content h1{
	color: #000000;
	display: inline;
	float: none;
	text-transform: none;
	font-weight: normal;
	font-size: 1.2em;
	background: none;
	border-bottom: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.home-content p{
	text-align: left;
	display: inline;
	float: none;
}


/* MEDIA SPECIFIC QUERIES -------------------------------------------------------------------------------------*/
/* http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml */

/* #### ALL devices and resolutions below 920px e.g. tablets #### */
@media screen and (max-width: 920px){

	/* test
	body, #container{ background: red;}
	*/

	/* global */
	#container{	padding: 10px; }
	h1{ padding-left: 0; }

	/* display nones */
	p.glossary_az
	{
		display: none !important;
	}

	/* home */
	img.mobi-slide{
		clear: left;
		float: left;
		max-width: 100%;
		display: block;
		margin-bottom: 23px;
	}

	/* header */
	header{
		padding: 0 0 10px 0;
		margin-bottom: 0;
	}
	header a.logo{
		width: 50% !important;
	}
	header section.header-inner{
		clear: none !important;
		float: right !important;
		width: 50% !important;
	}
	header section.header-inner section.headhotlinks{
		clear: both !important;
		float: right !important;
		width: 100% !important;
	}
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks{
		padding: 9px 0 0 0 !important;
	}
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li a{
		padding: 0 8px 0 7px;
	}
	/* home link */
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110977 a{
		padding-right: 13px;
	}
	/* add divider to contact before chinese link */
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110980{
		background: url(images/header-hotlinks-divider.png) right 1px no-repeat;
	}
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.menu-item-110980 a{
		padding-right: 8px;
	}
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.chinese{
		display: block !important;
		background: none;
	}
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks li.chinese a{
		padding-right: 0 !important;
	}

	header section.header-inner section.homesearchetc{
		clear: both !important;
		float: right !important;
		width: 100% !important;
	}
	header section.header-inner section.homesearchetc a.header-snetworking.rss{
		clear: both !important;
	}


	/* nav */
	header nav{
		display: none;
	}
	#mobi-nav{
		display: block !important;
	}

	/* sidebar */
	.sidebar{
		display: none;
	}
	body.post-5 .sidebar{
		display: block;
		clear: left;
		float: left;
		width: 100%;
	}

	/* main */
	main{
		width: 100% !important;
		padding-bottom: 29px;
	}

	/* the main welcome stuff */
	.sidebar3 h1,
	.sidebar3 .home-content,
	.sidebar3 img.featured-image{
		display: none;
	}

	/* 18/8/17: JM Homepage make JMTR the H1 tag and line up as part of the p tag so it all flows*/
	/* Stop the Welcome heading appearing further down page on mobile */
	.sidebar3 h5{
		display: none;
	}

	.mobile-welcome{
		display: block !important;
	}

	/* chinese and read offline links (hidden on main) */
	main ul.print-offline-etc{
		display: block !important;
	}

	/* footer */
	footer{
		padding: 10px 0;
	}
	footer .footer-nav .menu-footer-navigation-container{
		display: none;
	}
	footer .footer-nav ul.footer-hotlinks{
		clear: left;
		float: left;
		width: 100%;
	}
	footer .footer-nav ul.footer-hotlinks a.hotlink-white{
		background-position: right 6px;
	}
	footer .footer-nav ul.footer-hotlinks a.hotlink-white:hover{
		background-position: right -89px;
	}

	footer section.footer-legal{
		background-image: none;
	}
}

/* #### Mobile Phones etc Portrait #### */
@media screen and (max-width: 544px){

	/* body{ background: red !important; }
	#container{ background: red !important; } */

	/* To prevent body copy from growing and overtaking other typographic elements on the page when viewed on an iPhone in landscape mode */
	html {-webkit-text-size-adjust: none;}

	/* global */
	p.breadcrumbs{ padding: 0; }
	header a.logo,
	header section.header-inner,
	header section.header-inner section.homesearchetc,
	header section.header-inner section.homesearchetc form a.search-advanced,
	header section.header-inner section.headhotlinks,
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container,
	header section.header-inner section.headhotlinks .menu-header-hotlinks-container ul#header-hotlinks,
	#accordion h2
	{
		clear: left !important;
		float: left !important;
		width: 100% !important;
	}

	/* header */
	header section.header-inner section.homesearchetc{
		padding: 10px 0 0 0 !important;
	}
	header section.header-inner section.homesearchetc a.header-snetworking{
		clear: none !important;
		float: left !important;
		margin: 0 6px 4px 0 !important;
	}
	header section.header-inner section.homesearchetc a.header-snetworking.rss{
		clear: left !important;
	}
	header section.header-inner section.homesearchetc form{
		clear: left !important;
		float: left !important;
		margin: 0 0 5px 0 !important;
	}

	/* editorial board etc */
	section.home-articles-features,
	section.home-articles-features article{
		clear: left;
		float: left;
		padding-bottom: 20px;
	}
	main #bio p{
		clear: left;
		float: left;
	}
	section.home-articles-features article img,
	img.board-image,
	main #bio p img,
	section.featured-content-etc article img,
	section.home-articles-features article img{
		clear: left !important;
		float: left !important;
		width: 20% !important;
		margin-right: 10% !important;

	}
	section.featured-content-etc article img,
	section.home-articles-features article img{
		border: none !important;
	}
	section.home-articles-features article p.summary,
	section.home-articles-features article p.summary,
	article.member-content,
	/*main #bio p em,*/
	section.featured-content-etc article div
	{
		clear: none !important;
		float: left !important;
		width: 70% !important;
		font-style: normal !important;
	}

	/* sociable */
	div.sociable ul{
		clear: left !important;
		padding: 10px 0 0 0 !important;
	}

	/* journal archive */
	a#accordion-expand,
	a#accordion-collsapse{
		float: left !important;
		clear: left !important;
		margin: 0 0 10px 0 !important;
	}

	/* home */
	ul.rslides li img{
		width: 94.2% !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}
	ul.rslides li article{
		width: 94.2% !important;
		padding-bottom: 10px !important;
	}
	ul.rslides li article span.summary{
		display: none !important;
	}
	section.home-articles-features{
		width: 100% !important;
	}
	section.home-articles-features.first{
		margin-right: 0 !important;
	}

}


/* BEGIN MISC SECTION -------------------------------------------------------------------------------------*/

body#fck {
	background-image: none;
}

.glossary_az {
  font-size: 0.795em;
}

fieldset label.recaptcha div.g-recaptcha {
    padding-top: 2px;
    float: left;
}
fieldset label.error div.g-recaptcha {
    float: left;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* https://contactform7.com/2016/01/27/html-is-not-allowed-in-messages/ */

.wpcf7 form div.visible-only-if-sent {
    display: none;
}
 
.wpcf7 form.sent div.visible-only-if-sent {
    display: block;
    clear: left;
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 15px;
}

/* END ----------------------------------------------------------------------------------------------------*/