.widgetDropped {
    margin: 10px 10px;
    /* DO NOT ADD POSITIONING OR Z-INDEX HERE */
}

.body {
    color: Black;
    font-size: 9pt;
    font-family: Arial;
}


.PanelIcon .mediaWidgets {
    /* in case if this is an icon withing widget frames, don't apply max width */
    max-width: none;
}

.mediaWidgets {
    max-width: 100%;
    /*width: 100%;*/ /*This was making images go to the width of the containing cell which we definitely don't want*/
}

/*this should be on the widget instead of on the page itself*/
table .CsList th,
table .CsList_th {
    border-top: none;
    border-bottom: 1px solid #777777;
    background: none;
    color: black;
}

a.quickLink {
    display: block;
    background-attachment: left top;
    background-repeat: no-repeat;
    padding-left: 48px;
    margin-right: 8px;
    height: 33px;
    line-height: 34px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    font-family: "Century Gothic";
    font-size: 11pt;
    font-weight: normal;
    color: #234567;
    background-position: 8px center;
}

*#dir-rtl .containedInVSplit {
    position: relative;
    zoom: 1;
}

/* PREVENT CUSTOM HTML FROM BLOCKING THE NAVIGATION DROPDOWNS */
.cs-html-widget-container #banner-bg {
    position: relative;
    z-index: 1;
}

/* Reflow support: at narrow viewports / high zoom, collapse the multi-column
   widget layout to a single column and stop clipping overflowing content.
   Gated behind the media query, so normal-width layout is unaffected. */
@media (max-width: 1000px) {
    .containedInHSplit,
    .containedInVSplit {
        float: none !important;
        width: 100% !important;
        zoom: 1;
    }

    /* First column emits inline float/width; override those here. */
    #mainDivRenderedWidgets [style*="float: left"],
    #mainDivRenderedWidgets [style*="float:left"] {
        float: none !important;
        width: 100% !important;
    }

    #mainContainer,
    .containedInHSplit,
    .containedInVSplit,
    .widgetDropped {
        overflow: visible !important;
    }

    #mainContainer {
        min-width: 0 !important;
        width: 100% !important;
    }
}