/*---- 通用样式定义 ----*/
* {
    margin: 0;
    padding: 0;
}

html, body, form {
    height: 100%;
    text-align: left;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #333;
    background: #ffffff;
    background-repeat: repeat-y;
    background-position: right top;
    overflow: hidden;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    word-break: break-all;
}

a, a:visited {
    text-decoration: none;
}

a:visited, a:link {
    color: #333;
}

a:hover {
    color: red;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

ul {
    list-style: none;
}

.PageBg {
    overflow-y: scroll; /* 在使用浮动快捷方式时，必须使用这个选项，否则覆盖页面按钮了*/
    overflow-x: auto; /*  overflow:auto ;*/
}

.PageBgNoScroll {
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}

.PageBgNoScroll_Dialog {
    /*background-image: url(Img/InterSoft/DialogBox/DialogContent_bg.gif);     background-position: right bottom;     background-repeat: no-repeat;     overflow: hidden;*/
}

.table-title-nowidth,
.table-title {
    white-space: nowrap;
    padding-right: 5px;
    text-align: right;
    height: 27px;
    color: #333;
    vertical-align: middle;
}

.table-title {
    width: 145px;
}

.table-title-mustfill {
    white-space: nowrap;
    padding-right: 5px;
    text-align: right;
    background-image: url(Img/asterisk.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 145px;
    color: #333;
    height: 27px;
    vertical-align: middle;
}

.table-title-Multi {
    white-space: nowrap;
    padding-right: 5px;
    text-align: right;
    width: 145px;
    height: 27px;
    color: #333;
    vertical-align: top;
    padding-top: 6px;
}

.table-title-mustfill-Multi {
    white-space: nowrap;
    padding-right: 5px;
    text-align: right;
    background-image: url(Img/asterisk.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 145px;
    color: #333;
    height: 27px;
    vertical-align: top;
    background-position: right 6px;
}

.table-control-nowidth,
.table-control,
.table-control2,
.table-control3,
.table-control4,
.table-control5 {
    padding: 4px 0px 2px 0px;
    vertical-align: middle;
    text-align: left;
    color: #6E622E;
    position: relative;
}

.table-control {
    width: 150px;
}

.table-control2 {
    width: 300px;
}

.table-control3 {
    width: 450px;
}

.table-control4 {
    width: 600px;
}

.table-control5 {
    width: 750px;
}

.table-control-detail {
    padding: 10px 0px 10px 0px;
    background-color: #f3f8fb;
}

.table-control-detail TD {
}

.ui-front {
    z-index: 300;
}

/*---- 通用样式定义 ----*/

/* Dialog开始  */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
    background-color: transparent;
    z-index: 100;
    border: solid 8px transparent;
}

.ui-dialogInfo {
    background: #fff;
    border: 0px;
}

.ui-dialog .ui-dialog-titlebar {
    height: 32px;
    position: relative;
    border: 1px solid #bbbbbb;
    border-bottom: none;
    background-color: #333333;
    width: 100%;
}

.ui-dialogInfo .ui-dialog-titlebar {
    background-color: #fff !important;
    height: 48px;
    border-bottom: 1px solid #fff;
}

.ui-dialogInfo .ui-dialog-titleinner {
    margin: 0px 25px;
    border-bottom: solid 1px #ccc !important;
    height: 100%;
}

.ui-dialog .ui-dialog-title {
    line-height: 18px;
    margin-top: 9px;
    margin-left: 11px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialogInfo .ui-dialog-title {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
    line-height: 18px;
    height: 28px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url(Img/mainframe.png);
    background-repeat: no-repeat;
    background-position: -80px -320px;
}

.ui-dialog .ui-dialog-titlebar-closeover {
    background-position: -80px -350px;
}

.ui-dialog .ui-dialog-titlebar-min {
    position: absolute;
    right: 50px;
    top: 50%;
    margin: -10px 0 0 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url(Img/chat/min.png);
    background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-titlebar-backtotab {
    position: absolute;
    right: 45px;
    top: 50%;
    margin: -7px 0 0 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url(Img/mainframe.png);
    background-repeat: no-repeat;
    background-position: -50px -320px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 1px solid #bbbbbb;
    border-top: none;
    background: #f1f0ee;
    overflow: hidden;
    width: 100%;
}

.ui-dialogInfo .ui-dialog-content {
    background: #fff;
}

.ui-dialog .ui-dialog-content .icon {
    position: absolute;
    left: 40px;
    top: 20px;
    height: 128px;
    width: 128px;
    background-image: url(Img/mainframe.png);
    background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-content .info {
    background-position: -10px -770px;
}

.ui-dialog .ui-dialog-content .question {
    background-position: -310px -920px;
}

.ui-dialog .ui-dialog-content .errinfo {
    background-position: -310px -770px;
}

.ui-dialog .ui-dialog-content .successinfo {
    background-position: -160px -920px;
}

.ui-dialog .ui-dialog-content .warninfo {
    background-position: -10px -1070px;
}

.ui-dialog .ui-dialog-content .message {
    position: absolute;
    left: 200px;
    top: 10px;
    right: 20px;
    font-size: 16px;
    line-height: 30px;
    min-height: 24px;
    color: #333333;
    vertical-align: middle;
    word-wrap: break-word;
}

.ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    left: 200px;
    bottom: 20px;
    right: 20px;
    top: 120px;
    text-align: center;
    border-width: 1px 0 0 0;
    background-image: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em 20px .5em 0;
    cursor: pointer;
    width: 90px;
    border: solid 1px #d2d2d2;
    height: 35px;
    font-size: 16px;
    color: #333;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Dialog结束  */

/*Jquery UI resizable */

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/*Jquery UI resizable */


.mainPageWithTree {
    width: 100%;
    height: 100%;
    *position: relative;
}

.mainPageWithTree .leftArea {
    left: 0px;
    right: 210px;
    top: 0px;
    bottom: 0px;
    width: 210px;
    height: 100%;
    position: relative;
    background-color: #f8f8f8;
    border-right: solid 1px #fff;
}

.mainPageWithTree .titleArea {
    height: 34px;
    background-color: #e2e2e2;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    line-height: 34px;
    padding-left: 10px;
}

.mainPageWithTree .lefttree {
    width: 210px;
    position: absolute;
    left: 0px;
    right: 210px;
    top: 34px;
    bottom: 0px;
    *height: expression(document.body.clientHeight-34 + 'px');
    overflow: auto;
}

.mainPageWithTree .lefttree IFRAME {
    background-color: transparent;
}

.mainPageWithTree .rightArea {
    left: 211px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    *width: expression(document.body.clientWidth-211 + 'px');
    *height: expression(document.body.clientHeight + 'px');
}

.mainPageWithTree .content {
    *top: 0px;
    *bottom: 0px;
    *position: absolute;
    *width: 100%;
    height: 100%;
}

.contentPage,
.mainPage {
    width: 100%;
    height: 100%;
}

.contentPage-scroll {
    *position: relative;
    overflow-y: auto;
    *overflow-x: hidden;
}

.contentPage .toolbar,
.mainPage .toolbar,
.openwin .toolbar,
.openwin-accordion-content .toolbar {
    height: 34px;
    overflow: hidden;
    background-color: #e2e2e2;
    vertical-align: middle;
}

.contentPage .condition,
.mainPage .condition {
}

.contentPage .condition-container,
.mainPage .condition-container,
.contentPage .condition-container-lockheight,
.mainPage .condition-container-lockheight {
    position: relative;
    background-color: #eeeced;
    z-index: 1;
    height: 30px;
    padding: 5px 5px;
}

.contentPage .condition-input,
.mainPage .condition-input,
.openwin .condition-input {
    width: 900px;
    margin: auto;
}

.contentPage .condition-container-lockheight .condition-input ul,
.mainPage .condition-container-lockheight .condition-input ul,
.openwin .condition-container-lockheight .condition-input ul {
    display: none;
}

.contentPage .condition-container-lockheight .condition-input ul:first-child,
.mainPage .condition-container-lockheight .condition-input ul:first-child,
.openwin .condition-container-lockheight .condition-input ul:first-child {
    display: block;
}

.contentPage .condition-container .table-title,
.mainPage .condition-container .table-title,
.openwin .condition-container .table-title,
.contentPage .condition-container-lockheight .table-title,
.mainPage .condition-container-lockheight .table-title,
.openwin .condition-container-lockheight .table-title,
.contentPage .condition-container .table-title-mustfill,
.mainPage .condition-container .table-title-mustfill,
.openwin .condition-container .table-title-mustfill,
.contentPage .condition-container-lockheight .table-title-mustfill,
.mainPage .condition-container-lockheight .table-title-mustfill,
.openwin .condition-container-lockheight .table-title-mustfill {
    float: left;
    line-height: 30px;
    height: 30px;
}

.contentPage .condition-container-lockheight .table-control,
.mainPage .condition-container-lockheight .table-control,
.openwin .condition-container-lockheight .table-control,
.contentPage .condition-container-lockheight .table-control2,
.mainPage .condition-container-lockheight .table-control2,
.openwin .condition-container-lockheight .table-control2,
.contentPage .condition-container-lockheight .table-control3,
.mainPage .condition-container-lockheight .table-control3,
.openwin .condition-container-lockheight .table-control3,
.contentPage .condition-container-lockheight .table-control4,
.mainPage .condition-container-lockheight .table-control4,
.openwin .condition-container-lockheight .table-control4,
.contentPage .condition-container-lockheight .table-control5,
.mainPage .condition-container-lockheight .table-control5,
.openwin .condition-container-lockheight .table-control5 {
    float: left;
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.contentPage .condition-container .table-control,
.mainPage .condition-container .table-control,
.openwin .condition-container .table-control,
.contentPage .condition-container .table-control2,
.mainPage .condition-container .table-control2,
.openwin .condition-container .table-control2,
.contentPage .condition-container .table-control3,
.mainPage .condition-container .table-control3,
.openwin .condition-container .table-control3,
.contentPage .condition-container .table-control4,
.mainPage .condition-container .table-control4,
.openwin .condition-container .table-control4,
.contentPage .condition-container .table-control5,
.mainPage .condition-container .table-control5,
.openwin .condition-container .table-control5 {
    float: left;
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.contentPage .condition-button,
.mainPage .condition-button,
.openwin .condition-button {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 90px;
    right: 30px;
    height: 34px;
    vertical-align: middle;
}

.contentPage .search,
.mainPage .search,
.openWin .search {
    background-image: url(Img/mainframe.png);
    background-position: -310px -380px;
    min-width: 60px;
    width: 80px;
    height: 34px;
    border: none;
    cursor: pointer;
    background-color: #00930f;
}

.contentPage .search-over,
.mainPage .search-over,
.openWin .search-over {
    background-position: -310px -430px;
}

.contentPage .condition-collapse,
.mainPage .condition-collapse {
    position: absolute;
    width: 20px;
    height: 26px;
    right: 10px;
    top: 0px;
    vertical-align: middle;
    background-image: url(Img/mainframe.png);
    background-position: -160px -385px;
    cursor: pointer;
}

.contentPage .condition-collapse-expanded,
.mainPage .condition-collapse-expanded {
    background-position: -190px -380px !important;
    height: 45px !important;
}

.contentPage .content,
.mainPage .content {
    background-color: #fff;
    margin-top: 0px;
}

.contentPage .content .content-container,
.mainPage .content .content-container,
.openwin .content .content-container {
    padding-bottom: 10px;
    *padding-bottom: 0px;
}

.contentPage .bottom,
.mainPage .bottom,
.openwin .bottom {
}

.openwin {
    background-color: #f0f4f6;
    height: 100%;
    width: 100%;
}

.openwin .content {
    position: relative;
    width: 100%;
    overflow: auto;
}

.openwin .content .content-container {
    /*width: 1000px;*/
    text-align: center;
}

.openwin-accordion {
    background-image: url(Img/openwin/line.png);
    background-position: 20px 1px;
    background-repeat: repeat-y;
    width: 1000px;
    margin: 0 auto;
    padding-top: 15px;
}

.openwin-accordion-last {
    background-image: url(Img/openwin/line_15.png);
    background-position: 20px 1px;
    background-repeat: no-repeat;
}

.openwin-accordion .openwin-accordion-left {
    width: 41px;
    height: 40px;
    float: left;
    background-image: url(Img/mainframe.png);
    background-position: -19px -560px;
    background-repeat: no-repeat;
}

.openwin-accordion .openwin-accordion-sequence {
    margin: 7px auto auto;
    width: 32px;
    line-height: 28px;
    color: #968a5e;
    font-family: Arial;
    vertical-align: middle;
    font-size: 28px;
    font-style: italic;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

.openwin-accordion .openwin-accordion-right {
    margin-left: 60px;
}

.openwin-accordion .openwin-accordion-maintitle {
    color: #333;
    font-size: 18px;
    text-align: center;
    height: 40px;
    font-weight: bolder;
    position: relative;
}

.openwin-accordion .openwin-accordion-header {
    margin-top: 0px;
    height: 40px;
    background-color: #d1d1d1;
    /*position: relative;*/
    /*cursor: pointer;*/
    padding: 0 20px;
}

.openwin-accordion .openwin-accordion-title {
    /*position: absolute;
    left: 20px;
    top: 0px;
    right: 100px;*/
    height: 40px;
    color: #333333;
    font-size: 20px;
    line-height: 40px;
    text-align: left;
    float: left;
}

.openwin-accordion .openwin-accordion-title .tabs {
    white-space: nowrap;
    word-break: keep-all;
    height: 40px;
    line-height: 40px;
}

.openwin-accordion .openwin-accordion-title .manual {
    float: left;
    margin-right: 50px;
    padding: 0px 10px;
    cursor: pointer;
    min-width: 60px;
    height: 40px;
    line-height: 40px;
}

.openwin-accordion .openwin-accordion-title .tab {
    float: left;
    font-size: 14px;
    background-color: #EEEEEE;
    margin: 10px 5px 0px 0px;
    padding: 0px 10px;
    cursor: pointer;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
}

.openwin-accordion .openwin-accordion-title .tab-active {
    color: #fff;
    font-size: 20px;
    background-color: #53AEE0;
}

.openwin-accordion .openwin-accordion-collpase {
    /*position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -9px;*/
    width: 20px;
    height: 40px;
    float: right;
    background-image: url(Img/mainframe.png);
    background-position: -120px -530px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.openwin-accordion .openwin-accordion-collpase-open {
    background-position: -260px -363px;
}

.openwin-accordion .openwin-accordion-content {
    background-color: white;
    padding: 15px 20px;
    text-align: left;
}

.openwin-accordion .openwin-accordion-contentbg {
    background-image: url(Img/openwin/alterItembg.png);
    background-repeat: repeat;
}

/* updateprogress */
.updateprogress {
    position: absolute;
    height: 100px;
    width: 200px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    background: url(Img/loader.png) no-repeat;
    z-index: 0;
}

.updateprogress Img {
    position: absolute;
    top: 34px;
    left: 20px;
    vertical-align: middle;
}

.updateprogress p {
    margin: 0 0 0 55px;
    line-height: 100px;
    font-weight: bold;
}

.updateprogress p span {
    margin: 0 0 0 10px;
}

.modalBackground {
    z-index: 2000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.7;
}
/* updateprogress */

.epoint-checkboxlist TD,
.epoint-radiobuttonlist TD {
    vertical-align: middle;
    height: 22px;
    text-align: left;
}

.epoint-checkboxlist,
.epoint-radiobuttonlist,
.epoint-checkbox {
    margin-left: 5px;
}

.epoint-checkboxlist INPUT,
.epoint-radiobuttonlist INPUT,
.epoint-checkbox INPUT {
    margin-right: 5px;
    height: 22px;
    vertical-align: middle;
}

.epoint-checkboxlist LABEL,
.epoint-radiobuttonlist LABEL,
.epoint-checkbox LABEL {
    height: 22px;
    vertical-align: middle;
    margin-right: 20px;
    *margin-right: 15px;
    font-size: 14px;
}

.epoint-listbox option {
    padding: 5px;
}

.small-icon {
    height: 25px;
    width: 25px;
    min-width: 0px !important;
    cursor: pointer;
    background-image: url(Img/icon/icon-13x13.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin-right: 0;
    border: none;
}

.small-icon:hover {
    background-position-y: -154px;
    background-color: transparent !important;
}

.small-icon-add {
    background-position: -14px -74px;
}

.small-icon-del {
    background-position: -44px -74px;
}

.small-icon-edit {
    background-position: -74px -74px;
}

.small-icon-view {
    background-position: -104px -74px;
}

.small-icon-setting {
    background-position: -134px -74px;
}

.small-icon-copy {
    background-position: -164px -74px;
}

.small-icon-init {
    background-position: -194px -74px;
}

.small-icon-pause {
    background-position: -224px -74px;
}

.small-icon-play {
    background-position: -254px -74px;
}

.small-icon-stop {
    background-position: -284px -74px;
}

.small-icon-disable {
    background-position: -314px -74px;
}

.small-icon-import {
    background-position: -344px -74px;
}

.small-icon-list {
    background-position: -374px -74px;
}

.small-icon-design {
    background-position: -404px -74px;
}

.small-icon-propety {
    background-position: -434px -74px;
}

.small-icon-print {
    background-position: -464px -74px;
}

.small-icon-history {
    background-position: -494px -74px;
}

.small-icon-generate {
    background-position: -554px -74px;
}

.small-icon-refresh {
    background-position: -584px -74px;
}

.small-icon-info {
    background-position: -614px -74px;
}

.small-icon-mail {
    background-position: -644px -74px;
}

.small-icon-sms {
    background-position: -674px -74px;
}

.small-icon-notread {
    background-position: -704px -74px;
}

.small-icon-read {
    background-position: -734px -74px;
}

.small-icon-save {
    background-position: -764px -74px;
}

.small-icon-over {
    background-position-y: -154px;
    background-color: transparent !important;
}

.DivAsTable {
}

.DivAsTable UL {
    width: 100%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.DivAsTable UL LI {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: left;
}

.fontDanWei {
    margin-left: 5px;
    color: #666666;
    height: 21px;
    line-height: 21px;
}