.table td,.tlayout td, .table_pop td{
		vertical-align:top;		
	}
	img{
		border:none;
	}
	.frmSearch{width:100%;} /* กล่องสำหรับค้นหาด้านบนหน้าค้นหาบุคลากร*/
	.frmSearch li{ /* li สำหรับวางแนวนอน กำหนดด้านขวาให้ห่างกันประมาณ 5%*/ 
		display:inline;
		list-style:none;
		margin-right:5%;
	}
	#tableHeader,#ptableHeader{/* สำหรับคำอธิบายตารางหรือคำหัวตาราง */
		font-size:18px;
		text-align:center;width:100%;
		color:#666666;
		margin-bottom:10px;
		font-weight:bold;
	}
	#ptableHeader{
		color:#000000;	
	}
	label{
		font-weight:bold;
	}
	.table,.tablePrint{/*คลาสสำหรับตาราง */
		border:1px solid #d6dde6;
		border-collapse:collapse;
		width:100%;		
	/*	position:relative;*/
	}
	.table_pop{
		border:1px solid #d6dde6;
		border-collapse:collapse;
		width:95%;		
	}
	.tablePrint{
		border:1px solid #000000;
	}
	.table th,.tablePrint th{
		text-align:center;
	}
	.table td,.table th, .table_pop td{
		border:1px solid #d6dde6;
	}
	.tablePrint td,.tablePrint th{
		border:1px solid #000000;
	}

	.table th,.tablePrint th{
		padding:0.2em;	
	}
	.table td,.tablePrint td{
		vertical-align:top;
	}
	.table th{
		text-align:center;
		border:1px solid #828282;
		background-color:#68A5E8;
		color:white;
		font-family: "MS Sans Serif";/*"sans-serif";*/
		font-size: 10pt;
		font-weight:bold;
		padding:0.2em;
	}
	.tablePrint th{
		text-align:center;
		border:1px solid black;
		background-color:#ffffff;
		color:black;
		font-weight:bold;
		padding:0.2em;	
	}
	.tablePrint .alternate{
		background-color:#ffffff;
		color:#000000;
	}
	.tGroup{/*สำหรับแบ่งกลุ่มข้อมูลในตาราง*/
		background-color:#cccccc;		
		font-weight:bold;
		color:#8C0000;
		text-align:left;
	}
	.dGroup{/*สำหรับแบ่งกลุ่มข้อมูลไม่แสดง background-color*/	
		font-weight:bold;
		color:#8C0000;
		text-align:left;
	}
	.table tr,.tablePrint tr, .table_pop tr{
		line-height:25px;
	}
	.optCol{
		width:0px;
		display:none;
	}
	.span{/*คลาสสำหรับกำหนดสีตัวอักษรสีแดง*/
		color:red;
	}
	.alternate{/*คลาสสำหรับสลับสีแต่ละแถวในตาราง*/
		background-color:#D3E0F9;
	}
	.bold{font-weight:bold;}/*กำหนดตัวอักษรตัวหนาให้กับข้อความ*/
	.aCenter{
		text-align:center;
	}
	.vCenter{
		vertical-align:middle;
	}
	.vBottom{
		vertical-align:bottom;
	}
	.icoPopUp{
		border:none;
		width:20px;
		vertical-align:middle;
		margin:0px 5px 0px 5px;
	}
	.aRight{
		text-align:right;
	}
	.aLeft{
		text-align:left;
	}
	.rightBox{
		position:relative;
		float:right;
		margin-bottom:15px;
	}
	.leftBox{
		position:relative;
		float:left;
	}
	.boxBlock{
		width:100%;
		display:block;
		padding:0!important;
		margin:0!important;
		margin-bottom:-15;
		padding-bottom:-10;
	}
	.alignRight{
		float:right;
		text-align:right;
	}
	.frmAdd{
		width:60%;
		text-align:left;
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
	.frmAdd li{
		list-style:none;
		padding:0.3em;
	}
	.frmAdd label{
		width:40%;
		float:left;
	}
	.error{
/*		display:inline;*/
		color:red;
	}
	.message{
		color:blue;
		font-weight:bold;
	}
	.preMethod{
		border:0px;
	}
	.hover{
		cursor:pointer;	
	}
	.tlayout{
		margin:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.tlayout table{
		text-align:left;
	}
	.tdNumber{
		text-align:center;
		width:7%;
	}
	.tdAction{
		text-align:center;
		width:5%;
	}
	.trHover{
		background-color:#DDDDDD;
	}
	.remarkBox{
		text-align:left;
	}
	.remarkBox span{
		float:left;
		width:7%;
	}
	.remarkBox ul{
		position:relative;
		margin:0;
		padding:0;
	}
	.remarkBox li{
		list-style:none;
	}
	.remarkBox div{
		position:relative;
		margin-left:7%;
		width:93%;
	}
	.divInline div{
		display:inline;
	}
	.tbSpacing td,.tbSpacing tr{
		padding:3px;
	}
	.tab{
		position:relative;
		vertical-align:text-bottom;
		text-align:left;
		list-style:none;
		margin:0!important;
		padding:0!important;
	}
	.tab li,.tabHover {
		float:left;	
		display:inline;
		margin:0 3px 0 0;
		padding: 5px 3px;
		background:url("../images/bgTabNew.gif") no-repeat;
	}
	.tab a:link,.tab a:visited,.tabHover a{
		padding: 5px 7px;
		text-decoration: none;
	}
	.tab li a:hover{
		color:#ffffff;
		text-decoration:none;
	}
	.tabHover{
		background:url('../images/bgTabHoverNew.gif') no-repeat !important;
	}
	#selectedTab{
		background:url('../images/bgTabActiveNew.gif') no-repeat !important;
	}

/*
	.tab{
		vertical-align:text-bottom;
		text-align:left;
		list-style:none;
		margin:0!important;
		padding:0!important;
	}
	.tab li{
		text-align:center;
		vertical-align:middle;
		float:left;
		display:inline;
		background-image:url("../images/bgTab.gif");
		background-repeat:no-repeat;
		width:115px;
		height:23px!important;
		height:27px;
		padding-top:3px;
	}
	.tab li a:link,.tab li a:visited{
		text-decoration:none;
		color:#000000;
	}
	.tab li a:hover{
		width:100%;
		color:#ffffff;
	}
	.tabHover{
		background-image:url('../images/bgTabHover.gif');
		background-repeat:no-repeat;
	}
	#selectedTab{
		background-image:url("../images/bgTabActive.gif");
		background-repeat:no-repeat;		
	}*/
	.noBoder{
		padding:0;
		margin:0;
	}
	.boxCenter
	{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.success,.fail{
		width:80%;
		right:0%;
		padding:7px 7px 7px 30px;
		position:absolute;
		top:30%;
	}
	.success{
		border:1px solid #00FF00;
		background:url('../images/ok.gif') no-repeat #F0FFF0;
		background-position:10px 50%;
	}
	.fail{
		border:1px solid #FFD700;
		background:url('../images/failure.gif') no-repeat #FFFFDD;
		background-position:10px 50%;
	}