/************************************/
/* ESTILOS PARA PROYECTO VENTANILLA */
/************************************/

body 
  {
    scrollbar-base-color:#B0CAFF; 
  }
input.submit {
   /* Texto Algunos Botones e Inicio */
   color:#000066;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
  /* font-weight:bold; */
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');

 }
input.reset {
   /* No hizo nada */
   color:#000000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');

 }
input.button
  {
   /* No hizo nada */
   color:#000000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');

  }
.boton
  {
   /* Boton Historial y Consulta y Otros */
   color:#000066;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
   /* font-weight:bold; */
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');

  }

/****************************/
/* Estilos para tag <a></a> */
/****************************/
a {
  /* No hizo nada */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  /*font-weight: bold;*/
	color: #000000;

}

/* usado en link del top Inicio y Salir */
a.lkmenuizq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold 
}


a.lksincolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* estilo para las lenguetas */
/* No hizo nada */
a.lkpaletas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/* Link de prestaciones en el home */
/* Link Menu horizontaL */
a.menu {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
  font-weight: bold;
	color: #FFFFFF;
}


/******************************/
/* Estilos para tag <td></td> */
/******************************/
td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/* Texto para tabla de home */	 
td.small{
	font-family: Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 9px;
	/*color: #333333*/
  color: #000000
}

/* estilo para menu */
/* Menu Horizontal Boton */
td.menubtn {
	background-color: #3399cc;
	border: 2px, groove;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
}

/* estilo para menu SELECCIONADO */
/* Buscar color para cambiar letra de seleccionado */
td.menubtnselect {
	background-color: #cccccc;
	color: #ffffff;
  border: 2px, groove;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
}

/* estilo para el titulo rol */
/* Fondo ROL */
td.menurol {
	background-color: #3399cc;
	border: 2px, groove;
	text-align: right;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	vertical-align: middle;
}

/* estilo para titulo de menu vertical*/
td.services{
	border: thin groove;
	font-size: 12px;
  font-weight: bold;
  /*font-style: italic;*/
	text-align: center;
	background-color: #3399cc;	
	color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}


/******************************/
/* Estilos para tag <input/>  */
/******************************/
/* No hizo nada */
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

input.submit {
	width: 70px;
}


/***************************************/
/* Estilos para tag <select></select>  */
/***************************************/
/* No hizo nada */
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/* textos de los items del combobox */
select.selgenerico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 170px;
}

/* textos de los items del combobox */
select.selrolmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 260px;
}



/* Estilos para textarea gris */
.textareaunedit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
}


/**********************/
/* Estilos generales  */
/**********************/

/* Tabla principal de todas las pantallas */
/* Fondo de todas las Tablas */ 
.maintable{
	width: 778;
	border: 0;
	background-color: #ffffff;
}

/* Encabezado de una lista o tabla */
.headtable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
  font-weight: bold; 
  /*background-color:  #FFFFCC;
  background-color:  #0099FF;*/
  background-color: #DFEFFF;
    height: 22px;	
}									   

/* Encabezado de una lista o tabla para home */
.headtablesmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	background-color: #DFEFFF;
 /* height: 22px;	*/
}

/* Encabezado de una lista o tabla para home */
.headtablesmallheight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	background-color: #DFEFFF;
  height: 22px;
}

/* Encabezado de una lista o tabla para home pero mas obscuro*/
.headtablesmalldark{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	font-weight: bold;
	background-color: Background;
 /* height: 22px;	*/
}


/* texto general de las pantallas, es igual al estilo td */
.txtgenerico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333
}

/* Texto de los titulos con fondo azul */
.txtgenericoboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3399cc;
    height:22px
}
/* Texto de los titulos con fondo azul tenue */
.txtgenericoboldwhitelight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: rgb(102,153,255);
    height:22px
}

/* Texto de los titulos con fondo azul */
.txtnombreusuario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
    height:22px
}

/* texto generico en negritas */
.txtgenericobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold
}

/* para textos no editables, gris */
.txtbggris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
	background-color: #E8E8E8;
}

/* para textos no editables, gris */
.txtbgceleste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DFEFFF;
}

/* estilo para text (input) tipo codigo */
.txtbgcodigo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:100px;
}

/* codigo no editable */
.txtbgcodigogris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:100px;
	background-color: #E8E8E8;
}

/* estilo para rut, fecha y fono */
.txtbgrutfechafono{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:70px;
}

.letraChica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
  color: #333333;     
}

.reqMark {
	color: red;
	margin: 0 3px;	
}

.letraNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  color: #333333;     
}

/* rut, fecha y fono no editable */
.txtbgrutfechafonogris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
	background-color: #E8E8E8;
}

/* digito verificador del rut */
.txtbgdv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:18px;
}

/* digito verificador del rut no editable */
.txtbgdvgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:18px;
	background-color: #E8E8E8;
}


/* para datos en dos columnas  */
.txtbgdatospersona{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:360px;
}

/* para datos en dos columnas gris */
.txtbgdatospersonagris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:360px;
	background-color: #E8E8E8;
}

/* texto de largo 530 */
.txtbgtexto530{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:530px;
}

/* texto de largo 530 no editable */
.txtbgtexto530gris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
    width:530px;
	background-color: #E8E8E8;
}

/* menus de los home */	
.homemenu{
	width: 200px;
	background-color: #ffffff;
}

/* menus de los home */	
.homerecauda{
	width: 220px;
	background-color: #86B6FF;
	height: 321px;
}


/*
 *  =====================================
 * 	NUEVOS CLASS PARA SECUENCIAS STRUTS
 *  =====================================
 */
 
.textinputlocked{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
	background-color: #E8E8E8;
}

.tablecontent{
	width: 100%;
	border: 0;
	background-color: #FFFFFF
}

.headertablerow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3399cc;
    height:22px
}

.headertablerowcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	background-color: #DFEFFF;
    height:22px	
}	
.headertablerowsmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #DFEFFF;
    height:22px	
}		

a.tabulador {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
  
}

a.hrefblue {
	font-family: Arial, Helvetica, sans-serif;
	color: Blue;
	font-weight: bold;
	text-decoration: underline;
  cursor: hand;
}

a.hrefred {
	font-family: Arial, Helvetica, sans-serif;
	color: Red;
	font-weight: bold;
	text-decoration: underline;
  cursor: hand;
}


.locked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;     
	background-color: #E8E8E8;
}

.unlocked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;     
	background-color: white;
}


/*
 *  =====================================
 *   ESTILOS DATAGRID
 *  =====================================
 */
span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}

.upper {
text-transform: uppercase;
}