﻿
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100%;
  margin: 0;
  padding: 0;
  width:inherit;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #ccc;
  border: 1px solid #ccc;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
    margin /**/:/**/ 10px 0 0 0; /* Firefox */
}

form legend
{
	color: #000;
	background: #F4F4F4;
	border: 1px solid #ccc;
	padding: 2px 6px
}

form fieldset.encabezado {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: none;
  border-top: 1px solid #ccc;
  padding:10px 0 0 0 ;        /* padding in fieldset support spotty in IE */
  margin: 0;
   margin /**/:/**/ 10px 0 0 0; /* Firefox */

   
}


form fieldset.simple legend 
{
	color: #000;
	background: #FFFFFF;
	border: 0px solid #ccc;
	padding: 2px 6px;
}


form fieldset.simple
{
	width:400px;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 5px; 
	margin: 5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
}



form fieldset legend {
	font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	 color: #cc6600;
}
form label.simple
{
	float:left;
	display:inline;  
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #cc6600;
	width: 80px; 
	 
}



form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #000;
	/*background: #F4F4F4;*/
	border: 1px solid #CCCCCC;
    font-size:8pt;
	letter-spacing:1px;
	font-family:Verdana,Helvetica,Helvetica-Narrow;

	height: 17px;
	vertical-align:middle;

	/*font-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;*/
}

form select {
	margin:5px 0 0 10px;
	background: #F4F4F4;
	letter-spacing:1px;
	font-size: 8pt;	
	border: 0px solid #CCCCCC;
	font-family:Verdana,Helvetica,Helvetica-Narrow;

}
form select:focus, form select:active{ outline:0; }




form .inputdisabled
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	
	padding: 0; 
	margin:  5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */

}

form .inputdisabledforprint
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	
	padding: 0; 
	margin:   5px 0 5px 10px; /* set top margin same as form input - textarea etc. elements */

}

form textarea:hover { background-color: #FFFDCA;  color:#000;}
form input:hover { background-color: #FFFDCA;  color:#000;}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }


form  small {
  display: block;
 /* margin: 0 0 5px 180px;*/
  padding: 1px 5px 5px 10px;
  font-size: 88%;
  height: expression('1%');
  margin: 1px 0 0 180px;
}




form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form .largo { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 250px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	 color: #cc6600;
}


form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.PanelTab
{
	border: solid 1px #787878;
	border-top:none;
	padding: 10px;	
}

.ListBox
{
	width:auto;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #000;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
    font-size:8pt;
	letter-spacing:1px;
	font-family:Verdana,Helvetica,Helvetica-Narrow;

	
	vertical-align:middle;
}


.RadioButtomsYCheckboxs
{
	display:block;
	background-color: transparent;
}

.RadioButtomsYCheckboxs  input,
.RadioButtomsYCheckboxs  input:hover
{
	float:left;
 	background: #fff;
	border: 0px;
	
}
.RadioButtomsYCheckboxs label
{
	width:auto;
    padding: 5px 0 0 5px;
	float:left;
}

.BulletedList
{
	width:auto;
    padding: 0px 0 0 0px;
    margin-left:15px;
    

}

form  div.notes {
 
  /*min-width:130px;*/
  height:auto;
  margin:  4px 0px 7px 7px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #FFFDCA;
  color: #666666;
  font-size: 88%;

 position:relative;

}

form  div.notes h4 {
  background-image: url(/images/icons/about.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
  margin-top:0px;
}

form  div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form  div.notes p.last {
  margin: 0em;
}

form table tbody tr td.titulo
{
	vertical-align:top;
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	 color: #cc6600;
}

.panel_formulario_izq
{
	float: left; 

}


.panel_formulario_der_help
{
	float: left; 
	

	width /**/:/**/ 16%; /*Firefox*/
	*width:auto; /* Explorer */

}

.panel_edicion_insercion
{
	width: 96%; 
	text-align: left; 
	background: #FFFFFF;
	 padding-top:10px;
	 padding-bottom:10px;
}

.botonExportar
{
	text-align: left; 
	border:none;
	
	 
}


