/*		########################################
		GENERAL
*/
		body																	{ margin: 0; background: url(../../graphics/basis/top/backgrounds/default.gif); font-family: arial, helvetica; }
		body, html																{ height: 100%; }

		p																		{ margin: 0; }

		a																		{ cursor: default; text-decoration: none; color: #fff; }
		a:focus, a:active, select:focus,
		input:focus, textarea:focus												{ outline: none; -moz-outline-style: none; }
		
		.hidden																	{ display: none; }
		
		.beta																	{ width: 52px; height: 21px; margin: 30px 0 0 -26px; position: absolute; left: 50%; background: url(../../graphics/login/beta.png) no-repeat; display: none; }


/*		########################################
		COVER
*/
		#cover_login															{ width: 6%; height: 6%; background: #2b2b2b; position: absolute; z-index: 200; left: 47%; top: 47%; display: none; }


/*		########################################
		FRAMEWORK
*/
		table.framework															{ width: 100%; height: 100%; }

		#logo																	{ width: 230px; height: 39px; margin: 0 0 20px 0; background: url(../../graphics/login/logo.png); display: none; }

		#submit																	{ width: 46px; xheight: 68px; padding: 22px 0 0 0; display: none; }
		#submit a																{ width: 46px; height: 46px; background: url(../../graphics/basis/top/modules/logout.png) no-repeat; display: block; }
		#submit a.normal:hover													{ background-position: -50px 0; }
		body.busy #submit a.normal:hover										{ background-position: 0 0; }
		#submit a.selected														{ background-position: -100px 0; }
		#submit a.error															{ background-position: -150px 0; }


/*		########################################
		CRACK
*/
		#crack																	{ display: none; background: #1c1c1c; box-shadow: 0px 1px 2px #6C6C6C, inset 0px 1px 2px #000; -webkit-box-shadow: 0px 1px 2px #6C6C6C, inset 0px 1px 2px #000; -moz-box-shadow: 0px 1px 2px #6C6C6C, inset 0px 1px 2px #000; }
		#xxxcrack																{ background: linear-gradient(top, #090909 0%,#222222 3%,#1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#090909), color-stop(3%,#222222), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #090909 0%,#222222 3%,#1c1c1c 100%); background: -moz-linear-gradient(top, #090909 0%, #222222 3%, #1c1c1c 100%); }


/*		########################################
		FORM
*/
		.form																	{ width: 240px; padding: 20px 0 20px 0; }
		.form .field															{ margin: 0 0 10px 0; }
		.form .field input														{ width: 100%; height: 24px; margin: 0; padding: 0px 0 2px 0; border: none; background: #fff; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
		.form .field input.light												{ color: #999999; }
		
		.form .buttons															{ margin-top: 4px; }


/*		########################################
		MESSAGE
*/
		.message																{ width: 340px; padding: 22px 0 22px 0; }
		.message .icon															{ width: 32px; height: 32px; }
		.message .icon p														{ width: 32px; height: 32px; background: url(../../graphics/login/icons.png); }
		.message .icon p.error													{ background-position: center center; }
		.message .title															{ padding: 10px 0 6px 0; }
		.message .title p														{ font-size: 16px; line-height: 20px; font-weight: bold; color: #fff; text-shadow: 0px 1px 2px #000; }
		.message .description													{ padding: 0 0 1px 0; }
		.message .description p													{ font-size: 11px; line-height: 16px; color: #c6c6c6; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px 1px 2px #000; }


/*		########################################
		BROWSER ERROR
*/
		#browser_error															{ width: 100%; position: fixed; top: 40%; display: none; }
		#browser_error .message													{ width: auto; padding: 22px 0 22px 0; }
		#browser_error .message p												{ text-align: center; }


/*		########################################
		FOOT
*/
		#login_foot																{ width: 100%; position: absolute; z-index: 100; bottom: 5px; }
		#login_foot p															{ margin: 0 0 8px 0; font-size: 11px; color: grey; text-shadow: 0px 1px 1px #000; text-align: center; }
		#login_foot p a															{ color: #dadada; font-weight: bold; }
		#login_foot p a:hover													{ color: #76b6ff; text-shadow: 0px 0px 3px #76b6ff; }