table {
    color: rgb(77, 77, 77);
}
thead tr {
    background: none repeat scroll 0% 0% rgb(250, 250, 250);
    height: 42px;
    border-bottom: 1px solid rgb(217, 217, 217);
}
tbody tr {
    background-color: #fff;
    height: 42px;
}
tr.edit-tr {
    border: 1px solid rgb(150, 204, 86);
    color: #ccc;
}
table.pure-table div.pure-control-group {
    /*height: 100%;*/
}
table.pure-table input.checkbox-checkbox[type="checkbox"] + label.checkbox-label {
    height: 100%;
    line-height: 100%;
}
table.pure-table input[type="checkbox"].checkbox-checkbox + label.checkbox-label {
    padding: 0;
    margin: 0 0 -3px 0;
    height: 13px;
}
table.pure-table tr.editor-container input[type="checkbox"].checkbox-checkbox + label.checkbox-label span.icon {
    margin-right: 6px;
}
table.pure-table tr.editor-container td.editor-container-text {
    text-align: left;
    border-color: rgb(150, 204, 86);
    padding-left: 40px;
}
table.pure-table td, table.pure-table th {
    padding: 6px 3px;
}
span.table-icon {
    background: url(../img/icons-02.png) no-repeat scroll -198px -432px transparent;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-right: 4px;
    cursor: pointer;
}
span.table-grid-icon {
    background: url(../img/icons-02.png) no-repeat -54px -36px;
    display: inline-block;
    width: 18px;
    height: 21px;
    cursor: pointer;
    margin: 0px 3px;
}
span.enable-icon {
    background-position: -468px 1px;
    width: 16px;
}
span.disable-icon {
    background-position: -486px 1px;
    width: 20px;
}
span.inactive-icon {
    background-position: -468px -24px;
    width: 16px;
}
span.inactive-disable-icon {
    background-position: -486px -24px;
    width: 20px;
}
span.safely-remove-icon {
    background-position: -398px -54px;
    width: 19px;
}
span.edit-modify-icon {
    background-position: -54px -34px;
}
span.connect-icon {
    background-position: -198px -34px;
}
span.edit-trash-icon {
    background-position: -90px -34px;
}
span.close-icon {
    background-position: -54px 0;
}
span.add-icon {
    cursor: pointer;
    background-position: -72px 0;
}
span.delete-icon {
    cursor: pointer;
    background-position: -90px 0;
}
span.reset-icon {
    cursor: pointer;
    background-position: -126px 0px;
}
span.clock-icon {
    background-position: -17px -34px;
}
span.delete-all-icon {
    background-position: -90px 0;
}
span.refresh-icon {
    cursor: pointer;
    background-position: -108px 0;
}
span.block-icon {
    background-position: -144px 0;
}
span.conn-status {
    background: url('../img/icons-02.png') no-repeat scroll -18px -1px transparent;
    width: 18px;
    height: 16px;
    display: inline-block;
}
span.disconn-status {
    cursor: pointer;
    background-position: -54px 0;
}
span.play-icon {
    background: url("../img/icons-02.png") no-repeat scroll -360px -54px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    margin-right: 4px;
    width: 18px;
}
span.noplay-icon {
    background: url("../img/icons-02.png") no-repeat scroll -378px -54px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
    margin-right: 4px;
    width: 18px;
}
label.table-icon-text {
    color: rgb(89, 158, 0);
    cursor: pointer;
}
tr.head {
    background-color: #fafafa;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    color: #1a1a1a;
}
tr.editor-container {
    border: 1px solid rgb(150, 204, 86);
    text-align: left;
    display: table-row;
}
th, td {
    text-align: center;
}
td.edit-td-top, tr.edit-td-top {
    border-bottom: 1px solid rgb(150, 204, 86)!important;
}
div.table-op {
    margin-bottom: 8px;
    position: relative;
    text-align: right;
    width: 100%;
}
div.table-btn {
    display: inline-block;
    text-align: right;
    margin-right: 5px;
    vertical-align: middle;
}
div.table-note {
    display: inline-block;
    margin: 0;
    float: left;
}
div.table-note span {
    vertical-align: bottom;
}
th.table-head, td.table-content {
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
}
td.table-content {
    word-wrap: break-word;
    word-break: break-all;
}
div.table-bottom-pages {
    position: relative;
    padding: 0px;
    margin-top: 10px;
    text-align: right;
    line-height: 20px;
    vertical-align: middle;
}
div.table-bottom-pages span {
    display: inline-block;
    line-height: 21px;
    height: 21px;
    padding: 0px 5px;
    cursor: pointer;
}
div.table-bottom-pages span.page {
    background: url("../img/icons-01.png") no-repeat scroll -214px -191px;
    height: 22px;
    margin-left: 2px;
    width: 14px;
    display: inline-block;
    cursor: pointer;
}
div.table-bottom-pages span.page.right {
    background-position: -214px -214px;
}
div.table-bottom-pages span.page.gray {
    background-position: -214px -168px;
}
div.table-bottom-pages span.page.right.gray {
    background-position: -214px -144px;
}
span.click-page {
    color: rgb(89, 158, 0);
}
div.keyword {
    margin: 5px 5px;
    display: inline-block;
}
div.div-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b2b2b2;
    opacity: 0.3;
    z-index: 299;
    display: block;
}
table.sche tr.block, table.sche tr th.block {
    height: 49px;
}
table.sche tr.blockex, table.sche tr th.blockex {
    height: 10px;
}
table.sche tr, table.cale tr {
    height: 21px;
    width: 33px;
}
table.sche th {
    border: 0px solid #999;
    font-family: "Arial";
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    padding: 0;
    height: 18px;
    width: 33px;
}
table.cale th.sel {
    background: #96cc56;
}
table.cale th {
    border: 1px solid #999;
    font-family: "Arial";
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    padding: 0;
    height: 18px;
    width: 33px;
    cursor: pointer;
}
table.cale td {
    border: 1px solid #999;
    padding: 0;
    height: 18px;
    width: 11px;
    cursor: pointer;
}
table.cale span {
    float: left;
    height: 18px;
    width: 93px;
    padding-left: 14px;
    margin: 1px 0 1px 1px;
    cursor: pointer;
}
table.cale span.sel {
    background: #96cc56;
}
span.timeSelOrange {
    background: #ea5514;
}
div.on-mask {
    z-index: 999;
    display: inline-block;
}
span.conn-status {
    background: url('../img/icons-02.png') no-repeat scroll -18px -1px transparent;
    width: 18px;
    height: 16px;
    display: inline-block;
}
span.conn-opt {
    color: #599E00;
    cursor: pointer;
}
span.conn-opt-disabled {
    color: #b3b3b3;
    cursor: pointer;
}
div.btn-right, div.inline-btn-right {
    text-align: right;
    margin: 16px 35px 16px 0;
}
div.inline-btn-right2 {
    text-align: right;
    margin-left: 30px;
    margin-bottom: 15px;
}