
/*********************************************************************************************** 

	EAF.Lib.UI 

************************************************************************************************/

	/*-------------------------------------------------------------------------------
		ButtonTable
	--------------------------------------------------------------------------------*/

	/*	Frame Type	*/

	.eaf_BtnBlock { margin:0; padding:0; height:36px; width:100%; }
	.eaf_BtnBlock td.L { margin:0; padding:0; height:36px; width:19px; font-size:1px; background-image:url(../img/BtnAreaSmlL.gif);}
	.eaf_BtnBlock td.R { margin:0; padding:0; height:36px; width:19px; font-size:1px; background-image:url(../img/BtnAreaSmlR.gif);}

	.eaf_BtnBlock td.btnL,
	.eaf_BtnBlock td.btnR { margin:0; padding:7px 0 0 0; height:29px; vertical-align:top; background-image:url(../img/BtnAreaSmlBG.gif); }

	.eaf_BtnBlock td.btnL { text-align:left; padding-left:5px; }
	.eaf_BtnBlock td.btnR { text-align:right; padding-right:5px; }

	/*	Simple	*/

	.eaf_BtnBlock2 { margin:0; padding:0; margin-left:auto; margin-right:auto; width:100%; border-top:1px solid #CCDDFF; }
	.eaf_BtnBlock2 td.btnL { text-align:left; padding:7px 10px; }
	.eaf_BtnBlock2 td.btnR { text-align:right; padding:7px 10px; }




	/*-------------------------------------------------------------------------------
		FloatWinLink & FloatWinPanel
	--------------------------------------------------------------------------------*/

	/*
	div#eaf_FloatWinGlass { z-index:9999; position:absolute; width:0; height:0; visibility:visible; background-color:transparent; }

	div#eaf_FloatWin { width:280px; height:300px; position:absolute; visibility:hidden; padding:0px; margin:0;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=120,Strength=3,positive=true); z-index:999; }

	table#eaf_FloatWinTab { border:0; margin:0; padding:0; width:100%; height:25px; }
	table#eaf_FloatWinTab td { height:25px; padding:0; margin:0; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; }

	table#eaf_FloatWinTab td.Head { background-image:url(../img/FloatWinTtl_L.gif); width:15px; height:25px;}
	table#eaf_FloatWinTab td.Head div { width:15px; height:25px;}

	table#eaf_FloatWinTab td.Ttl { width:100%; color:#FFFFFF; background-image:url(../img/FloatWinTtl_BG.gif); background-color:#0072BC; cursor:move; }
	table#eaf_FloatWinTab td.Btn { background-color:#0072BC; background-image:url(../img/FloatWinTtl_BG.gif);  }
	table#eaf_FloatWinTab td.Btn a { color:#FFFFFF; font-size:15px; }

	table#eaf_FloatWinTab td.Tail { background-image:url(../img/FloatWinTtl_R.gif); width:15px; height:25px;}
	table#eaf_FloatWinTab td.Tail div {width:15px; height:25px;}

	div#eaf_FloatWinCnt { border:2px solid #0072BC; padding:0; }
	iframe#eaf_FloatWinIFrame { border-width:0; padding:1px; height:100%; width:276px; z-index:99; }
	*/

	div.eaf_FloatWinGlass { z-index:9999; position:absolute; visibility:visible; width:0; height:0;	background:transparent; }
	div.eaf_FloatWinDiv { z-index:999; position:absolute; visibility:hidden; padding:0px; margin:0; border:1px solid #0072BC; width:280px; height:300px; 
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=120,Strength=3,positive=true); }

	table.eaf_FloatWinTab { border:0; margin:0; padding:0; width:100%; height:20px; }
	table.eaf_FloatWinTab td { height:20px; padding:0; margin:0; font:bold 11px Arial, Helvetica, sans-serif;
		background:#0072BC url(../img/FloatWinTtl_BG.gif) center bottom; }

	table.eaf_FloatWinTab td.Head { width:15px; height:20px; }
	table.eaf_FloatWinTab td.Head div { width:15px; height:20px; }

	table.eaf_FloatWinTab td.Ttl { width:100%; color:#FFFFFF; }

	table.eaf_FloatWinTab td.Btn a { color:#FFFFFF; font-size:14px; }

	table.eaf_FloatWinTab td.Tail {	width:15px; height:20px; }
	table.eaf_FloatWinTab td.Tail div {	width:15px; height:20px; }

	div.eaf_FloatWinCnt { border:2px solid #CCDDFF; padding:0; background-color:#FFFFFF; }

	iframe.eaf_FloatWinIFrame {	border-width:0; padding:1px; height:100%; z-index:99; }


	/*-------------------------------------------------------------------------------
		InputFormTable
	--------------------------------------------------------------------------------*/

	.eaf_InputForm { margin:0; padding:0; margin-left:0; margin-right:auto; }
	.eaf_InputForm td { margin:0; padding:2px; vertical-align:top; }

	.eaf_InputForm td.bgOn { background-color:#FCDDDD; }

	.eaf_InputForm td.subTtl { padding:0; }
	.eaf_InputForm td.subTtl div { margin:15px 0; font:bold 8pt Tahoma,Arial; padding:4px 10px;
		border-bottom:1px solid #006600; color:#006600; }

	.eaf_InputForm td.sep { padding:0 0 0 8px; }
	.eaf_InputForm td.sep div { margin:15px 0; border-bottom:2px dotted #DDDDDD; font-size:1px; }

	.eaf_InputForm td.req { padding:0; background-image:url(../img/ico_star.gif); background-repeat:no-repeat; background-position:0 10px; width:11px; }
	.eaf_InputForm td.req div { width:11px; }
	.eaf_InputForm td.noreq { padding:0; width:11px; }
	.eaf_InputForm td.noreq div { width:11px; }

	.eaf_InputForm td.fld { font:normal 9pt Arial; padding-top:6px; padding-left:5px; text-align:left; height:20px; width:125px;  }
	.eaf_InputForm td.inp { font:normal 9pt Arial; }
	.eaf_InputForm td.inp input.submit { font:normal 9pt Arial; color:#ff0; }
	.eaf_InputForm span.fld { font:normal 9pt Arial; }

	.eaf_InputForm td.val { font:bold 9pt Arial; padding:5px 0 0 1px; color:#006600; }
	.eaf_InputForm td.txt { font:normal 9pt Arial; padding-top:5px; }
	.eaf_InputForm td.cmt { font:normal 9pt Arial; padding:0px 5px; color:#555555; }

	.eaf_InputForm td.btn { padding:10px 0 5px 0; }

	.eaf_InputForm table td.fld { width:auto; }

	
	.eaf_InputForm td.inp textarea, 
	.eaf_InputForm td.inp select,
.eaf_InputForm td.inp input, 
	.eaf_InputForm td.txt input,
	.eaf_InputForm td.txt textarea, 
	.eaf_InputForm td.txt select { font-size:9pt; color:#0000BB; font-weight:bold; }
	.eaf_InputForm td.inp input[type="submit"],
	.eaf_InputForm td.txt input[type="submit"] { font-size:9pt; color:#fff; font-weight:bold; }

	/*-------------------------------------------------------------------------------
		NestedInputTable
	--------------------------------------------------------------------------------*/

	div.eaf_nestFmDiv { font:normal 8pt Tahoma; }

	table.eaf_nestEntryFm { border:0; padding:0;}
	table.eaf_nestEntryFm td { border:0; padding:1px 3px; vertical-align:top; height:18px }
	table.eaf_nestEntryFm td.txt { border:0; padding:4px 3px 0 3px; }


	/*-------------------------------------------------------------------------------
		FramesetTable
	--------------------------------------------------------------------------------*/

	table.eaf_frameTbl { width:100%; }
	table.eaf_frameTbl td.frameCnt { height:100%; border:1px solid #CCCCCC; padding:0; vertical-align:top; }

	table.eaf_frameTtl { border:0; padding:0; background:#CCDDFF; width:100%;}
	table.eaf_frameTtl td { padding:0px 3px; font:bold 8pt Arial; vertical-align:middle;}
	table.eaf_frameTtl td img { border:0; }
	table.eaf_frameTtl td a { display:block; padding:2px; }
	table.eaf_frameTtl td a:hover { display:block; padding:1px; 
		border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;
		border-bottom:1px solid #000099; border-right:1px solid #000099; }

	div.eaf_frameDiv  { padding:0px; height:100%; width:100%; overflow:auto;}


	/*-------------------------------------------------------------------------------
		FormSectionBlock
	--------------------------------------------------------------------------------*/

	/*	frame style	*/

	table.eaf_FormSecTab1 { margin:0; padding:0; margin-left:auto; margin-right:auto; width:100%; }
	table.eaf_FormSecTab1 td.eaf_ttl { margin:0; vertical-align:middle; font:bold 8pt Tahoma,Arial; padding:4px 8px; background-color:#EFEFEF; 
		border:1px solid #CCCCCC; border-right-width:0; color:#333333;}
	table.eaf_FormSecTab1 td.eaf_cnt { margin:0; padding:15px 25px; background-image:url(../img/FormSideLn.gif); 
		background-repeat:repeat-y; background-position:8px 0; }

	/*	line under title	*/

	table.eaf_FormSecTab2 { border:0; padding:0; margin-left:auto; margin-right:auto; width:100%; }
	table.eaf_FormSecTab2 td.eaf_ttl { border:0; padding:4px 6px 2px 6px; font:bold 8pt Tahoma,Lucida Sans,Arial; letter-spacing:1px; 
		color:#000066; border-bottom:1px solid #CCDDEE;}
	table.eaf_FormSecTab2 td.eaf_cnt { border:0; padding:10px; }


	/*-------------------------------------------------------------------------------
		MessageLabel
	--------------------------------------------------------------------------------*/

	.eaf_MsgLbl { padding:0 0 8px 0; font:bold 80% Verdana,Arial; }
	.eaf_MsgLbl img { padding:0 5px 0 0; vertical-align:middle;	}

	/*-------------------------------------------------------------------------------
		TaskPanel
	--------------------------------------------------------------------------------*/

	/*	Green Pane	*/

	table.eaf_GreenF,
	table.eaf_GreenF td { margin:0; padding:0; border:0;}

	table.eaf_GreenF table.titleTab { margin:0; padding:0; border:0; height:22px; width:100%;}
	table.eaf_GreenF table.titleTab td { margin:0; padding:0; border:0; height:22px;}

	table.eaf_GreenF table.titleTab td.ttlL { background-image:url(../img/ModTtlLeft.gif); width:9px; background-position:0 0;}
	table.eaf_GreenF table.titleTab td.ttl { vertical-align:middle; font:bold 11px Arial; background-image:url(../img/ModTtlBG.gif); }
	table.eaf_GreenF table.titleTab td.ttlR { background-image:url(../img/ModTtlRight.gif); width:10px; background-position:0 0; }

	table.eaf_GreenF td.cnt { background-color:#FFFFFF; border:1px solid #AAB57E; border-top-width:0; }

	
	/*	simple (from photoshop element)	*/

	table.eaf_TP1, 
	table.eaf_TP1 td { border:0; padding:0; margin:0;}
	
	table.eaf_TP1 tr.ttlBar td { background:#CCDDEE url(../img/TP/TP_Blue_Bg.gif);}
	table.eaf_TP1 td.ttl { color:#333333; font:bold 11px Arial,Lucida Sans; letter-spacing:0px; padding:3px; 
		width:100%; vertical-align:bottom; text-align:left; }


	/*-------------------------------------------------------------------------------
		SelectTextBox 
	--------------------------------------------------------------------------------*/

	/*
	.eaf_SelectTBFocus { padding:2px 2px 2px 24px; border:2px solid #FF9933;
		background:#FFFF99 url(../img/selecttextbox_on_BG.gif) left top fixed; }

	.eaf_SelectTBBlur { margin:1px; padding:2px 2px 2px 24px; border:1px solid #999999;
		background:transparent url(../img/selecttextbox_off_BG.gif) left top no-repeat fixed; }
	*/
	
	.eaf_SelectTBFocus 
	{ 
		padding:2px; border:1px solid #FF9933; 
		background:#FFFF99 url(../img/textbox_BG.gif); 	
	}
	.eaf_SelectTBBlur 
	{ 
		padding:2px; border:1px solid #999999; 	
		background-image:url(../img/textbox_off_BG.gif);	
	}

	/*	SelectTextBox -- Client Div Style	*/

	.eaf_CallBackDiv { padding:0px; border:1px solid #FFEE00; position:absolute; visibility:hidden; z-index:8888; overflow:auto;
		background-color:#FFFF99; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=120,Strength=3,positive=true); }

	.eaf_CallBackTab { margin:0; padding:0; border:0; width:100%; }
	.eaf_CallBackTab td { margin:0; padding:2px 6px; border-bottom:1px solid #FFFF66; }
	.eaf_CallBackTab tr.mover td { background:#990000 url(../img/CallBackOnBG.gif); color:#FFFFFF; }
	.eaf_CallBackTab tr.mover td a { color:#FFFFFF; }
	.eaf_CallBackTab tr.mout td { background-color:#FFFFCC; color:#333333; }
	.eaf_CallBackTab td.lft { text-align:left; font:bold 65% Arial, Helvetica, sans-serif; }
	.eaf_CallBackTab td.rgt { text-align:right; font:normal 65% Arial, Helvetica, sans-serif; }


	/*-------------------------------------------------------------------------------
		StylerPanel
	--------------------------------------------------------------------------------*/

	/*	Yellow Buble */


	table.eaf_YB { margin:0; padding:0; }

	table.eaf_YB td.TL { padding:0; margin:0; width:12px; height:12px; background-image:url(../img/YB_TL.gif); font-size:1px; }
	table.eaf_YB td.TL div {	width:12px; height:12px; }

	table.eaf_YB td.TBG { padding:0; margin:0; height:12px; background-image:url(../img/YB_T_BG.gif); font-size:1px; }

	table.eaf_YB td.TR { padding:0; margin:0; width:14px; height:12px; background-image:url(../img/YB_TR.gif); font-size:1px; }
	table.eaf_YB td.TR div {	width:14px; height:12px; }

	table.eaf_YB td.L { padding:0; margin:0; width:12px; background-image:url(../img/YB_L_BG.gif); font-size:1px; vertical-align:top; }
	table.eaf_YB td.L div { height:15px; background-image:url(../img/YB_LTop_BG.gif); background-repeat:repeat-x; background-position:top; }

	table.eaf_YB td.Cnt { padding:0; background-image:url(../img/YB_Cnt_BG.gif); vertical-align:top; }
	table.eaf_YB td.Cnt div.Cnt { background-image:url(../img/YB_CntTop_BG.gif); background-repeat:repeat-x; background-position:top; }

	table.eaf_YB td.R { padding:0; margin:0; width:14px; background-image:url(../img/YB_R_BG.gif); font-size:1px; vertical-align:top; }
	table.eaf_YB td.R div { height:15px; background-image:url(../img/YB_RTop_BG.gif); background-repeat:repeat-x; background-position:top; }

	table.eaf_YB td.BL {	padding:0; margin:0; width:12px; height:13px; background-image:url(../img/YB_BL.gif); font-size:1px; }
	table.eaf_YB td.BL div {	width:12px; height:13px; }

	table.eaf_YB td.BBG { padding:0; margin:0; height:13px; background-image:url(../img/YB_B_BG.gif); font-size:1px; }

	table.eaf_YB td.BR {	padding:0; margin:0; width:14px; height:13px; background-image:url(../img/YB_BR.gif); font-size:1px; }
	table.eaf_YB td.BR div {	width:14px; height:13px; }


	/*	Smoky	*/

	table.eaf_Smoky { padding:0; margin:0; }
	table.eaf_Smoky td.TL, table.eaf_Smoky td.TL div { padding:0; margin:0; width:3px; height:3px; }
	table.eaf_Smoky td.TL { background-image:url(../img/FormFrm_TL.gif); font-size:1px; }

	table.eaf_Smoky td.TBG {	padding:0; margin:0; height:3px; background-image:url(../img/FormFrm_TBG.gif); font-size:1px; }
	table.eaf_Smoky td.TR, table.eaf_Smoky td.TR div { padding:0; margin:0; width:6px; height:3px; }
	table.eaf_Smoky td.TR { background-image:url(../img/FormFrm_TR.gif);	font-size:1px; }

	table.eaf_Smoky td.L, table.eaf_Smoky td.L div { padding:0; margin:0; width:3px; }
	table.eaf_Smoky td.L { background-image:url(../img/FormFrm_LBG.gif); font-size:1px; }

	table.eaf_Smoky td.Cnt {	padding:0; background:#F6F6F6; }
	table.eaf_Smoky td.Cnt div.Cnt { }

	table.eaf_Smoky td.R, table.eaf_Smoky td.R div { padding:0; margin:0; width:6px; }
	table.eaf_Smoky td.R { background-image:url(../img/FormFrm_RBG.gif); font-size:1px; }

	table.eaf_Smoky td.BL, table.eaf_Smoky td.BL div { padding:0; margin:0; width:3px; height:7px; }
	table.eaf_Smoky td.BL { background-image:url(../img/FormFrm_BL.gif); font-size:1px; }

	table.eaf_Smoky td.BBG { padding:0; margin:0; height:7px; background-image:url(../img/FormFrm_BBG.gif); font-size:1px; }

	table.eaf_Smoky td.BR, table.eaf_Smoky td.BR div { padding:0; margin:0; width:6px; height:7px; }
	table.eaf_Smoky td.BR { background-image:url(../img/FormFrm_BR.gif); font-size:1px; }




	/*-------------------------------------------------------------------------------
		Waiting Block Test
	--------------------------------------------------------------------------------*/

	/*	Dark Blue	*/

	.eaf_WaitB { margin:0; padding:0; }

	.eaf_WaitB td.TL { padding:0; margin:0; width:19px; height:39px; font-size:1px; }
	.eaf_WaitB td.TL div { width:19px; height:39px; }

	.eaf_WaitB td.TBG { padding:0; margin:0; height:39px; font-size:1px; }
	.eaf_WaitB td.TBG div {	height:39px; text-align:center; }

	.eaf_WaitB td.TR { padding:0; margin:0; width:27px; height:39px; font-size:1px; }
	.eaf_WaitB td.TR div { width:27px; height:39px; }

	.eaf_WaitB td.L { padding:0; margin:0; width:19px; font-size:1px; vertical-align:top; }
	.eaf_WaitB td.L div { width:19px; }

	.eaf_WaitB td.Cnt {	padding:0; vertical-align:top; }
	.eaf_WaitB td.Cnt div.Cnt {	padding:20px;color:#FFFFFF; font:normal 90% Arial, Helvetica, sans-serif; }

	.eaf_WaitB td.R { padding:0; margin:0; width:27px; font-size:1px; vertical-align:top; }
	.eaf_WaitB td.R div { width:27px; }

	.eaf_WaitB td.BL { padding:0; margin:0; width:19px; height:29px; font-size:1px; }
	.eaf_WaitB td.BL div { width:19px; height:29px; }

	.eaf_WaitB td.BBG {	padding:0; margin:0; height:29px; font-size:1px; }
	.eaf_WaitB td.BBG div {	height:29px; }

	.eaf_WaitB td.BR { padding:0; margin:0; width:27px; height:29px; font-size:1px; }
	.eaf_WaitB td.BR div { width:27px; height:29px; }

	/*	Glass Pane Testing */

	.eaf_WaitB2 { margin:0; padding:0; }

	.eaf_WaitB2 td.TL, .eaf_WaitB2 td.TL div,
	.eaf_WaitB2 td.TBG, .eaf_WaitB2 td.TBG div,
	.eaf_WaitB2 td.TR, .eaf_WaitB2 td.TR div { padding:0; margin:0; height:17px; font-size:1px; }

	.eaf_WaitB2 td.TL, .eaf_WaitB2 td.TL div { width:16px; }

	.eaf_WaitB2 td.TBG, .eaf_WaitB2 td.TBG div { height:17px; text-align:center; }

	.eaf_WaitB2 td.TR, .eaf_WaitB2 td.TR div { width:27px; }

	.eaf_WaitB2 td.L, .eaf_WaitB2 td.L div { padding:0; margin:0; width:19px; font-size:1px; }

	.eaf_WaitB2 td.Cnt { padding:0; vertical-align:top; }
	.eaf_WaitB2 td.Cnt div.Cnt { padding:20px; color:#FFFFFF; font:normal 90% Arial, Helvetica, sans-serif; }

	.eaf_WaitB2 td.R, .eaf_WaitB2 td.R div { padding:0; margin:0; width:27px; font-size:1px; }

	.eaf_WaitB2 td.BL, .eaf_WaitB2 td.BL div,
	.eaf_WaitB2 td.BBG, .eaf_WaitB2 td.BBG div,
	.eaf_WaitB2 td.BR, .eaf_WaitB2 td.BR div { padding:0; margin:0; height:28px; font-size:1px; }

	.eaf_WaitB2 td.BL, .eaf_WaitB2 td.BL div { width:16px; }

	.eaf_WaitB2 td.BBG, .eaf_WaitB2 td.BBG div { }

	.eaf_WaitB2 td.BR, .eaf_WaitB2 td.BR div { width:27px; }



/*********************************************************************************************** 

	EAF.Domain.UI 

************************************************************************************************/

	/*-------------------------------------------------------------------------------
		Tabs Control
	--------------------------------------------------------------------------------*/

	/* Tabs
	---------------------------*/
	.eaf_PgTab { margin:0; padding:0; height:28px; width:100%; background-image:url(../img/PgTab_OffBG.gif); }
	.eaf_PgTab td { margin:0; padding:0; height:28px; vertical-align:middle; font:normal 11px Tahoma,Arial; }
	.eaf_PgTab td.on { margin:0; padding:6px 12px; height:16px; vertical-align:top; font-weight:bold; 
		color:#FFFFFF;	background-image:url(../img/PgTab_OnBG.gif); }
	.eaf_PgTab td.on a { color:#FFFFFF; }

	.eaf_PgTab td.off { margin:0; padding:0 8px; }

	.eaf_PgTab td.head { padding:0 15px 0 0;}
	.eaf_PgTab td.tail { width:100%; }


	/* Tabs
	---------------------------*/
	.eaf_NewTabBG { margin:0; padding:0 15px; height:24px; background-image:url(../img/NewTab_BG.gif); }

	.eaf_NewTabBG table.toLeft { margin-left:0; margin-right:auto; }
	.eaf_NewTabBG table.toCenter { margin-left:auto; margin-right:auto; }
	.eaf_NewTabBG table.toRight { margin-left:auto; margin-right:0; }

	.eaf_NewTab { margin:0; padding:0; height:24px; }
	.eaf_NewTab td { margin:0; padding:0; font:bold 11px Arial; height:24px;  vertical-align:middle;
		background-image:url(../img/NewTab_OffBG.gif); }
	.eaf_NewTab td img { border:0; vertical-align:middle; }
		
	.eaf_NewTab td.on { margin:0; padding:4px 8px; height:16px; vertical-align:top; font-weight:bold;
		color:#FFFFFF;	background-image:url(../img/NewTab_OnBG.gif); }
	.eaf_NewTab td.on a { color:#FFFFFF; }

	.eaf_NewTab td.off { margin:0; padding:4px 8px; height:16px; vertical-align:top; }

	.eaf_NewTab td.headOff { padding:0; height:24px; width:11px; font-size:1px; background-image:url(../img/NewTab_OffL.gif);}
	.eaf_NewTab td.headOff div { margin:0; padding:0; height:24px; width:11px; }

	.eaf_NewTab td.headOn { padding:0; height:24px; width:11px; font-size:1px; background-image:url(../img/NewTab_OnL.gif);}
	.eaf_NewTab td.headOn div { margin:0; padding:0; height:24px; width:11px; }

	.eaf_NewTab td.tailOff { padding:0; height:24px; width:10px; font-size:1px; background-image:url(../img/NewTab_OffR.gif);}
	.eaf_NewTab td.tailOff div { margin:0; padding:0; height:24px; width:10px; }

	.eaf_NewTab td.tailOn { padding:0; height:24px; width:10px; font-size:1px; background-image:url(../img/NewTab_OnR.gif);}
	.eaf_NewTab td.tailOn div { margin:0; padding:0; height:24px; width:10px; }

	.eaf_NewTab td.sep { padding:0; height:24px; width:1px; font-size:1px; background-image:url(../img/NewTab_Sep.gif);}
	.eaf_NewTab td.sep div { margin:0; padding:0; height:24px; width:1px; }


	/* Tabs (Hollow style)
	---------------------------*/
	.eaf_HollowTabBG { margin:0 0 8px 0; padding:0 15px; height:24px; background-image:url(../img/HollowTab_BG.gif); }

	.eaf_HollowTabBG table.toLeft { margin-left:0; margin-right:auto; }
	.eaf_HollowTabBG table.toCenter { margin-left:auto; margin-right:auto; }
	.eaf_HollowTabBG table.toRight { margin-left:auto; margin-right:0; }

	.eaf_HollowTab { margin:0; padding:0; height:24px; }
	.eaf_HollowTab td { margin:0; padding:0; font:normal 11px Tahoma,Arial; height:24px;  vertical-align:middle; }
	.eaf_HollowTab td img { border:0; vertical-align:middle; }

	.eaf_HollowTab td.head div { width:10px; }	

	.eaf_HollowTab td.onLeft { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/HollowTab_On_L.gif); }
	.eaf_HollowTab td.onLeft div { height:24px; width:10px; }

	.eaf_HollowTab td.onRight { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/HollowTab_On_R.gif); }
	.eaf_HollowTab td.onRight div { height:24px; width:10px; }
		  
	.eaf_HollowTab td.on { margin:0; padding:4px 4px; height:16px; vertical-align:top; font-weight:bold; color:#990000; background-color:#FFFFFF;	background-image:url(../img/HollowTab_On_BG.gif); }
	.eaf_HollowTab td.on a { color:#990000;  }

	.eaf_HollowTab td.offLeft { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/HollowTab_Off_L.gif); }
	.eaf_HollowTab td.offLeft div { height:24px; width:10px; }

	.eaf_HollowTab td.offRight { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/HollowTab_Off_R.gif); }
	.eaf_HollowTab td.offRight div { height:24px; width:10px; }

	.eaf_HollowTab td.off { margin:0; padding:4px 4px; height:16px; vertical-align:top; font:bold 11px Arial; background-color:#FFFFFF;	background-image:url(../img/HollowTab_Off_BG.gif); }
	.eaf_HollowTab td.off a {  }

	.eaf_HollowTab td.tail div { width:10px; }

	.eaf_HollowTab td.sep div { width:1px; font-size:1px; }


	/* Tabs (Emboss style)
	---------------------------*/
	.eaf_FloatTabBG { margin:0 0 8px 0; padding:0 15px; height:24px; background-image:url(../img/FloatTab_BG.gif); }
    .eaf_FloatTabBG a {color: #0000BB; text-decoration:none; }
    .eaf_FloatTabBG a:hover {text-decoration:none; }

	.eaf_FloatTabBG table.toLeft { margin-left:0; margin-right:auto; }
	.eaf_FloatTabBG table.toCenter { margin-left:auto; margin-right:auto; }
	.eaf_FloatTabBG table.toRight { margin-left:auto; margin-right:0; }

	.eaf_FloatTab { margin:0; padding:0; height:24px; }
	.eaf_FloatTab td { margin:0; padding:0; font:normal 11px Tahoma,Arial; height:24px;  vertical-align:middle; }
	.eaf_FloatTab td img { border:0; vertical-align:middle; }

	.eaf_FloatTab td.head div { width:10px; }	

	.eaf_FloatTab td.onLeft { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/FloatTab_On_L.gif); }
	.eaf_FloatTab td.onLeft div { height:24px; width:10px; }

	.eaf_FloatTab td.onRight { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/FloatTab_On_R.gif); }
	.eaf_FloatTab td.onRight div { height:24px; width:10px; }
		  
	.eaf_FloatTab td.on { margin:0; padding:5px 8px; height:14px; vertical-align:top; font-weight:bold; color:#990000; background-color:#FFFFFF;	background-image:url(../img/FloatTab_On_BG.gif); }
	.eaf_FloatTab td.on a { color:#990000;  }

	.eaf_FloatTab td.offLeft { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/FloatTab_Off_L.gif); }
	.eaf_FloatTab td.offLeft div { height:24px; width:10px; }

	.eaf_FloatTab td.offRight { height:24px; width:10px; background-color:#FFFFFF; background-image:url(../img/FloatTab_Off_R.gif); }
	.eaf_FloatTab td.offRight div { height:24px; width:10px; }

	.eaf_FloatTab td.off { margin:0; padding:5px 8px; height:14px; vertical-align:top; font:bold 11px Tahoma,Arial; background-color:#FFFFFF;	background-image:url(../img/FloatTab_Off_BG.gif); }
	.eaf_FloatTab td.off a {  }

	.eaf_FloatTab td.tail div { width:10px; }

	.eaf_FloatTab td.sep div { width:2px; font-size:1px; }


	/* Tabs (Side tabs)
	---------------------------*/
	.eaf_STTable { margin:0; padding:0; width:100%; margin-left:auto; margin-right:auto; }
	.eaf_STTab { margin:0; padding:10px 0; vertical-align:top; }
	.eaf_STCnt { margin:0; padding:10px 15px; width:100%; vertical-align:top;
		background-image:url(../img/SideTab_BG.gif); background-repeat:repeat-y; background-position:0 0; }

	.eaf_SideTab { margin:0; padding:0; }
	.eaf_SideTab td { margin:0; padding:0; font:bold 11px Arial; height:24px; text-align:left; }
	.eaf_SideTab td img { border:0; vertical-align:middle; }

	.eaf_SideTab td.on { padding:4px 8px; height:16px; vertical-align:top; font-weight:bold; color:#FFFFFF;
		background-image:url(../img/NewTab_OnBG.gif); background-repeat:repeat-x; background-position:center; }
	.eaf_SideTab td.on a { color:#FFFFFF; }

	.eaf_SideTab td.off { padding:4px 8px; height:16px; vertical-align:top; 
		border-bottom:1px solid #EEEEEE; }

	.eaf_SideTab td.headOff { padding:0; height:24px; width:11px; font-size:1px;}
	.eaf_SideTab td.headOff div { padding:0; height:24px; width:11px;}

	.eaf_SideTab td.headOn { padding:0; height:24px; width:11px; font-size:1px; background-image:url(../img/NewTab_OnL.gif);}
	.eaf_SideTab td.headOn div { padding:0; height:24px; width:11px;}


	/*-------------------------------------------------------------------------------
		PanelList
	--------------------------------------------------------------------------------*/

	/*	left panel style - multiple sections	*/

	.eaf_Pnl { padding:0; margin:0; width:190px; word-break: break-all;}

	.eaf_Pnl h1, .eaf_Pnl h2 { font:bold 8pt Tahoma,Arial,Helvetica,sans-serif; background-color:#EEEEEE;
		margin:0px; padding:4px 0px 4px 7px; background-image:url(../img/PnlOverBG.gif); border-bottom:1px solid #FFFFFF; }

	.eaf_Pnl h1 table, 
	.eaf_Pnl h2 table { margin:0; padding:0; border:0; width:100%;} 

	.eaf_Pnl h1 table td, 
	.eaf_Pnl h2 table td { margin:0; padding:0; border:0;} 

	.eaf_Pnl h1 table td.expBtn, 
	.eaf_Pnl h2 table td.expBtn { text-align:right; } 

	.eaf_Pnl h1 table td.expBtn a:hover, 
	.eaf_Pnl h2 table td.expBtn a:hover { background-color:#FFFFFF; } 

	.eaf_Pnl h1 { border-top:1px solid #BBBBBB; }	

	.eaf_Pnl h1.blue, .eaf_Pnl h2.blue { color:#FFFFFF; background-image:url(../img/BtnBG_Blue.gif); 
		 border-bottom:1px solid #FFFFFF; }
	.eaf_Pnl h1.red, .eaf_Pnl h2.red { color:#FFFFFF; background-image:url(../img/BtnBG_Red.gif); 
		 border-bottom:1px solid #FFFFFF; }
	.eaf_Pnl h1.green, .eaf_Pnl h2.green { color:#FFFFFF; background-image:url(../img/BtnBG_Green.gif); 
		 border-bottom:1px solid #FFFFFF; }
	.eaf_Pnl h1.gold, .eaf_Pnl h2.gold { color:#000000; background-image:url(../img/BtnBG_Gold.gif); 
		 border-bottom:1px solid #FFFFFF; }
	.eaf_Pnl h1.grey, .eaf_Pnl h2.grey { color:#FFFFFF; background-image:url(../img/BtnBG_Grey.gif); 
		 border-bottom:1px solid #FFFFFF; }

	.eaf_Pnl h1 img, 
	.eaf_Pnl h2 img { vertical-align:middle; margin:0 3px 0 0; }

	.eaf_PnlList, 
	.eaf_PnlClientCnt { padding:8px;}

	.eaf_PnlList div,
	.eaf_PnlList a { display:block; margin:0px; padding:3px 3px 2px 3px; border-bottom:1px solid #EFEFEF; 
		text-decoration:none; font:bold 8pt Arial,Helvetica,sans-serif; }
	.eaf_PnlList a:hover, 
	.eaf_PnlList a:focus { padding:2px; border:1px solid #316AC5; background-color:#DDEEFF;	text-decoration:none;
		/*border-top-color:#EEEEEE; border-left-color:#EEEEEE; border-bottom-color:#999999; border-right-color:#999999;*/ }

	.eaf_PnlList div { color:#999999; }
	.eaf_PnlList div.done { color:#333333; }
	.eaf_PnlList div.on { color:#333333; }

	.eaf_PnlList div span, .eaf_PnlList a span { display:block; margin:0px; padding:1px 1px 1px 16px;
		background:transparent url("../img/PnlDot.gif") left 2px no-repeat; }
		
	.eaf_PnlList div span { cursor:default; }	
		

	.eaf_PnlList a span.step1, .eaf_PnlList div.on span.step1, .eaf_PnlList div.done span.step1
		{ background-image:url("../img/PnlStep_1.gif"); padding:1px 1px 1px 18px; }
	.eaf_PnlList a span.step2, .eaf_PnlList div.on span.step2, .eaf_PnlList div.done span.step2
		{ background-image:url("../img/PnlStep_2.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step3, .eaf_PnlList div.on span.step3, .eaf_PnlList div.done span.step3
		{ background-image:url("../img/PnlStep_3.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step4, .eaf_PnlList div.on span.step4, .eaf_PnlList div.done span.step4 
		{ background-image:url("../img/PnlStep_4.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step5, .eaf_PnlList div.on span.step5, .eaf_PnlList div.done span.step5 
		{ background-image:url("../img/PnlStep_5.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step6, .eaf_PnlList div.on span.step6, .eaf_PnlList div.done span.step6 
		{ background-image:url("../img/PnlStep_6.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step7, .eaf_PnlList div.on span.step7, .eaf_PnlList div.done span.step7 
		{ background-image:url("../img/PnlStep_7.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step8, .eaf_PnlList div.on span.step8, .eaf_PnlList div.done span.step8 
		{ background-image:url("../img/PnlStep_8.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList a span.step9, .eaf_PnlList div.on span.step9, .eaf_PnlList div.done span.step9 
		{ background-image:url("../img/PnlStep_9.gif"); padding:1px 1px 1px 18px;}

	.eaf_PnlList div span.step1 { background-image:url("../img/PnlStepOff_1.gif"); padding:1px 1px 1px 18px; }
	.eaf_PnlList div span.step2 { background-image:url("../img/PnlStepOff_2.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step3 { background-image:url("../img/PnlStepOff_3.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step4 { background-image:url("../img/PnlStepOff_4.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step5 { background-image:url("../img/PnlStepOff_5.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step6 { background-image:url("../img/PnlStepOff_6.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step7 { background-image:url("../img/PnlStepOff_7.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step8 { background-image:url("../img/PnlStepOff_8.gif"); padding:1px 1px 1px 18px;}
	.eaf_PnlList div span.step9 { background-image:url("../img/PnlStepOff_9.gif"); padding:1px 1px 1px 18px;}

	.eaf_PnlList a.on,
	.eaf_PnlList a.on:hover { padding:2px; background-color:#FFFFCC; border:1px solid #FF9933;
		/*border-top-color:#999999; border-left-color:#999999; border-bottom-color:#EEEEEE; border-right-color:#EEEEEE;*/ }
		
	.eaf_PnlList div.on { font-weight:bold; background-color:#DDDDDD; padding:2px; border:1px solid #FF9933;
		border-top-color:#999999; border-left-color:#999999; border-bottom-color:#FFFFFF; border-right-color:#FFFFFF; }	

	.eaf_Pnl .blue { background-color:#D2E4FC; }
	.eaf_Pnl .red { background-color:#FCD2D2; }
	.eaf_Pnl .green { background-color:#EEFCD2; }
	.eaf_Pnl .gold { background-color:#FFFFCC; }
	.eaf_Pnl .grey { background-color:#DDDDDD; }


	.eaf_Pnl .green a:hover { padding:2px; border:1px solid #316AC5; background-color:#FFFFFF;text-decoration:none;
		border-top-color:#999999; border-left-color:#999999; border-bottom-color:#EEEEEE; border-right-color:#EEEEEE; }


	.eaf_Pnl .icoPin a span { background:transparent url("../img/PnlDot.gif") left 2px no-repeat; }
	.eaf_Pnl .icoSearch a span { background:transparent url("../img/PnlSearch.gif") left 2px no-repeat; }
	.eaf_Pnl .icoPopWin a span { background:transparent url("../img/PnlDotPop.gif") left 2px no-repeat; }
	.eaf_Pnl .icoNote a span { background:transparent url("../img/PnlNote.gif") left 2px no-repeat; }


	.eaf_PnlSep { border-bottom:2px inset #FFFFFF; height:6px; margin:0; font-size:1px; }	



	/*-------------------------------------------------------------------------------
		Popup tip table
	--------------------------------------------------------------------------------*/

	.eaf_PopupTipTable { margin:0; padding:0; width:168px; border:1px solid #CA6700; background-color:#FFFFCC; }
	.eaf_PopupTipTtl { margin:0; padding:3px 5px; font:bold 8pt Tahoma; text-align:center; 
		background-color:#CA6700; color:#FFFFFF; }
	.eaf_PopupTipCnt { margin:0; padding:5px 8px; font:normal 8pt Tahoma; text-align:left; color:#CA6700;  }



/*********************************************************************************************** 

	DatePicker & PageCalendar

************************************************************************************************/

	table.eaf_CalMonthYear { width:100%; margin:0; padding:0; }
	table.eaf_CalMonthYear td {	text-align:center; }

	table.eaf_CalDate {	border:0px none; }
	table.eaf_CalDate td { border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;	border-right:1px solid #999999;
		border-bottom:1px solid #999999; text-align:center;	vertical-align:middle; }

	.eaf_CalTitleFont {	font:bold 8pt Arial, Helvetica, sans-serif; color: #000000; }

	.eaf_CalDOWFont { font:bold 7pt Tahoma,Arial, Helvetica, sans-serif; color: #FFFFFF; }
	.eaf_CalTodayFont { font:bold 8pt Tahoma,Arial, Helvetica, sans-serif; }
	.eaf_CalOtherDateFont {	font:normal 8pt Arial, Helvetica, sans-serif; color: #999999;}
	.eaf_CalDateFont { font:bold 8pt Arial, Helvetica, sans-serif; /*color: #000066;*/ }

	.eaf_CalCrossBG {
		
		background-image: url(../img/Cal_X.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalWeekdayBG {
		
		background-image: url(../img/Cal_WeekdayBG.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalWeekendBG {
		
		background-image: url(../img/Cal_WeekendBG.gif);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.eaf_CalBG {
		
		background-image: url(../img/paperBG_03.jpg);
		background-repeat: repeat; 
		background-color:#DBF1AF;
	}
	.eaf_CalTodayBG {
		
		background-image: url(../img/Cal_OrangeBG.gif);
		background-repeat: no-repeat;
	}
	.eaf_CalSelectDateBG {
		
		background-image: url(../img/Cal_Circle.gif);
		background-repeat: no-repeat; 
		background-position:center center;
	}

	td.eaf_MultiEventBG {
		
		background-image: url(../img/Cal_MultiEvt.gif);
		background-repeat: no-repeat;
		background-position:center center;
		
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;
	}

	.eaf_MultiEventBG a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGRed 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Red.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGRed a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGBlue 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Blue.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGBlue a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGGreen 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Green.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGGreen a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGGold 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Gold.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGGold a 
	{
		color:#FFFFFF; 
	}

	.eaf_EventBGBrown 
	{
		border-width:0;
		
		background-image: url(../img/CalEvtBG_Brown.gif);
		background-repeat: no-repeat;
		background-position:center center;
		border-left:1px solid #999999 !important;
		border-top:1px solid #999999 !important;
		border-right:1px solid #FFFFFF !important;
		border-bottom:1px solid #FFFFFF !important;	
	}
	.eaf_EventBGBrown a 
	{
		color:#FFFFFF; 
	}


/* Data Entry Repeater Grid table 
---------------------------------------*/
.mf_rptTblGrid { padding:0px; border:1px solid #CCC; font:8pt Arial; }
.mf_rptTblGrid tr.head td { font-weight:bold; padding:3px 4px; text-align:center; vertical-align:middle; background:#CDCDCD;
	 border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		
.mf_rptTblGrid tr.row td.rp { padding:3px 4px; vertical-align:middle; background:#EFEFEF;
	border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		
.mf_rptTblGrid tr.row:hover td.rp { background-color:#FFB;}	

.mf_rptTblGrid tr.on td.rp { padding:3px 4px; vertical-align:middle; background:#FD7 url(../img/bg/selectBG.gif) repeat-x; 
	border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; }		

/* Required Value Control Highlight*/
textarea {width:300px; color:#007; font:9pt Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF;  }
.fldDefault {width:300px; color:#0000BB; font-weight:bolder;  font:9pt Arial; vertical-align:middle; margin:1px 0; padding:2px; background:#FFFFFF;  }
.fldReq {font:9pt Arial; font-weight:900; vertical-align:middle; margin:1px 0; padding:2px; background:#fdd; border:1px solid #f00; }



/* Main Menu
--------------------------*/
.hb { height:28px; padding:0 12px; background:url(../img/Menu/hb_bg.gif) repeat-x; }  
.hb img { vertical-align:middle; border-width:0; padding:0 3px 0 0; }  
.hb div { height:28px; display:block; float:left; padding:0; font:9pt Arial;  }
.hb div a, .hb div span { display:block; float:left; height:21px; padding:7px 12px 0 12px; background:url(../img/Menu/hb_sep.gif) no-repeat right; }
.hb .on { padding:0 0 0 5px; background:url(../img/Menu/hbtab_L.gif) no-repeat; }
.hb .on a { padding:7px 12px 0 7px; background:url(../img/Menu/hbtab_R.gif) no-repeat right; font-weight:bold;  }        

.hb div.right { height:28px; float:right; padding:0; }
.hb div.right a { background-position:left; }

.hbBgCyan .on { background-image:url(../img/Menu/hbtab_cyan_L.gif);} 
.hbBgCyan .on a { background-image:url(../img/Menu/hbtab_cyan_R.gif); }
.hbBgBlue .on { background-image:url(../img/Menu/hbtab_blue_L.gif);} 
.hbBgBlue .on a { background-image:url(../img/Menu/hbtab_blue_R.gif); }
.hbBgGreen .on { background-image:url(../img/Menu/hbtab_green_L.gif);} 
.hbBgGreen .on a { background-image:url(../img/Menu/hbtab_green_R.gif); }
.hbBgYellow .on { background-image:url(../img/Menu/hbtab_yellow_L.gif);} 
.hbBgYellow .on a { background-image:url(../img/Menu/hbtab_yellow_R.gif); }
.hbBgPurple .on { background-image:url(../img/Menu/hbtab_purple_L.gif);} 
.hbBgPurple .on a { background-image:url(../img/Menu/hbtab_purple_R.gif); }
.hbBgRed .on { background-image:url(../img/Menu/hbtab_red_L.gif);} 
.hbBgRed .on a { background-image:url(../img/Menu/hbtab_red_R.gif); }
.hbBgGray .on { background-image:url(../img/Menu/hbtab_gray_L.gif);} 
.hbBgGray .on a { background-image:url(../img/Menu/hbtab_gray_R.gif); }

.ddMenu { width:200px; position:absolute; box-shadow: 1px 3px 10px #999; display:none;  border:1px solid #666; background-color:#EEE; padding:4px 10px; z-index:100000;}


/* Left Panel
--------------------------*/
.pnlFrm { border:2px solid #dddddd; border-top-width:1px; margin-bottom:8px; width:200px; }
.pnl { border:1px solid #bbbbbb; }

.pnl .ttl { font:bold 8pt Arial; color:#ffffff; padding:5px 8px; }
.pnl .ttlGreen { background-image:url(../img/btn/BtnBG_Green.gif); }
.pnl .ttlBlue { background-image:url(../img/btn/BtnBG_Blue.gif); }
.pnl .ttlRed { background-image:url(../img/btn/BtnBG_Red.gif); }
.pnl .ttlYellow { background-image:url(../img/btn/BtnBG_Gold.gif); color:#000000; }
.pnl .ttlSilver { background-image:url(../img/btn/BtnBG_Silver.gif);  color:#000000; }
.pnl .ttlGray { background-image:url(../img/btn/BtnBG_Gray.gif); }

.pnl .ttlLightGreen { background-image:url(../img/btn/BtnBG_LightGreen.gif); color:#000000;}
.pnl .ttlLightBlue { background-image:url(../img/btn/BtnBG_LightBlue.gif); color:#000000;}
.pnl .ttlLightRed { background-image:url(../img/btn/BtnBG_LightRed.gif); color:#000000;}
.pnl .ttlLightYellow { background-image:url(../img/btn/BtnBG_LightYellow.gif); color:#000000; }

/* Left Panel New
--------------------------*/
.pnl2Frm { margin-bottom:8px; width:200px; }
.pnl2 {  }

.pnl2 .ttl { font:normal 8pt Tahoma, Arial; color:#966; border-bottom:1px dotted #bbb; padding:5px 12px; text-align:left; 
             text-shadow: 1px 1px 2px #fff;}

.pnl2 .cnt, 
.pnl2 .cusCnt { padding:8px 6px; font:normal  9pt Arial; border-top:1px solid #fff; }        

.pnl2 .cntNoBG { border-width:0; background-color:transparent; }        

.pnl2 .cnt a { display:block; padding:2px; color:#114; cursor:hand; margin:2px 0; text-decoration:none; }  

.pnl2 .cnt a:hover, 
.pnl2 .cnt a.on  { color:#900; padding:1px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none; }

.pnl2 .cnt a.off, 
.pnl2 .cnt a.off:hover  { color:#999; padding:2px; border-width:0; background-color:transparent; cursor:default; opacity:0.4; filter:alpha(opacity=40); }

.pnl2 .cnt a span { padding:4px 2px 4px 42px; display:block;  min-height:28px; background:url(../img/pnlico_template.gif) no-repeat 4px 4px; }
.pnl2 .cnt span div { font:normal 8pt "Segoe UI",Tahoma; color:#666; padding:3px 0 3px 0;  }

/*-----*/
.pnl2 .cnt a.subForm { font:normal 9pt Arial; display:block; padding:2px 2px 2px 7px; color:#111; cursor:hand;  }  

.pnl2 .cnt a.subForm:hover, 
.pnl2 .cnt a.subFormOn  { font:normal 9pt Arial; color:#900; padding:1px 1px 1px 6px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none;  }

.pnl2 .cnt a.subForm span,
.pnl2 .cnt a.subFormOn span { padding:4px 2px 4px 27px; display:block;  min-height:18px; background:url(../img/ico/ico_formedit.gif) no-repeat 4px 2px; }

.pnl2 .cnt a.subFormOff { font:normal 9pt Arial; display:block; padding:2px 2px 2px 7px; color:#999; cursor:default; opacity:0.5; filter:alpha(opacity=50); } 
.pnl2 .cnt a.subFormOff:hover { border-width:0; background-color:transparent; opacity:0.5; filter:alpha(opacity=50);  } 
.pnl2 .cnt a.subFormOff span { padding:4px 2px 4px 27px; display:block;  min-height:18px; background:url(../img/ico/ico_formedit_off.png) no-repeat 4px 2px; }

/*-----child sub form*/
.pnl2 .cnt a.subForm2 { font:normal 8pt Tahoma, Arial; display:block; padding:1px 1px 1px 26px; color:#111; cursor:hand;  }  

.pnl2 .cnt a.subForm2:hover, 
.pnl2 .cnt a.subForm2On  { font:normal 8pt Tahoma, Arial; color:#900; padding:0 0 0 25px; border:1px solid #eac18e; background:#fff8a7; text-decoration:none;  }

.pnl2 .cnt a.subForm2 span,
.pnl2 .cnt a.subForm2On span { padding:4px 2px 2px 25px; display:block;  min-height:18px; background:url(../img/ico/ico_new.gif) no-repeat 4px 0px; }

.pnl2 .cnt a.subForm2Off { font:normal  8pt Tahoma, Arial; display:block; padding:1px 1px 1px 26px; color:#999; cursor:default; opacity:0.5; filter:alpha(opacity=50); } 
.pnl2 .cnt a.subForm2Off:hover { border-width:0; background-color:transparent; opacity:0.5; filter:alpha(opacity=50);  } 
.pnl2 .cnt a.subForm2Off span { padding:4px 2px 2px 25px; display:block;  min-height:18px; background:url(../img/ico/ico_new.gif) no-repeat 4px 0px; }

/*-----*/
.pnl2 .sep { height:0px; margin:5px 0; font-size:0px; line-height:0px; border-top:1px solid #ccc; border-bottom:1px solid #fff;  }
.pnl2 .sepBlue { margin:5px 0; padding:2px 8px; color:#abc; font-size:8pt; border-bottom:1px solid #cde; text-align:right;  }
