@charset "utf-8";
/*-------------------------------------------------------------------------------------------------
	Short Cut Description Part
	s = search 
	qs = quick search
	r = result
	con = container
	cf = clear float
	cfl =  clear float left
	cfr =  clear float right
	sec = section
	btn = button
	ins = instruction
	p = popup
-------------------------------------------------------------------------------------------------*/

body{background-color:#ffffff;height:100%;font-family:Verdana, Helvetica, Arial;font-size:11px;padding:0px;margin:0px;}
img{border:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;display:inline;} 
h1{font-size:13px;}
h2{font-size:12px;}
h3{font-size:11px;}
h4{font-size:11px;color:blue;}
h5{font-size:10px;}
h6{font-size:8px;}

ul{}
li{}
p{}

a{}
a:link{}
a:active{}
a:hover{}
a:visited{}
strong{font-style:bold;}

fieldset{text-align:left;}
optgroup{font-style:normal;color:#B60;}




.cf{clear:both;height:0;line-height:0px;margin:0px;padding:0px;}

.cfl{clear:left;height:0;line-height:0px;}


.enter{clear:both;height:10px;}
.sEnter{clear:both;height:2px;}

.ins{color:#999;font-weight:normal;text-decoration:none;}



/* page Content Layout */
#pageTitle{width:450px;}
#pageContent{width:450px;}
#mainContent{float:left;width:450px;margin: 0 200px 0 0px;}
#pPageContent{width:450px;}
#pMainContent{float:left;width:450px;margin: 0 200px 0 0px;}
#sideContent{float:left;margin-left: -200px;}


/* page Content Layout for popup */
#pPageTitle{width:650px;}
#pPageContent{width:650px;}

/* Criteria Layout */
#sCon {width:570px;color:#222;}
#sOptCon {padding : 0px 7px 0px 7px;}

/* Option Section */
.optSec{display:block;padding-top:10px;padding-bottom:15px;border-bottom:dotted 1px #ccc;clear:left;width:100%;}

/* Option Header */
.optHead{float:left;padding-left:15px;padding-right:15px;width:700px;}

/* Option Action */
.optAct{padding : 20px 0px 10px 0px;width:740px;text-align:center;}

/* Option Container */
.optCon {padding-left:50px;padding-right:50px;margin-top:5px;padding-top:5px;}
.optCon ul{overflow:auto;border:solid 1px #b0b8bb;font-size:8pt;height:140px;width:300px;list-style:none;margin:0;padding-left:0;}
.optCon ol{margin:0;padding:0;}
.optCon li{padding:0px;margin-bottom:2px;text-indent:10px;}
.optCon li.l2{text-indent:10px;}
.optCon li.l3{text-indent:25px;}
.optCon select,input {font-size:12px;color:#222;}
.optCon label{cursor:pointer;}
.optCon span{cursor:pointer;width:100%;}
.optCon span.labelSelected, div.labelSelected {background-color:#D4E6FF;color:black; font-weight:bold;}
.ulgroup{clear:both;text-indent:10px;padding:0px;padding-top:3px;font-style:bold;color:#B60;}
.optConShortList{padding-left:50px;padding-right:50px;margin-top:5px;padding-top:5px;}
.optConShortList span{float:left;padding-right:15px;}
.optConShortList label{cursor:pointer;}
.optSpeRole{display:none;}
.togSpeRole{text-decoration:underline;color:#999;font-weight:normal;}

.optConSel{color:#369;margin-top:5px;}
.optConSel b{color:#000;}

/* Cutomize Option Box */
#optPosCon span{width:210px;float:left;}
#optTypCon span{width:210px;float:left;}
#optPstCon span{width:120px;float:left;}
#optSalCon span{width:230px;float:left;}
#optSalCon #spanSal{width:110px;}
#optSalCon #spanLbl{width:200px;}
#optFosCon ul{width:400px;}
#optYoeCon select{width:135px;}
#optQuaCon ul{width:400px;}
#optSpeCon ul{width:400px;}
#optSpeCon ol li{list-style:none;}


/* Others, Option Check All, Option Left right division */
.optCheckAll{font-size:9px;padding-bottom:3px;}
.optLocLeft{float:left;	margin: 0 300px 0 0px;}
.optLocRight{float:right;margin-left: -300px;}

/* input Keyword/ button  */
.iptKey{border:solid 1px #b0b8bb;background-color:transparent;height:23px;float:left;width:100%;margin-right:10px;font-size:16px;}
.btnKey{float:left;height:27px;width:100px;padding:0 10px 0 10px;color:white;font-weight:bold;font-size:12px;background-color:#bd0f0e;cursor:pointer;}
.btnQsSearch{float:left;height:22px;width:87px;padding:0 10px 0 10px;color:#000;font-weight:bold;font-size:11px;background-color:#FFC300;cursor:pointer;}	
.btnSearch{height:27px;width:100px;padding:0 10px 0 10px;color:white;font-weight:bold;font-size:12px;background-color:#bd0f0e;cursor:pointer;}

/* Quick Search Criteria Layout */

#qsCon h2 {font-size:11px;}
#qsConOpt{padding:5px 5px 5px 5px;}
#qsTitle{float:left;width:90px}
#qsKey{float:left;width:156px;padding-left:4px;}
#qssgKey{float:left;width:186px;padding-left:4px;}
#qsLoc{float:left;width:152px;}
#qsSpe{float:left;width:222px;}
#qsPos{float:left;width:135px;}
#qsphPos{float:left;width:182px;}
#qsBtn{float:left;width:90px;}
#qsLink{float:left;width:140px;padding-top:3px;}
#qsKeyArea{float:left;}

#qsLoc select{width:150px;font-size:9pt;}
#qsPos select{width:130px;font-size:9pt;}
#qsphPos select{width:180px;font-size:9pt;}
#qsSpe select{width:220px;font-size:9pt;}
#qsInd select{width:200px;font-size:9pt;}

/* Classifieds Quick Search Criteria Layout */
#qsCsfCon{width:953px;padding:6px 0px 0px 6px;margin:0px;}
#qsCsfCon h2 {font:normal 11px verdana;}
#qsCsfConOpt{padding:0px;}
#qsCsfKey{float:left;width:220px;}
#qsCsfLoc{float:left;width:190px;}
#qsCsfSpe{float:left;width:230px;}
#qsCsfPos{float:left;width:190px;}
#qsCsfBtn{float:left;width:110px;}
#qsCsfLink{float:left;width:100px;}

#qsCsfLoc select{width:180px;font-size:8pt;}
#qsCsfPos select{width:180px;font-size:8pt;}
#qsCsfSpe select{width:220px;font-size:8pt;}

.qsCsfOptCon {padding:3px 0px 0px 0px;margin:0px;}

.qsIptKey{float:left;width:150px;padding:0px;margin:0px;font-size:10pt;}
.qssgIptKey{float:left;width:180px;padding:0px;margin:0px;font-size:10pt;}
.qsBtnKey{height:27px;width:120px;padding:0 10px 0 10px;color:white;font-weight:bold;font-size:12px;background-color:#bd0f0e;cursor:pointer;}
#qsLocCon{float:left;position:absolute;background-color:#FFF;z-index:3;}
#qsSpeCon{float:left;position:absolute;background-color:#FFF;z-index:3;}

.qsOptCon {padding-top:3px;padding-left:15px;margin-top:3px;}
#qsLocCon ul{overflow:auto;border:solid 1px #D4E6FF;height:180px;width:180px;margin:0px;padding:0px;}
#qsSpeCon ul{overflow:auto;border:solid 1px #D4E6FF;height:180px;width:220px;margin:0px;padding:0px;}
.qsOptCon li{padding:0px;margin-bottom:1px;text-indent:0px;font-size:10px;list-style:none;}
.qsOptCon li.l2{text-indent:8px;}
.qsOptCon li.l3{text-indent:15px;}
.qsOptCon select, input {font-size:10px;color:#222;}
.qsOptCon label{cursor:pointer;}
.qsOptCon span{cursor:pointer;width:100%;}
.qsOptCon span.labelSelected, div.labelSelected {background-color:#D4E6FF;color:black; font-weight:bold;}
.qsCol{background-color:#D4E6FF;padding:5px;text-align:center;}
.qsCol a{font-size:10px;font-weight:bold;cursor:pointer;}

/* Email Alert */
.eACriteria{padding:10px;text-indent:0px;font-size:10px;}
.eABtn{padding-left:10px;}
.eABtn a{text-decoration:none;}
.eABtnKey{color:white;width:150px;height:27px;padding:0 10px 0 10px;font-weight:bold;font-size:12px;background-color:#bd0f0e;cursor:pointer;text-decoration:none;}

/* Result */
#rCon{width:98%;border:solid 1px #d3dee2;padding:2px;}
#rBar{background-color:#369;margin:0px;padding:0px;height:53px;}
#rClsBar{background-color:#369;margin:0px;padding:0px;height:53px;}
#rPhrase{float:left;font-size:12px;color:#DBEAF0;padding:8px 5px 8px 5px;height:16px;}
#rNav{}
#rTool{float:right;padding:8px 5px 0px 0px;}
#rTool a{text-decoration:none;font-size:9px;color:#DBEAF0;}
#rBarMini{background-color:#D4E6FF;margin:0px;padding-top:3px;height:22px;}
#rPhraseMini{text-indent:15px;}

/* Result Tab */
#rTab{padding:0px;}
#rTabRight{float:right;}
.rTabOff{float:left;height:20px;padding:0px;background-color:#DBEAF0;}
.rTabOff a{float:left;display:block;padding:5px 10px 0px 10px;text-align:center;color:#369;font-size:9px;font-weight:bold;text-decoration:none;}
.rTabOn{float:left;height:21px;background-color:#fff;}
.rTabOn a{float:left;display:block;padding:5px 10px 0px 10px;text-align:center;color:#000;font-size:9px;font-weight:bold;text-decoration:none;}
.rTabSpace{float:left;height:20px;width:3px;}
.rTabName{float:left;display:block;padding:5px 10px 0px 10px;text-align:center;color:#369;font-size:9px;font-weight:bold;text-decoration:none;}

/* Result Pagination and Sorting */
.rPage{padding:10px 15px 10px 15px;}
.rSort{float:left;font-weight:bold;font-size:10px;color:#999;}
.rSort a{text-decoration:underline;color:#4258c9;}
.rSort a.currentPage{color:#000;text-decoration:none;}
.rDesc{float:left;color:#999;font-size:10px;}

/* Suggestion*/
.rSuggest{padding:10px 15px 10px 15px;font-size:12px;}


.rPaging{float:right;font-size:11px;color:#999;word-spacing:2px;}
.rPaging a{font-weight:bold;text-decoration:underline;color:#4258c9;}
.rPaging a.currentPage{color:#000;text-decoration:none;}
.rPagingCur{color:#000;text-decoration:none;background-color:#D4E6FF;}
.rPaging a:hover{font-weight:bold;text-decoration:underline;color:#4258c9;background-color:#D4E6FF;}
.rPaging td{text-align:center;cursor:pointer;font-size:10px;}
.rPaging .sel{border:1px solid #B6D5E8;width:20px;text-align:center;background-color:#B6D5E8;font-size:10px;}

/* Result rows */
.rTable{padding:0px 15px 5px 15px;}
.rRow{padding:2px;width:100%;border-bottom:1px dashed #ddd;}
.rRowDate{float:left;padding-top:20px;padding-left:10px;width:10%;font-size:10px;}
.rRowJob{float:left;padding:15px 10px 5px 0px;width:47%;font-size:10px;}
.rRowJob ul{list-style-type:none;padding:0px; margin:0px;}
.rRowJob li{list-style-type:none;padding:0px; margin:0px;}
.rRowBookmarkJob{float:left;padding:15px 10px 5px 0px;width:46%;font-size:10px;}
.rRowJobFull{float:left;padding:15px 10px 5px 0px;width:55%;font-size:12px;}
.rRowTitle{font-weight:bold;font-size:14px;}
.rRowTitle a:link{color:#4258c9;}
.rRowTitle a:visited{}
.rRowTitleCls{font-weight:bold;font-size:14px;color:#333;}
.rRowCompany{font-weight:normal;font-size:12px;color:#4258c9;text-decoration:none;}
.rRowCompanyClick{font-weight:normal;font-size:12px;color:#4258c9;}
.rRowCompanyCls{font-weight:normal;font-size:12px;color:#444;text-decoration:none;}
.rRowInd{text-decoration:none;color:#000;}
.rRowSpez{text-decoration:none;color:#000;}
.rRowDetail{float:right;padding-top:20px;padding-right:10px;width:16%;height:55px;text-align:right;font-size:10px;}
.rRowLoc{float:right;padding-top:20px;width:15%;height:55px;text-align:center;font-size:10px;overflow:hidden;}
.rRowLocCls{float:right;padding-top:20px;padding-right:15px;width:16%;height:55px;text-align:right;font-size:10px;overflow:hidden;}
.rRowCheck{padding-top:20px;padding-left:10px;float:left;width:30px;}
.rRowLowApp{border-top:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 3px #ddd;border-bottom:solid 3px #ddd;padding:2px;width:99%;}
.rRowLowAppHeader{position:relative; width:100%; top:3px; text-align:center;}
.rRowCloseDate{margin-top:3px;}
.rRowAction{float:right; width:7%; padding:20px 3px 0px 0px; text-align:right; font-size:10px;height:55px;}
.rRowIcon{float:left;padding:15px 0px 5px 0px;width:5%;}

/*Empty result template*/
#rEmpty div{text-indent:30px;}
#rEmpty p{text-indent:30px;padding-left:30px;}

#lowAppBot{padding:0 15px 0 15px;}
#lowAppTop{padding:0 15px 0 15px;}

/* Browse Summary*/
.bTable{padding:0px 15px 5px 15px;}
.bTable div{float:left;width:300px;margin-top:10px;}
.bCnt{color:#888;}

/* Paragraph Content*/
#pCon{width:98%;border:solid 1px #333333;color:#222;}
#pCon h2{padding:0 15px 0 15px;}
#pCon p{padding:0 15px 0 15px;}



.popup{margin:10px;}


/* Very Customise part -------------------------------------------------------------------------------------------------*/
/* Rss */
.rssBox{float:left;width:150px;padding-left:15px;}
.pageTitleTips{padding-left:360px;}

/* Damn Classified Banner*/
#topBanner{float:left;width:600px}
#pageTitleLeft{float:left;width:350px}

/* feed back*/
#fbCon{}
#fbCon label{cursor:pointer;}
/* Teemporary Submenu*/
.careerhi{color:#000;text-decoration:none;font-weight:bold;}

 /* Added for thailand banner */
.thBanner {margin-left:100px;}
.thBanner img{vertical-align:top;}
/*****************************/

/*-------------------------------------------------------------------------------------------------
	Dummy Part
-------------------------------------------------------------------------------------------------*/