/* CSS Formularis */
input,select,textarea {
	border-color:#000000;
	border-width:1px;
	color:#000000;
	font-family:Verdana,Sans-Serif;
	font-size:0.9em;
	margin-left:2px;
}

input {
	padding: 2px;
}

label {
	font-size: 1em;
	text-align: right;
	/* 
  color: #0D506C*/
}

/***** fieldsets *****/
form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #CCC;
	border-width: 2px 0 0 0;
	border-style: solid none none none;
	padding: 20px;
	margin: 0 0 0 0;
}

/***** llegenda dins un fieldset *****/
form fieldset legend {
	font-size: 1.25em;
	font-weight: normal;
	color: #0D506C;
	margin: 0 0 0 0;
	padding: 0 5px;
}

/***** span dins un legend dins un fieldset *****/
form fieldset legend span {
	font-size: 1.25em;
	font-weight: normal;
	color: #0D506C;
}

/***** llegenda d'un fieldset dins un altre *****/
fieldset fieldset legend {
	font-size: 105%;
	font-weight: bold;
}

legend span {
	color: #999;
	font-size: 90%;
	letter-spacing: 0;
}

fieldset dl {
	margin: 0;
	padding: 0;
}

fieldset dt {
	clear: left;
	float: left;
	width: 18em; /* increase for wider dt text */
	text-align: right;
	padding: 0 1em 0.5em 0;
}

fieldset dd {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

fieldset.labels label {
	width: 15em;
	float: left;
	text-align: right;
	display: block;
	padding: 0 0.5em 0.2em 0;
}

fieldset.labels div {
	padding: 0.2em 0;
	clear: left
}

.fieldset-footer {
	margin: 0;
	position: relative;
	left: -15px;
	padding: 10px 0 15px 15px;
	/*
	background: #eee url(/img/field-back.gif) repeat-x;
	*/
	clear: left;
	top: 15px;
}

fieldset fieldset input {
	font-size: 100% !important;
}

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 4. Formularis --> 4.5 Presentació de missatges a l'usuari
 	                     --> 4.5.1 Missatges de validació en els camps introduits
 	                     
	(no s'indiquen les característiques concretes, 
	 però coincideix amb la captura de pantalla que es mostra)
*/
form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}

form .errMsg {
	color: red !important;
}
/* fi Missatges d'error */

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 4. Formularis --> 4.2 Estructura i comportament dels camps d'entrada
 	                     --> 4.2.2 Presentar un estil diferencial pels camps obligatoris
	Diferències:
		- color asterisc: #F68622 (estava bé i s'ha canviat, no sabem perquè)  	                     

*/
.required {
	color: #C85E2C;
	/*color: #F68622; font-weight: boldest;*/
	vertical-align: -2px;
}

/* Estil pseudo (no Internet Explorer) per focus de components */
/*
NOTA CSS:
 Llibre_Normatiu_Web --> 4. Formularis --> 4.2 Estructura i comportament dels camps d'entrada
 	                     --> 4.2.3 Presentar un estil diferenciat pel camp actiu
 	                     
	(no s'indiquen les característiques concretes, 
	 però coincideix amb la captura de pantalla que es mostra)
*/
input:focus,textarea:focus {
	background: #ffd;
	color: #000;
}

.button-group button {
	height: 1.9em;
}

button {
	height: 1.5em;
	color: #000;
	font-size: 1.12em;
}

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 4. Formularis --> 4.2 Estructura i comportament dels camps d'entrada
 	                     --> 4.2.6 Afegir ajudes als camps
 	Diferències:
 		- font-size: 0.72em
*/
.form-note {
	font-size: .9em;
	color: #999;
	margin-bottom: 0.3em;
	margin-top: 0.1em;
	display: block;
}
/* fi Ajuda camps */

form fieldset div.notes {
	float: right;
	width: 158px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: 88%;
}

form fieldset div.notes h4 {
	background-image: url(../images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 110%;
}

div#tramesa th {
	vertical-align: middle;
}