~~~~addresscontent~~~~
    {#AddressLine1}<div>{AddressLine1}</div>{/AddressLine1}
    {#AddressLine2}<div>{AddressLine2}</div>{/AddressLine2}
    {#AddressLine3}<div>{AddressLine3}</div>{/AddressLine3}
    {#City}<div>{City}, {StateProvince}, {PostalCode}</div>{/City}
    {#Country}<div>{Country}</div>{/Country}
    {@getEmptyAddressSpacer record=. /}

~~~~address~~~~
    <dt>{@string key="common_address" /}</dt>
    <dd>
        <a href="#/{_root}/{id}/map">
            {>addresscontent /}
        </a>
    </dd>
    
~~~~formfieldbegin~~~~
    <div class="control-group">
        <label for="{_id}">{@string key=_labelKey /}</label>
~~~~formfieldend~~~~
    </div> <!-- /.control-group -->

~~~~input~~~~
    {>formfieldbegin /}
        <input type="{_type}" id="{_id}" placeholder="{_placeholder}" class="{_class}" value="{_value}" name="{_name}" maxlength="{_maxLength}" />
    {>formfieldend /}

~~~~textarea~~~~
    
    {>formfieldbegin /}
        <textarea id="{_id}" placeholder="{_placeholder}" class="{_class}" name="{_name}" style="height:100px">
            {_value}
        </textarea>
    {>formfieldend /}

~~~~picker~~~~
    {>formfieldbegin /}
        <div id="{_id}" class="{_class} picker-field">
            <div class="pull-right picker-search">
                <button data-target="{target}" class="btn btn-mini picker-search-button">
                    <i class="icon-search"></i>
                </button>
            </div>
            <div class="picker-value-field">
                <div class="pull-right picker-remove">
                    <a href="#/{clear}" class="btn btn-mini" style="{@showOnContent value=_key /}"><i class="icon-remove"></i></a>
                </div>
                <div class="picker-value">
                    <input style="visibility:collapse;display:none" name="{_name}" value="{_key}" />{_value}&nbsp;
                </div>
            </div>
        </div>
    {>formfieldend /}

~~~~cb~~~~
    <div class="control-group">
        <label for="{_id}">{@string key=_labelKey /}</label>
        <input type="checkbox" id="{_id}" name="{_name}"/>
    </div>

~~~~linkbutton~~~~
    <div class="control-group">
        <div class="controls">
            <a class="btn btn-primary" href="{_target}">{@string key=_labelKey /}</a>
        </div>
    </div>

~~~~lvp~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{value}</dd>
    {/value}

~~~~lvpn~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{@numfmt value=value fmt=fmt /}</dd>
    {/value}

~~~~lvpc~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{@numfmt value=value fmt="0,0" /}</dd>
    {/value}

~~~~lvph~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd><a href="tel:{value}">{value}</a></dd>
    {/value}

~~~~lvpe~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd><a href="mailto:{value}">{value}</a></dd>
    {/value}

~~~~lvpst~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{@datefmt value=value fmt="hh:mm" /}</dd>
    {/value}

~~~~lvpsd~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{@datefmt value=value fmt="L" /}</dd>
    {/value}

~~~~lvpsmond~~~~
    {#value}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd>{@datefmt value=value fmt="MMM-DD" /}</dd>
    {/value}

~~~~lvpa~~~~
    {#title}
        <dt>{#labelKey}{@string key=labelKey /}{/labelKey}</dt>
        <dd><a href="http://{title}" target="_blank">{title}</a></dd>
    {/title}

~~~~search~~~~
    <form action="." class="form-search new-section">
        <input id="{target}-searchBox" type="text" class="input-medium typeahead" data-provide="typeahead" data-items="4" onkeyup="App.searchFieldClear.fieldChanged(this);" autocorrect="off" autocapitalize="off" />
        <button id="{target}-searchBtn" class="btn" type="button">{@string key="common_search" /}</button>
        <div class="search-results hidden">
            <label id="searchResults">{@string key="search_list_noresults" /}</label>
        </div>
    </form>

~~~~listbegin~~~~
    <ul id="{#_listID}{_listID}{/_listID}" class="nav nav-list nav-stacked item-list {target}-list" >
~~~~listitembegin~~~~
        <li>
            <a href="javascript:Backbone.history.navigate('#/{_target}', { replace: {#_replace}true{:else}false{/_replace} })">
                <i class="icon-chevron-right"></i>
~~~~listitemend~~~~
            </a>
        </li>
~~~~listend~~~~
    </ul>


~~~~list~~~~
    {>listbegin /}
    {#_collection}
        {>listitembegin /}
            <div class="list-item-header">{_name}</div>
            <div class="list-item-subtext">{_note}</div>
        {>listitemend /}
    {/_collection}
    {>listend /}

~~~~resultslist~~~~
    <ul class="nav nav-list nav-stacked rounded-nav result-list">
        {#results}
        <li>
            <a href="#/{linkback}/{id}" class="result-link" data-type="{_type}">
                <i class="icon-chevron-right"></i>
                <div class="list-item-header">{name}</div>
            </a>
        </li>
        {/results}
    </ul>

~~~~navlink~~~~

    <li class='{cssclass} {@ifmatch pattern=pattern}active{/ifmatch}'>
        <a href="{hash}">
            <img class="media-object" src="assets/img/{icon}">
            <span>{@string key=titleKey /}</span>
        </a>
    </li>


~~~~navbar~~~~

    <div class="navbar navbar-fixed-top pixel-nav">
        <div class="header-bar">
            <div class="container">
                
                <div class="header-top-bar">
                    <button class="btn btn-navbar menu-button" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    
                    <button class="btn btn-back btn-navbar" onclick="history.go(-1);" style="display:{backbuttondisplay}"><i class="icon-arrow-left icon-white"></i></button>
                    
                    {+header}<h4>{@string key="common_home" /}</h4>{/header}
                </div> <!-- /.header-top-bar -->
                    
                {>"navmenu"/}

            </div>
        </div>
    </div>


~~~~navmenu~~~~


    <div id="navMenu" class="nav-collapse collapse">
        <ul id="topNav" class="nav">
            {>navlink pattern="#/main" hash="#/main" titleKey="common_home" icon="icon-menu-home.png" /}
            {>navlink pattern="#/accounts" hash="#/accounts" titleKey="common_accounts" icon="icon-menu-accounts.png" /}
            
            {>navlink pattern="#/contacts" hash="#/contacts" titleKey="common_contacts" icon="icon-menu-contacts.png" /}
            {!<!--
            {>navlink pattern="#/bookings" hash="#/bookings" titleKey="common_bookings" icon="icon-menu-bookings.png" /}
            
            {>navlink pattern="#/activities" hash="#/activities" titleKey="common_activities" icon="icon-menu-activities.png" /}
            -->!}
            {!<!-- {>navlink pattern="#/availability" hash="#/availability" titleKey="common_availability" icon="icon-menu-availability.png" /} -->!}
            {!<!-- {> navlink pattern="#/hold" hash="#/hold" title="Create Space Hold" /} -->!}
            {>navlink pattern="#/forgotPassword" hash="#/forgotPassword" titleKey="common_reset_password" cssclass="secondary" icon="icon-menu-blank.png" /}
            {>navlink pattern="#/logout" hash="#/logout" titleKey="common_log_out" cssclass="secondary" icon="icon-menu-blank.png" /}
        </ul>
    </div> <!-- /#navMenu.nav-collapse -->


~~~~offline~~~~

    <div class="offline hidden">
        <div>
            <div class="container">
                <div>
                    <span class="offline-text hidden">{@string key="common_offline" /}</span>
                </div> <!-- /.header-top-bar -->

            </div>
        </div>
    </div>
    <script>
        if (App.online === false) {
            $('.offline').removeClass("hidden");
        }
    </script>

~~~~unhandledError~~~~

<div id="errorMsg" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="errorMsgLabel" aria-hidden="true">
  <div class="modal-header">
    <h3 id="errorMsgLabel">{@string key="error_unhandled_header" /}</h3>
  </div>
  <div class="modal-body">
    <p id="error-body">{@string key="error_unhandled_body" /}</p>
  </div>
  <div class="modal-footer">
    <button id="errorMsgClose" class="btn" data-dismiss="modal" aria-hidden="true">{@string key="common_close" /}</button>
  </div>
</div>

~~~~master~~~~

    <script>
        $('body').removeClass();
    </script>

    {>"navbar" backbuttondisplay="{_backbuttondisplay}"/}
    {>"offline"/}
    {>"unhandledError"/}

    <div class="torso">
        {+torso/}
    </div>
    <footer>
        {+footer/}
    </footer>


~~~~uc~~~~
    {>"master"/}
    {<header}
        <h4>UNDER CONSTRUCTION!</h4>
    {/header}
    {<torso}
        <div class="container">
            <img src="assets/img/underconstruction.gif" />
        </div>
    {/torso}


~~~~pickerlist~~~~
    <div class="container">
        <form action="." class="form-search new-section">
            <input type="text" class="search-query picker-filter" />
        </form>
        <div id="search-results"></div>
    </div>


~~~~cancelselection~~~~
    <button onclick="javascript:Backbone.history.navigate('#/{source}', {replace:true})" class="btn btn-back btn-navbar"><i class="icon-arrow-left icon-white"></i></button>

~~~~footernavitem~~~~
    <li class="{@checkSelected icon=_icon match=_matchIcon /}">
        <a href="{_url}">
            <img src="assets/img/icon-tab-{@getIcon icon=_icon match=_matchIcon /}.png" alt="">
            <span>{@string key=_string /}</span>
        </a>
    </li>