/*****************/
/*JCS CSS       */
/***************/

#JCSFeedMain
{
    background-color: #171F2C;
}

    #JCSFeedMain a,
    #JCSFeedMain a:visited,
    #JCSFeedMain a:hover,
    #JCSFeedMain a:active
    {
        color: #124068;
        text-decoration: none;
    }

/*Feed*/
div.JCSFeedOuterPane
{
    height: 314px;
    background-color: #ffffff;
    border-color: #124068;
    border-style: solid;
    border-width: thin;
    padding: 6px;
    -moz-box-shadow: inset 0 0 1px 1px #787878;
    -webkit-box-shadow: inset 0 0 1px 1px #787878;
    box-shadow: inset 0 0 2px 1px #787878;
    border-radius: 2px;
}

div.JCSFeedPane
{
    height: 300px;
    overflow: auto;
    padding-right: 10px;
}

div.JCSFeedFirst
{
    width: 15px;
    float: left;
    padding-top: 18px;
}

div.JCSFeedSecond
{
    width: 48px;
    float: left;
    overflow: hidden;
    border-radius: 8px;
}

div.JCSFeedThird
{
    margin-left: 68px;
}

    div.JCSFeedThird span
    {
        font-size: 12px;
        color: #124068;
        font-weight: bold;
        line-height: 14px;
    }

        div.JCSFeedThird span a
        {
            color: #000000;
            text-decoration: none !important;
            font-weight: 500;
        }

            div.JCSFeedThird span a:visited
            {
                color: #000000;
                text-decoration: none !important;
            }

        div.JCSFeedThird span.JCSFeedCaption a
        {
            font-size: 11px;
            color: #A10B0B !important;
            text-decoration: none !important;
        }

div.JCSFeedSep
{
    border-bottom: 1px solid #5e5d5d;
    margin-bottom: 10px;
    margin-top: 5px;
}

/*Panel*/
div.JCSPanelPane
{
    margin-top: 10px;
}

div.JCSPanelFacebook
{
    float: left;
    width: 49%;
}

div.JCSPanelTwitter
{
    float: left;
    width: 51%;
}
div.JCSPanelFacebook a img,
div.JCSPanelTwitter a img
{
    float:left;
    width:45px;
    height:45px;
}
div.JCSPanelSocialStats
{
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

span.JCSPanelSocialText
{
    color: #001a53;
    font-size: 13.4px;
    font-weight: bold;
}

a.JCSPanelFacebookLike
{
    position: relative;
    top: 3px;
}
div.JCSPanelFacebook div.JCSPanelSocialStats a.JCSPanelFacebookLike img,
div.JCSPanelTwitter div.JCSPanelSocialStats a.JCSPanelTwitterFollower img
{
    float:none;
    height:auto;
    width:auto;
}
div.JCSPanelSocialIcons
{
    margin-top: 8px;
    padding-bottom: 10px;
}

    div.JCSPanelSocialIcons img
    {
        margin-right: 5px;
    }

    div.JCSPanelSocialIcons a img.LastSocialMediaFeedIcon
    {
        margin-right: 0px;
    }

#JCSFeedMain #JCSFeedHeader
{
    background-color: #171F2C;
    height: 39px;
    *zoom: 1;
}

#JCSFeedMain .clearFix:before,
#JCSFeedMain .clearFix:after
{
    content: " ";
    display: table;
}

#JCSFeedMain .clearFix:after
{
    clear: both;
}

#JCSFeedMain #JCSFeedHeader a,
#JCSFeedMain #JCSFeedHeader a:visited,
#JCSFeedMain #JCSFeedHeader a:hover,
#JCSFeedMain #JCSFeedHeader a:active
{
    display: block;
    height: 39px;
    text-transform: uppercase;
}

#JCSFeedMain #JCSFeedHeader img
{
    display: block;
    float: left;
    border: none;
    margin: 7px 9px 0px 15px;
}

#JCSFeedMain #JCSFeedHeader p
{
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

#JCSFeedMain #JCSFeedContainer
{
    padding: 12px 15px 0px;
    margin-bottom: 18px;
    overflow: auto;
    height: 290px;
}

    #JCSFeedMain #JCSFeedContainer #JCSFeedError
    {
        padding: 15px;
        color: #ffffff;
        font-weight: bold;
    }

    #JCSFeedMain #JCSFeedContainer .JCSFeedItem
    {
        margin-bottom: 6px;
    }

        #JCSFeedMain #JCSFeedContainer .JCSFeedItem .JCSFeedItemAge
        {
            text-align: right;
            color: #767572;
            line-height: 12px;
        }

        #JCSFeedMain #JCSFeedContainer .JCSFeedItem a
        {
            font-size: 12px;
            margin-right: 3px;
        }

        #JCSFeedMain #JCSFeedContainer .JCSFeedItem .JCSFeedCaption a,
        #JCSFeedMain #JCSFeedContainer .JCSFeedItem .JCSFeedCaption a:visited,
        #JCSFeedMain #JCSFeedContainer .JCSFeedItem .JCSFeedCaption a:hover,
        #JCSFeedMain #JCSFeedContainer .JCSFeedItem .JCSFeedCaption a:active
        {
            color: #767572;
        }

#JCSFeedMain #JCSFeedFooter
{
    background: url('/DesktopModules/SocialMediaFeed/Templates/JCS/Images/headlines_footer.gif') no-repeat center;
    height: 71px;
    text-align: center;
}

    #JCSFeedMain #JCSFeedFooter a
    {
        display: inline-block;
        margin: 0px;
        padding: 16px 10px 0px;
    }

        #JCSFeedMain #JCSFeedFooter a img
        {
            border: none;
        }

        #JCSFeedMain #JCSFeedFooter a p
        {
            font-size: 10px;
            text-transform: uppercase;
        }