/**
 * 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; color:#666666}
ul,form,h2 {margin:0; padding:0; list-style:none; clear:both}
#container { width:345px; height:195px; margin:150px auto;}
#container { background: url(login/icontainer_bg.png) no-repeat; padding:5px 10px 0 10px}
div.title { background:url(login/ititle_bg.png) no-repeat; width:340px; height:28px;}
div.title  { margin:0 0 12px 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:10px}
.label { width:130px; float:left; color:#333333; font-size:20px;}
.label  { height:25px;}
.status { font-size:15px; color:#FFFFFF; }
.field { width:165px; height:29px;float:left }
input.text { width:165px; height:25px; background:url(7login/itext_bg.jpg); }
input.text {
    border:0;
    font-size:16px;
    color:#414747;
    padding:3px 5px 1px 25px;
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
 }
.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:#003399; font-size:8px; height: auto; vertical-align: middle; position: absolute; top: 280px }
.ajax_spinner img { vertical-align:middle; height: auto;}
.default { width:345px; margin:auto; text-align:center; clear:both;}
