@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
-------------------------------------------------------------------------------------------------*/

/* page Content Layout */
#pageTitle{width:500px;float:left;font-weight:bold;font-size:14px;}
#pageContent{width:970px; padding-left:2px;}
#mainContent{float:right;width:770px; padding:0px;}
#mainContentLeft{float:left;width:970px;}

#pMainContent{float:left;width:650px;margin: 0 200px 0 0px;}
#sideContent{float:left;}
#subMenu{width:953px;height:25px;vertical-align:middle;text-align:left;text-indent:100px;background: URL('../img/campus-bg.gif') bottom left repeat-x;padding-top:10px;margin-left:10px;}
#subMenu a{color:#555;text-decoration:none;}
#subMenu a:hover{color:#000;text-decoration:underline;}

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

/* Criteria Layout */
#sCon {width:772px;border:solid 1px #dad9d4;color:#222; margin: auto; margin-top: 10px;}
#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;}

/* Cutomize Option Box */
#optPosCon span{width:500px;float:left;}
#optTypCon span{width:500px;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;}
#optOrgCon ul{width:420px;}
#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:#afb495;cursor:pointer; font-family: arial; margin-left: 10px;}
.btnQsSearch{width:100px;padding:0px;color:#fff;font-weight:bold;font-size:12px;background-color:#b2b799;cursor:pointer; margin-bottom: 3px; font-family: arial;}	
.btnSearch{height:27px;width:100px;padding:0 10px 0 10px;color:white;font-weight:bold;font-size:12px;background-color:#afb495;cursor:pointer; font-family: arial;}

/* Quick Search Criteria Layout */
#qsCon{float:left;width:970px;padding:3px 0 3px 0;margin:0px; vertical-align:middle; background-color: #12A6D6; height: 55px;}
#qsCon h2 {font-size:11px;}
#qsConOpt{padding:5px 5px 5px 5px;}
#qsTitle{float:left;width:100px; font-family: arial; color: #fff; font-size: 12px;}
#qsKey{float:left;width:175px;}
#qsLoc{float:left;width:152px;}
#qsSpe{float:left;width:222px; margin-left: 3px;}
#qsPos{float:left;width:135px; margin-left: 3px;}
#qsQua{float:left;width:135px; margin-left: 3px;}
#qsphPos{float:left;width:182px;}
#qsBtn{float:left;width:110px; margin-left: 3px;}
#qsLink{float:left;width:140px;padding-top:3px;}
#qsKeyArea{float:left; font-family: arial; color: #fff; font-size: 12px;}
#qsOrg {float:left;width:200px; margin-left: 3px;}

#qsLoc select{width:150px;font-size:9pt;}
#qsPos select{width:130px;font-size:9pt;}
#qsQua 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;}
#qsOrg 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;}

#locSel div{width:100%;}
#locSel{border:solid 1px #9EA6B2;background-color:white;float:left;width:180px;height:17px;
background:white url('../img/ddl-off.png') top right no-repeat;}
#locSel div:hover{background:white url('../img/ddl-on.png') top right no-repeat;}

#speSel div{width:100%;}
#speSel{border:solid 1px #9EA6B2;background-color:white;float:left;width:220px;height:17px;
background:white url('../img/ddl-off.png') top right no-repeat;}
#speSel div:hover{background:white url('../img/ddl-on.png') top right no-repeat;}

.qsIptKey{float:left;width:170px;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:#004B93;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:#004B93;cursor:pointer;text-decoration:none;}

/* Result */
#rCon{width:770px;padding:0px;}
#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:#4258C9;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{margin:0px;padding-top:3px;height:22px;}
#rPhraseMini{border-bottom:solid 1px #e1e1e1;font:bold 12pt Verdana;float:left; width:770px;padding-left:5px;}


/* orgnization list*/
#orgCon{width:770px;padding:0px;}
.orgHeader{padding:0px 15px 0px 15px;border:solid 1px #D3DEE2;}
.orgTable{padding:0px 15px 0px 15px;background-color:#fff; }
.orgRow{padding:2px;width:100%;border-bottom:1px dashed #ddd;}
.orgColDate{float:left;padding-top:20px;width:10%;font-size:10px;}
.orgColJob{float:left;padding:15px 10px 5px 0px;width:35%;font-size:10px;}
.orgColJob ul{list-style-type:none;padding:0px; margin:0px;}
.orgColJob li{list-style-type:none;padding:0px; margin:0px;}
.orgColOrg{float:left;padding:15px 5px 0px 0px;width:20%;font-size:10px;}
.orgColSpez{float:left;padding-top:15px;width:22%;font-size:10px;}
.orgColYoe{float:right;padding-top:15px;width:10%;font-size:10px;text-align:right;}
.orgRowTitle{font-weight:bold;font-size:14px;}
.orgRowTitle a:link{color:#4258c9;}
.orgRowTitle a:visited{}
.orgRowSpez{text-decoration:none;color:#000;}
.orgRowOrg{text-decoration:none;color:#000;}

/* 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 : 10px;color : #999;}
.rPaging a{text-decoration:none;color:#4258c9;}
.rPaging a.currentPage{color:#000;text-decoration:none;}
.rPaging a:hover{font-weight:bold;text-decoration:none;color:#4258c9;text-decoration:underline;background-color:#FC6;}
.rPaging td{border:1px solid #B6D5E8;width:20px;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;}
*/
.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 0px 15px; }
.rRow{padding:2px;width:100%;border-bottom:1px dashed #ddd;}
.rColDate{float:left;padding-top:20px;width:10%;font-size:10px;}
.rColJob{float:left;padding:15px 10px 5px 0px;width:35%;font-size:10px;}
.rColJob ul{list-style-type:none;padding:0px; margin:0px;}
.rColJob li{list-style-type:none;padding:0px; margin:0px;}
.rColOrg{float:left;padding:15px 5px 0px 0px;width:20%;font-size:10px;}
.rColSpez{float:left;padding-top:15px;width:22%;font-size:10px;}
.rColYoe{float:right;padding-top:15px;width:10%;font-size:10px;text-align:right;}
.rRowTitle{font-weight:bold;font-size:14px;}
.rRowTitle a:link{color:#4258c9;}
.rRowTitle a:visited{}
.rRowSpez{text-decoration:none;color:#000;}
.rRowOrg{text-decoration:none;color:#000;}

/*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 0px 0px 0px; }

.bTable a {color: #4b4b4b; text-decoration: none; font-family: arial; font-size: 11px; line-height: 7px;}
.bTable a:hover {color: #4b4b4b; text-decoration: underline; font-family: arial; font-size: 11px;}
.bTable a{text-decoration:none;}
/*.bTable div{margin-top:10px;}*/
.bCnt{color:#888; font-size::11px;}

/* 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 window*/
#headerPopup{width:100%;}
.popup{margin:10px;}
#contentPopup{border: solid 3px #99CC99; }
#contentPopup a {color: #4b4b4b; text-decoration: none; font-family: arial; font-size: 11px; line-height: 7px;}
#contentPopup a:hover {color: #4b4b4b; text-decoration: underline; font-family: arial; font-size: 11px;}
#contentPopup a{text-decoration:none;}


/* 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;}

/*****************************/

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