/**
 * Presentación de Formularios
 * 
 * Define las reglas para presentación de FORMS y sus elementos  
 * principales.
 * 
 * @media		all
 * @ua			IE5+, Gecko 1.3+
 * @level		2
 * 
 * @name		html.forms.css
 * @version		0.0.1
 * @since		2003-08-21
 * @author		Nelson Rodr&iacute;guez-Pe&ntilde;a <nelson@webstudio.cl>
 * @copyright	Nelson Rodr&iacute;guez-Pe&ntilde;a 2003
 */


/**
 * Se elimina el margen en form para evitar problemas de despliegue.
 */
form {
	margin: 0px;
	padding: 0px;
}

/**
 * Dado que no es posible usar selectores de atributos en IE, 
 * se asignan los tipos de input a clases.
 */
input.text {
	font-family: "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 1.2em;
	line-height: 1.2em;
}
select {
	font-family: "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
textarea {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 0.9em;
	line-height: 1.3em;
}
fieldset {
	margin: 1em 0px;
}
#container #content label,
#container #content p.label {
	display: block;
	position: absolute;
	font-weight: bold;
	font-size: 90%;
	color: #666666;
	left: 240px;
	width: 140px;
	text-align: left;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	padding: 2px 10px 0px 0px;
}
#container #content label.notice,
#container #content span.label.notice,
#container #content p.label.notice {
	color: #FF0000;
	background-color: #F1F1F1;
}
#container #content .formBlock {
	margin-left: 150px;
}
#container #content span.fieldInfo {
	display: block;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	line-height: 1.2em;
	font-size: 90%;
}
/**
 * Grupo de botones:
 */
div.frmControlGroup {
	border: none;
	text-align: left;
	padding: 0px 0px 0px 170px;
	margin: 10px 0px 15px 0px;
}

/**
 * Grupos de radiobuttons y checkboxes:
 */
form div.radioGroup,
form div.checkGroup {
	display: block;
	margin: 0px 0px 0px 145px;
	padding: 5px 0px 5px 12px;
	vertical-align: bottom;
}
#container #content form div.radioGroup label,
#container #content form div.radioGroup label {
	vertical-align: middle;
	margin: 0.3em 0em;
	width: 300px;
}
form div.radioGroup p.radioContainer,
form div.checkGroup p.checkContainer {
	margin: 0px;
	padding: 0px;
}

#container #content form div.radioGroup label img,
#container #content form div.radioGroup label img {
	vertical-align: -100%;
	margin-right: 0.6em;
}


#container #content span.required {
	color: #ff0000;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 110%;
	margin-right: 0.5em;
}