@font-face {
 font-family: "THSarabunPSK";
 src: url("../font/MyFont_THSarabun.php") /* EOT file for IE */
 font-size: 10pt;
}
@font-face {
 font-family: "Tahoma";
 src: url("../font/MyFont_Tahoma.php") /* EOT file for IE */
 font-size: 10pt;
}

font {
    font-family: "MS Sans Serif";/*"sans-serif";*/
    font-size:10pt;
}

.h{
    font-family:'MS Sans Serif';
    font-size:12pt;
    font-weight: bold;
    text-align: center;
}

.fontH{
    /*font-family: "MS Sans Serif";/*"sans-serif";*/
    font-family:'MS Sans Serif';
    font-size:12pt;
}

.fontF{
    font-family:'MS Sans Serif';
    font-size:18pt;
    font-weight: bold;
}

a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #0066FF; text-decoration: none;}

A.red:link { color:#FF0000; text-decoration: none; }
A.red:visited {color:#FF0000; text-decoration: none;}
A.red:hover { color:#ff0000; text-decoration: underline; }

A.green:link { color:#339900; text-decoration: none; }
A.green:visited {color:#339900; text-decoration: none;}
A.green:hover { color:#ff0000; text-decoration: underline; }

A.nav:link { color:#000000; text-decoration: none; }
A.nav:visited {color:#000000; text-decoration: none;}
A.nav:hover { color:#ff0000; text-decoration: underline; }

a.blue:link { color: #0000ff; text-decoration: none}
a.blue:visited { color: #0000ff; text-decoration: none}
a.blue:active { color: #0000ff; text-decoration: none}
a.blue:hover { color: #ff0000; text-decoration: underline; font-weight:bold}

.input1{
    BACKGROUND-COLOR: #ffffff;
    BORDER-COLOR: #ffffff;
    BORDER-STYLE: solid;
    /*BORDER-TOP-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;*/
}

.input2{
    /*BACKGROUND-COLOR: #F9FDFF;*/
    BACKGROUND-COLOR: #EBEFF3;
    /*BORDER-COLOR: #F9FDFF;*/
    BORDER-COLOR: #EBEFF3;
    BORDER-STYLE: solid;
}

.input3{
    /*BACKGROUND-COLOR: #F9FDFF;*/
    BACKGROUND-COLOR: #D7D7FF;
    /*BORDER-COLOR: #F9FDFF;*/
    BORDER-COLOR: #D7D7FF;
    BORDER-STYLE: solid;
}

.input4{
    /*BACKGROUND-COLOR: #F9FDFF;*/
    BACKGROUND-COLOR: #D1DCF3;
    /*BORDER-COLOR: #F9FDFF;*/
    BORDER-COLOR: #D1DCF3;
    BORDER-STYLE: solid;
}

.mainMenu{
    BACKGROUND-COLOR: #D7D7FF;
    BORDER-COLOR: #FFFFFF;
    BORDER-STYLE: solid;
    BORDER-TOP-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;
    WIDTH: 175px;
}

.gray {
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: #CCCCCC;
}

input.right {
    text-align:right;
}

.hand {
    cursor: pointer;
}

table.szone2
{
    width: 100%;
    padding:1;
    border-spacing:1;
    font-family:'MS Sans Serif';
    font-size: 10pt;
}
.szone2 tr.szone td
{
    background-color: #EBEFF3;
    font-size:10pt;
    font-weight:bold;
    height: 30px;
    text-align:left;
    padding:2px 4px 2px 4px;
}

.szone2 td.szone
{
    background-color: #EBEFF3;
    font-size:10pt;
    font-weight:bold;
    height: 30px;
    text-align:left;
    padding:2px 4px 2px 4px;
}

.szone2 tr.szone2 td
{
    background-color: #EBEFF3;
    font-size:10pt;    
    font-weight:normal;
    height: 30px;
    padding:2px 4px 2px 4px;
}

.szone2 th
{
    background-color: #EBEFF3;
    font-size:10pt;
    font-weight:bold;
    height: 30px;
    text-align:left;
    padding:2px 4px 2px 4px;
}

.szone2 td
{
    background-color: #EBEFF3;
    font-weight:normal;
    height: 30px;
    padding:2px 2px 2px 2px;
}


table.tb_1 {

    border-collapse:collapse; 
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.tb_1 td
{
    border-collapse:collapse; 
    border:1px;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    font-family:'MS Sans Serif';
    font-size:10pt;
    height: 25px;
    padding:4px 8px 4px 8px;
}

.tb_1 tr:hover td
{
    background-color: #D1DCF3;
}
.tb_1 th
{
    border-collapse:collapse; 
    border:1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    background-color: #ABCDEF;
    color: #ffffff;
    font-weight:bold;
    font-size:10pt;
    height: 25px;
    padding:4px 8px 4px 8px;
}

.tb_1 tr.szone td
{
    border-collapse:collapse; 
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #EBEFF3;
    font-size:10pt;    
    font-weight:bold;
    height: 25px;
    text-align:left;
    padding:4px 8px 4px 8px;
}

.tb_1 tr.szone2 td
{
empty-cells:show;
border-collapse:collapse; 
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #EBEFF3;
    font-size:10pt;    
    font-weight:normal;
    height: 25px;
    padding:4px 8px 4px 8px;
}

.tb_1 tr.szone td.szone2
{
empty-cells:show;
border-collapse:collapse; 
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background-color: #EBEFF3;
    font-size:10pt;    
    font-weight:normal;
    height: 25px;
    text-align:left;
    padding:4px 8px 4px 8px;
}

.tb_1 tr.notfound td
{
empty-cells:show;
border-collapse:collapse; 
    border:1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    background-color: #FFFFFF;
    font-size:10pt;    
    font-weight:normal;
    height: 25px;
    text-align:center;
    color:#FF0000;
    padding:4px 8px 4px 8px;
}
.tb_1 tr.light td
{
    background-color: #D1DCF3;
    font-size:10pt;    
    font-weight:bold;
    height: 25px;
}

.tb_1 tr.light1 td
{
    background-color: #EBEFF3;
    font-size:10pt;    
    font-weight:bold;
    height: 25px;
}

.tb_1 tr.light2 td
{
    background-color: #EBEFF3;
    font-size:10pt;
    height: 25px;
}
.tb_1 tr.light3 td
{
    background-color: #D1DCF3;
    font-size:10pt;    
    height: 25px;
}

.tb_1 tr.light:hover td
{
    background-color: #FFFFCC;
}
.tb_1 tr.light1:hover td
{
    background-color: #FFFFCC;
}
.tb_1 tr.light2:hover td
{
    background-color: #FFFFCC;
}
.tb_1 tr.light3:hover td
{
    background-color: #FFFFCC;
}

.leftBox{
    position:relative;
    float:left;
}
.boxBlock{
    display:block;
}

.error{
    color:#FF0000;
}

table.headCol {
    border-color: #D2D2D2;
    border-collapse: collapse;
    width: 100%;
}

table.headCol tr
{
    border-width: thin;
    border-style: solid;
    border-color: #D2D2D2;
    color: #000000;
    font-size: 10pt;
    font-family:'MS Sans Serif';
    height:25;
}

table.headCol td
{
    border:1px solid #D2D2D2;
    font-size: 10pt;
    font-family:'MS Sans Serif';
    height:25;
}

table.headCol th
{
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    text-align: center;
    font-family:'MS Sans Serif';
    font-weight: bold;
    font-size: 10pt;
    height: 28px;
}

th.chkboxCol {
    width: 30px;
}

th.deleteCol { /*use*/
    width: 50px;
}

th.editCol { /*use*/
    width: 50px;
}

th.acYCol { /*use*/
    width: 100px;
}

th.seqCol { /*use*/
    width: 60px;
}

th.amtCol { /*use*/
    width: 90px;
}

th.groupCol { /*use*/
    width: 80;
}

th.stdCodeCol { /*use*/
    width: 100px;
}

th.domCol { /*use*/
    width: 180px;
}

th.domAmtCol { /*use*/
    width: 120px;
}

th.hourCol { /*use*/
    width: 150px;
}

th.teacherCol { /*use*/
    width: 350px;
}

th.date { /*use*/
    width: 250px;
}

table.szone
{
    width: 100%;
    padding:1;
    border-spacing:1;
    font-family:'MS Sans Serif';
    font-size: 10pt;
}

.coltd_szone
{
    width: 150px;
    height: 25px;
    /*text-indent: 10px;*/
    padding-left: 8px;
    font-weight: bold;
    /*vertical-align:text-top;*/
}

.coltd_szone_indent
{
    width: 130px;
    height: 25px;
    padding-left: 25px;
    font-weight: bold;
}

.coltd_szone1
{
    width: 80px;
    height: 25px;
    padding-left: 8px;
    font-weight: bold;
}

.coltd_szone2
{
    width: 200px;
    height: 25px;
    /*text-indent: 10px;*/
    padding-left: 8px;
    font-weight: bold;
}

table.mark
{
    width: 100%;
    padding:1;
    border-spacing:1;
    font-family:'MS Sans Serif';
    font-size: 10pt;
}

.coltd_mark
{
    width:70px;
    height:25px;
    font-weight:bold;
}

.indent
{
    /*text-indent: 10px;*/
    padding-left: 8px;
}

.indentR
{
    padding-right: 8px;
}

.indentPm
{
    padding-left: 15px;
}

.th
{
    background-color: #000000;
}

.messageErr{
    border:1px solid #FF0000;
    background: #FFCCCC;
    height: 24px;
    text-indent: 10px;
    vertical-align:middle;
    padding-top:7px;
}
.messageTrue{
    border:1px solid #00CC00;
    background: #AAFFAA;
    height: 24px;
    text-indent: 10px;
    vertical-align:middle;
    padding-top:7px;
}

/*#showTable table,#showTable td {
    border: thin solid #999999;
}*/


table.nobor
{
    width: 100%;
    padding:0;
    border-spacing:0;
    font-family:'MS Sans Serif';
    font-size: 10pt;
}

table.excelCol {
    width: 100%;
    font-family:'MS Sans Serif';
    font-size: 10pt;
}

table.excelCol tr
{
    font-size: 10pt;
    font-family:'MS Sans Serif';
    height:25;
}

table.excelCol td
{
    height:25;
}

table.excelCol th
{
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    height: 28px;
}