/** HOJA DE ESTILOS RELACIONADA CON LOS FORMULARIOS DE LA APLICACION **/


/* Estilo general para las cabeceras de las pantallas de mantenimientos*/
.titulo_solapa {
    background-image : url('../images/contenido/solapa.gif');
    background-repeat : no-repeat;
    color : #ffffff;
    padding-top : 4px;
    margin-bottom : 1px;
    margin-top : 5px;
    height : 19px;
    width : 100%;
    padding-left : 25px;
    float : left;
    font-family : Tahoma,Verdana,Arial,Helvetica;
    font-weight : bold;
    font-size: 11px;
}
    
.titulo_solapa_pequena {
    background-image : url('../images/contenido/solapa.gif');
    background-repeat : no-repeat;
    color : #ffffff;
    padding-top : 4px;
    margin-bottom : 0px;
    margin-top : 5px;
    height : 19px;
    width : 575px;
    padding-left : 25px;
    float : left;
    font-family : Tahoma,Verdana,Arial,Helvetica;
    font-weight : bold;
    font-size: 11px;
}    

/* Fin Estilo general para las cabeceras de las pantallas de mantenimie

/* Estilo general para las grid*/
   /*Los atributos width y height se podrán modificar en la jsp */

.grid {
   width:auto;
   height:auto;   
   overflow:visible;   
   margin-top:1px;
   margin-bottom:1px;   
   scrollbar-base-color: #ffffff;
   scrollbar-3dlight-color: #679DB8;
   scrollbar-arrow-color: #489CDF;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-face-color: #CCE2FE;
   scrollbar-track-color: #ffffff;    
}
   /*Para dar formato dinámicamente a las grids*/ 
.form_cell {
    background-image:url(../js/dhtmlx/dhtmlxGrid/codebase/imgs/skin_light_header.png);
    border-color:#FDFDFD #93AFBA #93AFBA #FDFDFD !important;
    border-style:solid !important;
    border-width:1px !important;
}

/* Fin estilo general para las grid*/

/* Estilo general para los formularios*/
   /*Los atributos width y height se indicarán en la jsp */
.form {
    border:1px;
    border-color:#BFBFBF;
    border-style:solid;
    background-color:#E2EFFF;
    font-family : Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;	
}
/* Fin estilo general para los formularios*/

/* Estilo general para las botoneras*/

.botonera_grid 
{
    width:auto;  
    margin-top:1px;
    margin-botton:1px;      
}
/* Fin estilo general para las botoneras*/

/*Limpieza de capas sobre todo para Firefox*/
.clearing {
    clear:both;
}

/* Fondo del formulario */
.fondo {
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-top:6px;
    float:left;
    width:100%;
    height:90%;
    background:#E2EFFF ;
    border:1px solid #BFBFBF;
}
/* Fin Fondo del formualrio */

/* Label */
label {
    font-family: Tahoma,Verdana, Arial, Helvetica; 
    font-size: 11px; 	
    text-align:left;
    float:left;
    margin-right:2px;
    padding-top:4px;
}

label.label_W50 {
    font-family: Tahoma,Verdana, Arial, Helvetica; 
    font-size: 11px; 	
    font-weight:bold;	
    text-align:left;
    float:left;
    width:50%;
    margin-right:2px;
    padding-top:4px;
}
/* Fin Label */


/* Input, texarea, select */
input, textarea, select, .div_input {
    border:1px solid #AFC7C7;
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
}

input:focus, textarea:focus  {background:#FFF799;} 

input[readonly],textarea[readonly] {background-color: #CFECEC;}

input[type="submit"] {
    border-bottom: #9baaaf 1px solid; 
    border-left: #9baaaf 1px solid; 
    background-color: #A4BBC6; 
    font-family: Tahoma,Verdana,Arial,Helvetica; 
    color: #000000; 
    font-size: 11px; 
    border-top: #9baaaf 1px solid; 
    border-right: #9baaaf 1px solid;    
    font-weight: bold;
}

input[type="submit"]:hover {
    cursor:hand;
    cursor:pointer;   
}

input[type="submit"][disabled] {
      cursor:not-allowed;
}

input[type="button"] {
    border-bottom: #9baaaf 1px solid; 
    border-left: #9baaaf 1px solid; 
    background-color: #A4BBC6; 
    font-family: Tahoma,Verdana,Arial,Helvetica; 
    color: #000000; 
    font-size: 11px; 
    border-top: #9baaaf 1px solid; 
    border-right: #9baaaf 1px solid;
    font-weight: bold;
}

input[type="button"]:hover {
    cursor:hand;
    cursor:pointer;   
}

input[type="button"][disabled] {
    cursor:not-allowed;
}

input[type="text"][disabled] {
   background-color: #EEEEEE;   
}

input[type="radio"]+label {
  font-weight:normal;	
  float:none;
}

/* Fin Input, texarea, select */
.input_calendar {
    background-image: url('../images/botones/calendar_mini.gif') ;
    background-repeat: no-repeat;
    color:  #000000;   
    background-position: 99% 100%;   
    border:1px solid #AFC7C7;
    width: 100px;
    cursor: pointer;
    cursor: hand;
    margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
	resize: none;
}

.input_calendar[readonly] {
    background-image: url('../images/botones/calendar_mini.gif') ;
    background-repeat: no-repeat;
    color:  #000000;   
    background-color: white;
    background-position: 99% 100%;   
    border:1px solid #AFC7C7;
    width: 100px;
    cursor: pointer;
    cursor: hand;
    margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
	resize: none;
}
.input_combo[readonly] {
	background-color:white;
    color: black;
    border: 0px;	
    cursor: pointer;
    cursor: hand;
    margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
}

/* Legend */
    /* legend para IE */
legend  {
    font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 14px;  	
	color: blue;
	position: absolute;
	top: -.55em;
	left: .2em;
}

/** legend para firefox **/
@-moz-document url-prefix() { 
	legend {
		font-family: Tahoma,Verdana,Arial,Helvetica; 
	    font-size: 14px;  	 
	    color: blue;
	    position: relative;	
	}
}
/* Fin Legend */

/* Imagenes de la aplicacion */
img.floatLeft { 
    float: left; 
    margin: 0px; 
    border:0px;
}
img.floatRight { 
    float: right; 
    margin: 4px;
    border:0px; 
}
/* Fin Imagenes de la aplicacion */

/* Capas */

div.float  {
    float: left;	
}

/** div con fondo, con estilo similar a DHTML **/
div.conFondo_float {
    float: left;
    background-color: #D2DEE6;
    border: 1px solid;
    border-color: #A2AEB6;
}

.div_flotante {
    position:absolute;
    cursor:pointer;
    background: #CFECEC;;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CFECEC), to(#000000));
    background: -moz-linear-gradient(#CFECEC, #000000);
    background: linear-gradient(#CFECEC, #000000);
    -pie-background: linear-gradient(#CFECEC, #000000);
    box-shadow: 5px -9px 3px #333;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    border-width:3px;
    border: 3px solid #BFBFBF;
}  

/* Fin capas */

/* Cuadros */
.cuadroForm {
    width:115px;
	text-align:right;
}

.tituloCuadroForm {
	width:115px;
	text-align:center;
}
/* Fin Cuadros */

/* Estilos para popupModal */
img.popUpModal-button {
	width: 11px;
	height: 11px;
	float: right;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}

img.popUpModal-appendButton {
	width: 20px;
	position: relative;
	top: 5px;
	left: 2px;
	margin-top: -5px;
}

img.popUpModal-button:hover, 
img.popUpModal-appendButton:hover {
	cursor: pointer;
}
/* Fin de estilos para popupModal */