﻿/* = Framework
----------------------------------------------------------------------------------------------------------------- */
.innerFrame { width: 90%; margin: 0 auto; text-align: left; }
.navInnerFrame { width: 100%; }
.mainContent { width: 90%; margin: 0 auto; padding: 20px 0 30px; text-align: left; }

.grey { padding: 20px 0; background: #ececec; }
.green { padding: 20px 0 0; background: #a4cb58; }
.green .innerFrame { background: url(/_img/newsletter.jpg) no-repeat right bottom; }
.green h2 { margin: 0 0 10px; color: #fff; }
.blue { padding: 20px 0; background: #0a2359; }
.blue h2 a { color: #fff; }
.white { padding: 20px 0; background: #fff; }
.darkGreenList { background: #149973; color: #fff; padding: 30px; margin: 30px 0; }
.darkGreenList h2, .darkGreenList h3 { color: #fff; }
.darkGreenList ul { margin: 10px 0 0 15px; list-style-image: url(/_img/bullet-white.gif); }
.darkGreenList ul li a { color: #fff; }

@media screen and (min-width: 800px) {
    .innerFrame { width: 94%; }
    .mainContent { width: 94%; }

    .grey { padding-top: 40px; padding-bottom: 40px; }
    .blue { padding-top: 40px; padding-bottom: 40px; }
    .white { padding-top: 40px; padding-bottom: 40px; }
}

@media screen and (min-width: 1230px) {
    .innerFrame { width: 1200px; }
    .mainContent { width: 1200px; padding: 35px 0 70px 0; }
}

/* = Template
----------------------------------------------------------------------------------------------------------------- */
.templateStandard .zoneOne { border-bottom: solid 8px #f1f1f1; margin-bottom: 40px; padding-bottom: 20px; }

@media screen and (min-width: 800px) {
    .templateZones { overflow: hidden; }
}

@media screen and (min-width: 900px) {
    .templateStandard .zoneOne { float: left; width: 66.1%; border-right: solid 1px #dbdbdb; padding-right: 3.9%; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
    .templateStandard .zoneTwo { float: right; width: 26.1%; }
    .templateStandardWide .zoneOne { float: left; width: 100%; }
}

/* = Header
----------------------------------------------------------------------------------------------------------------- */
.siteHead { padding: 0 0 30px; }
.siteHead .logo { float: left; margin: 0; max-width: 100%; width: 450px; height: auto; }
.siteHead .quickLogin { display: none; }
.siteHead .quickLogin .msg { margin: 0 0 10px; padding: 10px 10px 0; }
.siteHead .quickLogin .msg p { margin: 0 0 10px; }
.siteHead .quickLogin .msgImp { margin-bottom: 0; }
.siteHead .quickLogin .msg a { color: #475D66; }

@media screen and (min-width: 800px) {
    .siteHead { padding-bottom: 40px; }
    .siteHead .quickLogin { display: block; float: right; position: relative; clear: right; text-align: right; }
    .siteHead .quickLogin .webForm div { float: left; position: relative; margin: 0 0 5px 0; }
    .siteHead .quickLogin .webForm div.rememberMe { position: absolute; margin: 0; bottom: 0; left: 3px; }
    .siteHead .quickLogin .webForm .text { background: #fff; width: 100px; margin-left: 5px; }
    .siteHead .quickLogin .webForm label { position: absolute; top: -2px; left: 10px; color: #7c7c7c; }
    .siteHead .quickLogin .webForm div.rememberMe label { left: 25px; top: -8px; width: 110px; text-align: left; color: #149973; font-style: italic; }
    .siteHead .quickLogin .webForm div.rememberMe input { position: absolute; top: 0; }
    .siteHead .quickLogin .webForm .formSubmit .btn { float: right; margin-left: 5px; }
    .siteHead .quickLogin .webForm .formSubmit label { display: none; }
    .siteHead .quickLogin .webForm .formSubmit em { position: absolute; bottom: -23px; right: 0; width: 250px; }
    .siteHead .quickLogin .btn { background: #e37715; color: #fff; }
    .siteHead .quickLogin h3 { margin: 25px 0 8px 0; color: #149973; }
}

@media screen and (min-width: 900px) {
    .siteHead .quickLogin .webForm .text { width: 140px; }
}

/* = Tools
----------------------------------------------------------------------------------------------------------------- */
.tools { margin: 0 0 20px 0; list-style-image: none; }
.tools li { display: inline-block; float: left; background: url(/_img/pipe.gif) no-repeat left center; margin: 10px 0 0 7px; padding-left: 9px; }
.tools li:first-child,
.tools .navAccessibility { background: none; margin-left: 0; padding-left: 0; }
.tools .navPrivacy,
.tools .navMembers { display: none; }
.tools .accessibilityNav { display: none; }

@media screen and (min-width: 485px) {
    .tools .navPrivacy,
    .tools .navMembers { display: inline-block; }
    .tools .navAccessibility { background: url(/_img/pipe.gif) no-repeat left center; margin: 12px 0 0 7px; padding-left: 9px; }
}

@media screen and (min-width: 510px) {
    .tools .navMembers, .tools .navSearch { margin: 0 0 0 10px; padding: 0; background: none; float: right; }
    .tools .navMembers a, .tools .navSearch a { display: inline-block; font-weight: bold; padding: 12px; background: #0a2359; color: #fff; }
    .tools .navSearch a { background: #149973 url(/_img/search.gif) no-repeat right center; padding-right: 33px; }
}

@media screen and (min-width: 600px) {
    .tools .accessibilityNav { display: inline-block; }
}

@media screen and (min-width: 800px) {
    .tools { text-align: right; clear: both; margin-bottom: 0; }
    .tools li { float: none; }
    .tools .navMembers { display: none; }
}

@media screen and (min-width: 1230px) {
    .tools .navSearch { display: none; }
}


/* = Primary Navigation
----------------------------------------------------------------------------------------------------------------- */
.navStrip { background: #181818; color: #fff; font-size: 1.3em; }
.navStrip .search { display: none; }

.priNav { clear: left; }
.priNav ul { margin: 0; list-style: none; }
.priNav li { margin: 0; border-top: solid 1px #2e2e2e; }
.priNav a { display: block; height: 46px; line-height: 46px; color: #fff; padding: 0 5%; }
.priNav a:hover { color: #888; }
.priNav a.on { color: #149973; }
.priNav ul ul { display: none; }

/* Interaction */
.navTrigger { float: left; height: 50px; line-height: 50px; color: #fff; padding: 0 0 0 25px; margin-left: 5%; background: url(/_img/burger.gif) no-repeat left center; }
.js .priNav { max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.js .navActive { max-height: 500px; }

@media screen and (min-width: 800px) {
    .priNav, .priNav ul, .priNav li { float: left; }
    .priNav li { margin-right: 20px; border: 0; }
    .priNav a { float: left; padding: 0; }
    .js .priNav { max-height: none; overflow: visible; }
    .navTrigger { display: none; }

    .priNav ul li { position: relative; z-index: 3; font-size: 0.9em; }
    .priNav ul ul { position: absolute; top: 100%; left: -10px; width: 250px; z-index: 2; margin: 0; padding: 10px 0; background: #fff; -moz-box-shadow: 0 0 10px -5px #444; -webkit-box-shadow: 0 0 10px -5px #444; box-shadow: 0 0 10px -5px #444; }
    .priNav ul ul li { float: none; margin: 0; }
    .priNav ul ul li a { float: none; display: block; background: transparent; margin: 0; padding: 8px 15px; height: auto; font-size: 0.9em; line-height: normal; text-decoration: none; text-transform: none; font-weight: normal; color: #0A0A0A; }
    .priNav ul li:hover > ul { display: block; }
    .priNav .nib { position: absolute; top: -6px; left: 28px; background: url(/_img/nib.gif) no-repeat left top; height: 6px; width: 14px; }
}

@media screen and (min-width: 900px) {
    .priNav li { margin-right: 30px; }
}

@media screen and (min-width: 1010px) {
    .priNav li { margin-right: 40px; }
}

@media screen and (min-width: 1230px) {
    .navStrip .search { display: block; }
}

/* = Sub Navigation
----------------------------------------------------------------------------------------------------------------- */
.subNav { margin-top: -20px; }
.subNav ul { margin: 0; list-style-image: none; }
.subNav a { color: #282828; }
.subNav a:hover, .subNav .on { color: #149973; }
.subNav .on { font-weight: bold; }
.subNav ul ul { font-size: 90%; margin: 0 0 15px 10px; }
.subNav ul ul li { padding-left: 12px; background: url(/_img/bullet.gif) left 4px no-repeat; }

/* Hide items */
ul li.subscription { display: none; }

@media screen and (min-width: 800px) {
    .subNav { float: left; width: 175px; padding-right: 30px; margin-top: 0; }
}

/* = Social Links
----------------------------------------------------------------------------------------------------------------- */
.social { float: right; margin: 0 5% 0 0; list-style-image: none; }
.social li { float: left; margin: 9px 0 0 5px; }
.social a { float: left; height: 27px; width: 27px; margin: 2px 0 0 4px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.social a:hover { opacity: 0.5; }
.social .facebook { background: url(/_img/sprite.png) no-repeat 0 -46px; }
.social .twitter { background: url(/_img/sprite.png) no-repeat -37px -46px; }
.social .linkedin { background: url(/_img/sprite.png) no-repeat -76px -46px; }
.social .youtube { background: url(/_img/sprite.png) no-repeat -114px -46px; }

.siteFoot .social { float: left; margin: 0; clear: left; }
.siteFoot .social li { margin-top: 0; }
.siteFoot .social a { height: 41px; width: 41px; margin: 0; }
.siteFoot .social .facebook { background-position: 0 0; }
.siteFoot .social .twitter { background-position: -58px 0; }
.siteFoot .social .linkedin { background-position: -117px 0; }
.siteFoot .social .youtube { background-position: -175px 0; }

.addthis_toolbox { width: auto; margin: 0 auto; }

@media screen and (min-width: 800px) {
    .social { margin-right: 0; }
    .social a { margin: 0; }
    .siteFoot .social { float: right; clear: right; }
}

@media screen and (min-width: 900px) {
    .social li { margin-left: 11px; }
}

@media screen and (min-width: 1230px) {
    .social { margin-left: 15px; }
}

/* = Hero Zone
----------------------------------------------------------------------------------------------------------------- */
.zoneHero { padding: 30px 0; background: #0a2359; color: #fff; }
.zoneHero h1, .zoneHero h2, .zoneHero h3, .zoneHero h4, .zoneHero h5, .zoneHero h6 { color: #fff; }
.zoneHero h5 { margin-top: -5px; font-size: 100%; }
.zoneHero a { color: #fff; }
.zoneHero .resourceType { display: none; }

/* Home Hero Specifics */
#home .zoneHero { background: #1a9e77; }
.zoneHero h2, .heroIntro h2 { color: #a4cb58; font-size: 2em; margin-bottom: 10px; }
.heroIntro .leader { font-size: 1.4em; font-weight: 300; line-height: 1.3em; }
.heroIntro .chunkyLink { display: inline-block; }

/* Hero Banner */
.heroBanner img { width: 100%; height: auto; }

/* Hero Login */
.zoneHero .quickLogin h3 { display: none; }
.zoneHero .quickLogin .msgImp a { color: #475D66; }
.zoneHero .webForm div { float: left; width: 40%; margin-bottom: 10px; }
.zoneHero .webForm label { display: block; float: none; width: auto; }
.zoneHero .webForm .text { width: 95%; }
.zoneHero .webForm .formSubmit { width: 100%; }
.zoneHero .webForm .formSubmit label { display: none; }
.zoneHero .webForm div em { display: inline; margin: 0 0 0 30px; }

.zoneHero .quickLogin .webForm { position: relative; }
.zoneHero .quickLogin div.rememberMe { width: auto; }
.zoneHero .quickLogin div.rememberMe label { float: right; width: 110px; margin-top: 2px; margin-left: 5px; padding-top: 0; text-align: left; color: #fff; font-style: italic; }
.zoneHero .quickLogin div.rememberMe input { float: left; }

.projectsRepeater ul { list-style: none; margin: 20px 0 0 0; padding: 0; }
.projectsRepeater ul li { width: 48%; margin: 0 4% 4% 0; padding: 0; float: left; }
.projectsRepeater ul li:nth-child(even) { margin-right: 0; }
.projectsRepeater ul li img { max-width: 100%; height: auto; border: 3px solid #EAEAEA; box-sizing: border-box; }


@media screen and (min-width: 480px) {
    .projectsRepeater ul li { width: 32%; margin: 0 2% 2% 0; padding: 0; float: left; }
    .projectsRepeater ul li:nth-child(even) { margin-right: 2%; }
    .projectsRepeater ul li:nth-child(3n+3) { margin-right: 0; }
}

@media screen and (min-width: 1010px) {
    .zoneHero { padding-top: 40px; padding-bottom: 20px; }
    .projectsRepeater ul li { width: 48%; margin: 0 4% 4% 0; padding: 0; float: left; }
    .projectsRepeater ul li:nth-child(3n+3) { margin-right: 4%; }
    .projectsRepeater ul li:nth-child(even) { margin-right: 0; }
}

/* = Search Bar
----------------------------------------------------------------------------------------------------------------- */
.search { width: 200px; height: 30px; overflow: hidden; float: right; margin-top: 10px; }
.search table { margin-bottom: 0; }
.search td { padding: 0; background: transparent; border-width: 0; }
.search input { margin: 0; }
.search .gsc-control-cse { background: transparent; padding: 0; border-width: 0; }
.search table.gsc-search-box td { vertical-align: top; }
.search .cse .gsc-search-button input.gsc-search-button-v2,
.search input.gsc-search-button-v2 { margin: 0; padding: 6px 10px; background: #159974; border-color: #159974; }
.search .cse .gsc-search-button input.gsc-search-button-v2:hover,
.search input.gsc-search-button-v2:hover { background: #165946; }
.search .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0; }
.search input.gsc-input { position: relative; top: 3px; font-size: 12px; }

/* = Feature Panels
----------------------------------------------------------------------------------------------------------------- */
.flexslider { margin: 0 auto; position: relative; }
.flexslider .slides { display: block; margin: 0; }
.flexslider .slides li { margin: 0; display: none; position: relative; }
.flexslider .slides li img { width: 100%; border: 10px solid white; box-sizing: border-box; }
.flexslider .slides li .inner { display: none; }

.flexslider .flex-control-paging { margin-top: 14px; margin-bottom: 0; margin-left: 0; text-align: center; }
.flexslider .flex-control-paging li { display: inline-block; margin: 0 5px 5px 0; }
.flexslider .flex-control-paging li a { width: 10px; height: 10px; float: left; text-indent: -9999px; background: #fff; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.flexslider .flex-control-paging li a:hover,
.flexslider .flex-control-paging li a.flex-active { background: #a4cc57; }

/* = Resourses
----------------------------------------------------------------------------------------------------------------- */
.resourses { margin: 0; }
.resourses ul { margin: 0; list-style: none; }
.resourses ul li { margin: 0 0 20px; padding: 20px; color: #fff; background: #149973; -moz-box-sizing: border-box; box-sizing: border-box; }
.resourses ul li h3 { margin: 0 0 20px; color: #fff; font-size: 1.4em; }
.resourses ul li h3 a { color: #fff; }
.resourses ul li p { margin: 0; }
.resourses ul li p a { display: block; color: #a4cb58; font-size: 2.57em; margin: 0 0 10px; }

@media screen and (min-width: 750px) {
    .resourses ul li { width: 49%; float: left; margin: 0 2% 2% 0; }
    .resourses ul li:nth-child(2n) { margin-right: 0; }
}

/* = Sectors
----------------------------------------------------------------------------------------------------------------- */
.sectors { width: 100%; float: left; margin: 0; clear: left; }
.sectors ul { margin: 0; list-style: none; }
.sectors ul li { margin: 0 0 20px; padding: 20px; color: #fff; background: #149973; -moz-box-sizing: border-box; box-sizing: border-box; }
.sectors ul li h3 { margin: 0 0 20px; color: #fff; font-size: 1.2em; }
.sectors ul li h3 a { color: #fff; }
.sectors ul li p { margin: 0; }
.sectors ul li p a { display: block; color: #a4cb58; font-size: 2.57em; margin: 0 0 10px; }

@media screen and (min-width: 750px) {

    .sectors ul li { width: 31.3%; float: left; min-height: 240px; margin: 0 2% 2% 0; }
    .sectors ul li:nth-child(3n) { margin-right: 0; }
    .sectors ul li:nth-child(3n+1) { clear: left; }
}

@media screen and (min-width: 1230px) {
    .sectors ul li { min-height: 200px; position: relative; }
    .sectors ul li p { position: absolute; bottom: 20px; left: 20px; }
}

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.siteFoot { color: #fff; padding: 40px 0; background: #141414; }

.baseNav ul { margin: 0 0 30px; list-style-image: none; overflow: hidden; }
.baseNav ul ul { margin: 10px 0 0 0; padding-top: 8px; }
.baseNav li { font-weight: bold; font-size: 1.2em; border-bottom: solid 1px #2e2e2e; margin: 0 0 20px 0; padding-bottom: 5px; }
.baseNav li li { margin: 0 0 15px; padding: 0; font-weight: normal; font-size: 0.85em; border: 0; }
.baseNav li li a { color: #fff; }
.baseNav li li a:hover { color: #e47615; }
.baseNav .navHome { display: none; }
.baseNav .navNews { clear: left; }

@media screen and (min-width: 800px) {
    .baseNav ul ul { margin: 0; }
    .baseNav li { float: left; width: 32%; border: 0; padding: 0; }
    .baseNav li li { width: auto; float: none; margin-bottom: 8px; }
}

@media screen and (min-width: 1230px) {
    .baseNav li { width: 210px; margin-right: 50px; }
}

.twitterFeed { padding: 20px; margin-bottom: 30px; background: #149973; }
.twitterFeedWrap { overflow: hidden; width: 100%; }
.twitterFeedWrapInner { width: 200%; }
.twitterFeed ul { float: left; display: none; margin: 0; width: 50%; }
.twitterFeed ul:first-child { display: block; }
.twitterFeed ul { display: block; }
.twitterFeed ul li { }
.twitterFeed h2 { margin-top: 0; margin-bottom: 20px; color: #fff; }
.twitterFeed a { color: #fff; text-decoration: none; }
.twitterFeed a:hover { text-decoration: underline; }
.twitterFeed small { color: #A4CB58; }

.modLoader { display: block; margin: 30px auto; }
.twitterFeed .modLoader { margin: 30px 0 30px 24%; }

@media screen and (min-width: 1230px) {
    .twitterFeed { float: right; width: 340px; }
}

.zoneTwo .twitterFeed { display: none; }

@media screen and (min-width: 900px) {
    .zoneTwo .twitterFeed { display: block; }

    .zoneTwo .twitterFeedWrapInner { width: 100%; }
    .zoneTwo .twitterFeed ul { width: 100%; }
    .zoneTwo .twitterFeed { padding: 0; width: auto; background: #fff; }
    .zoneTwo .twitterFeed h2 { font-size: 1.8em; margin-bottom: 14px; }
    .zoneTwo .twitterFeed a { color: #149973; text-decoration: none; }
    .twitterFeed small { color: #ccc; }
}


.footLogo { display: block; margin: -16px 20px 20px 0; }

@media screen and (min-width: 800px) {
    .footLogo { float: left; }
    .footerText { width: 80%; float: left; }
}

/* = Cookie Bar
----------------------------------------------------------------------------------------------------------------- */
.cookie { display: none; padding: 15px 0; background: #159973; color: #fff; }
.cookie p { float: left; margin: 2px 0; }
.cookie p a { color: #fff; }
.cookie p a:hover { text-decoration: underline; }
.cookie a.cookieClose { width: 65px; }

@media screen and (min-width: 1010px) {
    .cookie a.cookieClose { float: right; }
}

/* = Google Search + Search Results
----------------------------------------------------------------------------------------------------------------- */
.zoneOne .search { float: left; width: 100%; text-align: left; margin: 10px 0 30px; }
.gsc-above-wrapper-area-container { margin: 0 0 10px 0; }
.gsc-above-wrapper-area-container td { padding: 0; border: 0; }
.gsc-result-info { margin: 0 !important; padding: 0 !important; }
.gsc-control-cse { padding: 0 !important; }
.gsc-table-result { margin: 0 0 10px 0; }
.gsc-table-result td { border: 0; padding: 0; }
.gsc-resultsHeader { display: none; }
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; }
.gsc-cursor-box { margin-left: 0 !important; }
.gsc-cursor-page { font-weight: bold; background: #149973 !important; padding: 4px 11px; color: #fff !important; margin-right: 4px !important; }
.gsc-cursor-current-page { background: #e37715 !important; }

/* = Conference
----------------------------------------------------------------------------------------------------------------- */
#conference .zoneTwo h2, #conference .zoneTwo img { text-align: center; }
#conference .zoneTwo img { width: 100%; margin: 20px 0; }

/* == News View
----------------------------------------------------------------------------------------------------------------------------------------*/
.newsView .mod ul { margin-bottom: 10px; }

/* == Main Lists
----------------------------------------------------------------------------------------------------------------------------------------*/
.listMain .medObjs li span.lowcvp { top: 0; left: 0; width: 54px; height: 26px; background: url('/_img/icons/lowcvp-event.svg') no-repeat right top; position: relative; float: right; padding-left: 20px; }
.listMain .medObjs li.isLowcvp { padding-top: 15px; }
.listMain .medObjs li.isLowcvp, .newsMain .medObjs li.isLowcvp .cont { overflow: visible; }

.newsList .medObjs li span.lowcvp { width: 54px; height: 26px; background-image: url('/_img/icons/lowcvp-event.svg'); }

.eventList { border-top-width: 0; }
.eventList .medObjs li p { margin-bottom: 10px; }

.colNews .medObjs li { border-bottom: 1px solid #ECECEC; padding-bottom: 14px; }
.colNews .medObjs li:last-child { border-bottom: 0; padding-bottom: 0; }

@media screen and (min-width: 800px) {
    .colNews .medObjs li { border-bottom: 0; padding-bottom: 2px; }
}

/* == Main Lists
----------------------------------------------------------------------------------------------------------------------------------------*/
.related .medObjs li { margin-bottom: 10px; }
.related .medObjs li:last-child { margin-bottom: 0; }
.related .medObjs li span.lowcvp,
.related .medObjs li span.memOnly { position: relative; float: left; margin: 5px 10px 0 0; }

/* = LCC
----------------------------------------------------------------------------------------------------------------- */
#lccentry .popout { margin: -100px 0 0 -290px; }
#lccentry .popout .popoutMain { width: 600px; }
#lccentry .popout .popoutMain .popoutInner input { margin-bottom: 0; }
#lccentry .survey .label { margin-top: 5px; }
#lccentry .webForm div { margin: 0 0 4px 0; }
#lccentry #recaptcha_widget_div { margin-left: 30%; }

/* = Tags
----------------------------------------------------------------------------------------------------------------------------------------*/
.itemTag { display: inline-block; width: auto; margin: 0 5px 10px 0; padding: 5px 10px 7px 23px; color: #149973; font-size: 0.95em; font-weight: bold; border: solid 1px #b7b7b7; background-color: #f1f1f1; background-position: 5px 6px; background-repeat: no-repeat; }
.itemTagMem { background-image: url('/_img/icons/locked.png'); }
.itemTagLowCVP { padding-left: 62px; background-image: url('/_img/icons/lowcvp-event.svg'); background-position: 3px 3px; }
.itemTagWebinar { background-image: url('/_img/icons/video.png'); background-position: 5px 10px; }
.itemTagMeeting { background-image: url('/_img/icons/meeting.png'); background-position: 6px 8px; }

.colEvents .medObjs li .cont, .colResources .medObjs li .cont { }
.colEvents .medObjs li span.lowcvp, .colResources .medObjs li span.lowcvp { top: 0; position: relative; float: right; }

/* == Main Lists
----------------------------------------------------------------------------------------------------------------------------------------*/
.workingDocs { margin-top: 20px; }
.workingDocs h4 { font-size: 1.1em; }
.workingDocs .catControl ul li { position: relative; margin-bottom: 5px; padding-bottom: 5px; }
.workingDocs .catControl ul li h4 { margin-bottom: 5px; font-size: 1.1em; }
.workingDocs .catControl ul li .more { position: absolute; top: 2px; right: 0; }
.workingDocs .colsHalf .mod { position: relative; min-height: 235px; }
.workingDocs .cols .mod .btn { display: none; }
.workingDocs .colsHalf .mod .btn { position: absolute; bottom: 0; right: 0; display: block; }
.workingDocs .mod p { margin-bottom: 10px; }

/* = Hover Caption
------------------------------------------------------------------------------------------------------------------------ */
#hoverCaption { position: absolute; z-index: 10000; top: 0; left: 0; width: 250px; background: #f6f6f6; border: solid 1px #86b34f; color: #282828; padding: 4px 10px; font-size: 11px; text-align: left; }
#hoverCaption ul,
#hoverCaption ul li { list-style: none; }
#hoverCaption ul { margin: 10px 0; }
#hoverCaption ul li img { margin-right: 5px; float: left; }
#hoverCaption ul li img.lowcvpIcon { vertical-align: -7px; }
#hoverCaption ul li span { display: block; overflow: auto; }

/* == Captcha style
------------------------------------------------------------------------------------------------------------------------ */
#recaptcha_area { margin: 0 0 20px 0; }

@media screen and (min-width: 485px) {
    #recaptcha_area { margin: 0 0 20px 30%; }
}

/* = Map
----------------------------------------------------------------------------------------------------------------- */
#map { width: 100%; height: 750px; margin: 0 0 20px; background: #fff url(/_img/map/loading-whitebg.gif) no-repeat center center; }
#map .infowindow h3 { margin-top: 0; }

.nojs #map { width: auto; height: auto; color: #8d4345; padding: 15px; border: 1px solid #e9b9bb; background: #ffdcdd; }

/* = Cleann Air Zones Map [CAZ]
----------------------------------------------------------------------------------------------------------------- */
#cleanairmap { height: 500px; width: 100%; }

/* == Scroll Pane
----------------------------------------------------------------------------------------------------------------------------------------*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 4px; height: 100%; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #ddd; position: relative; }
.jspDrag { background: #999; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { position: absolute; top: 0; left: 0; height: 0; width: 20px; margin-left: -23px; background: url('/_img/scroll-up.png') no-repeat 0 0; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrowDown { top: auto; bottom: 0; background-image: url('/_img/scroll-down.png'); }
.jspArrow.jspDisabled { background-image: url('/_img/scroll-up-off.png'); }
.jspArrowDown.jspDisabled { background-image: url('/_img/scroll-down-off.png'); }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }

/* = Popup
----------------------------------------------------------------------------------------------------------------- */
#fadeWrap { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 1; }
#fade { width: 100%; height: 100%; position: fixed; left: 0; opacity: 0.8; background: #000; z-index: 2; }
.popout.newsletter { padding: 20px 20px 0; position: fixed; top: 10%; left: 42%; margin: 10px 0 0 -190px; display: block; z-index: 9999; background: #fff; width: 40%; color:#282828; height: 75%; overflow-x: hidden; overflow-y: scroll}
#popup .btnClose { margin-left:20px; color:#149973;}
.popupTitle{display:inline-block;width:100%;}
.popout { padding: 20px 20px 0; position: fixed; top: 35%; left: 50%; margin: -100px 0 0 -190px; display: none; z-index: 9999; background: #fff; }
.popout .popoutMain { width: 400px; z-index: 9999; }
.popout .popoutMain .popoutInner { margin: 15px; padding: 15px; background: #fff; }
.popout .popoutMain .popoutInner h2 { font-size: 1.6em; margin-bottom: 10px; }
.popout .popoutMain .popoutInner h4 { line-height: 1.2em; }
.popout .popoutMain .popoutInner label { width: auto; padding-bottom: 5px; }
.popout .popoutMain .popoutInner input { margin-bottom: 10px; }
.popout .popoutMain .popoutInner input.text { width: 100%; }
.btn.btnClose.btnPopupClose{float:right;}
h2.popupTitleText{color:#149973;}
#popup .btn.btnPopupSubmit{padding:10px 30px 10px 30px;}

.popout .popupCheckBoxes .popupCheck label { width: auto; display: inline-block; vertical-align: middle; float: none; }
.popout .popupCheckBoxes .popupCheck input { margin-right: 6px; display: inline-block; vertical-align: middle; float: none; }
.popout .btnNotNow { margin-top: 10px; float: right; }

#popup .btn { display: inline-block; font-weight: bold; font-family: 'Lato', Tahoma, Verdana, Segoe, sans-serif; background: #149973; padding: 10px; color: #fff; border: 0; margin: 0; font-size: 1em; line-height: 1em; cursor: pointer; }

.bgoverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(/_img/lens.png) repeat center center; z-index: 9998; }

#popup .mod { margin: 0 0 20px; padding: 0; z-index: 9999; position: relative; background: #fff; }
#popup .modal { opacity: 0.7; filter: alpha(opacity=20); background-color: #000; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; position: fixed; }

@media screen and (max-width: 1400px) {
    .popout.newsletter { width: 45%; }
}

@media screen and (max-width: 1150px) {
    .popoutwrap { top: 0; }
    .popout.newsletter { width: 55%; }
}

@media screen and (max-width: 850px) {
    .popout.newsletter { width: 63%; }
}

@media screen and (max-width: 700px){
    .popout.newsletter { width: 75%; }
}

@media screen and (max-width: 500px){
    .popout.newsletter { display:none; }
    #popup .modal{display:none;}
}

@media screen and (max-width: 600px) {
    .popoutwrap { width: auto; margin-left: 0; margin-top: 0; padding-top: 0; padding-right: 0; padding-left: 0; position: static; top: 0; left: 0; }
    .popoutwrap .popout { max-height: none; overflow-y: auto; }
    .popoutwrap .btnClose { display: none; }
    .bgoverlay { display: none; }
    
}

#fadeWrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 750; display: none; }
#fade { background: url('/_img/fade-bg.png') left top; position: fixed; width: 100%; height: 100%; filter: alpha(opacity=70); opacity: .70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; left: 0; z-index: 15; }

.modalPopup { display: none; position: fixed; z-index: 10000; top: 50%; left: 50%; float: left; max-width: 600px; width: 90%; margin: 0; padding: 10px; background: #149973; border: solid 2px #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: left; }
.modalPopup .inner .innerMost { padding: 1px; background: #fff; }
.modalPopup .closePopup { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; background: url('/_img/popup-close.png') top left no-repeat; }
.modalPopup table td { border: 0; }
.modalPopup .inner .innerMostContent { position: relative; padding: 15px; overflow: hidden; background: #fff; }

.modalPopupMedia .inner .innerMostContent { padding: 0; background: #fff url('/_img/loading-sml.gif') center center no-repeat; }
.modalPopupMedia .inner .innerMostContent iframe,
.modalPopupMedia .inner .innerMostContent object,
.modalPopupMedia .inner .innerMostContent embed,
.modalPopupMedia .inner .innerMostContent img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 485px) {
    .modalPopup { padding: 20px; }
}


@media screen and (min-width: 600px) {
    .directory li a.more { display: block; }

    /* Poll listing styles */
    .colsThird.colsPolls .col { margin-right: 2%; width: 32%; }
}

@media screen and (min-width: 800px) {
    /* Home Hero Specifics */
    .heroIntro .leader { font-size: 1.5em; line-height: 1.5em; }
}

@media screen and (min-width: 900px) {
    .directory li a.more { display: none; }

    /* Poll listing styles */
    .colsThird.colsPolls .col { margin-right: 0; width: 100%; }
}

@media screen and (min-width: 1010px) {
    /* Home Hero Specifics */
    .heroIntro .leader { font-size: 1.6em; line-height: 1.3em; }
}

@media screen and (min-width: 1040px) {
    .directory li h3 { font-size: 1.14em; }
    .directory li p { display: inline; }

    /* Poll listing styles */
    .colsThird.colsPolls .col { margin-right: 2%; width: 32%; }
}

@media screen and (min-width: 1230px) {
    /* Quotes/Callouts */
    .modCallout .shout { display: block; color: #159974; font-size: 2em; line-height: 1.1em; font-style: normal; font-weight: 400; }

    .directory li a.more { display: block; }
}



/* = Untidied styles
----------------------------------------------------------------------------------------------------------------- */
.eventDetail { display: block; clear: both; padding: 20px 0; }

.directoryImg { margin: 0 0 10px 0; height: 120px; line-height: 120px; position: relative; background: #fff; overflow: hidden; }
.directoryImg img { width: 100%; height: 100%; object-fit: contain; vertical-align: middle; box-sizing: border-box; padding: 10px; }

.flickr, .picasa { position: absolute; top: 0; left: 0; }

@media screen and (min-width: 485px) {
    .directoryImg { margin: -9% -9% 6%; }
}

.homeMemblist li .thumb { margin: 1% 3% 0 0; max-width: 100px; float: none; width: 22%; display: inline-block; vertical-align: middle; padding: 1.5%; }
.homeMemblist li .cont { display: inline-block; vertical-align: middle; width: 70%; float: none; }

.allMembersBtn { float: left; width: 100%; box-sizing: border-box; margin-bottom: 40px; }

@media screen and (min-width: 750px) {
    .allMembersBtn { width: 97.9%; }
}

.flexsliderProjects { position: relative; width: auto; margin: 0 10px; }
.flexsliderProjects .flex-viewport { z-index: 2; }
.flexsliderProjects .flex-direction-nav { position: absolute; top: 50%; width: 100%; height: 50px; margin-top: -20px; z-index: 1; }
.flexsliderProjects a { outline: none; }

.flexsliderProjects .flex-nav-next { position: absolute; right: -20px; }
.flexsliderProjects .flex-nav-prev { position: absolute; left: -20px; }
.flexsliderProjects .flex-nav-prev a { display: block; background: url(/_img/arrow-left.png) no-repeat; width: 20px; height: 40px; text-indent: -80px; overflow: hidden; background-size: 60%; background-position: 50%; }
.flexsliderProjects .flex-nav-next a { display: block; background: url(/_img/arrow-right.png) no-repeat; width: 20px; height: 40px; text-indent: -80px; overflow: hidden; background-size: 60%; background-position: 50%; }

.flexsliderProjects ul { list-style: none; margin: 0; }
.flexsliderProjects ul li { margin: 0; }
.flexsliderProjects ul.slides li { width: 33.3%; border: 5px solid #fff; }
.flexsliderProjects ul li img { width: 100%; height: auto; }

.colEvents .bannerZone img, .colResources .bannerZone img { border: 1px solid #E8E8E8; }

@media screen and (min-width: 600px) {
    .flexsliderProjects .flex-nav-prev a { width: 31px; height: 50px; background-size: 60%; }
    .flexsliderProjects .flex-nav-next a { width: 31px; height: 50px; background-size: 60%; }
    .flexsliderProjects .flex-direction-nav { margin-top: -25px; }
    .flexsliderProjects .flex-nav-next { position: absolute; right: -34px; }
    .flexsliderProjects .flex-nav-prev { position: absolute; left: -34px; }
}


@media screen and (min-width: 1140px) {
    .flexsliderProjects { width: auto; margin: 0 28px; }
}

@media screen and (min-width: 1320px) {
    .flexsliderProjects .flex-nav-next { position: absolute; right: -45px; }
    .flexsliderProjects .flex-nav-prev { position: absolute; left: -45px; }
    .flexsliderProjects .flex-nav-prev a { background-size: 100%; }
    .flexsliderProjects .flex-nav-next a { background-size: 100%; }

    .flexsliderProjects { width: 100%; margin: 0; }
}

/* Needed on the member search control and member view page */
.modPlain .mapWrap,
.modPlain .map { float: left; width: 100%; height: 260px; margin: 0 0 30px; overflow: hidden; background: #eee; }
.modPlain .map { background: #eee url('/_img/loading-sml.gif') center center no-repeat; }
.templateStandardWide .zoneOne .modPlain .mapWrap,
.templateStandardWide .zoneOne .modPlain .map { height: 600px; }

/* Map styles */
.mapWrap { position: relative; }
.mapWrap .loadingPane,
.mapWrap .cloudPane { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; }
.mapWrap .loadingPane { background: #000 url(/_img/loading.gif) center center no-repeat; opacity: 0.70; filter: alpha(opacity=70); }
.mapWrap .cloudPane { cursor: pointer; background: url(/_img/pixel.gif); }


/* Map styles */
.mapMember { float: left; width: 100%; min-height: 120px; padding: 10px 0 25px; position: relative; }
.mapMember .btn { position: absolute; bottom: 0; right: -15px; }
.mapMember .thumb { float: left; margin: 0 15px 15px 0; }
.mapMember .thumb img { margin-bottom: 20px; }
.mapMember .cont { overflow: auto; }
.mapMember .cont p { margin-bottom: 0; }

.mapMembers { float: left; width: 100%; min-height: 120px; padding: 10px 0 15px; position: relative; }
.mapMembers .memberList { margin: 0; }

/*  */
.mapPopoverHover { position: absolute; z-index: 10000; top: -100px; left: 0; background: #96c65b; border: solid 1px #86b34f; color: #fff; padding: 4px 10px; font-size: 11px; font-weight: bold; }
.mapPopoverHover { display: none; }

.mapPopover { display: none; position: absolute; top: 50%; left: 50%; z-index: 980; width: 48%; min-height: 150px; height: auto !important; height: 150px; background: #fff; color: #353535; }
.mapPopover .arrow { position: absolute; top: 10px; left: -10px; width: 11px; height: 26px; background: url('/_img/map/flyout-arrow.png') top left no-repeat; }
.mapPopover a.close { position: absolute; top: 0; right: 0; padding: 4px; background: #149973; }
.mapPopover a.close img { vertical-align: top; }
.mapPopover h2, .mapPopover h3, .mapPopover h4, .mapPopover h5 { margin: 0 0 10px; font-family: Arial; text-transform: none; font-weight: bold; }
.mapPopover h3.name { padding: 10px 15px 5px; margin: 0; color: #0A0A0A; }
.mapPopover h5 { color: #DC143B; }
.mapPopover h5.alt { color: #888; }
.mapPopover p { margin-top: 0; }
.mapPopover .infoHolder { padding: 0 15px 10px; }
.mapPopover .info { width: 100%; }
.mapPopover .infoLoading { overflow: hidden; height: 260px; background: url('/_img/map/loading-whitebg.gif?1') center center no-repeat; }
.mapPopover .medObj .topLayer { background: #aaa url('/_img/map/tile-light.png') repeat top left; }
.mapPopover .eventObj .thumb { width: 70px; }
.mapPopover .eventObj .time { font-size: 1.0em; padding-top: 5px; }
.mapPopover .eventObj .time em { font-size: 1.7em; margin-top: 2px; color: #353535; }
.mapPopover .eventObj .cont a { color: #353535; }
.mapPopover .eventObjFull .cont h3 { font-size: 0.8em; }
.mapPopover .eventObjFull .contWrap h3 { padding-top: 2px; padding-bottom: 5px; }
.mapPopover .mapContentWrap,
.mapPopover .mapContent { float: left; width: 100%; }
.mapPopover .mapContent { height: auto; margin-bottom: 10px; }
.mapPopover ul { background: #fff; }

/*  */
.zoneTwo .mapPopover { top: 0; left: 0; width: 100%; min-height: 1px; height: 100% !important; background: url('/_img/map/tile-light.png') top left repeat; }
.zoneTwo .mapPopover .arrow { display: none; }
.zoneTwo .mapPopover h3.name { font-size: 1.1em; }
.zoneTwo .mapPopover ul { background: url('/_img/map/tile-light.png') top left repeat; }
.zoneTwo .mapPopover .memberList span { display: none; }
.zoneTwo .mapPopover .mapMember { min-height: 194px; }
.zoneTwo .mapPopover .mapMember .thumb { display: none; margin-right: 0; }

a.tooltip { position: relative; }
a.tooltip b { display: none; }
a.tooltip:hover { border: 0 none; text-decoration: none; z-index: 2; }
a.tooltip:hover b { background: none repeat scroll 0 0 #ECECEC; border: 5px solid #84b6cf; color: #333333; display: block; font-size: 95%; font-weight: normal; padding: 5px; position: absolute; text-decoration: none; top: -50px; left: -10px; width: 170px; z-index: 2; }

/* Needed on the member view page */
.cols .mod img { max-width: 100%; }

/* Needed on the member view page */
.actionItem { float: right; margin-top: -30px; }
.actionItemAlt { margin-top: 0; }
.infoItem { font-size: 80%; color: #282828; font-style: italic; font-weight: normal; }

/* Temp job list styles, could be improved on, tidied up and probably made generic */
.jobsMain ul.medObjs { padding-top: 15px; border-top: solid 1px #eee; }
.jobsMain ul.medObjs li { padding-bottom: 20px; border-bottom: solid 1px #eee; }
.jobsMain ul.medObjs .endCol h5:first-child {margin-top:0; }

@media screen and (max-width: 800px) {
    .jobsMain ul.medObjs .cols .endCol {margin-top:20px; }
}

/*  */
.modTight { margin-bottom: 10px; }

/*  */
a.rssBtn { position: absolute; top: 0; right: 0; width: 23px; height: 22px; background: url('/_img/icons/rss-btn.png') top left no-repeat; z-index: 20; }

/*  */
.assetsResults .msg label { width: 28%; padding-right: 10px; vertical-align: top; }
.searchAssets div { position: relative; }
.searchAssets .select,
.searchAssets .text { width: 95%; margin: 0 0 10px; }
.searchAssets .select { color: #272727; }
.js .searchAssets label { width: 95%; position: absolute; top: -1px; left: 10px; color: #7C7C7C; }
.nojs .searchAssets div { clear: both; }
.nojs .searchAssets .select,
.nojs .searchAssets .text { width: 65%; }

/*  */
.heroBanner { margin: 8px 0; }

.heroScroll { height: 240px; margin: 0 0 15px; overflow: hidden; }
.heroScroll .medObjs li { margin-bottom: 10px; }

/*  */
.colsHeroMem { min-height: 180px; }
.colsHeroMem .btn { font-size: 1em; }
.colsHeroMem .medObjs li .cont a:hover { }
.colsHeroMem .medObjs li .cont p small,
.colsHeroMem .medObjs li .cont p b { color: #149973; }
/* .templateMem .col { margin: 0 0 30px; } */
.templateMem .colsMain { float: left; width: 68%; }
.templateMem .colsMain .col { float: left; width: 49%; }
.templateMem .colsSub { float: right; width: 30%; }

.templateMem .colsMain .col { width: 48%; margin-right: 3%; }
.templateMem .colsMain .colEnd { margin-right: 0; }

/* */
ul.rssFeeds li { padding: 5px 0 5px 32px; background: url('/_img/icons/rss-btn.png') center left no-repeat; }

/* */
.catControl ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #DBDBDB; }
.catControl ul li h4 { margin-bottom: 15px; }
.catControl ul li div.cat { float: left; width: 50%; }
.catControl ul li div.cat input { float: left; }
.catControl ul li div.cat label { float: left; width: 85%; padding: 1px 0 0; margin: 0 0 10px 5px; }

/* Calendar Module */
.calendar { position: relative; }
.calendar h2.title { margin: 0 0 20px; text-align: center; cursor: pointer; }
.calendar h2.title { }

.calendar .dateSelect { display: none; position: absolute; top: -55px; left: 50%; margin: 0 0 0 -130px; padding: 7px; border: solid 1px #dbdbdb; background: #fff; }
.calendar .dateSelect .select { width: auto; padding: 4px 7px; }

.calendar .scroll { display: none; margin: 0; }
.calendar .scroll .btn { position: absolute; top: 5px; left: 0; }
.calendar .scroll .next { left: auto; right: 0; }

.cal { float: left; width: 100%; }
.cal:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.cal .item { float: left; width: 14.25%; }
.cal .itemEnd { width: 14.5%; }

.calHdr { border-right: solid 1px #137d5f; }
.calHdr .item div { padding: 25px 10px 5px; border: solid 1px #137d5f; border-right-width: 0; background: #149973; }
.calHdr .item div h3 { font-size: 1em; color: #fff; }
.calHdr .item div h3.full { display: none; }

.calBody { border-right: solid 1px #eee; }
.calBody .item { position: relative; font-size: 0.9em; }
.calBody .item a { overflow: visible; display: block; padding: 10px 10px 10px 8px; height: 120px; overflow: hidden; border-left: solid 1px #eee; border-bottom: solid 1px #eee; background: #fff; color: #000; }
.calBody .itemWE a { color: #149973; }
.calBody .itemNotMonth a { background: #f8f8f8; color: #bbb; }
.calBody .item a:hover { background: #a4cb58; background: #ddd; color: #000; }
.calBody .item a .dayNumb { position: absolute; top: -1px; left: 0; width: 20px; height: 20px; padding: 4px 0 0; font-size: 0.95em; text-align: center; }
.calBody .item a .info { display: inline-block; width: 100%; padding: 10px 0 0; }
.calBody .item a .type { float: left; width: 30px; height: 25px; margin: 0 2px 2px 0; border: solid 1px #a4cb58; color: #333; background-color: #f1f1f1; background-position: 14px 5px; background-repeat: no-repeat; }
.calBody .item a .typeLowCVPEvent { background-image: url('/_img/icons/lowcvp-alt.png'); background-position: 12px 5px; }
.calBody .item a .typeEvent { background-image: url('/_img/icons/events.png'); }
.calBody .item a .typeResource { background-image: url('/_img/icons/resources.png'); background-position: 16px 5px; }
.calBody .item a .typeMeeting { background-image: url('/_img/icons/meeting.png'); }
.calBody .item a .type strong { display: inline-block; margin: 6px 0 0 3px; font-size: 0.95em; font-weight: normal; }
.calBody .item a .hoverInfo { display: none; }

.calBody .item a .typeLowCVPEvent { width: 64px; background: #fff url('/_img/icons/lowcvp-icon-no-border.png') no-repeat 11px 2px; }
.calBody .item a .typeResource strong { margin-left: 4px; }
.calBody .item a .typeDbl strong { margin-left: 2px; }

.calendar .key span { display: inline-block; margin: 15px 15px 0 0; color: #333; font-weight: bold; }
.calendar .key span img { vertical-align: -2px; }
.calendar .key span.lowcvp img { vertical-align: -6px; }

.calListing .itemNotMonth { display: none; }
.calListing ul.appointment { margin: 20px 0 15px 15px; }
.calListing ul.appointment span.img { display: inline-block; width: 15px; }
.calListing ul.appointment span.img img { vertical-align: -3px; }
.calListing ul.appointment span.imgLowcvp { width: 55px; }
.calListing ul.appointment span.imgLowcvp img { vertical-align: -7px; }

.templateMem .calListing { margin-top: 20px; }
.templateMem .calListing .modTitle { font-size: 100%; }
.templateMem .calListing ul.appointment { margin: 5px 0 15px; padding: 5px 10px; list-style-image: none; background: #eee; }
.templateMem .calListing ul.appointment li p { margin-bottom: 0; }

#calendarPopup ul.appointment { margin: 20px 0 15px 15px; }
#calendarPopup ul.appointment img { vertical-align: -2px; margin-right: 5px; }
#calendarPopup ul.appointment span.imgLowcvp img { vertical-align: -7px; }
#calendarPopup p { margin-bottom: 5px; }

@media screen and (min-width: 485px) {
    .calendar .scroll { display: block; }
    .calBody .item a { height: 105px; padding: 10px; }
    .calBody .item a .info { margin: -5px 0 0; padding: 0 0 0 12px; }
}

@media screen and (min-width: 720px) {
    .calHdr .item div h3.full { display: block; }
    .calHdr .item div h3.abbr { display: none; }
    .calBody .item a { height: 65px; }
    .calBody .item a .info { margin: 0; padding: 7px 0 0 10px; }
}

@media screen and (min-width: 800px) {
    .calHdr .item div h3.full { display: none; }
    .calHdr .item div h3.abbr { display: block; }
    .cal { width: 99.75%; }
    .calBody .item a { height: 105px; }
    .calBody .item a .info { margin: -5px 0 0; padding: 0 0 0 12px; }
}

@media screen and (min-width: 1010px) {
    .cal { width: 100%; }
    .calBody .item a .info { padding: 0 0 0 19px; }
}

@media screen and (min-width: 1200px) {
    .calHdr .item div h3.full { display: block; }
    .calHdr .item div h3.abbr { display: none; }
    .calBody .item a { height: 65px; }
    .calBody .item a .info { margin: 0; padding: 7px 0 0 10px; }
}


/* =  Events Shared Styles
----------------------------------------------------------------------------------------------------------------------------------------*/
.listEvents .dateBlock,
.featuredEvents .dateBlock { width: 44px; position: absolute; padding: 4px 0; background: #1A9E77; border: 4px solid #fff; border-left: 0; border-top: 0; margin: 0; line-height: 22px; color: white; font-size: 1.6em; text-transform: uppercase; text-align: center; }

.listEvents .dateBlock span,
.featuredEvents .dateBlock span { font-size: 0.6em; display: block; line-height: 16px; }

.listEvents .dateBlock .dateYear,
.featuredEvents .dateBlock .dateYear { font-size: 0.5em; }


.featuredEvents .lowcvpTag,
.listEvents .lowcvpTag { position: absolute; width: 44px; top: 61px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
.monthDropLabel, .resourcesLabel { margin-right: 20px; width: auto; }
.monthDropdown, .resourcesDropdown { width: 100%; height: 37px; min-width: 200px; }
.yearDropdown { width: 100%; height: 37px; min-width: 200px; margin-top: 10px; }

@media screen and (min-width: 400px) {
    .yearDropdown, .monthDropdown { width: auto; }
    .yearDropdown { margin-left: 118px; margin-top: 10px; }
}

@media screen and (min-width: 620px) {
    .yearDropdown { margin-left: 10px; min-width: 0; margin-top: 0px; }
}

@media screen and (min-width: 900px) {
    .monthDropdown { min-width: 150px; }
}


.isNewArticle { background: #E37715; display: inline-block; padding: 3px 6px; color: #fff; font-size: 0.8em; margin-top: 10px; }

.resourceHeading { color: #0075b2; }
.filterBar { padding-bottom: 15px; border-bottom: solid 1px #dbdbdb; margin-bottom: 15px; }
.filterBar select { width: auto; }

.keywordsContain { margin-bottom: 20px; }
.keywordsContain label { width: 100%; margin: 0 0 8px 0; padding: 0; }
.keywordBoxContain { width: 100%; float: right; }
.keywordBoxContain input { float: right; width: 30%; }
.keywordBoxContain input.btn { max-width: none; height: 35px; }
.keywordBoxContain .keySearch { padding: 8px; width: 70%; height: 35px; }

@media screen and (min-width: 600px) {
    .keywordsContain label { margin: 8px 0; padding: 0; width: auto; }
    .keywordBoxContain { float: right; width: 70%; }
    .keywordBoxContain input.btn { max-width: 132px; }
}

/* = Featured Event
----------------------------------------------------------------------------------------------------------------------------------------*/
.featuredEvents { margin: 0; list-style: none; overflow: hidden; /* padding-bottom: 15px; border-bottom: solid 1px #dbdbdb; margin-bottom: 15px; */ }
.featuredEvents img { width: 100%; height: auto; }
.featuredEvents li { margin: 0 0 20px 0; width: 100%; float: left; position: relative; }
.featuredEvents li:last-child { margin-right: 0; }
.featuredEvents div { min-height: 70px; padding: 12px; background: #0a2359; }
.featuredEvents div h4 { margin: 0 0 10px; }
.featuredEvents div h4 a,
.featuredEvents div p { margin: 0; color: #fff; }

.eventList h2 { font-size: 1.4em; font-weight: 600; }

@media screen and (min-width: 485px) {
    .featuredEvents li { margin-top: 0; margin-right: 3.5%; width: 31%; float: left; position: relative; }
    .featuredEvents li:last-child { margin-right: 0; }
}

/* =  Event List View
----------------------------------------------------------------------------------------------------------------------------------------*/
.listEvents { margin: 0; list-style: none; padding-top: 15px; border-top: solid 1px #dbdbdb; margin-top: 6px; }
.listEvents li { margin-bottom: 20px; position: relative; }
.listEvents img { width: 100%; margin-right: 0; float: left; height: auto; }
.listEvents h3 { font-size: 1.55em; margin: 0 0 10px; }
.listEvents p { margin: 0px; }
.listEvents div { margin-top: 10px; float: left; width: 100%; }
.listEvents .eventlistTitle { display: inline-block; min-width: 95px; }
.eventsKey { float: left; margin: 0; list-style: none; }
.eventsKey li { display: block; background: #f4f3f1; padding: 6px 10px 6px 32px; margin-bottom: 0; margin-right: 2px; }
.eventsKey li.eventMO { background: #f4f3f1 url(/_img/icons/members-only.svg) no-repeat 9px center; }
.eventsKey li.eventLCVP { background: #f4f3f1 url(/_img/icons/lcvp.svg) no-repeat 9px center; }
.eventsKey li.eventMTG { background: #f4f3f1 url(/_img/icons/meeting_n.svg) no-repeat 9px center; }


.colsResponse .col { float: none; width:100%; margin-right: 0; }
.colsResponse .endCol { width: 100%; margin:20px 0 0; }
.calResponse .btn { margin: 10px 6px 10px 0; }


@media screen and (min-width: 485px) {
    .listEvents img { width: 31%; margin-right: 3.5%; float: left; height: auto; }
    .listEvents div { margin-top: 0px; width: 65.5%; }
    .eventsKey li { display: inline-block; }
}

@media screen and (min-width: 1200px) {  
    .colsResponse .col { float: left; width: 60%; margin-right: 4%; }
    .colsResponse .endCol { margin:0; width: 36%; }
    .calResponse { text-align: right; }
    .calResponse .btn { margin: 10px 0 10px 6px; }
}

/* = Event View
----------------------------------------------------------------------------------------------------------------------------------------*/
.eventView label { width: 30%; }
.eventView .modTight { line-height: 1.5em; overflow: hidden; }
.eventsMain .mod { overflow: hidden; }
.eventView .info strong { display: inline-block; width: 70px; }
.eventView .info p { display: inline; }


.eventView .info .eventDescription strong { display: normal; width: auto; }
.eventView .info .eventDescription p { display: block; }


.memberDiscount, .memberDiscountPop { position: relative; margin-bottom: 10px; display: block; }
.eventsMain .calListing ul.appointment { margin: 0; }


@media screen and (min-width: 485px) {
    .memberDiscount, .memberDiscountPop { float: left; margin: 0 20px 0 0; }
    .eventsMain .eventDesc { float: left; }
}

@media screen and (min-width: 1200px) {
    .eventView .colsResponse .col.endCol { float: right; }
}

.calListing li, #calendarPopup li { list-style-image: none; }



/* =  Featured Asset
----------------------------------------------------------------------------------------------------------------------------------------*/
.featuredAssets { margin: 0; list-style: none; padding-bottom: 15px; border-bottom: solid 1px #dbdbdb; margin-bottom: 18px; }
.featuredAssets div { padding: 12px; background: #0a2359; }
.featuredAssets h3 { margin: 0 0 10px; clear: both; }
.featuredAssets a { margin: 0; color: #fff; word-wrap: break-word; }
.featuredAssets div p { color: #dbdbdb; }
.featuredAssets li { margin: 0 0 20px 0; width: 100%; float: left; position: relative; }
.featuredAssets li p { margin: 0; }
.featuredAssets img { width: 100%; border: 1px solid #E6E6E6; border-bottom: 0; height: auto; max-height: 240px; object-fit: cover; box-sizing: border-box; }
.featuredAssets img.assetLinkLowCVP { margin-bottom: 6px; border: 0; width: 54px; height: 26px; position: relative; float: left; }

.featuredAssets li:last-child { margin-right: 0; }

@media screen and (min-width: 485px) {
    .featuredAssets li { margin-top: 0; margin-right: 3.5%; width: 31%; float: left; position: relative; }
    .featuredAssets div { min-height: 128px; }
    .featuredAssets li:last-child { margin-right: 0; }
    .featuredAssets img { height: 150px; object-fit: cover; }
}

/* =  Resources List View
----------------------------------------------------------------------------------------------------------------------------------------*/
.assetsResults p { margin: 0; }
.listResources { margin: 20px 0; list-style: none; clear: left; }
.listResources h3 { margin: 0 0 10px 0; }
.listResources li { margin-bottom: 20px; padding: 10px; background: #eeeeee; position: relative; }
.listResources li.listYear { background: none; margin: 0; padding: 0; font-size: 1.4em; font-weight: 600; }
.listResources li p { margin: 0; }
.listResources .resourceImgContain, .resourceImgContain { border: 1px solid #dddddd; float: left; margin-right: 10px; padding: 2px; width: 90px; text-align: center; height: 90px; line-height: 90px; background: #fff; position: relative; }
.listResources .resourceImgContain .lowcvpTag { position: absolute; width: 54px; height: auto; top: -1px; left: -1px; border: 0; }
.listResources img { border: 1px solid #dddddd; vertical-align: middle; width: auto; height: 65px; }

.resourceASContain { display: none; margin: 15px 0; }
.resourceASContain .searchAssets .select, .resourceASContain .searchAssets .text { width: 100%; height: 33px; }

.btnAdvanced { padding: 11px; margin: 15px 0 0; float: left; clear: both; background: #e47615; }
.btnAdvanced:hover { background: #96c65b; }

@media screen and (min-width: 485px) {
    .listResources .resourceImgContain { width: 100px; height: 100px; line-height: 100px; }
    .listResources img { max-height: 80px; max-width: 80px; height: auto; }
    .listResources li { padding: 20px; }
    .listResources .resourceImgContain, .resourceImgContain { margin-right: 20px; }
    .btnAdvanced { margin: 0; padding: 11px; float: right; background: #e47615; clear: none; }
}

/* =  Resources List 'View All Resources' http://lowcvpplatform.platini.ii.web/projects/view-all.htm?cats=142|77|1
----------------------------------------------------------------------------------------------------------------------------------------*/
.fullCats h3 { float: left; width: 100%; }
.fullCats h3 { float: left; width: 100%; }

@media screen and (min-width: 900px) {
    .fullCats ul li { width: 48%; float: left; min-height: 51px; }
    .fullCats ul li:nth-child(2n-1) { margin-right: 4%; }
}

/* =  Gallery Nav
----------------------------------------------------------------------------------------------------------------------------------------*/
.galleryNavContain .nextImg { float: left; }
.galleryNavContain .prevImg { float: right; }

/* =  Members Homepage
----------------------------------------------------------------------------------------------------------------------------------------*/
.networkWithBlue { padding: 20px 0; background: #2d4a86; }
.networkWithBlue .innerFrame { position: relative; }
.networkWithBlue .innerFrame .iconMembers { width: 100%; margin: 2px 0 0 0; vertical-align: middle; display: inline-block; }
.networkWithBlue .innerFrame .iconMembers { margin-bottom: 6px; font-size: 1.6em; }

.networkWithBlue .innerFrame .searchMembersBar .membName,
.networkWithBlue .innerFrame .searchMembersBar .membCat { margin-bottom: 8px; }
.networkWithBlue .innerFrame .searchMembersBar .modPlain { margin-bottom: 0; }

.discounted { right: 0; top: 7px; color: #111; font-size: 1em; }

.memberSlider .flexslider .slides li img { width: 94%; height: auto; padding: 3%; background: #E8E8E8; }
.memberSlider { margin: 42px 2% 0 0; }
.memberSlider .flexslider .flex-control-paging li a { background: #6BBAA4; }
.memberSlider .flexslider .flex-control-paging li a:hover, .flexslider .flex-control-paging li a.flex-active { background: #a4cc57; }

@media screen and (min-width: 485px) {
    .networkWithBlue .innerFrame .iconMembers { width: auto; }
    .discounted { position: absolute; }
}

@media screen and (min-width: 930px) {
    .networkWithBlue .innerFrame .searchMembersBar { position: absolute; left: 0; width: 100%; margin: 0; display: inline-block; }
    .networkWithBlue .innerFrame .searchMembersBar .webForm { padding-left: 300px; }

    .networkWithBlue .innerFrame .searchMembersBar .membName,
    .networkWithBlue .innerFrame .searchMembersBar .membCat,
    .networkWithBlue .innerFrame .searchMembersBar .membSearch { display: inline-block; }

    .networkWithBlue .innerFrame .searchMembersBar .membName,
    .networkWithBlue .innerFrame .searchMembersBar .membCat { width: 44%; margin-right: 2%; }

    .networkWithBlue .innerFrame .searchMembersBar .membName,
    .networkWithBlue .innerFrame .searchMembersBar .membCat { margin-bottom: 0; }
}

.networkWithBlue .simpleForm .text, .networkWithBlue .simpleForm select { margin: 0; height: 34px; }
.networkWithBlue .innerFrame .searchForm .btn { margin: 0; }
.iconMembers a { color: #fff; }

.membersblueBox { padding-bottom: 40px; }

.membersTabs { float: left; width: 100%; }
.membersTabs ul { list-style-image: none; margin: 0; width: 100%; float: left; clear: both; }
.membersTabs ul li { margin: 0; }
.membersTabs ul li a { background: #0c1f49; padding: 13px 20px; margin: 0 0 3px; font-size: 1.2em; font-weight: bold; display: block; }
.membersTabs ul li a.on { background: #f1f1f1; color: #149973; }

.membersTabs .tabsblock .panel { background: #fff; color: #000; margin-left: 0; padding: 4%; position: relative; width: 92%; clear: both; margin: 30px 0; }
.membersTabs .tabsblock .panel a { color: #000; }
.membersTabs .tabsblock .panel a.alt { color: #149973; }

.orangeLinks { display: block; float: left; width: 100%; }
.orangeLinks a { font-weight: 600; margin-bottom: 8px; padding: 14px 14px 14px 44px; display: block; color: #fff; background: #e47615; }
.orangeLinks a:hover { opacity: 0.9; }
.orangeLinks a.personaldetails { background: #e47615 url(/_img/icons/details.svg) no-repeat 14px center; }
.orangeLinks a.personalize { background: #e47615 url(/_img/icons/personalise.svg) no-repeat 14px center; }
.orangeLinks a.companydetails { background: #e47615 url(/_img/icons/company.svg) no-repeat 14px center; }

.templateMem .cols { border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 30px; }

.membersCalendar .listEvents { padding-top: 0; border-top: 0; margin-top: 0; }
.membersCalendar .listEvents img { width: 48%; margin-right: 3.5%; }
.membersCalendar .listEvents .lowcvpTag { width: 44px; }
.membersCalendar .listEvents div { width: 48.5%; }
.membersCalendar .listEvents h3 { font-size: 1.14em; }
.membersCalendar .listEvents .eventlistTitle { min-width: 65px; }

.memberNews ul li img { float: left; margin-right: 14px; width: 30%; }
.memberNews .medObjs li .cont p, .memberResources .medObjs li .cont p { line-height: 1; }
.memberNews .medObjs li span.lowcvp, .memberResources .medObjs li span.lowcvp { left: 0; right: auto; }

.memberResources .medObjs li span.lowcvp { display: none; }
.memberResources .resourceImgContain { padding: 6px; width: 50px; height: 50px; line-height: 50px; }
.memberResources ul li img { margin-right: 14px; width: 24%; float: left; height: auto; overflow: hidden; border: 1px solid #DDDDDD; vertical-align: middle; }

@media screen and (min-width: 780px) {
    .membersTabs { width: 75%; }
    .membersTabs ul { width: 25%; float: left; clear: none; }
    .membersTabs .tabsblock .panel { margin: 0 0 0 25%; padding: 2%; width: 68%; clear: none; }
    .orangeLinks { width: 25%; }
    .membersTabs strong { font-size: 1.2em; }
}

.extraNewsLoggedIn .medObjs li,
.newForYou .medObjs li { width: 100%; float: left; }

.extraNewsLoggedIn .medObjs,
.newForYou .medObjs { margin-top: 16px; }

.extraNewsLoggedIn .medObjs li p,
.newForYou .medObjs li p { line-height: 1; }

.extraNewsLoggedIn .medObjs li p small,
.newForYou .medObjs li p small { margin: 0 0 6px 0; color: #0A2359; }

.extraNewsLoggedIn .medObjs li img,
.newForYou .medObjs li img { margin-right: 10px; float: left; }

.extraNewsLoggedIn .medObjs li:nth-child(3n+3),
.extraNewsLoggedIn .extraNewsLoggedIn .medObjs li:nth-child(3n+3) { margin-right: 0; }

.wrapLoggedIn .newForYou .medObjs li.isMemOnly span.lowcvp { left: 0; top: 0; }

@media screen and (min-width: 800px) {
    .extraNewsLoggedIn .medObjs li,
    .newForYou .medObjs li { width: 30%; margin-right: 3%; float: left; }
}

.extraNewsLoggedIn li img { width: 100px; }
.extraNewsLoggedIn .meta { display: inline-block; }
.extraNewsLoggedIn a { color: #0A2359; }
.extraNewsLoggedIn a:hover { color: #149973; }

/* == 
------------------------------------------------------------------------------------------------------------------------ */
.wrapLoggedIn .medObjs li span.memOnly,
.wrapLoggedIn .locked,
.wrapLoggedIn .itemTagMem { display: none; }
.wrapLoggedIn .medObjs li.isMemOnly span.lowcvp { right: 0; }

.assetLink.lockedSwitch,
img.assetLink.lockedSwitch { display: inline-block; background: url(/_img/icons/resources.png) no-repeat left center; }

/* = LEV
----------------------------------------------------------------------------------------------------------------- */
.hero img { width: 100%; height: auto; margin-bottom: 20px; }
#lev p.leader { font-size: 2em; font-weight: 300; margin: 20px 0 40px; }
.findlev { margin: 0 0 50px; padding: 30px 0 20px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; overflow: auto; }
.findlev h2 { margin-bottom: 20px; }
.findlev ul { margin: 0; list-style: none; overflow: hidden; }
.findlev li { margin: 0 0 20px; width: 50%; list-style: none; display: inline-block; float: left; }
.findlev li a { width: 100%; padding: 120px 10px 0; display: block; text-align: center; background-position: center top; background-repeat: no-repeat; color: #000; font-weight: bold; font-size: 1.2em; -moz-box-sizing: border-box; box-sizing: border-box; }
.findlev li a:hover { color: #149973; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.ico-battery { background-image: url(/_img/lev/battery.png); }
.ico-phev { background-image: url(/_img/lev/phev.png); }
.ico-biodiesel { background-image: url(/_img/lev/biodiesel.png); }
.ico-naturalgas { background-image: url(/_img/lev/naturalgas.png); }
.ico-lpg { background-image: url(/_img/lev/lpg.png); }
.ico-hydrogen { background-image: url(/_img/lev/hydrogen.png); }
.cols2 { overflow: auto; padding-bottom: 20px; }

.cols2 img { width: 100%; height: auto; }
.btncols { border-top: 1px solid #dbdbdb; padding: 40px 0 0; }
.btncols .col { margin-bottom: 30px; }

.downBtns { border-top: 1px solid #dbdbdb; padding: 40px 0 30px; margin: 0; list-style: none; }
.downBtns li { list-style: none; margin: 0 0 10px; }
.downBtns li a { width: 100%; padding: 20px 20px 20px 80px; display: block; background-position: 20px center; background-repeat: no-repeat; color: #fff; background-color: #e47615; -moz-box-sizing: border-box; box-sizing: border-box; }
.downBtns li a:hover { background-color: #F47F19; }
.zoneTwo .downBtns { border: 0; padding: 0; }
.zoneTwo .downBtns li a { padding: 80px 20px 20px; background-position: center 20px; text-align: center; }
.ico-guide { background-image: url(/_img/lev/ico-guide.png); }
.ico-calculator { background-image: url(/_img/lev/ico-calculator.png); }
.zoneOne .downBtns li a.ico-calculator { padding-left: 110px; }
.btntitle { font-weight: bold; font-size: 1.4em; display: block; margin-bottom: 5px; }
.btndesc { font-size: 1em; }

.levwhat td:first-child { background: #149973; color: #fff; }

@media screen and (min-width: 500px) {
    .findlev li { width: 33.333%; }
    .cols2 .col { display: inline-block; float: left; width: 48%; margin-left: 4%; }
    .cols2 .col:first-child { margin-left: 0; }
}

@media screen and (min-width: 800px) {
    .findlev li { width: 16.666%; }
    .zoneOne .downBtns li { list-style: none; display: inline-block; float: left; width: 48%; margin: 0 0 0 4%; }
    .zoneOne .downBtns li:first-child { margin-left: 0; }
}

.vans { margin: 0; list-style: none; overflow: hidden; }
.vans li { margin: 0 0 4% 0; width: 100%; }
.vans li img { width: 100%; height: auto; margin-bottom: 10px; }

@media screen and (min-width: 420px) {
    .vans li { margin: 0 0 4% 4%; width: 48%; display: inline-block; float: left; }
    .vans li:nth-child(2n+1) { margin-left: 0; clear: both; }
}

/* = Low Carbon Micro Site
----------------------------------------------------------------------------------------------------------------- */
.templateLowerCarbon hr { margin: 38px 0 32px; }

.templateLowerCarbon .skipTo { margin: 25px 0 5px; color: #e37715; }

.templateLowerCarbon .colsTwoThird .col, .templateLowerCarbon .colsHalf .col { margin-bottom: 30px; }
.templateLowerCarbon .colsTwoThird .endCol, .templateLowerCarbon .colsHalf .endCol { box-sizing: border-box; margin-bottom: 0; }
.templateLowerCarbon .colsTwoThird .endCol h2 { margin: 0; line-height: 1; padding-bottom: 15px; border-bottom: solid 1px #eaeaea; }
.templateLowerCarbon .colsHalf ul { margin-bottom: 0; }
.templateLowerCarbon .colsHalfMid .col img { float: left; width: 30%; padding-right: 0px; padding-bottom: 0px; margin-right: 20px; }
.templateLowerCarbon .colsHalfBottom { margin-top: 30px; }

.templateLowerCarbon .bannerZone img { padding: 0; }

.templateLowerCarbon .LCNav { margin: 0; padding: 20px; background: #1a9e77; text-align: left; color: #fff; }
.templateLowerCarbon .LCNav a { color: #fff; }
.templateLowerCarbon .LCNav li { padding: 0 0 10px; margin: 0; display: block; font-size: 1.2em; box-sizing: border-box; }
.templateLowerCarbon .LCNav li:last-child { padding-bottom: 0; }

.templateLowerCarbon h1 { font-weight: bold; }
.templateLowerCarbon h2 { font-size: 1.75em; }
.templateLowerCarbon p,
.templateLowerCarbon ul li { font-size: 1.1em; line-height: 1.5em; }
.templateLowerCarbon ul li { list-style-position: inside; }

.templateLowerCarbon ul li p { font-size: 1em; }
.templateLowerCarbon p:last-child { margin-bottom: 0; }
.templateLowerCarbon p.leader { margin: 40px auto 34px; max-width: 980px; font-size: 1.7em; text-align: center; }
.templateLowerCarbon ul { margin: 0 0 30px 0; }

.templateLowerCarbon .AQLogos { position: relative; margin: 0 40px 50px; }
.templateLowerCarbon .AQLogos ul { margin: 0; }
.templateLowerCarbon .AQLogos ul.slides { height: 95px; }
.templateLowerCarbon .AQLogos ul li { margin: 0; list-style: none; text-align: center; }
.templateLowerCarbon .AQLogos ul li img, .templateLowerCarbon img { width: 100%; max-width: 100%; height: auto; }
.templateLowerCarbon .AQLogos ul li img { width: auto; max-height: 95px; max-width: 100%; display: none; }

.templateLowerCarbon .flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.templateLowerCarbon .flex-direction-nav .flex-nav-prev, .templateLowerCarbon .flex-direction-nav .flex-nav-next { position: relative; top: 50%; margin-top: -15px; }
.templateLowerCarbon .flex-direction-nav .flex-nav-prev a, .templateLowerCarbon .flex-direction-nav .flex-nav-next a { position: absolute; font-size: 0; height: 30px; width: 31px; display: block; }
.templateLowerCarbon .flex-direction-nav .flex-nav-next a { right: -40px; background: url(/_img/arrow-right-g.png) no-repeat 100% 50%; background-size: auto 30px; }
.templateLowerCarbon .flex-direction-nav .flex-nav-prev a { left: -40px; background: url(/_img/arrow-left-g.png) no-repeat 0 50%; background-size: auto 30px; }

.templateLowerCarbon .LCNews { margin: 30px 0; }
.templateLowerCarbon .LCNews img { margin: 0 0 20px; float: left; width: 100%; border: 1px solid #ddd; }
.templateLowerCarbon .LCNews h4 { font-weight: 500; }
.templateLowerCarbon .LCNews h3 { clear: both; }

.templateLowerCarbon .LCNews ul li { margin-bottom: 30px; }

.templateLowerCarbon .LCNews .medObjs li .cont p small, .templateLowerCarbon .AQSlider p small { color: #84b6cf; font-weight: bold; }
.templateLowerCarbon .AQSlider p.resourceType small { color: #e47615; }

.templateLowerCarbon .survey .quest { margin: 0 0 14px 0; }
.templateLowerCarbon .survey textarea.txt { min-height: 120px; resize: none; }

.templateLowerCarbon .AQSlider { margin-top: 20px; }
.templateLowerCarbon .AQSlider ul li { margin: 0; }
.templateLowerCarbon .AQSlider ul li h3 a { font-weight: normal; color: #222; }
.templateLowerCarbon .AQSlider h3, .templateLowerCarbon .AQSlider p { margin: 0 0 4px; }
.templateLowerCarbon .AQSlider img { width: auto; float: left; max-width: 100px; max-height: 100px; margin-right: 20px; border: 1px solid #eee; box-sizing: border-box; }
.templateLowerCarbon .AQSlider .btnMini, .templateLowerCarbon .LCNews .btnMini { line-height: 1; padding: 4px 8px 6px; margin-top: 4px; }
.templateLowerCarbon .LCNews .btnMini { margin-top: 8px; }

.templateLowerCarbon .flex-control-nav { margin: 0; width: 100%; position: relative; margin-top: 10px; text-align: center; }
.templateLowerCarbon .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.templateLowerCarbon .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #666; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.templateLowerCarbon .flex-control-paging li a:hover { background: #333; }
.templateLowerCarbon .flex-control-paging li a.flex-active { background: #a5cc57; cursor: default; }

/*for Anchors*/
.templateLowerCarbon .isAnchor, .templateLowerCarbon .colsTwoThird .endCol h2.isAnchor { padding-top: 20px; margin-top: -20px; }
.back-to-top { font-size: 0.8em; cursor: pointer; background: none; margin: 0; position: fixed; bottom: 0; right: 0; width: 88px; height: 36px; line-height: 38px; z-index: 100; display: none; text-decoration: none; color: #ffffff; background-color: #333; background-color: rgba(30, 30, 30, 0.7); }
.back-to-top:hover { color: #fff; }

.templateLowerCarbon .colsHalfMid .medObjs > li > p { margin-bottom: 0; }
.templateLowerCarbon .colsHalfMid .medObjs img { border: 1px solid #E8E8E8; float: none; padding-bottom: 0; padding-right: 0; }
.templateLowerCarbon ul.bannerRepeater { list-style: none; margin-bottom: 0; }
.templateLowerCarbon ul.bannerRepeater li { margin: 0; }
.bannerText { position: relative; }
.bannerText div { color: #000; font-size: 2rem; left: 20px; position: absolute; top: 20px; }
.bannerText h2, .bannerText p { text-align: center; }
.bannerText a:hover p { color: #149973; }
.templateLowerCarbon .AQSlider .cols { margin-left: auto; margin-right: auto; max-width: 425px; }
.templateLowerCarbon .AQSlider .colsOneQuarter .col { margin-right: 5%; width: 25%; }
.templateLowerCarbon .AQSlider .colsOneQuarter .endCol { width: 70%; }
.templateLowerCarbon .AQSlider img { float: none; margin-right: 0; }
.thumbnail { background-size: cover; float: left; height: 100px; margin-right: 20px; width: 100px; }

@media screen and (min-width: 400px) {
    .templateLowerCarbon .LCNews h3 { clear: none; }
    .templateLowerCarbon .LCNews img { margin: 0px 20px 6px 0; width: 90px; }
}

@media screen and (min-width: 800px) {
    .templateLowerCarbon .colsHalf .col { width: 47%; margin-right: 6%; margin-bottom: 0; }
    .templateLowerCarbon .colsTwoThird .col { float: left; width: 55%; margin-bottom: 0; margin-right: 5%; }
    .templateLowerCarbon .colsTwoThird .endCol { width: 40%; margin-right: 0; box-sizing: border-box; }
    .templateLowerCarbon .LCNews img { margin: 2px 30px 10px 0; width: 200px; }

    .templateLowerCarbon .AQLogos { position: relative; margin: 0 50px 50px; }
    .templateLowerCarbon .flex-direction-nav .flex-nav-prev a, .templateLowerCarbon .flex-direction-nav .flex-nav-next a { height: 40px; }
    .templateLowerCarbon .flex-direction-nav .flex-nav-prev, .templateLowerCarbon .flex-direction-nav .flex-nav-next { margin-top: -20px; }
    .templateLowerCarbon .flex-direction-nav .flex-nav-next a { background-size: auto 40px; right: -50px; }
    .templateLowerCarbon .flex-direction-nav .flex-nav-prev a { background-size: auto 40px; left: -50px; }

    .templateLowerCarbon .LCNav li { padding: 12px 14px; margin: 0; display: inline-block; }
    .templateLowerCarbon .LCNav { margin: 0; padding: 0; text-align: center; }
    .templateLowerCarbon .skipTo { display: none; }

    .back-to-top { width: 100px; height: 40px; line-height: 40px; font-size: 1em; }
}

/*Supplier Profile*/
.supplierView .modPlain .mapWrap{float:none;}
.supplierView .actionItem{float:none;}

/*Conference 2020*/
.resources-agenda .msg { margin-bottom: 5px; }
.resources-agenda .msg .btn { color: #fff; }
.resources-agenda .msg h2 { font-size: 2.2em; font-weight: 400; }
.resources-agenda .msg.agendaHeading { background-color: #149973; border: 1px solid #a4cb58;}
.resources-agenda .msg.agendaHeading h2 { color: #E1FFD9; }
.resources-agenda .msg h2 { color: #C2E1EE; }
.resources-agenda {margin-bottom:20px;}
.resources-agenda .msg.msgImp, .resources-agenda .msg.msgSuccess { padding: 20px; }
.resources-agenda .cols.colsTwoThird .col { float: left; width: 60.6%; margin-right: 2%; }
.resources-agenda .cols.colsTwoThird .col.endCol { float: right; width: 33.3%; min-width:200px; max-width:200px; }
.resources-agenda .msg.msgImp h3 { color: #00264d; font-size: 1.6em; }
.resources-agenda .msg.msgSuccess h3 { color: #149973; font-size: 1.6em; }
.resources-agenda .pdfLink { display: initial; padding: 5px 0 3px 25px; font-size: 14px; }

@media screen and (max-width: 1164px) {
    .resources-agenda .cols.colsTwoThird .col { float: left; width: 50%; margin-right: 2%; }
}

@media screen and (max-width: 974px) {
    .resources-agenda .cols.colsTwoThird .col { float: left; width: 100%; margin-right: 0; margin-bottom: 10px; }
    .resources-agenda .cols.colsTwoThird .col.endCol { float: none; width: 100%; min-width: auto; max-width: 100%; margin-bottom:0; }
    .resources-agenda .msg.msgSuccess .cols.colsTwoThird .col ul { margin-bottom: 0; }
}