/*-------------------------------------------------------------------------
 Clic 2011
---------------------------------------------------------------------------
 File: forms.css
 Sitio:
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS style for html forms
 Estilos generales para los formularios utilizados
--------------------------------------------------------------------------*/

.textoPequeno, .textoPequeno *{	font-size:9pt; padding:10px  0px }
.notaFormulario span, .notaFormulario span.atencion {
    color: #990000;
    font-weight: bold;
}

.admin {
	width:700px;
	/*border:1px solid;*/
	margin:0px auto;
}


.converter{
	width:220px;
}



.admin label, .converter label, label {
		display:block;
		width:180px;
		float:left;
		text-align:right;
		
		font-weight: bold;
		padding-right:2px;
		padding:5px;
		
}
.view .formItem label { font-weight:bold; padding:0px; padding-right:2px;}
.view .formItem  { padding:5px;}
#UsrSupplierAplicaIncentivo  { width:auto; margin-top:.54em;}

.formItem {
	padding-top:1px;
	padding-bottom:1px;
	clear:both;
}

.formItem input, .formItem textarea, .formItem select {

   width:400px;
   padding:5px;
   border:1px solid #989898;
}

#usuarioForm input { padding:5px; }

#usuarioFormLat input { padding:5px; width: 120px; }

#usuarioFormLat input.submit { padding:5px; width: auto; }


.formItem input.radio, input.checkbox{	
	width:auto;
}


.converter .formItem input{
	width:100px;
}
.formItem select {
	width:150px;
}

.submit{
		text-align:center;
		padding:5px;	
}


/* Formularios de contacto */
 .forma{
	width:400px;
}

.atencion{
	color:#990000;
	font-weight:bold;
}

.square {
	min-height: 200px;
	min-height: auto!important;
	height: 200px;
	border: 1px solid #5A90B1;
	background: url(../img/proveedores-bg.png) repeat-x;
	background-color: #E1E6FF;
	box-shadow: 0 2px 5px #5E7797;
	padding: 10px;
	margin-bottom: 25px;
	position: relative;
	left: -12px;
}
/*.square {
	min-height: 200px;
	min-height: auto!important
	height: 200px;
	border: 1px solid #5A90B1;
   	background-image: -webkit-gradient(linear, left top, left bottom,
   	from(#fff), to(#E1E6FF	) ); /*para Chrome
   	background-image: -moz-linear-gradient(  top,
   	#fff, #E1E6FF );
	/*IE aplicacion
	filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr='#E1E6FF', endColorstr='#FFF');
	box-shadow: 0 2px 5px #5E7797;
	padding: 10px;
	margin-bottom: 25px;
	position: relative;
	left: -12px;
}*/


#proveedorview label {
		display:block;
		width:180px;
		float:none;
		text-align: left;
		font-weight: bold;
		padding-right:2px;
		padding:5px;
		
}
#proveedorview .formItem label { font-weight:bold; padding:0px;}
#proveedorview .formItem  { padding:5px;}

#proveedorview .formItem {
	padding-top:1px;
	padding-bottom:1px;
	clear:both;
}


.formItem input.amount {
	width:138px;
	text-align:right;
	padding:5px;
}

.report .formItem select{
	width:333px;
}
.report .formItem input {
	width:322px;
}

table#saleReport * { font-size:10pt; }
table#saleReport  tbody *, 
table#saleReport  tfoot * { font-size:10pt; font-weight:normal; vertical-align: top;}

table#saleReport  tbody strong {font-weight:bold;}

table#saleReport  tfoot strong {font-weight:bold;}
table#saleReport td.amount { text-align:right; }
table#saleReport td.detail { width:250px;}
table#saleReport td.supplier { width:150px;}
table#saleReport td.amount { width:80px;}

table#saleReport tbody th.total { text-align:right; }
table#saleReport tfoot th.total { text-align:right; }
table#saleReport tfoot th.amount { text-align:right; }

table#saleReport tr.agencyTitle  { background: #5A90B1;}

div.submit input { padding:2px;}