/*------------------师文佼--------2015-05-20------------------*/
/* Ver 1.0.3 */
/* 
1、修改文本框可下拉列表背景图片（在不影响图片品质的前提下采用更小的图片）
2、修复最大高度限制的BUG
*/
/*------------------师文佼--------2015-03-11------------------*/
/* Ver 1.0.2 */
/* 
增加蓝色图标皮肤
*/
/*------------------师文佼--------2014-06-16------------------*/
/* Ver 1.0.1 */
/* 
修改Btn控件的图片质量，使显示更清晰
*/
/*------------------师文佼--------2014-03-21------------------*/
/* Ver 1.0.0 */
/* 
用于定义按钮、表格、菜单、文本框、下拉列表、复选框等的样式
*/

/*Core Code 核心代码*/
body, html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, table, tbody, thead, tfoot, 
tr, th, td, sub, sup, tt, dl, dt, dd, ol, ul, li, form, label, font, img, strong, fieldset, legend
{
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    line-height: 100%;
    font-family: "宋体",Arial,sans-serif;
}
html, body
{
    scrollbar-face-color: #F8F8F8;
	scrollbar-highlight-color: #87C8FF;
	scrollbar-darkshadow-color: #ECECEC;
	scrollbar-shadow-color: #87C8FF;
	scrollbar-3dlight-color: #ECECEC;
	scrollbar-track-color: #E3ECF9;
	scrollbar-arrow-color: #000000;
}
img{border: 0px;}
ul, li{list-style: none;}
a{outline-style: none;}
table{border-collapse:collapse;}


/*Button Style 按钮样式*/
.btnDefaultSkin
{
    background-image: url(../Image/Control/btn.gif);
    width: 78px;
}
.btnBlueSkin
{
    background-image: url(../Image/Control/btn_blue.gif);
    width: 95px;
}
.btn, .btnHover, .btnDisabled, .btnLight
{
    height: 35px;
    cursor: pointer;
    position:relative;
    left: 3px;
}
.btn
{
    background-position: right top;
}
.btnHover
{
    background-position: right -90px;
}
.btnDisabled
{
    background-position: right -180px;
}
.btnLight
{
    background-position: right -270px;
}
.btnLeft, .btnLeftHover, .btnLeftDisabled, .btnLeftLight
{
    width: 5px;
    height: 35px;/*100%不兼容IE6*/
    position: absolute;
    left: -3px;
}
.btnLeft
{
    background-position: left -45px;
}
.btnLeftHover
{
    background-position: left -135px;
}
.btnLeftDisabled
{
    background-position: left -225px;
}
.btnLeftLight
{
    background-position: left -315px;
}
.btnIco
{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 6px;
    top: 5px;
}
.btnText, .btnTextDisabled
{
    position: absolute;
    left: 38px;
    font-size:13px;
    padding-top: 3px;
    top: 10px;
}
.btnText
{
     color: Black;
}
.btnBlueSkin .btnText
{
    color: White;
    font-size: 14px;
    font-weight: bold;
}
.btnTextDisabled
{
    color: Silver;
}

.btnIcoAdd,.btnIcoEdit,.btnIcoDelete,.btnIcoSet,.btnIcoStat,.btnIcoUpload,.btnIcoQuery,.btnIcoExcel,
.btnIcoSave,.btnIcoCancel,.btnIcoRefresh,.btnIcoDownload,.btnIcoSwitch,.btnIcoImport
{
    background-image: url(../Image/Control/btn_ico.gif);
    background-repeat:no-repeat;
}
.btnIcoAdd
{
    background-position:-44px -56px;
}
.btnIcoEdit
{
    background-position:-75px -56px;
}
.btnIcoDelete,.btnIcoCancel
{
    background-position:-112px -56px;
}
.btnIcoStat
{
    background-position:-145px -56px;
}
.btnIcoSet
{
    background-position:-178px -56px;
}
.btnIcoUpload
{
    background-position:-211px -54px;
}

.btnIcoQuery
{
    background-position:-243px -54px;
}
.btnIcoExcel
{
    background-position:-277px -54px;
}
.btnIcoRefresh
{
  background-position:-308px -54px;
}
.btnIcoSave
{
    background-position:-44px -88px;
}
.btnIcoSwitch
{
    background-position:-78px -88px;
}
.btnIcoDownload
{
    background-position:-211px -88px;
}
.btnIcoImport
{
    background-position:-277px -88px;
}
/*扩展的图标类 尽量选择合适大小且较清晰的图片*/
.btnIcoBack
{
    background-image: url(../Image/pubimg/rollback1.gif);
    background-repeat:no-repeat;
  
    position: absolute;
    left: 6px;
    top: 10px;
}
.btnIcoPay
{
    background-image: url(../Image/pubimg/coins1.gif);
    background-repeat:no-repeat;
  
    position: absolute;
    left: 6px;
    top: 6px;
}
.btnIcoPrint 
{
    background-image: url(../Image/pubimg/printer.gif);
    background-repeat:no-repeat;
   
    position: absolute;
    left: 6px;
    top: 6px;
}
.btnIcoPlan 
{
    background-image: url(../Image/Control/clock.png);
    background-repeat:no-repeat;
    background-size: 21px 24px;
    position: absolute;
    left: 6px;
    top: 6px;
}

/*TextBox Style 文本框样式*/
.txt, .ddl
{
    height: 32px;
    background: #FFFFFF url(../Image/Control/txt.gif) repeat-x;
    background-position: left -14px;
    position:relative;
    border: 1px solid #CED9DF;
}
.txtEmpty
{
    height: 32px;
    background: #FFFFFF url(../Image/Control/txt_empty.gif) repeat-x;
    background-position: left 0px;
    position:relative;
    border: 1px solid #FF0072;
}
.txtClick, .ddlClick
{
    height: 32px;
    background: #FFFFFF url(../Image/Control/txt_click.gif) repeat-x;
    background-position: left 0px;
    position:relative;
    border: 1px solid #66C9F3;
}
.txt .input, .txtClick .input, .txtEmpty .input
{
    background-color:transparent;
    border:0px;
    /*width:99%;*/
    height:26px;
    line-height:26px;
    margin-top:3px;
    outline: none;
    text-indent: 6px;
    *text-indent:4px;
    width: 134px;
}
.txt, .txtEmpty, .txtClick 
{
    width: 145px;
}


/*DropDownList Style 下拉列表样式*/
.ddl {
    cursor: pointer;
    padding-right: 15px;
}

.ddl select {
    display: none;
}

.ddlSelectedText {
    position: relative;
    top: 7px;
    left: 8px;
    display: block;
    height:20px;
    line-height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ddlItemList {
    background-color: #FFFFFF;
    border: 1px solid #CED9DF;
    position: absolute;
    top: 34px;
    left: -1px;
    z-index: 999;
    display: none;
    overflow: auto;
}

.ddlItemList li {
    height: 28px;
    line-height: 28px;
    text-indent: 8px;
    cursor: pointer;
}

 .ddlItemList  .listSearch{
     position:relative;
   text-indent:0;
   /*height:32px;*/
   padding:3px;
}

 .ddlItemList  .listSearch input{
    height:28px;
    line-height:28px;
    *line-height:26px;
    *height:26px;
    border:1px solid #CED9DF ;
    /*color:#666;*/
    padding:0;
    *display:block;
    text-indent: 6px;
    outline:none;
}

 .ddlItemList  .listSearch input.inputFocus{
    border: 1px solid #66C9F3;
    background: #FFFFFF url(../Image/Control/txt_click.gif) repeat-x;
    background-position: left 0px;
 }
 .ddlItemList .textIndent li{
    text-indent:20px;
}
.ddl .ddlIco, .ddl .ddlIcoClick {
    width: 9px;
    height: 5px;
    background: url(../Image/Control/txt.png) no-repeat;
    position: absolute;
    right: 13px;
    top: 13px;
    cursor: pointer;
    font-size: 5px; /*支持Quirks*/
}

.ddl .ddlIcoLeft,.ddl .ddlIcoLeftClick {
    width: 10px;
    height: 10px;
    background: url(../Image/Control/txt_1.png) no-repeat;
    position: absolute;
    top: 11px;
    cursor: pointer;
    font-size: 5px; /*支持Quirks*/
}
.ddl .ddlIcoLeftClick{
    background-position: -11px top;
}
 .ddl .ddlIcoLeft{
      background-position: left top;
 }
.ddl .ddlIco {
    background-position: left top;
}

.ddl .ddlIcoClick {
    background-position: -11px top;
}


/*CheckBox Style 复选框样式  RadioButton 单选框样式*/
.chkWrap, .rbtnWrap
{
    height: 16px;
    position: relative;
    display: block;
}
.chkText, .rbtnText, .chkTextDisabled, .rbtnTextDisabled
{
    position: absolute;
    left: 16px;
    top: 2px;
    width: 60px;
    height: 100%;
    line-height: 100%;
    text-indent: 6px;
    cursor: pointer;
    
    -webkit-top-: -12px;
    *padding-top: 3px;
    *top: 0px;
}
.chkText, .rbtnText
{
    color: Black;    
}
.chkTextDisabled, .rbtnTextDisabled
{
    color: Silver;
}
.chk, .chkHover, .chkClick, .chkClickHover, .chkDisabled, .chkClickDisabled,
.rbtn, .rbtnHover, .rbtnClick, .rbtnClickHover, .rbtnDisabled, .rbtnClickDisabled
{
    width: 16px;
    height: 16px;
    background: url(../Image/Control/check.gif) no-repeat;
    cursor: pointer;
}
.chk
{
    background-position: left top;
}
.chkHover
{
    background-position: left -27px;
}
.chkClick
{
    background-position: -26px top;
}
.chkClickHover
{
    background-position: -26px -27px;
}
.chkDisabled
{
    background-position: left -54px;
}
.chkClickDisabled
{
    background-position: -26px -54px;
}
.rbtn
{
    background-position: -52px top;
}
.rbtnHover
{
    background-position: -52px -27px;
}
.rbtnClick
{
    background-position: -78px top;
}
.rbtnClickHover
{
    background-position: -78px -27px;
}
.rbtnDisabled
{
    background-position: -52px -54px;
}
.rbtnClickDisabled
{
    background-position: -78px -54px;
}



/*DataList Style 数据列表样式*/
.dataList
{
	/*margin:0 auto;
    margin-top:15px;*/
    border:1px solid #CBCBCB;
    border-collapse: collapse;
    /*width:100%;
    table-layout:fixed;*/
    margin-top: 0px;
    border-width: 1px 1px 1px 1px;
}
.dataListHeader
{
    overflow: auto;
    position: absolute;
}
.dataList tr
{
}
.dataList td
{
    height: 32px;
    line-height: 20px;
    border-width:0px 1px 0px 0px;
    border-right: 1px dashed #C7C7C7;
    font-family: "宋体";
    /*white-space:nowrap;*/
    text-overflow:ellipsis;
    overflow:hidden;
    /*word-break:break-all;*/
    /*单元格式默认样式*/
    text-indent: 6px;
}
.dataList th
{
    height:34px;
    line-height:34px;
    background-color: #F0F5F7;
    background-image:url(../Image/Control/table.gif);
    background-position: left bottom;
    *background-position:left 0px;
    border-width:1px 1px 0px 0px;
    border-top: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    white-space:nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    font-family: "宋体";
    font-weight: 600;
    font-size: 13px;
    *padding-top: 3px;
}
.dataList td.id, .dataList th.id
{
    width: 30px;
    text-align: center;
    background-color: #F0F5F7;
    border-right: 1px solid #CBCBCB;
    color: #056DAE;
    cursor: default;
}
.dataList th.id
{
    border-bottom: 0px;
}
.dataList td.id
{
    border-bottom: 1px solid #CBCBCB;
}
.dataList th a
{
    color: Black;
    text-decoration: none;
    font-family: "宋体";
    font-weight: 600;
    font-size: 13px;
    *padding-top: 3px;
}
.dataList .title
{
	line-height:100%;
	padding-left:10px;
	font-weight:bold;
	background-image:url(../Image/Control/table.gif);
    background-position:bottom;
    border-right:1px solid #CBCBCB;
    color:#3071B0;
}
.dataList caption
{
	height:30px;
	line-height:30px;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	background-image:url(../Image/Control/table.gif);
    background-position:bottom;
    border:1px solid #7BA1D3;
    color:#3071B0;
    _padding-top:8px;
    _height:20px;
}
.dataList tfoot td
{
	border-top:1px solid #CBCBCB;
	height:45px;
	color:blue;
}
.dataList tfoot .page
{
	height:35px;
}
.footer
{
    margin-top:10px;
    border: 0px;
}
.rowOdd
{
    background-color: #F5F8FA;/*#ECF7FD #F1F5FB*/
}
.rowEven
{
    background-color: #FFFFFF;
}
.tdString
{
    text-align:left;
    text-indent: 6px;
}
.tdNumber
{
    text-align:right;
    /*text-indent: 6px;*/
    padding-right: 6px;
}
.tdDeptName
{
    text-align:left;
    text-indent: 6px;
    width: 160px;
}
/*区域名称*/
.thDeptName
{
    text-align:center;
    width: 200px;
}

/*用户名称*/
.thUserName 
{
    text-align:center;
    width: 120px;
}
/*用户编号*/
.thUserCode 
{
    text-align:center;
    width: 120px;
}

/*门牌号*/
.thDoorplate 
{
    text-align:center;
    width: 120px;
}

/*通信地址 */
.thAddress 
{
    text-align:center;
    width: 200px;
}

/*表状态 /建档 开户 销户*/
.th80 {
  width: 80px;
}

/*备注 */
.txtBak {
    width: 300px;
}

/*时间*/
.thDateTime
{
    text-align: center;
    width: 140px;
}

.tdCenter
{
    text-align:center;
}
.tdCheck
{
    text-align: center;
    width: 40px;
}
.tdOper
{
    text-align:center;
    color:#056DAE;
    white-space: nowrap;
}
.tdOper a, .tdOper a span, .tdOper .likeA
{
    color:#056DAE;
    text-decoration: none;
    
    /*background-position: center;
	background: url('../Image/pubimg/tmbg.gif') repeat-x;
	height: 20px;
	width: 60px;*/
	background-color: transparent;
	cursor: pointer;
	border: 0;
	text-align: center;
	padding:0px;
	margin:0px;
	display:inline;
}
.tdOper a:hover
{
    color:#056DAE;
    text-decoration: underline;
}

/*Pager Style 分页控件样式*/
.pager .recordCount, .pager .pageCount, .pager .pageSize
{
	font-size:13px;	
	color:#056DAE;
	font-weight:bold;
	*line-height:150%;
}
.pager .currentPageIndex
{
	font-size:13px;
	color:Red;
	font-weight:bold;
	*line-height:150%;
}
.pager
{
    vertical-align:middle;
    margin-top: 2px;
    margin-right: 20px;
}
.pager a
{
	display:inline-block;
	border:1px solid #DDDDDD;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:27px;
	padding:2px;
	_padding:2px 2px 0px 2px;
	text-align:center;
	border-left-width:0px;
	color:#056DAE;
    background-color:#FFFFFF;
    cursor: pointer;
}
.pager a:hover
{
    color:#000000;
	background-color:#F5F5F5;
}
.pager .selected
{
	color: Red;
	background-color:#F5F5F5;
}
.pager .firstButton
{
    border-left: 1px solid #DDDDDD;
}

.highChartsContainer{width: 99%;height:400px;overflow: hidden;padding: 0px 3px 0px 3px;}

/* 功能性类 */
.required
{
    /*必填字段*/
}
.requiredStyle
{
    /*仅显示必填的*，不验证必填*/
}
.highLight
{
    /*定义按钮高亮*/
}
/* 阀门状态样式 */
.open, .close, .accredit, .unusual {
    color: white;
    font-size: 13px;
    font-weight: bolder;
    padding: 1px 5px;
}

.close {
    background-color: #d9534f;
}

.unusual {
    background-color: #f0ad4e;
}

.accredit {
    background-color: #337ab7;
}

.open {
    background-color: #5cb85c;
}
/**新的区域选择样式**/
.searchUl{
    /*width:244px;*/
    width: auto;
}
.deptTree li {
    position: relative;
    float: left;
}

.deptTree li.imgLi {
    position: absolute;
    top: 1px;
    right: 1px;
}

.deptTree li.imgLi div {
    float: left;
    width: 28px;
    height: 32px;
    text-align: center;
    background-color: #f3f7f8;
    cursor: pointer;
}

.deptTree li.imgLi div.divHover {
    background-color: #f0f8fc;
}

.deptTree li.imgLi div img {
    width: 18px;
    margin-top: 8px;
}

.deptTree li.imgLi div.opentree {
    border-left: 1px solid #CED9DF;
    border-right: 1px solid #CED9DF;
}
/*日期控件样式*/
.WdatePickerUl {
    width:auto;
    height: 34px;

}
.WdatePickerUl li {
    float: left;
}

.WdatePickerUl li.textLi {
    width: 20px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #CED9DF;
    border-bottom: 1px solid #CED9DF;
    text-align: center;
}
/*内容提示模态框样式*/
.modalContainer{
    position:absolute;
    height:35px;
    line-height:35px;
    padding-left: 5px;
    color: #fff;
    border-radius:3px ;
    overflow:visible;
    white-space:nowrap;
    z-index: 99999;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.modalContainer span{
    display:inline-block;                                    
    height:35px;
    line-height:35px;
    color: #fff;
    font-size: 18px ;
    padding-right:5px;
}
.modalBlue {
    /*background: #046daf;*/
    background:rgba(4,109,175,.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5046daf', endColorstr='#e5046daf');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5046daf', endColorstr='#e5046daf')";
}

.modalBlue span{
     /*background: #046daf;*/
}
.modalGray {
    /*background: #31A3FB;*/
    background:rgba(49,163,251,.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e531A3FB', endColorstr='#e531A3FB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e531A3FB', endColorstr='#e531A3FB')";   
}
.modalGray span{
   /*background: #31A3FB;*/
}
.modalErrer {
    background:rgba(230,120,3,.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e67804', endColorstr='#e5e67804');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e67804', endColorstr='#e5e67804')";   
}

  /*清除浮动*/
 .clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}
/*定时任务状态*/
.taskUsed 
{
    background-color: #43a820;
}

.taskDisabled
{
    background-color: #b6b6b6;
}
.build, .taskUsed, .taskDisabled, .stop 
{
    color: white;
    font-size: 13px;
    font-weight: bolder;
    padding: 1px 5px;
}

.listover200 {
     width: 200px;
     text-align: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
.hideWhenExport {
    
}
/*禁止拖动*/
textarea { resize: none;}
/* 档案状态样式 */
.build, .used, .destroy, .stop {
    color: white;
    font-size: 13px;
    font-weight: bolder;
    padding: 1px 5px;
}

.build {
    background-color: #e86916;
}

.used {
    background-color: #43a820;
}

.destroy {
    background-color: #b6b6b6;
}

.stop {
    background-color: #e23c3c;
}

/*组合下拉列表样式---开始*/
.checkBoxList {
    display: none;
}

.cblItemList {
    display: none;
    background-color: White;
    position: absolute;
    overflow: auto;
    border: 1px solid #CED9DF;
    z-index: 999;
}

.cbl {
    position: relative;
    height: 32px;
    border: 1px solid #CED9DF;
    padding-right: 22px;
    background: #FFFFFF url(Image/Control/txt.gif) repeat-x;
    background-position: left -14px;
    cursor: pointer;
    overflow: hidden;
}

    .cbl .checkBoxList {
        display: none;
    }

    .cbl .cblIco, .cbl .cblIcoClick {
        width: 9px;
        height: 5px;
        background: Black url(Image/Control/txt.png) no-repeat;
        position: absolute;
        right: 13px;
        top: 13px;
        cursor: pointer;
        font-size: 5px; /*支持Quirks*/
    }

    .cbl .cblIco {
        background-position: left top;
    }

    .cbl .cblIcoClick {
        background-position: -11px top;
    }

.cblSelectedText {
    display: block;
    position: relative;
    top: 10px;
    left: 8px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cblItemList li {
    position:relative;
    height: 28px !important;
    /*line-height:28px;*/
    cursor: pointer;
    border-bottom: 1px solid #FFF;
}

    .cblItemList li.liHover {
        color: #000;
        background-color: #F0F3F4;
    }

    .cblItemList li.liActive {
        color: #FFF;
        background-color: rgb(90, 184, 239);
    }

.cblItemList label {
    position: absolute;
    top: 8px;
    *top: 10px;
    cursor: pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.cblItemList input[type="checkbox"] {
    position: relative;
    top: 8px;
    *top: 5px;
    margin: 0 8px;
}

.cblDisabled {
    background: #FDFDFD url(/Image/Control/txt_disabled.png) repeat-x left 0px;
    cursor: default;
}

/*组合下拉列表样式---结束*/

/**新的区域选择样式**/


.searchUl{
    /*width:244px;*/
    width: auto;
}
.deptTree li {
    position: relative;
    float: left;
}

.deptTree li.imgLi {
    position: absolute;
    top: 1px;
    right: 1px;
}

.deptTree li.imgLi div {
    float: left;
    width: 28px;
    height: 32px;
    text-align: center;
    background-color: #f3f7f8;
    cursor: pointer;
}

.deptTree li.imgLi div.divHover {
    background-color: #f0f8fc;
}

.deptTree li.imgLi div img {
    width: 18px;
    margin-top: 8px;
}

.deptTree li.imgLi div.opentree {
    border-left: 1px solid #CED9DF;
    border-right: 1px solid #CED9DF;
}