/* ================================================================================== */
/* ================================================================================== */
/*
	modificaciones sobre el estilo generado para Jquery UI
*/
/*
 * @DEBUG
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; font-size:9pt}
*/

#roundify {
text-align:left
}

.ui-icon{
	float:left;
}
.button:hover{
	cursor:pointer;
}
.ui-widget{
	//color: #000000;
	vertical-align:middle;
}
.ui-widget-content {
    background-image: none;
  
}

.ui-button-text-only .ui-button-text { padding: 0 0.2em; }

/*
.ui-widget-header{
	font-family: Arial;
}
*/

/* -- Checkbox de Requisitos Formales -- */
.custom-checkbox input{
   position:relative;
   vertical-align:middle;     

}


.custom-checkbox label{
  
  position:relative;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;    
  font-weight: normal;  
  
  text-align:justify; 
  vertical-align:middle; 
  display:inline-block; 
 
 
  line-height: 20px; 
  margin-left: 30px;
 
  
   
}
/* ================================================================================== */
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* ================================================================================== */
/* ================================================================================== */

body{
	background-color: #525258;
/*
	es el ancho oficial, pero es demasiado chico para las resoluciones actuales
	width : 716px;
 */
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
        font-size: 11px;
	margin: 0;
	padding: 3px;
	text-align: center;
        font-color: #000000;
	
}


/*
	es la tabla que contiene todo lo que se ve (el body)
	dentro de esta tabla hay una fila para el header, otra para el content
	y una mas para el footer
*/
table.table_content {
	/*width: 100%;*/
//	width: 1024px;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}
/*
.table_content tr, .table_content td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	text-align: center;
	vertical-align: middle;
}
*/
/* ================================================================================== */





/*
 * 
 * clases CSS puestas en los distintos elementos del sistema
 * 
clase CSS        tipo de elemento
---------------    ----------------------------------------------------------
abm                	<table> es la tabla que contiene otra tabla para el form y otra tabla mas para el listado
form_button        	<table> es una tabla que contiene solamente botones en una sola fila
						se ubica debajo del formulario del reporte (con los botones para generar reporte en xls, en pdf, etc)
						tambien hay uno de estos en la parte de abajo del form de carga
form				<table> es la tabla que contiene los inputs para la carga, busqueda y reporte
field_title			<td> del form que tiene la descripcion del input de carga
field_value			<td> del form que tiene el input
		
form_detail			<table> es la tabla que contiene los inputs para la carga, busqueda y reporte para un formulario
						de detalle (esta dentro de otro formulario)
			
popup				<table> que se usa para mostrar la info de un registro en un popup emergente
popup_detail		<table> que esta dentro del popup anterior, para mostrar la parte del detalle
						en las relaciones maestro-detalle
popup_title			<td> del popup para el nombre del campo que se muestra
popup_value			<td> del popup para mostrar el valor de un registro (contiene texto, no inputs)
			
list				<table> tabla para los listados
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
			
table_pag			<table> tabla para el paginador del listado
menu_search			<table> tabla para el popup que tiene los radiobutton de ordenamiento del listado
cursor_pointer		<tr> que tiene los titulos de la tabla de listado, para que le ponga la manito como cursor
row_data			<tr> que tiene los datos de la tabla de listado, para que le ponga otro fondo en el OVER

*/

/* ================================================================================== */
/*	listados del sistema */
/*	resaltado de la fila del listado cuando pasas por arriba */
tr.row_data:hover{
	background-color:#DFDFE6;
}
/*	titulos de las columnas del listado */
.list th{
	background-color:#484537;
	font-family: Helvetica;
	font-weight: bold;
   border-style: solid;
   border-width: 1px;
	padding: 0 2px;
	text-align: center;
	border-top-color : #999999;
	border-bottom-color : #BBBBBB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	color:#ffffff;
}
.list td{
	border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
	padding: 0 2px;
	
}
/* a los elementos que se les aplique esta clase, el cursor se transforma en manito */
.cursor_pointer{
	cursor:pointer;
}
/*
cell_bool			<td> del listado que contiene texto              (letra linda  alinear centro)
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
cell_enumeration	<td> del listado que contiene texto de un enum   (letra linda  alinear centro)
*/
.cell_bool{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_enumeration{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_varchar{
	font-weight: normal;
	font-family: Arial;
	text-align: left;
}
.cell_date{
	font-weight: normal;
	font-family: Helvetica;
	text-align: center;
}
.cell_int{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
.cell_float{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/*  titulo de los field-set  */
legend{
/*
	font-weight: bold;
	font-family: Arial;
 */
	padding:0 0.5em;
	
	
	/*
	 * ahora esta usando el estilo de jquery-ui (clases ui-widget-header ui-corner-all)
	 * pero se puede sacarle ese selector y poner estos estilos
	border:1px solid;
	text-align:center;
	background-color:#E0E0D0;
	*/
}

/*  tabla del paginador de los listados  */
.table_pag, .table_pag tbody, .table_pag td{
	width: 100%;
	text-align : center;
	color: #e40613;
	background-color: #cccccc;
}


/* estilo del TD de los formularios que contiene el nombre del field */
.field_title, .popup_title{
	width:15%;
	text-align:right;
        padding-right: 10px;
        vertical-align: middle;
}
/* estilo del TD de los formularios que contiene el input del field */
.field_value, .popup_value{
	text-align:left;
        vertical-align: middle;
}



/*	============================================================================
 * estilos para los inputs el sistema
 * no esta del todo integrado con jquery-ui
*/
input, select, textarea{
	border-width: 2px;
	border-style : groove;
	border-color : #cccccc;
	background-color : #FFFFFF;
}
input:focus, select:focus, textarea:focus {
	border-color : #1919ff;
}

table.table_group_input, table.table_group_input td{
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
}

.input-required{
	color: #DD0000;
}



/*  --------------------------------------------
	estilos para el browser 

*/
/*	tabla contenedora */
input_browser_main{
	
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
/*	tabla que muestra el elemento seleccionado */
input_browser_description{
	width: 100%;
}
/*	tabla de filtros */
input_browser_filter{
	width: 100%;
}




/* ================================================================================== */
/*  tablas de listados y formularios del sistema  */
table.form, table.form_detail, table.list, table.abm, table, tbody{
	width: 100%;
	border-collapse: collapse;
	background-color: #eceeed;
}
/* ================================================================================== */
/* ================================================================================== */

/* ================================================================================== */
/*
	tabla que contiene el header del sistema
*/
table.table_header {
	width: 100%;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
}
.table_header tr, .table_header td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
}
/* ================================================================================== */
/*
	tabla que contiene el footer del sistema
*/
table.table_footer {
	width: 100%;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
}
.table_footer tr, .table_footer td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
	background-color: #383838;
}
/* ================================================================================== */


/* estilo para el div que bloquea la pantalla */
.blocker{
	background-color:#A5CBCF;
}

/*	esto es para redondear el menu */
.corner-menu{
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
}

li.ui-menu-item{
	display: block;
	float: none;
	text-align:left
}
li.ui-menu-item-1{
	float: left;
	padding-right: 5px;
	padding-left: 3px;
	min-width: 50px;
	max-width: 200px;
        
}
li.ui-menu-item-1 a{
	font-weight:bold;
}
li.ui-menu-item-2 a,li.ui-menu-item-3 a,li.ui-menu-item-4 a{
	font-weight:bold;
}


/* ============================================== */
/* titulo general */
.campo_texto_titulo {
    color: #4CC7EE;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px;
}

/*	clase para ocultar algo */
.hidden{
	display: none;
}

/*	tabla que contiene los botones del form*/
.form_button{
	
	
}