/* CSS Document */
#DataList1
{
    padding-left:30px;}
    
.star-red
{
    color:#FF0000; 
    float:right;}
    
.noborder
{width:211px; 
 border:0;}
 
    
body {
	font-size:12px;
	color:#000000;
	font-family: sans-serif, serif;
	text-align:left;
	color:#000000;
	margin:0;}
.clear{
	clear:both;}
	
a:link, a:visited{
	color:#000000;
	text-decoration:underline;}
	
a:hover{
	color:#4f892a;
	text-decoration:none;}

.top-jobtype{
	background-color:#000000;
	color:#FFFFFF;}
	
.boxcenter{
	width:980px;
	margin:auto;
	padding: 5px 10px;
	text-align:left;
}
.jobdetail{
	float:left;}
	

    
.head-menu{
	background:url(images/bg-head.gif) repeat-x;
	height:132px;}

.menu{
	background:url(images/menu.jpg) no-repeat;
	height:37px;
	width:982px;
	margin-top:10px;
	color:#FFFFFF;
	padding:0 2px;
	}
.text-menu{
	padding:10px 0px;
	float:left;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	width:162px;
	}
	

.text-menu:hover{
	background:url(images/hover-menu.gif) no-repeat;
	width:162px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;}
	
	
.menu img{
	float:left;}
	
a .text-menu{
	color:#FFFFFF;
	text-decoration:none;}	

	
.bg-head2{
	background:url(images/bg-head2.gif) repeat-x;
	height:184px;}
	
.show-all{
	float:right;
	font-size:12px;}
	
.show-all a:link, .show-all a:visited{
	color:#FFFFFF;
	text-decoration:underline;}
	
.show-all a:hover{
	color:#FFFFFF;
	text-decoration:none;} 
	
.pic-plus
{
    float:right; 
    padding-right:3px;}
    
 #Browse_LinkAll, #Article_LinkAll
 {
 	float:right;}
	
/****************************main box***********/
#parttwo{
	width:980px;
	text-align:left;
	}
#mainbox{
	width:715px;
	float:left;
	margin-right:10px;
	padding-top:10px;
	}
.search-tab{
	width:700px;
	float:left;
	background:url(images/search-tab.gif) no-repeat;
	height:28px;
	color:#FFFFFF;
	text-align:left;
	padding:5px 5px 5px 10px;
	}
.bt-search{
	background:url(images/bt-search.png) no-repeat;
	width:67px;
	height:25px;
	color:#ffffff;
	border:0;
	cursor:pointer;}
.last-joblist, .topcompany, .search-result, .content_marketing{
	width:715px;
	float:left;
	margin-bottom:10px;
	text-align:left;
	}
.title-tab{
	width:695px;
	float:left;
	background:url(images/title-tab.gif) no-repeat;
	height:26px;
	color:#FFFFFF;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
.title-tab2{
	width:695px;
	float:left;
	background:url(images/title-tab2.gif) no-repeat;
	height:26px;
	color:#FFFFFF;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
	
.title-tab-topcom{
	width:695px;
	float:left;
	background:url(images/title-tab.gif) no-repeat;
	height:27px;
	color:#073e7a;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
	
.detail-joblist{
	background:url(images/bg-joblist.gif) repeat-y;
	width:715px;
	float:left;
	text-align:left;
	padding-top:15px;}
	
.pic-lastjob{
	width:210px;
	margin:0px 10px 0px 25px;
	float:left;}
.list-lastjob{
	width:455px;
	float:left;
	padding-right:10px;

	}

 li{
	list-style-image:url(images/bullet.gif);
	border-bottom:1px #CCCCCC dotted;
	padding:3px 0 3px 0px;}
	
.column{
	width:50%;
	float:left;}
/*****top company****/
.title-tab-topcom{
	width:695px;
	float:left;
	background:url(images/top-company.gif) no-repeat;
	height:24px;
	color:#073e7a;
	padding:3px 10px 0 10px;
	margin-top:10px;
	text-align:left;
	font-size:14px;}
	
.detail-topcpm{
	background:url(images/bg-topcom.jpg) no-repeat;
	width:715px;
	float:left;
	text-align:left;
	height:78px;}
	
.slide-banner{
	height:55px;
	margin:auto;
	padding:10px 0;
	width:640px;}
.slide-banner img{
	margin:0 10px;}
/****************search-result***************/
.order{
	width:50px;
	float:left;}
.order2{
	width:40px;
	float:left;
	padding-left:10px;}
.position, .company{
	width:200px;
	float:left;}
.amont, .update{
	width:120px;
	float:left;}
.row1{
	width:706px;
	float:left;
	background-color:#f6f6f6;
	padding:3px 0;
}
.row2{
	width:706px;
	float:left;
	background-color:#eaeaea;
	padding:3px 0;}

.detail-result{
	width:708px;
	float:left;
	color:#4c4c4c;
	text-align:left;
	padding: 0 2px 0 5px;}
	
.detail-result a:link, .detail-result a:visited{
	color:#4c4c4c;
	text-decoration:underline;}

.detail-result a:hover{
	color:#e9a31e;
	text-decoration:none;}
	
.page-number{ 
	float:left;
	width:715px;
	text-align:right;
	padding-top:5px;
	color:#000000;}
/**************content***********/
.content{
	width:342px;
	float:left;
	background-color:#f4f4f4;
	margin:0px 10px 10px 10px;
}
.detail-content{
	background:url(images/bg-content.gif) repeat-y;
	width:715px;
	float:left;
	text-align:left;
	padding-top:15px;}
.detail-content a:link, .detail-content a:visited{
	color:#00779c;
	text-decoration:none;}
.detail-content a:hover{
	color:#00779c;
	text-decoration:underline;}
	
.article{
	background:url(images/bg-content.gif) repeat-y;
	width:685px;
	float:left;
	text-align:left;
	padding:15px;}

/****************************เมนูด้านขวา***********/
#right-box{
	width:255px;
	float:left;
	}
.banner{
	float:left;
	width:255px;
	margin-bottom:10px;
	}
.gruopjob{
	width:255px;
	float:left;
	
}
	
.title-groupjob{
	width:235px;
	float:left;
	background:url(images/head-group.gif) no-repeat;
	height:14px;
	color:#FFFFFF;
	text-align:left;
	padding:10px;}
	
.bg-group{
	width:213px;
	float:left;
	border-left:1px #b8b8b8 solid;
	border-right:1px #b8b8b8 solid;
	text-align:left;
	padding:10px 10px 10px 30px;
	}
	
.gruopjob li{
	list-style:none;
	border-bottom:1px #b8b8b8 dotted;
	padding:0;
	margin:0;
	}
	
#DataList2 li, #DataList1 li
{
	padding-left:0px;
	list-style-image:url(images/bullet.gif);
	}
/********บทความ**************/
.pic-content{
	float:left;
	margin:10px;}
	
.de-con{
	float:left;
	padding:10px;
	width:322px;
	height:110px;
}

.picture-content{
	float:left;
	width:112px;
	height:79px;
	padding:10px;}
	
.readmore{
	float:right; 
	margin:5px 10px;
	}
	
/****************************หางานmarketing***********/
.search-marketing{
	width:715px;
	float:left;
	text-align:left;
	margin-bottom:10px;
}
.bg-search-admin{
	width:715px;
	float:left;
	color:#000000;
}
.intro{
	width:715px;
	padding:30px 0px 0 0px;
	float:left;}
	
.search_intro{
	float:left; 
	width:505px; 
	padding-left:10px; 
	padding-right:10px;}
	
.boxsearch{
	width:635px;
	float:left;
	margin:10px 10px 0 10px;
	background:url(images/boxsearch.gif) no-repeat;
	height:110px;
	padding:10px 30px;}
.boxsearch ul{
	padding:0;
	margin:0;
	padding-left:25px;}
.bg-admin{
	background:url(images/top-search.jpg) top no-repeat #daefcd;
	width:715px;
	float:left;
	padding:10px 0;
	padding /*\**/:10px 0 0 0\9;}
	
.title-search{
	padding:0;
	margin:0;
	padding-left:20px;}
	
/***************เกียวกับงานmarketing************/
 .title-aboutmk{
	width:235px;
	float:left;
	background:url(images/aboutmk.gif) no-repeat;
	height:19px;
	text-align:left;
	padding:10px;
	color:#FFFFFF;}
.bg-aboutmk{
	width:255px;
	background:url(images/bg-aboutmk.gif) repeat-y;
	float:left;
	text-align:left;}
.sub-hilight{
	background:url(images/hilight.gif) no-repeat; 
	height:29px;
	width:219px; 
	width /*\**/:224px\9;
	padding:0;
	margin:0;
	margin:auto; 
	padding:5px 10px 10px 20px;
	padding /*\**/:5px 10px 10px 15px\9;
	color:#FFFFFF;
	text-align:center;}
.content-aboutme{
	float:left;
	padding:10px;
	width:235px;}
.content-aboutme img{
	float:left;
	margin:0 5px 5px 0;}
.content-aboutme li{
	list-style-image:url(images/bullet2.gif);
	padding:3px 0;
	margin:0;
	width:205px;
	border-bottom:0;
}

/*********************หน้าสมัครงาน**************/
.apply-top{
	width:980px;
	float:left;}
.bg-app{
	float:left;
	width:980px;
	background:url(images/TAJ_06.jpg) no-repeat;
	height:289px;}
.app-box{
	float:left;
	width:250px; 
	font-size:14px;
 	padding:18px 0 0 130px;
	padding /*\**/:30px 0 0 130px\9;
}
.infor-app{
	width:500px;
	float:left;
	padding:20px;}

.infor-app li{
	list-style-image:url(images/arrow.jpg);
	border:0;}
	
.bt-apply{
	float:right;
	width:161px;
	margin:15px 70px 0 0; 

}
.bt-apply a:link, .bt-alert a:link{
	color:#ffffff;
	text-decoration:underline;}
	
.bt-apply a:hover, .bt-alert a:hover{
	color:#ffffff;
	text-decoration:none;}
	

.inbox{
	float:left; 
	width:200px; 
	padding:10px 0 0 10px;}
.webadmin{
	color:#FFFFFF; 
	padding-top:20px;}
/*******************Job alert************/
.picalert{
	float:left;
	width:220px;}
	
.alert{
	width:744px;
	float:left;}
	
.detail-alert{
	width:699px;
	float:left;
	background:url(images/alert_10.jpg) repeat-y;
	padding:10px 10px 0 35px;
	height:346px;}
	
.detail-alert p{
	padding:0;
	margin:0;
	margin:5px 0;}
	
.detail-alert li{
	list-style-image:url(images/li.gif);
	border:0;}
	
.bt-alert{
	width:188px;
	margin-top:15px;}
	
/******************contact******************/
.piccontact{
	float:left;
	width:202px;}
.contact{
	width:735px;
	float:left;
	background:url(images/contact_04.gif) no-repeat;
	height:402px;
	padding:20px 0 0 25px;
}
.caption{
	width:120px;
	float:left;
	text-align:right;
	padding:5px;
	padding /*\**/:0 5px 0 0\9;}
	
.star-red
{
    color:#FF0000; 
    float:right;}
 #Subject, #Name, #Email, #Tel, #Detail
    {
        float:right;
        }
    
.formfill{
	width:320px;
	float:left;
	padding:5px 5px;
	}

/****************************footer***********/
#footer{
	width:960px;
	background-color:#000000;
	color:#FFFFFF;
	margin:auto;
	text-align:left;
	padding:10px;
	margin-top:10px;

}

#footer a:link, #footer a:visited{
color:#FFFFFF; text-decoration:underline;}
#footer a:hover{
color:#FFFFFF; text-decoration:none;}
	
#logo, #register{
	float:left;}
	
#address{
	float:left;
	width:560px;
	padding:10px 10px 10px 60px;}
	
.detail-result GridHeader_Office2007{
	background-color:#296fa6;
	color:#ffffff;}
	
/*******other*****/
.pic-icon{
	float:left;
	margin-right:2px;}
	
.icon-more{
	float:right;
	margin-left:2px;}