/*-------------------------------------------------
  Form elements
-------------------------------------------------*/

form { margin: 0 2%; padding: 0; }
form.no_indent { margin: 0; padding: 0; }

.inplaceeditor-form input[type=text],
input[type=text],
input[type=password],
input[type=text].small, 
textarea, 
textarea.small {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fffff1 url(/plugin_assets/jetson_plugin_forms/images/field_bg.gif) repeat-x top left; 
	padding: 4px; 
}


input[type=text], input[type=password] { font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
input[type=text].small, .inplaceeditor-form input[type=text] { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
input[type=text].small { padding: 4px; }

input[type=file] { font-size: 12px;  font-family: Arial, Helvetica, sans-serif; }

.inplaceeditor-form input { margin-left: 2px; margin-right: 2px; }
.inplaceeditor-form a { font-size: 11px; color: gray; }

select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 1px;}
select.small { font-size: 11px; }



textarea,
textarea.small
{ font-size: 12px; margin-top: 0px; }

textarea { font-size: 14px; }



form label, label.form_label {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	color: #666;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
  	font-family: Arial, Helvetica, sans-serif; 
}



form label a, td label a { color: #666; text-decoration: none; }
form label.radio, label.check { display: inline; font-size: 12px; line-height: 18px; letter-spacing: normal; margin: 0; color: #000; text-transform: none; }


/*-------------------------------------------------
  Clearfix
  Thanks to PIE - http://www.positioniseverything.net
  Revised for IE7
-------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

.clearfix { display: block; }



/*-------------------------------------------------
  Flash notices and error messages
-------------------------------------------------*/

#flash_notice_success {
	margin: 0 0 10px 0;
	padding: 7px 30px;
	color: #006600;
	background: #e2f9e3 url(/plugin_assets/jetson_plugin_forms/images/flash_bg_success.gif) no-repeat 3px 3px;
	border: 1px solid #99cc99;
	text-align: left;
}
#flash_notice_success a { color: #006600; }

#flash_notice_error, #errorExplanation  {
	margin: 0 0 10px 0;
	padding: 7px 30px;
	color: #cc0000;
	background: #fcf1f0 url(/plugin_assets/jetson_plugin_forms/images/flash_bg_error.gif) no-repeat 3px 3px;
	border: 1px solid #fdc1c0;
	text-align: left;
}
#errorExplanation  { margin: 10px 0; white-space: nowrap; }

#flash_notice_error a { color: #cc0000; }

#flash_notice_neutral {
	margin: 0 0 10px 0;
	padding: 7px 30px;
	color: #444;
	background: #ffffe6 url(/plugin_assets/jetson_plugin_forms/images/flash_bg_neutral.gif) no-repeat 3px 3px;
	border: 1px solid #ffcc00;
	text-align: left;
}

#flash_notice_neutral small { color: #444; }
#flash_notice_neutral a { color: #444; }


#errorExplanation p, 
#flash_notice_error p, 
#flash_notice_success p,
#flash_notice_neutral p {
	margin: 0 ! important;
	padding: 0 0 5px 0 ! important;
}

#errorExplanation ul {
	margin: 0 ! important;
	padding: 0 0 0 17px ! important;
}

#errorExplanation ul li {
	list-style: disc;
}