<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="<?php echo __CHARSET__; ?>">
        <title><?php echo __LBL_PROJECT_NAME__; ?> login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="<?php echo __MEDIA_PATH__; ?>bootstrap-3.0/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="<?php echo __MEDIA_PATH__; ?>css/style.css" rel="stylesheet">
        <style>
            body {
                padding:0px;
                background-color: #f5f5f5;
            }

            .form-signin {
                max-width: 350px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.4);
                -moz-box-shadow: 0 8px 20px rgba(0,0,0,0.4);
                box-shadow: 0 8px 20px rgba(0,0,0,0.4);
            }
            
            .control-group{
                margin-bottom: 10px !important;
            }
        </style>
        <link href="<?php echo __MEDIA_PATH__; ?>bootstrap-3.0/dist/css/bootstrap-responsive.min.css" rel="stylesheet">
        <script src="<?php echo __MEDIA_PATH__; ?>jquery-ui-1.10.3/jquery-1.8.2.min.js"></script>
        <script src="<?php echo __MEDIA_PATH__; ?>bootstrap-3.0/dist/js/bootstrap.min.js"></script>

    </head>
    <body>
        <?php $this->com->load('main_content'); ?> 
    </body>
</html>