.ficha
{
  display : none;
}
.fichaa
{
  display:inline;
}
.body {
    /*font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;*/
	
	font-family: Tahoma;
	font-size: 8pt;
}
.datagridRep
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 7pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
}
.bluerPopOut{
   	background-color:#660000; 
   	cursor:pointer;
	color:#FFFFFF;
}
.underlineStyle{
 	
	border-bottom: 2px outset #8591CC;
	font-family:garamond;
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
	font-size:11px
}

.payslip_tables_styled
{
	font-family: garamond;
	font-weight:bold;
    font-size: 10px;
	background-color:#FFFFFF;
	border:0px solid #CCCCCC;
	border-collapse:collapse;
	color:#000000;
}

.payslip_tables_styled2
{
	font-family: garamond;
	font-weight:bold;
    font-size: 10px;
	background-color:#FFFFFF;
	border:0px solid #CCCCCC;
	border-collapse:collapse;
	color:#000000;
}
.lightGray
{
	background-color:#CCCCCC;
	color:#000000;
	font-family: garamond;
	font-weight:bold;
    font-size: 10px;
   	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	color:#0000FF;
}
.redOut
{
	background-color:#FF0000;
	color:#FFFFFF;
	font-family: garamond;
	font-weight:normal;
    font-size: 10px;
	border: 1px solid #FF0000;
	border-collapse: collapse;

}

.redMe
{
	background-color:#FFFFFF;
	color:#FF0000;
	font-family: garamond;
	font-weight:normal;
    font-size: 10px;
  }

.datagrid
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 10pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
}
.datagridSpecial
{
	font-family: Tahoma;
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
    font-size: 6pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
	border-color: #000000;
}
.datagridSpecialAnalysis
{
	font-family: Tahoma;
	font-weight:normal;
	/*color:#FFFFFF;*/
	/*background-color:#000000;*/
    font-size: 6pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
	/*border-color: #FFFFFF;*/
}
.datagridMenu
{
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
    font-size: 10pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
	background-color:#CC9966;
}
.framesetcoll
{
	border-collapse: collapse;
	border-right:thin;
}
.formClass
{
	/*background-color:#0066CC;*/
	background:#FFFFFF;
}

.tableDatagrid
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 10pt;
    padding: 2px;
	border: 1px solid #2A2A2A;
	border-collapse: collapse;
	background-color:#CC9966;
}

.headerDatagrid
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 10pt;
    padding: 2px;
	border: 1px solid #999999;
	border-collapse: collapse;
	/*background-color:#CC9966;*/
}

.loanDatagrid
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 10pt;
    padding: 2px;
	border: 1px solid #333333;
	border-collapse: collapse;
	background-color:#CCCCCC;
	/*background-color:#CC9966;*/
}
.loanDatagridALl
{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 10px;
    padding: 2px;
	border: 1px solid #333333;
	border-collapse: collapse;
	background-color:#FFFFFF;
	/*background-color:#CC9966;*/
}

.box {
    font-family: Tahoma;
    font-size: 10pt;
	border: 1px solid #000000;
	
}
.checkbox {
    font-family: Tahoma;
    font-size: 10pt;
	border: 0.4px solid #000000;
	background-color:#006699;
	
}
.noentry {
    font-family: Tahoma;
    font-size: 10pt;
	border: 1px solid #000000;
	font-weight: bolder;
}
.mybox{
 	font-family: Tahoma;
    font-size: 10pt;
    border: 1px solid #000000;
	background-color:#FFCCCC;
	
}
.total_e{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#009900;
	
}
.net_e{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#333366;
	
}
.separator{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#333366;
	background-color:#CCCCCC
	
}
.subheader{
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
    font-size: 12px;
	color:#FFFFFF;
	background-color:#CCCCCC
	
}

.subheader1{
 	font-family: Courier;
	font-weight:bold;
    font-size: 12px;
	color:#999999;
	background-color:#FFFFFF
	
}
.bluer {
   	font-family: Tahoma;
	font-weight:bolder;
    	font-size: 12px;
	color:#FFFFFF;
	background-color:#003366
   
}
.redder{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 10px;
	color:#FF0000;
	background-color:#FFFFFF;
}
.redderCaption{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 11px;
	color:#FFFFFF;
	background-color:#FF0000;
}

.outliner {
   	font-family: Tahoma;
	font-weight:bolder;
    font-size: 8px;
	color:#FFFFFF;
	background-color:#CCCC99;
   
}


.bluers {
   	font-family: Tahoma;
	font-family:"Times New Roman", Times, serif;
	font-weight:bolder;
    font-size: 12px;
	color:#000000;
	
   
}
.footer {
   	font-family: Tahoma;
    font-size: 11px;
    font-weight: bolder;
    color: #333333;
	font-style:italic;
    background-color: #FFFFFF;
   
}


.payslip_title {
   	font-family: Tahoma;
    font-size: 11px;
    font-weight: bolder;
    color: #333333;
    background-color: #FFFFFF;
   /* border: 1px solid #000000;*/
   
}
.payslip_title_red
{
	font-family: Tahoma;
    font-size: 11px;
    font-weight: bolder;
	color:#FF0000;
     background-color: #FFFFFF;
}
.underline{
 	
	border-bottom: 2px dotted #006699;
}
.underlineblack{
 	
	border-bottom: 2px dotted #000000;
}
.payslip_subtitle {
   	font-family: Tahoma;
	font-weight:bolder;
    	font-size: 16px;
	background-color:#CCCCCC
   
}


.payslip_tables {
   	font-family: Tahoma;
	font-weight:lighter;
    font-size: 10px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
   
}
.payslip_tables_noline
{
	font-family: garamond;
	font-weight:lighter;
    font-size: 10px;
	background-color:#FFFFFF;
	border: 0px solid #CCCCCC;
	border-collapse: collapse;
}
.error_header{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#FF0000;
	
}

.header{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#006699;
	
}
.headerpoa{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#CC3399;
	
	
}

.header1{
 	font-family: Tahoma;
    font-size: 16pt;
	 color: #FF0099;
    font-weight: bolder;	
}
.header2{
 	font-family: Tahoma;
    font-size: 12pt;
	 color: #FF0099;
    font-weight: bolder;	
}
.header3{
 	font-family: Tahoma;
    font-size: 10pt;
	 color: #FF0099;
    font-weight: bolder;	
}
.header4{
 	font-family: Tahoma;
    font-size: 8pt;
	 color: #FF0099;
    font-weight: bolder;
	
}
.header5{
 	font-family: Tahoma;
    	font-size: 12px;
	color: #FF0000;
    	font-weight: bolder;
}

.header6{
 	font-family: Tahoma;
	font-weight:bolder;
    font-size: 12px;
	color:#000000;
	
}

.header7{
 	font-family: Tahoma;
    	font-size: 12px;
	color: #0000FF;
    	font-weight: bolder;
}

.header8{
 	font-family: Tahoma;
    font-size: 12px;
	color: #FFFFFF;
    font-weight: bolder;
	background-color:#999999
}
.header_blue{
 	font-family: Tahoma;
    font-size: 22pt;
	 color:#0033FF;
    font-weight: bolder;
	border-bottom: 2px dotted #006699;
	}
.title{
 	font-family: Tahoma;
    font-size: 16pt;
	 color:#0033FF;
    font-weight: bolder;
	/*border-bottom: 2px dotted #006699;*/
	}
.title_print{
 	font-family: Tahoma;
    font-size: 16pt;
	 color:#000000;
    font-weight: bolder;
	/*border-bottom: 2px dotted #006699;*/
	}
.underline{
 	
	border-bottom: 2px dotted #006699;
	}
.data_base{
 	background-color:#CCCCCC;
	cursor:pointer;
	font-family: Tahoma;
    font-size: 11pt;
	color:#000000;
	font-weight: bolder;
	
}
.base{
 	background-color:#DDDDFF;
		}
.field_row{
	font-family: Tahoma;
    font-size: 10pt;
	color:#000000;
	font-weight: bolder;
	background-color:#cccccc;
}
.total{
	 font-size: 10pt;
	color:#000000;
	font-weight: bolder;
	}
.data_row{
	font-family: Tahoma;
    font-size: 8pt;
	color:#000000;
	font-weight: bolder;
	
}
.cursorpointer{
cursor: pointer;
}

.choicebox{
 	
	background-color:#FFFFFF;
	font-family: Tahoma;
    font-size: 10pt;
	font-weight: bolder;
}
.greencombo{
 	
	background-color:#DDFFDD;
	
}
.redcombo{
 
	background-color:#FFDDDD;
	
}
.bluecombo{
 	font-family: Tahoma;
    font-size: 10pt;
	background-color:#BBBBFF;
	font-weight: bolder;
}
.errorbox {
   /* font-family: Arial, Helvetica, sans-serif;*/
    font-family: Tahoma;
	font-size: 10pt;
    border: 1px solid #000099;
	background:#FF0033;
	border:ridge;
}
.headRep {
    font-family: Tahoma;
    font-size: 7pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #006699;
    border: 1px solid #000000;
}

.bluebox {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #006699;
    border: 1px solid #000000;
}

.greenbox {
    font-family: Tahoma;
    font-size: 3pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #00FF00;
    border: 1px solid #000000;
}

.redbox {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #FF0000;
    border: 1px solid #000000;
}
.whitebox {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #FF0000;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

.greenTitle {
    font-family: Tahoma;
    font-size: 20pt;
    font-weight: bolder;
    color: #FF0000;
    background-color: #00FF00;
    border: 1px solid #000000;
}


.blueboxNew {
    font-family: Tahoma;
    font-size: 6pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #006699;
    border: 1px solid #000000;
}

.blueboxbutton {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #999999;
    border: 1px solid #000000;
}
.blueboxheader {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #999966;
    border: 1px solid #000000;
}
.fieldset {
  /*width: 350px;*/
}

.textInput,textarea {
  font-family: Tahoma;
    font-size: 10pt;
    border: 1px solid #000000;
   background-color: #FFFFFF;
  
}

.inputHighlighted {
 font-family: Tahoma;
    font-size: 10pt;
   /* padding: 5px;*/
    border: 1px solid #000000;
   background-color: #FFCCCC;
   }
.Highlighted {
 font-family: Tahoma;
    font-size: 10pt;
	
   /* padding: 5px; color: #FFFFFF;*/
    /* border: 1px solid #000000;*/
   background-color: #CCFFCC;
border:ridge;
   }



.tablebox {
   font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #333333;
	background-color:#CCCCCC;
	border-bottom:thin;
}
.radiogroup {
    font-family: Tahoma;
    font-size: 10pt;
	font-weight:bold;
    color: #333333;
	border-bottom:thin;
}
.maincell {
    font-family: Tahoma;
    /*font-size: 10pt;*/
	font-size: 8pt;
    /*padding: 5px;*/
    border: 1px solid #006699;
}

.maincellpoa {
    font-family: Tahoma;
    font-size: 10pt;
    /*padding: 5px;*/
    border: 1px solid #2A2A2A;
	background: #999998;
	font-weight:normal;
    padding: 10px;
	border-collapse: collapse;
}
.smallfont {
    font-family: Tahoma;
    /*font-size: 10pt;*/
	font-size: 8px;
    /*padding: 5px;*/
    border: 1px solid #006699;
}
.mainbody {
    font-family: Tahoma;
    font-size: 14px;
    /*padding: 5px;*/
	/*background:#CCCC66;*/
	background:#999966;
    border: 1px solid #006699;
}
.subbody {
    font-family: Tahoma;
    font-size: 14px;
    /*padding: 5px;*/
	background:#999998;
	/*background:#999966;*/
    border: 1px solid #006699;
}
.outertableborder{
	font-family: Tahoma;
	font-size: 10pt;
	/*padding: 10px;*/
	border: 2px solid #FF0099;
}

.confirmtemplate{
	font-family: Tahoma;
	font-size: 10pt;
	font-family: Tahoma;
   	background:#CCCCCC;
    padding: 2px;
	border: 1px solid #000000;
	border-collapse: collapse;
}

.tablecaption{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 18px;
	color:#006699;
    padding: 15px;
	
}
.reporttablecaption{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 16px;
	color:#333333;
    padding: 10px;
	/*border-bottom: 1px solid #006699;*/
}
.reportTable{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 12px;
	color:#333333;
	padding-left:5;
	padding-right:5;
	/*text-align:center;*/
	table-layout:auto;
    padding: 0px;
	background:#FFFFFF;
	/*border-bottom: 1px solid #006699;*/
}
.reporttablerow{
	font-family: Tahoma;
	font-weight:normal;
    font-size: 12px;
	color:#333333;
	padding-left:10;
	padding-right:10;
    padding: 10px;
	background:#FFFFFF;
	/*border-bottom: 1px solid #006699;*/
}
.tableborder{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 16px;
	color:   #006699;
    padding: 10px;
	/*border-bottom: 1px solid #006699;*/
	border: 2px solid #FF0099;
}
.underlined{
	border-bottom:2px solid #006699;
}

.errmsg {
    /*font-family: "Courier New", Courier, mono;*/
	font-family: Tahoma;
    font-size: 10pt;
    font-weight: bolder;
    color: #CC0000;
	
	margin-left: 50px;
	border: 1px solid #006699;
	padding: 5px;
}
.voucher {
 /*   font-family: "Courier New";*/
	font-family: Tahoma;
    font-size: 10pt;
	font-weight:lighter;
	font-stretch: condensed;
    font-weight: normal;
    color: #000000;
	/*margin-left: 50px;*/
	/*border: 1px solid #006699;*/
	padding: 5px;
}
.error {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bolder;
	color: #CC0000;
	margin-left: 50px;
	border: 1px solid #006699;
	padding: 5px;
	display:none;
}
.label {
	width:50px;
}
.grid
{
    font-family: garamond;
    font-size: 11px;
    border: 1px solid #000000;
}
.grid-gray
{
    font-family: garamond;
    font-size: 11px;
    border: 1px solid #999999;
}
.grid-gray-noborder
{
    font-family: garamond;
    font-size: 10px;
    border: 0px solid #999999;
}
.second-grid
{
    font-family: garamond;
    font-size: 11px;
    width: 100%;
    border: 1px solid #000000;
}
.grid-column-sorted-asc
{
    width: 8px;
    height: 10px;
    background-image: url(img/down.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.grid-column-sorted-desc
{
    width: 8px;
    height: 10px;
    background-image: url(img/up.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.grid-column-title
{
    background-color: #777777;
}
.grid-column-title-cell
{
}
.grid-column-title-caption-sortable
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #e9e9e9;
	background-color: #666666;
    border-bottom: 1px dotted #e9e9e9;
}
.grid-column-title-caption-not-sortable
{
    font-size: 11px;
    font-weight: bold;
    color: #e9e9e9;
}
.grid-navigation
{
    background-color: #bcbcbc;
    padding: 2px;
    width: 100%;
    font-size: 11px;
}
.grid-navigation-item
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
	font-size:12px;
}
.grid-navigation-item-disabled
{
    color: #dedede;
    text-decoration: none;
    font-weight: bold;
}
.grid-navigation-item-selected
{
	font-family:garamond;
    color: black;
    background-color: #6699FF;
    border: 1px solid #000000;
    text-decoration: none;
    font-weight: bold;
	font-size:11px;
}
.gridLittle
{
	font-family:garamond;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
	font-size:9px;
}
.grid-bold
{
	font-family:garamond;
    color: #000000;
    font-weight: bold;
	font-size:11px;
}
.gridLittleBlue
{
	font-family:garamond;
    color: #0000FF;
    text-decoration: underline;
    font-weight: bold;
	font-size:9px;
}
.gridLittleRed
{
	font-family:garamond;
    color: #FF0000;
    text-decoration: underline;
    font-weight: bold;
	font-size:9px;
}
.grid-row-odd
{
    cursor: pointer;
    background-color: #ffffff;
}
.grid-row-odd-cell
{
    padding: 3px;
}
.grid-row-even
{
    cursor: pointer;
    background-color: #ececec;
}
.grid-row-even-cell
{
    padding: 3px;
}
.grid-row-mouseover
{
    cursor: pointer;
    background-color: #aabbcc;
    color: #000000;
}
.grid-row-selected
{
    cursor: pointer;
    color: #000000;
    background-color: #ffff66;
}
.grid-custom-tab
{
    background-color: #ececec;
    padding: 3px;
    border-top: none;
}
.grid-no-javascript
{
    font-family: garamond;
    font-size: 13px;
    font-weight: bold;
    color: #c40000;
}
.grid-link
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
    border-bottom: 1px dotted #666666;
}
.grid-select-show-records-on-page
{
    font-size: 11px;
}



<!-- defined by Titus>

.tablerows{
	font-size: 12pt;
	font-family: Verdana, serif, Courier;
}

.firstrow{
	font-size: 14px;
	font-family: Verdana, serif, Courier;
	background-color: #F7F4F5;
}
.printing{
	font-size: 8pt;
	font-family: Tahoma;
}
.nextrow{
	font-size: 14px;
	font-family: Verdana, serif, Courier;
	background-color: #FFEFE8;
}
.highlight{
	/*background-color: #FD93A6; */
	background-color: #FFCCCC;
}
.tablecaptions{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 5px;
/*	border-bottom: 1px solid #006699;*/
}
.tablefont{
	font-family: Tahoma;
	font-weight:bolder;
    font-size: 16px;
	/*color:#333333;*/
    padding: 10px;
	/*border: 1px solid #006699;*/
	/*border: 2px solid #FF0099;*/
}
.classTextCombo{
	background-color:#FFCCCC;
	color:#FF0000;
	font-size:11px;
	font-family:Garamond;
}
.totalReport
{

	background:#CCCCCC;
	color:#000000;
	font-size:14px;
	font-weight:bolder;
}