body {
	background-color: #e6f2f2;
	background-image: url('../image_blog/bg.gif');
	background-repeat: repeat-x;
	padding:0px;
	margin:0 auto;
	font-family:tahoma;
}
input.text {
	border:1px #9c979b solid;
	font-weight:normal;
	font-family:Tahoma;
	font-size:13px;
	color:#6b6b6b;
	background:url(../image_blog/bg_search_bar.gif) repeat-x;
} 
select.text {
	font-size:11px;
	font-weight:normal;
	font-family:Tahoma;
	color:#6b6b6b;
	background:url(../image_blog/bg_search_bar.gif) repeat-x;
	background-color:white;
	/*text-align:center;*/
	width:125px;
}

.imgBorder {
	padding:2px; 
	border:1px #ccc solid; 
}
.submit {
/*	width:54px;
	height:19px;
	border:hidden; 
	background:url(images/button/bt_login.gif) no-repeat; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;*/
}

.clear { clear:both; }
/* Login */
.linkLogin { font-size:12px; color:#FFFFFF; padding:0 5px 0 5px; vertical-align:middle; }
.linkLogin a { color:#FFFFFF; text-decoration:none; }
.linkLogin a:hover { color:#009999; }

.borderImg { width:100%; margin:0 auto; text-align:center; padding-top:2px; padding-bottom:2px; }
.borderImg img { padding:2px; border:1px #c6cac9 solid; margin:3px 1px 1px 1px; }

/* ฟอร์ม profile */
.ProfileForm { margin-top:5px; margin-bottom:5px; border:1px #ededed solid; }
.ProfileForm .head { text-align:right; background-color:#ededed; width:35%; }
.ProfileForm .input { border:1px #ededed solid; }
.ProfileForm .request { color:#990000; font-weight:bold; }

/* ค้นหาข้อมูล */
.searchDiv { margin:0 auto; height:25px; background-color:#ffcf53; border:1px #d7a300 solid; border-bottom:2px #d7a300 solid; font-size:12px; font-weight:bold; color:#504f4a; padding-left:5px; }
.searchDiv img { vertical-align:middle; }
.searchDiv input { margin-left:5px; vertical-align:middle; }
.searchDiv select { margin-left:5px; vertical-align:middle; }

/* เมนูซ้าย */
.headMenuRed { margin:0 auto; width:225px; height:25px; background:url(../image_blog/blog_0.gif) no-repeat; }
.headMenuRed strong { display:block; background:url(../image_blog/blog_00.gif) no-repeat right; background-position:218px 0px; padding:5px 0 0 40px; color:#FFFFFF; font-weight:bold; font-size:12px;}

.headMenuOrange { margin:0 auto; width:225px; height:25px; background:url(../image_blog/left_0.gif) no-repeat; }
.headMenuOrange strong { display:block; background:url(../image_blog/left_00.gif) no-repeat right; background-position:218px 0px; padding:5px 0 0 40px; color:#FFFFFF; font-weight:bold; font-size:12px;}

.bodyMenu { margin:0 auto; width:215px; border-left:4px #dddddd solid; border-right:4px #dddddd solid; }
.bodyMenu span { padding-left:10px; /*background:url(images/bullet/bullet_02.gif) no-repeat left; background-position:0px 5px; margin:2px 0 2px 5px;  */ }
.bodyMenu span a { vertical-align:middle; color:#6b6b6b; font-size:12px; text-decoration:none; }
.bodyMenu span a:hover { color:#9a2400; text-decoration:underline; }
.bodyMenu a { vertical-align:middle; color:#6b6b6b; font-size:12px; text-decoration:none; }
.bodyMenu a:hover { color:#9a2400; text-decoration:underline; }

.bodyMenu ul { margin:0 auto; text-align:center; padding:3px; }
.bodyMenu ul a img { padding:2px; border:1px #ccc solid; width:200px; height:50px; }

.footMenu { margin:0 auto; width:225px; height:7px; background:url(../image_blog/left_000.gif) no-repeat top; background-position:0px 0px; }
.footMenu strong { display:block; background:url(../image_blog/left_0000.gif) no-repeat right; padding:7px 0 0 0; }

/*  ข้อมูลสมาชิกล่าสุด */
.lastMember { margin:0 auto; padding:3px; }
.lastMember div { margin:0 auto; background:#a3d4ce; font-size:12px; }
.lastMember div img { padding:0 7px 0 7px; vertical-align:middle; }
.lastMember li { list-style:none; font-size:12px; font-weight:normal; color:#63686b; padding-left:30px; }

/* เมนูขวา */
.headMenuGreen { margin:0 auto; width:220px; height:25px; background:url(../image_blog/right_0.gif) no-repeat; }
.headMenuGreen strong { display:block; background:url(../image_blog/right_00.gif) no-repeat right; background-position:213px 0px; padding:5px 0 0 40px; color:#FFFFFF; font-weight:bold; font-size:12px;}

.bodyMenuGreen { margin:0 auto; width:210px; border-left:4px #dddddd solid; border-right:4px #dddddd solid; background-color:#dbeeec; }
.bodyMenuGreen span { padding-left:10px; }
.bodyMenuGreen span a, a.webboard { vertical-align:middle; color:#6b6b6b; font-size:12px; text-decoration:none; }
.bodyMenuGreen span a:hover, a:hover.webboard { color:#097367; text-decoration:underline; }

.footMenuGreen { margin:0 auto; width:220px; height:7px; background:url(../image_blog/right_000.gif) no-repeat top; background-position:0px 0px; }
.footMenuGreen strong { display:block; background:url(../image_blog/right_0000.gif) no-repeat right; padding:7px 0 0 0; }

/* ตำแหน่งหน้า */
.positionSite { font-size:13px; color:#686868; font-weight:bold; padding-left:5px; }
.positionSite a { color:#686868; text-decoration:none; }
.positionSite a:hover { color:#000000; text-decoration:underline; }

/* edirectory */
.edirectory { width:100%; }
.edirectory td a { font-size:13px; font-weight: bold; text-decoration:none; color:#36848e; }
.edirectory td a:hover { color:#025f6d; }

/* Article Group */
.articleGroup { padding:5px; font-size:13px; }
.articleGroup a { color:#686868; text-decoration:none; }
.articleGroup a:hover { color:#3d3d3d; text-decoration:underline; }
.articleGroup .hGroup { padding-top:2px; padding-bottom:2px; }
.articleGroup .hGroup a, .articleLink a {color:#36848e; text-decoration:none; }
.articleGroup .hGroup a:hover, .articleLink a:hover {color:#005762; text-decoration:underline; }

/* Tab Article */
.articleTab ul {
	font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.articleTab ul:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.articleTab ul li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.articleTab ul a, .articleTab ul a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(../image_blog/tabs.png) no-repeat;
}
.articleTab ul a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.articleTab ul a:link, .articleTab ul a:visited {
    color: #fff;
}
.articleTab ul .TabSelected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.articleTab ul a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.articleTab ul .TabSelected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.articleTab ul .TabSelected a:link, .articleTab ul .TabSelected a:visited,
.articleTab ul .ui-tabs-disabled a:link, .articleTab ul .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.articleTab ul a:hover, .articleTab ul a:focus, .articleTab ul a:active,
.articleTab ul .ui-tabs-unselect a:hover, .articleTab ul .ui-tabs-unselect a:focus, .articleTab ul .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.articleTab ul .ui-tabs-disabled a:link, .articleTab ul .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #89c6c7;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .articleTab ul { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .articleTab ul  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Article Title */
.articleTitle { margin:0 auto; width:98%; padding:5px 5px; font-size:13px; border:1px #89c6c7 solid; }

/* Article Content */
.articleContent { margin:2px 5px; }
.articleContent .title { margin:2px; border-bottom:1px #696969 dotted; color:#2c9297; padding-left:50px; }
.articleContent .author { margin:2px; text-align:right; padding:2px 5px 3px 3px; background-color:#a3d4ce; }
.articleContent .content { padding:10px 7px 10px 7px; }
.articleContent .foot { text-align:right; border-top:1px #696969 dotted; padding:10px; background-color:#a3d4ce; }

/* เนื้อหา edirectory */
.edirectoryDetail { margin:0 auto; border-bottom:1px #686868 dotted; padding-bottom: 5px; }
.edirectoryDetail th { width:15%; height:105px; vertical-align:middle;}
.edirectoryDetail th img { border:1px #cccccc solid; vertical-align:middle;}
.edirectoryDetail td {vertical-align:top; color:#686868; padding-top:10px; }
.edirectoryDetail td div { font-size:13px; font-weight:normal; text-align:left;}
.edirectoryDetail td div a { color:#ff4e00; text-decoration:none; text-align:left;}
.edirectoryDetail td div a:hover { color:#9a2400; text-decoration:underline; text-align:left;}

.articleDetail { margin:0 auto; width:740px; border-bottom:1px #e0e0e0 solid; padding: 5px 0;}
.articleDetail th { width:30px; }
.articleDetail th img { margin-left:10px;  margin-right:10px;  }
.articleDetail td { color:#686868; font-size:13px; }
.articleDetail td div a { color:#6b6b6b; text-decoration:none; }
.articleDetail td div a:hover { color:#9a2400; text-decoration:underline; }

.cropimage { height:88px;width:88px;text-align:center;border:1px solid #CCCCCC;vertical-align:middle;cursor:pointer;}

/* directory */
.directory_bar {
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	width:730px;
	background-color:#F34D13;
	font-size:13px;
	font-weight:bold;
	color:white;
	padding:5px 5px 4px 10px;
}

/* list help */
.help_list { list-style:none; color:#686868; }
.help_list li { width:95%; }
.help_list li.headList { list-style-image:url('images/bullet/bullet_03.gif'); font-size:13px; font-weight:bold; }

.help_tab { text-align:center; background-color:#efefef; font-size:13px; font-weight:bold; color:#888; }
.help_tab td { width:33%; border:1px #ddd solid; }
.help_tab td.activeTab { background-color:#568681; color:white; border:1px #568681 solid; }


/* เมนูหลักด้านบน */
.MainMenu { padding-bottom:5px; width:100%; height:24px; line-height:22px; background-image:url('../image_blog/menu02.gif'); background-repeat: repeat-x; text-align:center; }
.MainMenu a { padding:0 9px 0 9px; font-family: Tahoma; font-size: 13px; font-weight: bold; color:white; text-decoration: none; }
.MainMenu a:hover { color:#9a2400; }
.MainMenu .submenuleft{ float:left;}


/* เมนูหลักด้านบน eng */
.MainMenu_ENG { padding-bottom:5px; width:100%; height:24px; line-height:22px; background-image:url('../image_blog/menu02.gif'); background-repeat: repeat-x; text-align:center; }
.MainMenu_ENG a { padding:0 12px 0 12px; font-family: Tahoma; font-size: 13px; font-weight: bold; color:white; text-decoration: none; }
.MainMenu_ENG a:hover { color:#9a2400; }

/* เมนูหลักด้านบน */
.MainMenu_admin { padding-bottom:5px; }
.MainMenu_admin th { height:24px; }
.MainMenu_admin td { width:100%; height:24px; background-image:url('../image_blog/menu02.gif'); background-repeat: repeat-x; text-align:center; }
.MainMenu_admin td a { padding:0 15px 0 15px; font-family: Tahoma; font-size: 13px; font-weight: bold; 	color:white; text-decoration: none; }
.MainMenu_admin td a:hover { color:#9a2400; }

/* Contact Us */
.contactus { list-style:none; }
.contactus li a { color:#686868; text-decoration:none; }
.contactus li a:hover { color:#358794; text-decoration:underline; }

/*  footer */
.footerText, .footerText a {	margin-top:10px; margin-bottom:10px; font-family: Tahoma;	font-size: 12px; font-weight: normal; color:#686868; text-align:center; text-decoration:none; }
.footerText a:hover { color:#358794; text-decoration:underline; }

/* Register */
.barRegis { 
	margin:0 auto; margin-left:2px;
	padding-top:3px; padding-bottom:3px;
	width:735px;
	background-color:#7fc2bb;
	text-align:center; 
	font-size:13px;
	font-weight:bold;
	color:#888;
 }
.barRegis span { padding-left:47px; padding-right:47px; border:1px #fff solid; background-color:#efefef; }
.barRegis span a { text-decoration:none; color:#888888; }
.barRegis span a:hover { color:black; }
.barRegis .current { background-color:#568681; color:white; }
.barRegis .current a, a.more { text-decoration:none; color:white; }
.barRegis .current a:hover, a:hover.more { color:#ffda67; }
.barRegis .past { background-color:#7fc2bb; color:white; }

.RegisterList {}
.RegisterList li { list-style-image:url('images/bullet/bullet_03.gif'); margin:10px 0 10px 0; }

/* list group */
.listGroup { margin:0 auto; width:98%; font-size:13px; }
.listGroup .listHead { background-color:#efefef; height:25px; line-height:25px; padding-left:10px; font-weight:bold; margin-top:5px; }
.listGroup .listHead a { color:#696969; }
.listGroup .listHead a:hover { color:#3e849d; }
.listGroup .listDescp { height:25px; line-height:25px; color:#696969; padding-left:30px; border:1px #efefef solid; margin-bottom:5px; }

/* Webboard */
.Webboard { margin:0 auto; width:98%; padding-top:5px; padding-bottom:5px; }
.Webboard .headW {  }
.Webboard .headW div { float:left; text-align:center; border:1px black solid; font-weight:bold; color:white; background-color:#ffcf53; }
.Webboard .contentW { clear:both; }
.Webboard .contentW div { float:left; text-align:center; border:1px black solid; }

/* Webboard */
.News { margin:0 auto; width:98%; padding-top:5px; padding-bottom:5px; }
.News .headN { }
.News .headN div { height:20px; line-height:20px; float:left; text-align:center; font-weight:bold; color:#696969; border-bottom:1px #dddddd solid; }
.News .contentN { clear:both; }
.News .contentN .pinned { background-color:#fdcf9f; }
.News .contentN div { height:20px; line-height:20px; float:left; text-align:center; border-bottom:1px #dddddd dotted; }
.News .contentN div a { color:#696969; text-decoration:none; }
.News .contentN div a:hover { color:#ff7400; }

/* แสดงผลหน้า */
.edirectoryPage { font-size:12px; color:#686868; padding-left:10px; padding-right:5px; }
.NumPage { background-color:#e0e0e0; width:12px; height:17px; font-size:11px; text-align:center; }
.NumPage a { text-decoration:none; color:#3f3f3f; }
.NumPage a:hover { color:white; }
.NumPageCurrent { background-color:#ff8d19; color:white; width:12px; height:17px; font-size:11px; text-align:center; }
.NumPageCont a { font-size:11px; text-decoration:none; color:#696969; }
.NumPageCont a:hover { color:#ff8e19; }

/* แสดงผลหน้า(ใหม่) */
.pagination{
	width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	font:Tahoma;
	font-size:11px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 100%; /*IE5 width*/
	w\idth: 100%; /*IE6 width*/
}

.pagination span {
	margin:0 1px;
	padding: 2px 5px;
	text-decoration: none; 
	color: #FFFFFF;
	background-color: #ff8d19;
}

.pagination a{
	margin:0 1px;
	padding: 2px 5px;
	text-decoration: none; 
	color: #3f3f3f;
	background-color: #e0e0e0;
}

.pagination a:hover, .pagination a.selected{
	color: #FFFFFF; /* font over color */
	text-decoration: none; 
	background-color: #ff8d19;
}
/*.pagination a:visited {
	color: #3f3f3f;
	text-decoration: none;
}*/

a.blog_link { text-decoration: none; color: #ED6923; }
a.blog_link:hover{ color:#9a2400; text-decoration:underline; }

.webStat { 
	margin:0 auto; 
	width:200px; 
	background:#eae2d7;
	border:1px #b7b6a4 dashed;
}

.webStat .inside { border:2px #FFFFFF solid; }

a.header { text-decoration: none; color: #FFFFFF; font-size:13px; font-weight:bold;}
a.header:hover{ color:#9a2400; text-decoration:none; font-size:13px; font-weight:bold;}

a.help { text-decoration: none; color: #FFFFFF; font-size:12px;}
a.help:hover{ color:#9a2400; text-decoration:none; font-size:12px;}