/* กำหนดให้แสดงอยู่กลางหน้าจอ ----------------------------------------------------------------------------------------*/
.layout_center_screen 
{
    display:table; 
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
}
 
.layout_center_screen_wrapper
{
    display:table-cell; 
    vertical-align:middle;
    text-align:center;
}

.layout_center_screen_table {
    margin-left:auto; 
    margin-right:auto;
    /*vertical-align:top;
    border:0px solid red;*/
}
/*---------------------------------------------------------------------------------------------------------------*/





.layout_top
{
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
    padding-left:4px;
    
    border-spacing:0px;
    
    background-image:linear-gradient(#e3e3e3, #e3e3e3);
    background-image:linear-gradient(#e3e3e3 0%, #e3e3e3 100%);
    /*background-image:linear-gradient(to bottom, #ffffff 10%, #ededed 50%);*/
    
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 0px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    
    -webkit-box-shadow:0px 1px 0px #f4f4f4 inset;
    -moz-box-shadow:0px 1px 0px #f4f4f4 inset;
    box-shadow:0px 1px 0px #f4f4f4 inset;
    
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    
}

.layout_top>span
{
    font-family:"Tahoma",Georgia, serif;
	font-size:12pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
    color:Navy;
}

.layout_filter
{
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
    padding-left:4px;
    
    background-image:linear-gradient(#f9f9f9, #f7f7f7);

    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:0px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
}

.layout_center
{
    border:1px solid #c1c1c1;
    vertical-align:top;
    padding:0px;
}

.layout_bottom
{
    height:30px;
    padding-top:4px;
    padding-right:2px;
    padding-bottom:2px;
    padding-left:2px;

    position:relative;
    background-image:linear-gradient(#e3e3e3 0%, #e3e3e3 100%);
    
    border-top: 0px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    
    box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
	-webkit-box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
    -moz-box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
    

    border-radius:0px 0px 2px 2px;
    -moz-border-radius:0px 0px 2px 2px;
    -webkit-border-radius:0px 0px 2px 2px;
}

.layout_footer
{
    height:30px;
    padding-top:4px;
    padding-right:2px;
    padding-bottom:2px;
    padding-left:2px;

    position:relative;
    /*background-image:linear-gradient(#e3e3e3 0%, #e3e3e3 100%);*/
    
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    
    box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
	-webkit-box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
    -moz-box-shadow:0px 1px 0 0px #f4f4f4 inset, 0px 0px 0px #bcbcbc;
    

    border-radius:0px 0px 2px 2px;
    -moz-border-radius:0px 0px 2px 2px;
    -webkit-border-radius:0px 0px 2px 2px;
}



.GRDxRowVertical div
{ 
    vertical-align: middle; 
    /*padding:5px;*/
    overflow:hidden; 
    position:absolute;
    float:left;
    width:inherit;
    white-space: nowrap; 
    display:block;
    text-overflow:ellipsis;
    border:0px solid red;
} 






.layout_gridview
{
    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    
    vertical-align:top;
    padding:0px;
    width:inherit;
}













/*------------------Gridview----------------------*/

/* ส่วนคลุมกริดทั้งหมด */
.cssGRDxWraps_Detail
{
    /*position:relative;top:-3px;*/
	border-top:1px solid #AAAAAA;
	border-bottom:0px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background-color:White;
	text-align:left;
	overflow:auto;
}


.cssGRDxWraps_Detail div table
{
    position:relative;
    left:-1px;
    top:-1px;
}

.cssGRDxWraps_Edit
{
    border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
    border-top:0px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
}



.cssGRDxWraps_Edit table tr
{
    background: #FCFAFA;
    background: -moz-linear-gradient(#FCFAFA 0%, #DFDFDF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFAFA), color-stop(100%, #DFDFDF));
    background: -webkit-linear-gradient(#FCFAFA 0%, #DFDFDF 100%);
    background: linear-gradient(#FCFAFA 0%, #DFDFDF 100%);
}
    
.cssGRDxWraps_Edit table tr td
{
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #AAAAAA;
    border-top:1px solid #AAAAAA;
    padding:2px;
}



.cssGRDxWraps_Filter
{
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-bottom: 0px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:2px;
    padding-left:4px;
    
    background: #FCFAFA;
    background: -moz-linear-gradient(#FCFAFA 0%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFAFA), color-stop(100%, #F2F2F2));
    background: -webkit-linear-gradient(#FCFAFA 0%, #F2F2F2 100%);
    background: linear-gradient(#FCFAFA 0%, #F2F2F2 100%);
}

.cssGRDxWraps_Top
{
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-bottom: 0px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);/*ขนาดเงา*/
    padding-top:4px;
    padding-right:4px;
    padding-bottom:2px;
    padding-left:4px;
    background-image:url('../images/imgCenter/img_bgblue_10x32.png');
}



/* ================================================================================ */
/* แถวคี่ */
.cssCENxGRD_Row
{ 
	background-color:White;
}

/* แถวคู่ */
.cssCENxGRD_AltRow
{
    background-color:#F6F6FE;
}

/* แถวที่เลือก */
.cssCENxGRD_Sel
{
    background-repeat:repeat-x;
    background-color:#C5CCE0;
    border:0px solid #B2B2B2;
}

.cssCENxGRD_Row td
, .cssCENxGRD_AltRow td
, .cssCENxGRD_Sel td
{
    border-left:0px solid #B2B2B2;
    border:1px solid #B2B2B2;
    padding:0px 2px;
}

.cssCENxGRD_Row td a:link
, .cssCENxGRD_AltRow td a:link
, .cssCENxGRD_Sel td a:link
, .cssCENxGRD_Row td span
, .cssCENxGRD_AltRow td span
, .cssCENxGRD_Sel td span
{
    padding:2px 2px;
}

.cssCENxGRD_Row td a:link div
, .cssCENxGRD_AltRow td a:link div
, .cssCENxGRD_Sel td a:link div
{

}


.cssCENxGRD_Row td a:hover
, .cssCENxGRD_AltRow td a:hover
{
    cursor:pointer;
    border:0px solid red;
}


.cssCENxGRD_Cell
{
    text-align:center;
}

/* =========================================== */  






.cssGRDxRowVertical
,.cssGRDxCelRight
,.cssGRDxCelCenter
{
    width:100%;
    height:100%; 
    display:block; 
    position:relative;
    
    /*padding:0px;
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    */
    overflow:hidden;
    text-overflow:ellipsis;
    border:0px solid red;
}

.cssGRDxRowVertical div
,.cssGRDxCelRight div
,.cssGRDxCelCenter div
{ 
    vertical-align: middle; 
    /*padding:5px;*/
    overflow:hidden; 
    position:relative;
    float:left;
    width:100%;
    height:100%;
    white-space:nowrap; 
    display:block;    
    border:0px solid black;
    
    
    vertical-align:middle;
    text-overflow:ellipsis;
    
} 


.cssGRDxCelRight div
{ 
    text-align:right;
} 

.cssGRDxCelCenter div
{ 
    text-align:center;
} 




.cssGRDxHiddencol 
{ 
    display: none; 
  
}




.layout_hd
{
    width:100%;
    border-spacing:2px;
    
    /*background-image:linear-gradient(#fafbfc, #fafbfc);
    
    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;*/
}

.layout_hd_sub
{
    border:1px solid #a2cffd;
    background-image:linear-gradient(#fafcfe, #fafcfe);
    
}