/*
*******************************************************************************************************
Title:        Login
Description:  
Version:      
Author:       Peter Carless
*******************************************************************************************************
*/

body, div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, img, form, fieldset, input, blockquote
{
	margin:0; padding:0; border:0;
}

body
{
	font-family:Arial; font-size:12px; color:#666666;
	background:#009EE0;
}

#container
{
	position:absolute; left:50%; top:50%;
	width:600px; margin:-225px 0px 0px -300px; padding:20px;
	background:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px 2px #333333;
	-webkit-box-shadow:0px 0px 10px 2px #333333;
	box-shadow:0px 0px 10px 2px #333333;
}

/* Header */
header
{
	float:left; width:600px; margin-bottom:20px;
	background:#FFFFFF;
	border-bottom:2px groove #FFFFFF;
}

	header #logo
	{
		float:left; width:185px; margin-right:20px; padding:20px;
	}

	header #system
	{
		float:right; height:100px; margin-right:20px;
		text-align:center;
	}
		header #system h1
		{
			padding-top:10px;
			font-size:50px; color:#E7E7E7;
			text-transform:uppercase;
			-moz-text-shadow:2px 2px 2px #999999;
			-webkit-text-shadow:2px 2px 2px #999999;
			text-shadow:2px 2px 2px #999999;
		}

/* Section */
section
{
	float:left; width:560px; margin-left:20px;
}

	section hgroup
	{
		float:left; width:260px; margin-left:140px; padding-left:20px;
	}
		section hgroup h1
		{
			margin-bottom:20px;
			font-size:18px; font-weight:normal;
			text-align:left;
		}
		section hgroup p
		{
			margin-bottom:20px;
		}

	section form
	{
		float:left; width:260px; margin-left:140px; padding-left:20px;
	}
		section form table
		{
			border-spacing:0px; border-collapse:collapse;
		}
			section form td
			{
				padding:5px 0px;
			}
				section form  td input[type=text]
				{
					padding:5px;
					color:#009EE0;
					border:1px solid #999999;
					-webkit-box-shadow:2px 2px 2px #999999;
					box-shadow:2px 2px 2px #999999;
				}
				section form td input[type=password]
				{
					padding:5px;
					color:#009EE0;
					border:1px solid #999999;
					-webkit-box-shadow:2px 2px 2px #999999;
					box-shadow:2px 2px 2px #999999;
				}
				section form td input[type=submit]
				{
					margin-top:20px; padding:5px;
					font-size:10px; color:#FFFFFF; font-weight:bold;
					background:#009EE0;
					border:1px solid #009EE0;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					-webkit-box-shadow:2px 2px 2px #999999;
					box-shadow:2px 2px 2px #999999;
					cursor:pointer;
				}
					section form td input[type=submit]:hover
					{
						color:#009EE0;
						background:#FFFFFF;
						border:1px solid #009EE0;
					}

	section div
	{
		clear:left; width:260px; margin-left:140px; padding:20px 0px 0px 20px;
		font-size:10px; color:#F00000; font-weight:bold;
		text-transform:uppercase; 
	}

/* Footer */
footer
{
	float:left; width:600px; margin-top:20px;
	background:#FFFFFF;
	border-top:2px groove #FFFFFF;
}

	footer p
	{
		padding-top:20px;
		font-size:10px;
	}