<UiDescription>
  
  <!-- Top-level ui elements require an id; children don't.  Every element must include exactly one of the following:
  
       * type: ui element starts from a basic type like 'button' or 'label'
       * inherit: ui element starts as a copy of a previously defined top-level element, referenced by id.
       * find: like inherit, but for children created by inheriting from a container type. Specifying 'find'
         with the id of some child will let you add/change properties to an existing element.  (The headerBar
         element near the top of this file is a good example. You can 'find' the backButton and add text.)
       
       The single exception to "must include exactly one" above is that 'id' can be specified inside a 'find'
       element to rename it in-situ.
       
       All screens are designed for 1024x768 and are scaled dynamically (min 1024x600) based on
       the align and anchor properties of each control. -->

  <!-- Buttons and windows have two interesting properties related to background/overlay1/overlay2
       that control how the texture is displayed:
       
       textureBorder:   the number of pixels from any edge until you get to the solid-color center area.
       textureFromEdge: the number of pixels between the edge of the texture and the first non-transparent
                        pixel. The following should be true: textureFromEdge <= textureBorder
                        
       For the default button texture, this is 5 and 1, respectively. (That is, 4 pixels of rounded border,
       set 1 pixel away from the outer texture extents, for a total of 4+1=5 pixels from edge to center.)
  -->
  
  <!-- Establish our basic color theme, most things inherit from these. -->
  <ui id="button" type="button" color="buttonFace" colorHover="buttonFaceHover" fontColor="buttonText" fontColorHover="buttonTextHover" />
  <ui id="sunkenButton" inherit="button" fontEffect="inset" color="buttonSunken" colorHover="buttonSunkenHover" background="ui_window_sunken" backgroundOverlay1="ui_window_sunken_o1" backgroundOverlay2="ui_window_sunken_o2" textureBorder="10" textureFromEdge="3" hoverShimmy="0" />
  <ui id="backgroundLabel" type="label" color="textAgainstBackground" fontEffect="none" fontSize="14" align="center" anchor="none" />
  <ui id="settingsLabel" type="label" color="textAgainstBackground" fontEffect="none" fontSize="17" position="10, 12" />
  <ui id="settingsDetail" inherit="settingsLabel" color="settingsDetail" align="right" anchor="right" position="0, 12" />
  <ui id="settingsArea" type="groupedTable" labelTemplate="settingsLabel" detailTemplate="settingsDetail" color="menuBackground" hrColor="separatorLine" checkmarkColor="checkmark" disclosureColor="disclosure" lockColor="lock" background="ui_window_settings" backgroundOverlay1="ui_window_settings_o1" backgroundOverlay2="ui_window_settings_o2" textureBorder="13" textureFromEdge="2" anchor="both" size="0, 44" />
  <ui id="settingsWindow" type="window" color="menuBackground" hrColor="separatorLine" background="ui_window_settings" backgroundOverlay1="ui_window_settings_o1" backgroundOverlay2="ui_window_settings_o2" textureBorder="13" textureFromEdge="2" anchor="both" size="0, 44" />
  <ui id="settingsHr" type="spacer" size="100, 1" color="separatorLine" anchor="both" />
  <ui id="settingsButton" inherit="button" fontSize="24" autoWidthPadding="34" hoverShimmy="0" color="menuBackgroundAccent" background="ui_window_settings" backgroundOverlay1="ui_window_settings_o1" backgroundOverlay2="ui_window_settings_o2" textureBorder="13" textureFromEdge="2" size="0, 44" fontColor="textAgainstBackground" fontEffect="none" />
  <ui id="settingsCautionButton" inherit="settingsButton" fontColor="buttonText" color="buttonDeny" colorHover="buttonDenyHover" />
  <ui id="settingsAddButton" inherit="settingsButton" color="buttonFace" imageAlign="center" image="interface_plus" autoWidthPadding="18" />
  <ui id="textbox" type="textbox" fontSize="17" fontColor="textAgainstBackground" hintColor="textAgainstBackgroundFaded" color="buttonFace" />
  <ui id="popup" type="popup" color="popupBorder" texture="ui_popup_arrow" padding="32" arrowOffset="16" anchor="none, none" />
  <ui id="breadcrumb" type="breadcrumb" color="buttonFace" fontColor="textAgainstBackground" fontColorHover="textAgainstBackground" labelBackground="breadcrumbItemBackground" labelBackgroundHover="breadcrumbItemBackgroundHover" />
  <ui id="scrollingDataGrid" type="scrollingDataGrid" color="textAgainstBackgroundFaded" rowBackgroundColor="datagridRowBackground" rowBackgroundAlternatingColor="datagridRowBackgroundAlternating" fontColor="textAgainstBackground" headerFontColor="textAgainstBackground" />
  <ui id="backButton" position="4, 2" inherit="button" size="1, 40" autoWidthPadding="12" textPadding="9" textAlign="right" fontSize="18" fontEffect="inset" color="buttonSunken" colorHover="buttonSunkenHover" background="ui_window_arrow" backgroundOverlay1="ui_window_arrow_o1" backgroundOverlay2="ui_window_arrow_o2" textureBorder="20" textureFromEdge="0" hoverShimmy="0" />
  <ui id="headerTextButton" inherit="sunkenButton" fontSize="18" textAlign="right" autoWidthPadding="8" textPadding="11" size="0, 42" position="0, 1" textureBorder="10" textureFromEdge="-3" />
  <ui id="headerButton" type="button" background="" backgroundOverlay1="" backgroundOverlay2="" color="white" colorHover="white" textureBorder="0" textureFromEdge="0" hoverShimmy="0" fontColor="headerText" fontEffect="inset" fontSize="24" size="48, 44" imageAlign="center" />
  <ui id="headerLabel" type="label" color="headerText" fontEffect="inset" anchor="none" position="512, 6"  fontSize="24" align="center" />
  <ui id="segmentButton" type="segmentButton" size="0, 40" textureBorder="17" textureFromEdge="4" background="ui_window_segment" backgroundOverlay1="ui_window_segment_o1" backgroundOverlay2="ui_window_segment_o2" backgroundDown="ui_window_segment_down" backgroundDownOverlay1="ui_window_segment_down_o1" backgroundDownOverlay2="ui_window_segment_down_o2" color="buttonSegment" downColor="buttonSegmentDown" spacerColor="textAgainstBackgroundFaded" fontColor="textAgainstBackground" textPadding="9" />
  <ui id="softEdgeWindow" type="window" color="menuBackground" backgroundOverlay1="" backgroundOverlay2="" />
  <ui id="tooltipWindow" inherit="softEdgeWindow" color="tooltipBackground" />
  <ui id="headerSep" type="image" texture="ui_header_partition" />

  <!-- A few commonly used elements, shared throughout the interface -->
  <ui id="headerBar" type="frame" anchor="both" size="1024, 44">
    <ui type="spacer" id="grad1" anchor="both" size="1024, 44" color="headerGradientBottom" />
    <ui type="image" id="grad2" anchor="both" size="1024, 44" color="headerGradientTop" texture="gradientDown" />
    <ui id="backButton" inherit="backButton" />
    <ui id="titleText" inherit="headerLabel" />
  </ui>

  <ui id="popupCancelSaveWindow" type="window" color="buttonFace" autoSizePadding="9, 9" position="512, 250" align="center, center" anchor="none, none">
    <ui id="cancelButton" inherit="sunkenButton" tid="cancel" fontSize="18" autoWidthPadding="8" size="1, 32" position="9, 9" />
    <ui id="saveButton" inherit="sunkenButton" tid="save" fontSize="18" autoWidthPadding="8" size="1, 32" align="right" anchor="right" position="391, 9" />
    <ui id="titleText" type="label" color="buttonText" fontSize="24" maxWidth="370" position="200, 9" align="center" anchor="none" />
    <ui id="content" type="window" color="menuBackground" size="382, 212" position="9, 49" />
  </ui>

  <ui id="sidebarButtonActive" type="frame" childrenSensitive="0" size="240, 44">
    <ui id="bg" type="spacer" color="buttonFaceHover" size="240, 44" />
    <ui id="text" type="label" position="10, 12" color="buttonText" maxWidth="240" />
    <ui type="spacer" color="separatorLine" size="240, 1" position="0, 44" />
  </ui>
  <ui id="sidebarButtonInactive" type="frame" childrenSensitive="0" size="240, 44">
    <ui id="text" type="label" position="10, 12" color="textAgainstBackground" maxWidth="240" />
    <ui type="spacer" color="separatorLine" size="240, 1" position="0, 44" />
  </ui>

  <ui id="volumeSlider" type="slider" size="200, 44" position="870, 0" align="right" anchor="right" foreground="slider_Volume" background="slider_Volume" immediateUpdate="1" foregroundColor="buttonFace" backgroundColor="textAgainstBackgroundFaded" maxValue="200" />

  <ui id="menuBackground" type="spacer" anchor="both, both" size="1024, 768" color="menuBackground" />

  <!-- Tutorial -->
  <ui id="tutorialHeader" inherit="headerLabel" tid="tutorial" />
  <ui id="tutorialDrag" type="image" texture="play_TutorialDrag" position="300, 384" align="center, center" color="playTutorialDragIcon" />

  <ui id="tutT" type="label" color="tooltipText" wrap="340" fontSize="18" />
  <ui id="tutP" inherit="tooltipWindow" autoSizePadding="12, 12" layer="0" align="center">
    <ui id="flow" type="flowLayout" position="12, 12" />
  </ui>

  <ui id="tutorialPopup0" type="spacer" size="1, 1" />

  <ui id="tutorialPopup1" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutA1" color="tooltipTextAccent" />
      <ui type="spacer" size="1, 20" />
      <ui inherit="tutT" tid="tutA2" />
  </ui></ui>

  <ui id="tutorialPopup2" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutB1" />
  </ui></ui>

  <ui id="tutorialPopup3" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutC1" />
  </ui></ui>
  
  <ui id="tutorialPopup4" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutD1" />
      <ui type="spacer" size="1, 20" />
      <ui inherit="tutT" color="tooltipTextFaded" tid="tutD2" />
  </ui></ui>

  <ui id="tutorialPopup5" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutE1" />
  </ui></ui>

  <ui id="tutorialPopup6" inherit="tutP"><ui find="flow">
      <ui inherit="tutT" tid="tutF1" />
      <ui type="spacer" size="1, 20" />
      <ui inherit="tutT" tid="tutF2" color="tooltipTextAccent" />
  </ui></ui>
  
  <!-- Title Screen -->
  <ui id="titleButton" inherit="button" fontEffect="shadow" size="350, 55" fontSize="24" align="center" />
  <ui id="titleScreen" type="frame" anchor="both, both" size="1024, 768">
    <ui inherit="menuBackground" />
    
    <!-- Header and footer backgrounds -->
    <ui type="spacer" anchor="both" size="1024, 194" color="titleHeaderGradientBottom" />
    <ui type="image" anchor="both" size="1024, 194" color="titleHeaderGradientTop" texture="gradientDown" />

    <ui type="spacer" anchor="both, bottom" position="0,725" size="1024, 43" color="titleFooterGradientBottom" />
    <ui type="image" anchor="both, bottom" position="0,725" size="1024, 43" color="titleFooterGradientTop" texture="gradientDown" />

    <ui type="label" id="versionLabel" anchor="none, bottom" align="center" position="512, 736" color="footerTextLight" fontSize="18" />
    <ui type="label" id="rendererLabel" anchor="right, bottom" align="right" position="1011, 736" color="footerTextDark" fontSize="18" fontEffect="none" />
    <ui inherit="headerTextButton" id="language" anchor="left, bottom" align="left" position="0, 726" />
    
    <ui type="flowLayout" direction="horizontal" position="512, 694" align="center" anchor="none, bottom" padding="5" excludeHidden="1" visible="0">
      <ui type="label" id="newsLabel" color="textAgainstBackground" fontSize="18" />
      <ui inherit="button" id="newsButton" fontEffect="shadow" size="1, 32" autoWidthPadding="6" position="0, -5" fontSize="14" tid="visitSite" color="buttonAccept" colorHover="buttonAcceptHover" />
    </ui>

    <ui type="image" texture="title_Logo" align="center" position="512, 40" anchor="none" />
    <ui inherit="sunkenButton" fontSize="24" align="center" id="profile" size="384, 45" anchor="none" position="512, 127" />
    
    <ui type="distributedLayout" anchor="none, both" position="512, 210" size="1024, 478" maxSpacing="130">
      <ui type="flowLayout" padding="12" excludeHidden="1">
        <ui inherit="titleButton" id="play" tid="playSong" color="buttonAccept" colorHover="buttonAcceptHover" />
        <ui inherit="titleButton" id="freeplay" tid="freePlay" visible="0" />
        <ui inherit="titleButton" id="tutorial" tid="tutorial" visible="0" />
        <ui inherit="titleButton" id="learningPack" tid="addFeatures" />
      </ui>

      <ui type="flowLayout" padding="2">
        <ui inherit="backgroundLabel" id="inputDevice" align="center" />
        <ui inherit="backgroundLabel" id="outputDevice" align="center" />
        <ui inherit="titleButton" id="settings" tid="settings" />
        <ui type="spacer" size="1, 8" />
        <ui inherit="titleButton" id="exit" tid="exit" />
      </ui>

    </ui>

    <ui id="profilePopup" inherit="popup" autoSizePadding="0, 0">
      <ui id="profileListWindowOuter" inherit="softEdgeWindow" autoSizePadding="9, 9" color="popupBorder">
        <ui id="profileListWindowInner" inherit="softEdgeWindow" color="menuBackgroundAccent" autoSizePadding="1, 9" position="9, 9">
          <ui type="scrollContainer" size="420, 200" vertical="always">
            <ui id="profileList" inherit="settingsArea" position="9, 9" size="388, 44" />
          </ui>
          <ui id="profileEditButton" inherit="settingsButton" autoWidthPadding="-1" size="388, 44" position="9, 212" tid="manageProfiles" />
        </ui>
      </ui>
    </ui>

    <ui id="languagePopup" inherit="popup" autoSizePadding="0, 0">
      <ui id="languageOuter" inherit="softEdgeWindow" color="popupBorder" autoSizePadding="9, 9">
        <ui id="languageInner" inherit="softEdgeWindow" color="menuBackgroundAccent" autoSizePadding="9, 9" position="9, 9">
          <ui id="languageList" inherit="settingsArea" size="262, 44" position="10, 10" />
        </ui>
      </ui>
    </ui>

  </ui>

  
  <!-- Add More Features (Desktop) -->
  <ui id="learningPackScreen" type="frame" anchor="both, both" size="1024, 768" >
    <ui type="spacer" anchor="both, both" size="1024, 768" color="menuBackgroundAccent" />
    <ui id="header" inherit="headerBar">
      <ui find="titleText" tid="addFeatures" />
      <ui find="backButton" tid="back" />
    </ui>

    <ui type="scrollContainer" size="1024, 724" position="0, 44" anchor="both, both">
      <ui type="flowLayout" position="0, 20" anchor="none" excludeHidden="1">

        <ui id="buyNowFrame" type="flowLayout" position="512, 20" align="center" anchor="none" padding="30">

          <ui inherit="settingsWindow" autoSizePadding="-1, 12" size="750, 1">
            <ui type="flowLayout" padding="5" position="375, 20">
              <ui inherit="settingsLabel" align="center" position="0, 0" wrap="710" tid="unlockInfo1" />
              <ui type="spacer" size="1, 6" />
              <ui id="buyNow" inherit="titleButton" color="buttonAccept" colorHover="buttonAcceptHover" fontSize="22" autoWidthPadding="20"  size="1, 55" tid="unlockInfo2" image="interface_globe" />
              <ui type="spacer" size="1, 14" />
              <ui type="flowLayout" padding="10" direction="horizontal" align="center">
                <ui inherit="backgroundLabel" align="left, center" tid="lostKey1" />
                <ui id="retrieve" inherit="button" align="left, center" fontSize="16" autoWidthPadding="10" size="1, 28" tid="lostKey2" />
              </ui>
            </ui>
          </ui>

          <ui inherit="settingsWindow" autoSizePadding="-1, 18" size="750, 1">
            <ui type="flowLayout" padding="65" position="0, 50">
              
              <ui type="flowLayout" padding="10" direction="horizontal" position="375, 0" align="center">
                <ui inherit="settingsLabel" position="0, 0" align="left, center" tid="shortCode1" />
                <ui inherit="settingsWindow" size="250, 60" align="left, center">
                  <ui id="codeText" inherit="textbox" fontSize="48" position="125, 33" maxLength="6" align="center, center" />
                </ui>
                <ui id="shortUnlock" inherit="button" align="left, center" fontSize="16" autoWidthPadding="10" size="1, 40" tid="shortCode2" />
              </ui>

              <ui type="flowLayout" padding="10" direction="horizontal" position="375, 0" align="center">
                <ui inherit="settingsLabel" position="0, 0" align="left, center" wrap="600" tid="longCode1" />
                <ui id="paste" inherit="button" align="left, center" fontSize="16" autoWidthPadding="10" size="1, 40" tid="longCode2" />
              </ui>
            </ui>
          </ui>
        </ui>

        <ui type="spacer" size="1, 16" />

        <ui id="unlockedFrame" type="frame" autoSizePadding="-1, 12" size="750, 1" position="512, 0" align="center" anchor="none">
          <ui type="flowLayout">
            <ui inherit="backgroundLabel" color="accentAgainstBackground" fontSize="34" position="375, 15" wrap="750" tid="unlocked1" />
            <ui inherit="backgroundLabel" position="375, 0" tid="unlocked2" />
            <ui type="spacer" size="1, 16" />
            <ui id="licenseInfo" inherit="settingsArea" size="750, 44" />
          </ui>          
        </ui>
        
        <ui type="spacer" size="1, 6" />
        <ui type="frame" autoSizePadding="-1, 12" size="750, 1" position="512, 0" align="center" anchor="none">
          <ui inherit="settingsLabel" tid="featuresH" />
          <ui inherit="settingsWindow" autoSizePadding="-1, 12" size="750, 1" position="0, 38">
            <ui type="flowLayout" position="0, 12">
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="melodyPractice" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature2" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="dFeature3" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature4" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="sheetMusic" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature6" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="dFeature7" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature8" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="dFeature9" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature10" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="featureUpgrade1" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="featureUpgrade2" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="dFeature11" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="dFeature12" />
            </ui>
          </ui>
        </ui>

        <ui type="spacer" size="1, 30" />
      </ui>
    </ui>
  </ui>

  <!-- Unlock (iPad) -->
  <ui id="unlockScreenSpinner" type="image" texture="interface_progress" color="buttonFace" position="32, 32" align="center, center" />

  <ui id="unlockScreen" type="frame" anchor="both, both" size="1024, 768" >
    <ui type="spacer" anchor="both, both" size="1024, 768" color="menuBackgroundAccent" />
    <ui id="header" inherit="headerBar">
      <ui find="titleText" tid="unlockSongs" />
      <ui find="backButton" tid="back" />
    </ui>

    <ui type="scrollContainer" size="1024, 724" position="0, 44" anchor="both, both">
      <ui type="flowLayout" position="0, 20" anchor="none" excludeHidden="1">

        <ui type="frame" size="750, 210" position="512, 0" align="center" anchor="none">
          <ui inherit="settingsWindow" size="750, 208">
            <ui type="flowLayout" padding="10" position="375, 96" align="left, center" excludeHidden="1">
              <ui id="spinner" type="frame" size="64, 64" align="center" position="0, 0" />
              <ui type="flowLayout" padding="1" excludeHidden="1">
                <ui id="storeMessage" inherit="settingsLabel" align="center" position="0, 0" />
                <ui id="storeMessage2" inherit="settingsLabel" align="center" position="0, 0" />
              </ui>
            </ui>

            <ui id="storeButtons" type="flowLayout" padding="1" position="375, 18">
              <ui inherit="settingsLabel" align="center" position="0, 0" wrap="730" tid="unlockInfo3" />
              <ui type="spacer" size="1, 10" />
              <ui id="inAppPurchase" inherit="titleButton" color="buttonAccept" colorHover="buttonAcceptHover" size="550, 55" tid="unlockInfo4" />
              <ui type="spacer" size="1, 45" />
              <ui type="flowLayout" direction="horizontal" align="center" padding="10">
                <ui inherit="settingsLabel" tid="restore1" position="0, 1" align="left, center" />
                <ui id="inAppRestore" inherit="titleButton" autoWidthPadding="10" size="1, 30" tid="restore2" fontSize="17" align="left, center" />
              </ui>
            </ui>
          </ui>
        </ui>

        <ui type="frame" autoSizePadding="-1, 0" size="750, 1" position="512, 0" align="center" anchor="none">
          <ui inherit="settingsLabel" tid="featuresH" />
          <ui inherit="settingsWindow" autoSizePadding="-1, 12" size="750, 1" position="0, 38">
            <ui type="flowLayout" position="0, 12">
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="iFeature1" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="iFeature2" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="iFeature3" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="iFeature4" />
              <ui type="spacer" size="1, 20" />
              <ui inherit="settingsLabel" color="accentAgainstBackground" tid="featureUpgrade1" />
              <ui inherit="settingsLabel" fontSize="14" wrap="730" tid="featureUpgrade2" />
            </ui>
          </ui>
        </ui>

        <ui type="spacer" size="1, 30" />
      </ui>
    </ui>
  </ui>



  <!-- Song Library -->
  <ui id="libraryStatus" type="label" fontSize="24" align="center" position="512, 300" color="textAgainstBackgroundFaded" fontEffect="none" visible="0" anchor="none" />

  <ui id="songLibraryRowScore" type="frame" size="73, 40">
    <ui id="songScoreBg" type="spacer" size="62, 40" />
    <ui id="songScore" type="label" fontSize="36" align="center, center" position="32, 21" color="white" fontEffect="outline" />
  </ui>
  <ui id="songLibraryRowTitle" type="frame" size="660, 40" anchor="both">
    <ui type="image" texture="ui_datagrid_row" size="1024, 42" position="-73, -1" anchor="both" />
    <ui id="songLock" type="image" texture="lock_open" color="textAgainstBackgroundFaded" position="10, 18" align="center, center" visible="0" />
    <ui id="songTitle" type="label" maxWidth="660" anchor="both" fontSize="20" color="textAgainstBackground" align="left, center" position="0, 20" />
  </ui>
  <ui id="songLibraryRowPlayed" type="frame" size="80, 40" anchor="right">
    <ui id="lastPlayed" type="label" fontSize="14" color="textAgainstBackground" position="76, 5" align="right" />
    <ui id="playCount" type="label" fontSize="12" color="textAgainstBackground" position="76, 20" align="right" />
  </ui>
  <ui id="songLibraryRowRating" type="slider" size="86, 40" anchor="right" foreground="slider_RatingSelected" background="slider_RatingBackground" step="25" />
  <ui id="songLibraryRowDifficulty" type="frame" size="108, 40" anchor="right">
    <ui id="difficulty" type="slider" size="70, 40" foreground="slider_DifficultySelected" background="slider_DifficultyBackground" step="10" />
    <ui id="songCount" type="label" anchor="both" fontSize="20" color="textAgainstBackgroundFaded" align="right, center" position="72, 20" />
  </ui>
  
  <ui id="songLibraryScreen" type="frame" anchor="both, both" size="1024, 768">
    <ui inherit="menuBackground" />

    <ui type="spacer" anchor="both" size="1024, 108" color="menuBackgroundAccent" />

    <ui inherit="headerBar">
      <ui find="backButton" tid="synthesia" />
      <ui id="songControls" type="flowLayout" align="center" anchor="none" direction="horizontal" position="512, 0" visible="0">
        <ui inherit="headerSep" />
        <ui id="playPause" inherit="headerButton" image="interface_play" imageColor="headerText" />
        <ui inherit="headerSep" />
        <ui type="spacer" size="4, 0" />
        <ui type="frame" size="400, 44">
          <ui id="loadedSongTitle" inherit="headerLabel" fontSize="16" position="200, 13" maxWidth="410" align="center, center" />
          <ui id="scrubber" type="slider" size="400, 25" position="0, 20" foreground="slider_Scrubber" background="slider_Scrubber" foregroundColor="songLibraryTimeScrubber" backgroundColor="headerText" color="headerText" maxValue="1000" splitter="slider_ScrubberSplitter" splitterWidth="25" />
        </ui>
        <ui type="spacer" size="4, 0" />
        <ui inherit="headerSep" />
        <ui id="delete" inherit="headerButton" image="interface_trash" />
        <ui inherit="headerSep" />
      </ui>
      <ui id="continueButton" inherit="headerTextButton" tid="continue" align="right" anchor="right" position="1014, 1" />
    </ui>

    <ui inherit="settingsWindow" size="794, 44" position="10, 54" anchor="both" layer="10">
      <ui id="breadcrumb" inherit="breadcrumb" position="10, 23" align="left, center" fontSize="18" maxWidth="794" anchor="both" />
    </ui>

    <ui inherit="settingsWindow" id="searchBox" size="200, 44" position="1014, 54" align="right" anchor="right" layer="10">
      <ui id="search" inherit="textbox" emptyHint="textboxHintSearch" maxLength="80" width="162" fontSize="17" position="3, 11" />
      <ui id="clearSearchButton" type="image" hitTest="1" texture="interface_clear_search" color="textAgainstBackgroundFaded" position="198, 7" align="right" anchor="right" />
    </ui>

    <ui type="spacer" size="1024, 57" position="0, 768" color="menuBackgroundAccent" align="left, bottom" anchor="both, bottom" />
    
    <ui id="songList" type="boundDataGrid" size="0, 603" position="0, 108" mode="selectable" rowHeight="40" rowBackgroundSelectedColor="datagridRowBackgroundSelected" anchor="both, both" />

    <ui inherit="libraryStatus" id="emptyStillScanning" tid="emptyStillScanning" />
    <ui inherit="libraryStatus" id="emptyWithFilter" tid="emptyWithFilter" />
    <ui inherit="libraryStatus" id="emptyScannerIdle" tid="emptyScannerIdle" />
    <ui inherit="libraryStatus" id="emptyIdleTopLevel" tid="emptyIdleTopLevel" />

    <ui id="songSort" inherit="segmentButton" position="512, 722" align="center" anchor="none, bottom" fontSize="12" />

    <ui type="flowLayout" direction="horizontal" position="1014, 744" align="right, center" anchor="right, bottom" padding="15">
      <ui id="scanningIndicator" type="image" texture="interface_progress" color="buttonFace" position="0, 7" />
      <ui id="libraryStatus" inherit="backgroundLabel" color="textAgainstBackgroundFaded" align="left" fontSize="24" />
    </ui>

    <ui id="moreSongs" inherit="button" position="10, 742" align="left, center" anchor="left, bottom" tid="libraryMoreSongs" size="0, 38" autoWidthPadding="6" fontSize="14" />
    
  </ui>

  <ui id="recycleSongWindow" inherit="popupCancelSaveWindow" size="800, 270">
    <ui find="saveButton" visible="0" />
    <ui find="content" size="782, 158">
      <ui type="distributedLayout" position="391, 4" size="382, 128" extentsArePadded="1">
        <ui id="questionLabel" inherit="backgroundLabel" fontSize="18" />
        <ui id="pathLabel" inherit="backgroundLabel" fontSize="18" maxWidth="782" />
      </ui>
    </ui>
    <ui id="recycleButton" inherit="titleButton" color="buttonDeny" colorHover="buttonDenyHover" hoverShimmy="0" align="left" size="782, 44" position="9, 217" />
  </ui>
  
  
  <!-- Song Settings -->
  <ui id="songSettingsSimpleBlock" type="frame" size="220, 250">
    <ui id="blockTitle" type="label" maxWidth="250" color="textAgainstBackground" fontSize="22" align="center" position="110, 2" />
    <ui id="blockDetail" type="label" maxWidth="250" color="textAgainstBackgroundFaded" fontSize="17" align="center" position="110, 27" />
  </ui>
  <ui id="songSettingsSimpleCombinedBlock" inherit="songSettingsSimpleBlock">
    <ui id="b" type="button" position="1, 53" size="218, 194" color="songSettingsGrayBox" colorHover="songSettingsGrayBoxHover" />
  </ui>
  <ui id="songSettingsSimpleSplitBlock" inherit="songSettingsSimpleBlock">
    <ui id="bL" type="button" position="1, 53" size="106, 97" />
    <ui id="bR" type="button" position="112, 53" size="107, 97" />
    <ui id="bB" type="button" position="1, 155" size="218, 92" />
  </ui>
  <ui id="songSettingsWatchButtonFrame" type="frame" size="218, 194">
    <ui type="flowLayout" position="109, 90" align="left, center">
      <ui type="label" color="songSettingsGrayText" align="center" fontSize="20" wrap="150" tid="watchAndListen" />
    </ui>
  </ui>
  
  <ui id="songSettingsSimpleCombinedLayout" type="distributedLayout" direction="horizontal" position="0, 15" size="1024, 250" maxSpacing="35" extentsArePadded="1" anchor="both">
    <ui inherit="songSettingsSimpleCombinedBlock">
      <ui find="b" id="watch" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleCombinedBlock">
      <ui find="blockTitle" tid="modeMelody1" />
      <ui find="blockDetail" tid="modeMelody2" />
      <ui find="b" id="combinedMelody" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleCombinedBlock">
      <ui find="blockTitle" tid="modeRhythm1" />
      <ui find="blockDetail" tid="modeRhythm2" />
      <ui find="b" id="combinedRhythm" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleCombinedBlock">
      <ui find="blockTitle" tid="modeRecital1" />
      <ui find="blockDetail" tid="modeRecital2" />
      <ui find="b" id="combinedRecital" />
    </ui>
  </ui>

  <ui id="songSettingsSimpleSplitLayout" type="distributedLayout" direction="horizontal" position="0, 15" size="1024, 250" maxSpacing="35" extentsArePadded="1" anchor="both">
    <ui inherit="songSettingsSimpleCombinedBlock">
      <ui find="b" id="watch" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleSplitBlock">
      <ui find="blockTitle" tid="modeMelody1" />
      <ui find="blockDetail" tid="modeMelody2" />
      <ui find="bL" id="splitLeftMelody" />
      <ui find="bR" id="splitRightMelody" />
      <ui find="bB" id="splitBothMelody" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleSplitBlock">
      <ui find="blockTitle" tid="modeRhythm1" />
      <ui find="blockDetail" tid="modeRhythm2" />
      <ui find="bL" id="splitLeftRhythm" />
      <ui find="bR" id="splitRightRhythm" />
      <ui find="bB" id="splitBothRhythm" />
    </ui>
    <ui type="spacer" />
    <ui inherit="songSettingsSimpleSplitBlock">
      <ui find="blockTitle" tid="modeRecital1" />
      <ui find="blockDetail" tid="modeRecital2" />
      <ui find="bL" id="splitLeftRecital" />
      <ui find="bR" id="splitRightRecital" />
      <ui find="bB" id="splitBothRecital" />
    </ui>
  </ui>

  <ui id="songSettingsScreen" type="frame" anchor="both, both" size="1024, 768" >
    <ui inherit="menuBackground" />

    <ui type="frame" anchor="both" size="1024, 44">
      <ui type="spacer" anchor="both" size="1024, 44" color="headerGradientBottom" />
      <ui type="image" anchor="both" size="1024, 44" color="headerGradientTop" texture="gradientDown" />

      <ui type="flowLayout" padding="2" direction="horizontal" position="4, 0" excludeHidden="1">
        <ui id="backButton" inherit="backButton" position="0, 2" tid="songs" />
        <ui id="modeChangeButton" inherit="headerTextButton" fontSize="16" />
        <ui id="simpleHelpButton" inherit="headerTextButton" tid="showSimple" image="interface_icon_exclamation" visible="0" />
      </ui>

      <ui type="flowLayout" padding="10" align="center" anchor="none" direction="horizontal" position="512, 0" excludeHidden="1">
        <ui id="songTitleScoreWindow" inherit="softEdgeWindow" size="60, 36" position="0, 22" align="left, center">
          <ui id="songTitleScoreText" type="label" align="center, center" position="32, 19" fontEffect="outline" fontSize="32" />
        </ui>
        <ui id="songTitleText" maxWidth="480" inherit="headerLabel" align="left, center" position="0, 23" />
      </ui>

      <ui id="continueButton" inherit="headerTextButton" tid="continue" align="right" anchor="right" position="1014, 1" />
    </ui>
  </ui>

  <ui id="songSettingsSimpleTabContentsLabel" type="label" fontSize="20" align="center" wrap="550" position="602, 141" color="textAgainstBackgroundFaded" fontEffect="none" visible="0" anchor="none" />

  <ui id="songSettingsSimpleFrame" type="frame" anchor="both, both" size="1024, 724" position="0, 44">

    <ui type="frame" id="sidebarFrame" size="1024, 434" position="0, 290" anchor="both, both">

      <ui type="spacer" anchor="both" size="1024, 48" color="headerGradientBottom" />
      <ui type="image" anchor="both" size="1024, 48" color="headerGradientTop" texture="gradientDown" />
      <ui id="modeHeaderText" inherit="headerLabel" align="center, center" position="512, 25" />

      <ui type="flowLayout" padding="3" direction="horizontal" position="1018, 0" align="right" anchor="right" excludeHidden="1">
        <ui id="sheetMusicLock" type="image" texture="lock_closed" color="headerText" position="0, 24" align="left, center" />
        <ui id="sheetMusicButton" inherit="segmentButton" position="0, 24" align="left, center" />
      </ui>

      <ui type="flowLayout" id="sidebar" position="0, 48" padding="1" />
      <ui type="spacer" anchor="left, both" size="1, 386" color="separatorLine" position="180, 48" />
      <ui type="spacer" position="181, 48" size="843, 386" anchor="both, both" color="menuBackgroundAccent" />

      <ui inherit="songSettingsSimpleTabContentsLabel" id="watchOnlyNonApplicable" tid="modeHelp2" />
      <ui inherit="songSettingsSimpleTabContentsLabel" id="noScoresYet" tid="modeHelp3" />
    </ui>

    <ui id="noTabSelected" type="label" color="textAgainstBackgroundFaded" tid="modeHelp1" wrap="600" fontSize="24" align="center" position="512, 460" anchor="none, none" />
  </ui>

  <ui type="frame" id="songSettingsSimpleContent" position="181, 338" size="843, 386" anchor="both, both" />
  <ui inherit="settingsLabel" id="simpleInstructionLabel" wrap="500" anchor="both" />
  
  <ui id="songSettingsSimpleInstructions" inherit="songSettingsSimpleContent">
    <ui type="flowLayout" padding="0" anchor="both" position="15, 31">
      <ui id="l0" inherit="simpleInstructionLabel" />
      <ui id="l1" inherit="simpleInstructionLabel" />
      <ui id="l2" inherit="simpleInstructionLabel" />
      <ui id="l3" inherit="simpleInstructionLabel" />
      <ui id="l4" inherit="simpleInstructionLabel" />
      <ui id="l5" inherit="simpleInstructionLabel" />
      <ui id="l6" inherit="simpleInstructionLabel" />
    </ui>

    <ui type="frame" position="550, 10" size="280, 230" anchor="right" childrenSensitive="0">
      <ui id="leftUnder" type="image" texture="simple_keyboard_left" position="0, 0" />
      <ui id="rightUnder" type="image" texture="simple_keyboard_right" position="140, 0" />
      <ui id="leftOver" type="image" position="0, 0" />
      <ui id="rightOver" type="image" position="140, 0" />
      <ui id="leftHand" type="image" texture="simple_hand_left" position="0, 140" color="transparentWhite" />
      <ui id="rightHand" type="image" texture="simple_hand_right" position="140, 140" color="transparentWhite" />
    </ui>
  </ui>

  <ui id="songSettingsSimpleScoreTable" inherit="songSettingsSimpleContent">
    <ui inherit="settingsWindow" anchor="both, both" size="823, 316" position="10, 10">
      <ui id="tableDummy" type="frame" size="775, 310" anchor="both, both" position="5, 6" />
    </ui>
    <ui id="launchRecitalSite" visible="0" image="interface_globe" fontSize="18" tid="launchRecitalSite" inherit="settingsButton" position="10, 336" anchor="both, bottom" autoWidthPadding="-1" size="823, 40" />
  </ui>

  <ui id="songSettingsSimpleProgressBreakdownValue" inherit="settingsLabel" align="right" anchor="right" position="447, 0" />
  <ui id="songSettingsSimpleProgressBreakdownRow" type="frame" anchor="both" size="823, 26">
    <ui id="text" inherit="songSettingsSimpleProgressBreakdownValue" anchor="both" align="left" maxWidth="400" position="10, 0" />
    <ui id="c1" inherit="songSettingsSimpleProgressBreakdownValue" />
    <ui id="c2" inherit="songSettingsSimpleProgressBreakdownValue" position="632, 0" />
    <ui id="c3" inherit="songSettingsSimpleProgressBreakdownValue" position="815, 0" />
  </ui>
  
  <ui id="songSettingsSimpleProgressBreakdown" inherit="songSettingsSimpleContent">
    <ui type="flowLayout" padding="6" position="10, 15" anchor="both">
      <ui inherit="settingsLabel" position="10, 0" tid="pointsAveraged" wrap="823" anchor="both" />
      <ui inherit="settingsWindow" id="needsHRs" anchor="both" size="823, 159">
        <ui type="flowLayout" padding="0" anchor="both">
          <ui type="spacer" size="1, 4" />
          <ui inherit="songSettingsSimpleProgressBreakdownRow" position="3, 0">
            <ui find="text" visible="0" />
            <ui find="c1" fontSize="24" text="#1" />
            <ui find="c2" fontSize="24" text="#2" />
            <ui find="c3" fontSize="24" text="#3" />
          </ui>
          <ui type="spacer" size="1, 5" />
          <ui inherit="settingsHr" size="823, 1" />
          <ui type="spacer" size="1, 5" />
          <ui id="r1" inherit="songSettingsSimpleProgressBreakdownRow" />
          <ui id="r2" inherit="songSettingsSimpleProgressBreakdownRow" />
          <ui id="r3" inherit="songSettingsSimpleProgressBreakdownRow" />
          <ui type="spacer" size="1, 2" />
          <ui inherit="settingsHr" size="823, 1" />
          <ui type="spacer" size="1, 7" />
          <ui id="r4" inherit="songSettingsSimpleProgressBreakdownRow">
            <ui find="text" tid="date" />
          </ui>
        </ui>
      </ui>
    </ui>
  </ui>

  <ui id="songSettingsColorPopupButton" inherit="button" size="128, 64" fontColor="white" fontColorHover="white" />
  <ui id="songSettingsInstrumentLabel" inherit="settingsLabel" position="10, 21" />
  <ui id="songSettingsInstrumentCategory" type="frame" childrenSensitive="0" size="174, 32">
    <ui id="bg" type="spacer" color="buttonFaceHover" size="174, 32" />
    <ui id="text" type="label" position="10, 16" color="buttonText" align="left, center" />
    <ui type="spacer" color="separatorLine" size="174, 1" position="0, 32" />
  </ui>


  <ui id="songSettingsHButton" type="frame">
    <ui id="icon" type="image" align="center, center" position="22, 22" />
    <ui id="text" type="label" color="white" fontEffect="none" fontSize="17" position="45, 22" align="left, center" />
  </ui>
  <ui id="songSettingsVButton" type="frame" size="78, 69">
    <ui id="icon" type="image" align="center, center" position="40, 25" />
    <ui id="text" type="label" color="white" fontEffect="none" fontSize="14" maxWidth="78" position="41, 53" align="center, center" />
  </ui>

  <ui id="songSettingsAdvancedCursorFollowIcon" type="image" color="songSettingsFadedIcon" align="center, bottom" visible="0" />
  <ui id="songSettingsAdvancedFrame" type="frame" anchor="both, both" size="1024, 724" position="0, 44">
    <ui type="spacer" anchor="both" size="1024, 72" color="menuBackgroundAccent" />

    <ui id="advancedPlayModes" type="flowLayout" direction="horizontal" padding="10" position="1014, 15" anchor="right" align="right">
      <ui id="modeSegment" inherit="segmentButton" />
      <ui id="advancedScores" inherit="button" fontSize="14" autoWidthPadding="8" size="0, 40" tid="statistics" />
    </ui>
    <ui id="advancedWatchOnly" type="flowLayout" position="1006, 18" anchor="right" align="right">
      <ui inherit="backgroundLabel" align="left" wrap="400" tid="noModeHelp" />
    </ui>

    <ui type="flowLayout" position="0, 5" direction="horizontal">
      <ui inherit="songSettingsVButton" id="reset">
        <ui find="icon" texture="interface_lightning" />
        <ui find="text" tid="reset" color="textAgainstBackground" />
      </ui>
      <ui inherit="songSettingsVButton" id="leftHand">
        <ui find="icon" texture="interface_part_left" />
        <ui find="text" tid="left" color="textAgainstBackground" />
      </ui>
      <ui inherit="songSettingsVButton" id="rightHand">
        <ui find="icon" texture="interface_part_right" />
        <ui find="text" tid="right" color="textAgainstBackground" />
      </ui>
      <ui type="spacer" size="12, 1" />
      <ui type="flowLayout" position="0, 13">
        <ui inherit="backgroundLabel" align="left" wrap="250" tid="dragToCopy" />
      </ui>
    </ui>

    <ui id="all" inherit="button" hoverShimmy="0" tid="allParts" autoWidthPadding="6" size="1, 62" position="512, 5" align="center, top" anchor="none" visible="0" />

    <ui id="instrumentPane" type="scrollContainer" anchor="both, both" position="0, 72" size="1019, 652">
      <ui type="flowLayout" position="0, 20" anchor="both">
        <ui id="instrumentList" type="gridLayout" padding="20" fixedDimension="962" position="20, 0" childLayout="rightToLeft" anchor="both" />
        <ui type="spacer" size="1, 20" />
      </ui>
    </ui>

    <ui id="instrumentPopup" inherit="popup" size="496, 530" >
      <ui id="profileListWindowOuter" inherit="softEdgeWindow" color="popupBorder" size="496, 531">
        <ui id="profileListWindowInner" inherit="softEdgeWindow" color="menuBackgroundAccent" size="478, 513" position="9, 9">
          <ui type="spacer" size="174, 513" color="menuBackground" />
          <ui type="flowLayout" id="categories" />
          <ui inherit="settingsArea" id="instruments" labelTemplate="songSettingsInstrumentLabel" position="186, 12" size="280, 61" />
          <ui type="spacer" color="separatorLine" size="1, 513" position="174, 0" />
        </ui>
      </ui>
    </ui>

    <ui id="colorPopup" inherit="popup" size="304, 250" >
      <ui inherit="softEdgeWindow" color="popupBorder" size="304, 250">
        <ui inherit="softEdgeWindow" color="menuBackground" size="286, 232" position="9, 9">
          <ui id="colorGrid" type="gridLayout" padding="10" fixedDimension="267" position="10, 10" />
        </ui>
      </ui>
    </ui>

  </ui>

  <ui id="songSettingsAdvancedInstrument" type="window" size="455, 137">
    <ui type="image" texture="ui_track_box" position="1, 67" />
   
    <ui inherit="songSettingsHButton" id="instrument" size="320, 66">
      <ui find="icon" position="30, 33" /> 
      <ui find="text" position="61, 28" fontSize="22" />
      <ui id="noteCount" type="label" color="white" fontEffect="none" fontSize="14" position="61, 50" align="left, center" />
    </ui>

    <ui id="handIcon" type="image" align="center, center" position="340, 34" />
    <ui id="handIcons" type="flowLayout" direction="horizontal" padding="-16" align="center, center" position="330, 34">
      <ui type="image" texture="interface_part_left" />
      <ui type="image" texture="interface_part_right" />
    </ui>

    <ui inherit="songSettingsHButton" id="preview" size="96, 66" position="360, 0">
      <ui find="icon" position="70, 25" />
      <ui find="text" position="85, 50" align="right, center" maxWidth="100" tid="preview" fontSize="14" />
    </ui>
    
    <ui inherit="songSettingsVButton" id="owner" size="146, 69" position="0, 68">
      <ui find="icon" position="74, 25" />
      <ui find="text" position="74, 53" maxWidth="146" />
    </ui>
    <ui inherit="songSettingsVButton" id="visible" position="146, 68" />
    <ui inherit="songSettingsVButton" id="audible" position="222, 68" />
    <ui inherit="songSettingsVButton" id="sheet" position="300, 68" />
    <ui inherit="songSettingsVButton" id="color" position="377, 68" />
  </ui>

  
  <!-- Various popup help windows -->
  
  <ui id="helpLabel" inherit="backgroundLabel" align="left" wrap="650" />
  <ui id="helpSpacer" type="spacer" size="1, 15" />
  <ui id="helpWindow" type="window" color="buttonFace" autoSizePadding="9, 9" position="512, 280" align="center, center" anchor="none, none">
    <ui id="backButton" inherit="backButton" tid="back" fontSize="18" position="9, 5" />
    <ui id="title" inherit="headerLabel" maxWidth="500" position="350, 9" />
    <ui id="content" inherit="softEdgeWindow" autoSizePadding="-1, 9" size="682, 1" position="9, 49">
      <ui id="flow" type="flowLayout" padding="0" align="center" position="341, 9" />
    </ui>
  </ui>
  <ui id="helpWindowWithButton" inherit="helpWindow">
    <ui find="content">
      <ui find="flow" padding="8" align="left" position="341, 9">
        <ui id="textFlow" type="flowLayout" padding="0" align="center" />
        <ui id="moreInfoButton" inherit="titleButton" fontSize="20" align="center" size="660, 55" tid="defaultLearningPackButton" />
      </ui>
    </ui>
  </ui>

  <ui id="helpSimpleView" inherit="helpWindow">
    <ui find="title" tid="enableSimpleT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="enableSimple1" />
        <ui inherit="helpSpacer" />
        <ui inherit="helpLabel" tid="enableSimple2" />
    </ui></ui>
  </ui>

  <ui id="helpCannotChangePercussion" inherit="helpWindow">
    <ui find="title" tid="percussionT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="percussion1" />
    </ui></ui>
  </ui>

  <ui id="helpGetMoreSongsLocked" inherit="helpWindowWithButton">
    <ui find="title" tid="ipadUnlockT" />
    <ui find="content">
      <ui find="flow">
        <ui find="textFlow">
          <ui inherit="helpLabel" tid="ipadUnlock1" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="ipadUnlock2" />
        </ui>
        <ui find="moreInfoButton" tid="ipadUnlockB" />
      </ui>
    </ui>
  </ui>
  
  <ui id="helpGetMoreSongsUnlocked" inherit="helpWindowWithButton">
    <ui find="title" tid="importSongsT" />
    <ui find="content">
      <ui find="flow">
        <ui find="textFlow">
          <ui inherit="helpLabel" tid="importSongs1" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="importSongs2" />
        </ui>
        <ui find="moreInfoButton" tid="importSongsB" image="interface_globe" />
      </ui>
    </ui>
  </ui>

  <ui id="helpDesktopAddSongs" inherit="helpWindowWithButton">
    <ui find="title" tid="addFoldersT" />
    <ui find="content">
      <ui find="flow">
        <ui find="textFlow">
          <ui inherit="helpLabel" tid="addFolders1" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="addFolders2" />
        </ui>
        <ui find="moreInfoButton" tid="addFoldersB" />
      </ui>
    </ui>
  </ui>

  <ui id="helpMelodyPracticeLearningPack" inherit="helpWindowWithButton">
    <ui find="title" tid="learningPackTitle" />
    <ui find="content"><ui find="flow"><ui find="textFlow">
          <ui inherit="helpLabel" tid="lpMelody" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="learningPackFooter" />
    </ui></ui></ui>
  </ui>

  <ui id="helpNoteLabelsLearningPack" inherit="helpWindowWithButton">
    <ui find="title" tid="learningPackTitle" />
    <ui find="content"><ui find="flow"><ui find="textFlow">
          <ui inherit="helpLabel" tid="lpLabels" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="learningPackFooter" />
    </ui></ui></ui>
  </ui>

  <ui id="helpSheetMusicLearningPack" inherit="helpWindowWithButton">
    <ui find="title" tid="learningPackTitle" />
    <ui find="content"><ui find="flow" padding="30"><ui find="textFlow">
          <ui inherit="helpLabel" tid="lpNotation" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="learningPackFooter" />
    </ui></ui></ui>
  </ui>

  <ui id="helpLoopingLearningPack" inherit="helpWindowWithButton">
    <ui find="title" tid="learningPackTitle" />
    <ui find="content"><ui find="flow" padding="30"><ui find="textFlow">
          <ui inherit="helpLabel" tid="lpLoop" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="learningPackFooter" />
    </ui></ui></ui>
  </ui>

  <ui id="helpFingerHintsLearningPack" inherit="helpWindowWithButton">
    <ui find="title" tid="learningPackTitle" />
    <ui find="content"><ui find="flow" padding="30"><ui find="textFlow">
          <ui inherit="helpLabel" tid="lpFingerHints" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="learningPackFooter" />
    </ui></ui></ui>
  </ui>

  <ui id="helpInstrumentHands" inherit="helpWindowWithButton">
    <ui find="title" tid="handIconsT" />
    <ui find="content">
      <ui find="flow" padding="30">
        <ui find="textFlow">
          <ui inherit="helpLabel" tid="handIcons1" />
          <ui inherit="helpSpacer" />
          <ui inherit="helpLabel" tid="handIcons2" />
        </ui>
        <ui find="moreInfoButton" tid="handIconsB" />
      </ui>
    </ui>
  </ui>

  <ui id="helpInstrumentReset" inherit="helpWindow">
    <ui find="title" tid="resetIconT" />
    <ui find="content">
      <ui find="flow">
        <ui inherit="helpLabel" tid="resetIcon1" />
      </ui>
    </ui>
  </ui>

  <ui id="helpSongScore" inherit="helpWindow">
    <ui find="title" tid="songPointsT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="songPoints1" />
        <ui inherit="helpSpacer" />
        <ui inherit="helpLabel" tid="songPoints2" />
    </ui></ui>
  </ui>

  <ui id="helpReadOnlySong" inherit="helpWindow">
    <ui find="title" tid="readOnlySongT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="readOnlySong1" />
    </ui></ui>
  </ui>

  <ui id="helpLearningPackBadPaste" inherit="helpWindow">
    <ui find="title" tid="lpErrorPasteT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="lpErrorPaste1" />
        <ui inherit="helpSpacer" />
        <ui inherit="helpLabel" tid="lpErrorPaste2" />
    </ui></ui>
  </ui>

  <ui id="helpLearningPackDeactivated" inherit="helpWindow">
    <ui find="title" tid="lpErrorDeactivatedT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="lpErrorDeactivated1" />
        <ui inherit="helpSpacer" />
        <ui inherit="helpLabel" tid="lpErrorDeactivated2" />
    </ui></ui>
  </ui>

  <ui id="helpLearningPackPublicKey" inherit="helpWindow">
    <ui find="title" tid="lpErrorPublicT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="lpErrorPublic1" />
        <ui inherit="helpSpacer" />
        <ui inherit="helpLabel" tid="lpErrorPublic2" />
        <ui inherit="helpLabel" text="Nicholas" />
    </ui></ui>
  </ui>

  <ui id="helpLearningPackShortCodeNoConnection" inherit="helpWindow">
    <ui find="title" tid="lpErrorNoInternetT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="lpErrorNoInternet1" />
    </ui></ui>
  </ui>

  <ui id="helpLearningPackShortCodeTooManyRetrievals" inherit="helpWindow">
    <ui find="title" tid="lpErrorTooManyT" />
    <ui find="content"><ui find="flow">
        <ui inherit="helpLabel" tid="lpErrorTooMany1" />
    </ui></ui>
  </ui>

  <ui id="helpDeviceDisconnect" type="window" color="deviceDisconnectBackground" size="800, 400" position="512, 330" anchor="none, none" align="center, center">
    <ui type="image" texture="device_disconnect" position="400, 330" align="center, bottom" />
    <ui type="label" color="deviceDisconnectText" fontSize="24" tid="deviceLost" position="400, 350" align="center" />
    <ui id="backButton" inherit="backButton" tid="back" fontEffect="none" fontSize="18" position="9, 5" color="deviceDisconnectButton" colorHover="deviceDisconnectButton" fontColor="deviceDisconnectText" fontColorHover="deviceDisconnectText" />
  </ui>

  <ui id="helpConfirmEarlyQuit" inherit="helpWindowWithButton">
    <ui find="title" tid="songProgressLossT" />
    <ui find="backButton" tid="cancel" />
    <ui find="content">
      <ui find="flow" padding="30">
        <ui find="textFlow">
          <ui inherit="helpLabel" tid="songProgressLoss1" />
        </ui>
        <ui find="moreInfoButton" tid="songProgressLossB" />
      </ui>
    </ui>
  </ui>


  <!-- Play -->
  <ui type="label" id="playTitleLabel" position="1124, 0" color="titleBarMajorText" fontEffect="outline" />
  <ui inherit="playTitleLabel" position="0, 19" align="left, bottom" fontSize="14" id="playTitleCreditName" color="titleBarMinorText" fontEffect="none" />
  <ui inherit="playTitleLabel" position="0, 22" align="left, bottom" fontSize="22" id="playTitleCreditValue" maxWidth="256" />
  <ui id="playTitleBar" type="frame" size="1024, 188" position="0, 215" anchor="both, none" layer="10">
    <ui type="flowLayout" anchor="both">
      <ui type="spacer" id="s0" size="1024, 6" anchor="both" color="titleBarLightAccent" />
      <ui type="spacer" id="s1" size="1024, 6" anchor="both" color="titleBarDarkAccent" />
      <ui type="spacer" id="s2" size="1024, 164" anchor="both" color="titleBarBackground" />
      <ui type="spacer" id="s3" size="1024, 6" anchor="both" color="titleBarDarkAccent" />
      <ui type="spacer" id="s4" size="1024, 6" anchor="both" color="titleBarLightAccent" />
    </ui>

    <ui type="distributedLayout" position="0, 12" size="1024, 164" extentsArePadded="1" excludeHidden="1" anchor="both">
      <ui inherit="playTitleLabel" maxWidth="1024" anchor="both" id="playTitleGroup" fontSize="16" visible="0" />
      <ui inherit="playTitleLabel" maxWidth="1024" anchor="both" id="playTitleMain" fontSize="44"  />
      <ui inherit="playTitleLabel" maxWidth="1024" anchor="both" id="playTitleSub" fontSize="26" visible="0" />
      <ui id="creditsFrame" type="frame" size="1024, 22" anchor="both" visible="0" />
    </ui>
  </ui>

  <ui id="playToolboxButton" inherit="headerButton" color="headerText" colorHover="headerText" />
  <ui id="playMenuDrawer" type="flowLayout" anchor="both" excludeHidden="1">

    <ui type="frame" id="menu" anchor="both" size="1024, 44">
      <ui type="spacer" anchor="both" size="1024, 44" color="headerGradientBottom" />
      <ui type="image" anchor="both" size="1024, 44" color="headerGradientTop" texture="gradientDown" />
      <ui type="flowLayout" padding="6" direction="horizontal" position="4, 0" excludeHidden="1">
        <ui id="backButton" inherit="backButton" position="0, 2" tid="back" />
        <ui id="helpButton" inherit="headerTextButton" tid="help" />
      </ui>
      
      <ui type="flowLayout" position="512, 22" align="center, center" anchor="none" direction="horizontal" excludeHidden="1" id="playControls">
        <ui inherit="headerSep" />
        <ui inherit="playToolboxButton" id="playPause" image="interface_pause" />
        <ui inherit="headerSep" id="separator" />
        <ui inherit="playToolboxButton" id="previousBookmark" image="interface_previous_bookmark" />
        <ui inherit="playToolboxButton" id="nextBookmark" image="interface_next_bookmark" />
        <ui inherit="headerSep" />
        <ui inherit="playToolboxButton" id="speedDown" image="interface_minus" />
        <ui type="frame" size="56, 44">
          <ui id="speedText" type="label" color="headerText" align="center" position="28, 3" fontSize="20" />
          <ui id="bpmText" type="label" color="headerText" align="center" position="28, 24" fontSize="12" />
        </ui>
        <ui inherit="playToolboxButton" id="speedUp" image="interface_plus" />
        <ui inherit="headerSep" />
      </ui>
      
      <ui type="flowLayout" position="1014, 22" align="right, center" anchor="right" direction="horizontal" excludeHidden="1" id="toolbox">
        <ui inherit="playToolboxButton" id="metronome" image="interface_metronome" />
        <ui inherit="playToolboxButton" id="zoom" image="interface_zoom" />
        <ui inherit="playToolboxButton" id="labels" image="interface_label" />
        <ui inherit="playToolboxButton" id="bookmarks" image="interface_bookmark_edit" />
        <ui inherit="playToolboxButton" id="fingerHints" image="interface_hand" />
        <ui inherit="playToolboxButton" id="loops" image="interface_loop" />
        <ui id="recitalSpacer" type="spacer" size="50, 1" visible="0" />
      </ui>
    </ui>

    <ui type="frame" id="timeline" anchor="both" size="1024, 46">
      <ui type="flowLayout" position="6, 29" padding="6" layer="4" direction="horizontal" sensitive="0">
        <ui type="numericLabel" id="currentTime" />
        <ui type="numericLabel" id="practiceOverage" />
      </ui>
      <ui layer="4" type="numericLabel" id="totalTime" position="1020, 29" align="right" anchor="right" />
    </ui>
  </ui>

  <ui id="playTimelineTooltip" type="flowLayout" direction="horizontal" padding="3">
    <ui type="label" color="tooltipText" tid="time:" fontSize="12" />
    <ui type="numericLabel" color="tooltipTextAccent" id="timeText" />
    <ui type="spacer" size="20, 1" />
    <ui type="label" color="tooltipText" tid="measure:" fontSize="12" />
    <ui type="numericLabel" color="tooltipTextAccent" id="measureText" />
  </ui>

  <ui id="playStatsFrame" type="frame" size="250, 0" layer="2" position="1014, 0" align="right" anchor="right" />
  
  <ui id="playMelodyStats" inherit="tooltipWindow" size="250, 33">
    <ui type="label" position="10, 10" tid="notes:" color="tooltipTextFaded" fontSize="12" />
    <ui id="notesLabel" type="numericLabel" position="53, 10" color="tooltipTextAccent" />
    <ui type="label" position="130, 10" tid="errors:" color="tooltipTextFaded" fontSize="12" />
    <ui id="errorsLabel" type="numericLabel" position="180, 10" color="tooltipTextAccent" />
  </ui>
  <ui id="playRhythmStats" inherit="playMelodyStats" size="250, 52">
    <ui type="label" position="10, 30" tid="points:" color="tooltipTextFaded" fontSize="12" />
    <ui id="scoreLabel" type="numericLabel" position="53, 30" color="tooltipText" />
    <ui id="multiplierLabel" type="numericLabel" position="230, 30" color="tooltipTextAccentFaded" />
  </ui>

  <ui id="playLoopMelody" inherit="tooltipWindow" size="250, 20" visible="0">
    <ui id="flow" type="flowLayout" excludeHidden="1" padding="1" position="0, 10" />
  </ui>
  <ui id="playLoopRhythm" inherit="playLoopMelody" size="150, 20" />

  <ui id="playRhythmRow" type="frame" size="170, 17" position="10, 0">
    <ui id="loop" type="label" color="tooltipTextFaded" fontSize="12" />
    <ui id="score" type="numericLabel" color="tooltipTextAccent" position="80, 0" />
  </ui>
  <ui id="playMelodyRow" type="frame" size="240, 17" position="10, 0">
    <ui type="label" color="tooltipTextFaded" fontSize="12" tid="time:" position="60, 0" />
    <ui type="label" color="tooltipTextFaded" fontSize="12" tid="notes:" position="160, 0" />
    <ui id="loop" type="label" color="tooltipTextFaded" fontSize="12" />
    <ui id="timeOverage" type="numericLabel" color="tooltipTextAccent" position="106, 0" />
    <ui id="noteOverage" type="numericLabel" color="tooltipTextAccent" position="200, 0" />
  </ui>

  <ui id="playBookmarkControls" type="flowLayout" direction="horizontal" position="55, 0" visible="0" padding="15" layer="7">
    <ui inherit="tooltipWindow" autoSizePadding="10" size="1, 44">
      <ui type="label" color="tooltipText" tid="bookmarkInstructions" fontSize="18" position="10, 22" align="left, center" />
    </ui>
    <ui id="clearAll" inherit="button" autoWidthPadding="10" size="1, 44" tid="clearBookmarks" />
  </ui>

  <ui id="playLoopingSubControls" inherit="tooltipWindow" size="258, 64" position="50, 64">
    <ui id="f" type="flowLayout" padding="10" direction="horizontal" position="10, 10">
      <ui id="prev" inherit="button" image="interface_previous_bookmark" size="44, 44" />
      <ui type="frame" size="130, 44" id="f">
        <ui id="l" type="label" color="tooltipText" fontSize="18" position="65, 22" align="center, center" />
      </ui>
      <ui id="next" inherit="button" image="interface_next_bookmark" size="44, 44" />
    </ui>
  </ui>

  <ui id="playLoopingControls" type="frame" align="left, bottom" size="1024, 128" anchor="both" visible="0" layer="7">
    <ui inherit="tooltipWindow" autoSizePadding="10" size="1, 52" position="512, 0" align="center" anchor="none">
      <ui type="flowLayout" direction="horizontal" padding="10" position="10, 0">
        <ui type="label" color="tooltipText" tid="loopInstructions" fontSize="18" position="0, 26" align="left, center" />
        <ui id="clearLoop" inherit="button" fontSize="18" align="left, center" tid="loopClear" autoWidthPadding="10" size="1, 38" position="0, 26" />
      </ui>
    </ui>

    <ui id="loopStart" inherit="playLoopingSubControls"><ui find="f"><ui find="f"><ui find="l" tid="loopStart" /></ui></ui></ui>
    <ui id="loopWhole" inherit="playLoopingSubControls" anchor="none" align="center" position="512, 64"><ui find="f"><ui find="f"><ui find="l" tid="entireLoop" /></ui></ui></ui>
    <ui id="loopEnd" inherit="playLoopingSubControls" anchor="right" align="right" position="974, 64"><ui find="f"><ui find="f"><ui find="l" tid="loopEnd" /></ui></ui></ui>
  </ui>

  <ui id="playFingerHintControls" inherit="tooltipWindow" autoSizePadding="10" size="1, 44" position="40, 0" visible="0" layer="7">
    <ui type="label" color="tooltipText" tid="fingerHintInstructions" fontSize="18" position="10, 22" align="left, center" />
  </ui>

  <ui id="playComboLabel" type="label" align="center" anchor="none" position="512, -24" color="white" fontEffect="outline" fontSize="24" />
  
  <ui id="playPopup" inherit="popup" color="buttonFace" layer="11" />

  <ui id="playLabelPopup" inherit="playPopup" autoSizePadding="0, 0">
    <ui id="profileListWindowOuter" inherit="softEdgeWindow" color="buttonFace" autoSizePadding="9, 9">
      <ui id="profileListWindowInner" inherit="softEdgeWindow" color="menuBackgroundAccent" autoSizePadding="10, 10" position="9, 9">
        <ui type="flowLayout" padding="10" position="0, 10">
          <ui id="labelType" inherit="segmentButton" position="210, 0" align="center" />
          <ui id="labelMode" inherit="settingsArea" size="420, 44" position="10, 0" />
          <ui id="labelUpcomingOnly" inherit="settingsArea" size="420, 44" position="10, 0" />
        </ui>
      </ui>
    </ui>
  </ui>

  <ui id="playZoomPopup" inherit="playPopup" autoSizePadding="0, 0">
    <ui id="profileListWindowOuter" inherit="softEdgeWindow" color="buttonFace" autoSizePadding="9, 9">
      <ui id="profileListWindowInner" inherit="softEdgeWindow" color="menuBackgroundAccent" autoSizePadding="10, 10" position="9, 9">
        <ui type="flowLayout" position="10, 10" excludeHidden="1" padding="10">
          <ui id="iPadZoomHint" inherit="backgroundLabel" wrap="480" align="left" tid="pinchKeyboard" />
          <ui id="desktopZoomHint" inherit="backgroundLabel" wrap="480" align="left" tid="dragKeyboard" />
          <ui id="zoomMode" inherit="settingsArea" size="480, 44" />
          <ui type="flowLayout" direction="horizontal" padding="10">
            <ui id="zoomOut" inherit="button" image="interface_minus" size="44, 44" />
            <ui id="zoomIn" inherit="button" image="interface_plus" size="44, 44" />
          </ui>
        </ui>
      </ui>
    </ui>
  </ui>

  <ui id="playMetronomePopup" inherit="playPopup" autoSizePadding="0, 0">
    <ui id="profileListWindowOuter" inherit="softEdgeWindow" color="buttonFace" autoSizePadding="9, 9">
      <ui id="profileListWindowInner" inherit="softEdgeWindow" color="menuBackgroundAccent" autoSizePadding="10, 10" position="9, 9">
        <ui type="flowLayout" padding="10" position="10, 10">
          <ui id="velocity" inherit="settingsArea" size="470, 44"><ui id="velocitySlider" inherit="volumeSlider" position="370, 0" /></ui>
          <ui id="mode" inherit="settingsArea" size="470, 44" />
          <ui id="speed" inherit="settingsArea" size="470, 44" />
          <ui id="style" inherit="settingsArea" size="470, 44" />
        </ui>
      </ui>
    </ui>
  </ui>

  
  <!-- Play Help -->
  <ui id="playHelpBind" type="flowLayout" padding="2">
    <ui type="spacer" size="0, 5" />
    <ui id="line" type="spacer" color="playHelpLine" size="2, 14" />
    <ui type="flowLayout" direction="horizontal" padding="3" align="right" position="10, 0">
      <ui id="text" type="label" color="playHelpText" fontSize="12" />
      <ui id="keybind" type="label" color="playHelpText" fontSize="12" />
    </ui>
  </ui>

  <ui id="playHelpLabel" type="label" color="tooltipText" fontSize="18" position="10, 10" />
  <ui id="playHelpDirections" type="flowLayout" position="20, 0">
    <ui type="spacer" size="0, -53" />
    <ui inherit="tooltipWindow" autoSizePadding="10, 10"><ui inherit="playHelpLabel" tid="hitNotesAtBar" /></ui>
    <ui type="spacer" size="0, 70" />
    <ui inherit="tooltipWindow" autoSizePadding="10, 10"><ui inherit="playHelpLabel" tid="websiteHasHelp" /></ui>
    <ui type="spacer" size="0, 10" />
    <ui inherit="tooltipWindow" autoSizePadding="10, 10"><ui inherit="playHelpLabel" tid="visitShortcuts" /></ui>
  </ui>


  <!-- After-song Stats -->
  <ui id="statsScreen" type="frame" anchor="both, both" size="1024, 768" >
    <ui inherit="menuBackground" />

    <ui type="spacer" anchor="both, both" size="1024, 768" color="menuBackgroundAccent" />
    <ui inherit="headerBar"><ui find="backButton" tid="songSettings" /></ui>

    <ui id="partLabel" inherit="settingsLabel" position="10, 54" />
    <ui inherit="settingsWindow" anchor="both, both" size="1004, 569" position="10, 81">
      <ui id="tableDummy" type="frame" anchor="both, both" size="946, 559" position="10, 10" />
    </ui>
    <ui id="playAgain" tid="playAgain" inherit="settingsButton" position="10, 660" anchor="both, bottom" autoWidthPadding="-1" size="1004, 44" />
    <ui id="launchRecitalSite" visible="0" image="interface_globe" tid="launchRecitalSite" inherit="settingsButton" position="10, 714" anchor="both, bottom" autoWidthPadding="-1" size="1004, 44" />
  </ui>

  
  <!-- Shared Setting screen elements -->
  <ui id="settingsScreenBase" type="frame" anchor="both, both" size="1024, 768" >
    <ui inherit="menuBackground" />

    <ui inherit="headerBar">
      <ui find="backButton" tid="synthesia" />
      <ui find="titleText" tid="settings" />
    </ui>
    
    <ui type="spacer" anchor="left, both" size="1, 724" color="separatorLine" position="240, 44" />

    <ui type="flowLayout" id="sidebar" position="0, 44" padding="1" />
    <ui type="spacer" position="241, 44" size="783, 724" anchor="both, both" color="menuBackgroundAccent" />
    <ui type="frame" id="settingsContent" position="241, 44" size="783, 724" anchor="both, both" />
  </ui>

  <ui id="settingsScreenValue" type="frame" anchor="both, both" size="1024, 768" >
    <ui type="spacer" anchor="both, both" size="1024, 768" color="menuBackgroundAccent" />
    <ui id="header" inherit="headerBar"><ui find="backButton" tid="settings" /></ui>
    <ui type="flowLayout" id="flow" padding="6" position="20, 64" anchor="both" />
  </ui>

  
  <!-- Chord Library -->
  <ui id="chordLibraryScreen" type="frame" anchor="both, both" size="1024, 768">
    <ui inherit="menuBackground" />

    <ui type="spacer" anchor="both, both" size="1024, 768" color="menuBackgroundAccent" />
    <ui inherit="headerBar"><ui find="backButton" tid="synthesia" /><ui find="titleText" text="NYI Chord Library" /></ui>

    <ui type="flowLayout" position="0, 54" anchor="both" padding="10">
      <ui type="distributedLayout" direction="horizontal" extentsArePadded="1" size="1024, 100" anchor="both">
        <ui id="inputLabel" inherit="settingsLabel" fontSize="36" align="left" text="NYI Input:" />
        <ui id="chordLabel" inherit="settingsLabel" fontSize="36" align="left" text="NYI (Output)" />
      </ui>
      <ui id="keyboard" type="keyboard" width="1024" anchor="both" />
    </ui>
  </ui>
  
  
  <!-- Music devices -->
  <ui id="musicDeviceScreen" type="flowLayout" padding="6" anchor="both" position="20, 20">
    <ui inherit="settingsLabel" tid="musicInput" />
    <ui id="inputTable" inherit="settingsArea" size="725, 44" />
    <ui type="spacer" size="1, 5" />

    <ui inherit="settingsLabel" tid="musicOutput" />
    <ui id="outputTable" inherit="settingsArea" size="725, 44" />
    <ui type="spacer" size="1, 35" />

    <ui id="keyboardHelp" inherit="settingsButton" color="menuBackground" tid="helpConnecting" image="interface_globe" fontSize="20" size="725, 44" anchor="both" autoWidthPadding="-1" />
  </ui>

  <ui id="inputDeviceScreen" inherit="settingsScreenValue">
    <ui find="header"><ui find="backButton" tid="musicDevices" /></ui>
    <ui find="flow">
      <ui id="enabled" inherit="settingsArea" size="984, 44" />
      <ui id="virtualPiano" inherit="backgroundLabel" position="492, 0" tid="virtualPianoHelp" />

      <ui id="enabledOnly" type="flowLayout" padding="6" anchor="both" excludeHidden="1">
        <ui id="fullDevice" type="flowLayout" padding="6" anchor="both">
          <ui type="spacer" size="1, 8" />
          <ui inherit="settingsLabel" tid="inputDeviceSettings" />
          <ui id="volumeArea" inherit="settingsArea" size="984, 44"><ui id="volumeSlider" inherit="volumeSlider" /></ui>
          <ui inherit="backgroundLabel" position="492, 0" tid="inputScaleHelp" />
          <ui type="spacer" size="1, 8" />

          <ui id="rangeArea" inherit="settingsArea" size="984, 44">
            <ui id="rangeResetButton" inherit="button" tid="resetNoteRange" autoWidthPadding="18" size="0, 34" position="870, 5" align="right" anchor="right" />
          </ui>
          <ui inherit="backgroundLabel" position="492, 0" tid="noteRangeHelp" />
        </ui>

        <ui type="spacer" size="1, 24" />
        <ui id="keyboard" type="keyboard" width="984" anchor="both" />
      </ui>
    </ui>
  </ui>

  <ui id="outputDeviceScreen" inherit="settingsScreenValue">
    <ui find="header"><ui find="backButton" tid="musicDevices" /></ui>
    <ui find="flow" excludeHidden="1">
      <ui inherit="settingsLabel" tid="outputDeviceUses" />
      <ui id="enabled" inherit="settingsArea" size="984, 44" />
      <ui type="spacer" size="1, 8" />

      <ui id="enabledOnly" type="flowLayout" padding="6" anchor="both">
        <ui id="volumeArea" inherit="settingsArea" size="984, 44"><ui id="volumeSlider" inherit="volumeSlider" /></ui>
        <ui inherit="backgroundLabel" position="492, 0" tid="outputScaleHelp" />

        <ui type="spacer" size="1, 24" />
        <ui id="keyboard" type="keyboard" width="984" anchor="both" />
        <ui inherit="backgroundLabel" position="492, 0" tid="testHelp" />
        <ui id="testButton" inherit="settingsButton" anchor="right" align="right" position="984, 0" tid="test" />
      </ui>
    </ui>
  </ui>

  <ui id="keyLightScreen" inherit="settingsScreenValue">
    <ui find="header">
      <ui find="backButton" tid="back" />
    </ui>
    <ui type="scrollContainer" position="0, 44" size="1024, 724" anchor="both, both">
      <ui type="flowLayout" id="flow" padding="6" position="20, 20" anchor="both">
        <ui id="channels" inherit="settingsArea" size="966, 44" />
        <ui type="spacer" size="1, 14" />
      </ui>
    </ui>
  </ui>


  <!-- Color theme template -->
  <ui id="themeTemplate" type="frame" size="550, 244">
    <ui type="spacer" position="-2, -2" size="554, 248" color="black" />
    
    <ui inherit="headerBar" id="header" size="550, 44">
      <ui find="grad1" size="550, 44" />
      <ui find="grad2" size="550, 44" />
      <ui find="backButton" tid="back" />
      <ui find="titleText" tid="colorTheme" position="275, 6" />
    </ui>

    <ui type="spacer" position="0, 44" size="550, 100" color="menuBackground" />
    <ui inherit="titleButton" id="themeButton" position="275, 70" />

    <ui type="spacer" position="0, 144" size="550, 100" color="menuBackgroundAccent" />

    <ui inherit="settingsArea" align="center" position="275, 165" size="520, 44" id="table" />
    <ui inherit="backgroundLabel" text="Lorem ipsum dolor sit amet, consectetur adipisicing elit..." position="275, 216" />
  </ui>

  <!-- Shortcut binding -->
  <ui id="shortcutBindingScreen" inherit="settingsScreenValue">
    <ui find="flow">
      <ui id="table" inherit="settingsArea" size="984, 44" />
      <ui id="footer" inherit="backgroundLabel" position="512, 0" />
      <ui type="spacer" size="1, 8" />
      <ui type="flowLayout" direction="horizontal" excludeHidden="1" padding="20" position="984, 0" anchor="right" align="right">
        <ui id="resetButton" inherit="settingsCautionButton" tid="resetToDefault" />
        <ui id="addButton" inherit="settingsAddButton" />
      </ui>
    </ui>
  </ui>
  
  <!-- Shortcut binding popup -->
  <ui id="shortcutBindingWindow" inherit="popupCancelSaveWindow">
    <ui find="content" size="382, 158">
      <ui type="distributedLayout" position="191, 4" size="382, 158" extentsArePadded="1">
        <ui inherit="backgroundLabel" fontSize="18" wrap="360" tid="bindKey" />
        <ui id="bindText" inherit="backgroundLabel" fontSize="36" text=" " />
      </ui>
    </ui>
    <ui id="deleteButton" inherit="titleButton" color="buttonDeny" colorHover="buttonDenyHover" hoverShimmy="0" tid="deleteShortcut" align="left" size="382, 44" position="9, 217" />
  </ui>

  <ui id="settingsProfileFlow" type="flowLayout" padding="6" position="20, 20" anchor="both" />
  <ui id="settingsProfileAdd" type="flowLayout" direction="horizontal" excludeHidden="1" padding="20" position="484, 0" anchor="right" align="right"><ui id="addButton" inherit="settingsAddButton" /></ui>

  <!-- Profile details -->
  <ui id="profileDetailsScreen" inherit="settingsScreenValue">
    <ui find="header"><ui find="backButton" tid="userProfiles" /></ui>
    <ui find="flow">
      <ui id="table" inherit="settingsArea" size="984, 44" />
      <ui type="spacer" size="1, 8" />
      <ui id="deleteButton" inherit="settingsCautionButton" autoWidthPadding="-1" size="984, 44" anchor="both" tid="deleteUser" />
      <ui id="footer" inherit="backgroundLabel" position="512, 0" tid="deleteUserHelp" />
    </ui>
  </ui>

  <!-- Profile dialogs -->
  <ui id="profileAddWindow" inherit="popupCancelSaveWindow" size="700, 310">
    <ui find="titleText" tid="newProfile" position="350, 9" />
    <ui find="saveButton" position="691, 9" />
    <ui find="content" color="menuBackgroundAccent" size="682, 252">
      <ui type="flowLayout" position="10, 14" padding="8">
        <ui inherit="settingsWindow" id="searchBox" size="662, 44">
          <ui id="box" inherit="textbox" emptyHint="name" maxLength="30" width="657" fontSize="17" position="3, 11" />
        </ui>
        <ui type="spacer" size="1, 0" />
        <ui type="flowLayout" direction="horizontal" padding="5" align="center" position="331, 0">
          <ui type="frame" size="16, 16" align="left, center">
            <ui id="statusIcon" type="image" />
            <ui id="animatedIcon" type="image" texture="interface_progress" color="buttonFace" />
          </ui>
          <ui id="statusLabel" inherit="backgroundLabel" align="left, center" />
        </ui>
        <ui type="spacer" size="1, 5" />
        <ui id="table" inherit="settingsArea" size="662, 44" />
        <ui inherit="backgroundLabel" position="331, 0" wrap="600" tid="onlineAccountHelp" />
      </ui>
    </ui>
  </ui>

  <ui id="profilePasswordWindow" inherit="popupCancelSaveWindow" size="700, 280">
    <ui find="titleText" maxWidth="450" position="350, 9" />
    <ui find="saveButton" position="691, 9" tid="accept" />
    <ui find="content" color="menuBackgroundAccent" size="682, 222">
      <ui type="flowLayout" position="10, 14" padding="6">
        <ui inherit="settingsWindow" id="searchBox" size="662, 44">
          <ui id="box" inherit="textbox" emptyHint="textboxHintPassword" passwordMask="1" maxLength="30" width="657" fontSize="17" position="3, 11" />
        </ui>
        <ui type="spacer" size="1, 8" />
        <ui id="savePassword" inherit="settingsArea" size="662, 44" />
        <ui inherit="backgroundLabel" tid="passwordHelp" position="331, 44" />
      </ui>
    </ui>
  </ui>

  <!-- Service Wait -->
  <ui id="serviceWaitWindow" type="window" color="buttonFace" size="800, 170" position="512, 280" align="center, center" anchor="none, none">
    <ui id="backButton" inherit="backButton" tid="back" fontSize="18" position="9, 5" visible="0" />
    <ui id="titleText" inherit="headerLabel" position="400, 9" />
    <ui id="content" inherit="softEdgeWindow" size="782, 112" position="9, 49">
      <ui type="flowLayout" direction="horizontal" padding="5" align="center" position="391, 55">
        <ui type="frame" size="16, 16" align="left, center">
          <ui id="statusIcon" type="image" />
          <ui id="animatedIcon" type="image" texture="interface_progress" color="buttonFace" />
        </ui>
        <ui id="statusLabel" tid="contactingServer" inherit="backgroundLabel" align="left, center" />
      </ui>
    </ui>
  </ui>

  <!-- Watched Folders -->
  <ui id="watchedFoldersButtons" type="flowLayout" direction="horizontal" excludeHidden="1" padding="20" anchor="right" align="right">
    <ui id="builtInFoldersButton" inherit="settingsButton" tid="includeBuiltIn" />
    <ui id="addButton" inherit="settingsAddButton" />
  </ui>

  <ui id="watchedFolderDetailsScreen" inherit="settingsScreenValue">
    <ui find="header"><ui find="backButton" tid="songs" /></ui>
    <ui find="flow" excludeHidden="1">
      <ui id="tableRecursive" inherit="settingsArea" size="984, 44" />
      <ui id="recursiveSpacer" type="spacer" size="1, 8" />
      <ui id="tableEnabled" inherit="settingsArea" size="984, 44" />
      <ui type="spacer" size="1, 8" />
      <ui id="deleteButton" inherit="settingsCautionButton" autoWidthPadding="-1" size="984, 44" anchor="both" tid="stopSearching" />
    </ui>
  </ui>

  <!-- Watched Folder Add popup -->
  <ui id="folderAddDialogButton" inherit="button" size="180, 44" />
  <ui id="folderAddWindow" inherit="popupCancelSaveWindow" size="800, 510" position="512, 400">
    <ui find="saveButton" position="791, 9" tid="add" />
    <ui find="content" color="menuBackgroundAccent" size="782, 452">
      <ui inherit="settingsWindow" size="762, 44" position="10, 14">
        <ui id="path" inherit="breadcrumb" maxWidth="742" position="10, 13" fontSize="15" />
      </ui>
      <ui id="specialFlow" type="flowLayout" position="10, 68" padding="8" />
      <ui inherit="settingsWindow" size="572, 343" position="200, 68">
        <ui id="datagrid" inherit="scrollingDataGrid" mode="selectable" position="8, 5" size="0, 337" />
      </ui>
      <ui id="songCount" inherit="backgroundLabel" align="left" position="208, 420" fontSize="18" />
    </ui>
  </ui>
  
</UiDescription>
