
/* HTML Elements 
****************************/
html,body { height:100%; }
body { margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; }
/*a {	color: #0000BB; text-decoration:none; }
a:hover { text-decoration:underline; }*/
a {	color: #0000BB; }


input,textarea,select {color:#0000BB; font-weight:bolder;  font-size:9pt; font-family: Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF;  }

 textarea { width:300px; color:#007; font:10pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF url(../img/bg/txtBG.gif) repeat-x top; border:1px solid #ccc; }
 .fldDefault {color:#0000BB; width:300px;  font-weight:bolder;font:9pt Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF; }
.fldErr { color:#004a80; font:9pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#fdd url(../img/bg/txtErrBG.gif) repeat-x top; border:1px solid #f00; }
.fldWarn { color:#004a80; font:9pt Segoe UI,Arial; vertical-align:middle; margin:1px 0; padding:2px; background-color:#FF9;border:1px solid #dd9946; }
.fldChk { color:#004a80; font:9pt Segoe UI,Arial;  margin:0; padding:0px; }
.fldChk input{ vertical-align:middle; }

.sBtn { font:bold 8pt Segoe UI,Arial; margin:1px 2px 1px 0; padding:2px 5px; color:#ff0; background-image:url(../img/btn/BtnBG_Blue.gif); border:1px solid #ccc; vertical-align:middle;
		border-bottom-width:2px; border-right-width:2px; cursor:hand;}
.sBtn:hover {color:#ff0;}
.sBtn:click { background-color:#fff;}
.Blue { color:#fff; background-image:url(../img/btn/BtnBG_Blue.gif);}
.Green {color:#fff; background-image:url(../img/btn/BtnBG_Green.gif);}
.Red {color:#fff; background-image:url(../img/btn/BtnBG_Red.gif);}
.Gray {color:#fff; background-image:url(../img/btn/BtnBG_Gray.gif);}
.req { padding:0 0 0 11px; background:url(../img/ico/ico_star.gif) no-repeat left top; }
.reqR { padding:0 9px 0 0; background:url(../img/ico/ico_star.gif) no-repeat right top;}

/* data entry form  table 
----------------------------*/
.fmEntry { /*font-family:Tahoma; font-size:8pt;*/}
/*.fmEntry td { vertical-align:middle;}*/
.fmEntry td.leadFld { text-align:right; vertical-align:top; padding:4px 0;  }
.fmEntry td.descFld { color:#050;  padding:4px 3px; vertical-align:top;  }
.fmEntry td.secFld { background-color:#eee; padding:3px 8px; color:#666; font-weight:bold; border-bottom:1px dotted #bbb; border-top:1px dotted #bbb; }

/* eaf pop up panle */

.eaf2_glass { position:absolute; top:0px; left:0px; display:none; height:1px; width:1px; background-color:#333333; 
	z-index:10; }

.eaf2_popPnl { position:absolute; top:0px; left:0px; display:none; z-index:100; width:400px; text-align:left; 
	padding:0px 6px 6px 0px; }
.eaf2_popPnl .tbl { padding:0; width:100%; height:29px; border-left:1px solid #98B9DB; border-right:1px solid #98B9DB; }
.eaf2_popPnl .cell { padding:0 8px; height:29px; }

.eaf2_popPnl img { border-width:0; }

.pgHdFont { clear:both; padding:8px 20px; margin:0 0 0 15px; color:#600; font:bold 9pt Verdana,Arial; background:url(../img/ico/pnlico_edit.gif) no-repeat left center;}

.pgHd { clear:both; border-Bottom:2px solid #eee; margin:0 0 10px 0; }
.pgTtl { padding:2px 8px; font:bold 9pt Verdana,Arial; color:#600; border-bottom:1px solid #eee;
         	/*background-image:url(../img/ico/pnlico_issued.gif);*/ background-repeat:no-repeat; background-position:2px 2px; }
	
.pgDesc { padding:8px 12px; font:8pt Tahoma; background:#FFFFCC url(../img/bg/bgGradYellow.gif);  border:1px dotted #ccc; color:#666;  }

.pbHdPnl {clear:both; font:8pt Arial; display:block; margin:8px 0; padding:5px 10px; border-bottom:1px dotted #7a97d2;  background-color:#def;}

.pgBtnPnl { clear:both; margin:3px 0; padding:4px 10px; background-color:#def; border-top:1px dotted #7a97d2; /*background-color:#eee; background-image:url(../img/GridHeader_Grey.gif);*/ }

.secTtl { clear:both; padding:3px 8px; border-bottom:1px solid #080; font:bold 9pt Arial;
	color:#060; margin:3px 0 0 0; /*background-image:url(../img/bg/bgGradBlue.gif);*/ }
.secDesc { clear:both;  padding:5px 10px; background-color:#eefce4;  font:8pt Tahoma,Arial; color:#777; border-bottom:1px dotted #eee; }
.secCnt { clear:both; padding:15px 25px; }

.link { text-decoration:none; color:#0000bb; }
.redFont { color:#CC0000; font-weight:bold; }
.valFont { color:#006600; }
.txtR { text-align:right; }


.none {  visibility:hidden;}
.visible { visibility:visible;}

.popup_background { color:Gray;}

.errorFont { color:Red; font-size:x-small;}


/* data entry form DIV
----------------------------*/
.fmBlk { clear:both; float:none; font:bold 8pt Arial; color:#666; width:100%; }
.fmRow { clear:both; float:none; }
.fmRow textarea, 
	.fmRow select,
	.fmRow input, 
	.fmRow textarea, 
	.fmRow select  { font-size:9pt; color:#0000BB; font-weight:bold; }
.fmRow input.btn {font-size:9pt; color:#fff;} 

.fmSecTtl{ clear:both; color:#700; font:bold 8pt Arial; background-color:#efefef;  border-bottom:1px dotted #ccc; padding:3px 20px 4px 10px; margin:8px 0 10px 0;}
.fmFld { float:left; padding:0 10px 8px 0; }
.fmFldFixWidth65 { display: table-cell;padding:0px 0px 0px 0; margin:5px;width:65px;}
.fmFldFixWidth200 { display: table-cell;padding:0px 0px 0px 0; margin:5px;width:200px;}
.fmFldFixWidth300 { display: table-cell;padding:0px 0px 0px 0; margin:5px;width:300px;}
.fmFldFixWidth350 { display: table-cell;padding:0px 0px 0px 0; margin:5px;width:350px;}
.secTtl { clear:both; padding:3px 8px; border-bottom:1px solid #080; font:bold 9pt Arial;
	color:#060; margin:3px 0 0 0; /*background-image:url(../img/bg/bgGradBlue.gif);*/ }
.secDesc { clear:both;  padding:5px 10px; background-color:#eefce4;  font: bold 9pt Segoe UI,Tahoma,Arial; color:#777; border-bottom:1px dotted #eee; }
.secCnt { clear:both; padding:15px 25px; }

/* grid table 
------------------*/

.grdTbl { border:1px solid #7A97D2; border-bottom-width:2px; border-right-width:2px; font:8pt Segoe UI,Tahoma,Arial; }
.grdTbl input, .grdTbl select {  }
.grdHead th { padding:6px 8px; border-bottom:1px solid #AAA; border-right:1px solid #cde; color:#fff; background-image:url(../img/bg/GrdBG_Blue.gif);   }
.grdHead td { padding:6px 8px; border-bottom:1px solid #AAA; border-right:1px solid #cde; color:#fff; background-image:url(../img/bg/GrdBG_Blue.gif);   }
.grdHead a { color:#FFFFFF;  }
.grdTbl td { padding:4px 8px; border-bottom:1px solid #cde; border-right:1px solid #cde; }	
.grdTbl td a { font-weight:bold; }	
.grdPager td { padding:2px; background:#EEEEEE; }
.grdPager td span { color:#CCC;}
.grdPager td a { padding:1px 3px; font-weight:bold; }

		
.grdRow td { background:#FFF; }
.grdRow input { color: #0000BB; }	
.grdRow:hover, .grdRow:hover td { background:#FFB; }	

.grdRowAlt td { background:#DEF;  }	
.grdRowAlt:hover, .grdRowAlt:hover td { background:#FFB;  }	

.grdRowWarn td { background:#FED7D7;  }	
.grdRowChk td { background:#FE9;  }	
.grdRowDisable td { background-color:#EEEEEE; color:#999999; }
.grdRowOn td { background:#FFB;  }


