﻿/* CSS Document */
body {
	background-color: #fff;
	margin:5px auto;
	padding:0px;
		

}

img{ border:0px;}

a{
	color:#009F9F;
		text-decoration:none;
}

a:hover{
	color:#F09;
	text-decoration:none;
	}


#main_body{
		width:1000px;
		background-color:#fff;
		padding:0px;
		margin:0px auto;
}

#main_header{
		width:930px;
		padding:0px;
		padding-bottom:30px;
	}
#main_header .logo_left{
	float:left;
	width:747px;
}
#main_header .logo_menu_right{
	width:183px;
	float:right;
}
#main_inner{
	background-image:url(../img/bgbody.jpg);
	background-repeat:repeat-y;
	width:1000px;
	vertical-align:top;
	text-align:center;
	}
#main_inner .inner{
	width:680px;
	text-align:left;
	float:left;

	}
#main_inner .banner_right{
	float:right;
	vertical-align:top;
	width:314px;
	text-align:right;
	}



form{
	margin:0px;
	padding:0px;
	}
body,td,th {
	font-size: 12px;
	color: #666666;
	font:12px Verdana,Tahoma,"MS Sans Serif";	
}
#menu_bar{
	background-image:url(../img/03-01-bar-bg.png);
	background-repeat:repeat-x;
	text-align:right;
	width:926px;
	}

.h10{
		height:10px;

	}
.h4{
		height:4px;

	}
#country_id,#cost{
	border:0px;
	width:168px;
	background-color:transparent;
	background-color:!important;
	color:#666;
	}
#country_group_id,#company_id{
	border:0px;
	width:195px;
	background-color:transparent;
	background-color:!important;
	color:#666;
}
#month{
	border:0px;
	width:149px;
	background-color:transparent;
	background-color:!important;
	color:#666;
	}
#btn_searh{
	border:0px;
	background-image:url(../img/04-09-b.png);
	background-repeat:no-repeat;
	width:92px;
	height:29px;
	cursor:pointer;
	cursor:hand;
	}
.select01{
	background-image:url(../img/04-04-p-b.png);
	background-repeat:no-repeat;
	width:172px;
	height:22px;
	padding:2px;
		text-align:left;
	}
.select02{
	background-image:url(../img/04-05-ps-b.png);
	background-repeat:no-repeat;
	width:199px;
	height:22px;
	padding:2px;
	text-align:left;
}
.select03{
	background-image:url(../img/04-06-m-b.png);
	background-repeat:no-repeat;
	width:153px;
	height:22px;
	padding:2px;
	text-align:left;
}
.div_search{ 
display:block;
width:375px;
padding-top:11px;
padding-bottom:10px;
padding-right:25px;
vertical-align:top;
background-color:#F2F2F2;
}
.cls{ clear:both;}

.tbl_rows_top{
	background-color:#2B7BA8;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#005300;
	height:30px;
	background-position:center;
	background-repeat:repeat-x;
	text-align:center;
	color:#CFC;
	vertical-align:middle;
}

.tbl_rows{
	height:25px;
	border-bottom:1px dotted #999999;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
}

#guru_slide{
	width:533px;
	overflow:hidden;
	background-color:#ffffff;
	margin-top:0px;
}

#guru_box{
		width:924px;
		height:239px;
		text-align:center;
		display:block;
		background-image:url(../img/guru.png);
		background-repeat:no-repeat;
	}
#guru_box .guru_box_inner{
	padding-top:8px;
	padding-left:10px;
	vertical-align:top;
	}

#guru_box .div_left{
	width:533px;
	height:222px;
	background-color:#000;
	float:left;
}	
#guru_box .div_body{
	width:28px;
	vertical-align:middle;
	float:left;
	padding-top:5px;
}
#guru_box .div_right{
	width:340px;

	float:left;
	text-align:center;
}

#guru_box a:link {
	color: #0066CC;
	text-decoration: none;
}
#guru_box a:visited {
	color: #0066CC;
	text-decoration: none;
}
#guru_box a:hover {
	color: #FF0000;
	text-decoration: none;
}
#guru_box a:active {
	color: #0066CC;
	text-decoration: none;
}

#iam_content_1 {
display: none;
padding:5px;
}
#iam_content_2 {
display: none;
padding:5px;
}
#iam_content_3 {
display: none;
padding:5px;
}
/* FOOTER */
/* content - social bookmarks */
div.SocialBookmark {
background-color:#f0f0f0;
border-bottom:1px solid #EEEEEE; 
border-top:1px solid #EEEEEE; 
width:1000px;
background-image:url(../img/editorial.gif);
background-repeat:no-repeat;
background-position:right;
/*height:130px;*/
vertical-align:middle;
text-align:left;
margin-bottom:0px;
padding-bottom:80px;
display:table;
}
div.SB_Left, div.SB_Right,div.footer_middle{display:block; float:left; height:100%}
div.SB_Left {width:230px; margin-top:50px;}
div.footer_middle {width:250px; margin-top:50px;}
div.SB_Right {width:200px; margin-top:50px;}
div.SocialBookmark h4 {margin:15px 0 0 20px; font-size:16px; padding:0; color:#208acb; text-shadow:1px 1px #fff}
div.SocialBookmark p {margin:0 0 0 20px; padding:0 20px 0 0; text-shadow:1px 1px #fff}
div.SocialBookmark ul {margin:0 0 0 15px; padding:0}
div.SocialBookmark li {list-style:none; display:inline; margin:0 2px; padding:0}
/* END OF FOOTER */





.company_menu{
	float:left;
	text-align:left;	
	width:350px;
	height:70px;
}
.company_menu img{
	vertical-align:top;
	}
.company_menu a{
		text-decoration:none;
		color:#360;	
}
.company_menu a:hover{
		text-decoration:underline;
		color:#360;	
}

.company_img{
	float:right;
	width:70px;
	height:70px;
	padding-top:10px;
	padding-right:10px;
	}

.company_title{
	float:right;
	text-align:right;
	padding-right:5px;
	vertical-align:top;
	width:300px;
	height:70px;
	padding-top:10px;
	color:#CC0;
	font-size:13px;
	}

.company_register{
	float:right;
	text-align:right;
	padding-right:5px;
	vertical-align:bottom;
	width:300px;
	font-size:16px;
	padding-top:70px;
}

.company_register a{
		color:#FFF;
		text-decoration:none;	
}

.company_register a:hover{
		color:#000;
		text-decoration:none;	
}

.top_line{
	background-image:url(../img/bg_line.png);
	background-repeat:repeat-x;
	}
.bottom_line{
/*	background-image:url(../img/bg_bar.png);
	background-repeat:repeat-x;*/
	text-align:right;
	vertical-align:middle;
	color:#FFF;
	padding:5px;
	background-color:#B8E1F7;
}

.tbl_head{
	height:25px;
/*	background-image:url(../img/bg_bar.png);
	background-repeat:repeat-x;*/
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding:3px;
	background-color:#B8E1F7;
	}

.tbl_head a{
	color:#000;
	text-decoration:none;
	}	
.tbl_head a:hover{
		color:#F60;
		text-decoration:none;
	}

.tbl_row{
		font-size:11px;
		text-align:left;
		padding:3px;
		border-bottom:1px dotted #86DBCE;
	}
.tbl_row img{
	vertical-align:middle;
	}
.tbl_row a{
	text-decoration:none;
	color:#06F;
	}
.tbl_row a:hover{
	text-decoration:none;
	color:#FF0080;
	}
.top_title{
	text-align:left;
	padding:5px;
	font-size:14px;	
}
.top_title a{
	color:#096;
	text-decoration:none;
}
.top_title a:hover{
	color:#093;
	text-decoration:underline;
	}

.tbl_style{
	background-image:url(../img/bg_table.png);
	background-repeat:repeat-x;
	}
.tbl_style td{
		text-align:left;
		padding:3px;
		border-bottom:1px dotted #c3c3c3;
	}
.txtBox{
		border:1px solid #AFCAD3;
		width:400px;
		padding:5px;
		color:#000;
	}
.td_warning{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	}
.btnBox{
	color:#063;
	font-weight:bold;
	}
.txtMultiBox{
		border:1px solid #AFCAD3;
		width:600px;
		padding:5px;
		color:#000;
		height:100px;
	}
.txtSelectBox{
		border:1px solid #AFCAD3;
		width:200px;
		padding:5px;
		color:#000;
	}
.txtSelectBoxMini{
		border:1px solid #AFCAD3;
		width:60px;
		padding:5px;
		color:#000;
	}
.vote_title{
	text-align:left;
	padding-left:0px;
	width:120px;
	float:left;
	color:#B9005C;
	font-size:16px;
	font-weight:bold;
}
.vote_btn{
	text-align:left;
	width:50px;
	float:left;
}
.vote_result_text{
	float:left;
	width:380px;
	background-color:#fbd4f8;
	font-size:16px;
	font-weight:bold;
	padding:2px;
	}
.bg_green{
	background-color:#DB215E;
	float:left;
	color:#FFF;
	color:#000;
	font-size:10px;
	padding:5px;
	padding-left:0px;
	}
#frmRegister{
		direction:ltr;
	}
	
#frmRegister	.tbl_mailsubject{
		font-size:11px;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		color:#1D2A5B;
}

#frmRegister .text_input_00{
border:1px solid #BDC7D8;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:3px;
color:#000;
width:180px;
	}

#frmRegister .text_input_01{
border:1px solid #BDC7D8;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:3px;
color:#000;
width:430px;
	}

#frmRegister select{
border:1px solid #BDC7D8;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:2px;
	}
.text_pink{
	font-weight:bold;
	color:#FBB9CF;
	}
.text_pink_normal{
	color:#FBB9CF;
	}
.link_gray_normal{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
.link_gray_normal:hover{
	color:#F60;
	text-decoration:none;
	font-weight:normal;
	}
.link_gray_normal_non{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
.link_gray_normal_non:hover{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}
.link_gray{
	color:#666666;
	text-decoration:none;
	}
.link_gray:hover{
	color:#F60;
	text-decoration:none;
	}
.link_pink{
	color:#ED145B;
	text-decoration:none;
	}
.link_pink:hover{
	color:#43BC8E;
	text-decoration:none;
}

.company_title a{
		color:#FFF;
		text-decoration:none;	
}

.company_title a:hover{
		color:#000;
		text-decoration:none;	
}

.tdtop td{
	vertical-align:top;
	}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

.pink_text_bold{
	color:#E0316A;
	font-size:16px;
	font-weight:bold;
	}
#email{
	width:170px;
	padding:5px;
}

.select_big{
	border:1px solid #B6D8E9;
	padding:5px;
}
.blue_link a{
	font-size:18px;
	font-weight:bold;
	color:#3C9DFF;
	text-decoration:none;
}

.blue_link a{
	font-size:18px;
	font-weight:bold;
	color:#3C9DFF;
	text-decoration:none;
}

.blue_link a:hover{
	font-size:18px;
	font-weight:bold;
	color:#03B3C0;
	text-decoration:none;
	}
.green_tag{
	font-weight:bold;
	color:#008040;
	}
table td{
	text-align:left;
	}
.blue_box{
	background-color:#E8F1FA;
	border:1px solid #AAD3E9;
	padding:10px;
}
.blue_box a{
		color:#0E8BF1;
		text-decoration:none;
	}
.blue_box a:hover{
			color:#F0F;
		text-decoration:none;
}
.contry_table td{
	width:10px;
	height:10px;
	}

.pagination {margin: 0 auto;padding: 10px;font-size: 12px; text-align:right; float:right;}
.pagination a{color: #555;}
.pagination p {text-align:left;margin: 0;}
.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active {text-decoration:none;
background:#fff;border:1px solid #ddd;margin-right:1px;padding:2px 5px;}
.pagination p a:hover {background-color: #55c5e9;color:#fff;}
.pagination p span {text-decoration:none;background:#fff;border:1px solid #ccc;color:#B70D0D;margin-right:1px;padding:2px 5px;}
.pagination .current {font-weight:bold;}

#menu_slide{
	background-image:url(../img/bg-nav.gif);
	no-repeat;padding:1px 1px 0
	}
#menu_slide .zone_id{
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	
#menu_slide .zone_id a:hover{
	background-color:#000;	
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:2px;
}




div#i_containTab{
	position:relative;
	display:block;
	width:1000px; /* กำหนดความกว้างทั้งหมด  */
	

}
ul#navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
	background-color:#000;
	background-image:url(../img/bg_menu.jpg);
	background-repeat:repeat-x;
	height:25px;
	
}
ul#navi_containTab li{
	display:block;
	float:left;
	height:25px;	
	width:120px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:20px;
	cursor:pointer;
	text-align:center;

	
}
/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
	background-color:#DCD5D5;	
	
}

.tabNavi1 a{
	color:#664848;
	text-decoration:none;
}



.tabNavi2{
	background-color:#D0E4F5;	
}

.tabNavi2 a{
	color:#2D76C1;
	text-decoration:none;
}

.tabNavi3{
	background-color:#E8CBDE;		
}
.tabNavi3 a{
	color:#9A2074;
	text-decoration:none;
}

.tabNavi4{
	background-color:#FDDFD0;		
}

.tabNavi4 a{
	color:#F87824;
	text-decoration:none;
}

.tabNavi5{
	background-color:#C2E9B3;		
}

.tabNavi5 a{
	color:#448718;	
	text-decoration:none;	
}

.tabNavi1 a:hover{
	color:#FFF;
	text-decoration:none;
	
}
.tabNavi2 a:hover{
	color:#FFF;
	text-decoration:none;
	
}
.tabNavi3 a:hover{
	color:#FFF;
	text-decoration:none;
	
}
.tabNavi4 a:hover{
	color:#FFF;
	text-decoration:none;
	
}
.tabNavi5 a:hover{
	color:#FFF;
	text-decoration:none;
	
}




ul#detail_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
	
	height:23px;
	overflow:hidden;

}
ul#detail_containTab li{
	float:left;
	width:990px;
	padding:5px;
}
/* class รูปแบบของแต่ละเนื้อหา */
.detailContent1{
	background-color:#DCD5D5;
	background-color:#FFF;
	display:block;
}

.detailContent2{
	background-color:#D0E4F5;	
	display:block;
}
.detailContent3{
	background-color:#E8CBDE;		
	display:none;
}
.detailContent4{
	background-color:#FDDFD0;	
	display:none;	
}
.detailContent5{
	background-color:#C2E9B3;		
	display:none;
}

.detailContent1 a{
	text-decoration:none;
}
.detailContent2 a{
	text-decoration:none;
}
.detailContent3 a{
	text-decoration:none;
}
.detailContent4 a{
	text-decoration:none;
}
.detailContent5 a{
	text-decoration:none;
}

.submit_search {
	background:url("../img/submit_search_hover.jpg") no-repeat scroll 0 0 transparent;
	width:87px;
	height:22px;
	border:none;
	position:relative;
	top:-3px;
}
.submit_search:hover{
	background:url("../img/submit_search.jpg") no-repeat scroll 0 0 transparent;
	width:87px;
	height:22px;
	border:none;
	position:relative;
	top:-3px;
}
.submit_email {
	background:url("../img/send.jpg") no-repeat scroll 0 0 transparent;
	width:87px;
	height:27px;
	border:none;
	position:relative;
	top:0px;
}
.submit_email:hover{
	background:url("../img/send-over.jpg") no-repeat scroll 0 0 transparent;
	width:87px;
	height:27px;
	border:none;
	position:relative;
	top:0px;
}
.submit_email_text {
	background:url("../images/mini-box.jpg") no-repeat scroll 0 0 transparent;
	width:265px;
	height:22px;
	border:none;
	position:relative;
	top:5px;
	margin-left:40px;
}
.ui-datepicker-trigger{
	position:relative;
	top:4px;
}
.head-nav a{
	color:#FFFFFF;
	font-size:13px;
	font-family:tahoma;
}
.head-nav {
	color:#FFFFFF;
	font-size: 13px;
	font-family:tahoma;
}
.head-nav a:hover{
	color:#000000;
	font-size: 13px;
	font-family:tahoma;
}
.report a{
	color:#000000;
	font-size:12px;
	font-family:tahoma;
}
.report a:hover{
	color:#FF6600;
	font-size:12px;
	font-family:tahoma;
}
