/* /css/forms.css */

.formapp h2#element_title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.formapp p#element_description{
	line-height:1.5;
	font-size:12px;
	margin-bottom:10px;
}

.formapp div{
	clear:both;
	padding:8px;
	margin-top:-4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.formapp div.focus{
	background:#FEFF6F;
}

.formapp div.fieldElements,
.formapp div.clear{
	padding:0px;
	margin:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.formapp label.description{
	display:block;
	font-weight:bold;
	font-size:12px;
	padding-bottom:3px;
}

.formapp span{
	float:left;
	margin-right:10px;
}

.formapp a span{ margin-right:0px; }

.formapp span label{
	display:block;
	color:#444;
	padding-top:2px;
	font-size:10px;
	padding-bottom:2px;
}

.formapp .text{
	background:#FFF;
	border:1px solid rgb(200,200,200);
	border-top:1px solid rgb(125,125,125);
	border:1px solid rgba(0,0,0,.3);
	border-top:1px solid rgba(0,0,0,.5);
	padding:2px;
	font-size:12px;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.formapp .text:focus,
.formapp .text.focus{
	border:1px solid rgb(125,125,200);
	border-top:1px solid rgb(50,50,200);
	border:1px solid rgba(100,100,255,.3);
	border-top:1px solid rgba(100,100,255,.6);
}

.formapp .errors,.formapp .success{
	background:#FFCCCC;
	border:1px solid #DF7D7D;
	color:#422;
	padding:8px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
}

.formapp .success{
	background:#CCFFCC;
	border:1px solid #7DDF7D;
	color:#242;
}

.formapp div.clear{
	clear:both;
}

.formapp input.tiny{ width:50px; }
.formapp input.small{ width:125px; }
.formapp .text,
.formapp .text.medium{ width: 250px; }
.formapp .text.large{ width: 515px; }

.formapp select.small{ width:130px; }
.formapp select,
.formapp select.medium{ width:255px; }
.formapp select.large{ width:520px; }

.formapp textarea.small{ height:50px; width:250px; }
.formapp textarea.medium{ height:100px; }
.formapp textarea.large{ height:200px; }

.formapp .form_description{ border-bottom:1px dashed #999; margin-bottom:10px; padding:0px; }
.formapp .form_description h3{ font-size:16px; margin-bottom:10px; }
.formapp .form_description p{ font-size:12px; line-height:1.5; padding-bottom:10px; }

.formapp .form_button{ margin-top:10px; padding-top:10px; border-top:1px dashed #999; text-align:center; }

.formapp span label.checkbox{ color:#444; color:rgba(0,0,0,.50) !important;}
.formapp span label.checkbox input{ position:relative; top:2px; }