@import "flexslider.css";
@import "richTextEditor.css";
@import "KsbForms.css";

/*FONT*/

@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.eot');
    src: url('montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('montserrat-regular-webfont.woff') format('woff'), url('montserrat-regular-webfont.ttf') format('truetype'), url('montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* @font-face kit by Fonts2u (http://www.fonts2u.com) */

@font-face {
    font-family: "Socialico";
    src: url("Socialico.eot?") format("eot");
    src: url('Socialico.eot?#iefix') format('embedded-opentype'), url('Socialico.woff') format('woff'), url("Socialico.ttf") format("truetype"), url("Socialico.svg#Socialico") format("svg");
    font-weight: normal;
    font-style: normal;
}


/*COOKIE CONTROL*/

#cookiesOptInMessage {
    font-family: Arial;
    font-size: 0.75em;
    color: #555555;
    padding: 0.25em 0 0.25em 0;
}

#cookieIcon {
    padding: 0.25em 0 0.25em 0;
}

#cookieIcon img {
    margin: auto;
}

#cookieOk {
    padding: 0.25em 0 0.25em 0;
}

#cookieOk img {
    float: left;
}

#cookieOk a {
    font-size: 1.5em;
    font-weight: bold;
    color: #555555;
    float: left;
}


/*BODY*/

{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.oldMaster {
    width: 100%;
    height: 3px;
    background-color: green;
}

.newMaster {
    width: 100%;
    height: 3px;
    background-color: purple;
}


/*class for touch screen menu dropdowns*/

.touch {
    -webkit-transition: none;
    transition: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #35434d;
    line-height: 1.6em;
    font-weight: 400;
    background-color: #f8f8f8;
}

a {
    color: #2484c6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/*for everything except footer so footer bg colour goes to bottom of browser*/

.whiteBackground {
    background-color: #fff;
    padding-bottom: 2em;
}

img {
    display: block;
}

#navBar {
    position: relative;
}


/*layout class for development*/

.layout {
    background: #F5F5F0;
}

#searchText {
    /*color:#808080;*/
    color: #8b8c91;
    border: 1px solid #CCC;
    height: 25px;
    width: 100%;
    vertical-align: middle;
    margin-right: -25px;
    padding: 2px;
}

#searchSubmit {
    vertical-align: middle;
}

#searchForm form {
    margin-top: 3px;
}


/***********KB Banner changes****/

.logoBar {
    padding-top: 1em;
}

.donateButtonKSB div {
    width: 8em;
    height: 2em;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    box-shadow: 3px 3px 5px #cccccc;
    font-weight: bold;
    transition: 0s;
}

.blueButton {
    background-color: #2484c6;
}

.blueButton:hover {
    background-color: #00b259;
}

.greenButton {
    background-color: #00b259;
}

.greenButton:hover {
    background-color: #2484c6;
}

.yellowButton {
    color: #000;
    background-color: #FFCB05;
}

.yellowButton:hover {
    background-color: #FFE8AF;
}

.purpleButton {
    background-color: #8f53a1;
}

.purpleButton:hover {
    background-color: #d3c1de;
}


/*breadcrumbs*/

.breadCrumb {
    font-family: Arial;
    -webkit-margin-before: 1em;
}

.breadCrumb li {
    display: inline;
    margin-right: 10px;
    font-size: 0.8em;
}

.breadCrumb li a {
    color: #000;
}

.breadCrumb li.bNav:before {
    content: "\25BA";
    padding-right: 4px;
}

.breadCrumb li.bNav:first-child {
    color: #2484c6;
}


/*section,	article	{		margin-bottom: 1em;	}		section > :last-child,	article > :last-child	{		margin-bottom: 1em;	}	section:last-child,	article:last-child	{		margin-bottom: 1em;	}*/


/*icons for related documents*/

a[href$='.pdf'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 28px;
    background: transparent url(/media/585790/pdficon.gif) center left no-repeat;
}


/*Manually add class to a tag if no icon wanted - PR 21/10/15*/

a.imgLinkNoIcon {
    padding: 0;
    background: none;
}

a[href$='.doc'],
a[href$='.docx'],
a[href$='.rtf'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/608486/iconWordSmall.gif) center left no-repeat;
}

a[href$='.xlsx'],
a[href$='.xls'] {
    
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/608499/iconXlsSmall.gif) center left no-repeat;
}

a[href$='.zip'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/153037/zipIcon.gif) center left no-repeat;
}

a[href$='.pptx'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/608473/iconPptSmall.gif) center left no-repeat;
}


/*icons for related links*/

.relLinks ul li a {
    display: inline-block;
    padding-left: 28px;
    line-height: 28px;
    background: transparent url(/media/583751/linkicon.gif) center left no-repeat;
}


/*Icons for Search Results Links*/

.searchResults ul li a {
    display: inline-block;
    padding-left: 28px;
    line-height: 28px;
    background: transparent url(/media/583751/linkicon.gif) center left no-repeat;
}


/*Icons for Search Results PDFs*/

.searchResults ul li a[href$='.pdf'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 28px;
    background: transparent url(/media/608059/iconPdf.jpg) center left no-repeat;
    background-size: 26px;
}


/*Icons for Search Results Docs*/

.searchResults ul li a[href$='.doc'],
.searchResults ul li a[href$='.docx'],
.searchResults ul li a[href$='.rtf'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/14350/word.gif) center left no-repeat;
}


/*Icons for Search Results Excel*/

.searchResults ul li a[href$='.xlsx'],
.searchResults ul li a[href$='.xls'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/22109/excelIcon.png) center left no-repeat;
}


/*Icons for Search Results Powerpoint*/

.searchResults ul li a[href$='.pptx'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/585803/presentations.jpg) center left no-repeat;
}


/*Icons for Search Results Powerpoint*/

.searchResults ul li a[href$='.jpg'] {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px;
    background: transparent url(/media/608046/iconJpg.jpg) center left no-repeat;
}


/* Community Development Case Studies */

#cdCaseStudy {
    display: inline-block;
    padding: 0em 0em 0em 5em;
    line-height: 28px;
    background: transparent url(/media/781832/iconPdftransparent.png) center left no-repeat;
}


/* Community Development Case Studies */


/*Program landing page*/

.KsbSidePanel {
    width: auto;
    border-bottom: 30px solid #bdcdea;
    border-top: 5px solid #2484c6;
    font-size: 0.9em;
    padding: 5px;
}

.panel {
    height: 165px;
    overflow: auto;
}

.sidePanel {
    width: auto;
    font-size: 0.9em;
}

.ssnSubNode {
    background-color: #ccc;
    line-height: 30px;
    color: #ffffff;
    padding: 5px 10px;
    /*margin-top:8px;*/
}

.sidePanelTitle {
    /*background-color:#ccc;*/
    line-height: 30px;
    color: #ffffff;
    padding: 5px 10px;
}

.homeSocialMedIcon {
    font-family: 'Socialico';
    /*margin-top:-5px;*/
    line-height: 43px;
    font-size: 2.5em;
    float: right;
    color: #2484c6;
    padding-right: 8px !important;
}

.homeSocialMedIcon a:hover {
    text-decoration: none;
}

#panelLinks {
    /*line-height:25px;*/
    text-align: right;
}

#panelLinks a {
    color: black;
    text-decoration: none;
    font-size: 0.8em;
    line-height: 26px;
    padding-right: 10px;
    font-weight: bold;
}

#panelLinks a:after {
    /*content:"\25BC";*/
    padding-right: 9px;
}

.newsItem {
    padding-top: 30px;
    border-bottom: 1px solid #e8e8e8;
}

.eventItem,
.libraryItem {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.newsItem:last-child {
    border: none;
    margin: 0;
}

.newsNode a {
    font-weight: bold;
    line-height: 1.2em;
}

.newsNode {
    padding: 10px;
}

.newsNodeLink a {
    color: grey;
    text-decoration: none;
}

.newsNodeLink a:hover {
    text-decoration: underline;
}

.newsNodeLink {
    padding: 10px;
}

.newsNodeIntroduction {
    padding-left: 10px;
    padding-right: 10px;
}

.newsDate {
    padding-bottom: 5px;
    margin-top: -5px;
    font-size: 0.8em;
    font-weight: bold;
}


/*news search*/

#newsSearchSubmit {
    vertical-align: middle;
}

#newsSearchText {
    color: #808080;
    border: 1px solid #ccc;
    height: 25px;
    width: 100%;
    vertical-align: middle;
    margin-right: -25px;
    padding: 2px;
}

#programNewsSearchText {
    color: #808080;
    height: 25px;
    width: 100%;
    vertical-align: middle;
    margin-right: -25px;
    padding: 2px;
}


/*news paging*/

.news-page li {
    display: inline-block;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}

.pager-prev {
    float: left;
}

.pager-next {
    float: right;
}


/*ACTIVITY PAGE SUB MENU*/

#activitySubMenu {
    margin-top: 1em;
    position: relative;
}


/*PAGE CONTENT CONTAINER*/

#pageContent {
    /*padding-top:2em;*/
    font-family: Arial, Helvetica, sans-serif;
}


/*FOOTER*/

footer {
    font-family: Arial;
    font-size: 0.75em;
    padding-top: 2em;
    color: #555555;
}

footer li {
    padding: 0.25em 0;
    line-height: 1.0em;
}

footer a {
    color: #555555;
}

footer p {
    line-height: 1.5em;
}


/*THEME PAGE*/

.themeSectionHome {
    position: relative;
}

.themeSectionHome img {
    display: block;
    width: 100%;
}

.themeSection {
    position: relative;
}

.themeSection img {
    display: block;
    width: 100%;
}

.themeTitleBar {
    line-height: 2em;
    padding: 1.25em;
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    top: 50px;
}

.themeTitle {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.8em;
}


/*Homepage Image slider*/

#bannerImageSlider .flex-control-nav {
    display: none;
}


/*Call to Action*/

.featureStrap,
.featureStrapMini,
.featureStrapMiniInnerpage {
    background: #2384c6;
    color: #fff;
}


/*Homepage Promo Boxes*/

.ksbHomePromoBox {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e8e8e8;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 0;
    color: #333333;
}


/*People page styling*/

.newsLinks {
    color: #fff;
    background-color: #bdcdea;
    padding: 5px 0 5px 10px;
}

.newsLinks a {
    color: #fff;
}

#filterLinks {
    padding: 10px;
}

#filterLinks li {
    margin-bottom: 8px;
    padding-left: 5px;
}

#filterLinks li a {
    color: black;
    text-decoration: none;
}

#filterLinks li a:hover {
    text-decoration: underline;
}

.personDiv {
    text-align: center;
}

.photoBoothImg {
    margin: auto;
    box-shadow: 1px 2px 3px 1px #ccc;
    margin-bottom: 10px;
}


/*Person page styling*/

.news ul {
    padding-top: 10px;
}


/*vacancies page*/

.vacancyTitle a {
    color: #fff;
    font-size: 1.2em;
    padding: 8px;
    box-decoration-break: clone;
}


/*library styling*/

.library li a[href$='.jpg'],
.library li a[href$='.gif'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608046/iconJpg.jpg) no-repeat;
}

.library li a[href$='.pdf'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608059/iconPdf.jpg)no-repeat;
}

.library li a[href$='.ppt'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608072/iconPpt.jpg) no-repeat;
}

.library li a[href$='.pptx'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608072/iconPpt.jpg) no-repeat;
}

.library li a[href$='.wma'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/112732/icon-media-player.gif) no-repeat;
}

.library li a[href$='.doc'],
.library li a[href$='.docx'],
.library li a[href$='.rtf'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608111/iconWord.jpg) no-repeat;
}

.library li a[href$='.xls'],
.library li a[href$='.xlsx'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/608124/iconXls.jpg) no-repeat;
}

.library li a[href$='.eps'] {
    display: inline-block;
    padding-left: 80px;
    line-height: 70px;
    background: transparent url(/media/178942/eps-icon.jpg) no-repeat;
}

#pageTitle {
    font-size: 1.4em;
}


/*Map*/

#map {
    border: 5px solid #F5F5F0;
    box-shadow: 1px 2px 3px 1px #ccc;
}


/*Eco-Schools Table*/

.EcoSchoolsLocalAuthTable {
    width: 100%;
}

.EcoSchoolsLocalAuthTable th {
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px;
}

.EcoSchoolsLocalAuthTable tr {
    border-bottom: 1px solid #FFE0A3;
}

.EcoSchoolsLocalAuthTable tr:hover {
    background-color: #FFE0A3;
}

.EcoSchoolsLocalAuthTable td {
    vertical-align: middle;
    padding: 5px;
    height: 30px;
}


/*CUS Pledge*/


/*CUS Plege message*/

.cusDay {
    display: inline-block;
    padding-left: 64px;
    line-height: 54px;
    font-size: 1.2em;
    background: url(/media/276388/cusDayIcon.gif) left no-repeat;
}

.cusWeek {
    display: inline-block;
    padding-left: 64px;
    line-height: 54px;
    font-size: 1.2em;
    background: url(/media/276448/cusWeekIcon.gif) left no-repeat;
}

.cusMonth {
    display: inline-block;
    padding-left: 64px;
    line-height: 54px;
    font-size: 1.2em;
    background: url(/media/276424/cusMonthIcon.gif) left no-repeat;
}

.cusPlegeCount {
    padding: 25px 0 0 85px;
    font-size: 1.2em;
    width: 318px;
    height: 78px;
    background-image: url('/media/276400/cusEllipse.gif');
    background-repeat: no-repeat;
}


/*award and medals category*/

.awardCategory {
    font-size: 1.0em;
    color: #8f53a1;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.awards li {
    font-size: 0.8em;
}

.medalDes {
    font-size: 0.8em;
    font-weight: bold;
}


/*Malawi project*/

.malawiLogin table {
    background-color: #f4f4f4;
    border: 1px solid #ffd978;
}

.malawiLogin table table tr:first-child {
    margin-bottom: 20px;
}

.malawiLogin table table tr:first-child td {
    text-align: center;
    font-size: 1.2em;
    line-height: 30px;
    background-color: #ffd978;
    margin-bottom: 20px;
}

.malawiLogin table table tr td label {
    width: 80px;
    line-height: 30px;
    padding: 3px;
}

.malawiLogin table table tr td input {
    width: 160px;
}

.malawiLogin table table tr:last-child td input {
    width: 55px;
    padding: 0;
    margin: 7px;
    float: right;
}


/*BS & IYN useful websites */

.morecontent span {
    display: none;
}

.usefulWebsiteList ul li {
    border-bottom: 1px solid #A7CEE8;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.usefulWebsiteList ul li:last-child {
    border: none;
}

.descWeb {
    font-size: 0.8em;
    margin-bottom: 10px;
}


/*BS & IYN seminar presentations*/

#preDes {
    padding-left: 68px;
    /*padding-top:0;*/
    margin-top: -44px;
    font-size: 0.8em;
    min-height: 44px;
}

.preItem {
    border-bottom: 1px solid #A7CEE8;
    margin-bottom: 20px;
}


/*CCF Resource files*/

.ccfResFiles li a[href$='.jpg'],
.library li a[href$='.gif'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254024/iconjpg.jpg)left no-repeat;
}


/* padding: 8px 0 8px 70px; background: url(../graphics/icon-pdf.png) no-repeat 0 8px; min-height: 62px; */

.ccfResFiles li a[href$='.pdf'] {
    /*padding: 0 0 6px 68px;*/
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    margin-bottom: 4px;
    background: transparent url(/media/254048/iconpdf.jpg)no-repeat;
}

.ccfResFiles li a[href$='.pptx'],
.ccfResFiles li a[href$='.ppt'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254060/iconppt.jpg) no-repeat;
}

.ccfResFiles li a[href$='.wma'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254000/iconaudio.jpg) no-repeat;
}

.ccfResFiles li a[href$='.docx'],
.ccfResFiles li a[href$='.doc'],
.ccfResFiles li a[href$='.rtf'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254012/icondoc.jpg) no-repeat;
}

.ccfResFiles li a[href$='.xls'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254084/iconxls.jpg) no-repeat;
}

.ccfResFiles li a[href$='.xlsx'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/295192/iconXlsx.jpg) no-repeat;
}

.ccfResFiles li a[href$='.eps'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/178942/eps-icon.jpg) no-repeat;
}

.ccfResFiles li a[href^='http:'],
.ccfResFiles li a[href^='https:'] {
    display: inline-block;
    padding-left: 68px;
    height: 65px;
    font-size: 1.2em;
    background: transparent url(/media/254036/iconlink.jpg) left no-repeat;
}

.ccfResFileDes {
    padding-left: 70px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: -44px;
    font-size: 0.8em;
    min-height: 44px;
}


/*beach pages*/

#beachFacilities {
    font-size: 0.7em;
    text-align: left;
}

#beachFacilities img {
    float: left;
    padding-right: 5px;
    width: 30px;
    height: 30px;
}


/*Beach Table*/

.beachList th {
    font-weight: bold;
}


/*Beach Rating*/

.rating li {
    float: left;
}


/*SSN Conference 2013 programme */

.ssnText {
    font-size: 0.8em;
}

.ssnText p,
.ssnText ul {
    padding-bottom: 10px;
}

p.boldGreen {
    border-top: 1px solid #c8c8c8;
    padding-bottom: 0;
}

p.boldGreen:first-child {
    border: 0;
    padding: 0;
}

.jigsawHolder {
    width: 630px;
}

.shape1 {
    float: left;
    width: 210px;
    height: 210px;
    background-image: url('/media/410171/shape1.png')
}


/*SSN Jigsaw*/

.jigsawFrame {
    width: 550px;
    margin: 0 auto;
    padding-top: 50px;
}

.jigsawFrame p {
    margin-top: 40px;
    margin-left: 40px;
    /*padding-left:10px;*/
    text-align: center;
}

.jigsawShape {
    float: left;
    width: 195px;
    margin-left: -41px;
    margin-top: -41px;
}

.jigsawText {
    position: absolute;
    z-index: 1;
    width: 122px;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 40px;
    padding-left: 10px;
}

.jigsawFrame4Piece {
    width: 780px;
    margin: 0 auto;
    padding-top: 50px;
}

.jigsawFrame4Piece p {
    /*margin-top:40px; margin-left:40px;padding-left:10px;*/
    text-align: center;
}

.jigsawText a[href$='.pdf'] {
    background: transparent url();
    text-align: center;
    /*margin-left:-25px;*/
}

.jigsawText a {
    text-align: center;
}


/*eco schools elements*/

.ecoElements {
    margin-left: 20px;
}

.ecoElements li {
    float: left;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
}


/*CCF Resources*/

.ccfrHomeFeatureBg {
    width: 280px;
    float: left;
    position: block;
    z-index: -2;
}

.ccfrHomeFeatureText {
    float: left;
    /*text-align:center;*/
    color: #2484c6;
    font-size: 0.9em;
    font-weight: bold;
    margin: -125px 20px 0 12px;
    position: relative;
    z-index: 2;
}

.ccfrHomeFeatureText p {
    line-height: 1.4em;
}

.ccfrHomeFeatureImage {
    float: left;
    padding-left: 4px;
    margin-top: -280px;
    position: relative;
    z-index: 1;
}

.ccfResTab {
    background-image: url('/media/253964/ccfresmore.gif');
    float: right;
    width: 168px;
    height: 35px;
    margin: -35px 0 0 0;
}

.ccfThirdPartyTab {
    background-image: url('/media/253976/ccf3rdmore.gif');
    float: right;
    width: 168px;
    height: 35px;
    margin: -5px 0 0 0;
}


/*CCF resources + 3rd Party Panels*/

.ccfResIntroPanel {
    min-height: 135px;
    /*width:830px;*/
    border: 1px solid #00b259;
    margin-top: 30px;
    background-color: #f4f4f4;
    padding: 20px;
}

.ccfResIntroPanel img {
    float: left;
    padding-right: 20px;
}

.ccfThirdPartyIntroPanel {
    min-height: 135px;
    /*width:830px;*/
    border: 1px solid #2484c6;
    margin-top: 30px;
    background-color: #f4f4f4;
    padding: 20px;
}

.ccfThirdPartyIntroPanel img {
    float: left;
    padding-right: 20px;
}

.ccfResSection {
    padding: 0 10px;
}


/*CCF Resources Nav*/

.ccfResNavi {
    padding-left: 20px;
    /*padding-bottom:6px; padding-top:5px;*/
    border-bottom: dotted #00b259;
    background-image: url('/media/253952/ccfmeniicon.gif');
    background-repeat: no-repeat;
    /*width:200px;*/
}

.ccfResNavi ul {
    padding-left: 20px;
}

.ccfResNavi li {
    list-style-image: url(/media/120122/ulicon.gif);
    font-size: 0.9em;
    margin: 5px 0 5px 0;
}


/*CCF Resources filter*/

.ccfResFilForm {
    float: right;
}

.ccfResFilForm option {
    width: 100px;
}

.ccfStrip {
    font-size: 1.2em;
    background-color: #00b259;
    color: #fff;
    text-align: left;
    line-height: 26px;
    /*margin-bottom:20px;*/
    padding: 3px 5px;
}


/*LEQ Members section styling*/

.ppLogin table {
    background-color: #f4f4f4;
    border: 1px solid #d3c1de;
}

.ppLogin table table tr:first-child {
    margin-bottom: 20px;
}

.ppLogin table table tr:first-child td {
    text-align: center;
    font-size: 1.2em;
    line-height: 30px;
    background-color: #d3c1de;
    margin-bottom: 20px;
}

.ppLogin table table tr td label {
    width: 80px;
    line-height: 30px;
    padding: 3px;
}

.ppLogin table table tr td input {
    width: 160px;
}

.ppLogin table table tr:last-child td input {
    width: 55px;
    padding: 0;
    margin: 7px;
    float: right;
}

table.removeAtt td {
    padding: 0px !important;
    margin: 0px !important;
    border-spacing: 1px !important;
    border-collapse: collapse !important;
}


/*SSN Portal*/

.ssnPortalOrgLogo {
    display: inline-block;
    width: 30%;
}

.ssnPortalOrgLogo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ssnOrgDesSec {
    display: inline-block;
    width: 70%;
}


/*SSN Portal styling*/

.portalLibrary li a[href$='.jpg'],
.portalLibrary li a[href$='.gif'] {
    display: inline-block;
    padding-left: 60px;
    height: 45px;
    background: transparent url(/media/111882/jpeg.jpg) center left no-repeat;
}

.portalLibrary li a[href$='.pdf'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/112225/pdficon.jpg) center left no-repeat;
}

.portalLibrary li a[href$='.pptx'],
.portalLibrary li a[href$='.ppt'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/111874/ppt-icon.jpg) center left no-repeat;
}

.portalLibrary li a[href$='.wma'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/112732/icon-media-player.gif) center left no-repeat;
}

.portalLibrary li a[href$='.doc'],
.portalLibrary li a[href$='.docx'],
.portalLibrary li a[href$='.rtf'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/112234/WordIcon.jpg) center left no-repeat;
}

.portalLibrary li a[href$='.xlsx'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/178931/excel-icon.jpg) center left no-repeat;
}

.portalLibrary li a[href$='.eps'] {
    display: inline-block;
    padding-left: 60px;
    height: 60px;
    background: transparent url(/media/178942/eps-icon.jpg) center left no-repeat;
}

.portalLibrary a {
    background-image: url('/media/228037/webPageIcon.gif');
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 60px;
    height: 60px;
}

.ssnPortalNodeName a {
    text-decoration: none;
}

.ssnPortalNodeName {
    padding-bottom: 10px;
}

.ssnPortalNodeName a:hover {
    text-decoration: underline;
}

.ssnPortalLibItem {
    border-bottom: 1px solid #A7CEE8;
    margin-bottom: 10px;
}


/*SSN Conference*/

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


/*SSN Conference Image Gallery*/

.greenCircles li a {
    background: #c3e2c1;
}

.greenCircles li a:hover,
.greenCircles li a.flex-active {
    background: #00b259;
}

#ssnImageSlider .flex-direction-nav .flex-next {
    right: 30px;
    background-color: #00b259;
}

#ssnImageSlider .flex-direction-nav .flex-prev {
    left: 30px;
    background-color: #00b259;
}

.ssnflex-caption {
    opacity: 0.9!important;
    filter: alpha(opacity=90);
}

.ssncaptionSpanText {
    text-align: center;
}


/*LEQ Conference image slider*/

#leqImageSlider .flex-control-nav {
    margin: -45px 0;
    width: 80%;
    left: 10%;
    padding: 0;
}

.purpleCircles li a {
    background: #D3C1DE;
}

.purpleCircles li a:hover,
.purpleCircles li a.flex-active {
    background: #8F53A1;
}

#leqImageSlider .flex-direction-nav .flex-next {
    right: 30px;
    background-color: #8f53a1;
}

#leqImageSlider .flex-direction-nav .flex-prev {
    left: 30px;
    background-color: #8f53a1;
}

.leqflex-caption {
    opacity: 0.9!important;
    filter: alpha(opacity=90);
    width: 100%
}

.leqcaptionSpanText {
    text-align: center;
}


/*Open Planet Picnic pages styling*/

#oppVideos li {
    width: 200px;
    height: auto;
}

.oppLinks a {
    font-family: 'montserratregular';
    padding: 5px;
}

.oppLinks {
    padding: 5px;
    font-family: 'montserratregular';
}

.oppLink {
    padding-left: 7px;
    padding-bottom: 3px;
    font-size: 0.8em;
}

#recipeImageBorder,
.recipeImageBorder {
    border: 1px solid #FFE0A3;
}

#oppSlides .flex-direction-nav .flex-next {
    right: 30px;
    background-color: #FFCC00;
}

#oppSlides .flex-direction-nav .flex-prev {
    left: 30px;
    background-color: #FFCC00;
}

#oppSlides .flex-control-nav {
    width: 50%;
    left: 25%;
    bottom: -10%;
    padding: 0;
}

.oppSlidesText {
    background-color: #ffe8af;
    height: 550px;
    float: left;
}

.oppSlidesText p {
    padding: 10px;
}

.oppImagesSlidesText {
    background-color: #ffe8af;
    height: 397px;
    float: left;
}


/*oppRecipeImageSlider.flex-control-nav{margin:-30px 0;}*/

#oppRecipeImageSlider {
    margin-bottom: 2em;
}

.yellowCircles li a {
    background: #FFE0A3;
}

.yellowCircles li a:hover,
.yellowCircles li a.flex-active {
    background: #ffcc00;
}

#oppSlides #oppImageSlidePanel img {
    max-height: 397px;
    width: auto;
    margin: auto;
    background-color: #FFE0A3;
}

.imageSlides .flex-control-nav {
    margin: -40px 0;
}

#oppImageSlidePanel {
    border: 1px solid #FFE0A3;
}

.oppflex-caption {
    width: 100%;
    left: 1em;
    top: 23.5em;
    color: #000;
    font-family: 'montserratregular', sans-serif;
    font-size: 1em;
    display: block;
}

.oppflex-caption {
    opacity: 0.9!important;
    filter: alpha(opacity=90);
}

.oppcaptionSpanText {
    text-align: center;
}


/*SSN Calendar*/

li.calendarEvent:first-child {
    margin-top: 5px;
    border-top: none;
    /*margin-top:-10px;*/
}

li.calendarEvent {
    margin-left: 0.15em;
    margin-right: 0.15em;
    margin-bottom: 10px;
    font-size: 0.8em;
    padding: 0.45em;
    line-height: 1.2em;
    border: 0;
    border-radius: 3px;
}

.calDate {
    font-size: 0.8em;
    background-color: #e8e8e8;
    padding-left: 10px;
    color: #666;
}


/*Calendar*/

li.calendarEvent:first-child {
    margin-top: 5px;
    border-top: none;
    /*margin-top:-10px;*/
}

li.calendarEvent {
    margin-left: 0.15em;
    margin-right: 0.15em;
    margin-bottom: 10px;
    font-size: 0.8em;
    padding: 0.45em;
    line-height: 1.2em;
    border: 0;
    border-radius: 3px;
}

.calendarEvent a {
    color: #000;
    word-wrap: break-word;
}

.calendarEvent a:hover {
    text-decoration: none;
}

.calDate {
    font-size: 0.8em;
    background-color: #e8e8e8;
    padding-left: 10px;
    color: #666;
}

.calendarEvent {
    position: relative;
}

.popup {
    display: none;
    position: absolute;
    /*top: -12em;*/
    bottom: 6em;
    left: 1em;
    background-color: #fff;
    width: 23em;
    min-height: 3em;
    /*padding: 5px;*/
    z-index: 1;
    border: 1px solid black;
}

.popup p {
    padding: 5px;
}

a:hover + .popup {
    display: block;
}

.calHeader a:hover {
    text-decoration: none;
}


/*********SSN Portal*****************/

.ssnPortalSubTitle {
    background-color: #BDCDEA;
    color: #666;
    font-size: 1.2em;
    /*position:relative;*/
    padding-left: 5px;
    border-radius: 10px;
}


/*********SSN Portal End*************/


/*********Clean up Scotland Map*******/


/*If reused the style will ned to be updated*/

#EventFeedPanelList {
    height: 567px;
    padding-right: 1em;
    overflow-y: auto;
    /*remove overflow and hieght limit on mobile*/
    overflow-x: hidden;
    border: solid 1px #8f53a1;
}

#EventFeedPanelCount {
    background-color: #8f53a1;
    color: white;
    padding: 0.25em;
}

div.filterTitle {
    display: inline-block;
    width: 95%;
}

div.filterCancel {
    display: inline-block;
    width: 5%;
    text-align: center;
    cursor: pointer
}

div.filterCancel:hover {
    color: #8f53a1;
    background-color: white;
}

.ui-dialog {
    z-index: 10000 !important;
    min-width: 30em;
}

.ui-dialog-titlebar {
    display: none
}

.ui-dialog div {}

.eventBox {
    /*background-color:lightgrey;  */
    width: 100%;
    margin: 0.5em;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #8f53a1;
    padding: 0.25em;
}

.modalDiv {
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 0.5em;
}

.modalDiv a {
    color: blue !important;
}

.modalDiv img {
    width: 100%;
}

#selectedLA {
    width: 100%;
}

#map {
    width: 100%;
    height: 600px;
}


/*********Clean up Scotland End*******/


/********BulletList*************/

ul.bulletList {
    padding: 5px;
    margin-left: 50px;
}

ul.bulletList li {
    list-style-type: circle;
}

.twitterButton {
    width: 200px;
    height: 30px;
    display: inline-block;
    padding: 5px 3px 3px 30px;
    border: #ccc solid 1px;
    border-radius: 3px;
    background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 2px 3px no-repeat;
    background-size: 25px 25px, auto auto;
    /* Text */
    font: bold 13px/19px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    white-space: nowrap;
}

.twitterButton:hover {
    outline: none;
    border-color: #0089cb;
    text-decoration: none;
}


/*project panels strapline PR 23/09/15*/

.panelStrap {
    position: absolute;
    bottom: 0;
    padding: 0.5em 0.75em 0.5em 0.75em;
    font-size: 1em;
    font-weight: 600;
    z-index: 1000;
    height: 40px;
    overflow: hidden;
    -webkit-transition: height 0.2s;
    /* For Safari 3.1 to 6.0 */
    transition: height 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #2484c6;
    width: 100%;
}


/*People pages fix underlines*/

a.cgpersonlink {
    text-decoration: none
}

/**QuckFix Text editor**/
.pageContent li{
	margin-left:1em;
list-style-type: disc;
	
}