/* Common styles */

* {
    padding: 0;
    margin: 0;
}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
    margin: 0 0 1em;
}

ul {
    margin-left: 2em;
}

ol {
    padding-left: 2em;
    display: -moz-inline-block;
    display: inline-block;
}

ol {
    margin-bottom: 0em;
}

ol li {
    margin-bottom: .35em;
}

body {
    color: #000;
    text-align: center;
    background-color: #FFF;
    -webkit-text-size-adjust: none;
}

head, body, ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

.cb, .clear {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}
.clearfix {
    display: block;
}
.hidden {
    visibility:hidden;
}
.nobr { white-space:nowrap 
}
.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after {
    line-height: 0;
}

/* Tables - table, tr, th, td*/
th, td {
    padding: 2px;
    font-size: 69%; /* for IE 5.x */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: 100%; /* for compliant browsers */
}

th {
    vertical-align: bottom;
}

td {
    vertical-align: top;
}

/* Lists - ol, ul, li, dl, dt, dd*/
li {
    line-height: 1.2em;
    margin-bottom: .2em;
}


/* Forms - form, fieldset, legend, input, textarea*/
fieldset {
    padding: .7em .7em;
}

legend {
    padding: 0 .3em;
    font-weight: bold;
}

/* Links - a, a:hover*/
a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

/* Headers - h1, h2, h3, h4, h5, h6*/
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 100%;
    margin-bottom: .5em;
}

h1 {
    font-size: 208%;
    margin: .25em 0 .75em;
}

h2 {
    font-size: 135%;
    margin: 1em 0 1em;
}

h3 {
    font-size: 125%;
    margin: 0 0 .75em;
}

h4 {
    font-size: 100%;
    margin: 0;
    color: #999;
    margin: 0 0 .75em;
}

h5 {
    font-size: 90%;
}

h6 {
    font-size: 80%;
}
b, strong {
    font-weight: bold;
}

i, em {
    font-style: oblique;
}

input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 1px 2px;
}

img {
    border: 0;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.b {
    font-weight: bold;
}

.serif {
    font-family: Georgia, Times Roman, Serif;
}

.nobold, .nob {
    font-weight: normal;
}

.i, .italic {
    font-style: italic;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.posA {
    position: absolute;
}

.posR {
    position: relative;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.m20 {
    margin: 20px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.z0 {
    z-index: 0;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.ttC {
    text-transform: capitalize;
}

.ttU {
    text-transform: uppercase;
}

.ttL {
    text-transform: lowercase;
}
/***** BEGIN Checkbox CSS *****/

.checkbox {
    text-align: center;
}

/*label*/
.checkbox label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

/*checkbox*/
.checkbox label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label.voteBig::before {
    margin-top: 10px;
}

.checkbox label.voteBig.voteButtonNotSelected.voteNoVoteCast::before {
    margin-top: 15px;
}

.checkbox label.voteBig.voteButtonSelected::before {
    margin-top: 10px;
}
/*checkmark*/
.checkbox label::after {
    display: block;
    width: 20px;
    height: 20px;
    margin: -54px 0 0 44px;
    font-size: 16px;
    color: #555555;
}

.win .checkbox label::after,
.ff .checkbox label::after {
    margin: -51px 0 0 44px;
}

.chrome .checkbox label::after {
    margin: -49px 0 0 44px;
}

.checkbox input[type="checkbox"]:checked + label::after {
    content: '\2714';
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    display: none;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #F50109;
    border-color: #F50109;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
/***** END Checkbox CSS *****/
.LargeFont {
    font-size:120%;
}
.XLargeFont {
    font-size: 150%;
}
.DarkMode {
    background-color:black;
}

.boxFrame {
    /*background-color: #fff;*/
    border: 0px solid #ddd;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    z-index: +1;
}
.boxFrameLeft {
    text-align: left;
    padding: 10px 7px;
}
.boxFrameLeft h2.heading {
    text-align: left;
}
.boxFrame h2.heading, .boxFrame h2.highlight {
    text-transform: uppercase;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-size: 21px;
    margin: 0 0 17px 0;
    padding: 19px 0 0 0;
    color: #333;
    top: 19px;
    clear: both;
    text-align: center;
    background: none;
}
.boxFrameLeft h2.heading {
    text-align: left;
}
.bounds {
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
}
#mainCol {
    width: 665px;
    text-align: left;
    float: left;
    position: relative;
    z-index: +1;
    margin-left: 10px;
    background-color:white;
}
#sideCol {
    width: 300px;
    float: right;
    position: relative;
    margin: 0 10px 0 5px;
    z-index: 10;
}
.bullet, .bulletseperator {
    color: #999;
    line-height: normal;
}
.bulletseperator {
    margin: 0 4px 0 6px;
}
.Circle {
    border-radius: 50%;
}
div.stickyhomeright {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 143px;
}
.vertical-bar {
    width: 1px; 
    height: 100px; 
    background-color: black; 
    margin: 0 auto; 
}
/* End common styles */

/* Video Player CSS */

div#VideoPlayerHolder:not(.ignore) center iframe {
    width: 100% !important;
}

div#VideoPlayerHolder:not(.ignore) iframe {
    width: 100% !important;
}

div#VideoPlayerHolder:not(.ignore) div {
    width: 100% !important;
}

div#VideoPlayerHolder:not(.ignore) center div {
    width: 100% !important;
}

div#VideoPlayerHolder:not(.ignore) > * {
    width: 100% !important;
}

div#VideoPlayerHolder:not(.ignore) center div div {
    padding: 0 !important;
}

/* Media queries for different width pages */

@media screen and (min-width: 1325px) { /* Extra Wide (Desktop) */
    .AI #bodywrapper {
        width: 1325px;
        margin: 0 auto;
    }
    #bodywrapper {
        width: 1000px;
        margin: 0 auto;
    }
    .gridHolder {
        width:1000px;
    }
    .AI .gridHolder {
        float: left;
    }
    .AI #divAIWrapper {
        display: block;
    }
    #HomePageRightRail {
        display:block !important;
    }
}
@media screen and (min-width: 1006px) and (max-width: 1324px) { /* Wider (Desktop) */
    #bodywrapper {
        width: 1000px;
        margin: 0 auto;
    }
    .gridHolder {
        width: 1000px;
    }
}
@media screen and (min-width: 1006px) { /* Wide (Desktop) */
    .Footer {
        width: 100%;
        height: auto;
        background-color: #333333;
        color: #FFF;
    }

    .FooterContent {
        width: 975px;
        overflow: auto;
        margin: 0 auto;
        font-family: 'Roboto', sans-serif;
    }

    .FooterBot.FooterSitemap {
        display: block !important;
    }

    #divGetNewserApps,
    #divInstallNewserApp {
        width: 860px;
    }

    #divStoryColumn,
    #divArticleColumn {
        width: 654px;
        float: left;
    }

    #HeaderDesktop {
        display: block;
    }

    .DarkMode .NavTallStyle .headerAd {
        background-color: black;
    }

    #FooterDesktop {
        display: block;
    }

    .HideDesktop, #HeaderMobile {
        display: none;
    }

    .gridHolder {
        margin: 0 auto;
    }

    .gridCol {
        margin-left: 15px;
    }

    .square img {
        width: 240px !important;
        position: absolute;
    }
    .square img.thumbImg {
        width: 110px !important;
        position: absolute;
    }

    .BehindGridSquare {
        position: absolute;
        z-index: 20;
        top: 0;
        left: 0;
    }

    .borderGrid {
        width: 236px !important;
        height: 156px !important;
    }

    #GridBox .square {
        width: 240px !important;
        height: 160px !important;
    }

    #GridBox .square.listViewThumbnailSquare {
        width: 240px !important;
        height: 160px !important;
    }

    #GridBox .square.listViewGridSquare {
        width: 240px !important;
        height: 80px !important;
    }

    #GridBox .square.listViewGridSquareBig {
        width: 240px !important;
        height: 160px !important;
    }

    .listViewGrid {
        font-size: 15px;
        font-weight: bold;
        padding: 16px 4px 0 4px;
        text-align: left;
        width: 232px;
        height: 144px;
    }
    .listViewGrid {
        width: 200px;
    }
    .listViewThumbnailSquare .listViewGrid {
        font-size: 15px;
        line-height: 16px;
        width: 120px;
    }
    .listViewThumbnailSquare a {
        text-decoration: none;
    }

    .bounds {
        margin: 0;
    }

    .divNColAdRepeating {
        display: none;
    }

    .divMColAdRepeating {
        display: none;
    }

    .divWColAdRepeating {
        display: block;
    }

    #divArticlePageContainer #divRightRail {
        width: 315px;
        float: left;
    }

    .HoverBorderYes {
        width: 238px !important;
        height: 158px !important;
    }

    .listViewThumbnailSquare .HoverBorderYes {
        width: 238px !important;
        height: 158px !important;
    }

    .listViewGridSquare .HoverBorderYes {
        width: 238px !important;
        height: 78px !important;
    }

    .listViewGridSquareBig .HoverBorderYes {
        width: 238px !important;
        height: 158px !important;
    }

    #carousel_StoryInSection2 {
        display: block;
    }

    #divStoryPageContainer {
        width: 100%;
        max-width: 1006px;
        text-align: left;
    }

    #divStoryColumn {
        float: left;
    }

    #divRightRail {
        float: left;
        margin-left: 25px;
        height: 100%;
    }

    #divRightRailContent {
        width: 315px;
    }

    #divRightRailClear {
        display: none;
    }

    #divLowerRightRailAd {
        position: sticky;
        top: 155px;
    }

    #divArticlePageContainer {
        width: 1006px;
    }

    #DivBreakingStory {
        margin: 0 6px 10px 16px !important;
    }

        #DivBreakingStory .BreakingStoryTitle {
            float: left !important;
        }

        #DivBreakingStory .BreakingStoryLink {
            float: left !important;
        }

    #InterrupterMain {
        margin: 0 6px 0 16px !important;
    }

    #spanPWAIPTextNM {
        display: none !important;
    }

    #spanPWAIPTextW {
        display: block !important;
    }

    #divPWAIPMain {
        width: 540px;
    }

    #divPWAIPText {
        float: left;
        padding: 14px 10px 0 10px;
    }

    #GridPaginationPanel {
        width: 938px !important;
    }
    #GridAIPanel {
        width: 978px !important;
    }

    .divPaginationPanelHeadingSectionLine {
        width: 852px;
    }

    .divPaginationPanelLinks li {
        width: 134px;
    }

    .TodaysMostPopularImageBig {
        height: 200px;
    }

    .TodaysMostPopularCounterLi.Big {
        height: 100px;
    }

    .Big .TodaysMostPopularCounterText {
        height: 100px;
        font-size: 20px;
    }

    .Big .TodaysMostPopularCounterTextLink {
        line-height: 24px;
        padding-left: 15px;
    }

    .Big .TodaysMostPopularCounter {
        font-size: 52px;
        line-height: 100px;
    }

    .TodaysMostPopularCounterLi.Small {
        display: none;
    }
}

@media screen and (min-width: 700px) and (max-width: 1005px) { /* Medium (Tablet) */
    #bodywrapper {
        width: unset !important;
    }

    #divStoryColumn,
    #divArticleColumn {
        width: 654px;
        float: none;
        display: inline-block;
    }

    .gridHolder {
        text-align: center;
    }

    .gridCol {
        width: 652px;
        display: inline-block;
    }

    .bounds {
        margin: 0 70px !important;
    }

    .divNColAdRepeating {
        display: none;
    }

    .divMColAdRepeating {
        display: block;
        margin-left: 10px;
    }

        .divMColAdRepeating .posR {
            display: inline-block;
        }

        .divMColAdRepeating .fl {
            margin-bottom: 5px;
        }

    .divWColAdRepeating {
        display: none;
    }

    #divNewsletterBody {
        text-align: left;
    }

    #divStoryTop, #divStoryNavControlsTop, #divStoryBottom, #divCommentsContainer {
        display: none;
    }

    #divStoryPageContainer {
        margin-left: 10px;
        text-align: center;
    }

    #divStoryColumn {
        float: none;
        display: inline-block;
        text-align: left;
    }

    #divRightRail {
        width: 100%;
        float: none;
        margin-top: 30px;
        margin-left: 0;
        text-align: center;
    }

    #divRightRailContent {
        display: inline-block;
        width: 315px;
        margin-top: 30px;
    }

    #divShowResults, #divUserErrorReport {
        font-size: 100%;
    }

    .chrome .checkbox label::after {
        margin: -49px 0 0 44px !important;
    }

    .WhatsNewBlock {
        text-align: center !important;
    }

    .WhatsNewSubtitle {
        padding: 0 20px;
    }

    .WhatsNewLabel {
        width: 100% !important;
        display: inline-block !important;
        margin-bottom: 10px !important;
        font-size: 16px !important;
    }

    .WhatsNewDescription {
        width: 100% !important;
        display: inline-block !important;
        width: 250px !important;
        padding: 0 0 !important;
        font-size: 16px !important;
        line-height: 19px !important;
        margin-bottom: 20px !important;
    }

    .WhatsNewImageBoxContainer {
        width: 100%;
    }

    .WhatsNewImageBox {
        display: inline-block !important;
        margin-left: 0px !important;
    }

    #WhatsNewSubtitle {
        margin: 0 20px;
    }

    #GridPaginationPanel, #GridAIPanel {
        width: 606px !important;
    }

    .divPaginationPanelHeadingSectionLine {
        width: 520px;
    }

    .divPaginationPanelLinks li {
        width: 151px;
    }
    #GridAIPanel {
        height: 615px !important;
    }
    #divAIWrapperGrid {
        width:606px !important;
    }
    .AIGridItem {
        margin: 10px 27px !important;
    }
    #divAITitleGridGroup {
        padding-left:35px !important;
    }
}

@media screen and (max-width: 699px) { /* Narrow (Mobile) */
    body {
        font: 100%/1.4em Arial, Tahoma, Verdana, Helvetica, sans-serif;
    }

    #bodywrapper {
        width: unset !important;
    }

    .gridHolder {
        text-align: center;
    }

    .gridCol {
        display: inline-block;
    }

    .bounds {
        margin: 0 10px !important;
    }

    #GridBox .square {
        float: none !important;
        display: inline-block !important;
    }

    .divNColAdRepeating {
        display: inline-block;
    }

    .divMColAdRepeating {
        display: none;
    }

    .divWColAdRepeating {
        display: none;
    }

    #divSubSignupEmail {
        width: 274px !important;
    }

        #divSubSignupEmail #TextBoxEmail {
            width: 185px !important;
        }

    #divSuggestAStory #TextBoxLink, #divSuggestAStory #TextBoxComments {
        width: 200px !important;
    }

    #divNewsletterBody {
        width: 95%;
        text-align: left;
    }

    .hoveryes, .hoverno {
        width: 320px !important;
        height: 213px !important;
    }

    #divStoryTop, #divStoryNavControlsTop, #divStoryBottom, #divCommentsContainer {
        display: none !important;
    }

    #divStoryPageContainer {
        text-align: center;
        margin-top:10px !important;
    }

    #divStoryColumn {
        float: none;
        display: inline-block;
        text-align: left;
    }

    #divRightRail {
        width: 100%;
        float: none;
        margin-left: 0;
        text-align: center;
    }

    #divRightRailContent {
        display: inline-block;
    }

    #divMixiMedia {
        display: none;
    }

    #divStoryHeading {
        margin: 0 10px;
    }

    #divSocialAndCommentsContainer {
        text-align: center;
    }

    #divSocialAndCommentsButtonsTop {
        margin: 0 0 20px 0;
        display: inline-block;
    }

    #divForceStoryTextBelow {
        display: block;
        position: relative;
        width: 0;
        height: 0;
    }

    #divMediaContainer {
        /*background-color: #333 !important;*/
        text-align: center !important;
    }

    #divMedia {
        display: inline-block !important;
    }

    #divMediaMain {
        margin-right: auto;
        margin-left: auto;
    }

    #divStoryBody {
        margin: 10px 0;
    }

    #divStoryBodyAbove, #divStoryBodyBelow {
        margin: 0 10px;
    }

    #divPopularOnNewserContainer {
        display: inline-block;
        margin-bottom: 40px;
    }

    #divShowResults, #divUserErrorReport {
        font-size: 75%;
    }

    #divMyTakeOnThisStoryContainer {
        margin: 10px 0 0 0 !important;
    }

    #divVote {
        text-align: center !important;
    }

    #divVoteContainer {
        display: inline-block;
    }

    #divVoteHolder {
        text-align: center;
    }

    #divUserErrorReport {
        display: none;
    }

    #divShowResults {
        width: 127px !important;
    }

    .mobile.android label::after,
    .mobile.safari label::after {
        margin: -60px 0 0 44px !important;
        color: #fff !important;
    }

    .chrome .checkbox label::after {
        margin: -57px 0 0 44px;
    }

    #spanVotingBar {
        display: none;
    }

    #divUserErrorReport2 {
        height: 37px;
        float: right;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        font-family: 'Roboto-Medium', sans-serif;
        margin-bottom: 20px;
    }

        #divUserErrorReport a, #divUserErrorReport2 a {
            color: #f00;
        }

    #divStoryMediaOtherAd {
        width: unset !important;
    }

    #mainCol {
        width: 95% !important;
    }

    #ContactUs #TextBoxComments {
        width: 200px !important;
    }

    #divCM {
        height: 46px !important;
    }

    #divCMText1 {
        width: 270px !important;
    }

    #divCMText2 button {
        height: 30px !important;
    }

    #divArticleColumn {
        width: 95%;
        float: left;
    }

    #divStoryPageComments {
        margin: 0 10px;
    }

    #divEmailAStory #divStoryImage {
        float: none !important;
    }

    #divEmailAStory #divToFrom {
        float: none !important;
    }

    #divEmailAStory.emailAStoryPopup, #divReportAStoryError.reportAStoryErrorPopup {
        max-width: 320px !important;
    }

    #TextBoxTo,
    #TextBoxName {
        width: 300px !important;
    }

    #mainPanel {
        background-color: #e9e9e9;
    }

    #divSocialAndCommentsButtonsBottomArticle {
        float: none !important;
        margin: 0 10px 20px 10px !important;
        text-align: center;
    }

    #imgGridWide {
        display: none;
    }

    #voteDivContentAuto #divPostVote, #voteDivContentAuto #divPostVote2 {
        width: 327px !important;
    }

    #voteDivContent {
        width: 327px !important;
        display: inline-block !important;
    }

    #divVoted {
        display: inline-block !important;
    }

    #GridTitleBarInside {
        float: none !important;
    }

    #divSubmitLink {
        text-align: center !important;
    }

        #divSubmitLink #mainCol {
            width: 320px !important;
            display: inline-block;
        }

    .spanInterrupterDivider {
        display: none !important;
    }

    .breakInterrupterDivider {
        display: block !important;
    }

    .InterrupterHeadline {
        text-align: center !important;
    }

    #divStoryBigAd1 {
        margin: 10px 0 0 0 !important;
    }

    .bg-light-grey.viewMore.defaultHomeButton {
        padding: 12px 0 !important;
    }

    #divSocialAndCommentsButtonsTop {
        float: none !important;
    }

    .PWA .WhatsNewMobile {
        margin-top:47px !important;
    }
    .WhatsNewBlock {
        text-align: center !important;
    }

    .WhatsNewSubtitle {
        padding: 0 20px;
    }

    .WhatsNewLabel {
        width: 100% !important;
        display: inline-block !important;
    }

    .WhatsNewDescription {
        width: 100% !important;
        display: inline-block !important;
        width: 250px !important;
        padding: 20px 0 !important;
    }

    .WhatsNewImageBox {
        display: inline-block !important;
    }

    #WhatsNewSubtitle {
        margin: 0 20px;
    }

    #divStoryBigAd1 {
        text-align: center;
    }

    #divAdBladeBelowStory {
        width: 300px;
        display: inline-block;
    }

    #GridPaginationPanel, #GridAIPanel {
        width: 283px !important;
        display: inline-block !important;
    }
    .BodyStoryPage #divAIWrapper {
        display: inline-block !important;
    }
    #divAIWrapperGrid {
        width:260px !important;
        padding: 5px !important;
    }    
    .AIGridContainer {
        margin: 0 !important;
    }
    .AIGridItem {
        margin: 5px 26px !important;
    }
    #divAITitleGridText {
        font-size:25px !important;
    }

    .divPaginationPanelHeadingSectionLine {
        width: 198px;
    }

    .divPaginationPanelLinks li {
        width: 141px;
    }

    .bioBlock {
        text-align: center !important;
    }

    .bioPage {
        width: 160px !important;
        display: inline-block !important;
    }

    #BioGrid {
        text-align: center !important;
    }

    .BioGridItem {
        display: inline-block !important;
    }

    #UserGrid {
        width: 240px;
    }
    /* Newsletter promo boxes */
    .NewsletterPromoBox {
        font: 75%/1.4em Arial, Tahoma, Verdana, Helvetica, sans-serif !important;
    }

    .NewsletterPromoSignupBoxEmail {
        width: 285px !important;
    }

    .NewsletterPromoSignupBox {
        left: 15px !important;
    }
    /* Newsletter promo popup */
    .NPPPopup {
        font: 75%/1.4em Arial, Tahoma, Verdana, Helvetica, sans-serif !important;
        width: 338px !important;
    }

    .NPPBox {
        padding: 40px 20px !important;
    }

    .NPPHeadline1 {
        padding: 0 5px !important;
        font-size: 30px !important;
    }

    .NPPHeadline2 {
        padding: 15px 0 20px 0 !important;
    }

    .NPPSignupBox input {
        text-align: left !important;
    }

    .NPPSignupBoxEmail {
        width: 272px !important;
    }

    .NPPSignupBoxContainer {
        left: 5px !important;
    }
    /* Newsletter signup landing page */
    .NewsletterSignupLeft {
        width: 100%;
        float: none;
        margin-left: 0;
        text-align: center;
        margin-top: 20px !important;
    }

    .NewsletterSignupRightRail {
        width: 100%;
        float: none;
        margin-left: 0;
        text-align: center;
        margin-top: 20px !important;
    }

    .NewsletterSignupRight {
        display: inline-block;
    }

    .NewsletterSignupBox {
        display: inline-block !important;
    }

    .NewsletterSignupBoxEmail {
        width: 330px !important;
    }

    .NewsletterSignupBoxButton {
        right: 0px !important;
    }

    .NewsletterSignupHeadline3 {
        width: 300px !important;
        display: inline-block !important;
    }

    #divStoryMediaOtherLinkPhotos {
        padding-left: 50px !important;
    }

    #divStoryMediaOtherLinkError {
        padding-right: 55px !important;
    }

    .TaboolaP1P2 {
        margin-bottom: 10px;
        min-height: 210px;
    }
    #divAITitle1 {
        text-align:left;
    }
    #GridAIPanel {
        height: 1080px !important;
    }
    #divAITitleGrid, #divAITitleGridText {
        float: none !important;
        padding-left:15px !important;
    }
    #divAITitleGrid {
        width: 260px !important;
        background: url(//img1-azrcdn.newser.com/images/newserai_notag.png) top center no-repeat !important;
        background-size: 240px !important;
        margin: -18px 13px 0 0;
    }
    .DarkMode #divAITitleGrid {
        width: 260px !important;
        background: url(//img1-azrcdn.newser.com/images/newseraidark_notag.png) top center no-repeat !important;
        background-size: 240px !important;
        margin: -18px 13px 0 0;
    }
    #divAITitleGridGroup {
        display: block !important;
    }
    /* AI carousel */
    #divAICarouselTitle {
        width: 160px !important;
        height: 45px !important;
        background: url(//img2-azrcdn.newser.com/images/newseraidark2.png) top center no-repeat !important;
        background-size: 165px !important;
        display: inline-block !important;
    }

    .DarkMode #divAICarouselTitle {
        background: url(//img2-azrcdn.newser.com/images/newserai2.png) top center no-repeat !important;
        background-size: 165px !important;
    }

    .AICarouselHolder {
        text-align: center !important;
    }

    .AICarousel {
        width: 302px !important;
        display: inline-block !important;
    }

    .AICarouselHeaderTitle2 {
        display: none !important;
    }

    .AICarouselHeadline {
        font-size: 13px !important;
        line-height: 13px !important;
    }
    /* AI carousel */
    #DivBreakingStory .BreakingStoryTitle {
        margin-top: 20px !important;
    }
}

@media screen and (min-width: 700px) { /* Wide & Medium */
    body {
        font: 75%/1.4em Arial, Tahoma, Verdana, Helvetica, sans-serif;
    }

    #divImageAd {
        display: none;
    }

    #divVotingBreak {
        display: none;
    }

    #divAnchorAd {
        display: none;
    }

    #divStoryBody, #divArticleBody {
        margin-top: 10px;
    }

    #divBreakCommentsNextGrid {
        display: none;
    }

    #imgGridNarrow {
        display: none;
    }

    #divCMText1 {
        width: 400px !important;
    }

    #AShareTextIos {
        display: none !important;
    }

    #AShareText {
        display: none !important;
    }

    .TaboolaP1P2 {
        margin-bottom: 10px;
        min-height: 267px;
    }
}

@media screen and (max-width: 1005px) { /* Narrow & Medium */
    .HideMobileTablet, #HeaderDesktop {
        display: none;
    }

    #HeaderMobile {
        display: block;
    }

    .Header.NavTallStyle.WhatsNewStyle {
        height: 184px !important;
    }

    .PWA .Header {
        height: 48px !important;
    }

    .PWA .Header.NavTallStyle.WhatsNewStyle {
        height: 73px !important;
    }

    .Header.NavTallStyle {
        height: 169px !important;
    }

    .PWA .Header.NavTallStyle {
        height: 45px !important;
    }

    .PWA #divMobileHeaderAd {
        height: 0;
        padding: 0 !important;
    }

    .HeaderLogo.NavTallStyle {
        height: 45px !important;
    }

    .Footer {
        width: 100%;
        height: auto;
        background-color: #333333;
        color: #FFF;
        margin-top: 20px;
    }

    .FooterContent {
        display: inline-block;
        width: 300px;
    }

    #ulFooterNav li, #divFooterNav2 .FooterBot {
        width: 100%;
        margin-top: 20px;
    }

    #divGetNewserApps,
    #divInstallNewserApp {
        width: 160px;
    }

    body {
        text-align: center;
    }

    #bodywrapper {
        width: unset;
    }

    #mainCol {
        float: unset !important;
    }

    #sideCol {
        display: none;
    }

    #divRightRailClear {
        display: block;
    }

    #divArticlePageContainer #divArticleTop, #divArticlePageContainer #divArticleHeading, #divArticlePageContainer #divArticleBody {
        margin: 0 10px;
    }

    #divStoryPageBottomAd {
        display: none;
    }
    /*
#InterrupterHolder {
    display:none !important;
}
*/
    #InterrupterMain {
        text-align: center;
    }

    #InterrupterTitle, .InterrupterHeadline {
        display: inline-block !important;
        float: none !important;
    }

    .InterrupterContainer {
        display: block !important;
        float: none !important;
    }

    .listViewGrid {
        font-size: 20px;
        line-height: 22px;
        font-weight: bold;
        padding: 20px 4px 0 4px;
        text-align: left;
        height: 191px;
    }
    .listViewThumbnailSquare .listViewGrid {
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        padding: 20px 4px 0 4px;
        text-align: left;
        height: 110px;
        width: 120px;
    }

    .HoverBorderYes {
        width: 318px !important;
        height: 211px !important;
    }
    .listViewGridSquare .HoverBorderYes {
        width: 318px !important;
        height: 105px !important;
    }
    .listViewGridSquareBig .HoverBorderYes {
        width: 318px !important;
        height: 211px !important;
    }
    .listViewThumbnailSquare .HoverBorderYes {
        width: 238px !important;
        height: 158px !important;
    }

    .hoveryes, .hoverno {
        width: 320px !important;
        height: 213px !important;
    }

    #GridBox .square {
        width: 320px !important;
        height: 213px !important;
    }

    #GridBox .square.listViewGridSquare {
        width: 320px !important;
        height: 106px !important;
    }
    #GridBox .square.listViewThumbnailSquare {
        width: 240px !important;
        height: 160px !important;
    }

    #GridBox .square.listViewGridSquareBig {
        width: 320px !important;
        height: 213px !important;
    }

    #GridMoreBarNoMore {
        margin-top: 5px;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }

    .listViewGridSquare .hoveryes, .listViewGridSquare .hoverno {
        height: 106px !important;
    }

    #divTagPage .listViewGridSquareBig .hoveryes, #divTagPage .listViewGridSquareBig .hoverno {
        height: 160px !important;
    }

    .listViewGridSquareBig .hoveryes, .listViewGridSquareBig .hoverno {
        height: 213px !important;
    }

    #divPWAIPMain {
        width: 320px;
    }

    #divOffline {
        font-size: 45px !important;
        line-height: 45px !important;
    }

    #divPWAIPText {
        float: left;
        padding: 22px 10px 0 10px;
    }

    .NewserAppImages {
        text-align: center;
    }

    .NewserAppImage {
        float: none !important;
        display: inline-block !important;
        margin: 10px 0 !important;
    }

    .TodaysMostPopularImageBig, .TodaysMostPopularCounterLi.Big {
        display: none;
    }
}

@media screen and (max-width: 320px) { /* Super-Narrow (Mobile) */
    #divPWAIPIOS, #divPWAIPMain {
        display: none !important;
    }
    #imgHeaderPrevStory, #imgHeaderNextStory, #aHeaderNextStory, #aHeaderPrevStory {
        display: none !important;
    }
    #divMobileHeaderAd {
        display: none !important;
    }
    .Header.NavTallStyle {
        height: 50px !important;
    }

    #GridAIPanel, #GridPaginationPanel {
        display: none !important;
    }

    .posR.fl {
        display: none !important;
    }

    .square img {
        width: 240px !important;
        position: absolute;
    }
    .listViewGridSquareBig .HoverBorderYes {
        width: 240px !important;
        height: 160px !important;
    }
    .listViewGrid {
        width: 232px;
        height: 144px;
    }
    .hoveryes, .hoverno {
        width: 240px !important;
        height: 160px !important;
    }
    #GridBox .square {
        width: 240px !important;
        height: 160px !important;
    }
    #GridBox .square.listViewGridSquareBig {
        width: 240px !important;
        height: 160px !important;
    }
    .listViewGridSquare .hoveryes, .listViewGridSquare .hoverno {
        height: 106px !important;
    }
    #divTagPage .listViewGridSquareBig .hoveryes, #divTagPage .listViewGridSquareBig .hoverno {
        height: 160px !important;
    }
    .listViewGridSquareBig .hoveryes, .listViewGridSquareBig .hoverno {
        height: 160px !important;
    }
}

@media all and (display-mode: standalone) { /* PWA-specific styling */
    #divAnchorAd {
        display: none;
    }

    #divMobileHeaderAd {
        display: none;
    }

    #divHeaderBorder {
        display: none;
    }

    #divInstallNewserApp,
    #divGetNewserApps,
    #divInstallOurAppPWA,
    #divGetOurApps,
    #divInstallNewserAppHeader,
    #divGetNewserAppsHeader {
        display: none !important;
    }

    .Header.NavTallStyle {
        height: 45px !important;
    }
}

@media all and (display-mode: standalone) and (max-width: 1005px) { /* PWA-specific styling Narrow & Medium */
    #divMiddleRightRailAd, #divLowerRightRailAd {
        display: none;
    }
}

@supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */
    #AShareTextIos {
        display: block !important;
    }

    #AShareText {
        display: none !important;
    }
}

@supports not (-webkit-touch-callout: none) { /* CSS for other than iOS devices */
}

/* End media queries */


/* Wide header */
#navSpacer {
    width: 100%;
    height: 45px;
}

#divDesktopNavFixed {
    width: 100%;
    min-width: 1006px;
    position: fixed;
    top: 0;
    z-index: 199999;
    background-color: #000;
    font-family: 'Roboto', sans-serif;
    transition: top 0.3s;
}

#divNavigation {
    height: 45px;
    width: 1054px;
    margin: 0 auto;
    text-align: left;
    padding-left: 34px;
}

a img {
    border: none;
}

#divNewserLogo {
    width: 154px;
    height: 45px;
    float: left;
}

#newserDesktopLogo {
    width: 154px;
    height: 35px;
    display: block;
    cursor: pointer;
    margin-top: 5px;
}

.ipad #divNewserLogo {
    background: transparent url('//img2-azrcdn.newser.com/images/header/newsern2.png') center center no-repeat;
}

nav {
    height: inherit;
}

#ulNewserNavigation {
    width: 576px;
}

#ulNewserNavigation,
#ulNewserNavigationCenter {
    height: inherit;
    float: left;
    list-style: none;
}

    #ulNewserNavigation > li,
    #ulNewserNavigationCenter > li {
        float: left;
        line-height: 45px;
    }

        #ulNewserNavigation > li:last-child {
            float: none;
            overflow: hidden;
        }

#liMoreSections {
    float: none !important;
    overflow: hidden;
}

#ulNewserNavigation > li > a,
#ulNewserNavigationCenter > li > a {
    display: block;
    padding: 0px 10px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 8pt;
    letter-spacing: 0.5px;
}

#ulNewserNavigation > li:hover > a,
#ulNewserNavigationCenter > li:hover > a,
.headerLinkHover {
    background-color: #EBEAEA;
    color: #000;
}

#ulNewserNavigation .headerTopStories > a {
    display: block;
    padding: 0px 10px;
    color: white;
    background-color: red;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 8pt;
    letter-spacing: 0.5px;
}

#ulNewserNavigation .headerTopStories:hover a {
    color: white;
    background-color: red;
}
#ulNewserNavigation .headerPopular > a {
    display: block;
    padding: 0px 10px;
    color: white;
    background-color: #A9A9A9;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 8pt;
    letter-spacing: 0.5px;
}

#ulNewserNavigation .headerPopular:hover a {
    color: white;
    background-color: #A9A9A9;
}

#ulNewserNavigation .headerCovid > a {
    display: block;
    padding: 0px 10px;
    color: red;
    background-color: white;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 8pt;
    letter-spacing: 0.5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 43px;
}

#ulNewserNavigation .headerCovid:hover a {
    color: red;
    background-color: white;
}
/*Mega menu sub menu that pops up when hovering over nav link*/
.megaMenu {
    display: none;
    z-index: 999980;
    line-height: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 0 30px 0;
    background-color: #EBEAEA;
    -webkit-box-shadow: 0 8px 8px -5px #CAC8C8;
    -moz-box-shadow: 0 8px 8px -5px #CAC8C8;
    box-shadow: 0 8px 8px -5px #CAC8C8;
}

.subMenuContent {
    width: 660px;
    height: 100%;
    margin: 0 auto;
}

.table-wrap {
    width: 660px;
    font-size: 20px;
    font-weight: bold;
}

.row-wrap {
    padding: 30px 0 0 0;
    clear: both;
}

/* BEGIN: Trending News*/
ul #liTrendingNews {
    width: 95px;
    height: 45px;
    color: #FFF;
    background-color: #F70002;
}

    ul #liTrendingNews:hover,
    ul #liTrendingNews:hover > a {
        color: #FFF;
        background-color: #F70002;
    }

#divTrendingNewsSubMenuContent {
    width: 1006px;
    color: #000;
}

#divTredingNewsWrapper {
    width: 1006px; /* Cannot be 'inherit' because of IE7 issues */
}

    #divTredingNewsWrapper a {
        text-decoration: none;
        color: #000;
    }

.activeTrendingNews {
    height: 45px;
    display: block;
    float: left;
    padding-bottom: 18px;
    border-bottom: 3px solid #F70002;
}

#divCarousel {
    padding: 0 0 20px 0;
}

.trendingNewsHeaderColumns {
    height: 45px;
    display: block;
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #CAC8C8;
}

#linkTrendingNewsC1 {
    width: 113px;
}

#divTrendingNewsC2 {
    width: 25px;
}

#linkTrendingNewsC3 {
    width: 130px;
}

#divTrendingNewsC4 {
    width: 738px;
}
/* END: Trending News*/

/* BEGIN: More Sections*/
.liMoreSections {
    height: 45px;
    display: block;
    background: transparent url('//img1-azrcdn.newser.com/images/header/triangle_white_down.svg') 70% 20px no-repeat;
    text-indent: -21px;
}

.no-svg .liMoreSections {
    background: transparent url('//img1-azrcdn.newser.com/images/header/triangle_white_down.png') 70% 20px no-repeat;
}

.liMoreSections:hover {
    background: #EBEAEA url('//img1-azrcdn.newser.com/images/header/triangle_black_down.svg') 70% 20px no-repeat;
}

.no-svg .liMoreSections:hover {
    background: #EBEAEA url('//img1-azrcdn.newser.com/images/header/triangle_black_down.png') 70% 20px no-repeat;
}

.moreSectionsClick {
    text-indent: -18px;
    background: #EBEAEA url('//img1-azrcdn.newser.com/images/header/triangle_black_up.svg') 70% 20px no-repeat;
}

.no-svg .moreSectionsClick {
    text-indent: -10px;
    background: #EBEAEA url('//img1-azrcdn.newser.com/images/header/triangle_black_up.png') 70% 20px no-repeat;
}

#divMoreSectionsLinks {
    position: relative;
    top: -10px;
    text-indent: 0;
}

#divMoreSectionsR1C1 {
    width: 135px;
    padding-bottom: 18px;
    float: left;
    border-bottom: 3px solid #F70002;
    text-indent: 0;
}

#divMoreSectionsR1C2 {
    width: 195px;
    padding-bottom: 20px;
    float: left;
    border-bottom: 1px solid #CAC8C8;
    text-indent: 0;
}

#divMoreSectionsR1C3 {
    width: 120px;
    padding-bottom: 18px;
    float: left;
    border-bottom: 3px solid #F70002;
    text-indent: 0;
}

#divMoreSectionsR1C4 {
    width: 210px;
    padding-bottom: 20px;
    float: left;
    border-bottom: 1px solid #CAC8C8;
    text-indent: 0;
}

.allSectionsColumns {
    width: 25%;
    float: left;
}
/* END: More Sections*/

/* BEGIN: User */
.liUser {
    width: 40px;
    height: 45px;
    background: transparent url('//img2-azrcdn.newser.com/images/header/user_white.svg') center center no-repeat;
    line-height: none;
}

.no-svg ul .liUser {
    background: transparent url('//img2-azrcdn.newser.com/images/header/user_white.png') center center no-repeat;
}

ul .liUser:hover,
ul .liUser:hover > a {
    background: #EBEAEA url('//img2-azrcdn.newser.com/images/header/user_black.svg') center center no-repeat;
}

.no-svg ul .liUser:hover,
.no-svg ul .liUser:hover > a {
    background: #EBEAEA url('//img2-azrcdn.newser.com/images/header/user_black.png') center center no-repeat;
}

.navBarRoundedProfilePic {
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
}

#divOneClickLogin {
    text-indent: 30px;
}

#divNewserLogin {
    width: 290px;
    float: left;
}

#inputLoginPassword {
    margin: 30px 0 0 0;
}

#spanForgotPassword {
    display: block;
    float: right;
}

    #spanForgotPassword a {
        text-decoration: underline;
        font-size: 12px;
        font-weight: normal;
        color: #F70002;
    }

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

#divSignUp {
    text-align: center;
}

#divOrDivider {
    width: 20px;
    height: 300px;
    margin: 0 25px 0 25px;
    float: left;
    background: transparent url('//img1-azrcdn.newser.com/images/header/ordivider.png') no-repeat;
}

#divDivider {
    width: 100%;
    border: 0;
    height: 0;
    float: left;
    margin-top: 18px;
    border-bottom: 1px solid #CAC8C8;
}

#divNewserSignUp {
    width: 100%;
    padding: 18px 0 0 0;
    float: left;
}

#labelSignUpUsername {
    position: absolute;
    top: 30px;
    left: 5px;
}

#inputSignUpEmailAddress {
    position: relative;
}

#labelSignUpEmailAddress {
    position: absolute;
    top: 30px;
    left: 345px;
}

#inputSignUpPassword {
    position: relative;
}

#inputSignUpConfirmPassword {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/shield.svg') no-repeat scroll left 15px center;
}

.no-svg #inputSignUpConfirmPassword {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/shield.png') no-repeat scroll left 15px center;
}

.checkboxAgree {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
}

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

#lbContinue.btnContinue {
    margin: 5px 0;
}

.profilePic {
    width: 55px;
    height: 55px;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
}

#divLoggedIn {
    display: none;
}

#divLoggedInHeader {
    padding-bottom: 15px;
    border-bottom: 1px solid #CAC8C8;
}

.profileHeader {
    width: 500px;
    height: 25px;
    position: relative;
    top: -5px;
}

#divProfileJoined {
    width: 500px;
    height: 20px;
    position: relative;
    top: -5px;
    font-style: normal;
    float: left;
}

#divLogout {
    text-align: right;
    background: transparent url('//img2-azrcdn.newser.com/images/header/templogout.png') center right 55px no-repeat;
}

#divProfileLinks {
    position: relative;
    top: -10px;
}

.loggedInLinks {
    width: 50%;
    float: left;
}
/* END: User*/

/* BEGIN: Search*/
ul #liSearch {
    width: 40px;
    height: 45px;
    background: transparent url('//img2-azrcdn.newser.com/images/header/search_white.svg') center center no-repeat;
}

.no-svg ul #liSearch {
    background: transparent url('//img2-azrcdn.newser.com/images/header/search_white.png') center center no-repeat;
}

ul #liSearch:hover > a {
    background: #EBEAEA url('//img2-azrcdn.newser.com/images/header/search_black.svg') center center no-repeat;
}

.no-svg ul #liSearch:hover > a {
    background: #EBEAEA url('//img2-azrcdn.newser.com/images/header/search_black.png') center center no-repeat;
}

/* Removes the spacing between the input box and the button */
#divSearchInput {
    font-size: 0;
}

#inputSearch {
    width: 545px;
    font-size: 13px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

#btnSearch {
    width: 100px;
    height: 55px;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    border: none;
    padding: 4px 0 3px 0;
    text-transform: uppercase;
    background-color: #F70002;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* END: Search*/

/* BEGIN: Info*/
ul #liInfo {
    width: 40px;
    height: 45px;
    background: transparent url('//img2-azrcdn.newser.com/images/header/info-white.png') center center no-repeat;
}

    ul #liInfo:hover > a {
        background: #EBEAEA url('//img2-azrcdn.newser.com/images/header/info-black.png') center center no-repeat;
    }
/* END: Info*/


/* BEGIN: Settings */
#divSettings {
    width: 40px;
    height: 45px;
    float: left;
}

#settingsLink {
    width: 42px;
    height: 45px;
    display: block;
    cursor: pointer;
    background: black url('//img1-azrcdn.newser.com/images/header/settings2-white.jpg') center center no-repeat;
}

.no-svg #divSettings, .ipad #divSettings {
    background: black url('//img1-azrcdn.newser.com/images/header/settings2-white.jpg') center center no-repeat;
}
/* END: Settings */

/* BEGIN: Email */
#divEmail {
    width: 40px;
    height: 45px;
    float: left;
}

#emailLink {
    width: 42px;
    height: 45px;
    display: block;
    cursor: pointer;
    background: transparent url('//img2-azrcdn.newser.com/images/header/newsletter_white.svg') center center no-repeat;
}

.no-svg #divEmail, .ipad #divEmail {
    background: transparent url('//img2-azrcdn.newser.com/images/header/newsletter_white.png') center center no-repeat;
}
/* END: Email */

/* BEGIN: What's New */
#divWhatsNew {
    width: 42px;
    height: 45px;
    float: left;
    padding: 17px 0 0 9px;
}

#whatsnewLink {
    width: 45px;
    height: 45px;
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 8pt;
}

.whatsnewnew {
    color: red;
}

.no-svg #divSettings, .ipad #divSettings {
    background: black url('//img1-azrcdn.newser.com/images/header/settings2-white.jpg') center center no-repeat;
}
/* END: Settings */

.fbBtn /* naming the class like this will beat AdBlock Plus attempt to filter out social media elements */ {
    width: 290px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background: #3E569D url('//img1-azrcdn.newser.com/images/header/facebooklogin.svg') center left 25px;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 15px;
    text-align: center;
}

.no-svg .fbBtn {
    background: #3E569D url('//img1-azrcdn.newser.com/images/header/facebooklogin.png') 25px 17px;
    background-repeat: no-repeat;
}

.twtButton {
    width: 290px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background: #55ACEE url('//img2-azrcdn.newser.com/images/header/twitterlogin.svg') center left 25px;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 15px;
    text-align: center;
}

.no-svg .twtButton {
    background: #55ACEE url('//img2-azrcdn.newser.com/images/header/twitterlogin.png') 25px 17px;
    background-repeat: no-repeat;
}

.header {
    width: 100%;
    padding-bottom: 20px;
    color: #000;
}

.header50 {
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #CAC8C8;
}

.subText {
    height: 12px;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}

nav input[type="text"], nav input[type="email"], nav input[type="password"] {
    width: 290px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    text-indent: 65px;
    border-radius: 4px;
    display: block;
    float: left;
}

#divNewserSignUp #inputSignUpUsername, #divNewserSignUp #inputSignUpEmailAddress, #divNewserSignUp #inputSignUpPassword, #divNewserSignUp #inputSignUpConfirmPassword {
    height: 35px;
    line-height: 35px;
}

nav input[class*="username"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/usernamebox.svg') no-repeat scroll left 15px center;
}

.no-svg nav input[class*="username"],
#divToFrom input[class*="username"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/usernamebox.png') no-repeat scroll 15px center;
}

nav input[class*="email"],
.inputNewsletterAddressFooter, inputNewsletterAddressTop, #signUpEmailInput {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/emailbox.svg') no-repeat scroll left 15px center;
}

.no-svg nav input[class*="email"],
.no-svg .inputNewsletterAddressFooter,
#divToFrom input[class*="email"] {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/emailbox.png') no-repeat scroll 15px center;
}

nav input[class*="password"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/passwordbox.svg') no-repeat scroll left 15px center;
}

.no-svg nav input[class*="password"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/passwordbox.png') no-repeat scroll 15px center;
}

nav input[class*="search"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/searchbox.svg') no-repeat scroll left 15px center;
}

.no-svg nav input[class*="search"] {
    background: #FFF url('//img1-azrcdn.newser.com/images/inputboxes/searchbox.png') no-repeat scroll 15px center;
}

nav input[class*="redButton"],
.redButton {
    width: 280px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background-color: #F70002;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

    .redButton:hover {
        cursor: pointer;
    }

.infoText {
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}

    .infoText a {
        color: #000;
    }

.formText {
    line-height: 25px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

    .formText a {
        text-decoration: underline;
        color: #F70002;
    }

.successText {
    font-size: 14px;
    line-height: 20px;
    color: #006600;
}

.successTextLight {
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.errorText {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #F70002;
}

/* Nav */
.navListLinks {
    list-style: none;
    text-transform: uppercase;
}

    .navListLinks li {
        line-height: 26px;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
    }

        .navListLinks li a {
            color: #000;
            text-decoration: none;
        }

            .navListLinks li a:hover {
                color: #CAC8C8;
            }

#ButtonSearch {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-family: 'Roboto-Medium', sans-serif;
}

.centerContents {
    text-align: center;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.divLoaderWrapper {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    text-align: center;
    left: 0;
    color: #000;
}

.divLoader {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}

#divLogInLoaderWrapper {
    height: inherit;
}

#divRegisterLoaderWrapper {
    height: inherit;
    font-weight: bold;
    font-size: 20px;
}
/***** END Header CSS *****/

/* Logo and ad */
#headerAdSection {
    padding: 10px 0 0 0;
    height: 5px;
    width: 980px;
    text-align: center;
    margin: 0;
    z-index: 20040;
}

.headerAd {
    position:relative;
    top:-15px;
    overflow:hidden;
    width:100%;
    background:black;
}
#divNavAdScrollable {
    height:80px;
}
#divNavAdScrollable .headerAd {
    top: -30px !important;
}

#divNavAdFixed {
    position: relative;
    height: 90px;
    padding: 10px 0;
    background-color: white;
}
.DarkMode #divNavAdFixed {
    background-color: black !important;
}

#logoLinkDiv {
    padding: 12px 9px 8px 0px;
    height: 70px;
}

#newserLogo {
    float: left;
    margin-right: 12px;
}

/* Mobile header */
#HeaderMobile.HeaderLine {
    border-top: 3px solid #f00;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

#HeaderMobile .HeaderLogo {
    background-color: #000000;
    height: 45px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 199999;
    padding: 2px 0;
    transition: top 0.3s;
}

#HeaderMobile .HeaderLeft {
    float: left;
    display: inline-block;
}

#HeaderMobile .HeaderRight {
    float: right;
    display: inline-block;
}

#HeaderMobile HeaderPrevNext {
    display: none;
}
/* End mobile header */

/* Desktop footer */
#footer .heading {
    margin-top: 0;
    padding: 0;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.FooterContent {
    background-color: #333333;
    padding-top: 20px;
}

#divNewserInYourInbox, #divNewserInYourInboxM {
    width: 55%;
    padding: 30px 0 0 0;
    float: left;
    color: #FFF;
}

#divNewserInYourInboxTitle,
#divNewserInYourInboxTitleM,
#divGetNewserAppsTitle,
#divInstallNewserAppTitle {
    font-size: 20px;
}

#divNewserInYourInboxCaption, #divNewserInYourInboxCaptionM {
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0 0 0;
}

.divFooterEmailSignUp {
    height: 60px;
    padding: 10px 0 0 0;
    font-size: 0;
}

.divTopEmailSignUp {
    padding: 0px;
    font-size: 0;
    width: auto;
}

.verticallyCenter {
    margin-top: auto;
    margin-bottom: auto;
}

#outerNewsletterText {
    padding: 0px;
}

#newsletterSignupContainer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: -o-flex;
    /* Center vertically */
    align-items: center;
    /*Center horizontaly */
    justify-content: center;
    /*Center horizontaly ie */
    -ms-flex-pack: center;
    display: flex;
    padding: 15px;
}

#innerNewsletterText {
    padding: 0 !important;
}

#aViewAllNewsletters {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0 0 0;
}

.inputNewsletterAddressFooter {
    width: 315px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 40px;
    text-indent: 65px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: none;
}

.inputEmailSignUpButtonFooter {
    width: 130px;
    height: 47px;
    line-height: 45px;
    font-family: 'Roboto', sans-serif;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#divGetNewserApps,
#divInstallNewserApp {
    width: 45%;
    padding: 30px 0 0 0;
    float: left;
}

    #divGetNewserApps div img,
    #divInstallNewserApp div a img {
        float: left;
        padding: 0 15px 0 0;
        border-bottom: transparent 1px solid;
    }

    #divGetNewserApps a,
    #divInstallNewserApp ul li a {
        padding: 0;
        color: #FFF;
        text-decoration: none;
        font-size: 14px;
    }

#divGetNewserAppsTitle,
#divInstallNewserAppTitle {
    padding: 0 0 46px 0;
}

#divWindowsApps {
    width: 100%;
}

.appListWide {
    width: 285px;
}

.appListNarrow {
    width: 145px;
}

    .appListNarrow ul,
    .appListWide ul {
        height: 46px;
        display: table-cell;
        vertical-align: middle;
    }

        .appListNarrow ul li,
        .appListWide ul li {
            list-style: none;
            font-weight: 500;
        }

#divFooterNav {
    padding: 50px 0 0 0;
}

#ulFooterNav {
    margin: 0 0 20px 0;
}

#divFooterNav2 .FooterBot {
    margin-top: 20px;
}

#ulFooterNav li {
    float: left;
    list-style: none;
    color: #FFF;
    font-weight: bold;
    margin: 0 25px 0 0;
}

    #ulFooterNav li a {
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

#divFooterBottom {
    border-top: solid 1px #BFBDBE;
    padding: 20px 0 0 0;
    color: #FFF;
}

#divCopyright {
    float: left;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 50px 0;
}

.floatLeft {
    float: left;
}

.hide {
    position: absolute;
    left: -5000px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* End desktop footer */

#pmLink {
    visibility: hidden;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: none;
}

    #pmLink:hover {
        visibility: visible;
        color: grey;
    }

/* Mobile footer */
#ulFooterNav {
    margin: 0 0 20px 0;
}

#divNewserInYourInboxM {
    width: 100%;
    padding: 10px 0 20px 0;
    float: left;
    color: #FFF;
    text-align: left;
}

#divFooterBottom {
    border-top: solid 1px #717171;
    padding: 20px 0 0 0;
    margin-top: 10px;
    color: #FFF;
}

#ulFooterNav li a, #ulFooterNav li {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    list-style-type: none;
    float: left;
    font-family: 'Roboto', sans-serif;
}

.FooterBot {
    display: inline-block;
    padding-right: 30px;
    float: left;
    text-align: left;
}

    .FooterBot a, #pmLink {
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
    }

#ulFooterNav li {
    margin-top: 20px;
    list-style-type: none;
    float: left;
}

#aViewAllNewsletters {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0 0 0;
}

#divGetNewserApps,
#divInstallNewserApp {
    padding: 0;
    float: left;
}

    #divGetNewserApps div img {
        float: left;
        padding: 0 15px 0 0;
        border-bottom: transparent 1px solid;
    }

    #divGetNewserApps a {
        padding: 0 10px 0 0;
        color: #FFF;
        text-decoration: none;
        font-size: 14px;
    }

.appListNarrow {
    width: 145px;
}

    .appListNarrow ul, .appListWide ul {
        height: 50px;
        display: table-cell;
        vertical-align: middle;
    }

        .appListNarrow ul li, .appListWide ul li {
            list-style: none;
            font-weight: 500;
        }

#divNewserInYourInboxTitleM,
#divGetOurApps,
#divInstallOurAppPWA {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

#divNewserInYourInboxCaptionM {
    font-size: 14px;
    font-weight: 300;
    padding: 15px 0 0 0;
}

.divFooterEmailSignUp {
    height: auto;
    min-height: 60px;
    padding: 10px 0 10px 0;
    font-size: 0;
}

.inputNewsletterAddressFooter {
    width: 100%;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 40px;
    text-indent: 65px;
    border: none;
    padding: 0 !important;
    border-radius: 5px;
}

nav input[class*="email"], .inputNewsletterAddressFooter {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/emailbox.svg') no-repeat scroll left 15px center;
    width: 300px;
    margin-right: 10px;
}

.inputEmailSignUpButtonFooter {
    width: 300px;
    margin-top: 10px;
    height: 47px;
    line-height: 45px;
    font-family: 'Roboto', sans-serif;
}

nav input[class*="redButton"], .redButton {
    border: none;
    background-color: #F70002;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}

#divFooterNav {
    padding: 0;
}
/* End Mobile footer */



/* Grid page */

.square {
    float: left;
    position: relative;
    border: 1px solid #999;
}

.HoverBorderYes {
    border: 2px solid red;
    width: 236px;
    height: 156px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 301;
}

.unreadscreen .hoveryes,
.viewedscreen .hoveryes,
.unreadscreen .hoverno {
    visibility: hidden;
    display: none;
}

.viewedscreen .hoverno {
    visibility: visible;
    display: block;
}

.hoveryes, .hoverno {
    width: 240px;
    height: 160px;
    position: absolute;
    z-index: +300;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.40;
    filter: alpha(opacity=40);
}

.listViewThumbnailSquare .hoveryes, .listViewThumbnailSquare .hoverno {
    width: 240px !important;
    height: 160px !important;
}
.listViewGridSquare .hoveryes, .listViewGridSquare .hoverno {
    height: 80px;
}

.listViewGridSquareBig .hoveryes, .listViewGridSquareBig .hoverno {
    height: 160px;
}

.square img {
    position: absolute;
    z-index: 250;
    top: 0;
    left: 0;
}

.square img.thumbImg {
    position: absolute;
    z-index: 250;
    top: 0;
    right: 0 !important;
    left: unset !important;
}

.square .byline {
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    height: 16px;
    padding: 0 4px;
    margin: 0;
    font-size: 11px;
    overflow: hidden;
    font-family: arial;
    clear: both;
    /*
color: #fff;
background: rgba(0,0,0,0.62);
background: #fff;
*/
    color: black;
    font-weight: bold;
}

.square .h5 {
    display: inline;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
    font-size: 11px;
    padding: 0px 2px;
    margin: 0;
    font-weight: bold;
    color: #fff;
    background: #ff0;
    text-transform: uppercase;
    line-height: 120%;
}

.square.listViewGridSquare a {
    text-decoration: none;
    color: black;
}

.listViewGrid {
    color: black;
}
.DarkMode .listViewGrid, .DarkMode .byline {
    color: white;
}


#GridTitleBar {
    max-width: 980px;
    font-size: 20px;
    padding: 15px 0 10px 1px;
}

#GridTitleBarInside {
    display: inline;
    text-align: center;
    margin-bottom: 0 !important;
    padding: 7px 0px;
    max-width: 980px;
}

#GridTitle {
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    margin: 0;
}

.DarkMode #GridTitle {
    color: white;
}

/* End grid page */

/* Nav page */
#NavList a {
    text-decoration: none;
    color: White;
}

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

.NavBarTop {
    background-color: white;
    padding: 6px 0 0;
    margin-bottom: 10px;
    font-weight: normal;
    color: #717171;
    font-size: 20px;
    border-bottom: 1px solid black;
}

.DarkMode .NavBarTop {
    background-color: black;
    color: white;
    border-bottom: 1px solid white;
}

.NavBar, .NavBarLink {
    color: white;
    background-color: #333;
    padding: 10px 5px;
}

.NavLinks {
    margin-top: 5px;
    text-align: left;
}

.NavBar {
    color: #000000;
    background-color: transparent !important;
    padding: 5px 10px 6px;
    border: none !important;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding-bottom: 23px;
}

.DarkMode .NavBar {
    color: white !important;
}

.nav-rectangle {
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    width: 140px;
    height: 50px;
    font-family: 'Roboto-Medium', sans-serif;
    float: left;
}

.DarkMode #NavAll.nav-rectangle {
    background-color: #333 !important;
}

.nav-container {
    width: 300px;
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    height: 50px;
}

.nav-section-group {
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
    overflow: auto;
}
/* end nav page */

#voteDivContentAuto #divPostVote, #voteDivContentAuto #divPostVote2 {
    width: 653px;
}

.voteButtonSelected #lblStatInButton {
    color: #F50109;
}

#divVoteTaking {
    font-size: 24px;
}

#divVoteTaking2 {
    margin-top: 23px;
    margin-left: 10px;
}

#divVoteCountdown, #divVoteTaking, #divVoteOff {
    display: inline-block;
}

#divVoteOff2 {
    margin-left: 50px;
    margin-top: 15px;
}

.voteButton,
.voteButtonSelected {
    width: 108px;
    float: left;
    margin: 1px 1px 0 0;
    background-color: #ECEAEB;
}

    .voteButton:hover,
    .voteButtonSelected {
        background-color: #C5C5C5;
    }

.votedHeight {
    height: 115px;
}

#divStatInButton {
    display: block;
    margin: 20px 0 0 0;
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 0 10px;
}

.voteStats {
    display: none;
}

.voteNormal {
    height: 16px;
    font-size: 24px;
}

.voteBig {
    font-size: 39px;
}

#divStatInButton.voteBig {
    margin-top: 20px;
    padding-bottom: 0px;
}

.divShowResults {
    text-align: right;
}

#voteDivContentAuto #divShowResults {
    width: 349px;
    height: 35px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 3px solid #DEDEDE;
}

#spanShowVoteResults {
    color: #f00;
    cursor: pointer;
}

#spanShowVoteResultsAuto {
    color: #f00;
    text-decoration: none;
    cursor: pointer;
}

#divVoted {
    display: table;
    width: inherit;
    margin: 1px 0 0 0;
    background-color: #ECEAEB;
}

#voteDivContentAuto #divVoted {
    display: table;
    width: inherit;
    margin: 1px 0 0 0;
    background-color: #ECEAEB;
}

#countdownstop:hover {
    cursor: pointer;
}

.voted {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
    float: left;
}


/* Carousel */
.carouselTop {
    height: 22px;
    overflow: hidden;
}

.storySectionCarousel.thumbnail .carouselTop {
    height: 2px;
    overflow: hidden;
}

.carouselTopLeft a {
    color: #FFF;
    float: left;
}

    .carouselTopLeft a:hover {
        text-decoration: none;
    }

.carouselTopLeft {
    padding: 4px 10px;
    color: #FFF;
    float: left;
    font: bold 1.1em Arial;
    background-color: #333;
    text-transform: uppercase;
}

.carouselTopRight {
    float: right;
}

    .carouselTopRight li {
        float: left;
        list-style-type: none outside none;
        height: 10px;
        width: 10px;
        margin: 5px 3px 0 5px;
    }

    .carouselTopRight .active {
        background: url(//img1-azrcdn.newser.com/images/paging_dot_sel.png) no-repeat center center;
    }

    .carouselTopRight .inactive {
        background: url(//img1-azrcdn.newser.com/images/paging_dot_desel.png) no-repeat center center;
    }

.jcarousel-item-horizontal {
    float: left;
    list-style-type: none outside none;
    overflow: hidden;
    position: relative;
    background: transparent url('//img1-azrcdn.newser.com/images/story_carousel/loading-small.gif') no-repeat center center;
}

.thumbnail .jcarousel-item-horizontal {
    width: 230px;
    height: 76px;
    display: block;
    background-color: #e9e9e9;
    background-image: none;
}
.carousel-image {
    width: 76px; 
    height: 76px;
    border-radius: 50%;
    object-fit: cover;
}

#divStoryPageContainer {
    padding: 0 0 0 0;
    font-family: 'Roboto', sans-serif;
}

#divArticlePageContainer {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    font-family: 'Roboto', sans-serif;
}

    #divArticlePageContainer #aBackToGrid:hover {
        text-decoration: underline;
    }

.DarkMode #divArticlePageContainer #aBackToGrid {
    background: none;
}

#divStorySections {
    float: left;
}

#divStorySections {
    font-size: 13px;
}

#divStorySections a {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #f00;
    font-weight: 500;
    font-size:14px;
}

#divStoryNavControlsTop, #divArticleNavControlsTop {
    float: right;
}

#divStorySections,
#divStoryNavControlsTop,
#divArticleNavControlsTop {
    padding: 5px 0 10px 0;
}

#aBackToGrid,
#HyperLinkNextStory,
#spanGridNextStoryDivider {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#aBackToGrid {
    width: 135px;
    text-indent: 30px;
    background: url('//img2-azrcdn.newser.com/images/ninesquares.png') no-repeat 0px center;
}

#divArticlePageContainer #aBackToGrid {
    width: 100px;
    text-align: right;
    text-indent: 30px;
    background: url('//img2-azrcdn.newser.com/images/ninesquares.png') no-repeat 0px center;
}

#aBackToGrid:hover {
    text-decoration: none;
}

#HyperLinkNextStory {
    width: 105px;
    background: url('//img1-azrcdn.newser.com/images/rightarrow.png') no-repeat 82px center;
}

    #HyperLinkNextStory:hover {
        text-decoration: none;
    }

#spanGridNextStoryDivider {
    font-size: 20px;
    font-weight: 300;
    margin: 0 20px 0 20px;
}

#divArticleColumn {
    margin: 30px 0 0 0;
}

#divTitle, #divTitle h1 {
    font-family: 'Roboto', sans-serif;
    color: black;
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: 600;
    line-height: 40px;
}

.DarkMode #divTitle, .DarkMode #divTitle h1 {
    color: white;
}

.DarkMode #spanSectionTag {
    color: #717171;
}

#divDeck {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
    color: #717171;
}

#divAuthor {
    height: auto;
    position: relative;
    min-height: 53px;
    float: left;
    margin: 0 0 20px 0;
    font-size: 16px;
}

#divAuthorArticlePage {
    height: 50px;
    float: left;
    margin: 0 0 20px 0;
    font-size: 16px;
}

#HyperLinkAuthor,
#spanByLine {
    color: #f00;
    font-weight: 500;
}

#divAvatar {
    float: left;
    height: 50px;
    width: 70px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

    #divAvatar img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 55px;
    }

#divBy,
#divPostedDate {
    padding: 0;
}

#divBy {
    font-size: 14px;
    color: black;
}

.DarkMode #divBy {
    color: white;
}

#divPostedDate {
    font-size: 12px;
    color: #919191;
}

#divSocialAndCommentsButtonsTop {
    float: right;
    padding: 5px 0 0 0;
}

#divStory,
#divArticle {
    margin: 0;
}

    #divStory ul,
    #divStory ol,
    #divArticle ul,
    #divArticle ol {
        list-style-position: inside;
        display: block;
    }

        #divStory ul li,
        #divStory ol li,
        #divArticle ul li,
        #divArticle ol li {
            margin: 10px 0;
            line-height: 27px;
        }

#storyParagraphContainer p {
    margin-bottom: 15px;
    color: black;
}

.DarkMode #storyParagraphContainer p, .DarkMode #storyParagraphContainer, .DarkMode #divArticle, .DarkMode #aBackToGrid, .DarkMode #apheadlines a, .DarkMode #GridMoreBarNoMore, .DarkMode #GridMoreBarNotConnected {
    color: white;
}

    .DarkMode #storyParagraphContainer a {
        color: red;
    }

#divMediaImageMain {
    text-align: center;
    border-bottom: 1px solid rgb(204,204,204);
}

#divMediaMoreImages {
    text-align: center;
    font-weight: bold;
    color: black;
    margin-top: 5px;
}

.centerDivMedia {
    margin: 0 auto;
}

#divStoryBody,
#divArticleBody {
    font-size: 16px;
    line-height: 25px;
}

#divSocialAndCommentsButtonsBottom,
#divSocialAndCommentsButtonsBottomComments {
    float: right;
    margin: 15px 0 10px 0;
}

#divSocialAndCommentsButtonsBottomArticle {
    float: right;
    margin: 0 0 20px 0;
}

.socialButtons, .socialButtons:hover {
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

#MoreReading #divOtherStoriesContainer {
    padding-bottom: 10px;
    width: 218px;
}

#MoreReading #divMoreReading {
    border-bottom: 3px solid #f40203;
    float: left;
    font-size: 20px;
    font-weight: 500;
    height: 25px;
    width: 172px;
}

#MoreReading #divBackToGrid {
    border-bottom: 1px solid #dedede;
    float: right;
    font-weight: 500;
    height: 27px;
    text-align: right;
    width: 488px;
}

#MoreReading #divBackToGrid2 {
    font-weight: 500;
    height: 27px;
    margin: 15px 0;
    text-align: center;
    width: 215px;
}

#MoreReading #divGrayLine {
    border-bottom: 1px solid #dedede;
    float: right;
    font-weight: 500;
    height: 37px;
    text-align: right;
    width: 46px;
}

#MoreReading #divMoreReadingStories {
    clear: left;
    width: 220px;
}

#MoreReading #imgGoBackToGrid {
    position: relative;
    top: -25px;
}

#MoreReading #divMoreReadingStories .square {
    width: 214px;
    height: 142px;
}

#divMoreReadingStories .HoverBorderYes {
    width: 210px;
    height: 138px;
    border: 2px solid red;
}

#aVoteFacebookShare {
    width: 250px;
    height: 50px;
    margin: 20px 5px 0 35px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 400;
    text-indent: 20px;
    background: #4A65BC url('//img1-azrcdn.newser.com/images/facebook_white.png') no-repeat 15px center;
}

.lbShareFacebook {
    width: 160px;
    margin: 0 5px 5px 0;
    text-indent: 20px;
    background: #4A65BC url('//img1-azrcdn.newser.com/images/facebook_white.png') no-repeat 15px center;
}

.lbShareTwitter {
    width: 160px;
    margin: 0 5px 5px 0;
    text-indent: 20px;
    background: #000 url('//img1-azrcdn.newser.com/images/twitter_x2.png') no-repeat 15px center;
}

.lbShareEmail {
    width: 160px;
    margin: 0 5px 5px 0;
    text-indent: 20px;
    background: #333333 url('//img2-azrcdn.newser.com/images/header/user_white.png') no-repeat 15px center;
}

.resultLabel {
    display: block;
    position: relative;
    color: #f00;
    padding-bottom: 10px;
    text-align: center;
}

.aShareComments {
    width: 159px;
    text-indent: 20px;
    background: #F60001 url('//img1-azrcdn.newser.com/images/speechbubble.png') no-repeat 15px center;
}

.aContestPromo {
    width: 155px;
    text-indent: 0px;
    background-color: #F60001;
    height: 49px;
    display: block;
    text-align: center;
    line-height: 47px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.aViewMoreMedia {
    margin: 1px auto 10px auto;
    float: none;
    text-indent: 5px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    color: RED;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

#divStoryMediaOtherLinkPhotos {
    float: left;
    display: inline-block;
    padding-left: 11px;
}

#divStoryMediaOtherLinkError {
    float: right;
    display: inline-block;
    padding-right: 16px;
}

.aShareBackToStory {
    width: 100px;
    text-indent: 23px;
    background: transparent url('//img1-azrcdn.newser.com/images/backtostory6.png') no-repeat;
}

.aListStoryRight, .aListStoryRight:hover {
    width: 208px;
    text-indent: 12px;
    float: left;
    margin: 10px auto;
    text-align: left;
    padding-left: 16px;
    background: transparent url('//img2-azrcdn.newser.com/images/redarrowrightbig2.png') no-repeat;
}

.aListStoryLeft, .aListStoryLeft:hover {
    width: 208px;
    text-indent: 20px;
    float: left;
    margin: 10px auto;
    text-align: center;
    background: transparent url('//img2-azrcdn.newser.com/images/redarrowleftbig.png') no-repeat;
}


.aShareFacebook {
    width: 40px;
    margin: 0 8px 0 0;
    /*background: #4A65BC url('//img2-azrcdn.newser.com/images/facebook_white3.png') no-repeat center center;*/
    background-color: #4A65BC;
}

.aShareTwitter {
    width: 40px;
    margin: 0 8px 0 0;
    /*background: #00ABF1 url('//img1-azrcdn.newser.com/images/twitter_white2.png') no-repeat center center;*/
    background-color: black;
}

.aShareEmail {
    width: 40px;
    margin: 0 8px 0 0;
    /*background: #333333 url('//img2-azrcdn.newser.com/images/envelope2.png') no-repeat center center;*/
    background-color: #333333;
}

.aShareLink {
    width: 40px;
    margin: 0 8px 0 0;
    background-color: #909090;
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}

#SpanCopyStoryURLText {
    display: none;
    font-size: 10.5px;
    color: white;
}

.aTextLink {
    width: 40px;
    margin: 0 8px 0 0;
    background-color: #606060;
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}

#divOtherStoriesContainer {
    margin: 0 0 40px 0;
}

#divMyTakeOnThisStoryContainer {
    height: 55px;
}

#divMoreReading {
    width: 246px;
    height: 25px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

#divBackToGrid {
    width: 408px;
    height: 27px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

#aBackToGridBottom {
    height: 41px;
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 41px;
    float: right;
    position: relative;
    top: -15px;
    text-align: right;
    text-indent: 34px;
    background: url('//img2-azrcdn.newser.com/images/ninesquares.png') no-repeat 5px;
}

    #aBackToGridBottom:hover {
        text-decoration: none;
    }

#divMoreReadingStories {
    height: 150px;
}

#divStoryBottomAd {
    /*height: 150px;*/
}

.RightRailAds {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#divMiddleRightRailAd {
    margin-top: 30px;
}

.ad-250 {
    height: 250px;
}

#divAroundTheWeb {
    margin-top: 20px;
}

#divSocialRail {
    width: 100%;
    height: 250px;
    margin: 0 0 30px 0;
    background-color: #ECEAEB;
}

#divSocialRailTitle {
    width: 265px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #C7C5C6;
}

#divSocialRailFb,
#divSocialRailTw {
    width: 50%;
    float: left;
    margin: 20px 0 0 0;
    text-align: center;
    position: relative;
}

    #divSocialRailFb img,
    #divSocialRailTw img {
        margin: 0 0 15px 0;
    }

    #divSocialRailTw > div {
        position: absolute;
        left: 30px;
    }

        #divSocialRailTw > div,
        #divSocialRailTw > div * {
            border-radius: 4px;
            border-right: 1px solid #AAA;
            height: 20px !important;
            width: 104px !important;
            overflow: hidden;
            line-height: 15px;
            visibility: visible !important;
        }

#divPopularOnNewserWrapper, #divRecommendedStoriesWrapper {
    width: 316px;
    font-family: 'Roboto', sans-serif;
}

#divRecommendedStoriesWrapper {
    margin: 10px 0 40px 0;
}

#divPopularOnNewserTitle {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.DarkMode #divPopularOnNewserTitle {
    color: white;
}

#divPopularOnNewser {
    width: 116px;
    height: 25px;
    float: left;
    text-align: right;
    font-weight: 500;
    border-bottom: 3px solid #DEDEDE;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}
.DarkMode #divRetirely {
    color:white;
}

#divSSWrapper {
    padding: 0 0 10px 0;
}
.DarkMode .divSSLine {
    display:none;
}
.divSSLine {
    width: 100%;
    height: 2px;
    float: left;
    text-align: left;
    border-bottom: 3px solid #DEDEDE;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}
.DarkMode #divSSTitleBody {
    background-color: #9a9a9a !important;
    padding: 0 10px;
}
.DarkMode #divSSSectionTitle {
    padding: 20px 0;
}
.DarkMode #divSSTitleBody {
    padding: 10px;
}
#divSSSectionTitle {
    font-size: 24px;
    font-weight: 500;
    padding:40px 0 10px 0;
    color: black;
}
.SSLi {
    display: block;
    margin-bottom: 10px;
    padding: 5px 0 10px 0;
    font-size: 16px;
    line-height: 16px;
}
li.SSLi {
    line-height: 16px !important;
}
.DarkMode .SSLi a {
    color: red;
}
.SSLi a {
    color: blue;
    text-decoration:underline;
}

#divAIWrapper {
    width: 280px;
    padding: 10px;
    display: none;
    background-color: #EEEEEE;
}
.DarkMode #divAIWrapper {
    background-color: #9a9a9a !important;
}
#divAIWrapperGrid {
    width: 977px;
    padding: 10px 0;
    background-color: #EEEEEE;
}
.DarkMode #divAIWrapperGrid {
    background-color: #9a9a9a !important;
}
.AIGridContainer {
    margin-left: 20px;
}
.AIGridItem {
    float: left;
    margin: 0 7px;
}
#divAIBody {
}
.BodyStoryPage #divAIWrapper {
    display: block;
}
#divAITitle {
    width:280px;
    height:70px;
    margin:15px 0;
    background: url(//img2-azrcdn.newser.com/images/newserai2.png) top center no-repeat;
    background-size: 240px;
}
.DarkMode #divAITitle {
    background: url(//img2-azrcdn.newser.com/images/newseraidark2.png) top center no-repeat;
    background-size: 240px;
}
#divAI1, #divPopularOnNewserLine1 {
    width: 100%;
    height: 2px;
    float: left;
    text-align: left;
    border-bottom: 3px solid red;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}
#divAI2, #divPopularOnNewserLine2 {
    width: 0px;
    height: 2px;
    float: right;
    text-align: right;
    border-bottom: 3px solid #DEDEDE;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}
#divAISectionTitle {
    font-size: 20px;
    font-weight: 500;
}
#divAISectionTitle a {
    color: black;
}
.DarkMode #divAISectionTitle a {
    color: white;
}
.AIBullet {
    margin-top:2px;
}
#divAIBody {
}
.AIByline {
    color: #919191;
    padding: 0 0 7px 0;
}
.AIHeadline a {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: black;
}
.DarkMode .AIHeadline a {
    color: white;
}
.AILi {
    width: 280px;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px dotted #919191;
    padding: 5px 0 10px 0;
}
.AIPopularImage {
    height: 150px;
    width:220px;
}
.AIPopularCounter {
    width: 38px;
    height: 40px;
    line-height: 40px;
    color: #F60001;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}
.AIPopularCounterText {
    display: table;
    width: 242px;
    height: 40px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 18px;
}
.AIPopularCounterText a {
    font-size:14.5px;
    font-weight:700;
    line-height:18px;
    color: black;
}
.AIGridHeadline {
    display: table;
    width: 190px;
    height: 40px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 18px;
}
.AIGridHeadline a {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: black;
}
.DarkMode .AIGridHeadline a {
    color: white !important;
}
.AIButton {
    width: 100px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    color: #fff;
    background-color: red;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.AIPolicyLink {
    margin-left:5px;
    color:red;
    text-decoration:underline;
    font-weight:500;
}

.AICarousel {
    width: 604px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.DarkMode .AICarousel {
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

#divAITitleGrid {
    width: 280px;
    height: 70px;
    background: url(//img1-azrcdn.newser.com/images/newserai_notag.png) top left no-repeat;
    background-size: 240px;
    display: inline-block;
    float: left;
    margin: -18px 0 0 0;
}

.DarkMode #divAITitleGrid {
    background: url(//img1-azrcdn.newser.com/images/newseraidark_notag.png) top left no-repeat;
    background-size: 240px;
}
#divAITitleGridText {
    display: inline-block;
    float: left;
    color:black;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right: 5px;
}
.DarkMode #divAITitleGridText {
    color: white !important;
}
#divAITitleGridGroup {
    display: inline-block;
}
#GridAIPanel {
    height: 360px;
}
.DarkMode #GridAIPanel {
    background-color: #9a9a9a !important;
}
.AIGridBulletHeadline {
    height:60px;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    background-color:white;
}
.DarkMode .AIGridBulletHeadline {
    background-color: black !important;
}

.AICarouselHeader {
    height: 40px;
    width: 100%;
    background-color: black;
}

.DarkMode .AICarouselHeader {
    height: 40px;
    width: 100%;
    background-color: white;
}

.AICarouselHeader td {
    width: 20%;
    vertical-align: middle;
}

.AICarouselHeader td.AICarouselHeaderMid {
    width: 60%;
    text-align: center;
}

#divAICarouselPrev, #divAICarouselNext {
    font-size: 40px;
    padding: 5px 20px;
    text-align: center;
}

.AICarouselPrevNextOff {
    color: white;
}

.DarkMode .AICarouselPrevNextOff {
    color: black;
}

.AICarouselPrevNextOn {
    color: red;
}

#divAICarouselPrev:hover, #divAICarouselNext:hover {
    cursor: pointer;
}

#divAICarouselTitle {
    width: 300px;
    height: 45px;
    background: url(//img2-azrcdn.newser.com/images/newseraidark2.png) top center no-repeat;
    background-size: 187px;
    display: inline-block;
}

.DarkMode #divAICarouselTitle {
    background: url(//img2-azrcdn.newser.com/images/newserai2.png) top center no-repeat;
    background-size: 282px;
}

/* AI carousel */
.AICarouselContainer {
    width: 100%;
    height: 110px;
    overflow: hidden;
}

.AICarouselList {
    min-width: 6000px;
    float: left;
}

.AICarouselItem {
    width: 300px;
    float: left;
    position: relative;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.DarkMode .AICarouselItem {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.AICarouselHeadlineDiv {
    padding-top: 14px;
}

.AICarouselHeadline {
    font-size: 14px;
    line-height: 14px;
    color: black;
}

.DarkMode .AICarouselHeadline {
    color: white;
}

.AICarouselByline {
    font-size: 10px;
    color: gray;
}
/* AI carousel */


#divRecommendedStoriesTitle {
    width: 237px;
    height: 25px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}

.DarkMode #divRecommendedStoriesTitle {
    color: white;
}

#divRecommendedStories {
    width: 77px;
    height: 25px;
    float: left;
    text-align: right;
    font-weight: 500;
    border-bottom: 3px solid #DEDEDE;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}

#divStoryPageBottomAd {
    width: 725px;
    margin: 0 auto;
    margin-top: 80px;
    padding: 0 0 10px 0;
}

#divMyTakeOnThisStoryContainer {
    height: 55px;
    margin-top: 40px;
}

#divMyTakeOnThisStory {
    width: 200px;
    height: 35px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
}

.DarkMode #divMyTakeOnThisStory {
    color: white;
}

#divUserErrorReport {
    width: 454px;
    height: 35px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 3px solid #DEDEDE;
}

    #divUserErrorReport a {
        color: #f00;
    }

#divYouMightLikeContainer {
    margin: 20px 0 30px 0;
}

#divYouMightLike {
    width: 136px;
    height: 35px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
    margin: 0 0 20px 0;
}

#divYMLGreyBorderBottom,
#divYMLGreyBorderBottomArticle {
    width: 518px;
    height: 37px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 1px solid #DEDEDE;
    margin: 0 0 20px 0;
}

#divComments {
    margin: 0 0 30px 0;
}

#imgShrink:hover, #imgEnlarge:hover {
    cursor: pointer;
}

#divImageMainShrinkEnlarge {
    position: absolute;
    right: 0;
    bottom: 4px;
}

#divArticlePageContainer #divImageMainShrinkEnlarge {
    bottom: 0;
}

#divImageMainCaption {
    clear: left;
    font-size: 14px;
    line-height: 21px;
    padding: 5px 20px 15px 20px;
    text-align: left;
}

    #divImageMainCaption .labelMoreImages {
        text-decoration: underline;
    }

#divSocialShareButtons {
    width: 353px;
}

    #divSocialShareButtons > div {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500;
        margin: 60px 0 0 35px;
        line-height: 24px;
    }

#divAnotherStory {
    width: 300px;
}

    #divAnotherStory > span {
        display: block;
        margin: 20px 0 20px 0;
        font-size: 17px;
        font-weight: 500;
    }

.TodaysMostPopularCounterUl, .RecommendedStoriesUl, .AIUl {
    list-style: none;
}

.TodaysMostPopularCounterLi, .RecommendedStoriesLi {
    width: 314px;
    height: 76px;
    display: block;
    background-color: #e9e9e9;
    margin-bottom: 10px;
}

.DarkMode .TodaysMostPopularCounterLi, .DarkMode .RecommendedStoriesLi {
    background-color: #a9a9a9;
}

.TodaysMostPopularCounterLi.OnThisDayDark {
    background-color: black;
}

    .TodaysMostPopularCounterLi.OnThisDayDark .TodaysMostPopularCounterTextLink a {
        color: white;
    }

.TodaysMostPopularCounter {
    width: 52px;
    height: 75px;
    float: left;
    line-height: 75px;
    color: #F60001;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}

.TodaysMostPopularCounterText {
    display: table;
    width: 262px;
    height: 75px;
    float: left;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 18px;
}

.RecommendedStoriesText {
    display: table;
    width: 300px;
    height: 75px;
    float: left;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 18px;
}

    .TodaysMostPopularCounterText > div, .RecommendedStoriesText > div {
        display: table-cell;
        vertical-align: middle;
    }

    .TodaysMostPopularCounterText a, .RecommendedStoriesText a {
        color: #000;
        text-decoration: none;
    }
/*
.SimilarText {
    display: table;
    width: 223px;
    height: 75px;
    float: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
}

    .SimilarText > div {
        display: table-cell;
        vertical-align: top;
    }

    .SimilarText a {
        color: #000;
        text-decoration: none;
        font-size: 13.5px;
        line-height: 16px;
    }
*/
.MainCol.storyMainCol {
    padding-left: 9px;
}

#bothCol {
    float: left;
    border: 1px solid #D2D2D2;
    margin: 38px 0 5px;
}

.SideCol #Ad_Center1 {
    text-align: center;
}

#storyP1P2 ol {
    display: block;
}

#CommentsShort {
    width: 100%;
    padding: 0 0 50px;
    border-bottom: 1px solid #C8C8C8;
}

.storyListHeader2 {
    text-transform: uppercase;
    margin: 10px 0 5px;
}

.collapsed {
    display: none;
}

.mediaScroller {
    margin: 0;
    width: 300px;
    position: relative;
    padding: 0;
    font-size: 11px;
    line-height: 1.2em;
}

.mediaItemMainSide {
    float: left;
    border: 0;
    margin: 0 15px 0 0;
}

.mediaItemMainBelow {
    border: 0;
}

.mediaItem {
    border: 0;
    margin: 50px 0;
}

#qscrollclip {
    border: 1px solid #ddd;
}

#quotes_panel .mediaItem {
    border: 0px solid #ddd;
}

.mediaImage td {
    padding: 0;
    width: 300px;
    height: 250px;
    background: #333;
    text-align: center;
    vertical-align: middle;
}

.mediaVideo {
    width: 300px;
    height: 250px;
    background-color: #333;
}

.mediaCaption {
    bottom: 10px;
    margin-top: 4px;
}

.mediaControls {
    position: absolute;
    top: 250px;
    padding: 2px 0;
    height: 20px;
    text-align: center;
    width: 300px;
    margin: 5px 0 0;
    font-weight: bold;
}

#iscrollclip,
#vscrollclip,
#qscrollclip,
#iscrollclip2 {
    overflow: hidden;
    width: 300px;
    padding: 0;
    z-index: 0;
    margin: 0 auto;
    position: relative;
}

#iscrollview,
#vscrollview,
#qscrollview,
#iscrollview2 {
    margin: 0;
    padding: 0;
    width: 60000px;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

.mediaControls .mediaStatus {
    display: inline;
    padding: 0 5px;
}

.mediaQuote {
    font-family: Georgia;
    position: relative;
    font-size: 19px;
    padding: 0;
    line-height: 22px;
    background: url(//img1-azrcdn.newser.com/images/bg_quote_ylw.gif) top left no-repeat;
    color: #333;
    height: 238px;
    width: 280px;
    overflow: hidden;
    text-align: right;
    margin: 0px;
}

    .mediaQuote p {
        margin: 37px 27px 0 18px;
        padding: 0;
        width: 255px;
        height: 220px;
        overflow: hidden;
        text-align: right;
        z-index: -1;
    }

.quoteSource {
    display: block;
    font-family: Arial, Helvetic, San serif;
    color: #666;
    font-size: 13px;
    margin: 0 0 10px 0;
    position: relative;
    top: 6px;
    text-align: right;
    line-height: 1.5em;
}

* .mediaQuote ul {
    margin-right: 5px;
}

#videos_panel * .mediaCaption {
    margin-top: 38px;
}

.source, .author {
    color: #666;
    font-weight: bold;
}

.source {
    text-transform: uppercase;
}

#divYourTakeHeadline {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

#divYourTake {
    font-size: 18px;
    margin: 0 0 20px 0;
}

#divNextStoryHeadline {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 27px 0;
    background-color: gray;
    padding: 20px 0;
}

    #divNextStoryHeadline a {
        color: white;
    }

#divCommentsContainer {
    height: auto;
    min-height: 55px;
    display: inline-block;
}

#divComments {
    width: 97px;
    height: 35px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
}

#divReadCommentsPolicy, #divSponsoredLinks {
    width: 557px;
    height: 37px;
    float: right;
    text-align: right;
    color: #000;
    border-bottom: 1px solid #DEDEDE;
}

#divSponsoredLinks {
    width: 518px;
}

#divReadCommentsPolicy a,
#divReadCommentsPolicy a:hover {
    color: #000;
    text-decoration: none;
}

#divCommentRow {
    min-height: 50px;
    margin: 0 0 20px 0;
    clear: both;
}

#divCommentsShortShowingCount {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #C8C8C8;
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
}

#divCommentsShortAvatar {
    width: 50px;
    height: 50px;
    text-align: center;
    float: left;
    margin: 0 15px 0 0;
}

    #divCommentsShortAvatar img {
        width: 50px !important;
        height: 50px !important;
        border-radius: 5px;
    }

#divCommentsShortUsernameAndTime {
    height: 17px;
}

#divCommentsShortUsername {
    float: left;
    color: #143896;
    font-weight: 800;
    font-size: 13px;
    margin: 0 30px 0 0;
}

#divCommentsShortTime {
    float: left;
    color: #B2B5BA;
}

#divCommentsShortComment {
    color: #3F4346;
    font-size: 14px;
    margin: 0 0 0 65px;
}

#divCommentsShortButtonContainer {
    text-align: center;
}

.commentsShortButtonGrey,
.commentsShortButtonRed {
    width: 240px;
    height: 50px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.commentsShortButtonGrey {
    background-color: #CAC9C7;
    margin: 0 5px 0 0;
}

.commentsShortButtonRed {
    background-color: #F60001;
}


/* Carousel */

#WidgetCarousel .storySectionCarousel {
    margin: 10px 0 0;
    width: 1006px;
    position: relative;
    left: -2px;
}

.storySectionCarousel {
    overflow: hidden;
}

.jcarousel-item-list-horizontal {
    overflow: hidden;
    position: relative;
    top: 0px;
    margin: 0px;
    padding: 0px;
    left: 0px;
}

.thumbnail .jcarousel-item-list-horizontal {
    margin-left: 31px;
}

#GridBox .jcarousel-container-horizontal {
    background-color: #333;
}

.storySectionCarousel .jcarousel-clip-horizontal, .storySectionCarousel ul {
    clear: both;
}

.storySectionCarousel .jcarousel-clip-horizontal {
    width: 976px;
    overflow: hidden;
}

.storySectionCarousel.thumbnail .jcarousel-clip-horizontal {
    width: 939px;
    overflow: hidden;
}

.jcarousel-container-horizontal {
    position: relative;
    display: block;
}

.storySectionCarousel ul {
    list-style: none;
}

.storySectionCarousel .carousel-border ul {
    background-color: #fff;
}

.thumbnail .carousel-border {
    border-top: none;
    border-bottom: 1px solid #DEDEDE;
    border-left: none;
}

.carousel-border {
    border-top: 3px solid #333;
    border-left: 1px solid #333;
    border-bottom: 3px solid #333;
}

.storySectionCarousel .jcarousel-next, .storySectionCarousel .jcarousel-prev {
    width: 26px;
    position: absolute;
    right: 0;
    overflow: hidden;
    z-index: 30;
}

.storySectionCarousel .jcarousel-next {
    top: 0px;
    border-bottom: 1px solid #535353;
    background: url("//img1-azrcdn.newser.com/images/storcar_next.png") repeat-x center center;
    cursor: pointer;
}

.storySectionCarousel.thumbnail .jcarousel-next {
    border-bottom: none;
}

.storySectionCarousel .jcarousel-prev {
    background: url("//img1-azrcdn.newser.com/images/storcar_prev.png") repeat-x center center;
    cursor: pointer;
    bottom: 0px;
}

.storySectionCarousel .jcarousel-next:hover {
    background: url("//img1-azrcdn.newser.com/images/storcar_next_hover.png") repeat-x center center;
    cursor: pointer;
}

.storySectionCarousel .jcarousel-prev:hover {
    background: url("//img1-azrcdn.newser.com/images/storcar_prev_hover.png") repeat-x center center;
    cursor: pointer;
}

.storySectionCarousel.thumbnail .jcarousel-next, .storySectionCarousel.thumbnail .jcarousel-next:hover {
    background: #e9e9e9 url("//img1-azrcdn.newser.com/images/right_active.png") no-repeat 16px 40px;
    cursor: pointer;
    width: 28px;
    position: absolute;
    right: 7px;
    overflow: hidden;
    z-index: 30;
    display: block;
    background-color: #e9e9e9;
}

.storySectionCarousel.thumbnail .jcarousel-prev, .storySectionCarousel.thumbnail .jcarousel-prev:hover {
    background: #e9e9e9 url("//img2-azrcdn.newser.com/images/left_active.png") no-repeat 0px 40px;
    cursor: pointer;
    width: 27px;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 30;
    display: block;
    margin-left: 4px;
}

.storySectionCarousel .jcarousel-next-disabled, .storySectionCarousel .jcarousel-next-disabled:hover {
    background: url("//img1-azrcdn.newser.com/images/storcar_next_inact.png") repeat-x center center;
    cursor: default;
}

.storySectionCarousel .jcarousel-prev-disabled, .storySectionCarousel .jcarousel-prev-disabled:hover {
    background: url("//img1-azrcdn.newser.com/images/storcar_prev_inact.png") repeat-x center center;
    cursor: default;
}

.storySectionCarousel.thumbnail .jcarousel-next-disabled, .storySectionCarousel.thumbnail .jcarousel-next-disabled:hover {
    background: #e9e9e9 url("//img1-azrcdn.newser.com/images/right_inactive.png") no-repeat 16px 40px;
    cursor: default;
}

.storySectionCarousel.thumbnail .jcarousel-prev-disabled, .storySectionCarousel.thumbnail .jcarousel-prev-disabled:hover {
    background: #e9e9e9 url("//img2-azrcdn.newser.com/images/left_inactive.png") no-repeat 0px 40px;
    cursor: default;
}

.jcarousel-clip-horizontal {
    overflow-x: hidden;
}

.storySectionCarousel.thumbnail .jcarousel-clip-horizontal {
    margin-left: 31px;
}

.SimilarText {
    display: table;
    width: 305px;
    height: 75px;
    float: left;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}
.SimilarText > div {
    display: table-cell;
    vertical-align: top;
}
.SimilarText a {
    color: #000;
    text-decoration: none;
    font-size: 13.5px;
    line-height: 18px;
    font-weight:bold;
}

.DarkMode .thumbnail .jcarousel-item-horizontal {
    background-color: #a9a9a9;
}

.DarkMode .carousel-border {
    background-color: #a9a9a9;
}
/*
.DarkMode .storySectionCarousel.thumbnail .jcarousel-prev-disabled, .DarkMode .storySectionCarousel.thumbnail .jcarousel-prev-disabled:hover {
background: #a9a9a9 url("//img2-azrcdn.newser.com/images/left_inactive.png") no-repeat 0px 40px;
}
*/
.DarkMode .storySectionCarousel.thumbnail .jcarousel-next, .DarkMode .storySectionCarousel.thumbnail .jcarousel-next:hover {
    background: #a9a9a9 url("//img1-azrcdn.newser.com/images/right_active.png") no-repeat 16px 40px;
}

.DarkMode .storySectionCarousel.thumbnail .jcarousel-prev, .DarkMode .storySectionCarousel.thumbnail .jcarousel-prev:hover {
    background: #a9a9a9 url("//img2-azrcdn.newser.com/images/left_active.png") no-repeat 0px 40px;
}

.DarkMode .storySectionCarousel.thumbnail .jcarousel-prev-disabled, .DarkMode .storySectionCarousel.thumbnail .jcarousel-prev-disabled:hover {
    background: #a9a9a9 url("//img2-azrcdn.newser.com/images/left_inactive.png") no-repeat 0px 40px;
}

.DarkMode .storySectionCarousel.thumbnail .jcarousel-next-disabled, .DarkMode .storySectionCarousel.thumbnail .jcarousel-next-disabled:hover {
    background: #a9a9a9 url("//img1-azrcdn.newser.com/images/right_inactive.png") no-repeat 16px 40px;
}

.DarkMode .thumbnail .carousel-border {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/* End carousel */

#divNSS {
    position: fixed;
    z-index: 2;
    bottom: 22px;
    left: -285px;
    color: white;
    background-color: rgb(245,245,245);
    width: 280px;
    height: 250px;
    border: 1px solid black;
    text-align: left;
}
/*
.DarkMode #divNSS {
background-color: #a9a9a9;
}
*/
#divNSSMain {
    display: inline-block;
    background-color: black;
    width: 60px;
    height: 101px;
}

#divNSSText1 {
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
}

#divNSSText2 {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 16px;
    line-height: 22px;
}

#divNSSClose {
    position: absolute;
    top: 3px;
    right: 3px;
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}


/* End story page */

/* About page */
.staffContainer {
    float: left;
    margin-right: 5px;
    width: 120px;
    height: 200px;
    line-height: 1.2em;
}

    .staffContainer img {
        height: 88px;
        margin-bottom: 5px;
        padding-right: 5px;
    }

    .staffContainer h3 {
        font-size: 115%;
    }

.bioPage h3, #bios h2 {
    font-family: Arial Narrow;
    font-size: 18px;
    margin-bottom: 5px;
}

.bioPage h4 {
    font-family: Arial;
    color: #000;
}

.DarkMode .bioPage h4 {
    color: #FFF;
}

.bioBigBlocks {
    width: 180px;
    margin-bottom: 20px;
}

    .bioBigBlocks a[disabled] {
        text-decoration: none !important;
        cursor: default !important;
    }

#ContactUs #TextBoxComments {
    width: 480px;
}
/* End About pages */

#divCM {
    position: fixed;
    z-index: 100;
    bottom: -50px;
    color: white;
    background-color: rgba(0,0,0,.75);
    width: 100%;
    height: 34px;
    text-align: center;
}

.DarkMode #divCM {
    background-color: rgba(169,169,169,.92);
}

#divCM a {
    color: red;
    text-decoration: underline;
}

#divCMText {
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
}

#divCMText1 {
    float: left;
    color: white;
    font-size: 12px;
    line-height: 13px;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
}

#divCMText2 {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

    #divCMText2 button {
        width: 40px;
        height: 25px;
        color: black;
        background-color: white;
    }

#divSubSignupEmail {
    border: 1px solid gray;
    position: relative;
    text-align: center;
    width: 450px;
    height: 36px;
}

#divSubSignup .emailTypeHeading {
    color: Red;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.4em;
    width: 195px;
    display: inline-block;
}

#divSubSignup .emailTypeDiv {
    border-bottom: 1px solid #CCC;
    margin: 10px 0;
    padding-bottom: 10px;
}

#divSubSignupEmail #TextBoxEmail {
    padding-left: 10px;
    width: 361px;
    height: 33px;
    font-size: 16px;
    border: none;
}

.SubSignupDesc {
    max-width: 425px;
    width: 80%;
    margin-left: 23px;
    padding-top: 7px;
}

#divSuggestAStory #TextBoxLink, #divSuggestAStory #TextBoxComments {
    width: 480px;
}

#divPrivacyPolicy h3 {
    margin-top: 10px;
}

#divPrivacyPolicy li {
    margin-bottom: 5px;
}

#divTagPage h2 {
    margin: 0 0 1em 0;
}

#divTagPage .square {
    height: 160px;
    width: 240px;
}

#divTagPage h2 a {
    color: black;
}

.DarkMode #divTagPage {
    color: white;
}

    .DarkMode #divTagPage .tagPageContainer h2 a {
        color: white;
    }

    .DarkMode #divTagPage .tagPageContainer a {
        color: red;
    }

    .DarkMode #divTagPage .tagPagePagingNav a {
        color: red;
    }

    .DarkMode #divTagPage #mainCol {
        background-color: black;
    }

.DarkMode #mainCol.searchResults {
    color: white;
}

.DarkMode #mainCol.searchResults {
    background-color: black;
}

    .DarkMode #mainCol.searchResults a {
        color: red;
    }

.DarkMode #ctl00_ContentPlaceHolder1_MoreLikeThisAP_storyPageAP a {
    color: red;
}



.CommentUpper {
    background-color: #d7d7d7;
    margin-left: 0px;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 3px 3px 3px 3px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.CommentLower {
    background-color: #ebeaea;
    padding: 10px 12px;
    margin-bottom: 8px;
    line-height: 1.42;
}

#apheadlines.boxFrame, .boxFrame.tabbedHeadingFrame {
    text-align: left;
}

.tabbedHeading {
    width: 160px;
    left: 0;
    text-align: left;
    color: #fff;
    font-size: 11px;
    margin: 0;
    font-weight: normal;
    padding: 3px 2px 3px 10px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 20px;
}

    .tabbedHeading.darkGrey a, .tabbedHeading.darkGrey a:visited, .tabbedHeading.darkGrey a:hover, .tabbedHeading.darkGrey a:link .tabbedHeading.blue a, .tabbedHeading.blue a:visited, .tabbedHeading.blue a:hover, .tabbedHeading.blue a:link {
        color: #FFF;
        text-decoration: underline;
    }

    .tabbedHeading.lightGrey a, .tabbedHeading.lightGrey a:visited, .tabbedHeading.lightGrey a:hover, .tabbedHeading.lightGrey a:link .tabbedHeading.yellow a, .tabbedHeading.yellow a:visited, .tabbedHeading.yellow a:hover, .tabbedHeading.yellow a:link {
        color: #000;
        text-decoration: underline;
    }

    .tabbedHeading a:hover {
        text-decoration: none;
    }

.lightGrey {
    color: #000;
    background-color: #AAA;
}

.darkGrey {
    color: #fff;
    background-color: #333;
}

.yellow {
    color: #000;
    background-color: #FED944;
}

.blue {
    color: #fff;
    background-color: #039;
}

#apheadlines ul.apListHeading {
    margin-bottom: 0;
    padding: 0;
    margin-top: -5px;
}

#apheadlines.boxFrame ul.apListHeading li, #apheadlines.boxFrame ul.apListHeading li a {
    min-height: 10px;
    border: 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    text-transform: uppercase;
    color: #000;
    padding: 0;
}

.apListingColumn {
    float: left;
    display: inline;
    width: 190px;
    border-right: 1px solid #ddd;
    height: auto;
}

    .apListingColumn li {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

#apheadlines #tabs ul li img, #apheadlines ul li img {
    float: right;
    margin: 0 0 5px 10px;
}

a.photoLink {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
}

li.photoLink, #apheadlines #tabs li.photoLink {
    background-color: #eee;
    border-width: 0px;
    padding: 4px 12px 3px 19px;
    background-image: url('//img2-azrcdn.newser.com/images/ap-photo-icon.png');
    background-position: 4px 5px;
    background-repeat: no-repeat;
}

    li.photoLink a {
        display: block;
        line-height: 1.2em;
    }

    #apheadlines #tabs li.photoLink a span {
        font-size: 100%;
    }

.articlePage .storyTopMain h1, .articlePage .storyTopMain h2, .articlePage .storyTopMain p.byline, .articlePage .storyTopMain h3.byline {
    margin-right: 15px;
    margin-left: 5px;
}

.articlePage .storyTopMain h3.byline {
    border: none;
    margin: 20px 15px 5px 5px;
    font-size: 100%;
}

.tabbedSubHeading {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 5px 0 8px;
}

.boxFrame h3.subhead, .boxFrame h3.subheadCap {
    margin-top: 20px;
    text-transform: none;
    margin-bottom: 25px;
}

.tagPage .boxFrame h3.subheadCap {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
}

.boxFrame ul {
    text-align: left;
    margin: 0 8px 8px;
    list-style: none;
}

#divArticlePageContainer #divSocialAndCommentsButtonsTop {
    float: right;
    padding: 5px 0 10px 0;
}

#divSearchPage #sideCol .boxFrame h2.heading {
    font-family: Arial, Helveitca, Sans-Serif Serif;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
    border-bottom: 6px solid #e7e7e7;
}

#divSearchPage #sideCol a {
    font-weight: bold;
}

#divSearchPage .boxFrame ul {
    text-align: left;
    margin: 0 8px 8px;
    list-style: none;
}

#divSearchPage .boxFrame #tabs li, .boxFrame li {
    text-align: left;
    padding: 2px 5px;
    border-bottom: 1px solid #ddd;
    color: #333;
    line-height: 1.4em;
}

.DarkMode #divNewsletterBody, .DarkMode #divNewsletterBody > div, .DarkMode #divNewsletterBody > div > div {
    color: white !important;
}

#lightbox {
    position: absolute;
    background: #FFF;
    top: 0%;
    left: 0%;
    z-index: 999990;
    opacity: 0.85;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.lightboxdark {
    background: #000 !important;
    opacity: 0.80 !important;
}

.overlayPopup {
    position: fixed;
    z-index: 999999;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background-color: white;
    -webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
}

.overlayPopupDark {
    position: fixed;
    z-index: 999999;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background-color: white;
    -webkit-box-shadow: 0px 0px 75px 0px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 75px 0px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 75px 0px rgba(255,255,255,0.75);
}

.emailAStoryPopup, .reportAStoryErrorPopup {
    width: 100%;
    max-width: 700px;
}

.axMessage {
    width: 100%;
    max-width: 765px;
}

#divEmailPopupContainer, #divReportAStoryErrorPopupContainer {
    background-color: #ECEAEB;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 15px;
}

.DarkMode #divEmailPopupContainer, .DarkMode #divReportAStoryErrorPopupContainer {
    background-color: #a9a9a9;
}

#divEmailPopup, #divReportAStoryPopup {
    width: 95%;
    margin: 0 auto;
}

#divEmailPopupTitle {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #C8C6C7;
}

#divStoryImage {
    float: left;
    margin: 10px 0 0 0;
}

#divToFrom {
    float: right;
    margin: 10px 0 0 0;
}

#TextBoxTo,
#TextBoxName {
    width: 320px;
    height: 40px;
    line-height: 35px;
    font-size: 13px;
    text-indent: 60px;
    border-radius: 4px;
    border: 1px solid #CDCBCC;
    display: block;
}

#TextBoxTo {
    margin: 0 0 15px 0;
}

#divToFrom > span {
    height: 0px;
    display: block;
    position: relative;
    top: -32px;
    color: #f00;
}

#divMessageTitle {
    margin: 15px 0 3px 0;
    font-size: 13px;
}

    #divMessageTitle > span {
        font-weight: 600;
    }

#divMessage {
    margin: 15px 0 5px 0;
}

    #divMessage textarea {
        height: 80px;
        width: 95%;
        padding: 10px 0 0 10px;
        border-radius: 4px;
        border: 1px solid #CDCBCC;
        font-size: 14px;
        overflow: auto;
    }

#divSendButton {
    width: 280px;
    margin: 0 auto;
}

#ButtonSend {
    font-size: 14px;
    font-weight: 500;
}

#divEmailPopupContainer {
    background-color: #ECEAEB;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 15px;
}

.reportAStoryErrorPopup {
    width: 100%;
    max-width: 700px;
}

#divErrorReportPopupContainer {
    width: 700px;
    height: 445px;
    background-color: #ECEAEB;
    font-family: 'Roboto', sans-serif;
}

#divErrorReportPopup {
    width: 600px;
    height: 274px;
    margin: 0 auto;
    padding-top: 20px;
}

#divErrorReportPopupTitle {
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #C8C6C7;
}

#selectErrorType {
    color: #A9A9A9;
    width: 100%;
    height: 50px;
    margin: 20px 0 20px 0;
    font-family: 'Roboto', sans-serif;
    padding: 0 0 0 15px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('//img2-azrcdn.newser.com/images/down_arrow_red_with_divider.png') no-repeat 95%;
    border: 1px solid #CDCBCC;
}

select::-ms-expand {
    display: none;
}

input[class*="errorFormEmail"] {
    background: #FFF url('//img2-azrcdn.newser.com/images/inputboxes/emailbox.png') no-repeat scroll 15px center;
}

#inErrorEmail {
    width: 290px !important;
    height: 40px;
    line-height: 35px;
    font-size: 13px;
    text-indent: 60px;
    border-radius: 4px;
    border: 1px solid #CDCBCC;
    display: block;
    padding: 0 !important;
}

#taErrorDescription {
    height: 75px;
    width: 90%;
    padding: 20px 0 0 20px;
    border-radius: 4px;
    border: 1px solid #CDCBCC;
    font-size: 14px;
    overflow: auto;
}

#divErrorMessages {
    height: 20px;
}

#divSendButton {
    width: 290px;
    margin: 0 auto;
}

    #divSendButton a {
        font-weight: 400;
    }

#aSendtoEditors,
#aSendtoEditors:hover {
    width: 290px;
    height: 50px;
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-decoration: none;
}

#loadingPanel.nopopup {
    width: 655px;
    height: 440px;
    background: #222;
}

.nopopup #loadingImage {
    padding-left: 300px;
    padding-top: 180px;
}

#mainPanel {
    position: relative;
    min-height: 440px;
    background: #222;
    width: 650px;
}

    /* Video gallery */
    /**********************LARGE GALLERY START************************/
    #mainPanel a {
        color: #fed944;
    }

div.selectedThumbContainer, div.thumbContainer {
    text-align: left;
    margin-bottom: 3px;
    padding-left: 9px;
    height: 80px;
}

.selectedThumbContainer {
    background: url(//img2-azrcdn.newser.com/images/icn_selectedimage.gif) no-repeat left center;
}

.cutoff {
    border-width: 7px 3px;
    border-color: #111;
    border-style: solid;
    height: 50px;
    overflow: hidden;
}

div.selectedThumbContainer div.cutoff {
    border-color: #fed944;
}

div.mediaNav {
    display: inline;
    top: 5px;
    margin: 0 9px 0 0;
    position: relative;
    text-align: right;
}

#mainPanel.popup div.mediaNav {
    padding-left: 75px;
}

#mainPanel.nopopup div.mediaNav.image {
    padding-left: 185px;
}

#mainPanel.nopopup div.mediaNav.video {
    padding-left: 220px;
}

div.mediaNav a {
    padding: 2px 4px;
}

    div.mediaNav a.slideshow {
        margin-right: 0px;
        padding: 4px 0 4px 21px;
        background: url(//img2-azrcdn.newser.com/images/btn_play_media2.gif) no-repeat left center;
    }

#loadingPanel.popupx {
    width: 825px;
    height: 440px;
    background: #222;
}

#loadingPanel.nopopup {
    width: 655px;
    height: 440px;
    background: #222;
}

.popupx #loadingImage {
    padding-left: 378px;
    padding-top: 120px;
}

.nopopup #loadingImage {
    padding-left: 300px;
    padding-top: 180px;
}

#mainPanel.popup {
    width: 827px;
}

#mainPanel {
    position: relative;
    min-height: 440px;
    background: #222;
    width: 650px;
}

#CarouselButtonContainer {
    width: 71px;
    float: right;
    color: #fff;
}

#LargeImageAd {
    margin: 0px 0 0 160px;
    display: none;
}

#adframe_largeImageInterstitial {
    background-color: transparent;
    overflow: hidden;
    width: 300px;
    height: 250px;
}

#topGalleryBar {
    margin: 0 0 15px 13px;
    position: relative;
    height: 24px;
}

.popup #topGalleryBar {
    top: 10px;
}

#mainPanel #iscrollstatus {
    width: 75px;
    padding: 0;
    position: absolute;
    top: -1px;
}

#mainPanel.popup #iscrollstatus {
    left: 185px;
}

#mainPanel.nopopup #iscrollstatus.mediaStatus.image {
    left: 150px;
}

#mainPanel.nopopup #iscrollstatus.mediaStatus.video {
    left: 195px;
}

#newserLogo {
    float: left;
    margin-right: 12px;
}

.prevNext {
    display: inline;
    margin-left: 27px;
}

#slideshowDiv {
    display: inline;
    margin-left: 32px;
}

#CarouselControls {
    width: 505px;
    position: relative;
    color: #fff;
}

#imageControlContainer #CarouselControls {
    width: 80px;
    height: 42px;
    position: relative;
    color: #fff;
    background-color: #111;
}

#LargeImageContainer #CarouselButtonContainer, #imageControlContainer #CarouselButtonContainer {
    width: auto;
}

#closeImg {
    position: absolute;
    top: 3px;
    right: 3px;
}

#mainImage {
    vertical-align: middle;
    max-width: 500px;
}

#imageCaptionContainer.popup {
    position: absolute;
    top: 43px;
    right: 26px;
    color: #fff;
    width: 180px;
    overflow-y: auto;
}

#imageCaptionContainer.nopopup {
    /*margin: 20px;*/
    color: #fff;
    clear: both;
    display: block;
}

#StoryTitleHolder {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 8px;
}

.backlink {
    margin-top: 15px;
}

#AdvertisementCaption {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 38px;
    text-align: center;
}

#BottomAdContainer {
    clear: both;
    background: #333;
    height: 140px;
    text-align: center;
    overflow: hidden;
    color: #535353;
}

.adtreatment {
    margin: 2px 0 4px 0;
}

#VideoPlayerHolder {
    background-color: #111;
}

#mainPanel.popup #LargeImageContainer {
    width: 593px;
    position: relative;
}

#LargeImageContainer #CarouselButtonContainer .ButtonSmallLeft, #LargeImageContainer #CarouselButtonContainer .ButtonSmallRight, #imageControlContainer #CarouselButtonContainer .ButtonSmallLeft, #imageControlContainer #CarouselButtonContainer .ButtonSmallRight {
    display: inline-block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin: 0 5px 5px 5px;
    float: right;
}

#LargeImageResize {
    overflow: hidden;
    min-height: 200px;
    text-align: center;
}

.nopopup #CaptionsHider {
    position: relative;
    top: 20px;
    padding-bottom: 20px;
}

#ImageCarousel {
    height: 86px;
}

    #ImageCarousel .jcarousel-item {
        border: none;
    }

    #ImageCarousel .jcarousel-direction-rtl {
        direction: rtl;
    }

    #ImageCarousel .jcarousel-container-horizontal {
        width: 122px;
        padding: 0 10px;
    }

    #ImageCarousel .jcarousel-clip-horizontal {
        width: 122px;
        height: 82px;
    }

    #ImageCarousel .jcarousel-item:hover {
        border-color: #808080;
    }

    #ImageCarousel .jcarousel-next-horizontal {
        position: absolute;
        top: 85px;
        right: 0px;
        width: 25px;
        height: 17px;
        cursor: pointer;
        background: transparent url('//img2-azrcdn.newser.com/images/story_carousel/nextstory3.png') no-repeat 0 0;
    }

    #ImageCarousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
        left: 5px;
        right: auto;
        background-image: url('//img2-azrcdn.newser.com/images/story_carousel/nextstory3.png');
    }

    #ImageCarousel .jcarousel-next-horizontal:hover {
        background: transparent url('//img2-azrcdn.newser.com/images/story_carousel/nextstory3-hover.png') no-repeat 0 0;
    }

    #ImageCarousel .jcarousel-next-horizontal:active {
        background-image: url('//img2-azrcdn.newser.com/images/story_carousel/nextstory3-hover.png');
    }

    #ImageCarousel .jcarousel-next-disabled-horizontal,
    #ImageCarousel .jcarousel-next-disabled-horizontal:hover,
    #ImageCarousel .jcarousel-next-disabled-horizontal:active {
        cursor: default;
        background-image: url('//img2-azrcdn.newser.com/images/story_carousel/nextstory3.png');
    }

    #ImageCarousel .jcarousel-prev-horizontal {
        position: absolute;
        top: 85px;
        right: 97px;
        width: 25px;
        height: 17px;
        cursor: pointer;
        background: transparent url('//img2-azrcdn.newser.com/images/story_carousel/arrow-left.png') no-repeat 0 0;
    }

    #ImageCarousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
        left: auto;
        right: 5px;
    }

    #ImageCarousel .jcarousel-prev-horizontal:hover {
        background: transparent url('//img2-azrcdn.newser.com/images/story_carousel/arrow-left-hover.png') no-repeat 0 0;
    }

    #ImageCarousel .jcarousel-prev-horizontal:active {
        background-image: url('//img2-azrcdn.newser.com/images/story_carousel/arrow-left.png');
    }

    #ImageCarousel .jcarousel-prev-disabled-horizontal,
    #ImageCarousel .jcarousel-prev-disabled-horizontal:hover,
    #ImageCarousel .jcarousel-prev-disabled-horizontal:active {
        cursor: default;
        background-image: url('//img1-azrcdn.newser.com/images/story_carousel/arrow-left-disabled.png');
    }

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#ImageCarousel #nextImage {
    position: absolute;
    color: White;
    top: 51px;
    font-size: 11px;
    text-align: center;
    width: 70px;
}

#ImageCarousel li {
    padding: 2px 3px;
    width: 74px;
}
/**
*  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
*  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-next-vertical:hover {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-next-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-prev-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#LargeImageContainer #iscrollstatus {
    display: inline;
}

#LargeImageContainer #CarouselButtonContainer {
    width: auto;
}

.popupx #LargeImageContainer #CarouselButtonContainer {
    right: 60px;
    top: 5px;
}

#mainPanel #LargeImageContainer #iscrollstatus {
    position: relative;
    margin-right: 18px;
}

#LargeImageContainer #CarouselButtonContainer .prevNext {
    display: inline;
    margin: 0;
}

    #LargeImageContainer #CarouselButtonContainer .prevNext.next {
        margin-left: 55px;
    }

#LargeImageContainer #CarouselButtonContainer .count {
    display: inline-block;
    margin: 0 0 0 10px;
    width: auto;
}

#LargeImageContainer #CarouselButtonContainer .ButtonSmallLeft, #LargeImageContainer #CarouselButtonContainer .ButtonSmallRight {
    display: inline-block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin: 0 5px 5px 5px;
    float: right;
}

#LargeImageContainer #CarouselControls {
    width: 80px;
    height: 42px;
    position: relative;
    color: #fff;
    padding: 5px 0 0 5px;
    background-color: #111;
}

#mainPanel.nopopup, #mainPanel.popupx {
    background: repeat scroll 0 0 #111;
}

    #mainPanel.nopopup #LargeImageContainer .mediaNav.image {
        padding-left: 0;
    }

#LargeImageContainer .ButtonSmallLeft, #CarouselButtonContainer .ButtonSmallLeft {
    background: url('//img1-azrcdn.newser.com/images/more_left_active.png') no-repeat scroll center center red;
}

#LargeImageContainer .ButtonSmallRight, #CarouselButtonContainer .ButtonSmallRight {
    background: url('//img2-azrcdn.newser.com/images/more_right_active.png') no-repeat scroll center center red;
}

#carousel-images .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 615px;
    height: 96px;
    padding: 0;
}

#carousel-images .jcarousel-skin-tango .jcarousel-container {
    background: none;
    border: none;
    top: 4px;
    margin-top: 30px;
}

#carousel-images .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 605px;
    height: 86px;
}

.popupx #carousel-images .jcarousel-clip-horizontal {
    width: 780px;
}

.popupx #carousel-images .jcarousel-next-horizontal {
    left: 785px;
}

#carousel-images .cutoff {
    height: 80px;
    width: 70px;
    border-width: 2px 2px;
}

#carousel-images div.selectedThumbContainer, div.thumbContainer {
    padding: 0;
}

#carousel-images .thumbContainer {
    border: 2px solid #222;
}

#carousel-images .selectedThumbContainer {
    background: none;
    border: 2px solid red;
}

#carousel-images .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0;
}

#carousel-images .jcarousel-skin-tango .jcarousel-item {
    height: auto;
}

#carousel-images div.selectedThumbContainer div.cutoff {
    border-color: red;
}

#carousel-images .jcarousel-prev-horizontal {
    position: absolute;
    z-index: +1;
    top: -4px;
    left: -20px;
    width: 20px;
    height: 96px;
    cursor: pointer;
    background: url('//img1-azrcdn.newser.com/images/more_left_active.png') no-repeat scroll center center red;
}

    #carousel-images .jcarousel-prev-horizontal:hover {
        background: url('//img1-azrcdn.newser.com/images/more_left_active.png') no-repeat scroll center center red;
    }

    #carousel-images .jcarousel-prev-horizontal:active {
        background-image: url('//img1-azrcdn.newser.com/images/more_left_active.png');
    }

#carousel-images .jcarousel-prev-disabled-horizontal,
#carousel-images .jcarousel-prev-disabled-horizontal:hover,
#carousel-images .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-image: url('//img1-azrcdn.newser.com/images/more_left_active.png') red;
}

#carousel-images .jcarousel-next-horizontal {
    position: absolute;
    z-index: +1;
    top: -4px;
    left: 610px;
    width: 20px;
    height: 96px;
    cursor: pointer;
    background: url('//img2-azrcdn.newser.com/images/more_right_active.png') no-repeat scroll center center red;
}

    #carousel-images .jcarousel-next-horizontal:hover {
        background: url('//img2-azrcdn.newser.com/images/more_right_active.png') no-repeat scroll center center red;
    }

    #carousel-images .jcarousel-next-horizontal:active {
        background-image: url('//img2-azrcdn.newser.com/images/more_right_active.png');
    }

#carousel-images .jcarousel-next-disabled-horizontal,
#carousel-images .jcarousel-next-disabled-horizontal:hover,
#carousel-images .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-image: url('//img2-azrcdn.newser.com/images/more_right_active.png');
}

.popupx #LargeImageContainer {
    top: 23px;
}

.popupx #imageCaptionContainer {
    padding: 20px 15px;
}

.popupx .backlink {
    width: 100px;
    float: right;
}

.popupx #carousel-images {
    margin-left: 5px;
}

    .popupx #carousel-images li {
        padding: 2px 5px;
    }

#mainPanel.popupx .backlink a, #mainPanel #imageCaptionContainer a {
    color: Red;
}

.slider {
    position: relative;
    height: 30px;
    background: #EEE;
}

    .slider .handle {
        position: absolute;
        width: 100px;
        height: 30px;
        background: #CC0000;
        color: #FFF;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }

    .slider .disabled {
        background: #898989;
    }

/**********************LARGE GALLERY START************************/
#mainPanel a {
    color: #fed944;
}

div.selectedThumbContainer, div.thumbContainer {
    text-align: left;
    margin-bottom: 3px;
    padding-left: 9px;
    height: 80px;
}

.selectedThumbContainer {
    background: url(//img2-azrcdn.newser.com/images/icn_selectedimage.gif) no-repeat left center;
}

.cutoff {
    border-width: 7px 3px;
    border-color: #111;
    border-style: solid;
    height: 50px;
    overflow: hidden;
}

div.selectedThumbContainer div.cutoff {
    border-color: #fed944;
}

div.mediaNav {
    display: inline;
    top: 5px;
    margin: 0 9px 0 0;
    position: relative;
    text-align: right;
}

#mainPanel.popup div.mediaNav {
    padding-left: 75px;
}

#mainPanel.nopopup div.mediaNav.image {
    padding-left: 185px;
}

#mainPanel.nopopup div.mediaNav.video {
    padding-left: 220px;
}

div.mediaNav a {
    padding: 2px 4px;
}

    div.mediaNav a.slideshow {
        margin-right: 0px;
        padding: 4px 0 4px 21px;
        background: url(//img2-azrcdn.newser.com/images/btn_play_media2.gif) no-repeat left center;
    }

#loadingPanel.popupx {
    width: 825px;
    height: 440px;
    background: #222;
}

#loadingPanel.nopopup {
    width: 655px;
    height: 440px;
    background: #222;
}

.popupx #loadingImage {
    padding-left: 378px;
    padding-top: 120px;
}

.nopopup #loadingImage {
    padding-left: 300px;
    padding-top: 180px;
}

#mainPanel.popup {
    width: 827px;
}

#mainPanel {
    position: relative;
    min-height: 350px;
    background: #222;
    width: 650px;
}

#CarouselButtonContainer {
    width: 71px;
    float: right;
    color: #fff;
}

#LargeImageAd {
    margin: 0px 0 0 160px;
    display: none;
}

#adframe_largeImageInterstitial {
    background-color: transparent;
    overflow: hidden;
    width: 300px;
    height: 250px;
}

#topGalleryBar {
    margin: 0 0 15px 13px;
    position: relative;
    height: 24px;
}

.popup #topGalleryBar {
    top: 10px;
}

#mainPanel #iscrollstatus {
    width: 75px;
    padding: 0;
    position: absolute;
    top: -1px;
}

#mainPanel.popup #iscrollstatus {
    left: 185px;
}

#mainPanel.nopopup #iscrollstatus.mediaStatus.image {
    left: 150px;
}

#mainPanel.nopopup #iscrollstatus.mediaStatus.video {
    left: 195px;
}

#newserLogo {
    float: left;
    margin-right: 12px;
}

.prevNext {
    display: inline;
    margin-left: 27px;
}

#slideshowDiv {
    display: inline;
    margin-left: 32px;
}

#CarouselControls {
    width: 505px;
    position: relative;
    color: #fff;
}

#imageControlContainer #CarouselControls {
    width: 80px;
    height: 42px;
    position: relative;
    color: #fff;
    background-color: #111;
}

#LargeImageContainer #CarouselButtonContainer, #imageControlContainer #CarouselButtonContainer {
    width: auto;
}

#closeImg {
    position: absolute;
    top: 3px;
    right: 3px;
}

#mainImage {
    vertical-align: middle;
    max-width: 500px;
}

#imageCaptionContainer.popup {
    position: absolute;
    top: 43px;
    right: 26px;
    color: #fff;
    width: 180px;
    overflow-y: auto;
}

#imageCaptionContainer.nopopup {
    /*margin: 20px;*/
    color: #fff;
    clear: both;
    display: block;
}

#StoryTitleHolder {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 8px;
}

.backlink {
    margin-top: 15px;
}

#AdvertisementCaption {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 38px;
    text-align: center;
}

#BottomAdContainer {
    clear: both;
    background: #333;
    height: 140px;
    text-align: center;
    overflow: hidden;
    color: #535353;
}

.adtreatment {
    margin: 2px 0 4px 0;
}

#VideoPlayerHolder {
    background-color: #111;
    width: 100%;
}

#mainPanel.popup #LargeImageContainer {
    width: 593px;
    position: relative;
}

#LargeImageContainer {
    background: #111;
    position: relative;
    top: 13px;
    margin-bottom: 23px;
    width: 100%;
}

    #LargeImageContainer #CarouselButtonContainer .ButtonSmallLeft, #LargeImageContainer #CarouselButtonContainer .ButtonSmallRight, #imageControlContainer #CarouselButtonContainer .ButtonSmallLeft, #imageControlContainer #CarouselButtonContainer .ButtonSmallRight {
        display: inline-block;
        width: 26px;
        height: 26px;
        cursor: pointer;
        margin: 0 5px 5px 5px;
        float: right;
    }

#LargeImageResize {
    overflow: hidden;
    min-height: 200px;
    text-align: center;
}

.nopopup #CaptionsHider {
    position: relative;
    top: 20px;
    padding-bottom: 20px;
}
/**********************LARGE GALLERY END**************************/
.commentButton2, .commentButton2:hover {
    height: 49px;
    display: block;
    text-align: center;
    line-height: 47px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.aShareComments {
    width: 144px;
    text-indent: 33px;
    background: #F60001 url('//img2-azrcdn.newser.com/images/speechbubble3.png') no-repeat 8px center;
}

.bg-light-grey {
    background-color: #ebeaea !important;
}

.viewMore {
    background: none;
    border: 0;
    display: block;
    width: 130px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding: 10px;
    text-transform: none;
    text-decoration: none !important;
    color: #000000;
    font-weight: bold;
    border-radius: 5px;
    overflow: visible;
}

.defaultHomeButton {
    width: 148px;
}

/* END Video Player CSS */
#storyCalendarContainer {
    position: absolute;
    background: #EBEAEA;
    border: 1px solid #C1C0C0;
    margin-top: 5px;
    padding: 4px 2px 2px;
    width: 280px;
    margin-left: 318px;
    line-height: 10px;
}

.calendar {
    color: #000000;
    font-size: 9pt;
    border: 0px solid #333333;
    text-align: center;
    width: 280px;
}

    .calendar table {
        padding: 0;
        margin: 0;
        border: none;
    }

    .calendar a {
        background: none;
        text-decoration: none;
        color: #000;
        padding: 0;
        margin: 0;
    }

    .calendar td {
        padding: 4px 2px 4px 2px;
        margin: 0;
        vertical-align: middle;
        font-weight: normal;
    }

#NavList .calendar .calendarnumberbox a {
    padding: 7px;
    color: black;
}

.calendar .calendarnumberbox {
    background-color: #dedddd;
    width: 30px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
}

.calendar .calendarnumberboxtoday {
    background-color: #f70002;
    width: 30px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
}

#storyCalendarContainerNav #calendarCloseImage {
    margin-top: 7px !important;
}

.settings_help {
    z-index: +200000;
    position: absolute;
    padding: 8px 8px 4px 8px;
    background: lightblue;
    border: 1px blue solid;
    margin-left: 180px;
    width: 150px;
    display: none;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
}

#SettingsPage tr {
    height: 40px;
}

.DarkMode #SettingsPage,
.DarkMode #SubscriptionsSignupPage,
.DarkMode #SubscriptionsManagePage {
    color: white;
    background-color: black;
}

#SubscriptionsManagePage a {
    color: black;
}

.DarkMode #SubscriptionsSignupPage a,
.DarkMode #SubscriptionsManagePage a {
    color: red;
}

#InterrupterHolder {
    padding-top: 5px;
    margin-bottom: 15px;
}

#InterrupterMain {
    margin: 0;
    border: 1px solid #ccc;
    background: #eee;
}

.DarkMode #InterrupterMain, .DarkMode #DivBreakingStory {
    background: #a9a9a9;
}

#InterrupterMain.InterrupterMainSingle {
    min-height: 48px;
}

#InterrupterMain.InterrupterMainDouble {
    min-height: 56px;
}

#InterrupterTitle {
    float: left;
    color: white;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: bold;
}

.InterrupterMainSingle .InterrupterTitle {
    margin: 8px 0 0 0;
}

.InterrupterMainDouble .InterrupterTitle {
    margin: 12px 0 0 0;
}

.InterrupterContainer {
    margin: 5px 10px 0 10px;
    float: left;
}

.InterrupterMainSingle .InterrupterContainer {
    padding: 9px 10px;
}

.InterrupterMainDouble .InterrupterContainer {
    padding: 5px 10px;
}

.InterrupterHeadline {
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin: 0 5px;
    padding: 2px 0;
}

.DarkMode .spanAdLabel {
    color: white;
}

#divOnThisDayPage {
    color: black;
}

.DarkMode #divOnThisDayPage {
    color: white;
}

#divMediaMain {
    background-color: #e9e9e9;
}

.DarkMode #divMediaMain {
    background-color: #a9a9a9;
}

.divMediaOther {
    background-color: #e9e9e9;
}

.DarkMode .divMediaOther {
    background-color: #a9a9a9;
}

#divPopularOnNewserContainer {
    clear: left;
}

button, input[type="button"], input[type="submit"] {
    -webkit-appearance: none !important;
}

#divAnchorAd {
    z-index: 1000000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    color: black;
    border-top: 1px solid black;
}

.DarkMode #divAnchorAd {
    background-color: black;
    color: white;
    border-top: 1px solid white;
}

.DarkMode #divSubmitLink #mainCol,
.DarkMode #divPrivacyPolicy #mainCol,
.DarkMode #divTerms #mainCol,
.DarkMode .aboutPage #mainCol,
.DarkMode #ContactUs #mainCol {
    background-color: black;
    color: white;
}

.DarkMode #divSearchPage .boxFrame #tabs li,
.DarkMode .boxFrame li,
.DarkMode .boxFrame h2.heading,
.DarkMode .bioPagePeople,
.DarkMode .aboutPage,
.DarkMode #BioPage,
.DarkMode #divPrivacyPolicy,
.DarkMode #divTerms,
.DarkMode #divPolicy,
.DarkMode #divSuggestAStory,
.DarkMode #ContactUs,
.DarkMode .boxFrame h2.highlight {
    color: white;
}

    .DarkMode #divPrivacyPolicy a,
    .DarkMode #divTerms a,
    .DarkMode #BioPage a,
    .DarkMode .aboutPage a {
        color: red;
    }

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #4287bb;
}

.badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: red;
}
.redbullet {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: red;
}

#DivBreakingStory {
    margin-bottom: 10px;
    min-height: 46px;
    border: 1px solid #ccc;
    background: #eee;
    color: red;
}

    #DivBreakingStory .BreakingStoryTitle {
        float: none;
        display: inline-block;
        color: white;
        background-color: red;
        margin-top: 7px;
        padding: 7px 10px;
        font-size: 14px;
        font-weight: bold;
    }

    #DivBreakingStory .BreakingStoryLink {
        float: none;
        margin: 10px 0 0 10px;
        padding: 5px 10px;
        font-size: 13px;
        font-weight: bold;
    }

#divPWAIPCloseXXX {
    position: absolute;
    top: 3px;
    right: 3px;
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}

.viewall, .viewallred {
    clear: both;
    text-align: center;
    margin: 10px 0;
    font-size: 87%;
}

    .viewallred a {
        padding: 2px 6px;
        background: red;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
    }

        .viewall a:hover, .viewallred a:hover, .greybutton a:hover {
            background: #555;
        }

.DarkMode .adbladetitle {
    color: white;
}

#DivWhatsNew {
    margin-bottom: 20px;
}

.WhatsNewBlock {
    width: 100%;
    display: table;
    margin: 10px 0;
    font-size: 14px;
}

    .WhatsNewBlock a {
        text-decoration: underline;
    }

.WhatsNewLabel {
    width: 250px;
    display: inline-block;
    display: table-cell;
    vertical-align: top;
}

.WhatsNewLabelDate {
    font-size: 80%;
}

.WhatsNewLabelTitle {
    font-weight: bold;
}

.WhatsNewDescription {
    width: 425px;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 0 30px;
}

.WhatsNewImageBox {
    display: table-cell;
    vertical-align: top;
    width: 240px;
}

.WhatsNewImage {
    width: 240px;
    border: 1px solid #999;
}

.DarkMode #DivWhatsNew {
    color: white;
}

    .DarkMode #DivWhatsNew a {
        color: red;
    }

.NewserAppSection {
    margin-top: 15px;
}

    .NewserAppSection li {
        margin-left: 25px;
    }

.NewserAppImage {
    float: left;
    margin: 0 10px 10px 10px;
}

#divPWAIPLogo:hover, #divPWAIPText:hover {
    cursor: pointer;
}

#DivNewserApp {
    font-size: 16px;
    line-height: 20px;
}

#divLockerDomeAdRightHeading {
    width: 126px;
    height: 25px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
    padding-bottom: 10px;
    margin: 10px 0 10px 0;
}

.DarkMode #divLockerDomeAdRightHeading {
    color: white;
}

#divLockerDomeAdRightHeading2 {
    width: 188px;
    height: 25px;
    float: left;
    text-align: right;
    font-weight: 500;
    border-bottom: 3px solid #DEDEDE;
    padding-bottom: 10px;
    margin: 10px 0 10px 0;
}

#GridPaginationPanel, #GridAIPanel {
    width: 100%;
    background-color: #EBEAEA;
    color: black;
    border: 1px solid black;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 20px;
    padding-top: 20px;
}
#GridPaginationPanel {
    padding: 20px !important;
    margin-top: 20px !important;
}

.divPaginationPanelLinks li {
    list-style: none;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: black;
    float: left;
}

    .divPaginationPanelLinks li a {
        color: black;
    }

.divPaginationPanelHeading li {
    list-style: none;
    font-size: 20px;
    font-weight: bold;
}

.divPaginationPanelHeadingSection {
    width: 84px;
    float: left;
    border-bottom: 3px solid #F70002;
    text-indent: 0;
    margin-bottom: 10px;
}

.divPaginationPanelHeadingSectionLine {
    padding-bottom: 2px;
    float: left;
    border-bottom: 1px solid #CAC8C8;
    text-indent: 0;
    margin-bottom: 10px;
}

.VerticalCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* Newsletter signup boxes */
.DarkMode .NewsletterPromoBox {
    border: 2px solid #FFF;
}

.NewsletterPromoBox {
    border: 2px solid #000;
}

.NewsletterPromoBoxTop {
    background-color: black;
    margin: 0 10px;
    padding: 10px 10px 15px 10px;
    border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
}

.NewsletterPromoBoxBot {
    margin: 0 10px 20px 10px;
    margin-right: 10px;
    height: 25px;
    background-color: white;
    padding: 10px;
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
}

.NewsletterPromoHeadline1 {
    color: white;
    font-size: 36px;
    line-height: 38px;
    padding: 15px 15px 0 15px;
}

.NewsletterPromoHeadline2 {
    position: relative;
    color: white;
    font-size: 18px;
    line-height: 20px;
    padding: 15px;
}

.NewsletterPromoSignupBox {
    position: absolute;
    bottom: -36px;
    left: 45px;
    text-align: left;
    height: 34px;
}

.NewsletterPromoSignupBoxContainer {
    position: relative;
}

    .NewsletterPromoSignupBoxContainer input:focus {
        outline: none;
    }

.NewsletterPromoSignupBoxEmail {
    padding-left: 10px;
    width: 500px;
    height: 32px;
    font-size: 15px;
    border: 2px solid red;
    border-radius: 10px;
}

.NewsletterPromoSignupBoxButton:hover {
    cursor: pointer;
}

.NewsletterPromoSignupBoxButton {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 7px;
    color: white;
    background-color: red;
    font-size: 18px;
    border: 2px solid red;
    border-radius: 10px;
    text-transform: uppercase;
}

.NewsletterPromoMsg {
    display: none;
    margin: 15px 0 0 20px;
    color: black;
    text-align: left;
}
/* Newsletter signup popup */
#divNewsletterPromoPopup.overlayPopupDark {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.NPPPopup {
    width: 730px;
    border: 2px solid #000;
    background-color: black;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

.NPPBox {
    text-align: center;
    padding: 40px 30px;
    background-color: white;
    border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
}

.NPPLogo {
    margin-bottom: 10px;
}

    .NPPLogo img {
        width: 200px;
    }

.NPPHeadline1 {
    color: black;
    font-size: 36px;
    line-height: 40px;
}

.NPPHeadline2 {
    color: black;
    font-size: 18px;
    line-height: 22px;
    padding: 15px;
}

.NPPSignupBox {
    position: relative;
    display: inline-block;
}

    .NPPSignupBox input:focus {
        outline: none;
    }

    .NPPSignupBox input {
        text-align: center;
    }

.NPPSignupBoxEmail {
    width: 500px;
    height: 31px;
    font-size: 15px;
    border-bottom: 2px solid #999;
    border-top: none;
    border-left: none;
    border-right: none;
}

.NPPSignupBoxButton:hover {
    cursor: pointer;
}

.NPPButtonBox {
    position: relative;
    display: inline-block;
}

.NPPButton {
    display: inline-block;
    margin-top: 10px;
    padding: 8px;
    font-size: 18px;
    border-radius: 10px;
    text-align: center;
}

.NPPButtonSignup {
    color: white;
    background-color: red;
    width: 100px;
    border: 2px solid red;
}

.NPPButtonClose {
    color: #999;
    background-color: white;
    width: 130px;
    border: 2px solid #999;
}

.NPPMsg {
    margin-top: 10px;
    font-size: 13px;
}

.NPPClose {
    position: absolute;
    top: 15px;
    right: 15px;
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
}
/* Headline Checker */
.HCRPopup {
    border-radius: 15px;
    -moz-border-radius: 15px;
}

.HCRContainer {
    width: 700px;
    font-family: 'Roboto', sans-serif;
    padding: 20px;
}

.HCRTitle {
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
}

.HCRMessage {
    margin-bottom: 10px;
}

.HCRDetail {
    font-size: 12px;
    margin-top: 30px;
    line-height: 20px;
}

.HCRFixed {
    font-family: Courier New,Courier,monospace;
}

.HCRDiv {
    margin-top: 10px;
}

.HCRDifferences {
    color: red;
    font-weight: bold;
}

.HCRButtons {
    margin-top: 10px;
}

    .HCRButtons input {
        margin-top: 20px;
        font-size: 14px;
        padding: 2px 5px;
    }

.HCRClose {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.HCRCloseX {
    font-size: 22px;
}
/* Story Data Popup */
.StoryDataPopup {
    border-radius: 15px;
    -moz-border-radius: 15px;
}
.StoryDataContainer {
    width: 900px;
    font-family: 'Roboto', sans-serif;
    padding: 20px;
}
.StoryDataTitle {
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
}
.StoryDataMessage {
    margin-bottom: 10px;
}
.StoryDataDetail {
    font-size: 12px;
    line-height: 20px;
}
.StoryDataButtons input {
    font-size: 14px;
    padding: 2px 5px;
}
.StoryDataClose {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.StoryDataCloseX {
    font-size: 22px;
}

/* Newsletter signup landing page */
.NewsletterSignupLeft {
    float: left;
    margin-top: 100px;
}

.NewsletterSignupRightRail {
    float: right;
    margin-top: -85px;
}

.NewsletterSignupHeadline1 {
    color: black;
    font-size: 36px;
    line-height: 38px;
    padding: 15px 15px 0 15px;
}

.NewsletterSignupHeadline2 {
    position: relative;
    color: black;
    font-size: 18px;
    line-height: 20px;
    padding: 15px;
    line-height: 20px;
}

.NewsletterSignupBox {
    text-align: left;
    height: 34px;
}

.NewsletterSignupBoxContainer {
    position: relative;
    margin-top: 20px;
}

    .NewsletterSignupBoxContainer input:focus {
        outline: none;
    }

.NewsletterSignupBoxEmail {
    padding: 2px 0 2px 10px;
    width: 500px;
    height: 32px;
    font-size: 12px;
    border: 2px solid red;
    border-radius: 10px;
}

.NewsletterSignupBoxButton:hover {
    cursor: pointer;
}

.NewsletterSignupBoxButton {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 7px;
    color: white;
    background-color: red;
    font-size: 18px;
    border: 2px solid red;
    border-radius: 10px;
    text-transform: uppercase;
}

.NewsletterSignupHeadline3 {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
    width: 505px;
}

.NewsletterSignupMsg {
    display: none;
    margin: 15px 0 0 20px;
    color: red;
    text-align: left;
}

#SquareSuperlativePercent {
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 251;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding-left: 3px;
    padding: 0 1px 4px 3px;
    height: 12px;
}
.AIPolicy li {
    list-style-type: disc;
    margin-left:20px;
    border-bottom:none;
}
/* Section Colors From Section Table Begin*/
.sec3,.sec3.inactive:hover{background-color:#4C4CE0;}.sec3Border{border-color:#4C4CE0}
.sec2,.sec2.inactive:hover{background-color:#737EA8;}.sec2Border{border-color:#737EA8}
.sec4,.sec4.inactive:hover{background-color:#A67C52;}.sec4Border{border-color:#A67C52}
.sec5,.sec5.inactive:hover{background-color:#4F965B;}.sec5Border{border-color:#4F965B}
.sec6,.sec6.inactive:hover{background-color:#DFBF0D;}.sec6Border{border-color:#DFBF0D}
.sec7,.sec7.inactive:hover{background-color:#8C8C8C;}.sec7Border{border-color:#8C8C8C}
.sec15,.sec15.inactive:hover{background-color:#754BB7;}.sec15Border{border-color:#754BB7}
.sec9,.sec9.inactive:hover{background-color:#86C0DB;}.sec9Border{border-color:#86C0DB}
.sec12,.sec12.inactive:hover{background-color:#D83576;}.sec12Border{border-color:#D83576}
.sec22,.sec22.inactive:hover{background-color:#EC6F92;}.sec22Border{border-color:#EC6F92}
.sec13,.sec13.inactive:hover{background-color:#AC0F0F;}.sec13Border{border-color:#AC0F0F}
.sec16,.sec16.inactive:hover{background-color:#7EBF85;}.sec16Border{border-color:#7EBF85}
.sec14,.sec14.inactive:hover{background-color:#E96F5A;}.sec14Border{border-color:#E96F5A}
.sec8,.sec8.inactive:hover{background-color:#E7830E;}.sec8Border{border-color:#E7830E}
.sec11,.sec11.inactive:hover{background-color:#FF9966;}.sec11Border{border-color:#FF9966}
.sec17,.sec17.inactive:hover{background-color:#47C4BA;}.sec17Border{border-color:#47C4BA}
.sec23,.sec23.inactive:hover{background-color:#666633;}.sec23Border{border-color:#666633}
.sec120,.sec120.inactive:hover{background-color:#FF0000;}.sec120Border{border-color:#FF0000}
.sec24,.sec24.inactive:hover{background-color:#666633;}.sec24Border{border-color:#666633}
.sec3Light{background-color:#E2E2F8;}.sec3BorderLight{border-color:#E2E2F8}
.sec2Light{background-color:#E8E8F1;}.sec2BorderLight{border-color:#E8E8F1}
.sec4Light{background-color:#E5DFDB;}.sec4BorderLight{border-color:#E5DFDB}
.sec5Light{background-color:#D4F2D9;}.sec5BorderLight{border-color:#D4F2D9}
.sec6Light{background-color:#FBF5D6;}.sec6BorderLight{border-color:#FBF5D6}
.sec7Light{background-color:#E8E7E7;}.sec7BorderLight{border-color:#E8E7E7}
.sec15Light{background-color:#EDE3FA;}.sec15BorderLight{border-color:#EDE3FA}
.sec9Light{background-color:#DAEFF9;}.sec9BorderLight{border-color:#DAEFF9}
.sec12Light{background-color:#FEEBF3;}.sec12BorderLight{border-color:#FEEBF3}
.sec22Light{background-color:#FEE9FC;}.sec22BorderLight{border-color:#FEE9FC}
.sec13Light{background-color:#F6E4E4;}.sec13BorderLight{border-color:#F6E4E4}
.sec16Light{background-color:#DBF3DE;}.sec16BorderLight{border-color:#DBF3DE}
.sec14Light{background-color:#F8DBD6;}.sec14BorderLight{border-color:#F8DBD6}
.sec8Light{background-color:#FBEAD6;}.sec8BorderLight{border-color:#FBEAD6}
.sec11Light{background-color:#F5DACD;}.sec11BorderLight{border-color:#F5DACD}
.sec17Light{background-color:#DDFBF9;}.sec17BorderLight{border-color:#DDFBF9}
.sec23Light{background-color:#E0E0BB;}.sec23BorderLight{border-color:#E0E0BB}
.sec120Light{background-color:#FDA6A6;}.sec120BorderLight{border-color:#FDA6A6}
.sec24Light{background-color:#E0E0BB;}.sec24BorderLight{border-color:#E0E0BB}
/* Section Colors From Section Table End*/

/* Category Colors From Category Table Begin*/
.cat1,.cat1.inactive:hover{background-color:#1B9AB6;}.sec1Border{border-color:#1B9AB6}
.cat20,.cat20.inactive:hover{background-color:#B836AB;}.sec20Border{border-color:#B836AB}
.cat19,.cat19.inactive:hover{background-color:#0054A4;}.sec19Border{border-color:#0054A4}
.cat8,.cat8.inactive:hover{background-color:#9DBF0C;}.sec8Border{border-color:#9DBF0C}
.cat18,.cat18.inactive:hover{background-color:#FF2400;}.sec18Border{border-color:#FF2400}
.cat24,.cat24.inactive:hover{background-color:#FDB913;}.sec24Border{border-color:#FDB913}
/* Category Colors From Category Table End*/