/* ui alert */
.alertLayer{width:360px;margin:0 auto;box-shadow: 0 0 8px #555;}
.alertInner{background:#FFF;font:bold 12px/30px Arial,simsun,sans-serif;color:#555;}
.alertInner .alert-hd{padding:5px 10px;overflow:hidden;zoom:1;border-bottom:1px solid #DDD;}
.alertInner .alert-hd h3{float:left;padding:0px 2px;margin:0;text-align:left;font-size:14px;font-weight:bold;}
.alertClose{float:right;margin-top:5px;height:20px;width:21px;line-height:22px;text-align:center;font-size:16px;font-weight:400;text-decoration:none;cursor:pointer;background:url(/commImage/10.2/ui/btn/btn03.png) no-repeat -150px 0;text-indent:-500px;overflow:hidden;}
.alertCon{padding:30px 20px;min-height:60px;min-width:260px;_height:60px;_width:260px;text-align:center;font-size:14px;max-height:1000px;max-width:500px;font-weight:normal;line-height:24px;}


/* ui loading */
.jobcn-loading .jobcn-loading-con {
	width: 32px;
	height: 32px;
	background-image: url(/commImage/ui/loading/loadingMask.gif);
}
/* local loading */
.jobcn-localLoading .jobcn-loading-con{
	text-indent:-200px;
	width: 32px;
	height:32px;
	background-image: url(/commImage/10.2/ui/icon/loading.gif);
}
/* jobcn ui warn */
.jobcn_ui_warn{box-shadow: 0 0 8px #222;border-radius: 2px;background: #FFF;width:360px;margin:0 auto;position:relative;}
.jobcn_ui_warn .warn_header{padding:0;margin:0;height:0;line-height:0;border:0;position:relative;}
.jobcn_ui_warn .warn_header .warn_close{top:2px;right:2px;width: 20px;height: 20px;background: url("/commImage/10.2/ui/btn/btn03.png") -150px 0 no-repeat;overflow: hidden;position: absolute;}
.jobcn_ui_warn .state_ul{line-height:100px;height:100px;text-align:center;font-size:14px;font-weight:bold;}
.jobcn_ui_warn .state_ul .failure{background:url("pupop_icon.png") 0 -200px no-repeat;padding:8px 20px;zoom:1;_margin:30px 0;_vertical-align:middle;}
.jobcn_ui_warn .state_ul .success{background:url("pupop_icon.png") 0 -150px no-repeat;padding:5px 15px;zoom:1;_margin:35px 0;_vertical-align:middle;margin-right:4px;}
.jobcn_person_login{
	overflow: hidden;
	border: 0;
	box-shadow: 0 0 8px #222;
}
.jobcn-box-1 {
	background: #fff;
	overflow: auto;
	/*border-radius: 1px;*/
	/*border: 10px solid #BEBEBE;*/
	/*border: 10px solid rgba(255, 255, 255, .5); -webkit-background-clip :*/
	padding-box; /* for Safari */
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	/* for IE9+, Firefox 4+, Opera, Chrome */
}

.jobcn-box-1 .box-header {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #eaeef2;
	position: relative;
}

.jobcn-box-1 .box-close {
	cursor: pointer;
	height: 36px;
	width: 37px;
	background: url("/public/script/jslib/ol.box/images/icon2.gif")
		no-repeat scroll 5px -155px;
	zoom: 1;
	position: absolute;
	top: 0;
	right: 0
}

.jobcn-box-1 .box-close:hover {
	background: url("/public/script/jslib/ol.box/images/icon2.gif")
		no-repeat scroll 5px -118px;
}

.jobcn-box-1 .box-title {
	color: #384964;
	font-size: 20px;
	font-family: "Microsoft Yahei" Tahoma;
	padding-left: 10px;
	text-decoration: none;
}

.jobcn-autocomplete-results {
	padding: 0px;
	border: 1px solid #999999;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin-left: -8px;
	margin-top: 8px;
}

.jobcn-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.jobcn-autocomplete-results li {
	margin: 0px;
	padding-left: 10px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	zoom: 1;
	clear: both;
}

.jobcn-autocomplete-results li i {
	width: 120px;
	float: left;
	font-style: normal;
}

.jobcn-autocomplete-results li b {
	float: right;
	font-weight: 400;
}

.jobcn-autocomplete-odd {

}

.jobcn-autocomplete-over {
	background-color: #5891DF;
	color: #FFF;
}

.jobcn-datetimepicker {
	position: absolute;
	z-index: 1000;
	line-height: 22px;
	border: 1px solid #d8d8d8;
	padding: 10px 30px 20px;
	text-align: center;
	color: #666;
	background: #fff;
}

.jobcn-datetimepicker .dp-arrow .prev,.jobcn-datetimepicker .dp-arrow .next,.jobcn-datetimepicker .dp-arrow .close,.jobcn-datetimepicker .dp-arrow .today
	{
	position: absolute;
	left: 12px;
	top: 125px;
	width: 20px;
	background: #F1F1F1;
	border: 1px solid #EEE;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
}

.jobcn-datetimepicker .dp-arrow .next {
	left: auto;
	right: 12px;
}

.jobcn-datetimepicker .dp-arrow .close {
	width: auto;
	left: auto;
	right: 30px;
	top: 10px;
}

.jobcn-datetimepicker .dp-arrow .today {
	width: auto;
	left: 30px;
	top: 10px;
}

.jobcn-datetimepicker .sel-bar {
	padding: 2px 0 6px;
	border-bottom: 2px solid #999;
	margin-bottom: 15px;
}

.jobcn-datetimepicker table {
	border-spacing: 0;
	border-collapse: collapse;
}

.jobcn-datetimepicker .dp-con {
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.jobcn-datetimepicker .month-box {
	float: left;
	padding: 0 10px;
}

.jobcn-datetimepicker th,.jobcn-datetimepicker td {
	color: #333;
	width: 25px;
	height: 22px;
	font-weight: 700;
	border: 1px solid #d8d8d8;
}

.jobcn-datetimepicker th {
	color: #000;
	font-weight: 400;
}

.jobcn-datetimepicker .over {
	background: #236BB3;
	color: #f1f1f1;
	cursor: pointer;
}

.jobcn-datetimepicker .chosen {
	background: #236BB3;
	color: #f1f1f1;
}

.jobcn-datetimepicker .not-allowed {
	color: #ccc;
}

.jobcn-datetimepicker .jobcn-number {
	margin-right: 10px;
}

.jobcn-datetimepicker .jobcn-number input {
	width: 80px;
}

.jobcn-datetimepicker .maketime {
	padding: 0 5px;
	height: 24px;
	line-height: 18px;
}

.jobcn-number {
	position: relative;
	display: inline-block;
	zoom: 1;
}

.jobcn-number input {
	border: 1px solid #666;
	height: 14px;
	padding: 5px 0 5px 5px;
}

.jobcn-number a {
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #ccc;
	width: 20px;
	*top: 3px;
}

.jobcn-tipsy {
	font-size: 10px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}

.jobcn-tipsy-inner {
	background-color: #fff;
	color: #000;
	max-width: 200px;
	padding: 5px 8px 4px 8px;
	text-align: center;
}

/* Rounded corners */
.jobcn-tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.jobcn-tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}

/* Rules to colour arrows */
.jobcn-tipsy-arrow-n {
	border-bottom-color: #fff;
}

.jobcn-tipsy-arrow-s {
	border-top-color: #fff;
}

.jobcn-tipsy-arrow-e {
	border-left-color: #fff;
}

.jobcn-tipsy-arrow-w {
	border-right-color: #fff;
}

.jobcn-tipsy-n .jobcn-tipsy-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-nw .jobcn-tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-ne .jobcn-tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-s .jobcn-tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-sw .jobcn-tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-se .jobcn-tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}

.jobcn-tipsy-e .jobcn-tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.jobcn-tipsy-w .jobcn-tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.jobcn-form-tip {
	width: 500px;
	font-size: 12px;
	color: #666;
}

.jobcn-form-required {
	color: #f00;
	margin-right: 5px;
}

.jobcn-form-item-error .jobcn-form-tip {
	color: #f00;
}

.jobcn-form-item-success .jobcn-form-tip {
	color: #0f0;
}

.password-power i,.password-power span,.password-power b {
	display: inline-block;
	width: 100px;
	margin-right: 1px;
	background: #f90;
	text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: normal
}

.password-power-bad i {
	background: #f60
}

.password-power-ok i,.password-power-ok span {
	background: #f30
}

.password-power-good i,.password-power-good span,.password-power-good b
	{
	background: #f00
}

.jobcn-tip-gray {
	width: 150px;
	z-index: 99999;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px 8px;
	min-width: 50px;
	max-width: 300px;
	color: #777;
	background-color: #F5F5F5;
}
.jobcn-tip-yellow {
	z-index: 99999;
	text-align: left;
	border: 1px solid #c7bf93;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px 8px;
	min-width: 50px;
	max-width: 300px;
	color: #000;
	background-color: #fff9c9;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}

.jobcn-tip-gray,.jobcn-tip-yellow,
.jobcn-tip-gray div,.jobcn-tip-yellow div {
	overflow: visible;
}

.jobcn-tip-yellow .tip-inner,
.jobcn-tip-gray .tip-inner {
	font: 12px/16px arial, helvetica, sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.jobcn-tip-yellow .tip-arrow-top,
.jobcn-tip-gray .tip-arrow-top {
	margin-top: -6px;
	margin-left: -5px; /* approx. half the width to center it */
	top: 0;
	left: 20px;
	width: 9px;
	height: 6px;
	background: url(tip-yellowsimple_arrows.gif) no-repeat;
}
.jobcn-tip-yellow .tip-arrow-top{
	left: 50%;
}

.jobcn-tip-yellow .tip-arrow-right,
.jobcn-tip-gray .tip-arrow-right {
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: 0;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 9px;
	background: url(tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}

.jobcn-tip-yellow .tip-arrow-bottom,
.jobcn-tip-gray .tip-arrow-bottom {
	margin-top: 0;
	margin-left: -5px; /* approx. half the width to center it */
	top: 100%;
	left: 50%;
	width: 9px;
	height: 6px;
	background: url(tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}

.jobcn-tip-yellow .tip-arrow-left,
.jobcn-tip-gray .tip-arrow-left {
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: -6px;
	top: 50%;
	left: 0;
	width: 6px;
	height: 9px;
	background: url(tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}
.jobcn-tip-gray .tip-arrow-left{
	margin-top: -22px;
}

.research_rs, .research_rs i, .research_rs span, .research_rs cite, .research_rs ul, .research_rs li {font-style: normal;padding:0;margin:0;}
.research_rs {position: relative;width:90%;_zoom:1; padding-top:28px; height:160px;}
.research_rs li {padding:8px 0px 2px 0px;font-size:0;_zoom:1;list-style-type: none;}
.research_rs cite {display:inline-block;width:40%;}
.research_rs ul li i {color:#fff;display: inline-block;height:16px;vertical-align: -3px; font-family:verdana; font-size:13px; font-weight:bold; vertical-align:middle;vertical-align:bottom;width:10px;}
.research_rs span{font-size:12px;color:#717171;vertical-align:bottom;}
.research_rs cite span{font-size:12px;color:#5f5f5f;margin:0 2px;}
.research_rs .title {line-height: 16px;width: 10%;display: inline-block;}
.research_rs .left_rs {text-align: right;}
.research_rs .left_rs i {text-align: left;background-color: #6ccfe4; border-bottom:1px solid #4a93a2;padding-left:5px;}
.research_rs .right_rs {text-align: left;}
.research_rs .right_rs i {text-align: right;background-color: #f9b272;padding-right:5px;}
.research_rs .line {border-bottom: none;}
.research_rs .line {height:100%;display:block;width:10px; background:url("/evaluationCenter/jobsNature/images/line.png") no-repeat;position: absolute;left:50%; top:18px;opacity:0.5;margin-left:-2px;}
.research_rs .left_rs .left_1,.research_rs .right_rs .right_1{background-color: #f6b94e;border-bottom: 1px solid #c99f57;}
.research_rs .left_rs .left_2,.research_rs .right_rs .right_2{background-color: #f44d9b;border-bottom: 1px solid #c15086;}
.research_rs .left_rs .left_3,.research_rs .right_rs .right_3{background-color: #a6bd4b;border-bottom: 1px solid #87944e;}
.research_rs .left_rs .left_4,.research_rs .right_rs .right_4{background-color: #6ccfe2;border-bottom: 1px solid #4a93a2;}

#charts .research_rs_vertical {position: relative;width:90%;_zoom:1;  height:240px;background-image: url(/evaluationCenter/jobsNature/images/research_vertical_bg.png);background-repeat: no-repeat;}
#charts .research_rs_vertical ul {height:100%;}
#charts .research_rs_vertical ul li {position:relative;font-size:0;_zoom:1;list-style-type: none;float:left;width:10%;height:100%;margin-left:5%;padding:0;line-height:0;}
#charts .research_rs_vertical cite {display:inline-block;width:100%;overflow:hidden;font-size:0;}
#charts .research_rs_vertical ul li i {color:#000;display:inline-block;width:100%;font-size:0;}
#charts .research_rs_vertical span{font-size:12px;color:#717171;}
#charts .research_rs_vertical cite span{position: absolute;text-indent: 40%;visibility:hidden;line-height:14px;}
#charts .research_rs_vertical cite.right_rs span{text-indent:35%;}
#charts .research_rs_vertical .title {line-height: 16px;position:absolute;bottom:0px;}
#charts .research_rs_vertical .left_rs {height: 50%;position: relative;margin:-1px 0 2px 0;_margin:0;}
#charts .research_rs_vertical .right_rs {height: 50%;position: relative;}
#charts .research_rs_vertical .left_rs i {position: absolute;bottom: 0;}
#charts .research_rs_vertical .right_rs i {position: absolute;top: 0;}
#charts .research_rs_vertical .left_rs .left_1,.research_rs .right_rs .right_1{}
#charts .research_rs_vertical .left_rs .left_2,.research_rs .right_rs .right_2{}
#charts .research_rs_vertical .left_rs .left_3,.research_rs .right_rs .right_3{}
#charts .research_rs_vertical .left_rs .left_4,.research_rs .right_rs .right_4{}