input[type=text],
input[type=email],
input[type=date],
input[type=number],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
input.text,
input.title,
textarea,
select {
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border:1px solid #a1c611;
	font-family: Arial, Helvetica, sans-serif;
}


input.veryshort, select.veryshort {
	width: 10%;
	min-width: 50px;
	max-width: 100px;
	margin-right:5px !important;
}

input.short, textarea.short, select.short {
	width: 25%;
	min-width: 100px;
	max-width: 200px;
}

input.medium, textarea.medium, select.medium {
	width: 40%;
	min-width: 150px;
	max-width: 250px;
}

input.long, textarea.long, select.long {
	width: 50%;
	min-width: 200px;
	max-width: 300px;
}

input.verylong, select.verylong, textarea.verylong {
	width: 70%;
	min-width: 250px;
	max-width: 350px;
}

input.full, select.full, textarea.full {
	width: 98%;
	min-width: 280px;
	max-width: 450px;
}

input.large {
	font-size: large;
}

textarea.shortHeight {
	height: 100px;
}

textarea.mediumHeight {
	height: 150px;
}

textarea.longHeight {
	height: 200px;
}

/*  For label on top, add <br> after element */
label {
	display:block;
	float:left;
	padding-top: 6px;
	margin-right: 10px;
	text-align: right; 
	vertical-align: middle;
	font: 1em Helvetica, Arial;
}

/* Makes nice containers to split forms into sections  */
.formblock {
	padding: 10px;
	background-color: #eee;
	border-radius: 5px;
	margin-bottom: 15px;
}

	.formblock.left label {
		text-align:left;
		width: auto;
	}

.formblock .sub {
	background-color: #ddd;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
	
}

	.formblock h2 {
		font: 1.1em Helvetica, Arial;
		line-height: 1.5em;
		margin-bottom: 10px;
	}
	
	.formblock h1, .formblock h2, .formblock h3, .formblock h4, .formblock h5, .formblock h6 {
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
		line-height: 2em;
	}
			
		.formblock label {
			font-size: 0.95em;
			width: 25%;
		}
		
		.formblock label.left {
			text-align:left;
			width: auto;
		}
		
		.formblock label.short {
			width: 10%;
		}
		
		.formblock label.checkbox {
			padding-top: 0;
		}
		
		.formblock input[type=text], .formblock input[type=password], .formblock input[type=email], .formblock input[type=number], .formblock input[type=tel], 
		.formblock input[type=search], .formblock input[type=date], .formblock input[type=url], .formblock select {
			padding: 5px;
			margin: 0 0 10px 0;
			font: 0.9em Helvetica, Arial;
		}
		
		.formblock input[type=checkbox] {
			width: 25px;
		}
		.formblock.last {
			margin-bottom: 5px;
		}

		.formblock br {
			clear: left;
		}
		
		.formblock div.helpText {
			margin: 10px 0 10px 0;
			font: italic 0.95em Helvetica, Arial;
		}


.form {
	max-width: 100%;
	line-height: 1.4;
	height: 300px;
	background-color: #e2f3fe;
	padding: 8%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.formtxt {
	padding-top: 4px;
	display: inline-block;
	width: 100px;
	vertical-align: top;
}