body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	background-repeat: repeat-x;
	background-color: #E5E5FF;;
}


body, td, th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.title_page {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
}


.sajid {
        top: 0;
        left: 0;
        height: 300;
        width: 638;
        overflow: auto;
        overflow-y: scroll;
        overflow-x:no;  
		 position: relative;              
    
}
.sajid2 {
        top: 0;
        left: 0;
        height: 300;
        width: 350;
        overflow: auto;
        overflow-y: scroll;
        overflow-x:no;  
		 position: relative;              
    
}
.pagos{
        top: 0;
        left: 0;
        height: 300;
        width: 600;
        overflow: auto;
        overflow-y: scroll;
        overflow-x:no;  
		 position: relative;              
    
}
.tabActive {
        PADDING-LEFT: 7px;
        BORDER-LEFT:   1px solid  #5C83E9;
        FONT-FAMILY: arial, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
        
}

.tabActivee {
	BORDER-RIGHT: #5C83E9 1px solid ;
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 7px;
	BORDER-LEFT: 1px solid #5C83E9;
	FONT-FAMILY: arial, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
.arriba {
        BORDER-LEFT: #B4C2FE  1px solid;
        PADDING-LEFT: 7px;
        PADDING-BOTTOM: 7px;
        BORDER-BOTTOM: #B4C2FE  1px solid;
		PADDING-TOP: 7px;
        BORDER-TOP: #B4C2FE  1px solid;
		  BORDER-RIGHT: #B4C2FE  1px solid;
        PADDING-RIGHT: 7px;
}

.abajo {
		BORDER-LEFT: #B4C2FE  1px solid;
        PADDING-LEFT: 7px;

        PADDING-BOTTOM: 7px;
        BORDER-BOTTOM: #B4C2FE  1px solid;

        BORDER-RIGHT: #B4C2FE  1px solid;
        PADDING-RIGHT: 7px;
}
.bootom {
        PADDING-BOTTOM: 7px;
        BORDER-BOTTOM: #B4C2FE  1px solid;
		
}
.top {
     PADDING-TOP: 1px;
        BORDER-TOP: #B4C2FE 1px solid;
		
}
.inicio {
        BORDER-LEFT: black 1px solid;
        PADDING-LEFT: 2px;
        PADDING-BOTTOM: 2px;
        BORDER-BOTTOM: black 1px solid;
		PADDING-TOP: 1px;
        BORDER-TOP: black 1px solid;
        border: 1px solid #B4C2FE;
        
}

.fin {
		BORDER-LEFT: black 1px solid;
        PADDING-LEFT: 7px;
        PADDING-BOTTOM: 7px;
        BORDER-BOTTOM: black  1px solid;
		PADDING-TOP: 7px;
        BORDER-TOP: black  1px solid;
        BORDER-RIGHT: black  1px solid;
        PADDING-RIGHT: 7px;
        border: 1px solid #B4C2FE;
}

.inicio_st {
        BORDER-LEFT: black 1px solid;
        PADDING-LEFT: 1px;
        PADDING-BOTTOM: 1px;
        BORDER-BOTTOM: black  1px solid;
        border: 1px solid #B4C2FE;
}

.fin_st {
		BORDER-LEFT: black  1px solid;
        PADDING-LEFT: 1px;
        PADDING-BOTTOM: 1px;
        BORDER-BOTTOM: black  1px solid;

        BORDER-RIGHT: black  1px solid;
        PADDING-RIGHT: 1px;
        border: 1px solid #B4C2FE;
}


A.link_black {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	cursor:hand;
}



A.link_black:hover {
	color: #000000;
	cursor:hand; 
	cursor:pointer;
	text-decoration: none
}
A.link_black:visited {
	color: #000000;
	cursor:hand;
	text-decoration: none
}


a.link_white {
	color: #FFFFFF;
	text-decoration: underline;
	cursor:hand; 
	cursor:pointer;
}
a.link_white:hover {
	text-decoration: none
	cursor:hand; 
	cursor:pointer;
}

.combobox {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	border-width:1px;
	border-style:solid;
	border-color:#00CC00;
}


.field {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
}

.button01 {
	color: #FFFFFF;
	background-color: #000066;
	 border: 2px solid #E5E5FF;
	padding: .1em 1em .10em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .1em; 
	-moz-border-radius: .1em;
	border-radius: .5em;
	cursor: pointer;
}
.button02 {
color: #FFFFFF;
	background-color: #000066;
	 border: 2px solid #E5E5FF;
	padding: .1em 1em .10em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .1em; 
	-moz-border-radius: .1em;
	border-radius: .5em;
	cursor: pointer;	
}

table.menu	{
	position: absolute;
	border: 1px solid black;
	cursor: pointer;
	visibility: hidden;
}
#mainmenu	{
	position: static;
}
table.menu td	{
	color: Black;

	background-color: white;

	border: 0px;
	padding: 0px 8px 0px;
	font-family:    tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	white-space: nowrap;
}
.td{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 1px;
	
}
.td2{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	text-decoration: none;
	
}
.button {
	color: #FFFFFF;
	background-color: #8DA4FE;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border: solid 1px #000066; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'ThonburiBold'; 
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	
	
	margin-left: 5px;
	font-size: 12px;
}

.button1 
{
	color: #FFFFFF;
	background-color: #8DA4FE;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border: solid 1px #000066; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'ThonburiBold'; 
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	
	
	margin-left: 5px;
	font-size: 12px;
}	


.Guardar{
	padding-left: 25px;
	background-image: url('imagenes/guardar.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.eliminar{
	padding-left: 25px;
	background-image: url('iconos/delete.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.upload{
	padding-left: 25px;
	background-image: url('iconos/upload.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.download{
	padding-left: 25px;
	background-image: url('iconos/download.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.imprimir{
	padding-left: 25px;
	background-image: url('imagenes/action_print.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.correo{
	padding-left: 25px;
	background-image: url('imagenes/icon_email.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.copiar{
	padding-left: 25px;
	background-image: url('imagenes/copy.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.salir{
	padding-left: 25px;
	background-image: url('imagenes/exit.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.cliente{
	padding-left: 25px;
	background-image: url('imagenes/icon_user.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.edocta{
	padding-left: 25px;
	background-image: url('imagenes/table.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.regresar{
	padding-left: 25px;
	background-image: url('imagenes/back.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.add, agregar{
	padding-left: 25px;
	background-image: url('iconos2/add.ico');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.cancelar{
	padding-left: 25px;
	background-image: url('imagenes/cancel.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.rechazar{
	padding-left: 25px;
	background-image: url('imagenes/cancel.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.excel{
	padding-left: 25px;
	background-image: url('iconos/excel.jpg');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.continuar{
	padding-left: 25px;
	background-image: url('iconos/next.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.aprobar{
	padding-left: 25px;
	background-image: url('iconos/accept.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.remplazar{
	padding-left: 25px;
	background-image: url('iconos2/remplazar.ico');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.cambiar{
	padding-left: 25px;
	background-image: url('iconos2/remplazar.ico');
	background-repeat: no-repeat;
	background-position: 5px center;
}
.envios{
	padding-left: 25px;
	background-image: url('iconos/menu_almacen.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.buscar{
	padding-left: 25px;
	background-image: url('imagenes/buscar.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.buscar_avanzada{
	padding-left: 25px;
	background-image: url('imagenes/buscar_avanzada.png');
	background-repeat: no-repeat;
	background-position: 5px center;
}

.button:hover {
	text-decoration: none;
	  
	  border: 1px solid #000066;
    color: #000066;
}

.button:active {
	position: relative;
	top: 1px;
}

.uno {font-size: 1px;}
.unocero {font-size: 10px;}
.unouno {font-size: 11px;}
.unodos {font-size: 12px;}
.unotres {font-size: 13px;}
.unocuatro {font-size: 14px;}
.unocinco {font-size: 15px;}
.unpx {font-size: 1px;}
.unoseis {font-size: 16px;}
.unosiete {font-size: 17px;}
.unoocho {font-size: 18px;}
.unonueve {font-size: 19px;}
.dos {font-size: 20px;}
.dosuno {font-size: 21px;}
.dosdos {font-size: 22px;}
.dostres {font-size: 23px;}
.doscuatro {font-size: 24px;}
.doscinco {font-size: 25px;}
.dosseis {font-size: 26px;}
.dossiete {font-size: 27px;}
.dosocho {font-size: 28px;}
.dosnueve {font-size: 29px;}
fieldset {
	background-color: #EAEAFF;
	border: 1px solid #000066;

}
#tbl_new {
	background-color: #D5D5FF;
}
.fondo1220 {
	background-color: #BBC7F7;
}
.fondos {
	background-color: #B4C2FE;
}
.boton {
	color: #FFFFFF;
	background-color: #000066;
	border: 1px solid #FFFFFF;
}
hr {
	height: 1px;
	width: 100%;
	color: #000066;
}
a:link {
	color: #000066;
	text-decoration: underline;
	cursor:hand; 
	cursor:pointer;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
	cursor:hand; 
	cursor:pointer;
}
a:active {
	color: #000066;
	cursor:hand; 
	cursor:pointer;
}
a:visited {
	color: #000066;
	text-decoration: underline;
}
#tbl_cmp {
	display: block;
}
.fondoblanco {
	background-color: #FFFFFF;
}
.tablas {
	border: 1px solid #8DA4FE;
}
.fondoazul240 {
	background-color: #8DA4FE;
}
#tab_tit {	font-size: 24px;
}
#tab_tit {	height: 60px;
}

.company_text {
	FONT-FAMILY: verdana;
	FONT-SIZE: 30px;
	
	COLOR: #050064;
}
.fondo10 {
	background-color: #000066;
}
.textoblanco {
	color: #FFFFFF;
}


.prox {
		top: 0;
		left: 0;
		height: 310;
		width: 100%;
		overflow: yes;
		margin:0px;
		overflow-y: scroll;
		overflow-x: auto;
		scrollbar-face-color: #978FDA;
		scrollbar-shadow-color: #DAD7E5;
		scrollbar-highlight-color: #DAD7E5;
		scrollbar-3dlight-color: #DAD7E5;
		scrollbar-darkshadow-color: #DAD7E5;
		scrollbar-track-color: #DAD7E5;
		scrollbar-arrow-color: #DAD7E5;
	}

	
	

table.tabla2{
	width: 99%;
	
}

th.Acciones{
	text-align: center;
}


table.tabla2 > thead > tr > td{
	font-weight: normal;
	height: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	font-size: 12px;
	border-left: solid 1px #8DA4FE;
	border-right: solid 1px #8DA4FE;
	border-bottom: solid 1px #8DA4FE;
	border-top: solid 1px #8DA4FE;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	/*Add bye JC*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F3), to(#8DA4FE));
	background: -moz-linear-gradient(top,  #F2F2F3,  #8DA4FE);
	/*Add by JC*/
	background: linear-gradient(top,  #F2F2F3,  #8DA4FE);
	background: -o-linear-gradient(top,  #F2F2F3,  #8DA4FE);
	background: -ms-linear-gradient(top,  #F2F2F3,  #8DA4FE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F3', endColorstr='#8DA4FE');
	
}



table.tabla2 > thead > tr >th {
	padding-left: 5px;
	padding-right: 5px;
	cursor: default;
}

table.tabla2 > tbody > tr > td {
	padding-left: 5px;
	padding-right: 3px;
	font-size: 12px;
	
	
}


table.tabla2 > tbody {
	border: solid 1px #8DA4FE;
}

table.tabla2 > tbody > tr > td:last-child{
	border-right: solid 1px #8DA4FE;
}

table.tabla2 > tbody > tr > td:first-child{
	border-left: solid 1px #8DA4FE;
}

table.tabla2 > tbody:last-child > tr:last-child > * {
	border-bottom: solid 1px #8DA4FE;
}

table.tabla2 > tbody > tr > * {

}

tr.Partida > td > input{
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;
	/*Add by JC*/
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'ThonburiBold'; 
	width: 100%;
	margin-right: -5px;
	border-top: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
	border-bottom: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	background-image: url('iconos/SombraInput.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-color: white;
}

tr.Partida > td > table > tbody > tr > td > select{
	border: solid 1px #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;
	/*Add by JC*/
	-o-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	background: -moz-linear-gradient(top,  #EEE,  #FFF);
	/*Add by JC*/
	background: linear-gradient(top,  #EEE,  #FFF);
	background: -o-linear-gradient(top,  #EEE,  #FFF);
	background: -ms-linear-gradient(top,  #EEE,  #FFF);
	font-family: 'ThonburiBold'; 
	width: 100%;
}

tr.Partida > td > input.Deshabilitado{
	opacity: 0.6;
}

tr.Partida > td > table > tbody > tr > td > input{
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;
	/*Add by JC*/
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'ThonburiBold'; 
	width: 100%;
	margin-right: -5px;
	border-top: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
	border-bottom: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	background-image: url('iconos/SombraInput.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-color: white;
}

input.inp{
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;
	/*Add by JC*/
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'ThonburiBold'; 
	
	margin-right: -5px;
	border-top: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
	border-bottom: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	background-image: url('iconos/SombraInput.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-color: white;
	min-width: 50px;
}

tr.Partida > td > table > tbody > tr > td > input.Deshabilitado{
	opacity: 0.6;
}




input{
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;
	
	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'ThonburiBold'; 
	
	margin-right: -5px;
	border-top: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
	border-bottom: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	background-image: url('iconos/SombraInput.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-color: white;
	min-width: 50px;
}

textarea{
	-moz-border-radius: 3px;
	-webkit-border-radius:  3px;

	-o-border-radius: 3px;
	border-radius: 3px;
	font-family: 'ThonburiBold'; 
	
	margin-right: -5px;
	border-top: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
	border-bottom: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	background-image: url('iconos/SombraInput.png');
	background-repeat: repeat-x;
	background-position-y: 0px;
	background-color: white;
	min-width: 50px;
}





/* DIV container around table to constrict the height for IE (IE ignores the tbody height style) */
div.FixedTableHead {
	overflow-y:auto;
	
	/* this fixes IE so container width is same as table width */
	width: expression( (this.childNodes[0].clientWidth + 24) + 'px' );
	
	/* This fixes IE so the container height is table height plus the height of the header */
	height: expression( (parseInt(this.childNodes[0].style.height) + this.childNodes[0].childNodes[1].offsetTop + 1) +'px' );
}

/* Scrollable Content */
.FixedTableHead table tbody {
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

.FixedTableHead table tbody tr {
	height: auto;
	white-space: nowrap;
}

/* Prevent Mozilla scrollbar from hiding right-most cell content */
.FixedTableHead table tbody tr td:last-child {
	padding-right: 20px;
}

/* Fixed Header */
/* In WinIE any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
.FixedTableHead table thead tr {
	position: relative;
	height: auto;
	/* this fixes IE header jumping bug when mousing over rows in the tbody */
	top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );
}

/* Fixed Header */
.FixedTableHead table thead tr td {
	border-bottom:1px solid #000000;
	background-color:white;
}