/*-------------------------------------------------------------------------------------------------
	General CSS Class
-------------------------------------------------------------------------------------------------*/
img{border:none;margin:0;padding:0;}
h2, h3, h4{margin:0px;padding:0px;display:inline;} 
h3{font-size:11px;font-family:verdana;font-weight:bold;}
h4{font-size:11px;}
li{}

/*-------------------------------------------------------------------------------------------------
	Common CSS Class
-------------------------------------------------------------------------------------------------*/

/* clear float - this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.cf{clear:both;height:0;line-height:0px;margin:0px;padding:0px;}
/* clear float left - this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.cfl{clear:left;height:0;line-height:0px;}
/* clear float right - this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.cfr{clear:right;height:0;font-size:1px;line-height:0px;}
.enter{clear:both;height:10px;}
.sEnter{clear:both;height:2px;}
.separator{clear:both;border-bottom:dotted 1px #ccc;height:1px;line-height:1px;margin:0 15px 0 15px;}

.require{color:red;}
.error{color:red;}
.note{color:#333;}
.ins{color:#999;font-weight:normal;}
.hilite{color:blue;}
.noLine{text-decoration:none;}
.blur{color:#999;}
.list{list-style-type:disc;list-style-position:inside;}
.aline{clear:both;padding:2px;width:100%;border-bottom:1px solid #D3DEE2;}
.hilite_icon{background-color:#FF7;vertical-align:super;font-size:90%;}
.recommend{background:url('../../common/image/tip.gif') no-repeat #FDFDEC 4px 4px;padding:5px 5px 5px 30px;margin-bottom:20px;text-align:left;border:solid #FDFDA8 0.5pt;}
.either{background:url('../../common/image/warn.gif') no-repeat #FDF2F4 4px 4px;padding:5px 5px 5px 28px;margin-bottom:20px;text-align:left;border:solid #FFBDCB 0.5pt;}

/*-------------------------------------------------------------------------------------------------
	Table Layout
-------------------------------------------------------------------------------------------------*/
/*Set 1 no line*/
.tbl{width:100%;border:solid 1px #D3DEE2;}
.trRow{vertical-align:top;}
.trRowAdd{vertical-align:top;}
.trRowAdd td{padding:10px;}
.trEnter{}
.trAct{}
.tdHead{background-color:#D3DEE2;}
.tdLbl{}
.tdCon{}
.tdCln{width:2px;}

/*Set 1 has line*/
.tblLine{width:100%;border:solid 1px #D3DEE2;background-color:#D3DEE2;border-spacing:1px;}
.trRowLine{vertical-align:top;background-color:#FFF;}
.trRowLine td{padding:12px;}

/*-------------------------------------------------------------------------------------------------
	Edit Search Layout - Follow Job Search
-------------------------------------------------------------------------------------------------*/
/* Criteria Layout */
#sCon {width:746px;border:solid 1px #999;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 {margin:0px;padding:0px;}
.optCon ul{overflow:auto;border:solid 1px #b0b8bb;font-size:8pt;height:140px;width:330px;list-style:none;margin:0;padding-left:0;}
.optCon ol{margin:0;padding:0;}
.optCon li{padding:0px;margin-bottom:2px;padding-left:10px;}
.optCon li.l2{padding-left:10px;}
.optCon li.l3{padding-left:30px;}
.optCon li.l4{padding-left:50px;}

.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;}
.optConSel{color:#369;margin-top:5px;}
.optConSel b{color:#000;}
.optSpeRole{display:none;}
.togSpeRole{text-decoration:underline;color:#999;font-weight:normal;}

/* Quick Sign Up Option Container */
.optConQuickSignUp {margin:0px;padding:0px;}
.optConQuickSignUp ul{overflow:auto;border:solid 1px #b0b8bb;font-size:8pt;height:280px;width:300px;list-style:none;margin:0;padding-left:0;}
.optConQuickSignUp ol{margin:0;padding:0;}
.optConQuickSignUp li{padding:0px;margin-bottom:2px;padding-left:10px;}
.optConQuickSignUp li.l2{padding-left:10px;}
.optConQuickSignUp li.l3{padding-left:30px;}
.optConQuickSignUp li.l4{padding-left:50px;}

.optConQuickSignUp label{cursor:pointer;}
.optConQuickSignUp span{cursor:pointer;width:100%;}
.optConQuickSignUp span.labelSelected, div.labelSelected {background-color:#D4E6FF;color:black; font-weight:bold;}
.divWorkLocation {padding:0px;margin-bottom:6px;padding-left:0px;}


/* Cutomize Option Box */
#optPosCon span{width:170px;float:left;}
#optTypCon span{width:210px;float:left;}
#optSrcCon span{width:210px;float:left;}
#optPstCon span{width:120px;float:left;}
#optSalCon span{width:240px;float:left;}
#optSalCon #spanSal{width:100px;}
#optSalCon #spanSal #salary{width:90px;}
#optFosCon ul{width:330px;}
#optYoeCon select{width:135px;}
#optLocCon ul{height:200px;}
#optSpeCon ol li{list-style:none;}

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

/* Result rows */
.rTable{margin:0px 10px 0px 10px;padding:0px 7px 0px 7px;border:1px solid #D3DEE2;}
.rTableHeader{margin:0px 10px 0px 10px;background-color:#D3DEE2;clear:both;padding:6px;font-weight:bold;font-size:11px;}
.rRow{padding:2px;width:100%;}
.rRowNo{float:left;padding-top:20px;width:3%;font-size:10px;font-style:normal;color:#666;text-align:right;}
.rRowDate{float:left;padding-top:20px;padding-left:10px;width:9%;font-size:10px;}
.rRowBookmarkJob{float:left;padding:15px 10px 5px 0px;width:46%;font-size:10px;}
.rRowJob{float:left;padding:15px 10px 5px 0px;width:45%;font-size:10px;}
.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%;text-align:right;font-size:10px;overflow:hidden;}
.rRowAction{float:right; width:7%; padding:20px 3px 0px 0px; text-align:right; font-size:10px;height:55px;}

.rRowTitle{font-weight:bold;font-size:14px;}
.rRowTitle a:link{color:#4258c9;}
.rRowTitle a:visited{}

.rRowCompany{font-weight:normal;font-size:12px;color:#4258c9;text-decoration:none;}
.rRowCompanyClick{font-weight:normal;font-size:12px;color:#4258c9;}

.rRowCloseDate{margin-top:3px;}

/* sp - search profile */
.rTableHeadSp{margin:0px 10px 0px 10px;background-color:#D3DEE2;padding:5px;font-weight:bold;}
.rRowHead{width:100%;background-color:#D3DEE2;font-weight:bold;font-size:11px;height:16px}
.rRowSpHead{float:left;text-indent:20px;}
.rTableSp{margin:0px 10px 0px 10px;padding:0px 7px 0px 7px;border:1px solid #D3DEE2;}
.rRowSpTitle{float:left;padding-top:20px;padding-left:10px;width:38%;}
.rRowSpAct{float:left;padding-top:20px;padding-left:10px;width:25%;}
.rRowSpEmailAlert{float:left;padding-top:20px;padding-left:10px;width:32%;}

#rCon{width:98%;border:solid 1px #d3dee2;padding:2px;}
#rBar{background-color:#369;margin:0px;padding:0px;height:30px;}
#rPhrase{float:left;font-size:12px;color:#DBEAF0;padding:8px 5px 8px 5px;height:16px;}

.rPage{padding:10px 15px 10px 15px;}
.rSort{float:left;}

.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;}

.rTablePreview{padding:0px 15px 5px 15px;}
.rRowPreview{padding:2px;width:100%;}
.rRowJobPreview{float:left;padding:15px 10px 5px 0px;width:67%;font-size:10px;}
.rRowJobPreview ul{list-style-type:none;padding:0px; margin:0px;}
.rRowJobPreview li{list-style-type:none;padding:0px; margin:0px;}
.rRowJobPreview h5{margin:0px;padding:0px;display:inline;font-weight:normal;color:#000;font-size:10px;}
.rRowInd{text-decoration:none;color:#000;}
.rRowCheck{padding-top:20px;padding-left:10px;float:left;width:30px;}

.clear{clear:both;}
.emptyList{padding:0px 0px 150px 0px;}
/*-------------------------------------------------------------------------------------------------
	Others
-------------------------------------------------------------------------------------------------*/

#loginCon{float:right;width:45%;padding:10px 15px 0px 15px;border:solid 1px #cecece;min-height:390px;height:390px;}
#registerCon{float:left;width:46%;padding:10px 15px 0px 15px;border:solid 1px #cecece;min-height:390px;
	height:expression( document.body.scrollHeight <= 390 || (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf('MSIE 6') > 0) ? "390px" : "auto" );}
.tipDesc{clear:both;}
.formSection .body .pageRow .colLeftLR {width: 35%;float: left;margin: 0px 0px 5px 0px;vertical-align: top;padding-left:0px;padding-bottom:4px;}
.formSection .body .pageRow .colRowLR { width: 60%;float: left;padding: 0px 0px 10px 0px;vertical-align: top;text-align: left;	}
.formSection .body .pageRow .colColLR{width: 10px;float: left;margin:0px;vertical-align: top;padding:0%;text-align:center;}

/*-------------------------------------------------------------------------------------------------
	Override parent element
-------------------------------------------------------------------------------------------------*/
.formSection .body .pageRow .colLeft {width: 17%;padding-left:2%;}
.formSection .body .pageRow .colMiddle {width: 45%;}
.formSection .body .pageRow .colRight {width: 25%;}

#pageContent .formSection .name.optional { background-color:#e6e6e6;border-bottom: 1px #e6e6e6 solid;}
#pageContent .formSection.optional {border: 1px #e6e6e6 solid;}
.nameOptional{clear: both;font-weight: bold;font-size:130%;padding: 3px 3px 3px 15px;margin:15px 0 15px 0;}

.cLeft{padding-left:20px;width:43%;float:left;text-align:left;}
.cRight{padding:0;margin:0;width:50%;float:left;text-align:right;}
.cRight input{margin:0;}
.c{width:100%;}