/* TYPOGRAPHY */
body {
    font-family: 'Droid Sans', serif;
    padding: 0px;
    margin: 0px;
    background-color: #f2f2f2;
}

    body.mobileSearch {
        padding-top: 100px;
    }

h1 {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.4em;
    font-family: 'Droid Serif';
}

h2 {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-family: 'Droid Serif';
}

h3 {
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: 'Droid Serif';
}

h4 {
    font-family: 'Droid Serif';
    font-weight: 400;
}

p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.3em;
}

h1.articleTitle {
    margin: 20px 0.5em 10px 0.5em;
}

p.title {
    font-size: 0.95em;
}

.qubetitle {
    font-size: 1.7em;
    line-height: 1.4em;
}

.white {
    color: #f2f2f2;
}

.statbox {
    float: left;
    width: 50%;
}

hr {
    border: none;
    height: 1px;
    color: #a7a9ac;
    background: #a7a9ac;
}

select, input {
    font-family: 'Droid Sans';
}

div.lrPad {
    padding-left: 1em;
    padding-right: 1em;
}

#footer {
    background-color: #1a1a1a;
    color: white;
    margin: 20px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
}

    #footer p {
        margin: 20px;
        padding: 0px;
        font-size: 0.8em;
    }

    #footer a {
        color: white;
    }

        #footer a:hover {
            color: #008028;
        }

#footerContent {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
}

.footerCol {
    float: left;
    width: 33%;
}

#footerContent .footerCol p {
    margin: 6px 20px;
    padding: 0px;
}

div.articleInfo {
    background-color: #323232;
    color: white;
    margin: 0px 20px;
    padding: 0px;
}

div.articleBody {
    margin: 25px 20px 20px 20px;
}

    div.articleBody img {
        border: 1px solid #808080;
    }

    div.articleBody p {
        line-height: 1.6;
    }

p.date {
    float: left;
    margin: 8px 12px;
}

p.tools {
    float: right;
    margin: 8px 12px;
}

div.clearAll {
    clear: both;
}

#headerHolder {
    background-color: #323232;
}

div.topBottom {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

div.fullWidth p {
    margin: 10px 0px 10px 12px;
    padding: 0px;
    float: left;
}

div.fullWidth {
    margin: 20px;
    padding: 0px;
}

div.halfWidth {
    width: 50%;
    float: left;
}

div.marginRight {
    margin-right: 10px;
}

div.marginLeft {
    margin-left: 10px;
}

div.minus20 {
    margin-top: -20px;
}

p.noFloat {
    display: block;
    float: none;
}

ol li {
    font-size: 0.75em;
    line-height: 1.8em;
}

div.articleRelated {
    background-color: #484848;
    margin: 20px 20px 0px 20px;
}

    div.articleRelated p {
        color: white;
        font-weight: bold;
        margin: 0px 12px;
        padding: 8px 0px;
    }

span.artTools {
    margin-left: 20px;
}

#logoBar {
    background-color: #323232;
}

#subNav {
    background-color: #dedede;
    text-transform: uppercase;
    border-top: 1px solid #323232;
}

    #subNav .nav {
        float: left;
        margin: 0px;
    }

        #subNav .nav p {
            margin: 14px 27px;
            font-size: 11px;
        }

    #subNav a {
        color: #1a1a1a;
        text-decoration: none;
    }

        #subNav a:hover {
            text-decoration: underline;
        }

    #subNav div.current a {
        color: white;
    }

    #subNav div.current {
        background-color: #1a1a1a;
    }

#menuSections {
    display: none;
}

#articleAside div.halfWidth {
    width: 100%;
    margin-bottom: 20px;
}

#articleAside div.marginRight, div.marginLeft {
    margin: 0px;
}

#articleAside div.minus20 {
    margin-top: -10px;
}

p.dateTime {
    font-size: 75%;
    margin-top: -10px;
}

p.date a {
    color: white;
}

    p.date a:hover {
        color: #F79521;
    }

p.tools a {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

    p.tools a:hover {
        color: #008028;
        text-decoration: none;
        cursor: pointer;
    }

.SmallText {
    font-size: 0.5em;
}

/* MENU START */
#ddlMenu {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    overflow: visible;
    background: #dedede;
    border-bottom: 3px solid #008828;
    font-size: 0.75em;
    font-family: 'Droid Sans';
}

    #ddlMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        position: relative;
        z-index: 597;
    }

    #ddlMenu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #ddlMenu ul li {
        float: left;
        min-height: 1px;
        vertical-align: middle;
    }

        #ddlMenu ul li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

    #ddlMenu ul ul ul {
        top: 0;
        left: auto;
        right: -99.5%;
    }

    #ddlMenu ul li:hover > ul {
        visibility: visible;
    }

    #ddlMenu ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
        bottom: 0;
        margin-top: 0;
        border-top: 3px solid #008828;
        text-transform: none;
        min-width: 190px;
    }

        #ddlMenu ul ul ul {
            border-top: none;
        }

        #ddlMenu ul ul li {
            font-weight: normal;
            float: none;
            position: relative;
        }

    #ddlMenu a {
        display: block;
        line-height: 1em;
        text-decoration: none;
        background: #dedede;
        color: #1a1a1a;
        padding: 0 15px;
    }

    #ddlMenu > ul {
        *display: inline-block;
    }

    #ddlMenu:after, #ddlMenu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #ddlMenu ul ul a {
        background: #dedede;
        color: #1a1a1a;
        border: none;
        border-top: 0 none;
        line-height: 100%;
        padding: 7px 10px;
    }

    #ddlMenu > ul > li > a {
        line-height: 40px;
    }

    #ddlMenu ul ul li:first-child > a {
        border-top: none;
    }

    #ddlMenu ul ul li:hover > a {
        background: #008828;
        color: #f2f2f2;
    }

    #ddlMenu ul li:hover > a, #ddlMenu ul li.active > a {
        background: #008828;
        color: #f2f2f2;
    }

    #ddlMenu ul ul li.has-sub > a:after {
        content: ">";
        position: absolute;
        top: 55%;
        right: 15px;
        margin-top: -8px;
        font-size: 1.1em;
    }

    #ddlMenu li.last {
        border-top: 1px solid #262622;
    }

    #ddlMenu li.search {
        background: #dedede;
        color: #1a1a1a;
        border: none;
        border-top: 0 none;
        line-height: 100%;
        padding: 7px 10px;
    }

        #ddlMenu li.search:hover {
            background-color: #008828;
        }

    #ddlMenu input.headersearch {
        width: 70%;
    }

    #ddlMenu li.search input {
        -webkit-appearance: none;
    }

.pagination {
    float: left;
    margin-right: 10px;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #cccccc;
}

.pagination-selected {
    float: left;
    margin-right: 10px;
    font-weight: normal;
    padding: 5px;
    background: #008828;
    color: #f2f2f2;
    border: 1px solid #008828;
}

.mobileOnly {
    display: none;
}

#mobileSettings {
    display: none;
}

#YourAccount {
    color: #f2f2f2;
    background-color: #00661e;
    padding: 0px 10px;
}

    #YourAccount a {
        color: #f2f2f2;
    }

#searchBar {
    float: left;
    font-size: 0.85em;
    margin: 16px 0px 0px 10px;
    color: white;
    width: 30%;
}

    #searchBar a {
        color: white;
    }

    #searchBar input.headersearch {
        width: 65%;
        height: 20px;
        -webkit-appearance: none;
        border-radius: 0;
    }

    #searchBar input.buttonsearch {
        height: 26px;
        -webkit-appearance: none;
        border-radius: 0;
    }

#searchBarMobile {
    display: none;
    width: 100%;
}

#searchBarMobileHolder {
    margin: 8px 8px 8px 8px;
    padding-top: 0px;
}

#searchBarMobile input.headersearch {
    width: 77%;
    height: 20px;
    -webkit-appearance: none;
    border-radius: 0;
}

#searchBarMobile input.buttonsearch {
    height: 26px;
    -webkit-appearance: none;
    border-radius: 0;
}

/** REPORT COVERS */
div.ownProdCover {
    width: 71px;
    height: 100px;
    float: left;
    margin: 8px 8px 8px 0px;
    background-image: url(/images/report-bg.gif);
    border: 1px solid #808080;
    overflow: hidden;
}

    div.ownProdCover p {
        color: white;
        font-size: 0.49em;
        margin: 10px 4px 4px 4px;
    }

.formError {
    color: red;
}

.formSuccess {
    color: #2c77ba;
}

a:link, a:visited {
    color: #008828;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #00661e;
    background: transparent;
    text-decoration: underline;
}

input#txtSearch {
    height: 43px;
    padding: 0 0 1px 5px;
    width: 90%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

/* RSS LINKS */
.infolink {
    font-size: 0.7em;
}

.rssblock {
    margin: 0 15px 0 5px;
    color: orange;
}

/* QUBE/CONSULT/PLDB/ADVERTISE PAGES */
.trialbox {
    background-color: #0c253f;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0 10px 10px;
    color: #f2f2f2;
}

.boxstrip {
    text-align: center;
    background-color: #386789;
    color: #f2f2f2;
}

/* CATFISH BANNER */
#catfishHolder {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}

#catfishContainer {
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
}

#catfishTitleArea {
    padding: 0.5em 1em;
    background-color: #323232;
    color: #f2f2f2;
    margin-top: 4px;
}

#catfishContent {
    display: none;
    background-color: white;
    padding: 1em 0em;
    width: 100%;
    border: 1px solid #888;
}

#catfishEditorImg {
    float: left;
    width: 176px;
}

#catfishLayoutImg {
    float: right;
    width: 360px;
}

#catfishEditorMsg {
    margin: 0px 370px 0px 186px;
}

.catfishHeader {
    margin: 4px 0px 0px 0px;
    float: left;
    font-size: 1.6em;
}

div.catfishOpen {
    background-color: #d34836;
    float: right;
    padding: 6px;
    margin: 5px;
    font-size: 1.2em;
}

#hiddenClose {
    display: none;
}

#MessageBar {
    color: white;
    background-color: black;
    width: 100%;
    position: relative;
    margin: -2px auto 0px auto;
    max-width: 1368px;
}

    #MessageBar a {
        color: white;
    }

p#MessageBarAlert {
    background-color: #ce2e41;
    height: auto;
    margin: 0px;
    padding: 12px 30px;
    float: left;
}

p#MessageBarInfo {
    background-color: #39b54a;
    height: auto;
    margin: 0px;
    padding: 12px 30px;
    float: left;
}

p#MessageBarMessage {
    height: auto;
    margin: 0px 0px 0px 20px;
    padding: 12px 0px;
    float: left;
}

a.hoverSwitch {
    cursor: pointer;
}

ul.bullet {
    padding: 0;
    margin: 0px 0px 10px 25px;
}

    ul.bullet li {
        list-style-image: url(/images/bullet.gif);
        margin-bottom: 5px;
        font-size: 1em;
    }

ul.wbullet {
    padding: 0;
    margin: 0px 0px 10px 25px;
}

    ul.wbullet li {
        list-style-image: url(/images/bulletW.gif);
        margin-bottom: 5px;
        font-size: 1em;
    }

ul.breadcrumb {
    list-style-type: none;
    list-style-image: none;
    margin-top: 0.5em;
    padding: 0em 1em;
}

    ul.breadcrumb li {
        list-style-type: none;
        list-style-image: none;
        margin: 0em 1em 0em 0em;
        padding: 0em;
        color: #ababab;
        display: inline;
        font-size: 0.75em;
    }

        ul.breadcrumb li a {
            color: #ababab;
        }

.repeatEmail {
    display: none;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    div.ownProdCover {
        background-image: url(/images/report-bg@2x.gif);
        -moz-background-size: 71px 100px;
        -o-background-size: 71px 100px;
        -webkit-background-size: 71px 100px;
        background-size: 71px 100px;
    }

    ul.bullet li {
        list-style: none;
        background: url(/images/bullet@2x.gif) no-repeat;
        background-position: 0px 2px;
        -moz-background-size: 7px 8px;
        -o-background-size: 7px 8px;
        -webkit-background-size: 7px 8px;
        background-size: 7px 8px;
        padding-left: 12px;
    }

    ul.wbullet li {
        list-style: none;
        background: url(/images/bulletW@2x.gif) no-repeat;
        background-position: 0px 2px;
        -moz-background-size: 7px 8px;
        -o-background-size: 7px 8px;
        -webkit-background-size: 7px 8px;
        background-size: 7px 8px;
        padding-left: 12px;
    }
}

/** REPORT COVERS */
@media screen and (min-width: 48em) {
    #main {
        max-width: 84em;
        min-width: 48em;
        padding: 0px;
        margin: 0px auto;
    }

    body {
        padding-top: 100px;
    }

    #articleWrapper {
        float: left;
        width: 100%;
        margin-right: -22em;
    }

    #innerBlock {
        margin-right: 22em;
    }

    #articleAside {
        float: left;
        width: 22em;
        margin-top: 30px;
    }

    .articleWrapper {
        float: left;
        width: 100%;
        margin-right: -22em;
    }

    .innerBlock {
        margin-right: 22em;
    }

    .articleAside {
        float: left;
        width: 22em;
        margin-top: 30px;
    }

    div.minus15 {
        margin-top: -15px;
    }

    #headerHolder {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 9999;
        background-image: url(/images/header-bg.gif);
    }

    #headSpacer {
        max-width: 1368px;
        margin: 0 auto;
    }

    #logoBar {
        float: left;
    }

    #YourAccount {
        float: right;
        font-size: 0.85em;
        margin: 10px 20px 0px 0px;
    }

    div.clearDesktop {
        clear: both;
    }

    #mobileCustomer {
        display: none;
    }

    #loginButton {
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

    #loginBox {
        position: absolute;
        top: 40px;
        right: 0px;
        display: none;
        z-index: 999;
        background: #00661e;
    }

        #loginBox.active {
            display: block;
        }

        #loginBox p {
            padding: 0px;
            margin: 12px 12px 0px 12px;
        }

    #loginForm {
        width: 248px;
    }

    .qubebut {
        float: left;
    }
}

@media screen and (max-width: 840px) and (min-width: 768px) {
    /*div.articleBody img { width: 100%; height: auto; } /*Stop this to fix regions*/
    p.tools {
        float: left;
        clear: left;
    }

    #subNav {
        background-color: white;
        text-transform: uppercase;
        border-top: 1px solid #008828;
    }

    #ddlMenu {
        font-size: 0.68em;
    }

        #ddlMenu a {
            line-height: 0.75em;
            text-decoration: none;
            padding: 0 8px 0 7px;
        }

        #ddlMenu > ul > li > a {
            line-height: 35px;
        }

    body {
        background-attachment: fixed;
        background-image: none;
        background-repeat: repeat-x;
    }

    #catfishImg {
        display: none;
    }

    #MessageBar {
        color: white;
        background-color: black;
        width: 100%;
        position: relative;
        margin-top: 94px;
        margin-bottom: -98px;
    }

    .qubebut {
        float: left;
    }

    .catfishHeader {
        background-color: #323232;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    #catfishLayoutImg {
        float: right;
        width: 28%;
    }

        #catfishLayoutImg img {
            width: 100%;
            height: auto;
        }

    #catfishEditorMsg {
        margin-right: 30%;
    }

    .catfishHeader {
        float: left;
        font-size: 1.45em;
        background-color: #323232;
    }

    .statbox {
        float: left;
        width: 100%;
    }

    #loginButton {
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

    #loginBox {
        position: absolute;
        top: 40px;
        right: 0px;
        display: none;
        z-index: 999;
        background: #d34836;
    }

        #loginBox.active {
            display: block;
        }

        #loginBox p {
            padding: 0px;
            margin: 12px 12px 0px 12px;
        }

    #loginForm {
        width: 248px;
    }

    .qubebut {
        float: left;
    }
}

@media screen and (min-width: 10em) and (max-width:47.9em) { /* 320px - 768px */
    body {
        padding-top: 55px;
    }

    h1 {
        font-size: 1.3em;
    }

    h2 {
        font-size: 1.1em;
    }

    .workforgodsake {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.0em;
    }

    .mobileOnly {
        display: block;
    }

    #main {
        width: 100%;
    }

    p.tools {
        float: left;
        clear: left;
    }

    div.articleBody p {
        font-size: 15px;
    }
    /*div.articleBody img { width: 100%; height: auto; } /*Stop this to fix the regions*/
    h1.articleTitle {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 1.4em;
    }

    div.articleBody h2 {
        font-size: 1em;
    }

    div.articleBody h3 {
        font-size: 0.9em;
    }

    div.halfWidth {
        width: 100%;
        margin-bottom: 20px;
    }

    div.marginRight, div.marginLeft {
        margin: 0px;
    }

    div.minus20 {
        margin-top: -10px;
    }

    #headerHolder {
        background-color: #323232;
        border-bottom: 3px solid #008828;
        width: 100%;
        position: fixed;
        top: 0px;
    }

    #menuSections {
        display: inline;
        float: right;
        margin: 10px 0px 0px 0px;
        background-color: #323232;
    }

        #menuSections p {
            padding: 0px;
            margin: 10px 25px 10px 15px;
            text-transform: uppercase;
        }

        #menuSections a {
            color: white;
            text-decoration: none;
        }

    #YourAccount {
        float: right;
        width: 10%;
        height: 100%;
        text-align: center;
        padding: 0px 8px;
    }

        #YourAccount p {
            padding: 0px;
            margin: 0px;
        }

    #searchBar {
        float: left;
        font-size: 0.85em;
        margin: 16px 0px 0px 10px;
        color: white;
        width: 30%;
    }

        #searchBar a {
            color: white;
        }

        #searchBar input.headersearch {
            width: 65%;
            height: 20px;
        }

        #searchBar input.buttonsearch {
            height: 26px;
        }

    #mobileSettings {
        display: block;
        height: 46px;
        padding-top: 10px;
        vertical-align: middle;
    }

    div.mobileHidden, span.mobileHidden {
        display: none;
    }

    #logoBar {
        float: left;
    }

    #subNav {
        border-top: none;
        border-bottom: none;
        margin-top: 0px;
        clear: left;
    }

    #mobileCustomer {
        clear: left;
    }

        #mobileCustomer p {
            background-color: white;
            margin: 0px;
            padding: 2.5%;
            border-bottom: 1px solid #1a1a1a;
            text-transform: uppercase;
            font-size: 0.7em;
        }

        #mobileCustomer a {
            width: 100%;
            display: block;
            color: #1a1a1a;
        }

    #ddlMenu {
        border-bottom: 1px solid #1a1a1a;
        font-size: 0.7em;
    }

        #ddlMenu li {
            float: left;
            width: 50%;
        }

        #ddlMenu ul li a {
            padding: 6px 10px;
            margin: 0px;
            line-height: normal;
        }

    .hide {
        display: none;
    }

    #catfishContent {
        padding: 0.1em 0em;
    }

    #catfishEditorImg {
        width: 12%;
    }

        #catfishEditorImg img {
            width: 100%;
            height: auto;
        }

    #catfishLayoutImg {
        display: none;
    }

    #catfishEditorMsg {
        margin: 0px 8px 0px 13%;
    }

        #catfishEditorMsg img {
            width: 32px;
            height: auto;
        }

        #catfishEditorMsg p {
            font-size: 0.8em;
            padding: 0px;
        }

        #catfishEditorMsg h2 {
            font-size: 1em;
        }

    .catfishHeader {
        margin: 6px 0px 0px 0px;
        float: left;
        font-size: 0.8em;
        background-color: #323232;
    }

    div.catfishOpen {
        background-color: #d34836;
        float: right;
        padding: 4px;
        margin: 2px -5px 2px 2px;
        font-size: 0.8em;
    }

    #hiddenClose {
        display: block;
    }

    #catfishImg {
        display: none;
    }

    #MessageBar {
        color: white;
        background-color: black;
        width: 100%;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        #MessageBar p {
            font-size: 0.8em;
        }

    p#MessageBarAlert {
        background-color: #ce2e41;
        height: auto;
        margin: auto 0px 0px 0px;
        padding: 8px 4px;
        text-align: center;
        float: left;
        width: 15%;
    }

    p#MessageBarMessage {
        height: auto;
        margin: 0px 0px 0px 3%;
        padding: 8px 0px;
        float: left;
        width: 78%;
    }

    .statbox {
        float: left;
        width: 100%;
    }

    #loginBox {
        display: none;
    }

        #loginBox.active {
            display: none;
        }

        #loginBox p {
            display: none;
        }

    #loginForm {
        display: none;
    }
}

@media screen and (min-width: 10em) and (max-width:30em) {
    .footerCol {
        width: 100%;
    }
}

@media screen and (max-width:555px) and (min-width:100px) {
    #searchBar {
        display: none;
    }

    #searchBarMobile {
        padding-top: 0px;
    }
}

/* MOST POPULAR STYLING */
ol.mostpop {
    margin: 0 0 5px 0;
}

li.mostpop {
    list-style-image: url(/images/bullet.gif);
    margin-left: -20px;
}

.mostpoptitle {
    text-indent: -10px;
    color: #1E1E1E;
    font-weight: 700;
}

/* POST STYLING  */
.sectiontitle {
    float: left;
}

.datelist {
    float: right;
    font-family: 'Droid Sans';
}

.linktitle {
    font-size: 1.0em;
    font-weight: 400;
    font-family: 'Droid Serif';
}

.titlelines {
    border-top: 1px solid #939597;
    border-bottom: 1px solid #939597;
    padding: 0;
}

h2.titlelines {
    padding: 0.5em 0em;
}

.sidetitlelines {
    border-top: 1px solid #939597;
    border-bottom: 1px solid #939597;
    padding: 10px 0;
}

.authortitle {
    color: #333333;
    font-size: 0.8em;
    margin: 0px 0 10px 0;
}

.split {
    border: none;
    border-top: dashed 1px #a7a9ac;
    color: #ffffff;
    background-color: #ffffff;
}

/* ABOUT SECTION START */
.contactbox {
    float: left;
    width: 40%;
    margin: 5px 10px 0 0;
}

.cookietitle {
    background-color: #1a1a1a;
    padding: 5px 5px;
    font-size: 1em;
    color: #f2f2f2;
}

.cookiecell {
    background-color: #f2f2f2;
    padding: 10px 10px;
    font-size: 0.875em;
    border: 1px solid #d1d3d4;
}

div.articleBody .browsebut p {
    font-weight: normal;
}

.widgetbut {
    background-color: #398ec4;
    color: #fff;
    min-width: 120px;
    text-align: center;
    padding: 7px 10px;
    float: left;
    margin: 0 0 10px 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#ddlMenu a:hover {
    text-decoration: none;
}

.catfishButton {
    float: left;
    margin: 0px;
    background-color: #39b54a;
    text-decoration: none;
}

    .catfishButton a, div.catfishOpen a {
        color: white;
    }

li {
    list-style-image: url(/images/bullet.gif);
    margin-left: -10px;
}

p.blueTag {
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 8px;
}

    p.blueTag a {
        color: #008828;
    }

    p.blueTag img {
        margin-bottom: -10px;
    }

.socialbut {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    font-size: 1.8em;
    text-align: center;
}

/* BUTTONS  */

.browsebut {
    background-color: #008828;
    color: #f2f2f2;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    min-width: 120px;
    float: right;
}

    .browsebut p {
        margin: 0px;
        padding: 0px;
        line-height: 0px;
        font-weight: normal;
    }

    .browsebut:hover {
        background-color: #00661e !important;
    }

.gobut {
    background-color: #008828;
    color: #f2f2f2;
    min-width: 70px;
    text-align: center;
    padding: 7px 10px;
    float: right;
    margin: 10px;
    font-size: 0.9em;
}

    .gobut p {
        margin: 0px;
        padding: 0px;
        line-height: 0px;
        font-weight: normal;
    }

    .gobut:hover {
        background-color: #00661e !important;
    }

.minibut {
    background-color: #008828;
    color: #f2f2f2;
    min-width: 70px;
    text-align: center;
    padding: 7px 10px;
    float: left;
    margin: 10px 0px;
    font-size: 0.8em;
}

    .minibut:hover {
        background-color: #00661e !important;
    }

.addtobut {
    background-color: #e74c3c;
    color: #f2f2f2;
    min-width: 70px;
    text-align: center;
    padding: 10px 15px;
    margin: 35px 0px 10px 0px;
    font-size: 1.2em;
    -webkit-appearance: none;
}

.checkbut {
    background-color: #e74c3c;
    color: #f2f2f2;
    min-width: 70px;
    text-align: center;
    padding: 7px 10px;
    float: right;
    margin: 35px 0px 10px 0px;
    font-size: 1.2em;
}

    .gobut a, .browsebut a, .checkbut a, .addtobut a, .qubebut a {
        color: #f2f2f2;
        text-decoration: none;
    }

/* BUTTON ROLLOVERS */
.catfishButton:hover {
    background-color: #62d36c !important;
}

div.catfishOpen:hover {
    background-color: #62d36c !important;
}

.facebook {
    width: 30px;
    height: 30px;
    background-color: #3B5998;
    text-align: center;
    float: left;
    margin: 0.5em 0.2em 0 0.2em;
}

.twitter {
    width: 30px;
    height: 30px;
    background-color: #55ACEE;
    text-align: center;
    float: left;
    margin: 0.5em 0.2em 0 0.2em;
}

.googleplus {
    width: 30px;
    height: 30px;
    background-color: #dd4b39;
    text-align: center;
    float: left;
    margin: 0.5em 0.2em 0 0.2em;
}

.facebook:hover {
    background-color: #4187aa;
    color: #ABCD86 !important;
}

.twitter:hover {
    background-color: #4187aa;
    color: #ABCD86 !important;
}

.googleplus:hover {
    background-color: #4187aa;
    color: #ABCD86 !important;
}

/*NEWSLETTER LISTING PAGE*/
#pnlNewsletterListing * {
    box-sizing: border-box;
}

#pnlNewsletterListing {
    width: 100%;
    background: url('/images/newsletter-background-alt.jpg') no-repeat;
    background-size: cover;
    margin-bottom: 1em;
    box-sizing: border-box;
    position: relative;
}

    #pnlNewsletterListing img {
        border: none !important;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0 !important;
        max-width: 50%;
        margin-left: 1em;
    }

    #pnlNewsletterListing .text-holder {
        width: 50%;
        padding: 1em;
        color: #f2f2f2;
    }

        #pnlNewsletterListing .text-holder h2 {
            margin-top: 0;
            font-weight: bold;
            text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
        }

        #pnlNewsletterListing .text-holder p {
            text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
        }

    #pnlNewsletterListing input {
        padding: 4px;
        width: 100%;
        height: 32px;
    }

    #pnlNewsletterListing .input-grid {
        width: 100%;
    }

    #pnlNewsletterListing .input-grid__row {
        width: 100%;
    }

    #pnlNewsletterListing .input-grid__cell-1 {
        width: 33%;
        float: left;
        padding: 1%;
    }

    #pnlNewsletterListing .input-grid__cell-2 {
        width: 66%;
        float: left;
        padding: 1%;
    }

    #pnlNewsletterListing a {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        padding: 6px;
        width: 100%;
        height: 32px;
        background-color: #008828;
        border: none;
        color: #f2f2f2;
        font-weight: bold;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
        font-size: 1em;
        text-decoration: none;
    }

        #pnlNewsletterListing a:hover {
            background-color: #00661e !important;
        }

@media screen and (max-width: 1290px) {
    #pnlNewsletterListing img {
        display: none;
    }

    #pnlNewsletterListing .text-holder {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    #pnlNewsletterListing .input-grid__cell-1 {
        width: 50%;
    }

    #pnlNewsletterListing .input-grid__cell-2 {
        width: 100%;
    }
}

/*NEWSLETTER PS*/
#pnlNewsletterSignupPS * {
    box-sizing: border-box;
}

#pnlNewsletterSignupPS {
    width: 100%;
    padding: 1em;
    border-bottom: 3px solid #008828;
    margin-bottom: 1em;
    background: url('/images/newsletter-background-lines.jpg') repeat;
    position: relative;
    margin-top: 80px;
    box-sizing: border-box;
}

    #pnlNewsletterSignupPS input {
        padding: 6px;
        margin: 0;
        width: 100%;
    }

    #pnlNewsletterSignupPS p {
        margin-top: 0;
    }

    #pnlNewsletterSignupPS .newsletter-holder__input {
        float: left;
        width: 100%;
        padding-right: 150px;
        margin-right: -140px;
        max-width: 440px;
    }

    #pnlNewsletterSignupPS .newsletter-holder__button {
        float: left;
        width: 140px;
    }

    #pnlNewsletterSignupPS a {
        padding: 6px;
        background-color: #008828;
        color: #f2f2f2;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    #pnlNewsletterSignupPS .newsletter-holder__img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 300px;
    }

        #pnlNewsletterSignupPS .newsletter-holder__img p {
            left: 0;
            position: absolute;
            bottom: 0;
            line-height: 1em;
        }

        #pnlNewsletterSignupPS .newsletter-holder__img img {
            max-width: 200px;
            border: none;
            float: right;
            margin-left: 100px;
        }

    #pnlNewsletterSignupPS .newsletter-holder__form {
        width: 100%;
        padding-right: 300px;
        margin-right: 300px;
    }

@media screen and (max-width: 1024px) {
    #pnlNewsletterSignupPS {
        margin-top: 0;
    }

        #pnlNewsletterSignupPS .newsletter-holder__form {
            padding-right: 0;
            margin-right: 0;
        }

        #pnlNewsletterSignupPS .newsletter-holder__img {
            display: none;
        }
}


.ModelEsc {
    margin: 0 auto;
    width: 90%;
    background-color: #f2f2f2;
    -webkit-box-shadow: -2px 11px 50px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: -2px 11px 50px -5px rgba(0, 0, 0, 0.72);
    box-shadow: -2px 11px 50px -5px rgba(0, 0, 0, 0.72);
}

label.AFR {
    font-size: 12px;
    color: #a2a2a2;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.gdprHead {
    background-color: #008828;
    padding: 45px;
}

    .gdprHead h1 {
        color: #f2f2f2;
        font-size: 36px;
        padding-left: 100px;
        font-weight: 500;
    }

    .gdprHead .gdprHeadImage {
        height: 13%;
        width: 13%;
        margin-top: -42px;
        display: inline-block;
        float: right;
    }

.BlueHead {
    background-color: #008828;
    padding: 25px;
}

    .BlueHead h1 {
        color: #f2f2f2;
        font-size: 36px;
        padding-left: 125px;
        font-weight: 500;
    }

input[type=text].nsText {
    border: 1px solid #e3e3e3;
    margin: 5px;
    height: 35px;
    Font-Family: Droid Sans;
    font-weight: 700;
    Font-Size: 16px;
    color: #000;
    padding-left: 5px;
}


input[type=email].nsEmail {
    border: 1px solid #e3e3e3;
    margin: 5px;
    height: 35px;
    Font-Family: Droid Sans;
    font-weight: 700;
    Font-Size: 16px;
    color: #000;
    padding-left: 5px;
}

.inputPlace {
    width: 90%;
    float: left;
    margin-left: -5px;
}

.errorPlace {
    width: 5%;
    float: left;
    margin: 10px;
    color: red;
    padding-left: 5px;
}
/* Hide the checkbox */
[type="checkbox"].nsCheckBox:not(:checked),
[type="checkbox"].nsCheckBox:checked {
    position: absolute;
    left: -9999px;
}
    /* Prepare the label */
    [type="checkbox"].nsCheckBox:not(:checked) + label,
    [type="checkbox"].nsCheckBox:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }
        /* :before is for the box */
        [type="checkbox"].nsCheckBox:not(:checked) + label:before,
        [type="checkbox"].nsCheckBox:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0px;
            width: 16px;
            height: 16px;
            /* dim. of the box */
            border: 1px solid #aaa;
            background-color: #f2f2f2;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) /* slight inner shadow */;
        }
        /* Check symbol aspect */
        [type="checkbox"].nsCheckBox:not(:checked) + label:after,
        [type="checkbox"].nsCheckBox:checked + label:after {
            content: '✔';
            position: absolute;
            text-align: center;
            margin: 0 auto;
            left: 0;
            top: -1px;
            width: 16px;
            height: 17px;
            border: 1px solid #aaa;
            font-size: 14px;
            color: #f2f2f2;
            background-color: #39b54a;
            transition: all .2s;
            /* animation incoming :p */
        }
        /* if "not checked" */
        [type="checkbox"].nsCheckBox:not(:checked) + label:after {
            opacity: 0;
            /* invisible */
            background-color: #39b54a;
            transform: scale(0);
            /* scaled down to 0 */
        }
        /* If "checked" */
        [type="checkbox"].nsCheckBox:checked + label:after {
            opacity: 1;
            /* visible */
            transform: scale(1);
            /* scaled up to normal */
        }

label span {
    color: #008828;
    font-weight: 700;
    padding-top: 5px;
}

.TermsBox {
    width: 75%;
    margin: 10px auto 5px auto;
}

.termsText {
    margin: 5px auto;
    font-size: 12px;
    font-family: Droid sans;
    color: #4f4f4f;
    padding: 10px;
}

.BlueBoldHR {
    border: 0;
    border-top: 1px solid #8c8c8c;
    border-bottom: 3px solid #008828;
}

.extraSpacing {
    margin-top: 5px;
    padding: 10px 0 10px 150px !important;
}

.SocialMediaContainer {
    width: 36%;
    color: #004b8d;
    margin: 0 auto;
    background-color: #f2f2f2;
    display: flex;
    text-align: center;
    justify-content: space-around;
}

    .SocialMediaContainer #facebookHover a:visited {
        color: #3b5998 !important;
    }

    .SocialMediaContainer #facebookHover a:link {
        color: #3b5998 !important;
    }

    .SocialMediaContainer #twitterHover a:visited {
        color: #1da1f2 !important;
    }

    .SocialMediaContainer #twitterHover a:link {
        color: #1da1f2 !important;
    }

    .SocialMediaContainer #gPlusHover a:visited {
        color: #dd4b39 !important;
    }

    .SocialMediaContainer #gPlusHover a:link {
        color: #dd4b39 !important;
    }

    .SocialMediaContainer #linkedHover a:visited {
        color: #0077b5 !important;
    }

    .SocialMediaContainer #linkedHover a:link {
        color: #0077b5 !important;
    }

.floatLeft {
    float: left;
}

.SocialButtons {
    margin: 30px;
    margin-left:0;
}

.btnHompage a:link {
    margin: 0 auto;
    padding: 10px;
    background-color: #39b54a;
    color: #f2f2f2;
    font-weight: bold;
    display: inline-block;
    clear: both;
}

.btnHompage a:visited {
    margin: 0 auto;
    padding: 10px;
    background-color: #39b54a;
    color: #f2f2f2;
    font-weight: bold;
    display: inline-block;
    clear: both;
}

.buttonContainer {
    width: 17%;
    padding-bottom: 40px;
    color: #39b54a;
    margin: 0 auto;
    background-color: #f2f2f2;
    display: flex;
    text-align: center;
    justify-content: space-around;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .extraSpacing {
        padding: 10px 0 10px 100px !important;
    }

    .BlueHead h1 {
        padding-left: 75px;
    }
    .buttonContainer {
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width: 999px) {
    .extraSpacing {
        padding: 10px 0 10px 50px !important;
    }

    .BlueHead h1 {
        padding-left: 25px;
        font-size: 28px;
    }

    .SocialMediaContainer {
        width: 45%;
    }

    .buttonContainer {
        width: 100%;
    }
}

@media screen and (max-width: 766px) {
    .extraSpacing {
        padding: 10px 0 10px 30px !important;
    }

    .BlueHead h1 {
        padding-left: 5px;
        font-size: 28px;
    }

    .SocialMediaContainer {
        width: 60%;
    }

    .buttonContainer {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .SocialMediaContainer {
        width: 75%;
    }
}

@media screen and (max-width: 375px) {
    .SocialMediaContainer {
        width: 95%;
    }
}

.centerText {
    text-align: center;
}

.AddSpacing {
    padding: 10px;
}

.btnViewAll {
    margin: 8px 0;
    background-color: #008828;
    color: #f2f2f2;
    font-weight: bold;
    display: inline-block;
    clear: both;
}

    .btnViewAll:hover {
        background-color: #00661e;
    }

    .btnViewAll a:link {
        text-decoration: none;
        padding: 10px 14px;
        color: #f2f2f2;
        display: inline-block;
        height: 100%;
        width: 100%;
        clear: both;
    }

    .btnViewAll a:visited {
        text-decoration: none;
        padding: 10px 14px;
        color: #f2f2f2;
        display: inline-block;
        height: 100%;
        width: 100%;
        clear: both;
    }


div.articleBody h2.LookLikeP {
    font-family: 'Droid Sans',sans-serif;
    font-size: 1em;
    letter-spacing: -.01em;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: normal;
}

.dreamfood-catfish-holder {
    z-index: 500;
    background: url(/images/dreamfood-paywall-background.jpg) center top;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

    .dreamfood-catfish-holder * {
        box-sizing: border-box;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-body {
        display: none;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-header {
        padding: 0 1em;
        display: flex;
        height: 60px;
        color: #f2f2f2;
    }

        .dreamfood-catfish-holder .dreamfood-catfish-header img {
            margin-right: 1em;
            height: 30px;
            margin-top: 12px;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-header span.desktop {
            font-size: 1.6em;
            font-weight: 700;
            line-height: 60px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            white-space: nowrap;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-header span.mobile {
            display: none;
            font-size: 1.6em;
            font-weight: 700;
            line-height: 60px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
            white-space: nowrap;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-header .dreamfood-expand-close {
            display: table;
            text-align: center;
            flex-shrink: 0;
            vertical-align: middle;
            height: 60px;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-header .dreamfood-expand-close .dreamfood-expand-close-button {
                background-color: red;
                vertical-align: middle;
                padding: 8px;
                width: 110px;
                cursor: pointer;
                font-weight: 700;
                margin-top: 13px;
            }

                .dreamfood-catfish-holder .dreamfood-catfish-header .dreamfood-expand-close .dreamfood-expand-close-button i {
                    margin-left: 0.5em;
                }

    .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner {
        display: flex;
    }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-title {
            font-size: 1.2em;
            font-weight: 700;
            margin: 0;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-list {
            line-height: 26px;
            list-style: none;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-list li {
                list-style-image: none;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-takeatrial {
            margin-top: 1em;
            padding: 1em;
            border-radius: 8px;
            background-color: #2A6EAA;
            color: #f2f2f2;
            display: block;
            float: left;
            font-weight: bold;
            text-shadow: none;
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
        }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-takeatrial:hover {
                background-color: #1F507A;
                text-decoration: none;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-existing-login {
            margin: 0.6em 0;
            display: block;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-existing-login:hover {
                color: #f2f2f2;
                cursor: pointer;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-image {
            position: absolute;
            bottom: 0;
            right: 0;
            height: 100%;
            max-height: 250px;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-price {
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0 3em 3em 0;
            background-color: #338F8C;
            color: #f2f2f2;
            width: 80px;
            height: 80px;
            text-align: center;
            display: table;
            vertical-align: middle;
            border-radius: 50px;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-price p {
                font-weight: 700;
                font-size: 1em;
                display: table-cell;
                vertical-align: middle;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-text {
            vertical-align: middle;
            background: -moz-linear-gradient(left, #338f8c 0%, #338f8c 40%, rgba(51, 143, 140, 0) 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #338f8c 0%, #338f8c 40%, rgba(51, 143, 140, 0) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #338f8c 0%, #338f8c 40%, rgba(51, 143, 140, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#338f8c', endColorstr='#00338f8c', GradientType=1);
            /* IE6-9 */
            color: #f2f2f2;
            padding: .8em;
            font-size: 1.2em;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-text p {
                margin: 0;
                max-width: 260px;
            }

            .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-report-text .dreamfood-catfish-report-text-header {
                font-weight: bold;
                margin-bottom: 10px;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-left {
            padding: 1em;
            color: #f2f2f2;
            width: 50%;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-right {
            width: 50%;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 0.6em 1em;
        }

    .dreamfood-catfish-holder .dreamfood-catfish-login {
        padding: 1em;
        display: none;
    }

        .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-login-inner {
            display: flex;
            justify-content: space-between;
        }

        .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-login-button {
            margin-top: 1em;
            padding: 0.6em 1em;
            border-radius: 8px;
            background-color: #2A6EAA;
            color: #f2f2f2;
            display: block;
            float: left;
            font-weight: bold;
            text-shadow: none;
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.4);
            border: none;
            cursor: pointer;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-login-button:hover {
                background-color: #1F507A;
                text-decoration: none;
            }

        .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-forgot-password {
            margin: 0;
            padding: 0;
        }

            .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-forgot-password a {
                font-size: 0.7em;
                color: #f2f2f2;
                margin: 0;
                padding: 0;
            }

    .dreamfood-catfish-holder .flex-spacer {
        width: 99%;
    }

@media screen and (max-width:1064px) {
    .dreamfood-catfish-holder .dreamfood-catfish-header span.desktop {
        font-size: 1em;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-left {
        width: 100%;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-right {
        display: none;
    }
}

@media screen and (max-width:460px) {
    .dreamfood-catfish-holder .dreamfood-catfish-header span.desktop {
        display: none;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-header span.mobile {
        display: block;
        font-size: 0.8em;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-left {
        width: 100%;
    }

    .dreamfood-catfish-holder .dreamfood-catfish-body .dreamfood-catfish-body-inner .dreamfood-catfish-body-right {
        display: none;
    }

    .hideOnMobile{
        display:none!important;
    }
}

.clean-slide-holder {
    position: relative;
    width: 48%;
}

.clean-slide {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1c918a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 130px;
    transition: all 0.3s ease-in-out;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

    .clean-slide.top {
        border-radius: 3px 3px 0 0;
        border-bottom: 1px solid #828282;
        margin-bottom: 0;
    }

    .clean-slide.middle {
        border-radius: 0;
        border-bottom: 1px solid #828282;
        margin-bottom: 0;
    }

    .clean-slide.bottom {
        border-radius: 0 0 3px 3px;
    }

    .clean-slide + label {
        display: inline-block;
        position: absolute;
        top: 3px;
        left: 0;
        padding: 13px 15px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: #828282;
        text-align: left;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: solid 1px;
        overflow: hidden;
        width: 130px;
        line-height: 8px;
    }

    .clean-slide.error + label {
        color: red;
    }

.panel-errors {
    color: red;
    margin-bottom: 1em;
    font-weight: 700;
}

    .panel-errors p {
        margin: 0;
    }

@media screen and (max-width:1200px) {
    .dreamfood-catfish-holder .dreamfood-catfish-login .dreamfood-catfish-login-inner {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .clean-slide-holder {
        width: 100%;
    }

    .clean-slide {
        margin-bottom: 1em;
    }
}

.foodImage {
    height: 15px;
    width: auto;
    vertical-align: middle;
    margin-top: -3px;
    padding-right: 5px;
}

.reportBox {
    width: 95% !important;
    background-color: #dee0e3;
    padding: 5px 20px 20px 20px;
    margin-bottom: 10px;
    border: 1px solid #323232;
    margin-left: 4px;
}

.reportBoxP {
    text-align: left;
   
}

.reportBoxH2 {
    text-align: left;

}


/* CATFISH BANNER */

#catfishHolder-updated-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  z-index: 2000;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#catfishHolder-updated-footer #catfishContainer {
  max-width: 1368px;
  margin-left: auto;
  margin-right: auto;
}
#catfishHolder-updated-footer #catfishTitleArea {
  padding: 0.5em 1em;
  background-color: #008828;
  box-shadow: 0px -3px 25px #888;
  color: #DEDEDE;
  cursor:pointer;
}
#catfishHolder-updated-footer #catfishTitleArea .catfishHeader {
  margin: 4px 0px 0px 0px;
  float: left;
  font-size: 1.6em;
  background-color: #008828;
}
#catfishHolder-updated-footer #catfishContent {
  display: none;
  background: url('/images/catfish-background.png') no-repeat;
  background-size: cover;
  background-color: #ffffff;
  padding: 1em 0em;
  width: 100%;
  border-top: 1px solid #888;
}
#catfishHolder-updated-footer #catfishEditorImg {
  float: left;
  width: 176px;
}
#catfishHolder-updated-footer #catfishLayoutImg {
  float: right;
  width: 500px;
  margin-right: 80px;
  margin-left: -70px;
  margin-top: -50px;
}
#catfishHolder-updated-footer #catfishLayoutImg img {
  max-width: 500px;
  height: auto;
}
#catfishHolder-updated-footer #catfishQuoteHolder {
  background: url('/images/pullquote.svg') no-repeat;
  background-size: 6em;
  padding-top: 0.5em;
  padding-left: 4.5em;
  margin-top: -40px;
}
#catfishHolder-updated-footer #catfishQuoteHolder #catfishQuoteHeader {
  color: #008828;
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom: 0;
}
#catfishHolder-updated-footer #catfishQuoteHolder #catfishQuoteAuthor {
  margin-bottom: 0;
}
#catfishHolder-updated-footer #catfishEditorMsg {
  margin: 0px 400px 0px 20px;
}
#catfishHolder-updated-footer #catfishEditorMsg p {
  font-size: 1em;
}
#catfishHolder-updated-footer #catfishEditorMsg .messageFromEditor {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#catfishHolder-updated-footer #catfishEditorIcon {
  vertical-align: middle;
  margin-right: 1em;
  max-width: 74px;
  width: 100%;
}
#catfishHolder-updated-footer #catfishEditorSig {
  vertical-align: middle;
}
#catfishHolder-updated-footer .catfishButton {
  float: left;
  clear: left;
  margin: 0px;
  background-color: #d34836;
  text-decoration: none;
}
#catfishHolder-updated-footer .catfishSmallText {
  font-size: 0.8em;
  clear: left;
  padding-top: 1em;
}
#catfishHolder-updated-footer div.catfishOpen {
  background-color: #d34836;
  float: right;
  padding: 6px;
  margin: 5px;
  font-size: 1.2em;
}
#catfishHolder-updated-footer div.catfishClose {
  display: none;
  float: right;
  font-size: 2.6em;
}
#catfishHolder-updated-footer div.catfishClose .fa {
  color: #d34836;
  border-radius: 50%;
  background-color: white;
  line-height: 2rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #catfishHolder-updated-footer #catfishLayoutImg {
    float: right;
    width: 400px;
    margin-right: 40px;
    margin-left: -70px;
    margin-top: -40px;
  }
  #catfishHolder-updated-footer #catfishLayoutImg img {
    max-width: 400px;
    height: auto;
  }
}
@media screen and (min-width: 10em) and (max-width: 47.9em) {
    #catfishHolder-updated-footer #catfishTitleArea .catfishHeader {
  font-size: 1.4em;
}
   #catfishHolder-updated-footer #catfishEditorMsg {
    margin: 0px 15px;
  }
   #catfishHolder-updated-footer #catfishEditorMsg .messageFromEditor {
    font-size: 1.2em;
  }
  #catfishHolder-updated-footer #catfishEditorSig {
    max-width: 60px;
    width: 100%;
    height: auto;
  }
  #catfishHolder-updated-footer .catfishSmallText {
    margin-bottom: 0;
  }
}