/*--------------------------------------------------------------------------
 Clic 2007
----------------------------------------------------------------------------
 File: layout-app.css
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS Estilos especializados para el layout de la aplicacion
 Layout CSS para el sitio.
--------------------------------------------------------------------------*/
 
/* Layout
-------------------------------------------------------------------*/
 fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	background-color:#EFEFEF;
	margin:20px 0px 20px 0px;
	width:60%;
	position:relative;
	display:block;
	padding: 0 10px 10px 10px;
	
}

 fieldset legend{
	font-weight:bold;		
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}
#quicklinks{
 	top:0px;
	left:833px;    
 }
.menu th div{ border-bottom:4px solid #007CC2; padding:2px; font-size: 11pt;}
.menu th {  padding:5px;}
.menu tr td { vertical-align:middle; padding:3px; text-align:left;}
.menu ul { margin-left:5px; margin-right:5px;}
  /* FlashMessage */
 #listado div.message, div.message{
		padding:10px;
		margin-top:10px;
		margin-bottom:10px;
		background:#FFDEDE;
		width:338px;
		text-align:center;
		border:1px solid #FF7F7F;
}
 div.factMessage{
	padding:10px;
	margin:10px 90px;
	background:#FFDEDE;
	width:110px;
	text-align:center;
	border:1px solid #FF7F7F;
}

 div.factMessage label{
	width:auto;
	font-size:105%;
	
}


#generateVoucher { margin-bottom:10px;}


.calendario{ padding-left:2px; }


/** Fieldset emulator **/
/* NZ Web Hosting - www.nzwhost.com 
 * Fieldset Alternative Demo
*/

div#infoClient { width:500px; }

.fieldset {
  background: #eee;
  margin: 15px 0px;
  position: relative;
  /*padding: 15px 5px;*/
  margin-right:auto;
  margin-left:auto;
  padding-bottom:10px;
  border:1px solid #64A2C1;
  text-transform:uppercase;
 
}

  
.legend {
  clear:both;
  background: #3785AC;
  font-weight: bold;
  color: #ffffff;
  padding:10px;
  margin-bottom:10px;
}
  
 h2.legend {
    border:0px;
	border-bottom:1px solid #000000;
	background:#ffffff;
	padding:5px 10px;
	
	font-weight:bold;
	font-size:120%;
	width:90%;
	margin:5px auto;
	margin-bottom:10px;
	
}
  
  /** Forms **/
 .admin label, .view label, .formItem label{
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 2px;
}

.view label {
	font-weight:bold;
}


/** CxC ****/
	
	#saleDocumentHeader { width:900px; margin:0px auto;}
	#saleDocumentHeader div.col1,
	#saleDocumentHeader div.col2 { width:440px;} 
	
	#saleDocumentHeader div.col1 { float:left;}
	#saleDocumentHeader div.col2 { float:right;}
	
	#saleDocumentHeader fieldset {margin:0px; padding:0px;}	

#saleDocumentHeader div.col1 label{ width:70px;}

#saleDocumentHeader div.col1 fieldset,
#saleDocumentHeader div.col2 fieldset{ width:400px; padding:10px;}

#saleDocumentHeader div.col2 label{ width:120px;}
#saleDocumentHeader div.col2 input{ width:250px;}



/* CxC and CxP */

table#doucumentMovementsDetail{
	margin-top:10px;
}


table#doucumentMovementsDetail th.closeButton, 
table#listado th.closeButton,
table.niko th.closeButton,
table.niko tr.thActionArea th
{ background:none; border:none;}
table#doucumentMovementsDetail tr.thActionArea ,
table#listado tr.thActionArea,
table.niko tr.thActionArea
{ background:none; border:none 0px;}
table.niko thead th {text-align:center}
table.niko thead th.closeButton {text-align:right}

/** Acciones **/
td.actions img { padding-right:2px}
ul.lista { list-style:none}


/** Reportes **/
table.view th { text-align:right; padding-right:2px;}
table.view  { padding-top:5px; padding-bottom:5px;}
table.report { width:98%} 

/** Reporte de Facturas */
th.folio, td.folio { }
th.fecha, td.fecha { width:9% }
th.vencimiento, td.vencimiento { width:10% }
th.cliente, td.cliente { width:30% }
th.importe, td.importe { }
th.iva, td.iva { }
th.retencion, td.retencion { }
th.proyecto, td.proyecto { }
th.status, td.status { }

td.folio , td.importe, td.iva, td.retencion, td.folioFact, td.numero{ text-align:right; padding:1px; }
td.fecha, td.vencimiento { font-size:90%; text-align:center}

table#CxpListReport th.numero, table#CxpListReport td.numero { width:5%}


/* Formulario de partidas */
.validacion, th.validacion{ width:18px; text-align:center; }
td.tipo, th.tipo{ width:60px; text-align:center; }
td.id, th.id { width:60px; text-align:center;}
td.concepto, th.concepto { width:260px; text-align:center;}
td.cantidad, th.cantidad { 	width:75px;	text-align:center; }
th.precio  { width:150px; text-align:center; }
th.impuesto { width:90px; text-align:center; }
td.itemDescription, th.itemDescription { width:auto; }
td.precio, td.moneda{ 	width:150px; text-align:right; }
td.impuesto{ 	width:90px; text-align:right; }
td.precio_min{ 	width:120px; text-align:right; }
td.acciones, th.acciones{ width:75px; text-align:center; }
td.acciones img{ padding-right:2px; 	padding-left:2px; }
table.opTaxes th.moneda, table.opTaxes td.moneda { width:80px; text-align:center}

table.opTaxes th.observaciones{ width:307px; text-align:center}

td.concepto{ text-align:left; }
th.concepto  { text-align:right; width:150px;}
td.cuenta { text-align:center;}
td.id input,  td.cantidad input{ width:40px; text-align:right; }
td.precio input{ width:80px; text-align:right; }
td.impuesto input{ width:80px; text-align:right; }


table#singleDocumentMovent {
	margin-top:10px;
	
}


/**** CAPTURA DE PAGOS SIMPLIFICADA ***/

#cxsContainer { width:900px;  margin:0px auto; padding:10px;}
#cxsContainer h2  { 
	font-size:14pt;
	border-bottom:1px dashed #666666;
	margin-bottom:15px;
	padding:4px 0px;;
	text-align:center;	
	clear:both;
}
#cxsContainer h2 span  { color:#ff0000; }



#cxsContainer div.viewLbl { clear:left; }

#cxsContainer div.viewLbl label { width: 125px;}


#cxsContainer div.viewLbl span.currency { 
	display:block; 
	text-align:right; 
	padding-right:2px;
	float: left;
    padding-left: 2px;
    text-align: right;
    width: 110px;
}

#cxsContainer .container {
	width:365px;
	
}

#cxpContainer { 
		float:right;
	}
#cxcContainer { 
		float:left;
	}

#cxsContainer .accountDetails {
	border: 10px  #007CC2 solid;
	border-top: 0px;
	border-bottom: 0px;
	padding:0px 10px 0px 10px;
}

#cxsContainer .separador {
	border-top:1px dotted #666666; 
} 


#cxsContainer .cxsPayment {
	border:1px solid #333333;
	background: #E5F2FA;
	border-radius: 3px;
	padding-top:10px;
	padding-bottom:10px;
		
}


#cxsContainer  .formItem input{
	width:150px;
} 

#cxsContainer h2.capturarMov {
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
/** busqueda **/

#cxsVoucher {
	width: 460px;
    margin:0px auto;
    position:relative;
}



#cxsVoucher h2{
	text-align:center;
	text-transform: uppercase;
	font-size:13pt;
}


 .busqueda {
    background: #ffffff;
    border: 2px solid #007CC2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px #CCCCCC inset;
    overflow: hidden;
    width: 360px;
    margin:0px auto;
    position:relative;
    
}
	
.busqueda input#s {
    border: 2px solid white;
    float: left;
    font-size: 11pt;
    padding: 6px 5px;
    width: 270px;
    text-align:center;
}

  :focus { outline: 0 none;}

 .busqueda input#searchsubmit {
  
    background: #007CC2;
    border: 0px;
    
    color: #FFFFFF;
    float: right;
    font-size: 11pt;
    font-weight: bold;
    padding: 8px;
  }
  
  .busqueda input#searchsubmit:hover {
    background: #004971;
}


 #cxsContainer input.submit {
  
    background: #007CC2;
    border: 0px;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    padding: 8px;
    display:block;
    margin:5px auto;
    border-radius: 3px;    
    width:75px;
  }
  
  #cxsContainer input.submit:hover {
    background: #CA0000 ;
}

#cxsVoucher  #cxcLoadImg{
	display:block;
	margin:0px auto;
	width:140px;
	text-align: center;
}


#cxsVoucher #cxcValidImg{
	position:absolute;
	width:30px;
	height:30px;
	right:10px;
	bottom:2.9em;
}


.ajaxImgContainter{
	height:25px;
	width:140px;
	margin:0px auto;
	margin-top:5px;
}

#linksVourcher{
   
    display: block;
    font-weight: bold;
    height: 30px;
    left: 113px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 235px;
}

h2.legend { color:#000000;}