/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*    
    C . G . S .   S . L .                                                
	C o p y r i g h t   ( c )  2 0 1 0
	
    - B a s a d o  e n  R M S f o r m s  C S S   F o r m s   F r a m e w o r k   0 . 5   h t t p : / / r m s j r . c o m 
    - C o p y r i g h t   ( c )   2 0 0 9 - P r e s e n t .   
*/    
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */


/* CONTAINING DIV */
.formContainer{ background-color:#efefef; overflow:hidden; height:1%; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:120%;}

/* GLOBALS */
/* form{ margin:0; padding:0;} */
.form li{ width:100%; float:left;}
.form ul{ margin:0; padding:0; list-style:none; overflow:hidden; height:1%; }
/* .form fieldset{ margin-bottom:40px; display:block; } /*optional elememt */
/* ul li ul{ background-color:#F8F3B8} */
/* em{color:#FF0000;}*/


/* Field Set Formularios */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* Estilos Anteriores */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.CategoriaInfo {
    /*
    border-color: #2D507E;
     background-color: #FDF5E6;
     border-width: 1px 0px;
     border-style: dotted;     
     border-width: 0px 0px 1px 0px;
     border-style: dotted; 
     text-decoration: underline overline;
     */
     color: black;          
     background-image:url('../Imagenes/iconos/txt2.png') ;
     background-repeat: no-repeat;
     background-position: left center;
     /* background-color: #FDF5E6;*/
     margin-top: 0px;
     font-weight:normal;
     color: #2D507E;
     padding: 10px  4px 10px 40px;
}
.contenido fieldset
{
	border: 1px solid  #2D507E;
	padding:0em 1em;
	margin-bottom:1em;
	margin-top:1em;
}

.contenido legend
{	
	border:#2D507E 1px hidden;
	padding:0.3em;
	font-weight: bold; 
	color:#2D507E;
}

/* ############################################# */
/* ############################################# */
/* Estilos Base del formulario */
/* ############################################# */
/* ############################################# */

.form { 
    margin:0 0 0 0; 
    padding:10px;
    list-style:none; 
    background-color:transparent;
    }
.form ul{ 
    padding:2px 5px 5px 5px; 
    overflow:hidden; 
    height:1%; }
.form label,.form .label{ width:150px; padding:3px 5px 3px 0px; float:left; display:inline; }
.form li{margin:3px 0 0 0;  padding-bottom:3px; }
.form li ul li{ border-bottom:0px solid #ff0000;}
.form input,.form .valor{ float:left; display:inline; line-height:100%;}
.form img.ayuda{margin:0px 0px 0px 8px;}
.form select{ float:left; display:inline;}
.form textarea{ float:left; display:inline;}
.form input[type='radio'] { border:0px; }
.form input[type='checkbox'] { border:0px; }


.form .valor{border-color:black;border-width:0px 0px 1px 0px;    border-style:dotted;    padding: 2px 5px;    background-color:#FFFFC0;    height:1em;    min-width:20em;}
/* ############################################# */
/* ############################################# */
/* MODIFICADORES */
/* ############################################# */
/* ############################################# */
	
.fvvv li { display:block; clear:both; width:100%; margin-right:10px;} 
.fvvv label,.fvvv .label{ display:block;  width:100%; clear:both; float:none;} 
.fvvv input,.fvvv .valor{ display:block; float:left;}
.fvvv select{ display:block; float:left;}
.fvvv textarea{ display:block; float:left;}

.fhvv{ overflow:hidden; height:1%; }
.fhvv li{ float:left; margin-right:10px; display:inline; width:auto; clear:none; }
.fhvv label,.fhvv .label{ display:block; width:auto; float:none;  }
.fhvv input,.fhvv .valor{ display:block;}
.fhvv select{ display:block;}
.fhvv textarea{ display:block;}

.fhhh{ overflow:hidden; height:1% }
.fhhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.fhhh label,.fhhh .label{ float:left; width:150px; }
.fhhh input,.fhhh .valor{ float:left}
.fhhh select{ float:left}
.fhhh textarea{ float:left} 
.fhhh li li{ clear:both; } /* reset second level lis */

.fvii{ float:left; display:inline; width:auto}
.fvii li{ display:block; float:left; width:auto; clear:both; margin-right:10px;}
.fvii label,.fvii .label{ display:inline; width:auto; vertical-align:middle; float:none;}
.fvii input,.fvii .valor{display:inline;  vertical-align:middle;  float:none; }
.fvii select{ display:inline;  vertical-align:middle;  float:none;}
.fvii textarea{display:inline;  vertical-align:middle;  float:none;}

.fvhh{  float:left; display:inline;}
.fvhh li{ display:block; clear:both; float:left; width:auto; border-bottom:3px solid #transparent; margin-right:10px;}
.fvhh label,.fvhh .label{ float:left; width:150px; display:inline; }
.fvhh .notav { margin-left:153px;}
.fvhh input,.fvhh .valor{ float:left; display:inline;}
.fvhh select{ float:left; display:inline;}
.fvhh textarea{ float:left; display:inline;}

.fhii{ overflow:hidden; height:1% }
.fhii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.fhii label,.fhii .label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;}
.fhii input,.fhii .valor{ display:inline; vertical-align:middle; }
.fhii select{ display:inline; vertical-align:middle;}
.fhii textarea{ display:inline; vertical-align:middle;} 
.fhii li li{ clear:both; } /* reset second level lis */
 
 
/* ############################################# */
/* ############################################# */
/* Modificador Posicionamiento entre Campos */
/* ############################################# */
/* ############################################# */

.form .wXS { width:25px;}
.form .wS { width:50px;}
.form .wL { width:290px;}
.form .wXL { width:400px;}

.form .wMini { width:50px;}
.form .wGrande { width:290px;}
 

.form li.fv { display:block; float:none; width:auto; text-align:left; clear:right;}
.form li.fi {display:block; float:left; width:auto; display:inline; clear:none; margin-right:10px;}
.form li.fi label,.form li.fi .label { width:auto; }

.form li.fh { display:block; float:left; width:auto; clear:none; margin-right:10px;}
.form li.fh label,.form li.fi .label  { width:auto; }

/* ############################################# */
/* ############################################# */
/* Modificador Posicionamiento Campo-Entrada datos */
/* ############################################# */
/* ############################################# */

.form label.fv,.form .label.fv { display:block; float:none; width:auto; padding:3px; text-align:left;}
.form label.fh,.form .label.fv { display:block; float:left; width:auto; display:inline;}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* MULTI-SELECT BOX */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*
.multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }
.multiSelect .form{ height:auto; margin:0; padding:0; border:0;}
.multiSelect .fvhh{ margin:0; padding:0;}
.multiSelect .fvhh input{ float:left; } 
.multiSelect .fvhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; }
.multiSelect .fvhh li{ overflow:hidden; width:100%}
.multiSelect .fvii li{ width:100%;}
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* OTHER STYLES */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* COLOR CODE - FOR CLARIFICATION & DEBUGGING
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; }*/

/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder{ border:0px;}

/* REQUIRED FIELD STLES */
.requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; }
.required{ color:#FF0000;}
.required label:Before{ content:"* "}
.requiredDesignation:before{ content:"* " }

/* FORM NOTAS */
.notah{ padding:3px 5px 0 5px; color:#FF9933; float:left}
.notav{ padding:4px 0px 0px 0px; color:#FF9933;  clear:both; display:block;}

.tar label{ text-align:right;}

/* VARIOS */
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.w100p{ width:100%;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.offset1{ margin-left:130px;}
.offset2{ margin-left:105px;}


/* ICONOS DE LAS CATEGORIAS */ 

.destacado1 fieldset  { background-color: Yellow; }
.destacado2 fieldset  { background-color: #F8F8F8; border-color:#2D507E; border-style:solid; border-width:1px 0px; padding: 0em 1em;}
.destacado2 legend {border-color: #2D507E; border-width: 1px 0px; border-style: solid; background-color:yellow;}
.destacado2 .CategoriaInfo  { background-image:url("../Imagenes/iconos/execute_32.png"); }

.accounting .CategoriaInfo { background-image:url("../Imagenes/iconos/accounting_32.png"); }
.activity .CategoriaInfo { background-image:url("../Imagenes/iconos/activity_32.png"); }
.atm .CategoriaInfo { background-image:url("../Imagenes/iconos/atm_32.png"); }
.avalaibility .CategoriaInfo { background-image:url("../Imagenes/iconos/avalaibility_32.png"); }
.balance .CategoriaInfo { background-image:url("../Imagenes/iconos/balance_32.png"); }
.bank .CategoriaInfo { background-image:url("../Imagenes/iconos/bank_32.png"); }
.barcode .CategoriaInfo { background-image:url("../Imagenes/iconos/barcode_32.png"); }
.blackfolder .CategoriaInfo { background-image:url("../Imagenes/iconos/blackfolder_32.png"); }
.blacklist .CategoriaInfo { background-image:url("../Imagenes/iconos/blacklist_32.png"); }
.bus .CategoriaInfo { background-image:url("../Imagenes/iconos/bus_32.png"); }
.calendarmonth .CategoriaInfo { background-image:url("../Imagenes/iconos/calendarmonth_32.png"); }
.check .CategoriaInfo { background-image:url("../Imagenes/iconos/check_32.png"); }
.conciliation .CategoriaInfo { background-image:url("../Imagenes/iconos/conciliation_32.png"); }
.credits_cards .CategoriaInfo { background-image:url("../Imagenes/iconos/credits_cards_32.png"); }
.deposit .CategoriaInfo { background-image:url("../Imagenes/iconos/deposit_32.png"); }
.execute .CategoriaInfo { background-image:url("../Imagenes/iconos/execute_32.png"); }
.history .CategoriaInfo { background-image:url("../Imagenes/iconos/history_32.png"); }
.industry .CategoriaInfo { background-image:url("../Imagenes/iconos/industry_32.png"); }
.notes .CategoriaInfo { background-image:url("../Imagenes/iconos/notes_32.png"); }
.payment .CategoriaInfo { background-image:url("../Imagenes/iconos/payment_32.png"); }
.plane .CategoriaInfo { background-image:url("../Imagenes/iconos/plane_32.png"); }
.reward .CategoriaInfo { background-image:url("../Imagenes/iconos/reward_32.png"); }
.serial .CategoriaInfo { background-image:url("../Imagenes/iconos/serial_number_32.png"); }
.timeframe .CategoriaInfo { background-image:url("../Imagenes/iconos/timeframe_32.png"); }
.txt2 .CategoriaInfo { background-image:url("../Imagenes/iconos/txt2.png"); }

.SoloLecturaCampo {
    background: #F0F0F0;
    cursor: default;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: gray;
    padding: 1px;
}