html,body{
font-family: "MS Sans Serif","Tahoma";
font-size: 10pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.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:center;
}
.dGroup{/*สำหรับแบ่งกลุ่มข้อมูลไม่แสดง background-color*/
font-weight:bold;
color:#8C0000;
text-align:left;
}
.table tr,.tablePrint tr, .table_pop tr{
line-height:25px;
}
.tb_1 tr.light td
{
background-color: #D1DCF3;
font-size:10pt;
font-weight:bold;
}
.light1
{
background-color: #EBEFF3;
font-size:10pt;
font-weight:bold;
}
.light2
{
background-color: #EBEFF3;
font-size:10pt;
}
.tb_1 tr.light3 td
{
background-color: #D1DCF3;
font-size:10pt;
}
.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%;
}
.ver_table{
border:1px solid #828282;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
font-family: "MS Sans Serif","Tahoma";
font-size: 10pt;
}
.ver_table th,.ver_table td{
padding:7px 0 7px 5px;
border:1px solid #D6DDE6;
}
.ver_table th{
background-color:#68A5E8;
color:#FFFFFF;
}
.ver_center{
text-align:center;
}
.ver_right{
text-align:right;
}
.ver_left{
text-align:left;
}
.ver_error{
color:#FF0000;
}
.noborder{
border:0;
padding:0;
margin:0;
}
.ver_al_center{
margin:0 auto;
}
.ver_header{
font-size:18px;
text-align:center;
width:100%;
color:#666666;
margin-bottom:10px;
font-weight:bold;
}
.sub-header{
background-color:#C7E1FC;
color:#000000;
font-weight:bold;
}