.BODY {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	scrollbar-3d-light-color:#DBE1E1;
	scrollbar-arrow-color:#607776;
	scrollbar-base-color:#F4F4F4;
	scrollbar-dark-shadow-color:#DBE1E1;
	scrollbar-face-color:#F4F4F4;
	scrollbar-highlight-color:#DBE1E1;
	scrollbar-shadow-color:#FFFfff;
	FONT-SIZE: x-small;
	FONT-FAMILY: "mS Sans Serif";
}
.title {
	FONT: 17px Tahoma, Arial, Geneva, Helvetica, Verdana; COLOR: #336699; LETTER-SPACING: 0.2em
}

.top {
	width: 100%;
	vertical-align: bottom;
	background-image: url(../img/bgTop.gif);
}
#top {
	width: 100%;
	vertical-align: bottom;
	background-image: url(../img/banner.gif);
}
#main {
	FLOAT: right; MARGIN: 0px; WIDTH: 81%; max-width: 80%;
	height: 95%;
	max-height: 95%;
}

#side {
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 19%;
	max-width: 20%;

}

#tmenu
{
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(../img/bgTopMenu.gif);
	width: 100%;
	height: 17px;
}

#tmenu a, #tmenu a:link, #tmenu a:visited
{
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	color: #336633;
	text-decoration: none;
	/*background-color: #577E34;
	border: 1px solid #577E34;*/

}

#tmenu a:hover, #tmenu a:active, #tmenu a:focus
{
	/*border: 1px solid #000000;
	padding: 1px;
	padding-left: 0.5em;
	padding-right: 0.5em;*/
	text-decoration: none;
	color: #FFFFFF;
	background-color: #577E34;
	
}

#tmenu li
{
	padding-right: 1px;
	display: inline;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#tmenu ul
{
margin: 0px;
padding: 0px;
}


#smenu {
	height: 17px;
	vertical-align: bottom;
}
#smenu UL {
	MARGIN: 0px
}
#smenu H3 {
	PADDING-RIGHT: 0px;
	BORDER-TOP: 1px solid #ffffff;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 19px;
	BORDER-BOTTOM: 1px solid #ffffff;
	border-left: 1px solid #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/bgHeadSide.gif);
}

#smenu pre {
	FONT-SIZE: x-small; 
	FONT-FAMILY: "mS Sans Serif";
	MARGIN: 0px;
	PADDING: 0px;
	filter: Alpha(Opacity=20, Style=none);
	background-image: url(../img/bgDetail.gif);
}
#smenu H5 {
	PADDING-RIGHT: 0px;
	/*BORDER-TOP: 1px solid #bbbbbb;*/
	PADDING-LEFT: 5px;
	BACKGROUND: #fbfbfb;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 1px solid #bbbbbb;
	border-left: 1px solid #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#smenu LI {
	BORDER-TOP: 1px solid #ffffff;
	BACKGROUND: #EEF0F2;
	MARGIN: 0px;
	BORDER-BOTTOM: 1px solid #bec9d1;
	LIST-STYLE-TYPE: none;
	height: 17px;
	border-left: 1px solid #eeeeee;
}
#smenu A {
	DISPLAY: block;
	padding-left: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px;
	COLOR: #3f526b;	
	TEXT-DECORATION: none;
	height: 17px;	
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#smenu LI LI A {
	height: 17px;
}
#smenu LI LI LI A {
	height: 17px;
}
#smenu LI LI LI LI A {
	height: 17px;
}
#smenu LI A:hover {
	BACKGROUND: #ffffff url(../img/arrow.gif) no-repeat left center;
	height: 17px;
}
#smenu LI A:active {
	BACKGROUND: #F5F7F9 url(../img/arrow.gif) no-repeat left center;
	height: 17px;
}


#smenu LI LI {
	BACKGROUND: #000000
}
.nTB {
	margin-top: 5px;
	margin-bottom: 3px;
}

.header1, h1 {
	color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;
}
	
.header2, h2 {
	color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;
}
.header3, h3 {
	color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px; margin: 0px; padding: 2px;
}
.link {
	color : #CC0000;
	font-size : 11px;
	font-family : "MS Sans Serif", Tahoma, sans-serif;
	text-decoration: none;
}
.link a {
	color : #8999A5;
	font-size : 11px;
	font-family : "MS Sans Serif", Tahoma, sans-serif;
	text-decoration: none;
}
.link a:hover {
	color : #003366;
	font-size : 11px;
	font-family : "MS Sans Serif", Tahoma, sans-serif;
	text-decoration: none;
}
.text1 {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.text4 {
	font-family: Tahoma, "MS Sans Serif",  sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.text5 {
	font-family: Tahoma, "MS Sans Serif",  sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.text6 {
	font-family: Tahoma, "MS Sans Serif",  sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.txtDashBorder
{
	background-color : #CCCCCC;
	font-family: Tahoma, "MS Sans Serif",  sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.textboxRed {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	border: thin solid #820000 ;
}
.text_inv_report {
	font-family: CordiaUPC;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
}
.text_inv_report2 {
	font-family: CordiaUPC;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
.right {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.textheader {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #607776;
	text-decoration: none;
}
.isoHead {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.isoHead2 {
	
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.txtHead {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.txtHead a{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.txtHead a:hover {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 1px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005FA9;
	text-decoration: none;
}
.btn {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	filter: Light;
}
.text2 {
	/*PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;*/
	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005FA9;
	background-color:#B1B1B1;
	text-decoration: none;
	list-style-type: square;
}
.text21 {
	/*PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;*/
	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration: none;
	list-style-type: square;
}
.text2 a{
	BACKGROUND: url(../img/arrowB.gif) no-repeat left center;
	/*BORDER-BOTTOM: 1px solid #f0f0f0;*/
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #005FA9;
	text-decoration: none;
	height: 17px;
}
.text2 a:hover{
	BACKGROUND: url(../img/arrowB.gif) no-repeat left center;
	/*BORDER-BOTTOM: 1px solid #f0f0f0;*/
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #4AA7EF;
	text-decoration: none;
	height: 17px;
}
@charset "UTF-8";
.text3 {

	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	list-style-type: square;
}
.text3 {

	PADDING-BOTTOM: 1px;
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	list-style-type: square;
}
.inputDark{
     font-family: "MS Sans Serif", Tahoma, sans-serif;
     font-size: 12px;
     background-color : #CCD0CC;
     border : thin solid #707770;
     color : #707770; 
}
.form {
	BORDER-RIGHT: #b9bcbb 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9bcbb 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/from.gif); PADDING-BOTTOM: 3px; BORDER-LEFT: #b9bcbb 1px solid; COLOR: #1c3628; PADDING-TOP: 3px; BORDER-BOTTOM: #b9bcbb 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Geneva, Helvetica; BACKGROUND-COLOR: #ffffff
}
.formbutton {
	BORDER-RIGHT: #b9bcbb 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9bcbb 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(images/form.gif); PADDING-BOTTOM: 3px; BORDER-LEFT: #b9bcbb 1px solid; COLOR: #2055af; PADDING-TOP: 3px; BORDER-BOTTOM: #b9bcbb 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Geneva, Helvetica; BACKGROUND-COLOR: #ffffff
}
.form1 {
	BORDER-RIGHT: #b9bcbb 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9bcbb 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/form.gif); PADDING-BOTTOM: 3px; BORDER-LEFT: #b9bcbb 1px solid; COLOR: #1c3628; PADDING-TOP: 3px; BORDER-BOTTOM: #b9bcbb 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Geneva, Helvetica; BACKGROUND-COLOR: #ffffff
}
DIV.clSlide{position:absolute;  ;z-index:5; left:0; width:185; height:22; clip:rect(0,185,22,0); padding:1px;}
DIV.clSlideSub{position:absolute; ;z-index:5; padding:1px; clip:rect(0,185,20,0); width:185; height:20; left:2; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:5; padding:1px; clip:rect(0,185,20,0); width:185; height:20; left:2; visibility:hidden}
#divSlideCont{position:absolute; z-index:5; left:0; top:100; height:800; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy}

#navlist
{
background: #FFCC00;
margin: 0px;
padding: 0px;
height: 16px;
border: 1px solid #FFEA93;
}

#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#navlist li a:link, #navlist li a:visited
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 16px;
	overflow: hidden;
	width: 130px;
	text-align: center;
}

#navlist li a#current
{
color: #000000;
font-style: normal;
}

#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background: #CC3333;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.LIhead {
	font-family:"MS Sans Serif", "Microsoft Sans Serif", sans-serif, serif;	
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.selectRedBox {
  font-family: "MS Sans Serif", Tahoma, sans-serif;
  font-size: 12px;
  color: #000000;
  border: 1px solid #820000; /* เส้นขอบแดงเข้ม */
  padding: 4px;
  border-radius: 4px; /* ทำมุมนิ่มขึ้นเล็กน้อย (ไม่บังคับ) */
}

.text4Red {
	font-family: Tahoma, "MS Sans Serif",  sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border-color : #820000;
	
}