/* Styles for content rotator.
 * 
 * Relates to:
 * - /default.aspx
 * 
 * Author: Christopher Lincoln, A/GIS/IPS/AAS (Contractor: MetroStar Systems, Inc.)
 * Created: 05 APR 2013
 * 
 */

.Content-Rotator
{
    width: 900px;
}
    .Content-Rotator .shadow-top 
    {
        display: block;

        height: 5px;

        background-image: url("/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-shadow-bottom.png");
        background-position: bottom;
        background-repeat: repeat-x;
    }
    .Content-Rotator .content 
    {
        height:330px;    
        background: #e6ddd4;
        background-image: url('/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-noise-khaki.gif');
        background-repeat: repeat;
        width: 100%;
                
        position:relative;
        overflow:hidden;
              
    }
    .Content-Rotator .shadow-bottom
    {
        background-image: url("/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-shadow-top.png");
        background-position: top;
        background-repeat: repeat-x;

        height: 5px;
    }
    .Content-Rotator .FOIATextBanner /* slide content */
    {
        display: none;
        float: none;
        position:absolute;
                    
        height: 280px;
        width: 100%; 
    }
        .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea /* text container */
        {
            display: inline-block;
            padding: 0px 0px 20px 0px;
            float: left;
            min-height: 200px;
            max-width: 550px;
                        
            cursor: default;
            text-align: left;
        }
            .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea .SubTitle /* title */
            {
                display: block;
                padding: 0px 0px 10px 0px;
                margin: 20px 10px 10px 25px;
                border-bottom: 1px solid White;
                
                color: #A10F23;
                font-family: Georgia, Times New Roman, serif;
                font-size: 2.6em;
                letter-spacing: 1px;
            }
            .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div /* body container */
            {
                margin: 10px 0px 0px 0px !important;
                padding: 0px !important;
                padding-left: 30px !important;
            }
                .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription /* body */
                {
                    color:#09274D;
                    font-size: 1.2em;
                    line-height: 1.2em;
                }
                    .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription p
                    {
                        margin-top: 10px;
                        margin-bottom: 10px;
                        padding-right:10px;
                    }
                        .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription p.small 
                        {
                            font-size: 0.8em;
                            line-height: 1.0em;
                        }
                    .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #DocNumCount 
                    {
                        font-size:.8em;
                        margin-top:2px !important;
                    }
                                    
                    .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch 
                    {
                        margin: 0px !important;
                        
                        text-align: center;
                    }
                        .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch > div 
                        {
                            display: inline-block;
                            margin: 0px !important;
                            
                            text-align: left;
                        }
                            .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch div input 
                            {
                                border: 1px solid #609BC8;
                                padding: 5px 10px 5px 10px;
                            }
                            .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch div a 
                            {
                                display: inline-block;
                                padding: 5px 15px 5px 15px;
                                
                                background: #609BC8;
                                color: #FAFAFA;
                                font-size: 1.1em;
                                line-height: 1.3em;
                            }
                                .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch div a:hover 
                                {
                                    background: #8AB8DA;
                                    text-decoration: none;
                                }
                            .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerDescription #BannerSearch div div 
                            {
                                margin: 0px !important;
                                margin-left: 20px !important;
                                
                                color: #595959;
                                font-size: 0.8em;
                            }
                                        
                .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerLink
                {
                    display: inline-block;
                    margin: 0px;
                    padding: 5px 10px 20px 10px;
                    float: right;
                    font-family: Georgia, Times New Roman, serif;
                    font-size: 1.5em;
                    font-style: italic;
                    margin-top:10px;
                }
                    .Content-Rotator .FOIATextBanner .FOIABannerDescriptionArea div .FOIABannerLink.small
                    {
                        font-size: 1.2em;
                    }
        .Content-Rotator .FOIATextBanner .FOIABannerImage /* image container */
        {
            display: inline-block;
            width: 350px;
                        
            text-align: right;
        }
            .Content-Rotator .FOIATextBanner .FOIABannerImage img
            {
                border: none;
                vertical-align: middle;
            }
    .Content-Rotator .BannerLinkPanel /* navigation controls */
    {
        display: block;
        padding: 0px 0px 10px 0px !important;
        height: 90px;
        width: 100%;
                        
        position: absolute;
        top: 250px;
        text-align: center;
                        
        background: #A40B20;
        background-image: url("/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-bannerlinks-container.gif");
        background-position: left center;
        background-repeat: repeat-x;
    }
        .Content-Rotator .BannerLinkPanel span /* divider */
        {
            display: inline-block;
            margin: 5px 0px 10px 0px;
            height: 70px;
            width: 20px;
                            
            vertical-align: top;
                            
            background-image: url("/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-bannerlink-divider.gif");
            background-position: 0px 0px;
            background-repeat: no-repeat;
        }
            .Content-Rotator .BannerLinkPanel span.inactive-left-hover
            {
                background-position: -20px -70px;
            }
            .Content-Rotator .BannerLinkPanel span.inactive-right-hover
            {
                background-position: 0px -70px;
            }
            .Content-Rotator .BannerLinkPanel span.active-left
            {
                background-position: 0px -140px;
            }
            .Content-Rotator .BannerLinkPanel span.active-right
            {
                background-position: -20px -140px;
            }
            .Content-Rotator .BannerLinkPanel span.active-left-hover
            {
                background-position: 0px -210px;
            }
            .Content-Rotator .BannerLinkPanel span.active-right-hover
            {
                background-position: -20px -210px;
            }
        .Content-Rotator .BannerLinkPanel a /* button */
        {
            display: inline-block !important;
            margin: 5px 0px 10px 0px;
            padding: 20px 0px 0px 0px !important;
            height: 50px;
            width: 210px;
                            
            text-align: center;
            vertical-align: middle;
                            
            background-color: #09274D;
            background-image: url("/National_Library/oe_/https://foia.state.gov/_includes/Images/bk-bannerlink.gif");
            background-position: 0px 0px;
            background-repeat: repeat-x;
            color: #EAEAEA;
            color: #D0D0D0;
            font-family: Georgia, Times New Roman, serif;
            font-size: 2em;
            font-style: italic;
            font-weight: normal;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
            .Content-Rotator .BannerLinkPanel a:hover 
            {
                background-position: 0px -70px;
                color: #EAEAEA;
                text-decoration: none;
            }
            .Content-Rotator .BannerLinkPanel a.SelectedBannerLink
            {
                background-position: 0px -140px;
                color: #EAEAEA;
            }
                .Content-Rotator .BannerLinkPanel a.SelectedBannerLink:hover 
                {
                    cursor: default;
                    text-decoration: none;
                }
#RightArrowOver, #LeftArrowOver
{
    position:absolute;
    top:0px;
    bottom:0px;
    width:35px;
    height:250px;
    z-index:9999;
    background: url("_includes/Images/nonexistentimage.png") no-repeat center;
    /* Fallback for web browsers that doesn't support RGBa */
    /*background: rgb(0, 0, 0) transparent;*/
    /* RGBa with 0.6 opacity */
    /*background: rgba(0, 0, 0, 0);*/
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";*/
}
#LeftArrowOver
{
    left:0px;
}
#RightArrowOver
{
    right:0px;
}