@charset "utf-8";

/*
=======================================================================================
                                   BLOCK STYLED FORMS
=======================================================================================
*/


/* ----- GENERAL ----- */
form.blockStyledForm {
	font-size: 1em;
	background-color: #ebeded;
	border: 4px solid #d3d3d3;
}



/* ----- INPUTS ----- */
form.blockStyledForm input {
	padding: 4px;
	background-color:#fff;
	border: 1px solid #CCC;
}

form.blockStyledForm input.focus {
	background-color:#FFFFE6;
	border: 1px solid #FDD253;
	
}

/* ----- TITLES ----- */
/* Form title */
form.blockStyledForm div.title {
	font-size: 1.3em;
	font-weight: bold;
	background-color: #dfe0e0;
	padding: 4px 0 4px 10px;
}

/* Fieldsets titles */
form.blockStyledForm div.legend {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #e6ffea;
	border-top: 2px solid #a6c823;
	padding: 4px 0 4px 10px;
}


/* ----- FIELDSETS ----- */
form.blockStyledForm fieldset {
	margin: 10px;
	background-color: #fff;
}

/* Fields with an div container */
form.blockStyledForm div.field {
	margin: 10px 0px;
	overflow: hidden;
	_height: 0.1%
}

/* Labels vertical alignment */
form.blockStyledForm fieldset label {
	display: block;
	margin: 5px 0 0 0;
}

/* Labels horizontal alignment */
form.blockStyledForm fieldset label {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0 10px 0 0;
	display: inline;
}

/* ----- ACTIONS ----- */
form.blockStyledForm div.actions {
	background-color: #dfe0e0;
	padding: 10px;
	overflow: hidden;
	_height: 0.1%;
}

form.blockStyledForm div.actions div {
	margin-right: 10px;
}



/* ----- EMBED FORMS (with sheepIt Plugin) ----- */
form.blockStyledForm div.embed {
	float:left;
	padding-top: 10px;
	
}

form.blockStyledForm div.embed div.template {
	margin: 10px 0;
}

form.blockStyledForm div.embed div.template label {
	width: 80px;
	text-align:left;
}

form.blockStyledForm div.embed div.template img.delete {
	vertical-align:middle;
}

form.blockStyledForm div.embed div.noItems {
	text-align:center;
	padding: 10px;
}

form.blockStyledForm div.embed div.controls {
	background-color: #f3f2f2;
	border-top: 1px solid #d1d1d1;
	padding: 10px;
	overflow: hidden;
}

form.blockStyledForm div.embed div.controls > div, form.blockStyledForm div.embed div.controls input {
	margin-right: 10px;
	float:left;
}