/*
Theme Name: BWBootstrap
Description: Barnworks Bootstrap theme for CANSO Drupal website
Version: 1.0
Author: P. Huizinga & S. Spykstra @ Barnworks
*/

/* Reset */
/* Handled by reset.css from https://github.com/murtaugh/HTML5-Reset */

/* GENERAL */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus {
	outline: none;
}
html{ /* Temporary for environment identification */
	/*border-top:3px solid #33b3ff;*/
}
*,html,body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: 400;
	line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input {
	font-family: inherit;
	/*-moz-appearance: none;*/ /* 14-07-2017 - disabled to prevent radio buttons not rendering in FF */
}
body {
	background: #F8F8F6;
	color: #666;
}
hr {
	border-style: dotted none none;
}

object{
	margin:0;
	padding:0;
}

/* FONTS */

h1 {
	font-size:32px;
	line-height:32px;
	margin:0 0 20px 0;
	font-weight: 300;
	color: #003366;
	letter-spacing: 0.01em;
}

h2 {
	font-size:28px;
	font-weight: 300;
	margin:0 0 20px 0;
	color: #BBB;
	letter-spacing: 0.01em;
}
h3 a,h3 {
	font-size:18px;
	line-height:22px;
	margin:0 0 20px 0;
	color: #003366;
	letter-spacing: 0.01em;
	text-decoration: none;
}
h3 a:hover {
	color: #003366;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
/*
h2 {
	font-size:22px;
	font-weight: 300;
	margin:0 0 20px 0;
	color: #003366;
	letter-spacing: 0.01em;
}
h3 a,h3 {
	font-size:18px;
	line-height:22px;
	margin:0 0 20px 0;
	color: #BBB;
	letter-spacing: 0.01em;
	text-decoration: none;
}
h3 a:hover {
	color: #003366;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
h4 {
	font-size:16px;
	margin:0 0 20px 0;
	color: #003366;
}
*/
h5 {
	font-size:15px;
	margin:0 0 5px 0;
	color: #003366;
	font-weight: 600;
	
}

.publicationContent h4,
.workgroupHome h4,
.workgroupHome h4,
#tabs-3 h4 {
	margin: 20px 0 5px  0;
}

h4.workGroup {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

p {
	margin:0 0 1em 0;
	color: #555;
	font-size: 14px;
	line-height: 24px;
}

strong {
	font-weight: 600;
}
blockquote p{
	margin: 20px 20px 30px;
	width: 100%;
	color: #003366;
	font-size: 24px;
	line-height: 32px;
	float: left;
	font-weight: 300;
	
}

/* CONTENT LISTS */

.contentBlock ol {
	margin:0 0 1em 18px;
}
.contentBlock ul {
	list-style:disc;
	margin:0 0 1em 18px;
}
.contentBlock ul.attachments  {
	list-style:none;
	margin:0 0 5px 0px;
}
.contentBlock ul ul{
	list-style:circle;
	margin:0 0 0 20px;
}
.contentBlock ul.links.inline{ /* flags */
	list-style:none;
}

/* CONTENT IMAGES */
.contentBlock img{
	margin:10px;
}

/* IMAGE CAPTIONS (JCAPTION MODULE) */

span.caption {
	margin:10px;
	width:auto;
}
span.caption img{
	display:block;
}
span.caption p {
	width:auto;
	font-style:italic;
	margin:10px;
}

/* LINKS */


a, a:visited{
	color:#666;
	text-decoration:underline;
}
a:hover{
	color:#333;
}
*:focus {
	outline: none;
}
.clear{
	clear:both;
}

/* COVER */

.body-cover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    height: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.5s ease 0s, width 0s linear 0.5s, height 0s linear 0.5s;
    width: 0;
	z-index: 20;
}
.body-cover.hover {
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease 0s, width 0s ease 0s, height 0s ease 0s;
    width: 100%;
}

/* SECTIONS */

section {
	width: 100%;
	min-width: 960px;
	padding: 28px 0;
}
.front section.bgWhite {
	background: #FFF;
}
.front section.bgBlue {
}

section.footer {
	background: #022757;
	color: #FFF;
}
.cansobv section.footer {
	background: #555;
	color: #FFF;
}
section.header {
	padding: 0;
}

/* GRID */

.row:before, .row:after {
    content: "";
    display: table;
    line-height: 0;
}
.row   {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.row [class*="span"] /* wildcard, used to detect all elements within .row starting with 'span' */ { 
	float: left;
	background: #FFF;
	position: relative;
	border-right: 1px solid #F8F8F6;
	overflow: hidden;
}
.eventContent .row .span4.aSide,
.mainContent .row .span4.aSide {
	padding: 0;
}
.eventContent .row .span4 > div,
.mainContent .row .span4 > div{
	margin-bottom: 30px;
	background: #F2F2F2;
	padding: 30px;
	overflow: hidden;
}

.eventContent .row .span4 .joinCanso {
	color: #FFF !important;
	background: #000 !important;
}
.eventContent .row .span4 .joinCanso h3 {
	color: #FFF !important;
}

.row.no-overflow {
	overflow: visible;
}
.centered.row {
	max-width: 1180px;
	min-width: 1000px;
	margin: 0 auto;
	clear: both;
}
.row .textCenter{
	text-align: center !important;
}
.span1 {
	width: 8.333333%;
}
.span2{
	width: 16.66666%;
}
.span3{
	width: 25%;
}
.span4{
	width: 33.333333%;
}
.span5{
	width: 41.666666%;
}
.span6{
	width: 50%;
}
.span7{
	width: 58.33333%;
}
.span8{
	width: 66.66666%;
}
.span9{
	width: 75%;
}
.span10{
	width: 83.33333%;
}
.span11{
	width: 91.666666%;
}
.span12{
	width: 100%;
}

/* GRID WITH PADDING */

.row.padding [class*="span"] {
	padding: 25px;
}
.header .row.padding [class*="span"] {
	padding: 10px;
}

/* GRID WITH MARGIN */

.row.margin [class*="span"] {
	margin: 2%;
}
.margin .span1 {
	width: 4.333333%;
}
.margin .span2{
	width: 12.66666%;
}
.margin .span3{
	width: 21%;
}
.margin .span4{
	width: 29.333333%;
}
.margin .span5{
	width: 37.666666%;
}
.margin .span6{
	width: 46%;
}
.margin .span7{
	width: 54.33333%;
}
.margin .span8{
	width: 62.66666%;
}
.margin .span9{
	width: 71%;
}
.margin .span10{
	width: 79.33333%;
}
.margin .span11{
	width: 87.666666%;
}
.margin .span12{
	width: 96%;
}
.row.no-float  [class*="span"]{
	float: none;
	margin: 0% auto;
}

/* EXCEPTIONS */

section.sectionGallery .row [class*="span"],
section.newsLetter .row [class*="span"],
section.sectionEvents .row [class*="span"],
section.sectionPublications .row [class*="span"],
section.footer .row [class*="span"]  { 
	background: none;
	border: 0;
}
.newsLetter,
.footer,
.rowLinks,
.rowTitle {
	padding: 13px 25px !important;
}
.sectionHome .rowTitle.morePadding {
	border: 0 !important;
	padding: 13px 33px 3px !important;
}
.rowTitle {
	border: 0 !important;
}
.sectionFilters {
	padding: 30px 20px 0px 20px !important;
}
.sectionBlocks  .row > [class*="span"]{
	margin: 0;
	padding: 0;
}
.sectionBlocks  .row > [class*="span"] .gridBlock{
	padding: 25px;
}
.sectionBlocks  .row > [class*="span"].gridBanner{
	margin-top: 35px;
}
.sectionBlocks  .row > [class*="span"] .rowTitle{
	background: #F8F8F6 !important;
	background: #F8F8F6 !important;
}
.newsletterSignupForm {
	background: #FFF !important;
	border: 10px solid #F2F2F2;
	padding: 20px !important;
}
.rowLinks  {
	background: none !important;
	padding: 0px !important;
}
.rowLinks a {
	float: right;
	margin-top: 10px;
}

section.sectionGallery  {
	background: #f0efea;
}

.sectionStreamer {
	padding-top: 0;
}
.page-node-85 .sectionStreamer {
	padding-top: 15px;
}
.logoStrap {
	width: 75%;
}

/* MAINTENANCE MODE */
.maintenance-page #page{
	width:800px;
	margin:40px auto 0;
}
.maintenance-page #name-and-slogan{
	display:none;
}
.maintenance-page #logo-title img{
	/*width:300px;*/
}

/* ADMIN TOOLBAR */

#toolbar{
	position:absolute;
	top:0;
	width:100%;
	background: #000;
	font-size:11px;
}
#toolbar li{
	margin: 0 .4em;
}
#toolbar a{
	color: #fff;
}
#toolbar-home{
	float:left;
}
#toolbar-user{
	float:right;
}
#toolbar-menu li{
	float:left;
}
.element-invisible{
	display:none;
}

/* CIVICRM ADMIN BAR FRONTEND */

#civicrm-menu{
	display:none;
}


/* HEADERIMAGES */

.header {
	background: url('../images/bgHeader-Home.jpg') no-repeat center center;
	background-size: cover;
	min-height: 235px;
}

/* HEADER */


.topMenu {
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	z-index: 100;
}
.span4.topMenu {
	position: relative;
	border: 0;
	padding: 10px;
	height: 70px;
}
.span4.topMenu ul {
	position: relative;
	float: right;
}
.topMenu li{
	float: left;
	margin: 13px 10px;
}
.topMenu li a{
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.fontBold {
	font-weight: 600;
	color: #FFF;
}
.fontBold {
	color: #CCC;
}
.topMenu li a{
	color: #CCC;
}
.topMenu li a i{
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
}
.topMenu li a i{
	color: #CCC;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}	

.topMenu li a i.fa-twitter:hover{
	color: #55ACEE;
}
.topMenu li a i.fa-linkedin:hover{
	color: #1B86BD;
}	
.topMenu li a i.fa-youtube:hover{
	color: #CC181E;
}	

.logoStrapline {
	border: 0 !important;
	height: 70px;
	overflow: hidden;
}
.logoStrapline a {
	margin: 0;
	padding: 0;
}
.menuShadow .span12 {
	margin: 0 auto;
	float: none;
	border: 0;
	overflow: visible;
}

.menuShadow {
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	z-index: 1000;
	display: block;
	overflow: visible;
	background: #FFF;
	float: left;
	width: 100%;
	display: block;
			
}
.menuShadow.noCorner{
	background: #f0efea ;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	
}
.menuShadow.fixed{
	position: fixed;
	width: 100%;
	top: -50px;
	margin-top: 50px;
	left: 0;
	
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
	min-width: 100%;

	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
	
	-moz-box-shadow:    0px 2px 3px 0px #999;
	-webkit-box-shadow: 0px 2px 3px 0px #999;
	box-shadow:         0px 2px 3px 0px #999; 
}
.headerLogo {
	z-index: 100;
	float: left;
	width: 20%;
	padding: 0 15px;
	height: 70px;
	border-right: 1px solid #EFEFEF;
	text-align: center;
}
.headerLogo img {
	margin-top: 5px;
	width: 200px;
	max-width: 200px;
	height: auto;
}


.header .menu {
	z-index: 100;
	width: 100%;
	background: #f8f8f6;
	
}
.header .menu,
.header .menu li {
	float: left;
	list-style: none;
}
.header .menu > li > a {
	text-decoration: none;
	padding: 0px 15px;
	line-height: 65px;
	float: left;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.header .menu > li.level-1  > ul{
	left: -9999px;
	top: 135px;
	width: 100%;
	background: #FFF;
	position: absolute;
	min-height: 100px;
	padding: 20px; 
	opacity: 0;
}
.header .menu > li.level-1 > a.active{
	color: #CC0033;
}
.cansobv .header .menu > li.level-2 > a.active,
.cansobv .header .menu > li.level-1 > a.active{
	color: #003366;
}
.header .menu  li.level-1 ul.active{
	left: 0;
	opacity: 1;
}

.header .menu  li.expanded  > a{
	background: url('../images/bgHover.png') no-repeat center 80px;
}
.header .menu > li.expanded:hover > a{
	background: url('../images/bgHover.png') no-repeat center bottom;
	z-index: 100;
}
.header .level-1 > .menu {
	width: 100%;
	float: left;
}
.header .menu > .level-2 {
	width: 16.66666%;
	float: left;
}
.header .menu > .level-2 .menu li {
	width: 100%;
}
.header .menu > .level-2 .menu {
	background: #FFF;
}
.header .menu > li.expanded > .menu a {
	text-decoration: none;
	padding: 0px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	font-weight: 600;
	background: none;
	width: 100%;
}

.header .level-3 a {
	margin: 3px 0 !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	font-size: 13px !important;
	}

.contentLeft .menu > li > a {
	text-decoration: none;
	line-height: 31px;
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.contentLeft a {
	text-decoration: none;
}
.contentLeft a.active {
	color: #003366;
}

.contentLeft a.active:after {
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 10px;
	color: #003366;
}

.contentLeft .menu .menu{
font-size: 13px;
margin-left: 10px;
}
.cansobv .cansobvLogo,
.cansoLogo {
	display: block;
}
.cansobv .cansoLogo,
.cansobvLogo {
	display: none;
}

/* HEADERSLIDER */

.page-node-87 .header {
	height: 295px;
}


.header .bx-wrapper {
	height: 295px;
	width: 100%;
	top: 0;
	position: absolute;
	display: none;
	z-index: 0;
}

.page-node-87 .header .bx-wrapper {
	display: block;
}


.header .bx-viewport {
	height: 295px !important;
	left: 0;
	top: 0;
	width: 100% !important;
	position: absolute !important;

}

.header .headerSlider li  {
	height: 295px;
	width: 100%;
	background-size: cover;
	text-align: center;
	z-index: -1;
}

.header .headerSlide   {
	padding-top: 130px;
	font-weight: 300;
}

.subTitle {
	color: #CC0000;
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 100%;
	font-weight: 300; 
	margin-bottom: 5px;
}



/* PAGER */

.bx-wrapper .bx-pager {
	position: absolute;
	bottom: 10px;
	left: 50%;
	text-align: center;
	color: #666;
	width: 300px;
	margin-left: -150px;
	z-index: 1000;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #003366;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FFF;
}
/* GRIDS */

.rowTitle {
	font-size: 14px;
	color: #999;
	background: none !important;
	padding-top: 0 !important;
}
.gridBanner {
	background: none !important;
	text-align: center;
	padding: 0 !important;
}
.gridBanner img{
	max-height: 250px;
}
.sectionHome .gridBlock {
	min-height: 250px;
}
.sectionHome.bgWhite {
	padding: 10px 30px 20px 30px;
}	
.front .sectionHome.bgWhite {
	padding: 10px 30px 15px 30px;
}	
.sectionHome .gridBlock.forthcomingEvent {
	background: #f0efea;
	border: 10px solid #FFF;
	padding: 15px;
}

.sectionHome .gridBlock.forthcomingEvent {
	text-align: center;
}
.sectionHome .gridBlock.forthcomingEvent .bottomFake {
	width: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 53px;
	background: url('../images/bgBottomFake.png') right top;
}

.front section.bgWhite.bgArrow {
	background-image: url('../images/bgArrows.gif');
	background-repeat: no-repeat;
	background-position: center 100px;
}

/* GRID VIEW EVENT */

.eventGrid .eventBlock {
	height: 280px;
}
.eventGrid .eventBlock h3{
	color: #333;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
.eventGrid .eventBlock p{
	margin: 10px 0;
}
.eventGrid .eventBlock span{
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

/* GRID VIEW NEWS */

.newsGrid .newsBlock {
	height: 300px;
	border-bottom: 1px solid #F8F8F6;
	-webkit-transition: background 0.3s ease;
	   -moz-transition: background 0.3s ease;
		 -o-transition: background 0.3s ease;
			transition: background 0.3s ease;
}
.newsGrid .newsBlock:hover {
	border: 10px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
}
.front .newsGrid .newsBlock {
	background: #F0EFEA;
	border: 10px solid #FFF !important;
	border-right: 11px solid #FFF !important;
	padding: 25px !important;
}
.newsGrid .newsBlock.firstBlock {
	background-size: cover;
	background-position: center center;
	padding: 0 !important;
}

.newsGrid .newsBlock.firstBlock:hover {
	border: 0px solid #FFF;
	border-right: 1px solid #F8F8F6;
	border-bottom: 1px solid #F8F8F6;
	padding: 0;
}
.newsGrid .newsBlock.firstBlock  .transBlue {
	background: url('../images/transBlue50.png');
	padding: 20px;
	color: #FFF;
	width: 50%;
	height: 100%;
	position: absolute; 
	bottom: 0;
	left: 0;
}
.newsGrid .newsBlock h3{
	margin: 0;
	padding: 0;
}
.newsGrid .newsBlock.firstBlock h3{
	font-size: 19px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #FFF;
}
.newsGrid .newsBlock p{
	margin: 10px 0;
}
.newsGrid .newsBlock span{
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.newsGrid .newsBlock span.readMore{
	color: #003366;
	margin-top: 5px;
}
.newsGrid .newsBlock .transBlue  span.readMore{
	display: none;
}
.newsGrid .newsBlock.position3{
	padding:0 !important;
}
.full_bg_image{
	background-position: center center;
	background-size: cover;
	width:100%;
	height:100%;
}
.newsGrid .newsBlock.position3 a.btn,
.newsGrid .newsBlock.position2 a.btn{
	position: absolute;
	bottom: 15px;
	left: 20px;
}
.newsGrid .newsBlock.position2 a.btn.btnText,
.newsGrid .newsBlock.position3 a.btn.btnText{
	right: 0px;
	left: auto;
}
 span.newsAuthor,
 span.sliderTitle,
 span.newsDate {
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
}
span.sliderTitle {
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 10px;
}
span.newsDate {
	margin:10px 0 15px 0;
}
span.newsDate i {
	margin-right: 5px;
	font-size: 14px;
	font-weight: normal;
}
.newsGrid .newsBlock.firstBlock span.sliderTitle,
.newsGrid .newsBlock.firstBlock span.newsDate i,
.newsGrid .newsBlock.firstBlock span.newsDate {
	color: #FFF;
}



.span3.newsBlock.position2  img{
	max-height: 100px;
	margin-top: 15px;
}
/* GRID VIEW BLOG */

.blogGrid .blogBlock {
	height: 325px;
	border-bottom: 1px solid #F8F8F6;
	-webkit-transition: background 0.3s ease;
	   -moz-transition: background 0.3s ease;
		 -o-transition: background 0.3s ease;
			transition: background 0.3s ease;
	
}
.blogGrid .blogBlock:hover {
	border: 10px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
}
.blogGrid .blogBlock:hover {
	border: 10px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
	padding-right: 16px;
}

.front .blogGrid .blogBlock {
	background: #F0EFEA;
	border: 10px solid #FFF;
}
.blogGrid .blogBlock.firstBlock {
	background-size: cover;
	background-position: center center;
	padding: 0;
}
.blogGrid .blogBlock.firstBlock:hover {
	border: 0px solid #FFF;
	border-right: 1px solid #F8F8F6;
	border-bottom: 1px solid #F8F8F6;
	padding: 0;
}
.blogGrid .blogBlock.firstBlock  .transBlue {
	background: url('../images/transBlue50.png');
	padding: 30px;
	color: #FFF;
	width: 50%;
	height: 100%;
}
.blogGrid .blogBlock h3{
	margin: 0;
	padding: 0;
}
.blogGrid .blogBlock.firstBlock h3{
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #FFF;
}
.blogGrid .blogBlock.firstBlock span.newsDate i,
.blogGrid .blogBlock.firstBlock span.newsDate {
	color: #FFF;
}
.blogGrid .blogBlock p{
	margin: 10px 0;
}
.blogGrid .blogBlock span{
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.blogGrid span.newsAuthor,
.blogGrid span.newsDate {
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #555;
}
.blogGrid span.newsDate {
	margin-top: 10px;
}
.blogGrid span.newsDate i {
	margin-right: 5px;
	font-size: 14px;
}

/* COMMON LINKS */

.linkWhole {
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.contentBlock .contentImage {
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
	background-size: cover;
}

/* LIST VIEW BLOG */

.blogList a{
	text-decoration: none;
}	

.blogList li,
.blogList ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.blogList ul li {
	border-bottom: 1px solid #FFF;
	padding: 10px 0;
	width: 100%;
}

.blogList span{
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.blogList h3{
	color: #333;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

/* DETAIL BLOG */

.sectionContent .row {
	background: #FFF;
}

.sectionContent .row [class*="span"]{
	border: 0;
}
.sectionContent .row [class*="span"].contentMain{

	border-left: 1px solid #F8F8F6;
	border-right: 1px solid #F8F8F6;
}

.span2.contentRight {
	color: #666;
	height: 100%;
}

.blogRight .authorName {
	font-weight: 600;
	font-size: 16px;

	width: 100%;
	float: left;
}
.blogRight span {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.blogRight label {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	float: left;
	width: 100%;
	
}
.blogRight .authorOrganisation {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	float: left;
	width: 100%;
	margin-top: 5px;
	
}
.blogRight .authorImage{
	width: 130px;
	height: 130px;
	border-radius: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center center;
}
 .contentRight .blogRight,
 .contentRight .linksRight{
	margin-bottom: 40px;
	float: left;
}
 .contentLeft .linksRight{
	width: 100%;
}
.linksRight .btn{
	margin-top: 5px !important;
	clear: both;
}


/* DETAIL EVENT */

.sectionContent .row {
	background: #FFF;
}

.sectionContent .row [class*="span"]{
	border: 0;
}
.sectionContent .row [class*="span"].contentMain{
	border-left: 1px solid #F8F8F6;
	border-right: 1px solid #F8F8F6;
	height: 100%;
}

.span2.contentRight {
	color: #666;
	height: 100%;
}

.eventRight  {
	margin-bottom: 30px;
	overflow: hidden;
	/*word-break:break-all;*/
}


.contentMain .span6 {
	padding-left: 0 !important;
}
.contactName {
	font-weight: 600;
	font-size: 16px;
	color: #003366;
	width: 100%;
	float: left;
}
.eventRight span {
	float: left;
	width: 100%;
	margin-top: 5px;
}
 span.contactFunction,
.eventRight span.contactFunction {
	margin-top: 0px;
	color: #666;
	font-size: 13px;
}

.contactFunction label,
.eventRight label {
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
	float: left;
	width: 100%;
}

.eventRight .hostedLogo,
.eventLeft .hostedLogo {
	max-height: 75px;
}
.eventRight .hostsList li {
	border-bottom: 1px solid #f8f8f6;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    width: 100%;
}
.eventRight .hostsList li  .eventHost{
	float: left;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.contentLeft  .eventComment {
	font-size: 12px;
	margin-left: 40px;
	margin-bottom: 20px;
	line-height: 18px;
	font-weight: 300 !important;
}
.contentLeft  .eventBanner {
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	width: 100%;
}

.contentLeft .eventDetailLogoDiv{
	padding:0 !important;
}

.contentLeft .eventDetailLogo  {
	max-height: 200px;
	max-width: 75%;
	float: left;
	margin: 15px 0;
	
}

.contentLeft .eventDateFeatured{ 
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-top: 3px;
}
.contentLeft .eventDateFeatured i{ 
	margin-right: 10px;
}
.contentLeft  .eventBanner img {

	max-height: 100px;
}
.contentLeft  span {
	font-weight: 600;
	font-size: 15px;
	float: left;
	width: 100%;
	line-height: 35px;
	margin-bottom: 0px;
}
.eventDate  .multipleDays {
	height: 90px;
	width: 30px;
	border-radius: 15px;
	background: #f0efea;
}
.eventSlide .eventDate {
	margin-top: 10px;
}
.eventSlide .eventLocation,
.eventSlide .eventDate {
	float: left;
	width: 100%;
	line-height: 40px;
}
.eventSlide .eventLocation i,
.eventSlide .eventDate i,
.eventDate span i {
	width: 30px;
	background: #003366;
	color: #FFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border-radius: 100%;
}
.eventSlide .topSponsorImg{
	width:140px;
	height:140px;
	background-size: cover;
	background-position: center center;
}

.eventDate .multipleDays  i {
	float: left;
	margin: 0 !important;
}

.eventDate .multipleDays  i + i {
	margin-top: 20px !important;
	float: left;
}

.contentLeft .dateTill{
	margin:0 40px;
	font-weight:300;
}

p.termConditions {
	margin-top: 20px;
	font-size: 12px;
	float: left;
	line-height: 20px;
}

/* GRID VIEW PUBLICATIONS */

.sectionPublication {
	padding-top: 0;
}

.publicationsGrid .publicationBlock {
	height: 278px;
	border-bottom: 1px solid #F8F8F6;
	background-position: center top !important;
	background-size: cover !important;
}

.publicationsGrid .publicationBlock:hover {
	border: 10px solid #FFF;
	border-right: 11px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
}

/* BACKGROUNDS FOR HOVER OF DIFFERENT KIND OF PUBS 

.publicationsGrid .publicationBlock.safety:hover {
	background: red;
}

   END BACKS  */

.publicationsGrid .publicationBlock.firstBlock {
	background-size: cover;
	background-position: center center;
	padding: 0;	height: 460px;
}
.publicationsGrid .publicationBlock.firstBlock:hover {
	border: 0px solid #FFF;
	border-right: 1px solid #F8F8F6;
	border-bottom: 1px solid #F8F8F6;
	padding: 0;
}
.publicationsGrid .publicationBlock .pubLogo{
	float: right;
}
.publicationsGrid .publicationBlock .pubTitle{
	font-size: 15px;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	margin-top: 30px;
	font-weight: 600;
	text-decoration: none;
}
.publicationsGrid .publicationBlock .pubSubTitle{
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.publicationsGrid .publicationBlock.firstBlock h3{
	font-size: 24px;
	margin-bottom: 10px;
}
.publicationsGrid .publicationBlock p{
	margin: 10px 0;
}
.publicationsGrid .publicationBlock.firstBlock  .transBlue {
	background: url('../images/transBlue50.png');
	padding: 30px;
	color: #FFF;
	width: 100%;
	bottom: 0;
	position: absolute;
}
.publicationsGrid .publicationBlock h3{
	margin: 0;
	padding: 0;
}
.publicationsGrid .publicationBlock.firstBlock h3{
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #FFF;
}
.publicationsGrid .publicationBlock.firstBlock span.newsDate i,
.publicationsGrid .publicationBlock.firstBlock span.newsDate {
	color: #FFF;
}

/* GRID VIEW PUBLICATIONS */

.pubGrid .pubBlock {
	height: 200px;
}

/* DETAIL PUBLICATIONS */

.latestPublications {
	width: 100%;
	
}
.latestPublications li{
	width: 100%;
	float: left;
}
.latestPublications .coverLatestPublication {
	width: 25%;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #F5F5F5;
	
}
.latestPublication a {
	color: #003366;
	
}


/* DETAILED VIEW OF EVENTS */

.eventCalender a{
	text-decoration: none;
}	

.eventList ul,
.eventList ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.eventList ul li {
	border-bottom: 1px solid #FFF;
	padding: 10px 0;
}

.eventList span{
	float: left;
	width: 50%;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.eventList  h3{
	color: #333;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.eventList .eventTitle {
	margin: 0;
	padding: 0 0 25px 0;  
}
.eventList .eventTitle h3{
	color: #333;
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.eventsPrev i,
.eventsNext i{
	color: #333;
	font-size: 22px;
}

#tabs.span9 {
	margin: 0;
	padding: 0;
}

#tabs ul.ui-tabs-nav li a{
float: left;
    line-height: 31px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#tabs ul.ui-tabs-nav li.ui-state-active a:after {
    color: #003366;
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 10px;
}
#tabs-5 h4{
	float: left;
	width: 100%;
}
ul.sponsors li,
ul.sponsors,
ul.exhibitors li,
ul.exhibitors {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}
ul.sponsors,
ul.exhibitors {
	margin-bottom: 20px;
}
ul.sponsors li,
ul.exhibitors li {
	width: 40%;
	height:120px;
	float: left;
	margin-right: 10%;
	position:relative;
}

ul.sponsors li img,
ul.exhibitors li img{
	margin: 0;
	max-height: 75px;
	position:absolute;
	bottom:30px;
}
ul.sponsors .exhibitorName,
ul.exhibitors .exhibitorName {
    float: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
	text-decoration: none;
    width: 100%;
	position:absolute;
	bottom:0;
	left:0;
}
ul.sponsors p,
ul.exhibitors p {
    float: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
img.cansoEvent {
	width: 100px;
	position: absolute;
	left: 25px;
	bottom: 20px;
}

.eventGrid .eventBlock:hover img.cansoEvent {

	left: 15px;
	bottom: 10px;
}

/* EVENT COUNTER */

.eventCounter .counterDigit {
	font-size: 75px;
	text-align: center;
	width: 100%;
	float: left;
	line-height: 75px;
}
.eventCounter .counterDescription {
	font-size: 24px;
	text-align: center;
	width: 100%;
	float: left;
}
.eventCounter .counterDivider {
	font-size: 24px;
	text-align: center;
	float: left;
	padding-top: 70px !important;
	padding-bottom: 65px !important;
}


/* EVENT DETAILSPAGE */

.eventDetailsLabel {
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
}

.webform-client-form.webform-client-form-188 table{
	float:left;
}

/* LATEST BLOGS  */

.contentRight .recentBlogs {
	margin-top: 40px;
	float: left;
}
.recentBlogs ul li {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f8f8f6;
	overflow: hidden;
	width: 100%;
}


.recentBlogs ul li h3 a,
.recentBlogs ul li h3 {
	margin: 5px 0;
	font-size: 16px;
}
.recentBlogs ul li p {
	font-size: 13px;
	float: left;
	margin: 0;
}
.recentBlogs ul li span{
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	margin: 0;
	line-height: 24px;
}


/* COMMON  */

.contentMain .span6 h4,
.contentRight h4,
.contentLeft h4 {
	text-transform: uppercase;
	color: #003366;
	font-size: 12px;
	font-weight: 600;
}	
.contentLeft > div{
	margin-bottom: 30px;
	float: left;
	width:100%;
}

.eventSlide .eventLocation i,
.eventSlide .eventDate i,
.contentLeft .eventDate i {
	margin-right: 10px;
	float: left;
	margin-top: 5px;
}

img.flightYield{
	height: 37px;
}

a.link{
	text-decoration: none;
	color: #003366;
	margin-right: 20px;
}

a.animatedLink{
	text-decoration: none;
	color: #003366;
	margin-right: 20px;
}
a.animatedLink:hover {
	margin-right: 20px;
}
.firstBlock p,
.firstBlock a.animatedLink {
	color: #FFF;
}

.menuLeft .menu a:after,
a.animatedLink:after{
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 0px;
	opacity: 0;
	text-decoration: none;
	color: #003366;
	margin-left: 5px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
a.workgroupDocument {
	width: 100%;
	float: left;
}
a.workgroupDocument:before{
	font-family: FontAwesome;
	content: "\f15c";
	margin-left: 0px;
	opacity: 1;
	text-decoration: none;
	color: #CCC;
	font-size: 22px;
	margin-right: 10px;
	font-style:normal;
	
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.firstBlock a.animatedLink:after{
	color: #FFF;
}
div.blogBlock:hover  a.animatedLink:after,
div.newsBlock:hover  a.animatedLink:after,
.menuLeft .menu a:hover:after,
a.animatedLink:hover:after{
	margin-left: 10px;
	opacity: 1;
}

a.downloadFile {
	color: #003366;
	text-decoration: none;
	float: left;
	margin-top: 20px;
}
a.downloadFile i {
	margin-left: 5px;
}

.firstBlock  a.downloadFile {
	color: #FFF;
}
/* CRUMBS  */


.breadCrumbs  {
	background: none !important;
	padding: 0 0 20px  0!important;
	font-size: 12px !important;

}

.breadCrumbs,
.breadCrumbs a {
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #CCC;
}
.breadCrumb {
	font-weight: 600;
}
.breadCrumbs a {
	color: #999;
}


/* LATEST NEWS  */

.newsLogo {
	margin-bottom: 20px;
}

.recentNews ul li {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f8f8f6;
	overflow: hidden;
	width: 100%;
}


.recentNews ul li {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f8f8f6;
	overflow: hidden;
	width: 100%;
}


.recentNews ul li h3 a,
.recentNews ul li h3 {
	margin: 5px 0;
	font-size: 16px;
}
.recentNews ul li p {
	font-size: 13px;
	float: left;
	margin: 0;
}
.recentNews ul li span{
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	margin: 0;
	line-height: 24px;
}



/* PUBLICATIONS SLIDER */

.sectionPublications {
	background: url('../images/bgSlider.png') no-repeat center top;

}
.cansobv .sectionPublications {
	background: none;

}
.sectionPublications .pubSlide span {
	width: 100%;
	float: left;
	margin: 10px 0 6px;
	color: #666;
}

.sectionPublications .pubSlide .pubImage {
	width: 180px;
	height: auto;
	float: right;
	border: 1px solid #EFEFEF;
}

.sectionPublications .pubSlide .pubNotice {
	font-size: 24px;
	font-weight: 300;
	margin-top: 20px;
}
.sectionPublications .pubSlide .pubTitle {
	font-size: 32px;
	line-height:34px;
	font-weight: 300;
}


.sectionPublications .bx-prev {
	position: absolute;
	left: 15px;
	top: 40%;
	width: 60px;
	height: 60px;
	font-size: 45px;
	padding-top: 7px;
	padding-left: 19px;
	background: #FFF;
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}
.sectionPublications .bx-next {
	position: absolute;
	right: 15px;
	top: 40%;
	width: 60px;
	height: 60px;
	font-size: 45px;
	padding-top: 7px;
	padding-right: 19px;
	text-align: right;
	background: #FFF;
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}
.latestPublications ul li h3 a, .latestPublications ul li h3 {
    font-size: 16px;
    margin: 5px 0;
}
.latestPublications ul li span{
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	margin: 0;
	line-height: 24px;
}
.latestPublications ul li {
border-bottom: 1px solid #f8f8f6;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    width: 100%;
}
.latestPublications ul li p {
    float: left;
    font-size: 13px;
    margin: 0;
}



/* EVENTS SLIDER */

.sectionEvents {
	/*background: url('../images/bgSlider.png') no-repeat center top;*/
	padding-bottom:0;
}
.sectionEvents .eventSlide span {
	width: 100%;
	float: left;
	margin: 10px 0 6px;
	color: #666;
}

.sectionEvents .eventSlide .eventImage {
	width: 180px;
	height: auto;
	float: right;
	border: 1px solid #EFEFEF;
}

.sectionEvents .eventSlide .eventNotice {
	font-size: 24px;
	font-weight: 300;
	margin-top: 20px;
}
.sectionEvents .eventSlide .eventTitle {
	font-size: 32px;
	font-weight: 300;
	line-height: 100%;
}


.sectionEvents .bx-prev {
	position: absolute;
	left: 20px;
	top: 35%;
	width: 60px;
	height: 60px;
	font-size: 45px;
	padding-top: 7px;
	padding-left: 19px;
	/*background: #FFF;*/
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}
.sectionEvents .bx-next {
	position: absolute;
	right: 20px;
	top: 35%;
	width: 60px;
	height: 60px;
	font-size: 45px;
	padding-top: 7px;
	padding-right: 19px;
	text-align: right;
	/*background: #FFF;*/
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}
.sectionEvents .bx-prev i,
.sectionEvents .bx-next i{
	opacity:0.5;
}

/* GRID VIEW EVENT */

.eventGrid {
	margin-top: 20px !important;
}
.eventGrid .eventBlock {
	height: 325px;
	border-bottom: 1px solid #F8F8F6;
	-webkit-transition: background 0.3s ease;
	   -moz-transition: background 0.3s ease;
		 -o-transition: background 0.3s ease;
			transition: background 0.3s ease;
	
}
.eventGrid .eventBlock:hover {
	border: 10px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
}
.eventGrid .eventBlock:hover {
	border: 10px solid #FFF;
	border-bottom: 11px solid #FFF;
	background: #f0efea;
	padding: 15px;
	padding-right: 16px;
}

.eventGrid .eventBlock.firstBlock {
	background-size: cover;
	background-position: center center;
	padding: 0;
}
.eventGrid .eventBlock.firstBlock:hover {
	border: 0px solid #FFF;
	border-right: 1px solid #F8F8F6;
	border-bottom: 1px solid #F8F8F6;
	padding: 0;
}
.eventGrid .eventBlock.firstBlock  .transBlue {
	background: url('../images/transBlue50.png');
	padding: 30px;
	color: #FFF;
	width: 50%;
	height: 100%;
}
.eventGrid .eventBlock h3 {
	margin: 0;
	padding: 0;
}
.eventLogo  {
	max-height: 100px;
	max-width: 75%;
	float: left;
	margin: 15px 0 0 0;
}
.eventGrid .eventBlock:hover .eventLogo  {
	left: 10px;
	bottom: 10px;
}
.eventGrid .forthComingLabel  {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 20px 5px 8px;
	color: #FFF;
	background: #003366;
	font-size:9px;
	font-weight: 600;
	width: 75px;
	text-transform: uppercase;
	text-align: center;
}
.eventGrid .hostedBy,
.eventGrid .eventLocation,
.eventGrid .eventDate {
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-top: 3px;
}
.eventGrid .eventLocation {
	margin-top: 10px;
}
.eventGrid .eventDate {
	margin-top: 20px;
}
.eventGrid .hostedBy {
	margin-left: 20px;
	font-size: 11px;
	margin-top: 0;
}
.eventGrid .firstBlock .eventLocation i {
	margin-left: 3px;
	margin-right: 7px;
	width: 20px;
}
.eventGrid .firstBlock .hostedBy {
	margin-left: 30px;
	font-size: 12px;
	color: #FFF;
}

.eventGrid .firstBlock .eventDate i {
	margin-right: 10px;
	width: 20px;
}
.eventGrid .firstBlock .eventLocation,
.eventGrid .firstBlock .eventDate {
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
}
.eventGrid .eventBlock:hover .forthComingLabel  {
	left: 0;
	top: 0;
}
.eventGrid .eventLogo img {
	max-height: 115px;
}
.eventGrid .eventBlock.firstBlock span.newsDate i,
.eventGrid .eventBlock.firstBlock span.newsDate {
	color: #FFF;
}
.eventGrid .eventBlock p{
	margin: 10px 0;
}
.eventGrid .eventBlock span{
	width: 100%;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.eventGridwithList .span12{
	border-bottom: 1px solid #f8f8f6;
}

.eventGridwithList .span12:hover{
	background:  #EFEFEF;
}

.eventGridwithList  .eventLocation,
.eventGridwithList  .eventDate {
	margin-top: 0px;
	width: 20%;
	float: left;
	line-height: 30px;
}


.eventGridwithList .eventLocation i,
.eventGridwithList .eventDate i {
	width: 30px;
	background: #CCC;
	color: #FFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	border-radius: 15px;
	float: left;
	margin-right: 10px;
}
.eventGridwithList  h3 {
	margin-bottom: 8px;
	float: left;
	width: 60%;
}

.eventGridwithList .span6 {
	float: left;
	line-height: 28px;
	padding: 13px 25px !important;
    border-bottom: 1px solid #f8f8f6;
}
.eventGridwithList .span6 i {
	margin-right: 5px;
	width: 20px;
	
}
.eventGridwithList .listonEvent li span {
    color: #999;
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px;
    text-transform: uppercase;
    width: 100%;
}

#tabs-3 a {
	text-decoration: none;
}

/* EVENT PAGES (OVERVIEW/SINGLE) - 26-03-2015 */

.page-node-10 .sectionFilters{
	padding-top:0 !important;
}
div.upcoming h2{
	margin:1em 0;
}
.eventMoreInfo{
	width:96%;
	padding:2%
}


/* MEMBERS */

.span3.teamMember  {
	min-height: 380px;
	border-right: 1px solid #f8f8f6 !important;
	border-bottom: 1px solid #f8f8f6 !important;
} 
.span3.teamMember .memberImage{
	width: 175px;
	height: 175px;
	margin: 0 auto;
	border-radius: 100%;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
} 

.page-node-108 .sectionContent .span12 ,
.page-node-26 .sectionContent .span12 {
	border-bottom: 1px solid #f8f8f6 !important;
	border-right: 1px solid #f8f8f6 !important;
}

.page-node-108 .span12 h3 ,
.page-node-26 .span12 h3{
	margin: 0;
}

.page-node-26 .teamMember {
	border-right: 1px solid #f8f8f6 !important;
	border-bottom: 1px solid #f8f8f6 !important;
	height: 620px;
}

.page-node-26 .teamMember.Executive{
	height: 330px;
}

.teamMember  span {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #999;
	text-align: center;
}
.teamMember  .memberTitle, .teamMember .memberTitleExec {
	font-weight: 600;
	font-size: 16px;
	width: 100%;
	margin-top: 15px;
	float: left;
	color: #666;
}
.teamMember  .memberJobtitle{
	font-size: 12px;
}
.teamMember  .memberDescription {
	border-top: 1px solid #F6F6F8;
	padding-top: 10px;
	color: #666;
	margin-top: 15px;
	text-align: center;
}

.page-node-26 .span12 h3,
.page-node-57 .span12 h3{
	margin: 0;
}
.page-node-57 .span12 h3{
	margin: 0;
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}
.span3.member {
	border-right: 1px solid #f8f8f6 !important;
	border-bottom: 1px solid #f8f8f6 !important;
	height: 230px;
}
.typebox  .span3.member {
	border-right: 1px solid #f8f8f6 !important;
	border-bottom: 1px solid #f8f8f6 !important;
	height: 95px;
}
.typebox  .span3.member .memberRegion {
	width: 100%;
	float: left;
}
.span3 .memberLogo {
	margin: 0 auto;
}
.span3.member .memberImage{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 15px;
	overflow: hidden;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
}

ul.Full.member,
ul.Associate.member {
	width: 100%;
	float: left;
}	
.regionTitle > li{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 20px;
	margin-top: 10px;
}
.regionTitle  li.listMember {
	margin-left: 40px !important;

}
.memberTitle{
	width: 100%;
	text-align: center;
}
ul.termName {
	margin-top: 20px;
}

.regionContent a{
	text-decoration: none;
	line-height: 28px;
}

/* SECTION SORT */

.sectionSort  {
	padding: 15px 0; 
}
.sectionSort .row [class*="span"] {
	background: none;
	padding: 0;
}

.sectionSort .row [class*="span"] .btn i {
	font-size: 11px;
}
.sectionSort .row [class*="span"] .btn {
	margin-top: 0;
}
.sectionSort .sortLabel {
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 10px;
}

/* FOOTER */


.footer {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.footer.active {
	height: 200px;
}

.footer,
.footer a {
	color: #FFF;
}

.footer h4 {
	color: #FFF;
}

.footerSocials li {
	float: left;
	font-size: 24px;
	margin-right: 20px;
}
.footer .sitemap-toggle {
	cursor: pointer;	
}

section.sitemap  {
	background: url('../images/bgHeader-Home.jpg') no-repeat center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}
section.sitemap .darkBlue {
	background: url('../images/transBlue50.png');
}
section.sitemap .row [class*="span"] {
	background: none;
	border: 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
section.sitemap a {
	text-decoration: none;
	color: #FFF;
}
section.sitemap ul.menu  li{
	width: 12.5%;
	float: left;
	margin-bottom: 20px;
}
section.sitemap ul.menu  li a{
	font-size: 14px;
	font-weight: 600;
}
section.sitemap ul.menu li  ul.menu li {
	width: 100%;
	margin-bottom: 0px;
}
section.sitemap ul.menu li  ul.menu li a{
	font-size: 12px;
	font-weight: 400;
}
section.sitemap ul.menu li  ul.menu li ul{
	display: none;
}

/* SUBSCRIBE */

.newsLetter {
	background: #003366;
	margin-top: 50px;
}
.cansobv .newsLetter {
	background: #666;
}
.newsLetter h4 {
	margin: 0;
	font-size: 18px;
	line-height: 40px;
	color: #FFF;
	text-align: right;
}
.footer  .span9,
.footer  .span3 {
	opacity: 0.5;
	font-size: 13px;
}
.footer   a{
	text-decoration: none;
}
.footer  img {
	width: 112px;
	opacity: 0.75;
	float: right;
}



/* ATMNET */


#edit-account .form-item,
#user-pass .form-item,
#user-login .form-item{
	width: 100%;
	float: left;
	margin: 10px 0;
}


#edit-account label,
#user-pass  label,
#user-login label{
	width: 200px;
	float: left;
	line-height: 30px;
}

#edit-account  input,
#user-pass  input,
#user-login input{
	width: 300px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 0 10px;
	border-radius: 4px;
}
input.error{
	border: 2px solid rgba(253,0,0,0.3)!important;
}

#user-login input.form-submit{
	width: 100px;
	float: left;
	height: 40px;
	line-height: 38px;
	clear: right;
	font-size: 16px;
	border-radius: 20px;
	background: #003366;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
#edit-account input.form-submit,
#user-pass input.form-submit {
	width: 205px;
	float: left;
	height: 30px;
	line-height: 28px;
	clear: right;
	font-size: 13px;
	border-radius: 20px;
	background: #003366;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}


#edit-account .password-suggestions,
#edit-account .password-strength {
	display: none !important;
}

#edit-account div.password-confirm   {
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
	visibility: visible !important;
}
#edit-account .password-confirm .error {
	margin-left: 80px;
	color: #FFF;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 3px 5px;
	background: red;
	border-radius: 3px;
}
#edit-account .password-confirm .ok {
	margin-left: 80px;
	color: #FFF;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 3px 5px;
	background: green;
	border-radius: 3px;
}
#user-pass .description,
#edit-account .description,
#user-login .description{
	width: 100%;
	font-size: 12px;
	float: left;
	margin: 5px 0 10px 200px;
}
.workgroupHome label {
	font-size: 12px;
	font-weight: 600;
	width: 100%;
	text-transform: uppercase;
	float: left;
	margin-top: 20px;
}
.workgroupMember {
	float: left;
	width: 100%;
	margin-bottom:1px;
	font-size: 13px;
}

.atmMeeting {
	position: relative;
	padding : 10px 10px 10px 80px;
	float: left;
	min-height: 70px;
	margin : 1px 0;
	width: 100%; 
	background: #FFF;
	
}

.atmMeeting  .meetingDate{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 70px;
	text-align: center;
	background: #f0efea;
	overflow: hidden;
}
.atmMeeting  .meetingDay{
	font-weight: 600;
	font-size: 24px;
	color: #003366;
	line-height: 20px;
	margin-top: 6px;
}
.atmMeeting  .meetingMonth {
	font-weight: 600;
	font-size: 10px;
	color: #003366;
	text-transform: uppercase;
}

.atmMeeting   .meetingYear {
	font-weight: 600;
	font-size: 10px;
	background: #003366;
	color: #FFF;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.workgroupMeeting .link-wrapper {
	float: left;
	width: 100%;
	height: 110px;
	margin-top: 20px;
}
.workgroupMeeting .attending {
	top: 5px;
	background: none repeat scroll 0 0 #003366;
    border-radius: 14px;
    color: #FFF;
    display: block;
    height: 18px;
    left: 74px;
	font-size: 12px;
	line-height: 18px;
    transition: all 0.3s ease 0s;
	font-weight: 600;
	min-width: 18px;
	text-align: center;
	padding: 0 7px;
	position: absolute;
}
.workgroupMeeting .not_attending {
	top: 5px;
	background: none repeat scroll 0 0 #003366;
    border-radius: 14px;
    color: #FFF;
    display: block;
    height: 18px;
    left: 102px;
	font-size: 12px;
	line-height: 18px;
    transition: all 0.3s ease 0s;
	font-weight: 600;
	min-width: 18px;
	text-align: center;
	padding: 0 7px;
	position: absolute;
}
.workgroupMeeting .tentative {
	top: 5px;
	background: none repeat scroll 0 0 #003366;
    border-radius: 14px;
    color: #FFF;
    display: block;
    height: 18px;
    left: 67px;
	font-size: 12px;
	line-height: 18px;
    transition: all 0.3s ease 0s;
	font-weight: 600;
	min-width: 18px;
	text-align: center;
	padding: 0 7px;
	position: absolute;
	
}

.workgroupMeeting .meetingStatus {
	position:relative;
	overflow: hidden;
	float: left;
	width: 100%;
}
.workgroupMeeting .meetingStatus h4 {
	margin: 0;
	margin-top: 10px;
}

.workgroupMeeting ul.links.inline {
	width: 250px;
	height: 38px;
	padding: 0px;
	background: #f0efea;
	position: absolute;
	border-radius: 19px;
	margin-left: -125px;
	left: 50%;

	-moz-box-shadow:    inset 0 2px 4px #BDBCB7;
   -webkit-box-shadow: inset 0 2px 4px #BDBCB7;
   box-shadow:         inset 0 2px 4px #BDBCB7;
}
.workgroupMeeting ul.links.inline  li{
	width: 200px;
	float: left;
}
.workgroupMeeting ul.links.inline .flag-wrapper{
	position: absolute;
	top: 0px;
	font-size: 11px;
	width: 120px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	margin: 0;
	padding: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
}

.workgroupMeeting ul.links.inline .flag-wrapper.flag-attending{
	top: 40px;
	left: -40px;
}

.workgroupMeeting ul.links.inline .flag-wrapper.flag-tentative a:before{
	top: -40px;
	left: -50px;
}

.workgroupMeeting ul.links.inline .flag-wrapper.flag-tentative{
	top: 40px;
	left: 78px;
}
.workgroupMeeting ul.links.inline .flag-wrapper.flag-tentative a:before{
	top: -40px;
	left: 32px;
}

.workgroupMeeting ul.links.inline .flag-wrapper.flag-not-attending{
	top: 40px;
	left: 170px;
}
.workgroupMeeting ul.links.inline .flag-wrapper.flag-not-attending a:before{
	top: -40px;
	left: 42px;
}

.workgroupMeeting ul.links.inline .flag-wrapper a {
	text-decoration: none;
	font-weight: 600;
	background: none;
}
.workgroupMeeting ul.links.inline .flag-wrapper a:before{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	margin: 4px;
	display: block;
	content: "";
	position: absolute;
	left: 40px;
	top: -40px;
	opacity: 0.5;
	background: #FFF;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.workgroupMeeting ul.links.inline .flag-wrapper a:hover:before {
	opacity: 1;
}
.workgroupMeeting ul.links.inline .flag-wrapper a:hover:before {
	opacity: 1;
}
.workgroupMeeting ul.links.inline .flag-wrapper a:hover.unflag-action:before,
.workgroupMeeting ul.links.inline .flag-wrapper a.unflag-action:before{

	background: #003366;
	-moz-box-shadow:    0 1px 2px #BDBCB7;
   -webkit-box-shadow:  0 1px 2px #BDBCB7;
   box-shadow:          0 1px 2px #BDBCB7;
	opacity: 1;
}
/* GRID VIEW ATM */

.atmGrid .atmBlock {
	border-right: 1px solid #F8F8F6 !important;
	border-bottom: 1px solid #F8F8F6 !important;
	-webkit-transition: background 0.3s ease;
	   -moz-transition: background 0.3s ease;
		 -o-transition: background 0.3s ease;
			transition: background 0.3s ease;
	font-size: 13px;
	
}
.atmGrid .atmBlock label {
	font-size: 11px;
	font-weight: 700;
	width: 100%;
	text-transform: uppercase;
	float: left;
}
.atmGrid .atmBlock:hover {
	border: 10px solid #FFF !important;
	border-bottom: 11px solid #FFF !important;
	border-right: 11px solid #FFF !important;
	background: #f0efea;
	padding: 15px;
}


.atmGrid .atmBlock h2{
	border: 10px solid #FFF !important;
	border-bottom: 11px solid #FFF !important;
	background: #f0efea;
	padding: 15px;
}

.contentRight .document.revision{
	font-size: 12px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 14px !important;
	border-bottom: 1px solid #f0efea;
	margin-bottom: 10px;
}
.contentRight .animatedLink{
	font-size: 14px;
	margin-top: 10px;
}

.contentRight .revision_date label{
	width: 100%;
	margin-top: 10px;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.contentRight .revision_date {
	margin-bottom: 10px;
}

.contentBlock .document_info {
	font-size: 13px;
	margin: 10px 0;
	padding: 10px 0;
	width: 100%;
	float: left;
}
.contentBlock .document_info b {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	float: left;
	width: 150px;	
}
.contentBlock .document_info a {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #003366;
	color: #FFF;
	float: left;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 15px;	
}

.contentBlock table {
	
}
.contentBlock table td{
	padding: 5px !important;
	border: 1px solid #F6F6F8 !important;
}
.contentBlock .event_info-group table td,
.contentBlock .crm-event-register-form-block table td{
	padding: 5px !important;
	border: 0px solid #F6F6F8 !important;
}

.blogRight label {
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
	float: left;
	width: 100%;
	
}
.civicrmMembers li span{
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.atmDocument .documentTitle {
	float: left;
	font-size: 14px;
	margin-bottom: 0px;
	margin-right: 15px;
	width: 75%;
}
.atmDocument  {
	width: 100%;
	float: left;
	margin-bottom: 9px !important;
}
.atmDocument .animatedLink i {
	margin-right: 10px;
}
.atmDocument a.link {
	margin-left: 10px;
	font-size: 12px;
}
.atmDocument .documentPageLink a{

	font-size: 12px;
}

.documentAuthors,
.documentLink {
	margin-bottom: 15px;
}

.commentSection {
	border-top: 1px solid #f8f8f6;
	padding-top: 15px;
	width: 100%;
	float: left;
	margin-top: 15px;
}


.commentSection .comment  {
	position: relative;
	border-bottom: 1px solid #f0efea;
}
.commentSection #comments > div {
	float: left;
	width: 100%;
}


.links.inline {
	float: right;
}

.commentSection h3 {
	margin:  15px 0 5px 0 ;
}
.submitted {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.submitted span{
	float: left;
	font-weight: 600;
}
.submitted a{
	font-weight: 600;
}
.commentSection .content {
	float: left;
	width: 100%;
}
.submitted a.permalink {
	float: right;
	text-decoration: none;
	font-weight: 600;
	color: #CCC;
}
.submitted a.permalink:before{
	font-family: FontAwesome;
	content: "\f0c1";
	margin-right: 5px;
	color: #CCC;
	font-weight: normal;
}
.indented > div {
	padding-left: 25px;
	border-left: 5px solid #f0efea;
}
.indented > .indented {
	padding-left: 0;
}
.indented .indented > div {
	border-left: 15px solid #f0efea;
}
.indented .indented .indented > div {
	border-left: 15px solid #f0efea;
}
.new{
    background: none repeat scroll 0 0 #003366;
    border-radius: 14px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    padding: 0 7px;
	position: absolute;
	right: 0;
	top: 5px;
    text-align: center;
	text-transform: uppercase;
}
.links.inline li{
	float: left;
}
.links.inline a {
	background: none repeat scroll 0 0 #f0efea;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
} 
.links.inline .comment-delete  a {
	background: #f8f8f6;
    color: #999;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}
.links.inline .comment-delete  a:after {
	font-family: FontAwesome;
	content: "\f00d";
	margin-left: 5px;
}

.links.inline .comment-edit  a {
	background: #f8f8f6;
    color: #999;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.links.inline .comment-edit  a:after {
	font-family: FontAwesome;
	content: "\f040";
	margin-left: 5px;
}

.links.inline .comment-reply  a {
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}
.links.inline .comment-reply  a:after {
	font-family: FontAwesome;
	content: "\f112";
	margin-left: 5px;
}

h2.title.comment-form {
	float: left;
	width: 100%;
	margin-top: 25px;
}
#edit-author .fieldset-wrapper > div ,
.comment-form > div  {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.comment-form > div > div {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#edit-author div > label,
.comment-form  label{
	float: left;
	width: 125px;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
}
#edit-author .form-type-radio > label {
	float: left;
	width: auto;
	font-weight: 400;
	font-size: 15px;
	text-transform: initial;
	color: #666;
}
#edit-author #edit-status div{
	float: left;
	width: auto;
	margin-right: 20px;
}
#edit-author #edit-status div input{
	float: left;
	margin: 4px 7px 0 0;
}
#edit-author .description{
	float: left;
	width: 100%;
	font-size: 13px;
	padding-left: 125px;
}
#edit-author  input[type="email"],
#edit-author  input[type="text"],
.comment-form  input[type="text"],
.comment-form  textarea{

	width: 400px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 5px 10px;
	border-radius: 4px;
}
.comment-form  textarea{
	height: 175px;
}

.text-format-wrapper .filter-wrapper,
.text-format-wrapper .form-item  {
	width: 100%;
	float: left;
}
.text-format-wrapper .filter-wrapper .form-type-select,
.text-format-wrapper .filter-wrapper .filter-help  {
	display: none;
}
.text-format-wrapper ul.tips  {
	font-size: 13px;
	margin-top: 20px;
}

.form-actions #edit-submit,
.form-actions #edit-submit--3,
.form-actions #edit-preview,
.form-actions #edit-preview--2 {
	
	height: 30px;
	line-height: 25px;
	padding: 0 15px 0 15px;
	background: #003366;
	color: #FFF;
	float: left;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	border: 0;
}
.form-actions #edit-preview,
.form-actions #edit-preview--2 {
	background: #CCC;
	color: #FFF;
	margin-left: 10px;
}

/* REGION */

.row.padding [class*="span"].span4.regionBlock {
	background: none;
	text-align: center;
}

.row.padding [class*="span"].span4.regionBlock h3{
	margin-bottom: 3px;
	margin-top: 15px;
}

.row.padding [class*="span"].span4 .regionCircle{
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	margin: 0 auto;
	border-radius: 100px;
}

.regionHeader {
	position: absolute;
	height: 235px;
	top: 0;
	left: 0;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

.row.padding [class*="span"].span4.contentAdditionalBlock {
	padding: 25px 25px 25px 0px;
}

/* CRM REGISTER EVENT */

/* Hide 'register different person' option*/
#crm-event-register-different{
	display:none;
}

/* Hide price set total */
#pricesetTotal{
	display:none;
}

.price_set-section .description{
	
	margin-top:1em;
}

/* registration options table markup */
.event_fees-group table td
{
	padding: 5px 10px;
}
.event_fees-group table th{
	padding: 0 2px;
}

.crm-public .messages{
	margin: 20px 0;
}

.crm-public .fee_block-table {
	width: 100%;
}
.crm-public .crm-info-panel .label,
.crm-public .fee_block-table .price_set_option-label {
	width: 150px;
}

.crm-event-register-form-block > div {
	margin: 20px 0;
}

.crm-event-register-form-block  .label {
	/*float: left;*/
	width: 100%;
	margin-top: 10px;
}	
.crm-event-thankyou-form-block .content.bold,
.crm-event-confirm-form-block .content.bold {
	font-weight: 600;
}
.crm-event-confirm-form-block table,
.crm-event-thankyou-form-block table
{
	width: 100%;
}
.crm-event-thankyou-form-block .event_info_link-section,
.crm-event-thankyou-form-block .messages,
.crm-event-confirm-form-block .messages {
	margin-top: 20px;
	width: 100%;
	float: left;
}
.crm-section .label,
.crm-section label,
.crm-event-thankyou-form-block  .label,
.crm-event-thankyou-form-block  label,
.crm-event-confirm-form-block  .label,
.crm-event-confirm-form-block  label,
.crm-event-register-form-block  label,
.crm-event-additionalparticipant-form-block label{
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right:10px;
}
.crm-event-register-form-block  .price-set-row label {
	margin-top: 0px;
	width: auto;
	font-size: 14px;
}
.crm-event-thankyou-form-block .header-dark,
.crm-event-confirm-form-block .header-dark,
.crm-event-register-form-block  legend,
.crm-event-additionalparticipant-form-block legend{
	font-size:18px;
	line-height:22px;
	margin:20px 0 10px 0;
	color: #003366;
	letter-spacing: 0.01em;
	text-decoration: none;
}
.crm-event-register-form-block  .price-set-row{
	/*float: left;*/
	width: 100%;
}
.crm-event-register-form-block  .billing_mode-section > div{
	float: left;
	margin-right: 20px;
}
.crm-event-register-form-block   .credit_card_type-section{
	width: 100%;
	float: left;
}
.crm-event-register-form-block  .crm-credit_card_type-icons a{
	float: left;
	width: 51px;
	height: 32px;
	background: #f0efea;
	margin: 0 20px 0 0;
	text-decoration: none;
	text-indent: -9999px;

}
.crm-event-register-form-block  .credit_card_type-section {
	margin-bottom: 10px;

}
.crm-event-register-form-block  .crm-credit_card_type-icons a.crm-credit_card_type-icon-visa{
	background: url('../images/logoVisa.png') no-repeat left center ;
}
.crm-event-register-form-block  .crm-credit_card_type-icons a.crm-credit_card_type-icon-amex{
	background: url('../images/logoAmex.png') no-repeat left center ;
}
.crm-event-register-form-block  .crm-credit_card_type-icons a.crm-credit_card_type-icon-discover{
	background: url('../images/logoDiscover.png') no-repeat left center ;
}
.crm-event-register-form-block  .crm-credit_card_type-icons a.crm-credit_card_type-icon-mastercard{
	background: url('../images/logoMastercard.png') no-repeat left center ;
}
.crm-event-register-form-block  input[type="radio"],
.crm-event-additionalparticipant-form-block input[type="radio"]
{
	margin: 4px 10px 0 0 ;
	/*float: left;*/
}
.crm-clear-link{
	margin-left:10px;
}

.crm-event-register-form-block  input[type="text"],
.crm-event-register-form-block  input[type="email"],
.crm-event-additionalparticipant-form-block input[type="text"],
.crm-event-additionalparticipant-form-block input[type="email"]
{
	width: 550px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 5px 10px;
	border-radius: 4px;
}
.crm-event-register-form-block  input[type="text"]#credit_card_number {
	width: 150px;
}
.crm-event-register-form-block  input[type="text"]#cvv2 {
	width: 50px;
}
.crm-event-register-form-block  select,
.crm-event-additionalparticipant-form-block select
{
	width: 400px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 8px 10px;
	border-radius: 4px;
	margin: 0 20px 0 0;
}
.crm-event-register-form-block  .billing_mode-section  select {
	width: 100px;
}
.crm-event-thankyou-form-block .crm-group.credit_card-group,
.crm-event-confirm-form-block .crm-group.credit_card-group,
.crm-event-thankyou-form-block .crm-group.billing_name_address-group,
.crm-event-confirm-form-block .crm-group.billing_name_address-group {
	float: left;
	width: 50%;
}

#crm-submit-buttons  {
	width: 100%;
	float: left;
}
#crm-submit-buttons input {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #003366;
	color: #FFF;
	float: left;
	border: 0;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin: 15px 15px 15px 0;
}

.crm-error {
	color:red;
	font-size: 12px;
	line-height: 35px;
	padding-left: 10px;
}
.crm-error.crm-error-label {
	padding-left: 0px;
}

/* CONTACTFORM */

.webform-client-form > div > div {
	width: auto;
	float: left;
}
.webform-client-form label {
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	float: left;
	width: 100%;
}
.webform-client-form .form-checkboxes > div ,
.webform-client-form .form-radios > div {
	width: 100%;
	float: left;
}
.webform-client-form .form-checkboxes label,
.webform-client-form .form-radios label {
	width: auto;
	margin: 0 0 0 15px;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: normal;
	
}
.webform-client-form input[type="email"],
.webform-client-form input[type="text"]{
	width: 400px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 5px 10px;
	border-radius: 4px;
}

.webform-client-form select{
	width: 400px;
	float: left;
	height: 35px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 8px 10px;
	border-radius: 4px;
	margin: 0 20px 0 0;
}
.webform-client-form textarea{
	width: 400px;
	float: left;
	height: 105px;
	line-height: 35px;
	border: 0;
	background: #f0efea;
	color: #003366;
	padding: 8px 10px;
	border-radius: 4px;
	margin: 0 20px 0 0;
}

.webform-client-form input[type="checkbox"],
.webform-client-form input[type="radio"] {
	float: left;
	margin-top: 5px;
}
.webform-client-form input#edit-submitted-message[type="text"]{
	height: 100px;
}
.webform-client-form input[type="submit"]{
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #003366;
	color: #FFF;
	float: left;
	border: 0;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 15px;
}



/* FILTERS */

.views-exposed-form  {  /* SPAN 8 */
}
.views-exposed-form .views-exposed-widget  { 
	float: left;
    padding: 10px 20px;
	height: 80px
}
.views-exposed-form .views-widget-filter-field_regions_tid {  /* SPAN 8 */
	width: 70%;
	background: #FFF;
	border-top: 1px solid #f8f8f6;position: relative;
}
.views-exposed-form .views-widget-filter-field_membership_type_tid{
	width: 40%;
	background: #FFF;
}
#views-exposed-form-canso-members-page-1 .views-exposed-form .views-widget-filter-field_regions_tid {  /* SPAN 8 */
	width: 60%;
	border-top: 0;
}
#views-exposed-form-canso-members-page-1 .views-exposed-form .views-widget-filter-field_membership_type_tid{
	width: 40%;
	background: #FFF;
	border-top: 0;
}
.views-exposed-form .views-widget-filter-field_programmes_tid {  /* SPAN 12 */
	width: 50%;
	background: #FFF;
}
.views-exposed-form .views-widget-filter-field_canso_tags_tid{  /* SPAN 4 */
	width: 30%;
	background: #FFF;
	border-top: 1px solid #f8f8f6;
}
.blogFilters .views-exposed-form .views-widget-filter-field_canso_tags_tid{  /* SPAN 4 */
	width: 30%;
}
.eventFilters .views-widget-filter-date_filter,
.publicationFilters .views-widget-filter-date_filter_1,
.blogFilters .views-widget-filter-date_filter_1,
.eventFilters .views-widget-filter-field_start_date_value,
.newsFilters .views-widget-filter-field_start_date_value,
.blogFilters .views-exposed-form .views-widget-filter-date_filter,
.publicationFilters .views-exposed-form .views-widget-filter-date_filter {  /* SPAN 6 */
	width: 50%;
	background: #FFF;
	border-top: 1px solid #f8f8f6;
	float: left;
}
.views-exposed-form .views-widget-filter-type{  /* SPAN 6 */
	width: 50%;
	background: #FFF;
}
.views-exposed-form .views-exposed-widget > label {
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	text-align: left;
	color: #999;
	cursor: default;
}
.views-exposed-form .views-exposed-widget div label  {
    background: none repeat scroll 0 0 #fff;
    border-radius: 15px;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
	margin: 5px 5px 5px 0;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
	background: #f8f8f6;
}
.views-exposed-form .views-exposed-widget div.highlight label ,
.views-exposed-form .views-exposed-widget div.form-item.form-type-radio input[type=radio]:checked + label
{
	background: none repeat scroll 0 0 #003366;
    box-shadow: 0 2px 4px #000033 inset;
    color: #fff;
}
.form-item-field-start-date-value-value-year .date-year,
.form-item-date-filter-1-value-year .date-year,
.views-exposed-form .views-exposed-widget div input  {
	display: none;
}


.newsFilters .views-widget-filter-type .bef-checkboxes {
	float:left;
	display: block;
	width: 571px;
}
/*.newsFilters .views-widget-filter-type .bef-checkboxes .form-item-edit-type-news{
	float:right;
}*/
.views-exposed-form .views-exposed-widget div label[for=edit-type-news]{
	position: absolute;
	left: 402px;
	top: 32px;
}

/*.page-search .form-item-field-start-date-value-value-year .date-year,
.views-exposed-form .views-exposed-widget div input  { /* exception for search page 
	display: block;
}*/

.views-exposed-form .views-exposed-widget .form-item-date-filter-value-year {
	display: none;
}
.selectWrapper,
.views-exposed-form .views-exposed-widget .form-item-field-canso-tags-tid  {
	overflow: hidden;
	width: 240px;
	position: relative;
	border: 1px solid #f8f8f6;
	border-radius: 3px;
	margin-top: 3px;
	float: left;
	background: url('../images/bgDropdown.png') no-repeat right center ;
}
/*.selectWrapper select,
.views-exposed-form .views-exposed-widget .form-item-field-canso-tags-tid  select  {
	width: 120%;
	background: transparent;
	margin: 0;
	z-index: 2;
	
}
*/
.custom-year-filter {
	position: absolute;
	bottom: 133px;
	left: 20px;
}

.eventFilters .custom-year-filter {
	bottom: 88px;
}
.custom-year-filter a {
	background: none repeat scroll 0 0 #f8f8f6;
    border-radius: 15px;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin: 5px 10px 5px 0;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.custom-year-filter a.active {
    background: none repeat scroll 0 0 #003366;
    box-shadow: 0 2px 4px #000033 inset;
    color: #fff;
}
.views-exposed-form .views-submit-button{
	display: none;
	
}
#views-exposed-form-search-page  .views-submit-button{
	display: block;
}

.views-exposed-form .views-widget-sort-by  { 
	float: right;
	height: auto;
    padding: 15px 20px 5px !important;
	width: auto;
	width: 370px;
}
.views-exposed-form .views-widget-sort-order  { 
	float: right;
	height: auto;
    padding: 15px 20px 5px !important;
	width: auto;
	width: 90px;
	position: relative;
} 
.views-exposed-form .views-widget-sort-by a { 
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	background: #FFF;
	color: #666;
	float: left;
	border-radius: 13px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 10px;
}
.views-exposed-form .views-widget-sort-by .selected  a { 
	background: none repeat scroll 0 0 #003366;
    box-shadow: 0 2px 4px #000033 inset;
    color: #fff;
}


.views-exposed-form .views-widget-sort-order div label,
.views-exposed-form .views-widget-sort-by div label  {
    background: none;
    border-radius: 0px;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: 600;
	margin: 0;
    padding: 0;
	height: auto;
	line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
	text-align: left;
	color: #999;
	cursor: default;
	margin-right: 10px;
}

.views-exposed-form #edit-sort-order-desc,
.views-exposed-form #edit-sort-order-asc {
	width: 20px;
	height: 20px;
	float: left;
	line-height: 17px;
	overflow: hidden;
	position: absolute;
	right: 0;
	font-size: 16px;
	top: 12px;
	text-decoration: none;
} 
.views-exposed-form #edit-sort-order-desc {
	top: 25px;
} 


.views-exposed-form #edit-sort-order-desc a:before,
.views-exposed-form #edit-sort-order-asc a:before {
	font-family: FontAwesome;
	margin-left: 10px;line-height: 15px;
	color: #003366;
	float: right;
	top: 0;
	z-index: 0;
	width: 20px;
	color: #CCC;
}
.views-exposed-form #edit-sort-order-asc a:before {
	content: "\f0d8";
}
.views-exposed-form #edit-sort-order-desc a:before {
	content: "\f0d7";
}
.views-exposed-form #edit-sort-order-desc.selected a:before,
.views-exposed-form #edit-sort-order-asc.selected a:before {
	color: #003366;
}


/* PAGER */

.pagination .item-list {
	display: table;
	margin: 0 auto;
	position: relative;
	clear: both;
}

.pagination .pager li {
	display: inline;
}
.pagination .pager li {
	float: left;
	margin: 15px 10px;
}
.pagination .pager li.pager-current{
	font-weight: 600;
	color: #003366;
}
.pagination .pager li a{
	text-decoration: none;
	color: #999;
	font-weight: 600;
	
}
.pagination .pager li.pager-previous a,
.pagination .pager li.pager-first a,
.pagination .pager li.pager-next a,
.pagination .pager li.pager-last a {
	height: 25px;
	line-height: 25px;
	background: #FFF;
	color: #666;
	padding: 0 15px 0 15px;
	border-radius: 13px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
.pagination .pager li.pager-previous a,
.pagination .pager li.pager-first a {
	float: left;

}
.pagination .pager li.pager-next a,
.pagination .pager li.pager-last a {
	float: right;
}

.pagination .pager li.pager-previous  {
	left: 50px;
}
.pagination .pager li.pager-first  {
	left: 20px;
}

/* TAGLIST */


.contentMain .programmes,
.contentMain .regions {
  margin-bottom: 20px;
}

.contentMain .programmes  {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f8f8f6;
}

.contentMain .programmes label,
.contentMain .regions label {
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;    color: #aaa;
	cursor: text;
}
.contentMain h4 i,
.contentMain .programmes label i,
.contentMain .regions label i  {
    font-weight: normal;
	font-size: 14px;
	margin-right: 10px;
	float: none;
}
.tagList {
	margin-top: 20px;
	overflow: hidden;
}
.tagList h4{

	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;	
	margin-bottom: 0;
	margin-top: 0;
	float: left;
	width: 100%;
}
.tagList .tagItem{
	float: left;
	margin: 0px 15px 5px 0;
	font-size: 15px;
	font-weight: 400;
}


/* ADVERTISEMENT */

.addBlock h4 {
	color: #CCC;
	font-size: 10px;
	text-align: center;
}
.addBlock div{
	margin:0 20px;
}


/* BUTTONS */

.btn {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #FFF;
	color: #666;
	float: left;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 15px;
}
.btn.btnLarge {
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 20px;
	background: #FFF;
	color: #666;
	float: left;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
}
.btn.btnLarge.registerBtn{
	background:#003366;
	color:#fff;
	float:none;
	height:40px;
	display:inline-block;
}
.btn.btnLarge.registerBtn:after{
	content:"\f040";
	font-family: FontAwesome;
	font-style: normal;
	margin-left:1em;
}
.btn.btnSmall {
	height: 25px;
	line-height: 25px;
	padding: 0 15px 0 15px;
	background: #FFF;
	color: #666;
	float: left;
	border-radius: 13px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
}
.btn.btnText{
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0 15px;
	background: none;
	color: #999;
	float: left;
	border-radius: 13px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
}
.sectionHome .gridBlock .btn {
	background: #F0EFEA;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.grey .btn {
	background: #EFEFEF;
}
.btn.btnGrey  {
	background: #f0efea;
}
.btn.active  {
	background: #003366;
	color: #FFF;
	-moz-box-shadow:    inset 0 2px 4px #000033;
   -webkit-box-shadow: inset 0 2px 4px #000033;
   box-shadow:         inset 0 2px 4px #000033;
}
.btn.pullRight  {
	float: right;
	margin-right: 0px !important;
}
h4 .btn.pullRight  {
	float: right;
	margin : 0px !important;
}
.btn.downloadableContent  {
	margin-right: 20px;
	clear: both;
}
.btn.tag {
	margin-right: 20px;
}
.btn i{
	width: 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}
.btn.btnSmall  i{
	width: 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	float: right;
	margin: 2px 5px 0 5px;
}
.btn i{
	width: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	margin: 6px 0 0 10px ;
}
.btn.btnLarge  i{
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	margin: 10px 0 0 10px;
}
.newsLetter .btn {
	margin-top: 0;
	color: #003366;
}
.btn.btnBlue  {
	background: #003366;
	color: #FFF;
}
/* INPUTS */

select {
	width: 225px;
	margin-top: 10px;
	border: 0;
	height: 30px;
	line-height: 30px;
	padding: 5px;
}

.newsLetter input {

	height: 30px;
	line-height: 30px;
	padding: 5px 15px;
	background: #001A33;
	color: #FFF;
	border: 0;
	float: left;
	border-radius: 15px;
	font-size: 13px;
	width: 100%;
	font-weight: 600;
	text-decoration: none;
}

 /*   HOMEPAGE VERSIONS    */
 
.span6.mainSliderWrapper {
	padding: 0 !important;
	border: 10px solid #FFF !important;
}	
.span12.mainSlideBlock {
	margin: 0;
}	
.row [class*="span"].mainSlideBlock {
	height: 280px;
	border: 0 !important;
	background-size: cover;
	background-position: center bottom;
}	
.row [class*="span"].bvSlideBlock {
	height: 200px;
	border: 0 !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.mainSlideBlock .transBlue {
	background: url('../images/transBlue50.png');
	padding: 20px;
	color: #FFF;
	width: 50%;
	height: 100%;
	position: absolute; 
	bottom: 0;
	left: 0;
}
.mainSlideBlock .transBlue .animatedLink:after,
.mainSlideBlock .transBlue .animatedLink{
	color: #FFF;
}
.mainSlideBlock h3{
	margin: 0;
	padding: 0;
}
.mainSlideBlock h3{
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #FFF;
}
.mainSlideBlock p{
	color: #FFF;
}
.mainSlideBlock span.newsDate i,
.mainSlideBlock span.newsDate {
	color: #FFF;
}
.mainSliderWrapper .bx-prev  {
	position: absolute;
	right: 55px;
	bottom: 15px;
	width: 30px;
	height: 30px;
	font-size: 25px;
	padding-top: 3px;
	padding-left: 8px;
	background: #FFF;
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}
.mainSliderWrapper .bx-next {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 30px;
	height: 30px;
	font-size: 25px;
	padding-top: 3px;
	padding-right: 10px;
	text-align: right;
	background: #FFF;
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}

.cansobv .header .menu > li.last.level-1 {
	float: right;
}

.cansobv .header .menu > li.last.level-1  a{
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: #999 !important;
}

/* SEARCH TOP */

.header  .span3  { 
	border: 0;
}
.header  .views-exposed-form .views-exposed-widget.views-widget-filter-keys  { 
	height: 70px;
	border: 0; 
	padding: 20px;
	width: 80%;
	margin-right: 0;
	padding-right: 0;
}

.header  .views-exposed-form .views-exposed-widget.views-submit-button{ 
	height: 70px;
	border: 0; 
	padding: 20px;
	width: 20%;
	margin-left: 0;
	padding-left: 0;
}
.header  .views-exposed-form .views-exposed-widget  label{ 
	width: 30%;
	line-height: 30px;
	color: #CCC;
}
.header  .views-exposed-form .views-exposed-widget  input{ 
	display: block;
    background: none repeat scroll 0 0 #F8F8F6;
    border: 0 none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #003366;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
	width: 70%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.header  .views-exposed-form .views-exposed-widget  input:focus{ 
    background: none repeat scroll 0 0 #f0efea;
}
.header  #views-exposed-form-search-page .views-submit-button .form-submit {
    float: left;
    width: 100%;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	background: #003366;
	position: relative;
	color: #FFF;
	padding: 0;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
/* temp off for display */
.linkBlock,
.region.region-page-top {
	display: none;
}

/* SEARCH PAGE */
.searchResult{
	margin:1em 0;
}

/* Global ATM-Net 2 */

.workGroups.bgWhite {
    padding: 10px 30px 25px;
    background: none repeat scroll 0 0 #fff;
}

.workGroups.bgWhite [class*="span"] {
	background: #F0EFEA;
	padding: 25px !important;
}
.workGroups.bgWhite .rowTitle {
    border: 0 none !important;
}
.globalATM .rowTitle {
}
.globalATM.breadCrumbs {
	border: 0 !important;
	padding: 20px !important;
}
.globalATM.breadCrumbs .breadCrumbs {
	padding: 0px !important;
}
.globalATM .rowTitle {
    border: 0 none !important;
	padding: 13px 25px !important;
    background: none repeat scroll 0 0 #f8f8f6 !important;
}
.globalATM .rowTitle i {
float: right;
}

.globalATM.bgWhite .rowTitle {
    background: none repeat scroll 0 0 #FFF !important;
}


a.globalATMNetLoginBtn{
	width: 100px;
	float: left;
	height: 40px;
	line-height: 38px;
	clear: right;
	font-size: 16px;
	border-radius: 20px;
	background: #003366;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color:#fff;
	text-align:center;
}
section.globalATM .right,
section.globalATM .left {
	padding: 0 !important;
}
section.globalATM.text  {
	padding: 28px 0;
}
.sectionContent.globalATM.text .row {
	background: none;
}
.sectionContent.globalATM.text .row .span6{
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}
.contentBlock.workgroupDocument .span12,
.contentBlock.workgroupMeeting .span12 {
	padding-left: 0;
	padding-right: 0;
}
.animatedLink.fullWidth {
	clear: both;
	float: left;
}
.globalATM  .row   [class*="span"] {
	padding-bottom: 20px;
	border-top: 1px solid #f8f8f6;
}
.globalATM  .row .span3,
.globalATM  .row .span3 [class*="span"] {
	background: #F3F3F1;
	overflow: hidden;
}
.globalATM  .row .span3.contentLeft   {
	background: none;
}
.globalATM  .row .span2.contentRight .span12{
	border-top: 0px solid #FFF;
	}
.globalATM  .revisions{
	padding: 15px 20px;
	}
.globalATM  .row .span3 .span12 {
	border-top: 0px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 15px 20px;
}
.globalATM.text  .row [class*="span"] {
	min-height: 100px;
}
.globalATM.workGroups  .row [class*="span"] {
	min-height: 150px;
}
.globalATM  .row [class*="span"].ATMMeetings {
	background: none;
}
.contentRight .rowTitle,
.contentRight [class*="span"] {
	width: 100%;
	padding: 0 !important;
}
.contentRight .rowTitle  {
	padding-bottom: 15px !important;
}
.contentRight.span2 h4  {
	margin: 0;
}
.contentRight.span2 .span3 ul  {
	margin-bottom: 20px;
}
.contentRight.span2 .span3 ul a  {
	font-size: 13px;
}
.globalATM .atmList li,
.globalATM .atmList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.globalATM .atmList {
	margin-bottom: 15px;
	float:left;
}

.globalATM .meetingList li {
    margin-bottom: 10px;
}
.globalATM  span.label {
    float: left;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.globalATM  .meetingList {
	margin-top: 20px;
}
.globalATM h4 {
	text-transform: uppercase;
	color: #003366;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.globalATM .right .workgroups > h3 {
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: 20px;	
	float: left;
}
.globalATM .right .workgroups a {
	font-size: 13px;
}
.globalATM .atmDocument a.link{
	margin: 0;
	width: 30px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	border-top-left-radius: 13px;
	border-bottom-left-radius: 13px;
	background: #F8F8F6;
	float: left;
	padding-right: 5px;
	color: #CCC;
}
.globalATM .atmDocument a.link:hover{
	color: #999;
}
.globalATM .atmDocument a.link.document{
	margin: 0;
	width: 30px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
	background: #F8F8F6;
	float: left;
	text-align: left;
	padding-left: 6px;
}
.globalATM .right .wgListButton  {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	padding: 0 15px 0 15px;
	background: #F8F8F6;
	border-radius: 13px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 25px;
	cursor: pointer;
}
.globalATM .btn.btnSmall {
	padding-right: 12px;
}
.globalATM .btn.btnSmall.dashBoard {
	position: absolute;
	right: 0;
	top: -5px;
}
.globalATM .edit .btn.btnMedium.dashBoard {
	background: #003366;
	color: #FFF;
}
.globalATM .edit  .btn.btnMedium.dashBoard {
	position: relative;
	float: right;
}
.globalATM .edit .span12{
	padding: 5px 10px !important;
	border: 0 !important;
	background: #f8f8f6 !important;
}
.globalATM .btn.btnSmall  i,
.globalATM .btn.btnMedium  i{
	width: 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	float: right;
	margin: 4px 0px 0 5px;
}
.globalATM h4 i{
	margin-right: 10px;
}
.globalATM .viewArchive {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	float: right;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	padding: 0 15px 0 15px;
	background: #F8F8F6;
	border-radius: 13px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 25px;
}

.attachments  [href$='.doc']:before,
.attachments  [href$='.docx']:before,
.globalATM.attachments  [href$='.doc']:before,
.globalATM.attachments   [href$='.docx']:before{
	font-family: FontAwesome;
	content: "\f1c2";
	margin-right: 10px;
	color: #003366;
}

.attachments  [href$='.ppt']:before,
.attachments  [href$='.pptx']:before,
.globalATM.attachments  [href$='.ppt']:before,
.globalATM.attachments   [href$='.pptx']:before{
	font-family: FontAwesome;
	content: "\f1c4";
	margin-right: 10px;
	color: #003366;
}
.attachments  [href$='.xls']:before,
.attachments  [href$='.xlsx']:before,
.globalATM.attachments  [href$='.xls']:before,
.globalATM.attachments   [href$='.xlsx']:before{
	font-family: FontAwesome;
	content: "\f1c3";
	margin-right: 10px;
	color: #003366;
}

.attachments   [href$='.pdf']:before,
.globalATM.attachments   [href$='.pdf']:before{
	font-family: FontAwesome;
	content: "\f1c1";
	margin-right: 10px;
	color: #003366;
}
.attachments  [href$='.GIF']:before,
.globalATM.attachments  [href$='.GIF']:before,
.attachments  [href$='.PNG']:before,
.globalATM.attachments  [href$='.PNG']:before,
.attachments  [href$='.JPG']:before,
.globalATM.attachments  [href$='.JPG']:before{
	font-family: FontAwesome;
	content: "\f1c5";
	margin-right: 10px;
	color: #003366;
}
.attachments  [href$='.zip']:before,
.globalATM.attachments  [href$='.zip']:before{
	font-family: FontAwesome;
	content: "\f1c6";
	margin-right: 10px;
	color: #003366;
}

.sectionContent.globalATM .row {
    background: #FFF;
}
.adLeader {
	padding: 0;
	margin-top:20px;
	margin-bottom:-15px;
}
.adLeader .span12 {
	background: none;
	text-align: center;
}
.adLeader .span12 a{
	display:inline-block;
}
.adLeader .ga_pixel{
	position:absolute;
	visibility:hidden;
}

/* ISSUU EMBED */
.issuuembed{
	margin-bottom:20px;
}


/* FORMS FOR EVENTS */

.crm-block fieldset{
	margin:30px 0 20px 0;
}

.crm-profile > div {
	float: left;
	width: 100%;
}
.crm-profile  [id*="helprow"]  {
	margin-top: 15px;
	padding-top: 15px;
	float: left;
	width: 100%;
	border-top: 1px solid #F6F6F8;
}
.crm-profile table td label  {
	padding: 4px 10px;
}
.crm-profile input[type="checkbox"] {
    vertical-align: middle;
}
.crm-profile textarea { 
	background: none repeat scroll 0 0 #f0efea;
    border: 0 none;
    border-radius: 4px;
    color: #003366;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 5px 10px;
    width: 550px;
	height: 200px;
}

.crm-profile input#custom_21, /* arrival time field */
.crm-profile input#custom_22, /* departure time field */
.crm-profile input.hasTimeEntry,
.crm-profile input.hasDatepicker {
    width: 200px;
	margin-right: 30px;
}

.crm-profile-view-title{
	margin:1em 0;
	font-weight:bold;
}
.payment_processor-section label{
	clear: right;
	margin-right: 50px;
}
input[type="radio"] {
    vertical-align: text-top;
}
/* DATEPICKER */

#ui-datepicker-div {
	background: #FFF;
	border-radius: 3px;
	-moz-box-shadow:    0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow:         0px 0px 6px #ccc;
	z-index: -1;
	padding: 10px 20px;
	width: 250px;
	position: absolute;
	left: -9999px;
} 
#ui-datepicker-div  a.ui-datepicker-next,
#ui-datepicker-div  a.ui-datepicker-prev{
	background: none repeat scroll 0 0 #003366;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    float: none;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    padding: 0px 4px;
    text-decoration: none;
	cursor: pointer;
	float: left;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	top: 15px;
} 

#ui-datepicker-div  a.ui-datepicker-prev{
	left: 20px;
}
#ui-datepicker-div  a.ui-datepicker-next {
	right: 20px;
}

#ui-datepicker-div  .ui-datepicker-title{
	width: 100%;
	text-align: center;
    color: #16c1f3;
	float: left;
	border-bottom: 1px solid #F5F5F5;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 5px;

} 
#ui-datepicker-div  select{
	float: left;
	width: 100px;
	background: #F5F5F8;    font-size: 12px;
    font-weight: 600;
} 
#ui-datepicker-div  select.ui-datepicker-year{
	float: right;
} 

#ui-datepicker-div  a.ui-datepicker-next span,
#ui-datepicker-div  a.ui-datepicker-prev span{
	font-weight: 700;
} 
#ui-datepicker-div  a.ui-datepicker-next:hover,
#ui-datepicker-div  a.ui-datepicker-prev:hover{
	opacity: 0.8;
} 
#ui-datepicker-div .ui-datepicker-calendar  {
	width: 100%;
	float: left;
}
#ui-datepicker-div .ui-datepicker-calendar thead span{
    font-size: 12px;
    font-weight: 600;
	float: left;
} 
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
    font-size: 12px;
	padding: 1px 0;
	text-decoration: none;
	width: 25px;
	margin-right: 5px;
	float: left;
} 
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    background: #16c1f3;
    color: #FFF;
	border-radius: 3px;
	text-align: center;
} 
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable {
    color: #CCC;
} 

/* HIDE DEVEL QUERY DIVS */

.dev-query,
.devel-querylog{
	display:none;
}

/* CIVICRM MENU BACKGROUND */
ul#civicrm-menu.menu-ul.innerbox, ul#civicrm-menu, #root-menu-div ul { background-color: #4477aa; }
ul#civicrm-menu { background-color: #003366; }
#civicrm-menu .activetarget {
	background-color:red;
}


/* ADDITIONAL PARTICIPANTS FOR EVENTS */

select#additional_participants{
	width:80px;
}
select#additional_participants span.description{
	float:left;
}
	
/* 26-03-2015 - CSS changes */

.eventMoreInfo{
	background:#f6f6f6;
}

/* 27-03-2015 - CSS changes */

.crm-button_qf_Confirm_next{
	display:block;
	float:right;
}
.crm-button_qf_Confirm_back{
	display:block;
	float:left;
}

/* 14-08-2015 - Webform CSS */
.form-item.webform-component,
fieldset.webform-component-fieldset{
	overflow:hidden;
	width:100%;
}
fieldset.webform-component-fieldset{
	margin-top:1.5em;
	float:left;
}

.webform-client-form select.month,
.webform-client-form select.day,
.webform-client-form select.year{
	width:100px;
	float:left;
}
input[readonly]{
	color:#ff0000;
}

/* 24-08-2015 - Login form / Webforms for event registrations */
form.webform-client-form{
	width:100%;
	overflow:hidden;
}
.form-item.webform-component.webform-component-markup{
	clear:both;
	width:100%;
	margin:1em 0 .5em;
}
.form-item.webform-component.webform-component-markup.webform-component--banner{
	width:100%;
}
.form-item.webform-component.webform-component-markup p{
	margin:0;
}
#tabs-3 .form-item.webform-component.webform-component-markup a{
	text-decoration:underline;
}
.webform-client-form input[disabled],
.webform-client-form select[disabled]{
	color:#888;
}
div.clear{
	clear:both;
}
.fallback_explanation,
.spouse_form{
	width:100%;
	margin:1em 0;
}

/* 26-08-2015 - CiviCRM data for event registration page */
.contactData{
	margin:1em 0 2em;
	overflow:hidden;
}
.contactData div{
	width:30%;
	float:left;
}
.contactData div.content{
	width:70%;
}
.contactData div span{
	font-weight:bold;
}
.contactData .cd{
	width:100%;
}

/* 28-08-2015 - Login/registration forms */
.forgot_login_text{
	width:100%;
	margin:1em 0;
}

/* 07-10-2015 - Issuu embed code fix for Chrome */
.pcover a.read-link img{
	/*top:auto !important;*/ /* disabled on 10-11-2015, apparently Issuu fixed their embed code */
}

/* 30-11-2015 - Webform table markup */
div#edit-submitted-table{
	width:800px;
}
table.table,
table.table tbody,
table.table tr.odd,
table.table tr.even{
	width:800px;
}
table.table tr td{
	width:auto;
	max-width:100px;
}
table.table tbody td:first-child{
	display:none;
}

/* 04-01-2016 - Additional Webform CSS */
.webform-client-form div.form-actions{
	width:100%;
}

/* 13-01-2016 - Additional Webform CSS */
.form-item.webform-component.webform-component-markup.webform-component--table-explanation{
	width:800px;
}
label[for="edit-submitted-table"]{
	display:none;
}

/* 28-01-2016 - Site CSS additions */
a.forgotpw{
	color:#ff0000;
	font-weight:bold;
}

/* 22-07-2016 - Additional Webform CSS */
.webform-component .description{
	float:left;
	margin:5px 0;
	width:100%;
}

/* 19-08-2016 - CSS fixes for content elements + new CSS for event page changes */
.contentMain ul{
	list-style:disc;
	margin-left:1em;
}
.contentMain .tagList ul{
	list-style:none;
	margin-left:0;
	margin-right:1em;
}

.sectionContent .row div.sponsor{
	border-top:1px solid #f8f8f6;
}
div.exhibitorLabel{
	margin-bottom:1em;
	color:#003366;
	font-weight:bold;
	background:#f6f6f6;
	padding:4px;
}

img.exhibitorLogo{
	max-width:50%;
}
a.exhibitorName,
a.exhibitorWebsite{
	float:left;
	margin:0;
	width:100%;
	font-size:16px;
	font-weight:600;
	line-height:24px;
	text-decoration:none;
}
a.exhibitorWebsite{
	font-size:13px;
	font-weight:normal;
	color:#003366;
}
div.exhibitorDescription,
div.exhibitorDescriptionExcerpt{
	margin-top:1em;
}
div.descToggle{
	cursor:pointer;
	margin-top:1em;
	text-align:right;
}
div.descToggle .off{
	display:none;
}
div.descToggle:hover span{
	color:#003366;
}

/* Youtube embed functions (GAN) - 08-09-2016 */

/* Hide title bar in YT player (not working with settings in embed code) */
.ytp-title{
	display:none; /* Doenst work for iframe? */
}

/* TEMP TEST CSS FOR ADVERTISTEMENT FUNCTIONS - Sebastiaan - 02-01-2017 */

.contentWrapperRight{
	padding:0;
}

.advertRightColumn{
	display:block;
	width:195px;
	height:150px;
	background-position:center center;
	background-size:cover;
	margin-bottom:20px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

.row.padding .contentWrapperLeft,
.row.padding .contentWrapperRight{
	padding:0;
}
.newsGrid .contentWrapperLeft .position3{
	position:relative;
	border:none;
	height:340px;
	margin-bottom:25px !important;
}
.newsGrid .contentWrapperLeft .position3 .rowTitle{
	/*padding-top:25px !important;*/
}
.newsGrid .contentWrapperLeft .mainSliderWrapper .bx-controls-direction{
	position:absolute;
	right:20px;
	bottom:20px;
}
.contentWrapperLeft .pubSlider{
	width:80%;
	margin:0 auto;
}
.row.padding .span2.contentWrapperRight,
.not-front.page-node-5365 .row.padding .span2.contentWrapperRight{ /*homepage*/
	background:none;
	padding-top:60px;
}
.not-front .row.padding .span2.contentWrapperRight{ /*other pages*/
	padding-top:80px;
}
.newsGrid .contentWrapperLeft .newsBlock{
	height:360px;
}
.blogGrid .contentWrapperLeft .blogBlock{
	height:380px;
}
.publicationsGrid .contentWrapperLeft .publicationBlock{
	/*height:230px;*/
}
.publicationsGrid .contentWrapperLeft .publicationFilters,
.blogGrid .contentWrapperLeft .blogFilters{
	position:relative;
}
.span25{
	width:19.5%;
}

.row .contentWrapperLeft .sectionPublications .pubSlide [class*="span"]{
	padding-top:16px;
	padding-bottom:0;
}
.contentWrapperLeft .sectionPublications .pubSlide .pubTitle{
	font-size:20px;
	line-height:20px;
}
.contentWrapperLeft .sectionPublications .pubSlide .pubImage{
	height:150px;
	width:auto;
	border:none;
}

.btn.btnSmall.homeReadMore{
	position:absolute;
	bottom:10px;
	right:20px;
}

.contentWrapperRight a{
	display:block;
	margin-bottom:1em;
}
img.ga_pixel{
	float:left;
}


/* EVENT PAGE - 25-01-2016 */

#banner .eventBanner{
	display:block;
	margin:0 auto;
	height:auto;
}
.row.padding .span10.eventSliderWrapper{
	padding:0;
}
.eventBrochureImage{
	width:60%;
}
.adsEventPage{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #F8F8F6;
}

.advertRightColumnEvent{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin-bottom:10px;
}

/* NEW FILTERS MARKUP - 25-01-2017 */


.eventFiltersTEST  .views-exposed-form .views-widget-filter-date_filter,
.eventFilters .views-exposed-form .views-widget-filter-date_filter,
.blogFilters .views-exposed-form .views-widget-filter-date_filter_1,
.publicationFilters .views-exposed-form .views-widget-filter-date_filter_1,
.newsFilters .views-exposed-form .views-widget-filter-date_filter
{
	width:40%;
}
.eventFiltersTEST .views-exposed-form .views-widget-filter-field_programmes_tid,
.eventFilters .views-exposed-form .views-widget-filter-field_programmes_tid,
.blogFilters .views-exposed-form .views-widget-filter-field_programmes_tid,
.publicationFilters .views-exposed-form .views-widget-filter-field_programmes_tid
{
	width:20%;
}
.eventFiltersTEST .views-exposed-form .views-widget-filter-field_regions_tid,
.eventFilters .views-exposed-form .views-widget-filter-field_regions_tid,
.blogFilters .views-exposed-form .views-widget-filter-field_regions_tid,
.publicationFilters .views-exposed-form .views-widget-filter-field_regions_tid
{
	width:20%;
}
.eventFiltersTEST .views-exposed-form .views-widget-filter-field_canso_tags_tid,
.eventFilters .views-exposed-form .views-widget-filter-field_canso_tags_tid,
.blogFilters .views-exposed-form .views-widget-filter-field_canso_tags_tid,
.publicationFilters .views-exposed-form .views-widget-filter-field_canso_tags_tid
{
	width:20%;
}

.newsFilters .views-exposed-form .views-widget-filter-type,
.newsFilters .views-exposed-form .views-widget-filter-field_programmes_tid,
.newsFilters .views-exposed-form .views-widget-filter-field_regions_tid,
.newsFilters .views-exposed-form .views-widget-filter-field_canso_tags_tid
{
	width:25%;
}

.eventFiltersTEST .custom-year-filter,
.eventFilters .custom-year-filter,
.blogFilters .custom-year-filter,
.publicationFilters .custom-year-filter,
.newsFilters .custom-year-filter
{
	top:34px;
	bottom:auto;
}

.views-exposed-form select{
	border:1px solid #f8f8f6;
	background-color:#fff;
	margin-top:10px;
	padding:0;
	/*text-indent:5px;*/
	width:90%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-appearance:none; /*remove Safari styling*/
}

.eventFiltersTEST .selectWrapper, .views-exposed-form .views-exposed-widget .form-item-field-canso-tags-tid{
	width:100%;
	margin:0;
	border:none;
	background:none;
}

/* GLOBAL ATM NET - ADDITIONS - 16-02-2017 */
.globalATM.text ul{
	margin-left:1em;
	list-style:disc;
}
.globalATM.text ol{
	margin-left:1em;
}

/* CAPTCHA - WEBFORM ADDITIONS - 25-10-2017 */
fieldset.captcha{
	display:inline-block;
	margin-top:1em;
}
fieldset.captcha legend{ /* hide label */
	display:none;
}