diff --git a/src/main/webapp/css/register.css b/src/main/webapp/css/register.css
index dd68cf55..a586c59b 100644
--- a/src/main/webapp/css/register.css
+++ b/src/main/webapp/css/register.css
@@ -4,20 +4,86 @@
 
 
 .regdiv1 {
-	style="margin:20px auto; 
-	width:958px; height:600px; background-color:#efefef">
+	margin:20px auto; 
+	width:958px; 
+	height:600px; 
+	background-color:#efefef;
+}
+
+。regtable1{
+	width:100% ;
+	height:100%;
+	border:0;
+}
+
+.regtable2{
+	width:100%; 
+	height:50px; 
+	border:0; 
+	align:center; 
+	cellpadding:0; 
+	background-color:#efefef
+}
+
+.regtable3{
+	width:100%; 
+	height:300px; 
+	border:0;
+}
+
+.regtable4{
+	width:100%; 
+	height:400px; 
+	border:0; 
+	cellpadding:0; 
+	background-color:#efefef;
+}
+
+.regtr1{
+	height:50px; 
+	width:100%;
+}
+
+.regtr2{
+	width:100%; 
+	height:100px;
 }
 
 .regtd1{
-	style="width:20%; 
+	width:10%; 
+	height:50px; 
+	text-align:right;
+}
+
+.regtd2{
+	width:20%; 
 	height:50px; 
 	text-align:right; 
 	background-color:#efefef;
 }
 
-.regtd2{
-	style="text-align:center; 
-	background-color:#efefef;" 
-	colspan="2"
+.regtd3{
+	width:25%; 
+	height:50px; 
+	text-align:right; 
+	background-color:#efefef;
 }
 
+.regtd4{
+	width:55%; 
+	height:50px; 
+	text-align:right; 
+	background-color:#efefef;
+}
+
+.regtd5{
+	text-align:center; 
+	background-color:#efefef;	
+	colspan:2;
+
+}
+
+
+
+
+
diff --git a/src/main/webapp/js/register.js b/src/main/webapp/js/register.js
index a8dd8f82..4ea249e0 100644
--- a/src/main/webapp/js/register.js
+++ b/src/main/webapp/js/register.js
@@ -1,22 +1,22 @@
 
 
  function clean() {
-		   document.getElementsByName('userName')[0].value="";		     
+		   document.getElementsByName('username')[0].value="";		     
 		   document.getElementsByName('password')[0].value="";
 		   document.getElementsByName('retype_password')[0].value="";
 		   }
 		   
            function password_validation() {
 		       var null_flag=0;
-		       var user_name = document.getElementsByName('userName')[0].value;
+		       var user_name = document.getElementsByName('username')[0].value;
 			   var retype_pwd = document.getElementsByName('retype_password')[0].value;
 			   var input_pwd = document.getElementsByName('password')[0].value;
 
 			   
 			   if(user_name==""){
 		       $('#usrmsg').show();       
-		       document.getElementsByName('userName')[0].value="";		     
-		       document.getElementsByName('userName')[0].style.border="1px solid red";
+		       document.getElementsByName('username')[0].value="";		     
+		       document.getElementsByName('username')[0].style.border="1px solid red";
 		       null_flag=1;}
 		       			   
 			   if(input_pwd==""){
@@ -39,8 +39,8 @@
 		       alert(name + " must be number!");
 		       if(name=="username"){
 		       $('#usrmsg').show();       
-		       document.getElementsByName('userName')[0].value="";		     
-		       document.getElementsByName('userName')[0].style.border="1px solid red";
+		       document.getElementsByName('username')[0].value="";		     
+		       document.getElementsByName('username')[0].style.border="1px solid red";
 		       }
 		       
 		       else if(name=="password"){
diff --git a/src/main/webapp/register.jsp b/src/main/webapp/register.jsp
index c2805f8c..51dc3280 100644
--- a/src/main/webapp/register.jsp
+++ b/src/main/webapp/register.jsp
@@ -16,21 +16,87 @@
 <h1>
 Bench4Q is a new methodology for QoS benchmarking
 </h1>
-
-<table class="table1"> 
-<img src="images/register/tips.jpg"/>
-<img src="images/register/bench4qblog.jpg"/>
-
+<table>
 </table>
 
-
+<div class="regdiv1">
 <form id="fm" name="fm" action="Regester/register" method="post">
-<p> <img src="images/register/username.jpg"/> UserName; <input type="text" name="userName" onChange="javascript:form_validation('userName')"  /><p>
-<p> <img src="images/register/password.jpg"/> Password; <input type="text" name="password" onChange="javascript:form_validation('password')" /><p>
-<p> <img src="images/register/retype.jpg"/> Retype Password; <input type="text" name="retype_password" /><p>
-<input type="image" name="Submit" value="Register" src="images/register/submit.jpg" onMouseOver="this.src='images/register/submiton.jpg'" onMouseOut="this.src='images/register/submit.jpg'" onClick="javascript:password_validation();return false" />  <img name="clear" value="clear" src="images/register/clear.jpg" onClick="javascript:clean();return false" />
+<table class="regtable1">
+  <tr>
+    <td align="center"><table class="regtable2"></table></td>
+  </tr>
+  <tr>
+    <td>
+      <table class="regtable3">
+        <tr>
+          <td style="width:50%;">
+            <table class="regtable1">
+              <tr class="regtr1">
+                <td><img src="images/register/tips.jpg"></td>
+              </tr>
+              <tr class="regtr1"></tr>
+            </table>
+            <table class="regtable3">
+              <tr>
+                <td class="regtd1"><img src="images/register/username.jpg"></td>
+                <td class="regtd2">UserName:</td>
+                <td class="regtd3"><input style="height:20px" tabindex="1" "type="text" name="username" onChange="javascript:form_validation('username')" </td>
+                <td class="regtd4">
+                  <table>
+                    <tr id="usrmsg" style="display:none;">
+                      <td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the UserName must be <br>5-20 letters or numbers</td>
+                    </tr>
+			      </table>
+                </td>
+              </tr>
+              <tr>
+                <td class="regtd1"><img src="images/register/password.jpg"/></td>
+                <td class="regtd2">Password:</td>
+                <td class="regtd3"><input style="height:20px" name="password" tabindex="1" type="password" onChange="javascript:form_validation('password')"/></td>
+			    <td class="regtd4">
+			      <table>
+			        <tr id="pwdmsg" style="display:none;">
+			          <td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the Password must be <br>6-20 letters or numbers</td>
+			       </tr>
+			      </table>
+			    </td>   
+              </tr>
+              <tr>
+                <td class="regtd1"><img src="images/register/retype.jpg"/></td>
+			    <td class="regtd2"">Retype Password:</td>
+                <td class="regtd3"><input style="height:20px" name="retype_pwd" tabindex="1" type="password"/></td>
+			    <td class="regtd4">
+			      <table>
+			        <tr id="rtpmsg" style="display:none;">
+			          <td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the password is wrong</td>
+			        </tr>
+			      </table>
+			    </td>
+              </tr>
+              <tr style="height:120px;">
+                <td class="regtd5"><input type="image" name="Submit" value="Register" src="images/register/submit.jpg" onMouseOver="this.src='images/register/submiton.jpg'" onMouseOut="this.src='images/register/submit.jpg'" onClick="javascript:password_validation();return false" /></td>
+                <td class="regtd5"><img name="Clear" value="Clear" src="images/register/clear.jpg" onMouseOver="this.src='images/register/clearon.jpg'" onMouseOut="this.src='images/register/clear.jpg'" onClick="javascript:clean();return false" /></td>
+              </tr>
+              <tr class="regtr2"></tr>
+            </table>
+          </td>
+          <td style="width:50%;">
+            <table class="regtable4">
+              <tr>
+                <td style="width:90%;"><img src="images/register/bench4qblog.jpg"/></td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td><table style="width:100%; height:100px; border:0; cellpadding:0; background-color:#efefef;"></table></td>
+  </tr>
+  </table>
 </form>
-
+</div>
 
 
 </body>