<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>{pageTitle}</title>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />

    <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <link rel="stylesheet" href="../templates/admin/style/reset.css?version={VERSION}" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="../templates/admin/style/main.css?version={VERSION}" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="../templates/admin/style/form.css?version={VERSION}" type="text/css" media="screen, projection" />
    <link rel="stylesheet" type="text/css" href="../javascript/ext/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../javascript/ext/css/xtheme-gray.css" />

    <script type="text/javascript" src="../javascript/prototype.js"></script>
    <script type="text/javascript">
        function SetMouse(){
            $('email').focus();
        }

        function hideshow(which,imgid){
            if (!document.getElementById)  return
            if (which.style.display=="none"){
                which.style.display="";
                if(document.images[imgid] != null){
                        document.images[imgid].src= relativePath + "images/collapse.gif";
                }
            }else{
                which.style.display="none";
                if(document.images[imgid] != null){
                        document.images[imgid].src= relativePath + "images/expand.gif";
                }
            }
        }
    </script>

    <style type="text/css">
        body{color:#444444;}
        #login {
                width: 450px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 80px;
        }

        #header h1, h1 a {
                width: 115px;
                height: 125px;
                display: block;
        }
        #login h1 {
                position: absolute;
                margin-top: -20px;
                margin-right: -20px;
        }

        # h1 a {
                background: url(templates/admin/images/logo.png) no-repeat 0 0;
                text-indent: -9999px;
        }
        #login .table {
                margin:auto;
                width:270px;
        }
        #login .table .forgot {
                padding:5px 0 0 10px;
                font-size:11px;
        }
        #login label{
                min-width: 100px;
        }
    </style>
</head>

<body onload="SetMouse();"> 
    <div id="wrap"> 
        <div id="header">
            <h1 class="mainlogo"><a href="http://www.clientexec.com"></a></h1>
        </div> 
    
        <div id="main"> 
    
            <div id="login" class="container">
                <div class="heading"> 
                    [l]Staff Login[/l]
                </div> 
                <div class="inside">
                    <form action="index.php?fuse=admin&amp;action=Login" method="post">
                        <p style="font-size:13px;font-weight:bold;color:red;text-align:center;">{pageLoginmessage}</p>
                        <table border="0" cellspacing="10" cellpadding="0" class="table">
                            <tr>
                              <td align="right"><label>[l]E-Mail[/l]:</label></td>
                              <td><input id="email" style="width:100%;height:18px;" type="text" class="x-form-text x-form-field" name="email"/></td>
                            </tr>
                            <tr>
                              <td align="right"><label>[l]Password[/l]:</label></td>
                              <td><input style="width:100%;height:18px;" type="password" class="x-form-text x-form-field" name="passed_password"/></td>
                            </tr>
                            <tr>
                              <td colspan="2" align="center"><button type="submit" class="button">Login</button></td>
                            </tr>
                            <tr>
                                <td class="forgot" colspan="2" align="center"><a href="javascript:hideshow($('forgotpassword'),'toggle0');">[l]Forgot Password[/l]</a></td>
                            </tr>
                          </table>
                    </form>
                </div>
                <div class="inside" id="forgotpassword" style="display:{HIDEINFO}">
                    <form action="index.php?fuse=admin&amp;action=RequestPassword" method="post">
                        <p style="text-align:center;color:#444444;">[l]Submit E-Mail to retrieve your password[/l]</p>
                        <table border="0" cellspacing="10" cellpadding="0" class="table">
                          <tr>
                            <td align="right"><label>[l]E-Mail[/l]:</label></td>
                            <td><input type="text" style="width:100%;height:18px;" class="x-form-text x-form-field" name="femail"/></td>
                          </tr>
                          <tr>
                            <td colspan="2" align="center"><button class="button">[l]submit[/l]</button></td>
                          </tr>
                        </table>
                    </form> 
                </div>
            </div> 
        </div> 
        
        <div id="copyright"> 
            Copyright &copy; 2002-{CURRENTYEAR} ClientExec Inc. All Rights Reserved.
        </div> 
    </div> 
</body> 
</html>