﻿
.theader{
		background-color: #336699;
		color: white;
        border: 1px solid #A8CBF1;
        padding: 5px;
        text-align: left;
        
	}
.form-search{
 
}
#gbox_contentTable{
  margin-left: 0px;
}
table.inputView  {
    font-size: 12px;
    border-collapse: collapse;
    text-align:left;
    margin-left: 5px;
    margin-top: 5px;
}
table.tableView {
    font-size: 12px;
    border-collapse: collapse;
    text-align:left;
}
table.tableView  thead th{
	background-color:#336699;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border: #a8cbf1 1px solid;
}
table.tableView  tr td{
    color:black;
    text-align: center;
    padding: 5px 10px;
    border: #a8cbf1 1px solid;
    background-color: #f1f1f1;
}
table.noborder{
 border: #a8cbf1 1px solid;
}
table.noborder  tr td{
    color: #336699;
    text-align: center;
    padding: 5px 10px;
    border: #a8cbf1 0px solid;
    background-color: #f1f1f1;
}
.inputView td.left {
    text-align: right;
    padding-right: 10px;
    border: silver 1px solid;
    background-color: #f1f1f1;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.noborder td.left {
    color: #336699;
    text-align: right;
    padding-right: 10px;
    border: #a8cbf1 0px solid;
    background-color: #f1f1f1;
    padding-left: 10px;
}
.inputView td.tdLabel{
 color: #336699;
    text-align: right;
    padding-right: 10px;
    border: #a8cbf1 1px solid;
    background-color: #f1f1f1;
    padding-left: 10px;
}
.inputView td.right {
    padding-left: 10px;
    border: silver 1px solid;
    background-color: #ffffff;
    text-align:left;padding: 3px;
    padding: 5px;
}
.inputView td {
	padding: 5px;
}
.noborder td.right {
    color: #336699;
    padding-left: 10px;
    border: #a8cbf1 0px solid;
    background-color: #ffffff;
    text-align:left;
    padding: 3px;
    padding: 5px;
}
.inputView td.bottom {
    color: #336699;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
}

 
  .saveBtn  {
    height: 22px;
    font-size: 12px;
    border: 1px solid #2c59aa;
    padding: 3px;
    cursor: pointer;
    color: black;
    background-color: #ffffff;
    FILTER: progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = #ffffff, endColorstr = #C3DAF5 );
} 
.pageTitle {
    font-size: 18px;
    font-weight: bold;
    color: #1a7cdf;
    line-height: 28px;
    letter-spacing: 10px;
    text-decoration: none;
    text-align: left;
    padding: 5px 0px 10px 40px;
    background: url( ../images/pageTitle.gif ) no-repeat;
}
.ui-jqgrid .ui-pg-input {
     font-size: 0.8em;
     margin: 0;
     width: 30px;
     padding: 3px;
     height: 18px;
}
.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 0.8em;
    line-height: 18px;
    margin: 0;
     width: auto;
     padding: 0px;
     height: 18px;
}
 
a.grid_edit{
	color: blue;
	text-decoration: underline;
}
a {
  color: #0088cc;
  text-decoration: none;
}

a:hover {
  color: #005580;
  text-decoration: underline;
}
#message{padding-top: 18px;margin-bottom: 0px;}
.checkbox  {float: left;padding-right: 5px;}
.radio{float: left;padding-right: 5px;}

.header {
  /**  background: url("img/top_bg.png") repeat-x scroll 0 0 transparent;
    background: url("img/interfaceBg01.jpg") repeat scroll left top  #198BC9;*/
    height: 86px;
    width: 100%;
    z-index: 2;
    color: white;
    position: relative;
      /**background-color: #3992d0;*/
}

.head_img{
	
	width:46px;
	height:46px;
	
	
}
.header_ul{
	margin:0;
}
#header_tmd>li.tmd{
	float:left;
	list-style:none;
	position:relative;
	margin-left:5px;
	
}
.header_ul>li a{
	color:#f5f5f5;
	
	display:block;
	width:34px;
	height:35px;
	text-indent: -99999px;
}
.header_ul>li a:focus{
	outline: none;
}
.head_xtsy {
	background:url("img/background/heade-icon/01.png") 0 0 no-repeat;
}
.head_tcxt {
	background:url("img/background/heade-icon/02.png") 0 0 no-repeat;
}
.head_xgmm {
	background:url("img/background/heade-icon/03.png") 0 0 no-repeat;
}
.head_tjbj {
	background:url("img/background/heade-icon/04.png") 0 0 no-repeat;
}
.head_qhpf {
	background:url("img/background/heade-icon/05.png") 0 0 no-repeat;
}
.head_xtsy:hover {
	background:url("img/background/heade-icon/01-1.png") 0 0 no-repeat;
}
.head_tcxt:hover{
	background:url("img/background/heade-icon/02-1.png") 0 0 no-repeat;
}
.head_xgmm:hover {
	background:url("img/background/heade-icon/03-1.png") 0 0 no-repeat;
}
.head_tjbj:hover{
	background:url("img/background/heade-icon/04-1.png") 0 0 no-repeat;
}
.head_qhpf:hover{
	background:url("img/background/heade-icon/05-1.png") 0 0 no-repeat;
}
/*背景透明样式兼容ie8
.tmd{
/*background:rgba(0,0,0,0.1);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000);*/
color:#f5f5f5;
position: relative;
cursor: pointer;
display:block;
width:34px;
height:35px;
}

.tmd_2{
background:rgba(0,0,0,0.4);
position: relative;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
color:#f5f5f5;
cursor: pointer;
}
li.tmd_2_1{
	background:rgba(0,0,0,0.4);
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	color:#f5f5f5;
	cursor: pointer;
}
.tmd_3{
background:rgba(0,0,0,0.4);
position: relative;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
color:#f5f5f5;
cursor: pointer;
border-left:2px solid #fff;
}
.tmd_1{

background:rgba(0,0,0,0.2);
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
color:#f5f5f5;
padding:5px 20px;
border-radius: 20px;

}

/*背景透明样式兼容ie8*/
 /**皮肤切换样式*/
.pifu{
	position: absolute;
	border: 1px solid #DDDDDD;
	padding-bottom:10px;
	background:#fff;
	top:49px;
	left:-80px;
	width:150px;
	display:none;
	
}
.pifu>li{
	float:left;
	display:block;
	width:17px;
	height:17px;
	border:1px solid #fff;
	border-radius: 50%;
	background-size:100%;
	margin-left:10px;
	margin-top:7px;
	cursor: pointer;

}
.pifu .jiantou{
	position: absolute;
	
	left:76px;
	top:-20px;
	border:none;
	font-size:22px;
}
#button_bg{
	background:url("img/background/small-bg/small-bg.jpg") 0 0 no-repeat #383E4E;
}
#button_bg2{

	background: url("img/background/small-bg/small-bg2.jpg") 0 0 no-repeat #453A42;
}
#button_bg4{
	
	background:url("img/background/small-bg/small-bg4.jpg") 0 0 no-repeat #024184;
}
#button_bg5{
	
	background:url("img/background/small-bg/small-bg5.jpg") 0 0 no-repeat #151513;
}
#button_bg8{
	
	background:url("img/background/small-bg/small-bg8.jpg") 0 0 no-repeat #C77EC5;
}
#button_bg9{
	
	background:url("img/background/small-bg/small-bg9.jpg") 0 0 no-repeat #4C4E4D;
}
#button_bg10{
	
	background:url("img/background/small-bg/small-bg10.jpg") 0 0 no-repeat #B2C04E;
}
#button_bg11{
	
	background:url("img/background/small-bg/small-bg11.jpg") 0 0 no-repeat #C16C02;
}
#button_bg12{
	
	background:url("img/background/small-bg/small-bg12.jpg") 0 0 no-repeat #C0C7FD;
}
#button_bg13{
	
	background:url("img/background/small-bg/small-bg13.jpg") 0 0 no-repeat #4A8ABD;
}

.index_body{
	background: #383E4E url("img/background/big-bg/body_bg.png") 0 0 no-repeat ;
	background-size:cover;
   	width: 100%;
	border:0;
	padding:0;
	margin:0;
}
.ui-jqgrid tr.ui-state-hover{
	background:#E6FFD7;
}

#winMainTitle{
	background: url("img/topMiddle_dis.jpg") no-repeat scroll left top #FFFFFF;
}
.MenuRJ {
   /**  background: url("img/MenuRJ.png") no-repeat scroll right top ;*/
    float: right;
    height: 44px;
    
}

.MenuRJ dl {
    float: left;
    padding: 0 0 0 28px;
     margin-top: 15px;
}

.MenuRJ dl dt {
    float: left;
    padding-left: 45px;
    width: 90px;
    color: white;
    
}
.MenuRJ dl dt  a{
    
    color: white;
}
ul.ztree {
	margin-top: 10px;
	border: 1px solid #617775;
	/*background: #f0f6e4;*/
	width:220px;
	height:560px;
	overflow-y:scroll;
	overflow-x:auto;
}


/**
  工具栏
*/
.mtoolBar {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 4px 0 2px;
   padding-top:3px;
    background: transparent;
    padding: 0px;
  /**  background: url("img/topMiddle.png") no-repeat scroll right top transparent;**/
    margin-right: 1px;
    z-index: -1;
    padding-left: 10px;
    margin-left: 0px;
     border-bottom: 1px solid #e6ffd7;
   background-color: white; 
   background-color: #e6ffd7 ;
   
}
.mtoolBar button{
  background-color: #e6ffd7 ;
  color: black;
  border: 0px;
  height: 36px;
}
.mtoolBar i{
  color: #58c9f3;
  padding-right: 5px;
}
.mtoolBar ul {
    list-style: none outside none;
    margin-left: 0px;
  /**  padding-top: 5px;**/
}

.mtoolBar ul li {
   border: 0px solid silver;
    float: left;
   /*** height: 27px;**/
    margin-right: 0px;
    overflow: hidden;
   
  
    vertical-align: middle;
    color: #626262;
    position: relative;
}
   
   
}

.mtoolBar ul li span {
    display: inline-block;
  
    padding: 0;
    
}

.mtoolBar ul li img {
    display: inline-block;
   
    margin: 2px 3px 2px 0;
    padding: 0 0 0 8px;
   
}

.mtoolBar a {
 text-decoration: none;
}
.mtoolBar ul li span input {
    height: 27px;
    line-height: 27px;
    padding-right: 8px;
  
   
}
.mtoolBar ul li input {
    border: medium none;
    font-size: 12px;
    margin: 0;
    padding: 0;
     
    height:27px;
    line-height:27px;
    border: 1px solid silver;
    border-radius: 2px;
    display: inline-block;
    color: black;
    padding-right: 10px;
    padding-left: 5px;
}
.mtoolBar ul li.ontb input {  
background-color:  #da7101;
border-color: #4ea5e0;
color: white;
}
.mtoolBar ul li.ontb input{  
 
color: white;
}
.mtoolBar ul li.ontb i{  
 
color: white;
}
/**.mtoolBar ul li.ontb input { height:27px; line-height:27px; background:url(img/toolBaraOn.gif) no-repeat right top;  }
**/
span.out1{
 position: absolute;
 left: 0px;
 top: 5px;
}
.mainTitle {
    background: url("img/topMiddle.png") no-repeat scroll right top transparent;
    margin-right: 1px;
    z-index: -1;
    height: 35px;
}
fieldset{margin-left: 10px;}


dl.poptab *,dl.poptab{ margin:0; padding:0; }
dl.poptab iframe{ width:100%; height:100%}
dl.poptab dt{ height:45px;/*background:url(img/tab/tabBack.gif) no-repeat right top;**/padding:18px 0 0 20px;
background-color: white;
border-bottom: 1px solid #d4d4d4;
}
dl.poptab dt b{position:relative; display:block;font-weight:bold; float:left; /*background:url(images/tabs-sprite.gif) no-repeat right -30px;*/
/**background:url(img/tab/dataOnBgL.gif) no-repeat left top;**/
cursor:pointer; font:normal 12px/27px "Arial";
padding-left:15px;
margin-right:5px;
height:27px;
overflow:hidden;
border-left:medium none;}
dl.poptab dt b.popcur{ /*background-position: right top;*/ height:27px;border-left:medium none;
/***background:url(img/tab/dataBgL.gif) no-repeat left top;**/
color:#000;}
dl.poptab dt b span{
	/**background:url(img/tab/dataOnBgR.gif) no-repeat right top;**/
display:block;
padding-right:15px;/*background:url(images/tabs-sprite.gif) no-repeat left -30px; */
padding-left:15px;
color:#4c8fbd;
height:28px;
overflow:hidden;
float:left;
line-height:25px;
font-weight:bold;}
dl.poptab dt b.popcur span{ /*background-position: left top; */
	 font-weight:bold;
	 color:orange;
	 border-bottom: 3px solid orange;
/***background:url(img/tab/dataBgR.gif) no-repeat right top;**/
}
dl.poptab dt b a{position: absolute;  width:10px; height:10px; /*background:url(images/tabs-sprite.gif) no-repeat 0 -60px;*/ top:10px; right:8px}
dl.poptab dt b a:hover{ background-position:-10px -60px}
dl.poptab dd{ border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;padding: 3px;
background-color: white;}
dl.poptab{ height:100%;background:url(img/tab/tabBackL.gif) no-repeat left top;}




#successwrap {
    background: url("img/cfmhead.png") no-repeat scroll center top transparent;
    margin: 50px auto 0;
    padding-top: 165px;
    width: 520px;
}
#success {
    background: url("img/succ.gif") no-repeat scroll 130px 0 transparent;
    color: #777777;
    font: 13px/150% "宋体";
    height: 100px;
    padding: 0 20px 10px 230px;
    width: 270px;
}
#success1 {
    background: url("img/alert.gif") no-repeat scroll 130px 0 transparent;
    color: #777777;
    font: 13px/150% "宋体";
    height: 100px;
    padding: 0 20px 10px 230px;
    width: 300px;
}
.search-div{
padding: 10px;
border: 1px solid #c3daf0;
}
.contentTable{
	padding-top: 10px;
	}
ul.ztree{
overflow-y: auto;

margin-top: 0px;
}
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
   padding:2px 3px;
 }
fieldset.rand {
    border: 1px solid;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
 }
fieldset.rand legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none none;
    border-width: 0 0 1px;
    color: #000;
    display: block;
    
    line-height: 10px;
    margin-bottom: 5px;
    padding: 0;
    width: auto;
     font-size: 15px;
}
span.req{
  color: red;
  padding-right: 3px;
  padding-top: 3px;
  vertical-align: middle;
}
.uneditable-input ,input[type="text"],input[type="password"]
{
	 padding:0;
	 border-radius: 0px;
	 margin: 0;
     height: 25px;
     line-height: 25px;
}
select, input[type="file"] {
    height: 25px;
    line-height: 25px;
}
.btn {
	border-radius: 0px;
	padding: 5px 12px;
	 line-height: 15px;
	}
.report{
  margin-left: 10px;
}
.report  tbody td {
  padding: 3px;
  border: 1px solid #000;
  text-align: center;
}	

.div_tab{border-bottom:1px solid #eee;}
.div_tab a{display:inline-block; height:24px; line-height:24px; padding:0px 10px; text-decoration:none; background:#FFF; color:#3372B5; border-right:1px solid #eee; }
.div_tab a.on{ background:#3372B5; color:#FFF;}
.div_tab a:hover{ background:#3372B5; color:#FFF; text-decoration:none;} 

 
.email a {
   
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #EEEEEE;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 5px;
  
}
.email a:hover,.email .active  {
    background-color: #EEEEEE;
   
    background-repeat: repeat-y;
}
#write-email{
    background-image: url("img/background/cca104472.gif");
    float: left;
    border: 0 none;
    float: left;
    height: 20px;
    margin: -25px 0 0 12px;
    padding: 0;
    width: 20px;
}
.checkbtn{
background: url("/zh_CN/htmledition/images/newicon/mail1d47c7.png") no-repeat scroll 0 -33px rgba(0, 0, 0, 0);
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
#user-panel{
 height: 100%;
    padding: 0 15px 0 10px;
    position: relative;
    width: 210px;
    float: left !important;
}
#j_navwrap{
 width: 875px;
 height: 48px;
 float: left;
}
#j_navwrap a{ 
 
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    transition: color 0.15s linear 0s;
    width: 100px;
}
#j_navwrap li {
    float: left;
}
#j_navwrap li {
    display: block;
    position: relative;
}
#j_navwrap a {
    display: block;
    padding: 10px 5px;
    position: relative;
}
a {
    background: none repeat scroll 0 0 transparent;
    color: #428bca;
    cursor: pointer;
    text-decoration: none;
}
i{display: inline-block;}
.graph {
    background: url("css/images/index_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    vertical-align: middle;
}
.graph-portal {
    background-position: 0 0;
}
.graph-document {
    background-position: -112px 0;
}

.icon-angle-down::before {
    content: "V";
     font-size: 16px;
    margin: 0 5px;
    transition: all 0.15s ease 0s;
    font-family: "teams";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
     display: inline-block;
    vertical-align: middle;
    color: white;
}
#user_info{
	background: none repeat scroll 0 0 #ededed;
    border: 0 none;
    overflow-y: auto;
    padding: 0;
    width: 757px;
     display: none;
     position: absolute;
    
      left: 0px;
      padding-left: 40px;
      padding-top: 20px;
}
#user_img span { color: white;}
.over{
   background-color: #555;
}
.over   span{
  color: black;
}
#pback{
   background-color: #ededed;
   display: none;
   position: absolute;
   left: 0;
   top: 50px;
   width: 100%;
   height: 36px;
   z-index: -1;
}
.row{
  padding-top: 5px;
   margin-left: 0px;
   margin-right: 0px;
   background-color: white; 
   margin-bottom: 5px;
   border-bottom: 1px solid #ddd;
}

form {
    margin: 0 0 10px;
}
.checkbox + .checkbox, .radio + .radio {
    
}
.checkbox, .radio {
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0px;
    position: relative;
}
checkbox{
  margin-top: 8px;
}


.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.form-search table td {
  padding: 5px;
}
.form-control{
	color: #000;
}
 
 
 #NextStepTitle   {
    background:   no-repeat scroll right 0 rgba(0, 0, 0, 0);
    float: left;
    text-align: center;
    padding-top: 5px;
    padding-bottom:5px;
    background-color: rgb(97,179,56);
    border-radius:0px 15px 0 0;   
    width: 200px;
    color: white;
    font-weight: bold; 
    font-size: 14px;
}
#userSelectTitle{
    float: right;
    width: 200px;
    text-align: center;
    padding-top: 5px;
    padding-bottom:5px;
    background-color: rgb(97,179,56);
    border-radius:0px 15px 0 0;   
    width: 200px;
    color: white;
    font-weight: bold; 
    font-size: 14px;
}
#workTitle{
    width: 200px;
    text-align: center;
    padding-top: 5px;
    padding-bottom:5px;
    background-color: rgb(97,179,56);
    border-radius:0px 15px 0 0;   
    width: 200px;
    color: white;
    font-weight: bold; 
    font-size: 14px;
}
.qbtn{
  padding: 5px;
  border: 1px solid rgb(97,179,56); 
  width: 200px;
  text-align: center;
  height: 130px;
}
.flowsteptitle{
  
    background-color: rgb(97,179,56);
    padding: 5px;
    border-radius:15px 0px 0 0;   
    color: white;
    padding-left: 20px;
     font-weight: bold; 
    font-size: 14px;
    height: 30px;
}
.flowbody{
  border-left: 1px solid rgb(97,179,56);
   border-bottom: 1px solid rgb(97,179,56);
}
.dealtime{
  padding-left: 35px;
}
.dealaddop{
 padding-left: 35px;
 color: #41cac0;
}
.dealsuggestion{
 padding-left: 35px;
 color: #41cac0;
}
 .dcolor{
 color: #d9534f;
}
 .dcolor{
 color: #d9534f;
}
.finput{
display: inline;
width: 160px;
}
.li_title{
	background: #efeded none repeat scroll 0 0;
    line-height: 14px;
    padding: 14px 16px;
    text-align: left;
    }
    .li_content{
    text-align: left;
    padding-left: 180px;
    }
 .li_content li {
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 0;
    list-style: outside none none;
}
.color_gray2{
	color: #757575;
}
.padding_t_5{
text-align: center;
}
.fbtn{
  margin-top: 10px;
  width: 200px;
  padding: 10px;
}
#optionmore{
  float:right;
}
 #tp{
  display: none;
  position: absolute;
  top: 10px;
  background-color: white;
  border: 1px solid silver;
  right: 5px;
  width: 200px;
  z-index:99999;
  }
  .a_activity{
    background-color: #42b3e5;
    color: white;;
  }
  .a_activity a{
    color: white;
  }
 .subtable{
 }
 .subtable td{
  padding: 5px;
 }