/* @override
    http://www.gosnells.wa.gov.au/files/0/8/site.css
    http://gosnells.simple.seamlesscms.com/files/0/32/responsive.css
    http://gosnells.simple.seamlesscms.com/files/1/21/responsive.css
    http://gosnells.simple.seamlesscms.com/files/0/8/responsive.css
    http://seamless.dev.simple.com.au/frankston-public/css/responsive.css
    http://frankston.v4uat.seamlesscms.comresponsive.css
    responsive.css */


/* image path

*/


/* ==========================================================================
   Updated desktop styles
   ========================================================================== */


/* ==========================================================================
  Seamless Test2
   ========================================================================== */

body.main-body {
    background: url("background.jpg") no-repeat center top #00aac7;
}

div.header {
    background-color: #fff;
    padding-left: 14px;
    padding-right: 14px;
}

.ugc-template .header {
    padding-bottom: 50px;
}

.header #logoutForm {
    position: absolute;
    right: 0px !important;
    top: 20px !important;
}

.header div.logo {
    background: url("frankston-logo.svg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 105px;
    margin: 0;
    text-indent: -9999px;
    width: 470px;
}

.header #pageControls {
    position: absolute;
    right: 14px;
    top: 95px;
    color: #148ab8;
}

.header #pageControls a {
    color: #148ab8;
    text-decoration: none;
    font-weight: bold;
}

.header #searchForm {
    text-align: right;
    width: 370px;
}

.header #searchForm {
    position: absolute;
    right: 14px;
    top: 120px;
}

.header #searchForm label {
    color: #148ab8;
    line-height: 35px;
    margin-right: 10px;
    font-weight: bold;
}

.search-results .horizontalForm input[type="text"] {
    padding-left: 5px;
}

.header ul.menu {
    background: url("menu-bg.jpg") no-repeat scroll 0px 0 white;
    height: 42px;
    padding-left: 0;
    padding-right: 0;
    width: 952px;
    margin-top: 50px;
}

#content.homepage .right .contact p.call {
    background: url("contact-call.svg") no-repeat scroll 0 50% transparent;
}

/* rgc - add this 260318 */
#content.homepage .right .contact p.online {
    background: url("contact-onlinePC_resize.png") no-repeat scroll 0 50% transparent;
}

/*
#content.homepage .right .contact p.MyFrankstonApp {
    background: url("contact-online-resize.png") no-repeat scroll 0 50% transparent;
}
*/

#content.homepage .right .contact p.MyFrankstonApp {
    background: url("contact-call_update.png") no-repeat scroll 0 50% transparent;
}
/* end rgc - add this 260318 */

#content.homepage .right .contact p.mail {
    background: url("contact-mail.svg") no-repeat scroll 0 50% transparent;
}

#content.homepage .right .contact p.visit {
    background: url("contact-visit.svg") no-repeat scroll 0 50% transparent;
}

#content.homepage .right .contact p.facebook {
    background: url("contact-facebook.svg") no-repeat scroll 0 50% transparent;
}

#content.homepage .right .contact p.twitter {
    background: url("contact-twitter.svg") no-repeat scroll 0 50% transparent;
}

.no-svg #content.homepage .right .contact p.call {
    background: url("contact-call.png") no-repeat scroll 0 50% transparent;
}

.no-svg #content.homepage .right .contact p.mail {
    background: url("contact-mail.png") no-repeat scroll 0 50% transparent;
}

.no-svg #content.homepage .right .contact p.visit {
    background: url("contact-visit.png") no-repeat scroll 0 50% transparent;
}

.no-svg #content.homepage .right .contact p.facebook {
    background: url("contact-facebook.png") no-repeat scroll 0 50% transparent;
}

.no-svg #content.homepage .right .contact p.twitter {
    background: url("contact-twitter.png") no-repeat scroll 0 50% transparent;
}

.header .social-media-links {
    display: none;
}

#content.homepage .right {
    width: 240px;
}

#content.homepage .left {
    margin-left: 14px;
    margin-right: 0;
    width: 695px;
}

#content .left_insert {
    float: left;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 695px;
}


/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/


/* change the ID & dimensions to match your slider */

#slider {
    width: 628px;
    height: 260px;
}

#slider img {
    width: 392px;
    height: 260px;
}

.home-banner .anythingControls {
    border-top: 1px solid #62AE83;
    display: block;
    padding-top: 15px;
    top: 210px;
    width: 200px;
}

.home-banner .anythingSlider .arrow.back {
    left: 535px;
    top: 227px;
}

.home-banner .anythingSlider .arrow.forward {
    left: 600px;
    top: 227px;
}

.home-banner .anythingControls .start-stop {
    float: right;
    margin-right: 28px;
}

.home-banner .anythingSlider-default .anythingControls {
    left: 410px;
}

.home-banner #slider h3.title {
    color: white;
    padding-bottom: 10px;
    padding-left: 410px;
    padding-top: 20px;
}

.home-banner #slider p.abstract {
    padding-left: 410px;
    padding-right: 14px;
}


/*Latest news and events*/

.latest-news,
.latest-events {
    float: left;
    width: 340px;
}

.latest-news {
    margin-right: 0;
}

.latest-events {
    margin-right: 15px;
}

#content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#content .left .latest-events h3 {
    background: #ffd87d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd87d), color-stop(100%, #feba17));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffd87d 0%, #feba17 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd87d', endColorstr='#feba17', GradientType=0);
    /* IE6-9 */
    color: #006991;
    margin: 0;
    padding: 5px 0 5px 15px;
    border-radius: 8px 8px 0 0;
}

.latest-events .controls {
    background: #ffd87d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd87d), color-stop(100%, #feba17));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd87d 0%, #feba17 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffd87d 0%, #feba17 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd87d', endColorstr='#feba17', GradientType=0);
    /* IE6-9 */
    list-style-type: none;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#content .left .latest-news h3 {
    background: #3ab1d9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab1d9), color-stop(100%, #018ec4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3ab1d9 0%, #018ec4 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3ab1d9', endColorstr='#018ec4', GradientType=0);
    /* IE6-9 */
    color: white;
    margin: 0;
    padding: 5px 0 5px 15px;
    border-radius: 8px 8px 0 0;
}

.latest-news .controls {
    background: #3ab1d9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ab1d9), color-stop(100%, #018ec4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3ab1d9 0%, #018ec4 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3ab1d9 0%, #018ec4 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3ab1d9', endColorstr='#018ec4', GradientType=0);
    /* IE6-9 */
    list-style-type: none;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#content .left .latest-news div.item h4,
#content .left .latest-events div.item h4 {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    min-height: 32px;
}

#content .left .latest-news div.item .item-detail,
#content .left .latest-events div.item .item-detail {
    float: right;
    width: 230px;
}

#content .left .latest-news div.item p,
#content .left .latest-events div.item p {
    margin-bottom: 0;
    margin-left: 0;
}

#content .event-listing .item h4,
#content .event-listing .item .date,
#content .event-listing .item .location,
#content .event-listing .item .short-desc {
    float: none;
    width: auto;
}

#mainContent div div.eventsDLV.event-listing div.item .item-detail {
    float: left;
    width: 350px;
}

#news-updates div.eventsDLV div.item div.item-detail {
    float: left;
    width: 350px;
}

@media only screen and (max-width: 980px) {
    #mainContent div div.eventsDLV.event-listing div.item .item-detail {
        width: 74%;
    }
    #news-updates div.eventsDLV div.item div.item-detail {
        width: 74%;
    }
}

#mainContent div div.eventsDLV.event-listing div.item a img {
    float: left;
}

.visit-other-sites h3 {
    font-weight: normal;
}

.footer {
    padding: 0 15px 6px;
}

.footer-after {
    background: #fff;
    height: 10px;
    width: 980px;
    border-radius: 0 0 8px 8px;
}

.footer .footerMenu {
    float: right;
}

.footer .contact {
    float: left;
}

.footer-menu-container {
    background-color: #e4f2f9;
    padding-top: 10px;
}

.footer .contact {
    color: #015D84;
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
    width: 200px;
}

.footer .contact img {
    margin-bottom: 30px;
    margin-right: 14px;
}

.footer .footerMenu {
    padding-left: 10px;
    padding-top: 10px;
    width: 705px;
}

.footer-logo-link {
    margin-bottom: 30px;
}

.footer a {
    color: #005e85 !important;
    text-decoration: none;
}

.footer-hot-links {
    position: relative;
    right: auto;
    top: auto;
    margin-left: -5px;
}

.footer-hot-links a {
    color: #005e85;
    margin-left: 5px;
    margin-right: 5px;
}

.footer ul.site-map > li {
    border-left: 1px dotted #a4d7ec;
    width: 199px;
}

#content .left h3,
#content .right h3,
#content .middle .relatedContent h3 {
    padding: 7px 15px;
}

#content .left h3 {
    background: none repeat scroll 0 0 transparent;
    color: #008EC5;
    padding-bottom: 18px;
    padding-left: 0;
    padding-top: 0;
}

#content.homepage .iWantTo h3 {
    padding: 7px 15px;
}

.visit-other-sites {
    padding: 16px 0 0px 16px;
}

.visit-other-sites a {
    margin-bottom: 16px;
}

#feedbackForm .buttons img {
    margin-left: 20px;
}

.landing-banner {
    height: 310px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.landing-banner img {
    height: 310px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.landing-banner h1 {
    color: white;
    margin-left: 20px;
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 20px;
}

.lt-ie8 .landing-banner h1 {
    top: auto;
}

.landing-banner p {
    color: white;
    margin-left: 20px;
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    margin-right: 20px;
}

.short-desc-bg {
    background: none repeat scroll 0 0 #049d4b;
    background: none repeat scroll 0 0 rgba(4, 157, 75, 0.8);
    bottom: 0;
    left: 0;
    height: auto;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.community-listing .eventFilter .inputBox {
    padding-left: 5px;
}

.community-add-icon,
.community-phone-icon {
    background: none !important;
}

.community-add-icon {
    background: url("community-add-icon.png") no-repeat scroll 0 0 transparent !important;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-left: 27px;
}

.community-phone-icon {
    background: url("community-phone-icon.png") no-repeat scroll 0 0 transparent !important;
    background-position: 0 2px !important;
    margin-bottom: 15px;
    padding-left: 27px;
}


/*  UGC TEMPLATES */

.header #logoutForm input[type="submit"] {
    background-image: none;
    background: #24a657;
    /* Old browsers */
    background: -moz-linear-gradient(top, #24a657 0%, #1f8849 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24a657), color-stop(100%, #1f8849));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #24a657 0%, #1f8849 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #24a657 0%, #1f8849 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #24a657 0%, #1f8849 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #24a657 0%, #1f8849 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24a657', endColorstr='#1f8849', GradientType=0);
    /* IE6-9 */
    text-indent: 0 !important;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #545454 !important;
}


/*  GENERIC SLIDER STYLES */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/*  FEATURED EVENT SLIDER */

.featured-events {
    width: 100%;
    height: auto;
    position: relative;
}

.featured-events li {
    width: 100%;
}

.no-js .featured-events li {
    display: block;
    position: relative;
}

.no-js .rslides img {
    float: none;
}

.no-js .rslides li:first-child {
    float: none;
}

.featured-events .slideshowText {
    background: none repeat scroll 0 0 #00A850;
    background: none repeat scroll 0 0 rgba(0, 168, 80, 0.8);
    bottom: 0;
    height: auto;
    left: 0;
    padding: 15px 20px 20px 20px;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
}

.featured-events .title a {
    color: white;
    text-decoration: none;
}

.featured-events .title {
    color: white;
    font-size: 1.5em;
    margin: 0;
    left: auto;
    padding: 0;
    top: auto;
    z-index: 2;
    margin-bottom: 0.25em;
    width: 75%;
}

.featured-events .abstract {
    color: white;
    font-size: 1em;
    margin: 0;
    left: auto;
    overflow: hidden;
    padding: 0;
    top: auto;
    width: auto;
    z-index: 2;
    width: 75%;
}

.featured-events .rslides-controls {
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 10000;
}

#mainContent div a.rslides_nav.rslides1_nav.prev {
    background: url("icon_control_previous.png") repeat scroll 0 0 transparent;
    height: 29px;
    width: 29px;
    display: block;
    text-indent: -999em;
    display: inline-block;
    margin-right: 10px;
}

a.rslides_nav.rslides1_nav.next {
    background: url("icon_control_next.png") repeat scroll 0 0 transparent;
    height: 29px;
    width: 29px;
    display: block;
    text-indent: -999em;
    display: inline-block;
}


/* EVENT LISTING ACCORDION */

#accordion {
    display: none;
}


/* Pagination ========================================================================== */


/* ========================================================================== SPRITE ========================================================================== */

.simple-pagination li a.prev {
    display: block;
    overflow: hidden;
    background: transparent url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20enable-background%3D%22new%200%200%2016%2013%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C6.1L0.1%2C6.1C0.2%2C6%2C0.2%2C6%2C0.2%2C6L6%2C0.2C6.1%2C0.1%2C6.3%2C0%2C6.5%2C0c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2%0D%0A%09c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.2-0.1%2C0.4-0.2%2C0.5L6.2%2C2.2L2.6%2C5.7h12.6c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2C15.9%2C6.1%2C16%2C6.3%2C16%2C6.5%0D%0A%09c0%2C0.2-0.1%2C0.4-0.2%2C0.5c-0.1%2C0.1-0.3%2C0.2-0.5%2C0.2l-1.3%2C0l-11.4%2C0l4.5%2C4.4c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.2-0.1%2C0.4-0.2%2C0.5%0D%0A%09C6.9%2C12.9%2C6.7%2C13%2C6.5%2C13c-0.2%2C0-0.4-0.1-0.5-0.2L0.2%2C7C0%2C6.8-0.1%2C6.4%2C0.1%2C6.1z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat 15px 50%;
    padding: 0 15px 0 40px;
}

.no-svg .simple-pagination li a.prev {
    display: block;
    overflow: hidden;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGJJREFUeNpi+P//PwMOvOA/BCTgUQPGhAz4AMQK5BiCbIABIQOwGUKyAeiGkGUACDOCTWJgWADE8QwQsBGILzAQDx7ADPnPQAFggdILKXDJBaqECdVjh2rphGopluS8AxBgAE/bI6csMCUrAAAAAElFTkSuQmCC") no-repeat 15px 50%;
}

.simple-pagination li a.next {
    display: block;
    overflow: hidden;
    background: transparent url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20enable-background%3D%22new%200%200%2016%2013%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.9%2C6.9L15.9%2C6.9C15.8%2C7%2C15.8%2C7%2C15.8%2C7L10%2C12.8C9.9%2C12.9%2C9.7%2C13%2C9.5%2C13c-0.2%2C0-0.4-0.1-0.5-0.2%0D%0A%09c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2%2C0.1-0.4%2C0.2-0.5l0.9-0.9l3.6-3.5H0.8c-0.2%2C0-0.4-0.1-0.5-0.2C0.1%2C6.9%2C0%2C6.7%2C0%2C6.5%0D%0A%09C0%2C6.3%2C0.1%2C6.1%2C0.2%2C6c0.1-0.1%2C0.3-0.2%2C0.5-0.2l1.3%2C0l11.4%2C0L8.9%2C1.3C8.8%2C1.2%2C8.7%2C1%2C8.7%2C0.8c0-0.2%2C0.1-0.4%2C0.2-0.5%0D%0A%09C9.1%2C0.1%2C9.3%2C0%2C9.5%2C0C9.7%2C0%2C9.9%2C0.1%2C10%2C0.2L15.8%2C6C16%2C6.2%2C16.1%2C6.6%2C15.9%2C6.9z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat 55px 50%;
    padding: 0 40px 0 15px;
}

.no-svg .simple-pagination li a.next {
    display: block;
    overflow: hidden;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNpi+P//PwMBnPAfAhZgk2cgwgAFIP6AyxBiDABhA1yGEGsATkNIMQCrIYxAIoCBgcGAgXgAUusPZS8EGfCfgQIAMiABSCuQ6wKKw4BusUBROqA4JeLNCwABBgA0hgVOp2erOgAAAABJRU5ErkJggg==") no-repeat 55px 50%;
}

.seamless-pagination .button-previous input {
    background: #156b8f url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20enable-background%3D%22new%200%200%2016%2013%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C6.1L0.1%2C6.1C0.2%2C6%2C0.2%2C6%2C0.2%2C6L6%2C0.2C6.1%2C0.1%2C6.3%2C0%2C6.5%2C0c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2%0D%0A%09c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.2-0.1%2C0.4-0.2%2C0.5L6.2%2C2.2L2.6%2C5.7h12.6c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2C15.9%2C6.1%2C16%2C6.3%2C16%2C6.5%0D%0A%09c0%2C0.2-0.1%2C0.4-0.2%2C0.5c-0.1%2C0.1-0.3%2C0.2-0.5%2C0.2l-1.3%2C0l-11.4%2C0l4.5%2C4.4c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.2-0.1%2C0.4-0.2%2C0.5%0D%0A%09C6.9%2C12.9%2C6.7%2C13%2C6.5%2C13c-0.2%2C0-0.4-0.1-0.5-0.2L0.2%2C7C0%2C6.8-0.1%2C6.4%2C0.1%2C6.1z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat 10px 50% !important;
    color: #fff !important;
    height: 45px;
    width: auto;
    line-height: 45px;
    padding: 0 10px 0 30px;
}

.seamless-pagination .button-next input {
    background: #156b8f url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20enable-background%3D%22new%200%200%2016%2013%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.9%2C6.9L15.9%2C6.9C15.8%2C7%2C15.8%2C7%2C15.8%2C7L10%2C12.8C9.9%2C12.9%2C9.7%2C13%2C9.5%2C13c-0.2%2C0-0.4-0.1-0.5-0.2%0D%0A%09c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2%2C0.1-0.4%2C0.2-0.5l0.9-0.9l3.6-3.5H0.8c-0.2%2C0-0.4-0.1-0.5-0.2C0.1%2C6.9%2C0%2C6.7%2C0%2C6.5%0D%0A%09C0%2C6.3%2C0.1%2C6.1%2C0.2%2C6c0.1-0.1%2C0.3-0.2%2C0.5-0.2l1.3%2C0l11.4%2C0L8.9%2C1.3C8.8%2C1.2%2C8.7%2C1%2C8.7%2C0.8c0-0.2%2C0.1-0.4%2C0.2-0.5%0D%0A%09C9.1%2C0.1%2C9.3%2C0%2C9.5%2C0C9.7%2C0%2C9.9%2C0.1%2C10%2C0.2L15.8%2C6C16%2C6.2%2C16.1%2C6.6%2C15.9%2C6.9z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat 45px 50% !important;
    color: #fff !important;
    width: auto;
    height: 45px;
    padding: 0 35px 0 10px;
}

.seamless-pagination {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 4em 0 2.5em;
    text-align: left;
}

.seamless-pagination > .non-js {
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.no-js .seamless-pagination > .non-js.show-for-small-only {
    display: block !important;
}

.no-js .seamless-pagination > .non-js.show-for-small-only.page-total-1 {
    display: none !important;
}

.seamless-pagination input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.js .seamless-pagination > .non-js {
    display: none;
}

.seamless-pagination.visuallyhidden,
.backtop__arrow span.seamless-pagination,
.ui-dialog-titlebar-close .seamless-pagination.ui-button-text,
.add-to-calendar label.seamless-pagination.emails-label,
.add-to-calendar label.seamless-pagination.multi-date-label {
    margin-top: 0;
}

ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    padding: 0 5px 5px 0;
}

.simple-pagination ul {
    list-style: none;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.simple-pagination li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.seamless-pagination-data input[type=submit] {
    min-width: 2.5em;
    vertical-align: middle;
    border-width: 0;
    margin: 0 10px;
}

.simple-pagination li > a,
.simple-pagination li > span {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #393939;
    background-color: #e6e6e6;
    min-width: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 1px;
    border-width: 0;
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
}

.button-previous input,
.button-next input {
    background-color: #e6e6e6;
    border-radius: 3px;
    vertical-align: top;
}

.non-js .simple-pagination li > a,
.non-js .simple-pagination li > span {
    min-width: 40px;
    padding: 10px 0px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.non-js .seamless-pagination-data input[type=submit] {
    background-image: none !important;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #393939;
    background-color: #e6e6e6;
    line-height: 45px;
    text-align: center;
    margin-right: 1px;
    border-width: 0;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    min-width: 0;
    font-weight: bold;
    height: auto;
    width: 40px;
}

.no-csstransforms3d .simple-pagination li > a,
.no-csstransforms3d .simple-pagination li > span,
.no-csstransforms3d .button-previous input,
.no-csstransforms3d .button-next input {
    min-width: 0;
}

.seamless-pagination-data {
    display: block;
    display: inline-block;
    vertical-align: top;
}

.seamless-pagination-data span {
    display: inline-block;
    padding: 10px 4px 0 4px;
    font-weight: bold;
}

.seamless-pagination-data select {
    margin-top: -5px;
}

.simple-pagination .current {
    z-index: 2;
    color: white;
    background-color: #cbe6f3;
}

.simple-pagination li a.prev,
.simple-pagination li a.next,
.button-previous input,
.button-next input {
    z-index: 2;
    color: white;
    background-color: #156b8f;
}

.simple-pagination .current,
.simple-pagination .current:hover,
.simple-pagination .current:focus {
    cursor: default;
    background-color: #cbe6f3;
    color: #252525;
}

.ellipse {
    cursor: default;
    background-color: transparent !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    min-width: 0 !important;
}

.ellipse:hover {
    color: #252525 !important;
}

.simple-pagination li > a:hover,
.simple-pagination li > span:hover,
.button-previous input:hover,
.button-next input:hover,
.simple-pagination li > a:focus,
.simple-pagination li > span:focus,
.button-previous input:focus,
.button-next input:focus,
.simple-pagination li > a:hover,
.simple-pagination li > a:focus {
    background-color: #156b8f;
    color: #fff;
}

.button-previous input[disabled=disabled],
.button-next input[disabled=disabled],
.simple-pagination .active .prev,
.simple-pagination .active .next {
    display: none;
}

.page-totals {
    display: block;
    font-size: 1.4em;
    line-height: 2.25em;
    position: absolute;
    right: 0;
    top: 0;
}

.page-total-1 {
    display: none !important;
}

.simple-pagination {
    float: left;
}

.seamless-pagination .pageCount {
    float: right;
}


/* HOMEPAGE SLIDER */

.slides-container.mobile.visuallyhidden {
    display: block;
}

.slides-container.mobile {
    display: none;
}

.slides-container {
    position: relative;
}

#slides {
    background-color: #0f8342;
    height: 259px;
}

.slidesjs-slide {
    position: relative;
}

.slidesjs-slide .slideshowText {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 240px;
    padding: 20px;
    display: block;
    height: 100%;
    margin-bottom: 0 !important;
}

.slidesjs-slide .slideshowText p.abstract {
    color: #fff;
}

.slidesjs-slide .slideshowText h3 a {
    color: #fff !important;
    text-decoration: none;
}

.slidesjs-slide .slideshowText h3 {
    line-height: 1.2em;
}

.slidesjs-slide .slideshowText a {}

div.slidesjs-slide > a {
    display: block;
    width: 458px;
    overflow: hidden;
}


/*
#slides .slidesjs-navigation {
    position: absolute;
    border-top: 1px solid #62AE83;
    display: block;
    padding-top: 15px;
    top: 210px;
    right: 15px;
    width: 200px;

}
*/

#slides .slidesjs-navigation {
    z-index: 100;
}

a.slidesjs-next {}

a.slidesjs-previous {}

a.slidesjs-play {}

a.slidesjs-stop {}

a.slidesjs-next {
    background: url("rotating-banner-controller-icons.gif") repeat scroll 16px 0 transparent;
    height: 14px;
    width: 17px;
    margin: 0;
    display: block;
    position: absolute;
    top: 223px;
    right: 15px;
    text-indent: -999em;
}

a:hover.slidesjs-next {}

a.slidesjs-previous {
    background: url("rotating-banner-controller-icons.gif") repeat scroll 60px 0 transparent;
    height: 14px;
    width: 17px;
    margin: 0;
    display: block;
    position: absolute;
    top: 224px;
    right: 60px;
    text-indent: -999em;
}

a:hover.slidesjs-previous {}

a.slidesjs-play {
    background: url("rotating-banner-controller-icons-2.gif") repeat scroll 14px 0 transparent;
    height: 17px;
    width: 14px;
    margin: 0;
    display: block;
    position: absolute;
    top: 223px;
    right: 39px;
    text-indent: -999em;
}

a:hover.slidesjs-play {}

a.slidesjs-stop {
    background: url("rotating-banner-controller-icons-2.gif") repeat scroll 0 -16px transparent;
    height: 16px;
    width: 14px;
    margin: 0;
    display: block;
    position: absolute;
    top: 223px;
    right: 38px;
    text-indent: -999em;
}

b a:hover.slidesjs-stop {}

.slidesjs-pagination {
    box-sizing: border-box;
    position: absolute;
    right: 10px;
    bottom: 20px;
    margin: 0;
    list-style: none;
    width: 210px;
    border-top: 1px solid #62AE83;
    padding-top: 15px;
    padding-left: 0;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    height: 0;
    background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
    float: left;
    overflow: hidden;
    text-indent: -999em;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 -17px transparent;
}

.slidesjs-pagination li a:hover {}

#slides a:link,
#slides a:visited {}

#slides a:hover,
#slides a:active {}


/* back to top */

.back-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -999em;
    background-color: #00a44e;
    width: 40px;
    height: 40px;
    z-index: 10000;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTkgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC42LDguNWwtOC04QzEwLTAuMSw5LTAuMSw4LjQsMC40bC04LDhjLTAuNiwwLjYtMC42LDEuNSwwLDIuMUMwLjcsMTAuOSwxLjEsMTEsMS41LDExczAuOC0wLjEsMS4xLTAuNA0KCWw3LTdsNyw3YzAuMywwLjMsMC43LDAuNCwxLjEsMC40czAuOC0wLjEsMS4xLTAuNEMxOS4xLDEwLDE5LjEsOSwxOC42LDguNXoiLz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-position: 50%;
}

.back-top:hover {
    background-color: #f5bb1c;
}

.no-svg .back-top {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRJREFUeNpiYMAD/v//LwDE5/9DAIgWYCAHoBn0n2wDcRhEuoEEDCLeQDxeUyDJy4TCiOgwJFYhQXWkxhpe9eREPy4DGciNdmwGMlCSwtFzCECAAQBVt7DZ4X8RqgAAAABJRU5ErkJggg==);
}

.no-js .back-top {
    display: block !important;
    position: static;
    text-align: center;
    width: 160px;
    margin: 0 auto;
    text-indent: 0;
    background-color: #17426e;
    color: #FFF;
    padding: 10px;
    padding-right: 36px;
    bottom: auto;
    text-decoration: none;
}

.no-js .back-top:after {
    top: auto;
    left: auto;
    margin-left: 10px;
    margin-top: 4px;
}


/* fix CAPTCHA display issues */

.RadCaptcha.RadCaptcha_Default.captcha .captcha {
    height: auto !important;
}

#feedbackForm .RadCaptcha_Default {
    background-color: transparent !important;
    padding-bottom: 0 !important;
}

#feedbackForm .captcha .rcRefreshImage,
.captcha .rcRefreshImage {
    top: auto !important;
    left: auto !important;
    position: relative !important;
}

#feedbackForm .captcha .rcCaptchaAudioLink,
.captcha .rcCaptchaAudioLink {
    top: auto !important;
    left: auto !important;
    position: relative !important;
}


/* ==========================================================================
   Mobile Navigation
   ========================================================================== */


/* # Mean Menu

    MeanMenu 2.0.7
    --------

    To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)



/* hide the link until viewport size is reached */

ent-tab
{
    display: none !important;
}


.mobile-menu {}

.mean-menu-content {
    display: none !important;
}

a.meanmenu-reveal {
    display: none;
}


/*
a.meanmenu-reveal:before {
    display:block;
    font-size:16px;
    text-align:right;
    content:"";
    position:absolute;
    right:52px;
    color:#6e6e6e;
    font-weight:normal;
    padding-top:4px;
}
*/


/* when under viewport size, .mean-container is added to body */

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: transparent;
    padding: 0;
    z-index: 1000;
    margin-top: -12px;
    padding-top: 0px;
}

.mean-container a.meanmenu-reveal {
    width: 27px;
    height: 22px;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 10px !important;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    text-indent: -9999em;
    line-height: 2px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 4px;
    margin-top: 5px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #FFF;
    margin-top: 60px;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 15px;
    padding-right: 40px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    position: relative;
}

.mean-container .mean-nav > ul > li > a {
    border-top: 1px solid #a1d4ef;
}

.mean-container .mean-nav > ul > li:first-of-type > a {
    border-top: 0;
}

.mean-container .mean-nav > ul > li:last-of-type > a {
    border-bottom: 1px solid #e1e1e1;
}

.mean-container .mean-nav ul li a > span {
    font-size: 0.75em;
    font-weight: normal;
    text-transform: none;
    display: block;
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding-left: 25px;
    border-top: 1px solid #fff;
    text-shadow: none !important;
    visibility: visible;
    background-color: #097dad;
    color: #FFF;
}


/*.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}
*/

.mean-container .mean-nav ul > li > a {
    background-color: #e1f3fa;
    text-transform: none;
    font-weight: normal;
}

.mean-container .mean-nav > ul > li > a {
    color: #00688f;
}

.mean-container .mean-nav ul > li > a > span {
    text-transform: none;
    font-weight: normal;
    display: block;
}

.mean-container .mean-nav ul > li > a.showing-children {
    background-color: #005c87;
    color: #FFF;
    border-top: 1px solid #fff;
}

.mean-container .mean-nav ul > li li > a.showing-children {
    background-color: #097dad;
    color: #FFF;
    border-top: 1px solid #fff;
}

.mean-container .mean-nav ul > li li li> a {
    background-color: #a0d3ed;
    text-transform: none;
    font-weight: normal;
    color: #333333;
}

.mean-container .mean-nav ul li li li a {
    width: 100%;
    padding: 20px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 35px;
}

.mean-container .mean-nav ul li li li li a {
    width: 100%;
    padding: 20px;
    padding-left: 50px;
}

.mean-container .mean-nav ul li li li li li a {
    width: 100%;
    padding: 20px;
    padding-left: 60px;
}


/*.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255,255,255,0.1);
}
*/


/*.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,0.9);
}*/

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}


/* Fix for box sizing on Foundation Framework etc. */

.mean-remove {
    display: none !important;
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 42px;
    height: 50px;
    /* Adjust height of expander (+) button area */
    padding: 12px !important;
    margin-right: 5px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 500;
    border: none !important;
    font-size: 30px !important;
    font-family: Tahoma, Arial;
    line-height: 22px;
    opacity: 0;
    background-color: transparent;
}

a.mean-expand.mean-clicked.showing-children {
    letter-spacing: -4px;
}

@media only screen and (min-width: 500px) {
    .mean-container .mean-nav ul li a > span {
        display: inline;
        padding-left: 10px;
    }
}

.mean-container .mean-nav ul li a.nav-has-children:after,
.mean-container .mean-nav ul li a.nav-has-children:before,
.mean-container .mean-nav ul li a.showing-children:after,
.mean-container .mean-nav ul li a.showing-children:before,
.mean-container .mean-nav ul li a.sf-with-ul:after,
.mean-container .mean-nav ul li a.sf-with-ul:before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 45%;
    background-color: #fff;
    width: 19px;
    height: 3px;
}

.mean-container .mean-nav ul li a.sf-with-ul:after,
.mean-container .mean-nav ul li a.sf-with-ul:before {
    background-color: #177198;
}

.mean-container .mean-nav ul li a.nav-has-children:before,
.mean-container .mean-nav ul li a.showing-children:before,
.mean-container .mean-nav ul li a.sf-with-ul:before {
    width: 3px;
    height: 19px;
    right: 23px;
    margin-top: -8px;
}

.mean-container .mean-nav ul li a.showing-children:after {
    content: "";
    width: 19px;
    height: 3px;
    background-color: #fff;
}

.mean-container .mean-nav ul li a.showing-children:before {
    display: none;
}

.dateWrapper table {
    width: 120px !important;
}

.dateWrapper {
    margin-right: 3px !important;
    width: 120px !important;
}


/* DESK-2730 BEGIN */


/*.eventFilter .button.btn-search {*/


/*    float: right !important;*/


/*}*/


/* DESK-2730 END */

.scpicker > .add-on {
    box-sizing: content-box !important;
}


/* ==========================================================================
   Tables
   ========================================================================== */


/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table,
th,
td {
    border: 1px solid #A0D4EC;
    text-align: left;
}

th {
    background: none repeat scroll 0 0 #177EAB;
    color: white;
    font-weight: bold;
}

th,
td {
    padding: 5px 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.ui-dialog-buttonpane input[type="submit"],
.ui-dialog-buttonpane input[type="button"] {
    width: auto !important;
}


/* ==========================================================================
   REMOVE FROM DESKTOP
   ========================================================================== */

.mobile-only {
    display: none;
}

.js-element.dateOriginal {
    display: block;
}

.js-element.dateCustom {
    display: none;
}

 /* DESK-2927 */
.related-info-mobile {
    display: none;
}
/* DESK-2927 - END */

/* DESK-4169 */
.home-list-item {
    height: 105px;
}
/* DESK-4169 - END */


/* ==========================================================================
   1. Smaller than 980px wide
   ========================================================================== */

@media only screen and (max-width: 980px) {
    .desktop-only {
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
    * {
        box-sizing: border-box !important;
    }
    .container {
        width: 768px;
    }
    div.header {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
    }
    .body-before {
        display: none;
    }
    .ugc-template .header {
        padding-bottom: 20px;
    }
    .header div.logo {
        background: url("frankston-logo.svg") no-repeat scroll 0 0 transparent;
        background-size: contain;
        display: block;
        height: 80px;
        margin: 0 0 20px 14px;
        width: 370px;
    }
    .header ul.menu {
        display: none;
    }
    .header .mobile-header {
        background: url('mobile-header-bg.gif') no-repeat 50%;
        padding-top: 11px;
        height: 60px;
        width: 100%;
        position: relative;
    }
    .header #searchForm {
        position: absolute;
        float: none;
        top: auto;
        right: 50px;
        width: 320px;
    }
    .header #searchForm label {
        display: none;
    }
    .header #searchForm input[type="text"] {
        background: url("mobile-search-box-bg.png") no-repeat scroll left center transparent;
        border: medium none;
        margin-right: 10px;
        padding: 12px 10px 10px 15px;
        width: 211px;
        height: 38px;
        font-size: 14px;
    }
    .header #searchForm input[type="submit"] {
        background: url("mobile-btn-search.png") repeat scroll 0 0 transparent;
        border: medium none;
        text-indent: -9999px;
        width: 99px;
        height: 38px;
        text-transform: capitalize;
        /*For negative text-indent to work on IE7*/
    }
    #content.homepage .right {
        width: 238px;
    }
    #content.homepage .left {
        margin-left: 14px;
        margin-right: 0;
        width: 486px;
    }
    #slider {
        width: 468px;
        height: 260px;
    }
    #content .left_insert {
        float: left;
        margin-right: 0px;
        margin-bottom: 0px;
        width: 486px;
    }
    .latest-news,
    .latest-events {
        float: left;
        width: 49%;
    }
    .latest-events {
        margin-right: 2%;
    }
    #content .left .latest-news div.item,
    #content .left .latest-events div.item {
        padding: 10px;
    }
    #content .left .latest-news div.item .item-detail,
    #content .left .latest-events div.item .item-detail {
        width: 140px;
    }
    #content.homepage .iWantTo ul.menu li a {
        height: auto;
    }
    #content .left ul.menu li a,
    #content .right ul.menu li a {
        padding: 8px 15px 9px 25px;
    }
    .visit-other-sites a {
        display: inline-block;
        height: 70px;
        margin-right: 6px;
        width: 133px;
        font-size: 0;
    }
    .visit-other-sites a.link1,
    .visit-other-sites a.link2,
    .visit-other-sites a.link3,
    .visit-other-sites a.link4,
    .visit-other-sites a.link5 {
        background-size: contain;
        background-repeat: no-repeat;
    }
    .footer .contact {
        width: 96%;
        float: none;
        clear: both;
        margin: 0 2%;
        border-bottom: 1px dotted #a4d7ec;
    }
    .footer .contact1,
    .footer .contact2,
    .footer .contact3 {
        float: left;
        width: 33%;
    }
    .footer .contact3 {
        padding-left: 14px;
    }
    .footer-menu-container {
        padding-top: 25px;
    }
    .footer .footerMenu {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 14px;
        width: 746px;
    }
    .footer .footerMenu h3 {
        padding: 0 14px;
        margin: 30px 0;
        color: #005e85;
        font-size: 14px;
    }
    .footer ul.site-map li {
        width: 33%;
    }
    .footer ul.site-map > li:nth-of-type(3n-1) {
        border-left: none;
    }
    .footer-after {
        background: #fff;
        height: 10px;
        width: 768px;
        border-radius: 0 0 8px 8px;
    }
    #content.twoColumn .left,
    #content.threeColumn .left {
        display: none;
    }
    #content.twoColumn .middle {
        width: 100%;
    }
    .childPage {
        float: left;
        margin-right: 4%;
        width: 48%;
    }
    #content .left,
    #content .middle,
    #content .right {
        float: left;
    }
    #content.full-width .middle {
        float: left;
        width: 100%;
    }
    #content.full-width .middle .iframewrap iframe {
        width: 100%;
    }
    #content.threeColumn .left {
        margin-right: 24px;
        width: 237px;
    }
    #content.threeColumn .middle {
        margin-right: 24px;
        width: 476px;
    }
    #content.threeColumn .right {
        width: 237px;
    }
    #content.twoColumn .left {
        margin-right: 23px;
        width: 237px;
    }
    #content.oneColumn .middle {
        width: 970px
    }
    #content.homepage .right {
        width: 235px;
    }
    #content.homepage .middle {
        width: 494px;
        margin-top: 43px;
    }
    #content.oneColumn .middle .bodyContent {
        float: left;
        width: 730px;
        margin-right: 15px;
    }
    #content.twoColumn .middle .bodyContent {
        float: left;
        width: 490px;
        margin-right: 15px;
    }
    #content .middle .right_insert {
        float: right;
        margin-left: 30px;
        width: 209px;
    }
    #content .event-listing .item h4,
    #content .event-listing .item .date,
    #content .event-listing .item .location,
    #content .event-listing .item .short-desc {
        float: none;
        width: auto;
    }
    #content .community-listing.event-listing .item h4,
    #content .community-listing.event-listing .item .date,
    #content .community-listing.event-listing .item .location,
    #content .community-listing.event-listing .item .short-desc {
        float: none;
        width: auto;
    }
    .community-filter * {
        box-sizing: content-box !important;
    }
    /* UGC TEMPLATES */
    .ugc-template .header #pageControls {
        top: 20px;
    }
    .ugc-template .header #pageControls .accessibility {
        display: none;
    }
    .ugc-mng-welcome-text {
        width: 58%;
    }
    .listing .details {
        float: left;
        margin-right: 30px;
        width: 300px;
    }
    /* HOMEPAGE SLIDER */
    .home-banner {
        height: 450px;
    }
    .slides-container {
        position: relative;
    }
    .slidesjs-container {
        overflow: visible !important;
    }
    #slides {
        background-color: #0f8342;
        height: 450px;
    }
    .slidesjs-slide {
        position: relative;
    }
    .slidesjs-slide .slideshowText {
        box-sizing: border-box;
        position: relative;
        top: auto;
        right: auto;
        width: 486px;
        padding: 20px;
        display: block;
        height: 190px;
        margin-bottom: 0 !important;
    }
    .slidesjs-slide .slideshowText p.abstract {
        color: #fff;
    }
    .slidesjs-slide .slideshowText h3 a {
        color: #fff !important;
        text-decoration: none;
    }
    .slidesjs-slide .slideshowText a {}
    div.slidesjs-slide > a {
        display: block;
        width: 486px;
        overflow: hidden;
        height: 259px;
    }
    div.slidesjs-slide > a img {
        display: block;
        width: 100%;
    }
    /*
    #slides .slidesjs-navigation {
        position: absolute;
        border-top: 1px solid #62AE83;
        display: block;
        padding-top: 15px;
        top: 210px;
        right: 15px;
        width: 200px;

    }
    */
    #slides .slidesjs-navigation {
        z-index: 10000;
    }
    a.slidesjs-next {}
    a.slidesjs-previous {}
    a.slidesjs-play {}
    a.slidesjs-stop {}
    a.slidesjs-next {
        background: url("rotating-banner-controller-icons.gif") repeat scroll 16px 0 transparent;
        height: 14px;
        width: 17px;
        margin: 0;
        display: block;
        position: absolute;
        top: 413px;
        right: 15px;
        text-indent: -999em;
    }
    a:hover.slidesjs-next {}
    a.slidesjs-previous {
        background: url("rotating-banner-controller-icons.gif") repeat scroll 60px 0 transparent;
        height: 14px;
        width: 17px;
        margin: 0;
        display: block;
        position: absolute;
        top: 414px;
        right: 60px;
        text-indent: -999em;
    }
    a:hover.slidesjs-previous {}
    a.slidesjs-play {
        background: url("rotating-banner-controller-icons-2.gif") repeat scroll 14px 0 transparent;
        height: 17px;
        width: 14px;
        margin: 0;
        display: block;
        position: absolute;
        top: 413px;
        right: 39px;
        text-indent: -999em;
    }
    a:hover.slidesjs-play {}
    a.slidesjs-stop {
        background: url("rotating-banner-controller-icons-2.gif") repeat scroll 0 -16px transparent;
        height: 16px;
        width: 14px;
        margin: 0;
        display: block;
        position: absolute;
        top: 413px;
        right: 38px;
        text-indent: -999em;
    }
    a:hover.slidesjs-stop {}
    .slidesjs-pagination {
        box-sizing: border-box;
        position: absolute;
        right: 15px;
        bottom: 20px;
        margin: 0;
        list-style: none;
        width: 450px;
        border-top: 1px solid #62AE83;
        padding-top: 15px;
        padding-left: 0;
    }
    .slidesjs-pagination li {
        float: left;
        margin: 0 1px;
    }
    .slidesjs-pagination li a {
        display: block;
        height: 0;
        background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 0 transparent;
        height: 16px;
        width: 16px;
        float: left;
        overflow: hidden;
        text-indent: -999em;
    }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
        background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 -17px transparent;
    }
    .slidesjs-pagination li a:hover {}
    #slides a:link,
    #slides a:visited {}
    #slides a:hover,
    #slides a:active {}



    /* DESK-2927 */
    .related-info-mobile {
        display: none;
    }

    /* DESK-2927 - END */

    /*  DESK-4169 */
    .home-list-items {
        /*min-height: 982px;*/
    }

    .home-list-item {
        height: 105px;
    }

    .home-list-item-short-description {
        display: none;
    }
    /*  DESK-4169 - END */


    /* DESK-2804 */
/*    .event-tab
    {
        display: none;
    }*/
    /* DESK-2804 END  */
}


/* ==========================================================================
       2. Smaller than 767px wide
       ========================================================================== */

@media only screen and (max-width: 767px) {

    .js-element.dateOriginal {
        display: none;
    }
    .js-element.dateCustom {
        display: block;
    }
    /* DESK-1049 Begin */
    .date-parent label,
    .time-parent label {
        display: block;
        margin-top: 10px !important;
    }
    .date-parent .RadPicker,
    .time-parent .RadPicker {
        width: 100% !important;
    }
    /* DESK-1049 End */
    .ui-dialog {
        overflow: auto;
        max-width: 100%;
    }
    .ui-dialog-content,
    .ui-dialog-buttonpane,
    .ui-dialog-titlebar {
        width: 780px !important;
    }
    body.main-body {
        background: none;
    }
    .container {
        width: 100%;
    }
    .seamless-pagination-js,
    .seamless-pagination .pageCount {
        display: none;
    }
    .seamless-pagination-no-js {
        display: block !important;
    }
    /*
        .date-pick .js-element {
            display: none;
        }


        .date-pick .no-js-element {
            display: block !important;
        }
        */
    .header div.logo {
        display: block;
        height: 80px;
        margin: 0 0 20px 10px;
        width: 300px;
    }
    .ugc-template .header div.logo {
        width: 120px;
        overflow: hidden;
        background-size: cover;
    }
    .header .mobile-header {
        padding-top: 8px;
        height: 46px;
        width: 100%;
        position: relative;
    }
    .header .social-media-links {
        display: block;
        position: absolute;
        right: 90px;
        /* rgc 180320 change next line from 92 to 102 */
        top: 102px;
    }
    .breadcrumbs .shareIcons {
        display: none;
    }
    .header .social-media-links a {
        display: inline-block;
        margin-right: 5px;
    }
    .header .social-media-links a.email {
        background: url("icon-email-large.svg") no-repeat scroll 50% transparent;
        text-indent: -999em;
        width: 24px;
        height: 17px;
    }
    .header .social-media-links a.facebook {
        background: url("icon-facebook-large.svg") no-repeat scroll 50% transparent;
        text-indent: -999em;
        width: 17px;
        height: 17px;
    }
    .header .social-media-links a.twitter {
        background: url("icon-twitter-large.svg") no-repeat scroll 50% transparent;
        text-indent: -999em;
        width: 21px;
        height: 17px;
    }
    .header #pageControls {
        right: 10px;
        top: 90px;
    }
    .header #pageControls a {
        text-decoration: underline;
        font-size: 1.125em;
        font-weight: bold;
    }
    .mean-container .mean-bar {
        margin-top: -16px;
        padding-top: 0px;
    }
    .mean-container .mean-nav {
        margin-top: 54px;
    }
    .header #searchForm {
        position: absolute;
        float: none;
        top: auto;
        right: auto;
        left: 10px;
        width: 260px;
    }
    .header #predictiveResults {
        display: none !important;
    }
    .header #searchForm input[type="text"] {
        margin-right: 8px;
        padding: 10px 10px 10px 15px;
        width: 170px;
        height: auto;
        font-size: 14px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: -4px;
    }
    .header #searchForm input[type="submit"],
    .header #logoutForm input[type="submit"] {
        text-indent: -9999px;
        width: 78px;
        height: 30px;
        text-transform: capitalize;
        /*For negative text-indent to work on IE7*/
        background-size: contain;
        background-repeat: no-repeat;
    }
    #content .middle {
        min-height: 0;
    }
    .footer ul.site-map > li {
        border: none !important;
    }
    #content.homepage {
        padding: 10px !important;
    }
    #content.homepage .right {
        width: 100%;
    }
    #content.homepage .left {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #content .left_insert {
        float: none;
        width: 100%;
    }
    .latest-news,
    .latest-events {
        float: none;
        width: 100%;
    }
    .latest-events {
        margin-right: 0%;
    }
    #content .left .latest-news div.item h4,
    #content .left .latest-events div.item h4 {
        min-height: 0;
    }
    #content .left .latest-news div.item .item-detail,
    #content .left .latest-events div.item .item-detail {
        width: 68%;
        float: left;
    }
    #content {
        background: none repeat scroll 0 0 white;
        padding: 0 10px 10px !important;
    }
    .breadcrumbs {
        padding: 20px 10px;
    }
    .footer {
        padding: 0 10px 6px 10px;
    }
    /* ==========================================================================
           Open / close panels
           ========================================================================== */
    .toggle h3,
    .toggle h2 {
        position: relative;
    }
    .toggle h3:after,
    .toggle h3:before,
    .toggle h2:after,
    .toggle h2:before {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 45%;
        background-color: #FFF;
        width: 19px;
        height: 3px;
    }
    .toggle h3:before,
    .toggle h2:before {
        width: 3px;
        height: 19px;
        right: 28px;
        margin-top: -8px;
    }
    .toggle.active h3:after,
    .toggle.active h2:after {
        content: "";
        width: 19px;
        height: 3px;
    }
    .toggle.active h3:before,
    .toggle.active h2:before {
        display: none;
    }
    .visit-other-sites h3:after,
    .visit-other-sites h3:before,
    .visit-other-sites h2:after,
    .visit-other-sites h2:before,
    .iWantTo h3:after,
    .iWantTo h3:before,
    .iWantTo h2:after,
    .iWantTo h2:before {
        background-color: #006993;
    }
    .hide {
        display: none;
    }
    .toggle.active .hide {
        display: block;
    }
    .visit-other-sites a {
        display: block;
        margin: 0 auto 10px auto;
        height: 90px;
        width: 176px;
        font-size: 0;
    }
    .visit-other-sites a.link5 {
        margin-right: auto;
        margin-bottom: 16px;
    }
    .footer-after {
        width: 100%;
    }
    .footer .contact1,
    .footer .contact2,
    .footer .contact3 {
        float: none;
        width: 100%;
    }
    .footer .contact1 {
        display: none;
    }
    .footer .contact {
        background: none !important;
        margin: 0;
        padding: 0;
    }
    .footer-menu-container {
        padding: 15px;
    }
    .footer .footerMenu {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0;
        width: 100%;
    }
    .footer .contact3 {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .footer .footerMenu h3 {
        padding: 0;
        margin: 20px 0;
        color: #005e85;
        font-size: 14px;
    }
    .footer ul.site-map li {
        width: 100%;
        padding: 0;
    }
    .footerMenu ul li ul {
        display: none;
    }
    .footerMenu ul.level-1.site-map li {
        margin-bottom: 15px;
    }
    .childPage {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .landing-banner img {
        display: none;
    }
    .landing-banner {
        height: auto !important;
        margin-bottom: 20px;
    }
    .short-desc-bg {
        background: none repeat scroll 0 0 #049d4b;
        bottom: auto;
        left: auto;
        height: auto;
        opacity: 1;
        position: relative;
        width: 100%;
        z-index: 1;
        padding: 1px 0;
    }
    #content.threeColumn .middle {
        margin-right: 0;
        width: 100%;
    }
    #content.threeColumn .right {
        width: 100%;
        margin-top: 25px;
    }
    #content div.right div.right_insert img {
        display: none;
    }
    #content .community-detail {
        width: 100%;
    }
    .horizontalForm.eventFilter fieldset div.dateWrapper {
        float: none;
        margin-bottom: 10px;
        width: auto !important;
    }
    #content .event-listing .dateWrapper {
        width: 100% !important;
    }
    div.horizontalForm.eventFilter fieldset label {
        visibility: visible !important;
        width: auto;
        text-align: right;
        padding-right: 10px;
        clear: both;
        min-width: 130px;
    }
    /* DESK-2730 BEGIN */
    .search-results div.horizontalForm.eventFilter fieldset label,
    .community-listing div.horizontalForm.eventFilter fieldset label {
        min-width: 0px;
    }
    /* DESK-2730 END */
    .eventFilter .button.btn-search {
        /* DESK-2730 BEGIN */
        float: left;
        /* DESK-2730 END */
        display: block;
    }
    /* DESK-2730 BEGIN */
    .search-results .eventFilter .button.btn-search,
    .community-listing .eventFilter .button.btn-search {
        float: none;
    }
    /* DESK-2730 END */
    /* DESK-2805 */
    .empty-gallery-fallback-image,
    .image-gallery {
        display: none;
    }
    .js .gallery-button {
        display: block;
    }
    /* DESK-2805 end */
    .horizontalForm .btn-search input[type="submit"] {
        background-image: none;
        background: #24a758;
        /* Old browsers */
        background: -moz-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24a758), color-stop(100%, #1f8849));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #24a758 0%, #1f8849 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24a758', endColorstr='#1f8849', GradientType=0);
        /* IE6-9 */
        color: #fff;
        height: auto;
        text-indent: 0;
        width: 100%;
        display: block;
        border-radius: 3px;
        margin-top: 10px;
    }

    #content .event-listing .add-my-event {
        background-image: none;
        background: #24a758;
        /* Old browsers */
        background: -moz-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24a758), color-stop(100%, #1f8849));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #24a758 0%, #1f8849 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #24a758 0%, #1f8849 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24a758', endColorstr='#1f8849', GradientType=0);
        /* IE6-9 */
        color: #fff;
        height: auto;
        padding: 10px;
        text-indent: 0 !important;
        width: 100%;
        display: block !important;
        border-radius: 3px;
        font-size: 1.5em;
        text-align: center;
        text-decoration: none;
        margin-bottom: 20px;
    }
    .search-results .horizontalForm .btn-search input[type="submit"],
    .community-listing .horizontalForm .btn-search input[type="submit"] {
        width: auto;
        clear: both;
        float: left;
    }
    .event-detail-side {
        display: none;
    }
    .iframewrap {
        display: none;
    }
    /* FORMS */
    .field_label {
        float: none !important;
    }
    .tabledForm .field_input,
    .field_input {
        background: none repeat scroll 0 0 white;
        border: medium none;
        padding: 0;
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    .RadUpload,
    .RadUploadProgressArea {
        width: auto !important;
    }
    .RadUpload_Default .ruFakeInput {
        max-width: 50% !important;
    }
    .RadUpload .ruFileWrap {
        max-width: 300px !important;
    }
    div.tabledForm.ugc-form .field_label,
    .field_label {
        width: auto;
        padding-bottom: 5px;
    }
    /*Featured Event Listing*/
    .featured-events {
        display: none;
    }
    /* EVENT LISTING ACCORDION */
    #accordion {
        display: block;
    }
    .tabs.event-detail {
        display: none;
    }
    .event-detail-main {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin-top: 2px;
        padding: 10px 30px;
        zoom: 1;
        border: 1px solid #2680a7;
        background-color: transparent;
        color: #2680a7;
        font-size: 1.25em;
        margin-bottom: 10px;
    }
    .ui-accordion .ui-accordion-header-active {
        background-color: #2680a7;
        color: #fff;
    }
    .ui-accordion .ui-accordion-icons {
        padding-left: 15px !important;
    }
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        display: none;
    }
    .ui-accordion .ui-accordion-content {
        padding: 10px 0;
        border-top: 0;
        overflow: auto;
        zoom: 1;
    }
    .ui-accordion .ui-accordion-header:after,
    .ui-accordion .ui-accordion-header:before {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 45%;
        background-color: #2680a7;
        width: 19px;
        height: 3px;
    }
    .ui-accordion .ui-accordion-header:before {
        width: 3px;
        height: 19px;
        right: 28px;
        margin-top: -8px;
    }
    .ui-accordion .ui-accordion-header-active:after {
        content: "";
        width: 19px;
        height: 3px;
        background-color: #fff;
    }
    .ui-accordion .ui-accordion-header-active:before {
        display: none;
    }
    .js .seamless-pagination > .non-js {
        display: block;
    }
    /* UGC TEMPLATES */
    .ugc-mng-welcome-text {
        width: 100%;
        margin-bottom: 5px;
        float: none;
    }
    .btn-update-delete-wrp {
        float: none;
        padding-top: 10px;
        text-align: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .listing .details {
        float: none;
        margin-right: 0px;
        width: 100%;
    }
    .listing .status {
        float: none;
        padding-top: 10px;
        width: 100%;
    }
    .listing .options {
        float: none;
        padding-top: 0px;
    }
    /* HOMEPAGE SLIDER */
    .home-banner {
        height: auto;
    }
    .slides-container {
        position: relative;
    }
    .slides-container.desktop {
        display: none;
    }
    .slides-container.desktop.visuallyhidden {
        display: block;
    }
    .slides-container.mobile {
        display: block;
    }
    .slidesjs-container {
        overflow: visible !important;
    }
    #slides2 {
        background-color: #0f8342;
        height: auto;
    }
    .slidesjs-slide {
        position: relative;
    }
    .slidesjs-slide .slideshowText {
        box-sizing: border-box;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        padding: 20px;
        display: block;
        height: 190px;
        margin-bottom: 0 !important;
    }
    .slidesjs-slide .slideshowText p.abstract {
        color: #fff;
        font-size: 1.5em;
    }
    .slidesjs-slide .slideshowText h3 {
        line-height: 1.4em;
    }
    .slidesjs-slide .slideshowText h3 a {
        color: #fff !important;
        text-decoration: none;
        font-size: 1.25em;
    }
    div.slidesjs-slide > a {
        display: block;
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    div.slidesjs-slide > a img {
        display: block;
        width: 100%;
    }
    /*
        #slides .slidesjs-navigation {
            position: absolute;
            border-top: 1px solid #62AE83;
            display: block;
            padding-top: 15px;
            top: 210px;
            right: 15px;
            width: 200px;

        }
        */
    #slides .slidesjs-navigation {
        z-index: 10000;
    }
    a.slidesjs-next {}
    a.slidesjs-previous {}
    a.slidesjs-play {}
    a.slidesjs-stop {}
    a.slidesjs-next {
        background: url("rotating-banner-controller-icons.gif") repeat scroll 16px 0 transparent;
        height: 14px;
        width: 17px;
        margin: 0;
        display: block;
        position: absolute;
        top: auto;
        right: 15px;
        text-indent: -999em;
    }
    a:hover.slidesjs-next {}
    a.slidesjs-previous {
        background: url("rotating-banner-controller-icons.gif") repeat scroll 60px 0 transparent;
        height: 14px;
        width: 17px;
        margin: 0;
        display: block;
        position: absolute;
        top: auto;
        right: 60px;
        text-indent: -999em;
    }
    a:hover.slidesjs-previous {}
    a.slidesjs-play {
        background: url("rotating-banner-controller-icons-2.gif") repeat scroll 14px 0 transparent;
        height: 17px;
        width: 14px;
        margin: 0;
        display: block;
        position: absolute;
        top: auto;
        right: 39px;
        text-indent: -999em;
    }
    a:hover.slidesjs-play {}
    a.slidesjs-stop {
        background: url("rotating-banner-controller-icons-2.gif") repeat scroll 0 -16px transparent;
        height: 16px;
        width: 14px;
        margin: 0;
        display: block;
        position: absolute;
        top: auto;
        right: 38px;
        text-indent: -999em;
    }
    a:hover.slidesjs-stop {}
    .slidesjs-pagination {
        box-sizing: border-box;
        position: relative;
        right: auto;
        bottom: 20px;
        margin: 0 0 0 10px;
        list-style: none;
        width: 90%;
        border-top: 1px solid #62AE83;
        padding-top: 15px;
        padding-left: 0;
    }
    .slidesjs-pagination li {
        float: left;
        margin: 0 1px;
    }
    .slidesjs-pagination li a {
        display: block;
        height: 0;
        background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 0 transparent;
        height: 16px;
        width: 16px;
        float: left;
        overflow: hidden;
        text-indent: -999em;
    }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
        background: url("rotating-banner-controller-icons.gif") no-repeat scroll 0 -17px transparent;
    }
    .slidesjs-pagination li a:hover {}
    #slides a:link,
    #slides a:visited {}
    #slides a:hover,
    #slides a:active {}
    table.responsive {
        margin-bottom: 0;
    }
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }
    .pinned table th,
    .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0;
    }
    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }
    div.table-wrapper div.scrollable {
        margin-left: 35%;
    }
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td,
    table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
    table {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }

    /* DESK-2927 */
    .related-info-mobile {
        display: block;
        float:none;
    }

    #content .related-info-mobile.right {
        float: none;
    }
    /* DESK-2927 - END */

    /*  DESK-4169 */
    .home-list-items {
        min-height: 0;
    }
    
    .home-list-item-short-description {
        display: block;
    }
    /*  DESK-4169 - END */

    /* DESK-8695 - start */
    /* DESK-4196 */
    .fb-page {
        display: none !important;
    }
    /* DESK-4196 - END */
} /* DESK-8695 - end */

/* ==========================================================================
           3. Smaller than 560px wide
           ========================================================================== */

@media only screen and (max-width: 560px) {
    .slidesjs-slide .slideshowText {
        padding: 10px;
    }
    /* DESK-2804 */
/*    .event-tab
    {
        display: none;
    }*/
    /* DESK-2804 END  */

    .slidesjs-slide .slideshowText h3 a {
        font-size: 0.8em;
    }
    .slidesjs-slide .slideshowText p.abstract {
        color: #fff;
        font-size: 1em;
    }
    .slidesjs-slide .slideshowText h3 {
        line-height: 1em;
        padding-bottom: 10px !important;
    }
    /* DESK-2730 BEGIN */
    .community-listing div.horizontalForm.eventFilter fieldset label {
        width: 100%;
        text-align: left;
    }
    /* DESK-2730 END */

    /* DESK-2927 */
    .related-info-mobile {
        display: block;
        float:none;
    }
    #content .related-info-mobile.right {
        float: none;
    }
    /* DESK-2927 - END */
}


/* ==========================================================================
               3. Smaller than 360px wide
               ========================================================================== */

@media only screen and (max-width: 360px) {}


/* DESK-2805 */



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('fancybox_sprite2x.png');
    }
    #fancybox-loading div {
        background-image: url('fancybox_loading2x.gif');
    }
    /* DESK-2804 */
    /*.event-tab
    {
        display: none;
    }*/
    /* DESK-2804 end */

}


/* DESK-2805 end */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clear {
    clear: both;
}


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}


/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
/* D2804  */
/*.event-tab
{
    display: none;
}*/
/* DESK-2804 END  */



.dateCustom td.rcInputCell {
    width: 50% !important;
}

/* DESK-4848 */
@media (max-width: 560px) {
.home-list-item 
{ height: auto; } 
}
/* DESK-4848 - END */