.dialog.openBackingTrackDialog-overlay.ftue-overlay.tall#open-backing-track-dialog layout="dialog" layout-id="open-backing-track-dialog"

  .content-head
    = image_tag "content/icon_add.png", {:width => 19, :height => 19, :class => 'content-icon' }
    h1
      | open an audio file

  .dialog-inner

    .recording-wrapper
      table.open-backing-tracks cellspacing="0" cellpadding="0" border="0"
        thead
          tr
            th align="left"
              | NAME
            th align="left"
              | SIZE
            th align="left"
              | TYPE
        tbody
    br

    / .left.paginator-holder

    .help-links
      a.display-backingtracks-folder href='#'
        | Display audio file folder
      a.what-are-backingtracks href='#'
        | What are Backing Tracks?      
    .right
      a href="#" class="button-grey" layout-action="close"
        | CANCEL
    br clear="all"

  script#template-backing-track-row type="text/template"
    tr data-recording-id="{{data.backingTrackId}}" data-local-state="{{data.backingTrackState}}"
      td
        | {{data.name}}
      td
        | {{data.length}}      
      td
        | {{data.type}}