@charset "utf-8";
/*=====================================================
 * 劳动就业工种选择插件
 * Author: xuds
 * date 2014/11/13
 *=====================================================
 */
div.worktype-wrapper{
	position:absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity = 20);-moz-opacity: 0.2;opacity: 0.2;
}
div.worktype-container{
	font-family:"Microsoft YaHei";
	font-size:14px;
	display: block;
	z-index: 9999;
	position:fixed;
	top:50%;
	left:50%;
}
div.worktype-container *{
	margin: 0;
	padding: 0;
}
div.worktype-container div.chose-have{
	height:35px;
	padding: 2px;
}
div.worktype-container div.chose-have span.title{
	line-height: 35px;
	float:left;
	margin-left:2px;
	font-weight: bold;
}
div.worktype-container div.chose-have div.chose-cont{
	line-height: 35px;
	float:left;
	width: 650px;
	height: 35px;
	font-size: 12px;
	margin-left: 15px;
}
div.worktype-container div.chose-have div.chose-cont div.work-selectd-item{
	float: left;
	width: 130px;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	margin-left: 5px;
	cursor: pointer;
}
div.worktype-container div.chose-have div.chose-cont div.work-selectd-item span.title{
	width: 100px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.worktype-container div.chose-have div.chose-cont div.work-selectd-item span.close-btn{
	 height: 16px;
	 width: 16px;
	 float:right;
	 margin: 4px 2px 0 0;
}
div.worktype-container div.chose-have div.chose-btn{
	line-height: 35px;
	height:35px;
	float: right;
	margin-right: 10px;
}
div.worktype-container div.chose-have div.chose-btn input.btn-ok{
	height: 28px;
	width: 100px;
}
div.worktype-container div.chose-have div.chose-btn input.btn-reset{
	height: 28px;
	width: 100px;
	margin-left: 10px;
}
div.worktype-container div.chose-have div.chose-close{
	float: right;
	height: 20px;
	width: 20px;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	line-height: 20px;
	background: #fb2a26;
	border-radius: 2px;
	margin: 6px;
}
div.worktype-container div.chose-list{
	padding: 5px;
	height:450px;
}
div.worktype-container div.chose-list div.left{
	width:200px;
	float:left;
	margin-right: 5px;
	padding: 2px;
}
div.worktype-container div.chose-list div.left div.work-search{
	text-align: left;
}
div.worktype-container div.chose-list div.left div.work-search i{
	position: absolute;
    left: 190px;
    top: 59px;
    display: inline-block;
    height: 18px;
    width: 18px;
}
div.worktype-container div.chose-list div.left div.work-search input{
	font-size:14px;
	height:30px;
	line-height:30px;
	width: 155px;
	padding: 0 10px;
	margin-left: 2px;
}
div.worktype-container div.chose-list div.left div.work-list ul{
	height: 406px;
	margin-top: 5px;
	margin-bottom: 1px;
	overflow-y: scroll;
	overflow-x: hidden;
	list-style-type: none;
	padding: 0 0;
}
div.worktype-container div.chose-list div.left div.work-list ul li{
	height: 35px;
	cursor: pointer;
	line-height: 35px;
}
div.worktype-container div.chose-list div.left div.work-list ul li div{
	margin-left: 10px;
}
div.worktype-container div.chose-list div.right{
	width:535px;
	float:left;
}
div.worktype-container div.chose-list div.work-title{
	height:40px;
}
div.worktype-container div.chose-list div.work-title span.work-tilte-all{
	height:40px;
	font-weight:900;
	font-size:13px;
	cursor: pointer;
	line-height: 40px;
	margin-left:5px;
	margin-right: 3px;
}
div.worktype-container div.chose-list div.right div.work-content{
	height: 408px;
	width:535px;
	float:left;
	overflow-y: scroll;
    overflow-x: hidden;
}
div.worktype-container div.chose-list div.right div.work-content div.worklevel{
	height: 28px;
	line-height:28px;
	padding-left:20px;
	font-size:14px;
	font-weight:900;
	float:left;
	width: 100%;
}
div.worktype-container div.chose-list div.right div.work-content div.worklist ul{
	 list-style-type:none;
}
div.worktype-container div.chose-list div.right div.work-content div.worklist ul li{
	 float: left;
	 height: 28px;
	 width: 150px;
	 line-height: 28px;
	 cursor: pointer;
	 margin-left: 20px;
	color: #666;
}
div.worktype-container div.chose-list div.right div.work-content div.worklist ul li.active{
	background: #327ee6 !important;
	color: #fff !important;
}
div.worktype-container div.chose-list div.right div.work-content div.worklist ul li span{
	 margin-right: 5px;
}
/*==========================================================================================
 * 风格模版   01 默认风格
 * Author: xuds
 * date 2014/11/13
 *==========================================================================================
 */

div.worktype-wrapper.default{
	background:#ffffff;
}
div.worktype-container.default{
	font-family:"Microsoft YaHei";
	background: #ffffff;
	border: 1px #327ee6 solid;
}
div.worktype-container.default div.chose-have{
	border-bottom: 1px #327ee6 solid;
	background: #327ee6;
}

div.worktype-container.default div.chose-have span.title{
	color:#fff;
}
div.worktype-container.default div.chose-have div.chose-cont div.work-selectd-item{
	border:1px #65cd65 solid;
	background: #ffffff;
}
div.worktype-container.default div.chose-have div.chose-cont div.work-selectd-item span.title{
	color: #000;
}
div.worktype-container.default div.chose-have div.chose-cont div.work-selectd-item span.close-btn{
	 background: url("../reglization/img/remove.png") no-repeat 0 0;
}
div.worktype-container.default div.chose-have div.chose-btn input.btn-ok{
	background:#327ee6;
	color:#ffffff;
	border: 0;
	cursor: pointer;
}
div.worktype-container.default div.chose-have div.chose-btn input.btn-reset{
	background: #fff;
	color:#333;
	border: 0;
	cursor: pointer;
}
div.worktype-container.default div.chose-have div.chose-close{
	color:#fff;
}
div.worktype-container.default div.chose-list{
	background: #EDF3FF;
}
div.worktype-container.default div.chose-list div.left{
	border: 1px #327ee6 solid;
	background:#327ee6;
}
div.worktype-container.default div.chose-list div.left div.work-search i{
	background:url("../reglization/img/search.png") no-repeat;
}
div.worktype-container.default div.chose-list div.left div.work-search input{
	border:1px #0caff5 solid;
}
div.worktype-container.default div.chose-list div.left div.work-list{
	background: #ffffff;
}
div.worktype-container.default div.chose-list div.left div.work-list ul li{
	border-bottom:1px #EDF3FF solid;
	color:#666666;
}
div.worktype-container.default div.chose-list div.right{
	border: 1px #327ee6 solid;
	background:#CFDCFF;
}
div.worktype-container.default div.chose-list div.work-title{
	background:#f1f1f1;
}
div.worktype-container.default div.chose-list div.work-title span.work-tilte-all{
	 color:#000;
 }
div.worktype-container.default div.chose-list div.work-title span.work-tilte-name{
	color:#237ee6;
	font-weight: bold;
}
div.worktype-container.default div.chose-list div.right div.work-content{
	background:#ffffff;
}
div.worktype-container.default div.chose-list div.right div.work-content div.worklevel{
	color:#333;
	background:#ffffff;
}

