<div id="login">


    <form action="/main/login" method="POST" onsubmit="new Ajax.Updater({success:'login',failure:'errorBox'}, '/main/login', {asynchronous:true, evalScripts:true, onFailure:function(request){new Effect.Parallel([new Effect.Appear("errorBox",{duration:0.25}),new Effect.Highlight("errorDialog",{duration:0.5})], {})}, onSuccess:function(request){new Effect.Parallel([new Effect.Fade("errorBox",{duration:0.25}),new Effect.Fade("loginbox",{duration:0.25}),new Effect.Morph("login",{})], {})}, parameters:Form.serialize(this)}); return false;">

    <p><label for="username" class="labelLogin">Username:</label><input id="username" name="username" type="text"></p><br>
    <p><label for="password" class="labelLogin">Password:</label><input id="password" name="password" type="password"></p><br>

    <p class="submit"><input type="submit" value="Login"></p><br>

    </form>


</div>