/*
	Ma'am Software
	login.css - Login Style Sheet
	Login specific styles.
*/

/* general styles */
body {
	background-image: url('../images/dark-bg-body.png');
}

.hide-text {
	text-indent: -9999999px;
}

/* ma'am login logo */
div.maam-logo {
	margin-left: auto;
	margin-right: auto;

	width: 222px;
	height: 103px;

	background: url('../images/maam-logo.png') no-repeat;
}

/* login dialog styles */
div.login-burst {
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;

	width: 652px;
	height: 574px;

	background: url('../images/dark-login-burst.png') no-repeat;
}

div.login-dialog {
	margin-right: auto;
	margin-left: auto;

	background: url('../images/dark-login-dialog.png') no-repeat;

	width: 456px;
	height: 275px;

}

div.login-dialog-inner {
	padding-top: 30px;
	padding-left: 0px;
}

/* Form styles */
div.form-field {
	margin-right: auto;
	margin-left: auto;

	margin-top: 20px;
	background: url('../images/form-field-background.png') no-repeat;
	width: 343px;
	height: 38px;
}

div.form-field input {
	width: 100%;
	height: 100%;
	background: none;
	border: none;

	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	text-indent: 10px;

	color: #b94469;
}

div.form-button {
	margin-top: 20px;
}

div.form-message {
	color: red;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
}

/* button styles */
a:link.btn-362, a:visited.btn-362 {
	display: block;
	
	width: 362px;
	height: 54px;
	margin-left: auto;
	margin-right: auto;
	
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: white;
	
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
	
	background: url('../images/btn-362.png') no-repeat;
	
	text-align: center;
	text-decoration: none;
	
	line-height: 42px;
}

a:hover.btn-362 {
	background-position: 0 -55px;
}