body{background-color : #4B4B4B;font-size: 13px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed;}

a {
	color:#2063cc;
	text-decoration:none;
}
a:hover {
	color:#007dd5;
	text-decoration:underline;
}
a:visit {
	color:#007dd5;
	text-decoration:none;
}
a:active {
	color:#007dd5;
	text-decoration:none;
}

h1{font-size:125%;font-weight:bold;display: inline; color: #f90;}
h2{font-size: 117%;font-weight:bold;display: inline;}
h3{font-size: 108%;font-weight:bold;display: inline;}

form { margin: 0px; }

.text_green, .text_green a:link, .text_green a:visited {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #007520;
	text-decoration: none;
}
.text_green a:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #007520;
	text-decoration: underline;
}

.text_green14 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 14px;
	color: #007520;
	text-decoration: none;
	font-weight: bolder;
}

.text_white12 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 14px;
	color: #f90;
	text-decoration: none;
	font-weight: bolder;
}

.text_white12 a:link {
color: #039; text-decoration: none;
}



.text_white, .text_white a:link, .text_white a:visited {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.text_white a:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.text_gray, .text_gray a:link, .text_gray a:visited {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #8d8b8b;
	text-decoration: none;
}
.text_gray a:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color: #05e848;
	text-decoration: underline;
}

.text_category, .text_category a:link, .text_category a:visited {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 16px;
	color: #035373;
	text-decoration: none;
	font-weight: bolder;
}
.text_category a:hover {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 16px;
	color: #0981c3;
	text-decoration: underline;
	font-weight: bolder;
}

body, p, input, select, textarea {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 20px;
}

.faqsection { background-color: #C6BDCE; padding: 2px 5px 2px 5px; color: #5C5076; }

.div_search { padding: 2px; margin-top: 10px; margin-bottom: 10px; text-align: right; }
.div_search #phase { width: 155px; }

.nav_top {
	background-color: #f90;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #8597B3;
	border-bottom: 2px solid #173372;
}
.menu_top { background-color: #f90; font-size: 18px arial, sans-serif; font-weight: normal; text-align: left; padding: 5px 0px 5px 0px; width: auto; }

.menu_top a:link, .menu_top a:visited { color: #003; text-decoration: none; }
.menu_top a:hover, .menu_top a:visited:hover { color: #FFFFFF; text-decoration: underline; }


#table .header { background-color: #f7ff0a; font-weight: bold; }
#table .linebg1 { color: #05e848; background-color: #ebebeb; }

.title { font-size: 14px; margin-bottom: -10px; margin-top: 0px; }

.currentpage { color: #000000; }
.inactivenav { color: #bbbbbb; }
a.pagenav:link { text-decoration : none; color : #f7f252; }
a.pagenav:visited { text-decoration : none; color : #f7f252; }
a.pagenav:hover { text-decoration : underline; color : #05e848; }

#page { background-color: #0a0a0a; }

#mainmenu { background-image: url(images/menu12.gif); background-repeat: repeat-x; }
#mainmenu a { font-weight: bold; }

#sidemenu { width: 100%; }
#sidemenu .header { text-decoration : none; color : white;font-size: 18px ; padding-left: 5px; background-repeat: no-repeat; }
#sidemenu .footer { height: 5px; background-repeat: no-repeat; }
#sidemenu .content { padding-left: 2px; padding-right: 2px; }

#footer {color: #000000; width: 1000px;}
#footer a:link { text-decoration : none; color : #F90; }
#footer a:visited { text-decoration : none; color : #F90; }
#footer a:hover { text-decoration : underline; color : #FFFFFF; }

.contentheader { font-size: 20px;color : #F90; font-weight: bold; }

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

#tablegeneral { }
#tablegeneral td { background-color: #FFFFFF; color: #645F75; }
#tablegeneral .tdindent { color: #FFFFFF; padding: 2px 2px 2px 25px; }
#tablegeneral .header { color: #5C5076; background-color: #FFFFFF; font-size: 15px; }
#tablegeneral .headerindent { color: #5C5076; background-color: #C6BDCE; font-size: 11px; padding: 2px 2px 2px 25px; }
#tablegeneral .subheader { color: #5C5076; background-color: #EEEEEE; font-size: 11px; }
#tablegeneral .linebg1 { color: #877DA2; background-color: #EEEEEE; }
#tablegeneral .linebg2 { color: #877DA2; background-color: #FFFFFF; }
#tablegeneral .linebg3 { color: #FFFFFF; background-color: #C6BDCE; }

form{margin:0;padding:0}
label{cursor:pointer;font-weight:bold;vertical-align:middle}
label input{font-weight:normal}
textarea,.inputtext,.inputpassword{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size: 11px;padding:3px;-webkit-appearance:none;-webkit-border-radius:0}
select{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size: 11px;padding:2px}

p{padding-bottom:13px;}

pre{display:inline;font-size:12px;	font-family:Arial, Helvetica, sans-serif;color:#444444;}
a:link{font-size: 15px;color: #f90;text-decoration: none;}
a:visited{font-size: 15px; color: #f90;text-decoration: none;}
a:hover{font-size: 15px; color:white;text-decoration: underline;}
a:active{font-size: 15px; color: #f90;text-decoration: none;}

.highlight {color: #FF0000;}   
.highlight_important   {color: #FF0000;}  

.currentpage { font-family: "tahoma"; font-size: 15px; color: #FF0033; }
.inactivenav { font-family: "tahoma"; font-size: 15px; color: #EEEEEE; }
a.pagenav:link { text-decoration : none; font-family: "tahoma"; font-size: 20px; color : #ffe924; font-weight: bold; }
a.pagenav:visited { text-decoration : none; font-family: "tahoma"; font-size: 20px; color : #ffe924; font-weight: bold; }
a.pagenav:hover { text-decoration : underline; font-family: "tahoma"; font-size: 20px; color : #ff6600; font-weight: bold; }

#table { }
#table td { color: #000000;font-size: 11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed}
#table .header { color: #FFFFFF; background-color: #4A638C; }
#table .header a:link { text-decoration : none; font-family: sans-serif,arial, tahoma; color : #FFFFFF; font-weight: bold; }
#table .header a:visited { text-decoration : none; font-family: sans-serif,arial, tahoma; color : #FFFFFF; font-weight: bold; }
#table .header a:hover { text-decoration : underline; font-family: sans-serif,arial, tahoma; color: #000000; font-weight: bold; }
#table .linebg1 { color: #000000; background-color: #FEF5FE; }
#table .linebg2 { color: #000000; background-color: #FFFFFF; }
#table .linebg3 { color: #000000; background-color: #F7F3EE; }
#table .linebg_#f90 { color: #999999; background-color: #00CC33; }

span.add_image a { height:52px; width:250px; display:block; text-indent:-9999px; background:url(http://www.thaischooldb.com/images/add.png) bottom no-repeat; float:left; margin-top:15px; }
span.add_image a:hover { background-position:top; }





#thumbs{ margin: 2px; border: 1px solid #E6E4E4; float: left; background-color:#EFEFEF; text-align: center;}	
#thumbs img{ display: inline; margin: 2px; border: 1px solid #EFEFEF;}
#thumbs a:hover img {border: 1px solid #CCC;}

#wrapper{width:1000px; margin:auto;}
#Header_Logo{padding-bottom:15px;padding-top:15px;}

#Logo_Wrapper{width:1000px;margin:auto;}
#Logo_Container{position:relative;}
#Logo_Content{left:0px;width:1000px;height:500px;border:5px; solid #f90;}
#Logo_Icon{position:absolute;left:0px;width: 340px;height: 80px;}
#Header_Navigation{width:1000px;}
#Header_Navigation_Left{float:left;width:11px;height:35px;background:url(http://www.tabienmongkol.com/css/images/nav_left.gif)  no-repeat;}
#Header_Navigation_Center{float:left;width:978px;background:url(http://www.tabienmongkol.com/css/images/nav_body.gif) repeat-x;height:35px;}
#Header_Navigation_Right{float:right;width:11px;height:35px;background:url(http://www.tabienmongkol.com/css/images/nav_right.gif) no-repeat;}

#Information_bar{clear:both;background-color:#f1f1f1;border:1px solid #cfcece;border-top:0px;margin-bottom:6px;height:25px;line-height:25px;padding-left:10px;padding-right:10px;}
#Front_Panel_Features_Wrapper{width:100%;margin:auto;}

#Footer{clear:both;height:30px;}
#Footer_Navi_Content{width:1000px;margin-left:auto;margin-right:auto;text-align:left;}
#Footer_Navi_Content .Content{width:1000px;}
#Footer_Navi_Content a{width:100%;height:35px;color:#444444;text-decoration:none;text-align:center;line-height:35px;}
#Footer_Navi_Content a:hover{width:100%;text-decoration:underline;text-align:center;}
#Footer_Navi_Content h3{font-weight:normal;font-size:100%;}

.Footer_Bar{width:1000px;height:35px;border:1px solid #e1dfdf;background-color:#f4f4f4;display:table-cell;vertical-align:middle;padding:2px;text-align:center;}
.Footer_Top{position:absolute;width:1000px;height:26px;text-align:left;}
.FooterCopyright{margin-top:10px;font-size:11px;position:absolute;width:1000px;height:26px;text-align:center;}
.clear{clear:both;}

.default_h1_size{font-size:125%;font-weight:bold;display:inline;}

#Segment_Container{width:1000px;}
#Segment_Left{float:left;width:248px;}
#Segment_Right{float:right;width:248px;}
#Segment_Center_Left{float:left;width:1000px;margin-right:6px;}
#Segment_Center_Right{float:left;width:920px;margin-left:6px;}
#Segment_492{float:left;width:492px;margin-left:6px;margin-right:6px;}

.BoxGrey_Color{	width:248px;background-color:#f4f4f4;}
.BoxGrey_left{width:248px;background-color:#f4f4f4;margin-bottom:6px;}
.BoxGrey_Center{width:920px;background-color:#f4f4f4;margin-bottom:6px;}
.BoxGrey_Right{width:492px;background-color:#f4f4f4;margin-bottom:6px;}

.BoxGrey_t_Corner_Left{background:url(http://www.tabienmongkol.com/css/images/corner_t_248.gif) no-repeat;font-size:0%;width:248px;height:8px;	padding:0;margin:0;}
.BoxGrey_b_Corner_Left{background:url(http://www.tabienmongkol.com/css/images/corner_b_248.gif) no-repeat;font-size:0%;width:248px;height:8px;	padding:0;margin:0;}

.BoxGrey_t_Corner_Right{background:url(http://www.tabienmongkol.com/css/images/corner_t_492.gif) no-repeat;font-size:0%;width:492px;height:8px;}
.BoxGrey_b_Corner_Right{background:url(http://www.tabienmongkol.com/css/images/corner_b_492.gif) no-repeat;font-size:0%;width:492px;height:8px;}
.BoxGrey_t_Corner_Center{background:url(http://www.tabienmongkol.com/css/images/corner_t_920.gif) no-repeat;	font-size:0%;width:920px;height:8px;}
.BoxGrey_b_Corner_Center{background:url(http://www.tabienmongkol.com/css/images/corner_b_920.gif) no-repeat;font-size:0%;width:920px;height:8px;}

.Box_Grey_Inside{padding:5px;margin-top:0px;margin-bottom:0px;border:1px solid #d5d2d2;background-color:#ffffff;margin-right:7px;margin-left:7px;}

.title_line{border-bottom:1px dashed #CCCCCC;margin-top:5px;margin-bottom:8px;}
.Find_Out_Gap{border-bottom:1px dashed #cccccc;margin-bottom:8px;margin-top:15px;}
.Find_Out_More{	text-align:right;width:100%;}

.View_Box_Title{margin:5px;margin-top:0;margin-bottom:3px;background-color:#488fb6;color:#FFFFFF;height:42px;line-height:42px;text-align:center;}
.View_Box{margin:7px;margin-top:0;margin-bottom:0px;background-color:#ffffff;border:1px solid #d2d1d1;height:35px;line-height:35px;text-align:left;width:auto;}
.View_Box a{display:block;padding-left:20px;}
.View_Box a:hover{display:block;background-color: #FF9900;color:#FFFFFF;text-decoration:none;}

.View_Box_Tab{margin:7px;margin-bottom:0px;margin-top:0;background-color:#ffffff;border:1px solid #d2d1d1;border-bottom:0;width: 20%;height:35px;line-height:35px;text-align:left;padding-top:2px;padding-left:20px;padding-right:20px;position:relative;top:1px;}
.View_Box_Tab_Title{margin:7px;margin-top:0;margin-bottom:0px;background-color:#ffffff;border:1px solid #d2d1d1;text-align:left;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px;}


.content-title {
line-height: 35px;
font-weight: bold;
text-align: center;
}

div.show_msg {
    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 25px;
            
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow:  0 1px 1px #fff inset;
}

.show_msg  a{text-decoration:underline;}

.show_msg {
    color:              #000000;
    background-color:   #ebf8a4;
}
h1.show_msg,
div.show_msg {
    border-color:       #a2d246;
    background-repeat:  no-repeat;
    background-position: 5px 50%;
            }
.show_msg h1 {
    border-color:       #00FF00;
}


div.show_error {
    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 50px;
    font-weight:bold;
            
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow:  0 1px 1px #fff inset;
}

.show_error  a{text-decoration:underline;}

.show_error {
    color:              #000000;
	background:pink;

}
h1.show_error,
div.show_error {
    border-color:       #ff0000;
    background-image:   url(http://www.thaischooldb.com/images/icon_alert.png);
    background-repeat:  no-repeat;
    background-position: 5px 50%;
            }
.show_error h1 {
    border-color:       #00FF00;
}


#tabien {
    position: relative;
/*  border:1px solid green;*/
}
#tb_cont table {
    position: relative;
    border: 0px;
}
#tb_cont td {
    height: 80px;
    width: 150px;
}
#tb_cont .num {
    position: relative;
    top: 0.5em;
    text-align: center;
    font-size: 20px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    color: black;
}
#tb_cont .price {
    position: relative;
    bottom: 0.8em;
    text-align: center;
    font-size: 14px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color: black;
    font-weight: bold;
}

/*****************************/
/*****       For saled plate        ****/
/*****************************/
#tb_cont .num_saled {
    position: relative;
    top: 0em;
    text-align: center;
    font-size: 20px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    text-decoration:line-through;
    color: #f90;
}
#tb_cont .saled {
    position: relative;
    top: 0em;
    text-align: center;
    font-size: 14px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    color: blue;
}
#tb_cont .price_saled {
    position: relative;
    bottom: 0em;
    text-align: center;
    color: black;
    font-weight: bold;
}

#tb_cont .num_style21 {
    position: relative;
    top: 0.5em;
    text-align: center;
    font-size: 20px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    color: black;
}

#tb_cont .num_style22 {
    position: relative;
    top: 0.5em;
    text-align: center;
    font-size: 20px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    color: green;
}
#tb_cont .num_style23 {
    position: relative;
    top: 0.5em;
    text-align: center;
    font-size: 20px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    color: blue;
}

#TopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #fcd301;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}