/* 2015 stylesheet */

/* Colours

Purple: 481377
Orange: f19d16
Grey: ebebeb

*/

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);*/

#gdpr-cookie-message a { color: #481377;}
button#gdpr-cookie-advanced {color: #481377;}
#gdpr-cookie-message button, button#ihavecookiesBtn {background: #f19d16;}
button#gdpr-cookie-advanced { background: white;}

body { font-family: 'Open Sans', arial; font-size: 90%; text-align: center; line-height: 1.5; background-color: #e5e3e4; color: #737373; margin: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
input, select, textarea { font-size: 90%; font-family: arial; }
table { width: 100%; font-size: 100%; }
a { color: #481377; text-decoration: none; font-weight: inherit;word-break: break-all;/* For webkit browsers */word-break: break-word; }
a:hover { text-decoration: underline; }
img { border-width: 0px; margin: 0px; padding: 0px; }
table, td, th, div { border: solid black 0px; text-align: left; vertical-align: top; }
img { border: solid black 0px; }
form { margin: 0px; padding: 0px; }
fieldset { border: solid transparent 0px; margin: 0px; padding: 0px; }
div, h1, h2, h3, h4, h5, h6 { display: block; font-size: 100%; font-weight: inherit; margin: 0px; padding: 0px; }
p { margin: 0px 0px 15px 0px; }
ol, ul, li { padding: 0px; margin: 0px; list-style-type: none; }
.spacer { height: 0px; clear: both; }
.hidden { display: none; }
iframe { max-width: 100%; }
table { border-spacing: 0px; }
td, th { padding: 0px; }


a.anchor { display: block;position: relative;top: -175px;visibility: hidden;}

div.layout_standard { width: 100%; max-width: 1140px; margin: 0px auto 0px auto; }
div.layoutmain { width: 100%; margin: 0px auto 0px auto; box-sizing: border-box; background-color: #ffffff; }
div.layoutheader { max-width: 1000px; margin: 0px auto 0px auto; padding: 0px 20px 50px 200px; box-sizing: border-box; }
div.layouttopmenu {  max-width: 100%; height: 50px; margin: -50px auto 0px auto; background-color: #481377; left: 0px; clear: both; }
div.layoutmiddle { max-width: 1000px; padding: 0px 20px 0px 20px; margin: 0px auto 0px auto; box-sizing: border-box; }
div.layoutcontent { float: left; width: 660px; min-height: 500px; padding: 20px 0px 50px 0px; box-sizing: border-box; }
div.layoutright { float: right; width: 270px; padding: 20px 0px 50px 30px; }
.section305 div.layoutcontent { width: auto; float: none; padding: 0px 0px 50px 0px; }
.section305 div.layoutmiddle { max-width: 1140px; padding: 0px; }
.section32 div.layoutcontent, .section552 div.layoutcontent, .section157 div.layoutcontent, .section344 div.layoutcontent { width: auto; float: none; }
.section305 div.layoutright, .section11 div.layoutright, .section32 div.layoutright, .section552 .layoutright, .section157 div.layoutright, .section344 div.layoutright { display: none; }
div.layoutfooter { clear: both; border-top: solid #737373 1px; height: 270px; padding: 50px 90px 0px 90px; }
div.layoutcredits { clear: both; height: 45px; font-size: 80%; background-color: #e5e3e4; }
div.layoutcredits .beachshore { text-align: right; padding: 10px 10px 0px 0px; }
div.layoutoverlay { position: absolute; background: black; opacity: 0.6; filter: alpha(Opacity=60); -moz-opacity: 0.6; }


.section11 div.layoutcontent { width: auto; float: none; }

@media( max-width: 1040px )
{
   div.layouttopmenu { position: relative; margin: 0px; }
   div.layoutmiddle { padding: 0px; }
   div.layoutcontent { width: 100%; float: none; padding: 20px 20px 50px 20px; }
   div.layoutright { display: none; }
   div.layoutfooter { padding-left: 20px; padding-right: 20px; }
}



/* Carousels */

.feat_carousel { position: relative; overflow: hidden; width: 100%; }
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel li { float: left; text-align: center; }
.feat_carousel .skip { text-align: center; }
.feat_carousel .skip a { display: inline-block; background-color: #ffffff; height: 30px; width: 30px; line-height: 30px; text-align: center; margin: 0px 5px 0px 0px; color: #481377;}
.feat_carousel .skip a.active { background-color: #481377; color: #ffffff; }
.feat_carousel .nextprevious { position: absolute; width: 100%; }
.feat_carousel .carousel-prev { width: 24px; height: 400px; margin: 0px; display: block; float: left; z-index: 10; background-image: url(/images/y7fXwxdavUIfuUlrhq6p00o016.png); background-repeat: no-repeat; background-position: center center; }
.feat_carousel .carousel-next { width: 24px; height: 400px; margin: 0px; display: block; float: right; z-index: 10; background-image: url(/images/hDcwSovYj6ntwkz2mgsc00o016.png); background-repeat: no-repeat; background-position: center center; }


/* Header */

.headersocial { display: none; }
.headersearch { display: none; }
.headerbuttons { display: none; }
.headertext h2 { display: none; }
.headercontact .titletxt { display: none; }

.headertext { position: absolute; padding: 10px 0px 0px 0px; margin: 0px 0px 0px -180px; }
.headertext p { display: none; }
.headertext p:first-child { display: block; margin: 0px; }
.headertext img { margin: 0px 20px 0px 0px; }

.headerlinksout, .headerlinksin { float: right; padding: 20px 0px 0px 10px; font-size: 120%; font-weight: bold; }
.headerlinksout li, .headerlinksin li { float: left; padding: 0px 20px 0px 20px; border-right: solid #737373 1px; line-height: 1; }
.headerlinksout li:last-child, .headerlinksin li:last-child { border: none; padding-right: 0px; }
.headerlinksout li:first-child { display: none; }

.headerdonate { float: left; margin-left: 10px; max-height: 100px; max-width: 300px; }
.headerdonate li { float: left; margin: 0px; }
.headerdonate li:first-of-type { width: 48px; background-color: #f68b1f; line-height: 40px; border-radius: 10px; padding: 0px 30px 0px 30px; display: block; margin: 25px 0px 0px 0px; }
.headerdonate li:nth-of-type(2) { float: left; margin: 25px 0px 0px 10px;}
.headerdonate li:nth-of-type(2) img { max-height: 70px; width: auto; }
.headerdonate a { color: #ffffff; }


.headercontact { cursor: pointer; float: right; padding: 16px 0px 0px 0px;  }
.headercontact .content { padding: 0px 0px 0px 50px; font-weight: bold; }
.headercontact .content p { float: left;  padding: 0px 0px 0px 30px; background-repeat: no-repeat; background-position: center left; height: 23px; line-height: 23px;  }
.headercontact .content p:nth-child(1) { margin: 0px 0px 0px 0px; background-image: url(/images/FlmYU4ApVZsumS6N265u00k00n.png); }
.headercontact .content p:nth-child(2) { margin: 0px 0px 0px 30px; background-image: url(/images/ls92orQDP4vszN1CP4ye00o00g.png); }

.headerlogin { float: right; padding: 30px 0px 0px 0px; width: 470px; }
.headerlogin input { width: 100%; box-sizing: border-box; }
.headerlogin .introduction { float: left; font-size: 120%; font-weight: bold; color: #481377; width: 100px; text-align: right; }
.headerlogin .introduction p { margin: 0px !important; }
.headerlogin .fieldemail { display: block; float: left; padding: 0px 0px 0px 10px; width: 150px; box-sizing: border-box; }
.headerlogin .fieldemail .label { display: none; }
.headerlogin .fieldpw { display: block; float: left; padding: 0px 0px 0px 10px; width: 150px; box-sizing: border-box; }
.headerlogin .fieldpw .label { display: none; }
.headerlogin .login { float: left; width: 60px; padding: 0px 0px 0px 10px; }
.headerlogin .errors { position: absolute; top: 45px; font-size: 90%; width: 470px; text-align: right; }
.headerlogin .errors p { padding: 0px; margin: 0px !important; }
.headerlogin .loggedin { display: none; }

@media( max-width: 1000px )
{
   .layoutcontent { border-top: solid #481377 5px; }
   /* .headerdonate { position: absolute; left: 70px; top: 95px; } */
   .headerdonate { position: absolute; left: 170px; top: 0px; }
   .headerdonate li:nth-of-type(2){ clear: both; margin: 5px 0px 0px 0px; }
}

@media( max-width: 800px )
{
   .headerlogin { display: none; }
   .headerlinksout li, .headerlinksin li { float: right; clear: right; margin: 0px 0px 10px 0px; border: none; padding: 0px; }
   .headerlinksout li:first-child { display: block; }
   .headercontact { clear: right; padding: 0px; }
   .headercontact .content p { float: right; clear: right; margin: 0px 0px 10px 0px !important; }
   .headerdonate li:nth-of-type(2) {float: left; clear: none; margin-top: 25px; }   
   .headerdonate li:nth-of-type(2) img { max-width: 142px; height: auto; }
}

@media( max-width: 600px )
{
   .headerdonate li:nth-of-type(2) {clear: left; margin-top: 5px; } 
}

@media( max-width: 450px )
{
   .headerdonate { left: 145px;  }
   .headerdonate li:first-of-type {  font-size: 90%; padding: 0px 25px 0px 25px;}
   .headerdonate li:nth-of-type(2) img {  max-width: 102px;  }
   .headertext img { max-width: 130px; height: auto; }
   .headercontact .content p:nth-child(1) { background-image: none;  }
   .headercontact .content p:nth-child(2) { background-image: none; }
}

@media( max-width: 380px )
{
   .layoutheader { padding-left: 150px !important; }
   .headertext { margin-left: -130px; }
   .headerlinksout li { text-align: right; padding: 0px 10px 0px 10px; }
   .headerdonate li:first-of-type {  font-size: 80%; padding: 0px 0px 0px 10px;}
   .headerdonate li:nth-of-type(2)  {  position: absolute; top: 100px; left: -80px; margin: 0px;  }
}


/* Top menu */

div.nav_dhtmlpopup { height: 35px; max-width: 1000px; margin: 0px auto 0px auto; box-sizing: border-box; padding: 0px 0px 0px 30px; overflow: hidden; }
div.nav_dhtmlpopup .toggle { width: 40px; height: 50px; background-image: url(/images/qnyytwBSvP8xQJMMAHuZ01400t.png); background-repeat: no-repeat; display: none; }
div.nav_dhtmlpopup .level1 { display: inline-block; height: 50px; margin: 0px 5px 0px 0px; }
div.nav_dhtmlpopup .item1 { height: 35px; line-height: 50px; padding: 0px 20px 0px 0px; text-align: center; }
div.nav_dhtmlpopup .item1 a { color: #ffffff; font-size: 110%; font-weight: bold; }
div.nav_dhtmlpopup .item1 a:hover { text-decoration: none; }
div.nav_dhtmlpopup .selected1 .item1 { background: #481377; border-color: #481377; }
div.nav_dhtmlpopup .selected1 a { color: white; }
div.nav_dhtmlpopup .rollover1 .item1 { cursor: pointer; }
div.nav_dhtmlpopup .popup1 { position: absolute; margin: 49px 0px 0px 0px; padding: 10px 10px 5px 10px; background: #ebebeb; border-radius: 0px 0px 5px 5px; z-index: 10; border-width: 1px; border-color: #481377; }
div.nav_dhtmlpopup .back1 { display: none; }
div.nav_dhtmlpopup .level2 { padding: 2px 0px 2px 0px; font-size: 85%; cursor: pointer; }
div.nav_dhtmlpopup .item2 { white-space: nowrap; }
div.nav_dhtmlpopup .item2 a { color: #481377; font-size: 110%; }

div.nav_dhtmlpopup .rollover1 .menu11 { border-radius: 5px; }
div.nav_dhtmlpopup .rollover1 .menu31 { border-radius: 5px; }
div.nav_dhtmlpopup .menu11 { display: none; }

@media( max-width: 1000px )
{
   div.layouttopmenu { position: relative; width: auto; height: auto; background: none; z-index: 10; padding: 0px; background: none; }
   div.nav_dhtmlpopup { position: absolute; z-index: 10; height: auto; padding: 0px; margin: -50px 0px 0px 0px; background: none; }
   div.nav_dhtmlpopup .toggle { display: block; cursor: pointer; margin-left: 20px; }
   div.nav_dhtmlpopup .level1 { display: block; background-color: rgba(72,19,119,0.9); height: auto; margin: 0px; padding: 10px 20px 10px 20px; }
   div.nav_dhtmlpopup.toggleon { width: 100%; padding: 0px 0px 20px 0px; }
   div.nav_dhtmlpopup.toggleoff .level1 { display: none; }
   div.nav_dhtmlpopup .popup1 { display: none; }
   div.nav_dhtmlpopup .item1 { padding: 0px; height: auto; line-height: 1.2; }
   div.nav_dhtmlpopup .selected1 .item1 { background: none; }
}


/* Right column */

div.righttextbox { background: #ebebeb; padding: 10px; margin: 0px 0px 20px 0px; }
div.righttextbox .titletxt { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; }
/* .homepage .righttextbox { float: left; width: 250px; margin: 20px 0px 0px 20px; } */
.homepage .righttextbox .imagetop { display: none; }



/* Footer */

.footermenu { display: none; }
.footerlogos .titletxt { display: none; }

.footertext { position: absolute; margin: 75px 0px 0px 0px; clear: both; padding: 20px 0px 0px 0px; }
.footertext img { margin: -10px 20px 0px 0px; }
.footertext p { padding: 0px; margin: 0px; }
.footertext p:nth-child(2) { font-size: 90%; padding: 3px 0px 0px 0px; }

.footerlogos { position: absolute; margin: -20px 0px 0px -150px; left: 50%; padding: 0px 0px 0px 40px;}
.footerlogos .link { float: left; padding: 10px; height: 60px; line-height: 60px; }

.footersocial { float: left; width: 350px; }
.footersocial .titletxt { float: left; font-weight: 800; font-size: 150%; color: #481377; padding: 0px 30px 20px 0px; }
.footersocial .link { float: left; padding: 0px 20px 0px 0px; line-height: 40px; }


@media( max-width: 1200px )
{
   .footertext { position: relative; clear: both; margin: 0px 0px 40px 0px;  }
   .footerlogos { position: relative; margin: 0px 0px 40px 0px; clear: both; left: 0%; padding: 0px 0px 0px 0px; width: 100%;}
   .footerlogos .link { padding: 0px 60px 10px 0px;}
   .footersocial { float: none; width: auto; }
}

@media (max-width: 400px)
{
   .footersocial .titletxt { float: none; }
}

/* Submenu */

.submenu li { background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 20px 40px; }


/* Titles */

.std_contentpage .pagetitle, .feat_opportunitypage h1, #wraper h1.titletxt, .feat_organisationpage h1, .feat_volunteerpage h1, .util_customhtml h1, .memberarea h1, .util_sitesearch .titletxt, .opportunitysearch h1, .surv_surveypage .titletxt, .shop_donate h1, .shop_product h1, shop_basketpage h1
   { font-weight: bold; font-size: 200%; line-height: 1.5; padding: 0px 0px 20px 0px; color: #481377; }


/* Buttons */


.loginpage .memb_loginbox .login input, .loginpage .memb_loginbox .logout input, .loginpage .memb_loginbox .forgotpw a, .loginpage .memb_account .buttons input, .shop_donate input[type=submit], .event_eventpage input[type=submit]
   { line-height: inherit; display: block; border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }

.memberarea input[type=submit], .memberarea a.button, .formbuilder .field_dynamic a.btn
   { line-height: inherit; display: inline-block; border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }

input[type=submit].warning, a.button.warning, a.btn.warning { background: #f19d16; }

.loginpage .memb_account .buttons input.disabled { background: #737373; cursor:  default;}
.loginpage .memb_account .buttons input {float: left; }
.loginpage .memb_account .buttons .confirm { display: inline-block; padding: 5px 0px 0px 10px; }

.home .homeherocarousel {   clear: both; }
.homedev .homeherocarousel { max-width: 750px; float: left; }
.homedev .homeherocarousel .carousel li {  line-height:300px;}
.home .homeherocarousel img { max-width: 100%; height: auto; }

.home .homewelcome { float: left; width: 280px; height: 120px; background-color: #f2f1f1; margin: 10px; padding: 10px; border-radius: 10px; }
.home .homewelcome .titletxt { font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; color: #481377; }

.home .homelinks { float: left; width: 280px; height: 120px; background: red; margin: 0px 0px 0px 20px; background-color: #f2f1f1; margin: 0px 10px 10px 10px; padding: 10px; border-radius: 10px; }
.home .homelinks ul { padding: 10px 0px 0px 20px; }
.home .homelinks li { list-style-type: square; padding: 0px 0px 10px 0px; }

.home .homeherodefault { background-image: url(/images/vaSicQmuLch7AO9Al3ft0vo08c.jpg); background-repeat: no-repeat; background-position: top center; height: 300px; }

.home .homeherocontent1 { max-width: 1000px; margin: 0px auto 0px auto; height: 225px; }
.home .homeherocontent1 .titletxt { padding: 20px 0px 20px 20px; max-width: 500px; font-size: 240%; font-weight: 800; }
.home .homeherocontent1 .titletxt a { color: #ffffff; text-decoration: none; }
.home .homeherocontent1 .content { height: 65px; clear: both; color: #ffffff; font-size: 120%; font-weight: bold; line-height: 65px; padding: 0px 0px 0px 100px; background-image: url(/images/NyLYABdfmTn6yYehYbGL01s01s.png); background-repeat: no-repeat; background-position: 15px 0px; }

.home .homeherocontent2 { max-width: 1000px; margin: 15px auto 0px auto; box-sizing: border-box; }
.home .homeherocontent2 .content { height: 40px; padding: 10px 20px 10px 20px; color: #ffffff; background-color: #f68b1f; font-weight: bold; font-size: 110%; }
.home .homeherocontent2 .content p:nth-child(1) { float: left; height: 40px; line-height: 40px; }
.home .homeherocontent2 .content p:nth-child(2) { float: right; background-color: #481377; border-radius: 20px; height: 40px; line-height: 40px; padding: 0px 20px 0px 20px; text-align: center; }
.home .homeherocontent2 .content a { color: #ffffff; }

@media( max-width: 1140px )
{
   .home .homeherocarousel { margin: 0px auto 0px auto; float: none; top: 130px; }
   .home .homewelcome { width: 400px; float: none; position: absolute; left: 50%; margin: 0px 0px 0px -25px; }
   .home .homelinks { width: 400px; float: none; position: absolute; left: 50%; margin: 0px 0px 0px 5px; }
}

@media( max-width: 850px )
{
   .home .homewelcome { width: auto; height: auto; position: relative; left: 0px; margin: 20px; }
   .home .homelinks { width: auto; height: auto; position: relative; left: 0px; margin: 20px; }
}


.home .homevolunteer { clear: both; padding: 40px 20px 20px 20px; margin: 0px auto 0px auto; box-sizing: border-box; }
.home .homevolunteer .content { max-width: 960px; margin: 0px auto 0px auto; background-color: #f2f1f1; background-image: url(/images/fiwbVGhhlqtatDWHzMYu046046.png); background-repeat: no-repeat; background-position: top left; color: #737373; min-height: 150px; border-radius: 75px; padding: 10px 50px 10px 180px; font-size: 110%; box-sizing: border-box;  }
.home .homevolunteer .content a { color: #481377; display: block; padding: 10px 0px 0px 0px; }
.home .homevolunteer .content p { margin: 0px; }
.home .homevolunteer .content p:first-child, .home .homevolunteer .content p:nth-child(2) { display: none; float: right; margin: 10px 0px 0px 0px; height: 50px; line-height: 50px; background-color: #f68b1f; border-radius: 25px; padding: 0px 20px 0px 20px; font-weight: bold; }
.home .homevolunteer .content p:first-child a, .home .homevolunteer .content p:nth-child(2) a { color: #ffffff; padding: 0px; }
.home .homevolunteer .content p:nth-child(2) { clear: both; }
.home .homevolunteer .content h2 { font-weight: 800; font-size: 230%; color: #481377; line-height: 1; padding: 10px 0px 10px 0px; }
.home .homevolunteer .content ul { padding: 0px;}
.home .homevolunteer .content ul li { padding: 0px !important; margin: 0px !important; list-style-type: none !important; line-height: 1em; }


@media (max-width: 1140px)
{
   .home .homevolunteer {  top: 140px; background-color: #f2f1f1; }
   .home .homevolunteer .content { background-size: 100px 100px; border-radius: 50px 50px 50px 50px;  }
   .home .homevolunteer .content { padding: 0px 0px 10px 0px; }
   .home .homevolunteer .content p:first-child, .home .homevolunteer .content p:nth-child(2) { display: none;}
   .home .homevolunteer .content h2 { clear: both; text-align: left;  margin: 100px 0px 0px 110px;}
   .home .homevolunteer .content h3 {margin-left: 110px;}
   .home .homevolunteer .content ul { clear: left; font-size: 90%; margin: 0px 0px 0px 120px;  }

}

@media (max-width: 550px)
{
   .home .homevolunteer {clear: left; float: left;  margin: 140px 0px 0px 0px; padding: 0px; width: 100%;}
   .home .homevolunteer .content { background-position: left 0px top 10px; margin: 0px 10px 0px 20px; }
   .home .homevolunteer .content h2  { font-size: 130%; float: left; margin: 120px 10px 0px 0px; }
   .home .homevolunteer .content h3  { float: left; margin: 10px 10px 0px 0px; }
   .home .homevolunteer .content ul { font-size: 90%; margin: 0px 10px 0px 0px;  }
}

/* Opportunity lists */

ul.opportunities { clear: both; padding: 30px 0px 0px 0px; }

ul.opportunities li.opportunity { float: left; height: 330px; cursor: pointer; box-sizing: border-box; background-image: url(/images/HoIkBQcvxC9cY65MtZXt0dw0b4.gif); background-repeat: no-repeat; background-position: 5px 5px; padding: 0px 4px 4px 0px; }
ul.opportunities li.opportunity .kitemark { display: block; float: right; width: 70px; height: 30px; background-color: #ffffffbb; background-repeat: no-repeat; background-image: url(/images/aG9dTliGC9eVjtXQxYM901q00t.png); background-position: center center; }
ul.opportunities li.opportunity .logo { height: 100px; text-align: center; vertical-align: middle; line-height: 130px; background-color: #f2f1f1; background-repeat: no-repeat; background-position: center center; border-top: solid #cecccd 1px; border-left: solid #cecccd 1px; border-right: solid #cecccd 1px; }
ul.opportunities li.opportunity .logo img { vertical-align: middle; }
ul.opportunities li.opportunity .details { height: 163px; padding: 10px 5px 0px 0px; border-left: solid #cecccd 1px; border-right: solid #cecccd 1px; background-color: #ffffff; overflow-y: hidden; }
ul.opportunities li.opportunity .name { text-align: center; font-weight: bold; }
ul.opportunities li.opportunity .organisation { text-align: center; font-weight: bold; padding: 5px 0px 0px 0px; }
ul.opportunities li.opportunity .location { text-align: center; padding: 5px 0px 0px 0px; }
ul.opportunities li.opportunity .description { display: block; font-size: 80%; padding: 5px; text-align: center; }
ul.opportunities li.opportunity .link { background-color: #ffffff; border: solid #cecccd 1px; padding: 10px 0px 10px 0px; }
ul.opportunities li.opportunity .link a { width: 160px; text-align: center; margin: 0px auto 0px auto; background-color: #481377; border-radius: 15px; height: 30px; line-height: 30px; color: #ffffff; font-weight: bold; display: block; }

ul.opportunities li.service { border-bottom: solid #f2f1f1 2px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; cursor: pointer; }
ul.opportunities li.service:last-child { margin-bottom: 10px; border-bottom: none; }
ul.opportunities li.service .name { font-weight: bold; float: left; padding: 0px 20px 10px 0px; font-size: 140%; }
ul.opportunities li.service .contact { float: left; padding: 0px 0px 10px 0px; line-height: 2.1; }
ul.opportunities li.service .categories { font-size: 80%; clear: both; }
ul.opportunities li.service .details { font-size: 80%; padding: 10px 0px 0px 0px;  width: 100%; }
ul.opportunities li.service .details .description { padding-bottom: 20px; }
ul.opportunities li.service .details .left { float: left;  width: 50%; }
ul.opportunities li.service .details .right { float: right; width: 50%; }
ul.opportunities li.service .moreinfo a { margin: 20px 0px 0px 0px; display: block; font-size: 80%;  }
ul.opportunities li.service .times td.yes { background-image: url(/images/6ICw0FcWUUynnsR1geH400j00j.png); background-repeat: no-repeat; background-position: center center; }
ul.opportunities li.service .times td.no { background-image: url(/images/zwTQRVRKRKF4nZYhUl9p00k00k.png); background-repeat: no-repeat; background-position: center center; }


@media( max-width: 900px )
{
  ul.opportunities li.service .details .left { float: left;  width: 100%; }
  ul.opportunities li.service .details .right { clear:left;  width: 100%;  margin: 10px 0px 0px 0px;}
}

.home .homeopportunities { margin: 0px auto 0px auto; max-width: 1000px; padding: 30px 0px 0px 0px; box-sizing: border-box; }
.home .homeopportunities .html { padding: 0px 20px 0px 20px; box-sizing: border-box; }
.home .homeopportunities .titletxt { float: left; color: #481377; font-size: 200%; font-weight: 800; padding: 0px 20px 0px 20px; box-sizing: border-box; }
.homedev .homeopportunities .titletxt { font-size: 130%; font-weight: normal; }
.home .homeopportunities .viewalltop { padding: 13px 0px 0px 0px; float: left; }
.homedev .homeopportunities .viewalltop { font-size: 130%; padding: 0px; font-weight: bold; }
.home .homeopportunities .viewallbottom { text-align: center; display: block; height: 40px; margin: 0px 0px 40px 0px; clear: both; border-radius: 20px; background-color: #f2f1f1; line-height: 40px; }
.home .homeopportunities ul.opportunities li { width: 22%; margin: 0px 0px 37px 4%; }

@media( min-width: 1040px )
{
   .home .homeopportunities ul.opportunities li:nth-child(4n+1) { margin-left: 0px; clear: left; }
}
@media (min-width: 800px) and (max-width: 1039px)
{
   .home .homeopportunities ul.opportunities li { width: 30%; margin-left: 5%; }
   .home .homeopportunities ul.opportunities li:nth-child(3n+1) { margin-left: 0px; clear: left; }
}
@media (min-width: 600px) and (max-width: 799px)
{
   .home .homeopportunities ul.opportunities li { width: 47%; margin-left: 6%; }
   .home .homeopportunities ul.opportunities li:nth-child(2n+1) { margin-left: 0px; clear: left; }
}
@media (max-width: 599px)
{
   .home .homeopportunities ul.opportunities li { width: 100%; margin-left: 0px; }
}

/* background-image: url(/images/0DN3RYIzmC7TRU4AsuZD0cy08w.gif); background-repeat: no-repeat; background-position: top right;  */

.home .homecarousel { height: 330px; clear: both; margin: 20px 0px 20px 0px; border-top: solid #481377 5px; border-bottom: solid #481377 5px; box-sizing: border-box; }
.home .homecarousel .carousel { height: 320px; margin: 0px auto 0px auto; }
.home .homecarousel .carousel li { height: 320px; line-height: 320px; }
.home .homecarousel .carousel li img { max-width: 100%; height: auto; }
.home .homecarousel .carousel li .link { text-align: center; }
.home .homecarousel .carousel-prev { width: 24px; height: 320px; display: block; position: absolute; margin: -320px 0px 0px 15px; background-image: url(/images/y7fXwxdavUIfuUlrhq6p00o016.png); background-repeat: no-repeat; background-position: center center; }
.home .homecarousel .carousel-next { width: 24px; height: 320px; display: block; position: absolute; margin: -320px 0px 0px 1101px; background-image: url(/images/hDcwSovYj6ntwkz2mgsc00o016.png); background-repeat: no-repeat; background-position: center center; }
.home .homecarousel .skip { position: absolute; margin: -40px 0px 0px 870px; }
.home .homecarousel .skip a { float: left; background-image: url(/images/axcFgw9VogF03K4kd9S000k00k.png); background-repeat: no-repeat; font-size: 0px; margin: 0px 10px 0px 0px; height: 20px; width: 20px; border-radius: 0px 0px 5px 5px; font-weight: bold; cursor: pointer; color: white; }
.home .homecarousel .skip a.active { background-image: url(/images/tvREbQ64eAxxc5EvwIop00k00k.png); }

@media( max-width: 1140px )
{
   .home .homecarousel .carousel-next { right: 15px; }
   .home .homecarousel .skip { right: 60px; margin-left: 0px; }
}

.home .homestatistics { max-width: 1000px; padding: 40px 20px 0px 20px; margin: 0px auto 0px auto; box-sizing: border-box; }
.home .homestatistics h2 { float: left; font-weight: 800; font-size: 200%; color: #481377; }
.home .homestatistics p { float: left; width: 33%; padding: 0px 40px 0px 0px; box-sizing: border-box; }
.home .homestatistics p:first-of-type { width: auto; line-height: 50px; padding: 0px 0px 0px 20px; }
.home .homestatistics p:nth-of-type(2) { clear: left; }
.home .homestatistics p strong { color: #f68b1f; font-weight: lighter; font-size: 550%; }

.homedev .homestatistics h2 { font-size: 130%; font-weight: normal; padding: 0px 20px 0px 0px; }
.homedev .homestatistics p strong { font-size: 400%; }
.homedev .homestatistics p:first-of-type { font-weight: bold; padding: 5px 0px 0px 0px; font-size: 130%; line-height: 1; }

@media( max-width: 800px )
{
   .home .homestatistics p { width: auto; float: none; padding: 0px; }
}

.homewhatwedo { clear: both; max-width: 1000px; margin: 0px auto 0px auto; padding: 20px; box-sizing: border-box;  }
.homewhatwedo h2 { font-size: 130%; color: #481377; padding: 0px 0px 20px 0px; }

/* Volunteer page */

.feat_volunteerpage .photo { float: right; margin: 0px 0px 20px 20px; }


/* Login */

.loginpage .memb_loginbox { padding: 20px 0px 20px 0px; }
.loginpage .memb_loginbox .titletxt { display: none; }
.loginpage .memb_loginbox .errors { background: #f19d16; padding: 10px; border-radius: 10px; margin: 0px 20px 20px 0px; color: white; }
.loginpage .memb_loginbox .introduction { float: left; width: 100%; padding: 0px 0px 0px 0px; }
.loginpage .memb_loginbox .introduction h2 {display: inline; font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 10px 0px; }
.loginpage .memb_loginbox .introduction p { display: inline; }
.loginpage .memb_loginbox .fieldemail { clear:both; display: block; padding: 40px 0px 10px 0px; font-weight: bold; text-align: left; }
.loginpage .memb_loginbox .fieldemail input { width: 250px; }
.loginpage .memb_loginbox .fieldpw { display: block; padding: 0px 0px 20px 0px; font-weight: bold; text-align: left; }
.loginpage .memb_loginbox .fieldpw .label, .loginpage .memb_loginbox .fieldemail .label { clear:left; display:inline-block; width: 120px; text-align:right; padding-right: 50px; }
.loginpage .memb_loginbox .fieldpw input { width: 150px; }
.loginpage .memb_loginbox .login { padding: 10px 0px 0px 0px; float: left; }
.loginpage .memb_loginbox .forgotpw { display: block; padding: 10px 0px 0px 20px; float: left; }



@media (max-width: 1000px)
{
   .loginpage .memb_loginbox .fieldpw .label, .loginpage .memb_loginbox .fieldemail .label { clear:both; float:left; text-align:left;}
   .loginpage .memb_loginbox .fieldpw input { clear: both; float:left;  }
}

.loginpage .memb_facebooklogin { float: left; width: 470px; padding: 30px 0px 0px 0px; }
.loginpage .memb_facebooklogin .titletxt { font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 30px 0px; }

.loginpage .memb_account { padding: 20px 0px 20px 0px; }
.loginpage .memb_account .text h2 { font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 10px 0px;  }
.loginpage .memb_account .text p { margin-top: 10px; }
.loginpage .memb_account .label { width: 170px; text-align: left; }
.loginpage .memb_account .input { width: 270px; }
.loginpage .memb_account .field_text input { width: 200px; }
.loginpage .memb_account .field_radio .label { float: none; width: auto; text-align: left; }
.loginpage .memb_account .field_radio .input { float: none; width: auto; text-align: left; }
.loginpage .memb_account .field_group { width: 50%; float: left; padding: 0px; margin: 0px; clear: none; }
.loginpage .memb_account .field_group>.input { width: auto; }
.loginpage .memb_account .buttons { padding: 20px 0px 0px 0px; clear: both; }
.loginpage .memb_account .description p { margin: 0px !important;; padding: 0px !important;}


.loginpage .memb_account #fb-MembGdprOptIn-div .label,
.loginpage .memb_account #fb-MembExtTerms-div .label
{display: none;}
.loginpage .memb_account #fb-MembGdprOptIn-div .input,
.loginpage .memb_account #fb-MembExtTerms-div .input
{ width: 100%; }
.loginpage .memb_account #fb-MembGdprOptIn-div input[type=checkbox],
.loginpage .memb_account #fb-MembExtTerms-div input[type=checkbox]
{ float: left; }
.loginpage .memb_account #fb-MembGdprOptIn-div .description,
.loginpage .memb_account #fb-MembExtTerms-div .description
{ color: #737373; float: right; width: calc(100% - 40px); }
.loginpage .memb_account #fb-MembGdprOptIn-div .description p,
.loginpage .memb_account #fb-MembExtTerms-div .description p
{margin: 0px 0px 10px 0px !important;}

.loginpage .memb_loginbox .logout { margin: 30px 0px 0px 0px; }


/*
.loginpage .memb_loginbox .forgotpw a { font-size: 90%; text-decoration: none; background-color: #eeeeee; color: #333333; padding: 2px 6px 2px 6px; border: 1px solid #999999; font-weight: normal; padding: 10px; }
*/

@media (max-width: 1000px)
{
   .loginpage .memb_loginbox { float: none; width: auto; }
   .loginpage .memb_loginbox .fieldemail { text-align: left; }
   .loginpage .memb_loginbox .fieldemail span { float: left; width: 170px; display: block; text-align: right; padding: 0px 10px 0px 0px; }
   .loginpage .memb_loginbox .fieldpw { clear: both; text-align: left; padding: 10px 0px 0px 0px; }
   .loginpage .memb_loginbox .fieldpw span { float: left; width: 170px; display: block; text-align: right; padding: 0px 10px 0px 0px; }
   .loginpage .memb_loginbox .login { clear: both; padding: 20px 0px 0px 180px; }
   .loginpage .memb_loginbox .forgotpw { padding: 20px 0px 0px 20px; }
   .loginpage .memb_facebooklogin { float: none; width: auto; }
   .loginpage .memb_account { float: none; border: none; width: auto; padding-left: 0px; }
}

@media (max-width: 600px)
{
   .loginpage .memb_loginbox .fieldemail span { float: none; text-align: left; }
   .loginpage .memb_loginbox .fieldpw span { float: none; text-align: left; }
   .loginpage .memb_loginbox .login { padding-left: 0px; }
   .loginpage .memb_account .label { float: none; text-align: left; }
   .loginpage .memb_account .buttons { padding-left: 0px; }
   .loginpage .memb_account .field_group { width: 100%; clear:both; }
}


/* Member page */

.memb_account .form .dz-image { display: block; }
.memb_account .form .row { padding: 10px 0px 0px 0px; clear: both; }
.memb_account .form .row .label { float: left; width: 200px; text-align: right; padding: 0px 10px 0px 0px; font-weight: bold; }
.memb_account .buttons { clear: both; padding: 40px 0px 0px 210px; }
.memb_account .buttons input { margin: 0px; height: 30px; min-width: 100px; }
.memb_account .errors { background: #f19d16; padding: 10px; border-radius: 10px; color: white; font-weight: bold; }
.memb_account .form_newsletter .field { padding: 5px 0px 0px 0px; }
.memb_account .form_newsletter .label { position: absolute; float: none; text-align: left; font-weight: normal; margin: 0px 0px 0px 30px; width: auto; }
.memb_account .form_newsletter .field_group { padding-top: 0px; }
.memb_account .form_newsletter .field_group .field_checkbox { padding-left: 50px; font-size: 90%; }
.memb_account .form_newsletter .field_group .field_checkbox:first-of-type { padding-left: 0px; font-size: 100%; }
.memb_account .form_newsletter .buttons { padding: 40px 0px 0px 0px; }

#fb-AppReason-div .label { width: 370px; text-align: left;  } 
#fb-AppStatus-div .label {width: 250px; text-align: left;}
#fb-AppContactDetails-div .label {width: 250px; text-align: left;}

/* Content page */

.std_contentpage .pagecontent h2 { color: #481377; font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_contentpage .pagecontent h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_contentpage .pagecontent p { line-height: 1.5; /*text-align: justify;*/ }
.std_contentpage .pagecontent ul, .std_contentpage .pagecontent ol { padding: 0px 0px 20px 25px; }
.std_contentpage .pagecontent ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_contentpage .pagecontent ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }
.std_contentpage .pagecontent table.socialbuttons { width: 600px; margin: 0px auto 0px auto; border: none; }
.std_contentpage .pagecontent table.socialbuttons td { width: 33%; border: none; padding: 20px 0px 20px 0px; }
.std_contentpage .pagecontent table.socialbuttons td p { text-align: center; }
.std_contentpage .pagecontent p img.right { padding: 0px 0px 0px 10px; }
.std_contentpage .pagecontent p img.left { padding: 0px 10px 0px 0px; }
.std_contentpage .pagecontent img, .event_eventpage img  {max-width: 100%; height: auto;}
.std_contentpage .pagecontent table img, .event_eventpage table img {max-width: none;}

/* Content item */

.std_content .content ul, .std_content .content ol { padding: 0px 0px 20px 25px; }
.std_content .content ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_content .content ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }

/* Newsletter list */

.nltr_list ul, .pagecontent ol { padding: 0px 0px 0px 25px; }
.nltr_list ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.nltr_list ul li { list-style-type: disc; padding: 0px 0px 25px 0px; }
.nltr_list ul li a {font-size: 120%; font-weight: bold; }
.opp_list h2 { padding: 10px 0px 0px 0px !important; }

/* News page */

.topnews .image { float: left; padding: 0px 20px 20px 0px; }
.topnews .headline { font-size: 180%; line-height: 1.5; padding: 0px 0px 10px 0px; }

.othernews .article { clear: both; padding: 30px 0px 0px 0px; }
.othernews .headline { font-size: 120%; padding: 0px 0px 10px 0px; }
.othernews .headline a { font-weight: bold; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; padding: 0px 0px 0px 40px; background-position: center left; }


/* News article */

.std_newsarticlea .headline { font-weight: bold; font-size: 200%; line-height: 1.5; padding: 0px 0px 10px 0px; }
.std_newsarticlea .created { font-size: 90%; padding: 0px 0px 20px 0px; }
.std_newsarticlea .video { padding: 0px 0px 20px 0px; }
.std_newsarticlea iframe { width: 680px; height: 410px;}
.std_newsarticlea object { width: 680px; height: 410px; }
.std_newsarticlea embed { width: 680px; height: 410px; }
.std_newsarticlea .image { float: right; padding: 0px 0px 20px 20px; }
.std_newsarticlea .abstract { font-weight: bold; padding: 0px 0px 20px 0px; }
.std_newsarticlea .article h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_newsarticlea .article h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_newsarticlea .article p { line-height: 1.5; text-align: justify; }
.std_newsarticlea .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.std_newsarticlea .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_newsarticlea .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }

.std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel li {height:500px;overflow: hidden !important;}
.std_newsarticlea .feat_carousel .carousel {background: #000000;}
.std_newsarticlea .feat_carousel .carousel li { text-align: center; }
.std_newsarticlea .feat_carousel li img {height: 100% !important;width:auto !important;}

@media(max-width:425px){
    .std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel li {height:300px;}
}

@media(max-width:375px){
    .std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel li {height:250px;}
}

/* Event */

.std_eventpagea .headline, .event_eventpage .headline { font-weight: bold; font-size: 200%; line-height: 1.5; padding: 0px 0px 10px 0px; }
.std_eventpagea .date, .event_eventpage .date { font-size: 120%; font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .venue, .event_eventpage .venue { font-size: 120%; font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .image, .event_eventpage .image { float: right; padding: 0px 0px 20px 20px; }
.std_eventpagea .abstract, .event_eventpage .abstract { font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .article h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_eventpagea .article h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_eventpagea .article p { line-height: 1.5; text-align: justify; }
.std_eventpagea .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.std_eventpagea .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_eventpagea .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }


/* Booking  */

.event_eventpage h2 { font-weight: bold; font-size: 130%; padding: 0px 0px 10px 0px; }
.event_eventpage h3 { font-weight: bold; font-size: 110%; padding: 0px 0px 10px 0px; }
.event_eventpage .article p { line-height: 1.5; text-align: justify; }
.event_eventpage .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.event_eventpage .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.event_eventpage .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }

.event_eventpage .pricing { padding: 0px 0px 20px 0px; }

.event_eventpage .book .formbuilder .input { float: left; width: 100%; }
.event_eventpage .book .field { display: inline-block; width: 100%; }
.event_eventpage .book .item { background-color: #efefef; margin: 10px 0px 10px 0px; }
.event_eventpage .book .item .label { width: 120px; text-align: left; padding: 0px 0px 0px 10px  }
.event_eventpage .book .item .input { width: 200px;  }
.event_eventpage .book .item  input { width: 100%;  }
.event_eventpage .book .label { width: 100%; text-align: left; padding: 0px 0px 0px 0px  }

.event_eventpage .removelink { float: right; padding: 10px 10px 10px 10px; text-decoration: underline;}
.event_eventpage .addlink { padding: 10px 0px 20px 0px; text-decoration: underline; } 

.event_eventpage .memb_loginbox .label { display: block; padding: 10px 0px 0px 0px; }
.event_eventpage .memb_loginbox .fieldemail { display: block; }
.event_eventpage .memb_loginbox .login { padding: 20px 0px 0px 0px; }

.event_eventpage .book #fb-AttExtRegister-div .label {display: none;}
.event_eventpage .book #fb-AttExtRegister-div .description {width: 90%; float: left;}
.event_eventpage .book #fb-AttExtRegister-div .description p { margin: 0px !important; }
.event_eventpage .book #fb-AttExtRegister-div .description p:nth-of-type(2) {margin: 10px 0px !important; font-size: 110%; color: #737373;}
.event_eventpage input[type=text], .event_eventpage input[type=password]  { width: 300px; height: 30px;}

/* Dynamic event booking forms */
.event_eventpage .book .form-group.field_dynamic .item { padding: 0px 20px 10px 20px; box-sizing: border-box; }
.event_eventpage .book .form-group.field_dynamic .item .label { width: 100%; max-width: 400px; box-sizing: border-box; padding: 0px 0px 0px 0px; }
.event_eventpage .book .form-group.field_dynamic .item .input { width: 100%; max-width: 100%; box-sizing: border-box; padding: 0px 0px 0px 0px; }
.event_eventpage .book .form-group.field_dynamic .item .input input { max-width: 200px;}
.event_eventpage .book .form-group.field_dynamic .item .input textarea { box-sizing: border-box; width: 100%; max-width: 400px; }

@media(max-width:450px){
   .event_eventpage .book .form-group.field_dynamic .item { padding: 0px 10px 10px 10px; }
}

/* Shop */
.shop_basket .discount input[type=submit], .shop_basket .buttons input[type=submit] { margin: 0px 10px 0px 0px; height: 30px; min-width: 100px; }
.shop_basket h2 { font-size: 110%; font-weight: bold; }
.shop_basket table th { padding: 5px; border-bottom: 1px solid black; border-top: 1px solid black; background-color: #ffffff;}
.shop_basket table tr:nth-child(even) { background-color: #efefef; }
.shop_basket table .remove { white-space: nowrap; }
.shop_basket .checkout input[type=submit] {margin: 10px 10px 10px 0px; }
.shop_basket .field_section label { float:left; font-size: 110%; font-weight: bold; text-decoration:underline;  }

.shop_basket .contact, .shop_basket .billing, .shop_basket .payment { margin: 10px 0px 10px 0px; border-bottom: 1px solid #efefef; padding: 10px 0px 10px 0px}
.shop_basket .payment { border: none; }

.shop_product .summary { padding: 10px 0px 0px 0px; font-weight: bold; }
.shop_product .description { padding: 10px 0px 0px 0px; }
.shop_product .description li {list-style-type: disc; list-style-position: inside;}
.shop_product .description ul {margin-bottom: 30px;}
.shop_product .price { font-weight: bold; float: left; padding: 0px 20px 0px 0px; }
.shop_product .options { float: left; }
.shop_product .options .label, .shop_product .options .value,
.shop_product .quantity .label, .shop_product .quantity .value { float: left; padding: 0px 16px 0px 0px; }
.shop_product .options select { width: 265px; }

.shop_product .quantity { float: left;}
.shop_product .quantity .value select { width: 40px; }
.shop_product .addtobasket input { float: left; padding: 0px 0px 0px 0px;  margin-top: 3px;}

.shop_donate .privacy {margin: 30px 0px 0px 0px; max-width: 500px;}
.shop_donate #fb-subscribe-div .label { visibility: hidden; }

@media( max-width: 710px )
{
   .shop_donate .privacy {margin: 30px 0px 0px 0px;}
}

/* Search results */

.util_sitesearch #result_report { font-style: italic; padding: 0px 0px 10px 0px; }
.util_sitesearch div.title { padding: 0px 0px 0px 40px; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; background-position: center left; min-height: 25px; line-height: 25px; }
.util_sitesearch .description b, .util_sitesearch a b { padding: 0px; background: none; display: inline; float: none; }
.util_sitesearch .description { padding: 5px 0px 5px 0px; }



/* Home text box */

.hometextbox { float: left; width: 476px; padding: 0px; background-repeat: no-repeat; border: solid #481377 2px; border-radius: 5px; }
.hometextbox .titletxt { color: #ffffff; font-weight: bold; font-size: 150%; padding: 5px 0px 5px 20px; line-height: 1.5; background-color: #481377; margin-left: 160px; }
.hometextbox .titletxt a { color: #ffffff; }
.hometextbox ul { padding: 0px 0px 0px 15px; margin: 10px 0px 0px 180px; height: 100px; }
.hometextbox ul li { list-style-type: disc; padding: 5px 0px 0px 0px; }
.hometextbox .content div { margin: 0px 0px 0px 160px; text-align: right; padding: 5px 20px 5px 0px; background: #ebebeb; }
.hometextbox1 { background-image: url(/images/VjU053MTZN6aaCTXevOB04g05k.jpg); margin-right: 20px; }
.hometextbox2 { background-image: url(/images/7y84zYmSHosQ9hVTY4Dd04g05k.jpg); }


/* Home achievements */

.homeachievements { float: left; width: 686px; margin: 20px 0px 0px 0px; border: solid #481377 2px; border-radius: 5px; font-size: 110%; line-height: 1.5; }
.homeachievements .titletxt { color: white; background: #481377; padding: 5px 10px 5px 10px; font-weight: bold; }
.homeachievements .carousel { position: relative; overflow: hidden; width: 686px; height: 160px; position: relative; }
.homeachievements .carousel ul { width: 20000em; position: relative; }
.homeachievements .carousel li { display: table; float: left; width: 189px; height: 160px; padding: 0px 20px 0px 20px; }
.homeachievements .carousel li span { display: table-cell; width: 149px; vertical-align: middle; text-align: center; }


/* Home news */

/*
.homenews { width: 320px; float: left; padding: 20px 0px 0px 0px; }
.homenews .toplinks { font-size: 130%; padding: 0px 0px 10px 0px; }
.homenews .toplinks a { font-weight: bold; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; padding: 0px 40px 0px 0px; background-position: center right; }
.homenews .article { clear: both; }
.homenews .image { float: left; width: 100px; padding: 0px 10px 10px 0px; }
.homenews .headline { padding: 0px 0px 10px 0px; width: 210px; float: right; }
.homenews .headline a { color: #7b7b7b; font-weight: bold; }
.homenews .created { float: right; width: 210px; color: #7b7b7b; padding: 0px 0px 20px 0px; }
*/

/* Home right column */

.homerightcolumn { float: right; width: 270px; margin: 20px 0px 0px 20px; }


/* Event list */

.list_event .event, .event_list li { padding: 0px 0px 30px 0px; }
/*
.event_list .event-2023 {display: none;}
.event_list ul > .event-2023~ .event-2023 {display: block;}*/
.list_event .headline, .event_list .name { font-size: 120%; padding: 0px 0px 10px 0px; }
.list_event .headline a, .event_list .name { font-weight: bold; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; padding: 0px 0px 0px 40px; background-position: center left; }
.list_event .startdate, .event_list .date { font-weight: bold; padding: 0px 0px 10px 0px; }
.event_list select { padding: 0px 20px 0px 20px; margin: 0px 0px 20px 0px;}

/* Home twitter */

.hometwitter { margin: 20px 0px 0px 0px; }


/* Home events */

.homeevents { margin: 20px 0px 0px 0px; }
.homeevents .event { background: #ebebeb; padding: 10px; margin: 0px 0px 20px 0px; }
.homeevents .headline { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; background: none; }
.list_event .headline a { background: none; padding: 0px; }


/* Survey */

.surv_standard .message { background: #f19d16; padding: 20px; margin: 20px 0px 20px 0px; color: #ffffff; font-weight: bold; border-radius: 10px; }
.surv_standard .formbuilder .field { clear: both; }
.surv_standard .formbuilder .label { float: left; width: 200px; text-align: left; padding: 0px 10px 0px 0px; font-weight: bold; }
.surv_standard .formbuilder .input { float: right; width: 450px; padding: 0px 0px 0px 0px; }
/*
.surv_standard .formbuilder .input input { width: 100%; }
.surv_standard .formbuilder .input input[type=radio] {width: auto;}
.surv_standard .formbuilder .input input[type=checkbox] { width: auto; }
*/
.surv_standard .formbuilder .input textarea { width: 100%;  }
.surv_standard .buttons { padding: 20px 0px 0px 0px; clear: both; }

.wohl .titletxt {background-image: url(/images/o7CJoOPJvNNY7kOhP49002v01e.png); background-repeat: no-repeat; background-position: right 0px; }

.surv_standard .field_group .description {font-size: 80%;}
.surv_standard .wordCount {color: #481377; padding: 0px 0px 10px 0px; font-size: 80%; float:right;}
.surv_standard .field_group>.label { float:none; width:auto; color:#000000; text-decoration: underline;}
.surv_standard .field_group>.input { float:none; width:auto; }

.surv_standard .field_group:first-of-type .field_radio .description { width: 70%; }

.surv_standard .field_group .field_radio li { float:none; }
.surv_standard .field_group .field_radio .input input { vertical-align:middle; }
.surv_standard .field_group .field_radio .input li label { vertical-align:middle; width: 30px; float: right; text-align: left; }

.surv_standard .form table {border: 1px solid black; }
.surv_standard .form .group {background-color: #ebebeb; font-weight: 900;}
.surv_standard .form td { background-color: #ffffff;  }
.surv_standard .form tr { border-bottom: 1px solid black; }
.surv_standard .form th { background: #ffffff;  font-weight: 300;}

.surv_standard .field_grid .label { float: none; width: 100%; margin-bottom: 20px;  }
.surv_standard .field_grid .input { float: none; width: 100%; }

.surv_standard .field_grid table { width: 100%; }
.surv_standard .field_grid td { text-align: center;  }
.surv_standard .field_grid td, .surv_standard .field_grid th { border-right: 1px solid black; }
.surv_standard .field_grid tr:first-of-type th { text-align: center; width: 60px;}
.surv_standard .field_grid input { float:none; margin: 10px 0px;}

.surv_standard .input .radio input { display: inline-block;  margin-left: -20px; margin-right: 5px;}
.surv_standard .input .radio { text-align: left; margin-left: 22px; margin-top: 10px; }

.surv_standard input, .surv_standard select {float: left;}
.surv_standard .label { width: 290px; }
.surv_standard .formbuilder .dz-clickable { background-position:  left bottom; }

/* Line below for 2018 nomination surveys only */
.surv_standard select#ddfb-216, .surv_standard select#ddfb-249, .surv_standard select#ddfb-331 {max-width: 450px;height: 40px;white-space: normal;}

@media( max-width: 1140px )
{
   .surv_standard .formbuilder .label {width: 100%; }
   .surv_standard .label label { width: 100%; }
   .surv_standard .formbuilder .input {  width: 100%; }
   /*
   .surv_standard .input input {clear: left; width: 100%; }
   */
   .surv_standard .input select { text-overflow: ellipsis; width: 100% !important; }
}

/* Full width surveys */

.section32 .surv_standard,
.section552 .surv_standard,
.section157 .surv_standard,
.section344 .surv_standard,
.section495 .surv_standard,
.section639 .surv_standard { margin: 0px 90px; padding: 20px 10px 20px 10px; max-width: 750px; }


@media( max-width: 1140px )
{
.section32 .surv_standard,
.section552 .surv_standard,
.section157 .surv_standard,
.section344 .surv_standard,
.section495 .surv_standard,
.section639 .surv_standard { margin: 0px 10px 0px 10px; padding-top: 170px;}
}

/* Event archive */

.list_eventarchive li { clear: both; padding: 10px 0px 0px 0px; }
.list_eventarchive .startdate { display: block; float: left; width: 120px; }
.list_eventarchive .headline { display: block; float: left; }


/* Formbuilder */

.formbuilder .field { padding: 20px 0px 0px 0px; clear: both; }
.formbuilder .label { float: left; width: 200px; text-align: right; padding: 0px 10px 0px 0px; font-weight: bold; }
.formbuilder .input { float: left; width: 450px; }

.formbuilder .field_section .label, .formbuilder .field_group>.label, .formbuilder .field_dynamic>.label { float: none; width: auto; text-align: left; padding: 10px 0px 0px 210px; font-size: 120%; }
.formbuilder .field_group>.input, .formbuilder .field_dynamic>.input { float: none; width: auto; }
.formbuilder .field_dynamic .removelink, .formbuilder .field_dynamic .addlink { padding: 20px 0px 20px 0px; } 

.section495 .formbuilder .label, .section639 .formbuilder .label { padding-left: 0px; }

.formbuilder .input input, .formbuilder .input textarea {max-width: 100%;}

.formbuilder .description { color: #481377; padding: 0px 0px 10px 0px; font-size: 90%; }
.formbuilder #fb-MembDob-div .description.error { color: #f19d16; }
.formbuilder .field_group>.input>.description, .formbuilder .field_dynamic>.input>.description { padding-left: 210px; } 


.formbuilder .dz-clickable { padding: 0px 0px 50px 0px; cursor: pointer; background-image: url(/images/jLIAIrRnE1jr6ccRnQ2F01e011.gif); background-position: center bottom; background-repeat: no-repeat; }
/* .section495 .formbuilder .dz-clickable, .section495 .formbuilder .dz-clickable { width: 50px !important; } */

.formbuilder .dz-image { display: none; }
.formbuilder .dz-preview { display: inline-block;  width: 100%;  cursor: pointer; margin: 0px 10px 10px 0px; background-color: #dddddd; padding: 10px; min-height: 55px; }
.formbuilder .dz-preview .dz-details { float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.formbuilder .field_section .description {padding-left: 210px;width: 100%;}

.section495 .formbuilder .field_section .description, .section639 .formbuilder .field_section .description { padding-left: 0px;  }

@media( max-width: 710px )
{
    .formbuilder .label { float: none; width: auto; text-align: left; }
    .formbuilder .input { float: none; width: auto; }
    .formbuilder .field_section .label { padding-left: 0px; }
}



.opportunitysearch .filters { float: left; width: 30%; padding-right: 20px; box-sizing: border-box; line-height: 1.2; font-size: 90%; }
.opportunitysearch .filters select { width: 100%; }
.opportunitysearch .quicksearch {border: 1px solid #481377; padding: 10px 5px 10px 5px; border-radius: 10px;}
.opportunitysearch .quicksearch h2 { padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; font-weight: bold; }
.opportunitysearch .quicksearch input[type=submit] { background: #f19d16; border: none; color: #ffffff; padding: 0px 10px 0px 10px; border-radius: 15px; height: 30px; font-size: 120%; font-weight: bold; margin: 10px 0px 0px 0px; cursor: pointer; }
.opportunitysearch .reset { display: block; padding: 10px 0px 0px 0px; }
.opportunitysearch .results { float: left; width: 70%; }
.opportunitysearch .formbuilder .label { float: none; width: auto; text-align: left; padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; }
.opportunitysearch .formbuilder .input { float: none; width: auto; }
.opportunitysearch .formbuilder .allnone { padding: 0px 0px 10px 0px; font-size: 90%; }
.opportunitysearch .formbuilder {border: 1px solid #481377; margin: 20px 0px 10px 0px; display: block; padding: 10px 5px 10px 5px; border-radius: 15px;}
.opportunitysearch .formbuilder::before {content: 'Filter search results'; padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; font-weight: bold; }

.opportunitysearch ul.opportunities { padding: 0px; }
.opportunitysearch ul.opportunities li.opportunity { margin: 0px 0px 20px 2%; }

.opportunitysearch .pagenav { clear: both; text-align: center; background-color: #e5e3e4; height: 50px; border-radius: 25px; margin-bottom: 25px; }
.opportunitysearch .pagenav .previous { float: left; line-height: 50px; padding: 0px 0px 0px 20px; }
.opportunitysearch .pagenav .next { float: right; line-height: 50px; padding: 0px 20px 0px 0px; }
.opportunitysearch .pagenav .skip { display: none; overflow: hidden; height: 50px; }
.opportunitysearch .pagenav a { font-weight: bold; }
.opportunitysearch .pagenav li { display: inline-block; line-height: 50px; padding: 0px 2px 0px 2px; box-sizing: border-box;}
.opportunitysearch .pagenav li.selected a, .opportunitysearch .pagenav a.disabled { color: #737373; cursor: default; }
.opportunitysearch .pagenav li.selected a:hover, .opportunitysearch .pagenav a.disabled:hover { text-decoration: none; }

.opportunitysearch .field_section {background-color: #f2f1f1; margin-top: 10px; padding: 10px 0px 10px 5px;}
.opportunitysearch .SubOppSkills, .opportunitysearch .SubOppTypes, .opportunitysearch .SubOppCauses  {padding-left: 15px; padding-bottom: 10px; background-color:#f2f1f1}
.opportunitysearch .formbuilder .field_section  .label {margin: 0px !important; padding: 0px; }

.opportunitysearch .OppTypes, .opportunitysearch .OppSkills, .opportunitysearch .OppCauses { cursor: pointer; }
.opportunitysearch .OppTypes.close:before, .opportunitysearch .OppSkills.close:before, .opportunitysearch .OppCauses.close:before   { content: "\f0a9 "; font-size: 150%; font-family: FontAwesome; float: right; margin-right: 20px; color: #5b2a5e; }
.opportunitysearch .OppTypes.open:before, .opportunitysearch .OppSkills.open:before, .opportunitysearch .OppCauses.open:before { content: "\f0ab "; font-size: 150%; font-family: FontAwesome; float: right; margin-right: 20px; color: #5b2a5e; }

#searchdialog  { border-radius: unset !important; width: 450px !important; }
#searchdialog button { margin: 10px 10px; padding: 10px; font-size: 90%; background-color: #f19d16; border: none; color: #ffffff; font-weight: bold;  }


@media( min-width: 900px )
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 32%; }
   .opportunitysearch .results ul.opportunities li.opportunity:nth-child(3n+1) { margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 23.5%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(4n+1) { margin-left: 0px; }
   .opportunitysearch .pagenav .skip { display: block; }
}

@media (min-width: 450px) and (max-width: 899px)
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 49%; }
   .opportunitysearch .results ul.opportunities li.opportunity:nth-child(2n+1) { margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 32%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(3n+1) { margin-left: 0px; }
}
@media( max-width: 599px )
{
   .opportunitysearch .filters { float: none; width: auto; padding: 0px 0px 50px 0px; }
   .opportunitysearch .results { float: none; width: auto; }
   .opportunitysearch .favourites ul.opportunities li { width: 49%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(2n+1) { margin-left: 0px; }
}
@media( max-width: 449px )
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 100%; margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 100%; margin-left: 0px; }
}

.opportunitysearchbar { background: #ebebeb; border-radius: 0px; padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; }
.opportunitysearchbar .titletxt { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 0px 0px; }
.opportunitysearchbar .field { float: none; padding: 10px 0px 0px 0px; }
.opportunitysearchbar .label { float: none; width: auto; text-align: left; }
.opportunitysearchbar .input { float: none; width: auto; }
.opportunitysearchbar .buttons { float: none; clear: both; width: auto; padding: 20px 0px 0px 0px; margin: 0px; }



div.success { background: #ccffcc; padding: 10px; margin-bottom: 10px; border-radius: 10px; font-weight: bold; }


#fb-OppTypes-div label[for=fb-OppTypes-14], #fb-OppTypes-div label[for=fb-OppTypes-15] { display:none; }
#fb-OppSkills-div label[for=fb-OppSkills-39], #fb-OppSkills-div label[for=fb-OppSkills-40], #fb-OppSkills-div label[for=fb-OppSkills-41] { display:none; }
#fb-OppCauses-div label[for=fb-OppCauses-19], #fb-OppCauses-div label[for=fb-OppCauses-20], #fb-OppCauses-div label[for=fb-OppCauses-21] { display:none; }

/* Donate page */

.shop_donate .introduction img[align=left] { margin: 0px 20px 20px 0px; }
.shop_donate .introduction img[align=right] { margin: 0px 0px 20px 20px; }
.shop_donate .buttons { padding: 50px 0px 0px 210px; }
.shop_donate .description p { margin: 0px !important;}

/* Member area */

.memberarea h2 { font-weight: bold; font-size: 150%; line-height: 1.5; padding: 0px 0px 10px 0px; color: #481377; }
.memberarea .menu li { padding: 10px 0px 10px 40px; font-weight: bold; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; background-position: center left; }
.memberarea .buttons { clear: both; padding: 30px 0px 0px 215px; }
.memberarea .buttons input { border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }
.memberarea .error, .memberarea .errors { background: #f19d16; color: white; font-weight: bold; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
.memberarea .communications th, .memberarea .communications td { padding: 5px; }
.memberarea .communications tr.unread td { font-weight: bold; }
.memberarea .communications .datetime { white-space: nowrap; }
.memberarea .feat_socialshare li { float: left; padding: 0px 20px 0px 0px; }
/*.section344 .ui-dialog { background-color: #ffffff; }*/
.dialog h2 { font-weight: bold; font-size: 150%; line-height: 1.5; padding: 0px 0px 10px 0px; color: #481377; }
.memberarea .select  {font-size: 95%; }
.memberarea .select .all, .memberarea .select .none { cursor:pointer; color: #481377;}
.memberarea .buttons input.disabled {background-color: #dddddd; }
.memberarea td.nowrap { white-space: nowrap; }
.memberarea th, .memberarea td { padding: 5px; }

/* Organisation page */

.feat_organisationpage .logo { float: right; }
.feat_organisationpage ul.opportunities li { padding: 10px 5px 10px 5px; margin-top: 10px; height: auto; width: auto; background: none; }
.feat_organisationpage ul.opportunities li:hover { background: #ebebeb; cursor: pointer; }
.feat_organisationpage ul.opportunities li h2 { font-weight: bold; font-size: 110%; line-height: 1; padding: 0px 0px 10px 0px;  }
.feat_organisationpage ul.opportunities li .description { text-align: left; }
.feat_organisationpage form table { margin-bottom: 10px; }
.feat_organisationpage form th { width: 200px; text-align: right; background: none; }
.feat_organisationpage a.loginregister { display: block; margin-top: 20px; text-align: center; }
.feat_organisationpage input[type=submit], .feat_organisationpage input[type=button], .feat_organisationpage a.loginregister
   { border: none; border-radius: 20px; padding: 10px 20px 10px 20px; background-color: #481377; color: #ffffff; cursor: pointer; }
.feat_organisationpage input[type=submit]:hover, .feat_organisationpage input[type=button]:hover, .feat_organisationpage a.loginregister:hover
   { background-color: #f19d16; text-decoration: none; }
.feat_organisationpage .kitemark { display: block; float: right; clear: right; margin: 20px 0px 20px 0px; width: 100px; height: 40px; background-repeat: no-repeat; background-image: url(/images/h7cK652enpwhKP7WFV2S02s015.png); background-position: top right; }

.feat_organisationpage .memb_loginbox .label { display: block; padding: 10px 0px 0px 0px; }
.feat_organisationpage .memb_loginbox .fieldemail { display: block; }
.feat_organisationpage .memb_loginbox .login { padding: 20px 0px 0px 0px; }

.feat_organisationpage .formbuilder { margin-bottom: 30px; }
.feat_organisationpage .formbuilder .field {padding-top: 10px;}
.feat_organisationpage label { float: left; width: 200px; }
.feat_organisationpage .input { width: 400px; }

/* Opportunity page */

.feat_opportunitypage .logo { float: right; margin: 0px 0px 10px 10px; width: 250px; text-align: center; }
.feat_opportunitypage .organisation { font-size: 140%; padding: 0px 0px 20px 0px; line-height: 140%; }
.feat_opportunitypage .actions, .feat_opportunitypage .skills, .feat_opportunitypage .causes
   { float: right; background: #481377; padding: 10px; border-radius: 10px; color: white; clear: right; margin: 0px 0px 20px 10px; width: 230px; }
.feat_opportunitypage .share { float: right; clear: right; margin: 0px 0px 20px 10px; width: 250px; }
.feat_opportunitypage .share * { text-align: center; }
.feat_opportunitypage .actions { background: #f19d16; }
.feat_opportunitypage .actions li { background-repeat: no-repeat; padding: 5px 0px 5px 0px; text-align: left; opacity: 0.8; }
.feat_opportunitypage .actions li i { float: right; padding: 5px; background-color: #000000; border-radius: 100%; }
.feat_opportunitypage .actions li a { color: #ffffff !important; }
.feat_opportunitypage .actions li:hover { opacity: 1; cursor: pointer; }
.feat_opportunitypage .actions li.favourite, .feat_opportunitypage .actions li.unfavourite { background-image: url(/images/WfPZlJN9E58hBfAfMPie00p00p.png); background-position: top right; }
.feat_opportunitypage .skills h2, .feat_opportunitypage .causes h2 { font-weight: bold; font-size: 150%; line-height: 150%; padding: 0px 0px 10px 0px; text-align: right; }
.feat_opportunitypage .skills li, .feat_opportunitypage .causes li { text-align: right; font-size: 90%; }
.feat_opportunitypage .description { padding: 0px 0px 20px 0px; }
.feat_opportunitypage .description h2 { font-weight: bold; padding: 0px 0px 10px 0px; font-size: 120%; }
.feat_opportunitypage .location, .feat_opportunitypage .age, .feat_opportunitypage .times, .feat_opportunitypage .hours, .feat_opportunitypage .availability
   { padding: 0px 0px 10px 0px; }

.feat_opportunitypage .times table
   { width: auto; font-size: 80%; border-bottom: solid #ebebeb 1px; border-right: solid #ebebeb 1px; margin: 20px 0px 0px 0px; }
.feat_opportunitypage .times table th { background-color: #ebebeb; }
.feat_opportunitypage .times table th, .feat_opportunitypage .times table td
   { border-top: solid #ebebeb 1px; border-left: solid #ebebeb 1px; width: 25%; height: 30px; text-align: center; vertical-align: middle; font-weight: normal; }
.feat_opportunitypage .times table tr:first-child th:first-child { border: none; background: none; }
.feat_opportunitypage .times td.yes { background-image: url(/images/6ICw0FcWUUynnsR1geH400u00t.png); background-repeat: no-repeat; background-position: center center; }
.feat_opportunitypage .times td.no { background-image: url(/images/zwTQRVRKRKF4nZYhUl9p00u00u.png); background-repeat: no-repeat; background-position: center center; }

.feat_opportunitypage .feat_sharepage { padding: 10px 0px 10px 0px; }
.feat_opportunitypage .actions li.unfavourite { display: none; }
#locationmap { position: absolute; left: -1000px; top: -1000px; }
#share { position: absolute; left: -1000px; top: -1000px; }

.feat_opportunitypage_favourite .title { padding-left: 40px; background-image: url(/images/WfPZlJN9E58hBfAfMPie00z00z.png); background-repeat: no-repeat; background-position: 0px 5px; }
.feat_opportunitypage_favourite .actions li.favourite { display: none; }
.feat_opportunitypage_favourite .actions li.unfavourite { display: block; }
.feat_organisationpage .privacy {margin: 0px 0px 20px 0px; font-size: 90%; }

@media (max-width: 500px)
{
   .feat_opportunitypage .actions, .feat_opportunitypage .skills, .feat_opportunitypage .causes { float: none; margin-left: 0px; width: auto; }

}

.feat_socialshare li {float: left; margin: 10px 10px; }
.feat_socialshare li:first-of-type {margin: 10px 10px 10px 0px;}

/* Custom HTML */

.util_customhtml h2 { font-size: 150%; font-weight: bold; line-height: auto; padding: 0px 0px 20px 0px; }



/* Expanding text box */

.util_expandtext { margin: 0px 0px 10px 0px; }
.util_expandtext .link { background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 10px 40px; }
.util_expandtext .text { padding: 5px 0px 10px 15px; }
.util_expandtext .text ul { padding: 0px 0px 0px 25px; }
.util_expandtext .text ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }


/* Video gallery */

div.list_youtube ul li { float: left; width: 150px; height: 170px; margin: 3px 2px 3px 3px; padding: 5px; text-align: center; cursor: pointer; font-size: 90%; line-height: 125%; }
div.list_youtube ul li:hover { background: #ebebeb; }
div.list_youtube ul li img { border: solid black 1px; margin: 0px 0px 5px 0px; }
#youtubeplayer { background: black; padding: 0px; text-align: center; }
#youtubeplayer iframe { border: none; margin: 0px auto 0px auto; }
.ui-dialog { background: #481377; padding: 0px; border-width: 5px; }
.ui-dialog-titlebar { color: white; background: none; border: none; }


/* Charity list */

.charitylist li { display: inline-block; width: 199px; padding: 5px; margin: 5px 5px 5px 4px; min-height: 180px; border: solid #ebebeb 1px; border-radius: 10px; cursor: pointer; vertical-align: top; }
.charitylist li:hover { border-color: #f19d16; }
.charitylist li .kitemark { float: right; margin: 2px 2px 0px 0px; width: 74px; height: 30px; background-repeat: no-repeat; background-image: url(/images/h7cK652enpwhKP7WFV2S02200u.png); background-position: top right; }
.charitylist li .name { text-align: center; padding: 0px 0px 10px 0px; min-height: 40px; }
.charitylist li .logo { text-align: center; height: 103px; line-height: 100px; }
.charitylist li .logo img { vertical-align: middle; }


/* Live edit */

.feat_organisationpage .liveedit { background: #f19d16; padding: 5px; margin: 0px 0px 10px 0px; border-radius: 5px; }
.feat_organisationpage .liveedit a { color: white; }
.liveedit .editarea .label { font-weight: bold; font-size: 150%; padding: 0px 0px 20px 0px; }
.liveedit .editarea .field { padding: 0px 0px 30px 0px; }
.liveedit .editarea .buttons input { border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }


/* Sliding gallery */


.wt-gallery { width: 660px !important; border: none; background: none; }
.wt-gallery img { margin: 0px !important; border-radius: 0px !important; }
.wt-gallery .main-screen { border: none; margin: 0px 0px 0px 0px; }
.wt-gallery .cpanel[style] {width: 660px !important;padding-top: 0px !important;margin: 0px 0px 0px 0px !important;}
.wt-gallery .thumbnails {width: 615px !important;}
.wt-gallery .thumbnails li { padding-top: 0px !important; }
.wt-gallery .thumbnails li:hover div { border-color: #f2c700; }
.wt-gallery .thumbs-back {width: 22px;margin: 0px 1px 0px 0px;}


/* jQuery tabs */

div.ui-tabs { background: none; font-size: 100%; font-family: 'Open Sans', arial; padding: 0px; border: none; min-height: 700px;}
div.ui-tabs .ui-tabs-panel { padding: 10px; }
div.ui-tabs .ui-tabs-panel input { font-family: 'Open Sans', arial; }
div.ui-tabs .ui-tabs-nav { background: none; border: none; border-bottom: solid black 1px; border-radius: 0px; }
div.ui-tabs .ui-widget-content a { color: #481377; }


/* Errors */

ul.errors { padding: 10px; background: #f19d16; margin: 0px 0px 20px 0px; color: white; font-weight: bold; border-radius: 10px; }


/* Popup box */

/*
div.feat_popupbox { background: #481377 !important; }
*/
div.feat_popupbox p { padding: 0px !important; }
div.feat_popupbox img {display: inline-block; }
div.feat_popupbox a { color: white; }
div.feat_popupbox .close { text-align: right; border-bottom: solid white 1px; padding: 0px 0px 5px 0px; }
div.feat_popupbox .text { color: white; font-size: 120%; line-height: 1.5; padding: 10px 0px 10px 0px; text-align: center; }
div.feat_popupbox .ui-dialog-titlebar { display: none; }
.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; }
.ui-front { z-index: 2; }
.ui-dialog { background-color: #ffffff; padding: 10px; }
.ui-dialog-titlebar { text-align: right; }

/* App info page styling */

.app-info-page .screenshot {border: solid 1px #000000;}

@media (min-width: 360px) {
      .app-info-page .app-download {padding-right: 20px;}
}

@media (min-width: 461px) {
   .app-info-page .screenshot {margin: 0 40px 20px 0;}
}

@media (min-width: 700px) {
   .app-info-page .screenshot:first-child {padding-left: 0px;}
   .app-info-page .screenshot:nth-child(4) {padding-left: 0px;}
}

div.contact a { color: #737374; }

/*New charities page*/
.extracontent.chpage {margin: 20px 0px 20px 0px;}

@media (min-width: 1140px) {
   .extracontent.chpage {float: left;width: 30%;margin-right: 2%;}
   .extracontent.chpage:first-child {margin-left: 3%;}
}

@media (max-width: 1139px) {
   .extracontent.chpage {max-width: 300px; margin: auto; margin-top: 20px;}
}

.newcharitypageintro {padding: 40px 20px 20px 20px;margin: 0px auto 0px auto;box-sizing: border-box;}
.newcharitypageintro .content {max-width: 960px;margin: 0px auto 0px auto;background-color: #f2f1f1;color: #737373;min-height: 150px;border-radius: 75px;padding: 40px;font-size: 110%;box-sizing: border-box;}
.newcharitypageintro a { color: #481377; display: block; padding: 10px 0px 0px 0px; }
.newcharitypageintro h2 { font-weight: 800; font-size: 230%; color: #481377; line-height: 1; padding: 10px 0px 10px 0px; }

/* partners and supporters page general rule */
/* .partnersandsupporters .pagecontent img {max-width: none;} */