<div id="config-main">
    <div class="palm-page-header multi-line">
		<div class="palm-page-header-wrapper">
	        <div class="icon wifi"></div>
	        <div class="title" x-mojo-loc=''>
				Wi-Fi
	        </div>
	    </div>
    </div>
    <div class="palm-list">

        <div class="palm-list">
            <div class='palm-row first'>
		        <div class="palm-row-wrapper">	
		            <div class="palm-body-text" id="joinTitle">
					</div> 
		        </div>
			</div>
			<div class="palm-row last">
				<div class="palm-row-wrapper">		
		    		<div x-mojo-element="ToggleButton" id="ipSelection"></div>
		        	<div class="title" x-mojo-loc=''>
						Automatic IP settings			
			        </div>	        
				</div>
			</div>
		</div>	

			            
		<div class="ipInformationSpace">
		<div class="ipInformation" id="ipInformation">
			<div class="palm-group">
	    	    <div class="palm-group-title">
	        	    <span x-mojo-loc="">IP address</span>
	        	</div>
		        <div class="palm-list">
		            <div class='palm-row single'>
				        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				            <div class="title">
						        <div id="ip_widget" name="ip_widget" x-mojo-element="TextField"> </div>
							</div>	
				        </div>
					</div>
				</div>
			</div>
			<div class="palm-group">
	    	    <div class="palm-group-title">
	        	    <span x-mojo-loc="">Subnet address</span>
	        	</div>
		        <div class="palm-list">
		            <div class='palm-row single'>
				        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				            <div class="title">
						        <div id="subnet_widget" name="subnet_widget" x-mojo-element="TextField"></div>        	
							</div>	
				        </div>
					</div>
				</div>
			</div>
	
			<div class="palm-group">
	    	    <div class="palm-group-title">
	        	    <span x-mojo-loc="">Gateway</span>
	        	</div>
		        <div class="palm-list">
		            <div class='palm-row single'>
				        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				            <div class="title">
						        <div id="gateway_widget" name="gateway_widget" x-mojo-element="TextField"></div>
							</div>	
				        </div>
					</div>
				</div>
			</div>
	
			<div class="palm-group">
	    	    <div class="palm-group-title">
	        	    <span x-mojo-loc="">DNS servers</span>
	        	</div>
		        <div class="palm-list">
		            <div class='palm-row first'>
				        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				            <div class="title">
						        <div id="dns1_widget" name="dns1_widget" x-mojo-element="TextField"></div>
							</div>	
				        </div>
					</div>
		            <div class='palm-row last'>
				        <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				            <div class="title">
								<div id="dns2_widget" name="dns2_widget" x-mojo-element="TextField"></div>
							</div>	
				        </div>
					</div>
				</div>
			</div>
		</div>
		</div>
		
		<div x-mojo-element="Button" id="discardButton"></div>	
        <div x-mojo-element="Button" id="joinButton"></div>
    </div>
</div>
