html {
	overflow-y: scroll;
}

body {
	background: #e9eff2;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


a,
.subject-list li a div.list-item-details,
.article-list div.thumbnail,
.expand-control p span,
.scroller span,
.trigger-close span,
.faq-questions a.faq-question span,
a.fancybox img,
.article .main img,
.sub-title-link span,
.hdr-search-form .oi-submit {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
    transform: translateZ(0);
	text-decoration:none;
}


@font-face {
	font-family: 'icomoon';
	src:url('../icon-fonts/icomoon.eot?jzbdau');
	src:url('../icon-fonts/icomoon.eot?#iefixjzbdau') format('embedded-opentype'),
		url('../icon-fonts/icomoon.woff?jzbdau') format('woff'),
		url('../icon-fonts/icomoon.ttf?jzbdau') format('truetype'),
		url('../icon-fonts/icomoon.svg?jzbdau#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-down-arrow:before {
	content: "\e600";
}
.icon-email:before {
	content: "\e601";
	font-size: 190%;
    left: 2px;
    position: absolute;
    top: 0;
}
.icon-nav:before {
	content: "\e602";
}
.icon-search:before {
	content: "\e603";
}
.icon-share:before {
	content: "\e604";
	font-size: 140%;
    left: 4px;
    position: absolute;
    top: 5px;
}

/* ---------------------------------------------------------
- Header
---------------------------------------------------------*/

.header { 
	position: relative;
	height: 150px;
	z-index: 10;
}

#mob-site-hdr, .mob-nav-element, #mob-site-ftr {
	display: none;
}

#hdr-logo {
	display: block;
	left: -6px;
	position: absolute;
	top: 19px;
	width:390px;
}

#hdr-logo img {
	height: auto;
	width: 100%;
}

#hdr-strapline {
	left: 49px;
	position: absolute;
	top: 63px;
	width:auto;
}

#hdr-strapline p {
	color: #4b4b4b;
	display: block;
	font-size: 87%;
	margin:0;
}

/* Country select */
.hdr-country-select {
	background: #fff;
	border: 1px solid #adbac9;
	position: absolute;
	right: 9px;
	top:103px;
	width: 245px;
	z-index: 3;
}

span.current-country {
	color: #415b80;
	cursor: pointer;
	display: block;
	font-size: 95%;
	height: 20px;
	padding: 2px 5px;
	position: relative;
	width: 100%;
}

span.current-country span.flag {
	background: url('../images/sprite.png') no-repeat 0 0;
	display: block;
	height: 17px;
	position: absolute;
	right: 34px;
	top: 4px;
	width: 26px
}

span.current-country span.arrows {
	border-left: 1px solid #adbac9;
	background: #fff url('../images/sprite.png') no-repeat -135px 0;
	display: block;
	height: 22px;
	padding: 1px;
	position: absolute;
	top: 0;
	right: 10px;
	width: 17px;
}

.hdr-country-select.activated span.current-country span.arrows {
	background-color: #c8d2d7;
}

.hdr-country-select a {
	color: #415b80;
	display: none;
	font-size: 95%;
	padding: 2px 5px;
	position: relative;
}

.hdr-country-select a.display {
	display: block;
}

.hdr-country-select a.selected, .hdr-country-select a.selected span.arrows{
	display: block;
}

.hdr-country-select a:hover {
	background: #d7e4ec;
}

.hdr-country-select a span.flag {
	background: url('../images/sprite.png') no-repeat 0 0;
	display: block;
	height: 17px;
	position: absolute;
	right: 24px;
	top: 3px;
	width: 26px;
}

.hdr-country-select a.english span.flag, .countryEnglish span.current-country span.flag {
	background-position: 0 0;
}

.hdr-country-select a.german span.flag, .countryGerman span.current-country span.flag {
	background-position: -27px 0;
}

.hdr-country-select a.italian span.flag, .countryItalian span.current-country span.flag {
	background-position: -54px 0;
}

.hdr-country-select a.spanish span.flag, .countrySpanish span.current-country span.flag {
	background-position: -81px 0;
}

.hdr-country-select a.french span.flag, .countryFrench span.current-country span.flag {
	background-position: -108px 0;
}

.countryEnglish .hdr-country-select a.english,
.countryGerman .hdr-country-select a.german,
.countryItalian .hdr-country-select a.italian,
.countrySpanish .hdr-country-select a.spanish,
.countryFrench .hdr-country-select a.french {
	display:none;
}

/* Search form */
.hdr-search-form {
	right: 9px;
    margin: 65px 0 0 0;
    position: absolute;
    width: 247px;
    z-index: 15;
}

.hdr-search-form input[type="text"] {
	background: #fff;
	border: 1px solid #adbac9;
    display: block;
    font-size: 1em;
    font-weight: 400;
    float: left;
    height: 10px;
    line-height: 1.4em;
    margin: 0;
    padding: 10px;
    width: 200px;
}

.hdr-search-form .oi-submit {
	background: #415b80;
    color: #fff!important;
    position: absolute;
    right: 0;
    height: 32px;
    padding: 1px 10px 0 7px;
    line-height: 32px;
    width: 32px;
}

.hdr-search-form .oi-submit i.fa {
	font-size: 1.4em;
}

/* ---------------------------------------------------------
- Overlay...
---------------------------------------------------------*/

.search-trigger,
.overlay-close {
	background: #415b80;
	color: #fff!important;
	font-size: 140%;
	height: 32px;
	line-height: 30px;
	padding: 0 6px;
	position: absolute;
	text-align: center;
	top: 25px;
    right: 10px;
    width:20px;
}

.search-trigger:hover,
.overlay-close:hover,
.hdr-search-form .oi-submit:hover {
	background-color:#667c9b;
	color: #fff;
}

.overlay {
	bottom: 0;
	display: none;
	background: #e9eff2;
	background: rgba(233, 239, 242, 0.9);
	height: 150px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101;
}

/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/* Configuration of menu width */

html body ul.sf-menu ul
,html body ul.sf-menu ul li {
	width:180px;
}
html body ul.sf-menu ul ul {
	margin:0 0 0 180px;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu
,ul.sf-menu * {
	margin:0;
	padding:0;
}

ul.sf-menu {
	display:block;
	position:relative;
}
ul.sf-menu li {
	display:block;
	list-style:none;
	float:left;
	position:relative;
}
ul.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a,
ul.sf-menu span {
	display:block;
	position:relative;
}
ul.sf-menu ul {
	background: #e9eff2;
	position:absolute;
	left:0;
	width:150px;
	top:auto;
	left:-999999px;
}
ul.sf-menu ul a,
ul.sf-menu ul span {
	zoom:1; /* IE6/7 fix */
}
ul.sf-menu ul li {
	float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
	width:150px;
}
ul.sf-menu ul ul {
	top:0;
	margin:0 0 0 150px
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
	left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
	left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
	left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
	left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
	left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
	left:-999999px;
}

/* autoArrows CSS */

div.sf-arrow {
	width:7px;
	height:7px;
	position:absolute;
	top:8px;
	right:0;
	display:block;
	overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */
	font-size:1px;
}

ul ul div.sf-arrow {
	right:12px;
	top:7px;
	background-position:0 100%;
}

/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/* Theming the menu */

ul#hdr-nav {
	left: 0;
	position:absolute;
	top: 112px;
	z-index:1;
}

ul#hdr-nav li a {
	background:#e9eff2;
	color:#415b80;
	font-size: 110%;
	padding:4px 10px;
	text-decoration:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

ul#hdr-nav li a:hover,
ul#hdr-nav li a:focus,
ul#hdr-nav li.nav-path-selected.sf-parent li a:hover {
	background: #e9eff2;
}

ul#hdr-nav li.sf-parent a {
	font-weight: 400;
	padding-bottom: 20px;
}

ul#hdr-nav li.sf-parent a.nav-path-selected {
	font-weight: 600;
}

ul#hdr-nav ul li a, ul#hdr-nav li.sf-parent ul a {
	color: #415b80;
	display: block;
	font-weight: 300;
	margin-top: -1px;
	text-align:left;
	text-transform:none;
	padding:4px 8px;
	width: auto;
}

ul#hdr-nav ul li a:hover,
ul#hdr-nav ul li.nav-path-selected a,
ul#hdr-nav li.sf-parent ul a.nav-path-selected {
	background:#d7e4ec!important;
	font-weight: 300;
}

ul#hdr-nav ul li a {
	line-height: 1.2em;
}

/* ---------------------------------------------------------
- Body
---------------------------------------------------------*/

.content-body { 
	background: #fff;
	padding-bottom: 30px;
}

.breadcrumb {
	padding: 15px 0 5px;
}

.breadcrumbs {
	color:#415b80;
	font-size: 95%;
}

.breadcrumbs a {
	color:#415b80;
}

.breadcrumbs a:hover {
	background:#e9eff2;
}

#user-nav {
	float: right;
	margin:0 0 15px; 
	z-index: 2;
}

#user-nav li {
	float: left;
	margin-left: 5px;
}

#user-nav li a {
	border: 1px solid #fff;
	color:#415b80;
	font-size: 95%;
	padding: 5px 15px 5px 25px;
	position: relative;
}

#user-nav li a:hover {
	border: 1px solid #adbac9;
}

#user-nav li a i {
	color:#415b80;
	display: block;
	height: 19px;
	left: 6px;
    position: absolute;
    top: 8px;
	width: 15px;
}

#user-nav li#share {
	position: relative;
}

#user-nav li#share a {
	background: #fff;
	position: relative;
}

#user-nav li#share.triggered a {
	border: 1px solid #adbac9;
	border-bottom: none;
}

ul.share-links {
	display: none;
	background: #fff;
	border: 1px solid #adbac9;
	left: 0;
	margin: 0;
	padding: 0 0 1px;
	position: absolute;
	top: 23px;
    width: 152px;
	z-index: 3;
}

#user-nav .share-links li {
	float: none;
	margin: 0;
}

#user-nav .share-links li a {
	background: #fff;
	border: none!important;
	display: block;
	padding: 3px 5px 3px 26px;
	position: relative;
}

#user-nav .share-links li a:hover {
	background: #d7e4ec!important;
}

#user-nav .share-links li a i {
	height: 19px;
	left: 5px;
	position: absolute;
	top: 5px;
	width:25px;
}

.sub-nav {
	display: none;
}

.sidebar {
	float: left;
	display: inline;
	/* left: -498px; */
	margin: 0 9px;
	min-height: 1px;
	position: relative;
	width: 231px; 
}

#fancybox-downloader {
	width: 100px;
	height: 20px;
	display: block;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 2000;
}

.sidebar img {
	height: auto;
	width: 100%;
}

.main {
	float: left;
	display: inline;
	/* left: 249px; */
	margin: 0 9px;
	position: relative;
	width: 480px;
}

.default .main, .section_landing .main {
	width: 729px;
}

/* Subject page list */

.subject-list li a {
	-webkit-box-shadow: 0 0 2px 2px #E8E8E8;
	-moz-box-shadow: 0 0 2px 2px #E8E8E8;
	-o-box-shadow: 0 0 2px 2px #E8E8E8;
	box-shadow: 0 0 2px 2px #E8E8E8;
	display: block;
	float: left;
	height: 230px;
	margin: 0 19px 19px 0; 
	overflow: hidden;
	position: relative;
	width: 230px;
}

a.fancybox img {
	-webkit-box-shadow: 0 0 2px 2px #E8E8E8;
	-moz-box-shadow: 0 0 2px 2px #E8E8E8;
	-o-box-shadow: 0 0 2px 2px #E8E8E8;
	box-shadow: 0 0 2px 2px #E8E8E8;
}

.subject-list li a:hover, a.fancybox:hover img, .article .main img:hover {
	-webkit-box-shadow: 0 0 2px 2px #bcbcbc;
	-moz-box-shadow: 0 0 2px 2px #bcbcbc;
	-o-box-shadow: 0 0 2px 2px #bcbcbc;
	box-shadow: 0 0 2px 2px #bcbcbc;
}

.subject-list li a img {
	height: auto;
	width: 100%;
}

.subject-list li a div.list-item-details {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8); 
	bottom: 0;
	padding: 8px;
	position: absolute;
	width: 214px;
}

.subject-list li a:hover div.list-item-details {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 1);
}

.subject-list li a div.list-item-details h2 {
	color: #000;
	font-weight: 400;
	padding-right: 10px;
}

.subject-list li a:hover div.list-item-details h2 {
	color: #415b80;
}

.content-body p.list-item-decription {
	display: none;
}

.content-body li {
	line-height: 1.2em;
}

.default .content-body p.list-item-decription {
	display: block;
	margin: 0;
}


/* Article list */

.article-list li {
	border-top: 2px solid #cddee7;
	display: block;
	margin: 9px 0;
	padding: 15px 0 9px;
}

.article-list li.item-1 {
	border: none;
	margin: 0 0 9px;
	padding: 0 0 9px;
}

.article-list div.thumbnail {
	background: #e9eff2;
	float: left;
	height: 85px;
	margin-right: 15px;
	width: 85px;
}

.article-list div.thumbnail img {
	height: 100%;
	width: 100%;
}

.article-list a:hover div.thumbnail {
	-webkit-box-shadow: 0 0 1px 1px #a7a7a7;
	-moz-box-shadow: 0 0 1px 1px #a7a7a7;
	-o-box-shadow: 0 0 1px 1px #a7a7a7;
	box-shadow: 0 0 1px 1px #a7a7a7;
}

.article-list a h3 {
	color: #000;
	font-size: 95%;
}

.article-list a:hover h3 {
	color: #415b80;
}

.article-list a p {
	color: #505050;
	margin: 0;
}

.article-list a p.article-description {
	padding-top: 5px;
}

.homepage-feature {
	display: inline-block;
    zoom: 1;
    *display: inline;
	float: left;
	margin: 0 9px 15px;
	width: 231px;
}

.homepage-feature h2 a {
	color: #000;
	font-weight: 400;
}

.homepage-feature h2 a:hover {
	color: #415b80;
}

.content-body .homepage-feature p a, .content-body .homepage-feature p a:hover {
	background: none;
	color: #000;
	text-decoration: none;
}

.article-meta li {
	line-height: 1.2em;
}

/* Timeline list */

.timeline-list {
	border-bottom: 2px solid #cddee7;
	margin: 0 0 50px 250px;
    width: 360px;
}

.timeline-list li {
	border-top: 2px solid #cddee7;
	display: block;
	height: 78px;
	margin: 9px 0;
	padding: 15px 0 9px;
	position: relative;
}

.timeline-list li h2 {
	color: #000;
	font-weight: 400;
}

.timeline-list div.thumbnail {
	height: 85px;
	position: absolute;
	right: -100px;
	top: 10px;
	width: 85px;
}

.timeline-list div.thumbnail img {
	height: auto;
	width: 100%;
}

.timeline-list a:hover div.thumbnail img {
	-webkit-box-shadow: 0 0 1px 1px #415b80;
	-moz-box-shadow: 0 0 1px 1px #415b80;
	-o-box-shadow: 0 0 1px 1px #415b80;
	box-shadow: 0 0 1px 1px #415b80;
}

.timeline-list div.dots {
	background:url(../images/sprite.png) no-repeat -5px -170px;
	height: 126px;
	position: absolute;
	left: -30px;
	top: 14px;
	width: 24px;
}

.timeline-list a:hover div.dots {
	background:url(../images/sprite.png) no-repeat -33px -170px;
}

.timeline-list li.last-item div.dots {
	background:url(../images/sprite.png) no-repeat -60px -170px;
}

.timeline-list li.last-item a:hover div.dots {
	background:url(../images/sprite.png) no-repeat -90px -170px;
}


/* Expandable page elements */

.page-multi-element {
	border-top: 2px solid #cddee7;
	padding: 20px 0;
}

.expander {
	display: none;
}

.content-body .expand-control p {
	color:#415b80;
	font-weight: 300;
	float: right;
	padding:0 20px 0 0;
	position: relative;
	margin:0;
	cursor:pointer;
}

.content-body .expand-control p:hover {
	color: #000;
}

.expand-control p span {
	background:url(../images/sprite.png) no-repeat;
	display: block;
	right: 0;
	height:16px;
	position: absolute;
	top: 1px;
	width:16px;
}

.expand-control p.control-hide {
	display: none;
}

.expand-control p.control-show span {
	background-position: -27px -44px;
}

.expand-control p.control-hide span {
	background-position: -27px -61px;
	left: -20px;
	right: auto;
}

.expand-control p.control-show:hover span {
	right: -2px;
}

.expand-control p.control-hide:hover span {
	left: -22px;
}

.scroller {
	font-weight: 300;
	padding:0 30px 0 0;
	position: relative;
	margin:0;
}

.scroller span {
	background:url(../images/sprite.png) no-repeat -54px -44px;
	display: block;
	right: 0;
	height:16px;
	position: absolute;
	top: 4px;
	width:16px;
}

.scroller:hover span {
	top: 2px;
}

/* article pages */

.article .main a.img-wrapper,
div.thumbnail-image {
	cursor: pointer;
	float: left;
	height: auto;
	margin-left: -248px;
	width:231px;
}

.article .main a.img-wrapper.left-aligned,
div.thumbnail-image.left-aligned {
	margin: 0 20px 0 0!important;
}

.article .main a.img-wrapper.centre-aligned,
div.thumbnail-image.centre-aligned {
	margin: 0 !important;
    width: 100%;
}

.article .main a.fancybox.centre-aligned {
    text-align: center;
}

a.fancybox.centre-aligned .image-container {
	display: inline;	
}

.article .main a.img-wrapper.right-aligned,
div.thumbnail-image.right-aligned {
	float: right;
	margin: 0 0 0 20px!important;
}

.article .main a.fancybox.right-aligned {
    text-align: right;
}

.article .main a.img-wrapper img {
	height: auto;
	max-width: 225px;
	width: 225px;
}

.article .main a.img-wrapper p.thumbnail-description span {
	display: block;
}

.article .main div.thumbnail-image a.img-wrapper {
	margin: 0;
}

div.thumbnail-image .thumbnail-description {
	display: none;
}

div.thumbnail-image a {
	padding: 0 0 10px;
}

div.thumbnail-image .thumbnail-caption p {
	font-size: 85%;
}

.edit-mode div.thumbnail-image,
.edit-mode.article .main a.img-wrapper {
	margin-left: 0!important;
}

#references li {
	margin: 0 0 10px;
	line-height: 1.2em!important;
}

/* ---------------------------------------------------------
- Forms
---------------------------------------------------------*/

.formblock .errors, .formblock .success {
	background-color: #415b80;
    border: none;
    color: #fff;
    font-size: 90%;
    margin-bottom: 10px;
    padding: 13px 15px 5px;
}

.formblock .errors li {
	line-height: 1.2em;
}

.field {
	clear:both;
}

.field label {
	float: left;
	width: 120px;
}

.field input, .field textarea {
	float: right;
	padding: 2px 10px;
	width: 310px;
}

select {
	cursor: pointer;
}

div.selector {
	float: right;
	width: 320px!important;
}

div.selector span {
	font-weight: 400;
	width: 302px!important;
}

.field select {
	float: right;
	width: 352px;
	padding: 2px;
}

.formblock input.submit {
	-webkit-appearance:none;
	-webkit-border-radius: 0;
 	margin:15px 0 0; 
}

textarea {
    resize:vertical;
}
/* ---------------------------------------------------------
- FAQs
---------------------------------------------------------*/

.edit-mode .faq-answers {
	display: none;
}

.faq-questions {
	margin: 0 0 20px;
}

.faq-answer {
	border-top:3px solid #cddee7;
	padding: 15px 0;
}

.faq-questions a.faq-question {
	color:#415b80;
	display: block;
	line-height: 1em;
	position: relative;
	padding: 0 0 20px 20px;
}

.sub-title-link a, a.sub-title-link {
	color:#415b80;
	display: block;
	line-height: 1em;
	position: relative;
	padding: 0 0 0 20px;
}

.faq-questions a.faq-question:hover, .sub-title-link a:hover, a.sub-title-link:hover {
	color: #000;
}

.faq-questions a.faq-question span, .sub-title-link span {
	background:  url('../images/sprite.png') no-repeat -28px -43px;
	height: 16px;
	left: 0;
	position: absolute;
	top: -1px;
	width: 20px;
}

.faq-questions a.faq-question:hover span, .sub-title-link:hover span {
	background-position: -26px -43px;
}

.faq-answer h2 {
	color: #000;
	font-weight: 400;
	padding: 0 0 20px;
}

/* ---------------------------------------------------------
- Tables
---------------------------------------------------------*/

.content-body table {
	text-align:left;
	font-size:90%;
	margin:10px 0 20px;
}

.content-body th {
	font-size: 100%;
	padding:12px 4px 10px;
}

.content-body td {
	font-size: 100%;
	padding: 4px 10px;
}

.content-body th {
	font-weight:400;
}

.col-one {
	width:20%;
}

.content-body tr {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.content-body tr:nth-child(odd) {
    background-color: #f6fafc;
}

.content-body tr:hover {
	background:#e9eff2;
}

.content-body thead tr {
	background:#fff!important;
}

.content-body td a {
	display:block;
	color: #415b80;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.content-body td a:hover {
	text-decoration:underline;
}

.content-body td a.btn {
	background:#c7c8ca;
	color:#fff;
	padding:2px 4px;
	text-decoration:none;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px; 
}

.content-body td a.btn:hover {
	background:#3e8cc7;
	text-decoration:none;
}

.content-body .swp-table-content p {
	padding:0;
	font-size:100%;
}

.ari-table-data table {
	border-bottom: 2px solid #cddee7;
	border-top: 2px solid #cddee7;
	font-size: 80%;
	margin-bottom: 20px;
	width:100%;
}

.ari-table-data tr:first-child {
	border-bottom: 2px solid #cddee7;
}


/* ---------------------------------------------------------
- Footer
---------------------------------------------------------*/


.footer { 
	position: relative;
	padding-bottom: 15px;
}

.ftr-info h1 {
	color:#415b80;
	font-size: 100%;
	font-weight: 600;
	margin: 0 0 2px;
	padding: 0;
}

.footer a {
	background:#e9eff2;
	color:#415b80;
	display: block;
	font-size: 95%;
	font-weight: 300;
	text-decoration:none;
}

.footer a:hover {
	background:#d7e4ec;
}

.ftr-info {
	float: left;
	margin: 20px 9px; 
	width: 231px;
}

.ftr-info #social li a {
	display: block;
	position: relative;
	padding: 2px 0 2px 20px
}

.ftr-info #social li a i {
	height: 20px;
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;	
}

.ftr-sitemap {
	-webkit-column-count: 3;
	-webkit-column-gap: 25px;
	-webkit-column-rule: none;
	-moz-column-count: 3;
	-moz-column-gap: 25px;
	-moz-column-rule: none;
	column-count: 3;
	column-gap: 25px;
	column-rule: none;
	float: left;
	margin: 20px 9px; 
	width: 729px;
}

.ftr-sitemap ul li.top-level-item {
	margin: 0 0 20px;
}

.ftr-sitemap ul li.top-level-item ul a {
	font-weight: 300;
}

.ftr-sitemap a.top-level-item, .ftr-home-link a {
	font-weight: 600;
	font-size: 100%;
	margin: 0 0 2px;
}

.ftr-sitemap ul li {
    -webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
    page-break-inside:avoid;
    margin: 0 0 0 0;
    padding: 0;
}

.ftr-sitemap ul ul {
    margin: 0 0 0 14px;
}

#external-links {
    margin: 0 0 15px 14px;
}


.footer ul ul li, #external-links li {
	list-style-image: url('../images/bullet-01.png');
	line-height: 1.2em;
	margin: 0 0 2px 0;
}

.footer ul ul li a {
	font-size: 105%;
}

#ftr-copyright {
	font-size: 90%;
	margin: 20px 0;
}

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

h1, h2, h3, h4, h5, h6, p {
	color:#415b80;
	font-size: 110%;
	font-weight: 300;
	line-height: 1.1em;
}

.content-body h1 {
	color: #000;
	font-size: 110%;
	font-weight: 400;
	margin: 0 0 20px;
}

.content-body p {
	color: #000;
	font-size: 95%;
	line-height: 1.2em;
	margin: 0 0 20px;
}

.content-body p a {
	color:#415b80;
	text-decoration: none;
}

.content-body p a:hover {
	/* background:#e9eff2; */
	color: #000;
	text-decoration: none;
}

.sidebar h2 {
	color: #000;
	font-size: 110%;
	font-weight: 400;
	margin: 0 0 15px;
}

p.thumbnail-description {
	font-size: 90%;
	margin: 8px 0 30px;
}

.page-multi-element h2 {
	color: #000;
	font-size: 110%;
	font-weight: 400;
	margin: 0 0 15px;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.5em;
   font-size:70%;
}

a.anchor-link {
   vertical-align: baseline;
   position: relative;
   top: -0.25em;
   font-size:90%;
   text-decoration: none!important;
}

.edit-mode .anchor-link {
	color: red;
}

.article h2 {
	margin-bottom: 10px;
}

.article .main h2,
.article h2.linked-sub-title {
	border-top: 2px solid #cddee7;
	margin-top: 10px;
	padding-top: 20px;
}

.article h2 span.linked-sub-title {
	display: block;
}

#oi-spellcheck {
	display: block;
	font-weight: 600;
	margin: 10px 0 15px;
}

.content-body li.oi-result {
	clear: both;
	margin: 0 0 60px;
}

.content-body li.oi-result h2 {
	font-weight: 600;
	margin: 0 0 2px;
}

.content-body li.oi-result cite {
	display: block;
	margin: 0 0 5px;
}

.content-body li.oi-result .oi-snippet img {
	display: block;
	float:left;
	margin: 0 10px 0 0;
}

.content-body li.oi-result .oi-snippet em {
	color: #415b80;
}

.content-body #oi-pager {
	border-top: 1px solid #e2e3e4;
	clear: both;
	padding: 10px 0;
	text-align: center;
}

.content-body #oi-pager ul {
  display: flex;
  width: 100%;
}

.content-body #oi-pager li {
	float: left;
	flex: 1 1 100%;
}

.content-body #oi-pager li.oi-pager-prev {
	flex: none;
	margin: 0 14px 5px 0;
	text-align: left;
	width: 30%;
}

.content-body #oi-pager li.oi-pager-next {
	flex: none;
	text-align: right;
	width: 30%;
}

.content-body #oi-pager li.oi-pager-prev:before {
	content: "\f104";
    color: #2d2b2c;
	font-family: "FontAwesome";
	font-size: 100%;
	padding-right: 5px;
}

.content-body #oi-pager li.oi-pager-next:after {
	content: "\f105";
    color: #2d2b2c;
	font-family: "FontAwesome";
	font-size: 100%;
	padding-left: 5px;
}
/* ---------------------------------------------------------
- Concrete overides + bug fixes, etc...
---------------------------------------------------------*/
div#ccm-highlighter {z-index:100!important;} 

/* #Media Queries */

/* Larger than 1280 */
@media only screen and (min-width: 1280px)  {
	
	.hdr-search-form {
	    right: 17px;
	}
	.hdr-country-select {
		right: 17px;
	}

	.search-trigger, .overlay-close {
	    right: 17px;
	}

	.sidebar {
		/* left: -634px; */
		margin: 0 11px;
		width: 296px; 
	}

	.main {
		/* left: 318px; */
		margin: 0 11px;
		width: 614px;
	}

	.default .main, .section_landing .main {
		width: 932px;
	}

	.article .main a.img-wrapper,
	div.thumbnail-image {
		margin-left: -317px;
		width:296px;
	}

	.article .main a.img-wrapper img {
		max-width: 295px;
		width: 295px;
	}

	.subject-list li a {
		height: 294px;
		margin: 0 25px 25px 0;
		width: 294px; 
	}

	.subject-list li.third-item a {
		margin: 0 0 25px 0; 
	}

	.subject-list li a div.list-item-details {
		width: 278px;
	}

	.homepage-feature {
		margin: 0 11px 15px;
		width: 296px;
	}
	
	.timeline-list {
		border-bottom: 2px solid #cddee7;
		margin: 0 0 50px 320px;
	    width: 530px;
	}

	.field input, .field textarea {
		float: left;
		width: 472px;
	}

	.field select {
		float: left;
		width: 494px;
	}

	div.selector {
	    width: 482px!important;
	}

	div.selector.hover.active.focus {
	  background-position: -500px -109px;
	}

	div.selector span {
	    background-position: -506px -10px;
	    width: 457px !important;
	}

	div.selector.hover span, div.selector.focus span, div.selector.hover.active span, div.selector.focus.active span {
		background-position: -506px -43px;
	}

	#current-search strong, .search-archive strong {
		width: 290px;
	}

	.page-list-filters {
	    left: 320px;
	    width: 280px;
	}
	
	.archive-search input[type="text"] {
		width: 278px;
	}

	.page-list-filter span.list-label {
		width: 278px;
	}

	.page-list-filter ul {
		width: 288px;
	}

	#current-search {
	    left: 630px;
	}

	.ftr-info {
		width: 296px;
	}

	.ftr-sitemap {
		width: 932px;
	}
}

/* 'Standard' desktop */
@media only screen and (min-width: 996px) and (max-width: 1279px)  {
	
	.subject-list li.third-item a {
		margin: 0 0 17px 0; 
	}

	.countryGerman ul#hdr-nav li a {
        font-size: 100%;
	}

	.countrySpanish ul#hdr-nav li a {
        font-size: 96%;
	}

	.countryFrench ul#hdr-nav li a {
        font-size: 91%;
	}

}

/* Tablet Portrait size to standard */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.overlay {
		height: 180px;
	}

	.header { 
		height: 180px;
	}

	ul#hdr-nav {
		top: 140px;
	}

	.countryGerman ul#hdr-nav li a {
        font-size: 100%;
	}

	.countrySpanish ul#hdr-nav li a {
        font-size: 96%;
	}

	.countryFrench ul#hdr-nav li a {
        font-size: 91%;
	}

	.countryFrench #hdr-strapline p {
	    font-size: 78%;
	}

	.main, .section_landing .main {
		width: 501px;
	}

	.default .main {
		width:750px;
	}

	.default .sidebar {
		width:750px;
	}

	/* .sidebar {
		left: -519px;
	} */

	.subject-list li a {
		height:241px;
		margin: 0 17px 17px 0; 
		width:241px;
	}

	.default .subject-list li a {
		height:238px;
		width:238px;
	}

	.default .subject-list li.even-item a {
		margin: 0 17px 17px 0; 
	}

	.subject-list li.even-item a, .default .subject-list li.third-item a {
		margin: 0 0 17px 0; 
	}

	.subject-list li a div.list-item-details {
		width: 225px;
	}

	.article-list li, .article-list li.first-article {
		float: left;
		margin: 0 20px 9px 0;
		padding: 10px 0 0;
		width:365px;
	}

	.article-list li.item-1, .article-list li.item-2 {
		border:none;
		margin: 0 20px 0 0;
		padding: 0 0 10px;
	}

	.lh_sidebar .article-list li.item-2 {
		border-top: 2px solid #cddee7;
	}

	.lh_sidebar .article-list li {
		width: 100%;
		padding: 10px 0;
	}

	.article-list li.even-item {
		margin: 0;
	}

	.homepage-feature {
		margin: 0 29px 15px 9px;
		width: 344px;
	}

	.ftr-info {
		width: 174px;
	}

	.ftr-sitemap {
		-webkit-column-count: 2;
		-webkit-column-gap: 25px;
		-webkit-column-rule: none;
		-moz-column-count: 2;
		-moz-column-gap: 25px;
		-moz-column-rule: none;
		column-count: 2;
		column-gap: 25px;
		column-rule: none;
		float: left;
		margin: 20px 9px; 
		width: 558px;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.overlay {
		height: 115px;
	}

	.header { 
		position: relative;
		height: auto;
		min-height: 80px;
		z-index: 1;
	}

	#site-hdr, .breadcrumbs, .ftr-sitemap, span.current-country span.arrows, span.current-country, .default .sub-nav, .search-results .sub-nav {
		display: none;
	}

	.breadcrumb {
		margin: 0 auto 10px;
	}

	#mob-site-hdr, .sub-nav {
		display: block;
	}

	#mob-site-ftr {
		display: block;
		min-height: 40px;
	}

	#hdr-logo {
		left: -2px;
		top: 5px;
		width: 300px;
	}

	.mobile-triggers {
		left: 10px;
		position: absolute;
		top: 48px;
	}

	#mob-site-ftr .mobile-triggers {
		top: 10px;
	}

	#mob-site-ftr .mob-nav-element {
	    padding: 40px 0 10px;
	}

	.mobile-triggers a {
		float: left;
		height: 30px;
		margin: 0 5px 0 0;
		position:relative;
		width:30px;
	}

	.mobile-triggers a span {
		background: url('../images/sprite.png') no-repeat;
		position:absolute;
		left: 0;
		margin: 0 10px 0 0;
		top: 0;
	}

	.mobile-triggers a.mob-nav span {
		background-position: -1px -101px;
		height: 26px;
		width:26px;
	}

	.mobile-triggers a.mob-country-select span {
		height: 17px;
		top: 1px;
		width:26px;
	}

	.trigger-close {
		background: #fff;
		border-top: 3px solid #ADBAC9;
		color:#415b80!important;
		display: block;
		font-size: 80%; 
		font-weight: 400;
		height: 30px;
		line-height: 30px;
		padding: 0 8px;
		position:relative;
	}

	.trigger-close span {
		background: url('../images/sprite.png') no-repeat -54px -44px;
		height: 26px;
		position: absolute;
		right: 3px;
		top: 8px;
		width:26px;
	}

	.trigger-close:hover {
		background: #d7e4ec;
	}

	.trigger-close:hover span {
		top: 6px;
	}

	.countryEnglish a.mob-country-select span {
		background-position: 0 0;
	}

	.countryGerman a.mob-country-select span {
		background-position: -27px 0;
	}

	.countryItalian a.mob-country-select span {
		background-position: -54px 0;
	}

	.countrySpanish a.mob-country-select span {
		background-position: -81px 0;
	}

	.countryFrench a.mob-country-select span {
		background-position: -108px 0;
	}

	.mobile-triggers .mob-search span {
		background-position: 0px -127px;
		height: 30px;
		top: -1px;
		width:30px;
	}

	.mob-nav-element {
		padding: 80px 0 10px;
	}

	ul#hdr-nav {
		padding-bottom: 20px;
	}

	ul#hdr-nav li {
		display: block;
		width: 100%;
	}

	ul#hdr-nav ul {
		display: none!important;
	}

	.hdr-country-select {
		border: none;
		width: 100%;
		left: 0;
		position: relative;
		top: -10px;
	}

	.hdr-country-select a {
		color: #415b80;
		display: block;
		font-size: 80%;
		padding: 7px;
		position: relative;
		text-indent: 40px;
	}

	.hdr-country-select a span {
		left: 0;
	}

	.hdr-country-select a span.flag {
		top: 8px;
		left: 8px;
	}

	ul#hdr-nav, .hdr-country-select {
		position:relative;
		top: 0;
	}

	ul#hdr-nav li a {
		background:#fff;
		color:#415b80;
		font-size: 100%;
		padding:4px 10px;
		text-decoration:none;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none;
	}

	ul#hdr-nav li a:hover,
	ul#hdr-nav li a:focus,
	ul#hdr-nav li.nav-path-selected.sf-parent li a:hover {
		background: #d7e4ec;
	}

	ul#hdr-nav li.sf-parent a {
		font-size: 80%;
		font-weight: 200;
		padding: 8px;
	}

	ul#hdr-nav li.sf-parent a.nav-path-selected {
		font-weight: 600;
	}


	/* Search form */
	.search-trigger, .overlay-close {
	    top: 10px;
	}

	.hdr-search-form {
		right: 23px;
	    padding-bottom: 0;
	    margin: 25px 0 0 0;
	    top: 19px;
        width: 180px;
	}

	.hdr-search-form input[type="text"] {
		width: 138px;
	}

	.hdr-search-form .oi-submit {
	    right: -15px;
	}

	.hdr-search-form .inputbox {
		-webkit-border-radius: 0;
		border-radius: 0;
		font-weight: 300;
		height: 33px;
		line-height: 33px;
		width: 233px;
	}

	#user-nav {
		float: left;
		margin-left: -5px;
	}

	#user-nav li {
		margin: 0 5px 0 0;
	}

	#user-nav .share-links {
		width:284px;
		padding:5px 0;
	}

	#user-nav .share-links li {
		float: left;
		margin: 0;
	}

	#user-nav .share-links li a {
		padding: 3px 5px 3px 22px;
		margin-left: 2px;
	}

	#user-nav .share-links li.email a {
		padding: 3px 5px 3px 26px; 
	}

	#user-nav .share-links li a span {
		left: 2px;
	}

	.sub-nav-trigger {
		border-top: 3px solid #ADBAC9;
		cursor: pointer;
		font-size: 80%;
		font-weight: 400;
		padding: 10px 0;
		position: relative;
	}

	.sub-nav-trigger span {
		background: url('../images/sprite.png') no-repeat -80px -42px;
		height: 18px;
		position: absolute;
		right: -4px;
    	top: 6px;
		width:20px;
	}

	.triggered .sub-nav-trigger span {
		background-position: -53px -42px;
	}

	.sub-nav-trigger:hover span {
		background-position: -80px -40px;
	}


	.triggered .sub-nav-trigger:hover span {
		background-position: -53px -44px;
	}

	.sub-nav li a {
		background: #fff;
		color: #415B80;
		display: block;
		font-size: 80%;
	    font-weight: 200;
	    padding: 8px;
	}
	
	.sub-nav li a:hover {
		background: #d7e4ec;
	}

	.sub-nav li.nav-path-selected a {
		font-weight: 600;
	}

	.sidebar, .main, .section_landing .main, .default .main {
		left: 0;
		margin: 0;
		width: 100%;
	}

	.sidebar {
		margin: 10px 0 0;
	}

	.article .main a.img-wrapper {
		margin: 0 50% 10px 0;
		width:50%;
	}

	div.thumbnail-image {
		margin: 0 50% 10px 0;
		width:100%;
	}

	.article .main div.thumbnail-image a.img-wrapper {
		float: none;
	}

	div.thumbnail-image a img {
		display: block;
	}

	.default .content-body p.list-item-decription {
		display: none;
	}

	.homepage-feature.feature-1 {
		margin:  20px 0 10px;
	}

	.homepage-feature h2, .homepage-feature p {
		padding-right: 40px;
	}

	.timeline-list li {
		height: 43px;
		padding: 9px 0 9px;
	}

	.timeline-list div.thumbnail {
	    height: 85px;
	    position: absolute;
	    right: -80px;
	    top: 1px;
	    width: 67px;
	}

	.timeline-list div.dots {
		background:url(../images/sprite.png) no-repeat -5px -300px;
		height: 80px;
		top:14px;
		left: -23px;
	}

	.timeline-list a:hover div.dots {
		background:url(../images/sprite.png) no-repeat -33px -300px;
	}

	.timeline-list li.last-item div.dots {
		background:url(../images/sprite.png) no-repeat -60px -300px;
	}

	.timeline-list li.last-item a:hover div.dots {
		background:url(../images/sprite.png) no-repeat -90px -300px;
	}

	div.image-container {
		height: auto;
		width: 50%;
	}

	.article div.image-container {
		height: auto;
		width: 100%;
	}

	a.fancybox {
		height: auto;
		width: 50%;
	}

	.article .sidebar {
		display: none;
	}

	.sidebar img {
		height: auto;
		width:100%;
	}

	.article .main a.img-wrapper img {
		height: auto;
		max-width: 100%;
	}

	.formblock input.submit {
		float: left;
	}

	#ajax-pages {
		padding-top: 0;
	}

	.page-list-filters {
	    left: 0;
	    position: relative;
	    width: 100%;
	}
	
	#current-search {
	    left: 0;
	    margin: 20px 0;
	    position: relative;
	}

	#current-search strong, .search-archive strong {
		border: none;
		margin: 0;
	}

	.content-body p.no-results {
		font-size: 90%;
	    width: 100%;
	}

	.ftr-info {
		width: 100%;
		margin: 10px 0;
	}

	.content-body .ajax-list tr, .content-body .ajax-list tr:nth-child(odd) {
	    background-color: #fff;
	    border-top: 1px solid #adbac9;
	}

	.content-body .ajax-list tr:hover {
		background:#e9eff2;
	}

	.content-body .ajax-list tr.footable-row-detail {
	    border-top: none;
	}

	.content-body table {
	    border-bottom: 1px solid #adbac9;
	}

	.ari-table-data table {
		border-bottom: 2px solid #cddee7;
		font-size: 80%;
		width:100%;
	}

	.content-body .ari-table-data table th, .content-body .ari-table-data table td {
		font-size: 100%;
		padding: 5px;
		white-space: normal;
	}

	.content-body #oi-pager li {
		flex: none;
		padding: 0 2px;
	}

	.content-body #oi-pager li.oi-pager-prev,
	.content-body #oi-pager li.oi-pager-next,
	.content-body #oi-pager li.oi-pager-prev:before {
		width: auto;
		padding: 0 5px;
	}

}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.hdr-search-form .inputbox {
		width: 353px;
	}

	.subject-list li a {
		height:190px;
		width:190px;
	}

	.subject-list li.even-item a {
		margin: 0 0 17px 0; 
	}

	.subject-list li a div.list-item-details {
		width: 184px;
	}

	.homepage-feature {
		margin: 0 0 10px;
		width: 420px;
	}

	.timeline-list {
		border-bottom: 2px solid #cddee7;
		margin: 0 0 40px 23px;
    	width: 293px;
	}

	.field input, .field textarea {
		float: left;
		width: 378px;
	}

	.field select {
		float: left;
		width: 400px;
	}

	div.selector {
		width: 388px!important;
	}

	div.selector span {
		background-position: -600px -10px;
		width: 380px !important;
	}

	div.selector.hover.active.focus {
	  background-position: -500px -109px;
	}

	div.selector span {
		background-position: -600px -10px;
		width: 380px !important;
	}

	div.selector.hover span, div.selector.focus span, div.selector.hover.active span, div.selector.focus.active span {
		background-position: -600px -43px;
	}

	.archive-search input[type="text"], .page-list-filter span.list-label {
		width:388px;
	}

	.page-list-filter ul {
		width: 398px;
	}

}
/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

	#hdr-logo {
		width: 250px;
	}

	.subject-list li a {
		height:130px;
		width:130px;
	}

	.subject-list li.even-item a {
		margin: 0 0 17px 0; 
	}

	.subject-list li a div.list-item-details {
		width: 124px;
	}

	.homepage-feature {
		margin: 0 0 10px;
		width: 300px;
	}

	.timeline-list {
		border-bottom: 2px solid #cddee7;
		margin: 0 0 40px 23px;
    	width: 177px;
	}

	.field input, .field textarea {
		float: left;
		width: 258px;
	}

	.field select {
		float: left;
		width: 280px;
	}

	div.selector {
		width: 267px!important;
	}

	div.selector span {
		background-position: -721px -10px;
		width: 247px!important;
	}

	div.selector.hover.active.focus {
	  background-position: -500px -109px;
	}

	div.selector.hover span, div.selector.focus span, div.selector.hover.active span, div.selector.focus.active span {
		background-position: -721px -43px;
	}

	.archive-search input[type="text"], .page-list-filter span.list-label {
		width:268px;
	}

	.page-list-filter ul {
		width: 278px;
	}

	.hdr-search-form {
		top: ;
	    width: ;
	}

}

