<div id="detailsall">
	
	<div class="palm-list">
		
		
		<div class="palm-row details-header no-separator" id="detailHeader">
			<div class="palm-row-wrapper padded">
				<div class="icon left details-header-icon">
					<div style='background: url(#{appIcon2}) center center no-repeat;float:left;width:64px;height:64px'></div>
				</div>  
				<div class="details-header-title-and-creator">
					<div class="details-header-title">
						<div class="title">#{title}</div>
						<div class="subtitle truncating-text">#{creator}</div>
					</div>
				</div>				
			</div>
		</div>
		                                                                               
		<div id="detailsDrawer" x-mojo-element="Drawer">
			<div class="details-header-version">
				<div class="details-header-version-wrapper">
					<div class="version">#{formattedVersion}</div>
					<div class="filesize">#{formattedAppSize}</div>
					<div class="date">#{formattedDate}  #{singleAppThumbnail}</div>
				</div>
			</div>
		</div>
		
		<div class="palm-row beta-row">
			<div class="palm-row-wrapper">
				<div class="beta-description" x-mojo-loc="">BETA APPLICATION</div>
			</div>
		</div>
		
		<div class="palm-row details-body #{touchableRows}">
			<div class="palm-row-wrapper details-wrapper">
				<div id="thumbnails" class="details-screenshot-wrapper">
					<div id='appScaledImage1' class="details-screenshot" style="" x-mojo-touch-feedback="delayed">  
						<div id="appScaledImage3Img" class="app-screenshot" style="display:none"></div>					
						<div id="appScaledImage2Img" class="app-screenshot" style="display:none"></div>
						<div id="appScaledImage1Img" class="app-screenshot"></div>
					</div>                                                        

				</div><div class="downloads-wrapper">    
					<div class="video-preview" id="videoPreview" x-mojo-touch-feedback="delayed">
						<div class="video-screencap"></div> 
						<div class="video-play-icon" ></div>
					</div>
					<div class="details-stars">                                                               
						<img class="details-rating-star" src='images/star-#{formattedStar1}.png' width="20px" height="20px" />
						<img class="details-rating-star" src='images/star-#{formattedStar2}.png' width="20px" height="20px" />
						<img class="details-rating-star" src='images/star-#{formattedStar3}.png' width="20px" height="20px" />
						<img class="details-rating-star" src='images/star-#{formattedStar4}.png' width="20px" height="20px" />
						<img class="details-rating-star" src='images/star-#{formattedStar5}.png' width="20px" height="20px" />
					</div>
					<div class="truncating-text details-rating"><span id="ratingCount">#{pluralRating}</span></div>
					<div id="seeReviews" class="clear-button clear-fix" x-mojo-touch-feedback="delayed">
						<div x-mojo-loc='' class="clear-button-label">Reviews</div>
					</div>
					<div id="shareButton" class="clear-button" x-mojo-touch-feedback="delayed">
						<div x-mojo-loc='' class="clear-button-label">Share</div>
					</div>
				</div>
			</div>
		</div>

		<div class="palm-row notreviewed-row">
			<div class="palm-row-wrapper">
				<div class="notreviewed-description" x-mojo-loc="">Palm has not reviewed this application.</div>
			</div>
		</div>

		<div class="palm-row #{descriptionNoSeparator}">
			<div class="palm-row-wrapper">
				<div class="details-description">#{description}</div>
			</div>
		</div>
		           
		<div class="palm-row" style="display:#{formattedIsRestrictedContent}">
			<div class="palm-row-wrapper">
				<div class="icon left restricted-content"></div>
				<div class="location-services-description" id="restrictedcontent" x-mojo-loc="">For customers 18 years and older.</div>
			</div>
		</div>
		<div class="palm-row last" style="display:#{formattedIslocationbased}">
			<div class="palm-row-wrapper">
				<div class="icon left location-services"></div>
				<div class="location-services-description" id="locationservices" x-mojo-loc="">This application uses location services.</div>
			</div>
		</div>
	
		<table class="palm-list-section-label">
			<tr>
				<td class="left"></td>
				<td class="label"><span x-mojo-loc="">Links</span></td>
				<td class="right"></td>
			</tr>
		</table>
		<div id="linkList" class="palm-list" x-mojo-element="List"></div>

		<div class="palm-row single"></div>

		
		<div class="progress-pill-container">
			<div id="progressPill" x-mojo-element="ProgressPill"></div>
		</div>
		
	</div>
</div>


