<head>
<meta name='layout' content='main' />
<title>Login</title>
<style type='text/css' media='screen'>
#login {
    margin:15px 0px; padding:0px;
    text-align:center;
}
#login .inner {
    width:260px;
    margin:0px auto;
    text-align:left;
    padding:10px;
/*	border-top:1px dashed #499ede;
    border-bottom:1px dashed #499ede;*/
/*	background-color:#EEF;*/
}
#login .inner .fheader {
    padding:4px;margin:3px 0px 3px 0;color:#2e3741;font-size:14px;font-weight:bold;
}
#login .inner .cssform p {
    clear: left;
    margin: 0;
    padding: 5px 0 0 0;
    padding-left: 105px;
/*	border-top: 1px dashed gray;*/
    margin-bottom: 10px;
    height: 1%;
}
#login .loginButton {
    float: left;
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    margin: 0;
}
#login .inner .cssform input[type='text'] {
    width: 120px;
}
#login .inner .cssform input[type='submit'] {
    background: transparent url(../images/skin/key_go.png) 5px 50% no-repeat;
    padding-left: 28px;
    border: none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
}
#login .inner .cssform input[type='submit']:link {
}
#login .inner .cssform input[type='submit']:visited {
}
#login .inner .cssform input[type='submit']:hover {
    /*background: #bfdaff;*/
}
#login .inner .cssform input[type='submit']:focus {
}
#login .inner .cssform label {
    font-weight: bold;
    float: left;
    margin-left: -105px;
    width: 100px;
    padding: 5px 0 0 0;
}
#login .inner .login_message {color:red;}
#login .inner .text_ {width:120px;}
#login .inner .chk {height:12px;}
</style>
</head>

<body>
    <div id='login'>
        <h1>Welcome to gnuMims please log in</h1>

        <g:if env="development">
        The demo users are <b>user</b>, <b>manager</b> and  <b>admin</b> all having the password: <b>pass</b>
        </g:if>

        <div class='inner'>
            <g:if test='${flash.message}'>
            <div class='login_message'>${flash.message}</div>
            </g:if>
            <div class='fheader'></div>
            <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
                <p>
                    <label for='j_username'>Login ID</label>

                    <g:if env="production">
                        <input type='text' class='text_' name='j_username' id='j_username'/>
                    </g:if>
                    <g:else >
                        <input type='text' class='text_' name='j_username' id='j_username' value='manager'  />
                    </g:else >

                </p>
                <p>
                    <label for='j_password'>Password</label>

                    <g:if env="production">
                        <input type='password' class='text_' name='j_password' id='j_password' />
                    </g:if>
                    <g:else >
                        <input type='password' class='text_' name='j_password' id='j_password' value="pass" />
                    </g:else >
                </p>

                <p>
                    <span class="loginButton">
                        <input type='submit' value='Login' />
                    </span>
                </p>
            </form>
        </div>
    </div>
<script type='text/javascript'>
<!--
(function(){
    document.forms['loginForm'].elements['j_username'].focus();
})();
// -->
</script>
</body>
