/*
project Name: Jroad
URL: 
Author: pan shangshi
Author Email: kreat_pan@126.com
Version: 1.0
Tags: Jraod, ERP, two-columns, fixed-width
*/

/* --  OF CONTENTS ---------
 
	1. RESET BROWSER DEFAULTS
	2. TYPOGRAPH
	3. STRUCTURE
	4. HEADER
	5. SIDEBAR AND WIDGETS
	6. Table
	7. FORMS
	8. FOOTER
	9. MISCELLANEOUS
	10.Icons
	10.Login
	12. Content 
	
-------------------------------*/
.mgb-10{ margin-bottom:10px}
.c9{ color:#999}
.br4{ border-radius:4px}
/* -- 1. RESET BROWSER DEFAULTS -- */

body {
    background: #F0F0F0;
    color: #4d4d4d;
	margin: 0;
	padding: 0;
	font-family:"Microsoft yahei",Arial,Helvetica,sans-serif;
	font-size: 12px;
    min-width: 900px;
	height:auto;
}

div,form,table,blockquote,pre,code,em,i,font,img,small,strike,strong,ol,ul,li,dd,dl,dt,p,fieldset,legend,caption {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

ol,ul,li,dd,dl,dt {
	list-style: none
}

span {
	display: inline-block;
}

span.red {
    color: red;
}

label {
	vertical-align: middle;
}

:focus {
	outline: 0;
}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
}

/* -- 2. TYPOGRAPHY -- */
p {
	color: #797979;
	text-indent: 2em;
}

ins {
	border: none;
	color: #333
}

del {
	text-decoration: line-through;
	color: #999
}

h1,h2,h3,h4,h5 {
	font-family: "SimHei", "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal
}

h1 {
	font-size: 26px;
	line-height: 35px;
}

h2 {
	font-size: 22px;
	line-height: 30px;
}

h3 {
	font-size: 18px;
	line-height: 27px;
}

h4 {
	font-size: 14px;
	line-height: 21px;
}

h5 {
	font-size: 13px;
	line-height: 18px;
}

a,a:hover {
	text-decoration: none;
	color:#0000EE;
}

a.btn-blue:hover{color:#fff}
a.btn-grid:hover{color:#333}

.menu_title:hover{
	color:#fff;
}
span>a:before{
	color:#495060
}

b,strong {
	font-weight: bold;
}

i {
	width:35px;
	display:inline-block
}

em {
	color: #000
}

pre,code {
	font: 11px/18px "Courier New", Courier, monospace;
	color: #444;
	background: url(../images/code.jpg);
	margin: 0px 0px 8px;
	border: 1px solid #ededed
}

code {
	padding: 0px 6px;
	background-image: none;
	border: none
}

pre {
	padding: 0px 12px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

small {
	font-size: 11px;
	color: #999
}

/* -- 3. STRUCTURE -- */
.l-btn-text{
	vertical-align:middle;
}

/* -- 4. HEADER -- */
.myLogo {
    float: left;
    width: 200px;
    height: 65px;
    margin-left: 15px;
}

#logoImg{
	margin:5px;
	max-height:54px;
}

/* -- 5. WIDGETS -- */
.tabs {
	padding-left: 10px;
	padding-top: 5px;
	height: 35px!important;
	border-bottom:1px #dbdbdb solid!important;
}

.tabs-header, .tabs-tool{
	background:none!important;
}
.tabs li a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(to bottom, #fdfdfd, #f4f4f4);
	background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
    background-repeat: repeat-x;
	height:35px!important;
	line-height:35px!important;
	border: 1px solid #dbdbdb!important;
	margin-right: 3px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}

.tabs li.ui-tabs-selected a,.tabs li a:hover {
	background: #fff;
	color: #4f4f4f;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	background: -webkit-linear-gradient(#fefefe, #e7e7e7);
	background: -moz-linear-gradient(#fefefe, #e7e7e7);
	text-decoration: none
}
.tabs li a.tabs-inner{
	background-color: #efefef;
    background-image: linear-gradient(to bottom, #f4f4f4, #e7e7e7);
}

/* -- 6. tables -- */
.gridtableList {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0;
	background-color: #FFFFFF;
	empty-cells: show;
	border-collapse: separate !important;
	border-collapse: collapse;
	border: 1px solid #6BB5DA;
}

.gridtableList thead {
	font-weight: bold;
	text-align: left;
}

.gridtableList td {
	padding: 5px;
}

.gridtableList th,table tfoot {
	background: #E7E7E7;
	background: #E7E7E7 -webkit-linear-gradient(#E7E7E7, #e0e0e0);
	background: -moz-linear-gradient(#E7E7E7, #e0e0e0);
	border-bottom: 2px solid #008BD3;
	padding: 6px;
	font-weight: bold;
	text-align: center;
}

.gridtableList tbody td {
	border-bottom: 1px dotted #aeaeae;
	color: #797979;
}

/* -- 7. FORMS -- */
input,textarea,select {
	color: #666;
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 4px;
	line-height:28px;
	vertical-align: middle
}
.textbox .textbox-text{
	border-radius:0;
}
td .textbox.numberbox{
	height:100%!important;
}
textarea {
	height:28px;
	line-height:20px;
}
input[disabled] {
	background:#F0F0F0;
}

input:focus,textarea:focus,select:focus {
	border-color:#66afe9;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline:0 none;
}

input[type="submit"],input[type="button"] {
	font-weight: bold;
}

input[type="text"]{
	height:28px;
}

input.red {
    border: 1px solid red;
}

input[type="checkbox"]{
	box-shadow:none;
	border:none;
	background:none;
}

.nothinginput {
/* --	background:#F0F0F0; -- */
	border:none !important;
	border-radius:0px !important;
	box-shadow:none !important;
	cursor: default;
	text-align:right;
}

/* -- 8. FOOTER -- */
footer {
	font-size: 12px;
	padding: 6px 0px;
	width: 100%
}

.copyright ul {
	float: right
}

.copyright ul li {
	float: left
}

.copyright ul li a {
	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px dotted #aeaeae
}

.copyright ul li:last-child a {
	border: 0px
}

.copyright label {
	color: #aeaeae;
	float: left;
	padding: 0px 0px 0px 8px
}

/* -- 9. MISCELLANEOUS -- */
.preload {
	display: block;
	background: transparent url(images/loading.gif) 50% 50% no-repeat
}

.hr {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px
}

.small {
	font-size: 11px;
	color: #999
}

.center {
	text-align: center
}

.last {
	margin-right: 0px
}

.clear {
	clear: both
}

.pagenavi a:hover {
	opacity: 1
}

nav.page {
	float: right;
	margin: 8px 0px 6px 0px;
	display: inline-block
}

.page_area a.add_btn {
	float: left;
	margin: 6px 0px 6px 0px
}

nav.page ul {
	text-align: right;
}

nav.page ul li {
	display: inline;
	margin: 0 4px 0 0;
}

nav.page ul li a {
	padding: 3px 8px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
}

nav.page ul li.page_current {
	padding: 3px 8px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #008BD3;
	background: #008BD3;
	color: #fff;
	border-radius: 4px;
}

nav.page ul li a:hover,nav.page ul li a:focus {
	background: #f0f0f0;
	border-color: #ccc;
}

nav.page ul li a:active {
	background: #fff;
	border-color: #ddd;
}

nav.page ul li select {
	padding: 5px;
	height: 27px;
}

.primary-button {
	background: #479ae9 url(../images/bg_ie.jpg);
	background: #479ae9
		-webkit-linear-gradient(#77C2FD, #5EAEF5 50%, #57A8F1 51%, #4296E7);
	background: -moz-linear-gradient(#77C2FD, #5EAEF5 50%, #57A8F1 51%, #4296E7);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px
		rgba(255, 255, 255, 0.18), 0 1px #A2DFFE inset;
	color: #FFFFFF;
	cursor: pointer;
	border: 1px solid #347fc6;
	text-shadow: 0 -1px rgba(15, 89, 153, 0.5);
	border-radius: 5px;
}

.primary-button:hover {
	background-position: left -34px;
	background: -webkit-linear-gradient(#80c5ff, #6db7f6 50%, #66aef2 51%, #56a1ea);
	background: -moz-linear-gradient(#80c5ff, #6db7f6 50%, #66aef2 51%, #56a1ea);
}

.back-button:hover {
	background-position: left -34px;
	background: -webkit-linear-gradient(#d5d5d5, #bbbbbb);
	background: -moz-linear-gradient(#d5d5d5, #bbbbbb);
}

.add_btn,.pause_btn,.start_btn,.map_btn {
	background: url(../images/bg_ie.png) repeat-x left -280px;
	background: #479ae9
		-webkit-linear-gradient(#77C2FD, #5EAEF5 50%, #57A8F1 51%, #4296E7);
	background: -moz-linear-gradient(#77C2FD, #5EAEF5 50%, #57A8F1 51%, #4296E7);
	border-color: #0071E0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	padding: 2px 9px 2px 6px;
	color: #fff;
	border-radius: 3px;
	margin: 2px 2px
}

.butt {
	background: url(../images/bg_ie.png) repeat-x left -280px;
	background: #4699E8 -webkit-linear-gradient(#77C2FD);
	background: -moz-linear-gradient(#77C2FD);
	border-color: #0071E0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	padding: 2px 9px 2px 6px;
	color: #fff;
	border-radius: 3px;
	margin: 6px 6px
}

.pause_btn {
	background: url(../images/bg_ie.png) repeat-x left -226px;
	background: -moz-linear-gradient(center top, #cb1d1d, #a80707) repeat
		scroll 0 0 transparent;
	border-color: #ae0b0b;
}

.start_btn {
	background: url(../images/bg_ie.png) repeat-x left -253px;
	background: -moz-linear-gradient(center top, #1eae0b, #138d02) repeat
		scroll 0 0 transparent;
	border-color: #0f7d00;
}

.size-m,.size-m:visited {
	font-size: 12px;
	padding: 4px 6px;
	border-radius: 5px;
}

.size-max {
	font-size: 13px;
	padding: 3px 0px;
	text-align: center;
	width: 50px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.hide {
	display: none
}

/* -- 10. Icon -- */
.icon_list {
	display: inline-block;
	height: 16px;
	width: 16px;
}
/* -- 11. Login -- */

.login {
	background: #FFFFFF;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	width: 360px;
	height: 380px;
	padding: 20px
}

.item {
	margin-bottom: 20px
}

.login_form label {
	font-size: 16px;
	line-height: 30px;
	margin-right: 10px;
	width: 80px;
	display: inline-block;
	text-align: right
}

input.name,input.pass,input.code {
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2) inset, 0 1px
		rgba(255, 255, 255, 0.3);
	border-radius: 3px;
	border: 2px solid #aeaeae;
	width: 250px;
	height: 20px;
	font: 16px "helvetica neue", helvetica, arial, sans-serif;
	padding: 6px 8px;
	background: #f6f6f6
}

input.code {
	width: 120px
}

input.name:focus,input.pass:focus,input.code:focus {
	border-width: 2px
}

.login_form .primary-button {
	width: 270px;
	height: 36px;
	padding: 6px 8px;
	font-size: 18px
}

.login_info li {
	text-indent: 2em
}

.login_info h4 {
	color: #4f4f4f;
	padding: 4px 0px
}

/* -- 12. Content -- */

.search_area input[type="date"] {
	width: 80px
}

.button_sizem input {
	width: 80px;
	margin-right: 6px;
	border-radius:4px
}

.selectdiv {
	position: absolute;
	width: 100px;
	overflow: hidden;
	border: 1px solid #000000;
}

/* added by Steven on 2013-12-17 - Start */
.labelRed {
	background-color:#FF724B;
	font-size:14px;
}
.labelYellow {
	background-color:#FFFF99;
	font-size:14px;
}
.labelGreen {
	background-color:#47FE22;
	font-size:14px;
}
/* added by Steven on 2013-12-17 - End */

/* -- Added from others-- */
.prompt_div_inline {
	border: 1px #6BB5DA solid;
	background-color: #ECF6FB;
	display: none;
	padding: 0px;
}

/*--ded from others-- */

/*--added by steven Start-- */
.right_main_layout {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}

.right_main {
	overflow:auto;
	margin-top:10px;
	margin-left:10px;
}

.right_main li{
	width:48.8%;
	height:306px;
	float:left;
	border:1px solid #dbdbdb;
	min-width:519px;
	margin-right:10px;
	margin-bottom:7px;
	display:inline;
	background:#fff;
    border-radius:5px;
    box-shadow:0 3px 0 0 #dbdbdb;
    position: relative;
}

.toolBar {
	float:left;
	width:100%;
	height:auto;
	background:#f0f0f0;
	padding:8px 0 8px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
/*-------201410[kavi]: 修改表格搜索样式------*/
#erEmpNo_toolBar,#eqEmpNo_toolBar,#eftEmpNo_toolBar{
	float:none;
	width:auto;
	background:#eee;
	overflow:hidden;
	border-top:1px #ddd solid;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding:10px 5px;
}

.basicSearch {
	float: left;
	width: 99.4%;
}
	
.basicSearch ul {
	text-align: left;
}

.basicSearch li {
	height:32px;
	display: inline-block;
	margin-right:8px;
	vertical-align:top;
}

.basicSearch li>span {
	margin-right:8px;
}

.basicSearch a{
	line-height:28px;
	margin-left:15px;
	color:#000;
}

.basicSearch i{
	align:center;
	margin-right:5px;
	color:#333;
}

/*-------201410[kavi]: 修改表格搜索按钮样式------*/
.basicSearchAdv {
	float:right;
    background-repeat: repeat-x;
}
	
.basicSearchAdv a{
	background-color: #efefef;
    background-image: linear-gradient(to bottom, #f4f4f4, #e7e7e7);
    border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-radius:0;
	padding:0 15px 0 10px;
	margin:0;
	color: #333;
	height:32px;
	line-height:32px;
	float:left;
}
.basicSearchAdv> a:first-child{
	background-color: #619aca;
    background-image: linear-gradient(to bottom, #70a3cf, #4a8bc2);
    border: 1px solid #3771a2;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}
.basicSearchAdv> a:first-child i{
	color:#fff
}
.basicSearchAdv a:last-child{
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
.basicSearchAdv input{
	border-radius:0px;
	text-align:center;
	float:left;
}
/*-------201709[Steven]: 修改页面查询条件样式------*/
.tyInput {
	width:160px;
}

.tySelect {
	width:160px;
}

.tyLabelO {
	width:106px;
	flex-shrink: 0;
}

.tyDateSelect {
	width:88px;
}

.tyInputPos {
	width:152px;
}

.panelContent {
	width:98.4%;
	padding:8px 20px 0 20px;
}

.panelContent p {
	text-align:left;
	margin-bottom:8px;
	text-indent: 0;
	font-size: 12px;
}

.panelContent p label {
	width: 96px;
	color: #000000;
	display:inline-block;
}

.panelContent p span {
	width: 20%;
	font-size:14px;
	display:inline-block;
}

/*-------201709[Steven]: 修改页面查询条件样式------*/
/*-------201410[kavi]: 修改搜索样式------*/
.panel-body{
	border:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:0 3px 0 0 #dbdbdb;
	margin-bottom:3px
}

.advSearch {
	float: left;
	width: 100%;
}

.pgButtonBar {
	float: left;
	width: 100%;
}

.accordion_div {
	overflow: auto;
	padding: 10px;
}

/* 新增、修改详细信息 - 基础页面 */
.basicAdd {
	float:left;
	width:40%;
	margin-top:10px;
}
.basicAdd ul {
	display: flex;
	margin-left:10px;
	margin-bottom:5px;
}
.basicAdd li {
	margin-right:8px;
	flex-grow: 1;
}

.basicAdd .label{
	width:96px;
	text-align: left;
}
.basicAdd input {
	border: 1px #ccc solid;
	margin-right:5px
}

.basicAdd li.button_sizem{
	padding-top:10px;
	display:block
}
.basicAdd dl {
	text-align: center;
	margin-top: 20px;
}
.basicAdd dd {
	font-weight: bold;
	padding: 10px;
	display: inline;
}

.basicAdd2 {
	float:left;
	width:55%;
	margin-top:10px;
}
.basicAdd2 ul {
	height:34px;
	margin-left:10px;
	margin-bottom:2px;
}
.basicAdd2 li {
	margin-right:10px;
	display: inline;
}
.basicAdd2 label{
 	display:-moz-inline-box;
	display:inline-block;
	width:100px;
	text-align:left;
}
.basicAdd2 input {
	border: 1px #ccc solid;
}

/* 新增、修改详细信息 - 弹出窗口 */
.dialogAdd {
	float: left;
	min-width: 360px;
	padding-top:10px;
	display: none;
	overflow-x:hidden;
}
.dialogAdd ul {
	margin-left:10px;
	margin-bottom:5px;
}
.dialogAdd li {
	margin-left: 20px;
	display: inline-block;
}
.dialogAdd .label {
	width:96px;
	text-align: left;
}
.dialogAdd input {
	border: 1px #ccc solid;
	margin-right:5px
}

.dialogAdd2 {
	float: left;
	min-width: 360px;
	padding-top: 5px;
	display: none;
}
.dialogAdd2 ul {
	margin-left:10px;
	margin-right:10px;
}
.dialogAdd2 li {
	display: inline-block;
	margin-right:10px;
}
.dialogAdd2 label {
	width:116px;
	text-align: left;
	display:inline-block;
}
.dialogAdd2 input {
	height:14px;
	line-height:14px;
}
/* 新增、修改详细信息 - 弹出窗口 */
.bottomButtonLeft,.bottomButtonCenter {
	font-weight: bold;
	margin:10px 5px 10px 5px;
}
.bottomButtonCenter {
	text-align:center;
}
.bottomButtonLeft a,.bottomButtonCenter a {
	margin-right:10px;
}
.bottomButtonRight {
	margin-top:5px;
	text-align:right;
    clear:both;
}

.dataGridTableButtonLeft {
  height: auto;
  padding: 1px 2px;
  border-width: 0 0 1px 0;
  border-style: solid;
  background: #F4F4F4;
  border-color: #dddddd;
}
.dataGridTableButtonLeft a {
	font-weight: bold;
	margin:10px 0px 10px 10px;
}
.dataGridTableButtonLeft li {
	float:right;
	display:inline-block;
	width:auto;
	margin:10px 0px 10px 10px;
}
.dataGridTableButtonLeft li a {
	margin:0px;
}
/*--added by steven End-- */

/*--added by zhubin Start-- */

.box_bt{
    background-color: #f9f9f9;
    background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
    background-repeat: repeat-x;
    border-bottom: 1px solid #dbdbdb;
    height: 35px;
	border-radius:5px 5px 0 0;
    line-height: 35px;
    overflow: hidden;
    padding-right: 15px;
	color:#4b86c4;
	position: relative;
}
.box_bt_left{
	float:left;
	font-size:16px;
	margin-left:15px;
}
.box_bt_right{
	float:right;
	margin: 0px 5px;
	background:url(../img/box_btn_bg.png) no-repeat;
	background-position:center;
	width:36px;
	cursor:pointer;
	text-align:center;
}
.box_bt_img{
	float:left;
}

.file{ 
	position: absolute; 
	right: 0px; 
	height: 24px; 
	opacity: 0;
	width: 110px;
	margin-top: 44px; 
	margin-left: 5px; 
}

.main_add{
	height: 280px;
	width: 48%;
	min-width: 490px; 
	overflow: hidden;
	border: 1px solid #D4E6F8;
	float: left;
	margin-bottom:10px;
	margin-right: 10px;
}

.main_con_right{ 
	width: 48%; 
	height: 283px; 
	float: left; 
	border: 1px solid #d4e6f8;
	overflow-y: auto;
	min-width: 490px;
	margin-bottom:7px;
	
}

.main_con_left{ 
	width: 48%;
	height: 283px;
	float: left;
	border: 1px solid #d4e6f8;
	overflow-y: auto;
	min-width: 490px;
	margin-right: 10px;
	margin-bottom:7px;
}

.photo{ width:100px;
		height:140px;
		margin-top:5px;
		margin-left:5px;
		background:url(../images/img_bg.gif) no-repeat;
		FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
.photo img {
	width:100%;
	height:100%;
}

.client_logo { width:169px;
		height:49px;
		margin-top:5px;
		margin-left:5px;
		FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
.client_logo img {
	width:100%;
	height:100%;
}

/*--员工基础资料样式 start-- */
.div_left { 
	float:left;
	width:21%;
}

.info_table_div {
	float:left;
	text-align:left;
	width:79%;
	margin-top:2px;
	display:inline-block;
}
.info_table {
	float:left;
	text-align:left;
	width:99%;
	margin-top:2px;
	padding:0 5px 0 5px;
}
.info_table_div ul, .info_table ul{
	line-height:36px;
}
/* 默认引用right_main li，此处需要去掉多余样式  */
.info_table_div ul li, .info_table ul li{
	height:auto;
	width: 50%;
	border:0px;
	min-width:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-radius:0px;
	box-shadow:0 0;
}
.info_table_div input {
	width:112px;
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
}

.info_table input, .info_table textarea {
	width:140px;
}
.info_table label {
	text-align:left;
	color:#4B86C4;
	width:32%;
	display:inline-block;
}

span.info_title {
	text-align:left;
	color:#333333;
	width:16.5%;
}

span.info_titleli {
	text-align:left;
	color:#333333;
	width:33.8%;
}

span.answer_edit {
	width:32%;
}

span.answer_view {
	text-align:left;
	color:#4B86C4;
	width:32%;
	font-size:14px;
	line-height:22px;
}
/*--员工基础资料样式 end-- */

/*--部门管理基础信息样式 start-- */
 .info_div {
 	width: 100%;
	border-spacing: 0;
	background-color: #FFFFFF;
	empty-cells: show;
	border-collapse: separate !important;
	border-collapse: collapse;
}
.info_div ul{
 	line-height:55px;
}
.info_div span {
    display:inline;
}
 /*--部门管理基础信息样式 end-- */
.con_box{ border:1px solid #d4e6f8;}

.file-box{ 
	position:relative;
	width:110px;
}

/*--added by zhubin End-- */

/*--added by lizhipan[2014-11-27] Start-- */
.wrapper {
	border: 1px;
	line-height: 180%;
	border: 1px #6BB5DA solid;
}

.contentdiv {
	background-color: #ECF6FB;
	border-top: 1px #6BB5DA solid;
	overflow-y: auto;
}

.wrapper .tipdiv ul li {
 	color: #797979;
	line-height: 1.6;
	padding-left:24px;
}

.contentdiv ul li{
 	color: #797979;
 	line-height: 3.0;
	padding-left:24px;
}

.formtable {
	background-color: #fff;
	border: 1px #dbdbdb solid;
	cellspacing: 0px;
	cellpadding: 0px;
}
.window .formtable {
	border:0
}
.formtable tr {
	height: 15px;
}
.formtable td{
	padding:5px
}
.prompt_div_bottom {
	text-align:center;
	height:40px;
}

.disable_btn {
	background: url(../images/bg_ie.png) repeat-x left -226px;
	background: -moz-linear-gradient(center top, #808080, #808080) repeat
		scroll 0 0 transparent;
	border-color: #808080;
	text-shadow: 0 0px 0 0;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	padding: 2px 9px 2px 6px;
	color: #fff;
	border-radius: 3px;
	margin: 2px 2px
}
.divBody {
	padding: 4px;
}
.divBody td{
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:14px;
}
.divBottom {
	text-align:center;
	height:10px;
}
/*right main content (suffix S1 stands for Style 1) */
.listView { border:1px solid #6BB5DA; }

/* this definition should be exactly the same as .listViewThS1 */
table.listView th {
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-align:left;
	background-color:#DDF0F8;
	background-image:url(../images/listViewBg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #980000;
	height:20px;
}
table.listview th a:hover { color:#222222; text-decoration:none; }
.detailtable {
	background-color:#FFFFFF;
	border-top:1px #6BB5DA solid;
	border-left:1px #6BB5DA solid;	
	empty-cells:show;
	border-collapse:separate !important;
	border-collapse:collapse;
}

.detailtable td {
	border-bottom:1px #6BB5DA solid;
	border-right:1px #6BB5DA solid;
	padding-left:4px;
	padding-right:4px;
}
.detailtable tr { height:15px; }
.tablefield { background-color:#ECF6FB; }
a.tabDetailViewDFLink:link,a.tabDetailViewDFLink:visited {
	color:#002780; font-size:12px; text-decoration:underline;
}

a.tabDetailViewDFLink:hover {
	color:#002780; text-decoration:none;
}

.urlimg{
 cursor:pointer;
}

.gridtable {
	background-color: #FFFFFF;
	border: 1px #6BB5DA solid;
	empty-cells: show;
	border-collapse: separate !important;
	border-collapse: collapse;
	}

.gridtable tr:hover { background-color:#DDF0F8; }

.gridtable th {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
	background-color: #DDF0F8;
	background-image: url(../images/moduleTab_middle.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #980000;
	height: 20px;
	white-space:nowrap;
}
.gridtable td {
	height: 18px;
	border: 1px #ADD7FC solid;
	border-top-width: 0px;
	border-left-width: 0px;
	word-wrap:break-word;
	overflow:hidden;
	padding-left:4px;
	padding-right:4px;
}

a.listViewThLinkS1:link,a.listViewThLinkS1:visited { color:#444444; text-decoration:none; }
a.listViewThLinkS1:hover { color:#222222; text-decoration:none; }
a.listViewTdLinkS1:link { font-size:12px; color:#002780; text-decoration:underline; }
a.listViewTdLinkS1:visited { font-size:12px; color:#002780; text-decoration:underline; }
a.listViewTdLinkS1:hover { text-decoration:underline; }

.prompt_div_body {
	padding: 2px;
}
.prompt_div_body td{
	padding-top: 1px;
	padding-bottom: 1px;
}
.prompt_div_bottom {
	text-align:center;
	height:40px;
}

.button:hover,.button:focus {
	background-image: url(../images/formButtonBgOn.gif);
	background-position: top;
	cursor: pointer;
}

.lineInput{
	border: 1px solid #6BB5DA;
	outline: none
}

.reportTableList{
	background-color: #4A8BC2;
	empty-cells: show;
	margin-left:10px;
	width:98%;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
}

.reportTableList td{
	height: 35px;
	font-size:14px;
	color: #000000;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.reportTableList th{
	height: 35px;
	font-size:14px;
	color:#fff;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

tbody tr.click td {
	background-color:#FFFF99;
}
/*--added by lizhipan[2014-11-27] End-- */

/*--Style for input disable-- */
/* Chrome Firefox Opera Safari IE9+ */
input:disabled {
	background-color: #F0F0F0;
}

/* -- upload file相关css -- */
.upload{
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	cursor:pointer;
	border-radius:5px;
	display:inline;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:80px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }

/* -- 导出接口模版显示相关css -- */
.moreButton{
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	right: 10px;
	top: 100px;
	line-height: 30px;
	padding: 5px 0;
	text-align: center;
	width: 100px;
	max-height:580px;
	display:none;
	position: fixed;
	z-index: 999;
	OVERFLOW: auto;
}
.moreButton li a{
	margin-left: 0px;
	color: #555;
	cursor: pointer;
	outline: medium none;
	text-decoration: none;
	font: 14px/2 宋体;
	display: block;
}
.moreButton ul{
  	margin: 0;
  	padding: 0;
	text-align: center;
}
.moreButton li{
	width: 100%;
	height: auto;
	margin: 0;
  	list-style: none outside none;
}
.moreButton a:hover{
	background: none repeat scroll 0 0 #4a8bc2;
	color: #fff;
}

/*** 报错信息 成功信息 开始***/
.bodyMsg{
	left:480px;
	top:50px;
	position: fixed;
	z-index:1000;
	opacity:0.9;
}
.successMsg,.errorMsg,.warningMsg{
	padding:5px 30px;
	position:relative;
	overflow:hidden;
	min-height:20px;
	text-indent:0;
}
.successMsg .icon-remove,.errorMsg .icon-remove,.warningMsg .icon-remove{
	top:0;
	right:0;
	color:#999;
	width:25px;
	height:30px;
	cursor:pointer;
	position:absolute;
	line-height:30px;
	text-align:center;
}
.successMsg .icon-remove:hover,.errorMsg .icon-remove:hover,.warningMsg .icon-remove:hover{
	font-size:20px;
}
.successMsg{
	background:#EEF4D6 url(../images/icon_success.png) no-repeat 10px center;
	border:1px #8EA534 solid;
	box-shadow:0 0 2px #AFC164;
}
.errorMsg{
	background:#FCF0EF url(../images/icon_error.png) no-repeat 10px center;
	border:1px #990000 solid;
	box-shadow:0 0 2px #EFC0BD;
}
.warningMsg{
	background:#FEF2C5 url(../images/icon_warning.png) no-repeat 10px center;
	border:1px #BF9900 solid;
	box-shadow:0 0 2px #C6A729;
}

/*** from style.css ***/
.errorMessage {
	color: red;
	font-weight: normal;
	text-align: left;
}

/*** 报错信息 成功信息 结束***/
/*-------201410[kavi]: 页面框架布局---------*/
#rightSide{
	background:#f0f0f0;
	z-index:997;
	position:fixed;
	top:50px;
	right:0;
	bottom:0;
	left:170px;
}

/*-------201410[kavi]: 主体外框修改---------*/
#pathTitle{
	border-bottom:1px solid #dbdbdb;
    box-shadow: 0 1px 0 #fff;
    line-height:32px;
	padding:0 10px 1px 10px;
	color:#ababab;
	background:#F0F0F0;
}

/*-------201410[kavi]: 表单样式-----黑色,蓝色,灰色 按钮------*/
.advSearch_div {
    background-color: #fff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border: 1px solid #c8c8c8;
    border-radius:3px;
	position: fixed;
	padding:10px;
	width: 387px;
	height:auto;
	display:none;
}

.advSearch_div ul {
	margin-left: 5px;
	margin-bottom: 5px;
}

.advSearch_div li {
	display: inline-block;
}

/*-------201410[kavi]: 表单样式-----按钮大小与位置------*/
.search-black{
	background-color: #53575d;
    background-image: linear-gradient(to bottom, #5d6168, #45484d);
    background-repeat: repeat-x;
    border: 1px solid #2d2f32;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	height:32px;
	line-height:32px;
	width:30px;
	font-size:18px;
	padding-left:5px;
	text-align:center;
	border-radius:4px;
	display:inline-block;
}

.btn-black{
	background-color: #53575d;
    background-image: linear-gradient(to bottom, #5d6168, #45484d);
    border: 1px solid #2d2f32;
    color: #fff!important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.btn-blue{
	background-color: #619aca;
    background-image: linear-gradient(to bottom, #70a3cf, #4a8bc2);
    border: 1px solid #3771a2;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.btn-grid{
	background-color: #efefef;
    background-image: linear-gradient(to bottom, #f4f4f4, #e7e7e7);
    border: 1px solid #cecece;
    color: #333;
    text-shadow: 0 1px 0 #fff;
}
.btn-black,.btn-blue,.btn-grid{
    background-repeat: repeat-x;
	/* height:28px; */
	line-height:28px;
	padding:0 10px;
	min-width:40px;
	text-align:center;
	display:inline-block;
	border-radius:4px;
	cursor:pointer
}
.search-black i,.btn-black i,.btn-blue i{
	margin-right:5px;
	color:#fff
}
.btn-grid i{
	margin-right:5px;
	color:#333
}
/*-------201410[kavi]: 修改easyui.css样式（tooltip、表格控制）------*/
.tooltip-content span{
  display:block;
  margin-bottom:20px
}

.datagrid-view,.datagrid .datagrid-pager{
	border-left:1px #dbdbdb solid;
	box-shadow: -1px 0 0 1px #dbdbdb inset;
}
.datagrid-editable{
  	line-height:22px;
}
.datagrid-header-row td{
  	height: 34px;
	text-align:center;
}
.datagrid-row td{
  	height: 35px;
}

.datagrid-pager{
	line-height:30px;
}
.pagination .pagination-num{
	height:18px;
	line-height:18px;
}
/*-------201410[kavi]: 弹出框样式更改------*/
input.combo-text{ box-shadow:none}
input.combo-text:focus{ box-shadow:none}
.combo{
	border:1px #dbdbdb solid;
	border-radius:4px;
}
.combo .combo-arrow{
	background-color:#fff;
}
.combo-panel{
	box-shadow:none;
	border-left:1px #dbdbdb solid;
	border-right:1px #dbdbdb solid;
	border-bottom:1px #dbdbdb solid;
}
/*-------201512[Mumluk]: 用于打开input + searchemp的图标------*/
/*----使用示例：class="searchemp_combo"----------  */
.searchemp_combo *{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchemp_combo{
	display: inline-block;
	border:1px #dbdbdb solid;
	border-radius:4px;
	background-color: #fff;
}
.searchemp_combo i{
    color: #333;
    font-size: 1.3em;
	margin-left: 6px;
	margin-right: 2px;
    cursor: pointer;
	vertical-align: middle;
}
.searchemp_combo i:hover{
	font-size: 1.6em;
}
.searchemp_combo input{
	width: calc(100% - 36px);
	height: 32px;
	border: 0 none;
}
.posTree {
	max-height:360px;
	min-height:360px;
	overflow-y:auto;
}

/*   basic  table style*/
.basictable {
	background-color: #DDF0F8;
	border: 1px #6BB5DA solid;
}

.basictable th {
	text-align: center;
	height: 22px;
	color: #FFFFFF;
	background-color: #3399CC;
}

.basictable tr {
	height: 20px;
}

.basictable td {
	text-indent: 3pt;
	background-color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
}

.tr2 td {
	background-color: #ffff99;
}

.gridview {
	width: 100%;
	empty-cells: show;
	border-spacing: 0px;
}
.gridview tr:link,tr:visited { alternateColor:expression(bgColor=rowIndex%2==0?'lightyellow':'gainsboro') }
.gridview tr:hover { background-color:#DDF0F8; }
.gridview th {
	height: 20px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/moduleTab_middle.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #980000;
	padding-left:4px;
	padding-right:4px;
}
.gridview td {
	border: 1px #ADD7FC solid;
	border-top-width: 0px;
	border-left-width: 0px;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
	padding:4px;
}
.gridview .tdSpan {
	background-color:#ECF6FB;
}
/*------- 自动生成autoNo ------*/
.autoCreateNo {
	position:fixed;
	width:124px;
	display:none;
	text-align:left;
	cursor:pointer;
	border: 1px #6BB5DA solid;
	background-color: #ECF6FB;
	z-index: 997;
	padding: 0px;
}
/*-------201809[Steven]: 增加workflow相关样式（logList、等等）------*/
.divLogList {
	position:absolute;
	z-index:5;
	solid;
	width:620px;
	display:none;
}