/* ================================================================================

	login.css
	-----
	Devon Mitton
	v 1.0 | 2009.06.12

================================================================================ */

/* ===== Import Components ===== */
@import "lib/reset.css";
@import "lib/typography.css";
/*@import "lib/forms.css";*/

html, body			{ height: 100%; }
body				{ background: #062635; text-align: center; }

.container			{ text-align: left; }

#login #shim		{ width: 100%; height: 25%; background: url('/images/interface/bg_login_repeat.png') top center repeat-y; }
#login #container	{ margin: 0 auto; width: 510px; padding-top: 385px; position: relative; margin-top: -350px; background: url('/images/interface/bg_login.jpg') top left no-repeat; }
#login-form			{ position: relative; width: 250px; margin: 0 auto; height: 360px; text-align: center; }

#login-form #logo				{ width: 245px; height: 70px; background: url('/images/interface/bg_spotlight_logo_login_24.png') top left no-repeat; text-indent: -9999px; margin-bottom: 20px; }
/* Fix the image for IE6 */
* html #login-form #logo		{ background-image: url('/images/interface/bg_spotlight_logo_login_8.png'); }
/* End Logo Fix for IE6 */
#login-form #tagline			{ color: #fff; font-size: 12px; margin: 5px 0 25px 0; text-align: right; }
#login-form dt					{ text-align: left; color: #fff; margin: 0; padding: 0; }
#login-form dd					{ background: url('/images/interface/bg_login_input.png') top left no-repeat; width: 250px; height: 39px; margin: 0 0 10px; padding: 10px 0 0 0; }
#login-form input				{ font-size: 12pt; font-family: "Trebuchet MS", Tahoma, "Helvetica Neue", Arial, "sans-serif"; font-weight: bold; color: #666; border: 2px solid #ccc; padding: 2px 5px; width: 210px; }
#login-form .buttons			{ position: relative; margin-top: 20px; text-align: left; }
#login-form .buttons a			{ color: #fff; font-size: 12px; }
#login-form .buttons a:hover	{ text-decoration: none; }
#login-form #login-button		{ width: 93px; height: 36px; border: none!important; position: absolute; right: 0px; }


#login-form .alert-box					{ position: relative; right: -100%; top: -100%; border: 2px solid #FFD324; background: #FFF6BF; text-align: left; margin-left: 15px; }
#login-form .alert-content				{ padding: 15px 15px 15px 30px; margin-left: -15px; background: url('/images/interface/bg_login_error.png') 5px 15px no-repeat; }
#login-form .alert-box .alert-title		{ font-size: 10pt; margin: 0 0 10px 0; padding: 0; }
#login-form .alert-box p				{ margin: 0; padding: 0; line-height: 1.2em; }

.message-box				{ border-bottom: 1px solid #000; position: absolute; left: 50%; margin-left: -250px; width: 500px; top: 50px; z-index: 1; -moz-box-shadow: 0px 2px 3px #000; }
.message-content			{ border: 2px solid #FFD324; background: #FFF6BF; padding: 20px 20px 20px 50px; }


/* ===== Debugging Information ===== */
@import "lib/debug.css";