html {
    height: 100%;
    overflow: hidden
}

body {
    color: #000;
    background: #fff;
    font-size: 14px;
    line-height: 1.666;
    height: 100%;
    min-height: 100%;;
    overflow: overlay
}

input, textarea {
    outline: none;
    padding: 3px 5px;
    border: 1px solid #bbb;
}

textarea {
    width: 80%
}

header, footer, section, aside, article, nav, hgroup, figure, figcaption, body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, menu, pre {
    margin: 0;
    padding: 0
}

table, th, td, img, fieldset {
    border: 0
}

td {
    border-style: solid
}

img {
    vertical-align: middle;
}

time, mark, output, meter, address, cite, em, code, var, dfn, ins, i, th, caption {
    font-style: normal;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, th {
    color: #222;
}

tr {
    outline: none
}

input, select, button, textarea, table {
    margin: 0;
    font-size: 100%;
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

q:before, q:after {
    content: ""
}

ul, ol {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th, caption {
    text-align: left
}

header, footer, section, aside, article, nav, hgroup, figure, figcaption {
    display: block
}

button, .button {
    outline: none;
    color: #444;
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    margin-right: 5px;
    border: 1px solid #999;
    border-radius: 3px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAcBAMAAABlvQfLAAAAA3NCSVQICAjb4U/gAAAAFVBMVEX////7+/v39/fz8/Pv7+/r6+vn5+eena/fAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEyLzEyiu5yJQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAtSURBVDiNY2AYrECQZDCstCiRDOikxZhkMHi1uJAMBq+WUJIBnbSkkQxGuBYAUVMq5JHSWvQAAAAASUVORK5CYII=)
}

button .icon, .button .icon {
    display: none;
    background: url(../img/skin_blue/bg.png);
    width: 8px;
    height: 6px;
}

button img, .button img {
    vertical-align: middle;
}

a.button {
    margin-right: 5px;
    height: 26px;
    border: 1px solid #999;
    display: inline-block;
}

input.sbutton {
    cursor: pointer;
    color: #222
}

input.sbutton:HOVER {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

button.disabled, a.disabled {
    cursor: default !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    color: #bbb;
    background: #eaeaea;
}

button:hover, .button:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

button:active, .button:active {
    border-color: #787878;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAcAgMAAADq/fJrAAAAA3NCSVQICAjb4U/gAAAADFBMVEXOzs7KysrGxsbCwsJbeBJmAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEyLzEyiu5yJQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAcSURBVCiRY/iPCzCswgUYQnEBhlEwCugJcKZEADHLOhynYcn1AAAAAElFTkSuQmCC) repeat-x
}

em {
    color: red !important
}

input:focus, textarea:focus {
    border: 1px solid #5695db;
    box-shadow: 0 0 7px rgba(86, 149, 219, 0.2);
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

a {
    color: #039;
    text-decoration: none;
    cursor:
}

.current a {
    color: #FFF
}

.nui-mainbtn, button.submit, button[type="submit"], input[type="submit"], a[type="submit"] {
    /*border-color: #146700;*/
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAcCAMAAACgTerKAAAAA3NCSVQICAjb4U/gAAAAVFBMVEVrulhsulpouVVpuVdmuFNkt1Fitk9gtU1etEpcs0haskVXsUJVsEBSrz1QrTpOrDhLqzVJqjJHqTBEqC1CpytApig+pSY8pCQ6oyI4oiA3oh41oRxTfP3FAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEyLzEyiu5yJQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAABNSURBVEiJvcGHAUAwAADBV6MTJNr+e9ri7ygEKCoBpYBaQCOgFRAEdAJ6AYOAUcAkYBawCFgFbAKigF3AIeAUkARkAZeAW8Aj4BXwCX56UpOp2ACU5AAAAABJRU5ErkJggg==);
    color: #fff
}

.nui-mainbtn:active, button.submit:active, button[type="submit"]:active, input[type="submit"]:active, a[type="submit"]:active {
    border-color: #146700;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAcAgMAAADq/fJrAAAAA3NCSVQICAjb4U/gAAAACVBMVEVCnSxAmCs7jSjFJDqGAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEyLzEyiu5yJQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWSURBVCiRY1iFCzCE4gIMo2AUDHIAALwvGOhXhe8pAAAAAElFTkSuQmCC)
}

.nui-mainbtn .icon {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: 0 4px 0 -6px;
}

.nui-mainbtn .icon-plus {
    background-position: -140px -319px !important;
}

.nui-mainbtn .icon-save {
    background: url("../img/icons/12x12/icon-save.png")
}

.nui-mainbtn .icon-config {
    background-position: -31px -319px !important;
}

.grey {
    color: #444
}

.unvisi {
    visibility: hidden
}

.hidden {
    display: none;
}

input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    width: 13px !important;
    height: 13px !important;
    margin: -3px 2px 2px 4px;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cacaca;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

input[type=checkbox]:active, input[type=radio]:active {
    background: #ebebeb;
}

input[type=checkbox]:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

input[type=radio] {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    width: 15px !important;
    height: 15px !important;
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background: #fff;
}

input[type=radio]:checked::after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: -2px;
    width: 7px;
    height: 7px;
    background: #176BC0;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

input[type=checkbox]:checked::after {
    content: url(../img/elements/checkbox/checkmark.png);
    display: block;
    position: absolute;
    top: -6px;
    left: -5px;
}

input[type=checkbox]:focus {
    outline: none;
    border-color: #4d90fe;
}

.ico {
    display: inline-block;
    min-width: 12px;
    min-height: 12px;
    fone-size: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

.ui-icon {
    width: 6px;
    height: 9px;
    padding: 0 8px;
    background-image: url(../img/ico.png);
    background-position: -20px -20px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ico-plus {
    background-image: url("../img/icons/12x12/plus.png");
}

.ico-edit {
    background-image: url("../img/icons/12x12/edit.png");
}

.ico-remove {
    background-image: url("../img/icons/12x12/remove.png");
}

.ui-icon-pencil {
    background: url(../img/icons/16x16/icon-edit.png) no-repeat 0 0;
}

.ui-icon-trash {
    background: url(../img/icons/16x16/icon-remove.png) no-repeat 0 0;
}

.icon-remove {
    background: url(../img/icons/16x16/icon-remove.png) no-repeat 0 0;
}

.icon-notify {
    background: url(../img/icons/16x16/icon-notify.png) no-repeat 0 0;
}

.icon-change {
    background: url(../img/icons/16x16/icon-change.png) no-repeat 0 0;
}

.icon-view {
    background: url(../img/icons/16x16/icon-view.png) no-repeat 0 0;
}

.icon-preview {
    background: url(../img/icons/16x16/icon-preview.png) no-repeat 0 0;
}

.icon-config {
    background: url(../img/icons/16x16/icon-config.png) no-repeat 0 0;
}

.ui-icon-refresh {
    background: url(../img/icons/16x16/icon-view.png) no-repeat 0 0;
}

.info-txt {
    text-indent: 1em
}

.left {
    float: left;
}

.mP {
    font-weight: bold;
}

.oj {
    color: #bbb;
    line-height: 18px;
}

.ir {
    color: #222 !important;
}

.pP {
    cursor: pointer;
    position: absolute;
    z-index: 8;
    left: 12px;
    top: 5px;
}

.nui-txt-link {
    margin: 0 5px;
    outline: 0;
    cursor: pointer;
    padding: 2px 4px 4px;
    text-decoration: none;
    border-radius: 4px
}

.nui-txt-link:hover {
    background-color: #36c;
    color: #fff !important;
}

.qj .nui-txt-link {
    color: #666;
}

.qj .red .nui-txt-link:hover {
    background: #743939
}

.nui-tabs {
    font-size: 12px;
    line-height: 1.666;
    border-bottom: 1px solid #ccc;
}

.nui-tabs-item {
    float: left;
    text-align: center;
    padding: 0 15px;
    background: #eee;
    border: solid #ccc;
    border-width: 1px 1px 0;
    margin-right: -1px;
    cursor: pointer;
    outline: 0;
}

.nui-scroll {
    position: relative;
    overflow: auto;
}

.nui-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

.pj {
    background-image: url(../img/main/t.gif);
    position: absolute;
    top: 26px;
    bottom: 0;
    overflow: hidden;
    width: 201px;
    zoom: 1;
    padding-bottom: 55px;
}

.qa {
    outline: 0;
    cursor: pointer;
    float: left;
    position: relative;
    z-index: 3;
    height: 23px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 91px;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    padding: 5px 20px 4px 8px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.qa {
    border-color: #b9c4cf;
    background: #dae8f6;
    background: -webkit-linear-gradient(top, #feffff, #dae8f6);
    background: -moz-linear-gradient(top, #feffff, #dae8f6);
    background: -o-linear-gradient(top, #feffff, #dae8f6);
    background: -ms-linear-gradient(top, #feffff, #dae8f6);
    background: linear-gradient(top, #feffff, #dae8f6);
    color: #6a6a6a;
}

.qa .nui-tabs-item-text {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
    width: 100%;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
}

.qq {
    height: 36px;
    z-index: 12;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
}

.pv {
    background: #185DA5;
    background-position: 0 -85px;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    font-size: 0;
    height: 5px;
    background-position: 0 -85px;
}

.qq .nui-tabs-item:hover {
    border-color: #a1acb8;
    background: #c8dcf1;
    background: -webkit-linear-gradient(top, #feffff, #c8dcf1);
    background: -moz-linear-gradient(top, #feffff, #c8dcf1);
    background: -o-linear-gradient(top, #feffff, #c8dcf1);
    background: -ms-linear-gradient(top, #feffff, #c8dcf1);
    background: linear-gradient(top, #feffff, #c8dcf1)
}

.active, .qq .active:hover {
    background: #135ba5;
    background: -ms-linear-gradient(top, #196fc6, #135ba5);
    background: -o-linear-gradient(top, #196fc6, #135ba5);
    background: -moz-linear-gradient(top, #196fc6, #135ba5);
    background: -webkit-linear-gradient(top, #196fc6, #135ba5);
    background: linear-gradient(top, #196fc6, #135ba5);
    border-color: #135aa4;
    color: #fff;
}

.nui-tree {
    zoom: 1;
    margin-left: 0;
    position: relative;
}

.toast-msg {
    display: none;
    padding: 4px 15px;
    position: absolute;
    z-index: 30;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAaCAMAAAB2FAnXAAAAA3NCSVQICAjb4U/gAAAATlBMVEVlt1Jnt1RktlFitU9htE1fs0tdsklbsUdasEVYr0NWrkFUrj9SrT5RrDxPqzpNqjhMqTZKqDRIpzJHpjFFpS9EpS5DpCxBoypCoytAoiluTsbkAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzIxLzEy3/unGwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAABJSURBVEiJvcGHAYAgAMCwukURFw7+f5QvmtAIULQCOgG9gEHAKGASMAsIAhYBq4AoYBOQBOwCDgGngEvALSALeAS8An4Bn4AiqC9ifvUz4IB3AAAAAElFTkSuQmCC);
    border-radius: 0 0 3px 3px;
    color: #FFF;
    font-weight: bold;
}

.alert-info {
    background: url(../img/global.png) no-repeat -58px -205px;
    padding: 8px 18px;
    margin-right: 5px;
    padding: 8px 18px;
    margin-right: 5px;
}

.alert-error {
    background: url(../img/global.png) no-repeat -58px -252px;
    padding: 8px 18px;
    margin-right: 5px;
    margin-right: 5px;
}

.alert-confirm {
    background: url(../img/global.png) no-repeat -58px -301px;
    padding: 8px 18px;
    margin-right: 5px;
}

.highlight {
    color: red
}

.m7 {
    position: relative;
    overflow: visible;
    top: 10px;
    margin-bottom: 20px;
}

.m7 .mt {
    position: absolute;
    left: 12px;
    top: -12px;
}

.m7 .mt h3 {
    color: #666666;
    background: #ffffff;
    line-height: 25px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: bold;
}

.m7 .mc {
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.m7 .o-more {
    float: right;
    position: relative;
    width: 15px;
    height: 23px;
    padding-right: 14px;
    line-height: 23px;
    line-height: 23px \9;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
    color: #005AA0
}

.m7 .o-more:hover {
    border-color: #ccc;
    cursor: pointer
}

.m7 .o-more b {
    position: absolute;
    right: 5px;
    top: 10px;
    overflow: hidden;
    width: 7px;
    height: 5px;
    background: url(../img/more1.gif) no-repeat
}

.m7 .fold b {
    background: url(../img/more2.gif) no-repeat !important
}

.m7 .unfold b {
    background: url(../img/more1.gif) no-repeat !important
}

.help {
    top: 16px;
    line-height: 1.66
}

.help .mc * {
    color: #999;
}

#lock-screen {
    display: none
}

#toolbar .qj {
    z-index: 21;
    position: absolute;
    right: 150px;
    top: 8px;
}

#toolbar .qj li {
    float: left;
    display: list-item;
    text-align: -webkit-match-parent;
}

#h3Logo {
    top: 24px;
    left: 156px;
    color: #6a6a6a
}

#rootTopMenus {
    height: 36px;
    left: 10px;
    border: none;
    position: absolute;
}

#navtree a {
    color: #4e4e4e;
    display: block;
    line-height: 29px
}

#navtree {
    width: 200px
}

#navtree .accordion {
    text-indent: 3em;
}

#navtree a:hover {
    color: #222;
    background-color: #fafafa
}

#navtree .current a {
    color: #222;
}

#navtree .msg_count {
    color: #555;
    display: inline;
    margin-left: 3px;
    font-weight: bold;
}

#navtree a.open {
    color: #222;
    background-repeat: no-repeat;
    background-position: -138px -181px;
}

#navtree .current .sub a {
    color: #4e4e4e;
}

.secondli .current {
    background: #FFF
}

.secondli .current {
    text-shadow: #fff 0 1px 0;
}

.secondli .sub li {
    text-indent: 5em;
}

.secondli li:hover {
    background: #EeEeEe
}

#dvContainer {
    position: absolute;
    width: 100%;
    height: 99%
}

.frame-main {
    position: absolute;
    z-index: 13;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-cont-body .frame-main {
    position: relative;
}

.frame-main-nav {
    width: 201px;
}

.frame-main-nav, .frame-main-cont {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.frame-main-cont {
    margin-left: 0;
    left: 201px;
    right: 0;
}

.frame-main-nav, .frame-main-cont {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.frame-main-cont {
    margin-left: 0;
    left: 211px;
    top: 10px
}

.main-cont-body {
    position: absolute;
    width: 99%;
    min-height: 100%;
}

.frame-main-cont-e {
    position: absolute;
    width: 100%;
    height: 100%;
}

.frame-main-cont-body {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.frame-main-cont-e .main-cont-body {
}

.frame-main-cont-e .wizard, .frame-main-cont-e .tabbedBox {
    width: 101%;
    overflow: hidden;
}

.skin-item {
    position: absolute;
    z-index: 10;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left;
}

.skin-top {
    top: 0;
    left: 0;
    z-index: 5;
    height: 88px;
    background-repeat: repeat-x;
    background-position: 0 0;
}

.skin-top {
    background-color: #fff;
}

.skin-top-left {
    top: 0;
    left: 0;
    z-index: 6;
    height: 90px;
}

.skin-top-right {
    top: 0;
    right: 0;
    z-index: 7;
    height: 90px;
    background-position: top right;
}

.skin-top-right {
    background-image: url(../img/main/top_right.jpg);
}

.skin-left {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 200px;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #fff;
}

.skin-left {
    border-color: #bdbdbd;
    background-color: #f5f5f5;
    box-shadow: -1px 0 1px #f8f8f8 inset;
}

.skin-left-top {
    top: 88px;
    left: 0;
    z-index: 5;
    width: 200px;
}

.skin-fullScreen {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.search-table {
    color: #666;
    border: none;
    line-height: 28px
}

.search-table td {
    padding: 2px 0
}

.search-table .td1 {
    color: #555;
    width: 120px;
    background: #fff;
    text-align: right;
    font-weight: normal;
    line-height: 23px;
    width: 120px;
}

.search-table .td2 {
    background: #fff;
    font-weight: normal;
    line-height: 23px;
}

.ui-jqgrid {
    position: relative;
    font-size: 14px
}

.nui-grid {
    width: 100%
}

.ui-jqgrid .jqgrid-rownum {
    color: #999;
    font-size: 12px
}

.ui-jqgrid-pager .ui-paging-info {
    padding-right: 15px;
}

.ui-icon-seek-first, .ui-icon-seek-end {
    display: none;
}

.ui-jqgrid-pager .ui-pg-selbox {
    margin-left: 5px
}

.ui-jqgrid-pager .ui-icon-seek-prev, .ui-jqgrid-pager .ui-icon-seek-next {
    border: 1px solid #999;
    border-radius: 10px;
    padding: 1px 10px
}

.ui-jqgrid-pager .ui-icon-seek-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAAA3NCSVQICAjb4U/gAAAAElBMVEX///9mZmZmZmZmZmZmZmZmZmahgyBVAAAABnRSTlMARHeIu//wKLP7AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEwLzE2LzEyPWnB/wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAxSURBVAiZY2BgYBBigABXBQhtGgShmUOhAqpAgVAwUIDSBhCFwVB1KFwGVwiXQRiIAYl2CFoQXdB/AAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.ui-jqgrid-pager .ui-icon-seek-prev:active, .ui-jqgrid-pager .ui-icon-seek-next:active {
    border-color: #444;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.ui-jqgrid-pager .ui-icon-seek-prev:hover, .ui-jqgrid-pager .ui-icon-seek-next:hover {
    border-color: #555
}

.ui-jqgrid-pager .ui-icon-seek-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAAA3NCSVQICAjb4U/gAAAAElBMVEX///9mZmZmZmZmZmZmZmZmZmahgyBVAAAABnRSTlMARHeIu//wKLP7AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEwLzE2LzEyPWnB/wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAzSURBVAiZY2BgYBJgAANVBzDFFGoA4QZBuQoQbigIBDCYQmlmqDIG02AIjRBwgAqAzAUAj1QIWSPBHx8AAAAASUVORK5CYII=) no-repeat 50% 50%;
}

.ui-jqgrid-view .ui-jqgrid-labels, .ui-jqgrid-pager {
    font-size: 12px;
    background: #f8f8f8;
    padding: 3px 0;
    color: #666
}

.ui-jqgrid-view .ui-jqgrid-labels, .ui-jqgrid-pager .ui-pg-input {
    padding: 0
}

.ui-jqgrid-hdiv {
    border-bottom: 1px solid #cecece;
    background-color: #fafafa;
    line-height: 24px;
    color: #666;
    font-size: 12px;
    background: -webkit-linear-gradient(top, #f8f8f8, #f4f4f4);
    background: -moz-linear-gradient(top, #f8f8f8, #f4f4f4);
    background: -o-linear-gradient(top, #f8f8f8, #f4f4f4);
    background: -ms-linear-gradient(top, #f8f8f8, #f4f4f4);
    background: linear-gradient(top, #f8f8f8, #f4f4f4);
    background-color: #f5f5f5;
    border-top: 1px solid #cecece;
}

.ui-jqgrid-view .ui-jqgrid-labels th {
    cursor: pointer;
    text-indent: 1em;
    color: #999
}

.ui-jqgrid .ui-jqgrid-resize {
    height: 20px !important;
    position: relative;
    cursor: e-resize;
    display: inline;
    overflow: hidden
}

.ui-jqgrid .ui-grid-ico-sort {
    overflow: hidden;
    position: absolute;
    display: inline;
    cursor: pointer !important
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
    z-index: 99999
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    float: right;
    margin: -2px -2px -2px 0;
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
    float: left;
    margin: -2px 0 -1px -3px;
}

.ui-jqgrid-view .ui-jqgrid-labels .ui-state-hover {
    background: #E6E6E6
}

.ui-jqgrid-view .ui-jqgrid-labels .s-ico {
    padding: 7px 0 0 10px;
    position: absolute;
}

.ui-jqgrid-view .ui-jqgrid-labels .ui-icon-asc {
    background-position: -144px 0;
    display: inline-block;
}

.ui-jqgrid-view .ui-jqgrid-labels .ui-icon-desc {
    background-position: -180px 0;
    display: inline-block;
}

.ui-jqgrid-view .ui-jqgrid-labels .ui-state-disabled {
    display: none
}

.ui-th-column-header {
    font-weight: bold;
}

.ui-jqgrid-bdiv {
    overflow: auto;
}

.ui-jqgrid-bdiv tr.ui-row-ltr {
    height: 35px;
    border-bottom: 1px solid #d5d6d7;
}

.ui-jqgrid-bdiv tr.ui-state-highlight {
    background: #FFFFD5 !important;
}

.ui-jqgrid-bdiv tr.ui-state-hover {
    background: #F5F5F5;
}

.ui-jqgrid-bdiv table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.ui-jqgrid-bdiv .ci-failure-info .comment {
    table-layout: auto;
}

.ui-jqgrid-bdiv tr {
    background: #FFF;
    line-height: 1.1em
}

.ui-jqgrid-view .ui-jqgrid-bdiv td {
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-indent: 6px;
    padding: 0
}

.ui-jqgrid-view .cbox {
    margin: 0
}

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    /*text-align: center;*/
    /*font-weight: bold;*/
    /*display: none;*/
    /*border-width: 2px !important;*/
    /*color: #222;*/
}

.grid-toolbar {
    padding: 5px 0;
    height: 30px;
}

.grid-search {
}

.grid-search-bottons {
    text-align: right;
}

.ui-inline-action {
    margin-right: 7px
}

.department-user-table .ui-paging-info {
    display: none
}

.ui-dialog {
    border-radius: 4px 4px 0 0;
    outline: 0;
    border: 1px solid #666;
    width: 484px;
    position: fixed;
    -position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 1.666;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #ffffff;
}

.wijmo-wijdialog .wijmo-wijdialog-hasframe {
    content: ' ';
    position: relative;
    z-index: 9999;
    clear: both;
    float: none;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0;
    background: #f0f0f0;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 2px 2px;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 4px 4px 0 0;
    text-align: left;
    color: #000;
    padding: 0 12px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f0f0f0;
    background: #eee;
    cursor: move;
    font-size: 16px;
}

.ui-dialog .wijmo-wijdialog-captionbutton {
    top: 5px;
    text-indent: -999em;
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
    z-index: 3;
    zoom: 1;
}

.ui-dialog .wijmo-wijdialog-captionbutton .ui-icon {
    height: 16px;
    width: 9px;
    position: absolute;
    top: 0px;
    right: 0px
}

.ui-dialog .wijmo-wijdialog-titlebar-close {
    right: 8px;
}

.ui-dialog .wijmo-wijdialog-titlebar-refresh {
    right: 28px;
}

.ui-dialog .wijmo-wijdialog-titlebar-pin {
    right: 48px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 8px;
    top: 5px;
    background: none;
    border: none;
    padding: 8px;
}

.ui-dialog .ui-icon-close, .ui-dialog .ui-dialog-titlebar-close {
    line-height: 999px !important;
    overflow: hidden;
    width: 9px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.ui-dialog .ui-icon-refresh {
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAbsAAAG7AEedTg1AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABg0lEQVR42mL8//8/AyUAIIBY8EkyMjKKAyktIH4KxI+Alv1AVwMQQCwELOAGYnMo+yvQwJ1AQ24hKwAIICYCBrwF4rNA/A5qWBDQECtkBQABxAgKA6AgyCB5qHO5gGKr0bwCkrcBYpDmf0C8AKjmFUgOIIBYgJI8QDoYiCWh6v+DxIAKvsAMALJBmg4BxQWgljgC8UqQHEAAMUEVLoWaDLYQiNVxeOkIlJYBGgZSxwAQQLAw4IOyfwPxViCWwBIjIPn3QPwLiFmBWBgkDhBALGiBCUoUV4D4KhbbPUFRCXUhA8zFAAHEhBTaINvZgFgQ6md08AKIvaG2g+Q/gQQBAogJGkggm59AFdrg8P9NqAth+qJBgQ0QQMgJaT8sKoESH0ABhuwSUGADxe8Bmd+A+BoQPwTJAwQQI3JegCYSOygXlHjuA/EpoJqPuFIaQAChJGWgwmNAQ94Ame5ALATFd4EYpwEAAcSILTcCDeEAUnJALA1yLlDNS1wGAAQQI6XZGSDAAPBseHZ/DKg4AAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.ui-dialog .wijmo-wijdialog-titlebar .ui-icon-close, .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon-close, .ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon-closethick {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///9VVVXjeDNPAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.ui-dialog .wijmo-wijdialog-titlebar .ui-icon-refresh {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEOSURBVDiNpdMtTkNBFMXx3/QjqUCgn6COhiAagsJiWlt2AL4rqEYhWQAouoCqbqEGXVaABhSBDGbaDLx5RfQlo855/3tnzr0hxmifr7VLDCGchRDuQghXIYTDoinG2HgwRkznFZOa5x9AH/dYZ6BZDYAORnjAogDq4jYBPjHMNBVWWYVvVA0dzZNn+beDHr4yyLQBMEj6O1oxxm0KR2jjAzc4LyTSxkv6+QAn2xRwmshvCGgXqj/iOgEijvMrtDJh0ND+NLviF3q/YsQyifMGQJUeeANZocoNwxRRTJF1C5BFinqETm2QMMsqrNMQ9XcOW6HKJI3tBjTeBQilbUyLc4kLPMUYn2umjXffdf4BBmVUfSn5Cm4AAAAASUVORK5CYII=) no-repeat 50% 50%;
}

.ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon-refresh {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEOSURBVDiNpdMtTkNBFMXx3/QjqUCgn6COhiAagsJiWlt2AL4rqEYhWQAouoCqbqEGXVaABhSBDGbaDLx5RfQlo855/3tnzr0hxmifr7VLDCGchRDuQghXIYTDoinG2HgwRkznFZOa5x9AH/dYZ6BZDYAORnjAogDq4jYBPjHMNBVWWYVvVA0dzZNn+beDHr4yyLQBMEj6O1oxxm0KR2jjAzc4LyTSxkv6+QAn2xRwmshvCGgXqj/iOgEijvMrtDJh0ND+NLviF3q/YsQyifMGQJUeeANZocoNwxRRTJF1C5BFinqETm2QMMsqrNMQ9XcOW6HKJI3tBjTeBQilbUyLc4kLPMUYn2umjXffdf4BBmVUfSn5Cm4AAAAASUVORK5CYII=) no-repeat 50% 50%
}

.ui-dialog .ui-dialog-titlebar .ui-icon-pin-w {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABiUlEQVR42mL8//8/AyUAIICYGCgEAAHEgi4QHBzMCaRigRhECwMxHxC/BuKzQHxq7dq175DVAwQQCxZD7YA4A4gFgPgpEP8FYkUgvgbENUCMYgBAAGEzQBOqeTIQXwLiH0BcCMQaQMyFrhgggLAZcAWI3wPxZ6Bz90K9FQoNr6foigECCFsgfoPaxAPVzA6kBKHh8QFdMUAAMaEFIMhF3tCAOw8V/g3E14FYCohN0Q0ACCAmJM2MQMoRiH2AeAvQ+QdB4kD6H5DaBsS3gDgEqE4F2QCAAEJ2gTQQF0PDZTlQITMQ80DlHgHxOiA2A+JEJHEGgABiQbJdAYj1gfgjELtCFf8FyokB6bdQL/ADsTsQt8IMAAggWCyADPgOxMughhgBsQQQi0DxRmhaAEXrZiCGp3+AAGKE5QVoAEpBY4APSk+CpsDpQPwPKnYZGC7vYQYABBADyABcOCgoaAYQ2yDxWdDVAAQQocx0G4g/AV3HBI2RP+gKAAIIpwHQgAWlxDfIfkYHAAEGAEP3fhHgYoOsAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon-pin-w {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABgklEQVR42mL8//8/AyUAIICYGCgEAAHEgi7AyMjICaRigRhECwMxHxC/BuKzQHwK6OJ3yOoBAogFi6F2QJwBxAJA/BSI/wKxIhBfA+IaIEYxACCAsBmgCdU8GYgvAfEPIC4EYg0g5kJXDBBA2Ay4AsTvgfgz0Ll7od4KhYbXU3TFAAGELRC/QW3igWpmB1KC0PD4gK4YIICY0AIQ5CJvaMCdhwr/BuLrQCwFxKboBgAEEAMoHUDTAiMQuwLxRSCeCROHyukB8VYgng3EKshyAAGErEgGiHcA8VUgdgBiZpA3oHKgQE2GGt4KEwdhgABigTodZLsCEOsD8UeoS8xAUQiUEgPSb6Fe4Adid6ghYAAQQLBYABnwHYiXQQ0xAmIJIBaB4o3QtACK1s1ADE//AAHECMsL0ACUgsYAH5SeBE2B04H4H1TsMlDPe5gBAAHEgBwg6BgIZgCxDRKfBV0NQAARyky3gfgT0HVMUMv+oCsACCCcBkADFpQS3yD7GR0ABBgA62aS5stdvlEAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.ui-dialog .ui-dialog-titlebar .ui-icon-pin-s {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABl0lEQVR42mL8//8/AyUAIICY0AUYGRmZgJiRWAMAAghdIQsQ6wMxJxA/AOKnQIzViTCXAwQQOpID4l4gfg7EO4DYFWQoNsUgMRAGCCB0F2gA8RQglgHiv0D8B4i3APFWIOYCYh0gvg7Eh4Cav4M0AAQQC5oBfED8G4jXAvFuII4E4gQgDgLib0AsCMQfgHgGEM8CaQAIIBZoOMDcCLJFAog/AvFhoC0HgOFpD2QbAvEXIOYF4lxoGIEBQADBAs0ZiFWB2Apqy1+ooi9AQw4CDTkI9i8jozM0YIVhBgAEEMiAV1DnngRidiCOAGIxoIYvsGgFUqxA+ieQ/gE1nA9mAEAAsUBD/AVQwz+gol9Qm98C2QLQWPECYk0gfg8NXEWohWAAEEAsUP/DwuAfVMELIA6GBp4aED+D+h/EvgbEZ2EGAAQQC1IKZIEG4ksgDgBiRyA+BcSTgPg0EINcJA2NjfswfQABhI5AAZgKxGeAuBWIVWAJBhcGCCBsaZ4TGrVMsICEuhBrUgYIIEZKcyNAADExUAgAAgwAMcx+m8une/gAAAAASUVORK5CYII=) no-repeat 50% 50%
}

#loading {
    width: 280px;
    height: 177px;
    background: url(../img/elements/loading/bg.png);
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-top: -88.5px;
    margin-left: -140px;
    text-align: center;
}

#loading:after {
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    top: 68px;
    margin-left: -16px;
    margin-top: -16px;
    background: url('../img/elements/loading/spinner.gif');
    content: ' ';
}

#loading span {
    display: inline-block;
    position: relative;
    top: 123px;
}

#loading-overlay, .ui-widget-overlay {
    position: absolute;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    position: absolute;
}

.ui-jqgrid .jqgrid-overlay {
    display: none;
    z-index: 100;
}

.col-table td {
    vertical-align: top
}

.col-table .col-three-one {
    width: 20%
}

.col-table .col-three-two {
    width: 75%;
    padding-left: 10px
}

.grid-toolbar .treePanel {
    display: inline;
    position: absolute;
    left: 10px;
}

.menutree * {
    font-family: 'Microsoft Yahei', verdana !important;
}

.menutree {
    background: #fff;
    border-radius: 3px 3px 0 0;
    margin: 5px;
    padding: 8px 10px 0 0 !important;
    height: 30px
}

.menutree li span.button.switch {
    display: none;
}

.menutree a {
    padding: 6px 10px !important;
    color: #999 !important;
    position: relative;
}

.menutree a.level0:hover {
    text-decoration: none
}

.menutree .c-main {
    color: #c00;
    font-size: 14px;
    vertical-align: middle;
    padding: 0 2px
}

.menutree .level0:first-child a {
    border-left: none;
}

.menutree li {
    float: left
}

.menutree a.level0 {
    z-index: 11;
    height: 15px !important;
}

.menutree a.level1 {
    margin: 3px;
    padding: 0px 0 23px 10px !important;
}

.menutree li a.curSelectedNode {
    border: 1px solid #cecece !important;
    border-bottom: none !important;
    font-weight: bold;
    color: #222 !important;
    background: #fff !important;
}

.menutree li a:hover {
    color: #222 !important;
}

.nui-ico-help {
    width: 13px;
    height: 13px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAA3NCSVQICAjb4U/gAAAAb1BMVEX///+ysrKysrKysrKysrKysrKysrKysrL////7+/v5+fn39/f19fXx8fHu7u7t7e3r6+vp6enl5eXk5OTh4eHc3Nzb29vZ2dnV1dXR0dHMzMzJycnHx8fFxcXDw8O/v7+ysrKxsbGnp6ehoaGZmZmHOuy7AAAAJXRSTlMAM0SImard7v//////////////////////////////////////gbRPJAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACASURBVAiZLY5RAoIgEEQXZCEhwoJMMBXF+5+xBXsfb2e+dgAAOKqskENDLN7czOsrWon9RaTKVrrnWXzfLxwwaL0GPRetA4KypjIWY6yCfK/4I5EzyMFaG8ub7BTgp7aDZEcElt3jz0YDujS4eXfOpfa+y5N/+mkT1zSGMktklH4BKgil5P+fDQAAAABJRU5ErkJggg==)
}

.nui-layer-arr {
    position: absolute;
    top: -11px;
    overflow: hidden;
    width: 20px;
    height: 11px;
    left: 12px;
    text-align: left;
    font-size: 12px;
    line-height: 1.666;
    cursor: default;
    zoom: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALBAMAAACNJ7BwAAAAA3NCSVQICAjb4U/gAAAAElBMVEX////////z8/Pv7++1tbVmZmaL1+wpAAAABnRSTlMA//////96eeD+AAAACXBIWXMAAArDAAAKwwE0KSSrAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADxJREFUCJljYAACFgcGGHANgbFYglRhwq6KQlBhlmBBQaiwq6GgIEQYJAgVBglChCGCYGGIIFgYKggUBgDzegnF71nBawAAAABJRU5ErkJggg==)
}

.nui-layer-close {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: -3px;
}

.nui-helpinfo {
    top: 45px;
    display: none;
    border-radius: 4px;
    outline: 0;
    position: absolute;
    z-index: 500;
    padding: 8px 12px;
    text-align: left;
    font-size: 12px;
    line-height: 1.666;
    border: 1px solid #666;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    cursor: default;
    zoom: 1;
    outline: 0;
}

.box {
    position: relative;
    clear: both;
}

.header {
    height: 28px;
    line-height: 28px;
    margin-top: 0;
    position: relative;
}

.tabbedBox .header, .tabs .header {
    overflow: hidden
}

.header h2, .header h3, .title {
    font-size: 14px;
    display: inline;
    font-weight: bold;
    margin: 0 9px;
    color: #555;
    height: 28px;
    line-height: 28px
}

.box .header h2, .box .header h3 {
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-repeat: no-repeat;
}

.n-box .header {
    background: #e9ecf1
}

.box-left {
    width: 18%;
    float: left;
}

.box-right {
    position: absolute;
    right: 0;
    width: 81%
}

.normal-header {
    padding: 5px 0
}

.box .header ul {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    border-bottom: 1px solid #c1c1c1;
    padding-left: 10px;
    height: 27px
}

.box .header ul li {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.box .header ul li.ui-tabs-active, .box .header ul li.current {
    border: 1px solid #c7c7c7;
    border-bottom-color: #fafafa;
    background: #fff;
    font-weight: 700;
    height: 30px;
    z-index: 2;
}

.box .header ul li a {
    display: block;
    padding: 5px 15px;
    line-height: 1.66;
    color: #666
}

.box .header ul li:first-child a {
    border-left-color: #c1c1c1;
}

.box .header ul li:last-child a {
    border-radius: 2px 0 0 0;
    border-right: none;
}

.box .header ul li:hover a, .box .header ul li.current a {
    color: #222;
    font-weight: bold;
}

.form-table, .search-table {
    width: 100%;
    padding-left: 8px;
    background-color: #FFFFFF;
}

.form-table {
    color: #333;
}

.form-table input {
    width: 143px;
}

.form-table input[type="text"].number {
    width: 75px;
}

.form-table td {
    border-top: 1px solid #E9EDF1;
    padding: 2px;
}

.form-table .td1 {
    color: #555;
    width: 120px;
    background: #fafafa;
    text-align: right;
    font-weight: normal;
    line-height: 23px;
    width: 120px;
}

.form-table .td2 {
    min-width: 120px;
}

.actions {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    -webikit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #c1c1c1;
    border-radius: 0 0 2px 2px;
    background: #f6f6f6;
    height: 42px;
    line-height: 1.66;
}

.button-list {
    padding: 5px 0;
    vertical-align: middle;
    box-shadow: 0 -3px 3px #ddd;
    z-index: 10;
}

.box .actions .left, .box .actions .right {
    position: relative;
}

.button-list button {
    clear: both
}

.button-list .left {
    float: left;
}

.error:not(label) {
    border: 1px solid #db5656;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/*.error-icon {*/
/*    display: block;*/
/*    position: absolute;*/
/*    height: 14px;*/
/*    width: 15px;*/
/*    right: 5px;*/
/*    top: 50%;*/
/*    margin-top: -7px;*/
/*    background: url('../img/elements/forms/icon-error.png');*/
/*    content: '';*/
/*}*/

.error:focus {
    border: 1px solid #db5656;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), 0 0 7px rgba(219, 86, 86, 0.69);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.valid {
    border: 1px solid #077c0d;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/*.valid-icon {*/
/*    display: block;*/
/*    position: absolute;*/
/*    height: 14px;*/
/*    width: 15px;*/
/*    right: 5px;*/
/*    top: 50%;*/
/*    margin-top: -7px;*/
/*    background: url('../img/elements/forms/icon-success.png');*/
/*    content: '';*/
/*}*/

.valid:focus {
    border: 1px solid #077c0d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.22), 0 0 7px rgba(31, 123, 50, 0.69);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

label.error.inline {
    position: absolute;
}

/*label.error {*/
/*    position: absolute;*/
/*    white-space: nowrap;*/
/*    padding: 3px 5px;*/
/*    border: 1px solid #6f0808;*/
/*    border-radius: 2px;*/
/*    background: url('../img/elements/forms/tooltip-error.png') repeat-x #892125;*/
/*    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.31);*/
/*    z-index: 10;*/
/*    color: #FFF;*/
/*    line-height: 1.66*/
/*}*/

/*label.error:after {*/
/*    display: block;*/
/*    position: absolute;*/
/*    height: 8px;*/
/*    width: 15px;*/
/*    top: -8px;*/
/*    right: 5px;*/
/*    content: '';*/
/*    background: url('../img/elements/forms/tooltip-error-arrow.png');*/
/*}*/

.hidden {
    display: none;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .1;
    filter: Alpha(Opacity=10);
    background-image: none;
    cursor: default;
}

.ui-datepicker {
    z-index: 11 !important;
    border-radius: 4px;
    outline: 0;
    position: absolute;
    padding: 8px 12px;
    text-align: left;
    font-size: 12px;
    line-height: 1.666;
    border: 1px solid #666;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    cursor: default;
    zoom: 1;
    width: 180px;
    display: none
}

.ui-datepicker .ui-icon {
    position: absolute;
    left: 5px;
    top: 6px;
    font-size: 0;
    line-height: 999px;
    overflow: hidden;
}

.ui-datepicker-header {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    zoom: 1;
}

.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-header .ui-datepicker-next {
    right: 0
}

.ui-icon-circle-triangle-w {
    width: 4px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///9mZmaO7mygAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACvAAAArwAUKsNJgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA5LzIwLzEyBpChvgAAABRJREFUCJljEGAwYChg+ADEBgwCABA+AlEBYDTrAAAAAElFTkSuQmCC) no-repeat
}

.ui-icon-circle-triangle-e {
    width: 4px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///9mZmaO7mygAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACvAAAArwAUKsNJgAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAABVJREFUCJljaGA4wPCA4QMQH2BoAAAkXgUx9Ki5igAAAABJRU5ErkJggg==) no-repeat
}

.ui-datepicker-calendar {
    width: 100%;
    table-layout: fixed;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    text-align: center;
    padding: 2px;
    border: 1px solid #ccc;
    color: #039;
    cursor: pointer;
}

.ui-datepicker-calendar th {
    color: #999;
    background: #f7f7f7;
    cursor: default;
}

.ui-datepicker-calendar td:hover {
    background: #039;
    color: #fff;
}

.ui-datepicker-week-end {
    background-color: #eaeaea
}

.ui-datepicker-current-day, .ui-datepicker-current {
    background: #66B853;
    color: #fff
}

.ui-state-active, .ui-datepicker-calendar td:hover a {
    color: #fff;
}

.ui-datepicker .ui-state-hover {
    color: #222
}

.ui-datepicker .ui-datepicker-buttonpane {
    padding: 0;
    background: transparent;
    border: 1px solid #aaa;
    border-radius: 0 0 3px 3px;
}

.ui-datepicker-buttonpane button {
    position: relative;
    width: 50%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
    opacity: 1;
}

.ui-timepicker-div {
    padding: 12px;
    margin: 0;
    border: 1px solid #919eb0;
    border-top: 1px solid #bcc6d5;
    border-bottom: none;
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 35px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui-widget-header {
    display: none
}

.ui-slider {
    margin: 5px;
    border: 1px solid #bababa;
    position: relative;
    text-align: left;
}

.ui-slider-horizontal {
    height: 6px;
    background: url('../img/jquery-ui/slider/bg.png') repeat-x;
}

.ui-slider-vertical {
    width: 6px;
    background: url('../img/jquery-ui/slider/vertical-bg.png') repeat-y;
}

.eq + .ui-slider-vertical {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.ui-slider .ui-slider-range {
    top: -1px;
    background: url('../img/jquery-ui/slider/bg-range.png') repeat-x;
    border: 1px solid #5081c1;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
    background: url('../img/jquery-ui/slider/picker.png');
    border: 0;
    height: 16px;
    width: 17px;
    cursor: pointer;
    top: -5px;
    margin-left: -8px;
}

.ui-dialog-buttonset {
    text-align: right;
    padding: 5px 10px 5px 0;
    background: #f6f6f6;
    box-shadow: 0 -3px 3px #ddd;
    border-top: 1px solid #c1c1c1;
}

.selector-input {
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX////5+fn39/fx8fHl5eXk4+Ph4eHd3d3T0tLQz8/MzMyXEQjSAAAAC3RSTlMA/////////////312fdUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADEwLzIzLzEyTRdLHQAAAE9JREFUCJljYBDrahNgYGBgnrVq1WQgLblcQX0lUCCrgIGhKoGBoUuBgUGrgYFhFVCOawGCD5MHqV8VANG/aglQEdC8qFUODCDAAqUZXBgAkf4Vu0W1iVAAAAAASUVORK5CYII=) no-repeat 99% 50%;
}

.selector-input:hover, .selector-hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAA3NCSVQICAjb4U/gAAAAPFBMVEX////l5eXe3t7d3d3FxcWZmZmRkZGPj4+HhoeFhYV4eHh2dnZMTExMS0xKSko+Pj49PT0+PT44ODgzMzNIbSS8AAAAFHRSTlMA/////////////////////////7rhY6kAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADEwLzIzLzEyTRdLHQAAAGBJREFUCJlVjdsOgCAMQwsThQmo9P//VZiXaB+anHRdAbiYW4kOpmnn0DENcBtVIMpjpImrnShj90oxEpbujVcdbN3Km2Xr6d1L4+dO9fBKzp+9rmCLsbaalgcvhR8hBJyhVwRurSNczgAAAABJRU5ErkJggg==) no-repeat 99% 50%;
}

.wizard {
    width: 100%;
    height: 100%;
}

.wizard .content > * {
    display: none;
}

.wizard .content > *:first-child {
    display: block;
}

.wizard .header {
    line-height: 1.66;
    padding: 10px 10px 10px 0;
    border: none;
    background: #fff
}

.wizard .steps {
    padding: 0;
    clear: both;
}

.wizard .steps:after {
    clear: both;
}

.wizard ul.steps {
    border: none;
    position: relative;
}

.wizard ul.steps li {
    display: inline;
    float: left;
}

.wizard ul.steps li a {
    display: inline;
    float: left;
    position: relative;
    padding: 0 10px 0 30px;
    background: url(../img/global.png);
    border-left: none;
    text-decoration: none;
    color: #888;
    height: 28px;
    background-position: 0 -107px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}

.wizard ul.steps li a:hover {
    background-position: 0 -71px;
}

.wizard ul.steps li a:hover:after {
    background-position: -17px -34px
}

.wizard ul.steps li.current {
    border: none
}

.wizard ul.steps li.current a, .wizard ul.steps li a.current {
    background-position: 0 -143px;
    color: #fff;
    font-size: 14px
}

.wizard ul.steps li a:after {
    display: block;
    content: ' ';
    position: absolute;
    height: 35px;
    width: 16px;
    right: -15px;
    top: -1px;
    z-index: 1;
    background: url(../img/global.png);
    background-position: -54px -34px
}

.wizard ul.steps li.current a:after, .wizard ul.steps li a.current:after {
    background: url(../img/global.png);
    background-position: -91px -34px
}

.wizard .actions .finish {
    display: none;
    padding: 0 15px;
}

.processButtons {
    display: inline-block;
}

.plupload_button {
    display: -moz-inline-box;
    text-decoration: none;
    color: #42454a;
    border: 1px solid #bababa;
    margin-right: 4px;
    background: #f3f3f3;
    outline: 0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.plupload_button:hover {
    color: #000;
    text-decoration: none;
}

.plupload_disabled, a.plupload_disabled {
    color: #737373 !important;
    border-color: #c5c5c5;
    background: #ededed;
    cursor: default;
    box-shadow: none !important;
}

.plupload_add {
    background-position: -181px center;
}

.plupload {
    border: 1px solid #b9b9b9;
}

.plupload_wrapper {
    font: normal 11px Verdana, sans-serif;
    width: 100%;
}

.plupload_container {
    padding: 8px 8px 2px 8px;
    background: #fff
}

.plupload_container input {
    border: 1px solid #DDD;
    font: normal 11px Verdana, sans-serif;
    width: 98%;
}

.plupload_header {
    display: none;
}

.plupload_filelist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plupload_scroll .plupload_filelist {
    height: 185px;
    background: #F5F5F5;
    overflow-y: scroll;
}

.plupload_filelist li {
    padding: 10px 8px;
    border-bottom: 1px solid #DDD;
    background: #fbfbfc;
}

.plupload_filelist_header, .plupload_filelist_footer {
    background: #DFDFDF;
    padding: 6px;
    color: #42454A;
}

.plupload_filelist_header {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {
    border-top: 1px solid #FFF;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    line-height: 30px;
}

.plupload_file_name {
    float: left;
    overflow: hidden
}

.plupload_file_status {
    color: #777;
}

.plupload_file_status span {
    color: #42454A;
}

.plupload_file_size, .plupload_file_status, .plupload_progress {
    float: right;
    width: 80px;
}

.plupload_file_size, .plupload_file_status, .plupload_file_action {
    text-align: right;
}

.plupload_filelist .plupload_file_name {
    width: 205px
}

.plupload_file_action {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 15px;
}

.plupload_file_action * {
    display: none;
    width: 16px;
    height: 16px;
}

li.plupload_done {
    color: #AAA
}

.plupload_filelist a {
    background-image: url(../img/global.png);
    width: 0;
}

.plupload_filelist .plupload_delete a {
    width: 16px;
    background-position: -96px -254px;
}

.plupload_filelist .plupload_failed a {
    background-position: -31px -204px;
    width: 16px;
}

.plupload_filelist .plupload_done a {
    background-position: -31px -304px;
    width: 16px;
}

.plupload_progress, .plupload_upload_status {
    display: none;
}

.plupload_progress_container {
    margin-top: 3px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px;
}

.plupload_progress_bar {
    width: 0px;
    height: 7px;
    background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-right: 17px;
}

.plupload_clear, .plupload_clearer {
    clear: both;
}

.plupload_clearer, .plupload_progress_bar {
    display: block;
    font-size: 0;
    line-height: 0;
}

li.plupload_droptext {
    background: transparent;
    text-align: center;
    vertical-align: middle;
    border: 0;
    line-height: 165px;
}

.fileList {
    padding: 7px 2px 3px 2px;
    width: 290px;
    float: left;
    border-bottom: 1px dashed #ddd;
    margin-right: 10px
}

.fileList .icon {
    padding: 0 8px
}

.file-left {
    float: left;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.file-right {
    float: right;
    color: #999;
    width: 102px
}

#v_process {
    height: 60px;
    padding: 10px 10px 0 40px
}

#v_process .node, #v_process .proce {
    float: left;
    position: relative;
    height: 13px;
    background-image: url(../img/bg_state.jpg);
    background-repeat: no-repeat;
}

#v_process .node {
    width: 13px;
}

#v_process .proce {
    width: 118px;
    border: solid #fff;
    border-width: 0 5px;
    text-align: center;
    color: blue;
    line-height: 33px;
}

#v_process .tx1 {
    height: 36px;
    margin-bottom: 16px;
}

#v_process .tx3 {
    color: #999;
    line-height: 15px;
}

.node.wait {
    background-position: -118px -40px;
}

.node.ready {
    background-position: -118px 0px;
}

.node.singular {
    background-position: -118px -60px;
}

.proce.wait {
    background-position: 0 -40px;
}

.proce.doing {
    background-position: 0 -20px;
    color: #360;
}

.proce.ready {
    background-position: 0 0;
}

#v_process .wait .tx2 {
    color: #999;
}

#v_process ul {
    position: absolute;
    margin-top: -38px;
    text-align: center;
}

#v_process .proce ul {
    z-index: 5;
    width: 150px;
}

#v_process .node ul {
    z-index: 1;
    width: 318px;
    margin-left: -152px;
}

* html #v_process {
    overflow: hidden;
}

* html #v_process .node {
    background-position-x: -150px;
}

* html #v_process .proce {
    background-position-x: 0;
}

* html #v_process .wait {
    background-position-y: -40px;
}

* html #v_process .doing {
    background-position-y: -20px;
}

* html #v_process .ready {
    background-position-y: 0;
}

* html #v_process .singular {
    background-position-y: -60px;
}

.config-box {
    background: url('../img/elements/headerbuttons/bg.png') repeat-x #e7e8ee;
    padding: 3px 10px;
    margin: 15px;
    border: 1px solid #aaa;
    width: 150px;
    height: 140px;
    float: left;
    cursor: pointer;
}

.config-box a {
    color: #222
}

.searchbox:before, .searchbox:after {
    display: table;
    content: '';
}

.searchbox:after {
    clear: both;
}

.searchbox {
    position: relative;
    width: 100%;
    height: 77px;
    margin: 0;
    padding: 21px;
    background: #ecf1f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.searchbox input[type=text] {
    width: 100%;
    padding: 8px 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.searchbox input[type=submit] {
    cursor: pointer;
    position: absolute;
    top: 21px;
    bottom: 21px;
    right: 21px;
    width: 55px;
    height: 35px;
    padding: 5px 15px;
    border-radius: 0 3px 3px 0;
}

.searchbox.grid_12 {
    width: 100%;
}

.search-result {
    margin: 10px 5px;
    border-bottom: 1px dashed #ddd;
    width: 100%
}

.search-result a {
    color: bule;
    font-size: 14px;
    text-decoration: none
}

.search-result a:hover {
    color: #BA2636;
    text-decoration: underline
}

.search-result .td1 {
    color: blue;
    font-size: 13px;
    align: left;
}

.search-result .td2 * {
    font-size: 12px !important;
    color: #444 !important;
    padding: 0 !important;
    margin: 0 !important;
    align: left;
}

.search-result .td2 em {
    color: red !important;
}

.search-result .td3 {
    color: green;
    font-size: 12px;
    align: right;
}

.nui-info {
    table-layout: fixed;
    margin: 0 auto;
    width: 210mm;
    line-height: 22px;
    padding-left: 8px;
    background-color: #FFFFFF;
    word-break: break-word;
}

.nui-info .title {
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
}

.nui-info .categoryInfo {
    font-size: 12px;
    text-align: left;
    color: #888888;
    height: 25px;
}

.nui-info .readInfo {
    font-size: 12px;
    color: #888888;
    height: 25px;
}

.nui-info .contents {
    margin: 10px 0;
    line-height: 1.66;
}

.code_comments {
    margin: 20px 0 20px 0;
}

.code_module h2 {
    border-bottom: 1px solid #40AA63;
    padding: 0;
    font-size: 10pt;
}

.code_module h2 .right {
    float: right;
    padding-bottom: 3px;
}

.code_module h2 a {
    background: #40AA63;
    color: #fff;
    padding: 2px 10px;
}

.comments ul li .portrait img {
    width: 36px;
    height: 36px;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    margin-bottom: 5px;
}

.comments ul {
    list-style-type: none;
    padding: 0 10px 0 0;
}

.comments ul li {
    margin: 10px 0;
}

.comments ul li.row_1 {
    background: #f6f6f6;
}

.comments ul li.row_current {
    background: #fffde4;
}

.comments ul li .portrait {
    width: 52px;
    vertical-align: top;
}

.comments ul li .body {
    vertical-align: top;
    margin: 5px 0 0 0;
}

.comments ul li .body .r_title {
    font-size: 9pt;
    color: #888;
}

.comments ul li .body .r_content {
    color: #00A;
    font-size: 10.5pt;
}

.ci-failure-info {
    table-layout: fixed;
    width: 210mm;
    line-height: 22px;
    padding: 10px
}

.ci-failure-info .comment {
    width: 100%;
    border: none;
    border: 1px solid #E6E6E6;
    margin-bottom: 2px
}

.ci-failure-info .comment .header, .ci-failure-info .comment .buttom {
    text-align: left;
    height: 25px;
    background: #f9f9f9;
    padding: 2px 5px;
    color: #666666
}

.ci-failure-info .comment .tdCaption {
    color: #555;
    font-weight: bold;
    width: 80px;
    text-align: right;
}

.ci-failure-info .comment .tdContent {
    text-align: left;
    padding: 2px 5px;
}

#slm-table {
    color: #333;
    padding-left: 8px;
    border: 1px solid #E9EDF1;
    background-color: #FFFFFF;
}

#slm-table td, #slm-table .td, #slm-table th {
    border: 1px solid #E9EDF1;
    padding: 2px;
    width: 120px;
    text-align: center;
}

#slm-table .td1 {
    background: #FDFDFD;
}

.important-info {
    color: #ff6600
}

.header-bg {
    background: #e9ecf1;
}

.lists {
    margin: 0;
    padding: 0
}

.lists li {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 22px;
    line-height: 21px;
    vertical-align: middle;
    list-style: none;
    margin: 0 8px 0 4px;
    padding: 0 0 1px 19px;
    text-align: left;
    border-bottom: 1px dashed #ddd;
    background: url(../img/elements/profile/logs-arrow.png) no-repeat 6px 8px;
}

.no-border {
    border: none
}

.fn-bg {
    background-image: url(../img/skin_blue/bg.png);
    background-repeat: no-repeat;
    background-position: -999em;
    width: 7px;
    height: 7px;
    padding: 0 7px;
}

.open .nui-ico-dArr {
    background-position: -126px -186px;
}

.nui-ico-dArr {
    background-position: -156px -187px;
}

.with-right-sidebar {
    padding-right: 230px
}

.right-sidebar {
    float: right;
    margin-left: 1px;
    width: 229px
}

.right-sidebar:after {
    display: block;
    position: absolute;
    width: 5px;
    top: 48px;
    bottom: 0;
    right: 225px;
    content: ' '
}

.right-sidebar .nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.right-sidebar .nav a {
    display: block;
    padding: 9px 20px;
    background: #f6f8f9;
    border-bottom: 1px solid #c4c7cb
}

.right-sidebar .nav a:hover:active, .right-sidebar .nav li.current a {
    margin: -1px;
    margin-bottom: 0;
    margin-right: 0;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    background: #1a66be;
    border: 1px solid #173c66
}

.right-sidebar .nav a:hover {
    margin: -1px;
    margin-bottom: 0;
    margin-right: 0;
    color: #fff;
    border: 1px solid #2e69ae;
    background: #4185DA;
}

.right-sidebar h3 {
    position: relative;
    padding: 5px 15px;
    border: 1px solid #bfc5cb;
    border-left: none;
    border-right: 0;
    background: #e0e2e5
}

.right-sidebar h3:after {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 15px;
    bottom: -7px;
    left: -15px;
    height: 1px;
    background: #fff;
    content: ''
}

.right-sidebar form .block {
    padding: 5px 15px
}

.right-sidebar form .block > div {
    margin: 10px 0
}

.right-sidebar form .block > div input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.right-sidebar form .block .left {
    float: left
}

.right-sidebar form .block .right {
    float: right
}

#toolbar li div.popup {
    position: absolute;
    display: none;
    top: 33px;
    border: 1px solid #949494;
    border-radius: 3px;
    background: #cad2de;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 105
}

#toolbar .popup .button {
    position: absolute;
    top: 5px;
    padding: 0 15px 0 15px;
    height: 24px;
    line-height: 22px;
    width: 40px
}

#toolbar #userMessagesCount {
    padding: 2px;
    color: #000
}

#toolbar li div.popup {
    width: 250px
}

#toolbar li div.popup:after {
    display: block;
    position: absolute;
    width: 28px;
    height: 13px;
    top: -12px;
    right: 50%;
    margin-right: -14px;
    content: ' ';
    background: url('../img/main/popup-arrow.png')
}

#toolbar li div.popup h3 {
    padding: 6px 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    background: url('../img/main/popup-header.png');
    border-radius: 3px 3px 0 0;
    text-align: center
}

#toolbar li div.popup .content {
    margin: 5px;
    margin-top: 0;
    background: #fff;
    border: 1px solid #99a7bc;
    border-radius: 3px;
    box-shadow: inset 0 0 5px #becbdf
}

#toolbar li div.popup h3 {
    color: #425065;
    text-shadow: 0 1px 0 #fff;
}

#toolbar li div.popup .button.left, #main .toolbar .shortcuts li > div .button.left, #toolbar li div.popup .button.right, #main .toolbar .shortcuts li > div .button.right {
    font-size: 11px;
}

.mail:before, .mail:after, .mail li:before, .mail li:after, .mail li .text .actions:before, .mail li .text .actions:after {
    display: table;
    content: ' ';
}

.mail:after, .mail li:after, .mail li .text .actions:after {
    clear: both;
}

.mail li {
    color: #222;
    float: left;
    width: 100%;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px dotted #aaa;
    float: left;
}

.mail li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.mail li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mail li:hover, .mail li.normal:hover {
    background: #356baa;
    color: #fff;
}

.mail li small {
    color: #666
}

.mail li:hover small {
    color: #fff;
}

.mail li .avatar {
    float: left;
    position: relative;
    top: -2px;
    margin: 10px;
    padding: 2px;
    border-radius: 2px;
    border: 1px solid #a0a0a0;
    border-bottom-color: #838383;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: url(../img/elements/mail/avatar-bg.png);
    user-select: none;
    width: 42px;
}

.mail li .avatar img {
    width: 40px;
}

.mail li .info {
    margin: 10px;
    margin-left: 66px;
}

.mail li .info strong, .mail li .info span, .mail li .info small {
    display: block;
}

.mail li .text {
    float: left;
    position: relative;
    display: none;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 5px 10px;
    box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.8);
    background: #394353;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    cursor: default;
}

.mail li .text a {
    color: #ff6600
}

.mail li .text:after {
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -8px;
    height: 8px;
    width: 16px;
    background: url('../img/elements/mail/text-arrow.png');
    content: ' ';
}

.mail li .text .actions {
    position: relative;
    width: 238px;
    height: 26px;
    line-height: 25px;
    padding: 0 10px;
    border-top: none;
    background: none;
    margin: 5px -10px 0px;
}

.mail li .text .actions > a {
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
    border: 1px solid #1b1b1b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13);
    background: #283649;
    text-decoration: none;
    margin: 2px 0;
    line-height: 1
}

.mail li .text .actions .read-info {
    position: absolute;
    right: 10px;
    padding: 0 15px;
    line-height: 21px;
    margin: 1px;
}

.mail li .text .actions > a:hover {
    background: #344862;
}

.mail li .text .actions > a:hover:active {
    box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.6);
}

.mail li .text .actions > a.red {
    background: #592727;
}

.mail li .text .actions > a.red:hover {
    background: #6d2f2f;
}

.mail li .text .actions > a.red:hover:active {
    box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.6);
}

.mail li .text .actions > a.disabled {
    background: #2c333c;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: default;
}

.mail li .text .actions > a.red.disabled {
    background: #3c2c2c;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-menu {
    width: 130px !important;
    margin: 5px 0px;
    border-radius: 4px;
    border-radius: 0 0 4px 4px;
    outline: 0;
    position: absolute;
    z-index: 500;
    text-align: left;
    font-size: 12px;
    line-height: 1.666;
    border: 1px solid #666;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    cursor: default;
    zoom: 1;
    outline: 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    background-color: #36c;
    color: #fff !important;
}

.avatar {
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    width: 104px;
}

.avatar img, .avatar a {
    display: block;
    padding: 2px;
    width: 100px;
}

.avatar a {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #e8e8e8;
    border-top: 1px solid #c1c1c1;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
    text-align: center;
    text-decoration: none;
}

.avatar a:hover {
    background: #036;
    color: #fff;
}

.ciRuleItem .icon {
    padding: 0 10px 0 10px;
}

#ciTable {
    table-layout: fixed;
    width: 100%
}

label.lb-title {
    color: #666
}

label.lb-text {
    font-weight: bold;
}

.msg-link {
    padding: 0 3px;
    border: 1px solid #36c;
    color: blue;
    border-radius: 4px;;
    vertical-align: middle;
}

.msg-link:HOVER {
    color: #fff;
    background-color: #36c;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    font-size: 0.1px;
    z-index: 99999;
    display: block;
    position: absolute;
    background: none;
    border: none;
    height: 8px;
    width: 8px
}

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

.ui-resizable-n {
    cursor: n-resize;
    top: 0px;
    left: 45%;
}

.ui-resizable-s {
    cursor: s-resize;
    bottom: 0px;
    left: 45%;
}

.ui-resizable-e {
    cursor: e-resize;
    right: 0px;
    top: 45%
}

.ui-resizable-w {
    cursor: w-resize;
    left: 0px;
    top: 45%
}

.ui-resizable-se {
    cursor: se-resize;
    right: 0;
    bottom: 0;
}

.ui-resizable-sw {
    cursor: sw-resize;
    left: 0;
    bottom: 0;
}

.ui-resizable-nw {
    cursor: nw-resize;
    left: 0;
    top: 0;
}

.ui-resizable-ne {
    cursor: ne-resize;
    right: 0;
    top: 0;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: #fff;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../css/external/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../css/external/chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(../css/external/chosen-sprite.png) no-repeat 100% -20px;
    background: url(../css/external/chosen-sprite.png) no-repeat 100% -20px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url(../css/external/chosen-sprite.png) no-repeat 100% -20px, -webkit-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat 100% -20px, -moz-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat 100% -20px, -o-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat 100% -20px, linear-gradient(#eee 1%, #fff 15%);
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../css/external/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: 0;
    background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #111 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: 0
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: #fff url(../css/external/chosen-sprite.png) no-repeat -30px -20px;
    background: url(../css/external/chosen-sprite.png) no-repeat -30px -20px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url(../css/external/chosen-sprite.png) no-repeat -30px -20px, -webkit-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat -30px -20px, -moz-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat -30px -20px, -o-linear-gradient(#eee 1%, #fff 15%);
    background: url(../css/external/chosen-sprite.png) no-repeat -30px -20px, linear-gradient(#eee 1%, #fff 15%);
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
        background-image: url(../css/external/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}


.ztree * {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif
}

.ztree {
    margin: 0;
    padding: 5px;
    color: #333
}

.ztree li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    outline: 0
}

.ztree li ul {
    margin: 0;
    padding: 0 0 0 18px
}

.ztree li ul.line {
    background: url(../css/ztree/img/line_conn.gif) 0 0 repeat-y;
}

.ztree li a {
    padding: 1px 3px 0 0;
    margin: 0;
    cursor: pointer;
    height: 17px;
    color: #333;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block
}

.ztree li a:hover {
    text-decoration: underline
}

.ztree li a.curSelectedNode {
    padding-top: 0px;
    background-color: #FFE6B0;
    color: black;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: 0.8;
}

.ztree li a.curSelectedNode_Edit {
    padding-top: 0px;
    background-color: #FFE6B0;
    color: black;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
    padding-top: 0px;
    background-color: #316AC5;
    color: white;
    height: 16px;
    border: 1px #316AC5 solid;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.ztree li a.tmpTargetNode_prev {
}

.ztree li a.tmpTargetNode_next {
}

.ztree li a input.rename {
    height: 14px;
    width: 80px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border: 1px #7EC4CC solid;
    *border: 0px
}

.ztree li span {
    line-height: 16px;
    margin-right: 2px
}

.ztree li span.button {
    line-height: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("../css/ztree/img/zTreeStandard.png");
    *background-image: url("../css/ztree/img/zTreeStandard.gif")
}

.ztree li span.button.chk {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    cursor: auto
}

.ztree li span.button.chk.checkbox_false_full {
    background-position: 0 0
}

.ztree li span.button.chk.checkbox_false_full_focus {
    background-position: 0 -14px
}

.ztree li span.button.chk.checkbox_false_part {
    background-position: 0 -28px
}

.ztree li span.button.chk.checkbox_false_part_focus {
    background-position: 0 -42px
}

.ztree li span.button.chk.checkbox_false_disable {
    background-position: 0 -56px
}

.ztree li span.button.chk.checkbox_true_full {
    background-position: -14px 0
}

.ztree li span.button.chk.checkbox_true_full_focus {
    background-position: -14px -14px
}

.ztree li span.button.chk.checkbox_true_part {
    background-position: -14px -28px
}

.ztree li span.button.chk.checkbox_true_part_focus {
    background-position: -14px -42px
}

.ztree li span.button.chk.checkbox_true_disable {
    background-position: -14px -56px
}

.ztree li span.button.chk.radio_false_full {
    background-position: -28px 0
}

.ztree li span.button.chk.radio_false_full_focus {
    background-position: -28px -14px
}

.ztree li span.button.chk.radio_false_part {
    background-position: -28px -28px
}

.ztree li span.button.chk.radio_false_part_focus {
    background-position: -28px -42px
}

.ztree li span.button.chk.radio_false_disable {
    background-position: -28px -56px
}

.ztree li span.button.chk.radio_true_full {
    background-position: -42px 0
}

.ztree li span.button.chk.radio_true_full_focus {
    background-position: -42px -14px
}

.ztree li span.button.chk.radio_true_part {
    background-position: -42px -28px
}

.ztree li span.button.chk.radio_true_part_focus {
    background-position: -42px -42px
}

.ztree li span.button.chk.radio_true_disable {
    background-position: -42px -56px
}

.ztree li span.button.switch {
    width: 18px;
    height: 18px
}

.ztree li span.button.root_open {
    background-position: -92px -54px
}

.ztree li span.button.root_close {
    background-position: -74px -54px
}

.ztree li span.button.roots_open {
    background-position: -92px 0
}

.ztree li span.button.roots_close {
    background-position: -74px 0
}

.ztree li span.button.center_open {
    background-position: -92px -18px
}

.ztree li span.button.center_close {
    background-position: -74px -18px
}

.ztree li span.button.bottom_open {
    background-position: -92px -36px
}

.ztree li span.button.bottom_close {
    background-position: -74px -36px
}

.ztree li span.button.noline_open {
    background-position: -92px -72px
}

.ztree li span.button.noline_close {
    background-position: -74px -72px
}

.ztree li span.button.root_docu {
    background: none;
}

.ztree li span.button.roots_docu {
    background-position: -56px 0
}

.ztree li span.button.center_docu {
    background-position: -56px -18px
}

.ztree li span.button.bottom_docu {
    background-position: -56px -36px
}

.ztree li span.button.noline_docu {
    background: none;
}

.ztree li span.button.ico_open {
    margin-right: 2px;
    background-position: -110px -16px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.ico_close {
    margin-right: 2px;
    background-position: -110px 0;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.ico_docu {
    margin-right: 2px;
    background-position: -110px -32px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.edit {
    margin-right: 2px;
    background-position: -110px -48px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.remove {
    margin-right: 2px;
    background-position: -110px -64px;
    vertical-align: top;
    *vertical-align: middle
}

.ztree li span.button.ico_loading {
    margin-right: 2px;
    background: url(../css/ztree/img/loading.gif) no-repeat scroll 0 0 transparent;
    vertical-align: top;
    *vertical-align: middle
}

ul.tmpTargetzTree {
    background-color: #FFE6B0;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

span.tmpzTreeMove_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -110px -80px;
    background-image: url("../css/ztree/img/zTreeStandard.png");
    *background-image: url("../css/ztree/img/zTreeStandard.gif")
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #00B83F dotted;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.zTreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute
}