title: How to store hierarchy in Entity Framework
body: <p>Take a look at the following UI:</p>
  
  <p><img src="https://i.stack.imgur.com/aNBIF.png" alt="ui mockup"></p>
  
  <p>I am allowing the user, who owns an auto shop of some kind, to select what types of service his shop provides. There are 5 levels to my hierarchy and thousands of total entries. Selecting (checking) any skill area automatically selects all sub-areas or child areas. Each area has an ID which for the top level looks like 10000, the next level 11000, etc...</p>
  
  <p>My questions:</p>
  
  <ol>
  <li>How can I achieve this UI with one code base supporting mobile, tablet and desktop interfaces?</li>
  <li>How can I represent the hierarchy using Entity Framework for populating the hierarchy as well as storing the user's selections?</li>
  </ol>
  
  <p>The application is in ASP.Net MVC 4 using SimpleMembership.</p>