<div id="wpfc-modal-cloudflare" style="top: 10.5px; left: 226px; position: absolute; padding: 6px; height: auto; width: 560px; z-index: 10001;">
	<div style="height: 100%; width: 100%; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.5; border-radius: 8px;">
	</div>
	<div style="z-index: 600; border-radius: 3px;">
		<div style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:12px;background: none repeat scroll 0px 0px rgb(255, 161, 0); z-index: 1000; position: relative; padding: 2px; border-bottom: 1px solid rgb(194, 122, 0); height: 35px; border-radius: 3px 3px 0px 0px;">
			<table width="100%" height="100%">
				<tbody>
					<tr>
						<td valign="middle" style="vertical-align: middle; font-weight: bold; color: rgb(255, 255, 255); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); padding-left: 10px; font-size: 13px; cursor: move;">Cloudflare Settings</td>
						<td width="20" align="center" style="vertical-align: middle;"></td>
						<td width="20" align="center" style="vertical-align: middle; font-family: Arial,Helvetica,sans-serif; color: rgb(170, 170, 170); cursor: default;">
							<div title="Close Window" class="close-wiz"></div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="window-content-wrapper" style="padding: 8px;">
			<div style="z-index: 1000; height: auto; position: relative; display: inline-block; width: 100%;" class="window-content">


				<div id="wpfc-wizard-cloudflare" class="wpfc-cdn-pages-container">
					<div wpfc-cdn-page="1" class="wiz-cont">
						<h1>Let's Get Started</h1>		
						<p>Hi! If you don't have a <strong>MaxCDN</strong> account, you can create one. If you already have, please continue...</p>
						<div class="wiz-input-cont" style="text-align:center;">
							<a href="http://tracking.maxcdn.com/c/149801/3982/378" target="_blank">
								<button class="wpfc-green-button">Create a MaxCDN Account</button>
							</a>
					    </div>
					    <p class="wpfc-bottom-note" style="margin-bottom:-10px;"><a target="_blank" href="https://www.maxcdn.com/one/tutorial/implementing-cdn-on-wordpress-with-wp-fastest-cache/">Note: Please read How to Integrate MaxCDN into WP Fastest Cache</a></p>
					</div>
					<div wpfc-cdn-page="2" class="wiz-cont" style="display:none">
						<h1>Enter API Keys</h1>		
						<p>Please enter your <strong>API Key</strong> below to to access Cloudflare APIs.</p>
						<div class="wiz-input-cont" style="display: none;">
							<label class="mc-input-label" for="cdn-url" style="padding-right: 19px;">Email:</label><input type="text" name="" value="wpfc" class="api-key" id="cdn-url">
					    	<label class="wiz-error-msg"></label>
					    </div>
					    <div class="wiz-input-cont">
							<label style="padding-right: 5px;" class="mc-input-label" for="origin-url">API Token:</label><input type="text" name="" value="" class="api-key" id="origin-url">
							<div id="cdn-url-loading"></div>
							<label class="wiz-error-msg"></label>
					    </div>
					    <p class="wpfc-bottom-note" style="margin-bottom:-10px;"><a target="_blank" href="https://www.wpfastestcache.com/tutorial/wp-fastest-cache-cloudflare/">Note: Please read How to Integrate Cloudflare into WP Fastest Cache</a></p>
					</div>
					<div wpfc-cdn-page="3" class="wiz-cont" style="display:none">
						<h1>Disable Auto Minify</h1>		
						<p>The Auto Minify options have been disabled automatically.</p>
						
						<div class="wpfc-checkbox-list" style="text-align:center;">
						<img src="data:image/png;base64,[encoded data, 4200 characters]"/>
						</div>
					</div>
					<div wpfc-cdn-page="4" class="wiz-cont" style="display:none">
						<h1>Disable Rocket Loader</h1>		
						<p>The Rocket Loader option has been disabled automatically.</p>
						
						<div class="wpfc-checkbox-list" style="text-align:center;">
						<img src="data:image/png;base64,[encoded data, 6280 characters]"/>
						</div>
					</div>
					<div wpfc-cdn-page="5" class="wiz-cont" style="display:none">
						<h1>Browser Cache Expiration</h1>		
						<p>Browser Cache Expiration option has been set as 6 months.</p>
						
						<div class="wpfc-checkbox-list" style="text-align:center;">
						<img src="data:image/jpeg;base64,[encoded data, 20420 characters]"/>
						</div>
					</div>
					<div wpfc-cdn-page="6" class="wiz-cont" style="display:none">
						<h1>Ready to Go!</h1>
						<p>You're all set! Click the finish button below and that's it.</p>
					</div>
					<div wpfc-cdn-page="7" class="wiz-cont" style="display:none">
						<h1>Integration Ready!</h1>
						<p>CloudFlare CDN integration has been added properly.</p>
					</div>


					<img style="border-radius:100px;" class="wiz-bg-img" src=" data:image/png;base64,[encoded data, 8508 characters]"/>
				</div>
			</div>
		</div>
		<?php include WPFC_MAIN_PATH."templates/buttons.html"; ?>
	</div>
</div>



