@charset "UTF-8";
/* Anova: Skin.css */
/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body, th, td, table, h1, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton {
    font-family: 'Open Sans', sans-serif;
}

* {
    font-family: 'Open Sans', sans-serif;
}

a {
    cursor: pointer;
}

body, th, td, table,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    color: #333;
    font-weight: bold;
}

small {
    font-size: 11px;
    letter-spacing: 0;
}

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #666;
    line-height: 1;
    margin: 0 0 10px 0;
    letter-spacing: 0;
}

h1 {
    font-size: 32px;
    font-weight: normal;
}

h2, h2 .Head {
    font-size: 28px;
    font-weight: normal;
}

h3, h3 .Head {
    font-size: 24px;
    font-weight: normal;
}

h4, h4 .Head {
    font-size: 20px;
}

h5, h5 .Head {
    font-size: 16px;
}

h6, h6 .Head {
    font-size: 14px;
}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/

a, a:link, a:visited, a:active {
    text-decoration: none;
    color: #ed6a00;
}

    a:hover {
        text-decoration: none;
        color: #ed6a00;
    }

.pinkLink {
    color: #ff5f76;
}

/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: bold;
}

    .CommandButton:hover {
        color: #007cae;
    }

a.CommandButton:link {
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: bold;
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae;
}

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p {
    margin: 0 0 25px 0;
}

hr {
    clear: both;
    height: 0;
    border: solid #e8e8e8;
    border-width: 1px 0 0;
    margin: 20px 0 20px 0;
}

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
-------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
-------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/
/* Unordered List
-------------------------------------*/
ul li {
    list-style-type: disc;
    margin-bottom: 8px;
    vertical-align: top;
}

ul ul {
    margin-top: 8px;
    margin-left: 30px;
}

ul li li {
    list-style-type: disc;
}

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

/* Ordered List
-------------------------------------*/
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

    ol ol li {
        list-style-type: lower-roman;
    }

    ol ol ol li {
        list-style-type: lower-alpha;
    }

ol ul li {
    list-style-type: lower-roman;
}

.btn:hover {
    color: #333 !important;
    background: #e6e6e6 !important;
}

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/
/* Default Table Style
-------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

    table.tableDefault th, table.tableDefault td {
        font-size: 12px;
        padding: 8px;
    }

    table.tableDefault th {
        color: #fff;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #eb3250;
        background-color: #fb4563;
    }

    table.tableDefault td {
        border-bottom: solid 1px #d9d9d9;
    }

    table.tableDefault tr:nth-child(odd) {
        background: #transparent;
    }

    table.tableDefault tr:nth-child(even) {
        background: #e8e4e3;
    }

.tableDefault tbody tr:hover td {
    color: #111;
}

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/


select {
    line-height: 30px;
}

.hasError {
    border-color: #a94442 !important;
}

    .hasError:focus {
        border-color: #843534 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;
    }

.profile-info label {
    width: 200px !important;
}

.profile_checkbox_label label {
    width: 100% !important;
    float: left;
}

.profile_checkbox_label input {
    margin-right: 10px;
}

.profile-info .form-control {
    margin-bottom: 10px;
}

.profile-info h4 {
    margin: 0px 0px 10px 0px;
}

.profile-info .btn {
    margin: 10px 0px 20px 0px;
    background: #ed6a00;
    border: none;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}

#UserProfileImg {
    text-align: center;
}




/* Form - One Column
-------------------------------------*/
.form_oneCol label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_oneCol input, .form_oneCol textarea {
    width: 94%;
}

/*------------------------------------------------*/
/* BUTTONS STYLE */

.btn-white {
    border: none !important;
    text-shadow: none !important;
    padding: 6px 40px !important;
}

/* Alternative Style Button 
-------------------------------------*/
button.dnnTertiaryAction,
a.dnnTertiaryAction,
button.altButton,
a.altButton {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #666;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background-color: #eee;
}

    button.dnnTertiaryAction:hover,
    a.dnnTertiaryAction:hover,
    button.altButton:hover,
    a.altButton:hover {
        cursor: pointer;
        background-color: #bbb;
        border: 1px solid #aaa;
        color: #fff;
    }

    button.dnnTertiaryAction.dnnDisabled:hover,
    a.dnnTertiaryAction.dnnDisabled:hover,
    button.altButton.dnnDisabled:hover,
    a.altButton.dnnDisabled:hover {
        color: #666;
        padding: 10px;
        border: 1px solid #ddd;
        background-color: #eee;
    }

.mobileFooterTitle {
    display: none;
}

ul.footerlinks {
    margin: 0;
}

.footerlinks li {
    list-style: none;
    margin-bottom: 0;
}

    .footerlinks li a:link,
    .footerlinks li a:visited {
        color: #41AFA7;
    }

    .footerlinks li a:hover {
        color: #ff8015;
    }

/* Button Group Styles */
.dashboard-tab .dnnButtonGroup li a {
    padding: 8px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

    .dashboard-tab .dnnButtonGroup li a.active {
        padding: 8px;
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fff));
        background: -moz-linear-gradient(top, #dcdcdc, #fff);
        background: linear-gradient(to bottom, #dcdcdc 0%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff');
    }

    .dashboard-tab .dnnButtonGroup li a:hover {
        background: #e0dede; /* Old browsers */
        background: -moz-linear-gradient(top, #e0dede 0%, #f5f5f5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0dede), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e0dede 0%,#f5f5f5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dede', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    }

    .dashboard-tab .dnnButtonGroup li a span {
        color: #777 !important;
    }


.shelter-animal-buttons {
    margin: 10px 0px;
}

/* Remove focus outline on webkit browsers */
input[type="text"]:focus {
    outline: none;
}

/* Global HTML and DNN */
html, body, #Form {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
}

/* DNN Body */
#Body {
    height: 100%;
}

/* Adjust DNNActionMenu z-index */
.dnnActionMenu {
    z-index: 100;
}

.privacy-policy-links {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .privacy-policy-links li {
        display: inline-block;
        margin: 0px 20px 0px 0px;
    }



/*Site Spacing
-------------------------------------*/
.spacingTop {
    margin-top: 15px;
}

.spacingRight {
    margin-right: 15px;
}

.spacingBottom {
    margin-bottom: 15px;
}

.spacingLeft {
    margin-left: 15px;
}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
.skinWidth {
    margin: 0 Auto;
    width: 980px; /* Change width of the skin here */
}

/* Site Header
-------------------------------------*/
.topHeader {
    padding: 10px 0px;
    position: relative;
}

.topBar {
    background-color: #0091f9;
    padding: 8px 0 7px 0;
    color: #fff;
}

.header {
    background: #fff;
    min-height: 60px;
    border-bottom: 1px solid #ed6a00;
}

.logo {
    float: left;
    min-height: 52px;
}

.mobileMenu {
    display: none;
}

#fureverHome-wrapper {
    border-top: 1px solid #fff;
    background: #ed6a00;
    padding: 20px 0px;
    color: #fff;
}


    #fureverHome-wrapper .fureverText, #fureverHome-wrapper .fureverNumber p {
        font-size: 16px;
        margin: 10px 0px;
    }

    #fureverHome-wrapper .fureverNumber {
        margin: 10px 0px;
        padding: 0px !important;
        margin-right: 30px;
    }

    #fureverHome-wrapper .btn-default {
        border: none !important;
        font-weight: bold;
        padding-right: 60px;
        padding-left: 60px;
    }

    #fureverHome-wrapper .number {
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 10px;
        font-size: 25px;
        font-weight: 500;
        margin-right: 2px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.2+100 */
        background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
    }

    #fureverHome-wrapper .space {
        background: none !important;
        border: none !important;
        padding: 0px !important;
        margin: 0px 2px;
    }

#hero-wrapper {
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

#TopHeroMain {
}

.TopHeroPic {
    padding: 40px 0px;
    background: url('/Portals/Petango/images/petango-hero-banner.jpg') no-repeat center;
    background-size: cover;
}

.heroText {
    color: #fff;
}

    .heroText h3 {
        font-weight: 100;
        margin: 0px;
        margin-bottom: 20px;
        font-size: 40px;
        text-shadow: 2px 2px 0px rgba(0, 2, 0, 0.4);
    }

    .heroText span {
        font-style: italic;
        font-weight: bold;
        text-shadow: 2px 2px 0px rgba(0, 2, 0, 0.4);
    }

    .heroText p {
        font-size: 16px;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(0, 2, 0, 0.4);
        margin-bottom: 30px;
    }

    .heroText .btn {
        border: none !important;
        font-weight: bold;
        padding-right: 60px;
        padding-left: 60px;
    }

.searchWindow {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 11px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 11px -8px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 11px -8px rgba(0,0,0,0.75);
    margin-right: 30px;
}

.searchWindow {
    padding: 30px !important;
}

    .searchWindow p {
        color: #727171;
        text-shadow: none;
    }

    .searchWindow span {
        font-weight: bold;
        font-style: italic;
    }

    .searchWindow input, .searchWindow select {
        margin-top: 10px;
    }

    .searchWindow .btn, .search .btn, .save-search .btn {
        margin-top: 20px;
        background: #ed6a00;
        width: 100%;
        border: none;
        color: #fff;
        box-shadow: none;
        text-shadow: none;
    }

.search .btn {
    width: auto;
    margin-top: 0px;
}

.btn-orange {
    margin-top: 20px;
    background: #ed6a00 !important;
    width: auto;
    border: none !important;
    color: #fff !important;
    box-shadow: none;
    text-shadow: none;
}


.pet-profile-list-title {
    margin-bottom: 20px;
}

    .pet-profile-list-title h3 {
        color: #00a5fb;
        font-size: 30px;
        padding: 0px;
        margin: 0px;
    }

        .pet-profile-list-title h3 span {
            font-weight: bold;
            font-style: italic;
        }

.pet-profile-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pet-profile-list li {
    list-style-type: none;
}

    .pet-profile-list li li {
        float: left;
        margin-right: 10px;
        line-height: 12px;
    }

        .pet-profile-list li li::after {
            content: ", ";
        }

.pet-profile-list .pet-profile {
    border: 1px solid #b1b1b1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 20px 20px 0px;
    background: #fff;
}

    .pet-profile-list .pet-profile .pet-name {
        font-weight: bold;
    }

    .pet-profile-list .pet-profile .pet-image {
        margin: 0px -15px 10px -15px;
        height: 150px;
        border-bottom: 1px solid #b1b1b1;
        background: #d7d7d7;
    }

    .pet-profile-list .pet-profile .pet-profile-link {
        text-align: right;
        font-weight: bold;
        margin: 10px 0px;
    }

.pagination-page {
    margin: 10px 0px !important;
}

.animal-flags {
    font-size: 11px;
    margin-top: 5px !important;
    height: 25px;
}

.footerLinks {
    text-align: right;
}

    .footerLinks ul {
        list-style: none;
        padding-right: 25px;
    }

    .footerLinks li {
        display: inline-block;
        border-right: 1px solid #fff;
        padding: 0px 8px;
    }

        .footerLinks li:last-child {
            border: none;
        }

    .footerLinks a, .footerLinks a:hover {
        color: #fff !important;
        text-decoration: none;
    }

#FooterSearchBar {
    background: url('/Portals/Petango/images/petango-footer-search-banner.jpg') no-repeat center;
    background-size: cover;
    padding: 60px 0px;
}

.footer-contact {
    background: url('/Portals/Petango/images/petango-footer-map-banner.jpg') no-repeat center !important;
    height: 300px;
    border-top: 1px solid #979797;
}

#Footer24PW {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9d9d9+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
    border: 1px solid #d9d9d9;
}

    #Footer24PW .wrapper {
        padding: 20px 160px 20px 300px;
    }

    #Footer24PW h3 {
        color: #a50000;
        font-weight: 100;
        font-size: 50px;
        text-align: right;
        font-family: 'Open Sans', sans-serif;
    }

    #Footer24PW p {
        text-align: right;
        font-family: 'Open Sans', sans-serif;
    }

    #Footer24PW .linkbox {
        cursor: pointer;
    }

    #Footer24PW .title {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #a50000;
        padding: 10px;
        color: #fff;
        text-shadow: 1px 1px 2px #000000;
        text-align: center;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

    #Footer24PW ul {
        padding: 5px 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #b1b1b1;
        margin: 0px;
        padding: 0px;
        margin-top: -20px;
        padding-top: 20px;
    }

    #Footer24PW li {
        margin: 8px;
        list-style-type: none;
    }

.FooterSearchBarText {
    text-align: center;
}

    .FooterSearchBarText h3 {
        font-weight: 100;
        margin: 0px;
        margin-bottom: 20px;
        font-size: 40px;
        text-shadow: 2px 2px 0px rgba(0, 2, 0, 0.4);
        color: #fff;
    }

    .FooterSearchBarText span {
        font-style: italic;
        font-weight: bold;
        text-shadow: 2px 2px 0px rgba(0, 2, 0, 0.4);
    }

    .FooterSearchBarText .btn {
        border: none !important;
        font-weight: bold;
        padding-right: 60px;
        padding-left: 60px;
    }

/* SPINNER */

.spinner {
    height: 60px;
    width: 60px;
    margin: 94px auto 0 auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, 0.15);
    border-right: 6px solid rgba(0, 174, 239, 0.15);
    border-bottom: 6px solid rgba(0, 174, 239, 0.15);
    border-top: 6px solid rgba(0, 174, 239, 0.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*ANIMAL TEMPLATE*/

.legend {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    padding: 10px 0px;
    margin: 20px 0px;
}

.animal-template {
    border: 1px solid #b1b1b1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 0px 20px 0px;
    background: #fff;
    overflow: hidden;
    padding: 0px !important;
    height: 320px;
}

    .animal-template .animal-image {
        height: 200px;
        padding: 0px !important;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #b1b1b1;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        cursor: pointer;
    }

    .animal-template .animal-name {
        font-weight: bold;
        font-size: 16px;
        max-width: 130px !important;
        overflow: hidden !important;
        margin-right: 10px;
    }

    .animal-template .animal-data, .animal-template .animal-flags {
        list-style: none;
        margin: 1px 0px;
    }

        .animal-template .animal-data li, .animal-template .animal-flags li {
            display: inline-block;
        }

        .animal-template .animal-flags li {
            height: 20px;
        }

        .animal-template .animal-data li {
            overflow: hidden;
            max-width: 200px;
            white-space: nowrap;
            margin-bottom: 0px;
        }

    .animal-template .animal-distance {
        text-align: right;
        float: right;
    }

    .animal-template .mini-profile-link {
        text-align: right;
        color: #ed6a00;
        font-size: 100%;
    }

.pet-id {
    color: #000;
}
/* Advanced Search */
.advanced-search label {
    margin-top: 10px;
}

.advanced-search .checkbox-inline {
    margin-top: 0px;
}

.advanced-search .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ed6a00;
    width: 100%;
    border: none;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}

/* My Favorites */
.favorite-wrapper {
    margin: 20px 0px;
}

/* Pet Details*/

.large-pet-image {
    width: 100%;
    height: 400px;
    /*background: #cfcfcf;*/
    margin-bottom: 20px;
}

    .large-pet-image .image-holder {
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        width: 100%;
        height: 100%;
    }

.details-list {
}

    .details-list ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .details-list li {
        list-style-type: none;
    }

.personality-traits ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.personality-traits li {
    list-style-type: none;
    height: 35px;
    line-height: 25px;
    padding: 2px 0px;
    padding-left: 40px;
    margin: 0px;
}

.personality-traits .cuddly {
    background: url('/Portals/Petango/images/icons/cuddly.jpg') no-repeat left center;
}

.personality-traits .social {
    background: url('/Portals/Petango/images/icons/social.jpg') no-repeat left center;
}

.personality-traits .curious {
    background: url('/Portals/Petango/images/icons/curious.jpg') no-repeat left center;
}

.personality-traits .active {
    background: url('/Portals/Petango/images/icons/active.jpg') no-repeat left center;
}

.personality-traits .playful {
    background: url('/Portals/Petango/images/icons/playful.jpg') no-repeat left center;
}

.personality-traits .calm {
    background: url('/Portals/Petango/images/icons/calm.jpg') no-repeat left center;
}

.personality-traits .loner {
    background: url('/Portals/Petango/images/icons/loner.jpg') no-repeat left center;
}

.personality-traits .noDogs {
    background: url('/Portals/Petango/images/icons/no-Dogs.jpg') no-repeat left center;
}

.personality-traits .noCats {
    background: url('/Portals/Petango/images/icons/no-Cats.jpg') no-repeat left center;
}

.personality-traits .noKids {
    background: url('/Portals/Petango/images/icons/no-Kids.jpg') no-repeat left center;
}

.favorites {
    margin: 10px 0px;
}

.add-to-favorites, .remove-from-favorites {
    padding-right: 26px;
    background: url('/Portals/Petango/images/icons/favorite.jpg') no-repeat right center;
    line-height: 24px;
    color: #ed6a00;
}

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


.animal-thumbnails {
    height: 100px;
    clear: both;
    padding: 0px 60px;
}

    .animal-thumbnails li {
        display: inline-block;
        height: 100px;
        border: 0px !important;
    }

    .animal-thumbnails img {
        height: 100px !important;
        border: 0px !important;
        width: auto;
    }

    .animal-thumbnails a {
        border: none !important;
    }


.shelter-search label {
    margin-top: 10px;
}

.shelter-search .btn {
    margin-top: 5px;
    margin-bottom: 10px;
    background: #ed6a00;
    width: 100%;
    border: none;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}

.small-shelter-logo {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
    /*background: #cfcfcf;*/
    padding: 5px;
}

.favorites {
    text-align: right;
}

.contact-form {
    margin-top: 20px;
}

    .contact-form .col-md-5 {
        margin: 0px;
        padding: 0px;
    }

    .contact-form .btn {
        margin-top: 5px;
        background: #ed6a00;
        border: none;
        color: #fff;
        box-shadow: none;
        text-shadow: none;
        padding-right: 50px;
        padding-left: 50px;
    }

.bottom-contact ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.bottom-contact li {
    list-style-type: none;
}

.shelter-result {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    margin: 5px 0px;
}

    .shelter-result .right-side {
        text-align: right;
    }

    .shelter-result .col-md-1, .shelter-result .col-md-2, .shelter-result .col-md-10, .shelter-result .col-md-6, .shelter-result .col-md-6 {
        margin: 0px;
        padding: 0px;
    }

    .shelter-result .shelter-name {
        font-size: 16px;
        font-weight: bold;
    }

    .shelter-result .btn-default {
        margin-top: 0px;
        background: #ed6a00;
        border: none;
        color: #fff;
        box-shadow: none;
        text-shadow: none;
    }

.hours ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.hours li {
    list-style-type: none;
    padding: 2px 0px;
    margin: 0px;
}

    .hours li:nth-of-type(odd) {
        background-color: #ccc;
    }

.hours .day {
    width: 40px;
    font-weight: bold;
    display: inline-block;
}

/* Language 
-----------------------------------*/
.language {
    float: left;
    margin-top: 5px;
}

    .language .language-object {
        float: right;
        display: block;
        margin: 0;
        padding: 0;
    }

        .language .language-object span {
            float: left;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 5px;
            margin: 0;
        }

            .language .language-object span:first-child {
                padding-left: 8px;
            }

            .language .language-object span img {
                height: 12px;
                width: 17px;
                opacity: 0.3;
            }

            .language .language-object span:hover img {
                opacity: 1;
            }

        .language .language-object .Language.selected img {
            opacity: 1;
            border-color: #222;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        }

/*Search
-------------------------------------*/
.advanced-search-text {
    float: right;
    text-align: right;
    line-height: 15px;
    margin-top: 12px;
}

.search {
    float: right;
    width: 600px;
    margin-top: 16px;
    margin-left: 12px;
    text-align: right;
}

    .search .breedlist {
        width: 200px !important;
    }

    .search a.SearchButton:link,
    .search a.SearchButton:visited {
        float: right;
        display: inline-block;
        height: 24px;
        width: 30px;
        text-indent: -9999px;
        padding: 0;
        margin: 0;
        background-color: #f4e9e9;
        border-radius: 3px;
        background: url('images/search.png') no-repeat center center;
    }

    .search .searchSite label {
        display: none;
    }

    .search .searchSite input,
    .search .searchSite input[type="text"],
    .search .searchSite input[type="search"] {
        display: block;
        float: left;
        width: 120px;
        height: 28px;
        color: #ff5f76;
        line-height: 1;
        padding: 0 0 0 10px;
        border: none;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
        outline: none;
    }

#dnn_dnnSearch_txtSearch {
    display: block;
    float: left;
    width: 250px;
    color: #999;
    line-height: 23px;
    padding: 0 0 0 10px;
    border: none;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    margin: 5px 0 7px 0;
    right: -16px !important;
}

.column1 .advanced-search {
    width: 100%;
    margin-top: 0px;
    text-align: left;
}
/*Login
-------------------------------------*/
.login {
    float: right;
    margin-right: 15px;
}

.mm-favorites a {
    display: inline-block;
    padding: 5px 0px 5px 10px;
    margin-right: 1px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
}

.userRegister a, .userLogin a {
    display: inline-block !important;
    padding: 5px 25px 5px 10px !important;
    margin-right: 1px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
}


/* User Controls Menu */
.userProperties {
    float: right;
    max-width: 260px; /* grow user information to a max of 260px */
}

    .userProperties > ul {
        float: right;
        padding: 0;
        margin: 0;
    }

        .userProperties > ul li {
            position: relative;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .userProperties > ul li.userLogin a {
                border-left: solid 1px #fff;
            }

        .userProperties > ul > li,
        .userProperties > ul > li > span {
            float: left;
        }

            /*.userProperties > ul > li. img, */
            .userProperties > ul > li > a {
                width: auto;
                display: block;
                color: #fff;
                font-size: 12px;
                font-weight: normal;
                text-decoration: none;
                border-left: 1px solid #fff;
            }

.userName,
.userRegister,
.userLogin {
    padding-top: 0px;
}

    .userRegister > a,
    .userLogin > a {
        display: inline-block;
        line-height: 1;
        padding: 0 8px;
        margin-top: 8px;
        background: none;
    }

        .userRegister > a:hover,
        .userLogin > a:hover,
        .userName > a:hover {
            color: #7ed3fc;
        }

.userName {
    max-width: 200px; /* user name and arrow max width */
}

    .userName > a {
        display: inline-block;
        padding: 5px 25px 5px 10px;
        margin-right: 1px;
        background: url("images/arrowDown.png") no-repeat 95% center;
        /* styles to handle long names */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 3px;
    }

        .userName > a.active {
            color: #ff8015;
        }

.userProfile .userProfileImg {
    float: right;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 28px;
}

    .userProfile .userProfileImg img {
        width: 28px;
        height: 28px;
    }

.userProfile .userMessages {
    display: none;
}

    .userProfile .userMessages:after {
        content: '';
        position: absolute;
        left: -4px;
        top: 5px;
        width: 0px;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
        border-bottom: 4px solid transparent; /* left arrow slant */
        border-top: 4px solid transparent; /* right arrow slant */
        border-right: 4px solid #f7f7f7; /* bottom, add background color here */
    }

/* User Controls Menu Drop Down */
.userProperties ul.userMenu {
    z-index: 100;
    display: none;
    position: absolute;
    width: 225px;
    top: 10px;
    left: 0;
    border: 1px solid #fff;
    margin: 25px 0 0 0;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-animation-duration: .25s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .25s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .25s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .25s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    padding: 5px;
}

    .userProperties ul.userMenu li {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }

.userProperties li.userNotifications,
.userProperties li.userProfilename {
    border-bottom: 1px dotted #999;
}

.userProperties ul.userMenu a {
    display: block;
    padding: 5px 15px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms;
    -webkit-transition: all ease-in 100ms;
    -o-transition: all ease-in 100ms;
    -ms-transition: all ease-in 100ms;
    text-transform: none;
}

    .userProperties ul.userMenu a span {
        padding: 0px 4px;
        background: rgba(0,0,0,0.45);
        border-radius: 3px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        display: none;
    }

.userProperties ul.userMenu li:last-child > a {
    padding-top: 10px;
}

.userProperties ul.userMenu li:hover > a,
.userProperties ul.userMenu li:hover > a strong {
    color: #ff5f76;
    background: #f4f4f4;
}

/* Navigation
-------------------------------------*/
/* Site Navigation */
.nav {
    float: right;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

ul#dnn_pnav {
    margin: 0;
    padding: 0;
}

#dnn_pnav li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

#dnn_pnav > li {
    float: left;
    padding: 0;
    margin: 0 0 0 25px;
}

    #dnn_pnav > li > a, #dnn_pnav > li > span {
        display: block;
        color: #ed6a00;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        padding: 20px 0 15px 0;
        border-bottom: solid 7px transparent;
        margin: 0;
    }



    /* Secondary level */
    #dnn_pnav > li ul { /* Styles for all sub levels */
        display: none;
        position: absolute;
        z-index: 2;
        width: 225px;
        padding: 0;
        border: 1px solid #fff;
        margin: 25px 0 0 0;
        background: #fff;
        /* CSS3 */
        border-radius: 0px;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
        -webkit-animation-duration: .25s;
        -webkit-animation-delay: .2s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-duration: .25s;
        -moz-animation-delay: .2s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -ms-animation-duration: .25s;
        -ms-animation-delay: .2s;
        -ms-animation-timing-function: ease;
        -ms-animation-fill-mode: both;
        animation-duration: .25s;
        animation-delay: .2s;
        animation-timing-function: ease;
        animation-fill-mode: both;
    }

#dnn_pnav li:hover > ul {
    display: block;
}

#dnn_pnav > li > ul { /* styles specific to secondary level */
    top: 35px;
    padding: 5px;
}

    #dnn_pnav > li > ul.rightDropdown {
        right: 0 !important;
    }

    #dnn_pnav > li > ul:after {
        position: absolute;
        top: -15px;
        left: 20px;
        content: '';
        width: 0px;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
    }

#dnn_pnav > li ul a {
    display: block;
    padding: 5px 15px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    /* transition decleration */
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms; /* Firefox 4 */
    -webkit-transition: all ease-in 100ms; /* Safari and Chrome */
    -o-transition: all ease-in 100ms; /* Opera */
    -ms-transition: all ease-in 100ms; /* IE9? */
}

#dnn_pnav ul li:last-child > a {
}

#dnn_pnav > li > ul li:hover > a {
    color: #ff5f76;
    background: #f4f4f4;
}

/* Tertiary level */
#dnn_pnav li ul li ul {
    left: 225px;
    top: -25px;
    padding: 5px;
    border-left: 1px solid #ddd;
}



/* Breadcrumb
-------------------------------------*/
.breadcrumb {
    padding: 28px 0 12px 0;
}

    .breadcrumb img {
        margin-left: 10px;
        margin-right: 10px;
    }

a.breadcrumbLink:link, span.breadcrumbLink,
a.breadcrumbLink:visited {
    color: #fff;
    text-transform: uppercase;
}

a.breadcrumbLink:hover {
    color: #fff;
    text-decoration: underline;
}

/* Content Panes
-------------------------------------*/

#map-canvas {
    height: 300px;
    width: 100%;
    margin: 0;
}

.ContentWrapDark {
    background-color: #292929;
    color: #fff;
}

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -58px;
    background-color: #fff;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .footer, .page-wrap:after {
        height: 58px;
    }

.contentWrap {
    background-color: #F5F4F2;
}
/* Content Pane */
.topHero, .TopHeroDark {
    width: 100%;
    text-align: center;
}

    .topHero img, .TopHeroDark {
        margin-left: auto;
        margin-right: auto;
    }

        .TopHeroDark p {
            padding: 0;
            margin: 0;
        }

.TopPane {
    width: 100%;
    margin: 0 0 15px 0;
}

    .TopPane:empty {
        display: none;
    }

.darkContentPane {
    color: #fff;
    width: 100%;
    float: left;
}

.ContentPane {
    width: 980px;
    float: left;
    margin-top: 20px;
}

    .ContentPane:empty {
        display: none;
    }

.contentWrap {
    margin-bottom: 40px;
    background: transparent !important;
}

    .contentWrap h3 {
        color: #0091f9;
        margin: 0px 0px 10px 0px !important;
    }

    .contentWrap .first_paragraph {
        margin-top: 20px;
        font-size: 20px;
    }

    .contentWrap .callout {
        font-size: 18px;
    }

.whitePane {
    background-color: #fff;
    color: #000;
}

.GreyPaneWrap {
    min-width: 980px;
    background-color: #F5F4F2;
}

.GreyPaneWide {
    background-color: #F5F4F2;
    color: #000;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.LeftPane {
    float: left;
    width: 650px;
    margin-top: 20px;
    margin-right: 20px;
}

    .LeftPane.noRightPane {
        width: 100%;
    }

.RightPane {
    float: right;
    width: 300px;
    margin-top: 20px;
}

    .RightPane.DNNEmptyPane + .ContentPane {
        width: 980px;
    }

    .RightPane .DnnModule {
        margin-bottom: 15px;
    }

a.dnnSocialLink {
    color: #0099cc;
}

.moduleTopInsetShadowBox {
    background: #eee;
}

.moduleBotInsetShadowBox {
    -moz-box-shadow: 0 -40px 40px -25px #E9E1DE inset;
    -webkit-box-shadow: 0 -40px 40px -25px #E9E1DE inset;
    box-shadow: 0 -40px 40px -25px #E9E1DE inset;
}

.socialMedia_favorites {
    margin-bottom: 10px;
}

    .socialMedia_favorites div {
        margin: 0px;
        padding: 0px;
    }

    .socialMedia_favorites a {
        text-decoration: none !important;
    }

/* Content Pane - Footer */
.footer {
    clear: both;
    position: relative;
    padding-top: 68px;
}

.cat-wrap {
    height: 68px;
    position: relative;
}

.footer-cat {
    background: transparent url('/portals/petango/images/footer-cat.png') no-repeat top right;
    height: 236px;
    width: 162px;
    position: absolute;
    right: 0;
    top: 0px;
}

.inside-cat {
    margin-top: -68px;
}

.footer-topbar {
    background: #0092f9;
    height: 50px;
}

.footer-wrapper {
    background: #0066b0;
}

    .footer-wrapper .logo {
        padding: 0px !important;
        margin: 0px !important;
    }

.footerPane {
    width: 100%;
    min-height: 55px;
    padding-bottom: 20px;
    text-align: center;
}

.footerPaneRight {
    float: right;
}

.footer .social-media {
    list-style: none;
    text-align: right;
    padding-right: 30px;
}

    .footer .social-media li {
        display: inline-block;
        margin-left: 10px;
    }

.footerBanner {
    margin-bottom: -68px;
}

.regcheckbox {
    position: relative;
    left: 230px;
    width: 230px;
    text-align: left;
}


/* Copyright
-------------------------------------*/
.copyright {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.copyright-text {
    font-size: 10px;
}

/* nicer DNN info boxes */
.dnnFormMessage.dnnFormWarning {
    background-color: #fff;
    color: #fb0044;
    font-weight: bold;
    border: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 0;
}

.dnnFormMessage {
    background-color: #fff;
    color: black;
    font-weight: normal;
    border: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 0;
}

/* temp adjustment */
.topHero .dnnFormMessage {
    margin: 0px auto;
    width: 980px;
}

/* some specific nebula elements color redefine */
.activeIndicator {
    background-color: #ff5f76 !important;
    color: #fff !important;
}

span.no-answer {
    background-color: #ff5f76 !important;
    color: #fff !important;
}

.DnnModule-Messaging-Notifications .dnnAdminTabNav a span {
    background-color: #fb0044 !important;
    background: #fb0044 !important;
    color: #fff !important;
}

.dnnFormPopup div.dnnLabel {
    font-weight: bold;
    font-size: 12px;
}

.ui-dialog-content .social-wizard {
    margin-top: 0;
}

.dnnFormPopup div.fu-container {
    padding: 18px 30px 0 30px;
}

.like-popup-list {
    padding: 8px 28px 0 28px;
}

#dnnDocumentViewerGetUrlModal, #dnnModuleDigitalAssetsGetUrlModal {
    padding: 0 35px;
}

/* customised modal dialog style */
.dnnFormPopup {
    border-radius: 7px;
}

    .dnnFormPopup.ui-dialog .ui-dialog-titlebar, .dnnFormPopup .ui-dialog-titlebar {
        margin: -18px -18px 0 -18px;
        padding: 22px 0 18px 22px;
        background-color: #092836;
        color: #ffffff;
        border: none;
        cursor: move;
        font-size: 18px;
        font-weight: normal;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.mobileView .dnnFormPopup .ui-dialog-titlebar {
    margin: inherit;
    padding: 5px 0 0 0;
    line-height: 1.5em;
    background-color: inherit;
    color: inherit;
    border: inherit;
    cursor: inherit;
    font-size: 22px;
    font-weight: bold;
    border-radius: 0;
}

.dnnFormPopup .dnnModalCtrl {
    top: 20px;
    right: 22px;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: none;
    box-shadow: none;
}

    .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
        background: #092836 url(images/icon_close_dialog.png) no-repeat;
        border: none;
        width: 20px;
        height: 20px;
        margin: 0;
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
            background: #092836 url(images/icon_close_dialog.png) no-repeat;
            border: none;
            width: 20px;
            height: 20px;
            margin: 0;
        }

    .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
        display: none;
    }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
            display: none;
        }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    top: 20px;
    right: 22px;
    background: #092836 url(images/icon_close_dialog.png) no-repeat;
    border: none;
    width: 20px;
    height: 20px;
}

    div.ui-dialog-titlebar > .ui-dialog-titlebar-close:hover {
        background-color: #092836;
        cursor: pointer;
    }

.dnnFormPopup .ui-resizable-se {
    display: none !important;
}

.dnnFormPopup div.ui-dialog-content {
    margin: 0 -18px -18px -18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.comment-update-dialog textarea.message {
    display: block;
    box-size: border-box;
    -moz-box-size: border-box;
    margin: 20px;
    border-radius: none;
}

/* compose message popup css fix */
.dnnFormPopup div.ui-dialog-content.composeMessageDialog {
    padding-top: 20px;
}

.mobileView .dnnFormPopup div.ui-dialog-content {
    margin: 0;
    border-radius: 0;
}

div.dialog-footer {
    padding: 8px 30px 8px 30px;
    border-top: 1px solid #edeae9;
    background-color: #f4f4f4;
}

    div.dialog-footer ul.dnnActions {
        display: block;
    }

.mobileView div.dialog-footer,
.mobileView .dnnFormPopup div.ui-dialog-buttonpane {
    padding: 0;
    border: none;
    background-color: transparent;
    margin: 0;
}

    .mobileView div.dialog-footer ul.dnnActions.dnnRight {
        float: none;
        width: 100%;
    }

        .mobileView div.dialog-footer ul.dnnActions.dnnRight > li {
            float: none;
            display: inline-block;
            width: 48%;
            margin: 0;
        }

            .mobileView div.dialog-footer ul.dnnActions.dnnRight > li > a {
                width: 100%;
            }


.dnnFormPopup div.ui-dialog-buttonpane {
    padding: 12px 22px 18px 22px;
    border-top: 1px solid #edeae9;
    background-color: #f4f4f4;
    margin: 18px -18px -18px -18px;
}

.dnnFormPopup.fileManagerPopup .ui-dialog-buttonpane {
    margin: 18px -18px -18px -18px !important;
}

.dnnFormPopup div.ui-dialog-buttonpane div.ui-dialog-buttonset {
    float: right;
}

.dnnFormPopup .ui-dialog-buttonpane div.ui-dialog-buttonset button {
    padding: 10px;
    float: right;
    display: block;
}

.dnnFormPopup .dnnDialog,
.dnnFormPopup .ui-dialog-content.social-report-content {
    padding: 22px !important;
}

span.dnnFormRequired:after, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
    font-size: 16px;
}

/* fix on jquery ui popup with default button */
/*.dnnFormPopup .ui-dialog-buttonpane button.dnnPrimaryAction {
border: 1px solid #339795;
}

.dnnFormPopup .ui-dialog-buttonpane button.dnnSecondaryAction {
border: 1px solid #ddd;
}*/

.comment-load-more {
    border-right: 5px solid #ff5f76;
}

/* vote button style */
.share-idea-vote-options .button,
.idea-vote-options .button {
    position: relative;
    overflow: hidden;
    color: #fff !important;
    background-color: rgb(0, 215, 199) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 215, 199)), to(rgb(0, 179, 193))) !important;
    background: -moz-linear-gradient(top, rgb(0, 215, 199) 0%, rgb(0, 179, 193) 100%) !important; /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%) !important; /* IE10+ */
    background: linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%) !important; /* W3C */
}

    .share-idea-vote-options .button.left,
    .idea-vote-options .button.left {
        display: block;
        clear: none;
        border-left-color: rgb(0, 194, 194);
        border-left-style: solid;
        border-right-color: gray;
        border-right-style: solid;
        border-top-color: rgb(0, 194, 194);
        border-top-style: solid;
        border-top-width: 1.1111111640930176px;
        box-shadow: #306166 0px 1px 1px 0px !important;
        border-radius: 1px;
        overflow: hidden;
        border-right: 1px solid gray; /* IE */
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE dumbness */
    }

.idea-vote-options .ie-shadow {
    background-color: rgb(68,68,68); /* Needed for IEs */
    border-radius: 5px; /* for non-IE */
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

.share-idea-vote-options .button.center,
.idea-vote-options .button.center {
    border-left-color: rgb(0, 194, 194);
    border-left-style: solid;
    border-right-color: gray;
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px !important;
}

.share-idea-vote-options .button.vright,
.idea-vote-options .button.vright {
    border-left: none;
    border-right-color: gray;
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px !important;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.share-idea-vote-options .button.single,
.idea-vote-options .button.single {
    border-left-color: rgb(0, 194, 194);
    border-left-style: solid;
    border-right-color: rgb(0, 194, 194);
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px !important;
}

.share-idea-vote-options .button.disabled,
.idea-vote-options .button.disabled,
.share-idea-vote-options .button.disabled:hover,
.idea-vote-options .button.disabled:hover,
.share-idea-vote-options .button.disabled:active,
.idea-vote-options .button.disabled:active {
    background-color: #eee !important;
    color: rgb(122, 122, 122) !important;
}

.share-idea-vote-options .button:hover,
.idea-vote-options .button:hover {
    background-color: rgb(0, 149, 138) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 149, 138)), to(rgb(0, 74, 80))) !important;
    background-image: linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -o-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -moz-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -webkit-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -ms-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
}

.share-idea-vote-options .button:active,
.idea-vote-options .button:active {
    background-color: rgb(0, 74, 80) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 74, 80)), to(rgb(0, 149, 138))) !important;
    background-image: linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138)) !important;
    background-image: -o-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138)) !important;
    background-image: -moz-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138)) !important;
    background-image: -webkit-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138)) !important;
    background-image: -ms-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138)) !important;
}

.share-idea-vote-options .button.selectedVotes,
.idea-vote-options .button.selectedVotes {
    background-color: rgb(0, 149, 138) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 149, 138)), to(rgb(0, 74, 80))) !important;
    background-image: linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -o-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -moz-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -webkit-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
    background-image: -ms-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80)) !important;
}

.share-idea-vote-options a.idea-remove-button,
.idea-vote-options a.idea-remove-button {
    position: relative;
    overflow: hidden;
    display: block;
}

input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/* group page skin fix */
.dgdGroupQuickInfo ul li {
    font-size: 12px;
    padding: 0 20px 0 22px;
    margin-bottom: 20px;
}

    .dgdGroupQuickInfo ul li a {
        padding: 10px;
        font-size: 12px;
    }

.dgdMainContent a.dnnPrimaryAction.createGroup {
    margin-bottom: 15px;
}

/* Mobile view primary/secondary button redefine */
.mobileView button.dnnPrimaryAction,
.mobileView button.dnnSecondaryAction,
.mobileView a.dnnPrimaryAction,
.mobileView a.dnnSecondaryAction {
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

    .mobileView button.dnnPrimaryAction,
    .mobileView a.dnnPrimaryAction,
    .mobileView a.dnnPrimaryAction:hover,
    .mobileView a.dnnPrimaryAction:visited {
        border: none !important;
        color: #fff;
        background: #0099cc !important;
    }

    .mobileView button.dnnSecondaryAction,
    .mobileView a.dnnSecondaryAction,
    .mobileView a.dnnSecondaryAction:hover,
    .mobileView a.dnnSecondaryAction:visited {
        border: none !important;
        color: #777;
        background: #eee !important;
    }

.dnnRegistrationForm .dnnCaptcha:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}


.quiz-wrapper {
    margin-top: 20px;
    font-size: 1.2em;
}
.quiz-wrapper .block {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.quiz-wrapper .filter ul, .quiz-wrapper .mobile_filter ul {
    list-style: none;
    margin-top: 10px;
}
.quiz-wrapper .filter li, .quiz-wrapper .mobile_filter li {
    list-style-type: none;
    margin-bottom: 2px;
}
    .quiz-wrapper .animal-template a, .quiz-wrapper .animal-template span, .quiz-wrapper .animal-template li {
        font-size: 14px !important;
    }

    .quiz-wrapper .nav {
        position: relative;
        float: none;
        margin: 0px;
    }

    .quiz-wrapper .quiz-area {
        float: left;
    width: 650px;
    margin-top: 20px;
    margin-right: 20px;
    }

    .quiz-wrapper .image {
        text-align: center;
        cursor: pointer;
    }

    .quiz-wrapper input[type="radio"], .quiz-wrapper input[type="checkbox"] {
        display: none;
    }

    .quiz-wrapper .radio {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url('/portals/_default/skins/petango/images/petmatch/radio_off.png') no-repeat center;
        float: left;
        margin: 0px 10px 0px 0px;
    }

    .quiz-wrapper input[type="radio"]:checked ~ .radio {
        background: url('/portals/_default/skins/petango/images/petmatch/radio_on.png') no-repeat center;
    }

    .quiz-wrapper .checkbox {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url('/portals/_default/skins/petango/images/petmatch/checkbox_off.png') no-repeat center;
        float: left;
        margin: 0px 10px 0px 0px;
    }

    .quiz-wrapper input[type="checkbox"]:checked ~ .checkbox {
        background: url('/portals/_default/skins/petango/images/petmatch/checkbox_on.png') no-repeat center;
    }

    .quiz-wrapper label .Atext {
        display: inline-block;
        line-height: 22px;
        float: left;
    }

    .quiz-wrapper .image {
        display: inline-block;
    }

        .quiz-wrapper .image image {
            pointer-events: none;
        }

        .quiz-wrapper .image input[type="radio"]:checked ~ .replace-radio {
            border: 4px solid #ed6a00;
        }

        .quiz-wrapper .image input[type="radio"]:checked ~ .label-text {
            color: #ed6a00 !important;
        }

        .quiz-wrapper .image .replace-radio {
            border-radius: 50%;
            border: 4px solid #ececec;
        }

    .quiz-wrapper input {
        width: 15px;
        height: 15px;
    }

    .quiz-wrapper .nav a {
        background: #eee;
    }

    .quiz-wrapper .nav .selected {
        color: #0091f9;
        font-weight: bold;
        background: transparent !important;
    }

    .quiz-wrapper .question-wrapper {
        border-bottom: 1px solid #ececec;
        padding: 10px 0px;
        margin-bottom: 10px;
    }

    .quiz-wrapper .question {
        color: #0091f9;
        font-weight: bold;
    }

    .quiz-wrapper label {
        font-weight: normal;
    }

    .quiz-wrapper input {
        margin-right: 10px !important;
    }

.match-percent {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    font-weight: bold;
    font-size: 18px !important;
    border-radius: 5%;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #0091f9;
    color: #fff;
    line-height: 15px;
}
.quiz-wrapper .animal-template .match-percent .percent {
    font-size: 18px !important;
    margin-top: 25px;
    display: inline-block;
}

@media only screen and (max-width: 64em) {
    html {
        overflow-x: hidden;
    }

    .skinWidth {
        width: 95%;
        margin: 0 auto 0 auto;
    }

    .header > .skinWidth,
    .topBar.skinWidth {
        width: 100%;
    }

    #Footer24PW, #Footer24PW h3, #Footer24PW p {
        text-align: center;
    }

        #Footer24PW .linkbox {
            margin-bottom: 10px;
        }
}




@media only screen and (min-width: 48em) and (max-width: 64em) {


    .nav {
        width: auto;
    }

    .ContentPane, .whiteContentPane {
        width: 95%;
    }

    .rightPane.DNNEmptyPane + .ContentPane {
        width: 100%;
    }

    .regcheckbox {
        left: 320px;
        width: 250px;
    }
}

@media only screen and (max-width: 48em) {

    .animal-template {
        height: auto !important;
    }

    .search {
        margin-left: 20px;
        width: 90%;
    }

    .regcheckbox {
        left: 200px;
        width: 140px;
    }
}

@media only screen and (min-width: 48em) {
    ul#dnn_pnav {
        display: block;
    }
}

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


    .filter {
        display: none;
    }
    .mobile_filter {
        display: block !important;
    }
    .mobile_filter .btn-orange {
        margin: 0px 0px 10px 0px;
    }

    .LoginPanel {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    div.dnnRegistrationForm {
        min-width: 10px;
    }

        div.dnnRegistrationForm .dnnForm, div.dnnRegistrationForm div.dnnCaptcha {
            width: 100%;
        }

        div.dnnRegistrationForm .dnnLabel {
            width: 45%;
            font-size: 0.8em;
        }

    #fureverHome-wrapper .number {
        font-size: 20px;
    }

    .moduleContainer a.dnnMobileCreateNewButton, .moduleContainer a.dnnMobileCreateNewButton-searchResult {
        background-color: #0099cc;
    }

    .footer .social-media {
        text-align: center;
        margin-top: 10px;
    }

    .topBar.skinWidth {
        width: 95%;
        margin: 5px auto 0 auto;
        padding: 8px 0 4px 0;
    }

    .advanced-search-text {
        float: none;
        width: 100%;
        text-align: center;
        line-height: 15px;
        margin-top: 12px;
        display: block;
    }

    .search {
        margin: 10px 20px 0px 0;
        display: block;
        width: 95%;
        text-align: center;
    }

        .search a.SearchButton:link,
        .search a.SearchButton:visited {
            border-radius: 0;
        }

        .search .searchInputContainer {
            position: inherit !important;
        }

            .search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
                right: 43px !important;
            }

    ul.searchSkinObjectPreview {
        right: 0 !important;
        left: 0 !important;
        width: inherit !important;
        top: 42px !important;
    }

    form.showControlBar ul.searchSkinObjectPreview {
        top: 90px !important;
    }

    .topHero img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .TopPane {
        width: 95%;
        float: none;
    }

    .ContentPane,
    .RightPane.DNNEmptyPane + .ContentPane {
        width: 99%;
        float: none;
        margin: 0 auto 0 auto;
    }

    .RightPane, .quiz-wrapper .quiz-area {
        float: none;
        width: 99%;
        margin: 15px auto 0 auto;
    }

    .LeftPane {
        float: none;
        width: 99%;
    }

    .header {
        padding-bottom: 0;
    }

    .breadcrumb {
        display: none;
    }

    .logo {
        float: none;
        margin: 0px;
        text-align: center;
    }

    .mobileMenu {
        display: block;
        float: right;
        width: 80px;
        margin: 6px 18px 0 0;
    }

        .mobileMenu > a {
            display: block;
            background: #fff;
            color: #0099cc;
            text-align: center;
            padding: 12px 0 12px 0;
            font-weight: bold;
        }

    .nav {
        display: block;
        width: 100%;
        background-color: #fff;
    }

    ul#dnn_pnav {
        margin: 0;
        background: #fff;
        box-shadow: 0px 15px 15px #ccc;
        display: none;
    }

        ul#dnn_pnav > li {
            display: block;
            float: none;
            margin: 0;
            border-bottom: 1px solid #ddd;
            background-color: #fff;
            z-index: 1;
        }

            ul#dnn_pnav > li > a,
            ul#dnn_pnav > li > a:hover,
            ul#dnn_pnav > li > a:visited,
            ul#dnn_pnav > li > span {
                color: #0099cc !important;
                padding: 8px 0 0 35px;
                font-weight: bold;
                margin: 0;
                display: block;
                font-size: 16px;
                text-transform: uppercase;
            }


            ul#dnn_pnav > li > ul {
                top: 0;
                margin: 0;
                position: relative;
                display: none;
                width: 100%;
                padding: 0;
                box-shadow: none;
                z-index: inherit;
                border-left: none;
                border-right: none;
            }

    #dnn_pnav > li > ul.rightDropdown {
        right: inherit !important;
    }

    ul#dnn_pnav > li:hover ul {
        display: none;
    }

    ul#dnn_pnav > li > div.nav-side-arrow {
        display: block;
        position: absolute;
        right: 0;
        width: 60px;
        height: 30px;
        top: 0;
        cursor: pointer;
    }

        ul#dnn_pnav > li > div.nav-side-arrow .right {
            display: block;
            position: absolute;
            right: 25px;
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 6px solid #fb4563;
            top: 10px;
            -webkit-transition-duration: 200ms ease;
            transition-duration: 200ms ease;
        }

        ul#dnn_pnav > li > div.nav-side-arrow .down {
            display: block;
            position: absolute;
            right: 25px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #fb4563;
            top: 13px;
            -webkit-transition-duration: 200ms ease;
            transition-duration: 200ms ease;
        }

    ul#dnn_pnav > li > ul:after {
        display: none;
    }

    ul#dnn_pnav > li ul a {
        padding-left: 45px;
        border-top: 1px solid #eee;
        color: #0099cc;
        font-weight: bold;
        font-size: 16px;
    }

    #fureverHome-wrapper .fureverText {
        text-align: center;
    }

    #fureverHome-wrapper .fureverNumber {
        text-align: center;
        margin: 20px auto;
    }

    .footer {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 15px 0 15px 0;
        background: #eee;
    }

    .mobileFooterTitle {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #888;
        padding: 0 15px 10px 20px;
    }

    .footerPane {
        display: block;
        width: inherit;
        padding: 0;
        float: none;
        border-right: none;
        min-height: inherit;
        margin: 0;
    }

    .footerLinks {
        margin-top: 10px;
        text-align: center;
        font-size: 10px;
        padding: 0px 0px 10px 0px !important;
    }

        .footerLinks ul {
            margin: 0px;
            padding: 0px;
        }

    .copyright {
        text-align: center;
    }

    .searchWindow {
        margin: 0px;
        margin-bottom: 20px;
    }

        .searchWindow p {
            text-align: center;
        }

    .heroText {
        text-align: center;
    }

    .pet-profile-list-title {
        text-align: center;
    }

    .inside-cat {
        margin-top: -68px;
    }

    .search .btn {
        width: auto;
        margin: 0px;
    }

    .search .form-control {
        margin: 5px 0px;
        display: inline-block;
        width: auto;
    }

    .search .breedlist {
        /*width: 100% !important;*/
    }

    .searchWindow {
        display: none;
    }
}

@media only screen and (max-width: 25em) {
    .login {
        margin-bottom: 8px;
    }

    .search {
        /* display: none; */
    }

    #fureverHome-wrapper .number {
        font-size: 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .regcheckbox {
        left: 320px;
        width: 250px;
    }
}

/* login page fix */
.dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel {
    width: 35%;
}

/* Social Modules */
.social-report-content > h3 {
    font-size: 16px;
}

.comment-actions-menu a.comment-actions {
    background-color: #eaeaea;
}

.comment-actions-menu a.approve-comment-actions {
    background-color: #fe9e47;
}

.comment-actions-menu ul.comment-actions-dropdown li a:hover {
    border-left: 3px solid #fe9e47;
}


.comment-context-card .displayName > span {
    font-size: 15px;
    color: #666;
}

.comment-context-card .member-since {
    font-size: 85%;
    color: #999;
}

.comment-context-card .content {
    font-weight: bold;
    color: #888;
}

.comment-panel .avatar {
    border: 3px solid #ddd;
    background-color: #ddd;
}

.comment-author {
    color: #000;
    font-weight: bold;
}

.comment-date {
    color: #bbb;
}

.title-container > h3.content-title {
    font-size: 20px;
    font-weight: bold;
}

.title-container > p.title-returnPrev {
    font-size: 12px;
}

/* social module list view some common label style */
.list-row-title {
    font-size: 18px;
    font-weight: bold;
}

.list-row-comment-link {
    font-style: italic;
    font-size: 12px;
}

.list-row-label {
    font-weight: bold;
    font-size: 10pt;
}

.fc-calendar .fc-row > div.fc-today {
    background: #ef4f69;
}

.detail-main-container {
    background-color: #fff;
}

    .detail-main-container > h3 {
        font-weight: normal;
        font-size: 20px;
        color: #333;
    }

span.detail-comments-author {
    font-weight: bold;
    color: #000;
}

span.detail-comments-date {
    color: #bbb;
}

.ui-datepicker th {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
}

.moduleTitleContainer {
    background-color: #fff;
}

.dnnFilterSet {
    background: #eee;
    border: 1 px solid #edeae9;
}

    .dnnFilterSet h3 {
        font-size: 20px;
        line-height: 1.2em;
    }

.dnnFileUploadScope {
    background-color: #F0F0F0;
}

/* like tag menu */
.approve-comment-actions .tag-menu,
.likes .tag-menu {
    font-size: 11px;
}

/* social group invites */
.user-name span {
    font-size: 12px;
    font-weight: bold;
    color: #339795;
}

.inviteLabel {
    color: #666;
    font-weight: bold;
}

/* workaround for DNN-4931, can be removed when the issue gets fixed */
.DnnModule-Messaging-Notifications .smListings .message {
    max-width: 378px;
}

/* remove it after 7.3.3 */
table.dnnPermissionsGrid {
    clear: both;
}

.dnnPermissionsGrid > .dnnFormItem {
    overflow: inherit;
}

/* avatar modify */
.avatar40,
.comment-panel .avatar,
.journalTools .avatar,
.journalrow div.author,
.journalrow div.group-avatar,
.comment-context-card .avatar {
    border: 3px solid transparent;
    background: transparent;
    border-radius: 40px;
}

    .avatar40 span,
    .comment-panel .avatar span,
    .journalTools .avatar span,
    .journalrow div.author span,
    .comment-context-card .avatar span {
        border-radius: 40px;
    }

.status-compact-container .avatar,
.leader-contents table.dnnLeaderboard2 .dnnLeaderboard-avator,
.leader-contents table.dnnLeaderboard div.dnnLeaderboard-avator,
.leader-contents table.dnnLeaderboard4 tr td div.dnnLeaderboard4-avator {
    border: 2px solid transparent;
    background: transparent;
    border-radius: 35px;
}

    .status-compact-container .avatar span,
    .leader-contents table.dnnLeaderboard2 .dnnLeaderboard-avator span,
    .leader-contents table.dnnLeaderboard div.dnnLeaderboard-avator span,
    .leader-contents table.dnnLeaderboard4 tr td div.dnnLeaderboard4-avator span {
        border-radius: 35px;
    }

.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar {
    border: 2px solid transparent;
    background: transparent;
    border-radius: 32px;
}

    .journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar span {
        border-radius: 32px;
    }

.leader-contents table.dnnLeaderboard3 div.dnnLeaderboard3-avator {
    border: 3px solid transparent;
    background: transparent;
    border-radius: 35px;
}

    .leader-contents table.dnnLeaderboard3 div.dnnLeaderboard3-avator span {
        border-radius: 35px;
    }

.journalrow div.journalitem div.journalgroup a.journal-grouped-avatar,
.journalrow div.journalitem div.challenge-completed-area > a.challenge-completed-avatar {
    border-radius: 30px;
}

div.token-input-dropdown-facebook ul li span.avatar-25 {
    border-radius: 25px;
}

.DnnModule-Messaging-Notifications .smListings .profileImg {
    border-radius: 40px;
    border: 3px solid transparent;
    background: transparent;
}

    .DnnModule-Messaging-Notifications .smListings .profileImg span {
        border-radius: 40px;
    }

.dnnMemberDirectory .mdAdvancedSearchForm label {
    width: 100px;
    display: inline-block;
    color: #666;
}

.DNNEmptyPane {
    min-height: inherit;
    padding: 0;
    margin: 0;
}

.DnnModule-Publisher-AccentColor-Background {
    background-color: #20B1EA !important;
}

.DnnModule-Publisher-AccentColor-Border {
    border-left-color: #20B1EA !important;
}

.DnnModule-Publisher-BackgroundColor {
    background-color: #FFFFFF !important;
}

    .DnnModule-Publisher-BackgroundColor .DnnModule-Publisher-BackgroundShadowColor {
        color: #FFFFFF !important;
    }

.DnnModule-Publisher-Color {
    color: #666;
}

div.DnnModule-Publisher-List-Empty {
    color: #bbb;
}

div.DnnModule-DotNetNukeModulesDigitalAssets ul li {
    list-style: none;
}



#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink {
    color: #ffffff;
}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }



.eds_news_Firefly.eds_subCollection_news .EDN_article .EDN_mediaContainer {
    float: none !important;
}

.ad_area {
    text-align: center;
}

    .ad_area .ad-title {
        font-size: 10px;
    }

.form-group {
    margin: 10px 0px !important;
}

.adoption-app .form-group {
    content: "" !important;
    display: table !important;
    clear: both !important;
    width: 100%;
}

.adoption-app .form-control {
    margin: 2px 10px 2px 0px;
}

.adoption-app input[type="checkbox"] {
    margin: 0px;
}

.adoption-app-bottom {
    padding: 5px;
}

    .adoption-app-bottom .btn-orange {
        margin: 0px;
    }

.group:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/*--------------------------------------------*/
.topAdBar {
    background: #ddd;
    text-align: center;
    padding: 10px 0px;
}

/*--------------------------------------------*/

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    background: #ed6a00 !important;
    width: auto;
    border: none !important;
    color: #fff !important;
    box-shadow: none;
    text-shadow: none;
}

.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {
    margin-top: 0px;
    box-shadow: none;
    text-shadow: none;
    color: #333;
    background-color: #fff;
    border: none !important;
}


.carousel-inner .active.left {
    left: -33%;
}

.carousel-inner .next {
    left: 33%;
}

.carousel-inner .prev {
    left: -33%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.item:not(.prev) {
    visibility: visible;
}

.item.right:not(.prev) {
    visibility: hidden;
}

.rightest {
    visibility: visible;
}


.vm-hook {
    /*color: #0091f9 !important;*/
}