/*- Global Style -------------------------------------------------------*/

body {
	font-size: 12px;
	font-family: "Tahoma";
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	/* background-color:#D6EB73; */
	/* background-image:url(https://www.tttonline.net/images/background/bggreydiag.gif); */
	/* background-image:url(https://www.tttonline.net/images/background/main_bg.jpg); */
	
	/*
	scrollbar-face-color: #EBEBEB; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-shadow-color: #CCCCCC; 
	crollbar-arrow-color: #FFFFFF; 
	scrollbar-track-color: #F2F2F2
	*/
	/*
	scrollbar-face-color: #FBFBFB; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #D3D3D0; 
	scrollbar-3dlight-color: #D3D3D0; 
	scrollbar-arrow-color: #FBFBFB; 
	scrollbar-track-color: #E4E4E3; 
	scrollbar-darkshadow-color: #CCD2C9;
	*/
	scrollbar-face-color: #EEEEEE; 
	scrollbar-highlight-color: #FBF9F9; 
	scrollbar-shadow-color: #999999; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-arrow-color: #333333; 
	scrollbar-track-color: #F7F7F7; 
	scrollbar-darkshadow-color: #FFFFFF

}

table, tr, td { font-size: 12px; font-family: "Tahoma"; color: #666666; margin-top:0px; margin-bottom:0px;  }

a:link { color: #444444; text-decoration: none }
a:visited { color: #888888; text-decoration: none }
a:active { color: #444444; text-decoration: none }
a:hover { color: #FF9900; text-decoration: underline }

/*- Table Style -------------------------------------------------------*/
a.link_headbar:link { color: #FFFFFF; text-decoration: none; }
a.link_headbar:visited { color: #FFFFFF; text-decoration: none; }
a.link_headbar:active { color: #FF9900; text-decoration: none; }
a.link_headbar:hover { color: #FF9900; text-decoration: none; }
.table_header { font-size: 14px; color: #0000ff; font-weight: bold; }
.table_header_grey { font-size: 14px; color: #222222; font-weight: bold; }
.table_border { background-color: #375385; } 
.table_text_header { font-weight: bold; color: #FFFFFF; } 
.table_text { font-family: "Tahoma"; font-size: 12px; } 
.table_row1 { background-color: #E7E7E5; } 
.table_row2 { background-color: #D3D2D0; } 
.table_rowover { background-color: #EBF5FD; } 
.table_normal { background-color: #FFFFFF; } 
.table_col1 { background-color: #D5D9E2; font-weight: bold; } 
.table_col2 { background-color: #E5E9F2; } 
.table_col3 { background-color: #C5C9D2; color: #000066; font-weight: bold; } 
.table_footer { font-weight: bold; color: #000066; background-color: #FFED73; } 
.table_toolbar { background-color: #EEEEEE; } 

/*- Form Style -------------------------------------------------------*/
.button_th_normal { color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; }
.button_th_60 { color: #666666; font-weight: bold; height:22px; width:60px; text-align: center; cursor: hand; }
.button_th_80 { color: #666666; font-weight: bold; height:22px; width:80px; text-align: center; cursor: hand; }
.button_th_120 { color: #666666; font-weight: bold; height:22px; width:120px; text-align: center; cursor: hand; }
.button_th_140 { color: #666666; font-weight: bold; height:22px; width:140px; text-align: center; cursor: hand; }
.button_normal { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; border-width: 1px; }
.button_60   { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; width:60px;  border-width: 1px; }
.button_80   { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; width:80px;  border-width: 1px; }
.button_100  { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; width:100px; border-width: 1px; }
.button_120  { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; width:120px; border-width: 1px; }
.button_140  { font-family : "Verdana"; color: #666666; font-weight: bold; height:22px; text-align: center; cursor: hand; width:140px; border-width: 1px; }
.input_center { font-family: "Tahoma"; color: #000000; background-color: #DEDEBB; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: center; }
.input_left { color: #000000; background-color: #DEDEBB; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: left; }
.input_right { color: #000000; background-color: #DEDEBB; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: right; }
.input_textarea { color: #000000; background-color: #DEDEBB; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; text-align: left; }
.search_area { color: #000000; background-color: #ECE9D8
; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; text-align: left; }
.input_normal { border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; }
.select { font-family: "Tahoma"; font-size: 12px; color: #000000; background-color: #DEDEBB; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: left; }
.input_select_normal { font-family: "Tahoma"; font-size: 12px; color: #000000; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: left; }
.inputbox { border : 1px solid #999999; color : #333333; background : #ffffff; font-family : "Tahoma"; font-size : 12px;	 font-weight : normal; z-index : -3; }
.form_checkbox { cursor: hand; }

/*- Menu Style -------------------------------------------------------*/
.menu_table_header { font-family : "Tahoma"; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #FEA600; } 
.menu_table_bg_hilight { background-color: #FFFFFF; } 
.menu_table_bg_shadow  { background-color: #E6E6E6; } 
.menu_table_bg_normal  { background-color: #FFFFFF; cursor: hand; } 
.menu_table_bg_over    { background-color: #E7E7E7; cursor: hand; } 
.menu_table_text { font-family : "Tahoma"; font-size: 12px; color: #990000; font-weight: bold; } 

/*- MessageBox Style -------------------------------------------------------*/
.messagebox_alert { background-color: #FFE9D9; color: #660000; border: 1px solid #990000; } 
.messagebox_green { background-color: #F6FDF2; color: #E7FFD0; border: 1px solid #AAD77E; } 
.messagebox_orange { background-color: #FFF4D8; color: #EAA900; border: 1px solid #E8A400; } 

/* Text Style -------------------------------- */
.text_bold { font-weight: bold; } 
.text_big_bold { font-weight: bold; font-size:14px; }
.text_big18_bold { font-weight: bold; font-size:18px; }
.text_big17_bold { font-weight: bold; font-size:17px; }
.text_big16_bold { font-weight: bold; font-size:16px; }
.text_bold_grey { font-family: "Tahoma"; font-size: 14px; color: #666666; font-weight: bold; }
.text_mid_grey { font-family: "Tahoma"; font-size: 12px; color: #333333; } 
.text_big { font-family: "Tahoma"; font-size:16px; color: #000099; font-weight: bold; }
.text_medium { font-family: "Tahoma"; font-size:14px; color: #000099; font-weight: bold; } 
.text_header { font-family: "Tahoma"; font-size:14px; color: #3366CC; font-weight: bold; } 
.text_hilight { color: #000099; } 
.text_color_narmal { color: #999999; } 
.text_small { font-size: 11px; }
.text_small_color_blue { font-size: 11px; color:#0099FF }
.text_title { FILTER: dropshadow(color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0); WIDTH: 100%; COLOR: #ffffff
}
.text_topic { font-family: "Tahoma"; font-size: 12px; color: #FF9933; font-weight: bold; }
.text_topic_other { font-family:"Tahoma"; font-size:12px; color:#246CBE; font-weight:bold }
.text_small_topic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CF1108; font-weight: bold; }
.text_mid_topic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CF1108; font-weight: bold; }
.text_mid_topic_thai { font-family: Tahoma; font-size: 12px; color: #CF1108; font-weight: bold; }
.text_big_topic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CF1108; font-weight: bold; }
.text_detail { font-family: "Tahoma"; font-size: 12px; color: #FF3300; font-weight: normal; }
.text_topic_field { font-family: "Tahoma"; font-size: 12px; color: #1F86DE; font-weight: bold; }
.text_white { font-family: "Tahoma"; font-size: 12px; color: #FFFFFF; }
.text_white_bold { font-family: "Tahoma"; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.text_button { font-family: "Tahoma"; font-size: 12px; color: #000000; font-weight: bold; cursor: hand; }
.text14_error { font-family: "Tahoma";	color: #FF0000;	font-size: 14px;	font-weight: bold; }
.text12_orange { font-family: "Tahoma";	color: #EB5D37;	font-size: 12px;	font-weight: bold; }
.text14_orange { font-family: "Tahoma";	color: #EB5D37;	font-size: 14px;	font-weight: bold; }
.text12_error { font-family: "Tahoma";	color: #FF0000;	font-size: 12px;	font-weight: bold; }
.text_error { font-family: "Tahoma";	color: #FF0000;	font-size: 12px;	font-weight:normal; }
.text12_input_bold { font-family: "Tahoma";	color: #000000; font-size: 12px;	font-weight: bold; }
.text_response { font-family: "Tahoma"; font-size: 16px; color: #2146AF; font-weight: bold; } 
.text_red_topic { font-family: "Tahoma"; color: #FF0000;	font-size: 16px;	font-weight: bold;	}
.text_complete { font-family: "Tahoma"; color: #359935;	font-size: 16px;	font-weight: bold;	}
.text_mid_complete { font-family: "Tahoma"; color: #359935;	font-size: 12px;	}
.text_comment { font-family: "Tahoma"; font-size: 12px; color: #0000ff; font-weight: bold; }
.text_visited_read { font-family:"Tahoma"; font-size:xx-small; font-weight:normal }
.title_news { font-family:"Tahoma"; font-size:12px; color:000099; font-weight:bold; text-decoration:underline }

/* Box Style -------------------------------- */
.box_gray { background-color: #FFFFFF; color: #000000; border: 1px solid #CCCCCC; }