@import url('reset.css');






html, body
	{
	background: url(../images/bg.gif) top left;
	}
	
#password-reset
	{
	display: none;
	}
	
#header-wrapper
	{
	position: relative;
	width: 820px;
	height: 110px;
	margin: 0 auto 0 auto;
	}
	
#header
	{
	position: absolute;
	top: 30px;
	left: 154px;
	background: url(../images/login/padlock.png) no-repeat top left;
	padding: 0 0 0 45px;
	width: 600px;
	height: 85px;
	}	
	
	
	
#red-bar
	{
	display: block;
	background: url(../images/red-bar-bg.gif) repeat-x center center;
	color: #fff;
	text-shadow: #420A07 1px 1px 1px;
	padding: 10px 20px 10px 20px;
	text-align: center;
	font-size: 12px;
	}
	
#red-bar a:link, #red-bar a:visited
	{
	color: #F6C5C4;
	}
	
	
	
	
	
	
/* login */
	
.error, .success
	{
	border: solid 1px #BF1300;
	display: block;
	width: 420px;
	margin: 40px auto 0 auto;
	background: url(../images/login/error.png) no-repeat left;
	padding: 10px 10px 10px 50px;
	background-position: 10px 10px;
	
	color: #BF1300;
	text-shadow: #fff 1px 1px 1px;
	font-size: 13px;
	}
	
.success
	{
	background: url(../images/login/success.png) no-repeat left;
	background-position: 10px 10px;
	color: #00AF02;
	border: solid 1px #00AF02;
	}
	
	
#login-wrapper
	{
	position: relative;
	width: 100%;
	height: 180px;
	background: #007426 url(../images/login/login-bg.gif) repeat-x top left;
	border-top: solid 1px #EEF1F1;
	}
	
#login
	{
	position: relative;
	width: 420px;
	height: 170px;
	margin: 0 auto 0 auto;
	height: 170px;
	padding: 20px 0 0 0;
	}
	
.input-wrapper
	{
	position: relative;
	border: solid 1px #33984e;
	height: 46px;
	width: 418px;
	margin: 0 0 20px 0;
	}
	
#login label
	{
	position: absolute;
	top: 0;
	left: 15px;
	width: 110px;
	line-height: 48px;
	text-transform: uppercase;
	}
	
#login .text-input
	{
	outline: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 46px;
	border: none;
	background: transparent;
	line-height: 46px;
	}
	
.submit-wrapper
	{
	position: relative;
	width: 420px;
	margin-top: -6px;
	}
	
.submit-button
	{
	position: absolute;
	top: -2px;
	right: 0;
	
	padding: 1px 2px 1px 2px;
	width: 55px;
	
/*
	border: none;
	margin: 0;
	padding: 0;
	width: 255px;
	height: 45px;
	line-height: 20px;
	text-align: left;
	text-indent: -9999px;
*/
	}
	

.send-password-button
	{
	width: 150px;
	}
	
.login-text
	{
	margin: 0 0 10px 0;
	}
	
	
	
	
	
	
	
	
	
/* websites */
	
	
#websites
	{
	position: relative;
	width: 820px;
	min-height: 70px;
	margin: 60px auto 0 auto;
	}
	
.left-title
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	}
	
.right-content
	{
	margin: 0 0 0 200px;
	overflow: hidden;
	}
	
.links
	{
	display: block;
/* 	width: 600px; */
	}
	
.links li
	{
	display: block;
	float: left;
	margin: 0 20px 0 0;
	}
	

.links li a:link, .links li a:visited
	{
	display: block;
	width: 185px;
	padding: 10px 0 10px 0;
	border-top: solid 1px #c3c3c3;
	}
	
.links li a.border-bottom:link, .links li a.border-bottom:visited
	{
	border-bottom: solid 1px #c3c3c3;
	}
	
	
	

	
	
	
	
	
	
/* footer */
	
#spinach-effect
	{
	position: relative;
	width: 820px;
	min-height: 50px;
	margin: 45px auto 0 auto;
	}
	
#logo a:link, #logo a:visited
	{
	text-align: left;
	text-indent: -9999px;
	display: block;
	width: 179px;
	margin: 0 1px 0 0;
	height: 50px;
	background: url(../images/login/logo.png) no-repeat top right;
	}
	
	
	
	
	
	
	
	
	
	
	
	
/* font styles */

strong
	{
	font-weight: bold;
	}

html, body
	{
	color: #353535;
	font-family: arial, helvetica, sans-serif;
	}

h1
	{
	font-size: 33px;
	}
	
#header p
	{
	font-size: 20px;
	color: #178735;
	}
	
#footer-text
	{
	margin: 10px 0 0 0;
	line-height: 17px;
	}

#login label, .login-text
	{
	color: #fff;
	font-size: 14px;
	}

#login .text-input
	{
	color: #daeadd;
	font-size: 16px;
	}

.left-title h2
	{
	text-align: right;
	font-size: 26px;
	}
	
.right-content, .submit-wrapper
	{
	font-size: 13px;
	}

#login a:link, #login a:visited
	{
	color: #fff;
	}

a:link, a:visited
	{
	color: #1f7d95; /* blue */
	text-decoration: none;
	}
	
a:hover, a:active
	{
	text-decoration: underline;
	}

h2, .right-content
	{
	text-shadow: #fff 1px 1px 1px;
	}

h1, #header p
	{
	text-shadow: #EEEEEE 1px 1px 1px;
	}