--- a/app/templates/projrev/auth/login.html	Thu Aug 06 22:36:36 2009 +0530
+++ b/app/templates/projrev/auth/login.html	Thu Aug 06 22:43:02 2009 +0530
@@ -1,17 +1,25 @@
 {% extends "projrev/base.html" %}
 {% block stylesheets %}
 <link rel="stylesheet" href="/site-content/css/login.css" type="text/css"/>
+<link type="text/css" rel="stylesheet" href="/site-content/css/colorbox.css" />
 {% endblock stylesheets %}
+
+{% block scripts %}
+{{ block.super }}
+{% if error %}
+<script type="text/javascript">
+  $(document).ready(function () {
+    $("#inline").colorbox({width:"50%", inline:true, open: true, href:"#message", title:"Error"});
+  });
+</script>
+{% endif %}
+{% endblock scripts %}
+
 {% block body %}
   <form id="login-form" action="#" method="POST">
     <fieldset>
     
       <legend>Log in</legend>
-      {% if error %}
-      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-      Wrong Email or password.<br/>
-      {% endif %}
       <label for="login">Email</label>
       <input type="text" id="login" name="username"/>
       <div class="clear"></div>
@@ -30,4 +38,12 @@
       <input type="submit" style="margin: -20px 0 0 287px;" class="button" name="commit" value="Log in"/> 
     </fieldset>
   </form>
+  <div class='hidden' style="display: none;">
+    <p><a id="inline" href="#"></a></p>
+    <div id='message' style='padding:10px; background:#fff;'>
+      {% if error %}
+      You have entered a wrong Email address or password. Please close this box and enter correct credentials.<br/>
+      {% endif %}
+    </div>
+  </div>
 {% endblock body %}
\ No newline at end of file