/********** Login CSS File ************/

/**********************
*
*	Main Layout CSS
*
**********************/

* {
	margin:0;
	padding:0;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

html, body {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#E2E2E2;
	height: 100%;
}

div#container {
   height: auto !important;
   height: 100%;
   min-height: 100%;
}

a {	text-decoration:none; }
a:hover { text-decoration:underline; }

div#masthead-wrapper {
	height:74px;
	min-width:100%;
	background-color:#37394B;
}

div#masthead {
	height:74px;
	position:relative;
}

div#masthead h1 a {
	text-indent:-9999px;
	width:299px;
	height:64px;
	display:block;
	background:transparent url('/photosynthesis/img/logo.png') no-repeat top left;
	left:17px;
	top:10px;
	position:absolute;
}

div#content {
	padding-top:10px;
	padding-bottom:35px;
	min-width:100%;
}

div#footer
{
   	margin: -25px 0 0 0;
   	height:25px;
	font-size:12px;
	color:#CCC;
	min-width:100%;
	background-color:#37394B;
	letter-spacing:.07em;
}

div#footer a {
	color:#CCC;
}

div#footer .left {
	margin-left:16px;
	margin-top:6px;
}

div#footer .right {
	margin-right:16px;
	margin-top:6px;
}

/**********************
*
*	Form styling
*
**********************/

div#login-form {
	margin:100px auto;
	width:280px;
	border-right:solid 2px #999;
	border-bottom:solid 2px #999;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	padding:20px;
	background-color:white;
	
}

div.input {
	margin-top:10px;
}

div.input.text input, div.input.password input {
	border:solid 1px #999999;
	padding:4px;
	font-size:12px;
}

label {
	margin-top:4px;
	width:100px;
	display:block;
	float:left;
	font-size:12px;
}

div.submit input {
	float:right;
	margin-top:20px;
	border:solid 1px #999999;
	margin-right:7px;
	font-size:14px;
	padding:3px;
}

div.input.checkbox input {
	margin-top:3px;
}