<div class="singlePQGroupSelectContainer noSelect">

    <style type="text/css">
        /* Blockable Content*/
        .pq-group-selection .interactiveContent {
            width: 100%;
            height: 100%;
        }

        .pq-group-selection .pqGroupListWrapper {
            height: 260px;
            width: 100%;
            border: 1px solid #9f9fa3;
            border-radius: 5px;
            overflow: hidden;
            padding: 5px;
        }

        .pq-group-selection .pqGroupTable {
            height: 240px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
            border: solid 1px #9fa0a4;
            border-radius: 5px;
            padding: 5px;
        }

        .pq-group-selection .pqGroupTable .pqGroupRow {
            cursor: pointer;
            padding: 7px 0 5px 10px;
        }

        .pq-group-selection .pqGroupTable .pqGroupRowAllGroups {
            font-style: italic;
        }
    </style>

    <div>
        <label><%loc PowerQualityGadgets.PowerQualityGroup%></label>

        <div class="dialog-body pq-group-selection pqGroupsExist">
            <div class="clear"></div>
            <div class="pqGroupTable"></div>
        </div>

        <div class="noPqGroupMessage">
            <div class="clearGap"></div>
            <%loc PowerQualityGadgets.ReferenceArchitectureNotConfigured %>
        </div>

    </div>



</div>


<script type="text/template" class="pqGroupRowEntryTemplate">
    <div class="pqGroupRow customListItem noSelect"><%- name %></div>
</script>