﻿
a:focus {
    background-color: #ffffcc !important;
    color: #000 !important;
}

img:focus {
    border: 2px solid red;
}

.header {
    width: 100%;
}

.content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0em;
    min-height: 100% !important;
}

.bg {
    background: #FFF;
    float: left;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 3em;
}

.socialwrapper {
    margin-left: 5%;
    float: right;
    margin-top: 1em;
    margin-right: 5%;
}

.nomargintop {
    margin-top: 0px !important;
}

.nobgcolor {
    background: #FFF url(none) !important;
}

#ServiceResultPanel ul {
    margin-bottom: 1rem;
}

.clear {
    clear: both;
    width: 100%;
    display: block !important;
    height: 0px;
}

.changepassword .ButtonMargin input:nth-child(2) {
    margin-top: 0;
}

.tooltip {
    border: 1px solid #666;
    padding: 0.5em;
    width: 203px;
    display: none;
    color: #000;
    text-align: left;
    font-size: 1.3em;
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    background: #E9E9E9 url(/imgs/Default/tooltip-pointer.png) no-repeat left center;
    margin-right: 3px;
}

.main {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
}

    .main .introtext {
        max-width: 100%;
        margin-bottom: 2rem;
        position: static;
    }

.benefits a[disabled="disabled"] {
    display: none;
}

.panelintro p {
    margin-bottom: 1rem;
}


.innersearch .alert {
    margin-top: 0px;
    margin-bottom: 1em !important;
}

.panels .alert, .maincontent .alert {
    margin-top: 0em;
}

.success {
    background-color: #f0ffe4 !important; /* Old browsers */
    color: #78a355 !important;
    border-color: #cee5bc !important;
    background-image: url(/_imgs/common/icon-alert-success.png);
    background-repeat: no-repeat;
    background-position: 1px center;
}

.resultspage .success {
    margin-bottom: 2rem !important;
}

.success p {
    color: #78a355 !important;
}

.pageheading {
    color: #888;
    margin-top: .3em;
    margin-bottom: .3em;
    display: inline-block;
}

.hidden {
    display: none;
}
/* Once off */
.NoL {
    margin-left: 0em !important;
}

.NoR {
    margin-right: 0em !important;
}

.notopmargin {
    margin-top: 0px;
}
/* Bottom of page save options */

.savebarhide {
    background-image: none !important;
    margin: 0px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    padding: 0px !important;
}

    .savebarhide ul li input {
        margin-bottom: 0em;
    }

.savebar ul {
    list-style: none outside none;
}

    .savebar ul li {
        display: inline-block;
        width: auto;
        margin-right: 4px;
        line-height: 22px;
        vertical-align: middle;
    }

        .savebar ul li input[type='submit'] {
            margin-bottom: 0;
        }

        .savebar ul li.or {
            font-size: 1.5em;
        }

.savebar select, .savebar input[type="text"] {
    float: none;
    margin-left: 4px;
    margin-right: 4px;
    border: 1px solid #999999;
    padding-top: 3px;
    padding-right: 1px;
    padding-bottom: 3px;
    padding-left: 1px;
}

.savebar .checkall {
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #666;
    padding-right: 6px;
    margin-right: 3px;
}

.savebar input[type="text"] {
    width: 40%;
}

.savebar legend {
    color: #FFFFFF;
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    width: 0;
    margin: 0px;
    padding: 0px;
}

.savebar fieldset {
    margin: 0px;
    padding: 0px;
    border-top-style: none !important;
    border-bottom-style: none !important;
    display: block;
    float: none !important;
}
/*Utility bar on bottom of logged in pages */
.utilbar {
    clear: left;
    float: left;
    width: 62%;
    margin-bottom: 2em;
    padding-top: 15px;
    padding-right: 1%;
    padding-bottom: 15px;
    padding-left: 1%;
    background: url("/_imgs/gradients/bg-category.gif") repeat-x scroll 1px 1px #FFFFFF;
    margin-top: 2em;
    border: 1px solid #ccc;
}
/* Main tabpanel */
.tabPanel .address, .tabPanel .description, .tabPanel .telephone, .tabPanel .tags, .tabPanel .date, .tabPanel .web, .tabPanel .email, .tabPanel .providername, .tabPanel .eligibility, .tabPanel .hours, .tabPanel .accessibility, .tabPanel .transport {
    margin-bottom: 15px;
    clear: left;
}

ul.section div {
    line-height: 140%;
    margin-bottom: 0.8em;
}

    ul.section div strong {
        margin-right: .3em;
    }

    ul.section div:first-child {
        margin-top: 1em;
    }

    ul.section div p {
        margin-top: .5em;
    }

ul.section li {
    margin-bottom: 1.5em;
}

h2#first {
    display: block !important;
    background-color: #00a6e8;
    color: #FFF;
    padding: .4em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 0 #000000;
}

.providerpanel h3 {
    font-size: 2em;
    margin-bottom: 15px;
    background-color: #00a6e8;
    color: #FFF;
    padding: 0.3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 0 #000000;
    margin-top: 25px;
}

ul.section p {
    margin-bottom: 1rem;
}

    ul.section p:first-child {
        margin-top: 0em;
    }

.providerlogo {
    margin-top: 0em;
    margin-bottom: 0em;
}

.tabPanel li strong {
    margin-right: 10px;
}

.panels .relatedservices {
    margin-top: 3em;
    width: auto;
}

.related h2 {
    margin-top: 0em;
    margin-bottom: 15px;
}
/* Tip - this is the box that shows tips on certain pages */
.tip {
    padding: 1em;
    background-color: #f0f0f0;
    background-image: url(/_imgs/common/icon-tip.png);
    border: thin solid #CCC;
    background-position: 10px center;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    margin-top: 2em;
}

    .tip p {
        padding-left: 60px;
    }
/* Summary - Search summary on top of search results page  */
.summary {
    margin-bottom: 1em;
    color: #999;
}
/* Controls - print,email, PDF and Doc boxes on results and brochure pages  */
.listcontrols {
    display: block;
    margin-bottom: 1rem;
}

div.listcontrols.disabled {
    border: none;
    background-color: transparent;
}

.listcontrols a, .listcontrols input[type=submit] {
    background-position: 6px center;
    display: inline-block;
    padding: 0 1rem 0 55px;
    text-align: left;
    background-repeat: no-repeat;
    color: #777;
    vertical-align: middle;
    transition: 250ms ease-in-out;
    background-color: #DFDFDF;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    height: 50px;
    line-height: 50px;
    min-width: 170px;
    margin-bottom: 1rem !important;
    margin-right: 10px;
}

.listcontrols input[type=submit] {
    margin: 0;
    text-decoration: underline;
    box-shadow: none;
    background-image: url(/_imgs/common/icon-delete.png);
}

    .listcontrols input[type=submit]:hover {
        background-image: url(/_imgs/common/icon-delete-hover.png);
    }

div.listcontrols.disabled input[type=submit] {
    background-image: url(/_imgs/common/icon-delete-disabled.png);
    background-position: 6px center;
}

.listcontrols.disabled a, .listcontrols.disabled a:hover, .listcontrols.disabled input[type=submit], .listcontrols.disabled input[type=submit]:hover {
    box-shadow: none;
    background-color: #f0f0f0 !important;
    color: #aaa;
    cursor: not-allowed !important;
    border-style: none !important;
    border: 1px solid #f0f0f0 !important;
    background-repeat: no-repeat;
    top: 0;
}

.listcontrols a:active {
    border-top: 1px !important;
}

.listresults {
    display: block;
}

.tabPanel ul li ul li {
    border-bottom-style: none;
    display: inline;
    vertical-align: top;
}

    .tabPanel ul li ul li .pdf {
        background-image: url(/_imgs/filetypes/icon-pdf.png);
    }

    .tabPanel ul li ul li .doc {
        background-image: url(/_imgs/filetypes/icon-doc.png);
    }

    .tabPanel ul li ul li .pic {
        background-image: url(/_imgs/filetypes/icon-pic.png);
    }

    .tabPanel ul li ul li .doc, .tabPanel ul li ul li .pdf, .tabPanel ul li ul li .pic {
        border: 1px solid #ccc;
        min-height: 4.8em;
        width: 8.5em !important;
        background-color: #FFF;
        padding-top: 4.3em;
        padding-bottom: 0.1em;
        padding-left: 0.4em;
        font-size: 160%;
        background-position: center 0.6em;
        margin-bottom: 2%;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 2%;
        text-align: center;
        text-decoration: none;
        margin-top: .4em;
    }

.doc:hover, .pdf:hover, .pic:hover {
    border: 1px solid #bbb;
    background-color: #f6f6f6 !important;
}

.doc:active, .pdf:active, .pic:active {
    position: relative;
    top: 1px;
}

.tabPanel ul li ul li .desc {
    font-size: 80%;
    color: #4C4C4C;
    text-decoration: none !important;
    margin-top: .3em;
}

.tabPanel ul li ul li .title {
    text-decoration: underline !important;
    text-transform: capitalize;
}

.controls {
    background-color: #fff;
    width: 92%;
    border: thin solid #fff;
    padding-right: 4%;
    padding-left: 4%;
    float: right;
    padding-top: .5em;
    padding-bottom: .5px;
}

.sortby {
    float: left;
    margin-bottom: 2%;
    margin-top: 2em;
    position: relative;
    line-height: 3em;
}

    .sortby label {
        float: left;
        margin-right: .5em;
    }

.listcontrols .addtofavorites {
    background-image: url(/_imgs/common/icon-add-to-favourites.png) !important;
}

    .listcontrols .addtofavorites:hover {
        background-image: url(/_imgs/common/icon-add-to-favourites-hover.png) !important;
    }

.listcontrols .requestinfo {
    background-image: url(/_imgs/common/icon-request-info.png) !important;
}

    .listcontrols .requestinfo:hover {
        background-image: url(/_imgs/common/icon-request-info-hover.png) !important;
    }

.listcontrols .print, .listcontrols .print:focus {
    background-image: url(/_imgs/common/icon-print.png) !important;
}

    .listcontrols .print:hover {
        background-image: url(/_imgs/common/icon-print-hover.png) !important;
    }

.listcontrols .emailpage, .listcontrols .emailpage:focus {
    background-image: url(/_imgs/common/icon-email.png) !important;
}

    .listcontrols .emailpage:hover {
        background-image: url(/_imgs/common/icon-email-hover.png) !important;
    }

.listcontrols a.savesearch {
    display: none;
}

.listcontrols .savesearch, .listcontrols .savesearch:focus {
    background-image: url(/_imgs/common/icon-savesearch.png) !important;
}

    .listcontrols .savesearch:hover {
        background-image: url(/_imgs/common/icon-savesearch-hover.png) !important;
    }

.listcontrols .exportsearch, .listcontrols .exportsearch:focus {
    background-image: url(/_imgs/common/icon-export-excel.png) !important;
}

    .listcontrols .exportsearch:hover {
        background-image: url(/_imgs/common/icon-export-excel-hover.png) !important;
    }

    .listcontrols .print:hover, .listcontrols .emailpage:hover, .listcontrols .savesearch:hover, .listcontrols .exportsearch:hover, .listcontrols .addtofavorites:hover, .listcontrols .requestinfo:hover {
        background-color: #bebebe !important;
        color: #333;
    }



.listcontrols.disabled .addtofavorites {
    background-image: url(/_imgs/common/icon-add-to-favourites-disabled.png) !important;
}

.listcontrols.disabled .requestinfo {
    background-image: url(/_imgs/common/icon-request-info-disabled.png) !important;
}

.listcontrols.disabled .print, .listcontrols.disabled .print:focus {
    background-image: url(/_imgs/common/icon-print-disabled.png) !important;
}

    .listcontrols.disabled .print:hover {
        background-image: url(/_imgs/common/icon-print-disabled.png) !important;
    }

.listcontrols.disabled .emailpage, .listcontrols.disabled .emailpage:focus {
    background-image: url(/_imgs/common/icon-email-disabled.png) !important;
}

    .listcontrols.disabled .emailpage:hover {
        background-image: url(/_imgs/common/icon-email-disabled.png) !important;
    }

.listcontrols.disabled .savesearch, .listcontrols.disabled .savesearch:focus {
    background-image: url(/_imgs/common/icon-savesearch-disabled.png) !important;
}

    .listcontrols.disabled .savesearch:hover {
        background-image: url(/_imgs/common/icon-savesearch-disabled.png) !important;
    }

.listcontrols.disabled .exportsearch, .listcontrols.disabled .exportsearch:focus {
    background-image: url(/_imgs/common/icon-export-excel-disabled.png) !important;
}

    .listcontrols.disabled .exportsearch:hover {
        background-image: url(/_imgs/common/icon-export-excel-disabled.png) !important;
    }

.listcontrols .print:hover, .listcontrols .emailpage:hover, .listcontrols .savesearch:hover, .listcontrols .exportsearch:hover, .listcontrols .addtofavorites:hover, .listcontrols .requestinfo:hover {
    background-color: #bebebe !important;
    color: #333;
}

.print:active, .emailpage:active, .savesearch:active, .exportsearch:active {
    position: relative;
    top: 1px;
}

.sort-option {
    text-align: right;
}

    .sort-option select {
        float: none;
        margin-left: 1rem;
    }

.search-terms {
    margin: 2rem 0;
}
/* Side Navigation */

h3.savedsearch {
    background-image: url(/_imgs/common/icon-savesearch.png);
    padding: 10px;
}

h3.folder {
    background-image: url(/_imgs/common/icon-folder-sm.png);
}

li.accounthomepage {
    background-image: url(/_imgs/common/icon-accounthomepage-sm.png);
}

li.accountsettings {
    background-image: url(/_imgs/common/icon-accountsettings-sm.png);
}

li.changepassword {
    background-image: url(/_imgs/common/icon-changepassword-sm.png);
}

li.accountsharing {
    background-image: url(/_imgs/common/icon-shareaccount-sm.png);
}

li.memberdocuments {
    background-image: url(/_imgs/common/icon-folder-content.png);
}

/* 
 ---------------------------------------------------------------------------------------
	Advocacy/Account Sharing 
 --------------------------------------------------------------------------------------- 
*/

/* Verify Advocate : Relationship Details */
span.relationshiprequestedbylabel {
    display: inline-block;
    width: 250px;
}

li.relationshiplistitem {
    font-size: 1.5em;
}

span.relationshiproleslabel, span.associatedrelationshiproleslabel {
    margin-left: 6em !important;
}

/* Add/remove advocate */
span.advocatenamelabel {
    display: inline-block;
    width: 300px;
}
/* --------------------------------------------------------------------------------------- */

li.logout {
    background-image: url(/_imgs/common/icon-logout-sm.png);
}

h3.folder, h3.savedsearch, li.accounthomepage, li.accountsettings, li.deactivateaccount, li.logout, li.changepassword, li.accountsharing, li.relationshiplistitem, li.memberdocuments {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
    margin-top: .5em !important;
    margin-bottom: .5em;
    display: block;
}

li.deactivateaccount {
    background-image: url(/_imgs/common/icon-deativateaccount-sm.png);
    margin-top: 4em !important;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCC;
    padding-top: .5em;
    background-position: 0px 8px;
}

ul.folder li, ul.savedsearch li {
    list-style-type: none;
    font-size: 1.6em;
    border-bottom-style: none;
    margin-bottom: 0.7em;
    padding-left: 40px;
    font-size: 16px;
}

ul.usernav li {
    line-height: 140%;
}

ul.savedsearch {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ccc;
    padding-bottom: .5em;
}

ul.folder {
    padding-bottom: .5em;
}

.panels1 a {
    text-decoration: none;
}

    .panels1 a:hover {
        text-decoration: underline;
    }

.watermark {
    color: #A0A0A0;
}
/* Logged in members area */

/* Related Services at bottom of pages */
.relatedservices {
    float: left;
    width: 63%;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    padding-top: 1%;
    padding-right: 1.5%;
    padding-bottom: 1%;
    padding-left: 1.5%;
    background-color: #e8edee;
}

    .relatedservices h2 {
        margin-bottom: .5em !important;
    }

    .relatedservices ul {
        font-size: 1.6em;
    }

        .relatedservices ul li {
            display: inline;
            list-style-type: none;
            margin-right: 1em;
            line-height: 140%;
        }
/* Tag Cloud */
.tagcloud {
    float: right;
    width: 31%;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    background-color: #e8edee;
    padding: 1%;
    clear: right;
}

    .tagcloud h2 {
        margin-bottom: .25em;
    }

    .tagcloud ul {
        font-size: 1.4em;
    }

        .tagcloud ul li {
            list-style-type: none;
            margin-right: 6px;
            display: inline-block;
            vertical-align: middle;
        }
/* Text Editor font size fix*/
.texteditor div {
    margin-bottom: 1em !important;
    font-size: 100% !important;
}

.texteditor ul, .texteditor ol {
    font-size: inherit !important;
    margin: .5rem 1rem .5rem 0;
}

    .texteditor ul ul {
        font-size: 100% !important;
    }

    .texteditor ul li {
        list-style-type: disc !important;
        list-style-position: outside;
        font-size: 100% !important;
    }

    .texteditor ol li {
        list-style-type: decimal;
        list-style-position: inside;
        font-size: 100% !important;
    }

.texteditor li div {
    font-size: 100% !important;
    margin-bottom: 0em;
    display: inline;
}

.texteditor span[style] {
    font-size: 100% !important;
    color: #000 !important;
    background-color: #FFF !important;
}

.texteditor h3 {
    font-size: 1.8em !important;
}

.texteditor em {
    font-style: italic;
}

.texteditor ul li p {
    font-size: 100% !important;
    display: inline-block;
}

.texteditor p {
    margin-bottom: 1em;
}

.texteditor ol li ul li {
    font-size: 100% !important;
}

#ServiceCatalogue .listview-ul li ul {
    margin-left: 2rem;
}

.result-website {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .result-website > strong {
        display: table-cell;
        width: 80px;
    }

    .result-website > a {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
/* Email Resource */
.popup .header {
    background-color: #43285d;
    float: left;
    width: 94%;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 5%;
    margin-bottom: 2em;
}

    .popup .header h1 {
        border-style: none;
        color: #fff;
        display: inline-block;
        margin: 1rem 0 1rem 0 !important;
    }

.popup .savesearch {
    margin-bottom: 0px;
    margin-left: 0px;
    float: right;
    height: 0em;
    width: 4em !important;
    background-image: url("/_imgs/common/icon-savesearch.png");
    padding-top: 4em;
    width: 5em;
    margin-right: 5%;
}

    .popup .emailpage:hover, .popup .savesearch:hover, .popup .headerfeedback {
        background-color: #FFF !important;
        border-top-color: #DDDDDD !important;
        border-right-color: #DDDDDD !important;
        border-bottom-color: #DDDDDD !important;
        border-left-color: #DDDDDD !important;
    }

    .popup .emailpage:active, .popup .savesearch:active {
        top: 0px !important;
        right: 0px !important;
    }

.popup fieldset {
    border-bottom-style: none !important;
    border-top-style: none !important;
    display: block;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

.popup legend {
    color: #FFFFFF;
    display: block;
    font-size: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}

div.paneltitle {
    display: none;
    visibility: hidden
}

.popup input[type="text"], .popup textarea {
    width: 60% !important;
    min-width: 60% !important;
    max-width: 60% !important;
}

.popup .alert {
    display: block;
    float: none;
    margin-bottom: 1em;
}

.popup input[type="text"], .popup textarea {
    width: 90% !important;
    min-width: 90% !important;
    max-width: 90% !important;
}
/* Feedback Tab */
.feedback {
    background-color: #e6e6e6;
    background-image: url("/_imgs/common/icon-feedback.png");
    background-position: 14px center;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    bottom: 0;
    color: #333;
    cursor: pointer;
    display: inline;
    font-size: 1.3em;
    font-weight: bold;
    height: 40px;
    margin-bottom: 0 !important;
    padding-left: 45px;
    padding-right: 15px;
    position: fixed;
    right: 5%;
    text-decoration: none;
    text-shadow: -1px -1px 0 #fff !important;
    z-index: 200;
}

    .feedback:focus {
        background-image: url(/_imgs/common/icon-feedback.png) !important;
        background-repeat: no-repeat !important;
        background-position: 16px center !important;
    }

@media print {
    .feedback {
        right: 48% !important;
        top: 0%;
        display: none;
    }
}

.feedback:active {
    bottom: -1px !important;
}

.newwindow {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}
/* No Results - On search and FAQ search pages */
div.noresults {
    background: #e4f7ff;
    border-color: #bddbe7;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px 1px 1px 9px;
    color: #6193a8;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 8;
}

.noresults ul {
    margin-left: 1rem;
    margin-top: 1rem !important;
    list-style-type: disc !important;
    line-height: 140%;
    list-style-image: inherit;
    list-style-position: inherit;
    list-style-type: disc;
}

    .noresults ul li {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        line-height: 140% !important;
        padding-top: 0em;
        margin: auto;
        text-align: left;
        float: none;
        background-color: transparent;
        box-shadow: none;
        display: normal !important;
        min-height: initial;
        padding: 0;
        min-height: inherit;
        white-space: normal;
        display: list-item;
    }
/* Powered by image */
.poweredby {
    display: block;
    text-align: center;
}

    .poweredby img {
        float: none;
    }
/* Single Log On*/
.SingleLogOn {
    margin-top: 1em;
    width: 302px;
    display: inline-block;
}

.buttonloginheader {
    margin-top: 2.1em;
    display: inline-block;
    -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color: #9dce2c;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #629314;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0px #689324;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 2px;
    clear: right;
    margin-right: 1em;
}

    .buttonloginheader:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
        background: -moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
        background-color: #8cb82b;
    }

    .buttonloginheader:active {
        position: relative;
        top: 1px;
    }

    .buttonloginheader .icon {
        background-image: url(/_imgs/common/icon-lock-small.png);
        width: 30px;
        height: 20px;
        background-repeat: no-repeat;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #6C8D21;
        padding-right: 5px;
        display: inline-block;
        background-position: center center;
    }

    .buttonloginheader .text {
        height: 20px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #B9DD64;
        padding-left: 8px;
        display: inline-block;
        line-height: 20px;
        vertical-align: bottom;
    }

.hiddenlink {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.xformmain .alert {
    font-size: inherit !important
}

.popup .header h1 {
    background: none !important;
    margin-top: 0.3em;
    filter: none !important;
}

/*announcement*/
.announcement-link {
    font-size: 1.6em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.announcement-date {
    color: #888;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.announcement-inner p {
    font-size: 1.6em;
    line-height: 140%;
}

/*change region*/
.regionselector {
    width: 100%;
}

.regionselector-col {
    width: 25%;
    float: left;
}

    .regionselector-col ul li {
        margin-bottom: .1em;
        font-size: 1.6em;
        list-style-position: inside;
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 35px;
        line-height: 35px;
        background-image: url(/_imgs/common/region-small.png);
    }

    .regionselector-col ul {
        margin-bottom: 3em;
        margin-left: 0em;
        margin-top: 1em;
    }

    .regionselector-col a:hover {
        text-decoration: none;
    }

.MapAddress {
    font-size: 1.4em;
}

.CustomHeader {
    border-bottom: 1px solid #ccc;
}

.CustomFooter {
    border-top: 6px solid #333;
    float: left;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.closepop {
    background: #ddd;
    color: #333;
    display: inline-block;
    font-size: .7rem;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
}

li.liselected a {
    font-weight: bold;
    text-decoration: none !important;
}

.listsearch > ul {
    background-image: none !important;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    white-space: nowrap;
    display: table;
    width: 100%;
}

.listsearch li label:before {
    content: "Services ";
}

.listsearch ul li {
    display: table-cell;
}

    .listsearch ul li:nth-child(2) {
        width: 100%;
    }

.listsearch li label {
    padding-right: 1rem;
}

.listsearch input {
    border: 1px solid #43285D;
    padding: 0.5em 0.5em 0.6em;
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%;
}

.phoneheader {
    display: none;
}

.externallink .listview-li a {
    display: inline-block;
}

.panelintro {
    margin-bottom: 2rem;
}

/*Tiles */
ul.tile {
    width: 32%;
    background-color: #fff;
    padding: 1rem;
    display: inline-block;
    vertical-align: top;
    padding-left: 130px;
    box-sizing: border-box;
    min-height: 200px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    position: relative;
    border-radius: 2px;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    transition: all 150ms ease-in-out;
}

    ul.tile:nth-of-type(3n+2) {
        margin: 0 2% 2% 2%;
    }

    ul.tile:hover {
        box-shadow: 0 3px 9px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.24);
    }

    ul.tile h3 {
        display: inline-block;
        padding: 0;
        font-size: 1.6rem;
    }

    ul.tile a h3 {
        color: #523178 !important;
    }

    ul.tile h2 a {
        text-decoration: none;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        padding-left: 130px;
        padding-top: .5rem;
    }

    ul.tile a:focus h2, ul.tile a:focus {
        color: #000000 !important;
    }

    ul.tile h2 a:active {
        text-decoration: none;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        text-indent: 130px;
        padding-top: .5rem;
    }

    ul.tile p {
        margin-bottom: .4rem;
    }


    ul.tile li > a {
        display: inline-block;
    }

        ul.tile li > a:first-child {
            margin: -0.2rem 0 0;
        }

/*Top level categories*/

ul.categorydescription, ul.categorydescription:hover {
    background-image: url("/_imgs/tileicons/category-icon-categorydescription.png");
    box-shadow: none;
    background-color: transparent;
}

ul.basicneeds {
    background-image: url("/_imgs/tileicons/category-icon-basicneeds.png");
}

ul.healthcareservicesandsupports {
    background-image: url("/_imgs/tileicons/category-icon-healthcareservicesandsupports.png");
}

ul.incomesupportemployment {
    background-image: url("/_imgs/tileicons/category-icon-incomesupportemployment.png");
}

ul.communityengagement {
    background-image: url("/_imgs/tileicons/category-icon-communityengagement.png");
}

ul.specialeducation {
    background-image: url("/_imgs/tileicons/category-icon-specialeducation.png");
}

ul.legalandgovernmentservices {
    background-image: url("/_imgs/tileicons/category-icon-legalandgovernmentservices.png");
}

/*Basic needs*/

ul.homerepairandmodification {
    background-image: url(/_imgs/tileicons/category-icon-homerepairandmodification.png);
}

ul.housingshelter {
    background-image: url(/_imgs/tileicons/category-icon-housingshelter.png);
}

ul.transportation {
    background-image: url(/_imgs/tileicons/category-icon-transportation.png);
}

ul.utilities {
    background-image: url(/_imgs/tileicons/category-icon-utilities.png);
}

ul.food {
    background-image: url(/_imgs/tileicons/category-icon-food.png);
}

ul.clothing {
    background-image: url(/_imgs/tileicons/category-icon-clothing.png);
}

ul.householditems {
    background-image: url(/_imgs/tileicons/category-icon-householditems.png);
}

/* Health Care Services and Supports*/

ul.hospitalsclinicsnursinghomes {
    background-image: url(/_imgs/tileicons/category-icon-hospitalsclinicsandnursinghomes.png);
}

ul.mentalhealthservices {
    background-image: url(/_imgs/tileicons/category-icon-mentalhealth.png);
}

ul.substanceabuse {
    background-image: url(/_imgs/tileicons/category-icon-substanceabuseservices.png);
}

ul.rehabilitiationphysicaltherapy {
    background-image: url(/_imgs/tileicons/category-icon-rehabilitationandphysicaltherapy.png);
}

ul.specialitymedicine {
    background-image: url(/_imgs/tileicons/category-icon-specialtymedicine.png);
}

ul.specializedtreatment {
    background-image: url(/_imgs/tileicons/category-icon-specializedtreatment.png);
}

ul.supportservices {
    background-image: url(/_imgs/tileicons/category-icon-supportservices.png);
}

ul.healthscreeningdiagnosticservices {
    background-image: url(/_imgs/tileicons/category-icon-healthscreeningdiagnosticservices.png);
}

ul.healthinsurance {
    background-image: url(/_imgs/tileicons/category-icon-healthinsurance.png);
}

ul.serviceanimals {
    background-image: url(/_imgs/tileicons/category-icon-serviceanimals.png);
}

ul.education {
    background-image: url(/_imgs/tileicons/category-icon-education.png);
}

/* Income support and employment*/

ul.moneymanagement {
    background-image: url(/_imgs/tileicons/category-icon-moneymanagement.png);
}

ul.jobs {
    background-image: url(/_imgs/tileicons/category-icon-jobs.png);
}

ul.publicassistance {
    background-image: url(/_imgs/tileicons/category-icon-publicassistance.png);
}

ul.temporaryfinancialassistance {
    background-image: url(/_imgs/tileicons/category-icon-temporaryfinancialassistance.png);
}

ul.taxes {
    background-image: url(/_imgs/tileicons/category-icon-taxes.png);
}

ul.otherinsurancenothealth {
    background-image: url(/_imgs/tileicons/category-icon-otherinsurance.png);
}

/* Community engagement*/

ul.artsculture {
    background-image: url(/_imgs/tileicons/category-icon-artsandculture.png);
}

ul.communityfacilitiescenters {
    background-image: url(/_imgs/tileicons/category-icon-communitycentersandfacilities.png);
}

ul.politicalorganizationsparticipation {
    background-image: url(/_imgs/tileicons/category-icon-politicialorganizationsandparticipation.png);
}

ul.recreationleisure {
    background-image: url(/_imgs/tileicons/category-icon-recreationandleisure.png);
}

ul.religionspirituality {
    background-image: url(/_imgs/tileicons/category-icon-religionandspirituality.png);
}

ul.volunteeropportunities {
    background-image: url(/_imgs/tileicons/category-icon-volunteeropportunities.png);
}

ul.socialdevelopmentandenrichment {
    background-image: url(/_imgs/tileicons/category-icon-socialdevelopmentandenrichment.png);
}

ul.supportgroups {
    background-image: url(/_imgs/tileicons/category-icon-supportgroups.png);
}



/* Logged in homepage*/
.memberhome .favorites {
    background-image: url(/_imgs/tileicons/icon-category-favourite-resources.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

.memberhome .informationrequest {
    background-image: url(/_imgs/tileicons/icon-category-information-requests.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

.memberhome .accountsettings {
    background-image: url(/_imgs/tileicons/icon-category-account-settings.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

.memberhome .mydocuments {
    background-image: url(/_imgs/tileicons/icon-category-member-documents.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

/* Legal & Govt. Services*/
ul.consumerassistanceandprotection {
    background-image: url(/_imgs/tileicons/category-icon-consumerassistanceandprotection.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

ul.consumerregulations {
    background-image: url(/_imgs/tileicons/category-icon-consumerregulations.png);
}

ul.courtsjudicalservices {
    background-image: url(/_imgs/tileicons/category-icon-courtsandjudicialservices.png);
}

ul.legalassistance {
    background-image: url(/_imgs/tileicons/category-icon-legalassistance.png);
}

ul.publicsafety {
    background-image: url(/_imgs/tileicons/category-icon-publicsafety.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

ul.publichealth {
    background-image: url(/_imgs/tileicons/category-icon-publichealth.png);
}

ul.disasterservices {
    background-image: url(/_imgs/tileicons/category-icon-disasterservices.png);
}

ul.communityplanningandpublicworks {
    background-image: url(/_imgs/tileicons/category-icon-communityplanningandpublicworks.png);
}

/*Login form*/
ul.loginform {
    width: 600px !important;
    float: none;
    display: block;
    padding: 1rem;
    margin: 0 auto;
}

.loginform .alert {
    display: inline-block;
}

.loginform .FormError {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.loginform li.formlabel {
    float: left;
    height: 44px;
    line-height: 44px;
    width: 150px;
    clear: left;
}

ul.loginform.tile {
    margin: 0 auto !important;
    padding: 2rem;
}

    ul.loginform.tile .tileformtitle {
        background: #43285d none repeat scroll 0 0;
        color: #fff;
        height: 54px;
        line-height: 54px;
        margin: -2rem -2rem 0 -2rem;
        text-indent: 1rem;
        border-radius: 2px 2px 0 0;
    }

ul.modaltile li.tileformtitle {
    background: #43285d none repeat scroll 0 0;
    color: #fff;
    height: 54px;
    line-height: 54px;
    margin: -1rem -1rem 0 -1rem;
    text-indent: 1rem;
    border-radius: 2px 2px 0 0;
}

#newfolder .formlabel {
    margin: 1rem 0;
}

ul.loginform li:nth-child(3), ul.loginform li:nth-child(4) {
    margin-top: 2rem;
}

.loginform li.formitem {
    width: calc(100% - 150px) !important;
    float: left;
}

    .loginform li.formitem input {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }

.loginform li.loginbutton {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

.loginform li.formlabelnobg {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

.loginform li.pinitem {
    margin-top: 2rem;
}

#modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(16, 24, 32, 0.5) none repeat scroll 0 0;
    z-index: 1100;
}
a.modalclose {
    display: inline-block;
    height: 34px;
    position: absolute;
    right: .8rem;
    top: .8rem;
    width: 34px !important;
    background-image: url(/_imgs/common/icon-close-window.png);
    background-repeat: no-repeat;
    text-overflow: clip;
    overflow: hidden;
    text-indent: -999px;
    z-index: 12;
    background-color: transparent !important;
    border: none;
    background-position: center;
}

    a.modalclose:focus {
        border: 2px solid #ff6700 !important;
    }

    a.modalclose:active {
        right: .8rem;
        top: .8rem;
    }

div.modalclose {
    display: inline-block;
    height: 34px;
    position: absolute;
    right: .8rem;
    top: .8rem;
    width: 34px !important;
    background-image: url(/_imgs/common/icon-close-window.png);
    background-repeat: no-repeat;
    text-overflow: clip;
    overflow: hidden;
    text-indent: -999px;
    z-index: 12;
    background-color: transparent !important;
    border: none;
    background-position: center;
}

    div.modalclose:focus {
        border: 2px solid #ff6700 !important;
    }

    div.modalclose:active {
        right: .8rem;
        top: .8rem;
    }

span.required {
    color: red;
}

.loading-overlay {
    position: absolute;
    top: 54px;
    height: 100%;
    width: 100%;
    background-image: url(/_imgs/common/Spinner.gif);
    background-color: white;
    background-position-x: 50%;
    background-position-y: 35%;
    background-repeat: no-repeat;
    display: none;
    z-index: 110;
}

#MasterLoginPanel, #LoginPanel, #ForgotPINModal {
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    display: none;
    left: 31%;
    left: calc(50% - 300px);
    position: fixed;
    height: 500px;
    width: 600px;
    top: 45%;
    top: calc(50% - 125px);
    z-index: 1150;
    overflow: hidden;
}

div#MasterLoginPanel a {
    color: #0645AD !important
}

#MemberDocumentLinks {
    margin-bottom: 1rem;
}

.careplanpageintro > li {
    line-height: 140%;
}

.fade-in {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* overrides for html editor*/

.texteditor, .texteditor p, .texteditor ol, .texteditor ul, .texteditor li, .texteditor strong, .texteditor span[style] {
    color: #666 !important;
    font-family: "Proxima Nova Regular",Arial,sans-serif !important;
    font-size: 18px !important;
}

    .texteditor u {
        text-decoration: none;
    }

.detailcontentwrap h1 {
    position: static !important;
}

.popup input[type=submit] {
    margin-bottom: 1rem;
}

.popup .formitem {
    margin-bottom: 1.7rem;
}

.breadcrumb > div {
    display: block;
    width: 100%;
    padding: 1rem 0;
}

    .breadcrumb > div ol li {
        display: inline-block;
        padding-left: 1rem;
        padding-right: 1.3rem;
        background-repeat: no-repeat;
        background-position: right 10px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
    }

        .breadcrumb > div ol li:last-child {
            background-image: none;
        }

    .breadcrumb > div ol {
        margin-bottom: 0;
    }
