/***********Common Style**************/
html,form,#Content{ width:100%; height:100%}
body{ margin:0 auto;margin-top:0px;font-size:12px; background-color:#FFF}
.contentLeft{width:200px;float:left;position: absolute; top: 0px;}
.contentRight{ float:right; width:100%; margin:0 0 0 -200px}
.innerRight { margin:0 0 0 200px}
.hidden{display:none;}
.clickA{color:#3971bc;cursor:pointer;}
.red{ color:Red}
.calendar{ cursor:pointer;}
textarea{resize: none;font-size: 13px;}
.old{text-decoration:line-through;}
.new{ color:Red}
/***********Banner Style**************/
.banner_left{float:left; width:390px; height:60px;}
.banner_right{float:right;width:100%; height:60px;margin:0 0 0 -390px;}  
.banner_right_inner { margin:0 0 0 390px}
.banner_right_inner ul { float:right;margin-top:4px;margin-right: 12px;}
.banner_right_inner li { display:inline; list-style-type:none; float:left;padding-left:10px;}
#Banner .separat { padding-right:12px;padding-left:5px;}
/***********Form Style**************/
.tdTitle_41{ width:15%; line-height:15px;text-align:right;white-space: nowrap;}
.tdInput_44{ width:35%;text-align:left;}
.tdTitle_21{ width:10%; line-height:22px; text-align:right}
.tdInput_29{ width:90%; text-align:left}
.tdTitle_22{ width:20%; line-height:22px; text-align:right;padding-right:6px;}
.tdInput_28{ width:80%; text-align:left}
.tdTitle_24{ width:35%; line-height:25px; text-align:right}
.tdInput_26{ width:65%; text-align:left}
.tdTitle_51{ width:100px;  line-height:15px;text-align:right;white-space: nowrap;}
.tdInput_53{ width:135px;text-align:left;white-space: nowrap;}
.tdInput_52{ width:100px;text-align:left}
.tdTitle_31{ width:10%;  line-height:15px;text-align:right;padding-right:6px;}
.tdTitle_32{ width:7%;  line-height:15px;text-align:right}
.tdInput_34{ width:40%; text-align:left}
.tdTitle_35{ width:50%;  text-align:left}
.tdTitle_11{ width:10%;  text-align:center; vertical-align:middle;}
.tdTitle_15{ width:45%;  text-align:left; vertical-align:top;}
.tdTitle_81{ text-align:right; width:80px; line-height:25px;padding-right:6px;white-space: nowrap;}
.tdInput_81{ text-align:left; width:124px;white-space: nowrap;}
.tdTitle_fixed{ width:90px; line-height:15px;text-align:right;}
.tdInput_fixed{ width:140px;text-align:left;}
.trHeader{ background:url(../images/skin_blue/grid/bg.gif) repeat-x 0px -1px}
.text_line{ border:0px; border-bottom:solid 1px #333}
.text_fixed{ width:165px}
.drp_fixed{ width:166px}
.text_fixed_page{ width:200px}
.text_fixed_page2{ width:600px}
.drp_fixed_page{ width:205px}
.text_fixed_long{width:262px;}
.text_common{ width:98%}
.drp_common{ width:98%}
.toolbar_fixed{ position:fixed; top:0px; left:0px; z-index:100; width:100%}
.toolbar_left{ float:left;}
.toolbar_right{ float:right;}
.pageToolbar{position: fixed;bottom: 0;background: #fff;z-index: 300;width: 100%;text-align: right;}
.pageContent{padding-bottom:50px;}
.contentToolbar{position: absolute;bottom: 0;right: 0;}
/*.pageToolbar button:last-child{margin-right: 10px;}*/
.form_bar button{background-color:Transparent;border:solid 0px Transparent;background-image:none;vertical-align:top;color:Black;}
.form_readonly{ background-color:#f5f5f5; border:solid 1px #ccc; cursor:default;}
.info{ font-weight: normal; font-size: 12px; font-family: arial,宋体,sans-serif;}
.button{background-color:Transparent;border:solid 1px #666;  background:url(../Images/bg.jpg) repeat-x; cursor:pointer; height:26px; width:85px; }
.button2{ font-size:12px;cursor:pointer; border:1px solid #BAD7F7; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#C3DAF5); }
.note {margin-right:2px; margin-top:2px;border-radius:3px;color:#fff;text-align:center;padding:2px 4px 2px 4px;color: #fff;}
.nowrap{white-space:nowrap;}
fieldset{border: 1px solid #a7a7a7;}

/****************Grid Style**********************/
.edit{ width:30px}
.seq{ width:30px;}
.chkbox{width:30px;}
.boolicon{width:20px}
.header{background-color: #f2f2f2;}
.header th{text-align: center;}
#grdv .header { position: sticky; top: -2px;  z-index: 1; }

.Grid_Table .header{background-color: #f2f2f2;position: sticky;top: -2px;z-index: 1;}
.Grid_Table .header th{color: #686868;font-weight: inherit;}
.Grid_Table tr,.Grid_Table td{height:22px;border:1px solid #e6e6e6;cursor:pointer;padding: 2px 8px;}
.Grid_Table tr:hover{background-color: #f2f2f2;}
/****************Popup Style**********************/
.floatDiv{ position:absolute;left:0px;top:0px; width:100%; z-index:10; height:100%;opacity:0.95;filter:alpha(opacity=95);text-align:center;background-color:White; vertical-align:middle;}
.openDiv{ border:solid 1px #aaa; overflow:auto;}
.openDivContent{width:100%; text-align:left;}
#floatDiv_window_loadWait{filter: alpha(opacity=65); opacity:0.65; background-color:#fff;}
.load_wait{ font-size:14px;font-weight: bold;color: #777; }
.window_frame{background-color:#fff;}
/***********************Pager Style**********************/
.pPager div.btnseparator{float: left;height: 22px;margin: 1px;}
.pPager div.pDiv{border-top: 0px;overflow: hidden;white-space: nowrap;margin-top:2px;}
div.pDLeft{margin: 3px;float: left;width: 80%;}
div.pDRight{margin: 3px;margin-left: -2px;float: right;width: 39%;}
.pPager{border: 1px solid #e6e6e6;}
.pPager div.pGroup{float: left;background: none;height: 24px;margin: 0px 5px;line-height: 24px;}
/*.pPager .pPageStat, .pPager .pPageInfo,.pPager .pSetting{position: relative;top: 3px;overflow: visible;}*/
.pPager div.pButton{float: left;width: 22px;height: 22px;text-align: center;line-height: 22px;border: 0px;cursor: pointer;overflow: hidden;}
.pPager div.pButton:hover, .pPager  div.pButton.pBtnOver{cursor: pointer;}	
.pPager div.pButton span{width: 20px;height: 20px;display: block;float: left;}
.pPager div.pButton:hover span, .pPager  div.pButton.pBtnOver span{width: 19px;height: 19px;}
.pPager .pTbar{border-top: 0px;overflow: hidden;white-space: nowrap;}
.pPager div.fbutton{float: left;display: block;cursor: pointer;padding: 1px;}
.pPager div.fbutton div{float: left;padding: 1px 3px;}		
.pPager div.fbutton span{float: left;display: block;padding: 3px;}
.pPager div.btnseparator{border-left: 1px solid #ccc;border-right: 1px solid #fff;}
.pPager .pPageIndex{height:22px;width:40px;text-align:center;border:1px solid #e6e6e6;border-radius: 2px;}
.pPager .pPageSize{height:24px;width:80px;text-align:center;border:1px solid #e6e6e6;border-radius: 2px;}
.grdv_head{ cursor:pointer;}
.grdv_sort_up{ background-image:url(../images/icon-up.gif); width:10px; height:5px; background-repeat:no-repeat; background-position:center; margin-left:2px;}
.grdv_sort_down{ background-image:url(../images/icon-down.gif);width:10px; height:5px; background-repeat:no-repeat; background-position:center;margin-left:2px;}
/***************************Skin Style*****************************************/
#skin{float:right;margin:3px 0 0 8px;position:relative;z-index:1; height:3px; padding-right:40px;}
#skin li{height:11px;float:left;margin-right:5px; display:inline;}
#skin li a{width:12px;height:12px;float:left;}
#skin span.skin_green,#skin span.skin_blue,#skin span.skin_brown,#skin span.skin_red{ width:49px;height:48px;position:absolute;left:0px;top:15px;background:url(../images/mail_skin_simple.gif) no-repeat;z-index:3;display:none;}
#skin span.skin_green{background-position:0px 0px; }
#skin span.skin_blue{background-position:-59px 0px;}
#skin span.skin_brown{background-position:-179px 0px;}
#skin span.skin_red{background-position:-241px 0px;}

#skin_green{background-image:url(../images/mail_icons01.gif);background-repeat:no-repeat;background-position:-20px 0px;}
#skin_blue{background-image:url(../images/mail_icons01.gif);background-repeat:no-repeat;background-position:-40px 0px;}
#skin_brown{background-image:url(../images/mail_icons01.gif);background-repeat:no-repeat;background-position:-80px 0px;}
#skin_red{background-image:url(../images/mail_icons01.gif);background-repeat:no-repeat;background-position:-60px 0px;}

#skin_green.selected{background-position:-20px 0px;}
#skin_blue.selected{background-position:-40px 0px;}
#skin_brown.selected{background-position:-60px 0px;}
#skin_red.selected{background-position:-80px 0px;}
/*****************************Google Suggest Style***************************************/
.google_floor{position: absolute;background-color:white;border: 1px solid;overflow: auto;}
.googlesuggest_unselected{background-color: white;}
.googlesuggest_selected{background-color: dodgerblue;color: white;}

/*****************************Manual Tab***************************************/
.tab_container{ width:100%; border-bottom:1px solid #BAD7F7}
.tab_container_left{ float:left;}
.tab_container_right{ float:right; padding-top:3px; }
.tab-hd{line-height:25px; width:100%; }

/****************************User Search**************************************/


/****************************Mark Style**************************************/
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.xhide{display:none;}
.xcontent{margin:10px 0;}
.xtxt_table{width:100%;border:none;}
.xlink{text-decoration: underline;cursor: pointer;}
.xleft{float:left;}
.xright{float:right;}
.xwp_48{width:48%}
.xwp_33{width:33%}
.xwp_25{width:25%}
.xw_90{width: 90px;}
.xw_70{width:70px;}
.xw_40{width:40px;}

.lh_20{line-height: 20px;}
.xnowrap{white-space:nowrap;}
.xpl10{padding-left: 10px;}
.xdate{width:72px;}
.xMultiSelect{height: 30px;line-height: 30px;width: 165px;padding: 0 0 0 6px;margin-left: 8px;}
.xali_cen{text-align:center;}
.xali_r{text-align:right;}
.xhand{cursor: pointer;}
.xHint{border:2px solid #fb8282;border-radius: 2px;}
.xbox{border: 1px solid #c9c9c9;border-radius: 5px;margin:8px 5px;background: #fff;}
.clearfix .xbox{margin:0 5px;}
.xbox_title{background-color: #f5f5f5;color: #6c6c6c;padding: 4px;font-weight:bold;}
.xbox_content{padding: 7px 10px;}
.xbox_content tr{line-height:22px;}
.xbox hr{margin-top: 10px;margin-bottom: 10px;border: 0;border-top: 1px solid #2183C6;}
       
.xbtn,.xbtns,.xbtnb{display:inline-block;text-align:center;background:url(/images/bg_btn.png) repeat-x;color:#333;border-radius:4px;height:28px;border:1px solid #ccc;width: 90px;cursor: pointer;}
.xbtn{background-position:0 -100px}
.xbtn:hover{background-position:0 -150px;color:#333}
.xbtns{background-position:0 0;color:#fff}
.xbtns:hover{background-position:0 -50px;color:#fff}
.xbtnb{background-position:0 -250px;color:#fff}
.xbtnb:hover{background-position:0 -300px;color:#fff}
.xchk input,.xchk label{vertical-align:middle;}

.xalert{padding:6px;margin: 5px;border: 1px solid transparent; border-radius: 4px;}
.xalert_warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.xalert_danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.xalert_success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.xalert_info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}

.xflag_green{border: 1px solid #69C13E;color: #69C13E;border-radius: 4px;padding: 0 2px;margin: 2px;font-family: 微软雅黑;white-space:nowrap;}
.xflag_orange{border: 1px solid #ff6600;color: #ff6600;border-radius: 4px;padding: 0 2px;margin: 2px;font-family: 微软雅黑;white-space:nowrap;}
.xflag_red{border: 1px solid red;color: red;border-radius: 4px;padding: 0 2px;margin: 2px;font-family: 微软雅黑;white-space:nowrap;}
.xflag_blue{border: 1px solid #4C9ED9;color: #4C9ED9;border-radius: 4px;padding: 0 2px;margin: 2px;font-family: 微软雅黑;white-space:nowrap;}

.xflag_solid_green{background-color: #69C13E;border: 1px solid #69C13E;color: #fff;border-radius: 4px;padding: 0 4px;margin: 2px;font-weight: bold;font-family: 微软雅黑;white-space:nowrap;}
.xflag_solid_orange{background-color: #ff6600;border: 1px solid #ff6600;color: #fff;border-radius: 4px;padding: 0 4px;margin: 2px;font-weight: bold;font-family: 微软雅黑;white-space:nowrap;}
.xflag_solid_red{background-color: red;border: 1px solid red;color: #fff;border-radius: 4px;padding: 0 4px;margin: 2px;font-weight: bold;font-family: 微软雅黑;white-space:nowrap;}
.xflag_solid_blue{background-color: #4C9ED9;border: 1px solid #4C9ED9;color: #fff;border-radius: 4px;padding: 0 4px;margin: 2px;font-weight: bold;font-family: 微软雅黑;white-space:nowrap;}


.xstatus_box{border: 1px solid #ff6600;border-radius: 4px;margin: 4px;font-family: 微软雅黑;white-space:nowrap;}
.xstatus_box .xstatus_title{background-color: #ff6600;color: #fff;padding: 0 4px;font-weight: bold;}
.xstatus_box .xstatus_info{padding: 4px;color: #ff6600;}

.xstatus_box_red{border: 1px solid red;border-radius: 4px;margin: 4px;font-family: 微软雅黑;white-space:nowrap;}
.xstatus_box_red .xstatus_title{background-color: red;color: #fff;padding: 0 4px;font-weight: bold;}
.xstatus_box_red .xstatus_info{padding: 4px;color: red;}

.xstatus_box_green{border: 1px solid #69C13E;border-radius: 4px;margin: 4px;font-family: 微软雅黑;white-space:nowrap;}
.xstatus_box_green .xstatus_title{background-color: #69C13E;color: #fff;padding: 0 4px;font-weight: bold;}
.xstatus_box_green .xstatus_info{padding: 4px;color: #69C13E;}

.xstatus_box_blue{border: 1px solid #4C9ED9;;border-radius: 4px;margin: 4px;font-family: 微软雅黑;white-space:nowrap;}
.xstatus_box_blue .xstatus_title{background-color: #4C9ED9;color: #fff;padding: 0 4px;font-weight: bold;}
.xstatus_box_blue .xstatus_info{padding: 4px;color: #4C9ED9;}

/*****按钮******/
button{margin: 5px 5px;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;border: 1px solid transparent;background-color: #3971bc;color: #fff;outline: 0;box-sizing: border-box;display: inline-block;vertical-align: middle;white-space: nowrap;text-align: center;border-radius: 2px;cursor: pointer;}
button div{display:none;}
/*****Tab*******/
.ui-tabs-nav{position: relative;left: 0;height: 30px;white-space: nowrap;border-bottom-width: 1px;border-color: #e6e6e6;padding:0;}
.ui-tabs-nav li a{font-weight: inherit;}
.ui-tabs-nav li a span{display: inline-block;vertical-align: middle;font-size: 14px;text-align: center;color: #000;padding-top: 8px;}
.ui-tabs-nav .ui-tabs-selected a span{color: #3971bc;}
.ui-tabs-nav .ui-tabs-selected a span:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 30px;border-color: #e6e6e6;border-width: 1px;border-style: solid;border-bottom-color: #fff;border-radius: 2px 2px 0 0;box-sizing: border-box;pointer-events: none;}
.ui-tabs-nav a, .ui-tabs-nav a span{background:none !important;}
/*****表单******/
.text_fixed_page{display: inline-block;height: 30px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;box-sizing: border-box;outline: 0;width: 180px;padding-left: 6px;margin-bottom: 5px;margin-top: 5px;}
.xw_co_2{width: 494px;}

.form_container{border: 1px solid #d5d5d5;margin: 14px 6px;padding-bottom: 8px;border-radius: 4px;}
.form_container .form_container_nav img{display:none;}
.form_container .form_container_nav{position: relative;top: -8px;left: 12px;font-size: 13px;color: #464646; background: #fff;padding: 0px 10px;display: inline-block;}
textarea{display: block;height: 50px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;box-sizing: border-box;outline: 0;width: 100%;padding-left: 6px;padding-top: 6px;}
#bpEdit{padding-top: 10px;}
input[disabled]{color: #919191;}
table td[valign="top"]{padding-top: 10px;}
/*****搜索******/
#bpQry{border: 1px solid #e6e6e6;}
#bpQry button{margin: 5px 0 5px 10px;}
#btn_Filter_{display:none;}
#bpQry select{display: inline-block;height: 30px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;box-sizing: border-box;outline: 0;width: 80px;padding-left: 6px;margin-left: 8px;}
#bpQry .tdInput_53 select{width:165px;}
.text_fixed{display: inline-block;height: 30px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;box-sizing: border-box;outline: 0;width: 165px;padding-left: 6px;margin-left: 8px;}

.text_fixed:focus, .text_fixed_page:focus,.xMultiSelect:focus {border-color: #C9C9C9!important;}
.xdate{height: 30px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;box-sizing: border-box;outline: 0;padding-left: 6px;    margin-left: 8px;}
.xSeek{position:relative;display: inline-block;}
.xSeek span{position:absolute;right: 3px;top: 12px;cursor: pointer;z-index:5;width:16px;height:16px;background:url(../Images/skin_blue/grid/magnifier.png) no-repeat;}

.icon_unhandle{display: inline-block;width:16px;height:16px;background:url(../Images/icon/unhandle.png) no-repeat;vertical-align: middle;}
.icon_handled{display: inline-block;width:16px;height:16px;background:url(../Images/icon/handled.png) no-repeat;vertical-align: middle;}
.icon_read{display: inline-block;width:18px;height:16px;background:url(../Images/icon/read.png) no-repeat;vertical-align: middle;}
.icon_unread{display: inline-block;width:18px;height:16px;background:url(../Images/icon/unread.png) no-repeat;vertical-align: middle;}
/****************************DropDownCheckList Style**************************************/
.dropdowncheckbox{margin-left:8px;width: 156px;}
.ui-dropdownchecklist {padding-left:6px;width: 100%;height: 28px;display: inline-block;border: 1px solid #e6e6e6;cursor: default;/*border-right: 0;background: #fff url(../UserControl/DropDownCheck/dropdown.png) no-repeat center right;*/}
.ui-dropdownchecklist-text {line-height: 30px; overflow: hidden; display: inline-block;text-align: left; height: 30px;font-size: 14px;}
.ui-dropdownchecklist:hover{/*background-image: url(../UserControl/DropDownCheck/dropdown_hover.png);*/border-color: #C9C9C9;}
.ui-dropdownchecklist-active {/*background-image: url(../UserControl/DropDownCheck/dropdown_hover.png);*/border-color: #C9C9C9;}
.ui-dropdownchecklist-dropcontainer {z-index: 100;background-color: #fff;border: 1px solid #999;position: absolute;max-height: 150px;overflow-x: hidden;overflow-y: auto;}
.ui-dropdownchecklist-dropcontainer td{line-height:20px;font-size: 14px;padding-left: 10px;}
.ui-dropdownchecklist-dropcontainer td input{margin-right: 6px;}
/***********layui**************/
.layui-layout-admin .layui-header{background-color: #3971bc;}
.layui-layout-admin .layui-header .layui-logo a{color:#fff;font-weight: bold;}
.layui-side {z-index:900;background-color:#eef1f5 !important}
.layui-nav-tree .layui-nav-item a {background-color:#eff2f6 !important;color:#48576a !important}
.layui-nav-tree .layui-nav-item a i{margin-right: 4px;}
.layui-nav-tree .layui-nav-child a {background-color:#e5e9f2 !important;color:#48576a !important;padding-left:25px;padding-right:0;font-size: 12px;height: 35px;line-height: 35px;cursor: pointer;}
.layui-nav-tree .layui-nav-child a:hover{background-color:#d1dbe5!important}
.layui-nav-tree .layui-nav-child .layui-this a {color:#009688!important;}
.layui-side .layui-nav-more {border-color:#48566a transparent transparent!important}
.layui-nav-itemed .layui-nav-more {border-color:transparent transparent #48566a !important}
.layui-layout-admin .layui-body {top: 60px; bottom: 0;min-width: 875px;padding:0 5px;}
.layui-body{left:170px;}
.layui-form-label{width:80px;}
.layui-input-block{margin-left: 110px;}
.search .layui-form-item{ margin-bottom:0px;}
.layui-btn{ background-color:#3971bc;height: 30px;line-height: 30px;padding: 0 15px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#3971bc;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {color: #0e68e1 !important;font-weight: bold;background-color: #d1dbe5 !important;}
.layui-nav-tree .layui-nav-itemed>a{color: #1c77f1 !important;font-weight: bold;}
.layui-form-select dl dd.layui-this {background-color: #3971bc;}
.layui-form-onswitch {border-color: #3971bc;background-color: #3971bc;}
.layui-form-checked[lay-skin=primary] i {border-color: #3971bc;background-color: #3971bc;color: #fff;}
.layui-form-checked, .layui-form-checked:hover {border-color: #3971bc;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #3971bc;color: #fff;}
.layui-form-radio>i:hover, .layui-form-radioed>i {color: #3971bc;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #3971bc;}
.layui-form-checkbox[lay-skin="primary"] span{background: 0 0;}
.layui-form-checked i, .layui-form-checked:hover i {color: #3971bc;}
.timeline-cur {background-color: #3971bc;}
.layui-timeline-axis{color: #3971bc;}
.layui-form-item .lbl-fixed{ padding-right:10px;}
.layui-form-item .txt-fixed{ width:150px; margin-right:0px;}
.layui-form-item .layui-inline {margin-right: 5px;}
.layui-layout-admin .layui-side{width:170px;}
.layui-side-scrol{width:170px;}
.layui-nav-tree{width:170px;}
.layui-layout-admin .layui-logo {width: 170px;}
.layui-layout-left {left: 170px;}
.layui-tab {margin: 10px 0 0 0;}
.layui-tab-content {padding: 0;}
.layui-table, .layui-table-view {margin: 5px 0;}
.layui-tab-title li {min-width: 45px;}
.layui-tab-title .layui-this {color: #3971bc;}
.layui-nav-tree .layui-nav-bar {background-color: #3971bc;}
.layui-table[lay-size="sm"] td, .layui-table[lay-size="sm"] th {padding: 2px 4px !important;}