/* Styles for templated_attribute plugin */
input.templated_attribute,
textarea.templated_attribute {
	color: #CCC !important;
	background-color: #F2F2F2 !important;
}


label, input, div.static_field, dd, dt{ padding: 5px 0px 5px 0px; }

/* ROUNDED BORDERS */
input, textarea, select, a.fake_input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #808080;
	background-color: #FFF;
}

a.fake_input { display: block; padding: 3px; text-decoration: none; }

input:focus, textarea:focus { outline-style: none; border-color: #404040;; }


.form_indent { margin-left: 110px; clear: left; }
.standard_form.small .form_indent { margin-left: 70px; }
.spaced_fields input, .spaced_fields label, .spaced_fields textarea,
.spaced_fields select, .spaced_fields div.static_field { margin-top: 20px; }

.lightly_spaced_fields input, .lightly_spaced_fields label, .lightly_spaced_fields textarea,
.lightly_spaced_fields select, .lightly_spaced_fields div.static_field { margin-top: 10px; }

label { cursor: pointer; }

textarea { padding: 3px; }

.standard_form label, dt, label.standard {
	float: left;
	clear: left;
	width: 100px;
	font-size: 0.8em;
	text-align: right;
	padding-right: 10px;
	color: #808080;
}
.standard_form.small label { width: 60px; }

input { font-weight: bold; padding-left: 5px; }
select {
	padding: 5px;
	border: 1px solid #404040;
	line-height: 20px;
	background: none;
}

input[type=submit], button, a.action.button.bold_no_icon {
	padding: 5px 10px 5px 10px;
	border: 2px solid #808080;
	background-color: #F2F2F2;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	input[type=submit]:hover, button:hover, a.action.button.bold_no_icon:hover { text-decoration: underline; cursor: pointer; }
	input[type=submit]:active, button:active, a.action.button.bold_no_icon:active { text-decoration: none; border-color: #404040; }
	input[type=submit].loading { color: #DDD; border-color: #DDD; }
	input[type=submit].loading:hover { text-decoration: none; cursor: wait; }
	input[type=radio], input[type=checkbox] { border: 0; background-color: transparent; }
	.larger_text input[type=submit] { padding: 7px; }
	

.standard_form input, .standard_form select, .standard_form textarea, .standard_form div.static_field, dd { float: left; }

select[disabled=disabled] { color: #DDD; }

.fields_inherit_style input, .fields_inherit_style textarea, .fields_inherit_style select {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

.fields_inherit_style label.standard {
    width: 75px;
}
	
/*	border: 1px solid #808080;
	background-color: transparent;
form.fields_inherit_style input[type=file] { border: none; }
form.fields_inherit_style input[type=file] { background-color: inherit;  }
*/

input.tiny_width { width: 70px; }
input.small_width, textarea.small_width { width: 140px; }
input.long_width, textarea.long_width { width: 400px; }
input.medium_width, textarea.medium_width { width: 300px; }
input.smaller_font { font-size: 0.8em; padding: 3px; }

input.loading_barber_pole { background: url('/images/barber_pole.gif') no-repeat 95% 5px; }

input[type=checkbox].list_checkbox { float: left; margin: 10px 10px 0px 0px; }

textarea.tall_height { height: 300px; }
textarea.medium_height { height: 200px; }
textarea.short_height { height: 100px; }
textarea.tiny_height { height: 50px; }

#facebook_account {
	float: left;
	background: #FFF;
	margin-top: 10px;
	padding: 15px;
}
	#facebook_account img {
		float: left;
		padding-right: 15px;
	}

.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	border-width: 2px;
	border-color: #EF333B;
}

#error_explanation {
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
	#error_explanation li {
		color: #EF333B;
		font-weight: bold;
	}

#floating_options_container { position: relative; }
#floating_options { position: absolute; top: -20px; left: -280px; width: 260px; }
#floating_options_body { padding: 10px; background-color: #FFF; width: 200px; }
