/* สำหรับหน้าเขียนเรื่อง */
#divArticleTopic .warning
{
    color: #FF0000; /*สีนี้เอามาจาก .NormalRed*/ /*background: #F7FFD8;  */
    background: #FFE5E5;
    padding: 5px;
}

/*สำหรับ textbox ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divArticleTopic input
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/*สำหรับ combobox ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divArticleTopic select
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/*สำหรับ textarea ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divArticleTopic textarea
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/* สำหรับหน้า register */
#divUsersProfile .warning
{
    color: #FF0000; /*สีนี้เอามาจาก .NormalRed*/ /*background: #F7FFD8;  */
    background: #FFE5E5;
    padding: 5px;
}

/*สำหรับ textbox ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divUsersProfile input
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/*สำหรับ combobox ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divUsersProfile select
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/*สำหรับ textarea ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divUsersProfile textarea
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}

/*สำหรับ textbox ให้มีพื้นหลังเป็นสีและตัวหนังสือสีเขียว*/
#divNext input
{
    background-color: #F7FFD8;
    border: 1px solid #265D00;
    color: #265D00;
}


/*สำหรับป้ายที่บอกให้รู้ว่าเป็น บังคับกรอก*/
.field-keys
{
    border-top: 1px solid #FF0000; /*สีแดง*/
    border-bottom: 1px solid #FF0000;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px; /* font-weight:bold; */
    color: #FF0000;
    background: #F7FFD8;
    padding: 3px;
    margin: .5em 10px;
}

/*สำหรับป้ายสีเขียวบอกว่าข้อมูลเรียบร้อยดี*/
.GreenLabel
{
    border-top: 1px solid #265D00;
    border-bottom: 1px solid #265D00;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 13px;
    color: #265D00;
    background: #F7FFD8;
    padding: 3px;
    margin: .5em 10px;
}

/*สำหรับป้ายสีแดงบอกว่าข้อมูลมีปัญหา*/
.RedLabel
{
    border-top: 1px solid #FF0000; /*สีแดง*/
    border-bottom: 1px solid #FF0000;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 13px;
    color: #FF0000;
    background: #F7FFD8;
    padding: 3px;
    margin: .5em 10px;
}

.FlatGreen
{
    color: #265D00;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

.FlatRed
{
    color: #FF0000;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

/* เริ่มใช้สำหรับ เครื่องหมายดอกจัน ฟิลด์บังคับ */
.NormalGreen
{
    color: #265D00;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.error-message
{
    color: #FF0000;
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px;
    font-weight: bold;
}

/* สำหรับปุ่มส่งค่า ทุกปุ่มเพื่อ trigger เข้ากับ ระบบตรวจสอบที่ baiyabase.js */
.NormalSubmitButton
{
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #81B413;
    color: #FFFFFF;
}

/* สำหรับปุ่มสีเขียวธรรมดาไม่มีไรพิเศษ */
.NormalGreenButton
{
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #81B413;
    color: #FFFFFF;
}

/*สำหรับซ่อน*/
.hidden
{
    display: none;
}

/*สำหรับ ie storage*/
/* .storeuserData 
{
    behavior:url(#default#userData);
    display: none;
} */


/* สำหรับ Grid เอามาจาก RestExam*/
body
{
    font-family: sans-serif,Arial,verdana,Helvetica,Tahoma;
}

table.mygrid
{
    border-collapse: collapse; /* width: 500px; */
    width: 100%;
}

th
{
    /* background-color: #e5e5e5; */
    background-color: #F7FFD8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbbbbb;
    font-size: 14px;
    text-align: right;
    height: 30px;
    padding-right: 10px;
}

.on
{
    /* background-color: #f5f5f5; */
    background-color: #F7FFD8;
}

td.first
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbbbbb;
    font-size: 12px;
    padding: 5px;
    width: 300px;
    text-align: right;
    padding-right: 10px;
    width: 350px;
    text-align: left; /* color: blue; */
    color: #265D00;
}

th.first
{
    text-align: left;
    padding-left: 5px; /*added by Paiwan*/
    color: #265D00;
}

#divInbox .clear
{
    clear: both;
}

th.header
{
    background-image: url(images/small.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}

th.headerSortUp
{
    background-image: url(images/small_asc.gif); /* background-color: #3399FF; */
    background-color: #C8FF5A;
}
th.headerSortDown
{
    background-image: url(images/small_desc.gif); /* background-color: #3399FF; */
    background-color: #C8FF5A;
}



/*From Storyhub Project*/
.h2_text
{
    /* font-family: Tahoma; */
    /*font-size:11px; 		line-height:11px;*/
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.l_text
{
    /* font-family: Tahoma; */
    font-family: Tahoma,sans-serif,Arial,verdana,Helvetica;    
    font-size: 12px;
    line-height: 14px;
    color: #AB0000;
}

.l3_text
{
    font-family: Tahoma;
    font-size: 13px;
    line-height: 14px;
    color: #AB0000;
}
a.l3_text
{
    text-decoration: none;
}
a.l3_text:hover
{
    text-decoration: underline;
}
.m_text
{
    font-family: Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #434343;
}

.ls1_text
{
    font-family: Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
}

a.ls1_text
{
    text-decoration: none;
}
a.ls1_text:hover
{
    text-decoration: underline;
}
.my_text
{
    font-family: Tahoma;
    font-size: 13px;
    line-height: 14px;
    color: #AB0000;
}





/*สำหัรบ Template ของตู่*/
#apDiv1
{
    position: absolute;
    left: 262px;
    top: 137px;
    width: 477px;
    height: 130px;
    z-index: 1;
}
#ShowBio
{
    color: #FFFFFF;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    text-decoration: none;
    background-attachment: scroll;
    background-color: #FF9900;
    background-image: none;
    background-repeat: repeat;
    background-position: 0%;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
}
.HT01
{
    padding-right: 1px;
    padding-left: 4px;
}
.HTSUBJECT1
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #996633;
    padding-left: 2px;
}

.BioText01
{
    font-family: Tahoma;
    font-size: 12px;
    color: #e3dcc0;
    text-decoration: none;
}
.PageCounter1
{
    font-family: Tahoma;
    font-size: 14px;
    color: #996600;
    text-decoration: none;
    padding-right: 4px;
}
.BioText01 B
{
    font-weight: bold;
    color: #FFCC00;
    text-decoration: none;
}

#testDiv
{
    background-color: #3399CC;
    color: #FFFFFF;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100px;
    line-height: normal;
    text-align: center;
    width: 150px;
}
.testClass
{
    background-color: #FF0000;
    color: #FFFFFF;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100px;
    line-height: normal;
    text-align: center;
    width: 150px;
}
#apDiv2
{
    /* position:absolute; */
    left: 431px;
    top: 31px;
    width: 307px;
    height: 132px;
    z-index: 1;
    background-color: #ab9c73;
}
.UpdateTxt01
{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}
.HTAUTHOR
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #beb18d;
    padding-left: 2px;
    padding-right: 2px;
}
.ContentTemplate
{
    padding: 4px;
}
#PageSection01
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #AB9C73;
}
.pane
{
    position: relative;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #996600;
    background-image: url(images/bg-gra2.png);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}
a
{
    text-decoration: none;
    color: #996600;
}

#SpaceTOPBoTTOM
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.HSUBJECTcomments
{
    font-family: Tahoma;
    font-size: 14px;
    color: #996633;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.CTcomments
{
    font-family: Tahoma;
    font-size: 12px;
    color: #AB9C73;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    line-height: 20px;
}

.spam
{
    color: #999999;
}


/*yui*/
#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;  
}