/*  ----  Jirath_b@truemail.co.th ---- */
/* ---------------------------------------------------------------------เริ่มส่วน Body TD และส่วนหลัก--------------------------------------------------------------------- */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body
{
		/*background-image: url(image/bg_staff.jpg);*/
}

.small{font-size: 10px;}

.big{font-size: 14px;}

.extrabig{font-size: 24px;}

.indent{text-indent: 20px; }

#dhtmltooltip  /*  สำหรับ tooltip  สร้างกล่องที่จะแสดงขึ้นมา */
{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#topbar  /*  banner ลอยหน้าเว็บเพจ */
{
	position:absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	width: 590px;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ---------------------------------------------------------------------จบส่วน Body TD และส่วนหลัก--------------------------------------------------------------------- */
/*  ----  Jirath_b@truemail.co.th ---- */
/* ---------------------------------------------------------------------เริ่มส่วน ลูกเล่นเกี่ยวกับเมนู รูปภาพ--------------------------------------------------------------------- */

.pro-url-pic-on{background-image:url('image/ball_red.gif'); background-repeat:no-repeat; padding-left:17px; padding-bottom:2px;}/* สลับรูปภาพกัน */
.pro-url-pic-off{background-image:url('image/ball_green.gif');background-repeat:no-repeat;padding-left:17px; padding-bottom:2px;}/* สลับรูปภาพกัน */

.gray-on{height:53px;width: 146px;filter: alpha(opacity=90); -moz-opacity: 0.9;}/* สลับปกติกับจาง */
.gray-off {height:53px;width: 128px;}/* สลับปกติกับจาง */

.menu{background-color:#F2ECD3; }/* เปลี่ยนสีพื้นหลัง */
.menu-over{background-color:#E3D0B6;}/* เปลี่ยนสีพื้นหลัง */

/* ---------------------------------------------------------------------จบส่วน ลูกเล่นเกี่ยวกับเมนู รูปภาพ ลิงก์--------------------------------------------------------------------- */
/*  ----  Jirath_b@truemail.co.th ---- */
/* ----------------------------------------------------------------------------------เริ่มส่วน ทั่วๆไป-------------------------------------------------------------------------------- */
.but2
{
	 background: url(image/submit.png) center no-repeat; border:none;
}

.search-box /*  เพิ่มรูปแว่นขยาย สำหรับใส่ใน Textfield */
{
	background-image:url('image/search.gif');
	background-repeat:no-repeat;
	padding-left:20px;
}

.scroll-area /*  สร้าง กล่องข้อความ คล้ายๆ IFrame */
{
	width: 400px;	
	height: 150px;	
	overflow: auto;
	border:inset;
	border-right-width:5px;
}

/* ---------------------------------------------------------------------จบส่วน ลูกเล่นเกี่ยวกับเมนู รูปภาพ ลิงก์--------------------------------------------------------------------- */
/*  ----  Jirath_b@truemail.co.th ---- */
/* ---------------------------------------------------------------------------เริ่มส่วน สำหรับ Html Area---------------------------------------------------------------------------- */

.ulToolbar {display:block;width:602px;overflow:hidden;background-color:#CCCCCC;margin:0;padding:0;cursor:pointer;z-index:0;}
.ulToolbar li {float:left;text-align:center;list-style:none;vertical-align:middle;}

/* ---------------------------------------------------------------------------จบส่วน สำหรับ Html Area---------------------------------------------------------------------------- */
/*  ----  Jirath_b@truemail.co.th ---- */

#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:180px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:180px;
	z-index:1;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #CECECE;
}
a:active {
	text-decoration: none;
	color: #666666;
}
.style3 {
	font-size: 10px;
	font-weight: bold;
}
-->

/*  ----  Sub Tree Menu ---- */
ul.tree { display:none;margin-left:0px; padding-left:0px; }
li.folder { list-style-type:none;}
li.folderOpen { list-style-type:none;}
li.file { list-style-type:none; padding-left:0px; padding-top:3px; padding-bottom:3px;}

a.treeview {font-family:tahoma; font-size:12px;}
a.treeview:link {text-decoration:none; color: #0099CC;}
a.treeview:visited{text-decoration:none; color: #0099CC;}
a.treeview:hover {	text-decoration:none; color: #CCCCCC;}
.style8 {font-size: 14px}
.style10 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.style12 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.style13 {font-size: 16px}