@charset "utf-8";

/*------------- [ WELCOME & LOGIN ] -------------*/

#login-container { margin: 40px 0px 40px 0px; }
	#welcome { width: 548px; float: left; }
		#welcome h1 { color: #92B132; font-size: 20px; font-weight: bold; }
		#welcome p { margin: 20px 0px 0px 0px; color: #666666; font-size: 14px; font-family: Arial; }

	#login { width: 420px; float: left; position: relative; margin: 0px 0px 0px 20px; padding: 12px 0px 18px 0px; background: #F3F3F3; }
		#login .corner-topleft { width: 8px; height: 8px; position: absolute; top: 0px; left: 0px; background: url(../images/login-corner-topleft.png) no-repeat; }
		#login .corner-topright { width: 8px; height: 8px; position: absolute; top: 0px; right: 0px; background: url(../images/login-corner-topright.png) no-repeat; }
		#login .corner-bottomleft { width: 8px; height: 8px; position: absolute; bottom: 0px; left: 0px; background: url(../images/login-corner-bottomleft.png) left bottom no-repeat; }
		#login .corner-bottomright { width: 8px; height: 8px; position: absolute; bottom: 0px; right: 0px; background: url(../images/login-corner-bottomright.png) left bottom no-repeat; }

		#login h1 { padding: 0px 24px 12px 0px; background: url(../images/login-bg.png) center bottom repeat-x; text-align: right; color: #666666; font-size: 18px; font-weight: bold; text-transform: lowercase; line-height: 1.0; }
			#login h1 em { display: block; color: #A3A3A3; font-size: 16px; font-weight: bold; text-transform: uppercase; }

		#login form table { margin: 24px auto 0px auto; }
			#login form table td, #login form table th { padding: 4px 4px 4px 4px; }
			#login form table th { text-align: right; color: #4BA8B9; font-size: 16px; font-weight: bold; text-transform: uppercase; }

		#login form button { margin: 6px 0px 0px 0px; border: none; padding: 2px 12px 2px 12px; background: #3D8E9C; color: #FFFFFF; font-size: 12px; text-transform: uppercase; cursor: pointer; }

		#login p { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 12px; background: url(../images/login-mark.png) left center no-repeat; font-size: 14px; font-weight: bold; }
			#login p a { color: #4BA8B9; text-decoration: underline; }
			#login p a:hover { text-decoration: none; }


/*------------- [ FORMS: GENERIC ] -------------*/

input, select, textarea { color: #666666; font-size: 14px; }

input { width: 200px; }
select { width: 202px; }
textarea { width: 240px; height: 128px; }


/*------------- [ FORMS: TABLES ] -------------*/

.form table { margin: 10px 0px 0px 0px; }
	.form table td, .form table th { border: 2px solid #FFFFFF; padding: 4px 4px 4px 4px; background: #F3F3F3; font-size: 16px; }
	.form table th { border-left: none; padding: 4px 4px 4px 40px; text-align: right; color: #7C7C7C; line-height: 1.2; }
		.form table td span { display: block; margin: 6px 0px 0px 0px; font-style: italic; }

.form .bigtextarea { width: 590px; margin: 10px 0px 0px 0px; padding: 4px 4px 4px 4px; background: #F3F3F3; }
	.form .bigtextarea textarea { width: 590px; height: 180px; }
	.form .mid textarea { width: 500px; height: 180px; }

.form button { height: 26px; float: right; margin: 20px 0px 0px 0px; border: 1px solid #3D8E9C; padding: 4px 10px 4px 10px; background: #4BA8B9; color: #FFFFFF; font-size: 12px; cursor: pointer; text-transform: uppercase; }
.form .buttonhover { background: #F3F3F3; color: #666666; }