body,select,div,input,td,th
{
    font-family:Tahoma;
   	font-size:10pt;
	color:#333333;
	text-decoration : none;
    margin-top:0px;
	
}
A:link 
{
	text-decoration: none;
}
A:visited 
{
	text-decoration: none;
}
A:active 
{
	text-decoration: none;
}
A:hover 
{
	text-decoration: none;
}
.pTopic
{
   font-size:14pt;
   font-weight:bold;
   color:#17375D;    
}
p
{
   font-size:14pt;
   font-weight:bold;
   color:#17375D;    
   /*padding:5px 0px 10px 0px;*/
}
.FooterSection 
{
    
    background-color: #F0F0F0;
  
    padding-right:5px;
    padding-left :5px;
    width:995px;
  
}

.SearchSection 
{
    background-color:#F0F0F0;
 
    
}
.SearchSection td
{
    
    padding-left:5px;
    white-space:nowrap;
    
}

.SearchSection td.lable
{
    
     font-weight:bold;
     max-width :15%;
   
     
     
    
}

.SearchSection  th
{
     font-weight:bold;
     color: #02B050;
     text-align :left;  
     padding-left:5px;
    
}
.SearchSection tr
{
     height:25px;    
     padding-left:10px;
     padding-right:10px;
}
.SearchSection input.submit
{
    color:#050;
    font: bold small 'trebuchet ms',helvetica,sans-serif;
    width:100px;
}

.btnSubmit
{
    color:#050;
    font: bold small 'trebuchet ms',helvetica,sans-serif;
    width:100px;
     font-weight :bold;
   
}

.rcbItem{
   
    font-family:Tahoma;
   	color:#00156e;
	text-decoration : none;
	

}

.rcbList li:hover
{  
   	color:#00156e;
	text-decoration : none;
	font-weight:bold;
}
.rcbInput{
   
    font-family:Tahoma;
   	color:#00156e;
	text-decoration : none;

	
}
.rgPagerLabel
{
    vertical-align:bottom;
}

.Header2
{
   padding:5px 0px 5px 0px;
   font-size:12pt;
   font-weight:bold;
   color:#17375D;     
    
}
.mergeBorder
{
    border-left:solid 1px #379395;
}

#content,
#footer,
#tbLayout,
#mContainer
{
     width:985px; 
     
}

.txtInProcess,
.txtExpired
{
    text-align:center;
    color : Red;
    padding:20px 0px 20px 0px;
    font: "tahoma", "MS Sans Serif", vernada;
    font-size:16px;
    
}

/*Telerik RadGrid NoBorder Skin*/
div.RadGrid_NoBorder .rgHeader,
div.RadGrid_NoBorder th.rgResizeCol,
div.RadGrid_NoBorder .rgRow td,
div.RadGrid_NoBorder .rgAltRow td,
div.RadGrid_NoBorder .rgEditRow td,
div.RadGrid_NoBorder .rgNoRecords td
{
 /*  border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-top-width:0px;*/
  border-width:0 !important;   
    
}

 .watermark
{
    font-style: italic; 
    color: #808080;   
    font-family: "tahoma", "MS Sans Serif", vernada;
    font-size:11px; 
}

/*Telerik RadGrid Office2007 Skin*/

/*global*/

.RadGrid_PublicGrid
{
  /*    border:1px solid #379395;*/
 border-width: 1px 1px 0px 0px;
       border-style:solid;
       border-color: #379395;
       border-collapse: collapse ;
    background:#fff;
    color:#333;

    
}
.RadGrid_PublicGrid .rgMasterTable
{
      border-collapse:collapse !important;
}


.RadGrid_PublicGrid,
.RadGrid_PublicGrid .rgMasterTable,
.RadGrid_PublicGrid .rgDetailTable,
.RadGrid_PublicGrid .rgGroupPanel table,
.RadGrid_PublicGrid .rgCommandRow table,
.RadGrid_PublicGrid .rgEditForm table,
.RadGrid_PublicGrid .rgPager table,
.GridToolTip_PublicGrid
{
    font:12px/16px "segoe ui",arial,sans-serif;
}


.RadGrid_PublicGrid .rgMasterTable td
{
    border-style:solid;
	border-width:0 0 1px 1px;
	border-color: #379395;
 }

.RadGrid_PublicGrid .rgHeader:first-child,
.RadGrid_PublicGrid th.rgResizeCol:first-child,
.RadGrid_PublicGrid .rgFilterRow>td:first-child,
.RadGrid_PublicGrid .rgRow>td:first-child,
.RadGrid_PublicGrid .rgAltRow>td:first-child
{
	border-left-width:0;
	padding-left:8px;
}

.RadGrid_PublicGrid .rgAdd,
.RadGrid_PublicGrid .rgRefresh,
.RadGrid_PublicGrid .rgEdit,
.RadGrid_PublicGrid .rgDel,
.RadGrid_PublicGrid .rgFilter,
.RadGrid_PublicGrid .rgPagePrev,
.RadGrid_PublicGrid .rgPageNext,
.RadGrid_PublicGrid .rgPageFirst,
.RadGrid_PublicGrid .rgPageLast,
.RadGrid_PublicGrid .rgExpand,
.RadGrid_PublicGrid .rgCollapse,
.RadGrid_PublicGrid .rgSortAsc,
.RadGrid_PublicGrid .rgSortDesc,
.RadGrid_PublicGrid .rgUpdate,
.RadGrid_PublicGrid .rgCancel,
.RadGrid_PublicGrid .rgUngroup,
.RadGrid_PublicGrid .rgExpXLS,
.RadGrid_PublicGrid .rgExpDOC,
.RadGrid_PublicGrid .rgExpPDF,
.RadGrid_PublicGrid .rgExpCSV
{
	background-image:url('Images/Grid/sprite.gif');
}

.rcbInput
{
      background-color:Green;    
}

/*header*/

.RadGrid_PublicGrid .rgHeaderDiv
{
	background:#d6e5f3 0 -8050px repeat-x url('Images/Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
	background-position:0 -7550px;
}

.RadGrid_PublicGrid .rgHeader,
.RadGrid_PublicGrid th.rgResizeCol
{
	border:solid #5d8cc9;
	border-width:0 0 1px 1px;
	background:0 -2300px repeat-x #c3d8f1 url('Images/Grid/sprite.gif');
}

.RadGrid_PublicGrid th.rgSorted
{
	border-bottom-color:#ff9b35;
	background-color:#ffca5e;
	background-position:0 -2600px;
}

.RadGrid_PublicGrid .rgHeader,
.RadGrid_PublicGrid .rgHeader a
{
    color:#00156e;
}
.RadGrid_PublicGrid th.rgHeader 
{
    background-color:#16AE9C;/*set bg color of header*/
    color:White;
    text-align:center;    
    font-weight:bold;
    border-color: #379395;
    
}

.RadGrid_PublicGrid th.rgSorted,
.RadGrid_PublicGrid th.rgSorted a
{
    color:#000;
}

/*rows*/

.RadGrid_PublicGrid .rgRow td,
.RadGrid_PublicGrid .rgAltRow td,
.RadGrid_PublicGrid .rgEditRow td,
.RadGrid_PublicGrid .rgFooter td a,
.RadGrid_PublicGrid .rgNoRecords td
{
	
	/*border-style:solid;
	border-width:0 0 1px 1px;
	border-color: #379395;*/

	/*border-style:solid;	
	border-color: #379395;*/
	border-width:0 0 1px 1px !important;
    font-family: Tahoma;
    /*padding: 8px;*/
    border-style: solid;
    border-color: #379395;
}

/*Header ย่อย*/
.RadGrid_PublicGrid  .groupHeader
{
    background-color:#8BC7C0;
    color:White;
    text-align:left;    
    font-weight:bold;
    border-color: #379395;
    
}
.RadGrid_PublicGrid .rgRow:hover
{
   background-color: #86BD00; /*row color on mouse over*/
    /*background-color:#EBE9E9; new website*/
}

.RadGrid_PublicGrid .rgRow td,
.RadGrid_PublicGrid .rgAltRow td
{
     border:solid #379395;
    border-width:0 0 1px 1px;
	/*border-color:#d0d7e5;
	border-color:#CC0099;*/ 
}
.RadGrid_PublicGrid .rgAltRow:hover
{
    background-color: #86BD00;
    /*  background-color:#EBE9E9; new website*/
}
.RadGrid_PublicGrid .rgRow .rgSorted,
.RadGrid_PublicGrid .rgAltRow .rgSorted
{
	background-color:#f2f2f2;
}

.RadGrid_PublicGrid .rgSelectedRow .rgSorted,
.RadGrid_PublicGrid .rgActiveRow .rgSorted,
.RadGrid_PublicGrid .rgHoveredRow .rgSorted,
.RadGrid_PublicGrid .rgEditRow .rgSorted
{
	background-color:transparent;
}

.RadGrid_PublicGrid .rgRow a,
.RadGrid_PublicGrid .rgAltRow a,
.RadGrid_PublicGrid .rgEditRow a,
.RadGrid_PublicGrid .rgFooter a,
.RadGrid_PublicGrid .rgEditForm a
{
	color:#00156e;
}

.RadGrid_PublicGrid .rgSelectedRow
{
    background:#ffcb60 0 -3900px repeat-x url('Images/Grid/sprite.gif');
}
*+html .RadGrid_PublicGrid .rgSelectedRow .rgSorted{background-color:#ffcb60}
* html .RadGrid_PublicGrid .rgSelectedRow .rgSorted{background-color:#ffcb60}

.RadGrid_PublicGrid .rgActiveRow,
.RadGrid_PublicGrid .rgHoveredRow
{
    background:#ecf4ff;
}
*+html .RadGrid_PublicGrid .rgActiveRow .rgSorted,
*+html .RadGrid_PublicGrid .rgHoveredRow .rgSorted{background-color:#ecf4ff}
* html .RadGrid_PublicGrid .rgActiveRow .rgSorted,
* html .RadGrid_PublicGrid .rgHoveredRow .rgSorted{background-color:#ecf4ff}

.RadGrid_PublicGrid .rgEditRow
{
	background:#ffe5ad;
}
*+html .RadGrid_PublicGrid .rgEditRow .rgSorted{background-color:#ffe5ad}
* html .RadGrid_PublicGrid .rgEditRow .rgSorted{background-color:#ffe5ad}

.RadGrid_PublicGrid .rgSelectedRow td,
.RadGrid_PublicGrid .rgActiveRow td,
.RadGrid_PublicGrid .rgHoveredRow td,
.RadGrid_PublicGrid .rgEditRow td
{
	border-left-width:0;
	padding-left:8px;
}

.RadGrid_PublicGrid .rgSelectedRow td
{
	border-bottom-color:#ff9b35;
}

.RadGrid_PublicGrid .rgActiveRow td,
.RadGrid_PublicGrid .rgHoveredRow td,
.RadGrid_PublicGrid .rgEditRow td
{
	border-bottom-color:#d0d7e5;
}

.RadGrid_PublicGrid .rgDrag
{
	background-image:url('Images/Grid/rgDrag.gif');
}

/*footer*/

.RadGrid_PublicGrid .rgFooterDiv,
.RadGrid_PublicGrid .rgFooter
{
	background:#16AE9C 0 -6500px repeat-x url('Images/Grid/sprite.gif');
	border-color: #379395;
}

.RadGrid_PublicGrid .rgFooter td
{
	border-width:1px 0;
	border-color: #379395;
	padding-left:8px;
}

/*status*/

.RadGrid_PublicGrid .rgPager .rgStatus
{
	border:1px solid;
	border-width:1px 1px 0 0;
	border-color:#5d8cc9 #9cb9dc;
}

.RadGrid_PublicGrid .rgStatus div
{
	background-image:url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_PublicGrid .rgPager
{
	background:#ecf3fc 0 -7000px repeat-x url('Images/Grid/sprite.gif');
	color:#00156e;
}

.RadGrid_PublicGrid td.rgPagerCell
{
	border-top:1px solid #5d8cc9;
	border-left:1px solid #fff;
	
}

.RadGrid_PublicGrid .rgInfoPart
{
	color:#3e69a3;
}

.RadGrid_PublicGrid .rgPageFirst
{
	margin:0 3px 0 0;
	background-position:0 -550px;
	display: none !important;/*hide  button*/
}
.RadGrid_PublicGrid .rgPageFirst:hover
{
	background-position:0 -600px;
}
.RadGrid_PublicGrid .rgPagePrev
{
	margin:0 3px 0 0;
	background-position:0 -700px;
	display: none !important;/*hide  button*/
}
.RadGrid_PublicGrid .rgPagePrev:hover
{
	background-position:0 -750px;
}
.RadGrid_PublicGrid .rgPageNext
{
	margin:0 0 0 3px;
	background-position:0 -850px;
	display: none !important;/*hide  button*/
}
.RadGrid_PublicGrid .rgPageNext:hover
{
	background-position:0 -900px;
}
.RadGrid_PublicGrid .rgPageLast
{
	margin:0 0 0 3px;
	background-position:0 -1000px;
	display: none !important;/*hide  button*/
}
.RadGrid_PublicGrid .rgPageLast:hover
{
	background-position:0 -1050px;
}

.RadGrid_PublicGrid .rgPager .rgPagerButton
{
	border-color:#7793b9;
	background:#e8f1fc repeat-x 0 -1550px url('Images/Grid/sprite.gif');
	color:#00156e;
	font:12px/12px "segoe ui",arial,sans-serif;
	
}

.RadGrid_PublicGrid .rgNumPart a:hover,
.RadGrid_PublicGrid .rgNumPart a:hover span,
.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage,
.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage span
{
	background:no-repeat url('Images/Grid/sprite.gif');
}

.RadGrid_PublicGrid .rgNumPart a
{
	color:#00156e;
}

.RadGrid_PublicGrid .rgNumPart a:hover
{
	background-position:100% -1250px;
}

.RadGrid_PublicGrid .rgNumPart a:hover span
{
	background-position:0 -1150px;
}

.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage,
.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage:hover
{
	background-position:100% -1450px;
    background-color:#CDDAFC; /*current page style*/
}

.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage span,
.RadGrid_PublicGrid .rgNumPart a.rgCurrentPage:hover span
{
	background-position:0 -1350px;
	
}

/*sorting, reordering*/

.RadGrid_PublicGrid .rgHeader .rgSortAsc
{
	background-position:3px -147px;
	height:10px;
}

.RadGrid_PublicGrid .rgHeader .rgSortDesc
{
	background-position:3px -96px;
	height:10px;
}

.GridReorderTop_PublicGrid,
.GridReorderBottom_PublicGrid
{
	height:12px;
	background:0 0 no-repeat url('Images/Grid/sprite.gif');
}

.GridReorderBottom_PublicGrid
{
	background-position:0 -50px;
}

/*filtering*/

.RadGrid_PublicGrid .rgFilterRow
{
	background:#d6e5f3;
}

.RadGrid_PublicGrid .rgFilterRow td
{
    /*border:solid #9eb6ce;*/
    border:solid #379395;
    border-width:0 0 1px 1px;
}

.RadGrid_PublicGrid .rgFilter
{
	background-position:0 -300px;
}

.RadGrid_PublicGrid .rgFilter:hover
{
	background-position:0 -350px;
}

.RadGrid_PublicGrid .rgFilterActive,
.RadGrid_PublicGrid .rgFilterActive:hover
{
	background-position:0 -400px;
}

.RadGrid_PublicGrid .rgFilterBox
{
	border-color:#abc1de;
	font:12px "segoe ui",arial,sans-serif;
	color:#000;
}

/*filter context menu*/

.RadMenu_PublicGrid .rgHCMClear,
.RadMenu_PublicGrid .rgHCMFilter
{
	border-color:#a7bedb #7d98bd #a3bad8;
	background:#e8f1fc center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
	color:#00156e;
	font-family:"segoe ui",arial,sans-serif;
}

.RadMenu_PublicGrid .rgHCMClear:hover,
.RadMenu_PublicGrid .rgHCMFilter:hover
{
	border-color:#d8ca95 #b9a073 #c6ba9d;
	background-position:center -67px;
	background-color:#ffe18a;
	color:#000;
}

/*context menu*/

.GridContextMenu_PublicGrid .rmLeftImage
{
	background-image:url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_PublicGrid .rgHCMSortAsc .rmLeftImage
{
	background-position:0 0;
}

.GridContextMenu_PublicGrid .rgHCMSortDesc .rmLeftImage
{
	background-position:0 -40px;
}

.GridContextMenu_PublicGrid .rgHCMUnsort .rmLeftImage
{
	background-position:0 -80px;
}

.GridContextMenu_PublicGrid .rgHCMGroup .rmLeftImage
{
	background-position:0 -120px;
}

.GridContextMenu_PublicGrid .rgHCMUngroup .rmLeftImage
{
	background-position:0 -160px;
}

.GridContextMenu_PublicGrid .rgHCMCols .rmLeftImage
{
	background-position:0 -200px;
}

.GridContextMenu_PublicGrid .rgHCMFilter .rmLeftImage
{
	background-position:0 -240px;
}

.GridContextMenu_PublicGrid .rgHCMUnfilter .rmLeftImage
{
	background-position:0 -280px;
}

/*grouping*/

.RadGrid_PublicGrid .rgGroupPanel
{
	border:0;
	border-bottom:1px solid #688caf;
	background:#ecf3fc;
}

.RadGrid_PublicGrid .rgGroupPanel td
{
	border:0;
	padding:3px 4px;	
	vertical-align:middle;
}

.RadGrid_PublicGrid .rgGroupPanel td td
{
	padding:0;
}

.RadGrid_PublicGrid .rgGroupPanel .rgSortAsc
{
	background-position:4px -144px;
}

.RadGrid_PublicGrid .rgGroupPanel .rgSortDesc
{
	background-position:4px -94px;
}

.RadGrid_PublicGrid .rgUngroup
{
	background-position:0 -7500px;
}

.RadGrid_PublicGrid .rgGroupItem
{
	border:1px solid #4b78ca;
	background:#e6ebf5 0 -1900px repeat-x url('Images/Grid/sprite.gif');
	color:#00156e;
}

.RadGrid_PublicGrid .rgGroupHeader
{
     background-color:#16AE9C;
   /* background:#d7e6f7;*/
    font-size:1.1em;
    line-height:21px;
	color:White;
	
}
.RadGrid_PublicGrid .rgGroupHeader td p
{
     background-color:#16AE9C;
   /* background:#d7e6f7;*/
    font-size:12px;
    font-weight:normal;
    line-height:21px;
	color:White;
	 font-family:Tahoma;
   	font-size:10pt;
	  
	
}

.RadGrid_PublicGrid .rgGroupHeader td
{
	border-top:1px solid #fcfcfd;
	border-bottom:1px solid #6f92b3;
    padding-left:8px;
}

.RadGrid_PublicGrid td.rgGroupCol,
.RadGrid_PublicGrid td.rgExpandCol
{
	background:#d7e6f7 none;
	border-color:#d7e6f7;
		color:White;
	 font-family:Tahoma;
   	font-size:10pt;
	  
}

.RadGrid_PublicGrid .rgGroupHeader .rgExpand
{
	background-position:5px -495px;
}

.RadGrid_PublicGrid .rgGroupHeader .rgCollapse
{
	background-position:3px -93px;
}

/*editing*/

.RadGrid_PublicGrid .rgEditForm
{
	border-bottom:1px solid #d0d7e5;
}

.RadGrid_PublicGrid .rgUpdate
{
	background-position:0 -1800px;
}

.RadGrid_PublicGrid .rgCancel
{
	background-position:0 -1850px;
}

/*hierarchy*/

.RadGrid_PublicGrid .rgDetailTable
{
	border-color:#688caf;
}

.RadGrid_PublicGrid .rgExpand
{
	background-position:5px -496px;
}

.RadGrid_PublicGrid .rgCollapse
{
	background-position:3px -94px;
}

/*command row*/

.RadGrid_PublicGrid .rgCommandRow
{
	background:#c4d9f1 0 -2099px repeat-x url('Images/Grid/sprite.gif');
	color:#333;
}

.RadGrid_PublicGrid .rgCommandCell
{
	border:0;
	padding:0;
}

.RadGrid_PublicGrid thead .rgCommandCell
{
	border-bottom:1px solid #688caf;
}

.RadGrid_PublicGrid .rgCommandTable td
{
	border:0;
	padding:2px 7px;
}

.RadGrid_PublicGrid .rgCommandTable
{
	border:1px solid #9eb6ce;
}

.RadGrid_PublicGrid .rgCommandRow a
{
	color:#00156e;
	text-decoration:none;
}

.RadGrid_PublicGrid .rgAdd
{
	margin-right:3px;
	background-position:0 -1650px;
}

.RadGrid_PublicGrid .rgRefresh
{
	margin-right:3px;
	background-position:0 -1600px;
}

.RadGrid_PublicGrid .rgEdit
{
	background-position:0 -1700px;
}

.RadGrid_PublicGrid .rgDel
{
	background-position:0 -1750px;
}

.RadGrid_PublicGrid .rgExpXLS,
.RadGrid_PublicGrid .rgExpDOC,
.RadGrid_PublicGrid .rgExpPDF,
.RadGrid_PublicGrid .rgExpCSV
{
	background-image:url('../Images/Grid/export.gif') ;
}

.RadGrid_PublicGrid .rgExpXLS
{
	background-position:0 0;
}
.RadGrid_PublicGrid .rgExpDOC
{
	background-position:0 -50px;
}
.RadGrid_PublicGrid .rgExpPDF
{
	background-position:0 -100px;
}
.RadGrid_PublicGrid .rgExpCSV
{
	background-position:0 -150px;
}

/*multirow select*/

.GridRowSelector_PublicGrid
{
	background:#00156e;
}

/*row drag n drop*/

.GridItemDropIndicator_PublicGrid
{
    border-top:1px dashed #00156e;
}

/*tooltip*/

.GridToolTip_PublicGrid
{
	border:1px solid #6187b8;
	padding:3px;
	background:#d7e3f2;
	color:#333;
}

/*rtl*/

.RadGridRTL_PublicGrid .rgHeader:first-child,
.RadGridRTL_PublicGrid th.rgResizeCol:first-child,
.RadGridRTL_PublicGrid .rgFilterRow>td:first-child,
.RadGridRTL_PublicGrid .rgRow>td:first-child,
.RadGridRTL_PublicGrid .rgAltRow>td:first-child
{
	border-left-width:1px;
	padding-left:7px;
}

.RadGridRTL_PublicGrid .rgPageFirst
{
	background-position:0 -1000px;
}
.RadGridRTL_PublicGrid .rgPageFirst:hover
{
	background-position:0 -1050px;
}
.RadGridRTL_PublicGrid .rgPagePrev
{
	margin:0 0 0 3px;
	background-position:0 -850px;
}
.RadGridRTL_PublicGrid .rgPagePrev:hover
{
	background-position:0 -900px;
}
.RadGridRTL_PublicGrid .rgPageNext
{
	margin:0 3px 0 0;
	background-position:0 -700px;
}
.RadGridRTL_PublicGrid .rgPageNext:hover
{
	background-position:0 -750px;
}
.RadGridRTL_PublicGrid .rgPageLast
{
	background-position:0 -550px;
}
.RadGridRTL_PublicGrid .rgPageLast:hover
{
	background-position:0 -600px;
}

.RadGridRTL_PublicGrid .rgGroupHeader .rgExpand
{
	background-position:-20pxpx -495px;
}

.RadGridRTL_PublicGrid .rgExpand
{
	background-position:-20px -496px;
}

.rgPager .rgAdvPart .rgPagerButton  
{  
    display: none;  
} 

.RadGrid_PublicGrid .rgRow td,
.RadGrid_PublicGrid .rgRow td a
{    
     font-family:Tahoma;
   	font-size:10pt;

 
}

.RadGrid_PublicGrid .rgAltRow td,
.RadGrid_PublicGrid .rgAltRow td a
{
    
     font-family:Tahoma;
   	font-size:10pt;

 
}