/************ P I E     P A G I N A **************/
#piePagina {
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 4px solid #f5f5f5;
  background:#f5f5f5;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:center;
  color: #555;
  font-size: 10px;
  z-index:10000;
  opacity:0.75;
  filter:alpha(opacity:75);
}

#piePagina a:link, 
#piePagina a:hover,
#piePagina a:visited {
	text-decoration:none !important;
	color: #555 !important;	
}

/***********  G E N E R A L *********/
a, a:hover{
	text-decoration: none !important;
	color:inherit !important;
}

body.error{
	background:transparent url(images/bck_grdnt.jpg) repeat-x top;
}

select.small{
	max-width:80px;
}

select.medium{
	max-width:200px;
}

select.big{
	max-width:300px;
}

a.botonMenu{
	color:#000000;
	border:0px;
	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
}

.botonMenu p{
	margin:0px;
	padding-top:33px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
}

body{
  margin: 0px;
  background-color:#ffffff;
  font-family: verdana, helvetica, sans-serif;
  color: black;
  font-size: 8pt;

}

input{
	background:#FFFFFF url(images/textfield-bg.gif) repeat-x scroll 0pt 1px;
	padding:0.3em;
}

input:focus{
	background:#ffffee url(images/textfield-focus-bg.gif) repeat-x scroll 0pt 1px;
}

input.boton, input.boton:hover, input.boton:focus, .thickbox{
  	BORDER: 0px;
	background:transparent;   
	vertical-align: middle; 
	*vertical-align: text-bottom;    
}

img{
	border:0px;
}

input.moneda,
input.numero,
input.porcentaje  {
	text-align:right;
}

input, 
textarea,
select,
option {	
	color:#161941;
	font-size:8pt;
}

input, 
textarea,
select{	
	border:1px solid #CDCDCD;
}

.permiteWrap{
	white-space: normal !important;
}


/************  Contenedor Mensaje Error y Sesion Finalizada  ***********/
.appError{
	font-family:Arial,Helvetica,sans-serif;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	width:500px;
	height:auto;
	margin-top:110px;
}

.appError h1{
	font-size:13pt;
	font-weight:bold;	
}


.appError a, .appError a:hover{
	font-size:10pt;
	text-decoration:none;
	margin-top:10px;
	color:#ffffff;

}

/************  Mensajes de Dialogo  ********/

#mensaje {
	margin-top:10px;
	display:block;
	padding-left:40px;
	font-size:9pt;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	height: 32px;
	padding-top:10px;
}

#mensaje.info{
	background:transparent url(images/messages/info.png) no-repeat top left;
	color:#666666;
}

#mensaje.error{
	background:transparent url(images/messages/error.png) no-repeat top left;
	color:#660000;
}

#mensaje.warn{
	background:transparent url(images/messages/warn.png) no-repeat top left;
	color:#666666;
}


/******  Contenedores de Cajas de texto   ****/

#contenedorCajaEnTab{
	display:block;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#contenedorCajaEnTab table.tituloSobreCampoCaptura th{
	text-align:left;
}

#contenedorCajaVisor,
#contenedorCajaCaptura{
	display:block;
	margin-left:0px;
	margin-top:0px;
	min-width:200px;
	margin-left: auto;
	margin-right:auto;

}


.editClient{
	width:525px;
}


#contenedorCajaControl,
#contenedorCajaControlGridTree{
	display:block;
	min-width:150px;
	margin-left: auto;
	margin-right:auto;
}



.currencies{
	width:800px;;
}

.usuarios{
	width:650px;
}

.business{
	width:665px;
}

.electronicInvoicing{
	width:1160px;
}

.editableFormBlocked{
	width:300px;
}

.bankConciliation{
	width:850px;
}

.editBankConciliation{
	width:1000px;
}

.bankMovement,
.bankAccounts{
	width:800px;
}

.bankAccountsForAddBankTransaction{
	width:900px;
}

.reportHistoryAccountStatement{
	width:600px;
}

.reportDiotIetu{
	width:600px;
}

.reportCurrentAccountStatement{
	width:350px;
}

.bankMovementType{
	width:700px;
}

.bankMovementTypeNewEdit{
	width:500px;
}

.cheque{
	width:1000px;
}

.chequeNewEdit{
	width:500px;
}

.chequeFormats{
	width:400px;
}

.bancos{
	width:450px;
}


.EditingBankMovement{
	width:1050px;
}

.historicBankMovement{
	width:1050px;
}

.contenedorFiltros{
	float:left;
	clear:left;
}

.contenedorFiltros.usuarios{
	width:280px;
}

.client{
	width:810px;
}


.filtros, 
.filter,
.lista {
	width:100%;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.filtros th, 
.filter th,
.lista  th{
	padding:3px;
	border-bottom:2px solid;
	font-weight:bold;
}

.filtros td,
.filter td,
.lista  td{
	padding:3px !important;
}

.lista td{
	border-bottom:1px solid #999999;
	text-align:left;
	color:#666666;
}

td.sinBorde{
	border-bottom:0px !important;
}

td.ultimo{
		border-bottom:0px !important;
		height:99%;
}

filter th,
lista  th{
	text-align:center;
}


.filtros  th{
	text-align:left;
}

/*#contenedorCajaVisor.lista table th,
#contenedorCajaVisor table th{
	border-bottom: 2px solid;
}*/


body.green #contenedorCajaEnTab table th,
body.green #contenedorCajaEnTab h1,
body.green #contenedorCajaCaptura table th,
body.green #contenedorCajaCaptura h1,
body.green #contenedorCajaControl table th,
body.green #contenedorCajaControl h1,
body.green #contenedorCajaControl a,
body.green #contenedorCajaControlGridTree h1,
body.green #contenedorCajaControlGridTree a,
body.green .lista th,
body.green .filter th,
body.green .filtros th{
		border-bottom-color: #003300 !important;
		color: #003300 !important;
}

body.blue #contenedorCajaEnTab table th,
body.blue #contenedorCajaEnTab h1,
body.blue #contenedorCajaCaptura table th,
body.blue #contenedorCajaCaptura h1,
body.blue #contenedorCajaControl table th,
body.blue #contenedorCajaControl h1,
body.blue #contenedorCajaControl a,
body.blue #contenedorCajaControlGridTree h1,
body.blue #contenedorCajaControlGridTree a,
body.blue .lista th,
body.blue .filter th,
body.blue .filtros th{
	border-bottom-color: #00286A !important;
	color: #00286A !important;
}


body.navy #contenedorCajaEnTab table th,
body.navy #contenedorCajaEnTab h1,
body.navy #contenedorCajaCaptura table th,
body.navy #contenedorCajaCaptura h1,
body.navy #contenedorCajaControl table th,
body.navy #contenedorCajaControl h1,
body.navy #contenedorCajaControl a,
body.navy #contenedorCajaControlGridTree h1,
body.navy #contenedorCajaControlGridTree a,
body.navy .lista th,
body.navy .filter th,
body.navy .filtros th{
	border-bottom-color: #00487D !important;
	color: #00487D !important;
}


body.red #contenedorCajaEnTab table th,
body.red #contenedorCajaEnTab h1,
body.red #contenedorCajaCaptura h1,
body.red #contenedorCajaControl table th,
body.red #contenedorCajaControl h1,
body.red #contenedorCajaCaptura table th,
body.red #contenedorCajaControl a,
body.red #contenedorCajaControlGridTree h1,
body.red #contenedorCajaControlGridTree a,
body.red .lista th,
body.red .filter th,
body.red .filtros th{
	border-bottom-color: #800000 !important;
	color: #800000 !important;
}

body.orange #contenedorCajaEnTab table th,
body.orange #contenedorCajaEnTab h1,
body.orange #contenedorCajaCaptura h1,
body.orange #contenedorCajaControl table th,
body.orange #contenedorCajaControl h1,
body.orange #contenedorCajaCaptura table th,
body.orange #contenedorCajaControl a,
body.orange #contenedorCajaControlGridTree h1,
body.orange #contenedorCajaControlGridTree a,
body.orange .lista th,
body.orange .filter th,
body.orange .filtros th{
	border-bottom-color: #4E2A00 !important;
	color: #4E2A00 !important;
}

body.purple #contenedorCajaEnTab table th,
body.purple #contenedorCajaEnTab h1,
body.purple #contenedorCajaCaptura h1,
body.purple #contenedorCajaControl table th,
body.purple #contenedorCajaControl h1,
body.purple #contenedorCajaCaptura table th,
body.purple #contenedorCajaControl a,
body.purple #contenedorCajaControlGridTree h1,
body.purple #contenedorCajaControlGridTree a,
body.purple .lista th,
body.purple .filter th,
body.purple .filtros th{
	border-bottom-color: #4B0082 !important;
	color: #4B0082 !important;
}
body.gray #contenedorCajaEnTab table th,
body.gray #contenedorCajaEnTab h1,
body.gray #contenedorCajaCaptura h1,
body.gray #contenedorCajaControl table th,
body.gray #contenedorCajaControl h1,
body.gray #contenedorCajaCaptura table th,
body.gray #contenedorCajaControl a,
body.gray #contenedorCajaControlGridTree h1,
body.gray #contenedorCajaControlGridTree a,
body.gray .lista th,
body.gray .filter th,
body.gray .filtros th,
body.gray .lista a{
	border-bottom-color: #d9d9d9!important;
	color: #4D4D4D !important;
	/*font-weight: normal;*/
}

body.white #contenedorCajaEnTab table th,
body.white #contenedorCajaEnTab h1,
body.white #contenedorCajaCaptura h1,
body.white #contenedorCajaControl table th,
body.white #contenedorCajaControl h1,
body.white #contenedorCajaCaptura table th,
body.white #contenedorCajaControl a,
body.white #contenedorCajaControlGridTree h1,
body.white #contenedorCajaControlGridTree a,
body.white .lista th,
body.white .filter th,
body.white .filtros th{
	border-bottom-color: #00487D !important;
	color: #00487D !important;
}

tr.fondo0{
  background: #fff !important;
}

tr.fondo2{
  background: #DDDDDD !important;
}

body.green tr.fondo1{
  background: #F3FFE5 !important;
}

body.green tr.fondo0:hover, body.green tr.fondo1:hover{
  background: #d2e5bb !important;
}

body.blue tr.fondo1{
  background: #F0F9FF !important;
}

body.blue tr.fondo0:hover, body.blue tr.fondo1:hover{
  background: #99CCFF !important;
}

body.navy tr.fondo1{
  background: #F0F9FF !important;
}

body.navy tr.fondo0:hover, body.navy tr.fondo1:hover{
  background: #99CCFF !important;
}

body.red tr.fondo1{
  background: #FFE4E1 !important;
}

body.red tr.fondo0:hover, body.red tr.fondo1:hover{
  background: #FFF0F5 !important;
}

body.orange tr.fondo1{
  background: #FDF5E6 !important;
}

body.orange tr.fondo0:hover, body.orange tr.fondo1:hover{
  background: #FFE4C4  !important;
}

body.purple tr.fondo1{
  background: #D8BFD8 !important;
}

body.purple tr.fondo0:hover, body.purple tr.fondo1:hover{
  background: #DDA0DD  !important;
}

body.gray tr.fondo1{
  background: #e4ebf7 !important;
}

body.gray tr.fondo0:hover, body.gray tr.fondo1:hover{
  background: #efefef  !important;
}

body.white tr.fondo1{
  background: #F5F5F5 !important;
}

body.white tr.fondo0:hover, body.white tr.fondo1:hover{
  background: #DCDCDC  !important;
}



td.negritas{
	font-weight:bold !important;
}

td.izquierda,
th.izquierda{
	text-align:left !important;
}

td.derecha.ultima{
	padding-right:20px !important;
}

td.derecha,
th.derecha{
	text-align:right !important;
	padding-right:5px;
}



td.filtro,
td.centro,
th.centro{
	text-align:center !important;
}

td.filtro{
	border-bottom: none !important;
}

.izquierda.permiteWrap,
.derecha.permiteWrap,
.centro.permiteWrap,
.justificado.permiteWrap,
.permiteWrap{
	white-space: normal !important;
}

td.justificado{
	text-align:justify !important;
}


#contenedorCajaControl a{
	text-decoration:none;
}

#contenedorCajaControl a:hover,
#contenedorCajaEnTab a:hover{
	text-decoration:underline;
}

div.listEditBankConciliation,
div.listBankConciliation,
div.listBankMovement,
div.listEnterpriseBankMovement,
div.listCurrencies,
div.listReportHistoriBankMovement,
div.listBanks,
div.listEditingBankMovement,
div.listBankAccounts,
div.listChequeFormats,
div.listEnterpriceBankMovement,
div.listBankMovementType,
div.listCheque,
div.listaUsuarios,
div.listaTipoCambio,
div.listClientsSearch,
div.listConcepts,
div.listConceptos,
div.listRangoFolios,
div.listInfoPagoElectronicInvoicing,
div.listSeries,
div.listRanges,
div.listEnterprise,
tbody.listaTipoCambio{
	overflow-x:hidden;
  	overflow-y: scroll;
  	background: transparent;  
  	display:block; 
}

.clientsSearch{
	width:600px;
}

div.listEnterprise{
	height:100px;
}

.viewElectronicInvoicing{
	width:1250px;	
}

.viewElectronicInvoicingCancel{
	width:550px;	
}

.infoElectronicInvoicing,
.infoTotalsElectronicInvoicing{
	width: 100%;
	font-weight: bold;
}

.infoTotalsElectronicInvoicing td,
.infoElectronicInvoicing td{
	text-align: right;
}

.infoTotalsElectronicInvoicing th{
	font-size: 11pt;
}

.infoTotalsElectronicInvoicing td.total{
	font-size: 16pt;
	color: #990000 !important;
}

div.listClientsSearch{
	height:285px;
}

div.listaTipoCambio,
tbody.listaTipoCambio{
	height:125px;
}

div.listSeries{
	height:215px;
}

div.listRanges{
	height:215px;
}


div.listCurrencies{
	height:200px;
}

div.listBankConciliation,
div.listBankMovement,
div.listBankAccounts,
div.listChequeFormats,
div.listBankMovementType,
div.listCheque,
div.listEditingBankMovement,
div.listaUsuarios{
	height:300px;
}


div.listConcepts{
	height:215px;
}

div.listConceptos{
	width:1000px;
	height:215px;
}

div.listRangoFolios{
	width:550px;
	height:180px;
}

div.listInfoPagoElectronicInvoicing{
	height:50px;
}


div.listEnterpriseBankMovement,
div.listChequeFormats{
	height:200px;
}

div.listEditBankConciliation{
	height:180px;
}

div.listReportHistoriBankMovement,
div.listBanks{
	height:300px;
}

#contenedorCajaEnTab h1, 
#contenedorCajaCaptura h1,
#contenedorCajaControl h1,
#contenedorCajaVisor h1,
#contenedorCajaControlGridTree h1{
	display:block;
	width:100%;
	border-bottom:#666666 solid 1px;
	margin-left:5px;
	font-size:12pt;
	font-variant:small-caps;
	padding-top:0px;
}

#contenedorCajaControl h1 div{
	display:block;
	float:right;
	position:relative;
	top:-5px;
}

#contenedorCajaControl h1 div a{
	background:transparent none repeat scroll 0%;
	border:0px none;
	vertical-align:middle;
}



#contenedorCajaEnTab table, 
#contenedorCajaCaptura table,
#contenedorCajaVisor table,
#contenedorCajaControl table{
	border:0px;
}

#contenedorCajaEnTab table th, 
#contenedorCajaEnTab table td,
#contenedorCajaCaptura table th, 
#contenedorCajaCaptura table td,
#contenedorCajaVisor table th, 
#contenedorCajaVisor table td,
#contenedorCajaControl table th, 
#contenedorCajaControl table td{
	padding:3px;
	/*white-space:nowrap;*/
}

#contenedorCajaEnTab table th,
#contenedorCajaCaptura table th,
#contenedorCajaControl table th{
	text-align:right;
}

#contenedorCajaEnTab table.tituloSobreCampoCaptura th,
#contenedorCajaCaptura table.tituloSobreCampoCaptura th,
#contenedorCajaControl table.tituloSobreCampoCaptura th{
	text-align:left;
}

/*#contenedorCajaVisor table th{
	text-align:left;
}*/

#contenedorCajaVisor table td{
	vertical-align: top;
	white-space: nowrap;
}

#cajaPlanaAnidada{
	padding-left:0px;
		border:transparent 1px solid; /* No borrar aunque no se muestra es importante para que no cambie el tamano en tiempo de ejecucion */
}

#clr{
	display:block;
	clear:both;
	height:1px;
}

div.headerScrollableTable{
  padding-right:15px;	
}

.content h1,
.content-inner h1 { 
		margin-top: 0;
		margin-left:-20px;
		margin-right:-20px;
		margin-bottom:10px; 
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0px; 
		color: #ffffff;
		/*text-shadow:0 1px 0 #D5D5D5;*/ 
		font-weight: normal; 
		font-size: 14px; 
		/*border-bottom: 1px solid #d9d9d9;*/
		background:url("images/toraRoundedBox2Header.png") repeat-x scroll 0 0;
		border-bottom:1px solid #B6B6B6;
		height:26px;
		overflow:hidden; 
		}

.content h2,
.content-inner h2 { 
		margin-top: 0;
		margin-left:-20px;
		margin-right:-20px;
		margin-bottom:10px; 
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 5px; 
		color: #4d4d4d; 
		font-weight: normal; 
		font-size: 14px; 
		border-bottom: 1px solid #d9d9d9; 
		}
		
table.editRecord th{
	text-align:right;
	border-right: 1px solid #d9d9d9;
	color: #4D4D4D;
}		

table.editRecordTop th{
	text-align:center;
	color: #4D4D4D;
}		

table.editRecord th,
table.editRecord td,
table.editRecordTop th,
table.editRecordTop td{
	padding:3px;
}		

.content table tr.fondo0 td,
.content-inner table tr.fondo0 td,
.content table tr.fondo1 td,
.content-inner table tr.fondo1 td {
	padding:3px !important;
}



div.error{
	background: url("images/messages/error.png") no-repeat scroll 10px 12px #FFD5D5;
    border-top: 3px solid #FFACAD;
    border-bottom: 3px solid #FFACAD;
    color: #CF3738;
    margin: 0 -20px 10px;
    padding: 15px 50px 15px;
    min-height: 25px;
}

div.exito{
	background: url("images/messages/info.png") no-repeat scroll 10px 12px #E4EBF7;
    border-top: 3px solid #4682B4;
    border-bottom: 3px solid #4682B4;
    color: #000033;
    margin: 0 -20px 10px;
    padding: 15px 50px 15px;
    min-height: 25px;
}

div.listRanks{
	overflow-x:hidden;
  	overflow-y: scroll;
  	background: transparent;  
  	display:block; 
}

div.listRanks{
	width:100%;
	max-height:110px;
}