div.membership-message {
	padding: 10px;
	margin-bottom: 10px;
}

div.membership-message.success {
	background: lightGreen;
}

div.membership-message.fail {
	background: Salmon;
}

div.membership-message.partial {
	background: PeachPuff;
}

@media screen and (min-width: 480px) {
	#membership-application-form {
		border: 1px solid lightGrey;
		padding: 10px;
	}
}

#membership-application-form {
	margin-bottom: 48px;
}

#membership-application-form table, #membership-application-form td {
	border: none;
}

#membership-application-login-table, #membership-application-table {
	width: 100%;
}

#membership-application-login-table td {
	width: 60%;
}

#membership-application-login-table td:first-of-type {
	width: 40%;
}

#membership-application-login-table td input[type="text"],
#membership-application-table td input[type="text"],
#membership-application-login-table td textarea,
#membership-application-table td textarea {
	width: 100%;
}

.required {
	color: red !important;
	margin-left: 2px;
}

img.ui-datepicker-trigger {
	height: 22px;
	width: 22px;
	vertical-align: -4px;
	margin-left: -26px;
}

#application-status {
	padding: 10px;
	width: 200px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	margin: 20px auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid lightGray;
}

#application-status span {
	font-weight: normal;
}

#application-status.login		{	background-color: lemonChiffon;	}
#application-status.draft		{	background-color: khaki;		}
#application-status.pending		{	background-color: sandyBrown;	}
#application-status.complete	{	background-color: lightGreen;	}
#application-status.accepted	{	background-color: limeGreen;	}
#application-status.member		{	background-color: limeGreen;	}
#application-status.deferred	{	background-color: peachPuff;	}
#application-status.rejected	{	background-color: salmon;		}

.allowed_HTML {
	font-family: Courier, monospace;
	text-align: center;
	font-size: 9px;
	padding-bottom: 20px;
	color: gray;
}

.app_checkbox { 
	float: left;
}

.app_checkbox_label {
	display: block;
	margin-left: 22px;
}

.captcha_box {
	text-align: center;
	margin: 20px auto;
}