.clays_pagingbar{
    min-width:400px;
}
.clays_paging_thisPage{
   font-family:Leelawadee,Tahoma,Arial,Verdana;
   font-size:9pt !important;
   padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:7px;
   background-color:#1f8bdb;
   border-radius:10px;
   color:white;
}
.clays_paging_otherPage{
   font-family:Leelawadee,Tahoma,Arial,Verdana;
   font-size:9pt !important;
   padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:7px;
}
.clays_paging_otherPage:hover{
   background-color:#3eb8b4;
   color:white;
   border-radius:10px;
   text-decoration:none;
   cursor:pointer;
}

.clays_pagingnav{

    background-color:#deedf3;
    padding-top:3px;padding-bottom:3px;padding-left:7px;padding-right:7px;
    border-radius:3px;
}
.clays_pagingnav:hover{
    background-color:#3eb8b4;
    color:white !important;
    text-decoration:none;
    cursor:pointer;
}


.claysTextErrorBox
{
  /*ใช้รูปแบบที่เป็นกล่องของ Error */
    background-color:#dc1e25;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;padding-bottom:20px;

}

.claysTextErrorHeader
{
  /*ใช้กับข้อความที่เป็น  Header ของ Error Message ที่ Application แสดง*/
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 15pt;
    color:White;
    background-color:#dc1e25;
    padding-top:10px;
    padding-left: 15px;
}

.claysTextError
{
  /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 8pt;
    color:#ebebeb;
    background-color:#dc1e25;
    padding-bottom:10px;
    padding-left: 15px;
}

.claysTextValidateError
{
  /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 8pt;
    color:#ebebeb;
    background-color:#dc1e25;
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
}


.claysTextWarningBox
{
  /*ใช้รูปแบบที่เป็นกล่องของ Error */
    background-color:#f09223;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;padding-bottom:20px;
}

.claysTextWarningHeader
{
  /*ใช้กับข้อความที่เป็น Header ของ Suggestion หรือ Guideline หรือ Help text*/
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 15pt;
    color:White;
    background-color:#f09223;
    padding-top:10px;
        padding-left: 15px;
}

.claysTextWarning
{
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 8pt;
    color:#ebebeb;
    background-color:#f09223;
    padding-bottom:10px;
        padding-left: 15px;
}




.claysTextInfoBox
{
  /*ใช้รูปแบบที่เป็นกล่องของ Info */
    background-color:#a264a6;
    padding-left:15px;
    padding-right:10px;
    padding-top:20px;padding-bottom:20px;
}

.claysTextInfoHeader
{
    /*ใช้กับข้อความที่เป็น Header ของ Information เบื้องต้นของ Application */
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 15pt;
    color:White;
    background-color:#a264a6;
    padding-top:10px;
        padding-left: 15px;
}

.claysTextInfo
{
    /*ใช้กับข้อความที่เป็น Information เบื้องต้นของ Application */
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 8pt;
    color:#ebebeb;
    background-color:#a264a6;
    padding-bottom:10px;
        padding-left: 15px;
}



.claysTextSuccessBox
{
  /*ใช้รูปแบบที่เป็นกล่องของ Info */
    background-color:#87ba42; /*bc8cbf;*/
    padding-left:9px;
    padding-right:10px;
    padding-top:20px;padding-bottom:20px;


}

.claysTextSuccessHeader
{
    /*ใช้กับข้อความที่เป็น Header ของ Information เบื้องต้นของ Application */
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 15pt;
    color:White;
    background-color:#87ba42;
    padding-top:10px;
        padding-left: 15px;
}

.claysTextSuccess
{
    /*ใช้กับข้อความที่เป็น Information เบื้องต้นของ Application */
    font-family: Leelawadee,Tahoma, Arial;
    font-size: 8pt;
    color:#ebebeb;
    background-color:#87ba42;
    padding-bottom:10px;
        padding-left: 15px;
}