<div class="powerQualityRatingWrapper">
    <div class="gadgetWrapper" data-hide-if-compact>
        <div class="gaugeBoxes">
            <div class="gaugeBox boxA">A</div>
            <div class="gaugeBox boxB">B</div>
            <div class="gaugeBox boxC">C</div>
            <div class="gaugeBox boxD">D</div>
            <div class="gaugeBox boxE">E</div>
            <div class="gaugeBox boxF">F</div>
        </div>
        <!--<div class="targetZone"></div>-->
        <div class="linearGauge">
            <div class="gradient">
                <div class="pointer-scale">
                    <div class="pointer">
                        <div class="pointerLabel"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="targetZoneLabel"><%loc PowerQualityGadgets.PowerQualityRatingGadget_TargetZone %></div>-->
    </div>
    <div class="contributors noSelect" data-hide-if-compact>
        <div class="labelWrapper">
            <span class="ratingLabel"><%loc PowerQualityGadgets.ContributorsLabel %></span>
        </div>
        <div class="listWrapper">
            <span class="ratingValue powerQualityRatingContributors"></span>
        </div>
    </div>
    <div class="compactViewWrapper" data-hide-if-standard data-hide-if-max>
        <table class="compactViewTable" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td class="topCell">
                    <div class="compactRatingLetterContainer">
                        <span class="letter"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="bottomCell">
                    <div class="compactContributorsContainer">
                        <div class="compactDetails">
                            <span class="details"></span>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
