﻿p
{
    line-height: 20px;
}

a.button
{
    background-color: #8c8c8c;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    border-left: solid 1px #898989;
    margin: 10px 10px 10px 35px;
    background-image: linear-gradient(bottom, rgb(115, 115, 115) 0%, rgb(136, 136, 136) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115, 115, 115) 0%, rgb(136, 136, 136) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115, 115, 115) 0%, rgb(136, 136, 136) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115, 115, 115) 0%, rgb(136, 136, 136) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115, 115, 115) 0%, rgb(136, 136, 136) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(115, 115, 115)), color-stop(1, rgb(136, 136, 136)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #4c4c4c, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #4c4c4c, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #4c4c4c, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #4c4c4c, 0px 10px 5px #999;
    margin-right: 10px 5px 10px 0px;
    min-width: 200px;
    display: inline-block;
    text-decoration: none !important;
    color: #FFF !important;
}

    a.button:active
    {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(136, 136, 136) 0%, rgb(115, 115, 115) 100%);
        background-image: -o-linear-gradient(bottom, rgb(136, 136, 136) 0%, rgb(115, 115, 115) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(136, 136, 136) 0%, rgb(115, 115, 115) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(136, 136, 136) 0%, rgb(115, 115, 115) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(136, 136, 136) 0%, rgb(115, 115, 115) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(136, 136, 136)), color-stop(1, rgb(115, 115, 115)) );
        -webkit-box-shadow: inset 0px 1px 0px #898989, 0px 2px 0px 0px #4c4c4c, 0px 5px 3px #999;
        -moz-box-shadow: inset 0px 1px 0px #898989, 0px 2px 0px 0px #4c4c4c, 0px 5px 3px #999;
        -o-box-shadow: inset 0px 1px 0px #898989, 0px 2px 0px 0px #4c4c4c, 0px 5px 3px #999;
        box-shadow: inset 0px 1px 0px #898989, 0px 2px 0px 0px #4c4c4c, 0px 5px 3px #999;
    }

    a.button::before
    {
        background-color: #5a5a5a;
        content: ">";
        width: 35px;
        position: absolute;
        display: block;
        top: 0px;
        left: -36px;
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        text-shadow: 1px 1px 0px #3a3a3a;
        border-right: solid 1px #3a3a3a;
        background-image: linear-gradient(bottom, rgb(67, 67, 67) 0%, rgb(98, 98, 98) 100%);
        background-image: -o-linear-gradient(bottom, rgb(67, 67, 67) 0%, rgb(98, 98, 98) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(67, 67, 67) 0%, rgb(98, 98, 98) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(67, 67, 67) 0%, rgb(98, 98, 98) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(67, 67, 67) 0%, rgb(98, 98, 98) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(67, 67, 67)), color-stop(1, rgb(98, 98, 98)) );
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 0px 10px 5px #999;
        box-sizing: initial;
        text-align: center;
        line-height: 37px;
    }

    a.button:active::before
    {
        top: -3px;
        -webkit-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 1px 1px 0px 0px #333333, 2px 2px 0px 0px #333333, 2px 5px 0px 0px #333333, 6px 4px 2px #4a4a4a, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 1px 1px 0px 0px #333333, 2px 2px 0px 0px #333333, 2px 5px 0px 0px #333333, 6px 4px 2px #4a4a4a, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 1px 1px 0px 0px #333333, 2px 2px 0px 0px #333333, 2px 5px 0px 0px #333333, 6px 4px 2px #4a4a4a, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #898989, 0px 5px 0px 0px #1e1e1e, 1px 1px 0px 0px #333333, 2px 2px 0px 0px #333333, 2px 5px 0px 0px #333333, 6px 4px 2px #4a4a4a, 0px 10px 5px #999;
    }

.form-checkbox-list-item
{
    position: relative;
}

    .form-checkbox-list-item .required-star
    {
        position: absolute;
        top: 0;
        left: -10px;
        color: #990000;
        display: none;
    }

    .form-checkbox-list-item [type=checkbox]
    {
        margin: 0 8px 0 0;
    }

    .form-checkbox-list-item p
    {
        display: inline;
    }

    .form-checkbox-list-item ul li p:before
    {
        content: ' - ';
    }

    .form-checkbox-list-item ul li
    {
        float: none !important;
    }

    .form-checkbox-list-item .force-paragraph
    {
        display: block;
        margin: 20px 0px;
    }

.sharrre .box
{
    float: left;
}

.sharrre .count
{
    color: #444444;
    display: block;
    font-size: 17px;
    line-height: 34px;
    height: 34px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 50px;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sharrre .share
{
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-top: 3px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 50px;
    background-color: #9CCE39;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sharrre .buttons
{
    display: none;
    float: left;
    width: 300px;
}

.sharrre .button
{
    float: left;
    max-width: 50px;
    height: 50px;
    margin-left: 10px;
}

div[rel='emailbody'], div[rel='emailsubject']
{
    display: none;
}

#blueimp-gallery
{
    display: none;
}

#home-play-button
{
    width: 150px;
    height: 150px;
    background: url(../Images/play.png) no-repeat;
    background-size: cover;
    z-index: 900;
    position: absolute;
    top: 275px;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    cursor: pointer;
}

#endorsements-container
{
    z-index: 900;
    position: relative;
    font-size: 13px;
    font-style: italic;
    background: rgba(255,255,255,0.6);
    width: 100%;
    height: 25px;
    padding-top: 3px;
    overflow: hidden;
}

.endorsements-content
{
    white-space: nowrap;
    position: absolute;
    display: inline-block;
}

/* Sticky footer styles
-------------------------------------------------- */
.clearfix:before,
.clearfix:after
{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after
{
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix
{
    *zoom: 1;
}



html,
body
{
    height: 100%;
    background: url(../Images/bg-texture.jpg) repeat-y top center;
    background-size: cover;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap
{
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -175px;
    /* Pad bottom by footer height */
    padding: 0 0 175px;
}

    #wrap > .container
    {
        padding: 60px 15px 0;
    }

.container .credit
{
    margin: 20px 0;
}

#footer > .container
{
    padding-left: 15px;
    padding-right: 15px;
}

#footer .footer-track a, .navbar a:link
{
    color: #FFF;
    text-decoration: none;
}

.social-likes a:link
{
    color: #666;
    color: rgba(0,0,0,.5);
}

/*.social-likes .twitter-button
{
    vertical-align: middle;
    margin: 2px 0 0 0;
    display: inline-block;
    height: 22px;
    width: 100px;
}*/

.social-likes .twitter-button
{
    vertical-align: middle;
    margin: 2px 0 0 0;
    display: inline-block;
    height: 22px;
}

.social-likes .gplus-button
{
    vertical-align: middle;
    margin: 2px 0 0 0;
    display: inline-block;
    height: 22px;
}

code
{
    font-size: 80%;
}

#gallery-active-canvas
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    z-index: 5;
}

.home-menu-item
{
    height: 85px;
    position: relative;
    background: #000;
    margin-bottom: 10px;
    max-width: 320px;
    margin: 0px auto 10px;
}

    .home-menu-item .title-holder
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 36px;
        line-height: 36px;
        padding: 0px 5px;
        text-align: right;
        background: rgba(100,100,100,0.8);
        color: #FFF;
        font-style: italic;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
    }

        .home-menu-item .title-holder::after
        {
            content: '>>';
            font-size: 8px;
            line-height: 30px;
            display: inline-block;
            margin-bottom: 4px;
            vertical-align: middle;
        }

    .home-menu-item.share
    {
        background: url(../Images/Sidebuttons/individual.jpg) no-repeat;
    }

    .home-menu-item.promote
    {
        background: url(../Images/Sidebuttons/church.jpg) no-repeat;
    }

    .home-menu-item.email
    {
        background: url(../Images/Sidebuttons/ministry.jpg) no-repeat;
    }

    .home-menu-item.movie-event
    {
        background: url(../Images/Sidebuttons/school.jpg) no-repeat;
    }

    .home-menu-item.mobilizer
    {
        background: url(../Images/Sidebuttons/media.jpg) no-repeat;
    }


    .home-menu-item.ambassador
    {
        background: url(../Images/Sidebuttons/business.png) no-repeat;
    }

    .home-menu-item.resources
    {
        background: url(../Images/Sidebuttons/free.jpg) no-repeat;
    }

    .home-menu-item.individual
    {
        background: url(../Images/Sidebuttons/individual.jpg) no-repeat;
    }

    .home-menu-item.church
    {
        background: url(../Images/Sidebuttons/church.jpg) no-repeat;
    }

    .home-menu-item.school
    {
        background: url(../Images/Sidebuttons/school.jpg) no-repeat;
    }

    .home-menu-item.ministry
    {
        background: url(../Images/Sidebuttons/ministry.jpg) no-repeat;
    }

    .home-menu-item.med
    {
        background: url(../Images/Sidebuttons/media.jpg) no-repeat;
    }

    .home-menu-item.leaders
    {
        background: url(../Images/Sidebuttons/business.png) no-repeat;
    }

    .home-menu-item.dvd
    {
        background: url(../Images/Sidebuttons/dvd.jpg) no-repeat;
    }

.footer-menu-item
{
    background: #000;
    background-size: cover;
    width: 48%;
    margin: 1%;
    height: 136px;
    display: inline-block;
    float: left;
    position: relative;
}

    .footer-menu-item .title-holder
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 36px;
        padding: 0px 10px;
        text-align: left;
        background: rgba(100,100,100,0.8);
        color: #FFF;
        text-transform: uppercase;
    }

        .footer-menu-item .title-holder .main-text
        {
            display: block;
            font-size: 10px;
            font-weight: 100;
            line-height: 12px;
            padding-top: 4px;
        }

        .footer-menu-item .title-holder .sub-text
        {
            font-weight: 600;
            font-size: 15px;
            line-height: 17px;
        }

    .footer-menu-item.ambassador
    {
        background: url(../Images/Footerbuttons/ambassador.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.facebook
    {
        background: url(../Images/Footerbuttons/facebook.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.filmmakers
    {
        background: url(../Images/Footerbuttons/filmmakers.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.tickets
    {
        background: url(../Images/Footerbuttons/tickets.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.twitter
    {
        background: url(../Images/Footerbuttons/twitter.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.disciple
    {
        background: url(../Images/Footerbuttons/disciple.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.premiere
    {
        background: url(../Images/Footerbuttons/premiere.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.updates
    {
        background: url(../Images/Footerbuttons/updates.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.screening
    {
        background: url(../Images/Footerbuttons/screening.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.youtube
    {
        background: url(../Images/Footerbuttons/youtube.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.resources
    {
        background: url(../Images/Footerbuttons/resources.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.share
    {
        background: url(../Images/Footerbuttons/share.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.ways
    {
        background: url(../Images/Footerbuttons/ways.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.group
    {
        background: url(../Images/Footerbuttons/group.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.getresources
    {
        background: url(../Images/Footerbuttons/resources.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.locatetheater
    {
        background: url(../Images/Footerbuttons/locatetheater.jpg) no-repeat;
        background-size: contain;
    }

    .footer-menu-item.dvd
    {
        background: url(../Images/Footerbuttons/dvd.jpg) no-repeat;
        background-size: contain;
    }


#videoList .footer-menu-item
{
    float: left;
    cursor: pointer;
    height: 126px;
    /*margin:0px;
    width: 220px;*/
}

.container
{
}

/*Default will be mobile display*/
#page-content
{
    /*padding: 60px 20px;*/
    padding: 50px 20px;
    margin: 0px auto;
    min-height: 358px;
}

#footer
{
    max-width: 438px;
    margin: 0px auto;
}

.footer-track {
    white-space: nowrap;
    overflow: auto;
    background: #777777;
}

#videoListContainer
{
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: auto;
}


#videoList
{
    overflow: hidden;
    position: relative;
    overflow: auto;
}

#logo-container
{
    background: url(../Images/logo-full.png);
    height: 64px;
    width: 280px;
    margin: 5px auto 20px;
    position: relative;
    background-size: cover;
}

.home-links-top
{
    display: table;
    width: 100%;
}

    .home-links-top > div
    {
        display: table-cell;
        vertical-align: middle;
    }

        .home-links-top > div .main
        {
            text-align: center;
            font-size: 20px;
            text-transform: uppercase;
            line-height: 20px;
            font-weight: 700;
            color: #646464;
        }

        .home-links-top > div .sub
        {
            font-style: italic;
            font-size: 12px;
            text-align: center;
            margin: 5px 0px;
            color: #999;
        }

.track-button
{
    display: none;
}

.home-links-bottom
{
    text-align: right;
    color: #999;
    text-transform: uppercase;
    margin: 5px 0px;
    font-size: 13px;
}

.home-countdown
{
    background: #FFF;
    border: solid 1px #e7e7e7;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    font-size: 15px;
}

    .home-countdown:after
    {
        display: block;
        text-align: center;
        content: 'DAYS';
        font-size: 8px;
        line-height: 10px;
        font-weight: 300;
    }


#sound-item
{
    position: relative;
}

    #sound-item div
    {
        position: absolute;
        right: 0px;
        display: none;
    }

    #sound-item:hover div
    {
        display: block;
    }


#home-links-container
{
    z-index: 1020;
}

    #home-links-container a
    {
        text-decoration: inherit;
        color: inherit;
    }

.mandatory-field-symbol
{
    float: left;
    margin-left: -10px;
    margin-top: 35px;
    font-weight: 900;
}

.clearFloating
{
    clear: both;
}

.fixed
{
    position: fixed !important;
}



.social-likes .social-likes__close
{
    display: none;
}

.social-likes.social-likes_single .social-likes__close
{
    display: block;
}

/*.share-wrapper
{
    margin: 4px 10px;
    display: none;
    line-height: 26px;
    vertical-align: middle;
}*/



.endorsement-panel
{
    /*width: 260px;*/
    width: 25%;
    min-width: 200px;
    /*display:inline-block;*/
    float: left;
}

.updates-panel
{
    width: 25%;
    min-width: 200px;
    display: inline-block;
    height: 200px;
    padding-left: 5px;
}

    .updates-panel .social-media-links
    {
        padding-top: 10px;
        margin-top: 20px;
        border-top: 1px solid #8C8C8C;
    }

        .updates-panel .social-media-links ul.social-media-list
        {
            list-style-type: none;
            display: inline-block;
            padding: 0px;
        }

            .updates-panel .social-media-links ul.social-media-list li
            {
                display: inline-block;
            }

.commentaries-panel
{
    display: inline-block;
    float: left;
    min-width: 250px;
    padding: 0 20px;
    width: 47%;
    margin-bottom: 30px;
    text-align: center;
}


    .commentaries-panel h2,
    .commentaries-panel p
    {
        text-align: left;
    }

    .commentaries-panel iframe
    {
        border: none;
    }

        .commentaries-panel iframe.iframe-player-big
        {
            width: 100%;
        }

        .commentaries-panel iframe.iframe-player-small
        {
            margin: 10px 0px 10px 0;
            width: 250px;
            height: 150px;
        }


    .commentaries-panel .mission-image
    {
        width: 100%;
    }

@media (min-width: 769px) and (max-width: 991px)
{

    .commentaries-panel
    {
        display: inline-block;
        float: left;
        min-width: 200px;
        padding: 0 20px;
        width: 45%;
        margin-bottom: 30px;
        text-align: center;
    }


        .commentaries-panel iframe.iframe-player-big
        {
            width: 250px;
            height: 150px;
        }

        .commentaries-panel iframe.iframe-player-small
        {
            margin: 10px 0px 10px 0;
            width: 130px;
            height: 72px;
        }

        .commentaries-panel .mission-image
        {
            width: 250px;
            height: 150px;
        }
}

@media (min-width: 1259px)
{

    .commentaries-panel iframe.iframe-player-small:nth-child(odd)
    {
        margin: 10px 10px 10px 0;
        width: 250px;
        height: 150px;
    }
}
/*@media (min-width: 992px) {
    .commentaries-panel iframe.iframe-player-small
    {
        width: 180px;
        height: 100px;
    }
   
    .commentaries-panel iframe.iframe-player-small:nth-child(odd) {
        width: 2px;
        height: 100px;
    }

}*/


@media (max-width: 768px)
{
    .commentaries-panel iframe.iframe-player-small
    {
        margin: 10px 0 10px 0;
        width: 180px;
        height: 100px;
    }

        .commentaries-panel iframe.iframe-player-small:nth-child(odd)
        {
            margin: 10px 0px 10px 0;
            width: 180px;
            height: 100px;
        }
}

.commentaries-panel .news-article
{
    padding: 10px 0 0;
}

.endorsement-panel h2, .commentaries-panel h2, .updates-panel h2
{
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.commentaries-panel .published-by
{
    font-size: 11px;
    display: block;
}

.commentaries-panel a
{
    text-transform: capitalize;
}

.commentaries-panel .article-sample::after
{
    content: '...';
}

.commentaries-panel .youtube-player
{
    /*width: auto !important;
        height: auto !important;*/
    width: 100%;
    height: 350px;
}

.updates-panel a img
{
    margin: 10px 0 10px 0;
}

.endorsement
{
    border: 5px solid #E5E5E5;
    background-color: white;
    padding: 1px;
    margin-bottom: 7px;
}

    .endorsement .container
    {
        width: 100%;
        height: 100%;
        background-color: #E5E5E5;
        padding: 4px;
        text-align: center;
    }

        .endorsement .container .title
        {
            font-size: 13px;
            font-weight: bold;
        }

        .endorsement .container cite::before
        {
            content: '“';
        }
        
        .endorsement .container cite::after
        {
            content: '”';
        }

        .endorsement .container a
        {
            cursor: pointer;
            font-size: 12px;
        }

        .endorsement .container .title, .endorsement .container .source
        {
            cursor: pointer;
        }

        .endorsement .container .source
        {
            font-size: 11px;
        }

.footer-main
{
    clear: both;
    width: 100%;
    border-top: 1px solid #8C8C8C;
    margin: 30px 0px 20px;
}

    .footer-main .navbar-nav > li > a
    {
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #8C8C8C;
    }




/*.popover
{
    max-width: 400px !important;
}*/

/*.tooltip-inner, .popover-content
{
    background-color: grey !important;
}

    */
.endorsement .tooltip .tooltip-arrow
{
    border-right-color: grey !important;
}

.endorsement .tooltip-inner .title
{
    color: white;
    font-weight: bold;
    float: left;
    margin-top: 5px;
}

    .endorsement .tooltip-inner .title::before
    {
        content: '“';
    }
    
    .endorsement .tooltip-inner .title::after
    {
        content: '”';
    }

.endorsement .tooltip-inner .description
{
    clear: both;
    color: #C6C6C6;
    text-align: justify;
}

    .endorsement .tooltip-inner .description::before
    {
        content: '“';
    }
    
    .endorsement .tooltip-inner .description::after
    {
        content: '”';
    }

.endorsement .tooltip-inner .source
{
    color: white;
    text-align: right;
    float: right;
    font-weight: bold;
    margin-bottom: 7px;
}

.endorsement .tooltip-inner
{
    max-width: 500px !important;
    background-color: grey !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}

.endorsement .tooltip
{
    /*margin:0px 5px;*/
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}



.footer-container
{
    padding: 0px 10px;
}


@media (max-width: 768px)
{
    .footer-main .navbar-nav
    {
        margin: auto auto;
    }

    .endorsement-panel
    {
        width: 100%;
    }

    .updates-panel
    {
        width: 100%;
        display: inline;
    }

    .commentaries-panel
    {
        width: 100%;
    }
}

@media (min-width: 768px)
{
    .footer-container
    {
        width: 760px;
        margin: 30px auto;
    }

    .updates-panel
    {
        display: inline-table;
    }
}

@media (max-width: 768px)
{
    .updates-panel
    {
        display: inline;
    }

    #sound-item
    {
        position: absolute;
        right: 0px;
        top: 60px;
    }

    li#sound-item a
    {
        background-color: #777777;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 3px;
        margin: 18px;
    }
}

@media (min-width: 992px)
{

    .footer-container
    {
        width: 960px;
        margin: 0px auto;
    }

    .endorsement-panel
    {
        width: 20%;
    }

    .updates-panel
    {
        display: inline-block;
    }
}

@media (min-width: 1260px)
{
    .footer-container
    {
        width: 1200px;
        margin: 0px auto;
    }

    .endorsement-panel
    {
        width: 25%;
    }
}



/*News Page Panels*/

.socialnews-panel
{
    width: 28%;
    /*display:inline-block;*/
    float: left;
    background-color: #E5E5E5;
    margin-right: 2%;
    overflow: hidden;
    padding: 0% 1% 0% 1%;
}

    .socialnews-panel .n_text[colspan]
    {
        display: none;
    }

    .socialnews-panel .n_text[target]
    {
        width: 100%;
        border-bottom: 1px dashed #999;
    }

.videonews-panel
{
    width: 31%;
    /*min-width: 200px;*/
    display: inline-block;
    background-color: #E5E5E5;
    padding: 0% 1% 0% 1%;
}

    .videonews-panel .n_text[colspan]
    {
        font-size: 0px;
        border-bottom: 1px dashed #999;
        padding-bottom: 25px;
        margin-bottom: 20px;
    }

    .videonews-panel img
    {
        width: 100%;
        border: 2px solid #fff;
    }


.rssnews-panel
{
    display: inline-block;
    float: left;
    /*min-width: 250px; */
    width: 37%;
    margin-right: 2%;
    background-color: #E5E5E5;
    padding: 0% 1% 0% 1%;
}

    .socialnews-panel h6, .videonews-panel h6, .rssnews-panel h6
    {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding-left: 5px;
    }

@media (max-width: 768px)
{

    .socialnews-panel
    {
        width: 100%;
        background-color: #E5E5E5;
    }

    .videonews-panel
    {
        width: 100%;
    }

    .rssnews-panel
    {
        width: 100%;
    }
}

@media (min-width: 768px)
{
    .newspage-container
    {
        width: 760px;
        margin: 30px auto;
    }
}

@media (min-width: 992px)
{

    .newspage-container
    {
        width: 960px;
        margin: 0px auto;
    }
}

@media (min-width: 1260px)
{
    .newspage-container
    {
        width: 960px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1920px)
{
    .newspage-container
    {
        width: 1100px;
        margin-bottom: 30px;
    }
}

.n_text
{
    color: #333333;
    font-size: 12px;
    width: 100%;
}

.rssnews-panel .n_title, .videonews-panel .n_title
{
    font-weight: bold;
    color: #333333;
}

.n_title
{
    font-size: 13px;
    width: 100%;
    text-transform: uppercase;
    color: #333333;
}

.newstable1
{
    display: block;
}

    .newstable1 td
    {
        display: block;
    }

.newstable2
{
    display: block;
}

    .newstable2 td
    {
        display: block;
    }

.newstable3
{
    display: block;
}

    .newstable3 td
    {
        display: block;
    }

.rssnews-panel .n_text[colspan]
{
    text-align: justify;
    margin-bottom: 20px;
    border-bottom: 1px dashed #AAA;
    padding-bottom: 20px;
}

.socialnews-panel .n_source
{
    border-bottom: 1px dashed #AAA;
    padding-bottom: 20px;
    text-align: left;
}

.socialnews-panel .n_date
{
    border-bottom: 1px dashed #AAA;
    padding-bottom: 20px;
}

.newstable2 tr[valign]:last-child .n_source
{
    border-bottom: 2px solid #333333;
}

.newstable2 tr[valign]:last-child .n_date
{
    border-bottom: 2px solid #333333;
}


td.n_source
{
    display: inline;
    font-size: 10px;
    font-weight: bold;
    float: left;
    width: 80%;
    font-style: italic;
    margin: 5px 0px 15px 0px;
    text-align: left;
}

td.n_date
{
    display: inline;
    font-size: 10px;
    font-weight: bold;
    float: right;
    width: 20%;
    margin: 5px 0px 15px 0px;
}


.EmailButton
{
    background: url("../Images/emailsocial.png") top left no-repeat;
    display: inline-block;
    line-height: 50px;
    width: 90px;
    height: 31px;
    vertical-align: middle;
}

.free-resources-bar
{
    margin: 5px 0 0 0;
    width: 100%;
    padding: 0 23% 0 23%;
    height: 60px;
    background-color: #646464;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 60px;
    cursor: pointer;
    background-image: url('../Images/arrow.png'), url('../Images/arrow.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 20% 10px, 80% 10px;
}

ul.video-categories
{
    margin: 0;
    padding: 0;
}

    ul.video-categories li
    {
        list-style-type: none!important;
        margin: 0;
        display: block;
        width: 25%;
        float: left;
        background-color: #aaa;
        padding: 8px 0;
        border-right: 2px solid #888;
        border-bottom: 2px solid #888;
        color: white;
        font-weight: 400;
        cursor: pointer;
        font-size: 13px;
    }

        ul.video-categories li:first-of-type
        {
            border-left: 2px solid #888;
        }

        ul.video-categories li:hover
        {
            background-color: #999;
        }

        ul.video-categories li.selected
        {
            background-color: #555;
            border-bottom: 2px solid #555;
            cursor: default;
        }


.thumbnail-link
{
    margin: 0 10px 0 0;
    display: block;
    float: left;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

    .thumbnail-link.small
    {
        width: 100px;
        height: 125px;
    }

    .thumbnail-link span
    {
        cursor: pointer;
    }

.thumbnail-link
{
    cursor: default;
}

    .thumbnail-link img
    {
        cursor: pointer;
    }

.download-video-container iframe
{
    border: none;
    display: block;
    float: left;
}

.download-video-container .iframe-player-small
{
    margin: 10px 0;
}

    .download-video-container .iframe-player-small:nth-child(odd)
    {
        margin-right: 20px;
    }


.instructions
{
    line-height: 24px;
}

    .instructions > ol > li > ul
    {
        line-height: 18px;
    }

    .instructions img.small-inline
    {
        height: 23px;
    }

    .instructions ul > li
    {
        list-style-type: disc;
    }

.small-video-thumbnails
{
    margin: 10px 0 20px 0;
}

/**********************************************************************************/
