<style type="text/css">
  #body-block {width: 600px; margin: 0px auto; border: 1px solid #CCC; padding: 15px;}
  p, h2, label, input.inputbox {font-size: 14px;}
  label {display: block; margin: 5px 0px 0px 0px;}
  input[type='text']   {display: block; padding: 3px;}
  input[type='submit'] {display: block; margin-top: 10px;}
  div.msg-error, div.msg-success, div.msg-warning {margin-top: 0px;}
  table {border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
  td, th {border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2px;}
  th {background: #CCC;}
  td.expected {color: #000; font-weight: bold;}
  td.pass {color: #0A0; font-weight: bold;}
  td.fail {color: #F00; font-weight: bold;}
  th.value {text-align: center;}
  a#btn-start {
      display: block;
      padding: 4px 20px;
      float: right;
	  color: #222;
	  width: 120px;
	  text-align: center;
	  font-weight: bold;
	  font-size: 14px;
	  background: #869BAE;
	  border-top: 1px solid #9196A1;
	  border-left: 1px solid #9196A1;
	  border-right: 1px solid #333;
	  border-bottom: 1px solid #333;
	  cursor: pointer;
	  padding: 4px 10px;
	  margin-top: 7px;
  }
  a#btn-start:hover {
	  color: #FFF;
	  background-color: #768798;
	  border-top: 1px solid #9196A1;
	  border-left: 1px solid #9196A1;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  cursor: pointer;
  }
  div#hosting-ad {
      border: 1px solid #CCC;
      background: #EEE;
      padding: 8px;
      font-size: 14px;
      color: #000;
      margin-bottom: 8px;
  }
  div#no-posix {
      display: block;
  }
  /*config-style*/
</style>
<div id="body-block">
<div id="hosting-ad">
Need reliable hosting for SkyBlueCanvas? Check out our preferred hosting provider at 
<a href="http://www.skybluecanvas.com/preferred-hosting.html" target="blank">www.skybluecanvas.com</a>.
</div>

	<div id="config-fail" class="msg-error">
		<h2>Error!</h2>
		<p>
			Some problems were found with the SkyBlueCanvas file permissions. 
			See the table below for details.
		</p>
	</div>
	<div id="no-posix">
		<div class="msg-warning">
		    <h2>Warning!</h2>
			<p>
				Due to your server configuration, SkyBlueCanvas is unable to accurately determine 
				the exact file permissions needed to run the software. You can still install 
				the software but may need to set your file permissions to <b>777</b>. You can 
				contact your hosting provider to ask about the possible implications of doing so.
			</p>
		</div>
		<div style="clear: both;"></div>
		<a href="index.php?event=urlpage" id="btn-start" class="button">Continue Anyway</a>
	</div>
	<div id="config-warn">
		<div class="msg-warning">
		    <h2>Warning!</h2>
			<p>
				Due to your server configuration, SkyBlueCanvas can only write files if the 
				file permissions are set to <b>777</b>. This may be considered to be a security risk. 
				If you proceed with this installation, you do so at your own risk.
			</p>
		</div>
		<div style="clear: both;"></div>
		<a href="index.php?event=urlpage" id="btn-start" class="button">Continue Anyway</a>
	</div>
	<div id="config-pass">
		<div class="msg-success">
			<h2>Congratulations!</h2>
			<p>
				Your system is ready for SkyBlueCanvas to be set up.
			</p>
		</div>
		<div style="clear: both;"></div>
		<a href="index.php?event=urlpage" id="btn-start" class="button">Let's Get Started</a>
	</div>
	<h2>PHP Configuration Settings</h2>
	<table cellpadding="0" cellspacing="0" width="600">
		<tr>
			<th width="50%" class="setting">Setting</th>
			<th width="25%" class="value">Current Value</th>
			<th width="25%" class="value">Expected Value</th>
		</tr>
		{config_test:settings}
	</table>
	<h2>The following Directories must all be writable by PHP</h2>
	<table cellpadding="0" cellspacing="0" width="600">
		<tr>
			<th width="50%" class="setting">Directory</th>
			<th width="25%" class="value">Current Permissions</th>
			<th width="25%" class="value">Expected Permissions</th>
		</tr>
		{config_test:dirs}
	</table>
	<h2>The following files must all be writable by PHP</h2>
	<table cellpadding="0" cellspacing="0" width="600">
		<tr>
			<th width="50%" class="setting">File</th>
			<th width="25%" class="value">Current Permissions</th>
			<th width="25%" class="value">Expected Permissions</th>
		</tr>
		{config_test:files}
	</table>
</div>