/**
 * Ajax Login Module v1.1
 *
 * Ajax Login Module is a nice Php-AJAX Login used to authenticate users without reloading a login page.
 * Easy to integrate with your existing php applications with no further configuration and coding.
 *
 *
 * @copyright     Copyright 2009, Christopher M. Natan
 * @link          http://phpstring.co.cc/phpclasses/modules/ajax-login-module/
 * @version       $Revision$
 * @modifiedby    $LastChangedBy$
 * @lastmodified  $Date$
 * @email         chris.natan@gmail.com
 *
 * Dual licensed under the MIT and GPL licenses.
 * Redistributions of files must retain the above copyright notice.
 */

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
ul,form,h2 {margin:0; padding:0; list-style:none; clear:both}
#container { width:345px; height:200px; margin:180px auto; }
#container { background: url(login/caja_login.png) no-repeat; padding:5px 10px 0 10px}
/*div.title { background:url(login/ititle_bg.png) no-repeat; width:340px; height:28px;}*/
div.title {  width:340px; height:45px;}
            /*              top  right  bottom  left           */
div.title  { margin:10px 0 2px 0; padding:3px 0 0 0px; color:#FFFFFF; font-size:18px; font-weight:normal; text-align: center }
div.menu {
  position: fixed;
  right: 10px;
  top: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold;
}


.label,.field { margin-bottom:12px}
.label { width:110px; float:left; margin-left:10px; color:#c99d66; font-size:20px;}
.label  { height:20px;}
.status { font-size:15px; color:#FFFFFF; }
.field { width:150px; height:25px;float:left }
input.text { width:150px; height:25px; background:url(login/itext_bg.jpg); }
input.text { border:0; font-size:16px; color:#414747; padding:3px 5px 1px 25px;}
.submit { cursor:pointer}

.invalid_message { width:100%; clear:both; font-size:9px; color:#990000; text-align:center; padding-top:2px; height:auto}
.ajax_spinner { color:#FFFFFF; font-size:8px; height: auto; vertical-align: middle; position: relative; top: -40px; }
.ajax_spinner img { vertical-align:middle; height: auto;}
.default { width:345px; margin:auto; text-align:center; clear:both;}

.Aceptar_login{
    height:30px;
    width:100px;
    padding-top: 8px;
    background-color:#910000;
    float:left;
    font-size:10pt;
    font-weight: bold;
    color:#c99d66;
    text-align: center;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.Aceptar_login:hover{
    height:30px;
    width:100px;
    padding-top: 8px;
    background-color:#D5352D;
    float:left;
    font-size:10pt;
    font-weight: bold;
    color:#FFFFFF;
    text-align: center;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.descripcion {
    position:relative;
    top:-150px;
    font-size:8pt;
    font-family: Verdana;
    font-weight: bold;
    color:#FFFFFF;
    margin:auto;
    text-align: center;
    width:50%;
}