/*	::  MAIN . CSS  ::
 *	SYSTEM : EGP
 *	EDITOR  : SUMATE@PCCTH.COM		*/

html, body {
/* 	height:			1000;*/
	margin:			0;
	padding:		0;
	font-size:		14px;
	font-family:	"Tahoma", sans-serif;
	/*background-color: #fef2de; 
	background-repeat: repeat-x; 
	background-image: url(../images/bgMainOrg.gif)*/
	/*background-color: #E1E3E4;*/
}

A:link		{color: #6488B3; text-decoration: none;}
A:active		{color: #6488B3; text-decoration: none;}
A:visited	{color: #6488B3; text-decoration: none;}
A:hover		{color: #000000; text-decoration: none;}

table {
	color:			#000000;
	font-size:		14px;
	font-family:	"Tahoma", sans-serif;
}

.trTitle {
	color:			#000000;
	font-size:		14px;
	font-family:	"Tahoma", sans-serif;
}

.lightsilver {color: #f0f0f0;}
.silver		{color: silver;}
.silver1	{font-size: 13px;color: silver;}
.gray		{color: gray;}
.gray1		{font-size: 13px;color: gray;}
.star		{font: bold; color: #FF4040;}
.blue		{color: #123456;}
.green		{color: #174700;}
.brown		{color: #673707;}
.brown1		{font-size: 13px;color: #673707;}
.back		{font-size: 13px;color: #000000;}
.attach		{font-size: 13px;color: #FF4040;}

.regTitle	{font: bold; color: #174700; font-size: 15px; font-family: "Tahoma", sans-serif;}
.tbGray		{background: #e0e0e0; border: solid 1px #c0c0c0;}

/* TABLE ROW */
.trHeader	{font: bold; background: #808080; color: #f0f0f0; height: 22;}
.th			{font: 13px ;background: #f0f0f0; height: 44px;}
.tr0		{font: 13px ;background: #f7f7f7; height: 26px;}
.tr1		{font: 13px ;background: #e7e7e7; height: 26px;}
.trYellow1	{font: 13px ;background: #FDF33C; height: 26px;}
.trWhite	{background: #ffffff;}
.trGray		{background: #f0f0f0;}
.trGray1	{font: 13px "Tahoma";font: bold;background: #f0f0f0;}
.trBlue		{background: #D6DDE5; height: 28px;}
.trGreen	{background: #D1E0C9; height: 28px;}
.trYellow	{background: #FFFFCC; height: 28px;}
.thGreen	{font: bold; color: #174700; background: #D1E0C9; height: 28px;}
.thGreen1	{font: 13px "Tahoma";font: bold; color: #174700; background: #D1E0C9; height: 28px;}
.thGreen2	{font: 25px "Tahoma";font: bold; color: #174700; background: #D1E0C9; height: 28px;}
.trGray2	{font: 13px "Tahoma";background: #f0f0f0;height: 28px;}
/*add color by pin */
.trHoneydew	{background: #ffffff;; height: 28px;}
.trIvory	{background: #fffff0; height: 28px;}
.trMintcream {background: #f5fffa; height: 28px;}
.trLightgoldenrodyellow {background: #fafad2; height: 28px;}
.trGhostwhite {background: #f8f8ff; height: 28px;}
.trSnow {background: #fffafa; height: 28px;}
/* TABLE COLOMN */
.tdWhite	{background-color: #ffffff;}
.tdWhite2	{font-size:	14px; font-family: "Tahoma", sans-serif; background-color: #ffffff;}

/* TABLE HEADER & FOOTER*/
.trHeader2	{font: bold; background: #5384ce; color: #000000; height: 22; }
.thLarge		{font: bold; background: #5384ce; color: #000000; height: 44; }
.thSmall		{font: bold; background: #5384ce; color: #000000; height: 22; }
.trSubHead{font: bold; background: #e0e0e0; color: #000000; height: 22; }
.thFooter		{font: 14px "Tahoma"; background: #FFFFFF; color: #000000; height: 25; }

/* TABLE MENU */
.tmCommon0		{font: 12px "Tahoma"; color: #808080; background: #e0e0e0; height: 22px; cursor: pointer; cursor: hand; border: solid 1px #e0e0e0;}
.tmCommon1		{font: 12px "Tahoma"; color: #808080; background: #e0e0e0; height: 22px; cursor: pointer; cursor: hand; border: solid 1px #e0e0e0;}
.tmMenuTD		{background: #e0e0e0; cursor: pointer; cursor: hand; border: solid 1px #e0e0e0;}
.tmMenuApp		{font: bold 13px "Tahoma"; color: #808080; background: #f0f0f0; height: 28px; cursor: pointer; cursor: hand;}
.tmMenuAppSelected	{font: bold 13px "Tahoma"; color: #404040; background: #e0e0e0; height: 28px; cursor: pointer; cursor: hand;}

/*.butMenu {font-size: 14px; color: #000000; border: solid 0px; cursor: pointer; cursor: hand; background: url('../images/bgButton.gif');width: 8em;}*/
.butMenu 	{font-size:14px; color: #000000; cursor: pointer; cursor: hand; width: 8em;}
.butHelp 	{font-size:10px; color: #000000; border: solid 1px #c0c0c0; cursor: pointer; cursor: hand; background: #f0fff0; width: 18px;}
.btnCommon	{font-size-size:13px; color: #000000; border: solid 0px; cursor: pointer;}	/*EGP*/
.btnDisabled	{font-size:13px; color: #999; border: solid 0px;}

/*	 TEXTBOX	*/
.txtLogin	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; width: 100px;}
.txtPasswd	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 22px;} /*EGP*/
.txtCommon	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 22px;}	/*EGP*/
.txtMandatory	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 18px;}
.txtError	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 18px;}
.txtDisabled	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 22px;}	/*EGP*/
.txtHidden	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 18px;}
.txtLabel	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff; height: 22px;}		/*EGP*/
.txtLabel1	{font: 14px "Tahoma"; color:#000000; border: solid 0px #626262; background: #ffffff; height: 22px;}		/*EGP*/

/* MONEYBOX*/ /*EGP*/
.mnyCommon		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 22px; text-align: right}
.mnyMandatory	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 22px; text-align: right}
.mnyError		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 22px; text-align: right}
.mnyDisabled	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 22px; text-align: right}
.mnyHidden		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 22px; text-align: right}

/*	 SELECTBOX	*/
.selStatus		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 18px;}
.selCommon		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 22px;}	/*EGP*/
.selMandatory	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 18px;}
.selError		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 18px;}
.selDisabled	{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 22px;}	/*EGP*/

/*	 LISTBOX	*/
.lstCommon		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 18px;}
.lstMandatory	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 18px;}
.lstError		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 18px;}
.lstDisabled	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 18px;}

/*	 CHECKBOX	*/
.chbCommon		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 18px;}
.chbMandatory	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 18px;}
.chbError		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 18px;}
.chbDisabled	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 18px;}

/*	 TEXTAREA	*/
.txaCommon {
	font: 14px "Tahoma";
	color:	#000000;
	border: solid 1px #626262;
	background: #ffffff;
	overflow: auto;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:#e0e0e0;
}
.txaMandatory {
	font: 10px "Tahoma";
	color:	#000000;
	border: solid 1px #626262;
	background: #fffff0;
/*	background: #f0fff0;*/
	overflow: hidden;
	scrollbar-3dlight-color: #fffff0;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #fffff0;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #fffff0;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:#e0e0e0;
}
.txaError {
	font: 10px "Tahoma";
	color:	#000000;
	border: solid 1px #626262;
	background: #fff0f0;
	overflow: hidden;
	scrollbar-3dlight-color: #fff0f0;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #fff0f0;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #fff0f0;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:#e0e0e0;
}
.txaDisable {
	font: 14px "Tahoma";
	color:	#000000;
	border: solid 1px #626262;
	background: #f0f0f0;
	overflow: auto;
	scrollbar-3dlight-color: #f0f0f0;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #f0f0f0;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #f0f0f0;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:#e0e0e0;
}
.reportField {
	font: 10px "Tahoma";
	color: #0000FF;
	background: #f0f0f0;
}

@font-face{font-family:TH Sarabun New;src:url(/egpThemeWeb/fonts/THSarabunNew/Normal/THSarabunNew.eot);src:url(/egpThemeWeb/fonts/THSarabunNew/Normal/THSarabunNew.eot?) format('embedded-opentype'),url(/egpThemeWeb/fonts/THSarabunNew/Normal/THSarabunNew.svg) format('svg'),url(/egpThemeWeb/fonts/THSarabunNew/Normal/THSarabunNew.woff) format('woff'),url(/egpThemeWeb/fonts/THSarabunNew/Normal/THSarabunNew.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:TH Sarabun New;src:url(/egpThemeWeb/fonts/THSarabunNew/Bold/THSarabunNew-Bold.eot);src:url(/egpThemeWeb/fonts/THSarabunNew/Bold/THSarabunNew-Bold.eot?) format('embedded-opentype'),url(/egpThemeWeb/fonts/THSarabunNew/Bold/THSarabunNew-Bold.svg) format('svg'),url(/egpThemeWeb/fonts/THSarabunNew/Bold/THSarabunNew-Bold.woff) format('woff'),url(/egpThemeWeb/fonts/THSarabunNew/Bold/THSarabunNew-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:TH Sarabun New;src:url(/egpThemeWeb/fonts/THSarabunNew/Italic/THSarabunNew-Italic.eot);src:url(/egpThemeWeb/fonts/THSarabunNew/Italic/THSarabunNew-Italic.eot?) format('embedded-opentype'),url(/egpThemeWeb/fonts/THSarabunNew/Italic/THSarabunNew-Italic.svg) format('svg'),url(/egpThemeWeb/fonts/THSarabunNew/Italic/THSarabunNew-Italic.woff) format('woff'),url(/egpThemeWeb/fonts/THSarabunNew/Italic/THSarabunNew-Italic.ttf) format('truetype');font-weight:400;font-style:italic}
@font-face{font-family:TH Sarabun New;src:url(/egpThemeWeb/fonts/THSarabunNew/BoldItalic/THSarabunNew-BoldItalic.eot);src:url(/egpThemeWeb/fonts/THSarabunNew/BoldItalic/THSarabunNew-BoldItalic.eot?) format('embedded-opentype'),url(/egpThemeWeb/fonts/THSarabunNew/BoldItalic/THSarabunNew-BoldItalic.svg) format('svg'),url(/egpThemeWeb/fonts/THSarabunNew/BoldItalic/THSarabunNew-BoldItalic.woff) format('woff'),url(/egpThemeWeb/fonts/THSarabunNew/BoldItalic/THSarabunNew-BoldItalic.ttf) format('truetype');font-weight:700;font-style:italic}