Index: branches/2.8.x/CHANGELOG
===================================================================
--- branches/2.8.x/CHANGELOG	(revision 1607)
+++ branches/2.8.x/CHANGELOG	(revision 1608)
@@ -9,8 +9,12 @@
 - = Removed
 # = Bugfix
 ! = Update/Change
+===============================================================================
 
-=========================== add small Features 2.8.2 ==========================
+
+----------------------------------- 2.8.3 --------------------------------
+209 Feb-2012 Build 1608 Dietmar Woellbrink (Luisehahne)
+! A small optical correction of the installer.
 09 Feb-2012 Build 1607 Dietmar Woellbrink (Luisehahne)
 # typofix in /modules/form/view.php (Tks to jacobi22)
 08 Feb-2012 Build 1606 Dietmar Woellbrink (Luisehahne)
Index: branches/2.8.x/wb/admin/interface/version.php
===================================================================
--- branches/2.8.x/wb/admin/interface/version.php	(revision 1607)
+++ branches/2.8.x/wb/admin/interface/version.php	(revision 1608)
@@ -51,5 +51,5 @@
 
 // check if defined to avoid errors during installation (redirect to admin panel fails if PHP error/warnings are enabled)
 if(!defined('VERSION')) define('VERSION', '2.8.2');
-if(!defined('REVISION')) define('REVISION', '1607');
+if(!defined('REVISION')) define('REVISION', '1608');
 if(!defined('SP')) define('SP', 'SP2');
Index: branches/2.8.x/wb/install/stylesheet.css
===================================================================
--- branches/2.8.x/wb/install/stylesheet.css	(revision 1607)
+++ branches/2.8.x/wb/install/stylesheet.css	(revision 1608)
@@ -1,16 +1,179 @@
-body,td,th,input,textarea { font-family :Verdana, Arial, Helvetica, sans-serif; font-size :12px; color :#000000; }
-body { background-color :#a8bccb; background-image :url(../templates/wb_theme/images/background.png); background-repeat :repeat-x; margin :0px; }
-form { margin :0; }
-input:focus, select:focus { background :#f1f8fd; }
-.wrong { background-color :#ffdbdb; }
-.submit { border :solid 2px #cccccc; background :#ffeeee; color :#ee0000; font-weight :bold; font-size :11px; padding :4px; width :100%; }
-.content { background-color :#ffffff; padding :15px; height :350px; width :850px; text-align :justify; vertical-align :top; }
-hr { margin :1em auto; color :#003366; height :1px; }
-h1 { font-size :130%; color :#336699; margin :0px 0px 5px 0px; border-bottom :1px solid #cccccc; }
-a:link, a:visited, a:active { color :#003366; text-decoration :none; }
-a:hover { text-decoration :none; color :#336699; }
-.bad { color :#ff0000; font-weight :bold; }
-.good { color :#009900; font-weight :bold; }
-.note { color :#666666; font-size :10px; }
-.hide { display :none; }
-.warning { border :2px #884444 solid; padding :5px; margin :5px auto; background :#ffeeee; color :#ee0000; text-align :center; font-size :12px; font-weight :normal; line-height :16px; -webkit-border-radius :0.75em; -moz-border-radius :0.75em; border-radius :0.75em; }
+@charset "UTF-8";
+/* <![CDATA[ */
+/*
+*/
+* { margin :0px auto; padding :0px; }
+* html body * { overflow :visible; }
+
+html {
+	padding:0; 	margin:0; border:0;
+	font-size:85%; font-family: Arial, Verdana, Helvetica, sans-serif;
+	color: #202020;
+   overflow :-moz-scrollbars-vertical; overflow-x :auto;
+}
+table {font-size: 1em;}
+body {
+	padding: 0; border:0; margin: 0;
+	background: url('background.png') repeat-x 0px 0px;
+	background-color: #a8bccb;
+	height: 101%;
+}
+
+div.body {
+	width: 790px;
+	margin: 1em auto;
+	padding: 20px 20px 5px 20px;
+	background-color: #ffffff;
+	border: solid 1px #305c8d
+}
+div.content {
+	margin-top:20px;
+}
+
+/*
+	TABLE Elements
+*/
+table {
+	background-color: #f8f8ff;
+	margin-top: 15px;
+	margin-bottom: 5px;
+	width: 100%;
+	border-style: solid;
+	border-width: 1px 2px 2px 1px;
+	border-color: #a3baca;
+}
+	table > thead {
+		background-color: #f2f1ff;
+	}
+		table > thead > tr {
+		}
+			table > thead > tr > th {
+				color: #555758;
+				font-size: 1.15em;
+				padding: 1.2em 1em;
+			}
+			table > thead > tr > td {
+				color: #555758;
+				font-size: 1.08em;
+				padding: 1.2em 1em;
+			}
+	table > tbody {
+		display: block;
+	}
+		table > tbody > tr {
+   border-bottom :1px solid #222222; /* #d2d1cc; */
+   padding :0.8em 0 0.2em 0;
+   width :100%;
+}
+			table > tbody > tr > th {
+				font-size: 1em;
+				width: 1%;
+				padding-left: 0.8em; padding-right: 0.8em;
+				vertical-align: top;
+				text-align: right;
+				white-space: nowrap;
+			}
+			table > tbody > tr > td {
+				font-size: 1em;
+				width: 19%;
+				padding-left: 0.8em; padding-right: 0.8em;
+				vertical-align: top;
+				text-align: left;
+            line-height :2em;
+			}
+
+td.step-row {
+   line-height : 3em;
+   color : #666666;
+   font-weight : bold;
+   font-size : 100%;
+}
+td.name { 
+   width : 180px;
+   color: #666666;
+   vertical-align :middle;
+   font-weight : bold;
+   font-size : 90%;
+   float :left;
+ }
+td.value { 
+   width : 100%;
+   vertical-align :middle;
+ }
+td.value input { 
+   width : 100%;
+   vertical-align :middle;
+ }
+ 
+ 
+h1.step-row {
+   margin : 0;
+   display :inline;
+   color : #6699ff;
+}
+/*
+	FORM Elements
+*/
+form { margin: 0; }
+input, select { padding: 2px; border: solid 1px #a3baca; }
+input:focus, select:focus { background: #fdf8e8; }
+input.submit    {
+	color: #305c8d;
+	font-size: 12px;
+	font-weight: bold;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	padding: 6px;
+	margin: 1em 0;
+	cursor: pointer;
+	border: outset 2px green;
+}
+input.submit:hover  {
+	border-style: inset;
+}
+input.submit.bad {
+	background-color: #fde8e8;
+	border-color: red;
+}
+input.submit.good {
+	background-color: #deffde;
+	border-color: green;
+}
+/*
+	COMMON Elements
+*/
+img {border: none; }
+p  { margin: 11px 0 4px 0 }
+h1 { color: #3a628f; font-size: 1.3em; margin: 10px 0 5px; border-top: medium none }
+a, a:link, a:visited, a:active  { color: #003366; text-decoration: underline }
+a:focus {outline: none; }
+a:hover  { color: #336699 }
+/*
+	HINTS
+*/
+
+.warning, .error {
+	color: #b70000;
+	line-height: 1.2em;
+	background-color: #fde8e8;
+	margin-top: 0.5em;
+	padding: 0.3em 0.5em;
+	border: solid 1px
+}
+.warning {
+	color: #ca6800;
+}
+.bad { color: #b70000; }
+.good { color: #118301; }
+.warn { color: #ca6800; }
+.hint { color: #464646; font-size: 0.85em; }
+.small { font-size: 0.85em; }
+.italic { font-style: italic; }
+.center { text-align: center; }
+.hide { display: none; }
+/*
+	List Elements
+*/
+ul  { margin: 0; padding: 2px 0 2px 15px; }
+li  { list-style-type: square; margin: 0; }
+/* ************************************************************************** */
Index: branches/2.8.x/wb/install/background.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: branches/2.8.x/wb/install/background.png
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: branches/2.8.x/wb/install/logo.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: branches/2.8.x/wb/install/logo.png
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: branches/2.8.x/wb/install/index.php
===================================================================
--- branches/2.8.x/wb/install/index.php	(revision 1607)
+++ branches/2.8.x/wb/install/index.php	(revision 1608)
@@ -83,7 +83,7 @@
 	if(type == 'linux') {
 		document.getElementById('operating_system_linux').checked = true;
 		document.getElementById('operating_system_windows').checked = false;
-		document.getElementById('file_perms_box').style.display = 'block';
+		document.getElementById('file_perms_box').style.display = 'none';
 	} else if(type == 'windows') {
 		document.getElementById('operating_system_linux').checked = false;
 		document.getElementById('operating_system_windows').checked = true;
@@ -93,13 +93,12 @@
 </script>
 </head>
 <body>
-
-<table cellpadding="0" cellspacing="0" border="0" width="998px" align="center">
-<tr>
-	<td width="60" valign="top">
+<div class="body">
+<table summary="" cellpadding="0" cellspacing="0">
+<tr style="background: #a9c9ea;">
+	<td valign="top">
 		<img src="../templates/wb_theme/images/logo.png" alt="Logo" />
 	</td>
-	<td width="5">&nbsp;</td>
 	<td>
 		<h1 style="border:none; margin-top:1em;font-size:150%;">Installation Wizard</h1>
 	</td>
@@ -112,31 +111,26 @@
 <input type="hidden" name="password_fieldname" value="admin_password" />
 <input type="hidden" name="remember" id="remember" value="true" />
 
-<table cellpadding="0" cellspacing="0" border="0" width="998px" align="center" style="margin-top: 10px;">
-<tr>
-	<td class="content">
-	
-		<center style="padding: 5px;">
+		<div style="padding: 5px; text-align: center; font-weight: bold;">
 			Welcome to the Website Baker Installation Wizard.
-		</center>
-		
+		</div>
 		<?php
 		if(isset($_SESSION['message']) AND $_SESSION['message'] != '') {
-			?><div style="width: 700px; padding: 10px; margin-bottom: 5px; border: 1px solid #FF0000; background-color: #FFDBDB;"><b>Error:</b> <?php echo $_SESSION['message']; ?></div><?php
+			?><div  style="width: 700px; padding: 10px; margin-bottom: 5px; border: 1px solid #FF0000; background-color: #FFDBDB;"><b>Error:</b> <?php echo $_SESSION['message']; ?></div><?php
 		}
 		?>
-		<table cellpadding="3" cellspacing="0" width="100%" align="center">
+		<table summary="" cellpadding="0" cellspacing="0" border="0">
 		<tr>
-			<td colspan="6"><h1>Step 1</h1>Please check the following requirements are met before continuing...</td>
+			<td colspan="6" class="step-row"><h1 class="step-row">Step 1</h1>&nbsp;Please check the following requirements are met before continuing...</td>
 		</tr>
 		<?php if($session_support != '<font class="good">Enabled</font>') { ?>
 		<tr>
-			<td colspan="6" style="font-size: 10px;" class="bad">Please note: PHP Session Support may appear disabled if your browser does not support cookies.</td>
+			<td colspan="6" class="error">Please note: PHP Session Support may appear disabled if your browser does not support cookies.</td>
 		</tr>
 		<?php } ?>
 		<tr>
-			<td width="160" style="color: #666666;">PHP Version > 5.2.1</td>
-			<td width="60">
+			<td style="color: #666666;">PHP Version > 5.2.1</td>
+			<td>
 				<?php
 			   if (version_compare(PHP_VERSION, '5.2.1', '>'))
 			   {
@@ -147,23 +141,12 @@
 				}
 				?>
 			</td>
-			<td width="140" style="color: #666666;">PHP Session Support</td>
-			<td width="105"><?php echo $session_support; ?></td>
-			<td width="115" style="color: #666666;">PHP Safe Mode</td>
-			<td>
-				<?php
-				if(ini_get('safe_mode')=='' || strpos(strtolower(ini_get('safe_mode')), 'off')!==FALSE || ini_get('safe_mode')==0) {
-					?><font class="good">Disabled</font><?php
-				} else {
-					$installFlag = false;
-					?><font class="bad">Enabled</font><?php
-				}
-				?>
-			</td>
+			<td style="color: #666666;">PHP Session Support</td>
+			<td><?php echo $session_support; ?></td>
 		</tr>
 	<tr>
-		<td width="160" style="color: #666666;">Server DefaultCharset</td>
-			<td width="60">
+		<td style="color: #666666;">Server DefaultCharset</td>
+			<td>
 				<?php
 					$chrval = (($e_adc != '') && (strtolower($e_adc) != 'utf-8') ? true : false);
 					if($chrval == false) {
@@ -177,7 +160,17 @@
 
 				?>
 			</td>
-			<td colspan="4">&nbsp;</td>
+			<td style="color: #666666;">PHP Safe Mode</td>
+			<td>
+				<?php
+				if(ini_get('safe_mode')=='' || strpos(strtolower(ini_get('safe_mode')), 'off')!==FALSE || ini_get('safe_mode')==0) {
+					?><font class="good">Disabled</font><?php
+				} else {
+					$installFlag = false;
+					?><font class="bad">Enabled</font><?php
+				}
+				?>
+			</td>
 		</tr>
 		<?php if($chrval == true) {
 		?>
@@ -190,14 +183,13 @@
 But this solution does not guarranty a correct displaying of the content from all modules!
 </p>
 </td>
-		</tr>
-		<?php } ?>
-		</table>
-		<table cellpadding="3" cellspacing="0" width="100%" align="center">
-		<tr>
-			<td colspan="8"><h1>Step 2</h1>Please check the following files/folders are writeable before continuing...</td>
-		</tr>
-		<tr>
+</tr>
+<?php } ?>
+</table>
+<table summary="" cellpadding="3" cellspacing="0">
+<tr>
+	<td colspan="8" class="step-row"><h1 class="step-row">Step 2</h1>&nbsp;Please check the following files/folders are writeable before continuing...</td>
+</tr>
 <?php
 	$config = '<font class="good">Writeable</font>';
 	$config_content = "<?php\n";
@@ -248,16 +240,19 @@
 		}
 	}
 ?>
-			<td width="150px" style="color: #666666;"><?php print $wb_root.$configFile ?></td>
-			<td width="150px"><?php echo $config ?></td>
-			<td width="140px" style="color: #666666;"><?php print $wb_root ?>/pages/</td>
-			<td width="120px"><?php if(is_writable('../pages/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../pages/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
-			<td width="140px" style="color: #666666;"><?php print $wb_root ?>/media/</td>
-			<td width="120px"><?php if(is_writable('../media/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../media/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
-			<td width="140px" style="color: #666666;"><?php print $wb_root ?>/templates/</td>
-			<td width="120px"><?php if(is_writable('../templates/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../templates/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
+		<tr>
+			<td style="color: #666666;"><?php print $wb_root.$configFile ?></td>
+			<td colspan="2" ><?php echo $config ?></td>
 		</tr>
 		<tr>
+			<td style="color: #666666;"><?php print $wb_root ?>/pages/</td>
+			<td><?php if(is_writable('../pages/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../pages/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
+			<td style="color: #666666;"><?php print $wb_root ?>/media/</td>
+			<td><?php if(is_writable('../media/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../media/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
+			<td style="color: #666666;"><?php print $wb_root ?>/templates/</td>
+			<td><?php if(is_writable('../templates/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../templates/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
+		</tr>
+		<tr>
 			<td style="color: #666666;"><?php print $wb_root ?>/modules/</td>
 			<td><?php if(is_writable('../modules/')) { echo '<font class="good">Writeable</font>'; } elseif(!file_exists('../modules/')) {$installFlag = false; echo '<font class="bad">Directory Not Found</font>'; } else { echo '<font class="bad">Unwriteable</font>'; } ?></td>
 			<td style="color: #666666;"><?php print $wb_root ?>/languages/</td>
@@ -268,15 +263,15 @@
 			<td>&nbsp;</td>
 		</tr>
 		</table>
-		<table cellpadding="3" cellspacing="0" width="100%" align="center">
+		<table summary="" cellpadding="3" cellspacing="0" >
 		<tr>
-			<td colspan="2"><h1>Step 3</h1>Please check your path settings, and select a default timezone and a default backend language...</td>
+			<td colspan="2" class="step-row"><h1 class="step-row">Step 3</h1>&nbsp;Please check URL settings, and select a default timezone and a default backend language...</td>
 		</tr>
 		<tr>
-			<td width="125" style="color: #666666;">
+			<td class="name">
 				Absolute URL:
 			</td>
-			<td>
+			<td class="value">
 				<?php
 				// Try to guess installation URL
 				$guessed_url = 'http://'.$_SERVER["SERVER_NAME"].$_SERVER["SCRIPT_NAME"];
@@ -286,7 +281,7 @@
 			</td>
 		</tr>
 		<tr>
-			<td style="color: #666666;">
+			<td class="name">
 				Default Timezone:
 			</td>
 			<td>
@@ -334,7 +329,7 @@
 			</td>
 		</tr>
 		<tr>
-			<td style="color: #666666;">
+			<td class="name">
 				Default Language:
 			</td>
 			<td>
@@ -356,149 +351,158 @@
 			</td>
 		</tr>
 		</table>
-		<table cellpadding="5" cellspacing="0" width="100%" align="center">
+		<table border="0" summary="" cellpadding="0" cellspacing="0">
 		<tr>
-			<td colspan="3"><h1>Step 4</h1>Please specify your operating system information below...</td>
+			<td class="step-row" colspan="3"><h1 class="step-row">Step 4</h1>&nbsp;Please specify your operating system information below...</td>
 		</tr>
 		<tr>
-			<td width="170">
+			<td class="name">&nbsp;
 				Server Operating System:
 			</td>
-			<td width="180">
-				<input type="radio" tabindex="4" name="operating_system" id="operating_system_linux" onclick="document.getElementById('file_perms_box').style.display = 'block';" value="linux"<?php if(!isset($_SESSION['operating_system']) OR $_SESSION['operating_system'] == 'linux') { echo ' checked="checked"'; } ?> />
+			<td style="">
+				<input type="radio" tabindex="4" name="operating_system" id="operating_system_linux" onclick="document.getElementById('file_perms_box').style.display = 'none';" value="linux"<?php if(!isset($_SESSION['operating_system']) OR $_SESSION['operating_system'] == 'linux') { echo ' checked="checked"'; } ?> />
 				<span style="cursor: pointer;" onclick="javascript: change_os('linux');">Linux/Unix based</span>
 				<br />
 				<input type="radio" tabindex="5" name="operating_system" id="operating_system_windows" onclick="document.getElementById('file_perms_box').style.display = 'none';" value="windows"<?php if(isset($_SESSION['operating_system']) AND $_SESSION['operating_system'] == 'windows') { echo ' checked="checked"'; } ?> />
 				<span style="cursor: pointer;" onclick="javascript: change_os('windows');">Windows</span>
 			</td>
-			<td>
-				<div id="file_perms_box" style="margin: 0; padding: 0; display: <?php if(isset($_SESSION['operating_system']) AND $_SESSION['operating_system'] == 'windows') { echo 'none'; } else { echo 'block'; } ?>;">
-					<input type="checkbox" tabindex="6" name="world_writeable" id="world_writeable" value="true"<?php if(isset($_SESSION['world_writeable']) AND $_SESSION['world_writeable'] == true) { echo 'checked'; } ?> />
-					<label for="world_writeable">
+		</tr>
+		<tr>
+			<td class="name">&nbsp;</td>
+			<td class="value">
+				<div id="file_perms_box" style="line-height:2em; position: relative; width: 100%;float:left; margin: 0; padding: 0; display: <?php if(isset($_SESSION['operating_system']) AND $_SESSION['operating_system'] == 'windows') { echo 'none'; } else { echo 'none'; } ?>;">
+					<input type="checkbox" tabindex="6" name="world_writeable" id="world_writeable" value="true"<?php if(isset($_SESSION['world_writeable']) AND $_SESSION['world_writeable'] == true) { echo ' checked="checked'; } ?> />
+ 					<label style=" margin: 0;  " for="world_writeable">
 						World-writeable file permissions (777)
 					</label>
-					<br />
-					<font class="note">(Please note: only recommended for testing environments)</font>
+				<br />
+					<p class="warning">(Please note: only recommended for testing environments)</p>
 				</div>
 			</td>
 		</tr>
 		</table>
-		<table cellpadding="5" cellspacing="0" width="100%" align="center">
+		<table summary="" cellpadding="0" cellspacing="0">
     		<tr>
-    			<td colspan="5">Please enter your MySQL database server details below...</td>
+    			<td colspan="2" class="step-row"><h1 class="step-row">Step 5</h1>&nbsp;Please enter your MySQL database server details below...</td>
     		</tr>
     		<tr>
-    			<td width="120" style="color: #666666;">Host Name:</td>
-    			<td width="230">
-    				<input <?php echo field_error('database_host');?> type="text" tabindex="7" name="database_host" style="width: 98%;" value="<?php if(isset($_SESSION['database_host'])) { echo $_SESSION['database_host']; } else { echo 'localhost'; } ?>" />
+    			<td class="name">Host Name</td>
+    			<td class="value">
+    				<input <?php echo field_error('database_host');?> type="text" tabindex="7" name="database_host" value="<?php if(isset($_SESSION['database_host'])) { echo $_SESSION['database_host']; } else { echo 'localhost'; } ?>" />
     			</td>
-    			<td width="7">&nbsp;</td>
-    			<td width="70" style="color: #666666;">Username:</td>
-    			<td>
-    				<input <?php echo field_error('database_username');?> type="text" tabindex="9" name="database_username" style="width: 98%;" value="<?php if(isset($_SESSION['database_username'])) { echo $_SESSION['database_username']; } else { echo 'root'; } ?>" />
-    			</td>
     		</tr>
     		<tr>
-    			<td style="color: #666666;">Database Name:<br />[a-zA-Z0-9_-]</td>
-    			<td>
-    				<input <?php echo field_error('database_name');?> type="text" tabindex="8" name="database_name" style="width: 98%;" value="<?php if(isset($_SESSION['database_name'])) { echo $_SESSION['database_name']; } else { echo 'DatabaseName'; } ?>" />
+    			<td class="name">Database Name&nbsp;([a-zA-Z0-9_-])</td>
+    			<td class="value">
+    				<input <?php echo field_error('database_name')?> type="text" tabindex="8" name="database_name" value="<?php if(isset($_SESSION['database_name'])) { echo $_SESSION['database_name']; } else { echo 'DatabaseName'; } ?>" />
     			</td>
-    			<td>&nbsp;</td>
-    			<td style="color: #666666;">Password:</td>
-    			<td>
-    				<input type="password" tabindex="10" name="database_password" style="width: 98%;" value="<?php if(isset($_SESSION['database_password'])) { echo $_SESSION['database_password']; } ?>" />
-    			</td>
     		</tr>
 		<tr>
-			<td style="color: #666666;">Table Prefix:<br />[a-zA-Z0-9_]</td>
-			<td>
-				<input <?php echo field_error('table_prefix');?> type="text" tabindex="11" name="table_prefix" style="width: 250px;" value="<?php if(isset($_SESSION['table_prefix'])) { echo $_SESSION['table_prefix']; } else { echo 'wb_'; } ?>" />
+			<td class="name">Table Prefix&nbsp;([a-zA-Z0-9_])</td>
+			<td class="value">
+				<input <?php echo field_error('table_prefix')?> type="text" tabindex="11" name="table_prefix" value="<?php if(isset($_SESSION['table_prefix'])) { echo $_SESSION['table_prefix']; } else { echo 'wb_'; } ?>" />
 			</td>
-			<td>&nbsp;</td>
-			<td colspan="2">
+		</tr>
+		<tr>
+    			<td class="name">Username:</td>
+    			<td class="value">
+    				<input <?php echo field_error('database_username');?> type="text" tabindex="9" name="database_username" value="<?php if(isset($_SESSION['database_username'])) { echo $_SESSION['database_username']; } else { echo 'root'; } ?>" />
+    			</td>
+		</tr>
+		<tr>
+    			<td class="name">Password:</td>
+    			<td class="value">
+    				<input type="password" tabindex="10" name="database_password" value="<?php if(isset($_SESSION['database_password'])) { echo $_SESSION['database_password']; } ?>" />
+    			</td>
+		</tr>
+		<tr>
+			<td class="name hide" colspan="2">
 				<input type="checkbox" tabindex="12" name="install_tables" id="install_tables" value="true"<?php if(!isset($_SESSION['install_tables'])) { echo ' checked="checked"'; } elseif($_SESSION['install_tables'] == 'true') { echo ' checked="checked"'; } ?> />
 				<label for="install_tables" style="color: #666666;">Install Tables</label>
 				<br />
-				<span style="font-size: 10px; color: #666666;">(Please note: May remove existing tables and data)</span>
+				<span style="font-size: 1px; color: #666666;">(Please note: May remove existing tables and data)</span>
 			</td>
 		</tr>
+		</table>
+		<table summary="" cellpadding="0" cellspacing="0" >
+		<tbody>
 		<tr>
-			<td colspan="5"><h1>Step 5</h1>Please enter your website title below...</td>
+			<td colspan="2" class="step-row"><h1 class="step-row">Step 6</h1>&nbsp;Please enter your website title below...</td>
 		</tr>
 		<tr>
-			<td style="color: #666666;" colspan="1">Website Title:</td>
-			<td colspan="4">
-				<input <?php echo field_error('website_title');?> type="text" tabindex="13" name="website_title" style="width: 99%;" value="<?php if(isset($_SESSION['website_title'])) { echo $_SESSION['website_title']; } else { echo 'Enter your website title'; } ?>" />
+			<td class="name">Website Title:</td>
+			<td class="value">
+				<input <?php echo field_error('website_title');?> type="text" tabindex="13" name="website_title" value="<?php if(isset($_SESSION['website_title'])) { echo $_SESSION['website_title']; } else { echo 'Enter your website title'; } ?>" />
 			</td>
 		</tr>
+		</tbody>
+		</table>
+		<table summary="" cellpadding="0" cellspacing="0" border="0">
 		<tr>
-			<td colspan="5"><h1>Step 6</h1>Please enter your Administrator account details below...</td>
+			<td colspan="2" class="step-row"><h1 class="step-row">Step 7</h1> Please enter your Administrator account details below...</td>
 		</tr>
 		<tr>
-			<td style="color: #666666;">Username:</td>
-			<td>
-				<input <?php echo field_error('admin_username');?> type="text" tabindex="14" name="admin_username" style="width: 98%;" value="<?php if(isset($_SESSION['admin_username'])) { echo $_SESSION['admin_username']; } else { echo 'admin'; } ?>" />
+			<td class="name">Loginname:</td>
+			<td class="value">
+				<input <?php echo field_error('admin_username');?> type="text" tabindex="14" name="admin_username" value="<?php if(isset($_SESSION['admin_username'])) { echo $_SESSION['admin_username']; } else { echo 'admin'; } ?>" />
 			</td>
-			<td>&nbsp;</td>
-			<td style="color: #666666;">Password:</td>
-			<td>
-				<input <?php echo field_error('admin_password');?> type="password" tabindex="16" name="admin_password" style="width: 98%;" value="" />
+		</tr>
+		<tr>
+			<td class="name">Email:</td>
+			<td class="value">
+				<input <?php echo field_error('admin_email');?> type="text" tabindex="15" name="admin_email" value="<?php if(isset($_SESSION['admin_email'])) { echo $_SESSION['admin_email']; } ?>" />
 			</td>
 		</tr>
 		<tr>
-			<td style="color: #666666;">Email:</td>
-			<td>
-				<input <?php echo field_error('admin_email');?> type="text" tabindex="15" name="admin_email" style="width: 98%;" value="<?php if(isset($_SESSION['admin_email'])) { echo $_SESSION['admin_email']; } ?>" />
+			<td class="name">Password:</td>
+			<td class="value">
+				<input <?php echo field_error('admin_password');?> type="password" tabindex="16" name="admin_password" value="" />
 			</td>
-			<td>&nbsp;</td>
-			<td style="color: #666666;">Re-Password:</td>
-			<td>
-				<input <?php echo field_error('admin_repassword');?> type="password" tabindex="17" name="admin_repassword" style="width: 98%;" value=""  />
-			</td>
 		</tr>
 		<tr>
-			<td colspan="5" style="padding: 10px; padding-bottom: 0;"><h1 style="font-size: 0px;">&nbsp;</h1></td>
+			<td class="name">Re-Password:</td>
+			<td class="value">
+				<input <?php echo field_error('admin_repassword');?> type="password" tabindex="17" name="admin_repassword" value=""  />
+			</td>
 		</tr>
-		<tr>
-			<td colspan="4">
-				<table cellpadding="0" cellspacing="0" width="100%" border="0">
+		</table>
+		<table summary="" cellpadding="0" cellspacing="0">
 				<tr valign="top">
-					<td>Please note: &nbsp;</td>
+					<td><strong>Please note: &nbsp;</strong></td>
+				</tr>
+				<tr valign="top">
 					<td>
+						<p class="warning">
 						Website Baker is released under the
 						<a href="http://www.gnu.org/licenses/gpl.html" target="_blank" tabindex="19">GNU General Public License</a>
 						<br />
 						By clicking install, you are accepting the license.
+						</p>
 					</td>
 				</tr>
-				</table>
-			</td>
-			<td colspan="1" align="right">
+				<tr valign="top">
+			<td>
+			<p class="center">
 				<?php if($installFlag == true) { ?>
-				<input type="submit" tabindex="20" name="submit" value="Install WebsiteBaker" />
+				<input type="submit" tabindex="20" name="install" value="Install WebsiteBaker" />
 				<?php } else { ?>
-				<input type="button" tabindex="20" name="submit" value="Check your Settings in Step1 or Step2" class="submit" />
+				<input type="button" tabindex="20" name="restart" value="Check your Settings in Step1 or Step2" class="submit" onclick="javascript: window.location = '<?php print $_SERVER['SCRIPT_NAME'] ?>';" />
 				<?php } ?>
+			</p>
 			</td>
 		</tr>
 		</table>
-	</td>
-</tr>
-</table>
 
 </form>
 
-<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 10px 0px 10px 0px;">
-<tr>
-	<td align="center" style="font-size: 10px;">
+	<div style="padding: 10px 0px 10px 0px; text-align:center;">
 		<!-- Please note: the below reference to the GNU GPL should not be removed, as it provides a link for users to read about warranty, etc. -->
 		<a href="http://www.websitebaker.org/" style="color: #000000;" target="_blank">Website Baker</a>
 		is	released under the
 		<a href="http://www.gnu.org/licenses/gpl.html" style="color: #000000;" target="_blank">GNU General Public License</a>
 		<!-- Please note: the above reference to the GNU GPL should not be removed, as it provides a link for users to read about warranty, etc. -->
-	</td>
-</tr>
-</table>
+	</div >
+</div>
 
 </body>
 </html>
