<div class="viewingPeriod_SetupControl">

    <style type="text/css">
        
        .viewingPeriod_SetupControl select {
            min-width:200px;
        }

        .viewingPeriod_SetupControl .aggregationOptions {
            margin-top: 10px;
        }
        .viewingPeriod_SetupControl .aggregationOptions label {
            margin: 0px 0px 0px 0px;
        }

    </style>

    <div>
        <div class="headerTextSmall themeColor"><%loc Gadgets.ViewingPeriodControl_TimeRange %></div>
        <div class="clearGap"></div>
        <select name="ViewingPeriod" class="viewing-period"></select>
    </div>
    <div class="clearGap"></div>
    <div class="clearGap"></div>
    <div class="se-gadget-setup aggregationWrapper">
        <div class="headerTextSmall themeColor">
            <%loc Gadgets.ViewingPeriodControl_AggregationResolution %></div>
            <div class="clear"></div>
            <div class="aggregationOptions"></div>
        </div>
</div>

<script id="aggregationEntryTemplate" type="text/template">
    <label>
        <input type="radio" class="aggregation-entry aggregation-entry-<%- Key %>" name="aggregationType" value="<%- Key %>" />
        <span class="aggregation-entry-label"><%- DisplayName %></span>
    </label>
    <div class="clear"></div>
</script>

