/*	::  MAIN . CSS  ::
 *	SYSTEM : EGP
 *	EDITOR  : SUMATE@PCCTH.COM		*/

html, body {
/* 	height:			1000;*/
	margin:			0;
	padding:		0;
/*	background:	url("") repeat-y white;
	background-color: #ffffff;
	color:			#000000;*/
	font-size:		14px;
	font-family:	"Tahoma", sans-serif;
	/*background-color: #c7e2f5; 
	background-repeat: repeat-x; 
	background-image: url(../images/bgMain_Grd.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;}
.brownfont11{font-size: 11px;color: #673707;}
.back		{font-size: 13px;color: #000000;}

.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;}
.trWhite	{background: #ffffff;}
.trGray	{background: #f0f0f0;}
.trBlue	{background: #D6DDE5; height: 28px;}
.thBlue1	{font: 13px "Tahoma";font: bold; color: #123456; 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;}

/* 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:hand; border: solid 1px #e0e0e0;}
.tmCommon1		{font: 12px "Tahoma"; color: #808080; background: #e0e0e0; height: 22px; cursor:hand; border: solid 1px #e0e0e0;}
.tmMenuTD		{background: #e0e0e0; cursor:hand; border: solid 1px #e0e0e0;}
.tmMenuApp		{font: bold 13px "Tahoma"; color: #808080; background: #f0f0f0; height: 28px; cursor:hand;}
.tmMenuAppSelected	{font: bold 13px "Tahoma"; color: #404040; background: #e0e0e0; height: 28px; cursor:hand;}

.butMenu 	{font-style:"sans-serif";font-size:14px; color: #000000; cursor: hand; width: 8em;}
.butHelp 	{font-style:"sans-serif";font-size:10px; color: #000000; border: solid 1px #c0c0c0; cursor: hand; background: #f0fff0; width: 18px;}
.btnCommon	{font-style:sans-serif;font-size:13px ; color: #000000; border: solid 0px; cursor: pointer; }	/*EGP*/
.btnDisabled	{font-style:"sans-serif";font-size:13px; color: #000000; border: solid 0px;}
/*
.btnCommon	{ background-color: transparent !important;
    background-image: url("/egpThemeWeb/img/E-GP3_Line Blue.png") !important;
    background-repeat: repeat-x !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #fff !important;
    font: 15px "Tahoma" !important;
    line-height: 20px !important;
    height: 28px  !important;
    min-width: 70px !important;
   
}
*/
/*	 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;}

.txtDot0		{font: 8px "Tahoma"; color:#000000; border: 0px #f0f0f0; background: #e0e0e0; height: 1px; width:1px; line-height: 1.42857; }
.txtDot1		{font: 8px "Tahoma"; color:#000000; border: 0px #f0f0f0; background: #ffffff; height:1px;  width:1px; line-height: 1.42857; }
.txtDot2		{font: 8px "Tahoma"; color:#000000; border: 0px #f0f0f0; background: #5384ce; height: 1px; width:1px; line-height: 1.42857; }
.txtLabel		{font: 14px "Tahoma"; color:#000000; border: solid 1px #f0f0f0; background: #fffff; height: 22px; line-height: 1.42857; }		/*EGP*/
.txtLabel1		{font: 14px "Tahoma"; color:#000000; border: solid 0px #000000; background: #ffffff; height: 22px; line-height: 1.42857; }		/*EGP*/

/* MONEYBOX*/
.mnyCommon		{font: 14px "Tahoma"; color:#000000; border: solid 1px #626262; background: #ffffff; height: 22px; text-align: right}
.mnyMandatory	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fffff0; height: 18px; text-align: right}
.mnyError		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #fff0f0; height: 18px; text-align: right}
.mnyDisabled	{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 18px; text-align: right}
.mnyHidden		{font: 10px "Tahoma"; color:#000000; border: solid 1px #626262; background: #f0f0f0; height: 18px; 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*/
.seldd0			{font: 14px "Tahoma"; color:#000000;}
.seldd1			{color: #000000; border: solid 1px #e0e0e0; background: #e0e0e0; height: 20px; line-height: 1.42857; }
.seldd2			{color: #000000; border: solid 1px #ffffff; background: #ffffff; height: 20px; line-height: 1.42857; }

/*	 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: 1px solid #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: 1px solid #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: 1px solid #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: 1px solid #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;
}
@keyframes blink {
to { color: red; }
}

.my-element {
color: black;
animation: blink 1s steps(2, start) infinite;
}
@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}