﻿.tdblue
{
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    background-color: #6600CC;
    color: White;
}


.tdrightwhite
{
    font-size: 11px;
    background-color: #FFFFFF;
}

.tdrightblack
{
    font-size: 11px;
    background-color: #000000;
}

.tdheader
{
    font-family: verdana;
    background-color: #eeeeee;
    /*border-top: dotted thin #C0c0c0;*/
    border-bottom: dotted thin #C0c0c0;
    font-size: 11px;
}

.tdred
{
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: Red;
}

.tdgreen
{
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: Green;
}

/*--Grid view control--*/
 .mGrid {   
     width: 100%;   
     background-color: #fff;   
     margin: 5px 0 10px 0;   
     border: solid 1px #525252;   
     border-collapse:collapse;   
 }  
 .mGrid td {   
     padding: 2px;   
     border: solid 1px #c1c1c1;   
     color: #717171;   
 }  
 .mGrid th {   
     padding: 4px 2px;   
     color: #fff;   
     background: #424242 url(grd_head.png) repeat-x top;   
     border-left: solid 1px #525252;   
     font-size: 0.9em;   
 }  
 .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
 /*.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  */
 .mGrid .pgr { background: white url(grd_pgr.png) repeat-x top; }  
 .mGrid .pgr table { margin: 5px 0; }  
 .mGrid .pgr td {   
     border-width: 0;   
     padding: 0 6px;   
     border-left: solid 1px #666;   
     font-weight: bold; 
     /*color: #fff;   */
     color: red;
     line-height: 12px;   
  }     
 .mGrid .pgr a { color: #666; text-decoration: none; } 
 .mGrid .pgr a:hover { color: #000; text-decoration: none; } 
.btn
{
    font-family: verdana;
    font-size: small;
    width: 100px;
    background-color:ButtonFace;
}

/*this css for TRANSACTION SCREEN EX & RD SCREEN purpose*/
.lefttd_EXRD
{
    font-family: verdana;
    font-size: 11px;
    /*font-weight: bold;*/
    text-align: right;
    background-color:#F7F6F3;
}

.righttd_EXRD
{
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    /*font-weight: bold;*/
    background-color:#F7F6F3;
}

.section_title_EXRD
{
    border-style: none none solid none;
    border-width: thin;
    border-color: inherit;
    font-family: verdana;
    font-size: 15px;
    background-color: #4682B4; /*#5D7B9D;*/
    text-align: right;
    color:White;
}

/*this css for MENU SCREEN purpose*/
.IFRS_Header
{
    font-family: verdana;
    font-size: 11px;
    background-color:ActiveBorder; /*;#DCDCDC;*/
    text-align: right;
    }

.screen-title
{
    border-width: thin;
    border-style: none none solid none;
    background-color: black; /*#5D7B9D;#4682B4;*/
    font-size: 15px;
    font-weight: bold; /*color:Yellow;*/
    color: #00FF00;
}

.menu_bar
{
    border-style: none;
    background-color: black; /* Orange;*/
    font-size: 12px;
    font-family: verdana;
    height: 25px;
    color: white;
}

.menu_time
{
    border-style: none;
    border-width: medium;
    border-color: inherit;
    background-color:black; /* Orange;*/
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
    color: #00FF00;
    width: 71px;
}

.IFRS_menu
{
    background-color:#4682B4;/*#5D7B9D;*/
    font-family: verdana;
    font-size:15px;
    color:White;
}
.sub-title
{
    font-family: verdana;
    font-size: 11px;
    font-weight:bold;
    background-color:#000000;/*ButtonFace;*/
    color:White;
    text-align:center;
}

/*this css for ENTRY Screen purpose*/
.lefttd
{
    font-family: verdana;
    font-size: 11px;
    background-color: #CCCCCC;
    text-align: right;
    /*width: 200px;*/
}

.righttd
{
    font-family: verdana;
    font-size: 11px;
    background-color:#F7F6F3;
}

.section-title
{
    border-style: none none solid none;
    border-width: thin;
    border-color: inherit;
    font-family: verdana;
    font-size: 15px;
    background-color: #999999; /*#006699 #DCDCDC;*#B0C4DE;Gray;#0066CC;*/
    text-align: right;
    color: Yellow;
}

/*this css for reporting purpose*/
.rpt_Lab_Hdr
{
    font-size:9px;
    font-family: verdana;    
}

.rpt_Title
{
    font-size: large;
    font-family: verdana;
    font-weight: bold;
    /*text-decoration: underline;*/
}

.rpt_Lbl_Hdr_Right
{
    font-size: 11px;
    font-family: verdana;
    vertical-align: top;
    text-align:right;
}

.rpt_Lbl_Hdr_Center
{
    font-size: 11px;
    font-family: verdana;
    vertical-align: top;
    text-align:center;
}
.rpt_Lbl_footer
{
    font-size: 8px;
    font-family: verdana;
    vertical-align: top;
}

.rpt_data_Hdr
{
    font-size: 10px;
    font-family: verdana;
    /*font-weight: bold;*/
    vertical-align: top;
}




/**----------------------------------------**/
/**--- CSS document for ifrs prototype ----**/
/**--- felda prodata system sdn bhd -------**/
/**--- v 1.0 ------------------------------**/
/**----------------------------------------**/


.tdgray
{
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    background-color: gainsboro;
}

.tdright
{
    font-family: verdana;
    font-size: 11px;
    background-color: #eeeeee
}


.screenname
{
    font-family:cambria;
    font-weight:bold;
    font-size:medium;
}


/**------------------**/
/**--- [approval] ---**/
/**------------------**/
.apprvText{ margin:0px; padding:0px 10px 0px 0px; width:15%; display:inline; float:left; }
.apprvBox{ margin:0px; padding:0px 10px 0px 0px; display:inline; }

/**-----------------**/
/**--- [content] ---**/
/**-----------------**/
.content{ padding-left:1%; width:98%; overflow:auto; }
.pitem1{ padding:2px 5px; margin:0px; font-size:17px; text-transform:uppercase; }
.pitem2{ padding:3px 3px 3px 6px; margin:0px; }
.leftBox{ float:left; text-align:justify; padding:2px 2px 2px 2px; width:49%; border:dotted 1px #cccccc; margin:0px; }
.rightBox{ float:right; text-align:justify; padding:2px 2px 2px 2px; width:49%; border:dotted 1px #cccccc; margin:0px; }
.container{ width:98%; padding: 10px 10px 0px 10px; margin:0px; }
.subcontainer{ width:98%; padding: 1px 0px 0px 20px; margin:0px; }
#titleBox{ text-align:center; margin:0px; text-transform:uppercase; }

/**--------------------**/
/**--- [elementary] ---**/
/**--------------------**/
body{ margin:0px; padding:0px; background-color:#FFFFFF; font-family:verdana,arial,Candara,Tahoma,Serif; font-size:small; }
h1{ font-size:26px; margin:0px; }
h2{ font-size:20px; margin:0px;}
p{ padding:1px; margin:0px; }
p img{ -moz-box-shadow:0px 0px 8px #cccccc; -o-box-shadow:0px 0px 8px #cccccc; -webkit-box-shadow:0px 0px 8px #cccccc; }
img{ border:0px; margin:0px; }

/**----------------**/
/**--- [footer] ---**/
/**----------------**/
.footer{ width:90%; margin:0px; padding-left:5%; padding-top:10px;}
.footer #left { float:left; text-align:left; margin:0px; }
.footer #right { float:right; text-align:right; margin:0px; }

/**----------------**/
/**--- [header] ---**/
/**----------------**/
.header{ width:100%; margin:0px; }
.header #main { text-align:center; width:100%; float:left; display:inline; margin:0px; }
.header #info { text-align:center; width:5%; float:right; margin:0px; font-size:1.2em; }

/**--------------**/
/**--- [menu] ---**/
/**--------------**/
.menu{ width:98%; padding: 1px 0 0 1%; border: 0px; margin:0px; background-color:#FFFFFF; }

/**-------------------**/
/**--- [searchBox] ---**/
/**-------------------**/
.searchBox{ text-align:center; width:100%; height: 25px; margin:0px; padding-top: 6px; }
.searchBox #sbcust{ width:26%; margin:0px; padding-left:1%; padding-right:1%; float:left; }
.searchBox #sbyear{ width:17%; margin:0px; padding-left:1%; padding-right:1%; float:left; }
.searchBox #sbbtn{ width:5%; margin:0px; padding-left:1%; padding-right:1%; float:left; }

/**-----------------**/
/**--- [special] ---**/
/**-----------------**/
.style1{background-color: #eeeeee; } /**color for table header**/
.style2{background-color: #C9E3FF; } /**color for table data**/
.clockBg{background-color:#FFFFFF; text-align:center; width:70px; border:0px; font-size:9px; font-family:Verdana; } /**color for clock bg*/
.test{ background-color:#c1e647; }
.SMALL{FONT-SIZE:9PX; FONT-FAMILY:VERDANA;}