@charset "utf-8";
/*
-------------------------------------------
2008-01-07: MeeDee.net // Job Session
xhtml coding by: radiz (slice2css co,ltd.)
website: http://slice2css.com
email: radiz@slice2css.com
mobile: +66(0)84-103-8552

copyright (c) since 2008 all right reserved
-------------------------------------------
*/
* {margin: 0; padding: 0;}

body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #5a3d1c;
	background: url(../images/bg/bg_body.jpg) repeat-x;
}

a {color: #007dc8; text-decoration: none;}
a:hover {color: #fe8a00; text-decoration: none;}
img {border: none;}
.clear {clear: both;}

#topBar {width: 930px; height: 20px; margin: 0 auto; padding-top: 5px; font-size: 12px;}
#topBar p {text-align: right;}
#topBar a {text-decoration: none; color: #000;}
#topBar a:hover {text-decoration: none; color: #fe8a00;}

#headerWrapper {width: 910px; height: 100px; margin: 0 auto; padding: 10px; position: relative;}
#headerWrapper h1 {width: 270px; height: 98px; background: url(../images/meedee.gif) no-repeat;}
#headerWrapper h1 a {width: 270px; height: 98px; display: block; text-decoration: none;}
#headerWrapper h1 a:hover {text-decoration: none;}
#headerWrapper h1 a span {visibility: hidden;}

#headerWrapper ul#mainNav {width: 260px; height: 73px; position: absolute; top: 1.5625em; right: 0;}
	#headerWrapper ul#mainNav li {float: left; position: relative; list-style: none;}
	#headerWrapper ul#mainNav li a {
		width: 50px;
		height: 73px;
		display: block;
		text-decoration: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		margin-right: 0.9375em;
	}
	
	#headerWrapper ul#mainNav li#job a {background-image: url(../images/nav/nav_job.gif);}
	#headerWrapper ul#mainNav li#car a {background-image: url(../images/nav/nav_car.gif);}
	#headerWrapper ul#mainNav li#home a {background-image: url(../images/nav/nav_home.gif);}
	#headerWrapper ul#mainNav li#edu a {background-image: url(../images/nav/nav_edu.gif);}
	
	#headerWrapper ul#mainNav li a:hover, #headerWrapper ul#mainNav li a.active {background-position: 0 -73px;}
	#headerWrapper ul#mainNav li a span {visibility: hidden;}


#categoriesNav {
	width: 928px;
	height: 26px;
	_height: 28px;
	/height: 28px;
	background: #fe8a00;
	border-left: 1px solid #d07200;
	border-right: 1px solid #d07200;
	margin: 0 auto;
	padding-top: 5px;
}
	#categoriesNav ul {width: 857px; height: 25px; margin: 0 auto; list-style: none;}
	#categoriesNav ul li {font-size: 12px; height: 24px; display: block; float: left; margin-right: 0.3125em;}
	
	#categoriesNav ul li a {
		display: block;
		color: #000;
		padding: 5px;
		border: 1px solid #d07200;
		background: #f9e9a9;
		text-decoration: none;
	}
	
	#categoriesNav ul li a:hover, #categoriesNav ul li a.active  {
		display: block;
		color: #000;
		padding: 5px;
		border: 1px solid #777;
		border-bottom: 1px solid #fff;
		background: #fff;
		text-decoration: none;
	}

#contentWrapper {width: 930px; margin: 0 auto; clear: both; overflow: hidden; _margin-top: -2px; /margin-top: -2px;}	

/* contentWrapper Class ------------------------------------------------------------ */
.myPageTheme {background: url(../images/bg/bg_content.jpg) repeat-y;}
.jobPageTheme {background: url(../images/bg/pattern.gif); border-top: 1px solid #fff;}
.signin {background: url(../images/bg/bg_content.jpg) repeat-y;}

#quickList {width: 930px; background: #fff; padding: 10px 0; clear: both; margin-bottom: 0.75em;}		
/* Quick Job Search List -------- modified from suriya's (slice2css co.,ltd.) code ---------------------------------*/
#quickListDetail {
	width: 884px;
	height: 326px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg/bg_quicklist.jpg) no-repeat;
}

#quickListDetail h2 {
	width: 556px;
	font-size: 1.5em;
	color: #000;
	margin: 0 0 0.3125em 1.25em;
	padding: 5px 0;
	border-bottom: 1px solid #000;
}

#quickListDetail ul.jobList {
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 110%;
	padding-left: 30px;
}
	ul.jobList li a {color: #000;}
	ul.jobList li a:hover {color: #007dc8; text-decoration: underline;}
	
#quickListDetail ul#searchbyOptions {
	width: 252px; 
	height: 174px;
	padding: 62px 0 0 21px;
	position: absolute; 
	top: 1.5625em; 
	right: 0.625em;
	background: url(../images/bg/bg_searchByOptions.gif) no-repeat;
}
	#searchbyOptions li {list-style: none; line-height: 2.1875em;}
	#searchbyOptions li a {display: block; width: 178px; height: 35px; background-position: 0 0; background-repeat: no-repeat;}
	#searchbyOptions li a:hover, #searchbyOptions li a.active {background-position: 0 -35px;}
	#searchbyOptions span {visibility: hidden;}
	
	#searchbyOptions li#searchbyType a {background-image: url(../images/nav/searchbyType.jpg);}
	#searchbyOptions li#searchbyBusiness a {background-image: url(../images/nav/searchbyBusiness.jpg); margin-top: 0.25em;}
	#searchbyOptions li#searchbyCompany a {background-image: url(../images/nav/searchbyCompany.jpg); margin-top: 0.3125em;}
	
#quickListDetail ul#guideJobSearch {width: 884px; height: 61px; position: absolute; bottom: 0; left: 0;}
	#guideJobSearch li {list-style: none; float: left;}
	#guideJobSearch li a {display: block; height: 61px; background-position: 0 0; background-repeat: no-repeat;}
	#guideJobSearch li a:hover, #guideJobSearch li a.active {background-position: 0 -61px;}
	
	#guideJobSearch span {visibility: hidden;}
	#guideJobSearch li#searchbyJob a {background-image: url(../images/nav/searchbyJob.jpg); width: 168px;}
	#guideJobSearch li#searchbyGroup a {background-image: url(../images/nav/searchbyGroup.jpg); width: 196px;}
	#guideJobSearch li#searchbyPlace a {background-image: url(../images/nav/searchbyPlace.jpg); width: 173px;}
	#guideJobSearch li#searchForEmployer a {background-image: url(../images/nav/searchForEmployer.jpg); width: 178px;}
	#guideJobSearch li#searchForProfile a {background-image: url(../images/nav/searchForProfile.jpg); width: 169px;}
/* Quick Job Search List -------- end -------------------------------------------------------------------------------------------- */

/* Edit by oil */
#upgradeWrapper {width: 930px; height: 182px; overflow: hidden;}
#upgradeWrapper h2.titleUpgrade {
	width: 845px;
	font-size: 23px;
	font-weight: normal;
	padding: 5px 0 0 40px;
	margin: 0.9375em 0 0.75em 2.8125em;
	background: url(../images/bg/h2_meedee_signup.gif) no-repeat;
}
h2.titleUpgrade span {font-size: 12px; padding-top: 0.625em;}

#upgradeWrapper #upgradeLevel {width: 930px; list-style: none; padding: 0 95px; overflow: hidden;}
	#upgradeLevel > li {float: left; padding: 10px; margin-right: 50px; display: block;}
	#upgradeLevel > li + li + li + li + li {margin-right: 0;}
	#upgradeLevel li.borderUpgrade {border: 2px dotted #d07200}
		#upgradeLevel li p {text-align: center; font-size: 12px;}
	
/* Edit by oil in file "upgrade_account1" */	
.paperGraph {
	width: 765px;
	padding: 15px 30px; 
	margin: 0 0 2.1875em 3.125em; 
	background: url(../images/bg/pattern.gif) repeat;
	overflow: hidden;
}
	.paperGraph h2.jobAnnounce {
		width: 100%;
		font-size: 23px;
		font-weight: normal;
		padding: 5px 0 12px 40px;
		background: url(../images/bg/h2_meedee_signup.gif) no-repeat;
	}
	h2.jobAnnounce span {font-size: 14px;}
	h2.jobAnnounce span em {color: #ff7f00;}
	.paperGraph p {font-size: 14px;}
	.paperGraph ul.listJobAnnounce {
		float: left;
		width: 210px; 
		font-size: 14px; 
		list-style: none; 
		margin-top: 10px; 
		border-top: 1px dotted; 
	}
	ul.listJobAnnounce li {color: #268ccd; padding: 8px 0 10px 25px; border-bottom: 1px dotted #5a3d1c;}
	.iconlist {width: 200px; background: url(../images/icon/pageStatusMark.gif) 0 7px no-repeat;}	
	.boxdetail {
		float: right;
		width: 503px;
		padding: 13px 23px;
		margin: 9px -15px 0 0;
		_margin: 9px -8px 0 0;
		background: #fff6d3; 
		border: 2px solid #e4bc96;
		position: relative;
	}
		.boxdetail p.pointdetail {position: absolute; top:7px; left: -17px;}
		.boxdetail em {color: #ff7f00;}
		p.alignright {text-align: right; clear: both;}
		
	.paperGraph h2.smsApplyjob {
		width: 100%;
		font-size: 23px;
		font-weight: normal;
		padding: 5px 0 12px 40px;
		background: url(../images/icon/sms02-trans.png) no-repeat;
	}
	.paperGraph dl.choiceSms {float: left; width: 340px; margin: 0.625em 0; font-size: 12px;}
		dl.choiceSms dt {float: left; width: 35px; margin-top: 5px;  _margin-top: 2px;}
		dl.choiceSms dd {width: 300px; margin-bottom: 0.9375em; overflow: hidden;}	
		dl.choiceSms dd span {font-size: 20px;}	
	.paperGraph p.picsms {
		float: right; 
		width: 415px; 
		text-align: center; 
		padding: 12px 0 17px; 
		margin-bottom: 0.625em; 
		background: #fff6c3; 
		border-top: 1px solid #e4bc96; 
		border-bottom: 1px solid #e4bc96; 
		overflow: hidden;
	}	
	.paperGraph h2.jobSearch {
		width: 100%;
		font-size: 23px;
		font-weight: normal;
		padding: 5px 0 12px 40px;
		background: url(../images/icon/fideHuman02-trans.png) no-repeat;
	}
	.paperGraph dl.detailJobsearch01 {float: left; width: 500px; margin: 0.625em 0; font-size: 12px; overflow: hidden;}
		dl.detailJobsearch01 dt {float: left; margin-top: 5px; _margin-top: 2 px;}
		dl.detailJobsearch01 dd {margin-bottom: 0.9375em; overflow: hidden;}
		dl.detailJobsearch01 dd.inputdetail {width: 272px; padding-left: 12px; _padding-left: 6px;}
		dl.detailJobsearch01 dd span {font-size: 20px;}	
	
.detailUgrade01 {
	width: 835px;
	list-style: none;
	padding: 0 0 15px 30px; 
	margin-left: 1.25em;
	overflow: hidden;
}
.detailUgrade01 > li {float: left;}
.detailUgrade01 > li + li {float: right;}
.detailUgrade01 li .freenotice {
	width: 529px; 
	height: 321px; 
	position: relative; 
	background: url(../images/bg/paper-big01-trans.png) no-repeat; 
	overflow: hidden;
}
	.freenotice h2, .listUpgrade h2 {
		display: block;
		font-size: 23px;
		font-weight: normal;
		padding: 5px 0 12px 40px;
		margin: 10px 0 0 20px;
		background: url(../images/icon/pageStatus-trans.png) no-repeat;
	}
		.freenotice h2 em, .listUpgrade h2 em {font-size: 14px; color: #ff7f00;}
		
	.freenotice ul {display: block; font-size: 12px; list-style: none;}
		.freenotice > ul {float: left; color: #268ccd; margin: 10px 0 10px 30px; _margin: 10px 0 10px 15px;}
		.freenotice > ul + ul {float: right; font-size: 12px; color: #5a3d1c; margin: 10px 20px 10px 0; _margin: 10px 10px 10px 0;}
		.freenotice ul li {padding: 5px 0 5px 25px;}
		
	dl.bottomSelect {width: 100%; font-size: 18px; display: block; clear: both; position: absolute; bottom: 10px; overflow: hidden;}
	dl.bottomSelect dt {float: left; padding-left: 30px;}
	dl.bottomSelect dd {float: right; padding-right: 20px;}
		
	.listUpgrade {width: 272px; height: 321px; position: relative; background: url(../images/bg/paper-small01-trans.png); overflow: hidden;}
		.listUpgrade ul {display: block; color: #268ccd; font-size: 12px; list-style: none; margin: 10px 0 10px 30px;}
		.listUpgrade ul li {padding: 5px 0 5px 25px;}
		
		dl.selectPromotion  {
			width: 100%;
			font-size: 12px; 
			color: #5a3d1c; 
			margin: 10px 0 9px 0; 
			_margin: 10px 0 15px 0; 
			overflow: hidden;
		}
			dl.selectPromotion dt {float: left; padding: 0 10px 0 30px; padding-top: 5px; _padding-top: 2px;}
			dl.selectPromotion dd {width: 60%; overflow: hidden;}
			dl.selectPromotion dd span {font-size: 20px;}
			dl.selectPromotion dd.clear {width: 100%; clear: both; margin-bottom: 10px;} 
		
	.bottomSelectshort {
		width: 234px;
		font-size: 18px; 
		padding: 25px 0 0 30px; 
		_padding: 17px 0 0 30px; 
		margin: 0 0 6px 5px;
		clear: both;
	}
		.bottomSelectshort img {position: absolute; bottom: 20px; right:25px;/*float: right; margin: -23px 20px 0 0;*/}	
.textbrown {color: #5a3d1c; font-size: 12px;}

.detailUgrade02 {
	width: 860px;
	list-style: none;
	padding: 15px 0 15px 30px; 
	margin-left: 1.25em;
	overflow: hidden;
}
.detailUgrade02 > li {float: left; margin-right: 10px;}
.detailUgrade02 > li + li + li {margin-right: 0;}

.payMoney {width: 765px; font-size: 12px; padding: 15px 30px; margin: 0 0 0 3.125em; overflow: hidden;}	

/* Edit by oil in file "upgrade_account5" ---------------------------------*/
h3.detailChoice {color: #ce6709; font-size: 16px; font-weight: normal; padding: 10px 0 10px 25px;}
	h3.detailChoice em {color: #5a3d1c; font-size: 12px; font-style: normal;}
.paggadeNumber {width: 705px; padding: 10px 20px; margin: 0 auto; background: #efe6ce; position: relative;}
	.paggadeNumber dl {width: 465px; font-size: 14px;}
	.paggadeNumber dl dt {width: 110px; float: left;}
	.paggadeNumber dl dt span {font-size: 12px;}
	.paggadeNumber dl dd {width: 75%; overflow: hidden;}
	.paggadeNumber dl dd span {color: #d07200; font-size: 12px;}
	
	.paggadeNumber p.logoBanner { position: absolute; top: 10px; right: 20px;}
	
.detailJob {width: 310px; float: left; padding: 0 60px 0 10px;}
	.detailJob dl {font-size: 14px;}
.detailJob02 {overflow: hidden;}

ol.meansPay {list-style: none; margin: 0 auto; overflow: hidden;}
	ol.meansPay li {
		float: left; 
		width: 158px; 
		display: inline; 
		text-align: center; 
		margin: 0 5px 20px; 
		background: #eeeeee; 
		border: 4px solid #c6cece;
	}

p.payCheck {font-size: 13px; padding: 10px 0 0 80px;}
ol.listpayCheck {font-size: 13px; margin: 0 0 10px 100px;}
ol.listpayCheck li {padding-bottom: 10px;}
ol.listpayCheck li span {padding-left:20px; display: block;}
	
/* leftSide -------------------------------------------------------------- */
.myPageTheme #leftSide {width: 530px; float: left; padding: 15px 0 0 55px;}
.jobPageTheme #leftSide {width: 570px; float: left; padding: 15px 0 0 25px;}
.signin #leftSide {width: 505px; float: left; padding: 15px 0 0 55px; margin-bottom: 20px;}
	.signin #leftSide form fieldset {border: none;}
	.signin #leftSide form fieldset input[type='image'] {vertical-align: middle;}

#leftSide h2.meedee {
	height: 33px;
	font-size: 23px;
	font-weight: normal;
	padding: 5px 0 0 40px;
	margin-bottom: 0.75em;
	background: url(../images/bg/h2_meedee_signup.gif) no-repeat;
}

	#leftSide h2.meedee em {display: block; font-style: normal; font-size: 11%; float: right;}

#preAdvertise, #userProfile, .Keyword, #manageCompany {
	line-height: 1.25em;
	background: #fff6d3;
	margin-bottom: 0.75em;
	border-bottom: 2px solid #e4bc96;
	border-top: 2px solid #e4bc96;
}

#preAdvertise {width: 480px; padding: 10px 0 10px 50px;}
	
	#preAdvertise > p {font-size: 12px; font-weight: bold;}
	#preAdvertise > p strong {color: #ff0000;}
	#preAdvertise > p + p {font-size: 12px; font-weight: normal;}
	
#userProfile {width: 510px; padding: 10px 10px; overflow: hidden; position: relative;}
	#userProfile dt {width: 70px; height: 70px; background: #E4BC96; display: block; float: left; margin-right: 10px;}
	#userProfile dd h3 {font-weight: normal;}
	#userProfile dd address {font-size: 12px; font-style: normal;}
	#userProfile ul {position: absolute; top: 1.5625em; right: 0.9375em; list-style: none;}
	
.resumeWrapperS1 {
	width: 530px;
	border-bottom: 2px dashed #5a3d1c;
	padding-bottom: 0.625em;
	margin-bottom: 0.625em;
}

	.resumeWrapperS1 dl, .resumeWrapperS1 ul {font-size: 12px;}
	.resumeWrapperS1 dt {width: 150px; text-align: right; font-weight: bold; float: left; margin-bottom: 0.3125em;}
	.resumeWrapperS1 dd {margin-bottom: 0.3125em;}
	.resumeWrapperS1 dd.details {width: 370px; float: right;}
	.resumeWrapperS1 dd.clear {clear: both; border-bottom: 1px dotted #5a3d1c;}
	
	.resumeWrapperS1 ul {width: 450px; padding-left: 25px;}
	.resumeWrapperS1 li {list-style: none; margin-bottom: 0.3125em;}
	
	.resumeWrapperS1 ul.btn_profile {list-style: none; padding-left: 25px; overflow: hidden;}
	.resumeWrapperS1 ul.btn_profile li { float: left; display: block; padding-right: 10px;}
	
.resumeWrapperS2 {
	width: 530px;
	padding-bottom: 0.625em;
	margin-bottom: 0.625em;
	position: relative;
}
	.resumeWrapperS2 p.button {position: absolute; top: 10px; right: 10px;}
	.resumeWrapperS2 dl {font-size: 12px; padding: 10px 0 10px 25px; overflow: hidden; border-bottom: 1px dotted #5a3d1c;}
	
	.resumeWrapperS2 dt.bginsert {
		width: 60px;
		height: 60px;
		background: url(../images/bg/bg_personalPic.gif) no-repeat;
		float: left;
		padding: 5px;
		margin-right: 0.625em;
	}
	
	.resumeWrapperS2 dd, .resumeWrapperS2 dl.job_resume dd {margin-bottom: 0.625em;}
	.resumeWrapperS2 dd.result, .resumeWrapperS2 dl.job_resume dd.result {display: block; width: 420px; float: right;}
	.resumeWrapperS2 dd.result h4, .resumeWrapperS2 dl.job_resume dd.result h4 {font-size: 120%; font-weight: normal;}
	.resumeWrapperS2 dd.result em, .resumeWrapperS2 dl.job_resume dd.result em {font-style: normal; color: #17a33b;}
	.resumeWrapperS2 dd.clear, .resumeWrapperS2 dl.job_resume dd.clear {clear: both;}
	
	/* Add by OiL in file"resume" -------------------------------------*/
	.resumeWrapperS2 dl.job_resume {font-size: 12px; padding: 10px 0 10px 0; overflow: hidden; border-bottom: 1px dotted #5a3d1c;}
	.resumeWrapperS2 dl.job_resume dt {width: 88px; float: left; padding: 5px; margin-right: 0.625em;}
		dl.job_resume dd.result p { margin-bottom: 5px;}
	
	.resumeWrapperS2 table {width: 505px; font-size: 12px; margin: 0 0 0.625em 1.5625em;}
	.resumeWrapperS2 th {font-size: 120%;}
	.resumeWrapperS2 td {vertical-align: top;}
	
	.resumeWrapperS2 tr > th, .resumeWrapperS2 tr > td {padding: 5px; text-align: left; border-bottom: 1px dotted #5a3d1c;}	
	.resumeWrapperS2 tr > th + th, .resumeWrapperS2 tr > td + td {text-align: right;}
	
	.resumeWrapperS2 ol {font-size: 12px; padding: 10px 0 10px 25px; overflow: hidden; list-style: none;}
	.resumeWrapperS2 ol li {margin-bottom: 0.3125em;}
	.resumeWrapperS2 ol li ol {padding: 5px 0 0 15px; font-size: 13px;}
	
	.resumeWrapperS2 ul {position: absolute; bottom: 0; right: 0.9375em; list-style: none;}
	
.profileEdit {
	width: 530px;
	padding-bottom: 0.625em;
	margin-bottom: 0.625em;
	position: relative;
}

	.profileEdit h3 {font-size: 13px; font-weight: normal; margin-bottom: 0.625em;}
	.profileEdit dl {font-size: 12px;}
	.profileEdit dt {width: 150px; text-align: right; font-weight: bold; float: left; margin-bottom: 0.3125em;}
	.profileEdit dt.image {width: 150px; height: 160px; padding-top: 40px; text-align: center; background: url(../images/bg/bg_userImage.jpg) no-repeat;}
		.profileEdit dt.image p {margin-bottom: 0.9175em;}
	.profileEdit dt.longdt {width: 350px; text-align: left; font-weight: bold; float: left; margin-bottom: 0.3125em;}
	.profileEdit dt.dtheader {width: 500px; text-align: left; font-weight: bold; float: left; padding-left: 1.5625em; margin-bottom: 0.3125em;}
	.profileEdit dd {margin-bottom: 0.3125em;}
	.profileEdit dd.details {width: 370px; float: right;}
	.profileEdit dd.details ul {padding-top: 3px !important;}
		.profileEdit dd.details ul li {margin: 0 !important; padding-bottom: 2px;}
		.profileEdit dd.details ul li label {width: auto !important; float: none !important; text-align: left !important;}
	.profileEdit dd.clear {clear: both;}
	.profileEdit dd p {margin-bottom: 0.3125em;}
	.profileEdit dd p span {color: #ff9900;}
	.profileEdit dd .payButton {margin: 20px 0;}
	
	.profileEdit ul.accountSummary {
		width: 495px; 
		font-size: 12px;
		padding: 5px 0 0 35px;
		border-bottom: 2px dashed #5a3d1c;
		clear: both;
	}
		ul.accountSummary li {padding: 0 0 17px 25px;}
		ul.accountSummary li.iconAccount {list-style: none; background: url(../images/icon/pageStatusMark.gif) 0 0 no-repeat;}
			ul.accountSummary li ol {margin-left: 20px;}
	
	.profileEdit ul.gotosave {position: absolute; bottom: 2.1875em; _bottom: 2.8125em; right: 0.9375em; list-style: none;}
	
	.profileEdit p.processNav {margin: 0.625em 0; overflow: hidden; font-size: 12px;}
	.profileEdit p.processNav > span {display: block; float: left;}
	.profileEdit p.processNav > span + span {float: right;}

#leftSide form fieldset {
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 0.9375em;
	border-top: 0;
	border-bottom: 2px dashed #5a3d1c;
	border-right: 0;
	border-left: 0;
}
	#leftSide form fieldset h3 {font-size: 16px; font-weight: normal; margin-bottom: 0.625em; font-weight: bold;} /* edit one 7-03-2008 */
		#leftSide form fieldset h3 span {color: #ff9900;}

#leftSide form fieldset[title='Study Background'], #leftSide form fieldset[title='Job to Seek'],
#leftSide form fieldset[title='Other Profile'], #leftSide form fieldset[title='Education Background'], 
#leftSide form fieldset[title='Training'], #leftSide form fieldset[title='Key Word'], #leftSide form fieldset[title='addresscontact'],
#leftSide form fieldset[title='payMoney']
{border-bottom: none;}

#leftSide form fieldset input[type='text'] { width: 147px;}

#leftSide form ul {list-style: none; font-size: 12px;}
#leftSide form ul li {clear: both; margin-bottom: 0.625em;}
#leftSide form ul li label {width: 150px; float: left; text-align: right; margin-right: 0.625em;}
#leftSide form ul li ul {float: left; font-size: 13px; _margin-left: 2px;}
#leftSide form ul li ul li {vertical-align: top;}

#leftSide .jobDetails {width: 540px; padding: 10px; margin-bottom: 0.75em; background: #efe6ce; position: relative; overflow: hidden;}
	.jobDetails h2 {font-size: 23px; font-weight: normal; margin-bottom: 0.3125em;}
	
	.jobDetails h3 {font-weight: bold; display: block; float: left; margin-right: 0.3125em;}
	.jobDetails h3.titlejobDetail {font-weight: normal; display: block; position: absolute; top: 10px; right: 10px;}
	.jobDetails p.arrangeBy span {display: block; float: left; padding: 2px; background: #efe6ce; margin-right: 0.3125em; border: 1px solid #5a3d1c;}
	.jobDetails p.arrangeBy span.active {font-weight: bold; color: #fff; background: #f68a29;}
	
	.jobDetails p.arrangeBy02 {position: absolute; bottom: 8px; _bottom: 15px; right: 10px;}
	.jobDetails p.arrangeBy02 span.active {font-weight: bold; color: #fff; background: #f68a29;}
	.jobDetails p.arrangeBy02 span {display: block; float: left; padding: 2px; background: #efe6ce; margin-right: 0.3125em;}
	
	.jobDetails h4 em {font-size: 60%; _font-size: 14px; font-style: normal; font-weight: normal; display: block;}
	.jobDetails > h4 {font-size: 16px; font-weight: normal; margin-bottom: 0.3125em;}	
	.jobDetails > h4 + h4 {margin: 0.9375em 0 0.3125em;}

	.jobDetails p {font-size: 12px; margin-bottom: 0.625em; line-height: 1.5625em;}
	.jobDetails address {font-size: 12px; font-style: normal; margin-bottom: 0.625em; line-height: 1.5625em;}
	.jobDetails h3 {font-size: 12px; font-weight: normal; margin-bottom: 0.625em;}
	.jobDetails dl {font-size: 12px;}
	.jobDetails dt {font-weight: bold; float: left; margin-right: 0.3125em;}
	.jobDetails dd.clear {clear: both; margin-bottom: 0.3125em;}
	.jobDetails ul {position: absolute; top: 1.5625em; right: 0.9375em; list-style: none;}
	.jobDetails ol {margin: 0 0 0.625em 2.1875em; font-size: 12px; line-height: 1.5625em;}
	.jobDetails p.button {text-align: right;}
	.jobDetails p.button img {margin-right: 0.9375em; vertical-align: middle;}
	

#leftSide #companyDetails {width: 520px; margin-bottom: 0.75em; overflow: hidden;}
	#companyDetails dl#leftSidePane {width: 200px; float: left; margin-left: 0.625em;}
		#leftSidePane dt {width: 155px; display: block; padding: 5px; background: #dedede; margin-bottom: 0.625em;}
		#leftSidePane dd {font-size: 12px; font-weight: bold; margin-bottom: 0.625em;}
		
	#companyDetails dl#rightSideDetails {width: 280px; font-size: 12px; float: right; margin-right: 0.625em; overflow: hidden;}
		#rightSideDetails dt {width: 100px; display: block; float: left; margin-right: 0.625em; text-align: right;}
		#rightSideDetails dd.clear {clear: both; padding-top: 0.3125em; margin-bottom: 0.3125em; border-bottom: 1px dotted #5a3d1c;}
		#rightSideDetails dd span 
		{display: block; float: left; padding: 2px; background: #efe6ce; margin-right: 0.3125em; border: 1px solid #5a3d1c;}
		
/* ------ ----------------- */
.advertiseJob {
	width: 540px;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 0.875em;
	line-height: 120%;
	overflow: hidden;
	background: #e0deda;
}

.resultJob {
	width: 540px;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 0.875em;
	line-height: 120%;
	overflow: hidden;
	background: #efe6ce;
}
	.advertiseJob dl, .resultJob dl
	{width: 540px; padding-bottom: 10px; margin: 0 auto 1.25em; border-bottom: 1px dashed #5a3d1c;}
	
	.advertiseJob dt.companyAvatar, .resultJob dt.companyAvatar	{
		width: 60px;
		height: 60px;
		background: url(../images/bg/bg_personalPic.gif) no-repeat;
		float: left;
		padding: 5px;
		margin-right: 0.625em;
	}
	
	.advertiseJob dd, .resultJob dd {margin-bottom: 0.625em;}
	.advertiseJob dd.result, .resultJob dd.result {display: block; width: 450px; float: right;}
	.advertiseJob dd h4, .resultJob dd h4 {font-size: 120%; font-weight: normal;}
	
	.advertiseJob dd.annouceOn, .resultJob dd.annouceOn
	{display: block; width: 450px; float: right; color: #17a33b;}
	
	.advertiseJob dd.action, .resultJob dd.action
	{display: block; width: 450px; float: right; overflow: hidden;}
	
	.advertiseJob dd.action span, .resultJob dd.action span
	{display: block; height: 23px; font-size: 120%; float: left; padding-top: 5px; margin-right: 0.625em;}
	
	.advertiseJob dd.action span.register, .resultJob dd.action span.register
	{padding: 0;}
	
	.advertiseJob dd.clear, .resultJob dd.clear {clear: both;}
	
	.resultJob p.pageNav {display: block; margin: 0 auto 0.75em;}
	.resultJob p.pageNav span 
	{display: block; float: left; padding: 2px; background: #efe6ce; margin-right: 0.3125em; border: 1px solid #5a3d1c;}
	
	.resultJob p.pageNav span.none {border: none;}
	.resultJob p.pageNav span.active {border: none; color: #ff8a00; font-weight: bold;}
	.resultJob p.pageNav span.explain {border: none; float: right;}
	
	
	/*-------- Add by OiL in file"mokup_people_result" -----------*/
	.advertiseJob dl.profilePeople {width: 520px; padding: 20px 10px 0; margin: 5px auto 5px; border: 1px dashed #5a3d1c; position: relative; overflow: hidden;}
	.resultJob dl.profilePeople {width: 520px; padding: 20px 10px 0; margin: 5px auto 5px; position: relative; overflow: hidden;}
	
	.advertiseJob dd.actionNew, .resultJob dd.actionNew
	{display: block; width: 430px; float: right; overflow: hidden;}
	
	.advertiseJob dd.actionNew span, .resultJob dd.actionNew span
	{display: block; height: 23px; font-size: 120%; float: left; padding-top: 5px; margin-right: 0.625em;}
	
	dl.profilePeople dd.clear{clear: both; border-bottom: 1px dashed #5a3d1c;}
	
	.advertiseJob dt.lookProfile, .resultJob dt.lookProfile {width: 75px; float: left; text-align: center; margin: 0 auto;}
		.advertiseJob dt.lookProfile span, .resultJob dt.lookProfile span {display: block; padding-top: 5px;}
		.advertiseJob dt.lookProfile > span + span, .resultJob dt.lookProfile > span + span {display: block; padding-top: 80px;_padding-top: 85px;}
	.advertiseJob dd.nameResult, .resultJob dd.nameResult {display: block; width: 430px; float: right;}
	.advertiseJob dd.nameResult span, .resultJob dd.nameResult span {float: right; display: block; color: #17a33b; margin-top: -15px;}
	.advertiseJob dd.nameResult p.workJob, .resultJob dd.nameResult p.workJob {float: left; width: 90px;}
	.advertiseJob dd.nameResult em, .resultJob dd.nameResult em {float: left; display: block; font-style: normal;}
	.advertiseJob dd.nameResult label, .resultJob dd.nameResult label {padding-right: 10px;}
	
	dl.profilePeople dd.goodMan {color: #666666; font-size: 12px; position: absolute; top: 0; right: 5px;}
	
	.resultJob p.pageNavNew {display: block; margin: 3.125em auto 0.75em; text-align: center;}
	.resultJob p.pageNavNew span 
	{padding: 2px; background: #efe6ce; margin-right: 0.3125em; border: 1px solid #5a3d1c;}
	
	.resultJob p.pageNavNew span.none {border: none;}
	.resultJob p.pageNavNew span.active {border: none; color: #ff8a00; font-weight: bold;}
	.resultJob p.pageNavNew span.explain {display: block; margin-top: 10px; border: none;}
	
/* Add by OiL in file"job_management" -------------------------------------*/
#manageCompany {width: 530px; padding: 10px 0; overflow: hidden;}
	#manageCompany dt {float: left; width: 164px; color: #268ccd; font-size: 12px; margin-left: 5px; overflow: hidden;}
	#manageCompany dt em {display: block; font-style: normal; margin-top: 5px;}
	#manageCompany dt em span {float: left; padding: 3px 5px 0 0;}
	
	#manageCompany dd {float: left; width: 330px; margin-left: 15px;}
	#manageCompany dd h3 {font-size: 1em; font-weight: normal; margin-bottom: 0.625em;}
	#manageCompany dd address {font-size: 12px; font-style: normal; margin-bottom: 0.625em;}
	#manageCompany dd p {font-size: 12px; text-align: right;}

/* rightSide --------------------------------------------------- */
.signin #rightSide {width: 320px; float: right; padding: 15px 35px 0 0; margin-bottom: 20px;}
	.signin #rightSide h2 { padding-top: 5px; background: none;}
	.signin #rightSide p { padding-bottom: 10px; font-size: 13px;}
	
	
#rightSide {width: 290px; float: right; padding: 15px 35px 0 0;}
#rightSide h2 {
	width: 288px;
	height: 43px;
	font-size: 23px;
	font-weight: normal;
	clear: both;
	padding-top: 15px;
	background: transparent url(../images/bg/paper-head-trans.png) no-repeat;
}

.paperPadBox {
	width: 288px;
	background: transparent url(../images/bg/paper-body.gif) repeat-y;
	/*_background: url(../images/bg/paper-body-trans.gif) repeat-y;*/
	margin-bottom: 0.75em;
}

.filterBox {width: 230px; font-size: 12px; padding: 10px; margin: 0 auto 0.75em; background: #efe6ce;}
.filterBox p {margin-bottom: 0.75em;}
.filterBox p span.action {font-size: 120%; color: #000; display: block; float: left;}
.filterBox p span.reset {color: #ff4000; display: block; float: right;}
.filterBox p.filter {font-size: 120%; color: #ff4000; clear: both;}

dl.filterSet {width: 230px; font-size: 12px; padding: 10px; margin: 0 auto 0.75em; border: 2px dashed #5a3d1c;}
	.filterSet dt {font-size: 140%; color: #000; font-weight: normal; margin-bottom: 0.75em;}
	.filterSet dd {margin-bottom: 0.3125em;}
	.filterSet dd.more {font-size: 12px; display: block; padding: 5px; text-align: right;}


/* sub containers in paperPadBox --------------------------------------------------- */

/* stat ---*/
ul.stat {list-style: none; font-size: 12px; margin-left: 0.9375em;}
	.stat li {margin-bottom: 0.75em;}
	.stat li.button {text-align: right; padding-right: 10px;}
	
ul.statadd {width: 268px; list-style: none; font-size: 12px; margin-left: 20px;}
	.statadd li {padding-left: 25px; margin-bottom: 0.75em; background: url(../images/icon/pageStatusMark.gif) no-repeat;}
	.statadd li.button {text-align: right; padding-right: 10px;}

/* personality ---*/
dl.personality {width: 270px; margin-left: 0.9375em; line-height: 1.125em;}
	.personality dt {display: block; float: left; margin-right: 0.625em;}
	.personality dd.details {display: block; width: 200px; float: left; font-size: 12px; overflow: hidden;}
	.personality dd.details dl {margin-top: 0.75em;}
	.personality dd.details dl dt {display: block; float: left; margin-right: 0.625em;}
	.personality dd.details dl dd.history {display: block; width: 170px; float: left; overflow: hidden;}
	.personality dd.clear {clear: both; margin-bottom: 0.75em;}
	
/* jobCommunity ---*/
dl.jobCommunity {width: 255px; margin-left: 0.9375em; padding: 10px 15px 0 0; line-height: 1.125em;}
	.jobCommunity dt.personalPic	{
		width: 60px;
		height: 60px;
		background: url(../images/bg/bg_personalPic.gif) no-repeat;
		float: left;
		padding: 5px;
		margin-right: 0.625em;
	}
	
	.jobCommunity dt.reviewDetails {
		width: 30px;
		height: 30px;
		background: url(../images/bg/bg_view.gif) no-repeat;
		float: left;
		padding-top: 5px;
		margin-right: 0.625em;
		line-height: 10px;
		font-size: 0.5625em;
		color: #000;
		text-align: center;
	}
	
	.jobCommunity dd h3 {font-size: 12px; margin: 0.625em 0; font-weight: normal;}	 
	.jobCommunity dd p {font-size: 12px; margin-bottom: 0.75em;}
	.jobCommunity dd.clear {clear: both; padding: 5px 0 0; margin-bottom: 0.3125em; border-bottom: 1px dashed #5a3d1c;}
	.jobCommunity dd.more {font-size: 12px; display: block; padding: 5px; text-align: right;}

.paperPadBox .endPad {width: 288px; height: 5px; background: transparent url(../images/bg/paper-foot-trans.png) no-repeat;}

/*-------- Add by OiL in file"mokup_people_result" -----------*/
.jobCommunity dt.lookgoodMan {width: 46px; float: left; text-align: center; margin-right: 0.625em;}
.jobCommunity dd.clearborder {clear: both;}

/* Upgrade Account ---*/
ul.upgradeAccount {width: 270px; margin-left: 0.9375em; line-height: 1.125em; font-size: 12px;}
	ul.upgradeAccount li {list-style: none;}
	ul.upgradeAccount ul {margin: 0.625em 0 0 1.25em;}
	ul.upgradeAccount ul li {padding: 0 0 20px 25px;}
	ul.upgradeAccount ul li.iconAccount {background: url(../images/icon/pageStatusMark.gif) 0 0 no-repeat;}
	ul.upgradeAccount ul li.button {text-align: right;}
	
/* Profile Edit Page Status ---*/
ul.editPageStatus {width: 270px; margin-left: 0.9375em; line-height: 1.125em; font-size: 1em;}
ul.editPageStatus li {list-style: none; padding: 5px 0 5px 37px; margin-bottom: 0.625em;}
ul.editPageStatus li a {display: block;}
ul.editPageStatus li span {padding: 5px;}
ul.editPageStatus li a:hover span, ul.editPageStatus li.active span {background: #f9e5a6;}
ul.editPageStatus li:hover, ul.editPageStatus li.active {background: url(../images/icon/pageStatusMark.gif) 0 5px no-repeat;}

/* Add by oil to file "Key word" */	
.Keyword {padding: 10px 0;}
.Keyword dt {text-align: left; font-size: 16px; margin-bottom: 0.625em;}

/* Add by oil to Fide Job ------------------------------------------------------------------- */	
#contentWrapper .fideJob {width: 930px; margin: 0 auto; clear: both; overflow: hidden; _margin-top: -2px; /margin-top: -2px;}
	.fideJob h3 {position: relative; width: 833px; font-size: 12px; font-weight: normal; margin: 0 3.4375em 0.625em;}
	.fideJob h3 span {position: absolute; top: 0; right: 0;}
	
	.fideJob table {width: 833px; margin: 0 0 25px 50px; border-top: 1px solid #726e65; border-bottom: 2px solid #e0b999;}	
		.fideJob table th {
			height: 38px; 
			font-size: 12px; 
			color: #fff; 
			font-weight: normal;
			vertical-align: middle;
			padding: 0 20px; 
			background: #878277;
			border-right: 1px dashed #fff;
			border-bottom: 1px solid #e0b999;
		} 
		.fideJob table td {
			font-size: 12px; 
			color: #268ccd; 
			vertical-align: top;
			padding: 15px 10px; 
			background: #fff6d3; 
			border-right: 1px dashed #5a3d1c;
		}
		.fideJob table td.namejob 
		{padding-left: 27px; background: #fff6d3 url(../images/icon/edit_delete.gif) 10px 17px no-repeat;}
		.fideJob table td.paggade 
		{padding-left: 27px; background: #fff6d3 url(../images/icon/chang_promotion.gif) 10px 17px no-repeat;}
		.fideJob table td.jobpromote 
		{padding-left: 27px; background: #fff6d3 url(../images/icon/jobPromote.gif) 10px 17px no-repeat;}
		.fideJob table td.buttomLong {padding: 3px 13px 5px 16px;  background: #f4db95; border-top: 2px solid #e0b999;}
			.fideJob table td.buttomLong > span {float: left; padding-right: 28px;}
			.fideJob table td.buttomLong > span + span + span + span {float: right; padding: 0;}
			
		.fideJob table td.hopeName 
		{padding-left: 27px; background: #fff6d3 url(../images/icon/notSend.gif) 10px 17px no-repeat;}
		.fideJob table td.hopeName2 
		{padding-left: 27px; background: #fff6d3 url(../images/icon/send.gif) 10px 17px no-repeat;}
		
		.fideJob table td.brownSelection {background: #f4db95; border-top: 2px solid #e0b999; border-bottom: 2px solid #e0b999;}
		.fideJob table td.brownSelectionBg {background: #f4db95 url(../images/icon/folderList.gif) 10px 17px no-repeat; border-top: 2px solid #e0b999; border-bottom: 2px solid #e0b999;}
		
		.fideJob table td > p {padding-bottom: 10px;}
		.fideJob table td > p + p {padding: 0;}
			.fideJob table td span {color: #5a3d1c;}
			
		.fideJob table .rightNoneborder {border-right: none;} 
		.fideJob .textcenter {text-align: center;}
		.fideJob .textbrown {color: #5a3d1c;}
		
/* Add by oil to Fide "people search" ------------------------------------------------------------------- */	
#contentWrapper fieldset[title='Search Job'] {border: none;}
#contentWrapper .searchJob {
	width: 840px;
	margin: -11px auto 25px; 
	background: #8c8c8c url(../images/bg/bg_search.gif) repeat-x; 
	clear: both;
	overflow: hidden; 
	position: relative;
}
	.searchJob h2 {font-size: 20px; font-weight: normal; margin: 5px 0 5px 26px;}
	.searchJob p {font-size: 12px; margin: 0 0 10px 26px; line-height: 1.5625em;}
	.searchJob p.arrowBlue {position: absolute; top: 10px; right: 10px;}
	
	.searchJob ul.searchListType {width: 793px; list-style: none; font-size: 18px; margin: 0 auto; overflow: hidden;}
		ul.searchListType li {float: left; width: 150px; height: 27px; display: block; margin: 0 38px 0 23px;}
		ul.searchListType li.borderRed {background: url(../images/icon/borderRed.gif) no-repeat left bottom;}
		
	.searchJob dl.overAllsearch, .searchJob dl.refineProfile, .searchJob dl.refineLocation {
		width: 790px; 
		font-size: 12px; 
		padding: 13px 0; 
		margin: 10px auto; 
		border-top: 1px dotted #5a3d1c; 
		border-bottom: 1px dotted #5a3d1c; 
		overflow: hidden;
	}
	.searchJob dl.overAllsearch dt {float: left; width: 140px; font-weight: bold; text-align: right;}
	.searchJob dl.overAllsearch dd.searchDetail {float: right; width: 630px; padding-bottom: 15px; _padding-bottom: 0px;}
	.searchJob dl.overAllsearch dd p {padding: 0 0 5px 0; margin: 0;}
	.searchJob dl.overAllsearch dd input[type='text'] {width: 458px; height: 18px; padding: 5px; border: 1px solid #5a3d1c;}
	.searchJob dl.overAllsearch dd select {width: 107px; height: 18px; border: 1px solid #5a3d1c;}
	.searchJob dl.overAllsearch dd.searchDetail ul li {display: inline; padding-right: 20px;}
	.searchJob dl.overAllsearch dd.searchDetail ul.searchType li {float: left; width: 150px; padding: 0; margin: 0 0 10px; _margin: 0;}
	
	.searchJob dl.refineProfile dt {float: left; width: 194px; font-weight: bold; text-align: right;}
	.searchJob dl.refineProfile dt.refineTraining {float: left; width: 300px; font-weight: bold; text-align: right; margin: 0 0 10px; _margin: 0;}
	.searchJob dl.refineProfile dd.searchDetail {float: right; width: 580px; padding-bottom: 15px; _padding-bottom: 0px;}
	.searchJob dl.refineProfile dd.searchDetail ul {list-style: none;}
	.searchJob dl.refineProfile dd input[type='text'] {width: 107px; height: 18px; border: 1px solid #5a3d1c;}
	.searchJob dl.refineProfile dd select {width: 107px; height: 18px; border: 1px solid #5a3d1c;}
	.searchJob dl.refineProfile dd.searchDetail ul li {display: inline; padding: 0 20px 10px 0;}
	.searchJob dl.refineProfile dd.searchDetail ul.searchEducation li {float: left; margin-right: 20px;}
	.searchJob dl.refineProfile dd.searchDetail ul.searchEducation > li + li + li {display: block; width: 380px;}
	.searchJob dl.refineProfile dd.searchDetail ul.searchEducation > li + li + li + li {width: 170px; margin: 0;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain > li {display: inline;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain > li + li + li + li {float: left; width: 580px; margin-top: 10px;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain > li + li + li + li + li {width: 115px; padding: 0; margin: 0 0 10px; _margin: 0;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain > li + li + li + li + li + li + li + li + li + li + li + li + li {width: 580px; margin: 10px 0;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain > li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin: 0 0 10px; _margin: 0;}
	.searchJob dl.refineProfile dd.searchDetail ul.detailTrain li input[type='text'] {width: 235px; height: 18px;}
	
	.searchJob dl.refineLocation dt {float: left; width: 195px; font-weight: bold; padding-left: 14px;}
	.searchJob dl.refineLocation dd.detailLocation {float: right; width: 580px; padding: 6px 0 15px; _padding-bottom: 0px;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation {float: left; clear: both;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation table {width: 560px; color: #fff; margin-left: 14px; overflow: hidden;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation table th {width: 290px; border: none; padding: 10px 0; background: #878277;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation table th.province {width: 270px; border-right: 1px dotted #fff;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation table td {padding: 5px 0 5px 15px; background: #5a3d1c;}
	.searchJob dl.refineLocation > dd.detailLocation + dd.detailLocation table td.province01 {border-right: 1px dotted #fff;}
	.searchJob dl.refineLocation dd.detailLocation ul li {list-style: none; margin-bottom: 10px;}
	.searchJob dl.refineLocation dd.detailLocation ul li input[type='text'] {width: 235px; height: 18px; border: 1px solid #5a3d1c;}
	
	.searchJob ul.searchListTypebottom {width: 780px; height: 70px; list-style: none; font-size: 14px; padding: 0 30px; margin: 0 auto; background: url(../images/bg/bg_bottomsearch.gif) no-repeat bottom; overflow:hidden;}
		ul.searchListTypebottom > li {float: left; margin: 16px 26px 0 0;}
		ul.searchListTypebottom > li + li + li + li {float: right; margin-right: 0;}
		 
		ul.searchListTypebottom li a {color: #ffbf00;}
		ul.searchListTypebottom li a:hover {color: #5a3d1c;}
	

/* Footer Zone ----------------------------------------------------------------------------------------------------------- */
#otherOptions {
	width: 825px;
	margin: 0 auto 0.75em;
	padding-top: 10px;
	border-top: 2px dashed #5a3d1c;
	clear: both;
	overflow: hidden;
}

#otherOptions dl {
	width: 145px;
	height: 170px;
	float: left;
	border-right: 1px dashed #5a3d1c;
	padding-left: 5px;
	margin-right: 0.875em;
	line-height: 1.125em;
}

#otherOptions > dl + dl + dl + dl + dl {border: none;}
#otherOptions dl dt {font-size: 1em; font-weight: bold; margin-bottom: 0.625em;}
#otherOptions dl dd {font-size: 12px; margin-bottom: 0.625em;}

#footerSearchBox {
	width: 775px;
	margin: 0 auto;
	clear: both;
	background: #fff6d3;
	padding: 10px 0 10px 50px;
	border-bottom: 2px solid #e4bc96;
	border-top: 2px solid #e4bc96;
}

#footerSearchBox form > p {font-size: 12px; font-weight: bold;}
#footerSearchBox form > p + p {font-size: 12px; font-weight: normal;}
#footerSearchBox input[type='text'] {width: 520px;}
#footerSearchBox input[type='image'] {vertical-align: middle;}

#footer {width: 825px; font-size: 12px; margin: 0.75em auto; text-align: right;}

/* Call Up Class Module ---- */
.bgMascot {
	display: block;
	width: 223px;
	height: 31px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/mascot-trans.png) 10px 0 no-repeat;
}

.bgPrivacyMan {
	display: block;
	width: 223px;
	height: 31px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/privacy-man-trans.png) 10px 0 no-repeat;
}

.bgLogo {
	display: block;
	width: 223px;
	height: 33px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/logo-trans.png) 10px 0 no-repeat;
}

.bgComment {
	display: block;
	width: 223px;
	height: 29px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/comment-trans.png) 10px 0 no-repeat;
}

.bgStar {
	display: block;
	width: 223px;
	height: 24px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/star-trans.png) 10px 0 no-repeat;
}

.bgTools {
	display: block;
	width: 223px;
	height: 25px;
	padding: 5px 0 0 45px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/tools-trans.png) 10px 0 no-repeat;
}

.bgResumeStat {
	display: block;
	width: 223px;
	height: 35px;
	padding: 5px 0 0 55px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/bg_resumeStat-trans.png) 10px 0 no-repeat;
}

.bgContact {
	display: block;
	width: 223px;
	height: 35px;
	padding: 5px 0 0 55px;
	_margin-left: 0.625em;
	background: transparent url(../images/bg/bg_contact-trans.png) 10px 0 no-repeat;
}

.bgUpgradeAccout {
	display: block;
	width: 223px;
	height: 35px;
	padding: 5px 0 0 55px;
	_margin-left: 0.625em;
	background: transparent url(../images/icon/upgradeAccount-trans.png) 10px 0 no-repeat;
}

.bgPageStatus {
	display: block;
	width: 223px;
	height: 35px;
	padding: 5px 0 0 55px;
	_margin-left: 0.625em;
	background: transparent url(../images/icon/pageStatus-trans.png) 10px 0 no-repeat;
}

h2.documentation {
	height: 33px;
	font-size: 23px;
	font-weight: normal;
	padding: 5px 0 0 25px;
	margin-bottom: 0.3125em;
	background: url(../images/icon/documentation.gif) 0 8px no-repeat;
}

	h2.documentation em {display: block; font-style: normal; font-size: 10px;}

select.longSelect {width: 150px;}
select.shortSelect, input.shortInput {width: 60px;}
.warnText {color: #ff9900; position: relative;}
.warnText span.alignTop {position: absolute; top: 5px; right: 105px;}
.rightText {text-align: right;}

textarea.longArea {width: 421px; height: 142px;}
textarea.shortArea {width: 250px; height: 85px;}

/* Edit by OiL "edit_step3" ---*/
.profileEdit p.jobConclusion {font-size: 12px; text-align: right; font-weight: bold; text-align: left; margin-bottom: 0.3125em;}

div.popupSignin {width: 655px; padding: 30px 0; margin: 0 auto; background: url(../images/bg/pattern.gif) repeat;}
div.popupSignin form fieldset {border: none;}
div.popupSignin form fieldset input[type='image'] {vertical-align: middle;}
	div.popupSignin form fieldset h3 {font-size: 1em; font-weight: normal; margin-bottom: 0.625em; font-weight: bold;}
		div.popupSignin form fieldset h3 span {color: #ff9900;}

div.popupSignin form ul { width: 470px; margin: 0 auto;  list-style: none; font-size: 12px;}
div.popupSignin form ul li {clear: both; margin-bottom: 0.625em;}
div.popupSignin form ul li label {width: 150px; float: left; text-align: right; margin-right: 0.625em;}
div.popupSignin form ul li ul { width: auto; float: left; font-size: 13px; _margin-left: 2px;}
div.popupSignin form ul li ul li {vertical-align: top;}
.hide {
    display:none;
}

/*Edit by oatnaja verified set*/
#verifiedWrapper {width: 930px; overflow: hidden;}
#verifiedWrapper h2 {
	width: 765px;
	font-size: 23px;
	font-weight: normal;
	padding: 5px 0 7px 40px;
	margin: 0.9375em 0 0 2.8125em;
	background: url(../images/bg/h2_meedee_signup.gif) no-repeat;
}
#verifiedWrapper h3 {width: 790px; font-size: 19px; font-weight: normal; margin: 0 auto; padding: 15px 0 20px;}
#verifiedWrapper p { width: 790px; font-size: 14px; margin: 0 auto;}
#verifiedWrapper ol.verifiedStep {padding: 20px 0 0 60px; margin: 0 auto 10px; overflow: hidden;}
	#verifiedWrapper ol.verifiedStep > li {float: left; display: inline; width: 235px; padding-right: 10px; list-style: none;}
	#verifiedWrapper ol.verifiedStep > li + li { width: 235px; padding-left: 50px; background: url(../images/verified/bg_pointstep.gif) 0 65px no-repeat;}
	#verifiedWrapper ol.verifiedStep li p {width: auto; text-align: center;}
	
	#verifiedWrapper .verifiedDetail {width: 790px; margin: 0 auto; padding: 0 0 35px;}
	#verifiedWrapper .verifiedDetail h3 {font-size: 19px; font-weight: normal; padding: 20px 0 0 0; position: relative;}
	#verifiedWrapper .verifiedDetail h3 span {font-size: 14px;}
	#verifiedWrapper .verifiedDetail h3 span.signin {position: absolute; right: 0; top: 25px; background: none;}
	#verifiedWrapper .verifiedDetail ol { width: 790px; font-size: 14px; padding-left: 23px; margin: 0 auto;}
	.set_paddingTop15 {padding-top: 15px;}
	
#error404Wrapper {width: 825px; font-size: 14px; margin: 0 auto; padding: 97px 0 15px; overflow: hidden; position: relative;}
#error404Wrapper h2 {position: absolute; top: 18px; left: 0;}
#error404Wrapper h3 {font-size: 18px; font-weight: normal; padding: 0 15px;}
#error404Wrapper p {padding: 0 15px;}

#error404Wrapper #wrapperSide {width: 825px; padding-bottom: 30px; overflow: hidden;}
#error404Wrapper #leftSide {float: left; width: auto; height: auto; padding: 0 0 0 70px;}
#error404Wrapper #rightSide {float: right; padding: 0;}
	#error404Wrapper #rightSide h3 {font-size: 18px; font-weight: normal; padding: 0;}
	#error404Wrapper #rightSide ul {list-style: none;}
	#error404Wrapper #rightSide li {padding: 0 0 0 27px; margin: 15px 0 0; background: url(../images/error404/bg_errorrightside.gif) no-repeat 2px 2px;}
	#error404Wrapper #rightSide p {padding: 20px 0 0 0 ;}