.fb_iframe_widget iframe {
    height: 100px;
    position: absolute;
    width: 100px;
}

.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    vertical-align: text-bottom;
    width: 100px;
    height: 100px;
}

/***** BEGIN - STYLES NEEDED FOR ALL IEs *****/
.ie .billboardSquare h2 a, .ie .billboardSquare a h2 {
    line-height: 1.2em;
}

.ie .buggyElement, .ie .carousel {
    zoom: 1;
}

.ie .UserSquare .h2 {
    top: 13px;
}

.ie .box {
    height: 1%;
}

.ie .sec h2, .ie .sec h3 {
    height: 1%;
    width: 100%;
}

.ie #CustomizeGridPanel.UserGrid {
    margin: 0px 0 4px auto;
}

.ie #ToolsShareHorizontal #addthis, .webkit #ToolsShareHorizontal #addthis {
    top: 30px;
}

.ie #NewTabs li.tab a {
    margin-bottom: 0;
}

.ie #NewTabs li.active.tab a {
    margin-bottom: 0;
}

#gridBoxContainer ul li {
    /*float: none !important;*/
}


/*.ff #NewTabs ul#tabnav li:not(#LiLatest) {
    margin-left: 2px !important;
}

.ff #LiLatest {
    margin-left: -613px !important;
}*/
/***** END - STYLES NEEDED FOR ALL IEs *****/

.inputFix  {
    border: 2px solid #C8C6C7 !important;
}

#NewTabs
{
    margin-top:5px;
    width:980px;
    top:-40px;
    position:absolute;
    height: auto;
}

.svg.webkit.safari.mac #NewTabs {
    top: -52px;
}

.gridContainer #NewTabs
{
    border-bottom: none;
}

.svg.win.js .secxLight.SectionWhiteGradient #GridBox .breakingnewspage#NewTabs .breakingnewspage#tabnav 
{
    margin-top: -16px;
}

.svg.webkit.chrome.win.js .secxLight.SectionWhiteGradient #GridBox .breakingnewspage#NewTabs .breakingnewspage#tabnav 
{
    margin-top: 0px;
}

.svg.gecko.ff.win.js .secxLight.SectionWhiteGradient #GridBox .breakingnewspage#NewTabs .breakingnewspage#tabnav
{
    margin-top: 0px;
}

.gridContainer #GridBox #NewTabs li.tab a
{
    width: 145px;
    background-color: #EBEAEA;
    border: none;
    text-align: center;
    display: inline-block;
    height: 26px;
    padding: 5px 0 4px 0;
    line-height: 30px;
    font-family: "Roboto";
}

.svg.gecko.ff.win.js #tabnav.sec #LiPopular
{
    margin-left: 147px;
}

.gridContainer #GridBox #NewTabs li.tab.active a
{
    box-shadow: 0 0 0 1px #000 inset;
}

.gridContainer #GridBox #NewTabs li.tab
{
    text-align: center;
}

#mainCol.nonexLight.SectionWhiteGradient #GridBox #NewTabs #ALatestSubNavToday
{
    margin-left: 145px;
}

#mainCol.Special #GridBox #NewTabs #ALatestSubNavToday
{
    margin-left: 145px;
}

.gridContainer #GridBox #NewTabs #ALatestSubNavToday
{
    width: 80px;
    text-align: center;
    display: inline-block;
    border: 1px #E3E3E3 solid;
    height: 33px;
    /*margin-top: -19px;*/
    margin-left: 0px;
    line-height: 34px;
    font-family: "Roboto";
    color: #666666;
    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

#tabnav.brilliantSpecial #SubscribeSuperlative
{
    margin-left: -144px;
}

.gridContainer #GridBox #NewTabs a#ALatestSubNavToday:hover, .gridContainer #GridBox #NewTabs a#ALatestSubNavYesterday:hover, .gridContainer #GridBox #NewTabs a#ALatestSubNavPickADate:hover
{
    border: 1px #333333 solid;
}

.gridContainer #GridBox #NewTabs a#APopular:hover, .gridContainer #GridBox #NewTabs a#ALatest:hover, .gridContainer #GridBox #NewTabs a.homeContrib:hover
{
    box-shadow: 0 0 0 1px #333333 inset;
}

.gridContainer #GridBox #NewTabs #ALatestSubNavToday.active, .gridContainer #GridBox #NewTabs #ALatestSubNavYesterday.active, .gridContainer #GridBox #NewTabs #ALatestSubNavPickADate.active
{
   border: 1px #000 solid !important;
   color: #000;
   font-weight: bold;
}

.gridContainer #GridBox #NewTabs #ALatestSubNavYesterday
{
    width: 107px;
    text-align: center;
    display: inline-block;
    border: 1px #E3E3E3 solid;
    height: 33px;
    /*margin-top: -19px;*/
    margin-left: 0px;
    line-height: 34px;
    font-family: "Roboto";
    color: #666666;
    vertical-align: top;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

.gridContainer #GridBox #NewTabs #ALatestSubNavPickADate
{
    width: 136px;
    text-align: center;
    display: inline-block;
    border: 1px #E3E3E3 solid;
    height: 33px;
    /*margin-top: -19px;*/
    line-height: 34px;
    font-family: "Roboto";
    color: #666666;
    vertical-align: top;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

/***** BEGIN IE 7 Styles *****/
.ie7 #ctl00_ContentPlaceHolder1_PanelButton_Newsletter #ctl00_ContentPlaceHolder1_LinkButtonSubscribe {
    position: relative;
    top: -10px;
}

.ie7 #storInSecWide .square.UserSquare .x .h2 {
    top: 10px;
}

.ie7 #CommentsMain .CommentsCommentPolicy {
    bottom: 20px;
}

.ie7 div#StoriesDiv {
    margin-top: 2px;
}

.ie7 #ToolsShareHorizontal #addthis {
    top: 38px !important;
    margin-right: 0 !important;
}

.ie7 #NewTabs li.tab a {
    padding-bottom: 3px;
}

.ie7 #storyBackground #ToolsShareStory {
    padding-bottom: 25px;
}

.ie7 #NewTabs li.tab.active {
    border-bottom: 0;
}

.ie7 #gridLayoutOptions {
    bottom: 0px !important;
}

.ie7 .loginmsg.LgnLblMsg {
    margin: 0 !important;
}

.ie7 .lgnBtnCnt a.bigred {
    margin: 5px 0;
}

.ie7 .lgnRegLnk {
    width: 250px;
    margin-top: 10px;
}

.ie7 .lgnFldCntr .desc {
    height: 20px !important;
}

.ie7 .regFldInpt {
    margin-bottom: 0px;
}

.ie7 #GridBox {
    margin-top: 20px !important;
}

.ie7 #ToolsShareHorizontal #facebook, .ie8 #ToolsShareHorizontal #facebook {
    top: 7px;
}

.ie7 #ToolsShareStoryHorizontal #tweetmeme, .ie7 #ToolsShareStoryHorizontal #addthis {
    top: 0px;
}

.ie7 #ImageCarousel #nextImage {
    left: 5px;
}

.ie7 #SquareLikeCount {
    width: 50px;
}

.ie7 .pluginButtonSmall {
    padding: 0;
    width: 30px;
    border: #F00 1px solid;
}

.ie7 #hedPromo {
    position: absolute;
    top: 5px;
    right: 0px;
}

.ie8 #hedPromo {
    position: absolute;
    top: 5px;
    right: 0px;
}

.ie7 .SearchBox {
    position: absolute;
    top: 7px;
    left: 250px;
}

/***** END IE 7 Styles *****/
/***** BEGIN Mac Styles *****/
.mac .searchBox {
    margin-top: 1px;
}
/***** END Mac Styles *****/

/*chrome and safari hacks*/
.webkit .UserSquare .h2 {
    top: 10px;
}

.webkit #hedPlus1 {
    top: -59px !important;
}
/*end chrome and safari hacks*/

#bodywrapper {
    width:100%;
    max-width: 995px;
    margin: 0 auto;
}

body.bodyMediaScroller {
    background: transparent;
}

body.bodySponsorship {
    background-color: #05060b;
}

    body.bodySponsorship #bordersDiv {
        background: none;
    }

.overlay {
    z-index: 9777777;
    left: 0px;
    top: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    background: white;
}


.newserLogo {
    margin: -10px 0 0 2px;
}

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

#headerAd {
    float: right;
    width: 728px;
    background-color: transparent;
    overflow: hidden;
    z-index: 20040;
}

#InterrupterHolder {
    padding-top: 5px;
}

#InterrupterMain {
    height: 48px;
    margin: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
}

#InterrupterTitle {
    float: left;
    margin: 8px 0 0 0;
    color: white;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: bold;
}

#InterrupterRight {
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

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

.Shade {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('/images/settings_opaque.png');
    background-repeat: repeat;
}

.nowrap {
    white-space: nowrap;
}

.boxFrame {
    background-color: #fff;
    border: 0px solid #ddd;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    z-index: +1;
}

#sideCol #TodaysMostPopular.boxFrame {
    border: 0px solid #ddd;
}

.boxFrame #tabs {
    text-align: left;
}


.boxFrame .square.fullImageTop * h2 {
}

.boxFrame .square.fullImageTop h2,
.boxFrame .square h2.highlight {
}

#sideCol .boxFrame h2.heading, #sideCol .boxFrame h2.highlight {
    padding: 19px 0 0;
    margin: 0 0 5px;
}

.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 {
    text-align: left;
    padding: 10px 7px;
}

    .boxFrameLeft h2.heading {
        text-align: left;
    }

/* File: basestyles.css  Basic styling rules. 
Global White Space Reset - Hat Tip: Andrew Krespanis of http://leftjustified.net/  */
* {
    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;
    }
/* End GWR */

/* Custom Styles*/
body {
    color: #000;
    font: 75%/1.4em Arial, Tahoma, Verdana, Helvetica, sans-serif;
    text-align: center;
    background-color: #FFF;
}

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

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

.cb, .clear {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: 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;
}

.flex-container {
    /*list-style-type: none;*/
}

/* File: layout_shell.css  Rules for the outer shell for screen display only */
#pageBounds {
    margin: 0;
    padding: 0;
    z-index: 1;
}

.greyBack {
    background: #424242;
}

.whiteBack {
    background: #fff;
}

.bounds {
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
}

body.article_page .carouselNav .bounds {
    margin-top: 0px;
}

.boundsPopup {
    text-align: left;
    margin: 0 auto;
}

#contentBounds {
    clear: both;
    margin-left;
}

#mainCol {
    width: 665px;
    text-align: left;
    float: left;
    position: relative;
    z-index: +1;
}

#sideCol {
    width: 300px;
    float: right;
    position: relative;
    margin: 0 10px 0 5px;
    z-index: 10;
}

.box {
    position: relative;
    margin: 0 0 10px;
    padding: 0;
}

    .box h2 {
    }

    .box .content {
        position: relative;
        margin: 0 8px;
        padding: 0 0 8px;
    }

    .box .sec {
        border: 0px solid red;
    }

    .box.white {
        background: #fff;
    }

#mainCol .box {
    padding-top: 0;
}

.box .content.pad {
    padding-top: 10px;
}

.box .content.ad {
    padding-top: 10px;
    text-align: center;
    margin: 0 8px;
}

#sideCol .ad {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sec h2 {
    position: relative;
    left: 0;
    z-index: 1;
    color: #000;
    text-align: left;
    padding: 8px 8px 8px 8px;
    margin: 0 -8px 10px -8px;
}

#mastHead {
    clear: both;
    display: block;
    position: relative;
    z-index: 10000;
    text-align: center;
}

    #mastHead .bounds {
        position: relative;
        height: 1%;
    }

#logo {
    width: 35%;
    float: left;
}

    #logo a {
        width: 241px;
        height: 69px;
        display: block;
        margin: 0 0 15px;
        padding: 0;
        text-decoration: none;
        background: url('/images/logo-2009-3.gif') left 15px no-repeat;
    }

        #logo a span {
            display: none;
        }

#search {
    text-align: left;
}

#divMoreFrom {
    padding: 20px 0 10px 0;
    border-top: solid 1px #000;
}

.moreFromLink {
    color: #000;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 700;
}

/* highlighted headers */
.title,
.sec h2,
.box .boxTitle {
    background: #039 url(/images/bg_notch09.gif) right top no-repeat;
    color: #fff;
}

#section1 #sidecol h2 {
    color: #039;
}

/* Tabs */
.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    z-index: 20;
    position: relative;
}

.relatedMedia .tabs {
    margin-left: -7px;
    margin-right: -7px;
}

.tabs li {
    margin: 0 0 -1px 5px;
    padding: 0;
    float: left;
    text-transform: uppercase;
    position: relative;
}

    .tabs li a {
        height: 22px;
        display: block;
        float: left;
        color: #333;
    }

        .tabs li a span {
            padding: 5px 10px 0;
            height: 17px;
            display: block;
            float: left;
        }

    .tabs li.firstTab a {
    }

        .tabs li.firstTab a span {
        }

    .tabs li a.active {
        color: #333;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom: none;
    }

    .tabs li.firstTab a.active {
    }

#mediaContainer * .tabs li a.active span {
    background-color: #fed944;
}

.tabPanels {
    clear: both;
    background-color: #fff;
    padding: 10px 0 0 0;
    margin: 0;
}

.tabPanel ol.noNumbers {
    list-style-type: none;
}

.relatedMedia .tabPanels {
    margin-left: -7px;
    margin-right: -7px;
}

#sideCol .relatedMedia {
}

.leftcol .tabPanels {
    margin-bottom: 10px;
}

.mediaControls .do a {
    text-transform: lowercase;
}

    .mediaControls .do a:hover {
        background-image: none;
    }

.mediaCaption {
    margin: 0;
}

.whitebox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    clear: both;
    padding: 5px 8px;
}

.hr {
    height: 0px;
    overflow: hidden;
}

    .hr hr {
        display: none;
    }

.box .hr {
    border-bottom: 1px solid #ddd;
    margin-top: 16px;
    margin-bottom: 16px;
}

.normal {
    font-size: 1em;
    line-height: 1.3em;
    font-weight: normal;
}

.error {
    color: #c00;
    font-weight: bold;
}


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

.center {
    text-align: center;
}

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

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.breaking {
    color: #fff;
}

.developing, .multiLink {
    color: #000;
}

    .developing ul, .multiLink ul {
        border-left: 1px solid #000000;
        float: left;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0pt 0pt 0pt 10px;
        padding: 0pt 10px;
    }

.breaking, .developing, .singleLink, .multiLink {
    padding: 4px 6px;
    margin-bottom: 19px;
    position: relative;
    overflow: hidden;
}

    .breaking h2, .developing h2, .singleLink h2, .multiLink h2 {
        z-index: +2;
        font-size: 20px;
        font-weight: bold;
        margin: 2px 0px 7px;
        padding: 0;
    }

    .developing h2 {
        font-size: 20px;
        display: inline;
        float: left;
    }

.developingConstrain h2 {
    max-width: 400px;
}

.breaking h4, .developing h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    clear: left;
}

.breaking h4 {
    margin: 0;
    font-size: 14px;
}

.breaking a, .developing a {
    text-decoration: none;
    font-weight: bold;
}

.breaking a {
    color: #FED944;
}

    .breaking a:hover {
        color: #FFF;
    }

.developing a {
    font-size: 14px;
    color: #039;
}

    .developing a:hover {
        color: #333;
    }

img.InterruptLeftImage {
    float: left;
    padding: 4px 10px 0 4px;
    margin: 0;
}

/*END Interrupter styles*/
/*This is the close x image styling*/
.CloseImage {
    position: absolute;
    top: 0;
    right: 0;
    z-index: +2;
}

#welcomescreen h2 {
    background: #ccc;
    padding: 8px 0 8px 15px;
    margin: -10px -10px 10px -10px;
    color: #333;
}

.blue {
    color: #039;
}

/*WParis
1. list item used inthe new Today's Most Popular
2. adding a class to remove all borders. will be used in conjunction with new box style that has borders.
3. stealing Drew's tin style to use for new notchedbox class*/
/*** 1. ***/
* .tabPanel .noNumbers li {
    border-bottom: 1px solid #ddd;
    clear: both;
    margin: 6px 0 0;
    padding: 0 0 8px;
    color: #333;
}

.noNumbers li span.byline {
    font-size: 92%;
}

img.numberImage {
    float: left;
    margin-right: 6px;
}

.tabPanel .noNumbers li.lastItem {
    border-bottom: 1px solid #fff;
    clear: both;
}

/*** 2. ***/
.noborder {
    border: none;
    border-width: 0;
}

#apheadlines #tabs span {
    font-size: 92%;
}

#apheadlines ul {
    margin: 0 8px 8px;
    list-style: none;
}

#apheadlines #tabs li {
    padding: 8px 5px;
    border-bottom: 1px solid #ddd;
    color: #333;
    line-height: 1.4em;
}

.dropDown {
    font-weight: bold;
    font-size: 92%;
    margin-left: 13px;
}

.selectedTab, #tabs * .active {
    background: #fff;
}

.box .boxContainer {
    margin: 10px;
}

/**********************************************************/
/* File: layout_content.css                               */
/* Rules for the interior content for screen display only */
/**********************************************************/
a {
    color: #039;
}

#sideCol .todaysMostPopular li {
    list-style-type: none;
    position: relative;
}

#sideCol .todaysMostPopular .tabPanels .tabPanel li {
    margin: 0px 0px 2px -10px;
    font-size: 92%;
}

#tin .tabs {
    position: relative;
    margin-top: -5px;
}

#sideCol .leaders .tabPanel li {
    font-size: 92%;
}

#sideCol .todaysMostPopular a {
    font-weight: bold;
}

.related .storysource, .tagPage .storysource {
    color: #666;
    font-size: 11px;
}

.storysource {
    color: #f00;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.4em;
    padding: 0;
    margin-right: 1px;
    font-weight: bold;
}

.summary .tags .storysource {
    font-size: 83%;
}

.storylistHeader, .storylistFooter {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.2em;
}

.storyTopSideMedia .tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    z-index: 2000;
    position: relative;
}

.storyTopSideMedia .relatedMedia .tabs {
    margin-left: -7px;
    margin-right: -7px;
}

.storyTopSideMedia .tabs li {
    margin: 0 0 -1px 5px;
    padding: 0;
    float: left;
    text-transform: uppercase;
    position: relative;
}

    .storyTopSideMedia .tabs li a {
        height: 22px;
        display: block;
        float: left;
        color: #333;
    }

        .storyTopSideMedia .tabs li a span {
            padding: 5px 10px 0;
            height: 17px;
            display: block;
            float: left;
        }

        .storyTopSideMedia .tabs li a.active {
            color: #333;
            background-color: #fed944;
            border: none;
        }

.storyTopSideMedia .tabPanels {
    clear: both;
    background-color: #fff;
    padding: 0;
    width: 300px;
}

.storyTopSideMedia .relatedMedia .tabPanels {
    margin-left: -7px;
    margin-right: -7px;
}

img.left {
    float: left;
    margin: 0 10px 10px 0;
}

img.right {
    float: right;
    margin: 0 0 10px 10px;
}

.bullet, .bulletseperator {
    color: #999;
    line-height: normal;
}

.bulletStory {
    color: #cc6600;
    font-weight: bold;
    font-size: 125%;
}

.go, .do, .back {
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
}

.back {
    padding: 0;
    margin: 0 8px 10px;
}

.go a, .do a {
    color: #039;
    background: #fed944;
    text-transform: uppercase;
    background-image: url(/images/bg_more.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 10px 0 1px;
    margin: 0;
}

.do a {
    background-image: none;
    padding: 0 1px;
}

.back {
    margin-bottom: 7px;
    padding-top: 2px;
}

    .back a {
        padding: 0 2px 0 10px;
        background: #fff;
        background-image: url(/images/bg_back3.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-weight: normal;
    }

        .back a:hover, .go a:hover, .go.back a:hover, .do a:hover {
            background: #fff url(/images/bg_more.gif) left center no-repeat;
            color: #039;
            text-decoration: none;
        }

.go a:hover, .do a:hover {
    background-image: url(/images/bg_back.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.do a:hover {
    background-image: none;
}

.go.back a:hover {
    background: #fff url(/images/bg_more3.gif) left center no-repeat;
    color: #333;
}

/* UGC interface styles, 12/5/07 */

#iframe {
    background: transparent;
}

    #iframe #pageBounds {
        background: transparent;
    }

#iframe .box {
    border: 2px solid #666;
}

#iframe .narrow {
    width: 490px;
}

#iframe .medium {
    width: 640px;
}

#iframe .white {
    background: #fff;
}

#iframe .box.narrow .box.white, #iframe .box.wide .box.white, #iframe .box.verywide .box.white {
    width: 480px;
    margin: 0 auto;
    height: auto;
    position: relative;
}

#iframe h2#edit-action {
    padding: 8px 10px;
    position: relative;
    margin: 0 -8px 1em;
}

#iframe .box .content {
    margin: 0;
    padding: 0 8px;
}

#iframe #pageBounds span.cancel, #edit span.cancel {
    position: absolute;
    z-index: 50000;
    top: 7px;
    right: 7px;
    color: #666;
    font-size: 72%;
    text-align: right;
    margin: 0;
}

#iframe .howTo {
    float: right;
    width: 300px;
}

#iframe .narrow .howTo {
    width: 180px;
}

#iframe #pageBounds span.cancel a, #edit a.cancel, #sideCol .box a.cancel, #edit span.cancel a {
    color: #4e7f33;
    font-weight: bold;
    text-decoration: underline;
}

#edit a.cancel {
    font-size: 92%;
}

    #iframe #pageBounds span.cancel a:hover, #edit a.cancel:hover, #edit span.cancel a:hover {
        text-decoration: none;
    }

#iframe .box.white h2 {
    background: #fcfac9;
    color: #333;
    margin-bottom: 1em;
}

#iframe .box.white ul li {
    padding-bottom: 10px;
}

#iframe .box.white .howTo h2 {
    background: none;
    color: #C00;
    margin-bottom: 0;
}

/* STEP 2 - Search */

#iframe .box.white label {
    color: #333;
    font-weight: bold;
}

#iframe .box.white input.search_stories {
    width: 350px;
    color: #666;
    font-weight: bold;
    padding: 2px 0 2px 1px;
    font-size: 107%;
}

#iframe .box.white input.btn_search {
    width: auto;
    margin-bottom: -6px;
}

/* STEP 3 - Results */

#iframe .wide {
    width: 785px;
}

#iframe .box.wide .box.white {
    width: 775px;
}

#iframe .box.verywide {
    width: 875px;
}

    #iframe .box.verywide .box.white {
        width: 865px;
    }

#iframe .box.wide .box.blue {
    width: 755px;
}

#iframe .box.blue {
    background: #edecfe;
}

/* The following fixes the problem with the fire fox highlighting
   when selecting a node on the ency search page.  */
#iframe #pageBounds #contentBounds .TreeNodeSelect {
    background: none;
    color: black;
}

.preview #notify {
    background: #c00 url('/images/bg_notify.jpg') left bottom repeat-x;
    position: relative;
    color: #fff;
    top: -5px;
    left: 0;
    width: 100%;
    height: 4.25em;
}

    .preview #notify h2 {
        float: left;
        padding: 0 10px 0 15px;
        color: #fff;
    }

/* UGC - Edit Thread page styles 12/12/07; updated 2/27/08 */

#edit .edit {
    position: relative;
    margin-bottom: 10px;
}

#edit #notify {
    background: #c00;
    color: #fff;
    width: 100%;
    height: 4.25em;
    margin-bottom: 1em;
}

    #edit #notify h2 {
        float: left;
        padding: 0 10px 0 15px;
        color: #fff;
    }

    #edit #notify span {
        float: left;
        margin-top: 15px;
    }

        #edit #notify span span {
            float: none;
        }


    #edit #notify img {
        vertical-align: middle;
        margin: 0 0 0 10px;
    }

    #edit #notify a {
        color: #fff;
        font-weight: bold;
        font-size: 92%;
        text-decoration: underline;
    }

        #edit #notify a.alignright {
            float: right;
            line-height: 4em;
            vertical-align: middle;
            margin-right: 15px;
        }

        #edit #notify a:hover {
            text-decoration: none;
        }

#edit .white {
    background: #ffffff;
}

#edit .howTo {
    width: 170px;
    float: left;
}

#edit .summary {
    font-size: 100%;
    line-height: 1.4em;
}

#edit .howTo h2 {
    margin: 0 0 .5em;
    color: #c00;
}

.edit_image {
    width: 152px;
    float: left;
    position: relative;
    margin-right: 12px;
    display: inline; /* IE 6 double margin bug */
}

#edit .edit_image img {
    background: #fcfac9;
    margin: 0 auto;
    border: 1px solid #ddd;
    margin: -2px -1px -1px -1px;
}

.thread_summary {
    width: 567px;
    position: relative;
    float: left;
    margin-right: 15px;
    display: inline; /* IE6 double margin bug */
}

#edit input.edit_btn, #edit .threadTopContent input.edit_btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

#edit .thread_summary input.edit_btn {
    margin-top: -1px;
    margin-right: -1px;
}

#edit .threadTop {
}

#edit #mainCol .box {
    background: #eee;
}

#mainCol .box h2.intro {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 28px 0 15px;
    line-height: 28px;
    display: inline;
    float: left;
    font-size: 158%;
}

h2.intro {
    font-family: Arial, Helvetica, Sans Serif;
}

#edit .sec h3 {
    background: #fcfac9;
}

.edit_this {
    background: #fcfac9;
    padding: 10px;
    border: 1px solid #ddd;
}

#sideCol span.edit_this {
    margin-top: .5em;
    display: block;
    padding: 7px 10px;
    height: 1%; /* IE6 fix */
}

#edit .threadTop .edit_this img {
    border: none;
    padding: 0;
}

.edit_this h2 {
    padding-top: 0;
    margin-top: 0;
}

#edit .threadTop h1 {
    display: block;
    margin-bottom: .25em;
}

.offsite span.edit_this, #sideCol .edit_this span.edit_this {
    border: none;
    margin: 0;
    padding: 0 0 1.5em;
}

#sideCol span.edit_this {
    position: relative;
}

    #sideCol span.edit_this input {
        margin-top: 5px;
    }

#edit .tabPanels {
    margin: 0;
}

#edit #videos_panel, #edit #images_panel, #edit #quotes_panel, #edit sports_panel {
    min-height: 350px;
}

#edit #iscrollclip, #qscrollclip, #edit iscrollclip2 {
    height: auto;
}

#edit #iscrollview, #qscrollview, #edit #iscrollview2 {
    height: auto;
}

img.featured {
    margin-right: 2px;
}

.labelMoreImages {
    color: #f70002;
}

table.history {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

    table.history td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

p.do.m {
    margin-bottom: 20px;
}

/* Google Ads styling
----------------------------------------------------*/
.googleAds {
    padding: 5px 0;
    clear: both;
    width: auto;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 12px;
}

.summary.more .googleAds {
    line-height: 150%;
}

.storyTopAds .googleAds,
.adzone1 .googleAds {
    border-top: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}

.adzone1 .googleAds {
    padding-top: 10px;
}

.googleAds {
    padding-top: .5em;
}

.adTitle {
    font-weight: bold;
    font-size: 120%;
}

li.ads .googleAds {
    border-top-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.closed li.ads .googleAds {
    border-top-style: solid;
}

.googleAds h4 a {
    color: #799dc0;
    top: 0;
}

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

    .googleAds a:hover .adTitle,
    .googleAds a:hover .adURL {
        text-decoration: underline;
    }

.adBlock {
    margin-top: 0;
    margin-bottom: .75em;
}

.adHorz {
    width: 29%;
    margin-right: 3%;
    float: left;
}

.adCopy, .adURL {
}

.googleAds a .adCopy {
    color: #000;
}

.googleAds a:hover .adCopy {
    text-decoration: none;
}

.googleAdsLgTitle * .adTitle {
    font-size: 200%;
    color: #000;
    line-height: 1.3em;
}

.tagPageAds .adHorz, .wallPageContent .adBlock {
    width: 46%;
}

.wallPageContent .adBlock, div.post .adBlock, .dblcol .adBlock, .adsDbl .adBlock {
    display: inline;
    width: 46%;
    margin-right: 4%;
    float: left;
}

.adsTriple .adBlock {
    display: inline;
    width: 31%;
    margin-right: 2%;
    float: left;
}

.wallPageContent .adBlock .adTitle, .wallPageContent .adBlock .adTitle, .adsDbl .adBlock .adTitle {
    font-size: 120%;
}

.googleAds.adsDbl {
    font-size: 12px;
}

/* Newser points styles
----------------------------------------------------*/
#profile .box .content {
    padding-top: 10px;
}

#leaders .sec h2 {
    margin: 0px 2px;
    width: 390px;
}

    #leaders .sec h2 span ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 10px;
    }

        #leaders .sec h2 span ul li {
            list-style: none;
            float: left;
            text-align: center;
            margin: 0;
            padding: 4px;
            margin-right: 10px;
            margin-bottom: -8px;
        }

            #leaders .sec h2 span ul li a {
                color: #fff;
            }

            #leaders .sec h2 span ul li.selected {
                background: #fff;
                color: #000;
            }

                #leaders .sec h2 span ul li.selected a {
                    color: #000;
                }

#leaders table, #points table {
    border: none;
    padding: 0;
    margin: 0;
}

#leaders table {
    width: 420px;
}

#points table {
    width: 90%;
    margin: 15px;
}

#points th {
    padding: 10px;
    color: #333;
    font-size: 120%;
    text-align: center;
    border-bottom: 1px solid #666;
}

#leaders .me td {
    background: #fec944;
    color: #fff;
    font-weight: bold;
}

#leaders td, #points td {
    vertical-align: middle;
    border-bottom: 1px solid #666;
    padding: 5px 5px;
}

#points td {
    text-align: center;
}

    #points td.label {
        text-align: right;
        font-weight: bold;
        font-size: 120%;
    }

#leaders td a {
    font-weight: bold;
}

#leaders td img {
    height: 48px;
    padding-right: 5px;
}

/* SHARE LINKS STYLES
----------------------------------------------------*/
.storyTopTools ul li.storyTopShare,
.articleTopTools ul li.articleTopShare,
.threadTopTools ul li.threadTopShare,
.userTopTools ul li.userTopShare {
    position: relative;
    z-index: 2100;
    padding-right: 20px;
    background: url(/images/bg_share.gif) 83% 50% no-repeat;
}

.storyTopTools .shareLinks,
.articleTopTools .shareLinks,
.threadTopTools .shareLinks,
.userTopTools .shareLinks {
    position: absolute;
    top: 12px;
    right: 3px;
    background: #fff;
    font-size: 92%;
    display: none;
    width: 200px;
    border: 1px solid #039;
}

.storyTopTools .storyTopShare:hover .shareLinks, .storyTopTools .storyTopShare.hover .shareLinks,
.articleTopTools .articleTopShare:hover .shareLinks, .articleTopTools .articleTopShare.hover .shareLinks,
.threadTopTools .threadTopShare:hover .shareLinks, .threadTopTools .threadTopShare.hover .shareLinks,
.userTopTools .userTopShare:hover .shareLinks, .userTopTools .userTopShare.hover .shareLinks {
    display: block;
}

.storyTopTools .shareLinks ul,
.articleTopTools .shareLinks ul,
.threadTopTools .shareLinks ul,
.userTopTools .shareLinks ul {
    height: auto;
    text-align: right;
    padding: 0;
    width: 200px;
}

    .storyTopTools .shareLinks ul li,
    .articleTopTools .shareLinks ul li,
    .threadTopTools .shareLinks ul li,
    .userTopTools .shareLinks ul li {
        padding: 0;
        float: none;
        white-space: nowrap;
        margin-bottom: 2px;
        position: relative;
        border-right: 0;
    }

        .storyTopTools .shareLinks ul li a,
        .articleTopTools .shareLinks ul li a,
        .threadTopTools .shareLinks ul li a,
        .userTopTools .shareLinks ul li a {
            display: block;
            padding: 2px 5px;
            height: 20px;
            line-height: 20px;
            cursor: pointer;
            position: relative;
            float: none;
        }

            .storyTopTools .shareLinks ul li a img,
            .articleTopTools .shareLinks ul li a img,
            .threadTopTools .shareLinks ul li a img,
            .userTopTools .shareLinks ul li a img {
                position: relative;
                margin: -4px 0 0 2px;
            }

            .storyTopTools .shareLinks ul li a:hover,
            .articleTopTools .shareLinks ul li a:hover,
            .threadTopTools .shareLinks ul li a:hover,
            .userTopTools .shareLinks ul li a:hover {
                text-decoration: none;
                background: #eee;
            }

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

.source {
    text-transform: uppercase;
}

#whatsnew h3, #landingpage h3 {
    color: #555;
    font-size: 16px;
}

#landingpage h5 {
    color: #555;
    font-size: 16px;
    float: left;
    padding: 8px 10px 8px 0;
    border-right: 1px #333 solid;
}

.whatsnew h4 {
    border-bottom: 1px solid #999;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.whatsnew dl {
    margin-bottom: 10px;
    padding: 10px 0;
    background: #fff url(/images/vert_divider.gif) repeat-y 230px;
}

    .whatsnew dl dt {
        float: left;
        color: #000;
        font-weight: bold;
        font-size: 16px;
        margin-left: 50px;
        display: inline;
        width: 160px;
        text-align: right;
    }

    .whatsnew dl dd {
        float: right;
        color: #000;
        font-weight: normal;
        display: inline;
        font-size: 12px;
        width: 640px;
        margin-right: 85px;
    }

        .whatsnew dl dd img {
            float: right;
            margin: 0 0 0 5px;
        }

    .whatsnew dl.last {
        margin-bottom: 50px;
    }

#landingpage .highlight {
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 100px;
}

#landingpage .tip, .calltologin {
    color: #555;
    font-size: 11px;
}

.calltoaction {
    font-weight: bold;
    font-size: 11px;
    color: #333;
    background: #fed944;
    text-transform: uppercase;
    background-image: url(/images/bg_more-lb.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 10px 0 1px;
    margin: 0;
    line-height: 11px;
}


#tabLeaders li a span {
    padding-left: 4px;
    padding-right: 4px;
}

#faq #faqcontent p {
    margin-left: 10px;
}

#faq #faqcontent ul, #faq #faqcontent ol, #faq #faqcontent ul li, #faq #faqcontent ol li {
    margin-left: 20px;
}

    #faq #faqcontent ul ul {
        list-style-type: circle;
        margin-left: 20px;
    }

        #faq #faqcontent ul ul li {
            margin-bottom: 5px;
        }

input[type="checkbox"] {
    margin-right: 3px;
}

#comments {
    background: #eae9e2 url(/images/bg_stripes.gif) left top repeat;
    padding: 8px;
}

/* Home Callout 5/30/08 - DM */
.home_callout {
    padding-bottom: 15px;
}

    .home_callout img {
        margin-bottom: 10px;
        padding: 0;
    }

    .home_callout p {
        line-height: 1.5em;
        margin: 0 8px 10px;
    }

        .home_callout p.links {
            color: #8d8a8a;
            margin-bottom: 0;
        }

/* Threads in the News control styles - 5/29/08, DM */
#tin {
    position: relative;
    margin-bottom: 10px;
}

    #tin h2 {
        line-height: 28px;
        background: #039 url(/images/bg_notch09.gif) right top no-repeat;
        color: #fff;
        margin: 0;
        line-height: 28px;
        height: 28px;
        font-size: 112%;
        padding: 0 10px 0 11px;
        position: relative;
    }

    #tin span.q {
        position: absolute;
        right: 25px;
        top: 8px;
        padding: 0 1px;
        font-size: 11px;
        line-height: 1;
        background: #fff;
    }

    #tin #tabs {
        border: 1px solid #ddd;
        border-top: 1px solid #fff;
        background: #eee;
        padding-top: 10px;
    }

    #tin .tabPanels {
        border-right: none;
        border-left: none;
        border-bottom: none;
        padding: 0;
        min-height: 176px;
    }

    #tin #accordion {
        padding: 0 8px;
    }

        #tin #accordion h3 {
            font-size: 11px;
            padding: 0;
            margin-bottom: 0;
            border-bottom: 1px solid #ddd;
        }

            #tin #accordion h3 a {
                line-height: 25px;
            }

            #tin #accordion h3 span a {
                background: #ededed;
                border-left: 1px solid #cbcbcb;
                border-right: 1px solid #cbcbcb;
                border-bottom: none;
                line-height: 25px;
                height: 25px;
                margin-right: 5px;
                display: block;
                float: left;
                padding: 0 3px;
            }

                #tin #accordion h3 span a:hover {
                    text-decoration: none;
                    background: #fff;
                }

            #tin #accordion h3.last {
                border-bottom: none;
            }

                #tin #accordion h3.last span a {
                    border-bottom: 1px solid #ddd;
                }

        #tin #accordion .element {
            border-bottom: 1px solid #ddd;
            padding: 0;
        }

            #tin #accordion .element img {
                float: left;
                border: 1px solid #ddd;
            }

            #tin #accordion .element .details {
                margin: 0;
                padding: 0;
                margin-left: 79px;
                filter: alpha(opacity=100);
                opacity: 1.0;
                background-color: white; /*corrects IE's ugly display of bold text*/
            }

                #tin #accordion .element .details .rating-container {
                    float: left;
                    position: relative;
                    margin: 0;
                    padding: 0;
                    width: 100px;
                    height: 15px;
                    overflow: hidden;
                    margin-top: -3px;
                }

                #tin #accordion .element .details h4 {
                    margin-bottom: .25em;
                    padding-right: 8px;
                    line-height: 1.4em;
                }




                #tin #accordion .element .details p {
                    font-size: 11px;
                    margin: 0;
                    padding: 0;
                }

    #tin #t_controls {
        padding: 5px 8px 3px;
        font-size: 11px;
        border-top: 5px solid #fff;
    }

        #tin #t_controls ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #tin #t_controls ul li {
                float: left;
                margin-right: 30px;
                padding: 0;
                line-height: 15px;
                height: 15px;
            }

                #tin #t_controls ul li#dots {
                    margin: 0;
                }

                    #tin #t_controls ul li#dots img {
                        margin-right: 3px;
                    }

                #tin #t_controls ul li.last {
                    float: right;
                    margin: 0;
                }

        #tin #t_controls img, #tin #t_controls a {
            margin: 0;
            padding: 0;
        }


/*************************/
/* File: carousel.css    */
/*************************/

/* For story page */
.leftcol div.carousel-clip-region {
    width: 246px;
    height: 100px;
}

.carousel-vertical {
    height: 350px;
    margin-bottom: 10px;
    position: relative;
}

    .carousel-vertical .container {
        width: 71px;
        height: 400px;
        position: relative;
        overflow: hidden;
    }

    .carousel-vertical ul {
        margin: 0;
        padding: 0;
        height: 100000px;
        position: relative;
        top: 0;
        left: 0;
    }

        .carousel-vertical ul li {
            width: 65px;
            height: 65px;
            text-align: center;
            list-style: none;
            cursor: pointer;
        }

.nopopup #carousel-images_buttons {
    margin: 5px -5px 10px;
}

.popup #carousel-images_buttons {
    margin: 40px 0px 10px 0px;
}

#carousel-images_buttons {
    clear: both;
    height: 20px;
}

#carousel-images_nobuttons {
    height: 40px;
}

.disabled {
    cursor: pointer;
    opacity: .5;
}

#up_arrow_storyimage, #down_arrow_storyimage {
    width: 19px;
    height: 19px;
    z-index: 100;
    cursor: pointer;
    position: relative;
    float: left;
}

    #up_arrow_storyimage.previous_button,
    #up_arrow_storyimage.previous_button_over,
    #up_arrow_storyimage.previous_button_disabled {
        left: 15px;
        background: url('/images/btn-y-up.gif');
    }

    #up_arrow_storyimage.previous_button_disabled {
        cursor: default;
        background: url('/images/btn-y-up-disabled.gif');
    }

    #down_arrow_storyimage.next_button,
    #down_arrow_storyimage.next_button_over,
    #down_arrow_storyimage.next_button_disabled {
        left: 20px;
        background: url('/images/btn-y-down.gif');
    }

    #down_arrow_storyimage.next_button_disabled {
        cursor: default;
        background: url('/images/btn-y-down-disabled.gif');
    }

/*StoryInSection Carousel Begin*/
.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(/images/paging_dot_sel.png) no-repeat center center;
    }

    .carouselTopRight .inactive {
        background: url(/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('/images/story_carousel/loading-small.gif') no-repeat center center;
}

.thumbnail .jcarousel-item-horizontal 
{
    width: 230px;
    height: 76px;
    display: block;
    background-color: white;
    background-image: none;
}

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

#divArticlePageContainer
{
    width: 1006px;
    border-top: 1px solid #DEDEDE;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    font-family: 'Roboto', sans-serif;
}

#divStorySections
{
    float: left;
}

#divStorySections,
#divStorySections h3,
#divStorySections a
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #717171;
}

#divStoryNavControlsTop
{
    float: right;
}

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

#aBackToGrid
{
    width:135px;
    text-indent: 30px;
    background: url('/images/NineSquares.png') no-repeat 0px center;
}
#aBackToGrid:hover
{
    text-decoration: none;
}

#HyperLinkNextStory
{
    width: 105px;
    background: url('/images/RightArrow.png') no-repeat 82px center;
}
#HyperLinkNextStory:hover
{
    text-decoration: none;
}

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

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

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

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

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

#divAuthor
{
    width: 358px;
    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;
}

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

.divMedia
{
    /*float: left;*/
    /*margin: 0 20px 0 0;*/
}
.centerDivMedia
{
    /*width: 50%;*/
    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('/images/facebook_white.png') no-repeat 15px center;
}
.lbShareFacebook
{
    width: 160px;
    margin: 0 5px 0 0;
    text-indent: 20px;
    background: #4A65BC url('/images/facebook_white.png') no-repeat 15px center;
}

.lbShareTwitter
{
    width: 160px;
    margin: 0 5px 0 0;
    text-indent: 20px;
    background: #00ABF1 url('/images/twitter_white.png') no-repeat 15px center;
}
.lbShareEmail
{
    width: 160px;
    margin: 0 5px 0 0;
    text-indent: 20px;
    background: #333333 url('/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('/images/SpeechBubble.png') no-repeat 15px center;
}

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

.aShareBackToStory{
    width: 159px;
    text-indent: 20px;
    background: transparent url('/images/backtostory.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('/images/RedArrowRightBig.png') no-repeat;
}

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

.aShareFacebook
{
    width: 40px;
    margin: 0 5px 0 0;
    background: #4A65BC url('/images/facebook_white.png') no-repeat center center;
}
.aShareTwitter
{
    width: 40px;
    margin: 0 5px 0 0;
    background: #00ABF1 url('/images/twitter_white.png') no-repeat center center;
}
.aShareEmail
{
    width: 40px;
    margin: 0 5px 0 0;
    background: #333333 url('/images/email_white.png') no-repeat center center;
}

#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('/images/ninesquares.png') no-repeat 5px;
}
#aBackToGridBottom:hover
{
    text-decoration: none;
}

#divMoreReadingStories
{
    height: 150px;
}

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

#divRightRail
{
    width: 315px;
    float: right;
}

.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
{
    width: 316px;
}
#divPopularOnNewserTitle
{
    width: 171px;
    height: 25px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #F40203;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
}

#divPopularOnNewser
{
    width: 145px;
    height: 27px;
    float: left;
    text-align: right;
    font-weight: 500;
    border-bottom: 1px 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;
}

#divUserErrorReport
{
    width: 454px;
    height: 37px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 1px 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;
}

#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: 940px;
    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: 1px solid #DEDEDE;
    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("/images/storCar_next.png") repeat-x center center;
    cursor: pointer;
}

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

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

.storySectionCarousel .jcarousel-next:hover {
    background: url("/images/storCar_next_hover.png") repeat-x center center;
    cursor: pointer;
}

.storySectionCarousel .jcarousel-prev:hover {
    background: url("/images/storCar_prev_hover.png") repeat-x center center;
    cursor: pointer;
}

.storySectionCarousel.thumbnail .jcarousel-next, .storySectionCarousel.thumbnail .jcarousel-next:hover {
    background: white url("/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: white;
}

.storySectionCarousel.thumbnail .jcarousel-prev, .storySectionCarousel.thumbnail .jcarousel-prev:hover{
    background: white url("/images/Left_Active.png") no-repeat 0px 40px;
    cursor: pointer;
    width: 27px;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 30;
    display: block;
}

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

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

.storySectionCarousel.thumbnail .jcarousel-next-disabled, .storySectionCarousel.thumbnail .jcarousel-next-disabled:hover{
    background: white url("/images/Right_Inactive.png") no-repeat 16px 40px;
    cursor: default;
}

.storySectionCarousel.thumbnail .jcarousel-prev-disabled, .storySectionCarousel.thumbnail .jcarousel-prev-disabled:hover {
    background: white url("/images/Left_Inactive.png") no-repeat 0px 40px;
    cursor: default;
}

/*StoryInSection Carousel End*/
.box .content.ad, .content.ad, #Ad_Center1 {
    margin: 0;
}

#lgBlogControlRR {
    overflow: hidden;
}

    #lgBlogControlRR .adBlock {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }


#Ad_Center1 {
    text-align: justify;
}

#sideCol .ad {
    position: relative;
    padding: 0;
}

/*Blog (Off The Grid) Styles Start */
.blogEntry, .blogListEntryLast, .blogListEntry {
    margin: 10px 15px 5px 15px;
    padding-bottom: 10px;
    width: 90%;
}

#lgBlogControl .blogEntry, #lgBlogControlRR .blogEntry {
    margin: 0 15px 15px;
}

#lgBlogControl.boxFrame.BorFrameLeft {
    padding: 0;
}

.blogEntrySM {
    margin: 0 15px 15px;
    width: 90%;
    overflow: hidden;
}

    .blogEntrySM h3 {
        font-size: 85%;
    }

.blogListEntry, .blogEntrySM, #sideCol .blogEntry, #mainCol .blogEntry {
    border-bottom: 1px solid #CCC;
}

#lgBlogControl .blogEntry, #lgBlogControl .blogEntrySM {
    border-bottom: 0;
}

#lgBlogControl .blogContainer {
    float: left;
    width: 325px;
    overflow: hidden;
}

#lgBlogControlRR .blogContainer {
    width: 210px;
    clear: both;
    overflow: hidden;
}

div.commentCount {
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    padding: 0 0 0 1px;
    background-image: url('/images/blog-comment-background.gif');
    background-repeat: repeat-x;
    background-position: 0 2px;
}

#recentPosts div.commentCount {
    float: left;
    margin: 0 0 0 10px;
    clear: right;
}

#recentPosts .commentCount a {
    position: relative;
    top: 1px;
    letter-spacing: 0.1em;
    color: #000;
    font-weight: normal;
}

#lgBlogControl div.commentCount {
    right: 0;
    float: right;
    margin: 0 0 0 5px;
    clear: right;
    background-position: 0 1px;
    color: #000;
    font-weight: normal;
}

#lgBlogControlRR div.commentCount {
    position: absolute;
    right: 0;
    top: 1px;
    margin: 0;
    clear: right;
    color: #000;
    font-weight: normal;
}

#lgBlogControl .commentCount a {
    position: relative;
    top: -1px;
    letter-spacing: 0.1em;
    color: #000;
    font-weight: normal;
}

.blogDate {
    color: #999;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 1px;
    position: relative;
    clear: both;
    width: 95%;
    min-width: 190px;
}

#lgBlogControl .blogDate, #lgBlogControlRR .blogDate {
    text-transform: uppercase;
}

.blogLargeTitle, .blogLargeTitle:link, .blogLargeTitle:hover, .blogLargeTitle:visited {
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.25;
    margin: 10px 0;
    padding-bottom: 5px;
}

.blogListTitle, .blogListTitle:hover, .blogListTitle:link, .blogListTitle:visited {
    color: #039;
    font-weight: bold;
    font-size: 1em;
    margin: 10px 0;
}

    .blogListTitle:hover, .blogLargeTitle:hover {
        text-decoration: underline;
    }

#blogRecentPost img {
    position: relative;
}

#blogRecentPost h2 {
    width: 100%;
    background: #000;
    height: 30px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

#blogRecentPost h3 a {
    color: #000;
}

img.rolloverCornerTR, img.rolloverCornerBR, img.rolloverCornerBL {
    position: absolute;
    width: 7px;
    height: 7px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

img.rolloverCornerTR {
    top: 0;
    right: 0;
    background-image: url(/images/bg_rollover_TR.png);
}

img.rolloverCornerBR {
    bottom: 0;
    right: 0;
    background-image: url(/images/bg_rollover_BR.png);
}

img.rolloverCornerBL {
    bottom: 0;
    left: 0;
    background-image: url(/images/bg_rollover_BL.png);
}

div.rolloverRight, div.rolloverBottom {
    position: absolute;
}

div.rolloverBottom {
    bottom: 0;
    left: 7px;
    height: 7px;
    background-image: url(/images/bg_rollover_B.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

div.rolloverRight {
    right: 0;
    top: 7px;
    width: 7px;
    background-image: url(/images/bg_rollover_R.png);
    background-repeat: repeat-y;
    background-position: right top;
}

div.mediaControls span {
    font-weight: normal;
}

    div.mediaControls span a {
        font-weight: bold;
    }

h1.tagname {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    margin-top: 20px;
}

.tagPage h3.subheadCap h2.tagtitle, h2.tagtitle2, .boxFrame h3.subhead {
    display: inline;
    padding: 1px 0;
    font-weight: bold;
    color: #6d6d6d;
    font-size: 11px;
    text-transform: uppercase;
    border-top: 1px solid #ddd;
    line-height: 1.4em;
    border-bottom: 1px solid #ddd;
    position: relative;
    top: 10px;
    clear: both;
}

h2.tagtitle2 {
    font-weight: normal;
    text-align: justify;
    text-transform: none;
    display: block;
    width: 400px;
    margin: 0 0 25px 0;
    top: 0px;
}

.tagPage .tagPageContainer .boxFrame.tags,
.tagPage .tagPageContainerLast .boxFrame.tags {
    background-color: Transparent;
}

.tagPage .tagPageContainer, .tagPage .tagPageContainerLast, .tagPage .googleAds.tagPageSeperator, .ListView {
    margin: 0;
    padding: 10px 8px;
    border-top: 0px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

.ListView {
    border-bottom: 1px solid #fff;
}

.tagPage .tagPageContainer:link, .tagPage .tagPageContainer:visited,
.tagPage .tagPageContainerLast:link, .tagPage .tagPageContainerLast:visited,
.tagPage .googleAds.tagPageSeperator:link, .tagPage .googleAds.tagPageSeperator:visited {
    background-color: #fff;
    border-top: 0px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

.tagPage .tagPageContainer:hover,
.tagPage .tagPageContainerLast:hover,
.tagPage .googleAds.tagPageSeperator:hover,
.ListView:hover {
    background-color: #e1e1e1;
    border-top: 0px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tagPageContainer, .tagPageContainerLast {
    border-bottom: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 0;
}

    .tagPageContainer div .boxFrame, .tagPageContainerLast div .boxFrame {
        border: none;
        padding: 0;
    }

.tagPageContainerLast {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .tagPageContainer li, .tagPageContainerLast li,
    .boxFrame .tagPageContainer li, .boxFrame .tagPageContainerLast li {
        border-bottom: none;
        margin-left: 15px;
    }

    .tagPageContainer ul, .tagPageContainerLast ul,
    .boxFrame .tagPageContainer ul, .boxFrame .tagPageContainerLast ul {
        list-style-type: disc;
    }

.tagPageSeperator, .tagPagePagingNav {
    border-bottom: 1px solid #ddd;
}

.tagPagePagingNav {
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 0 0;
}

.nobg {
    background: none;
}

a.headline h3 {
    margin: 0;
    padding: 0;
}

a.headline {
    line-height: 1.35em;
}

.wallPageContent, .hbContentContainer {
    background: #fffbe5;
    padding: 16px;
    z-index: +2;
    position: relative;
}

.wallPageContent {
    padding: 5px 15px 10px 15px;
    border: 1px solid #f46c18;
    text-align: left;
    font-family: Arial, Helvetica, San serif;
}

    .wallPageContent div h2 {
        font-family: Arial, Helvetica, San serif;
        text-align: left;
    }


.hbContentContainer {
    padding: 8px;
    border: 1px solid #ffaa6b;
}

.wallPageContent h1 {
    font-size: 140%;
    margin-top: 15px;
    margin-bottom: 10px;
}

    .wallPageContent h1 a, .wallPageContent h1 a:link, .wallPageContent h1 a:visited, .wallPageContent h1 a:hover, .wallPageContent h1 a:active {
        text-decoration: none;
        color: #000;
    }

.wallPageByLine {
    color: #666;
    margin-bottom: 10px;
}

    .wallPageByLine strong {
        color: #333;
    }

.checkeredGrey {
    background-image: url(/images/bg_stripes.gif);
    background-repeat: repeat;
}

.hbText, a.hbText, .hbContentContainer h5 {
    color: #f46c18;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

a.hbText {
    font-size: 12px;
    text-decoration: underline;
    text-transform: none;
}

.hbContentContainer h5 {
    margin-bottom: 18px;
}

.hbContentContainer h4 {
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1.3em;
}

    .hbContentContainer h4 a {
        font-weight: bold;
    }

a.searchLink {
    padding: 1px 0 6px 18px;
    background-image: url(/images/icn_magnifyingGlass.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.yellowHeader {
    background-color: #fed944;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.05em;
    float: left;
    padding: 2px 3px;
    margin: 0;
}

.relatedNewserStory {
    clear: both;
    margin: 0;
    line-height: 1.7em;
    position: relative;
    z-index: +2;
}

.boxFrame .relatedNewserStory li {
    border-bottom: 0;
}

img#rnImage {
    position: relative;
    z-index: +100;
}

.relatedNewserStory h1 {
    font-size: 185%;
    margin: 15px 0 7px 0;
    line-height: 1.2em;
}

    .relatedNewserStory h1 a {
        color: #000;
        margin: 0;
    }

.relatedNewserStory h3.posted {
    font-size: 11px;
    border: 0;
    color: #333;
    margin: 0 0 15px 0;
    font-weight: normal;
    background: transparent;
}

.relatedNewserStory * p {
    padding: 0;
    margin-top: 0;
    line-height: 1.7em;
}

#rnCaptionContainer {
    width: 100px;
    font-size: 9px;
    color: #666;
}

.no_bold {
    font-weight: normal;
}

p.siteindexcontainer {
    width: 650px;
    text-align: left;
}

.bulletseperator {
    margin: 0 4px 0 6px;
}

#mainNav {
    margin-bottom: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.mainNavBack {
    background: url('/images/nav/mainNav-background-test.gif') repeat-x #eee;
}

.storyTopMain .related .boxFrame {
    border-width: 0;
}

.storyTopMain .boxFrame {
    border-width: 1px 0 0 0;
    padding: 0 3px;
}

    .storyTopMain .boxFrame h2 {
        margin-bottom: 27px;
    }

    .storyTopMain .boxFrame .x h2 {
        margin-bottom: 10px;
    }

.boxFrame h2.highlight {
    color: #f00;
}

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

#TodaysMostPopular h4 a {
    color: #799dc0;
}

#TodaysMostPopular h4 {
    margin-top: 20px;
}

#TodaysMostPopular li, #TodaysMostPopular.boxFrame li,
#TodaysMostPopular.boxFrame #tabs li {
    padding: 2px 0 0 0;
}

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

.boxFrame #OutbrainSection li {
    border-bottom: none;
}

#mainCol.boxFrame {
    padding: 10px;
}

    #mainCol.boxFrame.articlePage {
        width: 645px;
    }

    #mainCol.boxFrame .storyTopMain {
        padding: 0;
    }

.boxFrame .tabs li {
    overflow: visible;
}

    .boxFrame .tabs li a, .boxFrame .tabs li a span, .boxFrame #tabs h3 {
        border: none;
        background: #fff;
        height: 110%;
        color: #039;
    }

.viewall, .viewallred {
    clear: both;
    text-align: center;
    margin: 10px 0;
    font-size: 87%;
}

.greybutton {
    padding: 0;
    margin: 0 15px 0 0;
}

    .greybutton a {
        padding: 10px 4px 2px;
    }

.user_comments a.replyLink {
    padding: 0 2px;
    font-size: 10px;
    font-weight: normal;
    background: #ccc;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 10px;
}

.viewall a, .greybutton a {
    padding: 2px 6px;
    background: #333;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

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

a.bigred {
    background: red;
}

a.biggrey, a.midgrey {
    background: #333;
}

    a.bigred:hover, a.biggrey:hover, a.midgrey:hover {
        background: #555;
    }

a.bigred, a.biggrey {
    padding: 2px 6px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 22px;
    margin: 10px 0 10px;
}

a.midgrey {
    padding: 4px 6px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0 10px;
    vertical-align: middle;
}

#GetStarted2:hover {
    cursor: pointer;
}

.js-singleComment .words a.replyLink:hover {
    background-color: #000;
}

#tabs .tabs, #tabs .tabs ul {
    text-align: center;
}

    #tabs .tabs li {
        float: right;
        display: inline-block;
    }

.boxFrame #tabs h3, #CustomizeGridPanel h3, #CustomizeGridPanel h2 {
    width: 100%;
    text-align: center;
    display: inline;
    top: 0;
    padding: 0px 3px;
    margin: 0 4px 8px;
    font-weight: normal;
    font-size: 130%;
    line-height: 185%;
    color: #f00;
    clear: both;
}
    .boxFrame #tabs h3 a, #CustomizeGridPanel h3 a, #CustomizeGridPanel h2 {
        text-align: center;
        font-size: 80%;
        font-weight: bold;
        margin: 0 7px;
        padding: 0 6px;
    }

    .boxFrame #tabs h3.active a,
    .boxFrame #tabs h3.active a:link,
    .boxFrame #tabs h3.active a:visited,
    .boxFrame #tabs h3.active a:hover,
    .boxFrame #tabs h3.active a:active,
    #CustomizeGridPanel h3.active a,
    #CustomizeGridPanel h3.active a:link,
    #CustomizeGridPanel h3.active a:visited,
    #CustomizeGridPanel h3.active a:hover,
    #CustomizeGridPanel h3.active a:active {
        margin: 0;
        color: #000;
        text-decoration: none;
    }

.boxFrame #tabs .tabsNav {
    margin: 0;
    padding: 0;
    clear: both;
    text-align: center;
}

    .boxFrame #tabs .tabsNav h3,
    .boxFrame #tabs .tabsNav h3 a {
        margin: 0;
    }

#TodaysMostPopular .mostPopularContainerLarge .tabsNav {
    margin-bottom: 5px;
}

h3.yellow-notch {
    height: 25px;
    background-image: url('/Images/yellow-notch.png');
    background-repeat: no-repeat;
    background-position: 10px 16px;
    position: relative;
    top: 9px;
    z-index: +2;
}

    h3.yellow-notch a {
        display: inline-block;
        background-image: url('/Images/bg-yellow-tab.png');
        background-repeat: repeat-x;
        background-position: top;
        margin: 0;
        color: #000;
        font-size: 10px;
        height: 17px;
        padding: 0 5px;
        font-weight: bold;
    }

#mediaContainer {
    border: 0;
}

    #mediaContainer #tabs #tab_group_media {
        text-align: center;
        padding: 0;
        margin: 0;
    }

        #mediaContainer #tabs #tab_group_media h3 {
            margin: 0 3px;
            padding: 0;
        }

.mediaControls {
    border: 0;
}

    .mediaControls.viewlarger {
        background-color: #000;
        border-width: 0;
        border-color: #000;
    }

        .mediaControls.viewlarger a {
            color: #fff;
        }

#mediaContainer #tabs .tabPanels {
    border-width: 0;
}

.boxFrame .tabPanels {
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 0;
}

.boxFrame #tabs .headline {
    list-style-type: none;
    font-weight: bold;
}

.boxFrame #tabs .noNumbers {
    padding: 0 2%;
    width: 94%;
}

    .boxFrame #tabs .noNumbers li {
        overflow: hidden;
        position: relative;
    }

#TodaysMostPopular div.commentCount {
    float: right;
}

#TodaysMostPopular div.thumbContainer {
    float: left;
    text-align: left;
    width: 17px;
    height: 40px;
    margin-right: 3px;
}

#TodaysMostPopular div.mostPopularContainer .tabsNav {
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#TodaysMostPopular div.mostPopularContainer img {
    float: left;
    margin: 2px 5px 0 0;
}

#TodaysMostPopular .highlight2, #WidgetContainer .highlight2, #AroundTheWeb .highlight2, #NewsletterPromo .highlight2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-size: 21px;
    color: red;
}

#NewsletterPromo .highlight2 {
    color: white;
    background-color: black;
    color: white;
    padding: 10px;
}

#TodaysMostPopular .tabbedHeading {
    margin-bottom: 20px;
}

#sideCol .boxFrame #tabs .noNumbers li div.thumbContainer {
    position: absolute;
    top: 15%;
}

.mostPopularText {
    position: relative;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    width: 85%;
}

#ratedCommentContainer li {
    position: relative;
}

#ratedCommentContainer div {
    padding-left: 40px;
}

#ratedCommentContainer img {
    position: absolute;
    left: 0;
}

.boxFrame #tabs .noNumbers li div.thumbContainer {
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-align: center;
    margin: 0 10px 0 0;
    position: absolute;
    left: 55px;
    top: 15px;
}

a.nolink, a.nolink:link, a.nolink:visited, a.nolink:hover, a.nolink:active {
    cursor: default;
    text-decoration: none;
}

#storyPageAP ul, #storyPageAP li {
    padding: 0;
}

#storyPageAP ul {
    clear: both;
    padding-bottom: 5px;
}

#storyPageAP li {
    margin-bottom: 10px;
}

#storyPageAP boxFrameLeft h2 {
    margin-left: 7px;
}

* .square .h2 {
    font-family: Arial, Helvetica, Sans-Serif Serif;
    text-transform: none;
    text-align: inherit;
}

.boxFrame.noborder li {
    border-width: 0;
}

ul.regularList, *.regularList ul, .summary ul {
    border: none;
    list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 0;
}

.regularList li, .summary li {
    border: none;
    left: 0;
    margin-bottom: 15px;
    padding: 0;
}

.relatedNews img {
    position: relative;
    top: 0;
    z-index: 3000;
    float: left;
    margin: 0 6px 3px 0;
}

.leftImage .h2,
.leftImage * .h2 {
    left: 0px;
    text-align: left;
}

.rightImage .h2,
.rightImage a .h2,
.rightImage a .x .h2,
.rightImage .x a .h2,
.rightImage * .x .h2,
.rightImage a * .h2,
.rightImage * .h2 {
    text-align: right;
}

.boxFrame.tags, .boxFrame.tags h3 {
    border-bottom: none;
}

.tagPage .tags,
.articlePage .tags,
#wallPage .tags {
    border: none;
}

#headerAdSection {
    padding: 10px 0 0 0;
    height: 100px;
    min-height: 100px;
    width: 995px;
    text-align: center;
    margin: 0;
    z-index: 20040;
}

#headerAd
{
    margin: 0 -10px 0 0;
}

.searchContent .morelink {
    font-weight: normal;
}

.threadsContent ul, .threadsContent ul li {
    border: none;
}

.searchResults #storyPageAP h2 {
    margin-left: 5px;
    text-align: left;
}

#about_nav {
    padding: 25px;
    position: relative;
    overflow: visible;
    z-index: +2;
}

    #about_nav .subnav {
    }

        #about_nav .subnav a {
            position: relative;
            left: 15px;
            font-weight: normal;
        }

        #about_nav .subnav.aboutNavSelected {
            padding-left: 0px;
        }

            #about_nav .subnav.aboutNavSelected a {
                left: -44px;
                padding-left: 59px;
            }

.red {
    color: #f00;
}

#mainCol .redhed {
    margin-left: 0;
}

.redhed {
    color: #FF0000;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-size: 21px;
}

#about_nav ul {
    margin-bottom: 20px;
    z-index: +1;
}

.aboutNavList li {
    position: relative;
    padding: 4px 0;
    z-index: +2;
}

li.aboutNavSelected {
    border-bottom-width: 0px;
    margin: -5px 0 0 0;
}

.aboutNavList a {
    color: #333;
}

    .aboutNavList a:hover {
        color: #999;
        text-decoration: none;
    }

.aboutNavSelected a, .aboutNavSelected a:hover {
    color: #FFF;
}

li.aboutNavSelected a {
    width: 229px;
    padding: 4px 4px 4px 32px;
    display: inline-block;
    position: relative;
    left: -32px;
    margin: -5px -32px 0 0;
    background: #939192 url('/images/about_nav_point.png') no-repeat left;
}

#groupThreads a {
    font-weight: bold;
}

#groupThreads a, #groupThreads span {
    font-size: 85%;
}

#sideCol #groupThreads a, #sideCol #groupThreads span {
    font-size: 100%;
}

.staffContainer {
    float: left;
    margin-right: 5px;
    width: 120px;
    height: 170px;
    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: 21px;
}

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

.articlePage .googleAds {
    border: 0;
}

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

.shareIcons.articlePage {
    margin: 10px 0 20px 5px;
}

a.addthis_button_expanded {
    text-decoration: none;
    padding: 3px 0;
}

.shareIcons a.addthis_button_expanded:hover {
    background-color: #ddd;
}

.shareIcons img {
    position: relative;
    margin: 0 2px;
    vertical-align: middle;
}

.js-singleComment div.commenter {
    width: 170px;
    font-size: 11px;
    margin: 0 5px 0 0;
    color: #666;
}


    .js-singleComment div.commenter img {
        float: left;
    }

    .js-singleComment div.commenter div {
        float: left;
        margin-left: 10px;
    }

.commentHidden a {
    color: #333;
}

.commentHidden img {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
}

#blogPage .js-singleComment .words {
    clear: both;
    margin-left: 40px;
    width: 325px;
}

#blogPage .js-singleComment.commentReply {
    margin-left: 55px;
}

    #blogPage .js-singleComment.commentReply .words {
        width: 295px;
    }

.js-singleComment {
    clear: both;
}

    .js-singleComment .commentRank {
        position: absolute;
        right: 0;
        top: 12px;
        letter-spacing: 0.1em;
        font-weight: bold;
        white-space: nowrap;
        text-align: right;
    }

.commentRank a.ratingLink {
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
}

.js-singleComment .commentRank img {
    vertical-align: middle;
    margin-left: 4px;
}

.js-singleComment .response {
    z-index: +1;
    position: absolute;
    background: #fff;
    display: inline;
    padding: 4px 6px;
    top: -16px;
    left: -7px;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.yellowQuote {
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    background: url('/images/comment-count-background.gif') repeat-x;
    padding: 0 8px 0;
    position: relative;
    height: 36px;
    overflow: hidden;
    z-index: +2;
}

.CommentsCommentPolicy {
    float: right;
    margin: 0px 0 15px 0;
}
.CommentsCommentPolicy a,
.CommentsCommentPolicy a:hover{
    font-weight: 500;
    color: #FE0010;
    text-decoration: none;
}

.storyTopMain .yellowQuote.lrg {
    position: absolute;
    padding: 0;
    width: 35px;
    height: 50px;
    top: 10px;
}

.yellowQuote span {
    white-space: nowrap;
    z-index: +2;
}

#CommentFormLabel {
    display: block;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 5px;
}

.yellowQuote img.bgnd {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: -1;
}

.commentPostForm {
    left: 175px;
    float: left;
    clear: right;
    padding: 20px 0 0;
    z-index: +2;
}

#commentFormDiv .yellowQuote {
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    padding: 4px 8px 0;
    height: 36px;
    z-index: +2;
    float: left;
    margin: 5px 30px 0 0;
    background: #fed944;
    overflow: visible;
    width: 95px;
    height: 50px;
    line-height: 1.1em;
    position: static;
}

#blogPage .commentPostForm {
    width: 200px;
}

#blogPage .commentPostForm textarea {
    width: 200px;
}

#blogPage .commentPostForm input[type=text] {
    width: 90px;
}

#storyPageAP * {
    background-color: #fff;
}

#groupThreads {
    margin-bottom: 10px;
}

#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('/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;
}

#siteIndexPage li img {
    text-align: right;
    margin: 5px 0 10px 10px;
}

#sideCol.googleAds h4 a {
    position: static;
}

#siteIndexPage .scroll_button, .scroll_buttons .scroll_button {
    background-color: #ddd;
    padding: 3px;
    margin: 0 2px;
}

#submissionsPage .scroll_button, .scroll_buttons .scroll_button {
    background-color: #ddd;
    padding: 3px;
    margin: 0 2px;
}

.scroll_buttons .scroll_button {
    background-color: #eeeeee;
    padding: 3px 3px 3px 5px;
    margin: 0 2px;
    border: 1px solid gray;
}

/*
#div_iframe_overlay * {
    background-color: white;
}
*/
ul.popularList li {
    position: relative;
}

ul.popularList span {
    position: absolute;
}

ul.popularList a {
    text-align: left;
    display: block;
    padding: 0;
    position: relative;
    margin-top: -17px;
    left: 60px;
    width: 240px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

div.groupAdminNav {
    font-weight: bold;
    height: 20px;
    margin-top: 0;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

    div.groupAdminNav span.separator {
        color: #999;
        margin: 0 5px;
    }

    div.groupAdminNav a.adminButton, div.groupAdminNav a.adminButtonRed, .newserGroupsAdmin input[type="button"], .newserGroupsAdmin input[type="reset"], .newserGroupsAdmin input[type="submit"] {
        height: 20px;
        padding: 5px 9px 2px;
        margin: -8px 10px 0;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        vertical-align: bottom;
    }

    div.groupAdminNav a.adminButton, div.groupAdminNav a.adminButtonRed {
        display: block;
        float: right;
    }

        div.groupAdminNav a.adminButton:link, div.groupAdminNav a.adminButton:visited,
        .newserGroupsAdmin input[type="button"], .newserGroupsAdmin input[type="reset"], .newserGroupsAdmin input[type="submit"] {
            background-color: #000;
        }

            div.groupAdminNav a.adminButton:hover,
            .newserGroupsAdmin input[type="button"]:hover, .newserGroupsAdmin input[type="reset"]:hover, .newserGroupsAdmin input[type="submit"]:hover {
                background-color: #666;
            }

        div.groupAdminNav a.adminButtonRed:link, div.groupAdminNav a.adminButtonRed:visited {
            background-color: #f00;
        }

        div.groupAdminNav a.adminButtonRed:hover {
            background-color: #900;
        }

.newserGroupsAdmin input[type="button"], .newserGroupsAdmin input[type="reset"], .newserGroupsAdmin input[type="submit"] {
    padding: 1px;
    font-size: 12px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

#sideCol #Ad_Center1 {
    background-color: #fff;
    padding-top: 0;
}

#sideCol .ad.boxFrame {
    padding: 5px 7px;
}

#mainCol #Ad_Center1 {
    margin-bottom: 15px;
}

.userCommentsRatings h3 {
    background-color: #fff;
    font-weight: bold;
    padding: 10px 5px 10px 20px;
    margin: 0 -7px 5px;
}

.userCommentsRatings div.comentsContainer {
    margin: 10px 5px 10px 15px;
    text-transform: uppercase;
    font-size: 90%;
    color: #464646;
}

.userCommentListing img {
    margin: 0 5px 5px 0;
}

.smaller.grey9 {
    color: #999;
}

.newsPartners img {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.newsPartners ul {
    margin-top: 15px;
    margin-bottom: 0;
}

.newsPartners div {
    margin-bottom: 20px;
}

.apStories li, .newsPartners h3.heading, .newsPartners h5 {
    border-bottom: none;
    margin-bottom: 2px;
    color: #999;
}

    .apStories li a, .newsPartners li a, .justForLaughs li a {
        font-weight: normal;
    }

.storyTitle {
    text-align: left;
    position: relative;
    width: 600px;
}

    .storyTitle h2 {
        font-size: 120%;
        margin: 0 0 10px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        line-height: 1.2em;
        color: #667;
    }

.storyListContainer h2 {
    font-size: 130%;
    margin: 0px 0 10px;
    font-weight: bold;
    text-align: left;
    line-height: 1.2em;
}

.storyListContainer h3 {
    font-size: 100% !important;
    margin: 5px 0 10px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #667;
}

.carousel-background {
    width: 895px;
    position: absolute;
    z-index: -5;
    left: 40px;
    top: -20px;
    text-align: center;
    color: #ccc;
    font-size: 130px;
    border: none;
    height: 80px;
    font-weight: bold;
    padding: 0;
    font-family: Arial Narrow;
    line-height: 1em;
    letter-spacing: 3px;
}

#JustForLaughs.boxFrame li.partnerList {
    line-height: 1.6em;
    padding: 2px !important;
}

#NewsPartners.boxFrame li.partnerList {
    line-height: 1.6em;
    padding: 2px !important;
}

#mainPanel #Ad_Center1 {
    text-align: center;
}

#twtr-search-widget h4 {
    color: #fff !important;
}

#facebookCommentText {
    color: #666;
    margin-top: 5px;
}

.socialnetworksInlineContainer {
    float: right;
    text-align: center;
    min-height: 70px;
    width: 70px;
    margin: 5px 0 5px 5px;
}

.blogListing {
    font-weight: bold;
    color: #666;
    position: relative;
    margin: 0 7px 9px;
}

#sideCol .blogListing {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin: 7px 8px 10px;
}

.blogListing .pDate {
    position: absolute;
    width: 55px;
}

.blogListing .pTitle {
    position: relative;
    left: 70px;
    width: 183px;
    line-height: 1.3em;
    text-align: left;
}

.blogListing span {
    font-weight: normal;
    margin-left: 5px;
}

.aboutLowerNav a, .aboutLowerNav a.selected {
    display: block;
    margin: 3px;
    padding: 3px 4px;
    font-weight: bold;
    text-decoration: none;
}

    .aboutLowerNav a.selected:link, .aboutLowerNav a.selected:visited, .aboutLowerNav a.selected:hover {
        background-color: #f1f1f1;
    }

    .aboutLowerNav a:link, .aboutLowerNav a:visited {
        background-color: #eee;
        color: #039;
    }

    .aboutLowerNav a:hover {
        background-color: #e9e9e9;
        color: #039;
        text-decoration: none;
    }

img.otgAvatar {
    border: 1px solid rgb(191, 191, 191);
    margin: 4px 6px 1px 0pt;
    padding: 2px;
    float: left;
}

#blogPage img.otgAvatar {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
}

.envIcon {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: +10;
}

.otgIcon {
    position: relative;
    float: left;
    display: block;
    width: 62px;
    height: 60px;
    overflow: hidden;
    margin-right: 5px;
}

.otgSubscribe {
    color: #000;
}

    .otgSubscribe span {
        display: block;
        font-weight: bold;
        font-size: 120%;
        color: #000;
    }

    .otgSubscribe a.sampleLink {
        font-size: 90%;
    }

.gridContainer {
    text-align: center;
}

.gridBackground .gridContainer {
    width: 1006px;
}

.gridBackground #storyGrid {
    padding: 0;
}

.gridBackground #mainCol {
    width: 1006px;
}

.storyAuthor {
    text-align: right;
    margin: 0 0 15px;
    font-style: italic;
    font-size: 85%;
}

.storySourceContainer {
    border-left: 3px solid #e1e1e1;
    padding: 0px 12px 1px 12px;
    margin: 0;
}

.bounds .sideCol .otgPageReferrers {
    background: url('/images/topreferrers-16.gif') no-repeat center;
    width: 89px;
}

.bounds .sideCol .otgsource {
    clear: right;
    background-color: #F00;
    height: 16px;
    display: inline-block;
    color: #fff;
    margin-left: -15px;
    font-size: 14px;
    padding: 1px 6px 1px 15px;
    font-weight: bold;
    margin-bottom: 3px;
    letter-spacing: -1px;
}

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

.sideCol #NewsletterPromo.boxFrame .highlight2 {
    border-bottom: none;
}

.highlight2 {
    color: #f00;
}

.gridShade {
    text-align: center;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 10px;
    left: 0;
    background: url('/images/bg-shade.png');
    z-index: 2000;
}

    .gridShade h1 {
        position: relative;
        top: 20px;
        vertical-align: middle;
        color: #fff;
        filter: alpha(opacity=100);
        opacity: 1.0;
        font-size: 200%;
        z-index: 3000;
    }

        .gridShade h1 a {
            filter: alpha(opacity=100);
            opacity: 1.0;
            color: #fff;
            margin: 0 20px;
            z-index: 3000;
        }

#qAndA {
    background-color: #ffe7be;
    padding: 10px;
    border: 1px solid #edb4a3;
}

    #qAndA .qList {
        position: relative;
        padding-bottom: 5px;
        width: 310px;
    }

        #qAndA .qList img {
            position: absolute;
        }

        #qAndA .qList a {
            position: relative;
            left: 22px;
            top: -1px;
            margin-right: 23px;
        }

.tagPageContainer .tags h3 br,
#rolloverContent .minibyline br {
    display: none;
}

.minibyline {
    background: red;
}

.aboutPage #sideCol {
    padding-top: 0px;
}

.articlePage .adTitle {
    color: #000;
}

.articlePage h4 a {
    color: #999;
}

#carousel-stories-full li {
    height: 143px;
    overflow: hidden;
    width: 240px;
    margin-right: 2px;
    border: 1px solid #999;
}

    #carousel-stories-full li .square {
        border-width: 0;
    }

.carouselNav {
    *margin-top: 0px;
    bottom: 0;
    left: 0;
    background: url('/images/lgCarouselNavBG_1.jpg') repeat-x;
    text-align: center;
    width: 100%;
    height: 40px;
    z-index: 50;
}

.carouselContainer {
    position: relative;
    padding-top: 2px;
    height: 145px;
    text-align: center;
    background-color: #f6f6f6;
}

#storySources a.sourceGridLink {
    font-size: 95%;
    display: inline-block;
}

.gridBackground {
    width: 100%;
    margin: 0;
}

.partnerBody1 .gridBackground {
    background-color: transparent;
}

#rolloverContent div#storySources {
    display: inline;
    margin-right: 5px;
}

.mostPopularContainer {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}

.mostPopularContainerLarge {
    float: left;
    width: 31%;
    margin: 0;
    padding: 0 10px;
}

.headerPromos {
    text-align: left;
    display: block;
    position: relative;
    top: 7px;
    margin-left: 10px;
    height: 30px;
    list-style: none;
}

    .headerPromos li {
        float: left;
        margin-right: 10px;
    }

        .headerPromos li:last-child {
            margin-right: 0px;
        }

    .headerPromos img {
        vertical-align: middle;
    }

.userBorder {
    border: 1px solid #DDD;
}


.voteDiv {
    padding-top: 14px;
    border-left: solid 3px #E1E1E1;
}

.voteDivContent {
    padding: 0 0 15px 0;
}

.voteColumn {
    float: left;
    width: 99px;
    border-top: 1px solid #E1E1E1;
}

.voteStatisticsPercentage, .voteStatisticsPercentageBig {
    width: auto;
    text-align: center;
    padding: 5px 2px;
    font-size: 150%;
    font-family: Georgia, Times New Roman, Serif;
}

    .voteStatisticsPercentage:hover, .voteStatisticsPercentageBig:hover {
        cursor: pointer;
    }

    .voteStatisticsPercentage.nopointer:hover, .voteStatisticsPercentageBig.nopointer:hover {
        cursor: default;
    }

.voteStatisticsPercentageBig {
    font-size: 230%;
    font-weight: bold;
}

.voteStatisticsImage {
    padding: 9px 1px 2px 5px;
}

.voteClickBelow {
    padding-top: 2px;
    float: right;
    color: #595959;
}

.voteShareTake {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    color: #595959;
}

.voteFaceBook, .voteTwitter {
    float: left;
    display: inline;
}

.voteTwitter {
    margin-right: 5px;
}

.voteMyTakeImage {
    float: left;
}

div.autocomplete {
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    z-index: 300;
}

    div.autocomplete ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        div.autocomplete ul li.selected {
            background-color: #99f;
        }

        div.autocomplete ul li {
            list-style-type: none;
            display: block;
            margin: 0;
            padding: 2px;
            cursor: pointer;
        }

/**********************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(/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(/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;
    margin-bottom:10px;
    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 {
    background: #111;
    position: relative;
    top: 13px;
    left: 11px;
    margin-bottom: 23px;
    margin-right: 23px;
}
#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**************************/
.carouselSubmitStoryContainer {
    position: relative;
    padding-top: 2px;
    margin-bottom: 10px;
    height: 83px;
    text-align: center;
    background-color: #f6f6f6;
    float: left;
}

.carouselSubmitAStoryContainer {
    position: relative;
    padding-top: 2px;
    margin-bottom: 10px;
    height: 83px;
    width: 544px;
    text-align: center;
    background-color: #f6f6f6;
}

.carouselSubmitStoryClass {
    float: left;
    height: 82px;
    margin-bottom: 0px;
    position: relative;
}

.carouselSubmitAStoryClass {
    height: 82px;
    margin-bottom: 0px;
    position: relative;
}

#carouselSubmitStory {
    height: 82px;
    margin-bottom: 0px;
    background-color: #f6f6f6;
}

    #carouselSubmitStory .previous_button,
    #carouselSubmitStory .previous_button_over {
        float: left;
        width: 27px;
        height: 100%;
        margin-left: 5px;
        margin-right: 0px;
        cursor: pointer;
        z-index: 1000;
        background: url('/images/left_slider_arrow.gif') no-repeat;
        background-position: center;
    }

    #carouselSubmitStory .next_button, #carouselSubmitStory .next_button_over {
        float: left;
        width: 27px;
        height: 100%;
        margin-left: 0px;
        cursor: pointer;
        background: url('/images/right_slider_arrow.gif') no-repeat;
        background-position: center;
        z-index: 1000;
        margin-right: 5px;
    }

    #carouselSubmitStory .previous_button_disabled {
        background: url('/images/left_slider_arrow_dis.gif') no-repeat;
        background-position: center;
    }

    #carouselSubmitStory .next_button_disabled {
        background: url('/images/right_slider_arrow_dis.gif') no-repeat;
        background-position: center;
    }

    #carouselSubmitStory .previous_button_disabled,
    #carouselSubmitStory .next_button_disabled {
        float: left;
        width: 27px;
        height: 100%;
        margin-right: 0px;
        cursor: default;
        z-index: 1000;
    }

.carouselSubmitStoryClass #storInSecWide.container, .carouselSubmitAStoryClass #storInSecWide.container {
    float: left;
    width: 720px;
    height: 125px;
    position: relative;
    overflow: hidden;
}

.carouselSubmitStoryClass #normal.container, .carouselSubmitAStoryClass #normal.container {
    float: left;
    width: 895px;
    height: 162px;
    position: relative;
    overflow: hidden;
}

.carouselSubmitStoryClass ul, .carouselSubmitAStoryClass ul, #carousel-threads ul, .carouselSM ul {
    margin: 0;
    padding: 0;
    width: 100000px;
    position: relative;
    top: 0;
    left: 0;
}

    .carouselSubmitStoryClass ul li, .carouselSubmitAStoryClass ul li {
        width: 120px;
        height: 82px;
        text-align: center;
        list-style: none;
        float: left;
    }

.carouselSubmitStoryClass .previous_button, .carouselSubmitAStoryClass .previous_button {
    float: left;
    width: 25px;
    height: 25px;
    z-index: 100;
    margin-right: 5px;
    cursor: pointer;
    background: url('/images/left_slider_arrow.gif');
}

.carouselSubmitStoryClass #submitStoryDefault.container, .carouselSubmitAStoryClass #submitStoryDefault.container {
    float: left;
    width: 480px;
    position: relative;
    overflow: hidden;
}

#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000 !important;
}

    #MB_overlay[id] {
        position: fixed;
    }

#MB_window {
    position: absolute;
    top: 0;
    border: 0 solid;
    text-align: left;
    z-index: 10000;
}

    #MB_window[id] {
        position: fixed !important;
    }

#MB_frame {
    position: relative;
    background-color: #EFEFEF;
    height: 100%;
}

#MB_header {
    margin: 0;
    height: 28px;
}

#MB_content {
    padding: 6px .75em;
    overflow: auto;
}

#MB_caption {
    font: bold 85% "Lucida Grande", Arial, sans-serif;
    text-shadow: #FFF 0 1px 0;
    padding: .5em 2em 0 .75em;
    margin: 0;
    text-align: left;
}

#MB_close {
    display: block;
    position: absolute;
    right: 5px;
    top: 4px;
    padding: 2px 3px;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

    #MB_close:hover {
        background: transparent;
    }

/* Color scheme */
#MB_window {
    background-color: #EFEFEF;
    color: #000;
}

#MB_content {
    border-top: 1px solid #F9F9F9;
}

#MB_header {
    background-color: #DDD;
    border-bottom: 1px solid #CCC;
}

#MB_caption {
    color: #000;
}

#MB_close {
    color: #777;
}

    #MB_close:hover {
        color: #000;
    }

.MB_alert {
    margin: 10px 0;
    text-align: center;
}

.TallRed {
    color: red;
    font-size: 200%;
    font-weight: bold;
    font-family: Arial Narrow;
}

.UserGridControl {
    background-color: #636363;
    border: solid 1px #636363;
    margin-bottom: 12px;
}

    .UserGridControl #tabs {
        height: 15px;
        padding: 5px 0;
        margin-top: 10px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
    }

        .UserGridControl #tabs .active, #CustomizeGridPanel #usergridtabs .active {
            background-color: black;
        }

        .UserGridControl #tabs .inactive, #CustomizeGridPanel #usergridtabs .inactive {
            background-color: #4d4c4c;
        }

        .UserGridControl #tabs .active, #CustomizeGridPanel #usergridtabs .active,
        .UserGridControl #tabs .inactive, #CustomizeGridPanel #usergridtabs .inactive {
            color: white;
            margin-right: -4px;
            padding: 8px 11px;
        }

div#StoriesDiv {
    margin-top: 4px;
}

#CustomizeGridPanel #gridtabs .active {
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    color: Black;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

#CustomizeGridPanel #gridtabs .inactive {
    color: #003399;
    font-size: 15px;
    text-decoration: none;
}

#CustomizeGridPanel #gridtabs span.active {
    display: inline;
}

#CustomizeGridPanel #gridtabs span.inactive {
    display: none;
}

#CustomizeGridPanel.UserGrid {
    padding: 4px 0px;
    background-color: #424242;
    margin: -10px 0 4px auto;
    z-index: 40;
}

    #CustomizeGridPanel.UserGrid a {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

#CustomizeGridPanel #tabs .active {
    background-color: black;
}

#CustomizeGridPanel #tabs .inactive {
    background-color: #4d4c4c;
}

#CustomizeGridPanel #tabs .active,
#CustomizeGridPanel #tabs .inactive {
    color: white;
    margin-right: -4px;
    padding: 8px 11px 5px;
}

.SubmitSteps {
    float: left;
    clear: both;
    color: White;
    background-color: red;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    height: 13px;
    width: 16px;
    padding: 0 0 3px 0;
}

.tagGoogleBlackAds .adTitle, .tagGoogleBlackAds .adTitle a, .tagGoogleBlackAds .adTitle a:hover, .tagGoogleBlackAds .adTitle a:link, .tagGoogleBlackAds .adTitle a:visited {
    color: #000000;
}

/********************Menu Styling************************/
ul.dropdown_menu ul li.plainLink {
    clear: both;
    height: auto;
}

    ul.dropdown_menu ul li.plainLink p {
        margin-top: 0;
        padding: 0;
    }

        ul.dropdown_menu ul li.plainLink p a, ul.dropdown_menu ul li.plainLink a.plainLink, ul.dropdown_menu ul li.plainLink a.plainLink:link, ul.dropdown_menu ul li.plainLink a.plainLink:visited {
            display: inline;
            text-decoration: underline;
            padding: 0;
        }

            ul.dropdown_menu ul li.plainLink a.plainLink:hover, ul.dropdown_menu ul li.plainLink a.plainLinkTitle {
                display: inline;
                text-decoration: none;
            }

    ul.dropdown_menu ul li.plainLink a.plainLinkTitle {
        padding: 2px 2px 2px 1px;
        line-height: 1.5em;
        display: block;
        margin-right: 0px;
        width: 150px;
    }

        ul.dropdown_menu ul li.plainLink a.plainLinkTitle:link, ul.dropdown_menu ul li.plainLink a.plainLinkTitle:visited {
            background-color: transparent;
            color: #f00;
        }

        ul.dropdown_menu ul li.plainLink a.plainLinkTitle:hover {
            background-color: #f00;
            color: #fff;
        }

div ul.dropdown_menu {
    z-index: 10045;
    position: relative;
}

#dropdown_menu {
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 10045;
}

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

    ul.dropdown_menu li, ul.dropdown_menu li#HomeLinkSelected:hover {
        position: relative;
        float: left;
        margin: 0;
        height: 24px;
    }

        ul.dropdown_menu li:hover, ul.dropdown_menu li#HomeLinkSelected {
            padding: 0;
            z-index: +2;
        }

    ul.dropdown_menu ul {
        position: absolute;
        text-align: left;
        top: 24px;
        left: 0px;
        background: #ccc;
        display: none;
        list-style: none;
        width: 136px;
        border: 0;
        padding: 13px 0 3px 6px;
        z-index: 20050;
    }

        ul.dropdown_menu ul li, ul.dropdown_menu ul li:hover {
            background-color: #fff;
            position: relative;
            margin: 0;
            padding: 0;
            text-decoration: none;
            font-size: 90%;
            font-family: Arial, Helvetica, San serif;
            font-weight: normal;
        }

    ul.dropdown_menu li.navTitle, ul.dropdown_menu li.navTitle:hover {
        background: transparent;
        display: block;
    }

    ul.dropdown_menu ul li a {
        display: block;
        color: #000;
        padding: 3px 7px 5px 0;
        margin-right: 7px;
        width: 145px;
    }

    dropdown_menu ul li.navTitle:hover, ul.dropdown_menu ul li.navTitle *, ul.dropdown_menu ul li.navTitle:hover * {
        color: #f00;
    }

    ul.dropdown_menu .menulink.dropdown_link {
        font-weight: bold;
        background-color: #333;
        color: #fff;
        padding-top: 0;
    }

.NavMousedOver {
    margin: 0 0 0 0;
    z-index: +2;
}

.NavMousedOut {
    margin: 0 0 0 0;
    z-index: +1;
}

ul.dropdown_menu li.last {
    border-right: 1px solid #FFF;
}

    ul.dropdown_menu li.last:hover {
        border: none;
    }

    ul.dropdown_menu li.last img.NavMousedOver:hover {
        border-right: 1px solid white;
    }

.NavHeader {
    text-transform: uppercase;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}

.NavSubMenu {
    display: none;
    background-color: #FFFFFF !important;
    position: absolute;
    width: 984px;
    border-left: solid 1px #b2b1b1;
    border-right: solid 1px #b2b1b1;
    border-bottom: solid 1px #b2b1b1;
    z-index: 10001;
    clear: both;
    top: 24px;
}

.NavSubMenuCol1 {
    float: left;
    width: 142px;
    padding: 15px 10px 0;
}

.NavSubMenuCol2 {
    float: left;
    width: 142px;
    padding: 15px 10px 0;
}

.NavSubMenuCol3 {
    float: left;
    width: 304px;
    margin: 15px 0;
    padding: 0 10px 0;
    border-left: solid 1px #dcd9d9;
    border-right: solid 1px #dcd9d9;
}

.NavSubMenuCol4 {
    float: left;
    width: 304px;
    padding: 15px 10px 0;
}

.BlogSubMenuCol12 {
    float: left;
    width: 306px;
    padding: 15px 10px 0;
}

.BlogSubMenuCol1 {
    float: left;
    width: 153px;
    padding: 0;
}

.BlogSubMenuCol2 {
    float: left;
    width: 143px;
    padding: 0;
}

.BlogSubMenuCol3 {
    float: left;
    width: 658px;
    padding-top: 15px;
}

#NewserGridsSubMenu {
    background: url(/images/nav/nav-ad-back-sm.gif) left repeat-y;
}

#BlogSubMenu, #UserSubMenu {
    background: url(/images/nav/nav-ad-back-lg.gif) left repeat-y;
}

#NewserGridsSubMenu a {
    color: Gray;
    cursor: pointer;
    text-decoration: none;
}

    #NewserGridsSubMenu a:hover {
        color: Black;
        cursor: pointer;
        text-decoration: none;
    }

#BlogSubMenu a, #UserSubMenu a {
    color: Black;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    #BlogSubMenu a:hover, #UserSubMenu a:hover {
        color: Black;
        font-weight: bold;
        cursor: pointer;
        text-decoration: underline;
    }

#UserSubMenu .recentposts, #BlogSubMenu .recentposts {
    float: left;
    width: 142px;
    height: 120px;
    padding: 0 10px;
    border-right: solid 1px #dcd9d9;
}

    #UserSubMenu .recentposts.item4, #BlogSubMenu .recentposts.item4 {
        border: none;
    }

#UserSubMenu .taggedlink, #BlogSubMenu .taggedlink {
    line-height: 1.3em;
}

#UserSubMenu .pubDate, #BlogSubMenu .pubDate {
    color: #666666;
}
/****************End Menu Styling************************/

.UserStoryMsgE {
    color: #830e0e;
    background-color: #faeded;
}

.UserStoryMsgS {
    color: #977d07;
    background-color: #fefbd1;
}

.UserStoryMsgT {
    color: #44638c;
    background-color: #eef4fa;
}

.UserStoryMsgC {
    color: #52734b;
    background-color: #eef9eb;
}

    .UserStoryMsgE a, .UserStoryMsgS a, .UserStoryMsgT a, .UserStoryMsgC a {
        text-decoration: underline;
    }

.UserStoryOriginalHeadline {
    z-index: +200000;
    position: absolute;
    padding: 8px 8px 4px 8px;
    background: #ffc;
    border: 1px #333 solid;
    border-right: 2px #333 solid;
    border-bottom: 2px #333 solid;
    margin-left: 180px;
    left: -180px;
    top: 20px;
    width: 300px;
    height: 100px;
    display: none;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
}

#storyBackground {
    border-top: 1px solid #D5D5D5;
    margin: 20px 0 0 0;
    padding: 20px 10px 0 10px;
}

.darkBackground {
    background-color: #030c16;
}

.btn-graybig {
    color: inherit;
    border: 1px solid #999;
    margin: 0;
    margin: 0 3px;
    font-family: Arial, Helvetica, Calibri, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: visible;
    background: url('/images/btn-gray-grad.jpg') left repeat-x;
    _background-image: url('/images/btn-gray-grad.png');
    padding: 6px 6px 6px;
    font-size: 12px;
    *padding-top: 4px;
    *padding-bottom: 3px;
}

    .btn-graybig:hover {
        cursor: pointer;
        border: 1px solid black;
    }

.btn-blue {
    font-size: 11px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    padding: 0 5px 0 5px;
    background: url('/images/blue_button_gradient.gif') left repeat-x;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btn-blue:hover {
        cursor: pointer;
        text-decoration: none;
        border: 1px solid black;
    }

.btn-gray {
    font-size: 11px;
    text-transform: uppercase;
    color: black;
    padding: 0 5px 0 5px;
    background: url('/images/btn-gray-grad.jpg') left repeat-x;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btn-gray:hover {
        cursor: pointer;
        text-decoration: none;
        border: 1px solid black;
    }

#NewTabs ul#tabnav {
    text-align: left;
    margin: 0px -17px -1px 0;
    font: bold 12px arial, verdana, sans-serif;
    list-style-type: none;
    padding: 3px 0px 3px 0; /* THIRD number must change with respect to padding-top (X) below */
}

#storyGridData {
    padding-top: 5px;
}

.ie8 #NewTabs ul#tabnav, .mac.webkit #NewTabs ul#tabnav {
    margin-top: 12px;
}

.ff3 #GridBox #NewTabs ul#tabnav, .ff4 #GridBox #NewTabs ul#tabnav, .ie8 #GridBox #NewTabs ul#tabnav {
    margin-top: 11px;
}

#NewTabs ul#tabnav li {
    display: inline;
    line-height: 1.3em;
    margin-right: 0;
    float: left;
}

#NewTabs li.tab.active {
    border-bottom: 1px solid #fff;
}

#NewTabs li.tab a {
    padding: 5px 12px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #999999;
    border-color: #d2d2d2;
    color: Black;
    text-decoration: none;
    border-bottom: none;
    position: relative;
    padding-top: 6px; /* must change with respect to padding (X) above and below */
}

.mac #NewTabs li.tab a {
    padding-bottom: 5px;
}

#NewTabs li.tab.active a {
    color: black;
    background-color: #fff;
    font-weight: bold;
    margin-bottom: -1px;
    padding-top: 7px;
    border-bottom: 1px solid #FFF;
    border-top: 2px solid red;
}

#NewTabs li.tab.inactive a {
    color: #959595;
    background-color: #fbfbfb;
    font-weight: normal;
    border-bottom: 1px solid #D2D2D2;
}

#NewTabs ul#tabnav a:hover {
    color: #000000;
}

#NewTabs ul#tabnav li.my a {
    background: transparent url('/images/myaccount-gradient.png') left repeat-x;
}

#StoryCarousel {
    float: right;
    width: 122px;
    height: 80px;
    margin-top: 5px;
}

#backToGrid, .backToGrid {
    background: transparent url('/images/story_carousel/gotogrid.png') no-repeat 0 0;
    position: absolute;
    top: 105px;
    right: -4px;
    width: 67px;
    height: 20px;
    cursor: default;
}

    #backToGrid:hover {
        cursor: pointer;
        background-image: url('/images/story_carousel/gotogrid-hover.png');
    }

#StoryCarousel .jcarousel-item {
    height: 80px;
    width: 120px;
    border: 1px solid #999;
    background: transparent url('/images/story_carousel/loading-small.gif') no-repeat center center;
}

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

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


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


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

/**
 *  Horizontal Buttons
 */
#StoryCarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 82px;
    right: 0px;
    width: 122px;
    height: 18px;
    cursor: pointer;
    background: transparent url('/images/story_carousel/nextstory3.png') no-repeat 0 0;
}

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

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

#StoryCarousel .jcarousel-next-horizontal:active {
    background-image: url('/images/story_carousel/nextstory3-hover.png');
}

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

#StoryCarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 85px;
    right: 97px;
    width: 25px;
    height: 17px;
    cursor: pointer;
    background: transparent url('/images/story_carousel/arrow-left.png') no-repeat 0 0;
    visibility: hidden !important;
}

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

#StoryCarousel .jcarousel-prev-horizontal:hover {
    background: transparent url('/images/story_carousel/arrow-left-hover.png') no-repeat 0 0;
    visibility: hidden !important;
}

#StoryCarousel .jcarousel-prev-horizontal:active {
    background-image: url('/images/story_carousel/arrow-left.png');
    visibility: hidden !important;
}

#StoryCarousel .jcarousel-prev-disabled-horizontal,
#StoryCarousel .jcarousel-prev-disabled-horizontal:hover,
#StoryCarousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-image: url('/images/story_carousel/arrow-left-disabled.png');
    visibility: hidden !important;
}

#carouselImage img {
    border: 1px solid #999;
    height: 80px;
    width: 120px;
}

/***** BEGIN - code formerly in squares.css *****/
.fullImageBottom img.mainBillboardImg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

.square {
    float: left;
    width: 240px;
    height: 160px;
    margin: 0 2px 2px 0;
    position: relative;
    text-align: left;
    z-index: 10;
    overflow: hidden;
    padding: 0px;
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}
.squareNoBorder {
    border: none;
}

.content2 .square {
    margin: 0 2px 2px 0;
}

.tagPageContainer .square {
    z-index: 0 !important;
}


.square li {
    border-bottom: 0;
}

.no-border .square {
    border-width: 0;
}

.centerImage {
    text-align: center;
}

.breakingnews {
    border: 1px solid #C00;
    background: url(/images/breakingnews.gif) #fff top center no-repeat;
    text-align: center;
}

.square .x {
    margin: 0;
    padding: 0;
    width: 240px;
}

.leftImage .x,
.rightImage .x {
    width: 130px;
    padding: 0;
    margin: 0;
}

.leftImage .x {
    position: absolute;
    left: 105px;
    bottom: 33px;
}

.rightImage .x {
    position: absolute;
    text-align: right;
    left: 5px;
    bottom: 33px;
}

/*Fix for the stories in section control having left justified h2 link(bmcinturff)*/
.sec .rightImage .x .h2,
.sec .rightImage * .h2,
.sec * .rightImage .x .h2 {
    text-align: right;
}

.square * .h2 {
    color: #000;
    margin: 0;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    z-index: +50;
    background: none;
}

* .leftImageWide .h2 {
    position: absolute;
    left: 125px;
    top: 5px;
    width: 125px;
}

* .centerImage .h2, * .sec.other .centerImage .h2 {
    margin: 5px 5px 0 5px;
    text-align: center;
    width: auto;
}

.breakingnews .h2 {
    margin-top: 41px;
    text-align: center;
}

.fullImageMiddle * .h2 {
    margin: 0;
    position: absolute;
    top: 50px;
    z-index: 50;
}

.fullImageTop * .h2 {
    margin: 0;
    position: absolute;
    top: 13px;
    z-index: +20;
}

.fullImageBottom * .h2 {
    margin: 0;
    position: absolute;
    z-index: 50;
    bottom: 16px;
}

.fullImageTop .h2,
.fullImageMiddle .h2,
.fullImageBottom .h2 {
}

.Left .h2,
.Left * .h2 {
    left: 0px;
    text-align: left;
}

.Right .h2,
.Right a .h2,
.Right a .x .h2,
.Right .x a .h2,
.Right * .x .h2,
.Right a * .h2,
.Right * .h2 {
    right: 0px;
    text-align: right;
    float: right;
}

.square .h2 a,
.square a .h2 {
    background: none;
    color: #000;
    padding: 0;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
}

    .square .h2 a:hover, .square a:hover .h2 {
        color: #FFF;
        background: #36f;
        text-decoration: none;
    }

.square a:hover .h4,
.square .h4 a:hover {
    text-decoration: none;
}

* .breakingnews .h2 a {
    font-size: 18px;
    line-height: 19px;
}

.breakingnews .h2 a:hover {
    background: #fff;
    color: #C00;
}

.billboardSquare h2.h2 a,
.billboardSquare a h2.h2 {
    font-size: 22px;
    line-height: 118%;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
}

.billboardSquare h2 a,
.billboardSquare a h2,
.fullImageBottom .h2 a,
.fullImageBottom a .h2,
.fullImageMiddle .h2 a,
.fullImageMiddle a .h2,
.fullImageTop .h2 a,
.fullImageTop a .h2 {
    filter: alpha(opacity=90);
    color: #fff;
    font-size: 15px;
    background: rgba(0,0,0,0.62);
    margin: 0;
    padding: 0px;
    line-height: normal;
}

    .billboardSquare h2 a:hover,
    .billboardSquare a:hover h2,
    .Blue .h2 a,
    .Blue a .h2 {
        color: #FFF;
        background: #36f;
        text-decoration: none;
    }

        .Blue .h2 a:hover,
        .Blue a:hover .h2 {
            color: #36f;
            background: #FFF;
        }

.Red .h2 a {
    color: #FFF;
    background: #FF0000;
}

    .Red .h2 a:hover {
        background: #FFF;
        color: #FF0000;
    }

.square img.mainImg {
    padding: 0;
    margin: 0;
    border: none;
    z-index: -2000000;
}

.centerImage img.mainImg {
    width: 210px;
    height: 90px;
    margin: 0;
}

.leftImage img.mainImg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 125px;
}

.rightImage img.mainImg {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 125px;
}

.fullImageBottom img.mainImg,
.fullImageTop img.mainImg,
.fullImageMiddle img.mainImg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    width: 240px;
    height: 160px;
}

.leftImageWide img.mainImg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    height: 80px;
}

.deck img.mainImg,
.breakingnews img.mainImg {
    display: none;
}

* .square .h4 a,
* .square .h4 {
    font-weight: normal;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.breakingnews .h4 {
    margin: 8px 10px;
    text-align: left;
}

.deck {
    text-align: center;
}

    .deck h4 {
        margin: 8px 10px;
    }

    .deck .x {
        padding-top: 30px;
    }

.breakingnews .h4 {
    text-align: center;
}

* .centerImage .h4,
* .centerImageRed .h4,
* .fullImageTop .h4,
* .fullImageMiddle .h4,
* .fullImageBottom .h4,
* .fullImageBottomRight .h4 {
    display: none;
}

.leftImageWide .h4 {
    position: absolute;
    top: 85px;
    left: 0px;
    width: 230px;
    text-align: center;
}

* .square .byline, .billboardSquare .byline {
    color: #000;
    background: #fff;
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    height: 16px;
    padding: 0 4px;
    margin: 0;
    font-size: 9px;
    overflow: hidden;
    font-family: arial;
    clear: both;
}

* .fullImageTop .byline,
* .fullImageMiddle .byline,
* .fullImageBottom .byline {
    color: #fff;
    padding: 0 4px;
    background: rgba(0,0,0,0.62);
}

.squareBorder {
    position: absolute;
    top: 0;
    left: 0;
}

* .square .h5, * .billboardSquare 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.deck .x {
    margin-top: 15px;
}

.square.deck.linkStory .x, .square.linkStory.breakingnews .x {
    position: absolute;
    top: 0px;
    left: 2px;
}

.square.linkStory.breakingnews .h5 {
    height: 11px;
}

.breakingnews .h5 {
    top: 25px;
    left: 0px;
    width: 240px;
    height: 25px;
}

.centerImage .h5 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.linkStory a div {
    top: 0;
    left: 0;
    position: absolute;
}

.linkStory .h5, .UserSquare .h5, .ConsistentLook .h5 {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    line-height: 110%;
}

    .linkstory .h5 img {
        padding: 1px;
    }

.Left.linkStory .h2 {
    left: 2px;
    bottom: 18px;
}

.UserSquare .h2, .UserSquare .x, .UserSquare .byline {
    text-align: center;
    width: 236px;
    left: 2px;
}

.UserSquare .x {
    display: table;
    position: relative;
    background: url("/images/bg_h2a3.png") repeat scroll left top transparent;
    height: 50px;
    bottom: 52px;
}

    .UserSquare .x:hover, .UserSquare.square .h2 a:hover {
        color: #C00;
    }

.UserSquare.square .h2 a:hover {
    background: transparent;
}

.UserSquare .h2 {
    position: absolute;
    top: 120px;
    height: 40px;
    margin: -10px auto 0 auto;
    text-align: center;
}

.ConsistentLook .h2 a, .ConsistentLook a .h2, .ConsistentLook .byline {
    background: 0;
    color: #FFF;
    padding: 0;
}

.ConsistentLook .h2 a, .ConsistentLook a .h2 {
    font-size: 14px;
}

.ConsistentLook .byline {
    left: 8px;
}

.ConsistentLook.linkStory .byline {
    left: 10px;
}

.ConsistentLook .x {
    display: table;
    position: relative;
    background: url("/images/bg_h2a3.png") repeat scroll left top transparent;
    height: 100px;
    bottom: -112px;
}

    .ConsistentLook .x:hover, .ConsistentLook.square .h2 a:hover {
        color: #C00;
    }

.ConsistentLook.square .h2 a:hover {
    background: transparent;
}

.ConsistentLook .h2 {
    position: relative;
    top: 11px;
    width: 224px;
    left: 0;
    height: 40px;
    margin: -10px auto 0 auto;
}

.UserSquare .h2 a, .UserSquare .byline {
    background: none;
    padding: 0 2px;
}

.UserSquare .byline {
    position: relative !important;
    bottom: 66px !important;
    padding: 0;
    margin: 0;
}

.Left.linkStory .h4 {
    left: 2px;
}

.linkStory .byline {
    left: 2px;
}

.linkStory .byline {
    margin-bottom: 2px;
}
/* End link story styles */

* .square .count {
    position: absolute;
    height: 13px;
    bottom: 12px;
    right: 0px;
    padding: 0 2px;
    margin: 0;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    background: #fff;
    color: #039;
    z-index: 101;
}

.fullImageBottom .count,
.fullImageTop .count {
    background: #333;
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.fullImageBottom .count {
    position: absolute;
    height: 13px;
    top: 1px;
    right: 0px;
    z-index: 999;
}

.hoverBByes, .hoverBBno {
    width: 484px;
    height: 324px;
}

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

.hoveryes, .hoverno {
    width: 240px;
    height: 160px;
}

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

.unreadscreen.youareherescreenyes .hoverno,
.viewedscreen.youareherescreenyes .hoverno,
.viewedscreen.youareherescreenno .hoverno {
    visibility: visible;
    display: block;
}

.settings_option, .settings_option_headline {
    margin-bottom: 15px;
    position: relative;
    z-index: +1;
    padding: 0;
    height: 20px;
}

    .settings_option select, .settings_option input {
        vertical-align: middle;
        margin: 0 9px 0 0;
        padding: 0px;
    }

    .settings_option div, .settings_option input {
        position: absolute;
        vertical-align: bottom;
    }

    .settings_option div {
        left: 20px;
        width: 100%;
        top: 0;
    }

    .settings_option a {
        margin-left: 5px;
    }

.settings_option_headline {
    font-weight: bold;
    font-size: 110%;
}

.settings_option_help {
    z-index: +200000;
    position: absolute;
    padding: 8px 8px 4px 8px;
    background: #ffc;
    border: 1px #333 solid;
    border-right: 2px #333 solid;
    border-bottom: 2px #333 solid;
    margin-left: 180px;
    left: -140px;
    top: 52px;
    width: 250px;
    height: 100px;
    display: none;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
}

    .settings_option_help * {
        z-index: +200000;
    }

#settingsPanelLinks a {
    vertical-align: top;
    font-size: 110%;
    position: relative;
    top: 5px;
    font-weight: bold;
    margin: 0 6px;
}

    #settingsPanelLinks a.droplink {
        padding-right: 14px;
        background: url(/images/icn_blue_link_arrow_d.gif) right center no-repeat;
    }

#settingsPanelLinks img.seperator {
    height: 20px;
    width: 1px;
    background: #cbcbcb;
    margin: 0 6px;
}

#settingsPanelLinks img, #settingsPanelLinks input {
    vertical-align: bottom;
    margin: none;
}

.rolloverTrigger, .imageGalleryIcon, .videoGalleryIcon, .videoGalleryIcon2, .YouAreHereIcon {
    overflow: hidden;
    position: absolute;
    color: rgb(255, 255, 255);
    text-align: center;
}

.rolloverTrigger {
    width: 55px;
    height: 55px;
    top: 0px;
    left: 0px;
}

.imageGalleryIcon {
    width: 98px;
    height: 70px;
    top: 45px;
    left: 71px;
    display: block;
}

.videoGalleryIcon {
    width: 55px;
    height: 80px;
    top: 35px;
    left: 92px;
    display: block;
}

.videoGalleryIcon2 {
    width: 70px;
    height: 18px;
    top: 2px;
    left: 2px;
    display: block;
}

.YouAreHereIcon {
    width: 211px;
    height: 140px;
    top: 20px;
    left: 0px;
    display: block;
}

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

#mainCol.tagPage .square {
    margin: 0;
}

#UserPromotedImage {
    border-right: 2px solid #7d7d7d;
    border-top: 2px solid #7d7d7d;
    position: absolute;
    left: 2px;
    bottom: 2px;
    z-index: 2;
}

#SquareCommentCount {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    color: White;
    background-color: Black;
    font-size: 9px;
    padding-left: 3px;
}

#SquareLikeCount {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    color: #545b6b;
    background-color: #EEE;
    font-size: 9px;
    font-weight: bold;
    padding-left: 3px;
}

#SquareSuperlativePercent {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding-left: 3px;
    padding: 0 1px 4px 3px;
    height: 12px;
}

.HoverBorderYes {
    border: 2px solid red;
    width: 236px;
    height: 156px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 301;
}
/***** END - code formerly in squares.css *****/

/***** BEGIN - code formerly in storypage.css *****/
#mainCol {
    margin-left: 0;
    width: 665px;
}

    #mainCol.storyMainCol {
        width: 660px;
        z-index: +10;
    }

    #mainCol .box {
        background: none;
    }

        #mainCol .box .content {
            margin: 0 0 0 10px;
            padding: 0;
        }

.storyTopMain {
    position: relative;
    padding: 5px 0 10px;
    text-align: left;
}

    .storyTopMain h1 {
        margin: 0 0 5px;
    }

.summary {
    font-size: 117%;
    line-height: 1.65em;
    text-align: left;
}

    .summary p {
        margin-bottom: 1.0em;
    }

    .summary.more {
        float: right;
        width: 340px;
    }

        .summary.more p {
            margin-bottom: 0;
        }

    .summary li {
        margin-bottom: .75em;
        line-height: 1.65em;
    }

    .summary.more .threeCol p {
        margin-bottom: 1em;
    }

    .summary.more .threeCol ul {
        margin-bottom: 0;
        margin-left: 15px;
    }

        .summary.more .threeCol ul p {
            margin: 0;
        }

        .summary.more .threeCol ul li {
            margin-bottom: 8px;
            padding: 0;
            line-height: 1.4em;
        }

.storyTopSideMedia * .boxFrame h2 {
    font-size: 21px;
}

.storyTopSide {
    position: relative;
}

.box.highlight {
    padding: 0;
    background: #fed944;
    border: none;
    position: relative;
}

    .box.highlight .content {
        position: static;
        padding: 0 0 0 15px;
        margin: 0;
    }


        .box.highlight .content p {
            position: relative;
            margin: 0 0 0 -25px;
            padding: 10px 0 10px 25px;
        }

#pageBounds p.next {
    position: relative;
    margin: 0 0 0 -15px;
    padding: 0 0 0 20px;
    line-height: 27px;
    height: 27px;
    background: #fce178 url(/images/bg_next-l.gif) left center no-repeat;
}

    #pageBounds p.next a {
        line-height: 27px;
        font-weight: bold;
        font-size: 92%;
        display: block;
        padding: 0 15px 0 0;
        background: url(/images/bg_next-r.gif) right center no-repeat;
    }

        #pageBounds p.next a:hover {
            text-decoration: none;
            color: #333;
        }

.storyTopTools {
    background: #eae9e2 url(/images/bg_stripes.gif) left top repeat;
    margin: 10px 0;
    padding: 5px 0 7px;
}

    .storyTopTools ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 12px;
    }

        .storyTopTools ul li {
            list-style: none;
            float: left;
            margin: 0;
            border-right: 1px solid #999;
            padding: 0 9px;
            line-height: 1;
        }

            .storyTopTools ul li.first {
                padding-left: 17px;
                color: #039;
                position: relative;
            }

                .storyTopTools ul li.first span img {
                    position: absolute;
                    left: 8px;
                    top: 2px;
                }

            .storyTopTools ul li.last {
                border: none;
                padding-right: 0;
            }

    .storyTopTools img {
        border: 0;
    }

    .storyTopTools ul li.storyTopFeeds {
        padding-left: 10px;
        background: url('/images/tools_divider.gif') 3px 4px no-repeat;
    }

.col {
    width: 145px;
    float: left;
    margin: 0;
    padding: 0;
}

    .col.pad {
        padding-right: 10px;
    }

    .col h3 {
        background: none;
        color: #000;
        margin-top: .3em;
    }

.leftcol {
    width: 310px;
    float: left;
    padding: 0;
    margin-left: 0px;
}

/* Image/Video Browser */

.storyTopSideMedia {
    margin-bottom: 10px;
}

.related ul, .storyDigDeeperContainer2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.related li, .storyDigDeeperContainer2 li {
    margin-bottom: 1.25em;
    padding: 0;
    list-style: none;
}

.related h3 {
    font-size: 92%;
}

.related h4 {
    margin-bottom: .15em;
}

.related p, .related li ul li, .related li ol li {
    line-height: 1.4em;
    font-size: 92%;
}

.related img {
    margin: 5px 5px 3px 0;
}

.related li span {
    color: #666;
    font-size: 87%;
}

.related ul li ol li {
    list-style-type: decimal;
}

.storyTopSub1 {
    margin: 0;
    position: relative;
}

.editorSelected ul, .editorSelected li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.editorSelected {
    margin: 8px 0px 1px;
}

    .editorSelected h4 {
        color: #444;
        font-size: 82%;
        margin: 1.5em 0 .1em;
        border-bottom: 1px solid #ccc;
        text-transform: UPPERCASE;
    }

.box .content.sec.other {
    clear: both;
}

    .box .content.sec.other .fullImageBottom h2 {
        height: auto;
    }

    .box .content.sec.other .square h2 {
        background: none;
    }

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.ad {
    margin-bottom: 10px;
}

.swipe {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

.googleAds.searchAds h4 a {
    color: #FFF;
    background: #039;
    text-transform: lowercase;
}

.googleAds.searchAds h4 {
    color: #444;
    background: #fff;
    border-bottom: 1px solid #e1dfd6;
    font-size: 110%;
}

.sec h2 span, .sec h3 span {
    border: 1px solid red;
    position: relative;
    left: 8px;
    font-size: 92%;
}

#ctl00_ContentPlaceHolder1_Search1_SearchText {
    width: 263px;
}

#OtherStoriesWrapper {
    min-height: 1017px;
    width: 315px;
    background-color: #333333;
}

#OtherStoriesTitle
{
    width: 265px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    color:#F5F5F5;
    font-size: 22px;
    border-bottom: 3px solid #FA0203;
}

.partnerLinkContainer
{
    width: 265px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #F5F5F5;
}
.partnerLinkContainer a
{
    display: block;
    max-height: 85px;
    overflow: hidden;
    font-size: 14px;
    color: #F5F5F5;
    font-weight: 500;
    text-decoration: none;
}
.partnerLinkContainer a:hover
{
    text-decoration: none;
}

#partnerLinksText
{
    margin: 10px 25px 0 0;
    padding-bottom: 30px;
    color: #F5F5F5;
    text-align: right;
}

.LeftImage
{
    float: left;
    margin: 0 10px 0 0;
}

#ErrorReportForm, #FlagAsInappropriateForm, #ShowVideoTranscriptForm {
    text-align: left;
    z-index: 977777;
    padding: 5px 30px;
    background-color: White;
    font-family: "Arial Narrow", Arial, Sans-Serif;
}

    #ErrorReportForm h2, #FlagAsInappropriateForm h2 {
        font-weight: bold;
        color: red;
        font-size: 150%;
        text-transform: uppercase;
    }

.errorFieldDescription {
    font-size: 140%;
    margin: 10px 0;
    font-family: Arial, Sans-Serif;
}

#errorButtons {
    margin-top: 20px;
}

#errorFieldError, #errorDescriptionError {
    color: red;
    font-size: 14px;
    font-family: Arial, Sans-Serif;
}

.WriterOpinionPanel {
    background-color: #FEEAA1;
    font-size: 16px;
    line-height: 18px;
    border-top: 2px solid #FED944;
}

.WriterOpinionHeader {
    margin: 10px 15px;
    font-size: 18px;
    color: #725d08;
}

.WriterOpinionText {
    padding: 0 15px;
    font-size: 75%;
    background-image: url(/images/bubble-back.gif);
    background-repeat: repeat-y;
}

.WriterOpinionAvatar {
    background-color: White;
    width: 76px;
    height: 76px;
    border: solid 1px #e9bc08;
    text-align: center;
}

.WriterOpinionName {
    width: 76px;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    color: #725d08;
    font-weight: bold;
}

.WriterOpinionFooter {
    margin: 0 0 5px 10px;
    font-size: 15px;
    color: #725d08;
}

#FacebookLike {
    color: #003399;
    font-weight: normal;
    width: 140px;
    height: 21px;
    position: absolute;
    top: 14px;
    left: 225px;
}

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

/***** END - code formerly in storypage.css *****/
/***** BEGIN - code formerly in media_scroller.css *****/
.mediaScroller {
    margin: 0;
    width: 300px;
    position: relative;
    padding: 0;
    font-size: 11px;
    line-height: 1.2em;
}

.mediaItemMainSide {
    float: left;
    border: 0;
    margin: 0 15px 5px 0;
}
.mediaItemMainBelow {
    border: 0;
    margin: 0 0 20px 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(/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;
}
/***** END - code formerly in media_scroller.css *****/
/***** BEGIN - code formerly in grid.css *****/

#mainCol {
    float: left;
    margin-left: 15px;
}

#sideCol a {
    font-weight: bold;
}

#sideCol .todaysMostPopular li {
    list-style-type: none;
    position: relative;
}

#sideCol .todaysMostPopular .tabPanels .tabPanel li {
    margin: 0px 0px 2px -10px;
}

.adjust {
    position: relative;
    margin: 0;
}

.box .content {
    margin: 0 8px;
}

.gridAd {
    text-align: center;
}

.adjust, .stories {
    margin-top: 0;
    font-size: 87%;
    font-weight: bold;
}

    .adjust .preferences, .stories, .adjust .calendarLink, .adjust .threads {
        float: left;
        margin-right: 12px;
        padding: 0 0 1px 0;
    }

    .adjust .preferences {
        width: 300px;
        position: relative;
    }

    .adjust .close {
    }

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

#pageBounds .adjust ul li {
    float: left;
    margin: 0;
    line-height: 26px;
}

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

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

.gridContainer #GridBox #NewTabs #tabnav.breakingnewspage #ALatestSubNavToday
{
    margin-left: 296px;
}

.gridContainer #GridBox #NewTabs #tabnav.breakingnewspage
{
    /*???*/
    /*padding-top: 19px;*/
    margin-top: 0px;
}

.gridContainer #GridBox #NewTabs
{
    /*margin-top: -15px;*/
}

.gridContainer #GridBox #NewTabs.breakingnewspage .homeContrib
{
    margin-right: 13px;
}

.gridContainer #GridBox #NewTabs.breakingnewspage
{
    margin-top: 4px;
    height: 36px;
}

#LiLatest.tab.active #GridTitleBarInside.sec
{
    cursor: pointer;
    box-shadow: 0 0 0 1px #000 inset;
}

#LiLatest.tab.inactive #GridTitleBarInside.sec:hover
{
    cursor: pointer;
    box-shadow: 0 0 0 1px #333333 inset;
}

#LiLatest.tab.active #GridTitleBarInside.cat
{
    box-shadow: 0 0 0 1px #000 inset;
}

    .calendar td.outside a {
        font-weight: normal;
        color: #999999;
    }

    #MonthCalendar
    {
        font-family: "Roboto";
        font-size: 13px;
        font-weight: bold;
    }

    .calendar td.days
    {
        font-weight: bold;
    }

    #YearCalendar
    {
        font-family: "Roboto";
        font-size: 13px;
    }

    .calendar .calendarnumberbox:hover
    {
        font-weight: bold;
        box-shadow: 0 0 0 1px grey inset;
    }

    /*.calendar td.outside:hover, .calendar td.day:hover, .calendar td.today:hover {
        font-weight: bold;
        box-shadow: 0 0 0 1px grey inset;
    }*/

.stories {
    position: relative;
    width: 145px;
    float: right;
    margin: 10px 15px 0 0;
    padding: 0;
    line-height: 20px;
}

    .stories p {
        margin-bottom: 0;
    }

.adjust .threads {
    position: relative;
    width: 145px;
    padding-bottom: 6px;
}

.adjust .subscribe {
    position: absolute;
    right: 0px;
    top: 2px;
}

#storyGrid {
    margin: 0;
    z-index: 1;
}

    #storyGrid .gridrow {
        height: 164px !important;
        overflow: hidden;
    }

    #storyGrid .gridrow {
        z-index: -1;
    }

.box.grid {
    padding-bottom: 10px;
    border: none;
}

    .box.grid .content {
        overflow: auto;
        padding-top: 0;
        margin: 5px 6px 0 8px;
    }

    .box.grid .content2 {
        overflow: visible;
        padding-top: 0;
        margin: 5px 6px 0 8px;
    }

.gridContainer .content2 .gridAd {
    padding: 0 0 5px;
}

#pageBounds .box.threadGrid .adjust h2, #pageBounds .box.grid .adjust h2 {
    position: relative;
    margin: 0;
    padding: 0 28px 0 8px;
    background: #fff url(/images/bg_hdr-thread.gif) right top no-repeat;
    line-height: 28px;
    display: inline;
    float: left;
}

#pageBounds .box.grid .adjust h2 {
    font-size: 222%;
}

/* Story types */
.swipe {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

#pageBounds #contentBounds .box .content.sec.latestUser h2 {
    background: none;
    color: #333;
    margin: 0 0 7px;
    padding: 0;
    display: inline;
    font-size: 132%;
    float: left;
}

#CustomizeGridPanel {
    padding: 3px 0px 7px 0px;
    margin: -5px auto;
    z-index: 40;
}

    #CustomizeGridPanel h2 {
        font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
        margin: 0 20px 0 0;
        color: #000;
        text-transform: uppercase;
        line-height: 26px;
    }

        #CustomizeGridPanel h2 img {
            margin: 0 5px 0 15px;
            border: none;
        }

    #CustomizeGridPanel #gridContentOptions {
        position: absolute;
        text-align: right;
        float: left;
        padding: 0;
        position: relative;
        top: 3px;
    }

    #CustomizeGridPanel .shortTakes {
        font-size: 11px;
        font-family: Arial, Tahoma, Sans-Serif;
    }

    #CustomizeGridPanel h3, #CustomizeGridPanel h3 a {
        margin: 0;
        padding: 0 2px;
        font-weight: normal;
    }

    #CustomizeGridPanel #gridContentOptions h3 {
        margin-right: 7px;
    }

#storyCalendarContainer {
    position: absolute;
    background: #EBEAEA;
    border: 1px solid #C1C0C0;
    margin-top: 5px;
    padding: 4px 2px 2px;
    width: 280px;
    margin-left: 318px;
}

#gridLayoutOptions {
    margin: 0;
    text-align: right;
    padding: 4px 0px 0px 0px;
}

    #gridLayoutOptions h3 img {
        margin: 0 3px 0 0;
        position: relative;
        top: 3px;
    }

    #gridLayoutOptions input {
        margin: 0;
        padding: 0;
    }

    #gridLayoutOptions .switchButtons {
        position: absolute;
        right: 100px;
    }

#pickadatediv {
    width: 100%;
    padding: 0px;
    margin: 0 0 5px 0;
}

#pickadatecontainer {
    vertical-align: top;
    padding: 0px;
    margin: 0;
    padding: 0 10px 0 0;
    display: inline;
    clear: both;
    display: none;
}

#SuggestAStory
{
    color: #000000;
    margin-top: 3px;
    position: absolute;
    margin-left: -53px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.svg.gecko.win.js .sec #LiLatest, .svg.ie.ie1.win.js .sec #LiLatest
{
    position: absolute;
}

.svg.ie.ie1.win.js #LiLatest .cat, .svg.ie.ie9.win.js #LiLatest .cat
{
    position: absolute;
    margin-top: -19px;
}

.calendarnumberbox a
{
    display: inline-block;
    width: 34px;
    height: 24px;
    margin-left: -2px;
}

.calendar .calendarnumberboxtoday a
{
    display: inline-block;
    width: 34px;
    height: 24px;
    margin-left: -2px;
}

.svg.ie.ie9.win.js .sec #LiLatest
{
    margin-top: 0px;
    position: absolute;
}

.svg.gecko.ff.win.js #LiLatest #GridTitleBarInside.cat
{
    /*margin-top: -19px;*/
    display: inline-block;
    margin-top: 0px !important;
}

.svg.gecko.win.js #LiLatest .cat#GridTitleBarInside
{
    margin-top: -35px;
}

#PromoteSuperlatives
{
    font-family: "Roboto";
    position: absolute;
    margin-left: 20px;
    /*margin-top: -9px;*/
    color: #000000;
    font-size: 13.0px;
    font-weight: normal;
    white-space: nowrap;
    text-transform: capitalize;
}

    #pickadatecontainer div.pickadateheader {
        display: inline;
        padding: 0px;
        margin: 0;
        width: 300px;
        margin-right: 10px;
    }

    #pickadatecontainer .pickadateheader #pickadatedate {
        padding: 0 6px;
        font-weight: bold;
    }

    #pickadatecontainer img.closebutton {
        position: relative;
        top: 2px;
        padding: 0px;
        margin: 0;
    }

#CustomizedSettings {
    background: #fff;
    margin-bottom: 0px;
    text-align: left;
    position: relative;
}

.grid_preloader {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
}

#GridMoreBar {
    clear: both;
    color: black;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    height: 10px;
    padding: 5px 0 30px 0;
    z-index: 1000;
}

#GridMore {
    clear: both;
    color: White;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    height: 15px;
    padding: 20px 0 20px 0;
    z-index: 1000;
    position: absolute;
    background: url('/images/background_shade_5x5_80.png') repeat;
}

#GridNoMore {
    clear: both;
    color: White;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    height: 15px;
    padding: 20px 0 20px 0;
    z-index: 1000;
    background: url('/images/background_shade_5x5_80.png') repeat;
}

.GridMoreText {
    font-size: 15px;
    padding: 5px;
    background: #545454;
    letter-spacing: 1px;
}

.GridMoreTopText {
    font-size: 13px;
    padding: 5px;
    background: #505050;
}

.GridMoreNumText {
    font-size: 12px;
    color: #FED944;
    font-style: italic;
    font-weight: bold;
    padding-right: 5px;
}

.GridMoreNumTextTop, .GridMoreNumTextTopNoClick {
    font-size: 12px;
    color: black;
    font-style: italic;
    font-weight: bold;
    padding: 0 5px 0 5px;
    background: transparent url('/images/blue_button_gradient.gif') left repeat-x;
}

    .GridMoreText:hover, .GridMoreTopText:hover, .GridMoreNumTextTop:hover, .GridMoreNumText:hover {
        cursor: pointer;
    }

.gridContainer .gridAd {
    padding: 0px;
}

#google_ads_div_Pushdown {
    padding-left: 12px;
}

.gridBackground.darkBackground {
    background: #030c16 url(/images/hbosponsorship/bill_maher_gradient.gif) repeat-x;
}

.greyBack #GridMoreBarBack a {
    color: white;
}

.greyBack #StoryPageGrid .PromotedText {
    color: #000;
}

.greyBack .PromotedText {
    color: #FFF;
}

#NewTabs ul#tabnav li {
    padding: 0;
    position: relative;
}

#LiPopular {
    margin-left: 0 !important;
}

#NewTabs ul#tabnav li:not(:first-child) {
    padding-left: 2px;
}

.greyBack .gridBackground #NewTabs li.tab a {
    border-color: black;
}

.greyBack .gridBackground #NewTabs li.tab.active a {
    color: White;
    background-color: black;
}

.greyBack .gridBackground #NewTabs li.tab.inactive a {
    color: #ccc;
    background-color: #4d4c4c;
}

    .greyBack .gridBackground #NewTabs li.tab.inactive a:hover {
        color: white;
    }

.greyBack .gridBackground #NewTabs li.tab.active a {
    border-top: none;
}

.greyBack .gridBackground #NewTabs ul#tabnav a:hover {
    color: white;
}

#StoryPageGrid #GridBox {
    border: 1px solid #d2d2d2;
}

.greyBack .gridBackground #GridBox {
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
}

.GridSubNav {
    color: Black;
    padding-left: 5px;
    padding: 5px 10px 2px 5px;
}

    .GridSubNav a {
        text-decoration: none;
    }

#SubNav .SubNavLink {
    color: black;
    padding: 2px 10px;
}

#UserSubNav .SubNavLink {
    padding: 5px 10px;
}

#SubNav a, #UserSubNav a {
    color: black;
}

.greyBack .gridBackground #GridTitle,
.greyBack .gridBackground #pickadatedate,
.greyBack .gridBackground .GridSubNav,
.greyBack .gridBackground #GridMoreBarNoMore,
.greyBack .gridBackground #SubNav .SubNavLink,
.greyBack .gridBackground #SubNav a {
    color: white;
}

#SubNav .SubNavLink.active, #UserSubNav .SubNavLink.active {
    color: White;
    font-weight: bold;
    background-color: #6c6c6c;
}

#SubNav .SubNavLink.inactive:hover {
    color: Black;
}

/***** END - code formerly in grid.css *****/
#ToolsShareContainer #facebook {
    display: inline;
    float: none !important;
    height: 78px;
}

#ToolsShareContainer #stumbleupon {
    display: inline;
    top: 5px;
    margin-right: 5px;
}

#ToolsShareContainer #tweetmeme {
    display: inline;
    top: 7px;
}

#ToolsShareContainer #RSS {
    display: inline;
    top: 1px;
    margin-right: 0;
}

#ToolsShareContainer #addthis {
    display: inline;
    top: 28px;
    margin-right: 15px;
}

.ff5 #ToolsShareContainer #addthis {
    top: 18px;
}

#ToolsShareContainer #googleplus1 {
    display: inline;
    top: 20px;
}

#ToolsShareStory #addthis {
    margin-bottom: 5px;
}

#ToolsShareStory {
    width: 50px;
    padding: 0 0 10px 10px;
    margin: 0;
    text-align: center;
    background-color: White;
}

#ToolsShareStory {
    position: static;
    float: right;
    z-index: 3001;
}

    #ToolsShareStory .fb_share_count_nub_top {
        top: 35px !important;
    }

    #ToolsShareStory #stumbleupon {
        margin-bottom: 5px;
        top: 12px !important;
        margin-right: 0px !important;
    }

    #ToolsShareStory #tweetmeme {
        top: 17px !important;
        margin-bottom: 5px;
        margin-right: 0px !important;
    }

    #ToolsShareStory #facebook {
        top: 7px !important;
    }

    #ToolsShareStory .FBConnectButton_Text {
        margin-left: 12px !important;
        padding: 2px 3px 3px !important;
    }

    #ToolsShareStory .FBConnectButton_Small {
        background-position: -5px -232px !important;
        border-left: 1px solid #1A356E;
    }

.webkit #ToolsShareStory {
    margin-bottom: 5px;
}

    .webkit #ToolsShareStory .fb_share_count_top {
        margin: 7px 0px 0px 0px;
    }

    .webkit #ToolsShareStory #addthis {
        margin: 0 0 10px;
        display: block;
        top: 28px;
    }

.ie.ie9 #ToolsShareStory {
    padding-bottom: 25px;
}

.ie #ToolsShareStory {
    padding-bottom: 13px;
}

    .ie #ToolsShareStory #addthis {
        top: 23px;
    }

    .ie #ToolsShareStory #googleplus1 {
        margin-top: 25px;
    }

.webkit #ToolsShareStory #googleplus1 {
    margin-top: 28px;
}

#ToolsShareStoryHorizontal {
    float: right;
}

    #ToolsShareStoryHorizontal #ToolsShareContainer #facebook {
        float: left !important;
        position: inherit;
        margin-right: 0px;
    }

    #ToolsShareStoryHorizontal #ToolsShareContainer #tweetmeme {
        float: left;
        position: inherit;
        margin-right: 10px;
    }

    #ToolsShareStoryHorizontal #ToolsShareContainer #addthis {
        float: left;
        position: inherit;
        margin-right: 0;
    }

        #ToolsShareStoryHorizontal #ToolsShareContainer #addthis .sharelink {
            display: block;
        }

    #ToolsShareStoryHorizontal #ToolsShareContainer .addthis_toolbox .lightbox {
        position: absolute;
        left: 379px;
        top: -2px;
    }

    #ToolsShareStoryHorizontal #ToolsShareContainer #googleplus1 {
        float: left;
        position: inherit;
        margin-right: 8px;
    }

#ToolsShareHorizontal .fb_edge_widget_with_comment.fb_iframe_widget {
    width: 87px;
}

    #ToolsShareHorizontal .fb_edge_widget_with_comment.fb_iframe_widget iframe {
        display: inline-block;
        top: 3px;
    }

#ToolsShareHorizontal #stumbleupon {
    margin-right: 10px !important;
}

#ToolsShareHorizontal #rss {
    margin-right: 10px !important;
}

#ToolsShareHorizontal #facebook {
    top: 2px;
}

#ToolsShareHorizontal #addthisControl {
    position: absolute;
    left: 5px;
    top: -33px;
    width: 200px;
}

.ff3 #ToolsShareHorizontal #addthisControl, .ff4 #ToolsShareHorizontal #addthisControl, .ff5 #ToolsShareHorizontal #addthisControl, .ff6 #ToolsShareHorizontal #addthisControl, .ff7 #ToolsShareHorizontal #addthisControl {
    top: -43px;
}

#ToolsShareContainer #ToolsShareStory .addthis_toolbox.addthis_default_style {
    position: relative;
    top: 24px;
    margin-bottom: 10px;
}

.fb_share_count_nub_right {
    margin-top: 3px;
}

.fb_share_count_wrapper {
    float: none !important;
}

.addthis_toolbox .lightbox {
    position: relative;
    top: -20px;
    left: -292px;
    width: 280px;
    color: #555;
    z-index: 3000;
    border: 1px solid black;
}

    .addthis_toolbox .lightbox .lightbox_top {
        background-color: #e7e7e7;
        height: 34px;
        overflow: hidden;
        position: relative;
    }

        .addthis_toolbox .lightbox .lightbox_top h4 {
            display: inline;
            position: absolute;
            top: 12px;
            left: 20px;
            margin: 0;
            padding: 0;
            font-size: 14px;
            font-weight: normal;
            color: #444;
        }

    .addthis_toolbox .lightbox .lightbox_close {
        position: absolute;
        top: 13px;
        right: 13px;
        font-weight: bold;
        text-decoration: none;
        color: blue;
    }

    .addthis_toolbox .lightbox .lightbox_middle {
        background-color: white;
        overflow: hidden;
        text-align: left;
    }

.addthis_toolbox .lightbox_sharing {
    margin: 5px;
}

.addthis_toolbox .lightbox .columns A {
    text-indent: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 4px 34px !important;
    position: relative;
    width: 90px !important;
    display: block;
    color: #333;
}

    .addthis_toolbox .lightbox .columns A:hover {
        background: #eee;
        border: 1px solid #777;
        padding: 3px 0 3px 34px !important;
        text-decoration: none !important;
    }

.addthis_toolbox .lightbox .columns SPAN {
    padding: auto !important;
    margin: auto !important;
    position: absolute;
    left: 14px;
    top: 4px;
    float: none !important;
}

.addthis_toolbox .lightbox .columns .column {
    width: 130px;
    float: left;
    padding: 0;
    text-transform: none;
}

.addthis_toolbox .lightbox .frame {
    border: 2px solid #eee;
    padding: 10px;
    margin: 0 20px 0 0;
    float: left;
}

.addthis_toolbox .lightbox .border {
    border-top: 1px dashed #333;
    margin: 0 10px;
}

.addthis_toolbox .lightbox A.sharelink:hover, .addthis_toolbox .lightbox A.lightbox_close:hover {
    z-index: +1;
    text-decoration: underline;
}

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

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

#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('/images/story_carousel/nextstory3.png') no-repeat 0 0;
    }

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

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

    #ImageCarousel .jcarousel-next-horizontal:active {
        background-image: url('/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('/images/story_carousel/nextstory3.png');
    }

    #ImageCarousel .jcarousel-prev-horizontal {
        position: absolute;
        top: 85px;
        right: 97px;
        width: 25px;
        height: 17px;
        cursor: pointer;
        background: transparent url('/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('/images/story_carousel/arrow-left-hover.png') no-repeat 0 0;
    }

    #ImageCarousel .jcarousel-prev-horizontal:active {
        background-image: url('/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('/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('/images/more_left_active.png') no-repeat scroll center center red;
}

#LargeImageContainer .ButtonSmallRight, #CarouselButtonContainer .ButtonSmallRight{
    background: url('/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('/images/more_left_active.png') no-repeat scroll center center red;
}

    #carousel-images .jcarousel-prev-horizontal:hover {
        background: url('/images/more_left_active.png') no-repeat scroll center center red;
    }

    #carousel-images .jcarousel-prev-horizontal:active {
        background-image: url('/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('/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('/images/more_right_active.png') no-repeat scroll center center red;
}

    #carousel-images .jcarousel-next-horizontal:hover {
        background: url('/images/more_right_active.png') no-repeat scroll center center red;
    }

    #carousel-images .jcarousel-next-horizontal:active {
        background-image: url('/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('/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;
    }

/* BEGIN Registration */
#reg_container {
    position: absolute;
    margin: 0 auto;
    z-index: 977776;
    background: #FFF;
    height: 500px;
    width: 600px;
    padding: 30px;
    text-align: left;
}

    #reg_container h1 {
        font-size: 150%;
        margin: 0 0 21px;
    }

#regTop, #shrTop {
    border-top: 2px solid red;
    background-color: #000;
    height: 50px;
}

.regLogo, .shrLogo {
    margin: 15px 0 0 30px;
    float: left;
}

#reg_close, #shrClose {
    float: right;
    position: relative;
    top: 10px;
    right: 10px;
    z-index: 977777;
}

.regTxtBx {
    width: 350px;
    height: 20px;
    margin: 0;
    border: 1px solid #999;
    color: #999;
}

.lgnEmail, .lgnPwd {
    width: 200px;
}

.lgnRegLnk {
    font-size: 90%;
    margin: 17px 0 0 12px;
}

.twoPx {
    height: 2px;
}

.gryTxt {
    color: #999;
}

#reg_container a.bigred {
    font-size: 14px;
    font-family: Arial Bold, Arial;
    padding: 6px 12px;
}

.lgnFldCntr {
    margin: 0;
}

.lnkFgt {
    width: 150px;
    margin: 8px 0;
    font-size: 90%;
}

.socLgnWin {
    background-color: #e8eef9;
    margin: -30px -30px 0 30px;
    width: 229px;
    height: 500px;
    padding: 30px;
}

.lgnFldCntr .desc {
    height: 30px;
    width: 90px;
    display: block;
    float: left;
    clear: both;
}

.lgnFldCntr a {
    margin-left: 20px;
}

.lgnReg {
    margin-left: 20px;
}

#reg_disqus .bigred {
    margin-left: 200px;
    top: 30px;
}

.dsqSkp {
    top: 30px;
    margin-left: 20px;
}

.reg2TxtBx {
    width: 500px;
    height: 20px;
    margin: 0;
    font-size: 1em;
    border: 1px solid #999;
    color: #999;
}

    .reg2TxtBx.h50 {
        height: 75px;
        width: 450px;
    }

    .reg2TxtBx.multiLine {
        height: 100px;
    }

.fbShr .pg2Btn {
    top: 250px;
    margin-left: 250px;
}

.fbShrTtl {
    font: bold 12px Arial;
}

.fbShrHed {
    color: #666;
}

#shrWin {
    width: 450px;
}

.shrBtns {
    margin-left: 140px;
    clear: both;
}

.shrChk {
    margin-top: 17px;
}

.shrChkImg {
    margin-top: 15px;
}

.shrStngs {
    padding: 10px;
    background: #f2f1f1;
    bottom: 0px;
    clear: both;
}

.fbShrP {
    margin-left: 110px;
}
/* END Registration */

#SettingsPage td {
    padding-bottom: 5px;
    vertical-align: middle;
}

.settings_help {
    z-index: +200000;
    position: absolute;
    padding: 8px 8px 4px 8px;
    background: #ffc;
    border: 1px #e8dc96 solid;
    margin-left: 180px;
    width: 150px;
    display: none;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
}

#ThankYou .ThankYouBox {
    float: left;
    background: transparent url('/images/thankyouboxgrad.png') left repeat-x;
    border: 1px solid #ddd;
    height: 135px;
    width: 285px;
    padding: 10px;
    margin: 5px;
}

#ThankYou .ThankYouTitle {
    color: #039;
    margin-bottom: 5px;
    font-size: 14px;
}

#ThankYou .ThankYouText {
    color: #666;
}

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

#Connections .RadioButton {
    margin-right: 10px;
}

#Connections .Sharing {
    margin: 5px 0;
    font-weight: bold;
}

#Connections .RadioButtonGroupSubTop {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 2px 5px;
}

#Connections .RadioButtonGroupSubBot {
    border: 1px solid #ddd;
    padding: 2px 5px;
}

#ProfileMyAccountContent .boxFrameLeft {
    padding: 10px;
}

#ProfileMyAccountContent h2 {
    font-size: 150%;
}

#ProfileMyAccountContent td {
    padding: 6px 5px;
}

/* Section Colors Begin  */
.sec0, .sec0.inactive:hover {
    background-color: #959595;
}

.sec108, .sec118 {
    background-color: #333;
}

.sec11699Light {
    background-color: #edd5d5;
}

.sec11699BorderLight {
    border-color: #edd5d5;
}

.sec109, .sec109b {
    background-color: rgb(73, 166, 238);
    width: 70px;
}

.sec109Light {
    background-color: #99D6FF;
}

.sec109BorderLight {
    border-color: #99D6FF;
}

.sec109Border {
    border-color: rgb(73, 166, 238);
}
/* Section Colors End */

.StoryVetted {
    font-size: 95%;
    font-weight: normal;
    font-style: italic;
    padding-bottom: 5px;
}

.SectionWhiteGradient {
    background-image: url('/images/white-gradient.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.gridContainer #GridBox #NewTabs .homeContrib {
    float: right;
    margin-right: 17px;
    /*margin-top: -19px;*/
    height: 35px;
    width: 180px;
    text-align: center;
    line-height: 30px;
    font-family: "Roboto";
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
}

.ie7 #GridBox #NewTabs .homeContrib {
    bottom: 30px;
}

.FBPopHead {
    color: #336699;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -4px;
    margin-left: 5px;
}

.FB_Pop {
    display: inline-block;
    clear: both;
    padding: 10px 0;
}

.FB_PopLink img {
    vertical-align: text-top;
    float: left;
}

.FB_Pop div {
    float: left;
    margin-left: 10px;
    position: relative;
}

.FB_Pop .fb_edge_widget_with_comment {
    margin-top: 5px;
}

.FB_Pop.last {
    border-top: 1px solid #C5C5C6;
    padding-bottom: 0;
}

.FB_PopLink.textlink {
    display: block;
    width: 220px;
}

.rssTable {
    border-collapse: collapse;
    margin: 10px 0;
}

    .rssTable th {
        background-color: #e0e0e0;
        border: 1px solid #d5d4d4;
        padding: 8px;
        font-size: larger;
    }

    .rssTable td {
        border: 1px solid #d5d4d4;
        background-color: #f2f2f2;
        padding: 8px;
    }

    .rssTable a {
        font-weight: normal !important;
    }

.NewserSocialSections {
    display: inline-block;
    width: 150px;
    height: 24px;
    padding-top: 7px;
    margin: 0 2px 6px 0;
    text-align: center;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
}

#SocialNetworks a, #SocialNetworks a:hover {
    text-decoration: none;
}

.content .GridHouseAdRight {
    margin-right: 5px;
    margin-bottom: 5px;
}

.content2 .GridHouseAdRight {
    margin-right: 12px;
}

.SearchBox {
    float: right;
    top: 2px;
    z-index: 0;
    height: 25px;
    width: 200px;
}

    .SearchBox #SearchYippy {
        float: right;
        margin: -9px 22px 0 0;
    }

.android .SearchBox #SearchYippy {
    float: right;
    margin: -9px 11px 0 0;
}

.linux.ff .SearchBox #SearchYippy {
    float: right;
    margin: -9px 5px 0 0;
}

.ipad .SearchBox #SearchYippy, .iphone .SearchBox #SearchYippy {
    float: right;
    position: relative;
    left: 10px;
    bottom: 20px;
}

.ie .SearchBox #SearchYippy {
    float: right;
    margin: -9px 11px 0 0;
}

.ie7 .SearchBox #SearchYippy {
    float: right;
    margin: -9px 5px 0 0;
}

.webkit .SearchBox #SearchYippy {
    float: right;
    margin: -9px 22px 0 0;
}

.ipad #ad_background1, .ipad #ad_background2 {
    display: none;
}

.StoryPageCSI {
    margin-top: 8px;
}

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

#GridTitleBarInside {
    display: inline;
    text-align: center;
    /*why did we have this?*/
    /*margin-bottom: -24px;*/
    margin-bottom: 0 !important;
    padding: 7px 0px;
    max-width: 980px;
}

#GridTitleBarInside.sec #GridTitle
{
    font-size: 12px;
    color: #000000;
    display: inline-block;
    height: 35px;
    width: 145px;
}

#GridTitleBarInside.sec
{
    width: 145px;
    background-color: #EBEAEA;
    margin-left: 0px;
    height: 18px;
    text-transform: uppercase;
    padding-top: 10px;
    line-height: 17px;
}

#GridTitleBarInside.cat
{
    width: 125px;
    background-color: #EBEAEA;
    margin-left: 0px;
    margin-right: 4px;
    /*margin-top: -19px;*/
    height: 21px;
    text-transform: capitalize;
}

#tabnav.sec #LiPopular
{
    /*margin-left: 148px;*/
}

#tabnav #LiPopular
{
    margin-left: -1px;
}

#TheGrid
{
    position: absolute;
    top: 2px;
    left: 60px;
    color: #000000;
    font-size: 12px;
}

#Popular
{
    line-height: 12px;
    color: #000000;
    position: absolute;
    left: 64px;
    top: 12px;
    font-size: 12px;
}

#LiLatest .GridTitleBarInside.sec .GridTitle{
    line-height: 17px;
}

#GridTitleBarInside.cat #GridTitle
{
    line-height: 23px;
    font-family: "Roboto";
    font-size: 12px;
    text-transform: uppercase;
}

#mainCol.sec109Special #GridBox #NewTabs #ALatestSubNavToday
{
    margin-left: 145px;
}

#mainCol.noneSpecial #GridBox #NewTabs #ALatestSubNavToday
{
    margin-left: 145px;
}

.PromoSliderD {
    bottom: 0;
    left: 0;
    position: fixed;
    display: none;
    width: 100%;
    border-top: 3px solid #f00;
    height: 44px;
    z-index: 9999;
}

    .PromoSliderD #PromoSliderDText {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        margin-top: 6px;
    }

    .PromoSliderD #PromoSliderDFollow {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        margin-top: 6px;
    }

    .PromoSliderD #PromoSliderDClose {
        display: inline-block;
        position: absolute;
        top: 2px;
    }

.PromoSliderDA {
    background-color: black;
    color: white;
}

    .PromoSliderDA #PromoSliderDClose {
        padding-left: 298px;
    }

.PromoSliderDB {
    background-color: black;
    color: white;
}

    .PromoSliderDB #PromoSliderDClose {
        padding-left: 282px;
    }

.PromoSliderDC {
    background-color: black;
    color: white;
}

    .PromoSliderDC #PromoSliderDClose {
        padding-left: 195px;
    }

.PromoSliderM {
    color: #3b5998;
    background: black;
}

    .PromoSliderM #PromoSliderMClose {
        position: absolute;
        top: 2px;
        left: 2px;
    }

    .PromoSliderM #PromoSliderMFollow {
        display: inline-block;
        vertical-align: top;
        padding: 12px 15px;
    }

    .PromoSliderM #PromoSliderMLike {
        margin: 9px 0 0;
    }

.PromoSliderMA #PromoSliderMText {
    padding: 8px 15px 0;
}

.PromoSliderMB #PromoSliderMText {
    padding: 8px 15px 0;
}

.PromoSliderMC #PromoSliderMText {
    padding: 8px 15px 3px;
}

.PromoSliderM div#PromoSliderMClose:hover, .PromoSliderM div#PromoSliderMFollow:hover {
    cursor: pointer;
}

a.SignUp:hover {
    color: black;
    background: white;
}

a.SignUp {
    color: white;
    background: black;
    padding: 0px 6px 2px 6px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial Narrow, Geneva, Tahoma, Arial, Sans-Serif;
    font-size: 22px;
    margin: 10px 0 10px;
    border: 1px solid white;
}

/* Fix for the IdealHealth, IdealMedia widgets */
#unit_82544 > div > div, #smi2adblock_79147 > div > div {
    font-family: Arial, Helveitca, Sans-Serif Serif;
    font-weight: bold;
    color: #f00 !important;
}

/* Fix the z-index for the addthis control that sticks to the left of the site*/
#at4-share {
    z-index: 99990;
}

/***** BEGIN Header CSS *****/

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

#navSpacer {
    width: 100%;
    height: 45px;
}

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

#divNavigation {
    width: 1006px;
    height: inherit;
    margin: 0 auto;
    text-align: left;
}

a img {
    border: none;
}

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

#newserNLink {
    width: 45px;
    height: 45px;
    display:block;
    cursor: pointer; /* Makes the entire div appear as a link when hovering in IE7 */
    background: transparent url('/Images/header/newsern.svg') center center no-repeat;
    background-size: 24px 22px; /* Doesn't matter it doesn't work in IE < 9 because they use sized PNG */
}

.no-svg #divNewserLogo, .ipad #divNewserLogo {
    background: transparent url('/Images/header/newsern.png') center center no-repeat;
}

nav {
    height: inherit;
}

/* Keep the centered portion of the nav a fixed width to it is replacing links will not move the icons at the end */
#ulNewserNavigation {
    width: 716px;
}

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

/*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: 130px;
    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('/Images/header/triangle_white_down.svg') 70% 20px no-repeat;
    text-indent: -10px;
}

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

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

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

.moreSectionsClick {
    text-indent: -10px;
    background: #EBEAEA url('/Images/header/triangle_black_up.svg') 70% 20px no-repeat;
}

.no-svg .moreSectionsClick {
    text-indent: -10px;
    background: #EBEAEA url('/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: 45px;
    height: 45px;
    background: transparent url('/Images/header/user_white.svg') center center no-repeat;
    line-height: none;
}

.no-svg ul .liUser {
    background: transparent url('/Images/header/user_white.png') center center no-repeat;
}

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

.no-svg ul .liUser:hover,
.no-svg ul .liUser:hover > a {
    background: #EBEAEA url('/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('/Images/header/orDivider.png') no-repeat;
}

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

#divCreateAccount {
    width: inherit;
    height: inherit;
    display: none;
}

#divCreateAccountHeader {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #CAC8C8;
    box-sizing: border-box;
}

#divCreateAccountInfo {
    margin: 18px 0 0 0;
}

.divSignUpControls {
    padding: 10px 0 0 0;
}

#divFacebookTwitterConnect {
    /*width: 290px;*/
    width: 100%;
    float: left;
}

#divDivider {
    /*width: 20px;
    height: 275px;*/
    width: 100%;
    /*height: 5px;
    margin: 15px 25px 0 25px;
    float: left;
    background: transparent url('/Images/header/divider.png') no-repeat;*/
    border: 0;
    height: 0;
    float:left;
    margin-top: 18px;
    border-bottom: 1px solid #CAC8C8;
}

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

#labelSignUpUsername {
    position: absolute;
    top: 30px;
    left: 5px;
    /*top: -15px;*/
}

#inputSignUpEmailAddress {
    position: relative;
    /*top: -15px;*/
}

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

#inputSignUpPassword {
    position: relative;
    /*top: -30px;*/
}

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

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

.divSignUpBottom {
    padding: 0;
    text-align: 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('/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: 45px;
    height: 45px;
    background: transparent url('/Images/header/search_white.svg') center center no-repeat;
}

.no-svg ul #liSearch {
    background: transparent url('/Images/header/search_white.png') center center no-repeat;
}

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

.no-svg ul #liSearch:hover > a {
    background: #EBEAEA url('/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: 45px;
    height: 45px;
    background: transparent url('/Images/header/info-white.png') center center no-repeat;
}

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

/* BEGIN: Facebook Twitter */
ul #liFacebookTwitter {
    width: 90px;
    height: 45px;
    background: transparent url('/Images/header/FacebookTwitter_white.svg') center center no-repeat;
}

.no-svg ul #liFacebookTwitter {
    background: transparent url('/Images/header/FacebookTwitter_white.png') center center no-repeat;
}

ul #liFacebookTwitter:hover > a {
    background: #EBEAEA url('/Images/header/FacebookTwitter_black.svg') center center no-repeat;
}

.no-svg ul #liFacebookTwitter:hover > a {
    background: #EBEAEA url('/Images/header/FacebookTwitter_black.png') center center no-repeat;
}

#divFacebookTwitterhHeader {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #CAC8C8;
    box-sizing: border-box;
}

#divFacebook {
    width: 50%;
    height: 88px;
    margin: 0 0 30px 0;
    position: relative;
    float: left;
    background: transparent url('/Images/header/facebookBox.png') center center no-repeat;
}

    #divFacebook > div {
        position: absolute;
        width: 100%;
        bottom: -45px;
        text-align: center;
        padding: 0 0 20px 0;
    }

        #divFacebook > div > span * /* Hack to make the Facebook "Like" button show up in IE7*/ {
            width: 90px !important;
            height: 25px !important;
        }

#divTwitter {
    width: 50%;
    height: 88px;
    margin: 0 0 30px 0;
    position: relative;
    float: left;
    background: transparent url('/Images/header/twitterBox.png') center center no-repeat;
}

    #divTwitter > div {
        position: absolute;
        bottom: -25px;
        left: 114px;
    }

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

#divOffScreenTwitter {
    overflow: hidden;
    position: relative;
}

    #divOffScreenTwitter > div {
        position: absolute;
        height: 100px;
        width: 100px;
        right: -50px;
        top: 50px;
    }
/* END: Facebook Twitter*/

/* BEGIN: Settings */
#divSettings {
    width: 45px;
    height: 45px;
    float: left;
}
#settingsLink {
    width: 45px;
    height: 45px;
    display: block;
    cursor: pointer;
    background: black url('/Images/header/settings2-white.jpg') center center no-repeat;
}
.no-svg #divSettings, .ipad #divSettings {
    background: black url('/Images/header/settings2-white.jpg') center center no-repeat;
}
/* END: Settings */

/* BEGIN: Email */
#divEmail {
    width: 45px;
    height: 45px;
    float: left;
}
#emailLink {
    width: 45px;
    height: 45px;
    display: block;
    cursor: pointer; 
    background: transparent url('/Images/header/newsletter_white.svg') center center no-repeat;
}
.no-svg #divEmail, .ipad #divEmail {
    background: transparent url('/Images/header/newsletter_white.png') center center no-repeat;
}
/* END: Email */

.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('/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('/Images/header/facebookLogin.png') 25px 17px;
    background-repeat: no-repeat;
}

.twtButton {
    width: 290px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background: #55ACEE url('/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('/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('/Images/inputboxes/UsernameBox.svg') no-repeat scroll left 15px center;
}

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

nav input[class*="email"],
.inputNewsletterAddressFooter, inputNewsletterAddressTop, #signUpEmailInput {
    background: #FFF url('/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('/Images/inputboxes/EmailBox.png') no-repeat scroll 15px center;
}

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

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

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

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

nav input[class*="redButton"],
.redButton {
    width: 290px;
    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;
}

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

.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 *****/

/* Mobile header */
#HeaderMobile.Header {
    background-color: #fff;
    margin-bottom: 5px;
}

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

#HeaderMobile .HeaderLogo {
    background-color: #000000;
    height: 64px;
}
#HeaderMobile .HeaderItem {
    float: left;
    display: inline-block;
    padding-left: 20px;
    padding-right: 15px;
    height: 100%;
}

#HeaderMobile .HeaderItem:nth-child(2) {
    padding-right: 20px;
    float: none;
}

#HeaderMobile .HeaderItem:nth-child(3) {
    float: right;
    padding-right: 20px;
    padding-left: 15px;
}

#HeaderMobile .HeaderMiddle {
    height: 100%;
}

#HeaderMobile .HeaderImg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/***** BEGIN Footer CSS *****/
#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;
}

.footerPartnerLinks {
    width: 232px;
    float: left;
    margin: 20px 11px 0 0;
    padding: 0 0 20px 0;
}

    .footerPartnerLinks div {
        width: 100%;
        display: table;
    }

    .footerPartnerLinks img {
        display: block;
        max-width: 150px !important;
        height: 56px !important;
        padding-bottom: 10px;
    }

    .footerPartnerLinks div div {
        height: 70px;
        display: table-cell;
        vertical-align: middle;
        list-style: none;
        font-size: 13px;
        font-weight: 500;
        border-top: solid 1px #000;
    }

        .footerPartnerLinks div div a {
            text-decoration: none;
            color: #000;
        }

            .footerPartnerLinks div div a:hover {
                text-decoration: underline;
            }

        .footerPartnerLinks div div div {
            width: 225px;
            border-top: none;
        }
#divPartnersContainer {
    background-color: #ECEAEB;
}

#divNewserContainer {
    background-color: #333333;
}

#divOtherSitesContainer {
    background-color: #BFBDBE;
}
#divPartnersContainer,
#divOtherSitesContainer,
#divNewserContainer {
    width: 975px;
    overflow: auto;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

#divPartners {
    width: 100%;
    min-height: 385px;
    background-color: #ECEAEB;
}

#divPartnersTitle {
    padding: 20px 0 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #353535;
}

#divOtherSites {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #BFBDBE;
}

#divOtherSitesTitle,
#divPartneringWith {
    font-size: 20px;
    font-weight: 500;
    padding: 0 18px 0 0;
    color: #353535;
}

#divOtherSitesLogos img {
    padding: 0 11px 0 0;
    vertical-align: middle;
}

#divPartneringWith
{
    padding: 3px 5px 0 15px;
}

#divPartneringWithLogo img {
    vertical-align: middle;
}

#divNewser {
    width: 100%;
    height: auto;
    background-color: #333333;
    color: #FFF;
}

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

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

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

.divFooterEmailSignUp  {
    height: 60px;
    padding: 20px 0 10px 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;
    text-decoration: none;
    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 {
    width: 45%;
    padding: 30px 0 0 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;
}

#divGetNewserAppsTitle {
    padding: 0 0 20px 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: 60px 0 0 0;
}

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

    #ulFooterNav li {
        float: left;
        list-style: none;
        color: #FFF;
        font-weight: bold;
        margin: 0 40px 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: right;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 50px 0;
}
#divSwitchToMobile {
    float: left;
    font-size: 14px;
    padding: 0 0 20px 0;
}
#divSwitchToMobile a:hover {
    text-decoration:underline;
}
#divSwitchToMobile a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.floatLeft {
    float: left;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

/***** END Footer CSS *****/

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

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

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

#voteDivContentAuto #divPostVote, #voteDivContentAuto #divPostVote2 {
    width:653px;
    height:60px;
}
.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: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: center;
}
#voteDivContentAuto #divShowResults
{
    width: 349px;
    height: 37px;
    float: right;
    text-align: right;
    font-weight: 500;
    border-bottom: 1px solid #DEDEDE;
}

#spanShowVoteResults {
    color: #f00;
    cursor: pointer;
}
#spanShowVoteResultsAuto {
    color: #f00;
    text-decoration: none;
    cursor: pointer;
}
#divVoted {
    display: table;
    width: inherit;
    height: 250px;
    margin: 1px 0 0 0;
    background-color: #ECEAEB;
}
#voteDivContentAuto #divVoted {
    display: table;
    width: inherit;
    height: 63px;
    margin: 1px 0 0 0;
    background-color: #ECEAEB;
}
#countdownstop:hover {
    cursor: pointer;
}
.voted {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
    float: left;
}

#divNSS {
    position: fixed;
    z-index: 2;
    bottom: 22px;
    left: -285px;
    color: white;
    background-color: rgb(245,245,245);
    width: 280px;
    height: 300px;
    border: 1px solid black;
}
#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:7px;
    right:7px;
    color:black;
    cursor: pointer;
    display:inline-block;
    vertical-align:top;
    font-size:15px;
}

#divCM {
    position: fixed;
    z-index: 2;
    bottom: -105px;
    color: white;
    background-color: rgb(255,255,153);
    width: 100%;
    height: 48px;
    text-align: center;
}
#divCM a {
    text-decoration: underline;
}
#divCMText {
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
}
#divCMText1 {
    float: left;
    width: 800px;
    color: black;
    font-size: 12px;
    line-height: 13px;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
}
#divCMText2 {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

#divMediaMain {
    display:none;
    background-color:#e9e9e9;
    width:1px;
}
#imgShrink:hover, #imgEnlarge:hover {
    cursor: pointer;
}
#divImageMainShrinkEnlarge {
    position:absolute;
    right:0;
    bottom:0;
}

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

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

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

.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;
}
.TodaysMostPopularCounterText > div
{
    display: table-cell;
    vertical-align: middle;
}
.TodaysMostPopularCounterText 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;
}

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

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

#divExitPopContainer
{
    width: 800px;
    height: 575px;
    background-color: #ECEAEB;
    font-family: 'Roboto', sans-serif;
}
#divExitPopupTitle
{
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 25px 0;
}
#divExitPopup4
{
    width: 610px;
    height: 515px;
    margin: 0 auto;
    padding-top: 20px;
}
#divExitPopup4 .square
{
    width: 300px !important;
    height: 200px !important;
    margin: 0 5px 5px 0;
}
#divExitPopup4 .HoverBorderYes
{
    border:2px solid red;
    width: 296px !important;
    height: 196px !important;
}
#divExitPopup6
{
    width: 825px;
    height: 515px;
    margin: 0 auto;
    padding-top: 20px;
}
#divExitPopup6 .square
{
    width: 270px !important;
    height: 180px !important;
    margin: 0 5px 5px 0;
}
#divExitPopup6 .HoverBorderYes
{
    border:2px solid red;
    width: 266px !important;
    height: 176px !important;
}

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

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

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

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

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

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

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

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

#divMessageTitle
{
    margin: 20px 0 10px 0;
    font-size: 13px;
}
#divMessageTitle > span
{
    font-weight: 600;
}

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

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

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

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

#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 30px 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('/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('/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: 578px;
    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;
}

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

#PopupBlackText
{
    font-size: 39px;
    margin-top: 47px;
    margin-left: 60px;
    font-weight: 500;
}
#PopupMoreNewslettersText
{
    font-size: 39px;
    margin-top: 47px;
    font-weight: 500;
    text-align:center;
}

#PopupBlackBorder, #PopupMoreNewslettersBlackBorder {
    width: 510px;
    border-bottom: 1px #CAC8C8 solid;
    margin-left: 60px;
    margin-top: 48px;
}

#PopupBlackTextUnderBorder 
{
    margin-top: 40px;
    font-size: 20px;
    margin-left: 24px;
}

#PopupMoreNewslettersTextUnderBorder 
{
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align:center;
}

.thumbnail .CarouselImage
{
    width: 105px;
}

#PopupRedHeader
{
   font-family: 'Roboto';
}

#PopupBlackHeader, #PopupMoreNewsletters
{
    font-family: 'Roboto';
}

#PopupRedText
{
    font-size: 21px;
    margin-top: 30px;
    margin-left: 68px;
}

#PopupRedHeader .divFooterEmailSignUp
{
    margin-top: 10px;
    margin-left: 45px;
    width: 520px;
}

#PopupBlackHeader .divFooterEmailSignUp
{
    margin-top: 22px;
    margin-left: 53px;
    width: 520px;
}

#ImageAlignment img
{
    margin-left: 180px;
    width: 440px;
    height: 215px;
    margin-top: -11px;
}

#PopupRedEmailResponse
{
    position: absolute;
}

#inputEmailSignUpButtonFooterRed
{
    width: 164px; 
    height:50px; 
    font-size: 15px;
    padding-top: 3px;
}

#inputEmailSignUpButtonFooterBlack
{
    font-size: 15px;
}

.ff #inputEmailSignUpButtonFooterRed
{
    padding-top: 2px;
}

.chrome #inputEmailSignUpButtonFooterRed
{
    padding-top: 4px;
}

.ie9 #inputEmailSignUpButtonFooterRed
{
    padding-top: 2px;
}

#PopupBlackEmail
{
    border: 1px #CDCDCD solid;
    width: 342px;
    text-align: left;
    padding-top: 0px;
    font-size: 17px;
    padding-bottom: 3px;
}

.svg.gecko.win.js #PopupBlackEmail
{
    padding-top: 1px;
    padding-bottom: 2px;
}

.svg.gecko.ff.ff45.win.js #PopupBlackEmail
{
    padding-top: 1px;
    padding-bottom: 2px;
}

 .svg.ie.ie1.win.js #PopupBlackEmail
 {
    padding-top: 1px;
    padding-bottom: 2px;
 }

.svg.ie.ie9.win.js #PopupBlackEmail
{
    padding-top: 1px;
    padding-bottom: 2px;
}

#inputEmailSignUpButtonFooterBlack
{
    width: 164px; 
    height:50px;
}

#PopupRedEmail
{
    border: 1px #CDCDCD solid; 
    width: 345px; 
    font-size: 17px;
    text-align: left;
    height: 46px;
}

#BlackHeaderImage
{
    float:right;
    position:absolute;
    right:0px;
    top:0px;
}
#ActionBarCloseImage
{
    float:right;
    position:absolute;
    right:10px;
    top:8px;
}

#divFooterEmailSignUpBlack, #divFooterEmailSignUpMoreNewsletters
{
    margin-left: 58px;
}

#divBlackDontShow
{
    text-decoration:underline;
    margin-left: 224px; 
    margin-top:18px; 
    text-decoration-color: #A6A0A0; 
    color:#A6A0A0;
}

#divBlackDontShow a, #otherSubscriptionsContainer a
{
    color:#A6A0A0;
    font-size: 15px;
}

.BoldBlack
{
    font-weight:bold;
}

#RedHeaderImage
{
    float:right;
    position:absolute;
    right:10px;
    top:10px;
}

#divRedDontShow
{
    margin-left: 233px;
    position: absolute; 
    margin-top: 159px; 
    text-decoration:underline;
    text-decoration-color: #A6A0A0;
}

#Grid.none
{
    display: none;
}

#Grid.inline
{
    display: inline;
}

#GridBox #NewTabs #GridTitleBarInside.none
{
    display:none;
}

#ALatest
{
    margin-right: 1px;
}

#imageControlContainer {
    overflow: unset !important;
}

.fallback {
    width: 100%;
}

.fallback tbody tr td table {
    width: auto;
}


/* Newsletter page edits */

.divTopEmailSignUp {
    text-align: center;
}
/* END Newsletter page edits */
html.ff #tab1 {
    margin-top: 2px !important;
}

div[data-oembed-url] {
    clear: left;
}

/* Nav page */
#NavList a {
    text-decoration: none;
    color: White;
}
.NavBarTop {
    background-color: white;
    padding: 6px 10px 6px;
    font-weight: normal;
    color: #717171;
    font-size: 13px;
    padding-bottom: 23px;
}

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

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

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

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

.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;
}
#FooterMobile .FooterBottom {
    width: 100%;
    height: auto;
    background-color: #333333;
    color: #FFF;
}

#FooterMobile #ulFooterNav {
    margin-top: 15px;
}

#FooterMobile #divNewserContainer {
    display:inline-block;
    padding: 20px;
    width:300px;
}

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

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

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

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

#FooterMobile #ulFooterNav li:first-child {
    margin-top: 0;
}

#FooterMobile #ulFooterNav li:last-child {
    margin-bottom: 15px;
}

#FooterMobile #aViewAllNewsletters {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0 0 0;
}
#FooterMobile #divGetNewserApps {
    width: 160px;
    padding: 0;
    float: left;
}

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

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

#FooterMobile .appListNarrow {
    width: 145px;
}

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

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

#FooterMobile #divNewserInYourInboxTitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

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

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

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

#FooterMobile nav input[class*="email"], #FooterMobile .inputNewsletterAddressFooter {
    background: #FFF url('/Images/inputboxes/EmailBox.svg') no-repeat scroll left 15px center;
    width:300px;
}

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

#FooterMobile 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;
}
#FooterMobile #divFooterNav {
    padding:0;
}
#divSubSignup {
    border: 1px solid gray;
    position: relative;
    text-align: center;
    width: 450px;
    height: 36px;
}
#divSubSignup #TextBoxEmail {
    padding-left: 10px;
    width: 361px;
    height: 33px;
    font-size: 16px;
    border: none;
}
#divVotingBreak {
    display: none;
}