<script type="text/javascript">
jQuery(function() {
jQuery("#slide-in-loginform").click(function () {
jQuery('.logintext').animate({
marginTop: '-50px'
}, "slow").css('margin-top', '-50px');
});
});
</script>
<style>
</style>
<div id="sulogin" class="float_left">
<div class="logintext">
Please <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="return false;" id="slide-in-loginform">Login</a> or <a href="{$mybb->settings['bburl']}/member.php?action=register">Register</a> to get full access to the forums.
</div>

<form action="member.php" class="loginform" method="post">
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$url}" />
<label>Username: </label>
<input type="text" name="username" value="" class="boxl"/>
<label>Password:  </label>
<input type="password" style="left:-3px;" name="password" value="" class="boxl" />
</span>
<br/>
<input type="submit" class="loginsub" value="Login" tabindex="3" />
</form>
</div>