<div id="filterField" name="filterField" x-mojo-element="FilterField">
</div>


<div id="listviewList" class="list-view">
    <div id="buddyListContainer" style="width:100%; display:none;">

		<div class="palm-page-header multi-line">
		  <div class="palm-page-header-wrapper">
		      <div class="spacer"></div>
		  </div>
		</div>
	
	
        <!-- This gray background is a hack -->
        <!-- <div style="position:fixed; height:55px; width:100%; left:0; top: 0; background-color:#CCCCCC; z-index:-1;"></div> -->
        <div id="buddyListHeader" class="listview-presence-section">
          <div class="palm-list">		
            <div class="palm-row" id="customMessageContainer">
              <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                <div class="title">	                  
                  <div id="AvailabilityPicker" class="icon left">
                      <div x-mojo-element="Spinner" id="presence-spinner" class="presence-spinner" style="display:none;">
                      </div>
                      <div id="presenceicon-button" class="icon presence-icon-button" x-mojo-tap-highlight='momentary'>
                          <div id="presenceicon" class="icon status-offline">
                          </div>
                      </div>
                  </div>
				  <div class="icon right">
                  	<div id="commitCustomMessage" class="commit-message" style="display:none;" x-mojo-tap-highlight="momentary"></div>
				  </div>
                  <div id="customMessageTextWidget" x-mojo-element="TextField"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="buddy-list" name="groups-list" x-mojo-element="List" class="palm-list buddy-list">
        </div>
    </div>
    <div id="historyListContainer" class="palm-list buddy-list history-list" style="width:100%; display:none;">
        <div id="buddy-list-history" name="buddy-list-history" class="history-list" x-mojo-element="List">
        </div>
		<div class="palm-fullscreen" id="historyNoConversations" style="display:none;">
			<div class="palm-fullscreen-cont">
				<div class="first-launch-icon messaging no-conversations"></div>
				<div class="fullscreen-message truncating-text">Ihre Unterhaltungsliste ist leer.</div>
			</div>
		</div>
    </div>
</div>
