/* 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;
}

.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: #F79521;
        }

#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: #1a1a1a;
    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: #1a1a1a;
}

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: #1a1a1a;
}

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

    #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: #F79521;
        text-decoration: none;
        cursor: pointer;
    }

.SmallText {
    font-size: 0.5em;
}

/* MENU START */
#ddlMenu {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    overflow: visible;
    background: #333333;
    border-bottom: 2px solid #EF7726;
    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: 2px solid #EF7726;
        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: #333333;
        color: #f2f2f2;
        padding: 0 15px;
    }

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

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

    #ddlMenu ul ul a {
        background: #333333;
        color: #f2f2f2;
        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: #EF7726;
        color: #f2f2f2;
    }

    #ddlMenu ul li:hover > a, #ddlMenu ul li.active > a {
        background: #EF7726;
        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 #EF7726;
    }

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

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

    #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: #ef7726;
    color: #ffffff;
    border: 1px solid #ef7726;
}

.mobileOnly {
    display: none;
}

#mobileSettings {
    display: none;
}

#YourAccount {
    color: #f2f2f2;
    background-color: #D65326;
    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/own-product-cover.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: #D65326;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #D65326;
    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: #f2f2f2;
    box-shadow: 0px -3px 25px #888;
}

#catfishContent {
    display: none;
    background-color: white;
    padding: 1em 0em;
    width: 100%;
    border-top: 1px solid #888;
    box-shadow: -3px 0px 25px #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: #39b54a;
    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: 13px 30px;
    float: left;
}

p#MessageBarInfo {
    background-color: #39b54a;
    height: auto;
    margin: 0px;
    padding: 13px 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;
    }

ol {
    list-style-image: none;
    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;
}

.CopyCatcherContent {
    background-color: white;
    padding: 5px 10px;
    width: 700px;
    max-width: 720px;
    border-top: 1px solid #888;
    box-shadow: 0px -7px 20px 0px #888;
    position: fixed;
}

#close {
    top: -10px;
    right: -10px;
    cursor: pointer;
    position: absolute;
    color: red;
    background: white;
    border-radius: 100%;
}

    #close .fa-lg {
        vertical-align: -10%;
    }

.TextContent {
    background-color: white;
    width: 350px;
    margin-right: 30px;
    float: left;
    font-family: 'Droid Sans';

}

.TextContent h3{
    font-family: 'Droid Sans';
}

.CopyCatchTitle {
    padding: 0.5em 1em;
    background-color: #f2f2f2;
    position: relative;
}

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

.CopyCatchModal {
    display: none;
    position: fixed;
    z-index: 1000;
    margin: 0 auto;
    top: 25%;
    left: 20%;
    width: 720px;
    background-color: white;
    box-shadow: -3px 0px 25px #888;
}

@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: #F79521;
    }

        #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; }*/
    p.tools {
        float: left;
        clear: left;
    }

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

    #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;
    }
}

@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;
    }

    .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: #F79521;
    }

        #loginBox.active {
            display: block;
        }

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

    #loginForm {
        width: 248px;
    }

    .qubebut {
        float: left;
    }

    .CopyCatcherContent {
        background-color: white;
        padding: 5px 10px;
        width: 350px;
        max-width: 370px;
        border-top: 1px solid #888;
        box-shadow: 0px -7px 20px 0px #888;
        position: relative;
    }

    .TextContent {
        background-color: white;
        width: 350px;
        float: left;
    }

    .CopyCatchTitle {
        padding: 0.5em 1em;
        background-color: #f2f2f2;
        position: relative;
    }

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

    .CopyCatchModal {
        display: none;
        position: absolute;
        z-index: 1000;
        margin: 0 auto;
        top: 25%;
        left: 10%;
        width: 370px;
        background-color: white;
        box-shadow: -3px 0px 25px #888;
    }

    .imageContent {
        display: none;
    }
}

@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; }*/
    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: #1a1a1a;
        border-bottom: 3px solid #ef7726;
        width: 100%;
        position: fixed;
        top: 0px;
        z-index: 5;
    }

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

        #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;
    }

    #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;
    }

    div.catfishOpen {
        background-color: #39b54a;
        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;
    }

    .CopyCatcherContent {
        background-color: white;
        padding: 5px 10px;
        width: 350px;
        max-width: 370px;
        border-top: 1px solid #888;
        box-shadow: 0px -7px 20px 0px #888;
        position: relative;
    }

    .TextContent {
        background-color: white;
        width: 350px;
        float: left;
    }

    .CopyCatchTitle {
        padding: 0.5em 1em;
        background-color: #f2f2f2;
        position: relative;
    }

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

    .CopyCatchModal {
        display: none;
        position: absolute;
        z-index: 1000;
        margin: 0 auto;
        top: 25%;
        left: 10%;
        width: 370px;
        background-color: white;
        box-shadow: -3px 0px 25px #888;
    }

    .imageContent {
        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: #d65326;
    }

    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: #F79521;
    color: #fff;
    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;
    }

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

.qubebut {
    background-color: #39b54a;
    color: #fff;
    min-width: 70px;
    text-align: center;
    float: right;
    margin: 30px 20px 0 0;
    font-size: 1.5em;
    padding: 15px 15px;
    cursor: pointer;
}

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

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

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

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

.qube-menu-item-trial {
    border: solid 1px #f2f2f2;
    background-color: #39b54a;
    text-align: center;
}

.qube-menu-item {
    border: solid 1px #f2f2f2;
    background-color: #386789;
    text-align: center;
}

.qube-menu-item-selected {
    border: solid 1px #f2f2f2;
    background-color: #1a1a1a;
    text-align: center;
}

/* BUTTON ROLLOVERS */
.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: #FBB041;
    color: #F2F2F2 !important;
}

.twitter:hover {
    background-color: #FBB041;
    color: #F2F2F2 !important;
}

.googleplus:hover {
    background-color: #FBB041;
    color: #F2F2F2 !important;
}

.qube-menu-item:hover {
    background-color: #1a1a1a !important;
}

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

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

.qubebut:hover {
    background-color: #3e9b3e !important;
}

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

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


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

#pnlNewsletterSignupPS {
    width: 100%;
    padding: 1em;
    border-bottom: 3px solid #ef7726;
    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: #ef7726;
        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: #D65326;
  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: #D65326;
  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: #D65326;
  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 #D65326;
}
.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: #D65326;
  color: #f2f2f2;
  font-weight: bold;
  display: inline-block;
  clear: both;
}
.btnViewAll:hover {
  background-color: #EF7726;
}
.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;
}


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

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

.magazineFooter {
    height: 30px;
    background-color: #D65326;
    text-align: center;
    float: left;
    margin: 0.5em 0.2em 0 0.2em;
    padding:0px 10px;
    line-height:31px;
}

.magazineFooter a{
    color:#f2f2f2 !important;
}

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;
}