<html>
<body>
-<div align="right">
-<a href="javascript:toggleModal(0);"><img src="static/closewindow.gif" border="0"></a>
+<div id="loginbox_topline_container">
+<div id="loginbox_title">
+<?_("You must be logged in to access this page.")>
</div>
-<div align="center">
-To complete this action, you must log in. FIXME localize this string.<br>
+<div id="loginbox_closebutton">
+<a href="javascript:toggleModal(0);">
+<?_("Close window")> <img src="static/closewindow.gif" border="0"></a>
+</div>
+</div>
+<br><br>
<div class="login_message" id="login_errmsg"></div>
-<hr>
+<div id="auth_container">
+<div id="authbar">
+<ul id="button">
+<li class="ib_button" style='background-image: url("/static/citadel-button-32x32.gif");'>
+ <a class="ib_button_link" href="javascript:authtoggle('authbox_userpass');" title="<?SERV:HUMANNODE>"><span>
+ <?SERV:HUMANNODE>
+ </span></a>
+</li>
+<?!("COND:SERV:OPENID",1)><li class="ib_button" style='background-image: url("/static/openid-32x32.gif");'>
+ <a class="ib_button_link" href="javascript:authtoggle('authbox_openid');" title="OpenID"><span>
+ OpenID
+ </span></a>
+</li><??("X", 1)>
+<??("COND:SERV:OPENID",2)>
+<li class="ib_button">
+</li>
+</li><??("X", 2)>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+<li class="ib_button">
+</li>
+</ul>
+</div>
+
+<div class="authbox" id="authbox_userpass" style="display: block">
+<h2><?_("Log in using a user name and password")></h2>
<form id="ajax_username_password_form" method="POST" action="ajax_login_username_password">
-<table border=0 cellspacing=0 cellpadding=0><tr>
-<td><?_("User name:")></td>
-<td><input type="text" name="name" id="uname"></td>
-</tr><tr>
-<td><?_("Password:")></td>
-<td><input type="password" name="pass" id="pname"></td>
-</tr></table>
+<?_("User name:")>
+<input type="text" name="name" id="uname" onKeyPress="username_and_password_onkeypress(event);">
+<br><br>
+<?_("Password:")>
+<input type="password" name="pass" id="pname" onKeyPress="username_and_password_onkeypress(event);">
+<br><br>
</form>
-<hr>
-<div class="buttons"><a href="javascript:ajax_try_username_and_password('<?BSTR("destination_url")>');"><?_("Log in")></a></div>
-<div class="buttons"><a href="javascript:toggleModal(0);"><?_("Cancel")></a></div>
+<div class="buttons"><a href="javascript:ajax_try_username_and_password();"><?_("Log in")></a></div>
+</div>
+
+<div class="authbox" id="authbox_openid" style="display: none">
+<h2><?_("Log in using OpenID")></h2>
+<form id="ajax_openid_form" method="POST" action="ajax_login_openid">
+<?_("OpenID URL:")>
+<input type="text" name="openid_url" id="openid_url" class="openid_urlarea">
+</form>
+<div class="buttons"><a href="javascript:ajax_try_openid();"><?_("Log in")></a></div>
+</div>
+
</div>
</body>
</html>