<div id="slideshowManagerDialog" class="noSelect">
    
    <style type="text/css">
        /* Blockable Content*/
        #slideshowManagerDialog .interactiveContent {
            width:100%;
            height:100%;
        }

        #slideshowManagerDialog .buttonAddSlideshow {
            min-width: 163px;
            height: 40px;
            margin: 3px 0px 0px 0px;
        }

        #slideshowManagerDialog .buttonPlaySlideshow, #slideshowManagerDialog .buttonShareSlideshow {
            float:right;
        }

        #slideshowManagerDialog .slideshowListWrapper{
            height: 260px;
            width: 100%;
            border: 1px solid #9f9fa3;
            border-radius: 5px;
            overflow: hidden;
            padding: 5px;
        }

        #slideshowManagerDialog .slideshowTableEmpty {
            text-align: center;
            line-height: 240px;
            height: 240px;
            color: #b0b0b0;
            font-size: 16px;
            font-weight: bold;
        }

        #slideshowManagerDialog .slideshowTable
        {
            height: 240px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        #slideshowManagerDialog .slideshowTable
        {
            width:100%;
        }

        #slideshowManagerDialog .slideshowTable .slideshowRow
        {
            cursor:pointer;
            padding: 7px 0px 5px 10px;            
        }

    </style>
    
    <div class="separatorBar"></div>
    <div class="dialog-body">
        <div class="interactiveContent">

            <input type="button" class="buttonAddSlideshow button-primary" value="<%loc Dashboard.SlideshowManager_AddSlideshow %>" title="<%loc Dashboard.SlideshowManager_AddSlideshow %>">
            <div class="clearGap"></div>
            <div class="clearGap"></div>

            <div class="slideshowListWrapper">
                <div class="slideshowTable"></div>
                <div class="slideshowTableEmpty" style="display:none;"><%loc Dashboard.SlideshowManager_NoSlideshows_Label %></div>

                <div class="clearGap"></div>
            </div>

            <div class="clearGap"></div>

            <input type="button" class="buttonEditSlideshow" value="<%loc General.Edit %>" title="<%loc General.Edit %>">
            <input type="button" class="buttonDeleteSlideshow" value="<%loc General.Delete %>" title="<%loc General.Delete %>">
            <input type="button" class="buttonPlaySlideshow" value="<%loc Dashboard.SlideshowManager_PlaySlideshow %>" title="<%loc Dashboard.SlideshowManager_PlaySlideshow %>">
            <input type="button" class="buttonShareSlideshow" value="<%loc Dashboard.SlideshowManager_ShareSlideshow %>" title="<%loc Dashboard.SlideshowManager_ShareSlideshow %>">

            <div class="clear"></div>
        </div>
        <div class="controlButtonWrapper">
            <div class="validationMessage dialogValidationErrorMessage"></div>
            <div class="control-buttons floatSecondary">
                <span class="CancelLink"><%loc General.Close %></span>
            </div>
        </div>
    </div>
</div>

<script type="text/template" class="slideshowRowEntryTemplate">
    <div class="slideshowRow customListItem" title="<%- Description %>"><%- Name %></div>
</script>