﻿
/***********************************************************************************************************************/
/* แท็ป ***********************************************************************************************************************/
/***********************************************************************************************************************/
/* แท็ปคลอบด้านบน */
.tabs_header_outer { 
    height:26px;  
    
    padding:4px 4px 0px 4px;
    margin:0px;
    /*background-image:url('../images/imgCenter/BG_Blue_32x32.png');
    background-color:#48AEF7;
    background-image:url('../images/imgCenter/img_bgblue_10x32.png'); */
    
    border-top: 0px solid #c1c1c1;
    border-right: 0px solid #c1c1c1;
    border-bottom: 0px solid #c1c1c1;
    border-left: 0px solid #c1c1c1;
    
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
    
/* แท็ปที่ไม่ได้เลือก */
.tabs_header_outer a 
{
    padding:4px 8px 6px 8px;
    position:relative;
    background-color:#c1c1c1;
    height:auto;
    width:auto;
    display:inline-block;
    cursor:pointer; 
    
    border: 0px solid #c1c1c1;
    
    border-radius:6px 6px 0px 0px;
    -moz-border-radius:6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    
    background: #f5f5f5;
    background: -moz-linear-gradient(#f5f5f5 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7));
    background: -webkit-linear-gradient(#f5f5f5 0%, #e7e7e7 100%);
    background: linear-gradient(#f5f5f5 0%, #e7e7e7 100%);
    
    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:0px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
}

/* แท็ปที่เลือก */
.tabs_header_outer a.active 
{ 
    height:auto;
    width:auto;
    
    padding:4px 8px 6px 8px;
    position:relative;
    background-color:#FFFFFF;
    
    display:inline-block;
    z-index:9;
    cursor:pointer; 
    
    color:red;
    
    
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 0px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;

    background: #ffffff;
    background: -moz-linear-gradient(#ffffff 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
    background: linear-gradient(#ffffff 0%, #ffffff 100%);
    
    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:0px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    
    -webkit-box-shadow:0px 2px 0px orange inset;
    -moz-box-shadow:0px 2px 0px orange inset;
    box-shadow:0px 2px 0px orange inset;
}

/* เอา mouse ไปชี้แท็ป tabHDLinkSub 
.tabs_header_inner 
,.tabs_header_inner:hover
{
    padding:4px 8px 6px 8px;
    position:relative;
    background-color:#D0E1F2;
    height:auto;
    width:auto;
    display:inline-block;
    background-color: #FBE25C;
    
    border: 0px solid #AAAAAA;
    
    border-radius:6px 6px 0px 0px;
    -moz-border-radius:6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    
    
    
}*/


/*.cssCENxTabInner:hover span
{
    color: #B10000;
    text-decoration:none; 
}*/

/*ใช้งาน*/
/* แท็ปรายละเอียดด้านนอก */
.tabs_content_outer
{
    padding:2px 2px 3px 2px;
    margin:0px;
    position:relative;
    /*background-color:#E2EEF2;*/
    background-color:#FFFFFF;
    
    border-top: 1px solid #c1c1c1;
    border-right: 0px solid #c1c1c1;
    border-bottom: 0px solid #c1c1c1;
    border-left: 0px solid #c1c1c1;
    
    border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
    
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    
}

/*ใช้งาน*/
/* แท็ปรายละเอียดด้านใน */
.tabs_content_inner
{
    height:100%;
    border-radius:0px 0px 0px 0px;
    -moz-border-radius:0px 0px 0px 0px;
    -webkit-border-radius:0px 0px 0px 0px;
    border: 1px solid #AAAAAA;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);/*ขนาดเงา*/
    padding:4px;
    margin:0px;
	border:0px solid #AAAAAA; 
    border-top:0;
    background-color:White;


    text-align:left;
    vertical-align:middle;
    /*min-height:390px;
    display:inline-table; ทำให้พอดีกับข้อมูลด้านใน*/
    
    /*border-radius:0px 0px 16px 16px;
    -moz-border-radius:0px 0px 16px 16px;
    -webkit-border-radius:0px 0px 16px 16px;
    border: 1px solid #D0D3FC;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    padding:4px;
    margin:0px 2px 2px 2px;
    position:relative;
    background-color:#F8F8F8;*/
}

/*ใช้งาน*/
 /* ซ่อน Content */  
.tabs_content_hide  
{
    display: none;
}
/***********************************************************************************************************************/
