@font-face{
	font-family:"Univers W02";
	src:url("/Frontend/fonts/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix");
	src:url("/Frontend/fonts/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix") format("eot"),url("/Frontend/fonts/47a5b741-405e-4d03-ba4a-e50cc7716ddf.woff") format("woff"),
		url("/Frontend/fonts/6ef60ba5-712c-4ea5-9e57-0242591afed0.ttf") format("truetype"),
		url("/Frontend/fonts/ae2bbb03-6095-4a28-a333-555527bde8f6.svg#ae2bbb03-6095-4a28-a333-555527bde8f6") format("svg");
	font-weight: 200;
	font-style: Regular;
}

@font-face{
	font-family:"Trump Gothic W01 East";
	src:url("/Frontend/fonts/9c5b4b3f-9311-4641-a026-0ce8e4fb7f0c.eot?#iefix");
	src:url("/Frontend/fonts/9c5b4b3f-9311-4641-a026-0ce8e4fb7f0c.eot?#iefix") format("eot"),
		url("/Frontend/fonts/f99ec972-ac10-48fc-aa6d-356917d942a3.woff") format("woff"),
		url("/Frontend/fonts/e04e9782-7e95-460d-88ad-f9b28a8194f6.ttf") format("truetype"),
		url("/Frontend/fonts/188e1a04-bcbe-406d-b3c1-c37addf7c26f.svg#188e1a04-bcbe-406d-b3c1-c37addf7c26f") format("svg");
	font-weight: 500;
	font-style: normal;
}


/* GENERAL */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

body, #wrapper {
	background-color: #fff;
}

sup {
	text-transform: lowercase;
}

strong {
	font-weight: bold;
}

em{
	font-style:italic;
}
.at-left{
	float:left!important;
}
.at-right{
	float:right!important;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
	text-decoration: none;
	color: #004A93;
}	

a:hover {
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-ms-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;

	text-decoration: underline;
}

a.btn {
	display: block;
	padding: 12px 0;
	margin: 12px 0;
	text-align: center;
	font: normal 30px/30px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
}

a.btn:link,
a.btn:visited,
a.btn:active,
a.btn:focus {
	color: #fff;
}

a.btn:hover {
	background-color: #33a6df;
	text-decoration: none;
}

a.blue-btn {
	background: #004a93;
	border-bottom: 1px solid #fff; 
	box-shadow: 0 4px 0 0 #54647e;
}

.text-warning {
    background-color: rgba(233,79,52, 0.7);
    border: 1px solid rgb(233,79,52);
    color: white;
    font-weight: bold;
    padding: 10px;
}
a.register:hover {
	text-decoration: none;
}

p:first-child {
	margin-top: 0;
}

h1 {
	text-transform: uppercase;
}

/************************
*         TABLES        *
*************************/
#content table td {
	vertical-align: middle;
	padding: 3px;
	border: #eee solid 1px;
}

#content table tr:nth-of-type(odd) {
	background-color: #fafafa;
}

#content table td p,
#content table td li {
	margin: 0;
}

/************
*  WRAPPERS  *
************/
#wrapper {
	/*max-width: 1600px;*/
	margin: 0 auto;
	position: relative;
}
.hp #main-wrapper{
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

/*************
*  MASONRY   *
*************/
.hp #content {
	margin: -450px auto 0;
	position: relative;
	/*padding: 18px;*/
}
/*************
*  MASONRY   *
*************/
.msr-item {
	word-wrap: break-word;
}
.hasMore {
	padding-bottom: 46px;
}

.msr-item.w1 .inner-box {
	width: 290px;
	margin: 5px;
}

.msr-item.w2 .inner-box {
	width: 590px;
	margin: 5px;
}

.msr-item.w3 .inner-box {
	width: 100%;
	margin: 5px;
}

.theme-page .msr-item{
    margin:5px 1% 5px 0px;
}
.theme-page .msr-item p{
	margin-top:5px;
}

.theme-page .msr-item.w1{
	width: 32.2%;
    min-width:184px;
}

.theme-page .msr-item.w2{
	width: 65.48%;
    min-width:380px;
}

.theme-page .msr-item.w3{
	width: 98.8%;
}
.theme-page .msr-item .inner-box{
    width:auto;
    margin:0px;
}
  
/************
*     LOG IN     *
************/
#AccountNav a {									
	font: normal 24px/24px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #bbdfec;
	background-color: rgba(11, 140, 185,.89);
	display: block;
	padding: 11px 28px;
}
	
	.oldie #AccountNav a {
		background-color: rgb(11, 140, 185);
	}
	
#AccountNav a:hover {
	color: #fff;
}

#AccountNav a {
	padding-left: 158px;
	position: relative;
}

.menu.desktop {
	background-color: rgba(11, 140, 185,.89);
	font-size: 24px;
	font-family: "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	padding: 11px 28px 11px 60px;
	display: block;
	position:absolute;
	top: 12px;
	right: 24px;
	z-index: 1;
}

	.oldie .menu.desktop {
		background-color: rgb(11, 140, 185);
	}

.menu:link,
.menu:visited,
.menu:active,
.menu:focus {
	color: #fff;
}

.menu:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(0, 74, 147, 0.89);
}

.mm-trigger {
	text-decoration: none;
}

.desktop {
	margin: 0;
}

.desktop .ico {
	position: absolute;
	left: 23px;
	top: 50%;
	margin-top: -13px;
	background: transparent url('../Images/Design/user-white.png') no-repeat 0 0;
	width: 24px;
	height: 25px;
}

.oldie .not-desktop,
.oldie .ul-nav {
	display:none;
}

.oldie .inner-box .ul-nav {
	display: block;
}

.oldie .header-inner h1 span {
	text-indent: -99999px;
}


/***********
*	   HEADER	*
***********/
.header-inner {
	position: relative;
	clear: none;
	z-index: 0;
	height: 266px;
}

.hp .header-inner {
	height: auto;
}

.header-inner h1 {
	position: absolute;
	top: 0;
	left: 0;
 	right: 0;
	bottom: 0;
	z-index: 1;
	padding:24px 0 0 40px;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 228px, rgba(255,255,255,0) 38%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(252px,rgba(255,255,255,1)), color-stop(228px,rgba(255,255,255,1)), color-stop(38%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );







}

.header-inner h1 span {
	height: 0;
	line-height: 0;
	color: transparent;
	display: block;
}

#epca {
	margin: 24px 0 12px;
	position: absolute;
	top: 12px;
	left: 48px;
	z-index: 1;
	margin: 0;
}

#chemistry {
	margin-top: 12px;
	position: absolute;
	top: 84px;
	left: 57px;
	z-index: 1;
	margin-top: 12px;
}

/***************************************************************************
********************************   STANDARD PAGE ***************************
***************************************************************************/
.std  .main-content {
	font: normal 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 0 0 12px;
}

/* .std .main-content a:link,
.std .main-content a:visited,
.std .main-content a:hover,
.std .main-content a:active,
.std .main-content a:focus {
	color: #004A93;
} */

.std .abstract {
	background: transparent none;
	padding: 0;
}

.std h1 {
	font: normal 60px/60px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #263746;
	margin: 0 0 15px;
	
}

.std h2 {
	font: normal 42px/50px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #003081;
	margin: 30px 0 15px;
	
}

.std h3 {
	font: normal 30px/36px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #2aa6df;
	margin: 30px 0 15px;
}

.std h4 {
	font: normal 30px/30px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #495f74;
	margin: 30px 0 15px;
}

.std h5 {
	font: normal 24px/24px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #263746;
	margin: 30px 0 15px;
}

.std h6 {
	font: normal 18px/18px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #000000;
	margin: 30px 0 15px;

}

.std #content h2,
.std #content h3,
.std #content h4,
.std #content h5,
.std #content h6 {
	clear: both;
	overflow: hidden;
}

#content .results h2,
#content .results h3,
#content .results h4,
#content .results h5,
#content .results h6,
.std.annual_meeting #content h2,
.std.annual_meeting #content h3,
.std.annual_meeting #content h4,
.std.annual_meeting #content h5,
.std.annual_meeting #content h6,
#content .organisation h2,
#content .organisation h3,
#content .organisation h4,
#content .organisation h5,
#content .organisation h6 {
	clear: none;
}

#content img {
    max-width: 100%;
}

.std .main-content ul,
.std .main-content ol {
	margin: 12px 0 0;
}

/* .std .main-content li {
	overflow: hidden;
} */

.std .main-content ul,
.std .main-content ol {
	margin: 5px 0 5px 30px;
}

.std .main-content li li {
	font-size: .9em;
}


.std .main-content ul > li {
	list-style-position: outside;
	list-style-type: disc;
}

.std .main-content ol  > li {
	list-style-position: outside;
	list-style-type:  decimal;
}

.right {
	float: right;
	margin: 0 0 12px 12px;
}

.left {
	float: left;
	margin: 0 12px 12px 0;
}

.illu-left {
	box-shadow: 1px 0 1px 0 #CCCCCC;
	margin: 0 36px 12px 0;
	padding: 24px;
	float: left;
}

.illu-right {
	box-shadow: -1px 0 1px 0 #CCCCCC;
	margin: 0 0 12px 36px;
	padding: 24px;
	float: right;
}

.std .see-also {
	margin-top: 36px;
	color: #fff;
}

.see-also .inner-box {
	background: #a71680 url(../Images/Design/bg-see-also_v2.png) 0 0 / auto 100% no-repeat;
	padding: 11px 28px;
}
#tinymce .see-also {
	min-width: 550px;
}
.main-content .see-also h2 {
	font: normal 20px/20px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 12px 0;
	padding: 0;
	text-transform: none;
}

.see-also .inner-box ul li {
	list-style: inside disc;
	font: normal 14px/18px 'Univers W02',Arial,Tahoma,sans-serif;
	color:white!important;
}

.see-also a, .see-also a:link, .see-also a:visited,.see-also a:hover, .see-also a:active, .see-also a:focus {
	text-decoration: underline;
	color:white!important;
}

.see-also a:link,
.see-also a:visited,
.see-also a:hover,
.see-also a:active,
.see-also a:focus {
	color: #fff!important;
}
/****************
*	   MASONRY TABLE	*
****************/

.table-masonry{
	display:none;
}
.masonry-tbl{
	margin:10px auto;
	width:100%;
}
.tbl-item{
	width: 290px;
	background-color:rgba(240,240,240,0.6);
	margin:1px 10px 10px 1px;
}

#education .tbl-item{
	width: 290px;
	background-color:rgba(50,50,50,0.6);
	margin:1px 10px 10px 1px;
}

#educationwhite .tbl-item{
	width: 200px;
	height: 450px;
	border: 1px solid #b0c0cc;
	background-color:rgba(255,255,255,0.6);
	margin:1px 10px 10px 1px;
}

#educationblue .tbl-item{
	width: 290px;
	background-color:rgba(100,160,215,0.6);
	margin:1px 10px 10px 1px;
}

#educationgreen .tbl-item{
	width: 370px;
	background-color:rgba(125,195,70,0.6);
	margin:1px 10px 10px 1px;
}

#cell1.tbl-item{
	width: 290px;
	background-color:rgba(255,255,255,0.6);
	margin:1px 10px 10px 1px;
}
.tbl-item .inner-box{
	padding:20px;
}
.tbl-item img{
	max-width:90%;
	margin:5px auto;
}

/****************
*	   BOXES	*
****************/
.inner-box {
	position: relative;

}

.inner-box h2 {
	color: #fff;
	font: normal normal 48px/48px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	/*text-transform:uppercase;*/
	padding: 25px 12px 18px;
	margin: 0;	
}

.inner-box h3 {
	font: normal 24px/24px 'Univers W02',Arial,Tahoma,sans-serif;
	margin-bottom: 10px;
	color: #fff;
}

.head-publication {
	font-family: "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	font-size: 24px;
}

.theme-box > div {
	clear: left;
	padding: 19px 12px;
}

.inner-box .theme-box {
	margin-top: 24px;
}

.inner-box h2 +.theme-box {
	margin-top: 0;	/*prevent padding-top if after a H2*/
}

.inner-box .theme-box > div:first-child {
	border: 0;
	box-shadow: none; 
	padding-top: 0;
}

.supply-chain .theme-box > div {
	border-top: 1px solid #72a21d;
	box-shadow: 0 -1px 0 0 #a2de36;
}

.education .theme-box > div {
	border-top: 1px solid #f7962d;
	box-shadow: 0 -1px 0 0 #d57001;
}

.dont-miss .theme-box > div {
	border-top: 1px solid #788fb1;
	box-shadow: 0 -1px 0 0 #98adcd;
}

.dont-miss .theme-box .title {
	font: 24px/24px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 0 0 12px;
}

.workshops .theme-box > div,
.library .theme-box > div {
	width: 100%;
}
.library.w2 .theme-box > div {
    clear: none;
    display: block;
    float: left;
    margin: 12px 2%;
    min-height: 200px;
    padding: 0;
    width: 46% !important;
}
.library.w2 .image a img {
    min-height: 160px;
    min-width: 115px;
}

.library.w2 .theme-box > div.video {
    width: 100% !important;
}

.library.w2 .inner-box{
	display:inline-table;
}
.inner-box .image {
	position: relative;
}

.theme-box .image {
	float: left;
	margin: 0px 10px 8px 0;
	position: relative;
	max-width: 100%;
}



a.download {
	display: inline-block;
	position: relative;
	max-width: 358px;
	max-height: 319px;
	overflow: hidden;
}

.overlayer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.4);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


a.download:after {
	content: url(../Images/Design/download.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -24px;
	margin-left: -24px;
}

.descr .play,
.descr .download {
	position: relative;
	display: block;
}

.descr .play > img,
.descr .download > img {
	display: block;
	max-width: 280px;
	max-height: 200px:
}

a.play:after {
	content: url(../Images/Design/play.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -24px;
	margin-left: -24px;
}

.image a img {
	width: 100%;
	height: auto;
	display: block;
}

.theme-box {
	color: #222c36;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 14px;
	line-height: 17px;
}

.theme-box a {
	text-decoration:underline;
}

.theme-box a:link, .theme-box a:visited, .theme-box a:hover, .theme-box a:active,.theme-box a:focus {
	color: #004a93;
}

.theme-box .descr {
	color: #222c36;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 14px;
	line-height: 17px;
}

.theme-box p.title {
	font-weight: bold;
	margin-bottom: 6px;
}

body:not(.mce-content-body) .inner-box p.more {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.inner-box p.more a {
	font: normal 14px/14px 'Univers W02',​Arial,​Tahoma,​sans-serif;
	display: inline-block;
	padding: 12px 18px;
}

.inner-box .more a:link,
.inner-box .more a:visited,
.inner-box .more a:hover,
.inner-box .more a:active,
.inner-box .more a:focus {
	color: #fff;
}

.inner-box .more a:hover {
	text-decoration:underline;
}

.supply-chain .more a {background-color: #009e59;}
.education .more a {background-color: #e7411b;}
.diversity .more a {background-color: #e74124;}

.focus-meeting .more a {background-color: #e83181;}
.focus-workshop .more a { background-color: #33A6DF;}
.faqs .more a,
.workshops .more a,
.library .more a {background-color: #191919;}


/*****************
*  BOX 1 - EPCA  *
*****************/
.presentation .inner-box {
    background: url(../Images/Design/hp-block-bg.jpg) no-repeat rgb(255,255,255);
    padding: 0 24px 0 48px;
    min-height: 340px;
    color: #004A93;
    font-family: 'Univers W02';
    font-size: 18px;
    background-size:cover;
}

	.oldie .presentation .inner-box {
		background: url(../Images/Design/ribbons.png) -762px -321px no-repeat rgb(255,255,255);
	}

.div-nav .inner-box {
	margin-top: 0px;
}

.presentation h2 {
    color: #004A93;
    font-size:48px;
    padding-top: 48px;
}


.presentation .ul-presentation {
	padding: 0 0 0 30px;
}

.presentation .ul-presentation li {
	list-style: disc;
	margin: 24px 0 0;
}

.presentation .ul-presentation li:first-child {
	margin: 0;
}


/***********
**BOX NAV***
***********/
#NavigationSideBar,
#AccountNav {
	padding: 0;
	font-family: "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
}

.div-nav {
	font-family: "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
}

.div-nav .ul-nav {
	background-color: transparent;
}


.div-nav .ul-nav li {
	margin: 0;
	background-color: rgba(0, 74, 147,.89);
}

	.oldie .div-nav .ul-nav li {
		background-color: rgb(0, 74, 147);
	}

.div-nav .ul-nav li {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}

.div-nav .ul-nav li a {
	vertical-align: middle;
	display: table-cell;
	padding-left: 25px;
	padding-right: 25px;
}

.div-nav .ul-nav li a:link,
.div-nav .ul-nav li a:visited,
.div-nav .ul-nav li a:hover,
.div-nav .ul-nav li a:active,
.div-nav .ul-nav li a:focus {
	color: #fff;
}

.div-nav .ul-nav li a:hover {
	background-color: #33a6df;
	text-decoration: none;
}

.div-nav .ul-nav li.on > a {
	background-color: #33a6df;
}

.theme-box .descr img{
	margin-bottom:10px;
}

/***********************
*  BOX download link      *
***********************/
.box-download-link, a.box-download-link:link, a.box-download-link:visited, a.box-download-link:hover, a.box-download-link:active, a.box-download-link:focus{
	padding:10px;
	text-decoration:none;
	font:24px/24px "Univers W02",Arial,Tahoma,sans-serif;
	color: white !important;
}

/***********************
*  BOX Theme blue      *
***********************/
.box-blue .inner-box {
	background-color: rgba(0, 74, 147, 0.89);
	text-align:center;
	padding:0;
}
.box-blue .inner-box p, .box-blue .inner-box h3, .box-blue .inner-box h4, .box-blue .inner-box a{
	text-align:center;
}
.box-blue .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-blue .more a {
    background-color: rgb(11, 140, 185);
}
.box-blue p, .box-blue a,.box-blue a:link, .box-blue a:visited, .box-blue a:hover, .box-blue a:active, .box-blue a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-blue p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme ocean blue      *
***********************/
.box-ocean-blue .inner-box {
	background-color: rgba(11, 140, 185, 0.89);
	text-align:center;
	display:inline-block;
	padding:0;
}
.box-ocean-blue .inner-box p, .box-ocean-blue .inner-box h3, .box-ocean-blue .inner-box h4, .box-ocean-blue .inner-box a{
	text-align:center;
}
.box-ocean-blue .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-ocean-blue .more a {
    background-color: #33a6df;
}
.box-ocean-blue p, .box-ocean-blue a,.box-ocean-blue a:link, .box-ocean-blue a:visited, .box-ocean-blue a:hover, .box-ocean-blue a:active, .box-ocean-blue a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-ocean-blue p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme sky blue      *
***********************/
.box-sky-blue .inner-box {
	background-color: rgba(51, 166, 223, 0.89);
	text-align:center;
	display:inline-block;
	padding:0;
}
.box-sky-blue .inner-box p, .box-sky-blue .inner-box h3, .box-sky-blue .inner-box h4, .box-sky-blue .inner-box a{
	text-align:center;
}
.box-sky-blue .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-sky-blue .more a {
    background-color: #33a6df;
}
.box-sky-blue p, .box-sky-blue a,.box-sky-blue a:link, .box-sky-blue a:visited, .box-sky-blue a:hover, .box-sky-blue a:active, .box-sky-blue a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-sky-blue p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme yellow      *
***********************/
.box-yellow .inner-box {
	background-color: rgba(248, 173, 7, 0.89);
	text-align:center;
	display:inline-block;
	padding:0;
}
.box-yellow .inner-box p, .box-yellow .inner-box h3, .box-yellow .inner-box h4, .box-yellow .inner-box a{
	text-align:center;
}
.box-yellow .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-yellow .more a {
    background-color: rgb(239, 125, 0);
}
.box-yellow p, .box-yellow a,.box-yellow a:link, .box-yellow a:visited, .box-yellow a:hover, .box-yellow a:active, .box-yellow a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-yellow p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme orange      *
***********************/
.box-orange .inner-box {
	background-color: rgba(239, 125, 0, 0.89);
	text-align:center;
	display:inline-block;
	padding:0;
}
.box-orange .inner-box p, .box-orange .inner-box h3, .box-orange .inner-box h4, .box-orange .inner-box a{
	text-align:center;
}
.box-orange .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-orange .more a {
    background-color: #e7411b;
}
.box-orange p, .box-orange a,.box-orange a:link, .box-orange a:visited, .box-orange a:hover, .box-orange a:active, .box-orange a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-orange p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme green *
***********************/
.box-green .inner-box {
	background-color:rgba(0,158,89, 0.89);
	text-align:center;
	padding:0;
}
.box-green .inner-box p, .box-green .inner-box h3, .box-green .inner-box h4, .box-green .inner-box a{
	text-align:center;
}
.box-green .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-green .more a {
    background-color: rgb(134, 188, 37);
}
.box-green p, .box-green a,.box-green a:link, .box-green a:visited, .box-green a:hover, .box-green a:active, .box-green a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-green p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme lime green *
***********************/
.box-lime-green .inner-box {
	background-color:rgba(134, 188, 37, 0.89);
	text-align:center;
	padding:0;
}
.box-lime-green .inner-box p, .box-lime-green .inner-box h3, .box-lime-green .inner-box h4, .box-lime-green .inner-box a{
	text-align:center;
}
.box-lime-green .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-lime-green .more a {
    background-color: #009e59;
}
.box-lime-green p, .box-lime-green a,.box-lime-green a:link, .box-lime-reen a:visited, .box-lime-green a:hover, .box-lime-green a:active, .box-lime-green a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-lime-green p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme mint green *
***********************/
.box-mint-green .inner-box {
	background-color:rgba(100,174,140, 0.89);
	text-align:center;
	padding:0;
}
.box-mint-green .inner-box p, .box-mint-green .inner-box h3, .box-mint-green .inner-box h4, .box-mint-green .inner-box a{
	text-align:center;
}
.box-mint-green .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-mint-green .more a {
    background-color: #009e59;
}
.box-mint-green p, .box-mint-green a,.box-mint-green a:link, .box-mint-reen a:visited, .box-mint-green a:hover, .box-mint-green a:active, .box-mint-green a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-mint-green p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme pink *
***********************/
.box-pink .inner-box {
	background-color: rgba(232, 49, 129, 0.89);
	text-align:center;
	padding:0;
}
.box-pink .inner-box p, .box-pink .inner-box h3, .box-pink .inner-box h4, .box-pink .inner-box a{
	text-align:center;
}
.box-pink .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-pink .more a {
    background-color: rgb(167, 22, 128);
}
.box-pink p, .box-pink a,.box-pink a:link, .box-pink a:visited, .box-pink a:hover, .box-pink a:active, .box-pink a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-pink p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme purple *
***********************/
.box-purple .inner-box {
	background-color: rgba(167, 22, 128, 0.89);
	text-align:center;
	padding:0;
}
.box-purple .inner-box p, .box-purple .inner-box h3, .box-purple .inner-box h4, .box-purple .inner-box a{
	text-align:center;
}
.box-purple .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-purple .more a {
    background-color: rgb(232, 49, 129);
}
.box-purple p, .box-purple a,.box-purple a:link, .box-purple a:visited, .box-purple a:hover, .box-purple a:active, .box-purple a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-purple p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme red *
***********************/
.box-red .inner-box {
	background-color: rgba(231, 65, 36, 0.89);
	text-align:center;
	padding:0;
}
.box-red .inner-box p, .box-red .inner-box h3, .box-red .inner-box h4, .box-red .inner-box a{
	text-align:center;
}
.box-red .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-red .more a {
    background-color: rgb(182, 22, 21);
}
.box-red p, .box-red a,.box-red a:link, .box-red a:visited, .box-red a:hover, .box-red a:active, .box-red a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-red p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme deep red *
***********************/
.box-deep-red .inner-box {
	background-color: rgba(182, 22, 21, 0.89);
	text-align:center;
	padding:0;
}
.box-deep-red .inner-box p, .box-deep-red .inner-box h3, .box-deep-red .inner-box h4, .box-deep-red .inner-box a{
	text-align:center;
}
.box-deep-red .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-deep-red .more a {
    background-color: rgb(231, 65, 36);
}
.box-deep-red p, .box-deep-red a,.box-deep-red a:link, .box-deep-red a:visited, .box-deep-red a:hover, .box-deep-red a:active, .box-deep-red a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-deep-red p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme gray *
***********************/
.box-gray .inner-box {
	background-color: rgba(147, 167, 198, 0.89);
	text-align:center;
	padding:0;
}
.box-gray .inner-box p, .box-gray .inner-box h3, .box-gray .inner-box h4, .box-gray .inner-box a{
	text-align:center;
}
.box-gray .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding:25px 12px 18px;
}
.box-gray .more a {
    background-color: rgb(98, 112, 135);
}
.box-gray p, .box-gray a,.box-gray a:link, .box-gray a:visited, .box-gray a:hover, .box-gray a:active, .box-gray a:focus {
	color:white;
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-gray p {
	margin:10px 0px 10px 0px;
}
/***********************
*  BOX Theme white *
***********************/
.box-white .inner-box {
	background-color: rgba(240, 240, 240, 0.89);
	text-align:center;
	padding:0;
	border: 1px solid #b0c0cc;
}
.box-white .inner-box p, .box-white .inner-box h3, .box-white .inner-box h4, .box-white .inner-box a{
	text-align:center;
}
.box-white .inner-box h3{
	font:33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	color:rgb(100, 100, 100);
	padding:25px 12px 18px;
}
.box-white .more a {
    background-color: rgb(167, 22, 128);
}
.box-white p, .box-white a,.box-white a:link, .box-white a:visited, .box-white a:hover, .box-white a:active, .box-white a:focus {
	color:rgb(100, 100, 100);
	font:14px/21px "Univers W02",Arial,Tahoma,sans-serif;
}
.box-white p {
	margin:10px 0px 10px 0px;
}
/********************
*  BOX FOCUS-EVENT  *
********************/
.focus-meeting .inner-box {
	padding: 0;
	background-color: rgba(167, 22, 128,.89);
}

	.oldie .focus-meeting .inner-box {
		background-color: rgb(167, 22, 128);
	}
.focus-workshop .inner-box {
	padding:0px;
}

.js .event-wrapper {
	display: table;
	height: 100%;	
	width: 100%;	
}

.event-details {
	display: table-cell;
	vertical-align: middle;
	padding: 12px 12px 88px;
	text-align: center;
}

div.focus-workshop .event-details, div.focus-meeting .event-details {
	vertical-align: top;

}

.annual-meeting .event-details {
	padding-bottom: 12px;
}

p.event-title {
	color: #fff;
	font: normal 33px/33px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	margin-bottom: 10px;
	text-transform: uppercase;
}

p.event-date {
	color: #fff;
	font: normal 48px/48px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	margin-bottom: 10px;
	text-transform: uppercase;
}



/* .event-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} */

.annual-meeting .event-wrapper {
	position: static;
}

.event-details p.event-venue {
	color: #fff;
	font: normal 40px/40px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	text-transform: uppercase;
}

.inner-box .event-link a {
	display: block;
	padding: 24px 12px;
	font: normal 28px/28px "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	text-align:center;
}

.js .inner-box .event-link a { 
	position: absolute;
	right: 0; 
	bottom: 0;
	left: 0;
}

.focus-meeting .inner-box .event-link a {
	color: #fff;
	background-color: rgba(232, 49, 129,.89);
	text-align: center;
}

	.oldie .focus-meeting .inner-box .event-link a {
		background-color: rgb(232, 49, 129);
	}

.annual-meeting .inner-box .event-link a {
	position: static;
	display: block;
}

.inner-box .event-link a:after {
	content: url('../Images/Design/user-grey.png');
	margin-left: 5px;
	vertical-align: 0;
}

/******************
*  BOX SUPPLY CHAIN  *
******************/
.supply-chain .inner-box {
	background-color: rgba(134, 188, 37,.89);
}

	.oldie .supply-chain .inner-box {
		background-color: rgb(134, 188, 37);
	}

.supply-chain a:link, .supply-chain a:visited, .supply-chain a:hover, .supply-chain a:active, .supply-chain a:focus {
	color: #fff;
}

.supply-chain .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 14px;
	line-height: 17px;
}

.supply-chain .theme-box a {
	text-decoration:underline;
}

.supply-chain .theme-box a:link, .supply-chain .theme-box a:visited, .supply-chain .theme-box a:hover, .supply-chain .theme-box a:active, .supply-chain .theme-box a:focus {
	color: #fff;
}


/******************
*  BOX EDUCATION  *
******************/
div.education .inner-box {
	background-color: rgba(239, 125, 0,.89);
}

	.oldie div.education .inner-box {
		background-color: rgb(239, 125, 0);
	}

div.education .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 12px 0;
}

div.education .theme-box a {
	text-decoration:underline;
}

div.education .theme-box a:link,
div.education .theme-box a:visited,
div.education .theme-box a:hover,
div.education .theme-box a:active,
div.education .theme-box a:focus {
	color: #fff;
}

/******************
*  BOX DIVERSITY  *
******************/
div.diversity .inner-box {
	background-color: rgba(182, 22, 21,0.89);
}

.oldie div.diversity .inner-box {
	background-color: rgb(182, 22, 21);
}

div.diversity .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 12px 0;
}

div.diversity .theme-box a {
	text-decoration:underline;
}

div.diversity .theme-box a:link,
div.diversity .theme-box a:visited,
div.diversity .theme-box a:hover,
div.diversity .theme-box a:active,
div.diversity .theme-box a:focus {
	color: #fff;
}

/***********************
*  BOX Focus Workshop  *
***********************/
.focus-workshop .inner-box {
	background-color: rgba(11, 140, 185,.89);
}

.oldie .focus-workshop .inner-box {
	background-color: rgb(11, 140, 185);
}

.focus-workshop .inner-box .event-link a {
	color: #fff;
	background-color: rgba(0, 74, 147,.89);
}

.oldie .focus-workshop .inner-box .event-link a {
	background-color: rgb(0, 74, 147);
}

/****************
*  BOX DON'T MISS  *
****************/
.dont-miss .inner-box {
	background-color: rgba(147, 167, 198,.89);
}

	.oldie .dont-miss .inner-box {
		background-color: rgb(147, 167, 198);
	}
.dont-miss .date{
	padding-right: 10px;
}
.calendar p,
.calendar li {
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
}

.dm-time,
.dm-desc {
	display: inline;
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	color: #fff;
}

.dm-time {
	padding-right: 9px;
	margin-right: 5px;
	font-weight: bold;
}

.dm-time {
	border-right: 1px solid #fff;
}


.dm-desc a:link, 
.dm-desc a:visited, 
.dm-desc a:hover, 
.dm-desc a:active, 
.dm-desc a:focus {
	color: #fff;
	text-decoration:underline;
} 

.social {
	min-height: 65px;
}

.ul-social {
	float: right;
}

.ul-social .li-social {
	display: inline-block;
	vertical-align: middle;
}

.p-social {
	float: left;
	width: 390px;
	padding: 0 36px 0 0;
}

/***************
*  BOX MEETINGS  *
***************/
div.meetings .inner-box {
	background-color: rgba(167, 22, 128,.94);
	font-family: "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	padding: 0;
}

	.oldie div.meetings .inner-box {
		background-color: rgb(167, 22, 128);	
	}

div.meetings .event-details {
	margin: 0 25px 12px;
}

div.meetings .theme-box p,
div.meetings .theme-box span,
div.meetings .theme-box li {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
}

div.meetings .theme-box a {
	text-decoration:underline;
}

div.meetings .theme-box a:link,
div.meetings .theme-box a:visited,
div.meetings .theme-box a:hover,
div.meetings .theme-box a:active,
div.meetings .theme-box a:focus {
	color: #fff;
}

.annual_meeting .focus-meeting .inner-box {
	padding: 0 12px 93px;
}

.annual_meeting .focus-meeting .inner-box .event-link {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}

/****************
*  BOX WORKSHOPS  *
****************/
.workshops .inner-box {
	background-color:  rgba(234, 218, 197,.89);
}

	.oldie .workshops .inner-box {
		background-color:  rgb(234, 218, 197);
	}

.workshops .inner-box h2 {
	color: #263746;
}
.workshops .inner-box p.no-items{
	text-align:center;
}
.workshop-item {
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
}

.workshop-date {
	color: #495f74;
}

.workshop-title {
	font-weight: bold;
	margin: 4px 0;
	line-height: 17px;
}

.workshop-venue {
	color: #495f74;
	font-style: italic;
}

/*******************
***** BOX FAQ  ******
*******************/
.faqs .inner-box {
	background-color:  rgba(234, 218, 197,.89);
}

	.oldie .faqs .inner-box {
		background-color:  rgb(234, 218, 197);
	}

.faqs .inner-box h2 {
	color: #263746;
}

.ul-faq {
	padding: 0 25px;
}

.faq-item a {
	line-height: 17px;
	display: block;
	padding: 0 0 0 48px;
	min-height: 32px;
	background: transparent url(../Images/Design/question-mark.png) no-repeat 3px 0;
	margin: 0 0 25px;
}

.faq-item a:link, .faq-item a:visited, .faq-item a:hover, .faq-item a:active, .faq-item a:focus {
	color: #004a93;
	text-decoration: underline;
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
}



/*******************
*   BOX PUBLICATIONS    *
********************/
.library .inner-box {
	background-color:  rgba(234, 218, 197,.89);
}

	.oldie .library .inner-box {
		background-color:  rgb(234, 218, 197);
	}

.library .inner-box h2 {
	color: #263746;
}

.pub-item {
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	padding: 12px 25px; 
}

.pub-date {
	color: #495f74;
}

.library h3 {
	font-weight: bold;
	margin: 0 0 4px;
	color: #000;
	font-size: 13px;
	line-height: 18px;
}

.pub-desc {
	line-height: 17px;
}

.p-pub a:link, .p-pub a:visited, .p-pub a:hover, .p-pub a:active, .p-pub a:focus {
	color: #004a93;
	text-decoration: underline;
	font-family:'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
}


/******************
*  BOX TEASER  *
******************/
div.teaser .inner-box {
    background-color: rgba(234, 218, 197,.89);
}

.oldie div.teaser .inner-box {
    background-color: rgba(234, 218, 197);
}

.teaser blockquote {
    position: relative;
    width: 39%;
    float: left;
    padding: 30px 10px 50px 10px;
    background-color: transparent;
    background-image: url(../Images/Design/quote-big-left.png), url(../Images/Design/quote-big-right.png);
    background-position: 15px 20px, calc(100% - 15px) calc(100% - 30px);
    background-repeat: no-repeat, no-repeat;
    background-size: 25px auto, 25px auto;
    font: italic normal 22px/24px 'Univers W02',Arial,Tahoma,sans-serif;
    text-align: center;
}

.teaser-quote__author {
    position: relative;
    float: right;
    width: 59%;
    margin: 0;
    margin: 0 0 0 2%;
    padding: 6px 6px 12px 0;
    text-align: center;
}

.teaser-quote__author__img-wrapper img {
    display: block;    
    width: 100%;
    margin-right: auto;
    margin-left: auto;    
}

.teaser .author {
    padding: 6px 0 0 0;
    font: italic bold 13px/22px 'Univers W02',Arial,Tahoma,sans-serif;    
}

.teaser .more {
    right: auto !important;
    left: 0 !important;
}

.teaser .more a {
    display: block;
    padding: 18px;
    background-color: rgba(0, 74, 147,.89);
    color: #fff;
    font: normal 14px/20px 'Univers W02',​Arial,​Tahoma,​sans-serif;
    text-align: center;
}

/**************
*   FOOTER    *
**************/
.div-footer {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
}

	.oldie .div-footer {
		background: #191919;
		min-height: 87px;
		padding: 24px 39px 24px 32px;
		clear: both;
	}

.footer {
	width: 100%;
	padding: 24px 39px 24px 32px;
	font-family: "Trump Gothic W01 East",Arial,Tahoma,sans-serif;
	background-color: #191919;
	margin-top: 18px;
}

.nav-footer {
	float: left;
}

.nav-footer li {
	display: inline-block;
	height: 49px;
	margin: 0 0 0 44px;
}

.nav-footer li:first-child {
	margin: 0;
}

.nav-footer li a {
	color: #fff;
	display: inline-block;
	height: 49px;	
	line-height: 49px;	
	font-size: 24px;
	text-decoration: underline;
}

.ul-social-footer {
	float: right;
}

.ul-social-footer li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 12px;
}

.ul-social-footer li a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 49px;
	width: 49px;
	background-color: #fff;
	border-radius: 25px;
}

.ul-social-footer li a img {
	vertical-align: -22px;
}

.ul-social-footer:first-child {
	margin: 0;
}

.li-social-footer a {
	display: inline-block;
	height: 49px;
}





/***************************************************************************
*******************************   SUBLEVEL  ********************************
***************************************************************************/

/**************
*   BANNER    *
**************/
.std .header-inner {
	background: #fff url(../Images/Design/banner-subpage_v2.png) 100% 0 no-repeat;
}

.petro .header-inner {
	background: #fff url(../Images/Design/banner-petro.png) 100% 0 no-repeat;
}

.history .header-inner {
	background: #fff url(../Images/Design/banner-history.png) 100% 0 no-repeat;
}

.eydc .header-inner {
	background: #fff url(../Images/Design/banner-eydc.png) 100% 0 no-repeat;
}

.eydc2017 .header-inner {
	background: #fff url(../Images/Design/banner-eydc2017.png) 100% 0 no-repeat;
}

.eydc2018 .header-inner {
	background: #fff url(../Images/Design/banner-eydc2018.png) 100% 0 no-repeat;
}

.science .header-inner {
	background: #fff url(../Images/Design/banner-science.png) 100% 0 no-repeat;
}

.chem .header-inner {
	background: #fff url(../Images/Design/banner-chem.png) 100% 0 no-repeat;
}

.std .header-inner {
	padding: 0;
}

.std .header-inner .h1 {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 228px, rgba(255,255,255,0) 38%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(252px,rgba(255,255,255,1)), color-stop(228px,rgba(255,255,255,1)), color-stop(38%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 252px,rgba(255,255,255,1) 228px,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); height:266px; width:100%;
	
}
	

h1 a,
.h1 a {
	display: block;
	width: 260px;
}

h1 a:hover,
.h1 a:hover {
	text-decoration: none;
}

.h1 span {
	height: 0;
	line-height: 0;
	color: transparent;
	display: block;
}

.header-inner h1 .logo-wrapper.not-desktop,
.header-inner .h1 .logo-wrapper.not-desktop {
	display: none;
}

.header-inner h1 .logo-wrapper,
.header-inner .h1 .logo-wrapper {
	display: block;
	margin: 0 auto;
	height: auto;
}



/**************
* NAVIGATION  *
**************/
.std .ul-nav {
	float: left;
	width: 302px;
	margin: 5px 12px 0 0;
}

.std .ul-nav li {
	margin-bottom: 10px;
}

.std .ul-nav li a {
	padding: 17px 25px;
	display: block;
}

.std .ul-nav > .Open > a,
.std .ul-nav > .Open > a:hover {
	background-color: rgba(147, 167, 198,.89);
}

	.oldie .std .ul-nav > .Open > a,
	.oldie .std .ul-nav > .Open > a:hover {
		background-color: rgb(147, 167, 198);
	}

/*********************
*   SUB-NAVIGATION   *
*********************/
.std .ul-sub-nav {
	background-color: #fff;
}

.std .ul-sub-nav li {
	margin: 0;
}

.std .ul-sub-nav li a {
	background-color: #fff;
	text-transform:none;
	padding: 7px 10px;
	border-top: 1px solid #d9e5ee;
}

.std .ul-sub-nav li:first-child a {
	border-top: 0;
	padding-top: 11px;
}

.std .ul-sub-nav li a:link, .std .ul-sub-nav li a:visited, .std .ul-sub-nav li a:hover, .std .ul-sub-nav li a:active, .std .ul-sub-nav li a:focus {
	color: #495f74;
}

.std .ul-sub-nav li a:hover {
	color: #fff;
}

.std .ul-sub-nav li.on a  {
	background: #eadac5 url(../Images/Design/arrow-right.png) no-repeat 97% 50%;
}

.std .ul-sub-nav li.on a:hover {
	color: #495f74;
}

.std .ul-sub-nav li.on a span {
	background-color: #fff;
	display: inline-block;
	padding: 7px 45px 7px 10px;
}

.std .ul-sub-nav li.on a:hover {
	/* color: #495f74; */
}

.std .ul-sub-nav li.on a:hover span {
	background-color: #33a6df;
}


/************************
*   SUB-LEVEL GENERAL   *
*************************/
.std .header {
	margin-bottom: 12px;
}

.std h1 {
	color: #263746;
	font: normal normal 60px/60px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	padding: 12px 0;
}

.std #main-wrapper {
	padding: 0 18px;
	max-width:1600px;
	margin:auto;
}

.std .main-content {
	margin-left: 342px;
}

.std.education .main-content,
.std.supply_chains .main-content, .std.diversity .main-content {
	margin-left: 336px;
}

.std #content {
	margin: 0 auto 36px;
	float: right;
	width: 100%;
}

.std.education #content {
	float: none;
}

.supply_chains.std #content {
	float: none;
    width:auto;
} 
.std.diversity #content {
	float: none;
}

/*******************
*   BOX ABSTRACT   *
*******************/
.abstract .inner-box {
	background-color:  rgba(234, 218, 197,.89);
	padding: 26px 28px;
	margin: 0px;  
}

	.oldie .abstract .inner-box {
		background-color:  rgb(234, 218, 197);
	}

.abstract h1 {
	margin: 0;
}

.abstract p,
.abstract li {
	margin: 0 0 14px;
	font: normal normal 15px/21px 'Univers W02',Arial,Tahoma,sans-serif;
}


/*******************
*     BOX STORY    *
*******************/
body.education .story .inner-box {
	background-color: rgba(239, 125, 0,.89);
}

body.supply_chains .story .inner-box {
	background-color: rgba(11, 140, 185,.89);
}
body.diversity .story .inner-box {
	background-color: rgba(182, 22, 21,.89);
}

	.oldie body.education .story .inner-box {
		background-color: rgb(239, 125, 0);
	}

	.oldie body.supply_chains .story .inner-box {
		background-color: rgb(11, 140, 185);
	}

	.oldie body.diversity .story .inner-box {
		background-color: rgb(182, 22, 21);
	}

.std .story h2 {
	padding-bottom: 12px;
}

body.education .story .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 12px 0;
}
body.education .story .theme-box a:link, body.education .story .theme-box a:visited, body.education .story .theme-box a:hover, body.education .story .theme-box a:active, body.education .story .theme-box a:focus {
	color: #fff;
}

body.supply_chains .story .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
}
body.supply_chains .story .theme-box a:link, body.supply_chains .story .theme-box a:visited, body.supply_chains .story .theme-box a:hover, body.supply_chains .story .theme-box a:active, body.supply_chains .story .theme-box a:focus {
	color: #fff;
}

body.diversity .story .theme-box {
	color: #fff;
	font-family: 'Univers W02',​Arial,​Tahoma,​sans-serif;
	font-size: 13px;
	line-height: 17px;
}
body.diversity .story .theme-box a:link, body.diversity .story .theme-box a:visited, body.diversity .story .theme-box a:hover, body.diversity .story .theme-box a:active, body.diversity .story .theme-box a:focus {
	color: #fff;
}


/***************
*  BOX PHOTOS   *
***************/
.photo .image {
	display: inline-block;
}

.js .photo .image {
	display: block;
}

.photo img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

#content .theme-box .photo img{
	max-width:358px;
}
.photo .inner-box  .media-desc {
	padding: 11px;
	color: ;
}

body.education .photo .inner-box  .media-desc {
	background-color: #d9e5ee;
}

.photo .media-desc p {
	font: normal normal 13px/13px 'Univers W02',Arial,Tahoma,sans-serif;
}

body.supply_chains .photo .inner-box  .media-desc {
	background-color: #d9e5ee;
}

body.diversity .photo .inner-box  .media-desc {
	background-color: #d9e5ee;
}


/***************
*  BOX VIDEOS   *
***************/
/* .video .image {
	margin: 0;
} */

.video img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.video .inner-box  .media-desc {
	padding: 11px;
}

body.education .video .inner-box  .media-desc {
	background-color: #d9e5ee;
}

body.supply_chains .video .inner-box  .media-desc {
	background-color: #d9e5ee;
}

body.diversity .video .inner-box  .media-desc {
	background-color: #d9e5ee;
}

.video .media-desc p {
	font: normal normal 13px/13px 'Univers W02',Arial,Tahoma,sans-serif;
}


/***************
*   BOX QUOTE  *
***************/
.quote .inner-box {
	padding: 24px 40px 37px;
}

body.education  .quote .inner-box {
	background-color: #e7411b;
}

body.supply_chains  .quote .inner-box {
	background-color: rgba(134, 188, 37,.89);
}

	.oldie body.supply_chains  .quote .inner-box {
		background-color: rgb(134, 188, 37);
	}
body.diversity  .quote .inner-box {
	background-color: rgba(231, 65, 36,.89);
}

.quote blockquote:after,
.quote blockquote:before {
	content: url(../Images/Design/quote.png);
}

.quote blockquote:before {
	margin-left: -10px;
}

.quote blockquote:after {
	float: right;
}

.quote  {
	color: #fff;
	font: normal normal 14px/20px 'Univers W02',Arial,Tahoma,sans-serif;
}

.quote blockquote {
	font-style: italic;
}

/**********************
*   BOX USEFUL LINKS  *
**********************/
body.education .useful-links .inner-box {
	background-color:  #eadac5;
}

body.supply_chains .useful-links .inner-box {
	background-color:  #eadac5;
}
body.diversity .useful-links .inner-box {
	background-color:  #eadac5;
}

.useful-links h2 {
	color: #263746;
}

.std .useful-links ul {
	padding: 0 12px 6px 0px;
    margin: 0 12px 6px 36px;
}

.useful-links p,
.useful-links li {
	color: #004a93;
	font: normal normal 14px/14px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 12px 0;
}

.useful-links a {
	color: #004a93;
	text-decoration: underline;
}



/***************
*   BOX LOGO   *
***************/
div.partners > a {
	display: inline-block;
	vertical-align: middle;
	margin: 24px 36px;
}

/*************************
*   ONLY-DESIGN IMAGES   *
*************************/
img[class^="msr-img"] {
	display: block;
	width: 100%;
	max-width: 100%;
}

img.msr-img {
	
}

/***************
*     TABS     *
***************/
.std .main-content .tabs-ul {
	margin: 0;
}

.std .main-content .tabs-ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.std .tabs-ul li a {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 150px;
	padding: 0 20px;
	height: 50px;
	font: normal 13px/13px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #fff;
	
	background: #405468;
	background: -moz-linear-gradient(top,  #405468 0%, #405468 50%, #314151 50%, #314151 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405468), color-stop(50%,#405468), color-stop(50%,#314151), color-stop(100%,#314151));
	background: -webkit-linear-gradient(top,  #405468 0%,#405468 50%,#314151 50%,#314151 100%);
	background: -o-linear-gradient(top,  #405468 0%,#405468 50%,#314151 50%,#314151 100%);
	background: -ms-linear-gradient(top,  #405468 0%,#405468 50%,#314151 50%,#314151 100%);
	background: linear-gradient(to bottom,  #405468 0%,#405468 50%,#314151 50%,#314151 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405468', endColorstr='#314151',GradientType=0 );
	/* background: -moz-radial-gradient(circle, #1a82f7, #2F2727); */

}

.std .tabs-ul li a:link,
.std .tabs-ul li a:hover,
.std .tabs-ul li a:visited,
.std .tabs-ul li a:active,
.std .tabs-ul li a:focus {
	color: #fff;
}

.std .main-content .tabs-ul li.on a {
	background: #eadac5;
	color: #495f74;
}

.std .main-content .tabs-container {
	padding: 32px;
}

.organisation  .tabs-container {
	background: #eadac5;
}

.tab-box h2 {
	font: normal normal 48px/48px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #003081;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.tab-box h3 {
	color: #2aa6df;
	font: normal normal 36px/36px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	margin: 0;
	text-transform: uppercase;
}



.organisation  .group {
	margin: 0;
}

.organisation  .role {
	margin: 0 0 24px;
}

.organisation .tab-box .group:first-child h2 + .role {
	margin-top: 0;
}

.organisation  .name {
	font: normal bold 13px/13px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #3f3f3f;
	margin: 0 0 12px;
}

.main-content .organisation .company {
	font-weight: bold;
}

.organisation  .function {
	font: normal normal 13px/16px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #3f3f3f;
	margin: 0;
}

.organisation  .profile {
	display: inline-block;
	vertical-align:top;
	width: 50%;
	margin: 12px 0 0 -.5%;
	font: normal normal 13px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #3f3f3f;
}


.organisation  .profile-inner > img {
	position: relative;
	float: left;
	margin: 0 21px 0 0;
	width: 100px;
	height: 150px;
}
.organisation  .profile h6 .ico {
	background: #fff url(../Images/Design/arrow-down.png) 90% 50% no-repeat;
	position: absolute;
	right: 8px;
	top: 3px;
	width: 18px;
	height: 18px;
	
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);		
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform:  rotate(0deg);		
	
	-webkit-transform-origin: 50% 50% 0;	
	-moz-transform-origin: 50% 50% 0;	
	-ms-transform-origin: 50% 50% 0;	
	-o-transform-origin: 50% 50% 0;	
	transform-origin: 50% 50% 0;	
	
	
	-webkit-transition: all .40s ease 0s;
	-moz-transition: all .40s ease 0s;
	-ms-transition: all .40s ease 0s;
	-o-transition: all .40s ease 0s;
	transition: all .40s ease 0s;
	
}

.organisation  .profile h6.on .ico {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	
	-webkit-transform-origin: 50% 50% 0;
	-moz-transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;
	-o-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	
	-webkit-transition: all .40s ease 0s;
	-moz-transition: all .40s ease 0s;
	-ms-transition: all .40s ease 0s;
	-o-transition: all .40s ease 0s;
	transition: all .40s ease 0s;
}

.organisation .profile-datas {
	min-height: 150px;	position: relative;
}

.organisation .cv {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.organisation .cv h6 {
	border-radius: 4px;
	padding: 2px 35px 2px 11px;
	background-color: #fff;
}

.js .organisation .cv h6 {
	cursor: pointer;
	position: relative;
	top: -33px;
	left: 120px;
	width: 88px;
	height: 22px;
	margin: 0;
}

.organisation  .cv.on h6 {
	position: static;
}

.organisation  .cv-desc {
	background-color: #fff;
	padding: 22px;
	margin: 0;
	width: 200%;
	position: relative;
}

.organisation  .odd .cv-desc {
	right: 100%;
}

/***********************************
*         Meetings (Page)          *
************************************/
.content {
	border-top: 2px #263746 solid;
	padding: 24px 0 24px;
	margin: 0 0 24px;
}

.content:first-child {
	border-top: 0;
	padding-top: 0;
}

.annual_meeting h1 {
	padding-bottom: 0;
	margin: 0;
}

.annual_meeting .meeting {
	float: left;
	width: 66%;
	margin: 0 6px 6px 0;
}

.meeting h2 {
	color: #004A93!important;
	padding: 12px 0;
}

.annual_meeting .inner-box .inner-box > img {
	display: block;
	width: 100%;
	height: auto;
}

.annual_meeting  .inner-box .p-msr  {
	width: 100%;
} 

.annual_meeting  .inner-box .msr-item {
	width: 45%;
	margin: 3px;
}

.annual_meeting  .inner-box .msr-item.w2 {
	width: 90.7%;
	margin: 3px;
}

.annual_meeting  .inner-box .inner-box {
	width: 100%;
	margin: 0;		
}

.std .main-content .meeting p {
	font: normal 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 0 0 5px;
	margin: 0 0 12px 0;
}

.annual_meeting .focus-meeting {
	float: right;
	width: 33%;
	margin: 0 0 6px 0;
	background-color: rgba(167, 22, 128,.89);
}

	.oldie .annual_meeting .focus-meeting {
		background-color: rgb(167, 22, 128);
	}

.annual_meeting  .focus-meeting h2 {
	padding: 25px 12px 24px;
	margin: 0;
}

.focus-meeting h3 {
	margin-top: 0;
}

.focus-meeting .theme-box {
	font: 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #fff;
}

.annual_meeting .see-also {
	float: left;
	width: 66%;
	margin: 0 6px 0 0;
}

.what-meeting {
	float: right;
	clear: right;
	margin: 0 0 6px 0;
	padding: 12px;
	width: 33%;
	background-color:  rgba(234, 218, 197,.89);
}
#tinymce .what-meeting {
    float: none;
    min-width: 350px !important;
}

.oldie .what-meeting {
	background-color:  rgb(234, 218, 197);
}

.what-meeting .inner-box {
	padding: 25px 12px;
}


.what-meeting h2 {
	padding: 0 0 25px;
	margin: 0;
	color: #000;
}


.msr-item.see-also h2 {
	margin: 15px;
}

.msr-item.see-also ul {
	margin: 0 25px 19px;
}

.msr-item.see-also li {
	list-style: outside disc;
	font: normal 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 0 0 5px;
}


.annual_meeting .workshop .inner-box {
	background: transparent;
}

.annual_meeting .workshop h2 {
	color: #004a93;
	padding: 0;
	margin-bottom: 12px;
}

.annual_meeting .workshop .msr-img-w2 {
	float: left;
	margin: 0 12px 12px 0;
}

.annual_meeting .other-workshops h2 {
	color: #004a93;
	padding: 0;
	margin-bottom:12px;
}

.annual_meeting .other-workshops .theme-box > div {
	border-top: 1px dotted #004a93;
	padding: 12px 0;
}

.annual_meeting .other-workshops .theme-box > div:first-child {
	border-top: 0;
}

.annual_meeting .other-workshops .theme-box p {
	font-size: 14px;
	line-height: 21px;
}


/******************************
*   Publications and videos   *
*******************************/
.publications .abstract p,
.publications .abstract li {
	font: 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
    margin: 0 0 5px
}

.result .image {
	float: left;
	margin: 0px 10px 8px 0;
	position: relative;
}

.search {
	padding: 25px 0;
}

.search h2 {
	font: normal bold 16px/16px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #263746;
	margin: 0 0 12px;
}

.results h3 {
	font: 48px/48px "Trump Gothic W01 East",​Arial,​Tahoma,​sans-serif;
	color: #003081;
	margin-bottom: 48px;
	clear: left;
}

label {
	font: normal 14px/14px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #263746;
	display: inline-block;
}

.search label[for^=all]:after {
	content: "|";
	font-size: 24px;
	margin: 0 36px;
}

.search fieldset {
	margin: 12px 0 24px;
}

	.oldie #content .search fieldset {
		float:left;
		width: 50%;
	}

.search fieldset > label {
	display: block;
	margin: 12px 0 10px;
}

	.oldie #content .search fieldset > label {
		margin: 12px 0 24px;
	}

.search span[id^='cbl'] {
	display: block;
}

.search span[id^='cbl'] label {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin-bottom: 12px;
}

	#cblThemes, #cblTypes {
		margin-top: 12px;
	}

.search span[id^='cbl'] label[for*='_0'] {
	font-weight: bold;
}

	.oldie #content .search input {
		display: block;
		float: left;		
	}

.search input[type=checkbox] {
	display: none;
}

.search input[type=checkbox] + label:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	margin-right: 6px;
	background: #fff url(../Images/Design/unchecked.png) no-repeat 0 0;
}

	.oldie #content .search label {
		background: none;
		vertical-align: 0;
		display: table-cell;
		margin-right: 18px;
	}
	
	.ie7 #content .search label {
		display: block;
	}
	
	.oldie #content .search label:before {
		background: none;
		width: 0;
	}
	
.search input[type=checkbox]:checked + label:before {
	background-image: url(../Images/Design/checked.png);
}

.lt-ie9 form.search label {
	display: inline-block;
}

.search .keywords {
	display: inline-block;
	background: #d9e5ee;
	box-shadow: 1px 1px 2px 2px rgba(170, 191, 207, 1) inset;
}
	
.search .keywords input {
	padding: 12px;
	width: 469px;
	background: transparent;
	border: 0;
}
	
.results {
	max-width: 800px;
}

	.oldie #content .results {
		clear: left;
	}

.results a {
	text-decoration: underline;
}

.results a:link,
.results a:visited,
.results a:hover,
.results a:active,
.results a:focus {
	color: #004a93
}

.result {
	width: 100%;
	padding: 24px;
	font: normal 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #263746;
    position:relative;
    min-height: 160px;
}
.results div.odd
{
    background-color:#EADAC5;
}


.result h4 {
	font: normal 14px/18px 'Univers W02',Arial,Tahoma,sans-serif;
    margin: 0 48px 12px;
}
.result h5 {
    margin:0px;
}
.result .year {
    position: absolute;
    right: 10px;
    top: 20px;
}
.result .keys {
    position: absolute;
    right: 10px;
    bottom: 20px;
}


/*******************************
*       MEMBERS COMPANIES      *
*******************************/
.members .btn {
	display: inline-block;
	padding: 12px 120px;
	margin: 12px 0;
}

#form-members .select {
	display: inline-block;
	vertical-align: middle;
	background: #d9e5ee;
	border: 1px solid #b0c0cc;
	width: 240px;
	overflow: hidden;
	position: relative;
}

#form-members select {
	width: 228px;
	background: #d9e5ee;
	border: 0;
	box-shadow: none;
	cursor: pointer;
}

#form-members .select  label {
	position:relative;
	margin: 0;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#form-members .select  label:after {
    content:url(../Images/Design/arrow-purple-down.png);
	background: #d9e5ee;
    right:0;
	top:0;
    padding: 15px 15px 0 0;
    border: 0;
    position:absolute;
	width: 17px;
	height: 100%;
    pointer-events:none;
}

#form-members .select select option {
	margin: 0;
	padding: 0;
	border: 0;
}

#fieldset-delegate {
	display: inline-block;
	margin-left: 36px;
}

#delegate {
	vertical-align: middle;
}

#form-members label[for='delegate'] {
	display: inline-block;
	vertical-align: middle;
	min-width: 250px;
	max-width: 335px;
	margin: 0 12px;
}

#form-members label[for='delegate']:after {
	content: url(../Images/Design/user-grey.png);
    background-color: rgba(0, 74, 147,.89);
    border-radius: 1px;
    float: right;
    margin: -13px -20px 0 0;
    padding: 3px;
    text-align: left;
}

.main-content .alphabet  ul {
	margin: 24px 0;
}

.main-content .alphabet li {
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 1px solid #f9f4ee;
	height: 46px;
	width: 46px;
	font: normal 28px/46px 'Univers W02',Arial,Tahoma,sans-serif;
	text-align: center;
	margin: 0 0 4px;
	background: #eadac5;
	cursor: pointer;
}

.main-content .alphabet li a,
.main-content .alphabet li span {
	color: #263746;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.main-content .alphabet .atoz {
	width: 96px;
	background: #263746;
}

.main-content .alphabet .atoz a {
	color: #fff;
}

.main-content .alphabet li.letter a:hover  {
	background: #f9f4ee;
	text-decoration: none;
}

.main-content .alphabet li.letter.on a {
	border: inset 1px #f9f4ee;
	background: #f9f4ee;
}

.main-content .alphabet li.disabled {
	opacity: .25;
	background: #f9f4ee;
	cursor: default;
}

.main-content .alphabet .atoz a:hover {
	color: #f9f4ee;
	text-decoration: none;
}

#members-list h3 {
	font: normal 36px/36px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #004a93;
	margin: 12xp 0 0;
}

.member {
	background-color:  rgba(234, 218, 197,.89);
	padding: 12px;
	margin: 12px 0;
}

	.oldie .member {
		background-color:  rgb(234, 218, 197);
	}

.member p.name,
.member p.country,
.member div.member-descr {
	color: #394c5e;
    font: 17px/22px "Univers W02",Arial,Tahoma,sans-serif;
}

.member > p {
	display: inline-block;
	vertical-align: top;	
	
}


.member .country:before {
	content: "|";
	display: inline-block;
	padding: 0 12px;
}

.member .member-descr {
	margin: 0 0 0 36px;
}



/*****************
**** FAQ PAGE ****
*****************/
.answer {
	font: normal 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	margin: 0 0 6px;
}


/*********************
**** CONTACT PAGE ****
*********************/
.std .valid-engine ul {
	margin: 12px 0;
}

.std .valid-engine ul li {
	list-style-type: none;
}

.std .valid-engine ul li input {
	
}

.std .valid-engine ul li .txt-label {
	font: 14px/21px 'Univers W02',Arial,Tahoma,sans-serif;
	color: #263746;
	font-style: italic;
	
}

.std .valid-engine ul li .txt-medium,
.std .valid-engine ul li .area-medium,
.std .valid-engine ul li .txt-label {
	display: block;
	margin: 6px 0;
	width: 600px;
	font-size: 14px;
}

.button-full-size {
	background: #0b8cb9;
	color: #bbdfec;
	padding: 6px;
	font: bold 14px/14px 'Univers W02',Arial,Tahoma,sans-serif;
}

/*temp*/
.navPages {visibility: hidden;}