/**
 * 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.
 */

@font-face {
  font-family: 'BCNassim';
  src: url('/fonts/BCNassim.eot?#iefix') format('embedded-opentype'),  /* IE6–8 */
       url('/fonts/BCNassim.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BCNassim.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BRoya';
  src: url('/fonts/BRoya.eot?#iefix') format('embedded-opentype'),  /* IE6–8 */
       url('/fonts/BRoya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/fonts/BRoya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


html {
	height: 100%;
}
body {
	font-family: 'BRoya', 'Tahoma', sans-serif;
	font-size: 14px;
	color: #fff;
	height: 100%;
	margin: 0px;
}
ul, form, h2 {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both
}
#container {
	min-height: 100%;
	margin: 0 auto;
	min-width: 960px;
	max-width: 100%;
}

#gradient {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #301f40 400px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(400px, #301f40)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #000000 0%, #301f40 400px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #000000 0%, #301f40 400px); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #000000 0%, #301f40 400px); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#301f40', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #000000 0%, #301f40 400px); /* W3C */
	min-height: 100%;
}
#stars {
	background: url(../../login_old/img/stars.png);
	background: -moz-radial-gradient(bottom 45deg, circle farthest-corner, rgba(38, 52, 77, 1) 0%, rgba(38, 52, 77, 0) 100%), url(../../login_old/img/stars.png);
	background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 1200, from(rgba(38, 52, 77, 1)), to(rgba(38, 52, 77, 0))), url(../../login_old/img/stars.png);
	min-height: 100%;
}


#loginbox {
	width: 600px;
	margin: 10px auto;
}
/*
#loginbox {
	padding: 7px 10px 0 10px;
	border: solid 1px #fff;
}
div.title {
	width: 453px;
	height: 35px;
	background-color: #666;
}
div.title {
	margin: 0 0 12px 0;
	padding: 3px 0 0 5px;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: normal;
	text-align: center;
}
.label, .field {
	margin-bottom: 10px;
}
.label {
	width: 170px;
	float: right;
	color: #fff;
	font-size: 24px;
}
.label {
	height: 38px;
}
.status {
	font-size: 15px;
	color: #FFFFFF;
}
.field {
	width: 270px;
	height: 38px;
	float: right
}
input.text {
	width: 224px;
	height: 35px;
	background-color: #FFF;
}
input.text {
	border: 0;
	font-size: 23px;
	color: #000;
	padding: 3px 5px 1px 5px;
}
.submit {
	cursor: pointer;
	height: 40px;
	width: 90px;
	font-size: 18px;
}
*/
.invalid_message {
	width: 100%;
	clear: both;
	font-size: 16px;
	color: #FF0000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	font-family:'BCNassim',Arial,Tahoma;
}
.ajax_spinner {
	color: #003399;
	font-size: 16px;
}
.ajax_spinner img {
	vertical-align: middle
}
.default {
	margin: auto;
	clear: both;
	height: 100%;
}

.error {
	color:#F30;}