/**************************************************************/
/* -----------------------------------------------------------*/
/* ------------ *** css by Ricardo Ramirez ***  --------------*/
/* ---- ricardor@infoexpo.com.mx, rickaramirez@gmail.com -----*/
/* ------------    17-01-2008 ~ 30-01-2008	   --------------*/
/* -----------------------------------------------------------*/
/**************************************************************/

/**************************************************************/
/* -----------------------------------------------------------*/
/* ------------ CSS PARA CONTORNO DE LA FORMA ----------------*/
/* -----------------------------------------------------------*/
/**************************************************************/
/*Controla claves para debug*/
.frm_debugid {
	color: #000000;
	background-color: transparent;
	border:0px solid;
	padding:0px 0px;
	margin:0;
	vertical-align: bottom;
	text-align: right;
	font: normal 12px serif;
}
/*imagen esquina superior izquierda*/
.frm_titleleft{
	background:transparent url(../img/frm/title_left.gif) repeat scroll 0%;
	width:14px;
	height:30px;
}
/*imagen superior central*/
.frm_title{background:transparent url(../img/frm/title.gif) repeat scroll 0%;}
/*imagen esquina superior derecha*/
.frm_titleright{
	background:transparent url(../img/frm/title_right.gif) repeat scroll 0%;
	width:14px;
}
/*div qeu contiene la etiqueta de texto nombre de la forma*/
.frm_titledivtxt{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:4px;
	margin-left:10px;
	font-weight:bold;
	text-align: left;
}
/*div que contiene la imagen o icono de la forma*/
.frm_titledivlogo{
	margin-top:4px;
	height:24px;
}
/*imagen que forma la pared izquierda*/
.frm_left{background:transparent url(../img/frm/left.gif) repeat scroll 0%;}
/*imagen que forma la pared derecha*/
.frm_right{background:transparent url(../img/frm/right.gif) repeat scroll 0%;}
/*propiedades para el contenedor de la forma*/
.frm_content{
	height:10px;
	background:transparent;
}
/*propiedades para el iframe que tendra el contenedor*/
.frm_iframe{
	border:medium none;
	width:100%;
	height:330px;
	min-height:600px;
}
/*imagen esquina inferior izquierda*/
.frm_footleft{background:transparent url(../img/frm/foot_left.gif) repeat scroll 0%;}
/*imagen esquina inferior central*/
.frm_foot{background:transparent url(../img/frm/foot.gif) repeat scroll 0%;}
/*imagen esquina inferior derecha*/
.frm_footright{background:transparent url(../img/frm/foot_right.gif) repeat scroll 0%;}

/**************************************************************/
/* -----------------------------------------------------------*/
/* ---- CSS PARA FORMAS CONTROLES, BOTONES E IMPUTS ----------*/
/* -----------------------------------------------------------*/
/**************************************************************/
/*Propiedades para la forma en general*/
form {
	font: 120%/1.3 arial,sans-serif;
	text-align: left;
	padding:8px;
	vertical-align: middle;
}
/*Propiedades para los tags Fieldset como margen entre elementos*/
fieldset {
	border: 1px solid #0C5783;
	padding:0 .5em .5em;
}
/*Propiedades para los tags div dentro de un Fieldset como margen entre elementos*/
fieldset div {
	margin:0.3em 0;
	clear:both;
}

.frm_tynitext{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
/*Clases extras que colocan una imagen como fondo para un fieldset */
/*.login {background:url(../img/frm/user.gif) no-repeat 95% 1em;}*/
/*Clase coloca una imagen como fondo para un fieldset */
/*.contact {background:url(../img/frm/email2.gif) no-repeat 95% 1em;}*/
/*Propiedades para los tags Legend */
legend {
	color: #0C5783;
	font-size:1em;
	font-weight: bold;
}
/*Label texto etiquetas para los controles*/
.lbltext{
   vertical-align: middle;
}
/*Label Error*/
.error{
	color: #FF0000;
	vertical-align: middle;
   text-align: center;
	font-weight: bold;
}
/*Label campo requerido*/
.requiered{
	color: #FF0000;
	vertical-align: middle;
   text-align: center;
}
/*propiedades para etiquetas de tipo imput, textarea y select*/
input, textarea, select{
	padding:0.10em;
	border: 1px solid Black;
	background: #CCCCCC;
	font: bold 0.90em Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
/*efecto cuando el mouse pase por arriba de estos controles*/
input:hover, textarea:hover, select:hover{
	border-color: #000000;
	background: #E0E0E0;
}
/*efecto cuando el control este seleccionado*/
input:focus, textarea:focus, select:focus{
	border-color: #000000;
	background: #FFFFFF;
}
/*para el caso de los controles checkboxs y radios*/
input.other{
	padding:0.10em;
	border:none;
	background:transparent;
	font: bold 0.90em Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
/*Labels Etiquetas Texto para los checks y radio*/
.lblother{
	vertical-align: middle;
   	text-align: left;
}
/*Boton customizado*/
.frmbutton {
	color: #000000;
   border:none;
	background-image:url(../img/frm/form_button.gif);
	font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
	height:23px;
	width:97px;
}
/*Boton efecto para cuando el mause se enceuntra sobre el o seleccionado*/
.frmbutton:hover,.frmbutton:focus {
	border: none;
	background-image:url(../img/frm/form_button_over.gif);
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	height:23px;
	width:97px;
}
/*Boton customizado largo*/
.frmbutton2 {
	color: #000000;
   border:none;
	background-image:url(../img/frm/form_button_2.gif);
	font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
	height:23px;
	width:142px;
}
/*Boton efecto para cuando el mause se enceuntra sobre el o seleccionado*/
.frmbutton2:hover,.frmbutton2:focus {
	border: none;
	background-image:url(../img/frm/form_button_over_2.gif);
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	height:23px;
	width:142px;
}
/**************************************************************/
/* -----------------------------------------------------------*/
/* ------------------ CSS PARA VALIDACIONES ------------------*/
/* -----------------------------------------------------------*/
/**************************************************************/
/*error*/
.tfvHighlight
{
	vertical-align: middle;
	color: #ff0000;
}
/*valido*/
.tfvNormal
{
	vertical-align: middle;
	color: #000000;
}
/**************************************************************/
/* -----------------------------------------------------------*/
/* ------------------ CSS PARA DATAGRIDS ------------------*/
/* -----------------------------------------------------------*/
/**************************************************************/
/*afecta el titulo del datagrid*/
.gridtitle {
	color: #000000;
	background-color: #FFFFFF;
}
/*afecta el subtitulo del datagrid*/
.gridsubtitle {
	color: #000000;
	background-color: #FFFFFF;
}
/*afecta los nombres de las celdas en el eje X*/
.gridcellnamex {
	color: #000000;
	background-color: #FBF089;
}
/*afecta los nombres de las celdas en el eje Y*/
.gridcellnamey {
	color: #000000;
	background-color: #FFFFFF;
}
/*afecta el background para hacerlo salteado gris & blanco 0*/
.gridback0 {
	color: #000000;
	background-color: #FFFFFF;
}
/*afecta el background para hacerlo salteado gris & blanco 1*/
.gridback1 {
	color: #000000;
	background-color: #E0DFE3;
}