

.form-element {
	display: block;
	margin-bottom: 6px;
	overflow: hidden;
}

.form-element > label {
	width: 140px;
	font-weight: normal;
	float: left;
	padding-top: 7px;
	color: #333;
}

.form-element > .form-component {
	float: left;
	overflow: hidden;
}

.form-component small {
	font-size: 12px;
	color: #999;
}


.form-textarea,
.form-text {
	background-color:#FFF;
	border:#CCC 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	padding:4px;
	position: relative;
	/*background-color:#FFFFFF;
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:5px;
	width: 300px;*/
}

.form-text .text-prompt {
    color: #999999;
    display: none;
    font-size: 13px;
    font-style: italic;
    left: 5px;
    position: absolute;
    top: 1px;
}

.form-text input {
	border: none;
	padding: 0;
	width: 100%;
}

.form-button {
	border:1px solid #5C8641;
	background-color:#60983A;
	
	font-family: "Myriad Pro";
	color: #FFF;
	padding: 2px 8px;
	cursor: pointer;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.form-checkbox {
	margin-bottom: 0px;
}

.form-select {
	background: #FFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.form-select select {
	border: 0;
	background: none;
	color: #666;
	width: 100%;
}

/* CUSTOM FORM ELEMENTS */

div.checklist {
	overflow:auto; 
	height: 100px;
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding:4px;
	width: 90%;
	background: #FFF;
}


.form-element.large label.form-label,
.form-element.large input.form-text,
.form-element.large input.form-password
{
	font-size: 20px;
}

/* END CUSTOM ELEMENTS */



