/* SVN FILE: $Id: _scroller.css 183 2016-05-24 10:51:31Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 183 $
 * @date                $Date: 2016-05-24 12:51:31 +0200 (Mar, 24 mai 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/tripalium/trunk/protected/modules/media/assets/media/gallery/_scroller.css $
 */

.scrollerContainer
{
    overflow:             hidden;
}
    .scroller
    {
        width:                9999px;
    }
        .scroller a,
        .scroller iframe
        {
            float:                left;
            display:              block;
            border:               none;
            text-align:           center;
            margin:               0;
        }
        .scroller img
        {
            border:               none;
        }
.scrollerCaptions
{
    height:               150px;
    overflow:             hidden;
}
    .scrollerCaption
    {
        display:              none;
    }
        .scrollerCaption.locked
        {
            display:              block;
        }
        .scrollerCaption h1,
        .scrollerCaption h2,
        .scrollerCaption h3,
        .scrollerCaption h4
        {
            font-family:          'FontFace', Arial, Helvetica, sans-serif;
            font-size:            18px;
            line-height:          21px;
            text-align:           left;
            margin:               10px 0 5px 0 !important;
            color:                inherit;
        }
        .scrollerCaption p
        {
            font-family:          'FontFaceItalic', Arial, Helvetica, sans-serif;
            font-size:            13px;
            line-height:          16px;
            text-align:           left;
            margin:               0;
            color:                inherit;
        }

.scrollerControlsBar
{
    height:               16px;
    padding:              10px 10px 0 10px;
    text-align:           center;
}
    .scrollerLinks a
    {
        float:                left;
    }
        .scrollerLinks a
        {
            display:              none;
            color:                white;
            text-decoration:      none;
        }
            .scrollerLinks a.locked
            {
                display:              block;
            }
    .scrollerControls
    {
        display:              inline-block;
    }
        .scrollerStepBtn,
        .scrollerPlayBtn,
        .scrollerPauseBtn
        {
            float:                left;
            width:                22px;
            height:               22px;
            margin-right:         1px;
            cursor:               pointer;
        }
            .scrollerControls svg .circle
            {
                stroke:            black;
                fill:              none;
            }
            .scrollerStepBtn .step
            {
                fill:                 black;
                opacity:              0;
            }
                .scrollerStepBtn:hover .step
                {
                    opacity:              0.8;
                }
                .scrollerStepBtn:active .step
                {
                    opacity:              1;
                }
                .scrollerStepBtn.locked .step
                {
                    opacity:              1;
                }
            .scrollerPlayBtn
            {
                margin-left:          8px;
            }
            .scrollerPlayBtn,
            .scrollerPauseBtn
            {
                opacity:              0.3;
            }
                .scrollerPlayBtn .play,
                .scrollerPauseBtn .pause
                {
                    fill:                 black;
                }
                .scrollerPlayBtn:hover,
                .scrollerPauseBtn:hover
                {
                    opacity:              0.8;
                }
                .scrollerPlayBtn:active,
                .scrollerPauseBtn:active
                {
                    opacity:              1;
                }
                .scrollerPlayBtn.locked,
                .scrollerPauseBtn.locked
                {
                    opacity:              1;
                }