Index: ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize12.css =================================================================== diff -u --- ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize12.css (revision 0) +++ ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize12.css (revision 14608) @@ -0,0 +1,12806 @@ +@charset "UTF-8"; + +.x4-body { + margin: 0 +} + +img { + border: 0 +} + +.x4-border-box, .x4-border-box * { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x4-rtl { + direction: rtl +} + +.x4-ltr { + direction: ltr +} + +.x4-clear { + overflow: hidden; + clear: both; + font-size: 0; + line-height: 0; + display: table +} + +.x4-strict .x4-ie7 .x4-clear { + height: 0; + width: 0 +} + +.x4-layer { + position: absolute !important; + overflow: hidden; + zoom: 1 +} + +.x4-fixed-layer { + position: fixed !important; + overflow: hidden; + zoom: 1 +} + +.x4-shim { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-hide-display { + display: none !important +} + +.x4-hide-visibility { + visibility: hidden !important +} + +.x4-ie6 .x4-item-disabled { + filter: none +} + +.x4-hidden, .x4-hide-offsets { + display: block !important; + visibility: hidden !important; + position: absolute !important; + top: -10000px !important +} + +.x4-hide-nosize { + height: 0 !important; + width: 0 !important +} + +.x4-hide-clip { + position: absolute !important; + clip: rect(0, 0, 0, 0); + clip: rect(0, 0, 0, 0) +} + +.x4-masked-relative { + position: relative +} + +.x4-ie-shadow { + background-color: #777; + display: none; + position: absolute; + overflow: hidden; + zoom: 1 +} + +.x4-unselectable { + user-select: none; + -o-user-select: none; + -ms-user-select: none; + -moz-user-select: -moz-none; + -webkit-user-select: none; + cursor: default +} + +.x4-selectable { + cursor: auto; + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + -o-user-select: text +} + +.x4-list-plain { + list-style-type: none; + margin: 0; + padding: 0 +} + +.x4-table-plain { + border-collapse: collapse; + border-spacing: 0; + font-size: 1em +} + +.x4-frame-tl, .x4-frame-tr, .x4-frame-tc, .x4-frame-bl, .x4-frame-br, + .x4-frame-bc { + overflow: hidden; + background-repeat: no-repeat +} + +.x4-frame-tc, .x4-frame-bc { + background-repeat: repeat-x +} + +.x4-frame-mc { + background-repeat: repeat-x; + overflow: hidden +} + +.x4-proxy-el { + position: absolute; + background: #b4b4b4; + filter: alpha(opacity = 80); + opacity: .8 +} + +.x4-css-shadow { + position: absolute; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px +} + +.x4-item-disabled, .x4-item-disabled * { + cursor: default +} + +.x4-webkit *:focus { + outline: none !important +} + +.x4-box-item { + position: absolute !important; + left: 0; + top: 0 +} + +div.x4-editor { + overflow: visible +} + +.x4-mask { + z-index: 100; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + zoom: 1 +} + +.x4-mask-fixed { + position: fixed +} + +.x4-mask-shim { + z-index: 100; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.x4-mask-msg { + z-index: 101; + position: absolute +} + +.x4-progress { + position: relative; + border-style: solid; + overflow: hidden +} + +.x4-progress-bar { + overflow: hidden; + position: absolute; + width: 0; + height: 100% +} + +.x4-progress-text { + overflow: hidden; + position: absolute +} + +.x4-docked { + position: absolute !important; + z-index: 1 +} + +.x4-docked-vertical { + position: static +} + +.x4-docked-top { + border-bottom-width: 0 !important +} + +.x4-docked-bottom { + border-top-width: 0 !important +} + +.x4-docked-left { + border-right-width: 0 !important +} + +.x4-docked-right { + border-left-width: 0 !important +} + +.x4-docked-noborder-top { + border-top-width: 0 !important +} + +.x4-docked-noborder-right { + border-right-width: 0 !important +} + +.x4-docked-noborder-bottom { + border-bottom-width: 0 !important +} + +.x4-docked-noborder-left { + border-left-width: 0 !important +} + +.x4-noborder-l { + border-left-width: 0 !important +} + +.x4-noborder-b { + border-bottom-width: 0 !important +} + +.x4-noborder-bl { + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-r { + border-right-width: 0 !important +} + +.x4-noborder-rl { + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-rb { + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-rbl { + border-right-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-t { + border-top-width: 0 !important +} + +.x4-noborder-tl { + border-top-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-tb { + border-top-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-tbl { + border-top-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-tr { + border-top-width: 0 !important; + border-right-width: 0 !important +} + +.x4-noborder-trl { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-trb { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-trbl { + border-width: 0 !important +} + +.x4-btn { + display: inline-block; + position: relative; + zoom: 1; + *display: inline; + outline: 0; + cursor: pointer; + white-space: nowrap; + vertical-align: middle; + text-decoration: none +} + +.x4-btn-wrap { + position: relative; + display: block +} + +.x4-btn-button { + position: relative; + display: block; + text-decoration: none; + overflow: hidden; + zoom: 1 +} + +.x4-btn-inner { + display: block; + white-space: nowrap; + overflow: hidden; + zoom: 1 +} + +.x4-btn-icon-el { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: absolute; + background-repeat: no-repeat; + text-align: center +} + +.x4-btn-inner-center { + text-align: center +} + +.x4-btn-inner-left { + text-align: left +} + +.x4-btn-inner-right { + text-align: right +} + +.x4-box-layout-ct { + overflow: hidden; + zoom: 1 +} + +.x4-box-target { + position: absolute; + width: 20000px; + top: 0; + left: 0; + height: 1px +} + +.x4-box-inner { + overflow: hidden; + zoom: 1; + position: relative; + left: 0; + top: 0 +} + +.x4-horizontal-box-overflow-body { + float: left +} + +.x4-box-scroller { + position: relative; + background-repeat: no-repeat +} + +.x4-box-scroller-left, .x4-box-scroller-right { + float: left; + height: 100%; + z-index: 5 +} + +.x4-box-scroller-top .x4-box-scroller, .x4-box-scroller-bottom .x4-box-scroller + { + line-height: 0; + font-size: 0; + background-position: center 0 +} + +.x4-box-menu-after { + float: right +} + +.x4-toolbar-text { + white-space: nowrap +} + +.x4-toolbar-separator { + display: block; + font-size: 1px; + overflow: hidden; + cursor: default; + border: 0; + width: 0; + height: 0; + line-height: 0 +} + +.x4-quirks .x4-ie .x4-toolbar .x4-toolbar-separator-horizontal { + width: 2px +} + +.x4-toolbar-scroller { + padding-left: 0 +} + +.x4-toolbar-plain { + border: 0 +} + +.x4-header-icon { + background-repeat: no-repeat; + background-position: 0 0; + vertical-align: middle; + text-align: center +} + +.x4-header-text-container { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} + +.x4-dd-drag-proxy, .x4-dd-drag-current { + z-index: 1000000 !important; + pointer-events: none +} + +.x4-dd-drag-repair .x4-dd-drag-ghost { + filter: alpha(opacity = 60); + opacity: .6 +} + +.x4-dd-drag-repair .x4-dd-drop-icon { + display: none +} + +.x4-dd-drag-ghost { + filter: alpha(opacity = 85); + opacity: .85; + padding: 5px; + padding-left: 20px; + white-space: nowrap; + color: #000; + font: normal 12px ����; + border: 1px solid; + border-color: #ddd #bbb #bbb #ddd; + background-color: #fff +} + +.x4-dd-drop-icon { + position: absolute; + top: 3px; + left: 3px; + display: block; + width: 16px; + height: 16px; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + z-index: 1 +} + +.x4-dd-drop-ok .x4-dd-drop-icon { + background-image: url(images/dd/drop-yes.gif) +} + +.x4-dd-drop-ok-add .x4-dd-drop-icon { + background-image: url(images/dd/drop-add.gif) +} + +.x4-dd-drop-nodrop div.x4-dd-drop-icon { + background-image: url(images/dd/drop-no.gif) +} + +.x4-panel, .x4-plain { + overflow: hidden; + position: relative +} + +.x4-panel { + outline: 0 +} + +.x4-ie .x4-panel-header, .x4-ie .x4-panel-header-tl, .x4-ie .x4-panel-header-tc, + .x4-ie .x4-panel-header-tr, .x4-ie .x4-panel-header-ml, .x4-ie .x4-panel-header-mc, + .x4-ie .x4-panel-header-mr, .x4-ie .x4-panel-header-bl, .x4-ie .x4-panel-header-bc, + .x4-ie .x4-panel-header-br { + zoom: 1 +} + +.x4-ie8 td.x4-frame-mc { + vertical-align: top +} + +.x4-panel-body { + overflow: hidden; + position: relative +} + +.x4-nlg .x4-panel-header-vertical .x4-frame-mc { + background-repeat: repeat-y +} + +.x4-panel-header-plain, .x4-panel-body-plain { + border: 0; + padding: 0 +} + +.x4-tip { + position: absolute; + overflow: visible +} + +.x4-tip-body { + overflow: hidden; + position: relative +} + +.x4-tip-anchor { + position: absolute; + overflow: hidden; + border-style: solid +} + +.x4-surface { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; + overflow: hidden +} + +.rvml { + behavior: url(#default#VML) +} + +.x4-surface tspan { + user-select: none; + -o-user-select: none; + -ms-user-select: none; + -moz-user-select: -moz-none; + -webkit-user-select: none; + cursor: default +} + +.x4-vml-sprite { + position: absolute; + left: 0; + top: 0; + width: 1px; + height: 1px +} + +.x4-vml-group { + position: absolute; + left: 0; + top: 0; + width: 1000px; + height: 1000px +} + +.x4-vml-measure-span { + position: absolute; + left: -9999em; + top: -9999em; + padding: 0; + margin: 0; + display: inline +} + +.x4-vml-base { + position: relative; + top: 0; + left: 0; + overflow: hidden; + display: inline-block +} + +.x4-vml-base { + position: relative; + top: 0; + left: 0; + overflow: hidden; + display: inline-block +} + +svg, vml { + overflow: hidden +} + +.x4-table-layout { + font-size: 1em +} + +.x4-btn-group { + position: relative; + overflow: hidden +} + +.x4-btn-group-body { + position: relative; + zoom: 1 +} + +.x4-btn-group-body .x4-table-layout-cell { + vertical-align: top +} + +.x4-viewport, .x4-viewport body { + margin: 0; + padding: 0; + border: 0 none; + overflow: hidden; + height: 100%; + position: static +} + +.x4-window { + outline: 0; + overflow: hidden +} + +.x4-window .x4-window-wrap { + position: relative +} + +.x4-window-body { + position: relative; + overflow: hidden +} + +.x4-form-item-label { + display: block +} + +.x4-form-item-label-right { + text-align: right +} + +.x4-form-item-label-top { + display: block; + zoom: 1 +} + +.x4-form-invalid-icon { + overflow: hidden +} + +.x4-form-invalid-icon ul { + display: none +} + +.x4-form-textarea { + overflow: auto; + resize: none +} + +.x4-safari.x4-mac .x4-form-textarea { + margin-bottom: -2px +} + +.x4-form-display-field-body { + vertical-align: top +} + +.x4-message-box .x4-form-display-field { + height: auto +} + +.x4-form-cb-wrap { + vertical-align: top +} + +.x4-form-cb-wrap-inner { + position: relative; + zoom: 1 +} + +.x4-form-cb { + position: absolute; + left: 0; + right: auto; + vertical-align: top; + overflow: hidden; + padding: 0; + border: 0 +} + +.x4-form-cb::-moz-focus-inner { + padding: 0; + border: 0 +} + +.x4-form-cb-after { + left: auto; + right: 0 +} + +.x4-form-cb-label { + display: inline-block; + zoom: 1 +} + +.x4-fieldset { + display: block; + position: relative +} + +.x4-fieldset-header { + overflow: hidden +} + +.x4-fieldset-header .x4-form-item, .x4-fieldset-header .x4-tool { + float: left +} + +.x4-fieldset-header .x4-fieldset-header-text { + float: left +} + +.x4-fieldset-header .x4-form-cb-wrap { + font-size: 0; + line-height: 0; + height: auto +} + +.x4-fieldset-header .x4-form-cb { + margin: 0; + position: static +} + +.x4-form-item { + vertical-align: top; + table-layout: fixed +} + +.x4-form-item-body { + position: relative +} + +.x4-form-form-item td { + border-top: 1px solid transparent +} + +.x4-form-trigger { + cursor: pointer; + overflow: hidden; + background-repeat: no-repeat +} + +.x4-item-disabled .x4-form-trigger { + cursor: default +} + +.x4-trigger-noedit { + cursor: default +} + +.x4-form-trigger-wrap { + vertical-align: top; + border-collapse: separate +} + +.x4-form-spinner-up, .x4-form-spinner-down { + font-size: 0 +} + +.x4-strict .x4-ie9 .x4-boundlist-list-ct { + min-height: 0\% +} + +.x4-datepicker { + position: relative +} + +.x4-datepicker .x4-monthpicker { + left: 0; + top: 0; + display: block +} + +.x4-datepicker .x4-monthpicker-months, .x4-datepicker .x4-monthpicker-years + { + height: 100% +} + +.x4-datepicker-inner { + table-layout: fixed; + width: 100%; + border-collapse: separate +} + +.x4-datepicker-cell { + padding: 0 +} + +.x4-datepicker-header { + position: relative; + zoom: 1 +} + +.x4-datepicker-arrow { + position: absolute; + outline: 0; + font-size: 0 +} + +.x4-datepicker-column-header { + padding: 0 +} + +.x4-datepicker-date { + display: block; + zoom: 1; + text-decoration: none +} + +.x4-monthpicker { + display: table +} + +.x4-monthpicker-body { + height: 100%; + position: relative +} + +.x4-monthpicker-months, .x4-monthpicker-years { + float: left +} + +.x4-monthpicker-item { + float: left +} + +.x4-monthpicker-item-inner { + display: block; + text-decoration: none +} + +.x4-monthpicker-yearnav-button-ct { + float: left; + text-align: center +} + +.x4-monthpicker-yearnav-button { + display: inline-block; + outline: 0; + font-size: 0 +} + +.x4-monthpicker-buttons { + width: 100% +} + +.x4-datepicker .x4-monthpicker-buttons { + position: absolute; + bottom: 0 +} + +.x4-form-file-btn { + overflow: hidden +} + +.x4-form-file-input { + border: 0; + position: absolute; + cursor: pointer; + top: -2px; + right: -2px; + filter: alpha(opacity = 0); + opacity: 0; + font-size: 1000px +} + +.x4-form-item-hidden { + margin: 0 +} + +.x4-color-picker-item { + float: left; + text-decoration: none +} + +.x4-color-picker-item-inner { + display: block; + font-size: 1px +} + +.x4-html-editor-tb .x4-toolbar { + position: static !important +} + +.x4-htmleditor-iframe { + display: block; + overflow: auto +} + +.x4-fit-item { + position: relative +} + +.x4-grid-row, .x4-grid-data-row { + outline: 0 +} + +.x4-grid-view { + overflow: hidden; + position: relative +} + +.x4-grid-table { + table-layout: fixed; + border-collapse: separate +} + +.x4-grid-td { + overflow: hidden; + border-width: 0; + vertical-align: top +} + +.x4-grid-cell-inner { + overflow: hidden; + white-space: nowrap; + zoom: 1 +} + +.x4-grid-resize-marker { + position: absolute; + z-index: 5; + top: 0 +} + +.col-move-top, .col-move-bottom { + position: absolute; + top: 0; + line-height: 0; + font-size: 0; + overflow: hidden; + z-index: 20000; + background: no-repeat center top transparent +} + +.x4-grid-header-ct { + cursor: default +} + +.x4-column-header { + position: absolute; + overflow: hidden; + background-repeat: repeat-x +} + +.x4-column-header-inner { + zoom: 1; + white-space: nowrap; + position: relative; + overflow: hidden +} + +.x4-column-header-text { + white-space: nowrap; + background-repeat: no-repeat +} + +.x4-column-header-trigger { + display: none; + height: 100%; + background-repeat: no-repeat; + position: absolute; + right: 0; + top: 0; + z-index: 2 +} + +.x4-column-header-over .x4-column-header-trigger, .x4-column-header-open .x4-column-header-trigger + { + display: block +} + +.x4-column-header-align-right { + text-align: right +} + +.x4-column-header-align-left { + text-align: left +} + +.x4-column-header-align-center { + text-align: center +} + +.x4-grid-cell-inner-action-col { + line-height: 0; + font-size: 0 +} + +.x4-grid-cell-inner-checkcolumn { + line-height: 0; + font-size: 0 +} + +.x4-grid-group, .x4-grid-group-body, .x4-grid-group-hd { + zoom: 1 +} + +.x4-group-hd-container { + overflow: hidden +} + +.x4-grid-group-hd { + white-space: nowrap; + outline: 0 +} + +.x4-grid-row-body-hidden, .x4-grid-group-collapsed { + display: none +} + +td.x4-grid-rowwrap .x4-grid-table { + border: 0 +} + +td.x4-grid-rowwrap .x4-grid-cell { + border-bottom: 0; + background-color: transparent +} + +.x4-grid-rowbody { + zoom: 1 +} + +.x4-grid-row-body-hidden { + display: none +} + +.x4-grid-editor .x4-form-cb-wrap { + text-align: center +} + +.x4-grid-editor .x4-form-cb { + position: static +} + +.x4-grid-editor .x4-form-display-field { + margin: 0; + white-space: nowrap; + overflow: hidden +} + +.x4-grid-editor div.x4-form-action-col-field { + line-height: 0 +} + +.x4-grid-row-editor { + position: absolute; + overflow: visible; + z-index: 1 +} + +.x4-grid-row-editor-buttons { + position: absolute; + white-space: nowrap +} + +.x4-grid-row-expander { + font-size: 0; + line-height: 0 +} + +.x4-abs-layout-ct { + position: relative +} + +.x4-abs-layout-item { + position: absolute !important +} + +.x4-splitter { + font-size: 1px +} + +.x4-splitter-horizontal { + cursor: e-resize; + cursor: row-resize +} + +.x4-splitter-vertical { + cursor: e-resize; + cursor: col-resize +} + +.x4-splitter-collapsed, .x4-splitter-horizontal-noresize, + .x4-splitter-vertical-noresize { + cursor: default +} + +.x4-splitter-active { + z-index: 4 +} + +.x4-collapse-el { + position: absolute; + background-repeat: no-repeat +} + +.x4-border-layout-ct { + overflow: hidden; + zoom: 1 +} + +.x4-border-layout-ct { + position: relative +} + +.x4-border-region-slide-in { + z-index: 5 +} + +.x4-region-collapsed-placeholder { + z-index: 4 +} + +.x4-column { + float: left +} + +.x4-ie6 .x4-column { + display: inline +} + +.x4-quirks .x4-ie .x4-form-layout-table, .x4-quirks .x4-ie .x4-form-layout-table tbody tr.x4-form-item + { + position: relative +} + +.x4-form-layout-table { + border-collapse: separate; + border-spacing: 0 2px +} + +.x4-ie6 .x4-form-layout-table { + border-collapse: collapse; + border-spacing: 0 +} + +.x4-menu { + outline: 0 +} + +.x4-menu-item { + white-space: nowrap; + overflow: hidden +} + +.x4-menu-item-cmp .x4-field-label-cell { + vertical-align: middle +} + +.x4-menu-icon-separator { + position: absolute; + top: 0; + z-index: 0; + height: 100%; + overflow: hidden +} + +.x4-menu-plain .x4-menu-icon-separator { + display: none +} + +.x4-menu-item-link { + text-decoration: none; + outline: 0; + display: block +} + +.x4-menu-item-text { + display: inline-block; + zoom: 1 +} + +.x4-menu-item-icon, .x4-menu-item-icon-right, .x4-menu-item-arrow { + font-size: 0; + position: absolute; + text-align: center +} + +.x4-resizable-overlay { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + z-index: 200000; + background-color: #fff; + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-resizable-wrapped { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x4-slider { + outline: 0; + zoom: 1; + position: relative +} + +.x4-slider-inner { + position: relative; + left: 0; + top: 0; + overflow: visible; + zoom: 1 +} + +.x4-slider-vert .x4-slider-inner { + background: repeat-y 0 0 +} + +.x4-slider-end { + zoom: 1 +} + +.x4-slider-thumb { + position: absolute; + background: no-repeat 0 0 +} + +.x4-slider-horz .x4-slider-thumb { + left: 0 +} + +.x4-slider-vert .x4-slider-thumb { + bottom: 0 +} + +a.x4-tab { + text-decoration: none +} + +a.x4-tab .x4-tab-inner-left { + text-align: left +} + +a.x4-tab .x4-tab-inner-right { + text-align: right +} + +.x4-tab-bar { + position: relative +} + +.x4-column-header-checkbox .x4-column-header-text { + display: block; + background-repeat: no-repeat; + font-size: 0 +} + +.x4-grid-cell-row-checker { + vertical-align: middle; + background-repeat: no-repeat; + font-size: 0 +} + +.x4-tab { + outline: 0; + display: block; + white-space: nowrap; + z-index: 1 +} + +.x4-tab-active { + z-index: 3 +} + +.x4-tab-wrap { + display: block; + position: relative +} + +.x4-tab-button { + zoom: 1; + display: block +} + +.x4-tab-inner { + display: block; + text-align: center; + white-space: nowrap; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + overflow: hidden; + zoom: 1 +} + +.x4-btn-icon-el { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: absolute; + background-repeat: no-repeat; + text-align: center +} + +.x4-tab-bar { + z-index: 1 +} + +.x4-tab-bar-body { + z-index: 2; + position: relative +} + +.x4-tab-bar-strip { + position: absolute; + line-height: 0; + font-size: 0; + z-index: 1 +} + +.x4-tab-bar-horizontal .x4-tab-bar-strip { + width: 100%; + left: 0 +} + +.x4-tab-bar-vertical .x4-tab-bar-strip { + height: 100%; + top: 0 +} + +.x4-tab-bar-strip-top { + bottom: 0 +} + +.x4-tab-bar-strip-bottom { + top: 0 +} + +.x4-tab-bar-strip-left { + right: 0 +} + +.x4-tab-bar-strip-right { + left: 0 +} + +.x4-tab-bar-plain { + background: transparent !important +} + +.x4-tab-icon-el { + position: absolute; + background-repeat: no-repeat; + top: 0; + left: 0; + right: auto; + bottom: 0 +} + +.x4-tab-close-btn { + display: block; + position: absolute; + font-size: 0; + line-height: 0; + background: no-repeat +} + +.x4-tab-mc { + overflow: visible +} + +.x4-autowidth-table .x4-grid-table { + table-layout: auto; + width: auto !important +} + +.x4-tree-view { + overflow: hidden +} + +.x4-tree-elbow-img, .x4-tree-icon { + background-repeat: no-repeat; + background-position: 0 center; + vertical-align: top +} + +.x4-tree-checkbox { + border: 0; + padding: 0; + vertical-align: top; + position: relative; + background-color: transparent +} + +.x4-tree-animator-wrap { + overflow: hidden +} + +.x4-tree-node-text { + zoom: 1 +} + +.x4-body { + color: black; + font-size: 13px; + font-family: 宋体 +} + +.x4-animating-size, .x4-collapsed { + overflow: hidden !important +} + +.x4-editor .x4-form-item-body { + padding-bottom: 0 +} + +.x4-focus-element { + position: absolute; + top: -10px; + left: -10px; + width: 0; + height: 0 +} + +.x4-focus-frame { + position: absolute; + left: 0; + top: 0; + z-index: 100000000; + width: 0; + height: 0 +} + +.x4-focus-frame-top, .x4-focus-frame-bottom, .x4-focus-frame-left, + .x4-focus-frame-right { + position: absolute; + top: 0; + left: 0 +} + +.x4-focus-frame-top, .x4-focus-frame-bottom { + border-top: solid 2px #15428b; + height: 2px +} + +.x4-focus-frame-left, .x4-focus-frame-right { + border-left: solid 2px #15428b; + width: 2px +} + +.x4-mask { + filter: alpha(opacity = 50); + opacity: .5; + background: #ccc; + cursor: default +} + +.x4-mask-msg { + padding: 2px; + border-style: solid; + border-width: 1px; + border-color: #aedeb4; + background: #ebf5ec +} + +.x4-mask-msg-inner { + padding: 0 5px; + border-style: solid; + border-width: 1px; + border-color: #b7d0bb; + background-color: #eee; + color: #222; + font: normal 12px ���� +} + +.x4-mask-msg-text { + padding: 5px 5px 5px 20px; + background-image: url(images/grid/loading.gif); + background-repeat: no-repeat; + background-position: 0 center +} + +.x4-progress-default { + background-color: #ebf3ec; + border-width: 1px; + height: 20px; + border-color: #82bd89 +} + +.x4-content-box .x4-progress-default { + height: 18px +} + +.x4-progress-default .x4-progress-bar-default { + background-image: none; + background-color: #8dd196; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c4e7c8), + color-stop(50%, #9fd8a6), color-stop(51%, #8dd196), + color-stop(100%, #7bca85)); + background-image: -webkit-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -moz-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -o-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -ms-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85) +} + +.x4-nlg .x4-progress-default .x4-progress-bar-default { + background: repeat-x; + background-image: url(images/progress/progress-default-bg.gif) +} + +.x4-progress-default .x4-progress-text { + color: white; + font-weight: bold; + font-size: 12px; + font-family: 宋体; + text-align: center; + line-height: 18px +} + +.x4-progress-default .x4-progress-text-back { + color: #538659; + line-height: 18px +} + +.x4-progress-bar-default:after { + display: none; + content: + "x-slicer:bg:url(images/progress/progress-default-bg.gif), stretch:bottom" +} + +.x4-btn-default-small { + border-color: #d1d1d1 +} + +.x4-btn-default-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-small-mc { + background-image: url(images/btn/btn-default-small-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-small { + background-image: url(images/btn/btn-default-small-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-btn-default-small-tl { + background-position: 0 -6px +} + +.x4-btn-default-small-tr { + background-position: right -9px +} + +.x4-btn-default-small-bl { + background-position: 0 -12px +} + +.x4-btn-default-small-br { + background-position: right -15px +} + +.x4-btn-default-small-ml { + background-position: 0 top +} + +.x4-btn-default-small-mr { + background-position: right top +} + +.x4-btn-default-small-tc { + background-position: 0 0 +} + +.x4-btn-default-small-bc { + background-position: 0 -3px +} + +.x4-btn-default-small-tr, .x4-btn-default-small-br, + .x4-btn-default-small-mr { + padding-right: 3px +} + +.x4-btn-default-small-tl, .x4-btn-default-small-bl, + .x4-btn-default-small-ml { + padding-left: 3px +} + +.x4-btn-default-small-tc { + height: 3px +} + +.x4-btn-default-small-bc { + height: 3px +} + +.x4-btn-default-small-tl, .x4-btn-default-small-bl, + .x4-btn-default-small-tr, .x4-btn-default-small-br, + .x4-btn-default-small-tc, .x4-btn-default-small-bc, + .x4-btn-default-small-ml, .x4-btn-default-small-mr { + zoom: 1; + background-image: url(images/btn/btn-default-small-corners.gif) +} + +.x4-btn-default-small-ml, .x4-btn-default-small-mr { + zoom: 1; + background-image: url(images/btn/btn-default-small-sides.gif) +} + +.x4-btn-default-small-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-default-small-tl, .x4-strict .x4-ie7 .x4-btn-default-small-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-small:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-small-fbg.gif), bg:url(images/btn/btn-default-small-bg.gif), corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)" +} + +.x4-btn-default-small .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 4px +} + +.x4-btn-default-small .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-small .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-small .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-small .x4-btn-glyph { + font-size: 16px; + line-height: 16px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-small .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-small-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-small-icon .x4-btn-button, .x4-btn-default-small-noicon .x4-btn-button + { + height: 16px +} + +.x4-btn-default-small-icon .x4-btn-inner, .x4-btn-default-small-noicon .x4-btn-inner + { + line-height: 16px +} + +.x4-btn-default-small-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-small-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-small-icon .x4-btn-inner { + width: 16px; + padding: 0 +} + +.x4-btn-default-small-icon .x4-btn-icon-el { + width: 16px; + height: 16px +} + +.x4-btn-default-small-icon-text-left .x4-btn-button { + height: 16px +} + +.x4-btn-default-small-icon-text-left .x4-btn-inner { + line-height: 16px; + padding-left: 20px +} + +.x4-btn-default-small-icon-text-left .x4-btn-icon-el { + width: 16px; + right: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-left .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-small-icon-text-right .x4-btn-button { + height: 16px +} + +.x4-btn-default-small-icon-text-right .x4-btn-inner { + line-height: 16px; + padding-right: 20px +} + +.x4-btn-default-small-icon-text-right .x4-btn-icon-el { + width: 16px; + left: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-small-icon-text-right .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-small-icon-text-top .x4-btn-inner { + padding-top: 20px +} + +.x4-btn-default-small-icon-text-top .x4-btn-icon-el { + height: 16px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-small-icon-text-bottom .x4-btn-inner { + padding-bottom: 20px +} + +.x4-btn-default-small-icon-text-bottom .x4-btn-icon-el { + height: 16px; + top: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-small-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-small-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-small-menu-active, .x4-btn-default-small-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-small-focus .x4-frame-tl, .x4-btn-default-small-focus .x4-frame-bl, + .x4-btn-default-small-focus .x4-frame-tr, .x4-btn-default-small-focus .x4-frame-br, + .x4-btn-default-small-focus .x4-frame-tc, .x4-btn-default-small-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-small-focus-corners.gif) +} + +.x4-btn-default-small-focus .x4-frame-ml, .x4-btn-default-small-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-small-focus-sides.gif) +} + +.x4-btn-default-small-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-small-focus-fbg.gif) +} + +.x4-btn-default-small-over .x4-frame-tl, .x4-btn-default-small-over .x4-frame-bl, + .x4-btn-default-small-over .x4-frame-tr, .x4-btn-default-small-over .x4-frame-br, + .x4-btn-default-small-over .x4-frame-tc, .x4-btn-default-small-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-small-over-corners.gif) +} + +.x4-btn-default-small-over .x4-frame-ml, .x4-btn-default-small-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-small-over-sides.gif) +} + +.x4-btn-default-small-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-small-over-fbg.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-tl, + .x4-btn-default-small-menu-active .x4-frame-bl, + .x4-btn-default-small-menu-active .x4-frame-tr, + .x4-btn-default-small-menu-active .x4-frame-br, + .x4-btn-default-small-menu-active .x4-frame-tc, + .x4-btn-default-small-menu-active .x4-frame-bc, + .x4-btn-default-small-pressed .x4-frame-tl, + .x4-btn-default-small-pressed .x4-frame-bl, + .x4-btn-default-small-pressed .x4-frame-tr, + .x4-btn-default-small-pressed .x4-frame-br, + .x4-btn-default-small-pressed .x4-frame-tc, + .x4-btn-default-small-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-small-pressed-corners.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-ml, + .x4-btn-default-small-menu-active .x4-frame-mr, + .x4-btn-default-small-pressed .x4-frame-ml, + .x4-btn-default-small-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-small-pressed-sides.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-mc, + .x4-btn-default-small-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-small-pressed-fbg.gif) +} + +.x4-btn-default-small-disabled .x4-frame-tl, + .x4-btn-default-small-disabled .x4-frame-bl, + .x4-btn-default-small-disabled .x4-frame-tr, + .x4-btn-default-small-disabled .x4-frame-br, + .x4-btn-default-small-disabled .x4-frame-tc, + .x4-btn-default-small-disabled .x4-frame-bc { + background-image: url(images/btn/btn-default-small-disabled-corners.gif) +} + +.x4-btn-default-small-disabled .x4-frame-ml, + .x4-btn-default-small-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-small-disabled-sides.gif) +} + +.x4-btn-default-small-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-small-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-small-focus { + background-image: url(images/btn/btn-default-small-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-small-over { + background-image: url(images/btn/btn-default-small-over-bg.gif) +} + +.x4-nlg .x4-btn-default-small-menu-active, .x4-nlg .x4-btn-default-small-pressed + { + background-image: url(images/btn/btn-default-small-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-small-disabled { + background-image: url(images/btn/btn-default-small-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-small { + background-image: none +} + +.x4-btn-default-small .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-small .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-small-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-small-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-small-disabled .x4-btn-inner, + .x4-btn-default-small-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-small-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-fbg.gif), bg:url(images/btn/btn-default-small-focus-bg.gif)" +} + +.x4-btn-default-small-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif), frame-bg:url(images/btn/btn-default-small-over-fbg.gif), bg:url(images/btn/btn-default-small-over-bg.gif)" +} + +.x4-btn-default-small-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-small-pressed-fbg.gif), bg:url(images/btn/btn-default-small-pressed-bg.gif)" +} + +.x4-btn-default-small-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-small-disabled-fbg.gif), bg:url(images/btn/btn-default-small-disabled-bg.gif)" +} + +.x4-btn-default-medium { + border-color: #d1d1d1 +} + +.x4-btn-default-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-medium-mc { + background-image: url(images/btn/btn-default-medium-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-medium { + background-image: url(images/btn/btn-default-medium-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-medium-tl { + background-position: 0 -6px +} + +.x4-btn-default-medium-tr { + background-position: right -9px +} + +.x4-btn-default-medium-bl { + background-position: 0 -12px +} + +.x4-btn-default-medium-br { + background-position: right -15px +} + +.x4-btn-default-medium-ml { + background-position: 0 top +} + +.x4-btn-default-medium-mr { + background-position: right top +} + +.x4-btn-default-medium-tc { + background-position: 0 0 +} + +.x4-btn-default-medium-bc { + background-position: 0 -3px +} + +.x4-btn-default-medium-tr, .x4-btn-default-medium-br, + .x4-btn-default-medium-mr { + padding-right: 3px +} + +.x4-btn-default-medium-tl, .x4-btn-default-medium-bl, + .x4-btn-default-medium-ml { + padding-left: 3px +} + +.x4-btn-default-medium-tc { + height: 3px +} + +.x4-btn-default-medium-bc { + height: 3px +} + +.x4-btn-default-medium-tl, .x4-btn-default-medium-bl, + .x4-btn-default-medium-tr, .x4-btn-default-medium-br, + .x4-btn-default-medium-tc, .x4-btn-default-medium-bc, + .x4-btn-default-medium-ml, .x4-btn-default-medium-mr { + zoom: 1; + background-image: url(images/btn/btn-default-medium-corners.gif) +} + +.x4-btn-default-medium-ml, .x4-btn-default-medium-mr { + zoom: 1; + background-image: url(images/btn/btn-default-medium-sides.gif) +} + +.x4-btn-default-medium-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-medium-tl, .x4-strict .x4-ie7 .x4-btn-default-medium-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-medium:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-medium-fbg.gif), bg:url(images/btn/btn-default-medium-bg.gif), corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)" +} + +.x4-btn-default-medium .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-medium .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-medium .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-medium .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-medium .x4-btn-glyph { + font-size: 24px; + line-height: 24px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-medium .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-medium-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-medium-icon .x4-btn-button, + .x4-btn-default-medium-noicon .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon .x4-btn-inner, .x4-btn-default-medium-noicon .x4-btn-inner + { + line-height: 24px +} + +.x4-btn-default-medium-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-medium-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-medium-icon .x4-btn-inner { + width: 24px; + padding: 0 +} + +.x4-btn-default-medium-icon .x4-btn-icon-el { + width: 24px; + height: 24px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-inner { + line-height: 24px; + padding-left: 28px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-icon-el { + width: 24px; + right: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-left .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-inner { + line-height: 24px; + padding-right: 28px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-icon-el { + width: 24px; + left: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-right .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-medium-icon-text-top .x4-btn-inner { + padding-top: 28px +} + +.x4-btn-default-medium-icon-text-top .x4-btn-icon-el { + height: 24px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-medium-icon-text-bottom .x4-btn-inner { + padding-bottom: 28px +} + +.x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el { + height: 24px; + top: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-medium-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-medium-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-medium-menu-active, .x4-btn-default-medium-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-medium-focus .x4-frame-tl, .x4-btn-default-medium-focus .x4-frame-bl, + .x4-btn-default-medium-focus .x4-frame-tr, .x4-btn-default-medium-focus .x4-frame-br, + .x4-btn-default-medium-focus .x4-frame-tc, .x4-btn-default-medium-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-medium-focus-corners.gif) +} + +.x4-btn-default-medium-focus .x4-frame-ml, .x4-btn-default-medium-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-medium-focus-sides.gif) +} + +.x4-btn-default-medium-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-medium-focus-fbg.gif) +} + +.x4-btn-default-medium-over .x4-frame-tl, .x4-btn-default-medium-over .x4-frame-bl, + .x4-btn-default-medium-over .x4-frame-tr, .x4-btn-default-medium-over .x4-frame-br, + .x4-btn-default-medium-over .x4-frame-tc, .x4-btn-default-medium-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-medium-over-corners.gif) +} + +.x4-btn-default-medium-over .x4-frame-ml, .x4-btn-default-medium-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-medium-over-sides.gif) +} + +.x4-btn-default-medium-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-medium-over-fbg.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-tl, + .x4-btn-default-medium-menu-active .x4-frame-bl, + .x4-btn-default-medium-menu-active .x4-frame-tr, + .x4-btn-default-medium-menu-active .x4-frame-br, + .x4-btn-default-medium-menu-active .x4-frame-tc, + .x4-btn-default-medium-menu-active .x4-frame-bc, + .x4-btn-default-medium-pressed .x4-frame-tl, + .x4-btn-default-medium-pressed .x4-frame-bl, + .x4-btn-default-medium-pressed .x4-frame-tr, + .x4-btn-default-medium-pressed .x4-frame-br, + .x4-btn-default-medium-pressed .x4-frame-tc, + .x4-btn-default-medium-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-medium-pressed-corners.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-ml, + .x4-btn-default-medium-menu-active .x4-frame-mr, + .x4-btn-default-medium-pressed .x4-frame-ml, + .x4-btn-default-medium-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-medium-pressed-sides.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-mc, + .x4-btn-default-medium-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-medium-pressed-fbg.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-tl, + .x4-btn-default-medium-disabled .x4-frame-bl, + .x4-btn-default-medium-disabled .x4-frame-tr, + .x4-btn-default-medium-disabled .x4-frame-br, + .x4-btn-default-medium-disabled .x4-frame-tc, + .x4-btn-default-medium-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-medium-disabled-corners.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-ml, + .x4-btn-default-medium-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-medium-disabled-sides.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-medium-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-medium-focus { + background-image: url(images/btn/btn-default-medium-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-over { + background-image: url(images/btn/btn-default-medium-over-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-menu-active, .x4-nlg .x4-btn-default-medium-pressed + { + background-image: url(images/btn/btn-default-medium-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-disabled { + background-image: url(images/btn/btn-default-medium-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-medium { + background-image: none +} + +.x4-btn-default-medium .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-medium .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-medium-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-medium-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-medium-disabled .x4-btn-inner, + .x4-btn-default-medium-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-medium-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-focus-corners.gif), sides:url(images/btn/btn-default-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-medium-focus-fbg.gif), bg:url(images/btn/btn-default-medium-focus-bg.gif)" +} + +.x4-btn-default-medium-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-over-corners.gif), sides:url(images/btn/btn-default-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-medium-over-fbg.gif), bg:url(images/btn/btn-default-medium-over-bg.gif)" +} + +.x4-btn-default-medium-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-pressed-corners.gif), sides:url(images/btn/btn-default-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-medium-pressed-bg.gif)" +} + +.x4-btn-default-medium-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-disabled-corners.gif), sides:url(images/btn/btn-default-medium-disabled-sides.gif), frame-bg:url(images/btn/btn-default-medium-disabled-fbg.gif), bg:url(images/btn/btn-default-medium-disabled-bg.gif)" +} + +.x4-btn-default-large { + border-color: #d1d1d1 +} + +.x4-btn-default-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-large-mc { + background-image: url(images/btn/btn-default-large-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-large { + background-image: url(images/btn/btn-default-large-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-large-tl { + background-position: 0 -6px +} + +.x4-btn-default-large-tr { + background-position: right -9px +} + +.x4-btn-default-large-bl { + background-position: 0 -12px +} + +.x4-btn-default-large-br { + background-position: right -15px +} + +.x4-btn-default-large-ml { + background-position: 0 top +} + +.x4-btn-default-large-mr { + background-position: right top +} + +.x4-btn-default-large-tc { + background-position: 0 0 +} + +.x4-btn-default-large-bc { + background-position: 0 -3px +} + +.x4-btn-default-large-tr, .x4-btn-default-large-br, + .x4-btn-default-large-mr { + padding-right: 3px +} + +.x4-btn-default-large-tl, .x4-btn-default-large-bl, + .x4-btn-default-large-ml { + padding-left: 3px +} + +.x4-btn-default-large-tc { + height: 3px +} + +.x4-btn-default-large-bc { + height: 3px +} + +.x4-btn-default-large-tl, .x4-btn-default-large-bl, + .x4-btn-default-large-tr, .x4-btn-default-large-br, + .x4-btn-default-large-tc, .x4-btn-default-large-bc, + .x4-btn-default-large-ml, .x4-btn-default-large-mr { + zoom: 1; + background-image: url(images/btn/btn-default-large-corners.gif) +} + +.x4-btn-default-large-ml, .x4-btn-default-large-mr { + zoom: 1; + background-image: url(images/btn/btn-default-large-sides.gif) +} + +.x4-btn-default-large-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-large-tl, .x4-strict .x4-ie7 .x4-btn-default-large-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-large:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-large-fbg.gif), bg:url(images/btn/btn-default-large-bg.gif), corners:url(images/btn/btn-default-large-corners.gif), sides:url(images/btn/btn-default-large-sides.gif)" +} + +.x4-btn-default-large .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-large .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-large .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-large .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-large .x4-btn-glyph { + font-size: 32px; + line-height: 32px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-large .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-large-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-large-icon .x4-btn-button, .x4-btn-default-large-noicon .x4-btn-button + { + height: 32px +} + +.x4-btn-default-large-icon .x4-btn-inner, .x4-btn-default-large-noicon .x4-btn-inner + { + line-height: 32px +} + +.x4-btn-default-large-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-large-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-large-icon .x4-btn-inner { + width: 32px; + padding: 0 +} + +.x4-btn-default-large-icon .x4-btn-icon-el { + width: 32px; + height: 32px +} + +.x4-btn-default-large-icon-text-left .x4-btn-button { + height: 32px +} + +.x4-btn-default-large-icon-text-left .x4-btn-inner { + line-height: 32px; + padding-left: 36px +} + +.x4-btn-default-large-icon-text-left .x4-btn-icon-el { + width: 32px; + right: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-left .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-large-icon-text-right .x4-btn-button { + height: 32px +} + +.x4-btn-default-large-icon-text-right .x4-btn-inner { + line-height: 32px; + padding-right: 36px +} + +.x4-btn-default-large-icon-text-right .x4-btn-icon-el { + width: 32px; + left: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-large-icon-text-right .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-large-icon-text-top .x4-btn-inner { + padding-top: 36px +} + +.x4-btn-default-large-icon-text-top .x4-btn-icon-el { + height: 32px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-large-icon-text-bottom .x4-btn-inner { + padding-bottom: 36px +} + +.x4-btn-default-large-icon-text-bottom .x4-btn-icon-el { + height: 32px; + top: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-large-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-large-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-large-menu-active, .x4-btn-default-large-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-large-focus .x4-frame-tl, .x4-btn-default-large-focus .x4-frame-bl, + .x4-btn-default-large-focus .x4-frame-tr, .x4-btn-default-large-focus .x4-frame-br, + .x4-btn-default-large-focus .x4-frame-tc, .x4-btn-default-large-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-large-focus-corners.gif) +} + +.x4-btn-default-large-focus .x4-frame-ml, .x4-btn-default-large-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-large-focus-sides.gif) +} + +.x4-btn-default-large-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-large-focus-fbg.gif) +} + +.x4-btn-default-large-over .x4-frame-tl, .x4-btn-default-large-over .x4-frame-bl, + .x4-btn-default-large-over .x4-frame-tr, .x4-btn-default-large-over .x4-frame-br, + .x4-btn-default-large-over .x4-frame-tc, .x4-btn-default-large-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-large-over-corners.gif) +} + +.x4-btn-default-large-over .x4-frame-ml, .x4-btn-default-large-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-large-over-sides.gif) +} + +.x4-btn-default-large-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-large-over-fbg.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-tl, + .x4-btn-default-large-menu-active .x4-frame-bl, + .x4-btn-default-large-menu-active .x4-frame-tr, + .x4-btn-default-large-menu-active .x4-frame-br, + .x4-btn-default-large-menu-active .x4-frame-tc, + .x4-btn-default-large-menu-active .x4-frame-bc, + .x4-btn-default-large-pressed .x4-frame-tl, + .x4-btn-default-large-pressed .x4-frame-bl, + .x4-btn-default-large-pressed .x4-frame-tr, + .x4-btn-default-large-pressed .x4-frame-br, + .x4-btn-default-large-pressed .x4-frame-tc, + .x4-btn-default-large-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-large-pressed-corners.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-ml, + .x4-btn-default-large-menu-active .x4-frame-mr, + .x4-btn-default-large-pressed .x4-frame-ml, + .x4-btn-default-large-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-large-pressed-sides.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-mc, + .x4-btn-default-large-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-large-pressed-fbg.gif) +} + +.x4-btn-default-large-disabled .x4-frame-tl, + .x4-btn-default-large-disabled .x4-frame-bl, + .x4-btn-default-large-disabled .x4-frame-tr, + .x4-btn-default-large-disabled .x4-frame-br, + .x4-btn-default-large-disabled .x4-frame-tc, + .x4-btn-default-large-disabled .x4-frame-bc { + background-image: url(images/btn/btn-default-large-disabled-corners.gif) +} + +.x4-btn-default-large-disabled .x4-frame-ml, + .x4-btn-default-large-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-large-disabled-sides.gif) +} + +.x4-btn-default-large-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-large-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-large-focus { + background-image: url(images/btn/btn-default-large-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-large-over { + background-image: url(images/btn/btn-default-large-over-bg.gif) +} + +.x4-nlg .x4-btn-default-large-menu-active, .x4-nlg .x4-btn-default-large-pressed + { + background-image: url(images/btn/btn-default-large-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-large-disabled { + background-image: url(images/btn/btn-default-large-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-large { + background-image: none +} + +.x4-btn-default-large .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-large .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-large-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-large-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-large-disabled .x4-btn-inner, + .x4-btn-default-large-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-large-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-focus-corners.gif), sides:url(images/btn/btn-default-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-large-focus-fbg.gif), bg:url(images/btn/btn-default-large-focus-bg.gif)" +} + +.x4-btn-default-large-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-over-corners.gif), sides:url(images/btn/btn-default-large-over-sides.gif), frame-bg:url(images/btn/btn-default-large-over-fbg.gif), bg:url(images/btn/btn-default-large-over-bg.gif)" +} + +.x4-btn-default-large-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-pressed-corners.gif), sides:url(images/btn/btn-default-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-large-pressed-fbg.gif), bg:url(images/btn/btn-default-large-pressed-bg.gif)" +} + +.x4-btn-default-large-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-disabled-corners.gif), sides:url(images/btn/btn-default-large-disabled-sides.gif), frame-bg:url(images/btn/btn-default-large-disabled-fbg.gif), bg:url(images/btn/btn-default-large-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-small { + border-color: transparent +} + +.x4-btn-default-toolbar-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-small-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-btn-default-toolbar-small-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-small-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-small-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-small-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-small-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-small-mr { + background-position: right top +} + +.x4-btn-default-toolbar-small-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-small-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-small-tr, .x4-btn-default-toolbar-small-br, + .x4-btn-default-toolbar-small-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-small-tl, .x4-btn-default-toolbar-small-bl, + .x4-btn-default-toolbar-small-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-small-tc { + height: 3px +} + +.x4-btn-default-toolbar-small-bc { + height: 3px +} + +.x4-btn-default-toolbar-small-tl, .x4-btn-default-toolbar-small-bl, + .x4-btn-default-toolbar-small-tr, .x4-btn-default-toolbar-small-br, + .x4-btn-default-toolbar-small-tc, .x4-btn-default-toolbar-small-bc, + .x4-btn-default-toolbar-small-ml, .x4-btn-default-toolbar-small-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-small-ml, .x4-btn-default-toolbar-small-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-small-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-small-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-small-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-small .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 4px +} + +.x4-btn-default-toolbar-small .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-small .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-small .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-small .x4-btn-glyph { + font-size: 16px; + line-height: 16px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-small .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-small-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-small-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-small-icon .x4-btn-button, + .x4-btn-default-toolbar-small-noicon .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon .x4-btn-inner, + .x4-btn-default-toolbar-small-noicon .x4-btn-inner { + line-height: 16px +} + +.x4-btn-default-toolbar-small-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-small-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-small-icon .x4-btn-inner { + width: 16px; + padding: 0 +} + +.x4-btn-default-toolbar-small-icon .x4-btn-icon-el { + width: 16px; + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-inner { + line-height: 16px; + padding-left: 20px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el { + width: 16px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-inner { + line-height: 16px; + padding-right: 20px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el { + width: 16px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-top .x4-btn-inner { + padding-top: 20px +} + +.x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el { + height: 16px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-inner { + padding-bottom: 20px +} + +.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el { + height: 16px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-small-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-small-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-small-menu-active, + .x4-btn-default-toolbar-small-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-tl, + .x4-btn-default-toolbar-small-focus .x4-frame-bl, + .x4-btn-default-toolbar-small-focus .x4-frame-tr, + .x4-btn-default-toolbar-small-focus .x4-frame-br, + .x4-btn-default-toolbar-small-focus .x4-frame-tc, + .x4-btn-default-toolbar-small-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-focus-corners.gif) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-ml, + .x4-btn-default-toolbar-small-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-focus-sides.gif) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-small-focus-fbg.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-tl, + .x4-btn-default-toolbar-small-over .x4-frame-bl, + .x4-btn-default-toolbar-small-over .x4-frame-tr, + .x4-btn-default-toolbar-small-over .x4-frame-br, + .x4-btn-default-toolbar-small-over .x4-frame-tc, + .x4-btn-default-toolbar-small-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-over-corners.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-ml, + .x4-btn-default-toolbar-small-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-over-sides.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-mc { + background-color: #e9fce9; + background-image: url(images/btn/btn-default-toolbar-small-over-fbg.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-small-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-small-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-small-menu-active .x4-frame-br, + .x4-btn-default-toolbar-small-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-small-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-small-pressed .x4-frame-tl, + .x4-btn-default-toolbar-small-pressed .x4-frame-bl, + .x4-btn-default-toolbar-small-pressed .x4-frame-tr, + .x4-btn-default-toolbar-small-pressed .x4-frame-br, + .x4-btn-default-toolbar-small-pressed .x4-frame-tc, + .x4-btn-default-toolbar-small-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-corners.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-small-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-small-pressed .x4-frame-ml, + .x4-btn-default-toolbar-small-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-sides.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-small-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-small-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-tl, + .x4-btn-default-toolbar-small-disabled .x4-frame-bl, + .x4-btn-default-toolbar-small-disabled .x4-frame-tr, + .x4-btn-default-toolbar-small-disabled .x4-frame-br, + .x4-btn-default-toolbar-small-disabled .x4-frame-tc, + .x4-btn-default-toolbar-small-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-corners.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-ml, + .x4-btn-default-toolbar-small-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-sides.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-small-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-focus { + background-image: url(images/btn/btn-default-toolbar-small-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-over { + background-image: url(images/btn/btn-default-toolbar-small-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-menu-active, .x4-nlg .x4-btn-default-toolbar-small-pressed + { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-disabled { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-small { + background-image: none +} + +.x4-btn-default-toolbar-small .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-small .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-small-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-small-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-small-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-small-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-focus-bg.gif)" +} + +.x4-btn-default-toolbar-small-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-over-bg.gif)" +} + +.x4-btn-default-toolbar-small-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-small-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-medium { + border-color: transparent +} + +.x4-btn-default-toolbar-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-toolbar-medium-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-medium-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-medium-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-medium-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-medium-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-medium-mr { + background-position: right top +} + +.x4-btn-default-toolbar-medium-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-medium-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-medium-tr, .x4-btn-default-toolbar-medium-br, + .x4-btn-default-toolbar-medium-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-medium-tl, .x4-btn-default-toolbar-medium-bl, + .x4-btn-default-toolbar-medium-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-medium-tc { + height: 3px +} + +.x4-btn-default-toolbar-medium-bc { + height: 3px +} + +.x4-btn-default-toolbar-medium-tl, .x4-btn-default-toolbar-medium-bl, + .x4-btn-default-toolbar-medium-tr, .x4-btn-default-toolbar-medium-br, + .x4-btn-default-toolbar-medium-tc, .x4-btn-default-toolbar-medium-bc, + .x4-btn-default-toolbar-medium-ml, .x4-btn-default-toolbar-medium-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-medium-ml, .x4-btn-default-toolbar-medium-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-medium-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-medium .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-medium .x4-btn-glyph { + font-size: 24px; + line-height: 24px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-medium .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-medium-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-button, + .x4-btn-default-toolbar-medium-noicon .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-inner, + .x4-btn-default-toolbar-medium-noicon .x4-btn-inner { + line-height: 24px +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-medium-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-inner { + width: 24px; + padding: 0 +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-icon-el { + width: 24px; + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-inner { + line-height: 24px; + padding-left: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el { + width: 24px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-inner { + line-height: 24px; + padding-right: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el { + width: 24px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-inner { + padding-top: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el { + height: 24px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-inner { + padding-bottom: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el { + height: 24px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-medium-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-medium-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-medium-menu-active, + .x4-btn-default-toolbar-medium-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-tl, + .x4-btn-default-toolbar-medium-focus .x4-frame-bl, + .x4-btn-default-toolbar-medium-focus .x4-frame-tr, + .x4-btn-default-toolbar-medium-focus .x4-frame-br, + .x4-btn-default-toolbar-medium-focus .x4-frame-tc, + .x4-btn-default-toolbar-medium-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-corners.gif) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-ml, + .x4-btn-default-toolbar-medium-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-sides.gif) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-medium-focus-fbg.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-tl, + .x4-btn-default-toolbar-medium-over .x4-frame-bl, + .x4-btn-default-toolbar-medium-over .x4-frame-tr, + .x4-btn-default-toolbar-medium-over .x4-frame-br, + .x4-btn-default-toolbar-medium-over .x4-frame-tc, + .x4-btn-default-toolbar-medium-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-over-corners.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-ml, + .x4-btn-default-toolbar-medium-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-over-sides.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-medium-over-fbg.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-br, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tl, + .x4-btn-default-toolbar-medium-pressed .x4-frame-bl, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tr, + .x4-btn-default-toolbar-medium-pressed .x4-frame-br, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-corners.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-medium-pressed .x4-frame-ml, + .x4-btn-default-toolbar-medium-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-sides.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-tl, + .x4-btn-default-toolbar-medium-disabled .x4-frame-bl, + .x4-btn-default-toolbar-medium-disabled .x4-frame-tr, + .x4-btn-default-toolbar-medium-disabled .x4-frame-br, + .x4-btn-default-toolbar-medium-disabled .x4-frame-tc, + .x4-btn-default-toolbar-medium-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-corners.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-ml, + .x4-btn-default-toolbar-medium-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-sides.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-focus { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-over { + background-image: url(images/btn/btn-default-toolbar-medium-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-menu-active, .x4-nlg .x4-btn-default-toolbar-medium-pressed + { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-disabled { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-medium { + background-image: none +} + +.x4-btn-default-toolbar-medium .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-medium .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-medium-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-medium-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-medium-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-focus-bg.gif)" +} + +.x4-btn-default-toolbar-medium-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-over-bg.gif)" +} + +.x4-btn-default-toolbar-medium-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-medium-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-large { + border-color: transparent +} + +.x4-btn-default-toolbar-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-large-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-toolbar-large-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-large-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-large-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-large-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-large-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-large-mr { + background-position: right top +} + +.x4-btn-default-toolbar-large-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-large-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-large-tr, .x4-btn-default-toolbar-large-br, + .x4-btn-default-toolbar-large-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-large-tl, .x4-btn-default-toolbar-large-bl, + .x4-btn-default-toolbar-large-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-large-tc { + height: 3px +} + +.x4-btn-default-toolbar-large-bc { + height: 3px +} + +.x4-btn-default-toolbar-large-tl, .x4-btn-default-toolbar-large-bl, + .x4-btn-default-toolbar-large-tr, .x4-btn-default-toolbar-large-br, + .x4-btn-default-toolbar-large-tc, .x4-btn-default-toolbar-large-bc, + .x4-btn-default-toolbar-large-ml, .x4-btn-default-toolbar-large-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-large-ml, .x4-btn-default-toolbar-large-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-large-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-large-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-large-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-large .x4-btn-inner { + font-size: 12px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-toolbar-large .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-large .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-large .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-large .x4-btn-glyph { + font-size: 32px; + line-height: 32px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-large .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-large-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-large-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-large-icon .x4-btn-button, + .x4-btn-default-toolbar-large-noicon .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon .x4-btn-inner, + .x4-btn-default-toolbar-large-noicon .x4-btn-inner { + line-height: 32px +} + +.x4-btn-default-toolbar-large-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-large-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-large-icon .x4-btn-inner { + width: 32px; + padding: 0 +} + +.x4-btn-default-toolbar-large-icon .x4-btn-icon-el { + width: 32px; + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-inner { + line-height: 32px; + padding-left: 36px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el { + width: 32px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-inner { + line-height: 32px; + padding-right: 36px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el { + width: 32px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-top .x4-btn-inner { + padding-top: 36px +} + +.x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el { + height: 32px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-inner { + padding-bottom: 36px +} + +.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el { + height: 32px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-large-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-large-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-large-menu-active, + .x4-btn-default-toolbar-large-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-tl, + .x4-btn-default-toolbar-large-focus .x4-frame-bl, + .x4-btn-default-toolbar-large-focus .x4-frame-tr, + .x4-btn-default-toolbar-large-focus .x4-frame-br, + .x4-btn-default-toolbar-large-focus .x4-frame-tc, + .x4-btn-default-toolbar-large-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-focus-corners.gif) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-ml, + .x4-btn-default-toolbar-large-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-focus-sides.gif) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-large-focus-fbg.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-tl, + .x4-btn-default-toolbar-large-over .x4-frame-bl, + .x4-btn-default-toolbar-large-over .x4-frame-tr, + .x4-btn-default-toolbar-large-over .x4-frame-br, + .x4-btn-default-toolbar-large-over .x4-frame-tc, + .x4-btn-default-toolbar-large-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-over-corners.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-ml, + .x4-btn-default-toolbar-large-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-over-sides.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-mc { + background-color: #e9fce9; + background-image: url(images/btn/btn-default-toolbar-large-over-fbg.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-large-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-large-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-large-menu-active .x4-frame-br, + .x4-btn-default-toolbar-large-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-large-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-large-pressed .x4-frame-tl, + .x4-btn-default-toolbar-large-pressed .x4-frame-bl, + .x4-btn-default-toolbar-large-pressed .x4-frame-tr, + .x4-btn-default-toolbar-large-pressed .x4-frame-br, + .x4-btn-default-toolbar-large-pressed .x4-frame-tc, + .x4-btn-default-toolbar-large-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-corners.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-large-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-large-pressed .x4-frame-ml, + .x4-btn-default-toolbar-large-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-sides.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-large-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-large-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-tl, + .x4-btn-default-toolbar-large-disabled .x4-frame-bl, + .x4-btn-default-toolbar-large-disabled .x4-frame-tr, + .x4-btn-default-toolbar-large-disabled .x4-frame-br, + .x4-btn-default-toolbar-large-disabled .x4-frame-tc, + .x4-btn-default-toolbar-large-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-corners.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-ml, + .x4-btn-default-toolbar-large-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-sides.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-large-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-focus { + background-image: url(images/btn/btn-default-toolbar-large-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-over { + background-image: url(images/btn/btn-default-toolbar-large-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-menu-active, .x4-nlg .x4-btn-default-toolbar-large-pressed + { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-disabled { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-large { + background-image: none +} + +.x4-btn-default-toolbar-large .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-large .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-large-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-large-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-large-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-large-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-focus-bg.gif)" +} + +.x4-btn-default-toolbar-large-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-over-bg.gif)" +} + +.x4-btn-default-toolbar-large-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-large-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-disabled-bg.gif)" +} + +.x4-btn-icon-text-left .x4-btn-icon-el { + background-position: left center +} + +.x4-btn-icon-text-right .x4-btn-icon-el { + background-position: right center +} + +.x4-btn-icon-text-top .x4-btn-icon-el { + background-position: center top +} + +.x4-btn-icon-text-bottom .x4-btn-icon-el { + background-position: center bottom +} + +.x4-btn-arrow-right { + background-position: right center +} + +.x4-btn-arrow-bottom { + background-position: center bottom +} + +.x4-btn-arrow { + background-repeat: no-repeat +} + +.x4-btn-split { + display: block; + background-repeat: no-repeat +} + +.x4-btn-split-right { + background-position: right center +} + +.x4-btn-split-bottom { + background-position: center bottom +} + +.x4-cycle-fixed-width .x4-btn-inner { + text-align: inherit +} + +.x4-toolbar { + font-size: 12px; + border-style: solid; + padding: 2px 0 2px 2px +} + +.x4-toolbar-item { + margin: 0 2px 0 0 +} + +.x4-toolbar-text { + margin: 0 6px 0 4px; + color: #4c4c4c; + line-height: 16px; + font-family: 宋体; + font-size: 12px; + font-weight: normal +} + +.x4-toolbar-separator-horizontal { + margin: 0 2px 0 0; + height: 14px; + border-style: solid; + border-width: 0 1px; + border-left-color: #a3ffad; + border-right-color: white +} + +.x4-toolbar-footer { + background: transparent; + border: 0; + margin: 3px 0 0; + padding: 2px 0 2px 6px +} + +.x4-toolbar-footer .x4-toolbar-item { + margin: 0 6px 0 0 +} + +.x4-toolbar-spacer { + width: 2px +} + +.x4-toolbar-more-icon { + background-image: url(images/toolbar/more.gif) !important; + background-position: center center !important; + background-repeat: no-repeat +} + +.x4-toolbar-default { + border-color: #aedeb4; + border-width: 1px; + background-image: none; + background-color: #e0efe2; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #eaf4eb), + color-stop(100%, #e0efe2)); + background-image: -webkit-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -moz-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -o-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -ms-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: linear-gradient(top, #eaf4eb, #e0efe2) +} + +.x4-toolbar-default .x4-box-scroller { + cursor: pointer +} + +.x4-toolbar-default .x4-box-scroller-disabled { + filter: alpha(opacity = 50); + opacity: .5; + cursor: default +} + +.x4-nlg .x4-toolbar-default { + background-image: url(images/toolbar/toolbar-default-bg.gif) !important; + background-repeat: repeat-x +} + +.x4-toolbar-default:after { + display: none; + content: + "x-slicer:bg:url(images/toolbar/toolbar-default-bg.gif), stretch:bottom" +} + +.x4-toolbar-scroll-left { + background-image: url(images/toolbar/scroll-left.gif); + background-position: -14px 0; + width: 14px; + height: 22px; + border-style: solid; + border-color: #8db2e3; + border-width: 0 0 1px; + margin-top: 0 +} + +.x4-toolbar-scroll-left-hover { + background-position: 0 0 +} + +.x4-toolbar-scroll-right { + background-image: url(images/toolbar/scroll-right.gif); + width: 14px; + height: 22px; + border-style: solid; + border-color: #8db2e3; + border-width: 0 0 1px; + margin-top: 0 +} + +.x4-toolbar-scroll-right-hover { + background-position: -14px 0 +} + +.x4-toolbar .x4-box-menu-after { + margin: 0 2px +} + +.x4-toolbar-vertical { + padding: 2px 2px 0 2px +} + +.x4-toolbar-vertical .x4-toolbar-item { + margin: 0 0 2px 0 +} + +.x4-toolbar-vertical .x4-toolbar-text { + margin: 4px 0 6px 0 +} + +.x4-toolbar-vertical .x4-toolbar-separator-vertical { + margin: 0 5px 2px; + border-style: solid none; + border-width: 1px 0; + border-top-color: #a3ffad; + border-bottom-color: white +} + +.x4-toolbar-vertical .x4-box-menu-after { + margin: 2px 0 +} + +.x4-header-draggable .x4-header-body, .x4-header-ghost { + cursor: move +} + +.x4-header-text { + white-space: nowrap +} + +.x4-panel-ghost { + filter: alpha(opacity = 65); + opacity: .65 +} + +.x4-panel-default { + border-color: #aedeb4; + padding: 0 +} + +.x4-panel-header-default { + font-size: 12px; + border: 1px solid #aedeb4 +} + +.x4-panel-header-default-horizontal { + padding: 4px 5px 4px 5px +} + +.x4-panel-header-default-horizontal-noborder { + padding: 5px 6px 4px 6px +} + +.x4-panel-header-default-vertical { + padding: 5px 4px 5px 4px +} + +.x4-panel-header-default-vertical-noborder { + padding: 6px 5px 6px 4px +} + +.x4-panel-header-text-container-default { + color: #158623; + font-size: 12px; + font-weight: bold; + font-family: 宋体; + line-height: 15px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-panel-body-default { + background: white; + border-color: #aedeb4; + color: black; + font-size: 13px; + font-weight: normal; + font-family: 宋体; + border-width: 1px; + border-style: solid +} + +.x4-panel-header-default { + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-vertical { + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-nlg .x4-panel-header-default-top { + background: url(images/panel-header/panel-header-default-top-bg.gif) +} + +.x4-nlg .x4-panel-header-default-bottom { + background: url(images/panel-header/panel-header-default-bottom-bg.gif) +} + +.x4-nlg .x4-panel-header-default-left { + background: url(images/panel-header/panel-header-default-left-bg.gif) + top right +} + +.x4-nlg .x4-panel-header-default-right { + background: url(images/panel-header/panel-header-default-right-bg.gif) + top right +} + +.x4-panel .x4-panel-header-default-collapsed-border-top { + border-bottom-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-right { + border-left-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-bottom { + border-top-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-left { + border-right-width: 1px !important +} + +.x4-panel-header-default-top:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-top-bg.gif), stretch:bottom" +} + +.x4-panel-header-default-bottom:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-bottom-bg.gif), stretch:bottom" +} + +.x4-panel-header-default-left:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-left-bg.gif), stretch:left" +} + +.x4-panel-header-default-right:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-right-bg.gif), stretch:left" +} + +.x4-panel-header-default-vertical .x4-panel-header-text-container { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-panel-header-default-vertical .x4-panel-header-text-container + { + background-color: #daefdc; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#daefdc) +} + +.x4-panel-header-default-top { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset +} + +.x4-panel-header-default-right { + -webkit-box-shadow: #fcfdfc -1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc -1px 0 0 0 inset; + box-shadow: #fcfdfc -1px 0 0 0 inset +} + +.x4-panel-header-default-bottom { + -webkit-box-shadow: #fcfdfc 0 -1px 0 0 inset; + -moz-box-shadow: #fcfdfc 0 -1px 0 0 inset; + box-shadow: #fcfdfc 0 -1px 0 0 inset +} + +.x4-panel-header-default-left { + -webkit-box-shadow: #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 1px 0 0 0 inset +} + +.x4-panel-header-default .x4-panel-header-icon { + width: 16px; + height: 16px; + background-position: center center +} + +.x4-panel-header-default .x4-panel-header-glyph { + color: #158623; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-panel-header-default .x4-panel-header-glyph { + color: #77ba7f +} + +.x4-panel-header-default-horizontal .x4-panel-header-icon-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-horizontal .x4-panel-header-icon-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-vertical .x4-panel-header-icon-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-header-default-vertical .x4-panel-header-icon-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-default-resizable .x4-panel-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-panel-default-framed { + border-color: #aedeb4; + padding: 4px +} + +.x4-panel-header-default-framed { + font-size: 12px; + border: 1px solid #aedeb4 +} + +.x4-panel-header-default-framed-horizontal { + padding: 4px 5px 4px 5px +} + +.x4-panel-header-default-framed-horizontal-noborder { + padding: 5px 6px 4px 6px +} + +.x4-panel-header-default-framed-vertical { + padding: 5px 4px 5px 4px +} + +.x4-panel-header-default-framed-vertical-noborder { + padding: 6px 5px 6px 4px +} + +.x4-panel-header-text-container-default-framed { + color: #158623; + font-size: 12px; + font-weight: bold; + font-family: 宋体; + line-height: 15px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-panel-body-default-framed { + background: #ebf5ec; + border-color: #aedeb4; + color: black; + font-size: 13px; + font-weight: normal; + font-family: 宋体; + border-width: 0; + border-style: solid +} + +.x4-panel-default-framed { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: #ebf5ec +} + +.x4-panel-default-framed-mc { + background-color: #ebf5ec +} + +.x4-nbr .x4-panel-default-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-panel-default-framed-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-4-4-4 +} + +.x4-panel-default-framed-tl { + background-position: 0 -8px +} + +.x4-panel-default-framed-tr { + background-position: right -12px +} + +.x4-panel-default-framed-bl { + background-position: 0 -16px +} + +.x4-panel-default-framed-br { + background-position: right -20px +} + +.x4-panel-default-framed-ml { + background-position: 0 top +} + +.x4-panel-default-framed-mr { + background-position: right top +} + +.x4-panel-default-framed-tc { + background-position: 0 0 +} + +.x4-panel-default-framed-bc { + background-position: 0 -4px +} + +.x4-panel-default-framed-tr, .x4-panel-default-framed-br, + .x4-panel-default-framed-mr { + padding-right: 4px +} + +.x4-panel-default-framed-tl, .x4-panel-default-framed-bl, + .x4-panel-default-framed-ml { + padding-left: 4px +} + +.x4-panel-default-framed-tc { + height: 4px +} + +.x4-panel-default-framed-bc { + height: 4px +} + +.x4-panel-default-framed-tl, .x4-panel-default-framed-bl, + .x4-panel-default-framed-tr, .x4-panel-default-framed-br, + .x4-panel-default-framed-tc, .x4-panel-default-framed-bc, + .x4-panel-default-framed-ml, .x4-panel-default-framed-mr { + zoom: 1; + background-image: url(images/panel/panel-default-framed-corners.gif) +} + +.x4-panel-default-framed-ml, .x4-panel-default-framed-mr { + zoom: 1; + background-image: url(images/panel/panel-default-framed-sides.gif); + background-repeat: repeat-y +} + +.x4-panel-default-framed-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-panel-default-framed-tl, .x4-strict .x4-ie7 .x4-panel-default-framed-bl + { + position: relative; + right: 0 +} + +.x4-panel-default-framed:after { + display: none; + content: + "x-slicer:corners:url(images/panel/panel-default-framed-corners.gif), sides:url(images/panel/panel-default-framed-sides.gif)" +} + +.x4-panel-header-default-framed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 5px 4px 5px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-top-mc { + background-image: + url(images/panel-header/panel-header-default-framed-top-fbg.gif); + background-position: 0 top; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-top { + background-image: + url(images/panel-header/panel-header-default-framed-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-panel-header-default-framed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-top-frameInfo { + font-family: dh-4-4-0-0-1-1-0-1-4-5-4-5 +} + +.x4-panel-header-default-framed-top-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-top-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-top-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-top-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-top-ml { + background-position: 0 top +} + +.x4-panel-header-default-framed-top-mr { + background-position: right top +} + +.x4-panel-header-default-framed-top-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-top-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-top-tr, + .x4-panel-header-default-framed-top-br, + .x4-panel-header-default-framed-top-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-top-tl, + .x4-panel-header-default-framed-top-bl, + .x4-panel-header-default-framed-top-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-top-tc { + height: 4px +} + +.x4-panel-header-default-framed-top-bc { + height: 0 +} + +.x4-panel-header-default-framed-top-tl, + .x4-panel-header-default-framed-top-bl, + .x4-panel-header-default-framed-top-tr, + .x4-panel-header-default-framed-top-br, + .x4-panel-header-default-framed-top-tc, + .x4-panel-header-default-framed-top-bc, + .x4-panel-header-default-framed-top-ml, + .x4-panel-header-default-framed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-top-corners.gif) +} + +.x4-panel-header-default-framed-top-ml, + .x4-panel-header-default-framed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-top-sides.gif) +} + +.x4-panel-header-default-framed-top-mc { + padding: 1px 2px 4px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-top-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-top-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-top-sides.gif)" +} + +.x4-panel-header-default-framed-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 4px 5px 4px; + border-width: 1px 1px 1px 0; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-right-mc { + background-image: + url(images/panel-header/panel-header-default-framed-right-fbg.gif); + background-position: right 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-right { + background-image: + url(images/panel-header/panel-header-default-framed-right-bg.gif); + background-position: right 0 +} + +.x4-nbr .x4-panel-header-default-framed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-right-frameInfo { + font-family: dv-0-4-4-0-1-1-1-0-5-4-5-4 +} + +.x4-panel-header-default-framed-right-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-right-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-right-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-right-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-right-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-right-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-right-tc { + background-position: right 0 +} + +.x4-panel-header-default-framed-right-bc { + background-position: right -4px +} + +.x4-panel-header-default-framed-right-tr, + .x4-panel-header-default-framed-right-br, + .x4-panel-header-default-framed-right-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-right-tl, + .x4-panel-header-default-framed-right-bl, + .x4-panel-header-default-framed-right-ml { + padding-left: 0 +} + +.x4-panel-header-default-framed-right-tc { + height: 4px +} + +.x4-panel-header-default-framed-right-bc { + height: 4px +} + +.x4-panel-header-default-framed-right-tl, + .x4-panel-header-default-framed-right-bl, + .x4-panel-header-default-framed-right-tr, + .x4-panel-header-default-framed-right-br, + .x4-panel-header-default-framed-right-tc, + .x4-panel-header-default-framed-right-bc, + .x4-panel-header-default-framed-right-ml, + .x4-panel-header-default-framed-right-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-right-corners.gif) +} + +.x4-panel-header-default-framed-right-tc, + .x4-panel-header-default-framed-right-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-right-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-right-mc { + padding: 2px 1px 2px 4px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-right-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-right-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-right:after { + display: none; + content: + "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-right-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-right-bg.gif), corners:url(images/panel-header/panel-header-default-framed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-right-sides.gif)" +} + +.x4-panel-header-default-framed-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-bottom-mc { + background-image: + url(images/panel-header/panel-header-default-framed-bottom-fbg.gif); + background-position: 0 bottom; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-bottom { + background-image: + url(images/panel-header/panel-header-default-framed-bottom-bg.gif); + background-position: 0 bottom +} + +.x4-nbr .x4-panel-header-default-framed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-bottom-frameInfo { + font-family: dh-0-0-4-4-0-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-bottom-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-bottom-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-bottom-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-bottom-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-bottom-ml { + background-position: 0 bottom +} + +.x4-panel-header-default-framed-bottom-mr { + background-position: right bottom +} + +.x4-panel-header-default-framed-bottom-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-bottom-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-bottom-tr, + .x4-panel-header-default-framed-bottom-br, + .x4-panel-header-default-framed-bottom-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-bottom-tl, + .x4-panel-header-default-framed-bottom-bl, + .x4-panel-header-default-framed-bottom-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-bottom-tc { + height: 0 +} + +.x4-panel-header-default-framed-bottom-bc { + height: 4px +} + +.x4-panel-header-default-framed-bottom-tl, + .x4-panel-header-default-framed-bottom-bl, + .x4-panel-header-default-framed-bottom-tr, + .x4-panel-header-default-framed-bottom-br, + .x4-panel-header-default-framed-bottom-tc, + .x4-panel-header-default-framed-bottom-bc, + .x4-panel-header-default-framed-bottom-ml, + .x4-panel-header-default-framed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-bottom-corners.gif) +} + +.x4-panel-header-default-framed-bottom-ml, + .x4-panel-header-default-framed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-bottom-sides.gif) +} + +.x4-panel-header-default-framed-bottom-mc { + padding: 4px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-bottom:after { + display: none; + content: + "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.gif)" +} + +.x4-panel-header-default-framed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-left-mc { + background-image: + url(images/panel-header/panel-header-default-framed-left-fbg.gif); + background-position: left 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-left { + background-image: + url(images/panel-header/panel-header-default-framed-left-bg.gif); + background-position: left 0 +} + +.x4-nbr .x4-panel-header-default-framed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-left-frameInfo { + font-family: dv-4-0-0-4-1-0-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-left-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-left-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-left-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-left-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-left-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-left-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-left-tc { + background-position: left 0 +} + +.x4-panel-header-default-framed-left-bc { + background-position: left -4px +} + +.x4-panel-header-default-framed-left-tr, + .x4-panel-header-default-framed-left-br, + .x4-panel-header-default-framed-left-mr { + padding-right: 0 +} + +.x4-panel-header-default-framed-left-tl, + .x4-panel-header-default-framed-left-bl, + .x4-panel-header-default-framed-left-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-left-tc { + height: 4px +} + +.x4-panel-header-default-framed-left-bc { + height: 4px +} + +.x4-panel-header-default-framed-left-tl, + .x4-panel-header-default-framed-left-bl, + .x4-panel-header-default-framed-left-tr, + .x4-panel-header-default-framed-left-br, + .x4-panel-header-default-framed-left-tc, + .x4-panel-header-default-framed-left-bc, + .x4-panel-header-default-framed-left-ml, + .x4-panel-header-default-framed-left-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-left-corners.gif) +} + +.x4-panel-header-default-framed-left-tc, + .x4-panel-header-default-framed-left-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-left-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-left-mc { + padding: 2px 4px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-left-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-left-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-left:after { + display: none; + content: + "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-left-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-left-bg.gif), corners:url(images/panel-header/panel-header-default-framed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-left-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-top-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif); + background-position: 0 top; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-top { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-top-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-collapsed-top-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-top-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-collapsed-top-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-collapsed-top-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-collapsed-top-ml { + background-position: 0 top +} + +.x4-panel-header-default-framed-collapsed-top-mr { + background-position: right top +} + +.x4-panel-header-default-framed-collapsed-top-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-top-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-top-tr, + .x4-panel-header-default-framed-collapsed-top-br, + .x4-panel-header-default-framed-collapsed-top-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tl, + .x4-panel-header-default-framed-collapsed-top-bl, + .x4-panel-header-default-framed-collapsed-top-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-top-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tl, + .x4-panel-header-default-framed-collapsed-top-bl, + .x4-panel-header-default-framed-collapsed-top-tr, + .x4-panel-header-default-framed-collapsed-top-br, + .x4-panel-header-default-framed-collapsed-top-tc, + .x4-panel-header-default-framed-collapsed-top-bc, + .x4-panel-header-default-framed-collapsed-top-ml, + .x4-panel-header-default-framed-collapsed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-top-ml, + .x4-panel-header-default-framed-collapsed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif) +} + +.x4-panel-header-default-framed-collapsed-top-mc { + padding: 1px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-right-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif); + background-position: right 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-right { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif); + background-position: right 0 +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-right-frameInfo { + font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-collapsed-right-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-right-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-right-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-right-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-collapsed-right-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-collapsed-right-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-right-tc { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-right-bc { + background-position: right -4px +} + +.x4-panel-header-default-framed-collapsed-right-tr, + .x4-panel-header-default-framed-collapsed-right-br, + .x4-panel-header-default-framed-collapsed-right-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tl, + .x4-panel-header-default-framed-collapsed-right-bl, + .x4-panel-header-default-framed-collapsed-right-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-right-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tl, + .x4-panel-header-default-framed-collapsed-right-bl, + .x4-panel-header-default-framed-collapsed-right-tr, + .x4-panel-header-default-framed-collapsed-right-br, + .x4-panel-header-default-framed-collapsed-right-tc, + .x4-panel-header-default-framed-collapsed-right-bc, + .x4-panel-header-default-framed-collapsed-right-ml, + .x4-panel-header-default-framed-collapsed-right-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-right-tc, + .x4-panel-header-default-framed-collapsed-right-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-collapsed-right-mc { + padding: 2px 1px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-right:after { + display: none; + content: + "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-bottom { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-bottom-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif); + background-position: 0 bottom; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-bottom { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif); + background-position: 0 bottom +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-bottom-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-collapsed-bottom-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-bottom-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-collapsed-bottom-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-collapsed-bottom-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-collapsed-bottom-ml { + background-position: 0 bottom +} + +.x4-panel-header-default-framed-collapsed-bottom-mr { + background-position: right bottom +} + +.x4-panel-header-default-framed-collapsed-bottom-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-bottom-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tr, + .x4-panel-header-default-framed-collapsed-bottom-br, + .x4-panel-header-default-framed-collapsed-bottom-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-panel-header-default-framed-collapsed-bottom-bl, + .x4-panel-header-default-framed-collapsed-bottom-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-panel-header-default-framed-collapsed-bottom-bl, + .x4-panel-header-default-framed-collapsed-bottom-tr, + .x4-panel-header-default-framed-collapsed-bottom-br, + .x4-panel-header-default-framed-collapsed-bottom-tc, + .x4-panel-header-default-framed-collapsed-bottom-bc, + .x4-panel-header-default-framed-collapsed-bottom-ml, + .x4-panel-header-default-framed-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-bottom-ml, + .x4-panel-header-default-framed-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif) +} + +.x4-panel-header-default-framed-collapsed-bottom-mc { + padding: 1px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-bottom:after { + display: none; + content: + "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-left-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif); + background-position: left 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-left { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif); + background-position: left 0 +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-left-frameInfo { + font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-collapsed-left-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-left-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-left-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-left-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-collapsed-left-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-collapsed-left-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-left-tc { + background-position: left 0 +} + +.x4-panel-header-default-framed-collapsed-left-bc { + background-position: left -4px +} + +.x4-panel-header-default-framed-collapsed-left-tr, + .x4-panel-header-default-framed-collapsed-left-br, + .x4-panel-header-default-framed-collapsed-left-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tl, + .x4-panel-header-default-framed-collapsed-left-bl, + .x4-panel-header-default-framed-collapsed-left-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-left-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tl, + .x4-panel-header-default-framed-collapsed-left-bl, + .x4-panel-header-default-framed-collapsed-left-tr, + .x4-panel-header-default-framed-collapsed-left-br, + .x4-panel-header-default-framed-collapsed-left-tc, + .x4-panel-header-default-framed-collapsed-left-bc, + .x4-panel-header-default-framed-collapsed-left-ml, + .x4-panel-header-default-framed-collapsed-left-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-left-tc, + .x4-panel-header-default-framed-collapsed-left-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-collapsed-left-mc { + padding: 2px 1px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-left:after { + display: none; + content: + "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif)" +} + +.x4-panel .x4-panel-header-default-framed-top { + border-bottom-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-right { + border-left-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-bottom { + border-top-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-left { + border-right-width: 1px !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-top { + border-bottom-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-right { + border-left-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-bottom { + border-top-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-left { + border-right-width: 0 !important +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-text-container + { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-panel-header-default-framed-vertical .x4-panel-header-text-container + { + background-color: #daefdc; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#daefdc) +} + +.x4-panel-header-default-framed-top { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed-right { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc -1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc -1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, #fcfdfc + -1px 0 0 0 inset +} + +.x4-panel-header-default-framed-bottom { + -webkit-box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed-left { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed .x4-panel-header-icon { + width: 16px; + height: 16px; + background-position: center center +} + +.x4-panel-header-default-framed .x4-panel-header-glyph { + color: #158623; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-panel-header-default-framed .x4-panel-header-glyph { + color: #77ba7f +} + +.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-before-title + { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-after-title + { + margin: 0 0 0 2px +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-icon-before-title + { + margin: 0 0 2px 0 +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-icon-after-title + { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-framed-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-framed-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-framed-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-framed-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-default-framed-resizable .x4-panel-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-tip-anchor { + position: absolute; + overflow: hidden; + height: 10px; + width: 10px; + border-style: solid; + border-width: 5px; + border-color: #a6c1a9; + zoom: 1 +} + +.x4-content-box .x4-tip-anchor { + height: 0; + width: 0 +} + +.x4-tip-anchor-top { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + _border-top-color: pink; + _border-left-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-bottom { + border-bottom-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + _border-bottom-color: pink; + _border-left-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-left { + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + _border-top-color: pink; + _border-bottom-color: pink; + _border-left-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-right { + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: transparent; + _border-top-color: pink; + _border-bottom-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-default { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: #f5fef7 +} + +.x4-tip-default-mc { + background-color: #f5fef7 +} + +.x4-nbr .x4-tip-default { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-tip-default-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-tip-default-tl { + background-position: 0 -6px +} + +.x4-tip-default-tr { + background-position: right -9px +} + +.x4-tip-default-bl { + background-position: 0 -12px +} + +.x4-tip-default-br { + background-position: right -15px +} + +.x4-tip-default-ml { + background-position: 0 top +} + +.x4-tip-default-mr { + background-position: right top +} + +.x4-tip-default-tc { + background-position: 0 0 +} + +.x4-tip-default-bc { + background-position: 0 -3px +} + +.x4-tip-default-tr, .x4-tip-default-br, .x4-tip-default-mr { + padding-right: 3px +} + +.x4-tip-default-tl, .x4-tip-default-bl, .x4-tip-default-ml { + padding-left: 3px +} + +.x4-tip-default-tc { + height: 3px +} + +.x4-tip-default-bc { + height: 3px +} + +.x4-tip-default-tl, .x4-tip-default-bl, .x4-tip-default-tr, + .x4-tip-default-br, .x4-tip-default-tc, .x4-tip-default-bc, + .x4-tip-default-ml, .x4-tip-default-mr { + zoom: 1; + background-image: url(images/tip/tip-default-corners.gif) +} + +.x4-tip-default-ml, .x4-tip-default-mr { + zoom: 1; + background-image: url(images/tip/tip-default-sides.gif); + background-repeat: repeat-y +} + +.x4-tip-default-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-tip-default-tl, .x4-strict .x4-ie7 .x4-tip-default-bl + { + position: relative; + right: 0 +} + +.x4-tip-default:after { + display: none; + content: + "x-slicer:corners:url(images/tip/tip-default-corners.gif), sides:url(images/tip/tip-default-sides.gif)" +} + +.x4-tip-default { + border-color: #a6c1a9 +} + +.x4-tip-default .x4-tool-img { + background-color: #f5fef7 +} + +.x4-tip-header-default .x4-tool-after-title { + margin: 0 0 0 6px +} + +.x4-tip-header-default .x4-tool-before-title { + margin: 0 6px 0 0 +} + +.x4-tip-header-body-default { + padding: 3px 3px 0 3px +} + +.x4-tip-header-text-container-default { + color: #444; + font-size: 12px; + font-weight: bold +} + +.x4-tip-body-default { + padding: 3px; + color: #444; + font-size: 12px; + font-weight: normal +} + +.x4-tip-body-default a { + color: #2a2a2a +} + +.x4-tip-form-invalid { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: white +} + +.x4-tip-form-invalid-mc { + background-color: white +} + +.x4-nbr .x4-tip-form-invalid { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-tip-form-invalid-frameInfo { + font-family: th-5-5-5-5-1-1-1-1-4-4-4-4 +} + +.x4-tip-form-invalid-tl { + background-position: 0 -10px +} + +.x4-tip-form-invalid-tr { + background-position: right -15px +} + +.x4-tip-form-invalid-bl { + background-position: 0 -20px +} + +.x4-tip-form-invalid-br { + background-position: right -25px +} + +.x4-tip-form-invalid-ml { + background-position: 0 top +} + +.x4-tip-form-invalid-mr { + background-position: right top +} + +.x4-tip-form-invalid-tc { + background-position: 0 0 +} + +.x4-tip-form-invalid-bc { + background-position: 0 -5px +} + +.x4-tip-form-invalid-tr, .x4-tip-form-invalid-br, + .x4-tip-form-invalid-mr { + padding-right: 5px +} + +.x4-tip-form-invalid-tl, .x4-tip-form-invalid-bl, + .x4-tip-form-invalid-ml { + padding-left: 5px +} + +.x4-tip-form-invalid-tc { + height: 5px +} + +.x4-tip-form-invalid-bc { + height: 5px +} + +.x4-tip-form-invalid-tl, .x4-tip-form-invalid-bl, + .x4-tip-form-invalid-tr, .x4-tip-form-invalid-br, + .x4-tip-form-invalid-tc, .x4-tip-form-invalid-bc, + .x4-tip-form-invalid-ml, .x4-tip-form-invalid-mr { + zoom: 1; + background-image: url(images/tip/tip-form-invalid-corners.gif) +} + +.x4-tip-form-invalid-ml, .x4-tip-form-invalid-mr { + zoom: 1; + background-image: url(images/tip/tip-form-invalid-sides.gif); + background-repeat: repeat-y +} + +.x4-tip-form-invalid-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-tip-form-invalid-tl, .x4-strict .x4-ie7 .x4-tip-form-invalid-bl + { + position: relative; + right: 0 +} + +.x4-tip-form-invalid:after { + display: none; + content: + "x-slicer:corners:url(images/tip/tip-form-invalid-corners.gif), sides:url(images/tip/tip-form-invalid-sides.gif)" +} + +.x4-tip-form-invalid { + border-color: #a1311f; + -webkit-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, + #d87166 -1px 0 0 0 inset, #d87166 1px 0 0 0 inset; + -moz-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, + #d87166 -1px 0 0 0 inset, #d87166 1px 0 0 0 inset; + box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, #d87166 + -1px 0 0 0 inset, #d87166 1px 0 0 0 inset +} + +.x4-tip-form-invalid .x4-tool-img { + background-color: white +} + +.x4-tip-header-form-invalid .x4-tool-after-title { + margin: 0 0 0 6px +} + +.x4-tip-header-form-invalid .x4-tool-before-title { + margin: 0 6px 0 0 +} + +.x4-tip-header-body-form-invalid { + padding: 3px 3px 0 3px +} + +.x4-tip-header-text-container-form-invalid { + color: #444; + font-size: 12px; + font-weight: bold +} + +.x4-tip-body-form-invalid { + padding: 3px 3px 3px 22px; + color: #444; + font-size: 12px; + font-weight: normal +} + +.x4-tip-body-form-invalid a { + color: #2a2a2a +} + +.x4-tip-body-form-invalid { + background: 1px 1px no-repeat; + background-image: url(images/form/exclamation.gif) +} + +.x4-tip-body-form-invalid li { + margin-bottom: 4px +} + +.x4-tip-body-form-invalid li.last { + margin-bottom: 0 +} + +.x4-btn-group-default { + border-color: #c9d0c9; + -webkit-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + -moz-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, #eef5ef + -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset +} + +.x4-btn-group-header-default { + margin: 2px 2px 0 2px; + padding: 1px 0; + line-height: 15px; + background: #d2ebd4; + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0 +} + +.x4-btn-group-header-default .x4-tool-img { + background-color: #d2ebd4 +} + +.x4-btn-group-header-text-container-default { + font: normal 12px ����; + line-height: 15px; + color: #5b9965 +} + +.x4-btn-group-body-default { + padding: 0 1px +} + +.x4-btn-group-body-default .x4-table-layout { + border-spacing: 0 +} + +.x4-btn-group-default-framed { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 1px 1px 1px 1px; + border-width: 1px; + border-style: solid; + background-color: #deede0 +} + +.x4-btn-group-default-framed-mc { + background-color: #deede0 +} + +.x4-nbr .x4-btn-group-default-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-group-default-framed-frameInfo { + font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1 +} + +.x4-btn-group-default-framed-tl { + background-position: 0 -4px +} + +.x4-btn-group-default-framed-tr { + background-position: right -6px +} + +.x4-btn-group-default-framed-bl { + background-position: 0 -8px +} + +.x4-btn-group-default-framed-br { + background-position: right -10px +} + +.x4-btn-group-default-framed-ml { + background-position: 0 top +} + +.x4-btn-group-default-framed-mr { + background-position: right top +} + +.x4-btn-group-default-framed-tc { + background-position: 0 0 +} + +.x4-btn-group-default-framed-bc { + background-position: 0 -2px +} + +.x4-btn-group-default-framed-tr, .x4-btn-group-default-framed-br, + .x4-btn-group-default-framed-mr { + padding-right: 2px +} + +.x4-btn-group-default-framed-tl, .x4-btn-group-default-framed-bl, + .x4-btn-group-default-framed-ml { + padding-left: 2px +} + +.x4-btn-group-default-framed-tc { + height: 2px +} + +.x4-btn-group-default-framed-bc { + height: 2px +} + +.x4-btn-group-default-framed-tl, .x4-btn-group-default-framed-bl, + .x4-btn-group-default-framed-tr, .x4-btn-group-default-framed-br, + .x4-btn-group-default-framed-tc, .x4-btn-group-default-framed-bc, + .x4-btn-group-default-framed-ml, .x4-btn-group-default-framed-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-corners.gif) +} + +.x4-btn-group-default-framed-ml, .x4-btn-group-default-framed-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-sides.gif); + background-repeat: repeat-y +} + +.x4-btn-group-default-framed-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-group-default-framed-tl, .x4-strict .x4-ie7 .x4-btn-group-default-framed-bl + { + position: relative; + right: 0 +} + +.x4-btn-group-default-framed:after { + display: none; + content: + "x-slicer:corners:url(images/btn-group/btn-group-default-framed-corners.gif), sides:url(images/btn-group/btn-group-default-framed-sides.gif)" +} + +.x4-btn-group-default-framed-notitle { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 1px 1px 1px 1px; + border-width: 1px; + border-style: solid; + background-color: #deede0 +} + +.x4-btn-group-default-framed-notitle-mc { + background-color: #deede0 +} + +.x4-nbr .x4-btn-group-default-framed-notitle { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-group-default-framed-notitle-frameInfo { + font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1 +} + +.x4-btn-group-default-framed-notitle-tl { + background-position: 0 -4px +} + +.x4-btn-group-default-framed-notitle-tr { + background-position: right -6px +} + +.x4-btn-group-default-framed-notitle-bl { + background-position: 0 -8px +} + +.x4-btn-group-default-framed-notitle-br { + background-position: right -10px +} + +.x4-btn-group-default-framed-notitle-ml { + background-position: 0 top +} + +.x4-btn-group-default-framed-notitle-mr { + background-position: right top +} + +.x4-btn-group-default-framed-notitle-tc { + background-position: 0 0 +} + +.x4-btn-group-default-framed-notitle-bc { + background-position: 0 -2px +} + +.x4-btn-group-default-framed-notitle-tr, + .x4-btn-group-default-framed-notitle-br, + .x4-btn-group-default-framed-notitle-mr { + padding-right: 2px +} + +.x4-btn-group-default-framed-notitle-tl, + .x4-btn-group-default-framed-notitle-bl, + .x4-btn-group-default-framed-notitle-ml { + padding-left: 2px +} + +.x4-btn-group-default-framed-notitle-tc { + height: 2px +} + +.x4-btn-group-default-framed-notitle-bc { + height: 2px +} + +.x4-btn-group-default-framed-notitle-tl, + .x4-btn-group-default-framed-notitle-bl, + .x4-btn-group-default-framed-notitle-tr, + .x4-btn-group-default-framed-notitle-br, + .x4-btn-group-default-framed-notitle-tc, + .x4-btn-group-default-framed-notitle-bc, + .x4-btn-group-default-framed-notitle-ml, + .x4-btn-group-default-framed-notitle-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-notitle-corners.gif) +} + +.x4-btn-group-default-framed-notitle-ml, + .x4-btn-group-default-framed-notitle-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-notitle-sides.gif); + background-repeat: repeat-y +} + +.x4-btn-group-default-framed-notitle-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-tl, .x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-bl + { + position: relative; + right: 0 +} + +.x4-btn-group-default-framed-notitle:after { + display: none; + content: + "x-slicer:corners:url(images/btn-group/btn-group-default-framed-notitle-corners.gif), sides:url(images/btn-group/btn-group-default-framed-notitle-sides.gif)" +} + +.x4-btn-group-default-framed { + border-color: #c9d0c9; + -webkit-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + -moz-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, #eef5ef + -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset +} + +.x4-btn-group-header-default-framed { + margin: 2px 2px 0 2px; + padding: 1px 0; + line-height: 15px; + background: #d2ebd4; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px +} + +.x4-btn-group-header-default-framed .x4-tool-img { + background-color: #d2ebd4 +} + +.x4-btn-group-header-text-container-default-framed { + font: normal 12px ����; + line-height: 15px; + color: #5b9965 +} + +.x4-btn-group-body-default-framed { + padding: 0 1px 0 1px +} + +.x4-btn-group-body-default-framed .x4-table-layout { + border-spacing: 0 +} + +.x4-window-ghost { + filter: alpha(opacity = 65); + opacity: .65 +} + +.x4-window-default { + border-color: #b8bab8; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset +} + +.x4-window-default { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-default-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-default { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-default-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4 +} + +.x4-window-default-tl { + background-position: 0 -10px +} + +.x4-window-default-tr { + background-position: right -15px +} + +.x4-window-default-bl { + background-position: 0 -20px +} + +.x4-window-default-br { + background-position: right -25px +} + +.x4-window-default-ml { + background-position: 0 top +} + +.x4-window-default-mr { + background-position: right top +} + +.x4-window-default-tc { + background-position: 0 0 +} + +.x4-window-default-bc { + background-position: 0 -5px +} + +.x4-window-default-tr, .x4-window-default-br, .x4-window-default-mr { + padding-right: 5px +} + +.x4-window-default-tl, .x4-window-default-bl, .x4-window-default-ml { + padding-left: 5px +} + +.x4-window-default-tc { + height: 5px +} + +.x4-window-default-bc { + height: 5px +} + +.x4-window-default-tl, .x4-window-default-bl, .x4-window-default-tr, + .x4-window-default-br, .x4-window-default-tc, .x4-window-default-bc, + .x4-window-default-ml, .x4-window-default-mr { + zoom: 1; + background-image: url(images/window/window-default-corners.gif) +} + +.x4-window-default-ml, .x4-window-default-mr { + zoom: 1; + background-image: url(images/window/window-default-sides.gif); + background-repeat: repeat-y +} + +.x4-window-default-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-window-default-tl, .x4-strict .x4-ie7 .x4-window-default-bl + { + position: relative; + right: 0 +} + +.x4-window-default:after { + display: none; + content: + "x-slicer:corners:url(images/window/window-default-corners.gif), sides:url(images/window/window-default-sides.gif)" +} + +.x4-window-body-default { + border-color: #aedeb5; + border-width: 1px; + border-style: solid; + background: #ebf5ed; + color: black; + font-size: 13px; + font-weight: normal; + font-family: 宋体 +} + +.x4-window-header-default { + font-size: 12px; + border-color: #b8bab8; + zoom: 1; + background-color: #dce4dd +} + +.x4-window-header-default .x4-tool-img { + background-color: #dce4dd +} + +.x4-window-header-default-vertical .x4-window-header-text-container { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-window-header-default-vertical .x4-window-header-text-container + { + background-color: #dce4dd; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#dce4dd) +} + +.x4-window-header-text-container-default { + color: #15861e; + font-weight: bold; + line-height: 15px; + font-family: 宋体; + font-size: 12px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-window-header-default-top { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 5px 0 5px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-top-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-top-frameInfo { + font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5 +} + +.x4-window-header-default-top-tl { + background-position: 0 -10px +} + +.x4-window-header-default-top-tr { + background-position: right -15px +} + +.x4-window-header-default-top-bl { + background-position: 0 -20px +} + +.x4-window-header-default-top-br { + background-position: right -25px +} + +.x4-window-header-default-top-ml { + background-position: 0 top +} + +.x4-window-header-default-top-mr { + background-position: right top +} + +.x4-window-header-default-top-tc { + background-position: 0 0 +} + +.x4-window-header-default-top-bc { + background-position: 0 -5px +} + +.x4-window-header-default-top-tr, .x4-window-header-default-top-br, + .x4-window-header-default-top-mr { + padding-right: 5px +} + +.x4-window-header-default-top-tl, .x4-window-header-default-top-bl, + .x4-window-header-default-top-ml { + padding-left: 5px +} + +.x4-window-header-default-top-tc { + height: 5px +} + +.x4-window-header-default-top-bc { + height: 0 +} + +.x4-window-header-default-top-tl, .x4-window-header-default-top-bl, + .x4-window-header-default-top-tr, .x4-window-header-default-top-br, + .x4-window-header-default-top-tc, .x4-window-header-default-top-bc, + .x4-window-header-default-top-ml, .x4-window-header-default-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-top-corners.gif) +} + +.x4-window-header-default-top-ml, .x4-window-header-default-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-top-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-top-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-top-tl, .x4-strict .x4-ie7 .x4-window-header-default-top-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-top:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-top-corners.gif), sides:url(images/window-header/window-header-default-top-sides.gif)" +} + +.x4-window-header-default-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 4px 5px 0; + border-width: 1px 1px 1px 0; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-right-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-right-frameInfo { + font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0 +} + +.x4-window-header-default-right-tl { + background-position: 0 -10px +} + +.x4-window-header-default-right-tr { + background-position: right -15px +} + +.x4-window-header-default-right-bl { + background-position: 0 -20px +} + +.x4-window-header-default-right-br { + background-position: right -25px +} + +.x4-window-header-default-right-ml { + background-position: 0 top +} + +.x4-window-header-default-right-mr { + background-position: right top +} + +.x4-window-header-default-right-tc { + background-position: 0 0 +} + +.x4-window-header-default-right-bc { + background-position: 0 -5px +} + +.x4-window-header-default-right-tr, .x4-window-header-default-right-br, + .x4-window-header-default-right-mr { + padding-right: 5px +} + +.x4-window-header-default-right-tl, .x4-window-header-default-right-bl, + .x4-window-header-default-right-ml { + padding-left: 0 +} + +.x4-window-header-default-right-tc { + height: 5px +} + +.x4-window-header-default-right-bc { + height: 5px +} + +.x4-window-header-default-right-tl, .x4-window-header-default-right-bl, + .x4-window-header-default-right-tr, .x4-window-header-default-right-br, + .x4-window-header-default-right-tc, .x4-window-header-default-right-bc, + .x4-window-header-default-right-ml, .x4-window-header-default-right-mr + { + zoom: 1; + background-image: + url(images/window-header/window-header-default-right-corners.gif) +} + +.x4-window-header-default-right-ml, .x4-window-header-default-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-right-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-right-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-right-tl, .x4-strict .x4-ie7 .x4-window-header-default-right-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-right:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-right-corners.gif), sides:url(images/window-header/window-header-default-right-sides.gif)" +} + +.x4-window-header-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 0 5px 4px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-bottom-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-bottom-frameInfo { + font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5 +} + +.x4-window-header-default-bottom-tl { + background-position: 0 -10px +} + +.x4-window-header-default-bottom-tr { + background-position: right -15px +} + +.x4-window-header-default-bottom-bl { + background-position: 0 -20px +} + +.x4-window-header-default-bottom-br { + background-position: right -25px +} + +.x4-window-header-default-bottom-ml { + background-position: 0 top +} + +.x4-window-header-default-bottom-mr { + background-position: right top +} + +.x4-window-header-default-bottom-tc { + background-position: 0 0 +} + +.x4-window-header-default-bottom-bc { + background-position: 0 -5px +} + +.x4-window-header-default-bottom-tr, .x4-window-header-default-bottom-br, + .x4-window-header-default-bottom-mr { + padding-right: 5px +} + +.x4-window-header-default-bottom-tl, .x4-window-header-default-bottom-bl, + .x4-window-header-default-bottom-ml { + padding-left: 5px +} + +.x4-window-header-default-bottom-tc { + height: 0 +} + +.x4-window-header-default-bottom-bc { + height: 5px +} + +.x4-window-header-default-bottom-tl, .x4-window-header-default-bottom-bl, + .x4-window-header-default-bottom-tr, + .x4-window-header-default-bottom-br, + .x4-window-header-default-bottom-tc, + .x4-window-header-default-bottom-bc, + .x4-window-header-default-bottom-ml, + .x4-window-header-default-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-bottom-corners.gif) +} + +.x4-window-header-default-bottom-ml, .x4-window-header-default-bottom-mr + { + zoom: 1; + background-image: + url(images/window-header/window-header-default-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-bottom-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-bottom-tl, .x4-strict .x4-ie7 .x4-window-header-default-bottom-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-bottom-corners.gif), sides:url(images/window-header/window-header-default-bottom-sides.gif)" +} + +.x4-window-header-default-left { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 5px 0 5px 4px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-left-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-left-frameInfo { + font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4 +} + +.x4-window-header-default-left-tl { + background-position: 0 -10px +} + +.x4-window-header-default-left-tr { + background-position: right -15px +} + +.x4-window-header-default-left-bl { + background-position: 0 -20px +} + +.x4-window-header-default-left-br { + background-position: right -25px +} + +.x4-window-header-default-left-ml { + background-position: 0 top +} + +.x4-window-header-default-left-mr { + background-position: right top +} + +.x4-window-header-default-left-tc { + background-position: 0 0 +} + +.x4-window-header-default-left-bc { + background-position: 0 -5px +} + +.x4-window-header-default-left-tr, .x4-window-header-default-left-br, + .x4-window-header-default-left-mr { + padding-right: 0 +} + +.x4-window-header-default-left-tl, .x4-window-header-default-left-bl, + .x4-window-header-default-left-ml { + padding-left: 5px +} + +.x4-window-header-default-left-tc { + height: 5px +} + +.x4-window-header-default-left-bc { + height: 5px +} + +.x4-window-header-default-left-tl, .x4-window-header-default-left-bl, + .x4-window-header-default-left-tr, .x4-window-header-default-left-br, + .x4-window-header-default-left-tc, .x4-window-header-default-left-bc, + .x4-window-header-default-left-ml, .x4-window-header-default-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-left-corners.gif) +} + +.x4-window-header-default-left-ml, .x4-window-header-default-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-left-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-left-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-left-tl, .x4-strict .x4-ie7 .x4-window-header-default-left-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-left:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-left-corners.gif), sides:url(images/window-header/window-header-default-left-sides.gif)" +} + +.x4-window-header-default-collapsed-top { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-top-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-top-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5 +} + +.x4-window-header-default-collapsed-top-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-top-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-top-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-top-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-top-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-top-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-top-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-top-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-top-tr, + .x4-window-header-default-collapsed-top-br, + .x4-window-header-default-collapsed-top-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-top-tl, + .x4-window-header-default-collapsed-top-bl, + .x4-window-header-default-collapsed-top-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-top-tc { + height: 5px +} + +.x4-window-header-default-collapsed-top-bc { + height: 5px +} + +.x4-window-header-default-collapsed-top-tl, + .x4-window-header-default-collapsed-top-bl, + .x4-window-header-default-collapsed-top-tr, + .x4-window-header-default-collapsed-top-br, + .x4-window-header-default-collapsed-top-tc, + .x4-window-header-default-collapsed-top-bc, + .x4-window-header-default-collapsed-top-ml, + .x4-window-header-default-collapsed-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-top-corners.gif) +} + +.x4-window-header-default-collapsed-top-ml, + .x4-window-header-default-collapsed-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-top-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-top-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-top:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-top-corners.gif), sides:url(images/window-header/window-header-default-collapsed-top-sides.gif)" +} + +.x4-window-header-default-collapsed-right { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-right-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-right-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4 +} + +.x4-window-header-default-collapsed-right-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-right-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-right-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-right-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-right-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-right-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-right-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-right-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-right-tr, + .x4-window-header-default-collapsed-right-br, + .x4-window-header-default-collapsed-right-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-right-tl, + .x4-window-header-default-collapsed-right-bl, + .x4-window-header-default-collapsed-right-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-right-tc { + height: 5px +} + +.x4-window-header-default-collapsed-right-bc { + height: 5px +} + +.x4-window-header-default-collapsed-right-tl, + .x4-window-header-default-collapsed-right-bl, + .x4-window-header-default-collapsed-right-tr, + .x4-window-header-default-collapsed-right-br, + .x4-window-header-default-collapsed-right-tc, + .x4-window-header-default-collapsed-right-bc, + .x4-window-header-default-collapsed-right-ml, + .x4-window-header-default-collapsed-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-right-corners.gif) +} + +.x4-window-header-default-collapsed-right-ml, + .x4-window-header-default-collapsed-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-right-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-right-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-right:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-right-corners.gif), sides:url(images/window-header/window-header-default-collapsed-right-sides.gif)" +} + +.x4-window-header-default-collapsed-bottom { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-bottom-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-bottom-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5 +} + +.x4-window-header-default-collapsed-bottom-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-bottom-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-bottom-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-bottom-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-bottom-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-bottom-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-bottom-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-bottom-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-bottom-tr, + .x4-window-header-default-collapsed-bottom-br, + .x4-window-header-default-collapsed-bottom-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-bottom-tl, + .x4-window-header-default-collapsed-bottom-bl, + .x4-window-header-default-collapsed-bottom-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-bottom-tc { + height: 5px +} + +.x4-window-header-default-collapsed-bottom-bc { + height: 5px +} + +.x4-window-header-default-collapsed-bottom-tl, + .x4-window-header-default-collapsed-bottom-bl, + .x4-window-header-default-collapsed-bottom-tr, + .x4-window-header-default-collapsed-bottom-br, + .x4-window-header-default-collapsed-bottom-tc, + .x4-window-header-default-collapsed-bottom-bc, + .x4-window-header-default-collapsed-bottom-ml, + .x4-window-header-default-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-bottom-corners.gif) +} + +.x4-window-header-default-collapsed-bottom-ml, + .x4-window-header-default-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-bottom-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-bottom-corners.gif), sides:url(images/window-header/window-header-default-collapsed-bottom-sides.gif)" +} + +.x4-window-header-default-collapsed-left { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-left-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-left-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4 +} + +.x4-window-header-default-collapsed-left-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-left-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-left-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-left-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-left-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-left-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-left-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-left-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-left-tr, + .x4-window-header-default-collapsed-left-br, + .x4-window-header-default-collapsed-left-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-left-tl, + .x4-window-header-default-collapsed-left-bl, + .x4-window-header-default-collapsed-left-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-left-tc { + height: 5px +} + +.x4-window-header-default-collapsed-left-bc { + height: 5px +} + +.x4-window-header-default-collapsed-left-tl, + .x4-window-header-default-collapsed-left-bl, + .x4-window-header-default-collapsed-left-tr, + .x4-window-header-default-collapsed-left-br, + .x4-window-header-default-collapsed-left-tc, + .x4-window-header-default-collapsed-left-bc, + .x4-window-header-default-collapsed-left-ml, + .x4-window-header-default-collapsed-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-left-corners.gif) +} + +.x4-window-header-default-collapsed-left-ml, + .x4-window-header-default-collapsed-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-left-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-left-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-left:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-left-corners.gif), sides:url(images/window-header/window-header-default-collapsed-left-sides.gif)" +} + +.x4-window-header-default-top { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default-right { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + -1px 0 0 0 inset +} + +.x4-window-header-default-bottom { + -webkit-box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default-left { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default .x4-window-header-icon { + width: 16px; + height: 16px; + color: #15861e; + font-size: 16px; + line-height: 16px; + background-position: center center +} + +.x4-window-header-default .x4-window-header-glyph { + color: #15861e; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-window-header-default .x4-window-header-glyph { + color: #78b57d +} + +.x4-window-header-default-horizontal .x4-window-header-icon-before-title + { + margin: 0 2px 0 0 +} + +.x4-window-header-default-horizontal .x4-window-header-icon-after-title + { + margin: 0 0 0 2px +} + +.x4-window-header-default-vertical .x4-window-header-icon-before-title { + margin: 0 0 2px 0 +} + +.x4-window-header-default-vertical .x4-window-header-icon-after-title { + margin: 2px 0 0 0 +} + +.x4-window-header-default-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-window-header-default-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-window-header-default-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-window-header-default-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-window-default-collapsed .x4-window-header { + border-width: 1px !important +} + +.x4-nbr .x4-window-default-collapsed .x4-window-header { + border-width: 0 !important +} + +.x4-window-body-plain { + background-color: transparent +} + +.x4-form-invalid-under { + padding: 2px 2px 2px 20px; + color: #c0272b; + font: normal 12px ����; + line-height: 16px; + background: no-repeat 0 2px; + background-image: url(images/form/exclamation.gif) +} + +div.x4-lbl-top-err-icon { + margin-bottom: 3px +} + +.x4-form-invalid-icon { + width: 16px; + height: 16px; + margin: 0 1px; + background-image: url(images/form/exclamation.gif); + background-repeat: no-repeat +} + +.x4-form-item-label { + color: black; + font: normal 13px/15px ����; + margin-top: 4px +} + +.x4-toolbar-item .x4-form-item-label { + font: normal 12px/14px ����; + margin-top: 3px +} + +.x4-autocontainer-form-item, .x4-anchor-form-item, .x4-vbox-form-item, + .x4-table-form-item { + margin-bottom: 5px +} + +.x4-ie6 .x4-form-form-item td { + border-top-width: 0 +} + +.x4-ie6 td.x4-form-item-pad { + height: 5px +} + +.x4-form-field { + color: black +} + +.x4-form-item, .x4-form-field { + font: normal 13px ���� +} + +.x4-form-type-text textarea.x4-form-invalid-field, .x4-form-type-text input.x4-form-invalid-field, + .x4-form-type-password textarea.x4-form-invalid-field, + .x4-form-type-password input.x4-form-invalid-field, + .x4-form-type-number textarea.x4-form-invalid-field, + .x4-form-type-number input.x4-form-invalid-field, .x4-form-type-email textarea.x4-form-invalid-field, + .x4-form-type-email input.x4-form-invalid-field, .x4-form-type-search textarea.x4-form-invalid-field, + .x4-form-type-search input.x4-form-invalid-field, .x4-form-type-tel textarea.x4-form-invalid-field, + .x4-form-type-tel input.x4-form-invalid-field { + background-color: white; + background-image: url(images/grid/invalid_line.gif); + background-repeat: repeat-x; + background-position: bottom; + border-color: #c30 +} + +.x4-item-disabled .x4-form-item-label, .x4-item-disabled .x4-form-field, + .x4-item-disabled .x4-form-display-field, .x4-item-disabled .x4-form-cb-label, + .x4-item-disabled .x4-form-trigger { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-form-text { + color: black; + padding: 1px 3px 2px 3px; + background: white repeat-x 0 0; + border-width: 1px; + border-style: solid; + border-color: #b5b8c8; + background-image: url(images/form/text-bg.gif); + height: 22px; + line-height: 17px +} + +.x4-field-toolbar .x4-form-text { + height: 20px; + line-height: 15px +} + +.x4-content-box .x4-form-text { + height: 17px +} + +.x4-content-box .x4-field-toolbar .x4-form-text { + height: 15px +} + +.x4-form-focus { + border-color: #97cb9a +} + +.x4-form-empty-field, textarea.x4-form-empty-field { + color: gray +} + +.x4-quirks .x4-ie .x4-form-text, .x4-ie7m .x4-form-text { + margin-top: -1px; + margin-bottom: -1px +} + +.x4-form-textarea { + line-height: normal; + height: auto; + background-image: url(images/form/text-bg.gif) +} + +.x4-content-box .x4-form-textarea { + height: auto +} + +.x4-form-display-field { + height: 22px +} + +.x4-toolbar-item .x4-form-display-field { + height: 20px +} + +.x4-form-display-field { + font: normal 13px/15px ����; + color: black; + margin-top: 4px +} + +.x4-toolbar-item .x4-form-display-field { + margin-top: 3px; + font: normal 12px/14px ���� +} + +.x4-message-box .x4-window-body { + background-color: #dce4dd; + border-width: 0 +} + +.x4-message-box-info, .x4-message-box-warning, .x4-message-box-question, + .x4-message-box-error { + background-position: left top; + background-repeat: no-repeat +} + +.x4-message-box-info { + background-image: url(images/shared/icon-info.gif) +} + +.x4-message-box-warning { + background-image: url(images/shared/icon-warning.gif) +} + +.x4-message-box-question { + background-image: url(images/shared/icon-question.gif) +} + +.x4-message-box-error { + background-image: url(images/shared/icon-error.gif) +} + +.x4-form-cb-wrap { + height: 22px +} + +.x4-toolbar-item .x4-form-cb-wrap { + height: 20px +} + +.x4-form-cb { + margin-top: 5px +} + +.x4-toolbar-item .x4-form-cb { + margin-top: 4px +} + +.x4-form-checkbox { + width: 13px; + height: 13px; + background: url(images/form/checkbox.gif) no-repeat +} + +.x4-form-cb-checked .x4-form-checkbox { + background-position: 0 -13px +} + +.x4-form-checkbox-focus { + background-position: -13px 0 +} + +.x4-form-cb-checked .x4-form-checkbox-focus { + background-position: -13px -13px +} + +.x4-form-cb-label { + margin-top: 4px; + font: normal 13px/15px ���� +} + +.x4-toolbar-item .x4-form-cb-label { + font: normal 12px/14px ����; + margin-top: 3px +} + +.x4-form-cb-label-before { + padding-right: 17px +} + +.x4-form-cb-label-after { + padding-left: 17px +} + +.x4-form-cb-wrap-inner-no-box-label .x4-form-cb { + position: static +} + +.x4-quirks .x4-ie .x4-form-cb-wrap-inner-no-box-label, .x4-ie7m .x4-form-cb-wrap-inner-no-box-label + { + display: inline; + width: 13px; + zoom: 1 +} + +.x4-form-checkboxgroup-body { + padding: 0 4px +} + +.x4-form-invalid .x4-form-checkboxgroup-body { + border: 1px solid #c30; + background-image: url(images/grid/invalid_line.gif); + background-repeat: repeat-x; + background-position: bottom +} + +.x4-check-group-alt { + background: #dfece1; + border-top: 1px dotted #c4c4c4; + border-bottom: 1px dotted #c4c4c4 +} + +.x4-form-check-group-label { + color: black; + padding: 2px; + margin: 0 30px 5px 0; + border-width: 0 0 1px 0; + border-style: solid; + border-color: black +} + +.x4-fieldset { + border: 1px solid #b5b8c8; + padding: 0 10px; + margin: 0 0 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + overflow: hidden +} + +.x4-ie8m .x4-fieldset, .x4-quirks .x4-ie .x4-fieldset { + padding-top: 0 +} + +.x4-ie8m .x4-fieldset .x4-fieldset-body, .x4-quirks .x4-ie .x4-fieldset .x4-fieldset-body + { + padding-top: 0 +} + +.x4-fieldset-header-checkbox { + line-height: 14px; + margin: 1px 0 0 +} + +.x4-fieldset-header { + padding: 0 3px 1px +} + +.x4-fieldset-header .x4-tool { + margin-top: 1px; + padding: 0 +} + +.x4-fieldset-header .x4-form-cb-wrap { + padding: 1px 0 +} + +.x4-fieldset-header-text { + font: normal 12px/14px 宋体; + color: #29823a; + padding: 1px 0 +} + +.x4-fieldset-header-text-collapsible { + cursor: pointer +} + +.x4-fieldset-with-title .x4-fieldset-header-checkbox, + .x4-fieldset-with-title .x4-tool { + margin: 1px 3px 0 0 +} + +.x4-webkit .x4-fieldset-header { + -webkit-padding-start: 3px; + -webkit-padding-end: 3px +} + +.x4-opera .x4-fieldset-with-legend { + margin-top: -1px +} + +.x4-opera.x4-mac .x4-fieldset-header-text { + padding: 2px 0 0 +} + +.x4-strict .x4-ie8 .x4-fieldset-header { + margin-bottom: -1px +} + +.x4-strict .x4-ie8 .x4-fieldset-header .x4-tool, .x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-text, + .x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-checkbox { + position: relative; + top: -1px +} + +.x4-quirks .x4-ie .x4-fieldset-header, .x4-ie8m .x4-fieldset-header { + padding-left: 1px; + padding-right: 1px +} + +.x4-fieldset-collapsed { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + padding-bottom: 0 !important; + border-width: 1px 1px 0 1px !important; + border-left-color: transparent !important; + border-right-color: transparent !important +} + +.x4-fieldset-collapsed .x4-fieldset-body { + display: none +} + +.x4-ie6 .x4-fieldset-collapsed { + border-width: 1px 0 0 0 !important; + padding-bottom: 0 !important; + margin-left: 1px; + margin-right: 1px +} + +.x4-ie .x4-fieldset-bwrap { + zoom: 1 +} + +.x4-fieldset .x4-tool-toggle { + background-position: 0 -60px +} + +.x4-fieldset .x4-tool-over .x4-tool-toggle { + background-position: -15px -60px +} + +.x4-fieldset-collapsed .x4-tool-toggle { + background-position: 0 -75px +} + +.x4-fieldset-collapsed .x4-tool-over .x4-tool-toggle { + background-position: -15px -75px +} + +.x4-ie .x4-fieldset-noborder legend { + position: relative; + margin-bottom: 23px +} + +.x4-ie .x4-fieldset-noborder legend span { + position: absolute; + left: 16px +} + +x4-fieldset-body { + overflow: hidden +} + +.x4-form-radio { + width: 13px; + height: 13px; + background: url(images/form/radio.gif) no-repeat +} + +.x4-form-cb-checked .x4-form-radio { + background-position: 0 -13px +} + +.x4-form-radio-focus { + background-position: -13px 0 +} + +.x4-form-cb-checked .x4-form-radio-focus { + background-position: -13px -13px +} + +.x4-form-trigger { + background: url(images/form/trigger.gif); + width: 17px; + border-width: 0 0 1px; + border-color: #b5b8c8; + border-style: solid +} + +.x4-trigger-cell { + background-color: transparent; + width: 17px +} + +.x4-form-trigger-over { + background-position: -17px 0; + border-color: #97cb9a +} + +.x4-form-trigger-wrap-focus .x4-form-trigger { + background-position: -51px 0; + border-color: #97cb9a +} + +.x4-form-trigger-wrap-focus .x4-form-trigger-over { + background-position: -68px 0 +} + +.x4-form-trigger-click, .x4-form-trigger-wrap-focus .x4-form-trigger-click + { + background-position: -34px 0 +} + +.x4-form-clear-trigger { + background-image: url(images/form/clear-trigger.gif) +} + +.x4-form-search-trigger { + background-image: url(images/form/search-trigger.gif) +} + +.x4-quirks .prefixie6 .x4-form-trigger-input-cell { + height: 22px +} + +.x4-quirks .prefixie6 .x4-field-toolbar .x4-form-trigger-input-cell { + height: 20px +} + +div.x4-form-spinner-up, div.x4-form-spinner-down { + background-image: url(images/form/spinner.gif); + background-color: white; + width: 17px; + height: 11px +} + +.x4-form-spinner-down { + background-position: 0 -11px +} + +.x4-form-trigger-wrap-focus .x4-form-spinner-down { + background-position: -51px -11px +} + +.x4-form-trigger-wrap .x4-form-spinner-down-over { + background-position: -17px -11px +} + +.x4-form-trigger-wrap-focus .x4-form-spinner-down-over { + background-position: -68px -11px +} + +.x4-form-trigger-wrap .x4-form-spinner-down-click { + background-position: -34px -11px +} + +.x4-toolbar-item div.x4-form-spinner-up, .x4-toolbar-item div.x4-form-spinner-down + { + background-image: url(images/form/spinner-small.gif); + height: 10px +} + +.x4-toolbar-item .x4-form-spinner-down { + background-position: 0 -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down { + background-position: -51px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-over { + background-position: -17px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down-over + { + background-position: -68px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-click { + background-position: -34px -10px +} + +.x4-tbar-page-number { + width: 30px +} + +.x4-tbar-page-first { + background-image: url(images/grid/page-first.gif) +} + +.x4-tbar-page-prev { + background-image: url(images/grid/page-prev.gif) +} + +.x4-tbar-page-next { + background-image: url(images/grid/page-next.gif) +} + +.x4-tbar-page-last { + background-image: url(images/grid/page-last.gif) +} + +.x4-tbar-loading { + background-image: url(images/grid/refresh.gif) +} + +.x4-item-disabled .x4-tbar-page-first { + background-image: url(images/grid/page-first-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-prev { + background-image: url(images/grid/page-prev-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-next { + background-image: url(images/grid/page-next-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-last { + background-image: url(images/grid/page-last-disabled.gif) +} + +.x4-item-disabled .x4-tbar-loading { + background-image: url(images/grid/refresh-disabled.gif) +} + +.x4-boundlist { + border-width: 1px; + border-style: solid; + border-color: #adeab5; + background: white +} + +.x4-strict .x4-ie7m .x4-boundlist-list-ct { + position: relative +} + +.x4-boundlist-item { + padding: 0 3px; + font: normal 13px ����; + line-height: 20px; + cursor: pointer; + cursor: hand; + position: relative; + zoom: 1; + border-width: 1px; + border-style: dotted; + border-color: white +} + +.x4-boundlist-selected { + background: #daeddd; + border-color: #a5d9b1 +} + +.x4-boundlist-item-over { + background: #ebf5ed; + border-color: #b7e0c1 +} + +.x4-boundlist-floating { + border-top-width: 0 +} + +.x4-boundlist-above { + border-top-width: 1px; + border-bottom-width: 1px +} + +.x4-datepicker { + border-width: 1px; + border-style: solid; + border-color: #2d6539; + background-color: white; + width: 177px +} + +.x4-datepicker-header { + padding: 3px 6px; + text-align: center; + background-image: none; + background-color: #387245; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #3c7d4b), + color-stop(100%, #31653c)); + background-image: -webkit-linear-gradient(top, #3c7d4b, #31653c); + background-image: -moz-linear-gradient(top, #3c7d4b, #31653c); + background-image: -o-linear-gradient(top, #3c7d4b, #31653c); + background-image: -ms-linear-gradient(top, #3c7d4b, #31653c); + background-image: linear-gradient(top, #3c7d4b, #31653c) +} + +.x4-datepicker-arrow { + width: 15px; + height: 15px; + top: 6px; + cursor: pointer; + background-color: #387245; + filter: alpha(opacity = 70); + opacity: .7 +} + +a.x4-datepicker-arrow:hover { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-datepicker-next { + right: 6px; + background-image: url(images/shared/right-btn.gif) +} + +.x4-datepicker-prev { + left: 6px; + background-image: url(images/shared/left-btn.gif) +} + +.x4-datepicker-month .x4-btn, .x4-datepicker-month .x4-btn .x4-btn-tc, + .x4-datepicker-month .x4-btn .x4-btn-tl, .x4-datepicker-month .x4-btn .x4-btn-tr, + .x4-datepicker-month .x4-btn .x4-btn-mc, .x4-datepicker-month .x4-btn .x4-btn-ml, + .x4-datepicker-month .x4-btn .x4-btn-mr, .x4-datepicker-month .x4-btn .x4-btn-bc, + .x4-datepicker-month .x4-btn .x4-btn-bl, .x4-datepicker-month .x4-btn .x4-btn-br + { + background: transparent; + border-width: 0 !important +} + +.x4-datepicker-month .x4-btn-inner { + color: white +} + +.x4-datepicker-month .x4-btn-split-right { + background-image: url(images/button/s-arrow-light.gif); + padding-right: 12px +} + +.x4-datepicker-column-header { + width: 25px; + color: #366540; + font: normal 10px ����; + text-align: right; + border-width: 0 0 1px; + border-style: solid; + border-color: #c4eec8; + background-image: none; + background-color: #ebfaed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f7fdf8), + color-stop(100%, #dbf5de)); + background-image: -webkit-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -moz-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -o-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -ms-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: linear-gradient(top, #f7fdf8, #dbf5de) +} + +.x4-datepicker-column-header-inner { + line-height: 19px; + padding: 0 7px 0 0 +} + +.x4-datepicker-cell { + text-align: right; + border-width: 1px; + border-style: solid; + border-color: white +} + +.x4-datepicker-date { + padding: 0 4px 0 0; + font: normal 12px ����; + color: black; + cursor: pointer; + line-height: 18px +} + +a.x4-datepicker-date:hover { + color: black; + background-color: #eafcec +} + +.x4-datepicker-selected { + border-style: solid; + border-color: #a4d7ab +} + +.x4-datepicker-selected .x4-datepicker-date { + background-color: #e6f2e8; + font-weight: bold +} + +.x4-datepicker-today { + border-color: darkred; + border-style: solid +} + +.x4-datepicker-prevday .x4-datepicker-date, .x4-datepicker-nextday .x4-datepicker-date + { + color: #aaa +} + +.x4-datepicker-disabled a.x4-datepicker-date { + background-color: #eee; + cursor: default; + color: #bbb +} + +.x4-datepicker-disabled a.x4-datepicker-date:hover { + background-color: #eee +} + +.x4-datepicker-footer, .x4-monthpicker-buttons { + padding: 4px 0; + border-width: 1px 0 0; + border-style: solid; + border-color: #c4eec8; + background-image: none; + background-color: #ebfaed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #eaf4eb), + color-stop(49%, #dfede0), color-stop(51%, #d6e9d8), + color-stop(100%, #d9ebdc)); + background-image: -webkit-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -moz-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -o-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -ms-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + text-align: center +} + +.x4-datepicker-footer .x4-btn, .x4-monthpicker-buttons .x4-btn { + margin: 0 2px 0 2px +} + +.x4-monthpicker { + width: 177px; + border-width: 1px; + border-style: solid; + border-color: #2d6539; + background-color: white +} + +.x4-monthpicker-months { + border-width: 0 1px 0 0; + border-color: #2d6539; + border-style: solid; + width: 87px +} + +.x4-monthpicker-months .x4-monthpicker-item { + width: 43px +} + +.x4-monthpicker-years { + width: 88px +} + +.x4-monthpicker-years .x4-monthpicker-item { + width: 44px +} + +.x4-monthpicker-item { + margin: 5px 0 4px; + font: normal 12px ����; + text-align: center +} + +.x4-monthpicker-item-inner { + margin: 0 5px 0 5px; + color: #29823a; + border-width: 1px; + border-style: solid; + border-color: white; + line-height: 16px; + cursor: pointer +} + +a.x4-monthpicker-item-inner:hover { + background-color: #eafcec +} + +.x4-monthpicker-selected { + background-color: #e6f2e8; + border-style: solid; + border-color: #a4d7ab +} + +.x4-monthpicker-yearnav { + height: 27px +} + +.x4-monthpicker-yearnav-button-ct { + width: 44px +} + +.x4-monthpicker-yearnav-button { + height: 15px; + width: 15px; + cursor: pointer; + margin-top: 6px; + background-color: white +} + +.x4-monthpicker-yearnav-next { + background-image: url(images/tools/tool-sprites.gif); + background-position: 0 -120px +} + +.x4-monthpicker-yearnav-next-over { + background-position: -15px -120px +} + +.x4-monthpicker-yearnav-prev { + background-image: url(images/tools/tool-sprites.gif); + background-position: 0 -105px +} + +.x4-monthpicker-yearnav-prev-over { + background-position: -15px -105px +} + +.x4-monthpicker-small .x4-monthpicker-item { + margin: 2px 0 2px +} + +.x4-monthpicker-small .x4-monthpicker-item-inner { + margin: 0 5px 0 5px +} + +.x4-monthpicker-small .x4-monthpicker-yearnav { + height: 22px +} + +.x4-monthpicker-small .x4-monthpicker-yearnav-button { + margin-top: 3px +} + +.x4-nlg .x4-datepicker-header { + background-image: url(images/datepicker/datepicker-header-bg.gif); + background-repeat: repeat-x; + background-position: top left +} + +.x4-nlg .x4-datepicker-footer, .x4-nlg .x4-monthpicker-buttons { + background-image: url(images/datepicker/datepicker-footer-bg.gif); + background-repeat: repeat-x; + background-position: top left +} + +.x4-datepicker-header:after { + display: none; + content: + "x-slicer:bg:url(images/datepicker/datepicker-header-bg.gif), stretch:bottom" +} + +.x4-datepicker-footer:after { + display: none; + content: + "x-slicer:bg:url(images/datepicker/datepicker-footer-bg.gif), stretch:bottom" +} + +.x4-form-date-trigger { + background-image: url(images/form/date-trigger.gif) +} + +.x4-form-file-wrap .x4-form-text { + color: gray +} + +.x4-color-picker { + width: 144px; + height: 90px; + background-color: white; + border-color: white; + border-width: 0; + border-style: solid +} + +.x4-color-picker-item { + width: 18px; + height: 18px; + border-width: 1px; + border-color: white; + border-style: solid; + background-color: white; + cursor: pointer; + padding: 2px +} + +.x4-content-box .x4-color-picker-item { + width: 12px; + height: 12px +} + +a.x4-color-picker-item:hover { + border-color: #8bb8f3; + background-color: #deecfd +} + +.x4-color-picker-selected { + border-color: #8bb8f3; + background-color: #deecfd +} + +.x4-color-picker-item-inner { + line-height: 10px; + border-color: #aca899; + border-width: 1px; + border-style: solid +} + +.x4-html-editor-tb .x4-btn-text { + background: transparent no-repeat; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-bold, .x4-menu-item div.x4-edit-bold { + background-position: 0 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-italic, .x4-menu-item div.x4-edit-italic { + background-position: -16px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-underline, .x4-menu-item div.x4-edit-underline + { + background-position: -32px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-forecolor, .x4-menu-item div.x4-edit-forecolor + { + background-position: -160px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-backcolor, .x4-menu-item div.x4-edit-backcolor + { + background-position: -176px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifyleft, .x4-menu-item div.x4-edit-justifyleft + { + background-position: -112px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifycenter, .x4-menu-item div.x4-edit-justifycenter + { + background-position: -128px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifyright, .x4-menu-item div.x4-edit-justifyright + { + background-position: -144px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-insertorderedlist, .x4-menu-item div.x4-edit-insertorderedlist + { + background-position: -80px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-insertunorderedlist, .x4-menu-item div.x4-edit-insertunorderedlist + { + background-position: -96px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-increasefontsize, .x4-menu-item div.x4-edit-increasefontsize + { + background-position: -48px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-decreasefontsize, .x4-menu-item div.x4-edit-decreasefontsize + { + background-position: -64px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-sourceedit, .x4-menu-item div.x4-edit-sourceedit + { + background-position: -192px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-createlink, .x4-menu-item div.x4-edit-createlink + { + background-position: -208px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tip .x4-tip-bd .x4-tip-bd-inner { + padding: 5px; + padding-bottom: 1px +} + +.x4-html-editor-tb .x4-font-select { + font-size: 11px; + font-family: inherit +} + +.x4-html-editor-wrap textarea { + font: normal 13px ����; + background-color: white; + resize: none +} + +.x4-grid-body { + background: white; + border-width: 1px; + border-style: solid; + border-color: #aedeb4 +} + +.x4-grid-empty { + padding: 10px; + color: gray; + background-color: white; + font: normal 12px ���� +} + +.x4-grid-cell { + color: "none"; + font: normal 12px/14px ����; + background-color: white; + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid +} + +.x4-grid-row-alt .x4-grid-td { + background-color: #fafafa +} + +.x4-grid-row-before-over .x4-grid-td { + border-bottom-style: solid; + border-bottom-color: #ddd +} + +.x4-grid-row-over .x4-grid-td { + border-bottom-style: solid; + border-bottom-color: #ddd +} + +.x4-grid-row-before-selected .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #b7e0c1 +} + +.x4-grid-row-selected .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #b7e0c1 +} + +.x4-grid-row-before-focused .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #464646; + border-bottom-width: 1px +} + +.x4-grid-row-focused .x4-grid-td { + background-color: #efefef +} + +.x4-grid-row-over .x4-grid-td { + background-color: #efefef +} + +.x4-grid-row-selected .x4-grid-td { + background-color: #ebf5ed +} + +.x4-grid-row-focused .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #464646; + border-bottom-width: 1px +} + +.x4-grid-table .x4-grid-row-focused-first .x4-grid-td { + border-top: 1px dotted #464646 +} + +.x4-grid-row-selected .x4-grid-row-summary .x4-grid-td { + border-bottom-color: #ebf5ed; + border-top-width: 0 +} + +.x4-grid-row-focused .x4-grid-row-summary .x4-grid-td { + border-bottom-color: #efefef; + border-top-width: 0 +} + +.x4-grid-with-row-lines .x4-grid-td { + border-bottom-width: 1px +} + +.x4-grid-with-row-lines .x4-grid-table { + border-top: 1px solid white +} + +.x4-grid-with-row-lines .x4-grid-table-over-first { + border-top-style: solid; + border-top-color: #ddd +} + +.x4-grid-with-row-lines .x4-grid-table-selected-first { + border-top-style: dotted; + border-top-color: #b7e0c1 +} + +.x4-grid-body .x4-grid-table-focused-first { + border-top: 1px dotted #464646 +} + +.x4-grid-cell-inner { + text-overflow: ellipsis; + padding: 3px 6px 4px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner { + padding-top: 2px; + padding-bottom: 3px +} + +.x4-grid-cell-special { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid; + border-right-width: 1px; + background-image: none; + background-color: #f6f6f6; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6f6f6), + color-stop(100%, #e9e9e9)); + background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: linear-gradient(top, #f6f6f6, #e9e9e9) +} + +.x4-grid-row-selected .x4-grid-cell-special { + border-right-color: #ededed #bdeec3; + background-image: none; + background-color: #ebf5ed; + background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebf5ed), + color-stop(100%, #daeddd)); + background-image: -webkit-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -moz-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -o-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -ms-linear-gradient(left, #ebf5ed, #daeddd); + background-image: linear-gradient(left, #ebf5ed, #daeddd) +} + +.x4-nlg .x4-grid-cell-special { + background-repeat: repeat-y; + background-image: url(images/grid/cell-special-bg.gif) +} + +.x4-nlg .x4-grid-row-selected .x4-grid-cell-special { + background-image: url(images/grid/cell-special-selected-bg.gif) +} + +.x4-grid-cell-special .x4-grid-cell-special:after { + display: none; + content: "x-slicer:bg:url(images/grid/cell-special-bg.gif)" +} + +.x4-grid-cell-special .x4-grid-cell-special-selected:after { + display: none; + content: "x-slicer:bg:url(images/grid/cell-special-selected-bg.gif)" +} + +.x4-grid-dirty-cell { + background: url(images/grid/dirty.gif) no-repeat 0 0 +} + +.x4-grid-row .x4-grid-cell-selected { + color: "none"; + background-color: #b8cfee +} + +.x4-grid-with-col-lines .x4-grid-cell { + border-right-width: 1px +} + +.x4-grid-resize-marker { + width: 1px; + background-color: #0f0f0f +} + +.x4-grid-drop-indicator { + position: absolute; + height: 1px; + line-height: 0; + background-color: #77bc71; + overflow: visible; + pointer-events: none +} + +.x4-grid-drop-indicator .x4-grid-drop-indicator-left { + position: absolute; + top: -8px; + left: -12px; + background-image: url(images/grid/dd-insert-arrow-right.png); + height: 16px; + width: 16px +} + +.x4-grid-drop-indicator .x4-grid-drop-indicator-right { + position: absolute; + top: -8px; + right: -11px; + background-image: url(images/grid/dd-insert-arrow-left.png); + height: 16px; + width: 16px +} + +.x4-ie6 .x4-grid-drop-indicator-left { + background-image: url(images/grid/dd-insert-arrow-right.gif) +} + +.x4-ie6 .x4-grid-drop-indicator-right { + background-image: url(images/grid/dd-insert-arrow-left.gif) +} + +.col-move-top, .col-move-bottom { + width: 9px; + height: 9px +} + +.col-move-top { + background-image: url(images/grid/col-move-top.gif) +} + +.col-move-bottom { + background-image: url(images/grid/col-move-bottom.gif) +} + +.x4-grid-header-ct { + border: 1px solid #aedeb4; + border-bottom-color: #c5c5c5; + background-color: #c5c5c5; + background-image: none; + background-color: #c5c5c5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9), + color-stop(100%, #e3e4e6)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -ms-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: linear-gradient(top, #f9f9f9, #e3e4e6) +} + +.x4-accordion-item .x4-grid-header-ct { + border-width: 0 0 1px !important +} + +.x4-accordion-item .x4-grid-header-ct-hidden { + border: 0 !important +} + +.x4-grid-body { + border-top-color: #c5c5c5 +} + +.x4-hmenu-sort-asc { + background-image: url(images/grid/hmenu-asc.gif) +} + +.x4-hmenu-sort-desc { + background-image: url(images/grid/hmenu-desc.gif) +} + +.x4-cols-icon { + background-image: url(images/grid/columns.gif) +} + +.x4-column-header { + border-right: 1px solid #c5c5c5; + color: black; + font: normal 12px/14px ����; + background-image: none; + background-color: #c5c5c5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9), + color-stop(100%, #e3e4e6)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -ms-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: linear-gradient(top, #f9f9f9, #e3e4e6) +} + +.x4-group-sub-header { + background: transparent; + border-top: 1px solid #c5c5c5 +} + +.x4-group-sub-header .x4-column-header-inner { + padding: 3px 6px 5px 6px +} + +.x4-column-header-inner { + padding: 4px 6px 5px 6px; + text-overflow: ellipsis +} + +.x4-column-header-inner-empty { + text-overflow: clip +} + +.x4-column-header-over, .x4-column-header-sort-ASC, + .x4-column-header-sort-DESC { + background-image: none; + background-color: #bdeec3; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6fdf7), + color-stop(39%, #f6fdf7), color-stop(40%, #e6f9e9), + color-stop(100%, #e6f9e9)); + background-image: -webkit-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -moz-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -o-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -ms-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9) +} + +.x4-nlg .x4-grid-header-ct, .x4-nlg .x4-column-header { + background-image: url(images/grid/column-header-bg.gif) +} + +.x4-nlg .x4-column-header-over, .x4-nlg .x4-column-header-sort-ASC, + .x4-nlg .x4-column-header-sort-DESC { + background-image: url(images/grid/column-header-over-bg.gif) +} + +.x4-column-header-open { + background-color: transparent +} + +.x4-column-header-open .x4-column-header-trigger { + background-color: transparent +} + +.x4-column-header-trigger { + width: 14px; + cursor: pointer; + background-color: transparent; + background-position: 0 center +} + +.x4-column-header-align-right .x4-column-header-text { + margin-right: 9px +} + +.x4-column-header-sort-ASC .x4-column-header-text, + .x4-column-header-sort-DESC .x4-column-header-text { + padding-right: 12px; + background-position: right center +} + +.x4-column-header-sort-ASC .x4-column-header-text { + background-image: url(images/grid/sort_asc.gif) +} + +.x4-column-header-sort-DESC .x4-column-header-text { + background-image: url(images/grid/sort_desc.gif) +} + +.x4-column-header:after { + display: none; + content: + "x-slicer:bg:url(images/grid/column-header-bg.gif), stretch:bottom" +} + +.x4-column-header-over:after { + display: none; + content: + "x-slicer:bg:url(images/grid/column-header-over-bg.gif), stretch:bottom" +} + +.x4-grid-cell-inner-action-col { + padding: 3px 2px 2px 2px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-action-col + { + padding-top: 2px; + padding-bottom: 1px +} + +.x4-action-col-cell .x4-item-disabled { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-action-col-icon { + height: 16px; + width: 16px; + cursor: pointer +} + +.x4-grid-cell-inner-checkcolumn { + padding: 4px 6px 4px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-checkcolumn + { + padding-top: 3px; + padding-bottom: 3px +} + +.x4-grid-checkcolumn { + width: 13px; + height: 13px; + background: url(images/form/checkbox.gif) 0 0 no-repeat +} + +.x4-item-disabled .x4-grid-checkcolumn { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-grid-checkcolumn-checked { + background-position: 0 -13px +} + +.x4-grid-cell-inner-row-numberer { + padding: 3px 5px 4px 3px +} + +.x4-grid-group-hd { + border-width: 0 0 2px 0; + border-style: solid; + border-color: #aedeb5; + padding: 10px 4px 4px 4px; + background: white; + cursor: pointer +} + +.x4-grid-group-hd-not-collapsible { + cursor: default +} + +.x4-grid-group-hd-collapsible .x4-grid-group-title { + background-repeat: no-repeat; + background-position: left center; + background-image: url(images/grid/group-collapse.gif); + padding: 0 0 0 14px +} + +.x4-grid-group-title { + color: #52905b; + font: bold 12px/14px ���� +} + +.x4-grid-group-hd-collapsed .x4-grid-group-title { + background-image: url(images/grid/group-expand.gif) +} + +.x4-grid-group-collapsed .x4-grid-group-title { + background-image: url(images/grid/group-expand.gif) +} + +.x4-group-by-icon { + background-image: url(images/grid/group-by.gif) +} + +.x4-show-groups-icon { + background-image: url(images/grid/group-by.gif) +} + +.x4-grid-rowwrap { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid +} + +.x4-grid-rowbody { + font: normal 12px/14px ����; + padding: 5px 6px 5px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-rowbody { + padding-top: 6px; + padding-bottom: 4px +} + +.x4-docked-summary { + background: white !important +} + +.x4-docked-summary .x4-grid-table { + width: 100%; + border: 0 none +} + +.x4-grid-row-summary .x4-grid-cell, .x4-grid-row-summary .x4-grid-rowwrap, + .x4-grid-row-summary .x4-grid-cell-rowbody { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + background-color: transparent !important; + border-top-width: 0; + font: normal 12px/14px ���� +} + +.x4-docked-summary-bottom .x4-grid-row-summary .x4-grid-cell { + border-bottom: 0 none +} + +.x4-docked-summary-top .x4-grid-row-summary .x4-grid-cell { + border-top: 0 none +} + +.x4-grid-with-row-lines .x4-grid-table-summary { + border: 0 +} + +.x4-grid-locked .x4-grid-inner-locked { + border-width: 0 1px 0 0; + border-style: solid +} + +.x4-grid-locked-split .x4-grid-inner-normal { + border-width: 0 0 0 1px; + border-style: solid +} + +.x4-grid-inner-locked .x4-column-header-last, .x4-grid-inner-locked .x4-grid-cell-last + { + border-right-width: 0 !important +} + +.x4-hmenu-lock { + background-image: url(images/grid/hmenu-lock.gif) +} + +.x4-hmenu-unlock { + background-image: url(images/grid/hmenu-unlock.gif) +} + +.x4-grid-editor .x4-form-text { + font: normal 12px/16px ����; + padding: 1px 5px 2px 5px; + height: 21px +} + +.x4-content-box .x4-grid-editor .x4-form-text { + height: 16px +} + +.x4-gecko .x4-grid-editor .x4-form-text { + padding-left: 4px; + padding-right: 4px +} + +.x4-grid-editor .x4-form-trigger { + height: 21px +} + +.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down + { + height: 10.5px +} + +.x4-grid-editor .x4-form-cb { + margin-top: 4px +} + +.x4-grid-editor .x4-form-cb-wrap { + height: 21px +} + +.x4-grid-editor .x4-form-display-field { + height: 21px +} + +.x4-grid-editor .x4-form-display-field { + font: normal 12px/16px ����; + padding: 2px 6px 3px 6px; + text-overflow: ellipsis +} + +.x4-grid-editor .x4-form-action-col-field { + padding: 3px 2px 2px 2px +} + +.x4-tree-cell-editor .x4-form-text { + padding-left: 2px; + padding-right: 2px +} + +.x4-gecko .x4-tree-cell-editor .x4-form-text { + padding-left: 1px; + padding-right: 1px +} + +.x4-grid-row-editor .x4-field { + margin: 0 1px 0 1px +} + +.x4-grid-row-editor .x4-form-display-field { + padding: 2px 5px 3px 5px +} + +.x4-grid-row-editor .x4-form-action-col-field { + padding: 3px 1px 2px 1px +} + +.x4-grid-row-editor .x4-form-text { + padding: 1px 4px 2px 4px +} + +.x4-gecko .x4-grid-row-editor .x4-form-text { + padding-left: 3px; + padding-right: 3px +} + +.x4-grid-row-editor .x4-panel-body { + border-top: 1px solid #aedeb4 !important; + border-bottom: 1px solid #aedeb4 !important; + padding: 4px 0 4px 0; + background-color: #f5fbf6 +} + +.x4-grid-with-col-lines .x4-grid-row-editor .x4-form-cb { + margin-right: 1px +} + +.x4-grid-row-editor-buttons-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #f5fbf6 +} + +.x4-grid-row-editor-buttons-default-bottom-mc { + background-color: #f5fbf6 +} + +.x4-nbr .x4-grid-row-editor-buttons-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-grid-row-editor-buttons-default-bottom-frameInfo { + font-family: th-0-0-5-5-0-1-1-1-4-4-4-4 +} + +.x4-grid-row-editor-buttons-default-bottom-tl { + background-position: 0 -10px +} + +.x4-grid-row-editor-buttons-default-bottom-tr { + background-position: right -15px +} + +.x4-grid-row-editor-buttons-default-bottom-bl { + background-position: 0 -20px +} + +.x4-grid-row-editor-buttons-default-bottom-br { + background-position: right -25px +} + +.x4-grid-row-editor-buttons-default-bottom-ml { + background-position: 0 top +} + +.x4-grid-row-editor-buttons-default-bottom-mr { + background-position: right top +} + +.x4-grid-row-editor-buttons-default-bottom-tc { + background-position: 0 0 +} + +.x4-grid-row-editor-buttons-default-bottom-bc { + background-position: 0 -5px +} + +.x4-grid-row-editor-buttons-default-bottom-tr, + .x4-grid-row-editor-buttons-default-bottom-br, + .x4-grid-row-editor-buttons-default-bottom-mr { + padding-right: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tl, + .x4-grid-row-editor-buttons-default-bottom-bl, + .x4-grid-row-editor-buttons-default-bottom-ml { + padding-left: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tc { + height: 0 +} + +.x4-grid-row-editor-buttons-default-bottom-bc { + height: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tl, + .x4-grid-row-editor-buttons-default-bottom-bl, + .x4-grid-row-editor-buttons-default-bottom-tr, + .x4-grid-row-editor-buttons-default-bottom-br, + .x4-grid-row-editor-buttons-default-bottom-tc, + .x4-grid-row-editor-buttons-default-bottom-bc, + .x4-grid-row-editor-buttons-default-bottom-ml, + .x4-grid-row-editor-buttons-default-bottom-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif) +} + +.x4-grid-row-editor-buttons-default-bottom-ml, + .x4-grid-row-editor-buttons-default-bottom-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-grid-row-editor-buttons-default-bottom-mc { + padding: 4px 0 0 0 +} + +.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-tl, + .x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-bl { + position: relative; + right: 0 +} + +.x4-grid-row-editor-buttons-default-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif)" +} + +.x4-grid-row-editor-buttons-default-top { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 4px 4px 4px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #f5fbf6 +} + +.x4-grid-row-editor-buttons-default-top-mc { + background-color: #f5fbf6 +} + +.x4-nbr .x4-grid-row-editor-buttons-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-grid-row-editor-buttons-default-top-frameInfo { + font-family: th-5-5-0-0-1-1-0-1-4-4-4-4 +} + +.x4-grid-row-editor-buttons-default-top-tl { + background-position: 0 -10px +} + +.x4-grid-row-editor-buttons-default-top-tr { + background-position: right -15px +} + +.x4-grid-row-editor-buttons-default-top-bl { + background-position: 0 -20px +} + +.x4-grid-row-editor-buttons-default-top-br { + background-position: right -25px +} + +.x4-grid-row-editor-buttons-default-top-ml { + background-position: 0 top +} + +.x4-grid-row-editor-buttons-default-top-mr { + background-position: right top +} + +.x4-grid-row-editor-buttons-default-top-tc { + background-position: 0 0 +} + +.x4-grid-row-editor-buttons-default-top-bc { + background-position: 0 -5px +} + +.x4-grid-row-editor-buttons-default-top-tr, + .x4-grid-row-editor-buttons-default-top-br, + .x4-grid-row-editor-buttons-default-top-mr { + padding-right: 5px +} + +.x4-grid-row-editor-buttons-default-top-tl, + .x4-grid-row-editor-buttons-default-top-bl, + .x4-grid-row-editor-buttons-default-top-ml { + padding-left: 5px +} + +.x4-grid-row-editor-buttons-default-top-tc { + height: 5px +} + +.x4-grid-row-editor-buttons-default-top-bc { + height: 0 +} + +.x4-grid-row-editor-buttons-default-top-tl, + .x4-grid-row-editor-buttons-default-top-bl, + .x4-grid-row-editor-buttons-default-top-tr, + .x4-grid-row-editor-buttons-default-top-br, + .x4-grid-row-editor-buttons-default-top-tc, + .x4-grid-row-editor-buttons-default-top-bc, + .x4-grid-row-editor-buttons-default-top-ml, + .x4-grid-row-editor-buttons-default-top-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif) +} + +.x4-grid-row-editor-buttons-default-top-ml, + .x4-grid-row-editor-buttons-default-top-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif); + background-repeat: repeat-y +} + +.x4-grid-row-editor-buttons-default-top-mc { + padding: 0 0 4px 0 +} + +.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-tl, + .x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-bl { + position: relative; + right: 0 +} + +.x4-grid-row-editor-buttons-default-top:after { + display: none; + content: + "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif)" +} + +.x4-grid-row-editor-buttons { + border-color: #aedeb4 +} + +.x4-row-editor-update-button { + margin-right: 2px +} + +.x4-row-editor-cancel-button { + margin-left: 2px +} + +.x4-grid-row-editor-errors .x4-tip-body { + padding: 5px +} + +.x4-grid-row-editor-errors-item { + list-style: disc; + margin-left: 15px +} + +.x4-grid-cell-inner-row-expander { + padding: 6px 7px 6px 7px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-row-expander + { + padding-top: 5px; + padding-bottom: 5px +} + +.x4-grid-row-expander { + width: 9px; + height: 9px; + cursor: pointer; + background-image: url(images/grid/group-collapse.gif) +} + +.x4-grid-row-collapsed .x4-grid-row-expander { + background-image: url(images/grid/group-expand.gif) +} + +.x4-grid-cell-inner-property-name { + background-image: url(images/grid/property-cell-bg.gif); + background-repeat: no-repeat; + background-position: -16px 2px; + padding-left: 12px +} + +.x4-accordion-layout-ct { + background-color: white; + padding: 0 +} + +.x4-accordion-hd .x4-panel-header-text-container { + color: black; + font-weight: normal; + font-family: 宋体; + text-transform: none +} + +.x4-accordion-item { + margin: 0 +} + +.x4-accordion-item .x4-accordion-hd { + background: #e6f6e8; + border-top-color: #fcfdfc; + padding: 4px 5px 5px 5px +} + +.x4-accordion-item .x4-accordion-hd-sibling-expanded { + border-top-color: #aedeb4 +} + +.x4-accordion-item .x4-accordion-hd-last-collapsed { + border-bottom-color: #e6f6e8 +} + +.x4-accordion-item .x4-accordion-body { + border-width: 0 +} + +.x4-accordion-hd .x4-tool-collapse-top, .x4-accordion-hd .x4-tool-collapse-bottom + { + background-position: 0 -255px +} + +.x4-accordion-hd .x4-tool-expand-top, .x4-accordion-hd .x4-tool-expand-bottom + { + background-position: 0 -240px +} + +.x4-accordion-hd .x4-tool-over .x4-tool-collapse-top, .x4-accordion-hd .x4-tool-over .x4-tool-collapse-bottom + { + background-position: -15px -255px +} + +.x4-accordion-hd .x4-tool-over .x4-tool-expand-top, .x4-accordion-hd .x4-tool-over .x4-tool-expand-bottom + { + background-position: -15px -240px +} + +.x4-accordion-hd .x4-tool-img { + background-color: #e6f6e8 +} + +.x4-collapse-el { + cursor: pointer +} + +.x4-layout-split-left, .x4-layout-split-right { + top: 50%; + margin-top: -18px; + width: 5px; + height: 35px +} + +.x4-layout-split-top, .x4-layout-split-bottom { + left: 50%; + width: 35px; + height: 5px; + margin-left: -18px +} + +.x4-layout-split-left { + background-image: url(images/util/splitter/mini-left.gif) +} + +.x4-layout-split-right { + background-image: url(images/util/splitter/mini-right.gif) +} + +.x4-layout-split-top { + background-image: url(images/util/splitter/mini-top.gif) +} + +.x4-layout-split-bottom { + background-image: url(images/util/splitter/mini-bottom.gif) +} + +.x4-splitter-collapsed .x4-layout-split-left { + background-image: url(images/util/splitter/mini-right.gif) +} + +.x4-splitter-collapsed .x4-layout-split-right { + background-image: url(images/util/splitter/mini-left.gif) +} + +.x4-splitter-collapsed .x4-layout-split-top { + background-image: url(images/util/splitter/mini-bottom.gif) +} + +.x4-splitter-collapsed .x4-layout-split-bottom { + background-image: url(images/util/splitter/mini-top.gif) +} + +.x4-splitter-active { + background-color: #b4b4b4; + filter: alpha(opacity = 80); + opacity: .8 +} + +.x4-splitter-active .x4-collapse-el { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-border-layout-ct { + background-color: #ebf5ed +} + +.x4-menu-body { + background: #f0f0f0; + padding: 2px +} + +.x4-menu-icon-separator { + left: 24px; + border-left: solid 1px #e0e0e0; + background-color: white; + width: 2px +} + +.x4-menu-item { + padding: 1px; + cursor: pointer +} + +.x4-menu-item-text, .x4-menu-item-cmp { + margin: 0 4px 0 4px +} + +.x4-menu-item-indent { + margin-left: 30px +} + +.x4-menu-item-indent-no-separator { + margin-left: 24px +} + +.x4-menu-item-indent-right-icon { + margin-right: 28px +} + +.x4-menu-item-indent-right-arrow { + margin-right: 21px +} + +.x4-menu-item-active { + background-image: none; + background-color: #e6f9e9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f2fcf4), + color-stop(100%, #d6f5da)); + background-image: -webkit-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -moz-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -o-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -ms-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: linear-gradient(top, #f2fcf4, #d6f5da); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #bcedc2; + padding: 0 +} + +.x4-nlg .x4-menu-item-active { + background: #e6f9e9 repeat-x left top; + background-image: url(images/menu/menu-item-active-bg.gif) +} + +.x4-menu-item-icon { + width: 16px; + height: 16px; + top: 4px; + left: 3px; + background-position: center center +} + +.x4-menu-item-active .x4-menu-item-icon { + top: 3px; + left: 2px +} + +.x4-menu-item-glyph { + font-size: 16px; + line-height: 16px; + color: #222; + opacity: .5 +} + +.x4-ie8m .x4-menu-item-glyph { + color: #898989 +} + +.x4-menu-item-icon-right { + width: 16px; + height: 16px; + top: 4px; + right: 5px; + background-position: center center +} + +.x4-menu-item-active .x4-menu-item-icon-right { + top: 3px; + right: 4px +} + +.x4-menu-item-text { + font: normal 12px ����; + line-height: 21px; + padding-top: 1px; + color: #222; + cursor: pointer +} + +.x4-menu-item-checked .x4-menu-item-checkbox { + background-image: url(images/menu/checked.gif) +} + +.x4-menu-item-checked .x4-menu-group-icon { + background-image: url(images/menu/group-checked.gif) +} + +.x4-menu-item-unchecked .x4-menu-item-checkbox { + background-image: url(images/menu/unchecked.gif) +} + +.x4-menu-item-unchecked .x4-menu-group-icon { + background-image: none +} + +.x4-menu-item-separator { + height: 2px; + border-top: solid 1px #e0e0e0; + background-color: white; + margin: 2px 0; + padding: 0 +} + +.x4-menu-item-arrow { + width: 12px; + height: 9px; + top: 7px; + right: 0; + background-image: url(images/menu/menu-parent.gif) +} + +.x4-menu-item-active .x4-menu-item-arrow { + top: 6px; + right: -1px +} + +.x4-menu-item-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-content-box .x4-menu-icon-separator { + width: 1px +} + +.x4-content-box .x4-menu-item-separator { + height: 1px +} + +.x4-ie .x4-menu-item-disabled .x4-menu-item-icon { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-ie .x4-menu-item-disabled .x4-menu-item-text { + background-color: transparent +} + +.x4-menu-item .x4-form-item-label { + font-size: 12px; + color: #222 +} + +.x4-menu-scroll-top { + height: 8px; + background-image: url(images/menu/scroll-top.gif) +} + +.x4-menu-scroll-bottom { + height: 8px; + background-image: url(images/menu/scroll-bottom.gif) +} + +.x4-menu-scroll-top, .x4-menu-scroll-bottom { + background-color: #f0f0f0 +} + +.x4-menu-item-link:after { + display: none; + content: + "x-slicer:bg:url(images/menu/menu-item-active-bg.gif), stretch:bottom" +} + +.x4-tool { + cursor: pointer +} + +.x4-tool-img { + overflow: hidden; + width: 15px; + height: 15px; + background-image: url(images/tools/tool-sprites.gif); + margin: 0 +} + +.x4-tool-placeholder { + visibility: hidden +} + +.x4-tool-close { + background-position: 0 0 +} + +.x4-tool-minimize { + background-position: 0 -15px +} + +.x4-tool-maximize { + background-position: 0 -30px +} + +.x4-tool-restore { + background-position: 0 -45px +} + +.x4-tool-toggle { + background-position: 0 -60px +} + +.x4-panel-collapsed .x4-tool-toggle { + background-position: 0 -75px +} + +.x4-tool-gear { + background-position: 0 -90px +} + +.x4-tool-prev { + background-position: 0 -105px +} + +.x4-tool-next { + background-position: 0 -120px +} + +.x4-tool-pin { + background-position: 0 -135px +} + +.x4-tool-unpin { + background-position: 0 -150px +} + +.x4-tool-right { + background-position: 0 -165px +} + +.x4-tool-left { + background-position: 0 -180px +} + +.x4-tool-down { + background-position: 0 -195px +} + +.x4-tool-up { + background-position: 0 -210px +} + +.x4-tool-refresh { + background-position: 0 -225px +} + +.x4-tool-plus { + background-position: 0 -240px +} + +.x4-tool-minus { + background-position: 0 -255px +} + +.x4-tool-search { + background-position: 0 -270px +} + +.x4-tool-save { + background-position: 0 -285px +} + +.x4-tool-help { + background-position: 0 -300px +} + +.x4-tool-print { + background-position: 0 -315px +} + +.x4-tool-expand { + background-position: 0 -330px +} + +.x4-tool-collapse { + background-position: 0 -345px +} + +.x4-tool-resize { + background-position: 0 -360px +} + +.x4-tool-move { + background-position: 0 -375px +} + +.x4-tool-expand-bottom, .x4-tool-collapse-bottom { + background-position: 0 -195px +} + +.x4-tool-expand-top, .x4-tool-collapse-top { + background-position: 0 -210px +} + +.x4-tool-expand-left, .x4-tool-collapse-left { + background-position: 0 -180px +} + +.x4-tool-expand-right, .x4-tool-collapse-right { + background-position: 0 -165px +} + +.x4-tool-over .x4-tool-close { + background-position: -15px 0 +} + +.x4-tool-over .x4-tool-minimize { + background-position: -15px -15px +} + +.x4-tool-over .x4-tool-maximize { + background-position: -15px -30px +} + +.x4-tool-over .x4-tool-restore { + background-position: -15px -45px +} + +.x4-tool-over .x4-tool-toggle { + background-position: -15px -60px +} + +.x4-panel-collapsed .x4-tool-over .x4-tool-toggle { + background-position: -15px -75px +} + +.x4-tool-over .x4-tool-gear { + background-position: -15px -90px +} + +.x4-tool-over .x4-tool-prev { + background-position: -15px -105px +} + +.x4-tool-over .x4-tool-next { + background-position: -15px -120px +} + +.x4-tool-over .x4-tool-pin { + background-position: -15px -135px +} + +.x4-tool-over .x4-tool-unpin { + background-position: -15px -150px +} + +.x4-tool-over .x4-tool-right { + background-position: -15px -165px +} + +.x4-tool-over .x4-tool-left { + background-position: -15px -180px +} + +.x4-tool-over .x4-tool-down { + background-position: -15px -195px +} + +.x4-tool-over .x4-tool-up { + background-position: -15px -210px +} + +.x4-tool-over .x4-tool-refresh { + background-position: -15px -225px +} + +.x4-tool-over .x4-tool-plus { + background-position: -15px -240px +} + +.x4-tool-over .x4-tool-minus { + background-position: -15px -255px +} + +.x4-tool-over .x4-tool-search { + background-position: -15px -270px +} + +.x4-tool-over .x4-tool-save { + background-position: -15px -285px +} + +.x4-tool-over .x4-tool-help { + background-position: -15px -300px +} + +.x4-tool-over .x4-tool-print { + background-position: -15px -315px +} + +.x4-tool-over .x4-tool-expand { + background-position: -15px -330px +} + +.x4-tool-over .x4-tool-collapse { + background-position: -15px -345px +} + +.x4-tool-over .x4-tool-resize { + background-position: -15px -360px +} + +.x4-tool-over .x4-tool-move { + background-position: -15px -375px +} + +.x4-tool-over .x4-tool-expand-bottom, .x4-tool-over .x4-tool-collapse-bottom + { + background-position: -15px -195px +} + +.x4-tool-over .x4-tool-expand-top, .x4-tool-over .x4-tool-collapse-top { + background-position: -15px -210px +} + +.x4-tool-over .x4-tool-expand-left, .x4-tool-over .x4-tool-collapse-left + { + background-position: -15px -180px +} + +.x4-tool-over .x4-tool-expand-right, .x4-tool-over .x4-tool-collapse-right + { + background-position: -15px -165px +} + +.x4-resizable-handle { + position: absolute; + z-index: 100; + font-size: 1px; + line-height: 6px; + overflow: hidden; + zoom: 1; + filter: alpha(opacity = 0); + opacity: 0; + background-color: #fff +} + +.x4-collapsed .x4-resizable-handle { + display: none +} + +.x4-resizable-handle-north { + cursor: n-resize +} + +.x4-resizable-handle-south { + cursor: s-resize +} + +.x4-resizable-handle-east { + cursor: e-resize +} + +.x4-resizable-handle-west { + cursor: w-resize +} + +.x4-resizable-handle-southeast { + cursor: se-resize +} + +.x4-resizable-handle-northwest { + cursor: nw-resize +} + +.x4-resizable-handle-northeast { + cursor: ne-resize +} + +.x4-resizable-handle-southwest { + cursor: sw-resize +} + +.x4-resizable-handle-east { + width: 6px; + height: 100%; + right: 0; + top: 0 +} + +.x4-resizable-handle-south { + width: 100%; + height: 6px; + left: 0; + bottom: 0 +} + +.x4-resizable-handle-west { + width: 6px; + height: 100%; + left: 0; + top: 0 +} + +.x4-resizable-handle-north { + width: 100%; + height: 6px; + left: 0; + top: 0 +} + +.x4-resizable-handle-southeast { + width: 6px; + height: 6px; + right: 0; + bottom: 0; + z-index: 101 +} + +.x4-resizable-handle-northwest { + width: 6px; + height: 6px; + left: 0; + top: 0; + z-index: 101 +} + +.x4-resizable-handle-northeast { + width: 6px; + height: 6px; + right: 0; + top: 0; + z-index: 101 +} + +.x4-resizable-handle-southwest { + width: 6px; + height: 6px; + left: 0; + bottom: 0; + z-index: 101 +} + +.x4-window .x4-window-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-window-collapsed .x4-window-handle { + display: none +} + +.x4-resizable-proxy { + border: 1px dashed #3b5a82; + position: absolute; + overflow: hidden; + z-index: 50000 +} + +.x4-resizable-handle-over, .x4-resizable-pinned .x4-resizable-handle { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-resizable-handle-east-over, .x4-resizable-handle-west-over { + background-image: url(images/sizer/e-handle.gif) +} + +.x4-resizable-handle-south-over, .x4-resizable-handle-north-over { + background-image: url(images/sizer/s-handle.gif) +} + +.x4-resizable-handle-southeast-over { + background-position: top left; + background-image: url(images/sizer/se-handle.gif) +} + +.x4-resizable-handle-northwest-over { + background-position: bottom right; + background-image: url(images/sizer/nw-handle.gif) +} + +.x4-resizable-handle-northeast-over { + background-position: bottom left; + background-image: url(images/sizer/ne-handle.gif) +} + +.x4-resizable-handle-southwest-over { + background-position: top right; + background-image: url(images/sizer/sw-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-east, .x4-resizable-pinned .x4-resizable-handle-west + { + background-image: url(images/sizer/e-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-south, .x4-resizable-pinned .x4-resizable-handle-north + { + background-image: url(images/sizer/s-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-southeast { + background-position: top left; + background-image: url(images/sizer/se-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-northwest { + background-position: bottom right; + background-image: url(images/sizer/nw-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-northeast { + background-position: bottom left; + background-image: url(images/sizer/ne-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-southwest { + background-position: top right; + background-image: url(images/sizer/sw-handle.gif) +} + +.x4-slider-horz { + padding-left: 7px; + background: no-repeat 0 -15px +} + +.x4-slider-horz .x4-slider-end { + padding-right: 7px; + background: no-repeat right -30px +} + +.x4-slider-horz .x4-slider-inner { + height: 15px +} + +.x4-ie6 .x4-form-item .x4-slider-horz, .x4-ie7 .x4-form-item .x4-slider-horz, + .x4-quirks .x4-ie .x4-form-item .x4-slider-horz { + margin-top: 4px +} + +.x4-slider-horz .x4-slider-thumb { + width: 14px; + height: 15px; + margin-left: -7px; + background-image: url(images/slider/slider-thumb.png) +} + +.x4-slider-horz .x4-slider-thumb-over { + background-position: -14px -15px +} + +.x4-slider-horz .x4-slider-thumb-drag { + background-position: -28px -30px +} + +.x4-slider-vert { + padding-top: 7px; + background: no-repeat -30px 0 +} + +.x4-slider-vert .x4-slider-end { + padding-bottom: 7px; + background: no-repeat -15px bottom; + width: 15px +} + +.x4-slider-vert .x4-slider-inner { + width: 15px +} + +.x4-slider-vert .x4-slider-thumb { + width: 15px; + height: 14px; + margin-bottom: -7px; + background-image: url(images/slider/slider-v-thumb.png) +} + +.x4-slider-vert .x4-slider-thumb-over { + background-position: -15px -14px +} + +.x4-slider-vert .x4-slider-thumb-drag { + background-position: -30px -28px +} + +.x4-slider-horz, .x4-slider-horz .x4-slider-end, .x4-slider-horz .x4-slider-inner + { + background-image: url(images/slider/slider-bg.png) +} + +.x4-slider-vert, .x4-slider-vert .x4-slider-end, .x4-slider-vert .x4-slider-inner + { + background-image: url(images/slider/slider-v-bg.png) +} + +.x4-tab-default-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-top-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-top { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-top-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-top-tl { + background-position: 0 -8px +} + +.x4-tab-default-top-tr { + background-position: right -12px +} + +.x4-tab-default-top-bl { + background-position: 0 -16px +} + +.x4-tab-default-top-br { + background-position: right -20px +} + +.x4-tab-default-top-ml { + background-position: 0 top +} + +.x4-tab-default-top-mr { + background-position: right top +} + +.x4-tab-default-top-tc { + background-position: 0 0 +} + +.x4-tab-default-top-bc { + background-position: 0 -4px +} + +.x4-tab-default-top-tr, .x4-tab-default-top-br, .x4-tab-default-top-mr { + padding-right: 4px +} + +.x4-tab-default-top-tl, .x4-tab-default-top-bl, .x4-tab-default-top-ml { + padding-left: 4px +} + +.x4-tab-default-top-tc { + height: 4px +} + +.x4-tab-default-top-bc { + height: 0 +} + +.x4-tab-default-top-tl, .x4-tab-default-top-bl, .x4-tab-default-top-tr, + .x4-tab-default-top-br, .x4-tab-default-top-tc, .x4-tab-default-top-bc, + .x4-tab-default-top-ml, .x4-tab-default-top-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-top-ml, .x4-tab-default-top-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-top-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-top-tl, .x4-strict .x4-ie7 .x4-tab-default-top-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 3px 9px 3px 9px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-bottom-mc { + background-image: url(images/tab/tab-default-bottom-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-bottom { + background-image: url(images/tab/tab-default-bottom-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-bottom-frameInfo { + font-family: th-0-0-4-4-0-1-1-1-3-9-3-9 +} + +.x4-tab-default-bottom-tl { + background-position: 0 -8px +} + +.x4-tab-default-bottom-tr { + background-position: right -12px +} + +.x4-tab-default-bottom-bl { + background-position: 0 -16px +} + +.x4-tab-default-bottom-br { + background-position: right -20px +} + +.x4-tab-default-bottom-ml { + background-position: 0 top +} + +.x4-tab-default-bottom-mr { + background-position: right top +} + +.x4-tab-default-bottom-tc { + background-position: 0 0 +} + +.x4-tab-default-bottom-bc { + background-position: 0 -4px +} + +.x4-tab-default-bottom-tr, .x4-tab-default-bottom-br, + .x4-tab-default-bottom-mr { + padding-right: 4px +} + +.x4-tab-default-bottom-tl, .x4-tab-default-bottom-bl, + .x4-tab-default-bottom-ml { + padding-left: 4px +} + +.x4-tab-default-bottom-tc { + height: 0 +} + +.x4-tab-default-bottom-bc { + height: 4px +} + +.x4-tab-default-bottom-tl, .x4-tab-default-bottom-bl, + .x4-tab-default-bottom-tr, .x4-tab-default-bottom-br, + .x4-tab-default-bottom-tc, .x4-tab-default-bottom-bc, + .x4-tab-default-bottom-ml, .x4-tab-default-bottom-mr { + zoom: 1; + background-image: url(images/tab/tab-default-bottom-corners.gif) +} + +.x4-tab-default-bottom-ml, .x4-tab-default-bottom-mr { + zoom: 1; + background-image: url(images/tab/tab-default-bottom-sides.gif) +} + +.x4-tab-default-bottom-mc { + padding: 3px 6px 0 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-bottom-tl, .x4-strict .x4-ie7 .x4-tab-default-bottom-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-bottom:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-bottom-fbg.gif), bg:url(images/tab/tab-default-bottom-bg.gif), corners:url(images/tab/tab-default-bottom-corners.gif), sides:url(images/tab/tab-default-bottom-sides.gif)" +} + +.x4-tab-default-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-left-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-left { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-left-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-left-tl { + background-position: 0 -8px +} + +.x4-tab-default-left-tr { + background-position: right -12px +} + +.x4-tab-default-left-bl { + background-position: 0 -16px +} + +.x4-tab-default-left-br { + background-position: right -20px +} + +.x4-tab-default-left-ml { + background-position: 0 top +} + +.x4-tab-default-left-mr { + background-position: right top +} + +.x4-tab-default-left-tc { + background-position: 0 0 +} + +.x4-tab-default-left-bc { + background-position: 0 -4px +} + +.x4-tab-default-left-tr, .x4-tab-default-left-br, + .x4-tab-default-left-mr { + padding-right: 4px +} + +.x4-tab-default-left-tl, .x4-tab-default-left-bl, + .x4-tab-default-left-ml { + padding-left: 4px +} + +.x4-tab-default-left-tc { + height: 4px +} + +.x4-tab-default-left-bc { + height: 0 +} + +.x4-tab-default-left-tl, .x4-tab-default-left-bl, + .x4-tab-default-left-tr, .x4-tab-default-left-br, + .x4-tab-default-left-tc, .x4-tab-default-left-bc, + .x4-tab-default-left-ml, .x4-tab-default-left-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-left-ml, .x4-tab-default-left-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-left-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-left-tl, .x4-strict .x4-ie7 .x4-tab-default-left-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-left:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-right-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-right { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-right-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-right-tl { + background-position: 0 -8px +} + +.x4-tab-default-right-tr { + background-position: right -12px +} + +.x4-tab-default-right-bl { + background-position: 0 -16px +} + +.x4-tab-default-right-br { + background-position: right -20px +} + +.x4-tab-default-right-ml { + background-position: 0 top +} + +.x4-tab-default-right-mr { + background-position: right top +} + +.x4-tab-default-right-tc { + background-position: 0 0 +} + +.x4-tab-default-right-bc { + background-position: 0 -4px +} + +.x4-tab-default-right-tr, .x4-tab-default-right-br, + .x4-tab-default-right-mr { + padding-right: 4px +} + +.x4-tab-default-right-tl, .x4-tab-default-right-bl, + .x4-tab-default-right-ml { + padding-left: 4px +} + +.x4-tab-default-right-tc { + height: 4px +} + +.x4-tab-default-right-bc { + height: 0 +} + +.x4-tab-default-right-tl, .x4-tab-default-right-bl, + .x4-tab-default-right-tr, .x4-tab-default-right-br, + .x4-tab-default-right-tc, .x4-tab-default-right-bc, + .x4-tab-default-right-ml, .x4-tab-default-right-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-right-ml, .x4-tab-default-right-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-right-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-right-tl, .x4-strict .x4-ie7 .x4-tab-default-right-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-right:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default { + border-color: #a4d7aa; + margin: 0 0 0 2px; + cursor: pointer +} + +.x4-tab-default .x4-tab-inner { + font-size: 12px; + font-weight: bold; + font-family: 宋体; + color: #5e9164; + line-height: 13px +} + +.x4-tab-default .x4-tab-icon-el { + width: 16px; + height: 16px; + line-height: 16px; + background-position: center center +} + +.x4-tab-default .x4-tab-glyph { + font-size: 16px; + color: #5e9164; + opacity: .5 +} + +.x4-ie8m .x4-tab-default .x4-tab-glyph { + color: #a4c6a8 +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default { + padding-left: 0 +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-button { + padding-left: 9px +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-icon-el + { + left: 9px +} + +.x4-tab-default-icon .x4-tab-inner { + width: 16px +} + +.x4-tab-default-left { + margin: 0 2px 0 0 +} + +.x4-tab-default-top, .x4-tab-default-left, .x4-tab-default-right { + border-bottom: 1px solid #aedeb4; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + -webkit-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + -moz-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 0 + 0 inset +} + +.x4-nlg .x4-tab-default-top, .x4-nlg .x4-tab-default-left, .x4-nlg .x4-tab-default-right + { + background-image: url(images/tab/tab-default-top-bg.gif) +} + +.x4-tab-default-bottom { + border-top: 1px solid #aedeb4; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + -webkit-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, + white 1px 0 0 0 inset; + -moz-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 + 0 0 inset +} + +.x4-nlg .x4-tab-default-bottom { + background-image: url(images/tab/tab-default-bottom-bg.gif) +} + +.x4-tab-default-left { + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 100% 0; + -moz-transform: rotate(270deg); + -moz-transform-origin: 100% 0; + -o-transform: rotate(270deg); + -o-transform-origin: 100% 0; + transform: rotate(270deg); + transform-origin: 100% 0 +} + +.x4-ie9m .x4-tab-default-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) +} + +.x4-tab-default-right { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-tab-default-right { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) +} + +.x4-tab-default-icon-text-left .x4-tab-inner { + padding-left: 20px +} + +.x4-tab-default-over { + background-color: #f4fef5 +} + +.x4-tab-default-over .x4-tab-glyph { + color: #5e9164 +} + +.x4-ie8m .x4-tab-default-over .x4-tab-glyph { + color: #a9c7ac +} + +.x4-tab-default-top-over, .x4-tab-default-left-over, + .x4-tab-default-right-over { + background-image: none; + background-color: #f4fef5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e5fae9), + color-stop(25%, #edfdf0), color-stop(45%, #f4fef5)); + background-image: -webkit-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -moz-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -o-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -ms-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%) +} + +.x4-nlg .x4-tab-default-top-over, .x4-nlg .x4-tab-default-left-over, + .x4-nlg .x4-tab-default-right-over { + background-image: url(images/tab/tab-default-top-over-bg.gif) +} + +.x4-tab-default-bottom-over { + background-image: none; + background-color: #f4fef5; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #e5fae9), + color-stop(25%, #edfdf0), color-stop(45%, #f4fef5)); + background-image: -webkit-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -moz-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -o-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -ms-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%) +} + +.x4-nlg .x4-tab-default-bottom-over { + background-image: url(images/tab/tab-default-bottom-over-bg.gif) +} + +.x4-tab-default-active { + background-color: #ebfbed +} + +.x4-tab-default-active .x4-tab-inner { + color: #298234 +} + +.x4-tab-default-active .x4-tab-glyph { + color: #298234 +} + +.x4-ie8m .x4-tab-default-active .x4-tab-glyph { + color: #8abe90 +} + +.x4-tab-default-top-active, .x4-tab-default-left-active, + .x4-tab-default-right-active { + border-bottom: 1px solid #ebfbed; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(25%, #fff), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: linear-gradient(top, #fff, #fff 25%, #ebfbed 45%) +} + +.x4-nlg .x4-tab-default-top-active, .x4-nlg .x4-tab-default-left-active, + .x4-nlg .x4-tab-default-right-active { + background-image: url(images/tab/tab-default-top-active-bg.gif) +} + +.x4-tab-default-bottom-active { + border-top: 1px solid #ebfbed; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #fff), + color-stop(25%, #fff), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%) +} + +.x4-nlg .x4-tab-default-bottom-active { + background-image: url(images/tab/tab-default-bottom-active-bg.gif) +} + +.x4-tab-default-disabled { + border-color: #cce9cf; + cursor: default +} + +.x4-tab-default-disabled .x4-tab-inner { + color: #c3b3b3 +} + +.x4-tab-default-disabled .x4-tab-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-tab-default-disabled .x4-tab-glyph { + color: #c3b3b3; + opacity: .3; + filter: none +} + +.x4-ie8m .x4-tab-default-disabled .x4-tab-glyph { + color: #e0e3dc +} + +.x4-tab-default-top-disabled, .x4-tab-default-left-disabled, + .x4-tab-default-right-disabled { + border-color: #cce9cf #cce9cf #aedeb4 +} + +.x4-tab-default-bottom-disabled { + border-color: #aedeb4 #cce9cf #cce9cf #cce9cf +} + +.x4-tab-default-top-disabled, .x4-tab-default-left-disabled, + .x4-tab-default-right-disabled { + background-image: none; + background-color: #edf9ee; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #edf9ee), + color-stop(100%, #f7fef8)); + background-image: -webkit-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -moz-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -o-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -ms-linear-gradient(top, #edf9ee, #f7fef8); + background-image: linear-gradient(top, #edf9ee, #f7fef8) +} + +.x4-nlg .x4-tab-default-top-disabled, .x4-nlg .x4-tab-default-left-disabled, + .x4-nlg .x4-tab-default-right-disabled { + background-image: url(images/tab/tab-default-top-disabled-bg.gif) +} + +.x4-tab-default-bottom-disabled { + background-image: none; + background-color: #edf9ee; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #edf9ee), + color-stop(100%, #f7fef8)); + background-image: -webkit-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -moz-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -o-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -ms-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: linear-gradient(bottom, #edf9ee, #f7fef8) +} + +.x4-nlg .x4-tab-default-bottom-disabled { + background-image: url(images/tab/tab-default-bottom-disabled-bg.gif) +} + +.x4-nbr .x4-tab-default { + background-image: none +} + +.x4-tab-default-top-over .x4-frame-tl, .x4-tab-default-top-over .x4-frame-bl, + .x4-tab-default-top-over .x4-frame-tr, .x4-tab-default-top-over .x4-frame-br, + .x4-tab-default-top-over .x4-frame-tc, .x4-tab-default-top-over .x4-frame-bc, + .x4-tab-default-left-over .x4-frame-tl, .x4-tab-default-left-over .x4-frame-bl, + .x4-tab-default-left-over .x4-frame-tr, .x4-tab-default-left-over .x4-frame-br, + .x4-tab-default-left-over .x4-frame-tc, .x4-tab-default-left-over .x4-frame-bc, + .x4-tab-default-right-over .x4-frame-tl, .x4-tab-default-right-over .x4-frame-bl, + .x4-tab-default-right-over .x4-frame-tr, .x4-tab-default-right-over .x4-frame-br, + .x4-tab-default-right-over .x4-frame-tc, .x4-tab-default-right-over .x4-frame-bc + { + background-image: url(images/tab/tab-default-top-over-corners.gif) +} + +.x4-tab-default-top-over .x4-frame-ml, .x4-tab-default-top-over .x4-frame-mr, + .x4-tab-default-left-over .x4-frame-ml, .x4-tab-default-left-over .x4-frame-mr, + .x4-tab-default-right-over .x4-frame-ml, .x4-tab-default-right-over .x4-frame-mr + { + background-image: url(images/tab/tab-default-top-over-sides.gif) +} + +.x4-tab-default-top-over .x4-frame-mc, .x4-tab-default-left-over .x4-frame-mc, + .x4-tab-default-right-over .x4-frame-mc { + background-color: #f4fef5; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-over-fbg.gif) +} + +.x4-tab-default-bottom-over .x4-frame-tl, .x4-tab-default-bottom-over .x4-frame-bl, + .x4-tab-default-bottom-over .x4-frame-tr, .x4-tab-default-bottom-over .x4-frame-br, + .x4-tab-default-bottom-over .x4-frame-tc, .x4-tab-default-bottom-over .x4-frame-bc + { + background-image: url(images/tab/tab-default-bottom-over-corners.gif) +} + +.x4-tab-default-bottom-over .x4-frame-ml, .x4-tab-default-bottom-over .x4-frame-mr + { + background-image: url(images/tab/tab-default-bottom-over-sides.gif) +} + +.x4-tab-default-bottom-over .x4-frame-mc { + background-color: #f4fef5; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-over-fbg.gif) +} + +.x4-tab-default-top-active .x4-frame-tl, .x4-tab-default-top-active .x4-frame-bl, + .x4-tab-default-top-active .x4-frame-tr, .x4-tab-default-top-active .x4-frame-br, + .x4-tab-default-top-active .x4-frame-tc, .x4-tab-default-top-active .x4-frame-bc, + .x4-tab-default-left-active .x4-frame-tl, .x4-tab-default-left-active .x4-frame-bl, + .x4-tab-default-left-active .x4-frame-tr, .x4-tab-default-left-active .x4-frame-br, + .x4-tab-default-left-active .x4-frame-tc, .x4-tab-default-left-active .x4-frame-bc, + .x4-tab-default-right-active .x4-frame-tl, .x4-tab-default-right-active .x4-frame-bl, + .x4-tab-default-right-active .x4-frame-tr, .x4-tab-default-right-active .x4-frame-br, + .x4-tab-default-right-active .x4-frame-tc, .x4-tab-default-right-active .x4-frame-bc + { + background-image: url(images/tab/tab-default-top-active-corners.gif) +} + +.x4-tab-default-top-active .x4-frame-ml, .x4-tab-default-top-active .x4-frame-mr, + .x4-tab-default-left-active .x4-frame-ml, .x4-tab-default-left-active .x4-frame-mr, + .x4-tab-default-right-active .x4-frame-ml, .x4-tab-default-right-active .x4-frame-mr + { + background-image: url(images/tab/tab-default-top-active-sides.gif) +} + +.x4-tab-default-top-active .x4-frame-mc, .x4-tab-default-left-active .x4-frame-mc, + .x4-tab-default-right-active .x4-frame-mc { + background-color: #ebfbed; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-active-fbg.gif) +} + +.x4-tab-default-bottom-active .x4-frame-tl, + .x4-tab-default-bottom-active .x4-frame-bl, + .x4-tab-default-bottom-active .x4-frame-tr, + .x4-tab-default-bottom-active .x4-frame-br, + .x4-tab-default-bottom-active .x4-frame-tc, + .x4-tab-default-bottom-active .x4-frame-bc { + background-image: url(images/tab/tab-default-bottom-active-corners.gif) +} + +.x4-tab-default-bottom-active .x4-frame-ml, + .x4-tab-default-bottom-active .x4-frame-mr { + background-image: url(images/tab/tab-default-bottom-active-sides.gif) +} + +.x4-tab-default-bottom-active .x4-frame-mc { + background-color: #ebfbed; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-active-fbg.gif) +} + +.x4-tab-default-top-disabled .x4-frame-tl, .x4-tab-default-top-disabled .x4-frame-bl, + .x4-tab-default-top-disabled .x4-frame-tr, .x4-tab-default-top-disabled .x4-frame-br, + .x4-tab-default-top-disabled .x4-frame-tc, .x4-tab-default-top-disabled .x4-frame-bc, + .x4-tab-default-left-disabled .x4-frame-tl, + .x4-tab-default-left-disabled .x4-frame-bl, + .x4-tab-default-left-disabled .x4-frame-tr, + .x4-tab-default-left-disabled .x4-frame-br, + .x4-tab-default-left-disabled .x4-frame-tc, + .x4-tab-default-left-disabled .x4-frame-bc, + .x4-tab-default-right-disabled .x4-frame-tl, + .x4-tab-default-right-disabled .x4-frame-bl, + .x4-tab-default-right-disabled .x4-frame-tr, + .x4-tab-default-right-disabled .x4-frame-br, + .x4-tab-default-right-disabled .x4-frame-tc, + .x4-tab-default-right-disabled .x4-frame-bc { + background-image: url(images/tab/tab-default-top-disabled-corners.gif) +} + +.x4-tab-default-top-disabled .x4-frame-ml, .x4-tab-default-top-disabled .x4-frame-mr, + .x4-tab-default-left-disabled .x4-frame-ml, + .x4-tab-default-left-disabled .x4-frame-mr, + .x4-tab-default-right-disabled .x4-frame-ml, + .x4-tab-default-right-disabled .x4-frame-mr { + background-image: url(images/tab/tab-default-top-disabled-sides.gif) +} + +.x4-tab-default-top-disabled .x4-frame-mc, .x4-tab-default-left-disabled .x4-frame-mc, + .x4-tab-default-right-disabled .x4-frame-mc { + background-color: #edf9ee; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-disabled-fbg.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-tl, + .x4-tab-default-bottom-disabled .x4-frame-bl, + .x4-tab-default-bottom-disabled .x4-frame-tr, + .x4-tab-default-bottom-disabled .x4-frame-br, + .x4-tab-default-bottom-disabled .x4-frame-tc, + .x4-tab-default-bottom-disabled .x4-frame-bc { + background-image: + url(images/tab/tab-default-bottom-disabled-corners.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-ml, + .x4-tab-default-bottom-disabled .x4-frame-mr { + background-image: url(images/tab/tab-default-bottom-disabled-sides.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-mc { + background-color: #edf9ee; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif) +} + +.x4-nbr .x4-tab-default-top, .x4-nbr .x4-tab-default-left, .x4-nbr .x4-tab-default-right + { + border-bottom-width: 1px !important +} + +.x4-nbr .x4-tab-default-bottom { + border-top-width: 1px !important +} + +.x4-tab-default .x4-tab-close-btn { + width: 11px; + height: 11px; + background-image: url(images/tab/tab-default-close.gif); + filter: alpha(opacity = 60); + opacity: .6 +} + +.x4-tab-default .x4-tab-close-btn-over { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-tab-default .x4-tab-close-btn { + top: 2px; + right: 2px +} + +.x4-tab-default-disabled .x4-tab-close-btn { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-tab-default-closable .x4-tab-wrap { + padding-right: 14px +} + +.x4-tab-default-top-over:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-over-bg.gif), corners:url(images/tab/tab-default-top-over-corners.gif), sides:url(images/tab/tab-default-top-over-sides.gif), frame-bg:url(images/tab/tab-default-top-over-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-over:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-over-bg.gif), corners:url(images/tab/tab-default-bottom-over-corners.gif), sides:url(images/tab/tab-default-bottom-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-over-fbg.gif), stretch:top" +} + +.x4-tab-default-top-active:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-active-bg.gif), corners:url(images/tab/tab-default-top-active-corners.gif), sides:url(images/tab/tab-default-top-active-sides.gif), frame-bg:url(images/tab/tab-default-top-active-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-active:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-active-bg.gif), corners:url(images/tab/tab-default-bottom-active-corners.gif), sides:url(images/tab/tab-default-bottom-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-active-fbg.gif), stretch:top" +} + +.x4-tab-default-top-disabled:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-disabled-bg.gif), corners:url(images/tab/tab-default-top-disabled-corners.gif), sides:url(images/tab/tab-default-top-disabled-sides.gif), frame-bg:url(images/tab/tab-default-top-disabled-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-disabled:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-disabled-bg.gif), corners:url(images/tab/tab-default-bottom-disabled-corners.gif), sides:url(images/tab/tab-default-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-default-bottom-disabled-fbg.gif), stretch:top" +} + +.x4-tab-bar-default { + border-style: solid; + border-color: #aedeb4 +} + +.x4-tab-bar-default-top { + padding: 1px 0 0; + border-width: 1px 1px 0 +} + +.x4-tab-bar-default-bottom { + padding: 0 0 1px 0; + border-width: 0 1px 1px 1px +} + +.x4-tab-bar-default-left { + padding: 0 0 0 1px; + border-width: 1px 0 1px 1px +} + +.x4-tab-bar-default-right { + padding: 0 1px 0 0; + border-width: 1px 1px 1px 0 +} + +.x4-tab-bar-default-horizontal { + height: 25px +} + +.x4-content-box .x4-tab-bar-default-horizontal { + height: 23px +} + +.x4-tab-bar-default-vertical { + width: 25px +} + +.x4-content-box .x4-tab-bar-default-vertical { + width: 23px +} + +.x4-tab-bar-body-default-top { + padding-bottom: 2px +} + +.x4-tab-bar-body-default-bottom { + padding-top: 2px +} + +.x4-tab-bar-body-default-left { + padding-right: 2px +} + +.x4-tab-bar-body-default-right { + padding-left: 2px +} + +.x4-tab-bar-strip-default { + border-style: solid; + border-color: #aedeb4; + background-color: #ebfbed +} + +.x4-content-box .x4-tab-bar-strip-default-horizontal { + height: 2px +} + +.x4-content-box .x4-tab-bar-strip-default-vertical { + width: 2px +} + +.x4-tab-bar-strip-default-top { + border-width: 1px 0 0 0; + height: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-top { + border-width: 1px 1px 0 +} + +.x4-tab-bar-strip-default-bottom { + border-width: 0 0 1px 0; + height: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-bottom { + border-width: 0 1px 1px 1px +} + +.x4-tab-bar-strip-default-left { + border-width: 0 0 0 1px; + width: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-left { + border-width: 1px 0 1px 1px +} + +.x4-tab-bar-strip-default-right { + border-width: 0 1px 0 0; + width: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-right { + border-width: 1px 1px 1px 0 +} + +.x4-tab-bar-default { + background-color: #d9ecdc +} + +.x4-tab-bar-default-top { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: linear-gradient(top, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-top { + background: url(images/tab-bar/tab-bar-default-top-bg.gif) +} + +.x4-tab-bar-default-bottom { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: linear-gradient(bottom, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-bottom { + background: url(images/tab-bar/tab-bar-default-bottom-bg.gif) bottom 0 +} + +.x4-tab-bar-default-left { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: linear-gradient(left, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-left { + background: url(images/tab-bar/tab-bar-default-left-bg.gif) +} + +.x4-tab-bar-default-right { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: linear-gradient(right, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-right { + background: url(images/tab-bar/tab-bar-default-right-bg.gif) 0 right +} + +.x4-tab-bar-default .x4-box-scroller { + cursor: pointer +} + +.x4-tab-bar-default .x4-tabbar-scroll-left, .x4-tab-bar-default .x4-tabbar-scroll-right + { + height: 20px; + width: 18px +} + +.x4-tab-bar-default .x4-tabbar-scroll-top, .x4-tab-bar-default .x4-tabbar-scroll-bottom + { + width: 20px; + height: 18px +} + +.x4-tab-bar-default-bottom .x4-box-scroller { + margin-top: 1px +} + +.x4-tab-bar-default-right .x4-box-scroller { + margin-left: 1px +} + +.x4-tab-bar-default-top .x4-tabbar-scroll-left { + background-image: url(images/tab-bar/default-scroll-left-top.gif) +} + +.x4-tab-bar-default-top .x4-tabbar-scroll-right { + background-image: url(images/tab-bar/default-scroll-right-top.gif) +} + +.x4-tab-bar-default-bottom .x4-tabbar-scroll-left { + background-image: url(images/tab-bar/default-scroll-left-bottom.gif) +} + +.x4-tab-bar-default-bottom .x4-tabbar-scroll-right { + background-image: url(images/tab-bar/default-scroll-right-bottom.gif) +} + +.x4-tab-bar-default-left .x4-tabbar-scroll-top { + background-image: url(images/tab-bar/default-scroll-top-left.gif) +} + +.x4-tab-bar-default-left .x4-tabbar-scroll-bottom { + background-image: url(images/tab-bar/default-scroll-bottom-left.gif) +} + +.x4-tab-bar-default-right .x4-tabbar-scroll-top { + background-image: url(images/tab-bar/default-scroll-top-right.gif) +} + +.x4-tab-bar-default-right .x4-tabbar-scroll-bottom { + background-image: url(images/tab-bar/default-scroll-bottom-right.gif) +} + +.x4-tab-bar-default .x4-tabbar-scroll-left-hover, .x4-tab-bar-default .x4-tabbar-scroll-right-hover + { + background-position: -18px 0 +} + +.x4-tab-bar-default .x4-tabbar-scroll-top-hover, .x4-tab-bar-default .x4-tabbar-scroll-bottom-hover + { + background-position: 0 -18px +} + +.x4-tab-bar-default .x4-box-scroller-disabled { + filter: alpha(opacity = 50); + opacity: .5; + cursor: default +} + +.x4-tab-bar-default-top:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-top-bg.gif), stretch:bottom" +} + +.x4-tab-bar-default-bottom:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-bottom-bg.gif), stretch:top" +} + +.x4-tab-bar-default-left:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-left-bg.gif), stretch:right" +} + +.x4-tab-bar-default-right:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-right-bg.gif), stretch:left" +} + +.x4-tab-bar-plain { + border-width: 0; + padding: 0; + height: 23px +} + +.x4-column-header-checkbox { + border-color: #c5c5c5 +} + +.x4-grid-row-checker, .x4-column-header-checkbox .x4-column-header-text + { + height: 13px; + width: 13px; + background-image: url(images/form/checkbox.gif); + line-height: 13px +} + +.x4-column-header-checkbox .x4-column-header-inner { + padding: 5px 5px 5px 5px +} + +.x4-grid-cell-row-checker .x4-grid-cell-inner { + padding: 4px 5px 4px 5px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-row-checker .x4-grid-cell-inner + { + padding-top: 3px; + padding-bottom: 3px +} + +.x4-grid-hd-checker-on .x4-column-header-text, .x4-grid-row-selected .x4-grid-row-checker, + .x4-grid-row-checked .x4-grid-row-checker { + background-position: 0 -13px +} + +.x4-tree-expander { + cursor: pointer +} + +.x4-tree-arrows .x4-tree-expander { + background-image: url(images/tree/arrows.gif) +} + +.x4-tree-arrows .x4-tree-expander-over .x4-tree-expander { + background-position: -32px center +} + +.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander { + background-position: -16px center +} + +.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander-over .x4-tree-expander + { + background-position: -48px center +} + +.x4-tree-lines .x4-tree-elbow { + background-image: url(images/tree/elbow.gif) +} + +.x4-tree-lines .x4-tree-elbow-end { + background-image: url(images/tree/elbow-end.gif) +} + +.x4-tree-lines .x4-tree-elbow-plus { + background-image: url(images/tree/elbow-plus.gif) +} + +.x4-tree-lines .x4-tree-elbow-end-plus { + background-image: url(images/tree/elbow-end-plus.gif) +} + +.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-plus { + background-image: url(images/tree/elbow-minus.gif) +} + +.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-end-plus { + background-image: url(images/tree/elbow-end-minus.gif) +} + +.x4-tree-lines .x4-tree-elbow-line { + background-image: url(images/tree/elbow-line.gif) +} + +.x4-tree-no-lines .x4-tree-expander { + background-image: url(images/tree/elbow-plus-nl.gif) +} + +.x4-tree-no-lines .x4-grid-tree-node-expanded .x4-tree-expander { + background-image: url(images/tree/elbow-minus-nl.gif) +} + +.x4-tree-icon { + width: 16px; + height: 21px +} + +.x4-tree-elbow-img { + width: 16px; + height: 21px; + margin-right: 0 +} + +.x4-tree-icon, .x4-tree-elbow-img, .x4-tree-checkbox { + margin-top: -3px; + margin-bottom: -4px +} + +.x4-tree-icon-leaf { + background-image: url(images/tree/leaf.gif) +} + +.x4-tree-icon-parent { + background-image: url(images/tree/folder.gif) +} + +.x4-grid-tree-node-expanded .x4-tree-icon-parent { + background-image: url(images/tree/folder-open.gif) +} + +.x4-tree-checkbox { + margin-right: 3px; + top: 4px; + width: 13px; + height: 13px; + background-image: url(images/form/checkbox.gif) +} + +.x4-tree-checkbox-checked { + background-position: 0 -13px +} + +.x4-grid-tree-loading .x4-tree-icon { + background-image: url(images/tree/loading.gif) +} + +.x4-grid-cell-inner-treecolumn { + *font-size: 1px +} + +.x4-tree-node-text { + *font-size: 12px; + padding-left: 3px +} + +.x4-grid-cell-inner-treecolumn { + padding: 3px 6px 4px 0 +} + +.x4-tree-drop-ok-append .x4-dd-drop-icon { + background-image: url(images/tree/drop-append.gif) +} + +.x4-tree-drop-ok-above .x4-dd-drop-icon { + background-image: url(images/tree/drop-above.gif) +} + +.x4-tree-drop-ok-below .x4-dd-drop-icon { + background-image: url(images/tree/drop-below.gif) +} + +.x4-tree-drop-ok-between .x4-dd-drop-icon { + background-image: url(images/tree/drop-between.gif) +} + +.x4-tree-ddindicator { + height: 1px; + border-width: 1px 0 0; + border-style: dotted; + border-color: green +} + +.x4-box-tl { + background: transparent no-repeat 0 0; + zoom: 1 +} + +.x4-box-tc { + height: 8px; + background: transparent repeat-x 0 0; + overflow: hidden +} + +.x4-box-tr { + background: transparent no-repeat right -8px +} + +.x4-box-ml { + background: transparent repeat-y 0; + padding-left: 4px; + overflow: hidden; + zoom: 1 +} + +.x4-box-mc { + background: repeat-x 0 -16px; + padding: 4px 10px +} + +.x4-box-mc h3 { + margin: 0 0 4px 0; + zoom: 1 +} + +.x4-box-mr { + background: transparent repeat-y right; + padding-right: 4px; + overflow: hidden +} + +.x4-box-bl { + background: transparent no-repeat 0 -16px; + zoom: 1 +} + +.x4-box-bc { + background: transparent repeat-x 0 -8px; + height: 8px; + overflow: hidden +} + +.x4-box-br { + background: transparent no-repeat right -24px +} + +.x4-box-tl, .x4-box-bl { + padding-left: 8px; + overflow: hidden +} + +.x4-box-tr, .x4-box-br { + padding-right: 8px; + overflow: hidden +} + +.x4-box-tl { + background-image: url(images/box/corners.gif) +} + +.x4-box-tc { + background-image: url(images/box/tb.gif) +} + +.x4-box-tr { + background-image: url(images/box/corners.gif) +} + +.x4-box-ml { + background-image: url(images/box/l.gif) +} + +.x4-box-mc { + background-color: #eee; + background-image: url(images/box/tb.gif); + font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", + sans-serif; + color: #393939; + font-size: 15px +} + +.x4-box-mc h3 { + font-size: 18px; + font-weight: bold +} + +.x4-box-mr { + background-image: url(images/box/r.gif) +} + +.x4-box-bl { + background-image: url(images/box/corners.gif) +} + +.x4-box-bc { + background-image: url(images/box/tb.gif) +} + +.x4-box-br { + background-image: url(images/box/corners.gif) +} + +.x4-box-blue .x4-box-bl, .x4-box-blue .x4-box-br, .x4-box-blue .x4-box-tl, + .x4-box-blue .x4-box-tr { + background-image: url(images/box/corners-blue.gif) +} + +.x4-box-blue .x4-box-bc, .x4-box-blue .x4-box-mc, .x4-box-blue .x4-box-tc + { + background-image: url(images/box/tb-blue.gif) +} + +.x4-box-blue .x4-box-mc { + background-color: #c3daf9 +} + +.x4-box-blue .x4-box-mc h3 { + color: #17385b +} + +.x4-box-blue .x4-box-ml { + background-image: url(images/box/l-blue.gif) +} + +.x4-box-blue .x4-box-mr { + background-image: url(images/box/r-blue.gif) +} + +.x4-message-box .x4-msg-box-wait { + background-image: url(images/shared/blue-loading.gif) +} + +.x4-form-trigger { + height: 22px +} + +.x4-content-box .x4-form-trigger { + height: 21px +} + +.x4-field-toolbar .x4-form-trigger { + height: 20px +} + +.x4-content-box .x4-field-toolbar .x4-form-trigger { + height: 19px +} + +.x4-content-box div.x4-form-spinner-up, .x4-content-box div.x4-form-spinner-down + { + height: 10px +} + +.x4-content-box .x4-toolbar-item div.x4-form-spinner-up, .x4-content-box .x4-toolbar-item div.x4-form-spinner-down + { + height: 9px +} + +.x4-html-editor-wrap .x4-toolbar { + border-left-color: #b5b8c8; + border-top-color: #b5b8c8; + border-right-color: #b5b8c8 +} + +.x4-html-editor-input { + border: 1px solid #b5b8c8; + border-top-width: 0 +} + +.x4-column-header-trigger { + background-color: #c5c5c5; + background-image: url(images/grid/grid3-hd-btn.gif) +} + +.x4-content-box .x4-grid-editor .x4-form-trigger { + height: 20px +} + +.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down + { + background-image: url(images/form/spinner-small.gif) +} + +.x4-content-box .x4-grid-editor .x4-form-spinner-up, .x4-content-box .x4-grid-editor .x4-form-spinner-down + { + height: 9.5px +} + +.x4-accordion-hd { + border-width: 1px 0 !important; + -webkit-box-shadow: inset 0 0 0 0 #e6f6e8; + -moz-box-shadow: inset 0 0 0 0 #e6f6e8; + box-shadow: inset 0 0 0 0 #e6f6e8 +} + +.x4-accordion-hd-sibling-expanded { + -webkit-box-shadow: inset 0 1px 0 0 #fcfdfc; + -moz-box-shadow: inset 0 1px 0 0 #fcfdfc; + box-shadow: inset 0 1px 0 0 #fcfdfc +} + +.x4-resizable-handle-east-over, .x4-resizable-handle-west-over { + background-position: left +} + +.x4-resizable-handle-south-over, .x4-resizable-handle-north-over { + background-position: top +} + +.x4-resizable-handle-southeast-over { + background-position: top left +} + +.x4-resizable-handle-northwest-over { + background-position: bottom right +} + +.x4-resizable-handle-northeast-over { + background-position: bottom left +} + +.x4-resizable-handle-southwest-over { + background-position: top right +} + +.x4-resizable-pinned .x4-resizable-handle-east, .x4-resizable-pinned .x4-resizable-handle-west + { + background-position: left +} + +.x4-resizable-pinned .x4-resizable-handle-south, .x4-resizable-pinned .x4-resizable-handle-north + { + background-position: top +} + +.x4-resizable-pinned .x4-resizable-handle-southeast { + background-position: top left +} + +.x4-resizable-pinned .x4-resizable-handle-northwest { + background-position: bottom right +} + +.x4-resizable-pinned .x4-resizable-handle-northeast { + background-position: bottom left +} + +.x4-resizable-pinned .x4-resizable-handle-southwest { + background-position: top right +} + +.x4-ie6 .x4-slider-horz, .x4-ie6 .x4-slider-horz .x4-slider-end, .x4-ie6 .x4-slider-horz .x4-slider-inner + { + background-image: url(images/slider/slider-bg.gif) +} + +.x4-ie6 .x4-slider-horz .x4-slider-thumb { + background-image: url(images/slider/slider-thumb.gif) +} + +.x4-ie6 .x4-slider-vert, .x4-ie6 .x4-slider-vert .x4-slider-end, .x4-ie6 .x4-slider-vert .x4-slider-inner + { + background-image: url(images/slider/slider-v-bg.gif) +} + +.x4-ie6 .x4-slider-vert .x4-slider-thumb { + background-image: url(images/slider/slider-v-thumb.gif) +} + +.x4-tab-icon-el { + top: -1px +} + +.x4-tab-noicon .x4-tab-icon { + display: none +} \ No newline at end of file Index: ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize15.css =================================================================== diff -u --- ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize15.css (revision 0) +++ ssts-web/src/main/webapp/ext-4.2.3/resources/ext-theme-green/green-theme-sandbox-all-fontSize15.css (revision 14608) @@ -0,0 +1,12806 @@ +@charset "UTF-8"; + +.x4-body { + margin: 0 +} + +img { + border: 0 +} + +.x4-border-box, .x4-border-box * { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x4-rtl { + direction: rtl +} + +.x4-ltr { + direction: ltr +} + +.x4-clear { + overflow: hidden; + clear: both; + font-size: 0; + line-height: 0; + display: table +} + +.x4-strict .x4-ie7 .x4-clear { + height: 0; + width: 0 +} + +.x4-layer { + position: absolute !important; + overflow: hidden; + zoom: 1 +} + +.x4-fixed-layer { + position: fixed !important; + overflow: hidden; + zoom: 1 +} + +.x4-shim { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-hide-display { + display: none !important +} + +.x4-hide-visibility { + visibility: hidden !important +} + +.x4-ie6 .x4-item-disabled { + filter: none +} + +.x4-hidden, .x4-hide-offsets { + display: block !important; + visibility: hidden !important; + position: absolute !important; + top: -10000px !important +} + +.x4-hide-nosize { + height: 0 !important; + width: 0 !important +} + +.x4-hide-clip { + position: absolute !important; + clip: rect(0, 0, 0, 0); + clip: rect(0, 0, 0, 0) +} + +.x4-masked-relative { + position: relative +} + +.x4-ie-shadow { + background-color: #777; + display: none; + position: absolute; + overflow: hidden; + zoom: 1 +} + +.x4-unselectable { + user-select: none; + -o-user-select: none; + -ms-user-select: none; + -moz-user-select: -moz-none; + -webkit-user-select: none; + cursor: default +} + +.x4-selectable { + cursor: auto; + -moz-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + -o-user-select: text +} + +.x4-list-plain { + list-style-type: none; + margin: 0; + padding: 0 +} + +.x4-table-plain { + border-collapse: collapse; + border-spacing: 0; + font-size: 1em +} + +.x4-frame-tl, .x4-frame-tr, .x4-frame-tc, .x4-frame-bl, .x4-frame-br, + .x4-frame-bc { + overflow: hidden; + background-repeat: no-repeat +} + +.x4-frame-tc, .x4-frame-bc { + background-repeat: repeat-x +} + +.x4-frame-mc { + background-repeat: repeat-x; + overflow: hidden +} + +.x4-proxy-el { + position: absolute; + background: #b4b4b4; + filter: alpha(opacity = 80); + opacity: .8 +} + +.x4-css-shadow { + position: absolute; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px +} + +.x4-item-disabled, .x4-item-disabled * { + cursor: default +} + +.x4-webkit *:focus { + outline: none !important +} + +.x4-box-item { + position: absolute !important; + left: 0; + top: 0 +} + +div.x4-editor { + overflow: visible +} + +.x4-mask { + z-index: 100; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + zoom: 1 +} + +.x4-mask-fixed { + position: fixed +} + +.x4-mask-shim { + z-index: 100; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.x4-mask-msg { + z-index: 101; + position: absolute +} + +.x4-progress { + position: relative; + border-style: solid; + overflow: hidden +} + +.x4-progress-bar { + overflow: hidden; + position: absolute; + width: 0; + height: 100% +} + +.x4-progress-text { + overflow: hidden; + position: absolute +} + +.x4-docked { + position: absolute !important; + z-index: 1 +} + +.x4-docked-vertical { + position: static +} + +.x4-docked-top { + border-bottom-width: 0 !important +} + +.x4-docked-bottom { + border-top-width: 0 !important +} + +.x4-docked-left { + border-right-width: 0 !important +} + +.x4-docked-right { + border-left-width: 0 !important +} + +.x4-docked-noborder-top { + border-top-width: 0 !important +} + +.x4-docked-noborder-right { + border-right-width: 0 !important +} + +.x4-docked-noborder-bottom { + border-bottom-width: 0 !important +} + +.x4-docked-noborder-left { + border-left-width: 0 !important +} + +.x4-noborder-l { + border-left-width: 0 !important +} + +.x4-noborder-b { + border-bottom-width: 0 !important +} + +.x4-noborder-bl { + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-r { + border-right-width: 0 !important +} + +.x4-noborder-rl { + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-rb { + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-rbl { + border-right-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-t { + border-top-width: 0 !important +} + +.x4-noborder-tl { + border-top-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-tb { + border-top-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-tbl { + border-top-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-tr { + border-top-width: 0 !important; + border-right-width: 0 !important +} + +.x4-noborder-trl { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-left-width: 0 !important +} + +.x4-noborder-trb { + border-top-width: 0 !important; + border-right-width: 0 !important; + border-bottom-width: 0 !important +} + +.x4-noborder-trbl { + border-width: 0 !important +} + +.x4-btn { + display: inline-block; + position: relative; + zoom: 1; + *display: inline; + outline: 0; + cursor: pointer; + white-space: nowrap; + vertical-align: middle; + text-decoration: none +} + +.x4-btn-wrap { + position: relative; + display: block +} + +.x4-btn-button { + position: relative; + display: block; + text-decoration: none; + overflow: hidden; + zoom: 1 +} + +.x4-btn-inner { + display: block; + white-space: nowrap; + overflow: hidden; + zoom: 1 +} + +.x4-btn-icon-el { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: absolute; + background-repeat: no-repeat; + text-align: center +} + +.x4-btn-inner-center { + text-align: center +} + +.x4-btn-inner-left { + text-align: left +} + +.x4-btn-inner-right { + text-align: right +} + +.x4-box-layout-ct { + overflow: hidden; + zoom: 1 +} + +.x4-box-target { + position: absolute; + width: 20000px; + top: 0; + left: 0; + height: 1px +} + +.x4-box-inner { + overflow: hidden; + zoom: 1; + position: relative; + left: 0; + top: 0 +} + +.x4-horizontal-box-overflow-body { + float: left +} + +.x4-box-scroller { + position: relative; + background-repeat: no-repeat +} + +.x4-box-scroller-left, .x4-box-scroller-right { + float: left; + height: 100%; + z-index: 5 +} + +.x4-box-scroller-top .x4-box-scroller, .x4-box-scroller-bottom .x4-box-scroller + { + line-height: 0; + font-size: 0; + background-position: center 0 +} + +.x4-box-menu-after { + float: right +} + +.x4-toolbar-text { + white-space: nowrap +} + +.x4-toolbar-separator { + display: block; + font-size: 1px; + overflow: hidden; + cursor: default; + border: 0; + width: 0; + height: 0; + line-height: 0 +} + +.x4-quirks .x4-ie .x4-toolbar .x4-toolbar-separator-horizontal { + width: 2px +} + +.x4-toolbar-scroller { + padding-left: 0 +} + +.x4-toolbar-plain { + border: 0 +} + +.x4-header-icon { + background-repeat: no-repeat; + background-position: 0 0; + vertical-align: middle; + text-align: center +} + +.x4-header-text-container { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis +} + +.x4-dd-drag-proxy, .x4-dd-drag-current { + z-index: 1000000 !important; + pointer-events: none +} + +.x4-dd-drag-repair .x4-dd-drag-ghost { + filter: alpha(opacity = 60); + opacity: .6 +} + +.x4-dd-drag-repair .x4-dd-drop-icon { + display: none +} + +.x4-dd-drag-ghost { + filter: alpha(opacity = 85); + opacity: .85; + padding: 5px; + padding-left: 20px; + white-space: nowrap; + color: #000; + font: normal 15px 宋体; + border: 1px solid; + border-color: #ddd #bbb #bbb #ddd; + background-color: #fff +} + +.x4-dd-drop-icon { + position: absolute; + top: 3px; + left: 3px; + display: block; + width: 16px; + height: 16px; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + z-index: 1 +} + +.x4-dd-drop-ok .x4-dd-drop-icon { + background-image: url(images/dd/drop-yes.gif) +} + +.x4-dd-drop-ok-add .x4-dd-drop-icon { + background-image: url(images/dd/drop-add.gif) +} + +.x4-dd-drop-nodrop div.x4-dd-drop-icon { + background-image: url(images/dd/drop-no.gif) +} + +.x4-panel, .x4-plain { + overflow: hidden; + position: relative +} + +.x4-panel { + outline: 0 +} + +.x4-ie .x4-panel-header, .x4-ie .x4-panel-header-tl, .x4-ie .x4-panel-header-tc, + .x4-ie .x4-panel-header-tr, .x4-ie .x4-panel-header-ml, .x4-ie .x4-panel-header-mc, + .x4-ie .x4-panel-header-mr, .x4-ie .x4-panel-header-bl, .x4-ie .x4-panel-header-bc, + .x4-ie .x4-panel-header-br { + zoom: 1 +} + +.x4-ie8 td.x4-frame-mc { + vertical-align: top +} + +.x4-panel-body { + overflow: hidden; + position: relative +} + +.x4-nlg .x4-panel-header-vertical .x4-frame-mc { + background-repeat: repeat-y +} + +.x4-panel-header-plain, .x4-panel-body-plain { + border: 0; + padding: 0 +} + +.x4-tip { + position: absolute; + overflow: visible +} + +.x4-tip-body { + overflow: hidden; + position: relative +} + +.x4-tip-anchor { + position: absolute; + overflow: hidden; + border-style: solid +} + +.x4-surface { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; + overflow: hidden +} + +.rvml { + behavior: url(#default#VML) +} + +.x4-surface tspan { + user-select: none; + -o-user-select: none; + -ms-user-select: none; + -moz-user-select: -moz-none; + -webkit-user-select: none; + cursor: default +} + +.x4-vml-sprite { + position: absolute; + left: 0; + top: 0; + width: 1px; + height: 1px +} + +.x4-vml-group { + position: absolute; + left: 0; + top: 0; + width: 1000px; + height: 1000px +} + +.x4-vml-measure-span { + position: absolute; + left: -9999em; + top: -9999em; + padding: 0; + margin: 0; + display: inline +} + +.x4-vml-base { + position: relative; + top: 0; + left: 0; + overflow: hidden; + display: inline-block +} + +.x4-vml-base { + position: relative; + top: 0; + left: 0; + overflow: hidden; + display: inline-block +} + +svg, vml { + overflow: hidden +} + +.x4-table-layout { + font-size: 1em +} + +.x4-btn-group { + position: relative; + overflow: hidden +} + +.x4-btn-group-body { + position: relative; + zoom: 1 +} + +.x4-btn-group-body .x4-table-layout-cell { + vertical-align: top +} + +.x4-viewport, .x4-viewport body { + margin: 0; + padding: 0; + border: 0 none; + overflow: hidden; + height: 100%; + position: static +} + +.x4-window { + outline: 0; + overflow: hidden +} + +.x4-window .x4-window-wrap { + position: relative +} + +.x4-window-body { + position: relative; + overflow: hidden +} + +.x4-form-item-label { + display: block +} + +.x4-form-item-label-right { + text-align: right +} + +.x4-form-item-label-top { + display: block; + zoom: 1 +} + +.x4-form-invalid-icon { + overflow: hidden +} + +.x4-form-invalid-icon ul { + display: none +} + +.x4-form-textarea { + overflow: auto; + resize: none +} + +.x4-safari.x4-mac .x4-form-textarea { + margin-bottom: -2px +} + +.x4-form-display-field-body { + vertical-align: top +} + +.x4-message-box .x4-form-display-field { + height: auto +} + +.x4-form-cb-wrap { + vertical-align: top +} + +.x4-form-cb-wrap-inner { + position: relative; + zoom: 1 +} + +.x4-form-cb { + position: absolute; + left: 0; + right: auto; + vertical-align: top; + overflow: hidden; + padding: 0; + border: 0 +} + +.x4-form-cb::-moz-focus-inner { + padding: 0; + border: 0 +} + +.x4-form-cb-after { + left: auto; + right: 0 +} + +.x4-form-cb-label { + display: inline-block; + zoom: 1 +} + +.x4-fieldset { + display: block; + position: relative +} + +.x4-fieldset-header { + overflow: hidden +} + +.x4-fieldset-header .x4-form-item, .x4-fieldset-header .x4-tool { + float: left +} + +.x4-fieldset-header .x4-fieldset-header-text { + float: left +} + +.x4-fieldset-header .x4-form-cb-wrap { + font-size: 0; + line-height: 0; + height: auto +} + +.x4-fieldset-header .x4-form-cb { + margin: 0; + position: static +} + +.x4-form-item { + vertical-align: top; + table-layout: fixed +} + +.x4-form-item-body { + position: relative +} + +.x4-form-form-item td { + border-top: 1px solid transparent +} + +.x4-form-trigger { + cursor: pointer; + overflow: hidden; + background-repeat: no-repeat +} + +.x4-item-disabled .x4-form-trigger { + cursor: default +} + +.x4-trigger-noedit { + cursor: default +} + +.x4-form-trigger-wrap { + vertical-align: top; + border-collapse: separate +} + +.x4-form-spinner-up, .x4-form-spinner-down { + font-size: 0 +} + +.x4-strict .x4-ie9 .x4-boundlist-list-ct { + min-height: 0\% +} + +.x4-datepicker { + position: relative +} + +.x4-datepicker .x4-monthpicker { + left: 0; + top: 0; + display: block +} + +.x4-datepicker .x4-monthpicker-months, .x4-datepicker .x4-monthpicker-years + { + height: 100% +} + +.x4-datepicker-inner { + table-layout: fixed; + width: 100%; + border-collapse: separate +} + +.x4-datepicker-cell { + padding: 0 +} + +.x4-datepicker-header { + position: relative; + zoom: 1 +} + +.x4-datepicker-arrow { + position: absolute; + outline: 0; + font-size: 0 +} + +.x4-datepicker-column-header { + padding: 0 +} + +.x4-datepicker-date { + display: block; + zoom: 1; + text-decoration: none +} + +.x4-monthpicker { + display: table +} + +.x4-monthpicker-body { + height: 100%; + position: relative +} + +.x4-monthpicker-months, .x4-monthpicker-years { + float: left +} + +.x4-monthpicker-item { + float: left +} + +.x4-monthpicker-item-inner { + display: block; + text-decoration: none +} + +.x4-monthpicker-yearnav-button-ct { + float: left; + text-align: center +} + +.x4-monthpicker-yearnav-button { + display: inline-block; + outline: 0; + font-size: 0 +} + +.x4-monthpicker-buttons { + width: 100% +} + +.x4-datepicker .x4-monthpicker-buttons { + position: absolute; + bottom: 0 +} + +.x4-form-file-btn { + overflow: hidden +} + +.x4-form-file-input { + border: 0; + position: absolute; + cursor: pointer; + top: -2px; + right: -2px; + filter: alpha(opacity = 0); + opacity: 0; + font-size: 1000px +} + +.x4-form-item-hidden { + margin: 0 +} + +.x4-color-picker-item { + float: left; + text-decoration: none +} + +.x4-color-picker-item-inner { + display: block; + font-size: 1px +} + +.x4-html-editor-tb .x4-toolbar { + position: static !important +} + +.x4-htmleditor-iframe { + display: block; + overflow: auto +} + +.x4-fit-item { + position: relative +} + +.x4-grid-row, .x4-grid-data-row { + outline: 0 +} + +.x4-grid-view { + overflow: hidden; + position: relative +} + +.x4-grid-table { + table-layout: fixed; + border-collapse: separate +} + +.x4-grid-td { + overflow: hidden; + border-width: 0; + vertical-align: top +} + +.x4-grid-cell-inner { + overflow: hidden; + white-space: nowrap; + zoom: 1 +} + +.x4-grid-resize-marker { + position: absolute; + z-index: 5; + top: 0 +} + +.col-move-top, .col-move-bottom { + position: absolute; + top: 0; + line-height: 0; + font-size: 0; + overflow: hidden; + z-index: 20000; + background: no-repeat center top transparent +} + +.x4-grid-header-ct { + cursor: default +} + +.x4-column-header { + position: absolute; + overflow: hidden; + background-repeat: repeat-x +} + +.x4-column-header-inner { + zoom: 1; + white-space: nowrap; + position: relative; + overflow: hidden +} + +.x4-column-header-text { + white-space: nowrap; + background-repeat: no-repeat +} + +.x4-column-header-trigger { + display: none; + height: 100%; + background-repeat: no-repeat; + position: absolute; + right: 0; + top: 0; + z-index: 2 +} + +.x4-column-header-over .x4-column-header-trigger, .x4-column-header-open .x4-column-header-trigger + { + display: block +} + +.x4-column-header-align-right { + text-align: right +} + +.x4-column-header-align-left { + text-align: left +} + +.x4-column-header-align-center { + text-align: center +} + +.x4-grid-cell-inner-action-col { + line-height: 0; + font-size: 0 +} + +.x4-grid-cell-inner-checkcolumn { + line-height: 0; + font-size: 0 +} + +.x4-grid-group, .x4-grid-group-body, .x4-grid-group-hd { + zoom: 1 +} + +.x4-group-hd-container { + overflow: hidden +} + +.x4-grid-group-hd { + white-space: nowrap; + outline: 0 +} + +.x4-grid-row-body-hidden, .x4-grid-group-collapsed { + display: none +} + +td.x4-grid-rowwrap .x4-grid-table { + border: 0 +} + +td.x4-grid-rowwrap .x4-grid-cell { + border-bottom: 0; + background-color: transparent +} + +.x4-grid-rowbody { + zoom: 1 +} + +.x4-grid-row-body-hidden { + display: none +} + +.x4-grid-editor .x4-form-cb-wrap { + text-align: center +} + +.x4-grid-editor .x4-form-cb { + position: static +} + +.x4-grid-editor .x4-form-display-field { + margin: 0; + white-space: nowrap; + overflow: hidden +} + +.x4-grid-editor div.x4-form-action-col-field { + line-height: 0 +} + +.x4-grid-row-editor { + position: absolute; + overflow: visible; + z-index: 1 +} + +.x4-grid-row-editor-buttons { + position: absolute; + white-space: nowrap +} + +.x4-grid-row-expander { + font-size: 0; + line-height: 0 +} + +.x4-abs-layout-ct { + position: relative +} + +.x4-abs-layout-item { + position: absolute !important +} + +.x4-splitter { + font-size: 1px +} + +.x4-splitter-horizontal { + cursor: e-resize; + cursor: row-resize +} + +.x4-splitter-vertical { + cursor: e-resize; + cursor: col-resize +} + +.x4-splitter-collapsed, .x4-splitter-horizontal-noresize, + .x4-splitter-vertical-noresize { + cursor: default +} + +.x4-splitter-active { + z-index: 4 +} + +.x4-collapse-el { + position: absolute; + background-repeat: no-repeat +} + +.x4-border-layout-ct { + overflow: hidden; + zoom: 1 +} + +.x4-border-layout-ct { + position: relative +} + +.x4-border-region-slide-in { + z-index: 5 +} + +.x4-region-collapsed-placeholder { + z-index: 4 +} + +.x4-column { + float: left +} + +.x4-ie6 .x4-column { + display: inline +} + +.x4-quirks .x4-ie .x4-form-layout-table, .x4-quirks .x4-ie .x4-form-layout-table tbody tr.x4-form-item + { + position: relative +} + +.x4-form-layout-table { + border-collapse: separate; + border-spacing: 0 2px +} + +.x4-ie6 .x4-form-layout-table { + border-collapse: collapse; + border-spacing: 0 +} + +.x4-menu { + outline: 0 +} + +.x4-menu-item { + white-space: nowrap; + overflow: hidden +} + +.x4-menu-item-cmp .x4-field-label-cell { + vertical-align: middle +} + +.x4-menu-icon-separator { + position: absolute; + top: 0; + z-index: 0; + height: 100%; + overflow: hidden +} + +.x4-menu-plain .x4-menu-icon-separator { + display: none +} + +.x4-menu-item-link { + text-decoration: none; + outline: 0; + display: block +} + +.x4-menu-item-text { + display: inline-block; + zoom: 1 +} + +.x4-menu-item-icon, .x4-menu-item-icon-right, .x4-menu-item-arrow { + font-size: 0; + position: absolute; + text-align: center +} + +.x4-resizable-overlay { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + z-index: 200000; + background-color: #fff; + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-resizable-wrapped { + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box +} + +.x4-slider { + outline: 0; + zoom: 1; + position: relative +} + +.x4-slider-inner { + position: relative; + left: 0; + top: 0; + overflow: visible; + zoom: 1 +} + +.x4-slider-vert .x4-slider-inner { + background: repeat-y 0 0 +} + +.x4-slider-end { + zoom: 1 +} + +.x4-slider-thumb { + position: absolute; + background: no-repeat 0 0 +} + +.x4-slider-horz .x4-slider-thumb { + left: 0 +} + +.x4-slider-vert .x4-slider-thumb { + bottom: 0 +} + +a.x4-tab { + text-decoration: none +} + +a.x4-tab .x4-tab-inner-left { + text-align: left +} + +a.x4-tab .x4-tab-inner-right { + text-align: right +} + +.x4-tab-bar { + position: relative +} + +.x4-column-header-checkbox .x4-column-header-text { + display: block; + background-repeat: no-repeat; + font-size: 0 +} + +.x4-grid-cell-row-checker { + vertical-align: middle; + background-repeat: no-repeat; + font-size: 0 +} + +.x4-tab { + outline: 0; + display: block; + white-space: nowrap; + z-index: 1 +} + +.x4-tab-active { + z-index: 3 +} + +.x4-tab-wrap { + display: block; + position: relative +} + +.x4-tab-button { + zoom: 1; + display: block +} + +.x4-tab-inner { + display: block; + text-align: center; + white-space: nowrap; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + overflow: hidden; + zoom: 1 +} + +.x4-btn-icon-el { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: absolute; + background-repeat: no-repeat; + text-align: center +} + +.x4-tab-bar { + z-index: 1 +} + +.x4-tab-bar-body { + z-index: 2; + position: relative +} + +.x4-tab-bar-strip { + position: absolute; + line-height: 0; + font-size: 0; + z-index: 1 +} + +.x4-tab-bar-horizontal .x4-tab-bar-strip { + width: 100%; + left: 0 +} + +.x4-tab-bar-vertical .x4-tab-bar-strip { + height: 100%; + top: 0 +} + +.x4-tab-bar-strip-top { + bottom: 0 +} + +.x4-tab-bar-strip-bottom { + top: 0 +} + +.x4-tab-bar-strip-left { + right: 0 +} + +.x4-tab-bar-strip-right { + left: 0 +} + +.x4-tab-bar-plain { + background: transparent !important +} + +.x4-tab-icon-el { + position: absolute; + background-repeat: no-repeat; + top: 0; + left: 0; + right: auto; + bottom: 0 +} + +.x4-tab-close-btn { + display: block; + position: absolute; + font-size: 0; + line-height: 0; + background: no-repeat +} + +.x4-tab-mc { + overflow: visible +} + +.x4-autowidth-table .x4-grid-table { + table-layout: auto; + width: auto !important +} + +.x4-tree-view { + overflow: hidden +} + +.x4-tree-elbow-img, .x4-tree-icon { + background-repeat: no-repeat; + background-position: 0 center; + vertical-align: top +} + +.x4-tree-checkbox { + border: 0; + padding: 0; + vertical-align: top; + position: relative; + background-color: transparent +} + +.x4-tree-animator-wrap { + overflow: hidden +} + +.x4-tree-node-text { + zoom: 1 +} + +.x4-body { + color: black; + font-size: 15px; + font-family: 宋体 +} + +.x4-animating-size, .x4-collapsed { + overflow: hidden !important +} + +.x4-editor .x4-form-item-body { + padding-bottom: 0 +} + +.x4-focus-element { + position: absolute; + top: -10px; + left: -10px; + width: 0; + height: 0 +} + +.x4-focus-frame { + position: absolute; + left: 0; + top: 0; + z-index: 100000000; + width: 0; + height: 0 +} + +.x4-focus-frame-top, .x4-focus-frame-bottom, .x4-focus-frame-left, + .x4-focus-frame-right { + position: absolute; + top: 0; + left: 0 +} + +.x4-focus-frame-top, .x4-focus-frame-bottom { + border-top: solid 2px #15428b; + height: 2px +} + +.x4-focus-frame-left, .x4-focus-frame-right { + border-left: solid 2px #15428b; + width: 2px +} + +.x4-mask { + filter: alpha(opacity = 50); + opacity: .5; + background: #ccc; + cursor: default +} + +.x4-mask-msg { + padding: 2px; + border-style: solid; + border-width: 1px; + border-color: #aedeb4; + background: #ebf5ec +} + +.x4-mask-msg-inner { + padding: 0 5px; + border-style: solid; + border-width: 1px; + border-color: #b7d0bb; + background-color: #eee; + color: #222; + font: normal 15px 宋体 +} + +.x4-mask-msg-text { + padding: 5px 5px 5px 20px; + background-image: url(images/grid/loading.gif); + background-repeat: no-repeat; + background-position: 0 center +} + +.x4-progress-default { + background-color: #ebf3ec; + border-width: 1px; + height: 20px; + border-color: #82bd89 +} + +.x4-content-box .x4-progress-default { + height: 18px +} + +.x4-progress-default .x4-progress-bar-default { + background-image: none; + background-color: #8dd196; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c4e7c8), + color-stop(50%, #9fd8a6), color-stop(51%, #8dd196), + color-stop(100%, #7bca85)); + background-image: -webkit-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -moz-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -o-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: -ms-linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85); + background-image: linear-gradient(top, #c4e7c8, #9fd8a6 50%, #8dd196 51%, #7bca85) +} + +.x4-nlg .x4-progress-default .x4-progress-bar-default { + background: repeat-x; + background-image: url(images/progress/progress-default-bg.gif) +} + +.x4-progress-default .x4-progress-text { + color: white; + font-weight: bold; + font-size: 15px; + font-family: 宋体; + text-align: center; + line-height: 18px +} + +.x4-progress-default .x4-progress-text-back { + color: #538659; + line-height: 18px +} + +.x4-progress-bar-default:after { + display: none; + content: + "x-slicer:bg:url(images/progress/progress-default-bg.gif), stretch:bottom" +} + +.x4-btn-default-small { + border-color: #d1d1d1 +} + +.x4-btn-default-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-small-mc { + background-image: url(images/btn/btn-default-small-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-small { + background-image: url(images/btn/btn-default-small-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-btn-default-small-tl { + background-position: 0 -6px +} + +.x4-btn-default-small-tr { + background-position: right -9px +} + +.x4-btn-default-small-bl { + background-position: 0 -12px +} + +.x4-btn-default-small-br { + background-position: right -15px +} + +.x4-btn-default-small-ml { + background-position: 0 top +} + +.x4-btn-default-small-mr { + background-position: right top +} + +.x4-btn-default-small-tc { + background-position: 0 0 +} + +.x4-btn-default-small-bc { + background-position: 0 -3px +} + +.x4-btn-default-small-tr, .x4-btn-default-small-br, + .x4-btn-default-small-mr { + padding-right: 3px +} + +.x4-btn-default-small-tl, .x4-btn-default-small-bl, + .x4-btn-default-small-ml { + padding-left: 3px +} + +.x4-btn-default-small-tc { + height: 3px +} + +.x4-btn-default-small-bc { + height: 3px +} + +.x4-btn-default-small-tl, .x4-btn-default-small-bl, + .x4-btn-default-small-tr, .x4-btn-default-small-br, + .x4-btn-default-small-tc, .x4-btn-default-small-bc, + .x4-btn-default-small-ml, .x4-btn-default-small-mr { + zoom: 1; + background-image: url(images/btn/btn-default-small-corners.gif) +} + +.x4-btn-default-small-ml, .x4-btn-default-small-mr { + zoom: 1; + background-image: url(images/btn/btn-default-small-sides.gif) +} + +.x4-btn-default-small-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-default-small-tl, .x4-strict .x4-ie7 .x4-btn-default-small-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-small:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-small-fbg.gif), bg:url(images/btn/btn-default-small-bg.gif), corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)" +} + +.x4-btn-default-small .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 4px +} + +.x4-btn-default-small .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-small .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-small .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-small .x4-btn-glyph { + font-size: 16px; + line-height: 16px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-small .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-small-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-small-icon .x4-btn-button, .x4-btn-default-small-noicon .x4-btn-button + { + height: 16px +} + +.x4-btn-default-small-icon .x4-btn-inner, .x4-btn-default-small-noicon .x4-btn-inner + { + line-height: 16px +} + +.x4-btn-default-small-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-small-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-small-icon .x4-btn-inner { + width: 16px; + padding: 0 +} + +.x4-btn-default-small-icon .x4-btn-icon-el { + width: 16px; + height: 16px +} + +.x4-btn-default-small-icon-text-left .x4-btn-button { + height: 16px +} + +.x4-btn-default-small-icon-text-left .x4-btn-inner { + line-height: 16px; + padding-left: 20px +} + +.x4-btn-default-small-icon-text-left .x4-btn-icon-el { + width: 16px; + right: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-left .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-small-icon-text-right .x4-btn-button { + height: 16px +} + +.x4-btn-default-small-icon-text-right .x4-btn-inner { + line-height: 16px; + padding-right: 20px +} + +.x4-btn-default-small-icon-text-right .x4-btn-icon-el { + width: 16px; + left: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-small-icon-text-right .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-small-icon-text-top .x4-btn-inner { + padding-top: 20px +} + +.x4-btn-default-small-icon-text-top .x4-btn-icon-el { + height: 16px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-small-icon-text-bottom .x4-btn-inner { + padding-bottom: 20px +} + +.x4-btn-default-small-icon-text-bottom .x4-btn-icon-el { + height: 16px; + top: auto +} + +.x4-ie6 .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-small-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-small-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-small-menu-active, .x4-btn-default-small-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-small-focus .x4-frame-tl, .x4-btn-default-small-focus .x4-frame-bl, + .x4-btn-default-small-focus .x4-frame-tr, .x4-btn-default-small-focus .x4-frame-br, + .x4-btn-default-small-focus .x4-frame-tc, .x4-btn-default-small-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-small-focus-corners.gif) +} + +.x4-btn-default-small-focus .x4-frame-ml, .x4-btn-default-small-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-small-focus-sides.gif) +} + +.x4-btn-default-small-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-small-focus-fbg.gif) +} + +.x4-btn-default-small-over .x4-frame-tl, .x4-btn-default-small-over .x4-frame-bl, + .x4-btn-default-small-over .x4-frame-tr, .x4-btn-default-small-over .x4-frame-br, + .x4-btn-default-small-over .x4-frame-tc, .x4-btn-default-small-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-small-over-corners.gif) +} + +.x4-btn-default-small-over .x4-frame-ml, .x4-btn-default-small-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-small-over-sides.gif) +} + +.x4-btn-default-small-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-small-over-fbg.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-tl, + .x4-btn-default-small-menu-active .x4-frame-bl, + .x4-btn-default-small-menu-active .x4-frame-tr, + .x4-btn-default-small-menu-active .x4-frame-br, + .x4-btn-default-small-menu-active .x4-frame-tc, + .x4-btn-default-small-menu-active .x4-frame-bc, + .x4-btn-default-small-pressed .x4-frame-tl, + .x4-btn-default-small-pressed .x4-frame-bl, + .x4-btn-default-small-pressed .x4-frame-tr, + .x4-btn-default-small-pressed .x4-frame-br, + .x4-btn-default-small-pressed .x4-frame-tc, + .x4-btn-default-small-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-small-pressed-corners.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-ml, + .x4-btn-default-small-menu-active .x4-frame-mr, + .x4-btn-default-small-pressed .x4-frame-ml, + .x4-btn-default-small-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-small-pressed-sides.gif) +} + +.x4-btn-default-small-menu-active .x4-frame-mc, + .x4-btn-default-small-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-small-pressed-fbg.gif) +} + +.x4-btn-default-small-disabled .x4-frame-tl, + .x4-btn-default-small-disabled .x4-frame-bl, + .x4-btn-default-small-disabled .x4-frame-tr, + .x4-btn-default-small-disabled .x4-frame-br, + .x4-btn-default-small-disabled .x4-frame-tc, + .x4-btn-default-small-disabled .x4-frame-bc { + background-image: url(images/btn/btn-default-small-disabled-corners.gif) +} + +.x4-btn-default-small-disabled .x4-frame-ml, + .x4-btn-default-small-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-small-disabled-sides.gif) +} + +.x4-btn-default-small-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-small-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-small-focus { + background-image: url(images/btn/btn-default-small-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-small-over { + background-image: url(images/btn/btn-default-small-over-bg.gif) +} + +.x4-nlg .x4-btn-default-small-menu-active, .x4-nlg .x4-btn-default-small-pressed + { + background-image: url(images/btn/btn-default-small-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-small-disabled { + background-image: url(images/btn/btn-default-small-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-small { + background-image: none +} + +.x4-btn-default-small .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-small .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-small-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-small-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-small-disabled .x4-btn-inner, + .x4-btn-default-small-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-small-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-fbg.gif), bg:url(images/btn/btn-default-small-focus-bg.gif)" +} + +.x4-btn-default-small-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif), frame-bg:url(images/btn/btn-default-small-over-fbg.gif), bg:url(images/btn/btn-default-small-over-bg.gif)" +} + +.x4-btn-default-small-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-small-pressed-fbg.gif), bg:url(images/btn/btn-default-small-pressed-bg.gif)" +} + +.x4-btn-default-small-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-small-disabled-fbg.gif), bg:url(images/btn/btn-default-small-disabled-bg.gif)" +} + +.x4-btn-default-medium { + border-color: #d1d1d1 +} + +.x4-btn-default-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-medium-mc { + background-image: url(images/btn/btn-default-medium-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-medium { + background-image: url(images/btn/btn-default-medium-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-medium-tl { + background-position: 0 -6px +} + +.x4-btn-default-medium-tr { + background-position: right -9px +} + +.x4-btn-default-medium-bl { + background-position: 0 -12px +} + +.x4-btn-default-medium-br { + background-position: right -15px +} + +.x4-btn-default-medium-ml { + background-position: 0 top +} + +.x4-btn-default-medium-mr { + background-position: right top +} + +.x4-btn-default-medium-tc { + background-position: 0 0 +} + +.x4-btn-default-medium-bc { + background-position: 0 -3px +} + +.x4-btn-default-medium-tr, .x4-btn-default-medium-br, + .x4-btn-default-medium-mr { + padding-right: 3px +} + +.x4-btn-default-medium-tl, .x4-btn-default-medium-bl, + .x4-btn-default-medium-ml { + padding-left: 3px +} + +.x4-btn-default-medium-tc { + height: 3px +} + +.x4-btn-default-medium-bc { + height: 3px +} + +.x4-btn-default-medium-tl, .x4-btn-default-medium-bl, + .x4-btn-default-medium-tr, .x4-btn-default-medium-br, + .x4-btn-default-medium-tc, .x4-btn-default-medium-bc, + .x4-btn-default-medium-ml, .x4-btn-default-medium-mr { + zoom: 1; + background-image: url(images/btn/btn-default-medium-corners.gif) +} + +.x4-btn-default-medium-ml, .x4-btn-default-medium-mr { + zoom: 1; + background-image: url(images/btn/btn-default-medium-sides.gif) +} + +.x4-btn-default-medium-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-medium-tl, .x4-strict .x4-ie7 .x4-btn-default-medium-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-medium:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-medium-fbg.gif), bg:url(images/btn/btn-default-medium-bg.gif), corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)" +} + +.x4-btn-default-medium .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-medium .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-medium .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-medium .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-medium .x4-btn-glyph { + font-size: 24px; + line-height: 24px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-medium .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-medium-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-medium-icon .x4-btn-button, + .x4-btn-default-medium-noicon .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon .x4-btn-inner, .x4-btn-default-medium-noicon .x4-btn-inner + { + line-height: 24px +} + +.x4-btn-default-medium-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-medium-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-medium-icon .x4-btn-inner { + width: 24px; + padding: 0 +} + +.x4-btn-default-medium-icon .x4-btn-icon-el { + width: 24px; + height: 24px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-inner { + line-height: 24px; + padding-left: 28px +} + +.x4-btn-default-medium-icon-text-left .x4-btn-icon-el { + width: 24px; + right: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-left .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-button { + height: 24px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-inner { + line-height: 24px; + padding-right: 28px +} + +.x4-btn-default-medium-icon-text-right .x4-btn-icon-el { + width: 24px; + left: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-right .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-medium-icon-text-top .x4-btn-inner { + padding-top: 28px +} + +.x4-btn-default-medium-icon-text-top .x4-btn-icon-el { + height: 24px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-medium-icon-text-bottom .x4-btn-inner { + padding-bottom: 28px +} + +.x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el { + height: 24px; + top: auto +} + +.x4-ie6 .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-medium-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-medium-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-medium-menu-active, .x4-btn-default-medium-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-medium-focus .x4-frame-tl, .x4-btn-default-medium-focus .x4-frame-bl, + .x4-btn-default-medium-focus .x4-frame-tr, .x4-btn-default-medium-focus .x4-frame-br, + .x4-btn-default-medium-focus .x4-frame-tc, .x4-btn-default-medium-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-medium-focus-corners.gif) +} + +.x4-btn-default-medium-focus .x4-frame-ml, .x4-btn-default-medium-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-medium-focus-sides.gif) +} + +.x4-btn-default-medium-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-medium-focus-fbg.gif) +} + +.x4-btn-default-medium-over .x4-frame-tl, .x4-btn-default-medium-over .x4-frame-bl, + .x4-btn-default-medium-over .x4-frame-tr, .x4-btn-default-medium-over .x4-frame-br, + .x4-btn-default-medium-over .x4-frame-tc, .x4-btn-default-medium-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-medium-over-corners.gif) +} + +.x4-btn-default-medium-over .x4-frame-ml, .x4-btn-default-medium-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-medium-over-sides.gif) +} + +.x4-btn-default-medium-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-medium-over-fbg.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-tl, + .x4-btn-default-medium-menu-active .x4-frame-bl, + .x4-btn-default-medium-menu-active .x4-frame-tr, + .x4-btn-default-medium-menu-active .x4-frame-br, + .x4-btn-default-medium-menu-active .x4-frame-tc, + .x4-btn-default-medium-menu-active .x4-frame-bc, + .x4-btn-default-medium-pressed .x4-frame-tl, + .x4-btn-default-medium-pressed .x4-frame-bl, + .x4-btn-default-medium-pressed .x4-frame-tr, + .x4-btn-default-medium-pressed .x4-frame-br, + .x4-btn-default-medium-pressed .x4-frame-tc, + .x4-btn-default-medium-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-medium-pressed-corners.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-ml, + .x4-btn-default-medium-menu-active .x4-frame-mr, + .x4-btn-default-medium-pressed .x4-frame-ml, + .x4-btn-default-medium-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-medium-pressed-sides.gif) +} + +.x4-btn-default-medium-menu-active .x4-frame-mc, + .x4-btn-default-medium-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-medium-pressed-fbg.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-tl, + .x4-btn-default-medium-disabled .x4-frame-bl, + .x4-btn-default-medium-disabled .x4-frame-tr, + .x4-btn-default-medium-disabled .x4-frame-br, + .x4-btn-default-medium-disabled .x4-frame-tc, + .x4-btn-default-medium-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-medium-disabled-corners.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-ml, + .x4-btn-default-medium-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-medium-disabled-sides.gif) +} + +.x4-btn-default-medium-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-medium-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-medium-focus { + background-image: url(images/btn/btn-default-medium-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-over { + background-image: url(images/btn/btn-default-medium-over-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-menu-active, .x4-nlg .x4-btn-default-medium-pressed + { + background-image: url(images/btn/btn-default-medium-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-medium-disabled { + background-image: url(images/btn/btn-default-medium-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-medium { + background-image: none +} + +.x4-btn-default-medium .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-medium .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-medium-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-medium-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-medium-disabled .x4-btn-inner, + .x4-btn-default-medium-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-medium-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-focus-corners.gif), sides:url(images/btn/btn-default-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-medium-focus-fbg.gif), bg:url(images/btn/btn-default-medium-focus-bg.gif)" +} + +.x4-btn-default-medium-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-over-corners.gif), sides:url(images/btn/btn-default-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-medium-over-fbg.gif), bg:url(images/btn/btn-default-medium-over-bg.gif)" +} + +.x4-btn-default-medium-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-pressed-corners.gif), sides:url(images/btn/btn-default-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-medium-pressed-bg.gif)" +} + +.x4-btn-default-medium-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-disabled-corners.gif), sides:url(images/btn/btn-default-medium-disabled-sides.gif), frame-bg:url(images/btn/btn-default-medium-disabled-fbg.gif), bg:url(images/btn/btn-default-medium-disabled-bg.gif)" +} + +.x4-btn-default-large { + border-color: #d1d1d1 +} + +.x4-btn-default-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: white; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), + color-stop(100%, #e7e7e7)); + background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -moz-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -o-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: -ms-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7); + background-image: linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7) +} + +.x4-btn-default-large-mc { + background-image: url(images/btn/btn-default-large-fbg.gif); + background-position: 0 top; + background-color: white +} + +.x4-nlg .x4-btn-default-large { + background-image: url(images/btn/btn-default-large-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-btn-default-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-btn-default-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-large-tl { + background-position: 0 -6px +} + +.x4-btn-default-large-tr { + background-position: right -9px +} + +.x4-btn-default-large-bl { + background-position: 0 -12px +} + +.x4-btn-default-large-br { + background-position: right -15px +} + +.x4-btn-default-large-ml { + background-position: 0 top +} + +.x4-btn-default-large-mr { + background-position: right top +} + +.x4-btn-default-large-tc { + background-position: 0 0 +} + +.x4-btn-default-large-bc { + background-position: 0 -3px +} + +.x4-btn-default-large-tr, .x4-btn-default-large-br, + .x4-btn-default-large-mr { + padding-right: 3px +} + +.x4-btn-default-large-tl, .x4-btn-default-large-bl, + .x4-btn-default-large-ml { + padding-left: 3px +} + +.x4-btn-default-large-tc { + height: 3px +} + +.x4-btn-default-large-bc { + height: 3px +} + +.x4-btn-default-large-tl, .x4-btn-default-large-bl, + .x4-btn-default-large-tr, .x4-btn-default-large-br, + .x4-btn-default-large-tc, .x4-btn-default-large-bc, + .x4-btn-default-large-ml, .x4-btn-default-large-mr { + zoom: 1; + background-image: url(images/btn/btn-default-large-corners.gif) +} + +.x4-btn-default-large-ml, .x4-btn-default-large-mr { + zoom: 1; + background-image: url(images/btn/btn-default-large-sides.gif) +} + +.x4-btn-default-large-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-large-tl, .x4-strict .x4-ie7 .x4-btn-default-large-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-large:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-large-fbg.gif), bg:url(images/btn/btn-default-large-bg.gif), corners:url(images/btn/btn-default-large-corners.gif), sides:url(images/btn/btn-default-large-sides.gif)" +} + +.x4-btn-default-large .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-large .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-large .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-large .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-large .x4-btn-glyph { + font-size: 32px; + line-height: 32px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-large .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-large-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: #fcfcfc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fcfcfc), + color-stop(48%, #f6f6f6), color-stop(52%, #dfdfdf), + color-stop(100%, #e4e4e4)); + background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -o-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: -ms-linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4); + background-image: linear-gradient(top, #fcfcfc, #f6f6f6 48%, #dfdfdf 52%, #e4e4e4) +} + +.x4-btn-default-large-icon .x4-btn-button, .x4-btn-default-large-noicon .x4-btn-button + { + height: 32px +} + +.x4-btn-default-large-icon .x4-btn-inner, .x4-btn-default-large-noicon .x4-btn-inner + { + line-height: 32px +} + +.x4-btn-default-large-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-large-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-large-icon .x4-btn-inner { + width: 32px; + padding: 0 +} + +.x4-btn-default-large-icon .x4-btn-icon-el { + width: 32px; + height: 32px +} + +.x4-btn-default-large-icon-text-left .x4-btn-button { + height: 32px +} + +.x4-btn-default-large-icon-text-left .x4-btn-inner { + line-height: 32px; + padding-left: 36px +} + +.x4-btn-default-large-icon-text-left .x4-btn-icon-el { + width: 32px; + right: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-left .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-large-icon-text-right .x4-btn-button { + height: 32px +} + +.x4-btn-default-large-icon-text-right .x4-btn-inner { + line-height: 32px; + padding-right: 36px +} + +.x4-btn-default-large-icon-text-right .x4-btn-icon-el { + width: 32px; + left: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-large-icon-text-right .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-large-icon-text-top .x4-btn-inner { + padding-top: 36px +} + +.x4-btn-default-large-icon-text-top .x4-btn-icon-el { + height: 32px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-large-icon-text-bottom .x4-btn-inner { + padding-bottom: 36px +} + +.x4-btn-default-large-icon-text-bottom .x4-btn-icon-el { + height: 32px; + top: auto +} + +.x4-ie6 .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-large-focus { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-large-over { + border-color: #c2ebc8; + background-image: none; + background-color: #f1fdf1; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f1fdf1), + color-stop(48%, #e7fce8), color-stop(52%, #d2edd5), + color-stop(100%, #d5f2d8)); + background-image: -webkit-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -moz-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -o-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: -ms-linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8); + background-image: linear-gradient(top, #f1fdf1, #e7fce8 48%, #d2edd5 52%, #d5f2d8) +} + +.x4-btn-default-large-menu-active, .x4-btn-default-large-pressed { + border-color: #b3d7b8; + background-image: none; + background-color: #c7deca; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c7deca), + color-stop(48%, #cfe1d1), color-stop(52%, #a3eaa9), + color-stop(100%, #adebb2)); + background-image: -webkit-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -moz-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -o-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: -ms-linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2); + background-image: linear-gradient(top, #c7deca, #cfe1d1 48%, #a3eaa9 52%, #adebb2) +} + +.x4-btn-default-large-focus .x4-frame-tl, .x4-btn-default-large-focus .x4-frame-bl, + .x4-btn-default-large-focus .x4-frame-tr, .x4-btn-default-large-focus .x4-frame-br, + .x4-btn-default-large-focus .x4-frame-tc, .x4-btn-default-large-focus .x4-frame-bc + { + background-image: url(images/btn/btn-default-large-focus-corners.gif) +} + +.x4-btn-default-large-focus .x4-frame-ml, .x4-btn-default-large-focus .x4-frame-mr + { + background-image: url(images/btn/btn-default-large-focus-sides.gif) +} + +.x4-btn-default-large-focus .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-large-focus-fbg.gif) +} + +.x4-btn-default-large-over .x4-frame-tl, .x4-btn-default-large-over .x4-frame-bl, + .x4-btn-default-large-over .x4-frame-tr, .x4-btn-default-large-over .x4-frame-br, + .x4-btn-default-large-over .x4-frame-tc, .x4-btn-default-large-over .x4-frame-bc + { + background-image: url(images/btn/btn-default-large-over-corners.gif) +} + +.x4-btn-default-large-over .x4-frame-ml, .x4-btn-default-large-over .x4-frame-mr + { + background-image: url(images/btn/btn-default-large-over-sides.gif) +} + +.x4-btn-default-large-over .x4-frame-mc { + background-color: #f1fdf1; + background-image: url(images/btn/btn-default-large-over-fbg.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-tl, + .x4-btn-default-large-menu-active .x4-frame-bl, + .x4-btn-default-large-menu-active .x4-frame-tr, + .x4-btn-default-large-menu-active .x4-frame-br, + .x4-btn-default-large-menu-active .x4-frame-tc, + .x4-btn-default-large-menu-active .x4-frame-bc, + .x4-btn-default-large-pressed .x4-frame-tl, + .x4-btn-default-large-pressed .x4-frame-bl, + .x4-btn-default-large-pressed .x4-frame-tr, + .x4-btn-default-large-pressed .x4-frame-br, + .x4-btn-default-large-pressed .x4-frame-tc, + .x4-btn-default-large-pressed .x4-frame-bc { + background-image: url(images/btn/btn-default-large-pressed-corners.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-ml, + .x4-btn-default-large-menu-active .x4-frame-mr, + .x4-btn-default-large-pressed .x4-frame-ml, + .x4-btn-default-large-pressed .x4-frame-mr { + background-image: url(images/btn/btn-default-large-pressed-sides.gif) +} + +.x4-btn-default-large-menu-active .x4-frame-mc, + .x4-btn-default-large-pressed .x4-frame-mc { + background-color: #c7deca; + background-image: url(images/btn/btn-default-large-pressed-fbg.gif) +} + +.x4-btn-default-large-disabled .x4-frame-tl, + .x4-btn-default-large-disabled .x4-frame-bl, + .x4-btn-default-large-disabled .x4-frame-tr, + .x4-btn-default-large-disabled .x4-frame-br, + .x4-btn-default-large-disabled .x4-frame-tc, + .x4-btn-default-large-disabled .x4-frame-bc { + background-image: url(images/btn/btn-default-large-disabled-corners.gif) +} + +.x4-btn-default-large-disabled .x4-frame-ml, + .x4-btn-default-large-disabled .x4-frame-mr { + background-image: url(images/btn/btn-default-large-disabled-sides.gif) +} + +.x4-btn-default-large-disabled .x4-frame-mc { + background-color: #fcfcfc; + background-image: url(images/btn/btn-default-large-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-large-focus { + background-image: url(images/btn/btn-default-large-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-large-over { + background-image: url(images/btn/btn-default-large-over-bg.gif) +} + +.x4-nlg .x4-btn-default-large-menu-active, .x4-nlg .x4-btn-default-large-pressed + { + background-image: url(images/btn/btn-default-large-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-large-disabled { + background-image: url(images/btn/btn-default-large-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-large { + background-image: none +} + +.x4-btn-default-large .x4-btn-split-right { + background-image: url(images/button/s-arrow.gif); + padding-right: 14px +} + +.x4-btn-default-large .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b.gif); + padding-bottom: 14px +} + +.x4-btn-default-large-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-large-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-large-disabled .x4-btn-inner, + .x4-btn-default-large-disabled .x4-btn-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-large-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-focus-corners.gif), sides:url(images/btn/btn-default-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-large-focus-fbg.gif), bg:url(images/btn/btn-default-large-focus-bg.gif)" +} + +.x4-btn-default-large-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-over-corners.gif), sides:url(images/btn/btn-default-large-over-sides.gif), frame-bg:url(images/btn/btn-default-large-over-fbg.gif), bg:url(images/btn/btn-default-large-over-bg.gif)" +} + +.x4-btn-default-large-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-pressed-corners.gif), sides:url(images/btn/btn-default-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-large-pressed-fbg.gif), bg:url(images/btn/btn-default-large-pressed-bg.gif)" +} + +.x4-btn-default-large-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-disabled-corners.gif), sides:url(images/btn/btn-default-large-disabled-sides.gif), frame-bg:url(images/btn/btn-default-large-disabled-fbg.gif), bg:url(images/btn/btn-default-large-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-small { + border-color: transparent +} + +.x4-btn-default-toolbar-small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-small-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-small { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-small-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-btn-default-toolbar-small-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-small-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-small-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-small-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-small-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-small-mr { + background-position: right top +} + +.x4-btn-default-toolbar-small-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-small-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-small-tr, .x4-btn-default-toolbar-small-br, + .x4-btn-default-toolbar-small-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-small-tl, .x4-btn-default-toolbar-small-bl, + .x4-btn-default-toolbar-small-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-small-tc { + height: 3px +} + +.x4-btn-default-toolbar-small-bc { + height: 3px +} + +.x4-btn-default-toolbar-small-tl, .x4-btn-default-toolbar-small-bl, + .x4-btn-default-toolbar-small-tr, .x4-btn-default-toolbar-small-br, + .x4-btn-default-toolbar-small-tc, .x4-btn-default-toolbar-small-bc, + .x4-btn-default-toolbar-small-ml, .x4-btn-default-toolbar-small-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-small-ml, .x4-btn-default-toolbar-small-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-small-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-small-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-small-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-small .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 4px +} + +.x4-btn-default-toolbar-small .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-small .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-small .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-small .x4-btn-glyph { + font-size: 16px; + line-height: 16px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-small .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-small-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-small-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-small-icon .x4-btn-button, + .x4-btn-default-toolbar-small-noicon .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon .x4-btn-inner, + .x4-btn-default-toolbar-small-noicon .x4-btn-inner { + line-height: 16px +} + +.x4-btn-default-toolbar-small-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-small-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-small-icon .x4-btn-inner { + width: 16px; + padding: 0 +} + +.x4-btn-default-toolbar-small-icon .x4-btn-icon-el { + width: 16px; + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-inner { + line-height: 16px; + padding-left: 20px +} + +.x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el { + width: 16px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-button { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-inner { + line-height: 16px; + padding-right: 20px +} + +.x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el { + width: 16px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el + { + height: 16px +} + +.x4-btn-default-toolbar-small-icon-text-top .x4-btn-inner { + padding-top: 20px +} + +.x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el { + height: 16px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-inner { + padding-bottom: 20px +} + +.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el { + height: 16px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-small-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-small-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-small-menu-active, + .x4-btn-default-toolbar-small-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-tl, + .x4-btn-default-toolbar-small-focus .x4-frame-bl, + .x4-btn-default-toolbar-small-focus .x4-frame-tr, + .x4-btn-default-toolbar-small-focus .x4-frame-br, + .x4-btn-default-toolbar-small-focus .x4-frame-tc, + .x4-btn-default-toolbar-small-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-focus-corners.gif) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-ml, + .x4-btn-default-toolbar-small-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-focus-sides.gif) +} + +.x4-btn-default-toolbar-small-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-small-focus-fbg.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-tl, + .x4-btn-default-toolbar-small-over .x4-frame-bl, + .x4-btn-default-toolbar-small-over .x4-frame-tr, + .x4-btn-default-toolbar-small-over .x4-frame-br, + .x4-btn-default-toolbar-small-over .x4-frame-tc, + .x4-btn-default-toolbar-small-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-over-corners.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-ml, + .x4-btn-default-toolbar-small-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-over-sides.gif) +} + +.x4-btn-default-toolbar-small-over .x4-frame-mc { + background-color: #e9fce9; + background-image: url(images/btn/btn-default-toolbar-small-over-fbg.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-small-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-small-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-small-menu-active .x4-frame-br, + .x4-btn-default-toolbar-small-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-small-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-small-pressed .x4-frame-tl, + .x4-btn-default-toolbar-small-pressed .x4-frame-bl, + .x4-btn-default-toolbar-small-pressed .x4-frame-tr, + .x4-btn-default-toolbar-small-pressed .x4-frame-br, + .x4-btn-default-toolbar-small-pressed .x4-frame-tc, + .x4-btn-default-toolbar-small-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-corners.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-small-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-small-pressed .x4-frame-ml, + .x4-btn-default-toolbar-small-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-sides.gif) +} + +.x4-btn-default-toolbar-small-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-small-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-small-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-tl, + .x4-btn-default-toolbar-small-disabled .x4-frame-bl, + .x4-btn-default-toolbar-small-disabled .x4-frame-tr, + .x4-btn-default-toolbar-small-disabled .x4-frame-br, + .x4-btn-default-toolbar-small-disabled .x4-frame-tc, + .x4-btn-default-toolbar-small-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-corners.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-ml, + .x4-btn-default-toolbar-small-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-sides.gif) +} + +.x4-btn-default-toolbar-small-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-small-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-focus { + background-image: url(images/btn/btn-default-toolbar-small-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-over { + background-image: url(images/btn/btn-default-toolbar-small-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-menu-active, .x4-nlg .x4-btn-default-toolbar-small-pressed + { + background-image: + url(images/btn/btn-default-toolbar-small-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-small-disabled { + background-image: + url(images/btn/btn-default-toolbar-small-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-small { + background-image: none +} + +.x4-btn-default-toolbar-small .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-small .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-small-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-small-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-small-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-small-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-focus-bg.gif)" +} + +.x4-btn-default-toolbar-small-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-over-bg.gif)" +} + +.x4-btn-default-toolbar-small-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-small-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-medium { + border-color: transparent +} + +.x4-btn-default-toolbar-medium { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-medium { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-toolbar-medium-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-medium-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-medium-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-medium-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-medium-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-medium-mr { + background-position: right top +} + +.x4-btn-default-toolbar-medium-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-medium-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-medium-tr, .x4-btn-default-toolbar-medium-br, + .x4-btn-default-toolbar-medium-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-medium-tl, .x4-btn-default-toolbar-medium-bl, + .x4-btn-default-toolbar-medium-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-medium-tc { + height: 3px +} + +.x4-btn-default-toolbar-medium-bc { + height: 3px +} + +.x4-btn-default-toolbar-medium-tl, .x4-btn-default-toolbar-medium-bl, + .x4-btn-default-toolbar-medium-tr, .x4-btn-default-toolbar-medium-br, + .x4-btn-default-toolbar-medium-tc, .x4-btn-default-toolbar-medium-bc, + .x4-btn-default-toolbar-medium-ml, .x4-btn-default-toolbar-medium-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-medium-ml, .x4-btn-default-toolbar-medium-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-medium-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-medium .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-medium .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-medium .x4-btn-glyph { + font-size: 24px; + line-height: 24px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-medium .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-medium-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-medium-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-button, + .x4-btn-default-toolbar-medium-noicon .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-inner, + .x4-btn-default-toolbar-medium-noicon .x4-btn-inner { + line-height: 24px +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-medium-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-inner { + width: 24px; + padding: 0 +} + +.x4-btn-default-toolbar-medium-icon .x4-btn-icon-el { + width: 24px; + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-inner { + line-height: 24px; + padding-left: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el { + width: 24px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-button { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-inner { + line-height: 24px; + padding-right: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el { + width: 24px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el + { + height: 24px +} + +.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-inner { + padding-top: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el { + height: 24px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-inner { + padding-bottom: 28px +} + +.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el { + height: 24px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-medium-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-medium-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-medium-menu-active, + .x4-btn-default-toolbar-medium-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-tl, + .x4-btn-default-toolbar-medium-focus .x4-frame-bl, + .x4-btn-default-toolbar-medium-focus .x4-frame-tr, + .x4-btn-default-toolbar-medium-focus .x4-frame-br, + .x4-btn-default-toolbar-medium-focus .x4-frame-tc, + .x4-btn-default-toolbar-medium-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-corners.gif) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-ml, + .x4-btn-default-toolbar-medium-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-sides.gif) +} + +.x4-btn-default-toolbar-medium-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-medium-focus-fbg.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-tl, + .x4-btn-default-toolbar-medium-over .x4-frame-bl, + .x4-btn-default-toolbar-medium-over .x4-frame-tr, + .x4-btn-default-toolbar-medium-over .x4-frame-br, + .x4-btn-default-toolbar-medium-over .x4-frame-tc, + .x4-btn-default-toolbar-medium-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-over-corners.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-ml, + .x4-btn-default-toolbar-medium-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-over-sides.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-medium-over-fbg.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-br, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tl, + .x4-btn-default-toolbar-medium-pressed .x4-frame-bl, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tr, + .x4-btn-default-toolbar-medium-pressed .x4-frame-br, + .x4-btn-default-toolbar-medium-pressed .x4-frame-tc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-corners.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-medium-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-medium-pressed .x4-frame-ml, + .x4-btn-default-toolbar-medium-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-sides.gif) +} + +.x4-btn-default-toolbar-medium-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-medium-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-tl, + .x4-btn-default-toolbar-medium-disabled .x4-frame-bl, + .x4-btn-default-toolbar-medium-disabled .x4-frame-tr, + .x4-btn-default-toolbar-medium-disabled .x4-frame-br, + .x4-btn-default-toolbar-medium-disabled .x4-frame-tc, + .x4-btn-default-toolbar-medium-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-corners.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-ml, + .x4-btn-default-toolbar-medium-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-sides.gif) +} + +.x4-btn-default-toolbar-medium-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-focus { + background-image: + url(images/btn/btn-default-toolbar-medium-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-over { + background-image: url(images/btn/btn-default-toolbar-medium-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-menu-active, .x4-nlg .x4-btn-default-toolbar-medium-pressed + { + background-image: + url(images/btn/btn-default-toolbar-medium-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-medium-disabled { + background-image: + url(images/btn/btn-default-toolbar-medium-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-medium { + background-image: none +} + +.x4-btn-default-toolbar-medium .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-medium .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-medium-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-medium-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-medium-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-medium-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-focus-bg.gif)" +} + +.x4-btn-default-toolbar-medium-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-over-bg.gif)" +} + +.x4-btn-default-toolbar-medium-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-medium-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-disabled-bg.gif)" +} + +.x4-btn-default-toolbar-large { + border-color: transparent +} + +.x4-btn-default-toolbar-large { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 3px 3px 3px 3px; + border-width: 1px; + border-style: solid; + background-color: transparent +} + +.x4-btn-default-toolbar-large-mc { + background-color: transparent +} + +.x4-nbr .x4-btn-default-toolbar-large { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-default-toolbar-large-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-3-3-3-3 +} + +.x4-btn-default-toolbar-large-tl { + background-position: 0 -6px +} + +.x4-btn-default-toolbar-large-tr { + background-position: right -9px +} + +.x4-btn-default-toolbar-large-bl { + background-position: 0 -12px +} + +.x4-btn-default-toolbar-large-br { + background-position: right -15px +} + +.x4-btn-default-toolbar-large-ml { + background-position: 0 top +} + +.x4-btn-default-toolbar-large-mr { + background-position: right top +} + +.x4-btn-default-toolbar-large-tc { + background-position: 0 0 +} + +.x4-btn-default-toolbar-large-bc { + background-position: 0 -3px +} + +.x4-btn-default-toolbar-large-tr, .x4-btn-default-toolbar-large-br, + .x4-btn-default-toolbar-large-mr { + padding-right: 3px +} + +.x4-btn-default-toolbar-large-tl, .x4-btn-default-toolbar-large-bl, + .x4-btn-default-toolbar-large-ml { + padding-left: 3px +} + +.x4-btn-default-toolbar-large-tc { + height: 3px +} + +.x4-btn-default-toolbar-large-bc { + height: 3px +} + +.x4-btn-default-toolbar-large-tl, .x4-btn-default-toolbar-large-bl, + .x4-btn-default-toolbar-large-tr, .x4-btn-default-toolbar-large-br, + .x4-btn-default-toolbar-large-tc, .x4-btn-default-toolbar-large-bc, + .x4-btn-default-toolbar-large-ml, .x4-btn-default-toolbar-large-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-large-ml, .x4-btn-default-toolbar-large-mr { + zoom: 1 +} + +.x4-btn-default-toolbar-large-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-btn-default-toolbar-large-tl, .x4-strict .x4-ie7 .x4-btn-default-toolbar-large-bl + { + position: relative; + right: 0 +} + +.x4-btn-default-toolbar-large .x4-btn-inner { + font-size: 15px; + font-weight: normal; + font-family: 宋体; + color: #333; + padding: 0 3px +} + +.x4-btn-default-toolbar-large .x4-btn-arrow { + background-image: url(images/button/arrow.gif) +} + +.x4-btn-default-toolbar-large .x4-btn-arrow-right { + padding-right: 12px +} + +.x4-btn-default-toolbar-large .x4-btn-arrow-bottom { + padding-bottom: 12px +} + +.x4-btn-default-toolbar-large .x4-btn-glyph { + font-size: 32px; + line-height: 32px; + color: #333; + opacity: .5 +} + +.x4-ie8m .x4-btn-default-toolbar-large .x4-btn-glyph { + color: #999 +} + +.x4-btn-default-toolbar-large-disabled { + border-color: #e7e7e7; + background-image: none; + background-color: transparent +} + +.x4-btn-default-toolbar-large-disabled .x4-btn-inner { + color: #8c8c8c +} + +.x4-btn-default-toolbar-large-icon .x4-btn-button, + .x4-btn-default-toolbar-large-noicon .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon .x4-btn-inner, + .x4-btn-default-toolbar-large-noicon .x4-btn-inner { + line-height: 32px +} + +.x4-btn-default-toolbar-large-icon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-large-noicon .x4-btn-arrow-right .x4-btn-inner, + .x4-btn-default-toolbar-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner + { + padding-right: 0 +} + +.x4-btn-default-toolbar-large-icon .x4-btn-inner { + width: 32px; + padding: 0 +} + +.x4-btn-default-toolbar-large-icon .x4-btn-icon-el { + width: 32px; + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-inner { + line-height: 32px; + padding-left: 36px +} + +.x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el { + width: 32px; + right: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-button { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-inner { + line-height: 32px; + padding-right: 36px +} + +.x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el { + width: 32px; + left: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el + { + height: 32px +} + +.x4-btn-default-toolbar-large-icon-text-top .x4-btn-inner { + padding-top: 36px +} + +.x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el { + height: 32px; + bottom: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-inner { + padding-bottom: 36px +} + +.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el { + height: 32px; + top: auto +} + +.x4-ie6 .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el, + .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el + { + width: 100% +} + +.x4-btn-default-toolbar-large-focus { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-large-over { + border-color: #9ac29f; + background-image: none; + background-color: #e9fce9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9fce9), + color-stop(48%, #dffbe1), color-stop(52%, #cbebd0), + color-stop(100%, #cfefd3)); + background-image: -webkit-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -moz-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -o-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: -ms-linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3); + background-image: linear-gradient(top, #e9fce9, #dffbe1 48%, #cbebd0 52%, #cfefd3) +} + +.x4-btn-default-toolbar-large-menu-active, + .x4-btn-default-toolbar-large-pressed { + border-color: #95b499; + background-image: none; + background-color: #cddfcf; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #cddfcf), + color-stop(48%, #d4e3d5), color-stop(52%, #aaeaae), + color-stop(100%, #b3ecb8)); + background-image: -webkit-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -moz-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -o-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: -ms-linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8); + background-image: linear-gradient(top, #cddfcf, #d4e3d5 48%, #aaeaae 52%, #b3ecb8) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-tl, + .x4-btn-default-toolbar-large-focus .x4-frame-bl, + .x4-btn-default-toolbar-large-focus .x4-frame-tr, + .x4-btn-default-toolbar-large-focus .x4-frame-br, + .x4-btn-default-toolbar-large-focus .x4-frame-tc, + .x4-btn-default-toolbar-large-focus .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-focus-corners.gif) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-ml, + .x4-btn-default-toolbar-large-focus .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-focus-sides.gif) +} + +.x4-btn-default-toolbar-large-focus .x4-frame-mc { + background-color: #e9fce9; + background-image: + url(images/btn/btn-default-toolbar-large-focus-fbg.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-tl, + .x4-btn-default-toolbar-large-over .x4-frame-bl, + .x4-btn-default-toolbar-large-over .x4-frame-tr, + .x4-btn-default-toolbar-large-over .x4-frame-br, + .x4-btn-default-toolbar-large-over .x4-frame-tc, + .x4-btn-default-toolbar-large-over .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-over-corners.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-ml, + .x4-btn-default-toolbar-large-over .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-over-sides.gif) +} + +.x4-btn-default-toolbar-large-over .x4-frame-mc { + background-color: #e9fce9; + background-image: url(images/btn/btn-default-toolbar-large-over-fbg.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-tl, + .x4-btn-default-toolbar-large-menu-active .x4-frame-bl, + .x4-btn-default-toolbar-large-menu-active .x4-frame-tr, + .x4-btn-default-toolbar-large-menu-active .x4-frame-br, + .x4-btn-default-toolbar-large-menu-active .x4-frame-tc, + .x4-btn-default-toolbar-large-menu-active .x4-frame-bc, + .x4-btn-default-toolbar-large-pressed .x4-frame-tl, + .x4-btn-default-toolbar-large-pressed .x4-frame-bl, + .x4-btn-default-toolbar-large-pressed .x4-frame-tr, + .x4-btn-default-toolbar-large-pressed .x4-frame-br, + .x4-btn-default-toolbar-large-pressed .x4-frame-tc, + .x4-btn-default-toolbar-large-pressed .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-corners.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-ml, + .x4-btn-default-toolbar-large-menu-active .x4-frame-mr, + .x4-btn-default-toolbar-large-pressed .x4-frame-ml, + .x4-btn-default-toolbar-large-pressed .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-sides.gif) +} + +.x4-btn-default-toolbar-large-menu-active .x4-frame-mc, + .x4-btn-default-toolbar-large-pressed .x4-frame-mc { + background-color: #cddfcf; + background-image: + url(images/btn/btn-default-toolbar-large-pressed-fbg.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-tl, + .x4-btn-default-toolbar-large-disabled .x4-frame-bl, + .x4-btn-default-toolbar-large-disabled .x4-frame-tr, + .x4-btn-default-toolbar-large-disabled .x4-frame-br, + .x4-btn-default-toolbar-large-disabled .x4-frame-tc, + .x4-btn-default-toolbar-large-disabled .x4-frame-bc { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-corners.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-ml, + .x4-btn-default-toolbar-large-disabled .x4-frame-mr { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-sides.gif) +} + +.x4-btn-default-toolbar-large-disabled .x4-frame-mc { + background-color: transparent; + background-image: + url(images/btn/btn-default-toolbar-large-disabled-fbg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-focus { + background-image: url(images/btn/btn-default-toolbar-large-focus-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-over { + background-image: url(images/btn/btn-default-toolbar-large-over-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-menu-active, .x4-nlg .x4-btn-default-toolbar-large-pressed + { + background-image: + url(images/btn/btn-default-toolbar-large-pressed-bg.gif) +} + +.x4-nlg .x4-btn-default-toolbar-large-disabled { + background-image: + url(images/btn/btn-default-toolbar-large-disabled-bg.gif) +} + +.x4-nbr .x4-btn-default-toolbar-large { + background-image: none +} + +.x4-btn-default-toolbar-large .x4-btn-split-right { + background-image: url(images/button/s-arrow-noline.gif); + padding-right: 14px +} + +.x4-btn-default-toolbar-large .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-b-noline.gif); + padding-bottom: 14px +} + +.x4-btn-default-toolbar-large-over .x4-btn-split-right { + background-image: url(images/button/s-arrow-o.gif) +} + +.x4-btn-default-toolbar-large-over .x4-btn-split-bottom { + background-image: url(images/button/s-arrow-bo.gif) +} + +.x4-btn-default-toolbar-large-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-btn-default-toolbar-large-focus:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-focus-bg.gif)" +} + +.x4-btn-default-toolbar-large-over:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-over-bg.gif)" +} + +.x4-btn-default-toolbar-large-pressed:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-pressed-bg.gif)" +} + +.x4-btn-default-toolbar-large-disabled:after { + display: none; + content: + "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-disabled-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-disabled-bg.gif)" +} + +.x4-btn-icon-text-left .x4-btn-icon-el { + background-position: left center +} + +.x4-btn-icon-text-right .x4-btn-icon-el { + background-position: right center +} + +.x4-btn-icon-text-top .x4-btn-icon-el { + background-position: center top +} + +.x4-btn-icon-text-bottom .x4-btn-icon-el { + background-position: center bottom +} + +.x4-btn-arrow-right { + background-position: right center +} + +.x4-btn-arrow-bottom { + background-position: center bottom +} + +.x4-btn-arrow { + background-repeat: no-repeat +} + +.x4-btn-split { + display: block; + background-repeat: no-repeat +} + +.x4-btn-split-right { + background-position: right center +} + +.x4-btn-split-bottom { + background-position: center bottom +} + +.x4-cycle-fixed-width .x4-btn-inner { + text-align: inherit +} + +.x4-toolbar { + font-size: 15px; + border-style: solid; + padding: 2px 0 2px 2px +} + +.x4-toolbar-item { + margin: 0 2px 0 0 +} + +.x4-toolbar-text { + margin: 0 6px 0 4px; + color: #4c4c4c; + line-height: 16px; + font-family: 宋体; + font-size: 15px; + font-weight: normal +} + +.x4-toolbar-separator-horizontal { + margin: 0 2px 0 0; + height: 14px; + border-style: solid; + border-width: 0 1px; + border-left-color: #a3ffad; + border-right-color: white +} + +.x4-toolbar-footer { + background: transparent; + border: 0; + margin: 3px 0 0; + padding: 2px 0 2px 6px +} + +.x4-toolbar-footer .x4-toolbar-item { + margin: 0 6px 0 0 +} + +.x4-toolbar-spacer { + width: 2px +} + +.x4-toolbar-more-icon { + background-image: url(images/toolbar/more.gif) !important; + background-position: center center !important; + background-repeat: no-repeat +} + +.x4-toolbar-default { + border-color: #aedeb4; + border-width: 1px; + background-image: none; + background-color: #e0efe2; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #eaf4eb), + color-stop(100%, #e0efe2)); + background-image: -webkit-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -moz-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -o-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: -ms-linear-gradient(top, #eaf4eb, #e0efe2); + background-image: linear-gradient(top, #eaf4eb, #e0efe2) +} + +.x4-toolbar-default .x4-box-scroller { + cursor: pointer +} + +.x4-toolbar-default .x4-box-scroller-disabled { + filter: alpha(opacity = 50); + opacity: .5; + cursor: default +} + +.x4-nlg .x4-toolbar-default { + background-image: url(images/toolbar/toolbar-default-bg.gif) !important; + background-repeat: repeat-x +} + +.x4-toolbar-default:after { + display: none; + content: + "x-slicer:bg:url(images/toolbar/toolbar-default-bg.gif), stretch:bottom" +} + +.x4-toolbar-scroll-left { + background-image: url(images/toolbar/scroll-left.gif); + background-position: -14px 0; + width: 14px; + height: 22px; + border-style: solid; + border-color: #8db2e3; + border-width: 0 0 1px; + margin-top: 0 +} + +.x4-toolbar-scroll-left-hover { + background-position: 0 0 +} + +.x4-toolbar-scroll-right { + background-image: url(images/toolbar/scroll-right.gif); + width: 14px; + height: 22px; + border-style: solid; + border-color: #8db2e3; + border-width: 0 0 1px; + margin-top: 0 +} + +.x4-toolbar-scroll-right-hover { + background-position: -14px 0 +} + +.x4-toolbar .x4-box-menu-after { + margin: 0 2px +} + +.x4-toolbar-vertical { + padding: 2px 2px 0 2px +} + +.x4-toolbar-vertical .x4-toolbar-item { + margin: 0 0 2px 0 +} + +.x4-toolbar-vertical .x4-toolbar-text { + margin: 4px 0 6px 0 +} + +.x4-toolbar-vertical .x4-toolbar-separator-vertical { + margin: 0 5px 2px; + border-style: solid none; + border-width: 1px 0; + border-top-color: #a3ffad; + border-bottom-color: white +} + +.x4-toolbar-vertical .x4-box-menu-after { + margin: 2px 0 +} + +.x4-header-draggable .x4-header-body, .x4-header-ghost { + cursor: move +} + +.x4-header-text { + white-space: nowrap +} + +.x4-panel-ghost { + filter: alpha(opacity = 65); + opacity: .65 +} + +.x4-panel-default { + border-color: #aedeb4; + padding: 0 +} + +.x4-panel-header-default { + font-size: 15px; + border: 1px solid #aedeb4 +} + +.x4-panel-header-default-horizontal { + padding: 4px 5px 4px 5px +} + +.x4-panel-header-default-horizontal-noborder { + padding: 5px 6px 4px 6px +} + +.x4-panel-header-default-vertical { + padding: 5px 4px 5px 4px +} + +.x4-panel-header-default-vertical-noborder { + padding: 6px 5px 6px 4px +} + +.x4-panel-header-text-container-default { + color: #158623; + font-size: 15px; + font-weight: bold; + font-family: 宋体; + line-height: 15px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-panel-body-default { + background: white; + border-color: #aedeb4; + color: black; + font-size: 15px; + font-weight: normal; + font-family: 宋体; + border-width: 1px; + border-style: solid +} + +.x4-panel-header-default { + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-vertical { + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-nlg .x4-panel-header-default-top { + background: url(images/panel-header/panel-header-default-top-bg.gif) +} + +.x4-nlg .x4-panel-header-default-bottom { + background: url(images/panel-header/panel-header-default-bottom-bg.gif) +} + +.x4-nlg .x4-panel-header-default-left { + background: url(images/panel-header/panel-header-default-left-bg.gif) + top right +} + +.x4-nlg .x4-panel-header-default-right { + background: url(images/panel-header/panel-header-default-right-bg.gif) + top right +} + +.x4-panel .x4-panel-header-default-collapsed-border-top { + border-bottom-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-right { + border-left-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-bottom { + border-top-width: 1px !important +} + +.x4-panel .x4-panel-header-default-collapsed-border-left { + border-right-width: 1px !important +} + +.x4-panel-header-default-top:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-top-bg.gif), stretch:bottom" +} + +.x4-panel-header-default-bottom:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-bottom-bg.gif), stretch:bottom" +} + +.x4-panel-header-default-left:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-left-bg.gif), stretch:left" +} + +.x4-panel-header-default-right:after { + display: none; + content: + "x-slicer:bg:url(images/panel-header/panel-header-default-right-bg.gif), stretch:left" +} + +.x4-panel-header-default-vertical .x4-panel-header-text-container { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-panel-header-default-vertical .x4-panel-header-text-container + { + background-color: #daefdc; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#daefdc) +} + +.x4-panel-header-default-top { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset +} + +.x4-panel-header-default-right { + -webkit-box-shadow: #fcfdfc -1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc -1px 0 0 0 inset; + box-shadow: #fcfdfc -1px 0 0 0 inset +} + +.x4-panel-header-default-bottom { + -webkit-box-shadow: #fcfdfc 0 -1px 0 0 inset; + -moz-box-shadow: #fcfdfc 0 -1px 0 0 inset; + box-shadow: #fcfdfc 0 -1px 0 0 inset +} + +.x4-panel-header-default-left { + -webkit-box-shadow: #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 1px 0 0 0 inset +} + +.x4-panel-header-default .x4-panel-header-icon { + width: 16px; + height: 16px; + background-position: center center +} + +.x4-panel-header-default .x4-panel-header-glyph { + color: #158623; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-panel-header-default .x4-panel-header-glyph { + color: #77ba7f +} + +.x4-panel-header-default-horizontal .x4-panel-header-icon-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-horizontal .x4-panel-header-icon-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-vertical .x4-panel-header-icon-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-header-default-vertical .x4-panel-header-icon-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-default-resizable .x4-panel-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-panel-default-framed { + border-color: #aedeb4; + padding: 4px +} + +.x4-panel-header-default-framed { + font-size: 15px; + border: 1px solid #aedeb4 +} + +.x4-panel-header-default-framed-horizontal { + padding: 4px 5px 4px 5px +} + +.x4-panel-header-default-framed-horizontal-noborder { + padding: 5px 6px 4px 6px +} + +.x4-panel-header-default-framed-vertical { + padding: 5px 4px 5px 4px +} + +.x4-panel-header-default-framed-vertical-noborder { + padding: 6px 5px 6px 4px +} + +.x4-panel-header-text-container-default-framed { + color: #158623; + font-size: 15px; + font-weight: bold; + font-family: 宋体; + line-height: 15px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-panel-body-default-framed { + background: #ebf5ec; + border-color: #aedeb4; + color: black; + font-size: 15px; + font-weight: normal; + font-family: 宋体; + border-width: 0; + border-style: solid +} + +.x4-panel-default-framed { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: #ebf5ec +} + +.x4-panel-default-framed-mc { + background-color: #ebf5ec +} + +.x4-nbr .x4-panel-default-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-panel-default-framed-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-4-4-4 +} + +.x4-panel-default-framed-tl { + background-position: 0 -8px +} + +.x4-panel-default-framed-tr { + background-position: right -12px +} + +.x4-panel-default-framed-bl { + background-position: 0 -16px +} + +.x4-panel-default-framed-br { + background-position: right -20px +} + +.x4-panel-default-framed-ml { + background-position: 0 top +} + +.x4-panel-default-framed-mr { + background-position: right top +} + +.x4-panel-default-framed-tc { + background-position: 0 0 +} + +.x4-panel-default-framed-bc { + background-position: 0 -4px +} + +.x4-panel-default-framed-tr, .x4-panel-default-framed-br, + .x4-panel-default-framed-mr { + padding-right: 4px +} + +.x4-panel-default-framed-tl, .x4-panel-default-framed-bl, + .x4-panel-default-framed-ml { + padding-left: 4px +} + +.x4-panel-default-framed-tc { + height: 4px +} + +.x4-panel-default-framed-bc { + height: 4px +} + +.x4-panel-default-framed-tl, .x4-panel-default-framed-bl, + .x4-panel-default-framed-tr, .x4-panel-default-framed-br, + .x4-panel-default-framed-tc, .x4-panel-default-framed-bc, + .x4-panel-default-framed-ml, .x4-panel-default-framed-mr { + zoom: 1; + background-image: url(images/panel/panel-default-framed-corners.gif) +} + +.x4-panel-default-framed-ml, .x4-panel-default-framed-mr { + zoom: 1; + background-image: url(images/panel/panel-default-framed-sides.gif); + background-repeat: repeat-y +} + +.x4-panel-default-framed-mc { + padding: 1px 1px 1px 1px +} + +.x4-strict .x4-ie7 .x4-panel-default-framed-tl, .x4-strict .x4-ie7 .x4-panel-default-framed-bl + { + position: relative; + right: 0 +} + +.x4-panel-default-framed:after { + display: none; + content: + "x-slicer:corners:url(images/panel/panel-default-framed-corners.gif), sides:url(images/panel/panel-default-framed-sides.gif)" +} + +.x4-panel-header-default-framed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 5px 4px 5px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-top-mc { + background-image: + url(images/panel-header/panel-header-default-framed-top-fbg.gif); + background-position: 0 top; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-top { + background-image: + url(images/panel-header/panel-header-default-framed-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-panel-header-default-framed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-top-frameInfo { + font-family: dh-4-4-0-0-1-1-0-1-4-5-4-5 +} + +.x4-panel-header-default-framed-top-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-top-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-top-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-top-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-top-ml { + background-position: 0 top +} + +.x4-panel-header-default-framed-top-mr { + background-position: right top +} + +.x4-panel-header-default-framed-top-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-top-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-top-tr, + .x4-panel-header-default-framed-top-br, + .x4-panel-header-default-framed-top-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-top-tl, + .x4-panel-header-default-framed-top-bl, + .x4-panel-header-default-framed-top-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-top-tc { + height: 4px +} + +.x4-panel-header-default-framed-top-bc { + height: 0 +} + +.x4-panel-header-default-framed-top-tl, + .x4-panel-header-default-framed-top-bl, + .x4-panel-header-default-framed-top-tr, + .x4-panel-header-default-framed-top-br, + .x4-panel-header-default-framed-top-tc, + .x4-panel-header-default-framed-top-bc, + .x4-panel-header-default-framed-top-ml, + .x4-panel-header-default-framed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-top-corners.gif) +} + +.x4-panel-header-default-framed-top-ml, + .x4-panel-header-default-framed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-top-sides.gif) +} + +.x4-panel-header-default-framed-top-mc { + padding: 1px 2px 4px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-top-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-top-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-top-sides.gif)" +} + +.x4-panel-header-default-framed-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 4px 5px 4px; + border-width: 1px 1px 1px 0; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-right-mc { + background-image: + url(images/panel-header/panel-header-default-framed-right-fbg.gif); + background-position: right 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-right { + background-image: + url(images/panel-header/panel-header-default-framed-right-bg.gif); + background-position: right 0 +} + +.x4-nbr .x4-panel-header-default-framed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-right-frameInfo { + font-family: dv-0-4-4-0-1-1-1-0-5-4-5-4 +} + +.x4-panel-header-default-framed-right-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-right-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-right-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-right-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-right-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-right-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-right-tc { + background-position: right 0 +} + +.x4-panel-header-default-framed-right-bc { + background-position: right -4px +} + +.x4-panel-header-default-framed-right-tr, + .x4-panel-header-default-framed-right-br, + .x4-panel-header-default-framed-right-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-right-tl, + .x4-panel-header-default-framed-right-bl, + .x4-panel-header-default-framed-right-ml { + padding-left: 0 +} + +.x4-panel-header-default-framed-right-tc { + height: 4px +} + +.x4-panel-header-default-framed-right-bc { + height: 4px +} + +.x4-panel-header-default-framed-right-tl, + .x4-panel-header-default-framed-right-bl, + .x4-panel-header-default-framed-right-tr, + .x4-panel-header-default-framed-right-br, + .x4-panel-header-default-framed-right-tc, + .x4-panel-header-default-framed-right-bc, + .x4-panel-header-default-framed-right-ml, + .x4-panel-header-default-framed-right-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-right-corners.gif) +} + +.x4-panel-header-default-framed-right-tc, + .x4-panel-header-default-framed-right-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-right-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-right-mc { + padding: 2px 1px 2px 4px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-right-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-right-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-right:after { + display: none; + content: + "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-right-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-right-bg.gif), corners:url(images/panel-header/panel-header-default-framed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-right-sides.gif)" +} + +.x4-panel-header-default-framed-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-bottom-mc { + background-image: + url(images/panel-header/panel-header-default-framed-bottom-fbg.gif); + background-position: 0 bottom; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-bottom { + background-image: + url(images/panel-header/panel-header-default-framed-bottom-bg.gif); + background-position: 0 bottom +} + +.x4-nbr .x4-panel-header-default-framed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-bottom-frameInfo { + font-family: dh-0-0-4-4-0-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-bottom-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-bottom-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-bottom-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-bottom-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-bottom-ml { + background-position: 0 bottom +} + +.x4-panel-header-default-framed-bottom-mr { + background-position: right bottom +} + +.x4-panel-header-default-framed-bottom-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-bottom-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-bottom-tr, + .x4-panel-header-default-framed-bottom-br, + .x4-panel-header-default-framed-bottom-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-bottom-tl, + .x4-panel-header-default-framed-bottom-bl, + .x4-panel-header-default-framed-bottom-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-bottom-tc { + height: 0 +} + +.x4-panel-header-default-framed-bottom-bc { + height: 4px +} + +.x4-panel-header-default-framed-bottom-tl, + .x4-panel-header-default-framed-bottom-bl, + .x4-panel-header-default-framed-bottom-tr, + .x4-panel-header-default-framed-bottom-br, + .x4-panel-header-default-framed-bottom-tc, + .x4-panel-header-default-framed-bottom-bc, + .x4-panel-header-default-framed-bottom-ml, + .x4-panel-header-default-framed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-bottom-corners.gif) +} + +.x4-panel-header-default-framed-bottom-ml, + .x4-panel-header-default-framed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-bottom-sides.gif) +} + +.x4-panel-header-default-framed-bottom-mc { + padding: 4px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-bottom:after { + display: none; + content: + "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.gif)" +} + +.x4-panel-header-default-framed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-left-mc { + background-image: + url(images/panel-header/panel-header-default-framed-left-fbg.gif); + background-position: left 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-left { + background-image: + url(images/panel-header/panel-header-default-framed-left-bg.gif); + background-position: left 0 +} + +.x4-nbr .x4-panel-header-default-framed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-left-frameInfo { + font-family: dv-4-0-0-4-1-0-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-left-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-left-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-left-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-left-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-left-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-left-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-left-tc { + background-position: left 0 +} + +.x4-panel-header-default-framed-left-bc { + background-position: left -4px +} + +.x4-panel-header-default-framed-left-tr, + .x4-panel-header-default-framed-left-br, + .x4-panel-header-default-framed-left-mr { + padding-right: 0 +} + +.x4-panel-header-default-framed-left-tl, + .x4-panel-header-default-framed-left-bl, + .x4-panel-header-default-framed-left-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-left-tc { + height: 4px +} + +.x4-panel-header-default-framed-left-bc { + height: 4px +} + +.x4-panel-header-default-framed-left-tl, + .x4-panel-header-default-framed-left-bl, + .x4-panel-header-default-framed-left-tr, + .x4-panel-header-default-framed-left-br, + .x4-panel-header-default-framed-left-tc, + .x4-panel-header-default-framed-left-bc, + .x4-panel-header-default-framed-left-ml, + .x4-panel-header-default-framed-left-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-left-corners.gif) +} + +.x4-panel-header-default-framed-left-tc, + .x4-panel-header-default-framed-left-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-left-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-left-mc { + padding: 2px 4px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-left-tl, .x4-strict .x4-ie7 .x4-panel-header-default-framed-left-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-left:after { + display: none; + content: + "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-left-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-left-bg.gif), corners:url(images/panel-header/panel-header-default-framed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-left-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-top-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif); + background-position: 0 top; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-top { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-top-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-collapsed-top-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-top-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-collapsed-top-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-collapsed-top-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-collapsed-top-ml { + background-position: 0 top +} + +.x4-panel-header-default-framed-collapsed-top-mr { + background-position: right top +} + +.x4-panel-header-default-framed-collapsed-top-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-top-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-top-tr, + .x4-panel-header-default-framed-collapsed-top-br, + .x4-panel-header-default-framed-collapsed-top-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tl, + .x4-panel-header-default-framed-collapsed-top-bl, + .x4-panel-header-default-framed-collapsed-top-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-top-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-top-tl, + .x4-panel-header-default-framed-collapsed-top-bl, + .x4-panel-header-default-framed-collapsed-top-tr, + .x4-panel-header-default-framed-collapsed-top-br, + .x4-panel-header-default-framed-collapsed-top-tc, + .x4-panel-header-default-framed-collapsed-top-bc, + .x4-panel-header-default-framed-collapsed-top-ml, + .x4-panel-header-default-framed-collapsed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-top-ml, + .x4-panel-header-default-framed-collapsed-top-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif) +} + +.x4-panel-header-default-framed-collapsed-top-mc { + padding: 1px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-right-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif); + background-position: right 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-right { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif); + background-position: right 0 +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-right-frameInfo { + font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-collapsed-right-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-right-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-right-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-right-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-collapsed-right-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-collapsed-right-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-right-tc { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-right-bc { + background-position: right -4px +} + +.x4-panel-header-default-framed-collapsed-right-tr, + .x4-panel-header-default-framed-collapsed-right-br, + .x4-panel-header-default-framed-collapsed-right-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tl, + .x4-panel-header-default-framed-collapsed-right-bl, + .x4-panel-header-default-framed-collapsed-right-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-right-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-right-tl, + .x4-panel-header-default-framed-collapsed-right-bl, + .x4-panel-header-default-framed-collapsed-right-tr, + .x4-panel-header-default-framed-collapsed-right-br, + .x4-panel-header-default-framed-collapsed-right-tc, + .x4-panel-header-default-framed-collapsed-right-bc, + .x4-panel-header-default-framed-collapsed-right-ml, + .x4-panel-header-default-framed-collapsed-right-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-right-tc, + .x4-panel-header-default-framed-collapsed-right-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-collapsed-right-mc { + padding: 2px 1px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-right:after { + display: none; + content: + "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-bottom { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc); + background-image: linear-gradient(top, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-bottom-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif); + background-position: 0 bottom; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-bottom { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif); + background-position: 0 bottom +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-bottom-frameInfo { + font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5 +} + +.x4-panel-header-default-framed-collapsed-bottom-tl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-bottom-tr { + background-position: right -12px +} + +.x4-panel-header-default-framed-collapsed-bottom-bl { + background-position: 0 -16px +} + +.x4-panel-header-default-framed-collapsed-bottom-br { + background-position: right -20px +} + +.x4-panel-header-default-framed-collapsed-bottom-ml { + background-position: 0 bottom +} + +.x4-panel-header-default-framed-collapsed-bottom-mr { + background-position: right bottom +} + +.x4-panel-header-default-framed-collapsed-bottom-tc { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-bottom-bc { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tr, + .x4-panel-header-default-framed-collapsed-bottom-br, + .x4-panel-header-default-framed-collapsed-bottom-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-panel-header-default-framed-collapsed-bottom-bl, + .x4-panel-header-default-framed-collapsed-bottom-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-panel-header-default-framed-collapsed-bottom-bl, + .x4-panel-header-default-framed-collapsed-bottom-tr, + .x4-panel-header-default-framed-collapsed-bottom-br, + .x4-panel-header-default-framed-collapsed-bottom-tc, + .x4-panel-header-default-framed-collapsed-bottom-bc, + .x4-panel-header-default-framed-collapsed-bottom-ml, + .x4-panel-header-default-framed-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-bottom-ml, + .x4-panel-header-default-framed-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif) +} + +.x4-panel-header-default-framed-collapsed-bottom-mc { + padding: 1px 2px 1px 2px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-bl + { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-bottom:after { + display: none; + content: + "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif)" +} + +.x4-panel-header-default-framed-collapsed-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-image: none; + background-color: #daefdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e7f4e8), + color-stop(45%, #dbf0de), color-stop(46%, #bee4c3), + color-stop(50%, #bee4c3), color-stop(51%, #c9e8ce), + color-stop(100%, #daefdc)); + background-image: -webkit-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, + #bee4c3 50%, #c9e8ce 51%, #daefdc); + background-image: -moz-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: -o-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50% + , #c9e8ce 51%, #daefdc); + background-image: -ms-linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 + 50%, #c9e8ce 51%, #daefdc); + background-image: linear-gradient(right, #e7f4e8, #dbf0de 45%, #bee4c3 46%, #bee4c3 50%, + #c9e8ce 51%, #daefdc) +} + +.x4-panel-header-default-framed-collapsed-left-mc { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif); + background-position: left 0; + background-color: #daefdc +} + +.x4-nlg .x4-panel-header-default-framed-collapsed-left { + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif); + background-position: left 0 +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-panel-header-default-framed-collapsed-left-frameInfo { + font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4 +} + +.x4-panel-header-default-framed-collapsed-left-tl { + background-position: 0 0 +} + +.x4-panel-header-default-framed-collapsed-left-tr { + background-position: 0 -4px +} + +.x4-panel-header-default-framed-collapsed-left-bl { + background-position: 0 -8px +} + +.x4-panel-header-default-framed-collapsed-left-br { + background-position: 0 -12px +} + +.x4-panel-header-default-framed-collapsed-left-ml { + background-position: -4px 0 +} + +.x4-panel-header-default-framed-collapsed-left-mr { + background-position: right 0 +} + +.x4-panel-header-default-framed-collapsed-left-tc { + background-position: left 0 +} + +.x4-panel-header-default-framed-collapsed-left-bc { + background-position: left -4px +} + +.x4-panel-header-default-framed-collapsed-left-tr, + .x4-panel-header-default-framed-collapsed-left-br, + .x4-panel-header-default-framed-collapsed-left-mr { + padding-right: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tl, + .x4-panel-header-default-framed-collapsed-left-bl, + .x4-panel-header-default-framed-collapsed-left-ml { + padding-left: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-left-bc { + height: 4px +} + +.x4-panel-header-default-framed-collapsed-left-tl, + .x4-panel-header-default-framed-collapsed-left-bl, + .x4-panel-header-default-framed-collapsed-left-tr, + .x4-panel-header-default-framed-collapsed-left-br, + .x4-panel-header-default-framed-collapsed-left-tc, + .x4-panel-header-default-framed-collapsed-left-bc, + .x4-panel-header-default-framed-collapsed-left-ml, + .x4-panel-header-default-framed-collapsed-left-mr { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif) +} + +.x4-panel-header-default-framed-collapsed-left-tc, + .x4-panel-header-default-framed-collapsed-left-bc { + zoom: 1; + background-image: + url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif); + background-repeat: repeat-x +} + +.x4-panel-header-default-framed-collapsed-left-mc { + padding: 2px 1px 2px 1px +} + +.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-tl, + .x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-bl { + position: relative; + right: 0 +} + +.x4-panel-header-default-framed-collapsed-left:after { + display: none; + content: + "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif)" +} + +.x4-panel .x4-panel-header-default-framed-top { + border-bottom-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-right { + border-left-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-bottom { + border-top-width: 1px !important +} + +.x4-panel .x4-panel-header-default-framed-left { + border-right-width: 1px !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-top { + border-bottom-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-right { + border-left-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-bottom { + border-top-width: 0 !important +} + +.x4-nbr .x4-panel-header-default-framed-collapsed-left { + border-right-width: 0 !important +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-text-container + { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-panel-header-default-framed-vertical .x4-panel-header-text-container + { + background-color: #daefdc; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#daefdc) +} + +.x4-panel-header-default-framed-top { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed-right { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc -1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc -1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, #fcfdfc + -1px 0 0 0 inset +} + +.x4-panel-header-default-framed-bottom { + -webkit-box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 -1px 0 0 inset, #fcfdfc -1px 0 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed-left { + -webkit-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + -moz-box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, + #fcfdfc 1px 0 0 0 inset; + box-shadow: #fcfdfc 0 1px 0 0 inset, #fcfdfc 0 -1px 0 0 inset, #fcfdfc + 1px 0 0 0 inset +} + +.x4-panel-header-default-framed .x4-panel-header-icon { + width: 16px; + height: 16px; + background-position: center center +} + +.x4-panel-header-default-framed .x4-panel-header-glyph { + color: #158623; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-panel-header-default-framed .x4-panel-header-glyph { + color: #77ba7f +} + +.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-before-title + { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-after-title + { + margin: 0 0 0 2px +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-icon-before-title + { + margin: 0 0 2px 0 +} + +.x4-panel-header-default-framed-vertical .x4-panel-header-icon-after-title + { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-framed-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-panel-header-default-framed-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-panel-header-default-framed-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-panel-header-default-framed-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-panel-default-framed-resizable .x4-panel-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-tip-anchor { + position: absolute; + overflow: hidden; + height: 10px; + width: 10px; + border-style: solid; + border-width: 5px; + border-color: #a6c1a9; + zoom: 1 +} + +.x4-content-box .x4-tip-anchor { + height: 0; + width: 0 +} + +.x4-tip-anchor-top { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + _border-top-color: pink; + _border-left-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-bottom { + border-bottom-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + _border-bottom-color: pink; + _border-left-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-left { + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + _border-top-color: pink; + _border-bottom-color: pink; + _border-left-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-anchor-right { + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: transparent; + _border-top-color: pink; + _border-bottom-color: pink; + _border-right-color: pink; + _filter: chroma(color = pink) +} + +.x4-tip-default { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: #f5fef7 +} + +.x4-tip-default-mc { + background-color: #f5fef7 +} + +.x4-nbr .x4-tip-default { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-tip-default-frameInfo { + font-family: th-3-3-3-3-1-1-1-1-2-2-2-2 +} + +.x4-tip-default-tl { + background-position: 0 -6px +} + +.x4-tip-default-tr { + background-position: right -9px +} + +.x4-tip-default-bl { + background-position: 0 -12px +} + +.x4-tip-default-br { + background-position: right -15px +} + +.x4-tip-default-ml { + background-position: 0 top +} + +.x4-tip-default-mr { + background-position: right top +} + +.x4-tip-default-tc { + background-position: 0 0 +} + +.x4-tip-default-bc { + background-position: 0 -3px +} + +.x4-tip-default-tr, .x4-tip-default-br, .x4-tip-default-mr { + padding-right: 3px +} + +.x4-tip-default-tl, .x4-tip-default-bl, .x4-tip-default-ml { + padding-left: 3px +} + +.x4-tip-default-tc { + height: 3px +} + +.x4-tip-default-bc { + height: 3px +} + +.x4-tip-default-tl, .x4-tip-default-bl, .x4-tip-default-tr, + .x4-tip-default-br, .x4-tip-default-tc, .x4-tip-default-bc, + .x4-tip-default-ml, .x4-tip-default-mr { + zoom: 1; + background-image: url(images/tip/tip-default-corners.gif) +} + +.x4-tip-default-ml, .x4-tip-default-mr { + zoom: 1; + background-image: url(images/tip/tip-default-sides.gif); + background-repeat: repeat-y +} + +.x4-tip-default-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-tip-default-tl, .x4-strict .x4-ie7 .x4-tip-default-bl + { + position: relative; + right: 0 +} + +.x4-tip-default:after { + display: none; + content: + "x-slicer:corners:url(images/tip/tip-default-corners.gif), sides:url(images/tip/tip-default-sides.gif)" +} + +.x4-tip-default { + border-color: #a6c1a9 +} + +.x4-tip-default .x4-tool-img { + background-color: #f5fef7 +} + +.x4-tip-header-default .x4-tool-after-title { + margin: 0 0 0 6px +} + +.x4-tip-header-default .x4-tool-before-title { + margin: 0 6px 0 0 +} + +.x4-tip-header-body-default { + padding: 3px 3px 0 3px +} + +.x4-tip-header-text-container-default { + color: #444; + font-size: 15px; + font-weight: bold +} + +.x4-tip-body-default { + padding: 3px; + color: #444; + font-size: 15px; + font-weight: normal +} + +.x4-tip-body-default a { + color: #2a2a2a +} + +.x4-tip-form-invalid { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: white +} + +.x4-tip-form-invalid-mc { + background-color: white +} + +.x4-nbr .x4-tip-form-invalid { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-tip-form-invalid-frameInfo { + font-family: th-5-5-5-5-1-1-1-1-4-4-4-4 +} + +.x4-tip-form-invalid-tl { + background-position: 0 -10px +} + +.x4-tip-form-invalid-tr { + background-position: right -15px +} + +.x4-tip-form-invalid-bl { + background-position: 0 -20px +} + +.x4-tip-form-invalid-br { + background-position: right -25px +} + +.x4-tip-form-invalid-ml { + background-position: 0 top +} + +.x4-tip-form-invalid-mr { + background-position: right top +} + +.x4-tip-form-invalid-tc { + background-position: 0 0 +} + +.x4-tip-form-invalid-bc { + background-position: 0 -5px +} + +.x4-tip-form-invalid-tr, .x4-tip-form-invalid-br, + .x4-tip-form-invalid-mr { + padding-right: 5px +} + +.x4-tip-form-invalid-tl, .x4-tip-form-invalid-bl, + .x4-tip-form-invalid-ml { + padding-left: 5px +} + +.x4-tip-form-invalid-tc { + height: 5px +} + +.x4-tip-form-invalid-bc { + height: 5px +} + +.x4-tip-form-invalid-tl, .x4-tip-form-invalid-bl, + .x4-tip-form-invalid-tr, .x4-tip-form-invalid-br, + .x4-tip-form-invalid-tc, .x4-tip-form-invalid-bc, + .x4-tip-form-invalid-ml, .x4-tip-form-invalid-mr { + zoom: 1; + background-image: url(images/tip/tip-form-invalid-corners.gif) +} + +.x4-tip-form-invalid-ml, .x4-tip-form-invalid-mr { + zoom: 1; + background-image: url(images/tip/tip-form-invalid-sides.gif); + background-repeat: repeat-y +} + +.x4-tip-form-invalid-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-tip-form-invalid-tl, .x4-strict .x4-ie7 .x4-tip-form-invalid-bl + { + position: relative; + right: 0 +} + +.x4-tip-form-invalid:after { + display: none; + content: + "x-slicer:corners:url(images/tip/tip-form-invalid-corners.gif), sides:url(images/tip/tip-form-invalid-sides.gif)" +} + +.x4-tip-form-invalid { + border-color: #a1311f; + -webkit-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, + #d87166 -1px 0 0 0 inset, #d87166 1px 0 0 0 inset; + -moz-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, + #d87166 -1px 0 0 0 inset, #d87166 1px 0 0 0 inset; + box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, #d87166 + -1px 0 0 0 inset, #d87166 1px 0 0 0 inset +} + +.x4-tip-form-invalid .x4-tool-img { + background-color: white +} + +.x4-tip-header-form-invalid .x4-tool-after-title { + margin: 0 0 0 6px +} + +.x4-tip-header-form-invalid .x4-tool-before-title { + margin: 0 6px 0 0 +} + +.x4-tip-header-body-form-invalid { + padding: 3px 3px 0 3px +} + +.x4-tip-header-text-container-form-invalid { + color: #444; + font-size: 15px; + font-weight: bold +} + +.x4-tip-body-form-invalid { + padding: 3px 3px 3px 22px; + color: #444; + font-size: 15px; + font-weight: normal +} + +.x4-tip-body-form-invalid a { + color: #2a2a2a +} + +.x4-tip-body-form-invalid { + background: 1px 1px no-repeat; + background-image: url(images/form/exclamation.gif) +} + +.x4-tip-body-form-invalid li { + margin-bottom: 4px +} + +.x4-tip-body-form-invalid li.last { + margin-bottom: 0 +} + +.x4-btn-group-default { + border-color: #c9d0c9; + -webkit-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + -moz-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, #eef5ef + -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset +} + +.x4-btn-group-header-default { + margin: 2px 2px 0 2px; + padding: 1px 0; + line-height: 15px; + background: #d2ebd4; + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0 +} + +.x4-btn-group-header-default .x4-tool-img { + background-color: #d2ebd4 +} + +.x4-btn-group-header-text-container-default { + font: normal 15px 宋体; + line-height: 15px; + color: #5b9965 +} + +.x4-btn-group-body-default { + padding: 0 1px +} + +.x4-btn-group-body-default .x4-table-layout { + border-spacing: 0 +} + +.x4-btn-group-default-framed { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 1px 1px 1px 1px; + border-width: 1px; + border-style: solid; + background-color: #deede0 +} + +.x4-btn-group-default-framed-mc { + background-color: #deede0 +} + +.x4-nbr .x4-btn-group-default-framed { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-group-default-framed-frameInfo { + font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1 +} + +.x4-btn-group-default-framed-tl { + background-position: 0 -4px +} + +.x4-btn-group-default-framed-tr { + background-position: right -6px +} + +.x4-btn-group-default-framed-bl { + background-position: 0 -8px +} + +.x4-btn-group-default-framed-br { + background-position: right -10px +} + +.x4-btn-group-default-framed-ml { + background-position: 0 top +} + +.x4-btn-group-default-framed-mr { + background-position: right top +} + +.x4-btn-group-default-framed-tc { + background-position: 0 0 +} + +.x4-btn-group-default-framed-bc { + background-position: 0 -2px +} + +.x4-btn-group-default-framed-tr, .x4-btn-group-default-framed-br, + .x4-btn-group-default-framed-mr { + padding-right: 2px +} + +.x4-btn-group-default-framed-tl, .x4-btn-group-default-framed-bl, + .x4-btn-group-default-framed-ml { + padding-left: 2px +} + +.x4-btn-group-default-framed-tc { + height: 2px +} + +.x4-btn-group-default-framed-bc { + height: 2px +} + +.x4-btn-group-default-framed-tl, .x4-btn-group-default-framed-bl, + .x4-btn-group-default-framed-tr, .x4-btn-group-default-framed-br, + .x4-btn-group-default-framed-tc, .x4-btn-group-default-framed-bc, + .x4-btn-group-default-framed-ml, .x4-btn-group-default-framed-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-corners.gif) +} + +.x4-btn-group-default-framed-ml, .x4-btn-group-default-framed-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-sides.gif); + background-repeat: repeat-y +} + +.x4-btn-group-default-framed-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-group-default-framed-tl, .x4-strict .x4-ie7 .x4-btn-group-default-framed-bl + { + position: relative; + right: 0 +} + +.x4-btn-group-default-framed:after { + display: none; + content: + "x-slicer:corners:url(images/btn-group/btn-group-default-framed-corners.gif), sides:url(images/btn-group/btn-group-default-framed-sides.gif)" +} + +.x4-btn-group-default-framed-notitle { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + padding: 1px 1px 1px 1px; + border-width: 1px; + border-style: solid; + background-color: #deede0 +} + +.x4-btn-group-default-framed-notitle-mc { + background-color: #deede0 +} + +.x4-nbr .x4-btn-group-default-framed-notitle { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-btn-group-default-framed-notitle-frameInfo { + font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1 +} + +.x4-btn-group-default-framed-notitle-tl { + background-position: 0 -4px +} + +.x4-btn-group-default-framed-notitle-tr { + background-position: right -6px +} + +.x4-btn-group-default-framed-notitle-bl { + background-position: 0 -8px +} + +.x4-btn-group-default-framed-notitle-br { + background-position: right -10px +} + +.x4-btn-group-default-framed-notitle-ml { + background-position: 0 top +} + +.x4-btn-group-default-framed-notitle-mr { + background-position: right top +} + +.x4-btn-group-default-framed-notitle-tc { + background-position: 0 0 +} + +.x4-btn-group-default-framed-notitle-bc { + background-position: 0 -2px +} + +.x4-btn-group-default-framed-notitle-tr, + .x4-btn-group-default-framed-notitle-br, + .x4-btn-group-default-framed-notitle-mr { + padding-right: 2px +} + +.x4-btn-group-default-framed-notitle-tl, + .x4-btn-group-default-framed-notitle-bl, + .x4-btn-group-default-framed-notitle-ml { + padding-left: 2px +} + +.x4-btn-group-default-framed-notitle-tc { + height: 2px +} + +.x4-btn-group-default-framed-notitle-bc { + height: 2px +} + +.x4-btn-group-default-framed-notitle-tl, + .x4-btn-group-default-framed-notitle-bl, + .x4-btn-group-default-framed-notitle-tr, + .x4-btn-group-default-framed-notitle-br, + .x4-btn-group-default-framed-notitle-tc, + .x4-btn-group-default-framed-notitle-bc, + .x4-btn-group-default-framed-notitle-ml, + .x4-btn-group-default-framed-notitle-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-notitle-corners.gif) +} + +.x4-btn-group-default-framed-notitle-ml, + .x4-btn-group-default-framed-notitle-mr { + zoom: 1; + background-image: + url(images/btn-group/btn-group-default-framed-notitle-sides.gif); + background-repeat: repeat-y +} + +.x4-btn-group-default-framed-notitle-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-tl, .x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-bl + { + position: relative; + right: 0 +} + +.x4-btn-group-default-framed-notitle:after { + display: none; + content: + "x-slicer:corners:url(images/btn-group/btn-group-default-framed-notitle-corners.gif), sides:url(images/btn-group/btn-group-default-framed-notitle-sides.gif)" +} + +.x4-btn-group-default-framed { + border-color: #c9d0c9; + -webkit-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + -moz-box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, + #eef5ef -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset; + box-shadow: #eef5ef 0 1px 0 0 inset, #eef5ef 0 -1px 0 0 inset, #eef5ef + -1px 0 0 0 inset, #eef5ef 1px 0 0 0 inset +} + +.x4-btn-group-header-default-framed { + margin: 2px 2px 0 2px; + padding: 1px 0; + line-height: 15px; + background: #d2ebd4; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px +} + +.x4-btn-group-header-default-framed .x4-tool-img { + background-color: #d2ebd4 +} + +.x4-btn-group-header-text-container-default-framed { + font: normal 15px 宋体; + line-height: 15px; + color: #5b9965 +} + +.x4-btn-group-body-default-framed { + padding: 0 1px 0 1px +} + +.x4-btn-group-body-default-framed .x4-table-layout { + border-spacing: 0 +} + +.x4-window-ghost { + filter: alpha(opacity = 65); + opacity: .65 +} + +.x4-window-default { + border-color: #b8bab8; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + -1px 0 0 0 inset, #f6fcf7 1px 0 0 0 inset +} + +.x4-window-default { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-default-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-default { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-default-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4 +} + +.x4-window-default-tl { + background-position: 0 -10px +} + +.x4-window-default-tr { + background-position: right -15px +} + +.x4-window-default-bl { + background-position: 0 -20px +} + +.x4-window-default-br { + background-position: right -25px +} + +.x4-window-default-ml { + background-position: 0 top +} + +.x4-window-default-mr { + background-position: right top +} + +.x4-window-default-tc { + background-position: 0 0 +} + +.x4-window-default-bc { + background-position: 0 -5px +} + +.x4-window-default-tr, .x4-window-default-br, .x4-window-default-mr { + padding-right: 5px +} + +.x4-window-default-tl, .x4-window-default-bl, .x4-window-default-ml { + padding-left: 5px +} + +.x4-window-default-tc { + height: 5px +} + +.x4-window-default-bc { + height: 5px +} + +.x4-window-default-tl, .x4-window-default-bl, .x4-window-default-tr, + .x4-window-default-br, .x4-window-default-tc, .x4-window-default-bc, + .x4-window-default-ml, .x4-window-default-mr { + zoom: 1; + background-image: url(images/window/window-default-corners.gif) +} + +.x4-window-default-ml, .x4-window-default-mr { + zoom: 1; + background-image: url(images/window/window-default-sides.gif); + background-repeat: repeat-y +} + +.x4-window-default-mc { + padding: 0 +} + +.x4-strict .x4-ie7 .x4-window-default-tl, .x4-strict .x4-ie7 .x4-window-default-bl + { + position: relative; + right: 0 +} + +.x4-window-default:after { + display: none; + content: + "x-slicer:corners:url(images/window/window-default-corners.gif), sides:url(images/window/window-default-sides.gif)" +} + +.x4-window-body-default { + border-color: #aedeb5; + border-width: 1px; + border-style: solid; + background: #ebf5ed; + color: black; + font-size: 15px; + font-weight: normal; + font-family: 宋体 +} + +.x4-window-header-default { + font-size: 15px; + border-color: #b8bab8; + zoom: 1; + background-color: #dce4dd +} + +.x4-window-header-default .x4-tool-img { + background-color: #dce4dd +} + +.x4-window-header-default-vertical .x4-window-header-text-container { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-window-header-default-vertical .x4-window-header-text-container + { + background-color: #dce4dd; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#dce4dd) +} + +.x4-window-header-text-container-default { + color: #15861e; + font-weight: bold; + line-height: 15px; + font-family: 宋体; + font-size: 15px; + padding: 0 2px 1px; + text-transform: none +} + +.x4-window-header-default-top { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 5px 0 5px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-top-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-top-frameInfo { + font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5 +} + +.x4-window-header-default-top-tl { + background-position: 0 -10px +} + +.x4-window-header-default-top-tr { + background-position: right -15px +} + +.x4-window-header-default-top-bl { + background-position: 0 -20px +} + +.x4-window-header-default-top-br { + background-position: right -25px +} + +.x4-window-header-default-top-ml { + background-position: 0 top +} + +.x4-window-header-default-top-mr { + background-position: right top +} + +.x4-window-header-default-top-tc { + background-position: 0 0 +} + +.x4-window-header-default-top-bc { + background-position: 0 -5px +} + +.x4-window-header-default-top-tr, .x4-window-header-default-top-br, + .x4-window-header-default-top-mr { + padding-right: 5px +} + +.x4-window-header-default-top-tl, .x4-window-header-default-top-bl, + .x4-window-header-default-top-ml { + padding-left: 5px +} + +.x4-window-header-default-top-tc { + height: 5px +} + +.x4-window-header-default-top-bc { + height: 0 +} + +.x4-window-header-default-top-tl, .x4-window-header-default-top-bl, + .x4-window-header-default-top-tr, .x4-window-header-default-top-br, + .x4-window-header-default-top-tc, .x4-window-header-default-top-bc, + .x4-window-header-default-top-ml, .x4-window-header-default-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-top-corners.gif) +} + +.x4-window-header-default-top-ml, .x4-window-header-default-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-top-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-top-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-top-tl, .x4-strict .x4-ie7 .x4-window-header-default-top-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-top:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-top-corners.gif), sides:url(images/window-header/window-header-default-top-sides.gif)" +} + +.x4-window-header-default-right { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 5px 4px 5px 0; + border-width: 1px 1px 1px 0; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-right-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-right-frameInfo { + font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0 +} + +.x4-window-header-default-right-tl { + background-position: 0 -10px +} + +.x4-window-header-default-right-tr { + background-position: right -15px +} + +.x4-window-header-default-right-bl { + background-position: 0 -20px +} + +.x4-window-header-default-right-br { + background-position: right -25px +} + +.x4-window-header-default-right-ml { + background-position: 0 top +} + +.x4-window-header-default-right-mr { + background-position: right top +} + +.x4-window-header-default-right-tc { + background-position: 0 0 +} + +.x4-window-header-default-right-bc { + background-position: 0 -5px +} + +.x4-window-header-default-right-tr, .x4-window-header-default-right-br, + .x4-window-header-default-right-mr { + padding-right: 5px +} + +.x4-window-header-default-right-tl, .x4-window-header-default-right-bl, + .x4-window-header-default-right-ml { + padding-left: 0 +} + +.x4-window-header-default-right-tc { + height: 5px +} + +.x4-window-header-default-right-bc { + height: 5px +} + +.x4-window-header-default-right-tl, .x4-window-header-default-right-bl, + .x4-window-header-default-right-tr, .x4-window-header-default-right-br, + .x4-window-header-default-right-tc, .x4-window-header-default-right-bc, + .x4-window-header-default-right-ml, .x4-window-header-default-right-mr + { + zoom: 1; + background-image: + url(images/window-header/window-header-default-right-corners.gif) +} + +.x4-window-header-default-right-ml, .x4-window-header-default-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-right-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-right-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-right-tl, .x4-strict .x4-ie7 .x4-window-header-default-right-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-right:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-right-corners.gif), sides:url(images/window-header/window-header-default-right-sides.gif)" +} + +.x4-window-header-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 0 5px 4px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-bottom-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-bottom-frameInfo { + font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5 +} + +.x4-window-header-default-bottom-tl { + background-position: 0 -10px +} + +.x4-window-header-default-bottom-tr { + background-position: right -15px +} + +.x4-window-header-default-bottom-bl { + background-position: 0 -20px +} + +.x4-window-header-default-bottom-br { + background-position: right -25px +} + +.x4-window-header-default-bottom-ml { + background-position: 0 top +} + +.x4-window-header-default-bottom-mr { + background-position: right top +} + +.x4-window-header-default-bottom-tc { + background-position: 0 0 +} + +.x4-window-header-default-bottom-bc { + background-position: 0 -5px +} + +.x4-window-header-default-bottom-tr, .x4-window-header-default-bottom-br, + .x4-window-header-default-bottom-mr { + padding-right: 5px +} + +.x4-window-header-default-bottom-tl, .x4-window-header-default-bottom-bl, + .x4-window-header-default-bottom-ml { + padding-left: 5px +} + +.x4-window-header-default-bottom-tc { + height: 0 +} + +.x4-window-header-default-bottom-bc { + height: 5px +} + +.x4-window-header-default-bottom-tl, .x4-window-header-default-bottom-bl, + .x4-window-header-default-bottom-tr, + .x4-window-header-default-bottom-br, + .x4-window-header-default-bottom-tc, + .x4-window-header-default-bottom-bc, + .x4-window-header-default-bottom-ml, + .x4-window-header-default-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-bottom-corners.gif) +} + +.x4-window-header-default-bottom-ml, .x4-window-header-default-bottom-mr + { + zoom: 1; + background-image: + url(images/window-header/window-header-default-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-bottom-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-bottom-tl, .x4-strict .x4-ie7 .x4-window-header-default-bottom-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-bottom-corners.gif), sides:url(images/window-header/window-header-default-bottom-sides.gif)" +} + +.x4-window-header-default-left { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 5px 0 5px 4px; + border-width: 1px 0 1px 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-left-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-left-frameInfo { + font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4 +} + +.x4-window-header-default-left-tl { + background-position: 0 -10px +} + +.x4-window-header-default-left-tr { + background-position: right -15px +} + +.x4-window-header-default-left-bl { + background-position: 0 -20px +} + +.x4-window-header-default-left-br { + background-position: right -25px +} + +.x4-window-header-default-left-ml { + background-position: 0 top +} + +.x4-window-header-default-left-mr { + background-position: right top +} + +.x4-window-header-default-left-tc { + background-position: 0 0 +} + +.x4-window-header-default-left-bc { + background-position: 0 -5px +} + +.x4-window-header-default-left-tr, .x4-window-header-default-left-br, + .x4-window-header-default-left-mr { + padding-right: 0 +} + +.x4-window-header-default-left-tl, .x4-window-header-default-left-bl, + .x4-window-header-default-left-ml { + padding-left: 5px +} + +.x4-window-header-default-left-tc { + height: 5px +} + +.x4-window-header-default-left-bc { + height: 5px +} + +.x4-window-header-default-left-tl, .x4-window-header-default-left-bl, + .x4-window-header-default-left-tr, .x4-window-header-default-left-br, + .x4-window-header-default-left-tc, .x4-window-header-default-left-bc, + .x4-window-header-default-left-ml, .x4-window-header-default-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-left-corners.gif) +} + +.x4-window-header-default-left-ml, .x4-window-header-default-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-left-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-left-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-left-tl, .x4-strict .x4-ie7 .x4-window-header-default-left-bl + { + position: relative; + right: 0 +} + +.x4-window-header-default-left:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-left-corners.gif), sides:url(images/window-header/window-header-default-left-sides.gif)" +} + +.x4-window-header-default-collapsed-top { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-top-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-top-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5 +} + +.x4-window-header-default-collapsed-top-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-top-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-top-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-top-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-top-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-top-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-top-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-top-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-top-tr, + .x4-window-header-default-collapsed-top-br, + .x4-window-header-default-collapsed-top-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-top-tl, + .x4-window-header-default-collapsed-top-bl, + .x4-window-header-default-collapsed-top-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-top-tc { + height: 5px +} + +.x4-window-header-default-collapsed-top-bc { + height: 5px +} + +.x4-window-header-default-collapsed-top-tl, + .x4-window-header-default-collapsed-top-bl, + .x4-window-header-default-collapsed-top-tr, + .x4-window-header-default-collapsed-top-br, + .x4-window-header-default-collapsed-top-tc, + .x4-window-header-default-collapsed-top-bc, + .x4-window-header-default-collapsed-top-ml, + .x4-window-header-default-collapsed-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-top-corners.gif) +} + +.x4-window-header-default-collapsed-top-ml, + .x4-window-header-default-collapsed-top-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-top-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-top-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-top:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-top-corners.gif), sides:url(images/window-header/window-header-default-collapsed-top-sides.gif)" +} + +.x4-window-header-default-collapsed-right { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-right-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-right-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4 +} + +.x4-window-header-default-collapsed-right-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-right-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-right-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-right-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-right-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-right-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-right-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-right-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-right-tr, + .x4-window-header-default-collapsed-right-br, + .x4-window-header-default-collapsed-right-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-right-tl, + .x4-window-header-default-collapsed-right-bl, + .x4-window-header-default-collapsed-right-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-right-tc { + height: 5px +} + +.x4-window-header-default-collapsed-right-bc { + height: 5px +} + +.x4-window-header-default-collapsed-right-tl, + .x4-window-header-default-collapsed-right-bl, + .x4-window-header-default-collapsed-right-tr, + .x4-window-header-default-collapsed-right-br, + .x4-window-header-default-collapsed-right-tc, + .x4-window-header-default-collapsed-right-bc, + .x4-window-header-default-collapsed-right-ml, + .x4-window-header-default-collapsed-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-right-corners.gif) +} + +.x4-window-header-default-collapsed-right-ml, + .x4-window-header-default-collapsed-right-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-right-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-right-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-right:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-right-corners.gif), sides:url(images/window-header/window-header-default-collapsed-right-sides.gif)" +} + +.x4-window-header-default-collapsed-bottom { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 4px 5px 4px 5px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-bottom-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-bottom-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5 +} + +.x4-window-header-default-collapsed-bottom-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-bottom-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-bottom-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-bottom-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-bottom-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-bottom-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-bottom-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-bottom-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-bottom-tr, + .x4-window-header-default-collapsed-bottom-br, + .x4-window-header-default-collapsed-bottom-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-bottom-tl, + .x4-window-header-default-collapsed-bottom-bl, + .x4-window-header-default-collapsed-bottom-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-bottom-tc { + height: 5px +} + +.x4-window-header-default-collapsed-bottom-bc { + height: 5px +} + +.x4-window-header-default-collapsed-bottom-tl, + .x4-window-header-default-collapsed-bottom-bl, + .x4-window-header-default-collapsed-bottom-tr, + .x4-window-header-default-collapsed-bottom-br, + .x4-window-header-default-collapsed-bottom-tc, + .x4-window-header-default-collapsed-bottom-bc, + .x4-window-header-default-collapsed-bottom-ml, + .x4-window-header-default-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-bottom-corners.gif) +} + +.x4-window-header-default-collapsed-bottom-ml, + .x4-window-header-default-collapsed-bottom-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-bottom-mc { + padding: 0 1px 0 1px +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-bottom-corners.gif), sides:url(images/window-header/window-header-default-collapsed-bottom-sides.gif)" +} + +.x4-window-header-default-collapsed-left { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + padding: 5px 4px 5px 4px; + border-width: 1px; + border-style: solid; + background-color: #dce4dd +} + +.x4-window-header-default-collapsed-left-mc { + background-color: #dce4dd +} + +.x4-nbr .x4-window-header-default-collapsed-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-window-header-default-collapsed-left-frameInfo { + font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4 +} + +.x4-window-header-default-collapsed-left-tl { + background-position: 0 -10px +} + +.x4-window-header-default-collapsed-left-tr { + background-position: right -15px +} + +.x4-window-header-default-collapsed-left-bl { + background-position: 0 -20px +} + +.x4-window-header-default-collapsed-left-br { + background-position: right -25px +} + +.x4-window-header-default-collapsed-left-ml { + background-position: 0 top +} + +.x4-window-header-default-collapsed-left-mr { + background-position: right top +} + +.x4-window-header-default-collapsed-left-tc { + background-position: 0 0 +} + +.x4-window-header-default-collapsed-left-bc { + background-position: 0 -5px +} + +.x4-window-header-default-collapsed-left-tr, + .x4-window-header-default-collapsed-left-br, + .x4-window-header-default-collapsed-left-mr { + padding-right: 5px +} + +.x4-window-header-default-collapsed-left-tl, + .x4-window-header-default-collapsed-left-bl, + .x4-window-header-default-collapsed-left-ml { + padding-left: 5px +} + +.x4-window-header-default-collapsed-left-tc { + height: 5px +} + +.x4-window-header-default-collapsed-left-bc { + height: 5px +} + +.x4-window-header-default-collapsed-left-tl, + .x4-window-header-default-collapsed-left-bl, + .x4-window-header-default-collapsed-left-tr, + .x4-window-header-default-collapsed-left-br, + .x4-window-header-default-collapsed-left-tc, + .x4-window-header-default-collapsed-left-bc, + .x4-window-header-default-collapsed-left-ml, + .x4-window-header-default-collapsed-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-left-corners.gif) +} + +.x4-window-header-default-collapsed-left-ml, + .x4-window-header-default-collapsed-left-mr { + zoom: 1; + background-image: + url(images/window-header/window-header-default-collapsed-left-sides.gif); + background-repeat: repeat-y +} + +.x4-window-header-default-collapsed-left-mc { + padding: 1px 0 1px 0 +} + +.x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-tl, + .x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-bl { + position: relative; + right: 0 +} + +.x4-window-header-default-collapsed-left:after { + display: none; + content: + "x-slicer:corners:url(images/window-header/window-header-default-collapsed-left-corners.gif), sides:url(images/window-header/window-header-default-collapsed-left-sides.gif)" +} + +.x4-window-header-default-top { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default-right { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 -1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + -1px 0 0 0 inset +} + +.x4-window-header-default-bottom { + -webkit-box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 -1px 0 0 inset, #f6fcf7 -1px 0 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default-left { + -webkit-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + -moz-box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, + #f6fcf7 1px 0 0 0 inset; + box-shadow: #f6fcf7 0 1px 0 0 inset, #f6fcf7 0 -1px 0 0 inset, #f6fcf7 + 1px 0 0 0 inset +} + +.x4-window-header-default .x4-window-header-icon { + width: 16px; + height: 16px; + color: #15861e; + font-size: 16px; + line-height: 16px; + background-position: center center +} + +.x4-window-header-default .x4-window-header-glyph { + color: #15861e; + font-size: 16px; + line-height: 16px; + opacity: .5 +} + +.x4-ie8m .x4-window-header-default .x4-window-header-glyph { + color: #78b57d +} + +.x4-window-header-default-horizontal .x4-window-header-icon-before-title + { + margin: 0 2px 0 0 +} + +.x4-window-header-default-horizontal .x4-window-header-icon-after-title + { + margin: 0 0 0 2px +} + +.x4-window-header-default-vertical .x4-window-header-icon-before-title { + margin: 0 0 2px 0 +} + +.x4-window-header-default-vertical .x4-window-header-icon-after-title { + margin: 2px 0 0 0 +} + +.x4-window-header-default-horizontal .x4-tool-after-title { + margin: 0 0 0 2px +} + +.x4-window-header-default-horizontal .x4-tool-before-title { + margin: 0 2px 0 0 +} + +.x4-window-header-default-vertical .x4-tool-after-title { + margin: 2px 0 0 0 +} + +.x4-window-header-default-vertical .x4-tool-before-title { + margin: 0 0 2px 0 +} + +.x4-window-default-collapsed .x4-window-header { + border-width: 1px !important +} + +.x4-nbr .x4-window-default-collapsed .x4-window-header { + border-width: 0 !important +} + +.x4-window-body-plain { + background-color: transparent +} + +.x4-form-invalid-under { + padding: 2px 2px 2px 20px; + color: #c0272b; + font: normal 15px 宋体; + line-height: 16px; + background: no-repeat 0 2px; + background-image: url(images/form/exclamation.gif) +} + +div.x4-lbl-top-err-icon { + margin-bottom: 3px +} + +.x4-form-invalid-icon { + width: 16px; + height: 16px; + margin: 0 1px; + background-image: url(images/form/exclamation.gif); + background-repeat: no-repeat +} + +.x4-form-item-label { + color: black; + font: normal 15px/15px 宋体; + margin-top: 4px +} + +.x4-toolbar-item .x4-form-item-label { + font: normal 15px/15px 宋体; + margin-top: 3px +} + +.x4-autocontainer-form-item, .x4-anchor-form-item, .x4-vbox-form-item, + .x4-table-form-item { + margin-bottom: 5px +} + +.x4-ie6 .x4-form-form-item td { + border-top-width: 0 +} + +.x4-ie6 td.x4-form-item-pad { + height: 5px +} + +.x4-form-field { + color: black +} + +.x4-form-item, .x4-form-field { + font: normal 15px 宋体 +} + +.x4-form-type-text textarea.x4-form-invalid-field, .x4-form-type-text input.x4-form-invalid-field, + .x4-form-type-password textarea.x4-form-invalid-field, + .x4-form-type-password input.x4-form-invalid-field, + .x4-form-type-number textarea.x4-form-invalid-field, + .x4-form-type-number input.x4-form-invalid-field, .x4-form-type-email textarea.x4-form-invalid-field, + .x4-form-type-email input.x4-form-invalid-field, .x4-form-type-search textarea.x4-form-invalid-field, + .x4-form-type-search input.x4-form-invalid-field, .x4-form-type-tel textarea.x4-form-invalid-field, + .x4-form-type-tel input.x4-form-invalid-field { + background-color: white; + background-image: url(images/grid/invalid_line.gif); + background-repeat: repeat-x; + background-position: bottom; + border-color: #c30 +} + +.x4-item-disabled .x4-form-item-label, .x4-item-disabled .x4-form-field, + .x4-item-disabled .x4-form-display-field, .x4-item-disabled .x4-form-cb-label, + .x4-item-disabled .x4-form-trigger { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-form-text { + color: black; + padding: 1px 3px 2px 3px; + background: white repeat-x 0 0; + border-width: 1px; + border-style: solid; + border-color: #b5b8c8; + background-image: url(images/form/text-bg.gif); + height: 22px; + line-height: 17px +} + +.x4-field-toolbar .x4-form-text { + height: 20px; + line-height: 15px +} + +.x4-content-box .x4-form-text { + height: 17px +} + +.x4-content-box .x4-field-toolbar .x4-form-text { + height: 15px +} + +.x4-form-focus { + border-color: #97cb9a +} + +.x4-form-empty-field, textarea.x4-form-empty-field { + color: gray +} + +.x4-quirks .x4-ie .x4-form-text, .x4-ie7m .x4-form-text { + margin-top: -1px; + margin-bottom: -1px +} + +.x4-form-textarea { + line-height: normal; + height: auto; + background-image: url(images/form/text-bg.gif) +} + +.x4-content-box .x4-form-textarea { + height: auto +} + +.x4-form-display-field { + height: 22px +} + +.x4-toolbar-item .x4-form-display-field { + height: 20px +} + +.x4-form-display-field { + font: normal 15px/15px 宋体; + color: black; + margin-top: 4px +} + +.x4-toolbar-item .x4-form-display-field { + margin-top: 3px; + font: normal 15px/15px 宋体 +} + +.x4-message-box .x4-window-body { + background-color: #dce4dd; + border-width: 0 +} + +.x4-message-box-info, .x4-message-box-warning, .x4-message-box-question, + .x4-message-box-error { + background-position: left top; + background-repeat: no-repeat +} + +.x4-message-box-info { + background-image: url(images/shared/icon-info.gif) +} + +.x4-message-box-warning { + background-image: url(images/shared/icon-warning.gif) +} + +.x4-message-box-question { + background-image: url(images/shared/icon-question.gif) +} + +.x4-message-box-error { + background-image: url(images/shared/icon-error.gif) +} + +.x4-form-cb-wrap { + height: 22px +} + +.x4-toolbar-item .x4-form-cb-wrap { + height: 20px +} + +.x4-form-cb { + margin-top: 5px +} + +.x4-toolbar-item .x4-form-cb { + margin-top: 4px +} + +.x4-form-checkbox { + width: 13px; + height: 13px; + background: url(images/form/checkbox.gif) no-repeat +} + +.x4-form-cb-checked .x4-form-checkbox { + background-position: 0 -13px +} + +.x4-form-checkbox-focus { + background-position: -13px 0 +} + +.x4-form-cb-checked .x4-form-checkbox-focus { + background-position: -13px -13px +} + +.x4-form-cb-label { + margin-top: 4px; + font: normal 15px/15px 宋体 +} + +.x4-toolbar-item .x4-form-cb-label { + font: normal 15px/15px 宋体; + margin-top: 3px +} + +.x4-form-cb-label-before { + padding-right: 17px +} + +.x4-form-cb-label-after { + padding-left: 17px +} + +.x4-form-cb-wrap-inner-no-box-label .x4-form-cb { + position: static +} + +.x4-quirks .x4-ie .x4-form-cb-wrap-inner-no-box-label, .x4-ie7m .x4-form-cb-wrap-inner-no-box-label + { + display: inline; + width: 13px; + zoom: 1 +} + +.x4-form-checkboxgroup-body { + padding: 0 4px +} + +.x4-form-invalid .x4-form-checkboxgroup-body { + border: 1px solid #c30; + background-image: url(images/grid/invalid_line.gif); + background-repeat: repeat-x; + background-position: bottom +} + +.x4-check-group-alt { + background: #dfece1; + border-top: 1px dotted #c4c4c4; + border-bottom: 1px dotted #c4c4c4 +} + +.x4-form-check-group-label { + color: black; + padding: 2px; + margin: 0 30px 5px 0; + border-width: 0 0 1px 0; + border-style: solid; + border-color: black +} + +.x4-fieldset { + border: 1px solid #b5b8c8; + padding: 0 10px; + margin: 0 0 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + overflow: hidden +} + +.x4-ie8m .x4-fieldset, .x4-quirks .x4-ie .x4-fieldset { + padding-top: 0 +} + +.x4-ie8m .x4-fieldset .x4-fieldset-body, .x4-quirks .x4-ie .x4-fieldset .x4-fieldset-body + { + padding-top: 0 +} + +.x4-fieldset-header-checkbox { + line-height: 14px; + margin: 1px 0 0 +} + +.x4-fieldset-header { + padding: 0 3px 1px +} + +.x4-fieldset-header .x4-tool { + margin-top: 1px; + padding: 0 +} + +.x4-fieldset-header .x4-form-cb-wrap { + padding: 1px 0 +} + +.x4-fieldset-header-text { + font: normal 15px/15px 宋体; + color: #29823a; + padding: 1px 0 +} + +.x4-fieldset-header-text-collapsible { + cursor: pointer +} + +.x4-fieldset-with-title .x4-fieldset-header-checkbox, + .x4-fieldset-with-title .x4-tool { + margin: 1px 3px 0 0 +} + +.x4-webkit .x4-fieldset-header { + -webkit-padding-start: 3px; + -webkit-padding-end: 3px +} + +.x4-opera .x4-fieldset-with-legend { + margin-top: -1px +} + +.x4-opera.x4-mac .x4-fieldset-header-text { + padding: 2px 0 0 +} + +.x4-strict .x4-ie8 .x4-fieldset-header { + margin-bottom: -1px +} + +.x4-strict .x4-ie8 .x4-fieldset-header .x4-tool, .x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-text, + .x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-checkbox { + position: relative; + top: -1px +} + +.x4-quirks .x4-ie .x4-fieldset-header, .x4-ie8m .x4-fieldset-header { + padding-left: 1px; + padding-right: 1px +} + +.x4-fieldset-collapsed { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + padding-bottom: 0 !important; + border-width: 1px 1px 0 1px !important; + border-left-color: transparent !important; + border-right-color: transparent !important +} + +.x4-fieldset-collapsed .x4-fieldset-body { + display: none +} + +.x4-ie6 .x4-fieldset-collapsed { + border-width: 1px 0 0 0 !important; + padding-bottom: 0 !important; + margin-left: 1px; + margin-right: 1px +} + +.x4-ie .x4-fieldset-bwrap { + zoom: 1 +} + +.x4-fieldset .x4-tool-toggle { + background-position: 0 -60px +} + +.x4-fieldset .x4-tool-over .x4-tool-toggle { + background-position: -15px -60px +} + +.x4-fieldset-collapsed .x4-tool-toggle { + background-position: 0 -75px +} + +.x4-fieldset-collapsed .x4-tool-over .x4-tool-toggle { + background-position: -15px -75px +} + +.x4-ie .x4-fieldset-noborder legend { + position: relative; + margin-bottom: 23px +} + +.x4-ie .x4-fieldset-noborder legend span { + position: absolute; + left: 16px +} + +x4-fieldset-body { + overflow: hidden +} + +.x4-form-radio { + width: 13px; + height: 13px; + background: url(images/form/radio.gif) no-repeat +} + +.x4-form-cb-checked .x4-form-radio { + background-position: 0 -13px +} + +.x4-form-radio-focus { + background-position: -13px 0 +} + +.x4-form-cb-checked .x4-form-radio-focus { + background-position: -13px -13px +} + +.x4-form-trigger { + background: url(images/form/trigger.gif); + width: 17px; + border-width: 0 0 1px; + border-color: #b5b8c8; + border-style: solid +} + +.x4-trigger-cell { + background-color: transparent; + width: 17px +} + +.x4-form-trigger-over { + background-position: -17px 0; + border-color: #97cb9a +} + +.x4-form-trigger-wrap-focus .x4-form-trigger { + background-position: -51px 0; + border-color: #97cb9a +} + +.x4-form-trigger-wrap-focus .x4-form-trigger-over { + background-position: -68px 0 +} + +.x4-form-trigger-click, .x4-form-trigger-wrap-focus .x4-form-trigger-click + { + background-position: -34px 0 +} + +.x4-form-clear-trigger { + background-image: url(images/form/clear-trigger.gif) +} + +.x4-form-search-trigger { + background-image: url(images/form/search-trigger.gif) +} + +.x4-quirks .prefixie6 .x4-form-trigger-input-cell { + height: 22px +} + +.x4-quirks .prefixie6 .x4-field-toolbar .x4-form-trigger-input-cell { + height: 20px +} + +div.x4-form-spinner-up, div.x4-form-spinner-down { + background-image: url(images/form/spinner.gif); + background-color: white; + width: 17px; + height: 11px +} + +.x4-form-spinner-down { + background-position: 0 -11px +} + +.x4-form-trigger-wrap-focus .x4-form-spinner-down { + background-position: -51px -11px +} + +.x4-form-trigger-wrap .x4-form-spinner-down-over { + background-position: -17px -11px +} + +.x4-form-trigger-wrap-focus .x4-form-spinner-down-over { + background-position: -68px -11px +} + +.x4-form-trigger-wrap .x4-form-spinner-down-click { + background-position: -34px -11px +} + +.x4-toolbar-item div.x4-form-spinner-up, .x4-toolbar-item div.x4-form-spinner-down + { + background-image: url(images/form/spinner-small.gif); + height: 10px +} + +.x4-toolbar-item .x4-form-spinner-down { + background-position: 0 -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down { + background-position: -51px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-over { + background-position: -17px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down-over + { + background-position: -68px -10px +} + +.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-click { + background-position: -34px -10px +} + +.x4-tbar-page-number { + width: 30px +} + +.x4-tbar-page-first { + background-image: url(images/grid/page-first.gif) +} + +.x4-tbar-page-prev { + background-image: url(images/grid/page-prev.gif) +} + +.x4-tbar-page-next { + background-image: url(images/grid/page-next.gif) +} + +.x4-tbar-page-last { + background-image: url(images/grid/page-last.gif) +} + +.x4-tbar-loading { + background-image: url(images/grid/refresh.gif) +} + +.x4-item-disabled .x4-tbar-page-first { + background-image: url(images/grid/page-first-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-prev { + background-image: url(images/grid/page-prev-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-next { + background-image: url(images/grid/page-next-disabled.gif) +} + +.x4-item-disabled .x4-tbar-page-last { + background-image: url(images/grid/page-last-disabled.gif) +} + +.x4-item-disabled .x4-tbar-loading { + background-image: url(images/grid/refresh-disabled.gif) +} + +.x4-boundlist { + border-width: 1px; + border-style: solid; + border-color: #adeab5; + background: white +} + +.x4-strict .x4-ie7m .x4-boundlist-list-ct { + position: relative +} + +.x4-boundlist-item { + padding: 0 3px; + font: normal 15px 宋体; + line-height: 20px; + cursor: pointer; + cursor: hand; + position: relative; + zoom: 1; + border-width: 1px; + border-style: dotted; + border-color: white +} + +.x4-boundlist-selected { + background: #daeddd; + border-color: #a5d9b1 +} + +.x4-boundlist-item-over { + background: #ebf5ed; + border-color: #b7e0c1 +} + +.x4-boundlist-floating { + border-top-width: 0 +} + +.x4-boundlist-above { + border-top-width: 1px; + border-bottom-width: 1px +} + +.x4-datepicker { + border-width: 1px; + border-style: solid; + border-color: #2d6539; + background-color: white; + width: 177px +} + +.x4-datepicker-header { + padding: 3px 6px; + text-align: center; + background-image: none; + background-color: #387245; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #3c7d4b), + color-stop(100%, #31653c)); + background-image: -webkit-linear-gradient(top, #3c7d4b, #31653c); + background-image: -moz-linear-gradient(top, #3c7d4b, #31653c); + background-image: -o-linear-gradient(top, #3c7d4b, #31653c); + background-image: -ms-linear-gradient(top, #3c7d4b, #31653c); + background-image: linear-gradient(top, #3c7d4b, #31653c) +} + +.x4-datepicker-arrow { + width: 15px; + height: 15px; + top: 6px; + cursor: pointer; + background-color: #387245; + filter: alpha(opacity = 70); + opacity: .7 +} + +a.x4-datepicker-arrow:hover { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-datepicker-next { + right: 6px; + background-image: url(images/shared/right-btn.gif) +} + +.x4-datepicker-prev { + left: 6px; + background-image: url(images/shared/left-btn.gif) +} + +.x4-datepicker-month .x4-btn, .x4-datepicker-month .x4-btn .x4-btn-tc, + .x4-datepicker-month .x4-btn .x4-btn-tl, .x4-datepicker-month .x4-btn .x4-btn-tr, + .x4-datepicker-month .x4-btn .x4-btn-mc, .x4-datepicker-month .x4-btn .x4-btn-ml, + .x4-datepicker-month .x4-btn .x4-btn-mr, .x4-datepicker-month .x4-btn .x4-btn-bc, + .x4-datepicker-month .x4-btn .x4-btn-bl, .x4-datepicker-month .x4-btn .x4-btn-br + { + background: transparent; + border-width: 0 !important +} + +.x4-datepicker-month .x4-btn-inner { + color: white +} + +.x4-datepicker-month .x4-btn-split-right { + background-image: url(images/button/s-arrow-light.gif); + padding-right: 12px +} + +.x4-datepicker-column-header { + width: 25px; + color: #366540; + font: normal 10px 宋体; + text-align: right; + border-width: 0 0 1px; + border-style: solid; + border-color: #c4eec8; + background-image: none; + background-color: #ebfaed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f7fdf8), + color-stop(100%, #dbf5de)); + background-image: -webkit-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -moz-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -o-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: -ms-linear-gradient(top, #f7fdf8, #dbf5de); + background-image: linear-gradient(top, #f7fdf8, #dbf5de) +} + +.x4-datepicker-column-header-inner { + line-height: 19px; + padding: 0 7px 0 0 +} + +.x4-datepicker-cell { + text-align: right; + border-width: 1px; + border-style: solid; + border-color: white +} + +.x4-datepicker-date { + padding: 0 4px 0 0; + font: normal 15px 宋体; + color: black; + cursor: pointer; + line-height: 18px +} + +a.x4-datepicker-date:hover { + color: black; + background-color: #eafcec +} + +.x4-datepicker-selected { + border-style: solid; + border-color: #a4d7ab +} + +.x4-datepicker-selected .x4-datepicker-date { + background-color: #e6f2e8; + font-weight: bold +} + +.x4-datepicker-today { + border-color: darkred; + border-style: solid +} + +.x4-datepicker-prevday .x4-datepicker-date, .x4-datepicker-nextday .x4-datepicker-date + { + color: #aaa +} + +.x4-datepicker-disabled a.x4-datepicker-date { + background-color: #eee; + cursor: default; + color: #bbb +} + +.x4-datepicker-disabled a.x4-datepicker-date:hover { + background-color: #eee +} + +.x4-datepicker-footer, .x4-monthpicker-buttons { + padding: 4px 0; + border-width: 1px 0 0; + border-style: solid; + border-color: #c4eec8; + background-image: none; + background-color: #ebfaed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #eaf4eb), + color-stop(49%, #dfede0), color-stop(51%, #d6e9d8), + color-stop(100%, #d9ebdc)); + background-image: -webkit-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -moz-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -o-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: -ms-linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + background-image: linear-gradient(top, #eaf4eb, #dfede0 49%, #d6e9d8 51%, #d9ebdc); + text-align: center +} + +.x4-datepicker-footer .x4-btn, .x4-monthpicker-buttons .x4-btn { + margin: 0 2px 0 2px +} + +.x4-monthpicker { + width: 177px; + border-width: 1px; + border-style: solid; + border-color: #2d6539; + background-color: white +} + +.x4-monthpicker-months { + border-width: 0 1px 0 0; + border-color: #2d6539; + border-style: solid; + width: 87px +} + +.x4-monthpicker-months .x4-monthpicker-item { + width: 43px +} + +.x4-monthpicker-years { + width: 88px +} + +.x4-monthpicker-years .x4-monthpicker-item { + width: 44px +} + +.x4-monthpicker-item { + margin: 5px 0 4px; + font: normal 15px 宋体; + text-align: center +} + +.x4-monthpicker-item-inner { + margin: 0 5px 0 5px; + color: #29823a; + border-width: 1px; + border-style: solid; + border-color: white; + line-height: 16px; + cursor: pointer +} + +a.x4-monthpicker-item-inner:hover { + background-color: #eafcec +} + +.x4-monthpicker-selected { + background-color: #e6f2e8; + border-style: solid; + border-color: #a4d7ab +} + +.x4-monthpicker-yearnav { + height: 27px +} + +.x4-monthpicker-yearnav-button-ct { + width: 44px +} + +.x4-monthpicker-yearnav-button { + height: 15px; + width: 15px; + cursor: pointer; + margin-top: 6px; + background-color: white +} + +.x4-monthpicker-yearnav-next { + background-image: url(images/tools/tool-sprites.gif); + background-position: 0 -120px +} + +.x4-monthpicker-yearnav-next-over { + background-position: -15px -120px +} + +.x4-monthpicker-yearnav-prev { + background-image: url(images/tools/tool-sprites.gif); + background-position: 0 -105px +} + +.x4-monthpicker-yearnav-prev-over { + background-position: -15px -105px +} + +.x4-monthpicker-small .x4-monthpicker-item { + margin: 2px 0 2px +} + +.x4-monthpicker-small .x4-monthpicker-item-inner { + margin: 0 5px 0 5px +} + +.x4-monthpicker-small .x4-monthpicker-yearnav { + height: 22px +} + +.x4-monthpicker-small .x4-monthpicker-yearnav-button { + margin-top: 3px +} + +.x4-nlg .x4-datepicker-header { + background-image: url(images/datepicker/datepicker-header-bg.gif); + background-repeat: repeat-x; + background-position: top left +} + +.x4-nlg .x4-datepicker-footer, .x4-nlg .x4-monthpicker-buttons { + background-image: url(images/datepicker/datepicker-footer-bg.gif); + background-repeat: repeat-x; + background-position: top left +} + +.x4-datepicker-header:after { + display: none; + content: + "x-slicer:bg:url(images/datepicker/datepicker-header-bg.gif), stretch:bottom" +} + +.x4-datepicker-footer:after { + display: none; + content: + "x-slicer:bg:url(images/datepicker/datepicker-footer-bg.gif), stretch:bottom" +} + +.x4-form-date-trigger { + background-image: url(images/form/date-trigger.gif) +} + +.x4-form-file-wrap .x4-form-text { + color: gray +} + +.x4-color-picker { + width: 144px; + height: 90px; + background-color: white; + border-color: white; + border-width: 0; + border-style: solid +} + +.x4-color-picker-item { + width: 18px; + height: 18px; + border-width: 1px; + border-color: white; + border-style: solid; + background-color: white; + cursor: pointer; + padding: 2px +} + +.x4-content-box .x4-color-picker-item { + width: 12px; + height: 12px +} + +a.x4-color-picker-item:hover { + border-color: #8bb8f3; + background-color: #deecfd +} + +.x4-color-picker-selected { + border-color: #8bb8f3; + background-color: #deecfd +} + +.x4-color-picker-item-inner { + line-height: 10px; + border-color: #aca899; + border-width: 1px; + border-style: solid +} + +.x4-html-editor-tb .x4-btn-text { + background: transparent no-repeat; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-bold, .x4-menu-item div.x4-edit-bold { + background-position: 0 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-italic, .x4-menu-item div.x4-edit-italic { + background-position: -16px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-underline, .x4-menu-item div.x4-edit-underline + { + background-position: -32px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-forecolor, .x4-menu-item div.x4-edit-forecolor + { + background-position: -160px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-backcolor, .x4-menu-item div.x4-edit-backcolor + { + background-position: -176px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifyleft, .x4-menu-item div.x4-edit-justifyleft + { + background-position: -112px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifycenter, .x4-menu-item div.x4-edit-justifycenter + { + background-position: -128px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-justifyright, .x4-menu-item div.x4-edit-justifyright + { + background-position: -144px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-insertorderedlist, .x4-menu-item div.x4-edit-insertorderedlist + { + background-position: -80px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-insertunorderedlist, .x4-menu-item div.x4-edit-insertunorderedlist + { + background-position: -96px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-increasefontsize, .x4-menu-item div.x4-edit-increasefontsize + { + background-position: -48px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-decreasefontsize, .x4-menu-item div.x4-edit-decreasefontsize + { + background-position: -64px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-sourceedit, .x4-menu-item div.x4-edit-sourceedit + { + background-position: -192px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tb .x4-edit-createlink, .x4-menu-item div.x4-edit-createlink + { + background-position: -208px 0; + background-image: url(images/editor/tb-sprite.gif) +} + +.x4-html-editor-tip .x4-tip-bd .x4-tip-bd-inner { + padding: 5px; + padding-bottom: 1px +} + +.x4-html-editor-tb .x4-font-select { + font-size: 11px; + font-family: inherit +} + +.x4-html-editor-wrap textarea { + font: normal 15px 宋体; + background-color: white; + resize: none +} + +.x4-grid-body { + background: white; + border-width: 1px; + border-style: solid; + border-color: #aedeb4 +} + +.x4-grid-empty { + padding: 10px; + color: gray; + background-color: white; + font: normal 15px 宋体 +} + +.x4-grid-cell { + color: "none"; + font: normal 15px/15px 宋体; + background-color: white; + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid +} + +.x4-grid-row-alt .x4-grid-td { + background-color: #fafafa +} + +.x4-grid-row-before-over .x4-grid-td { + border-bottom-style: solid; + border-bottom-color: #ddd +} + +.x4-grid-row-over .x4-grid-td { + border-bottom-style: solid; + border-bottom-color: #ddd +} + +.x4-grid-row-before-selected .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #b7e0c1 +} + +.x4-grid-row-selected .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #b7e0c1 +} + +.x4-grid-row-before-focused .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #464646; + border-bottom-width: 1px +} + +.x4-grid-row-focused .x4-grid-td { + background-color: #efefef +} + +.x4-grid-row-over .x4-grid-td { + background-color: #efefef +} + +.x4-grid-row-selected .x4-grid-td { + background-color: #ebf5ed +} + +.x4-grid-row-focused .x4-grid-td { + border-bottom-style: dotted; + border-bottom-color: #464646; + border-bottom-width: 1px +} + +.x4-grid-table .x4-grid-row-focused-first .x4-grid-td { + border-top: 1px dotted #464646 +} + +.x4-grid-row-selected .x4-grid-row-summary .x4-grid-td { + border-bottom-color: #ebf5ed; + border-top-width: 0 +} + +.x4-grid-row-focused .x4-grid-row-summary .x4-grid-td { + border-bottom-color: #efefef; + border-top-width: 0 +} + +.x4-grid-with-row-lines .x4-grid-td { + border-bottom-width: 1px +} + +.x4-grid-with-row-lines .x4-grid-table { + border-top: 1px solid white +} + +.x4-grid-with-row-lines .x4-grid-table-over-first { + border-top-style: solid; + border-top-color: #ddd +} + +.x4-grid-with-row-lines .x4-grid-table-selected-first { + border-top-style: dotted; + border-top-color: #b7e0c1 +} + +.x4-grid-body .x4-grid-table-focused-first { + border-top: 1px dotted #464646 +} + +.x4-grid-cell-inner { + text-overflow: ellipsis; + padding: 3px 6px 4px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner { + padding-top: 2px; + padding-bottom: 3px +} + +.x4-grid-cell-special { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid; + border-right-width: 1px; + background-image: none; + background-color: #f6f6f6; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6f6f6), + color-stop(100%, #e9e9e9)); + background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); + background-image: linear-gradient(top, #f6f6f6, #e9e9e9) +} + +.x4-grid-row-selected .x4-grid-cell-special { + border-right-color: #ededed #bdeec3; + background-image: none; + background-color: #ebf5ed; + background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebf5ed), + color-stop(100%, #daeddd)); + background-image: -webkit-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -moz-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -o-linear-gradient(left, #ebf5ed, #daeddd); + background-image: -ms-linear-gradient(left, #ebf5ed, #daeddd); + background-image: linear-gradient(left, #ebf5ed, #daeddd) +} + +.x4-nlg .x4-grid-cell-special { + background-repeat: repeat-y; + background-image: url(images/grid/cell-special-bg.gif) +} + +.x4-nlg .x4-grid-row-selected .x4-grid-cell-special { + background-image: url(images/grid/cell-special-selected-bg.gif) +} + +.x4-grid-cell-special .x4-grid-cell-special:after { + display: none; + content: "x-slicer:bg:url(images/grid/cell-special-bg.gif)" +} + +.x4-grid-cell-special .x4-grid-cell-special-selected:after { + display: none; + content: "x-slicer:bg:url(images/grid/cell-special-selected-bg.gif)" +} + +.x4-grid-dirty-cell { + background: url(images/grid/dirty.gif) no-repeat 0 0 +} + +.x4-grid-row .x4-grid-cell-selected { + color: "none"; + background-color: #b8cfee +} + +.x4-grid-with-col-lines .x4-grid-cell { + border-right-width: 1px +} + +.x4-grid-resize-marker { + width: 1px; + background-color: #0f0f0f +} + +.x4-grid-drop-indicator { + position: absolute; + height: 1px; + line-height: 0; + background-color: #77bc71; + overflow: visible; + pointer-events: none +} + +.x4-grid-drop-indicator .x4-grid-drop-indicator-left { + position: absolute; + top: -8px; + left: -12px; + background-image: url(images/grid/dd-insert-arrow-right.png); + height: 16px; + width: 16px +} + +.x4-grid-drop-indicator .x4-grid-drop-indicator-right { + position: absolute; + top: -8px; + right: -11px; + background-image: url(images/grid/dd-insert-arrow-left.png); + height: 16px; + width: 16px +} + +.x4-ie6 .x4-grid-drop-indicator-left { + background-image: url(images/grid/dd-insert-arrow-right.gif) +} + +.x4-ie6 .x4-grid-drop-indicator-right { + background-image: url(images/grid/dd-insert-arrow-left.gif) +} + +.col-move-top, .col-move-bottom { + width: 9px; + height: 9px +} + +.col-move-top { + background-image: url(images/grid/col-move-top.gif) +} + +.col-move-bottom { + background-image: url(images/grid/col-move-bottom.gif) +} + +.x4-grid-header-ct { + border: 1px solid #aedeb4; + border-bottom-color: #c5c5c5; + background-color: #c5c5c5; + background-image: none; + background-color: #c5c5c5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9), + color-stop(100%, #e3e4e6)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -ms-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: linear-gradient(top, #f9f9f9, #e3e4e6) +} + +.x4-accordion-item .x4-grid-header-ct { + border-width: 0 0 1px !important +} + +.x4-accordion-item .x4-grid-header-ct-hidden { + border: 0 !important +} + +.x4-grid-body { + border-top-color: #c5c5c5 +} + +.x4-hmenu-sort-asc { + background-image: url(images/grid/hmenu-asc.gif) +} + +.x4-hmenu-sort-desc { + background-image: url(images/grid/hmenu-desc.gif) +} + +.x4-cols-icon { + background-image: url(images/grid/columns.gif) +} + +.x4-column-header { + border-right: 1px solid #c5c5c5; + color: black; + font: normal 15px/15px 宋体; + background-image: none; + background-color: #c5c5c5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9), + color-stop(100%, #e3e4e6)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: -ms-linear-gradient(top, #f9f9f9, #e3e4e6); + background-image: linear-gradient(top, #f9f9f9, #e3e4e6) +} + +.x4-group-sub-header { + background: transparent; + border-top: 1px solid #c5c5c5 +} + +.x4-group-sub-header .x4-column-header-inner { + padding: 3px 6px 5px 6px +} + +.x4-column-header-inner { + padding: 4px 6px 5px 6px; + text-overflow: ellipsis +} + +.x4-column-header-inner-empty { + text-overflow: clip +} + +.x4-column-header-over, .x4-column-header-sort-ASC, + .x4-column-header-sort-DESC { + background-image: none; + background-color: #bdeec3; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f6fdf7), + color-stop(39%, #f6fdf7), color-stop(40%, #e6f9e9), + color-stop(100%, #e6f9e9)); + background-image: -webkit-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -moz-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -o-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: -ms-linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9); + background-image: linear-gradient(top, #f6fdf7, #f6fdf7 39%, #e6f9e9 40%, #e6f9e9) +} + +.x4-nlg .x4-grid-header-ct, .x4-nlg .x4-column-header { + background-image: url(images/grid/column-header-bg.gif) +} + +.x4-nlg .x4-column-header-over, .x4-nlg .x4-column-header-sort-ASC, + .x4-nlg .x4-column-header-sort-DESC { + background-image: url(images/grid/column-header-over-bg.gif) +} + +.x4-column-header-open { + background-color: transparent +} + +.x4-column-header-open .x4-column-header-trigger { + background-color: transparent +} + +.x4-column-header-trigger { + width: 14px; + cursor: pointer; + background-color: transparent; + background-position: 0 center +} + +.x4-column-header-align-right .x4-column-header-text { + margin-right: 9px +} + +.x4-column-header-sort-ASC .x4-column-header-text, + .x4-column-header-sort-DESC .x4-column-header-text { + padding-right: 12px; + background-position: right center +} + +.x4-column-header-sort-ASC .x4-column-header-text { + background-image: url(images/grid/sort_asc.gif) +} + +.x4-column-header-sort-DESC .x4-column-header-text { + background-image: url(images/grid/sort_desc.gif) +} + +.x4-column-header:after { + display: none; + content: + "x-slicer:bg:url(images/grid/column-header-bg.gif), stretch:bottom" +} + +.x4-column-header-over:after { + display: none; + content: + "x-slicer:bg:url(images/grid/column-header-over-bg.gif), stretch:bottom" +} + +.x4-grid-cell-inner-action-col { + padding: 3px 2px 2px 2px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-action-col + { + padding-top: 2px; + padding-bottom: 1px +} + +.x4-action-col-cell .x4-item-disabled { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-action-col-icon { + height: 16px; + width: 16px; + cursor: pointer +} + +.x4-grid-cell-inner-checkcolumn { + padding: 4px 6px 4px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-checkcolumn + { + padding-top: 3px; + padding-bottom: 3px +} + +.x4-grid-checkcolumn { + width: 13px; + height: 13px; + background: url(images/form/checkbox.gif) 0 0 no-repeat +} + +.x4-item-disabled .x4-grid-checkcolumn { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-grid-checkcolumn-checked { + background-position: 0 -13px +} + +.x4-grid-cell-inner-row-numberer { + padding: 3px 5px 4px 3px +} + +.x4-grid-group-hd { + border-width: 0 0 2px 0; + border-style: solid; + border-color: #aedeb5; + padding: 10px 4px 4px 4px; + background: white; + cursor: pointer +} + +.x4-grid-group-hd-not-collapsible { + cursor: default +} + +.x4-grid-group-hd-collapsible .x4-grid-group-title { + background-repeat: no-repeat; + background-position: left center; + background-image: url(images/grid/group-collapse.gif); + padding: 0 0 0 14px +} + +.x4-grid-group-title { + color: #52905b; + font: bold 15px/15px 宋体 +} + +.x4-grid-group-hd-collapsed .x4-grid-group-title { + background-image: url(images/grid/group-expand.gif) +} + +.x4-grid-group-collapsed .x4-grid-group-title { + background-image: url(images/grid/group-expand.gif) +} + +.x4-group-by-icon { + background-image: url(images/grid/group-by.gif) +} + +.x4-show-groups-icon { + background-image: url(images/grid/group-by.gif) +} + +.x4-grid-rowwrap { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + border-style: solid +} + +.x4-grid-rowbody { + font: normal 15px/15px 宋体; + padding: 5px 6px 5px 6px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-rowbody { + padding-top: 6px; + padding-bottom: 4px +} + +.x4-docked-summary { + background: white !important +} + +.x4-docked-summary .x4-grid-table { + width: 100%; + border: 0 none +} + +.x4-grid-row-summary .x4-grid-cell, .x4-grid-row-summary .x4-grid-rowwrap, + .x4-grid-row-summary .x4-grid-cell-rowbody { + border-color: #ededed #d6d6d6 #ededed #d6d6d6; + background-color: transparent !important; + border-top-width: 0; + font: normal 15px/15px 宋体 +} + +.x4-docked-summary-bottom .x4-grid-row-summary .x4-grid-cell { + border-bottom: 0 none +} + +.x4-docked-summary-top .x4-grid-row-summary .x4-grid-cell { + border-top: 0 none +} + +.x4-grid-with-row-lines .x4-grid-table-summary { + border: 0 +} + +.x4-grid-locked .x4-grid-inner-locked { + border-width: 0 1px 0 0; + border-style: solid +} + +.x4-grid-locked-split .x4-grid-inner-normal { + border-width: 0 0 0 1px; + border-style: solid +} + +.x4-grid-inner-locked .x4-column-header-last, .x4-grid-inner-locked .x4-grid-cell-last + { + border-right-width: 0 !important +} + +.x4-hmenu-lock { + background-image: url(images/grid/hmenu-lock.gif) +} + +.x4-hmenu-unlock { + background-image: url(images/grid/hmenu-unlock.gif) +} + +.x4-grid-editor .x4-form-text { + font: normal 15px/16px 宋体; + padding: 1px 5px 2px 5px; + height: 21px +} + +.x4-content-box .x4-grid-editor .x4-form-text { + height: 16px +} + +.x4-gecko .x4-grid-editor .x4-form-text { + padding-left: 4px; + padding-right: 4px +} + +.x4-grid-editor .x4-form-trigger { + height: 21px +} + +.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down + { + height: 10.5px +} + +.x4-grid-editor .x4-form-cb { + margin-top: 4px +} + +.x4-grid-editor .x4-form-cb-wrap { + height: 21px +} + +.x4-grid-editor .x4-form-display-field { + height: 21px +} + +.x4-grid-editor .x4-form-display-field { + font: normal 15px/16px 宋体; + padding: 2px 6px 3px 6px; + text-overflow: ellipsis +} + +.x4-grid-editor .x4-form-action-col-field { + padding: 3px 2px 2px 2px +} + +.x4-tree-cell-editor .x4-form-text { + padding-left: 2px; + padding-right: 2px +} + +.x4-gecko .x4-tree-cell-editor .x4-form-text { + padding-left: 1px; + padding-right: 1px +} + +.x4-grid-row-editor .x4-field { + margin: 0 1px 0 1px +} + +.x4-grid-row-editor .x4-form-display-field { + padding: 2px 5px 3px 5px +} + +.x4-grid-row-editor .x4-form-action-col-field { + padding: 3px 1px 2px 1px +} + +.x4-grid-row-editor .x4-form-text { + padding: 1px 4px 2px 4px +} + +.x4-gecko .x4-grid-row-editor .x4-form-text { + padding-left: 3px; + padding-right: 3px +} + +.x4-grid-row-editor .x4-panel-body { + border-top: 1px solid #aedeb4 !important; + border-bottom: 1px solid #aedeb4 !important; + padding: 4px 0 4px 0; + background-color: #f5fbf6 +} + +.x4-grid-with-col-lines .x4-grid-row-editor .x4-form-cb { + margin-right: 1px +} + +.x4-grid-row-editor-buttons-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-right-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-bottom-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: 4px 4px 4px 4px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-color: #f5fbf6 +} + +.x4-grid-row-editor-buttons-default-bottom-mc { + background-color: #f5fbf6 +} + +.x4-nbr .x4-grid-row-editor-buttons-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-grid-row-editor-buttons-default-bottom-frameInfo { + font-family: th-0-0-5-5-0-1-1-1-4-4-4-4 +} + +.x4-grid-row-editor-buttons-default-bottom-tl { + background-position: 0 -10px +} + +.x4-grid-row-editor-buttons-default-bottom-tr { + background-position: right -15px +} + +.x4-grid-row-editor-buttons-default-bottom-bl { + background-position: 0 -20px +} + +.x4-grid-row-editor-buttons-default-bottom-br { + background-position: right -25px +} + +.x4-grid-row-editor-buttons-default-bottom-ml { + background-position: 0 top +} + +.x4-grid-row-editor-buttons-default-bottom-mr { + background-position: right top +} + +.x4-grid-row-editor-buttons-default-bottom-tc { + background-position: 0 0 +} + +.x4-grid-row-editor-buttons-default-bottom-bc { + background-position: 0 -5px +} + +.x4-grid-row-editor-buttons-default-bottom-tr, + .x4-grid-row-editor-buttons-default-bottom-br, + .x4-grid-row-editor-buttons-default-bottom-mr { + padding-right: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tl, + .x4-grid-row-editor-buttons-default-bottom-bl, + .x4-grid-row-editor-buttons-default-bottom-ml { + padding-left: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tc { + height: 0 +} + +.x4-grid-row-editor-buttons-default-bottom-bc { + height: 5px +} + +.x4-grid-row-editor-buttons-default-bottom-tl, + .x4-grid-row-editor-buttons-default-bottom-bl, + .x4-grid-row-editor-buttons-default-bottom-tr, + .x4-grid-row-editor-buttons-default-bottom-br, + .x4-grid-row-editor-buttons-default-bottom-tc, + .x4-grid-row-editor-buttons-default-bottom-bc, + .x4-grid-row-editor-buttons-default-bottom-ml, + .x4-grid-row-editor-buttons-default-bottom-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif) +} + +.x4-grid-row-editor-buttons-default-bottom-ml, + .x4-grid-row-editor-buttons-default-bottom-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif); + background-repeat: repeat-y +} + +.x4-grid-row-editor-buttons-default-bottom-mc { + padding: 4px 0 0 0 +} + +.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-tl, + .x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-bl { + position: relative; + right: 0 +} + +.x4-grid-row-editor-buttons-default-bottom:after { + display: none; + content: + "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif)" +} + +.x4-grid-row-editor-buttons-default-top { + -moz-border-radius-topleft: 5px; + -webkit-border-top-left-radius: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -webkit-border-top-right-radius: 5px; + border-top-right-radius: 5px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 4px 4px 4px 4px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-color: #f5fbf6 +} + +.x4-grid-row-editor-buttons-default-top-mc { + background-color: #f5fbf6 +} + +.x4-nbr .x4-grid-row-editor-buttons-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent +} + +.x4-grid-row-editor-buttons-default-top-frameInfo { + font-family: th-5-5-0-0-1-1-0-1-4-4-4-4 +} + +.x4-grid-row-editor-buttons-default-top-tl { + background-position: 0 -10px +} + +.x4-grid-row-editor-buttons-default-top-tr { + background-position: right -15px +} + +.x4-grid-row-editor-buttons-default-top-bl { + background-position: 0 -20px +} + +.x4-grid-row-editor-buttons-default-top-br { + background-position: right -25px +} + +.x4-grid-row-editor-buttons-default-top-ml { + background-position: 0 top +} + +.x4-grid-row-editor-buttons-default-top-mr { + background-position: right top +} + +.x4-grid-row-editor-buttons-default-top-tc { + background-position: 0 0 +} + +.x4-grid-row-editor-buttons-default-top-bc { + background-position: 0 -5px +} + +.x4-grid-row-editor-buttons-default-top-tr, + .x4-grid-row-editor-buttons-default-top-br, + .x4-grid-row-editor-buttons-default-top-mr { + padding-right: 5px +} + +.x4-grid-row-editor-buttons-default-top-tl, + .x4-grid-row-editor-buttons-default-top-bl, + .x4-grid-row-editor-buttons-default-top-ml { + padding-left: 5px +} + +.x4-grid-row-editor-buttons-default-top-tc { + height: 5px +} + +.x4-grid-row-editor-buttons-default-top-bc { + height: 0 +} + +.x4-grid-row-editor-buttons-default-top-tl, + .x4-grid-row-editor-buttons-default-top-bl, + .x4-grid-row-editor-buttons-default-top-tr, + .x4-grid-row-editor-buttons-default-top-br, + .x4-grid-row-editor-buttons-default-top-tc, + .x4-grid-row-editor-buttons-default-top-bc, + .x4-grid-row-editor-buttons-default-top-ml, + .x4-grid-row-editor-buttons-default-top-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif) +} + +.x4-grid-row-editor-buttons-default-top-ml, + .x4-grid-row-editor-buttons-default-top-mr { + zoom: 1; + background-image: + url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif); + background-repeat: repeat-y +} + +.x4-grid-row-editor-buttons-default-top-mc { + padding: 0 0 4px 0 +} + +.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-tl, + .x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-bl { + position: relative; + right: 0 +} + +.x4-grid-row-editor-buttons-default-top:after { + display: none; + content: + "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif)" +} + +.x4-grid-row-editor-buttons { + border-color: #aedeb4 +} + +.x4-row-editor-update-button { + margin-right: 2px +} + +.x4-row-editor-cancel-button { + margin-left: 2px +} + +.x4-grid-row-editor-errors .x4-tip-body { + padding: 5px +} + +.x4-grid-row-editor-errors-item { + list-style: disc; + margin-left: 15px +} + +.x4-grid-cell-inner-row-expander { + padding: 6px 7px 6px 7px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-row-expander + { + padding-top: 5px; + padding-bottom: 5px +} + +.x4-grid-row-expander { + width: 9px; + height: 9px; + cursor: pointer; + background-image: url(images/grid/group-collapse.gif) +} + +.x4-grid-row-collapsed .x4-grid-row-expander { + background-image: url(images/grid/group-expand.gif) +} + +.x4-grid-cell-inner-property-name { + background-image: url(images/grid/property-cell-bg.gif); + background-repeat: no-repeat; + background-position: -16px 2px; + padding-left: 12px +} + +.x4-accordion-layout-ct { + background-color: white; + padding: 0 +} + +.x4-accordion-hd .x4-panel-header-text-container { + color: black; + font-weight: normal; + font-family: 宋体; + text-transform: none +} + +.x4-accordion-item { + margin: 0 +} + +.x4-accordion-item .x4-accordion-hd { + background: #e6f6e8; + border-top-color: #fcfdfc; + padding: 4px 5px 5px 5px +} + +.x4-accordion-item .x4-accordion-hd-sibling-expanded { + border-top-color: #aedeb4 +} + +.x4-accordion-item .x4-accordion-hd-last-collapsed { + border-bottom-color: #e6f6e8 +} + +.x4-accordion-item .x4-accordion-body { + border-width: 0 +} + +.x4-accordion-hd .x4-tool-collapse-top, .x4-accordion-hd .x4-tool-collapse-bottom + { + background-position: 0 -255px +} + +.x4-accordion-hd .x4-tool-expand-top, .x4-accordion-hd .x4-tool-expand-bottom + { + background-position: 0 -240px +} + +.x4-accordion-hd .x4-tool-over .x4-tool-collapse-top, .x4-accordion-hd .x4-tool-over .x4-tool-collapse-bottom + { + background-position: -15px -255px +} + +.x4-accordion-hd .x4-tool-over .x4-tool-expand-top, .x4-accordion-hd .x4-tool-over .x4-tool-expand-bottom + { + background-position: -15px -240px +} + +.x4-accordion-hd .x4-tool-img { + background-color: #e6f6e8 +} + +.x4-collapse-el { + cursor: pointer +} + +.x4-layout-split-left, .x4-layout-split-right { + top: 50%; + margin-top: -18px; + width: 5px; + height: 35px +} + +.x4-layout-split-top, .x4-layout-split-bottom { + left: 50%; + width: 35px; + height: 5px; + margin-left: -18px +} + +.x4-layout-split-left { + background-image: url(images/util/splitter/mini-left.gif) +} + +.x4-layout-split-right { + background-image: url(images/util/splitter/mini-right.gif) +} + +.x4-layout-split-top { + background-image: url(images/util/splitter/mini-top.gif) +} + +.x4-layout-split-bottom { + background-image: url(images/util/splitter/mini-bottom.gif) +} + +.x4-splitter-collapsed .x4-layout-split-left { + background-image: url(images/util/splitter/mini-right.gif) +} + +.x4-splitter-collapsed .x4-layout-split-right { + background-image: url(images/util/splitter/mini-left.gif) +} + +.x4-splitter-collapsed .x4-layout-split-top { + background-image: url(images/util/splitter/mini-bottom.gif) +} + +.x4-splitter-collapsed .x4-layout-split-bottom { + background-image: url(images/util/splitter/mini-top.gif) +} + +.x4-splitter-active { + background-color: #b4b4b4; + filter: alpha(opacity = 80); + opacity: .8 +} + +.x4-splitter-active .x4-collapse-el { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-border-layout-ct { + background-color: #ebf5ed +} + +.x4-menu-body { + background: #f0f0f0; + padding: 2px +} + +.x4-menu-icon-separator { + left: 24px; + border-left: solid 1px #e0e0e0; + background-color: white; + width: 2px +} + +.x4-menu-item { + padding: 1px; + cursor: pointer +} + +.x4-menu-item-text, .x4-menu-item-cmp { + margin: 0 4px 0 4px +} + +.x4-menu-item-indent { + margin-left: 30px +} + +.x4-menu-item-indent-no-separator { + margin-left: 24px +} + +.x4-menu-item-indent-right-icon { + margin-right: 28px +} + +.x4-menu-item-indent-right-arrow { + margin-right: 21px +} + +.x4-menu-item-active { + background-image: none; + background-color: #e6f9e9; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f2fcf4), + color-stop(100%, #d6f5da)); + background-image: -webkit-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -moz-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -o-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: -ms-linear-gradient(top, #f2fcf4, #d6f5da); + background-image: linear-gradient(top, #f2fcf4, #d6f5da); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #bcedc2; + padding: 0 +} + +.x4-nlg .x4-menu-item-active { + background: #e6f9e9 repeat-x left top; + background-image: url(images/menu/menu-item-active-bg.gif) +} + +.x4-menu-item-icon { + width: 16px; + height: 16px; + top: 4px; + left: 3px; + background-position: center center +} + +.x4-menu-item-active .x4-menu-item-icon { + top: 3px; + left: 2px +} + +.x4-menu-item-glyph { + font-size: 16px; + line-height: 16px; + color: #222; + opacity: .5 +} + +.x4-ie8m .x4-menu-item-glyph { + color: #898989 +} + +.x4-menu-item-icon-right { + width: 16px; + height: 16px; + top: 4px; + right: 5px; + background-position: center center +} + +.x4-menu-item-active .x4-menu-item-icon-right { + top: 3px; + right: 4px +} + +.x4-menu-item-text { + font: normal 15px 宋体; + line-height: 21px; + padding-top: 1px; + color: #222; + cursor: pointer +} + +.x4-menu-item-checked .x4-menu-item-checkbox { + background-image: url(images/menu/checked.gif) +} + +.x4-menu-item-checked .x4-menu-group-icon { + background-image: url(images/menu/group-checked.gif) +} + +.x4-menu-item-unchecked .x4-menu-item-checkbox { + background-image: url(images/menu/unchecked.gif) +} + +.x4-menu-item-unchecked .x4-menu-group-icon { + background-image: none +} + +.x4-menu-item-separator { + height: 2px; + border-top: solid 1px #e0e0e0; + background-color: white; + margin: 2px 0; + padding: 0 +} + +.x4-menu-item-arrow { + width: 12px; + height: 9px; + top: 7px; + right: 0; + background-image: url(images/menu/menu-parent.gif) +} + +.x4-menu-item-active .x4-menu-item-arrow { + top: 6px; + right: -1px +} + +.x4-menu-item-disabled { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-content-box .x4-menu-icon-separator { + width: 1px +} + +.x4-content-box .x4-menu-item-separator { + height: 1px +} + +.x4-ie .x4-menu-item-disabled .x4-menu-item-icon { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-ie .x4-menu-item-disabled .x4-menu-item-text { + background-color: transparent +} + +.x4-menu-item .x4-form-item-label { + font-size: 15px; + color: #222 +} + +.x4-menu-scroll-top { + height: 8px; + background-image: url(images/menu/scroll-top.gif) +} + +.x4-menu-scroll-bottom { + height: 8px; + background-image: url(images/menu/scroll-bottom.gif) +} + +.x4-menu-scroll-top, .x4-menu-scroll-bottom { + background-color: #f0f0f0 +} + +.x4-menu-item-link:after { + display: none; + content: + "x-slicer:bg:url(images/menu/menu-item-active-bg.gif), stretch:bottom" +} + +.x4-tool { + cursor: pointer +} + +.x4-tool-img { + overflow: hidden; + width: 15px; + height: 15px; + background-image: url(images/tools/tool-sprites.gif); + margin: 0 +} + +.x4-tool-placeholder { + visibility: hidden +} + +.x4-tool-close { + background-position: 0 0 +} + +.x4-tool-minimize { + background-position: 0 -15px +} + +.x4-tool-maximize { + background-position: 0 -30px +} + +.x4-tool-restore { + background-position: 0 -45px +} + +.x4-tool-toggle { + background-position: 0 -60px +} + +.x4-panel-collapsed .x4-tool-toggle { + background-position: 0 -75px +} + +.x4-tool-gear { + background-position: 0 -90px +} + +.x4-tool-prev { + background-position: 0 -105px +} + +.x4-tool-next { + background-position: 0 -120px +} + +.x4-tool-pin { + background-position: 0 -135px +} + +.x4-tool-unpin { + background-position: 0 -150px +} + +.x4-tool-right { + background-position: 0 -165px +} + +.x4-tool-left { + background-position: 0 -180px +} + +.x4-tool-down { + background-position: 0 -195px +} + +.x4-tool-up { + background-position: 0 -210px +} + +.x4-tool-refresh { + background-position: 0 -225px +} + +.x4-tool-plus { + background-position: 0 -240px +} + +.x4-tool-minus { + background-position: 0 -255px +} + +.x4-tool-search { + background-position: 0 -270px +} + +.x4-tool-save { + background-position: 0 -285px +} + +.x4-tool-help { + background-position: 0 -300px +} + +.x4-tool-print { + background-position: 0 -315px +} + +.x4-tool-expand { + background-position: 0 -330px +} + +.x4-tool-collapse { + background-position: 0 -345px +} + +.x4-tool-resize { + background-position: 0 -360px +} + +.x4-tool-move { + background-position: 0 -375px +} + +.x4-tool-expand-bottom, .x4-tool-collapse-bottom { + background-position: 0 -195px +} + +.x4-tool-expand-top, .x4-tool-collapse-top { + background-position: 0 -210px +} + +.x4-tool-expand-left, .x4-tool-collapse-left { + background-position: 0 -180px +} + +.x4-tool-expand-right, .x4-tool-collapse-right { + background-position: 0 -165px +} + +.x4-tool-over .x4-tool-close { + background-position: -15px 0 +} + +.x4-tool-over .x4-tool-minimize { + background-position: -15px -15px +} + +.x4-tool-over .x4-tool-maximize { + background-position: -15px -30px +} + +.x4-tool-over .x4-tool-restore { + background-position: -15px -45px +} + +.x4-tool-over .x4-tool-toggle { + background-position: -15px -60px +} + +.x4-panel-collapsed .x4-tool-over .x4-tool-toggle { + background-position: -15px -75px +} + +.x4-tool-over .x4-tool-gear { + background-position: -15px -90px +} + +.x4-tool-over .x4-tool-prev { + background-position: -15px -105px +} + +.x4-tool-over .x4-tool-next { + background-position: -15px -120px +} + +.x4-tool-over .x4-tool-pin { + background-position: -15px -135px +} + +.x4-tool-over .x4-tool-unpin { + background-position: -15px -150px +} + +.x4-tool-over .x4-tool-right { + background-position: -15px -165px +} + +.x4-tool-over .x4-tool-left { + background-position: -15px -180px +} + +.x4-tool-over .x4-tool-down { + background-position: -15px -195px +} + +.x4-tool-over .x4-tool-up { + background-position: -15px -210px +} + +.x4-tool-over .x4-tool-refresh { + background-position: -15px -225px +} + +.x4-tool-over .x4-tool-plus { + background-position: -15px -240px +} + +.x4-tool-over .x4-tool-minus { + background-position: -15px -255px +} + +.x4-tool-over .x4-tool-search { + background-position: -15px -270px +} + +.x4-tool-over .x4-tool-save { + background-position: -15px -285px +} + +.x4-tool-over .x4-tool-help { + background-position: -15px -300px +} + +.x4-tool-over .x4-tool-print { + background-position: -15px -315px +} + +.x4-tool-over .x4-tool-expand { + background-position: -15px -330px +} + +.x4-tool-over .x4-tool-collapse { + background-position: -15px -345px +} + +.x4-tool-over .x4-tool-resize { + background-position: -15px -360px +} + +.x4-tool-over .x4-tool-move { + background-position: -15px -375px +} + +.x4-tool-over .x4-tool-expand-bottom, .x4-tool-over .x4-tool-collapse-bottom + { + background-position: -15px -195px +} + +.x4-tool-over .x4-tool-expand-top, .x4-tool-over .x4-tool-collapse-top { + background-position: -15px -210px +} + +.x4-tool-over .x4-tool-expand-left, .x4-tool-over .x4-tool-collapse-left + { + background-position: -15px -180px +} + +.x4-tool-over .x4-tool-expand-right, .x4-tool-over .x4-tool-collapse-right + { + background-position: -15px -165px +} + +.x4-resizable-handle { + position: absolute; + z-index: 100; + font-size: 1px; + line-height: 6px; + overflow: hidden; + zoom: 1; + filter: alpha(opacity = 0); + opacity: 0; + background-color: #fff +} + +.x4-collapsed .x4-resizable-handle { + display: none +} + +.x4-resizable-handle-north { + cursor: n-resize +} + +.x4-resizable-handle-south { + cursor: s-resize +} + +.x4-resizable-handle-east { + cursor: e-resize +} + +.x4-resizable-handle-west { + cursor: w-resize +} + +.x4-resizable-handle-southeast { + cursor: se-resize +} + +.x4-resizable-handle-northwest { + cursor: nw-resize +} + +.x4-resizable-handle-northeast { + cursor: ne-resize +} + +.x4-resizable-handle-southwest { + cursor: sw-resize +} + +.x4-resizable-handle-east { + width: 6px; + height: 100%; + right: 0; + top: 0 +} + +.x4-resizable-handle-south { + width: 100%; + height: 6px; + left: 0; + bottom: 0 +} + +.x4-resizable-handle-west { + width: 6px; + height: 100%; + left: 0; + top: 0 +} + +.x4-resizable-handle-north { + width: 100%; + height: 6px; + left: 0; + top: 0 +} + +.x4-resizable-handle-southeast { + width: 6px; + height: 6px; + right: 0; + bottom: 0; + z-index: 101 +} + +.x4-resizable-handle-northwest { + width: 6px; + height: 6px; + left: 0; + top: 0; + z-index: 101 +} + +.x4-resizable-handle-northeast { + width: 6px; + height: 6px; + right: 0; + top: 0; + z-index: 101 +} + +.x4-resizable-handle-southwest { + width: 6px; + height: 6px; + left: 0; + bottom: 0; + z-index: 101 +} + +.x4-window .x4-window-handle { + filter: alpha(opacity = 0); + opacity: 0 +} + +.x4-window-collapsed .x4-window-handle { + display: none +} + +.x4-resizable-proxy { + border: 1px dashed #3b5a82; + position: absolute; + overflow: hidden; + z-index: 50000 +} + +.x4-resizable-handle-over, .x4-resizable-pinned .x4-resizable-handle { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-resizable-handle-east-over, .x4-resizable-handle-west-over { + background-image: url(images/sizer/e-handle.gif) +} + +.x4-resizable-handle-south-over, .x4-resizable-handle-north-over { + background-image: url(images/sizer/s-handle.gif) +} + +.x4-resizable-handle-southeast-over { + background-position: top left; + background-image: url(images/sizer/se-handle.gif) +} + +.x4-resizable-handle-northwest-over { + background-position: bottom right; + background-image: url(images/sizer/nw-handle.gif) +} + +.x4-resizable-handle-northeast-over { + background-position: bottom left; + background-image: url(images/sizer/ne-handle.gif) +} + +.x4-resizable-handle-southwest-over { + background-position: top right; + background-image: url(images/sizer/sw-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-east, .x4-resizable-pinned .x4-resizable-handle-west + { + background-image: url(images/sizer/e-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-south, .x4-resizable-pinned .x4-resizable-handle-north + { + background-image: url(images/sizer/s-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-southeast { + background-position: top left; + background-image: url(images/sizer/se-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-northwest { + background-position: bottom right; + background-image: url(images/sizer/nw-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-northeast { + background-position: bottom left; + background-image: url(images/sizer/ne-handle.gif) +} + +.x4-resizable-pinned .x4-resizable-handle-southwest { + background-position: top right; + background-image: url(images/sizer/sw-handle.gif) +} + +.x4-slider-horz { + padding-left: 7px; + background: no-repeat 0 -15px +} + +.x4-slider-horz .x4-slider-end { + padding-right: 7px; + background: no-repeat right -30px +} + +.x4-slider-horz .x4-slider-inner { + height: 15px +} + +.x4-ie6 .x4-form-item .x4-slider-horz, .x4-ie7 .x4-form-item .x4-slider-horz, + .x4-quirks .x4-ie .x4-form-item .x4-slider-horz { + margin-top: 4px +} + +.x4-slider-horz .x4-slider-thumb { + width: 14px; + height: 15px; + margin-left: -7px; + background-image: url(images/slider/slider-thumb.png) +} + +.x4-slider-horz .x4-slider-thumb-over { + background-position: -14px -15px +} + +.x4-slider-horz .x4-slider-thumb-drag { + background-position: -28px -30px +} + +.x4-slider-vert { + padding-top: 7px; + background: no-repeat -30px 0 +} + +.x4-slider-vert .x4-slider-end { + padding-bottom: 7px; + background: no-repeat -15px bottom; + width: 15px +} + +.x4-slider-vert .x4-slider-inner { + width: 15px +} + +.x4-slider-vert .x4-slider-thumb { + width: 15px; + height: 14px; + margin-bottom: -7px; + background-image: url(images/slider/slider-v-thumb.png) +} + +.x4-slider-vert .x4-slider-thumb-over { + background-position: -15px -14px +} + +.x4-slider-vert .x4-slider-thumb-drag { + background-position: -30px -28px +} + +.x4-slider-horz, .x4-slider-horz .x4-slider-end, .x4-slider-horz .x4-slider-inner + { + background-image: url(images/slider/slider-bg.png) +} + +.x4-slider-vert, .x4-slider-vert .x4-slider-end, .x4-slider-vert .x4-slider-inner + { + background-image: url(images/slider/slider-v-bg.png) +} + +.x4-tab-default-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-top-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-top { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-top { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-top-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-top-tl { + background-position: 0 -8px +} + +.x4-tab-default-top-tr { + background-position: right -12px +} + +.x4-tab-default-top-bl { + background-position: 0 -16px +} + +.x4-tab-default-top-br { + background-position: right -20px +} + +.x4-tab-default-top-ml { + background-position: 0 top +} + +.x4-tab-default-top-mr { + background-position: right top +} + +.x4-tab-default-top-tc { + background-position: 0 0 +} + +.x4-tab-default-top-bc { + background-position: 0 -4px +} + +.x4-tab-default-top-tr, .x4-tab-default-top-br, .x4-tab-default-top-mr { + padding-right: 4px +} + +.x4-tab-default-top-tl, .x4-tab-default-top-bl, .x4-tab-default-top-ml { + padding-left: 4px +} + +.x4-tab-default-top-tc { + height: 4px +} + +.x4-tab-default-top-bc { + height: 0 +} + +.x4-tab-default-top-tl, .x4-tab-default-top-bl, .x4-tab-default-top-tr, + .x4-tab-default-top-br, .x4-tab-default-top-tc, .x4-tab-default-top-bc, + .x4-tab-default-top-ml, .x4-tab-default-top-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-top-ml, .x4-tab-default-top-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-top-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-top-tl, .x4-strict .x4-ie7 .x4-tab-default-top-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-top:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default-bottom { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + padding: 3px 9px 3px 9px; + border-width: 0 1px 1px 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-bottom-mc { + background-image: url(images/tab/tab-default-bottom-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-bottom { + background-image: url(images/tab/tab-default-bottom-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-bottom { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-bottom-frameInfo { + font-family: th-0-0-4-4-0-1-1-1-3-9-3-9 +} + +.x4-tab-default-bottom-tl { + background-position: 0 -8px +} + +.x4-tab-default-bottom-tr { + background-position: right -12px +} + +.x4-tab-default-bottom-bl { + background-position: 0 -16px +} + +.x4-tab-default-bottom-br { + background-position: right -20px +} + +.x4-tab-default-bottom-ml { + background-position: 0 top +} + +.x4-tab-default-bottom-mr { + background-position: right top +} + +.x4-tab-default-bottom-tc { + background-position: 0 0 +} + +.x4-tab-default-bottom-bc { + background-position: 0 -4px +} + +.x4-tab-default-bottom-tr, .x4-tab-default-bottom-br, + .x4-tab-default-bottom-mr { + padding-right: 4px +} + +.x4-tab-default-bottom-tl, .x4-tab-default-bottom-bl, + .x4-tab-default-bottom-ml { + padding-left: 4px +} + +.x4-tab-default-bottom-tc { + height: 0 +} + +.x4-tab-default-bottom-bc { + height: 4px +} + +.x4-tab-default-bottom-tl, .x4-tab-default-bottom-bl, + .x4-tab-default-bottom-tr, .x4-tab-default-bottom-br, + .x4-tab-default-bottom-tc, .x4-tab-default-bottom-bc, + .x4-tab-default-bottom-ml, .x4-tab-default-bottom-mr { + zoom: 1; + background-image: url(images/tab/tab-default-bottom-corners.gif) +} + +.x4-tab-default-bottom-ml, .x4-tab-default-bottom-mr { + zoom: 1; + background-image: url(images/tab/tab-default-bottom-sides.gif) +} + +.x4-tab-default-bottom-mc { + padding: 3px 6px 0 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-bottom-tl, .x4-strict .x4-ie7 .x4-tab-default-bottom-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-bottom:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-bottom-fbg.gif), bg:url(images/tab/tab-default-bottom-bg.gif), corners:url(images/tab/tab-default-bottom-corners.gif), sides:url(images/tab/tab-default-bottom-sides.gif)" +} + +.x4-tab-default-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-left-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-left { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-left { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-left-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-left-tl { + background-position: 0 -8px +} + +.x4-tab-default-left-tr { + background-position: right -12px +} + +.x4-tab-default-left-bl { + background-position: 0 -16px +} + +.x4-tab-default-left-br { + background-position: right -20px +} + +.x4-tab-default-left-ml { + background-position: 0 top +} + +.x4-tab-default-left-mr { + background-position: right top +} + +.x4-tab-default-left-tc { + background-position: 0 0 +} + +.x4-tab-default-left-bc { + background-position: 0 -4px +} + +.x4-tab-default-left-tr, .x4-tab-default-left-br, + .x4-tab-default-left-mr { + padding-right: 4px +} + +.x4-tab-default-left-tl, .x4-tab-default-left-bl, + .x4-tab-default-left-ml { + padding-left: 4px +} + +.x4-tab-default-left-tc { + height: 4px +} + +.x4-tab-default-left-bc { + height: 0 +} + +.x4-tab-default-left-tl, .x4-tab-default-left-bl, + .x4-tab-default-left-tr, .x4-tab-default-left-br, + .x4-tab-default-left-tc, .x4-tab-default-left-bc, + .x4-tab-default-left-ml, .x4-tab-default-left-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-left-ml, .x4-tab-default-left-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-left-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-left-tl, .x4-strict .x4-ie7 .x4-tab-default-left-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-left:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default-right { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + padding: 3px 9px 3px 9px; + border-width: 1px 1px 0 1px; + border-style: solid; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%) +} + +.x4-tab-default-right-mc { + background-image: url(images/tab/tab-default-top-fbg.gif); + background-position: 0 top; + background-color: #ebfbed +} + +.x4-nlg .x4-tab-default-right { + background-image: url(images/tab/tab-default-top-bg.gif); + background-position: 0 top +} + +.x4-nbr .x4-tab-default-right { + padding: 0 !important; + border-width: 0 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + background-color: transparent; + background-image: none +} + +.x4-tab-default-right-frameInfo { + font-family: th-4-4-0-0-1-1-0-1-3-9-3-9 +} + +.x4-tab-default-right-tl { + background-position: 0 -8px +} + +.x4-tab-default-right-tr { + background-position: right -12px +} + +.x4-tab-default-right-bl { + background-position: 0 -16px +} + +.x4-tab-default-right-br { + background-position: right -20px +} + +.x4-tab-default-right-ml { + background-position: 0 top +} + +.x4-tab-default-right-mr { + background-position: right top +} + +.x4-tab-default-right-tc { + background-position: 0 0 +} + +.x4-tab-default-right-bc { + background-position: 0 -4px +} + +.x4-tab-default-right-tr, .x4-tab-default-right-br, + .x4-tab-default-right-mr { + padding-right: 4px +} + +.x4-tab-default-right-tl, .x4-tab-default-right-bl, + .x4-tab-default-right-ml { + padding-left: 4px +} + +.x4-tab-default-right-tc { + height: 4px +} + +.x4-tab-default-right-bc { + height: 0 +} + +.x4-tab-default-right-tl, .x4-tab-default-right-bl, + .x4-tab-default-right-tr, .x4-tab-default-right-br, + .x4-tab-default-right-tc, .x4-tab-default-right-bc, + .x4-tab-default-right-ml, .x4-tab-default-right-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-corners.gif) +} + +.x4-tab-default-right-ml, .x4-tab-default-right-mr { + zoom: 1; + background-image: url(images/tab/tab-default-top-sides.gif) +} + +.x4-tab-default-right-mc { + padding: 0 6px 3px 6px +} + +.x4-strict .x4-ie7 .x4-tab-default-right-tl, .x4-strict .x4-ie7 .x4-tab-default-right-bl + { + position: relative; + right: 0 +} + +.x4-tab-default-right:after { + display: none; + content: + "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)" +} + +.x4-tab-default { + border-color: #a4d7aa; + margin: 0 0 0 2px; + cursor: pointer +} + +.x4-tab-default .x4-tab-inner { + font-size: 15px; + font-weight: bold; + font-family: 宋体; + color: #5e9164; + line-height: 13px +} + +.x4-tab-default .x4-tab-icon-el { + width: 16px; + height: 16px; + line-height: 16px; + background-position: center center +} + +.x4-tab-default .x4-tab-glyph { + font-size: 16px; + color: #5e9164; + opacity: .5 +} + +.x4-ie8m .x4-tab-default .x4-tab-glyph { + color: #a4c6a8 +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default { + padding-left: 0 +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-button { + padding-left: 9px +} + +.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-icon-el + { + left: 9px +} + +.x4-tab-default-icon .x4-tab-inner { + width: 16px +} + +.x4-tab-default-left { + margin: 0 2px 0 0 +} + +.x4-tab-default-top, .x4-tab-default-left, .x4-tab-default-right { + border-bottom: 1px solid #aedeb4; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(top, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + -webkit-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + -moz-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + box-shadow: white 0 1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 0 + 0 inset +} + +.x4-nlg .x4-tab-default-top, .x4-nlg .x4-tab-default-left, .x4-nlg .x4-tab-default-right + { + background-image: url(images/tab/tab-default-top-bg.gif) +} + +.x4-tab-default-bottom { + border-top: 1px solid #aedeb4; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #dbf2de), + color-stop(25%, #e4f7e6), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #dbf2de, #e4f7e6 25%, #ebfbed 45%); + -webkit-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, + white 1px 0 0 0 inset; + -moz-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white + 1px 0 0 0 inset; + box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 0 inset, white 1px 0 + 0 0 inset +} + +.x4-nlg .x4-tab-default-bottom { + background-image: url(images/tab/tab-default-bottom-bg.gif) +} + +.x4-tab-default-left { + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 100% 0; + -moz-transform: rotate(270deg); + -moz-transform-origin: 100% 0; + -o-transform: rotate(270deg); + -o-transform-origin: 100% 0; + transform: rotate(270deg); + transform-origin: 100% 0 +} + +.x4-ie9m .x4-tab-default-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) +} + +.x4-tab-default-right { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: 0 0; + -moz-transform: rotate(90deg); + -moz-transform-origin: 0 0; + -o-transform: rotate(90deg); + -o-transform-origin: 0 0; + transform: rotate(90deg); + transform-origin: 0 0 +} + +.x4-ie9m .x4-tab-default-right { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) +} + +.x4-tab-default-icon-text-left .x4-tab-inner { + padding-left: 20px +} + +.x4-tab-default-over { + background-color: #f4fef5 +} + +.x4-tab-default-over .x4-tab-glyph { + color: #5e9164 +} + +.x4-ie8m .x4-tab-default-over .x4-tab-glyph { + color: #a9c7ac +} + +.x4-tab-default-top-over, .x4-tab-default-left-over, + .x4-tab-default-right-over { + background-image: none; + background-color: #f4fef5; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e5fae9), + color-stop(25%, #edfdf0), color-stop(45%, #f4fef5)); + background-image: -webkit-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -moz-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -o-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -ms-linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: linear-gradient(top, #e5fae9, #edfdf0 25%, #f4fef5 45%) +} + +.x4-nlg .x4-tab-default-top-over, .x4-nlg .x4-tab-default-left-over, + .x4-nlg .x4-tab-default-right-over { + background-image: url(images/tab/tab-default-top-over-bg.gif) +} + +.x4-tab-default-bottom-over { + background-image: none; + background-color: #f4fef5; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #e5fae9), + color-stop(25%, #edfdf0), color-stop(45%, #f4fef5)); + background-image: -webkit-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -moz-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -o-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: -ms-linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%); + background-image: linear-gradient(bottom, #e5fae9, #edfdf0 25%, #f4fef5 45%) +} + +.x4-nlg .x4-tab-default-bottom-over { + background-image: url(images/tab/tab-default-bottom-over-bg.gif) +} + +.x4-tab-default-active { + background-color: #ebfbed +} + +.x4-tab-default-active .x4-tab-inner { + color: #298234 +} + +.x4-tab-default-active .x4-tab-glyph { + color: #298234 +} + +.x4-ie8m .x4-tab-default-active .x4-tab-glyph { + color: #8abe90 +} + +.x4-tab-default-top-active, .x4-tab-default-left-active, + .x4-tab-default-right-active { + border-bottom: 1px solid #ebfbed; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff), + color-stop(25%, #fff), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -o-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(top, #fff, #fff 25%, #ebfbed 45%); + background-image: linear-gradient(top, #fff, #fff 25%, #ebfbed 45%) +} + +.x4-nlg .x4-tab-default-top-active, .x4-nlg .x4-tab-default-left-active, + .x4-nlg .x4-tab-default-right-active { + background-image: url(images/tab/tab-default-top-active-bg.gif) +} + +.x4-tab-default-bottom-active { + border-top: 1px solid #ebfbed; + background-image: none; + background-color: #ebfbed; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #fff), + color-stop(25%, #fff), color-stop(45%, #ebfbed)); + background-image: -webkit-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -moz-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -o-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: -ms-linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%); + background-image: linear-gradient(bottom, #fff, #fff 25%, #ebfbed 45%) +} + +.x4-nlg .x4-tab-default-bottom-active { + background-image: url(images/tab/tab-default-bottom-active-bg.gif) +} + +.x4-tab-default-disabled { + border-color: #cce9cf; + cursor: default +} + +.x4-tab-default-disabled .x4-tab-inner { + color: #c3b3b3 +} + +.x4-tab-default-disabled .x4-tab-icon-el { + filter: alpha(opacity = 50); + opacity: .5 +} + +.x4-tab-default-disabled .x4-tab-glyph { + color: #c3b3b3; + opacity: .3; + filter: none +} + +.x4-ie8m .x4-tab-default-disabled .x4-tab-glyph { + color: #e0e3dc +} + +.x4-tab-default-top-disabled, .x4-tab-default-left-disabled, + .x4-tab-default-right-disabled { + border-color: #cce9cf #cce9cf #aedeb4 +} + +.x4-tab-default-bottom-disabled { + border-color: #aedeb4 #cce9cf #cce9cf #cce9cf +} + +.x4-tab-default-top-disabled, .x4-tab-default-left-disabled, + .x4-tab-default-right-disabled { + background-image: none; + background-color: #edf9ee; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #edf9ee), + color-stop(100%, #f7fef8)); + background-image: -webkit-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -moz-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -o-linear-gradient(top, #edf9ee, #f7fef8); + background-image: -ms-linear-gradient(top, #edf9ee, #f7fef8); + background-image: linear-gradient(top, #edf9ee, #f7fef8) +} + +.x4-nlg .x4-tab-default-top-disabled, .x4-nlg .x4-tab-default-left-disabled, + .x4-nlg .x4-tab-default-right-disabled { + background-image: url(images/tab/tab-default-top-disabled-bg.gif) +} + +.x4-tab-default-bottom-disabled { + background-image: none; + background-color: #edf9ee; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #edf9ee), + color-stop(100%, #f7fef8)); + background-image: -webkit-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -moz-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -o-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: -ms-linear-gradient(bottom, #edf9ee, #f7fef8); + background-image: linear-gradient(bottom, #edf9ee, #f7fef8) +} + +.x4-nlg .x4-tab-default-bottom-disabled { + background-image: url(images/tab/tab-default-bottom-disabled-bg.gif) +} + +.x4-nbr .x4-tab-default { + background-image: none +} + +.x4-tab-default-top-over .x4-frame-tl, .x4-tab-default-top-over .x4-frame-bl, + .x4-tab-default-top-over .x4-frame-tr, .x4-tab-default-top-over .x4-frame-br, + .x4-tab-default-top-over .x4-frame-tc, .x4-tab-default-top-over .x4-frame-bc, + .x4-tab-default-left-over .x4-frame-tl, .x4-tab-default-left-over .x4-frame-bl, + .x4-tab-default-left-over .x4-frame-tr, .x4-tab-default-left-over .x4-frame-br, + .x4-tab-default-left-over .x4-frame-tc, .x4-tab-default-left-over .x4-frame-bc, + .x4-tab-default-right-over .x4-frame-tl, .x4-tab-default-right-over .x4-frame-bl, + .x4-tab-default-right-over .x4-frame-tr, .x4-tab-default-right-over .x4-frame-br, + .x4-tab-default-right-over .x4-frame-tc, .x4-tab-default-right-over .x4-frame-bc + { + background-image: url(images/tab/tab-default-top-over-corners.gif) +} + +.x4-tab-default-top-over .x4-frame-ml, .x4-tab-default-top-over .x4-frame-mr, + .x4-tab-default-left-over .x4-frame-ml, .x4-tab-default-left-over .x4-frame-mr, + .x4-tab-default-right-over .x4-frame-ml, .x4-tab-default-right-over .x4-frame-mr + { + background-image: url(images/tab/tab-default-top-over-sides.gif) +} + +.x4-tab-default-top-over .x4-frame-mc, .x4-tab-default-left-over .x4-frame-mc, + .x4-tab-default-right-over .x4-frame-mc { + background-color: #f4fef5; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-over-fbg.gif) +} + +.x4-tab-default-bottom-over .x4-frame-tl, .x4-tab-default-bottom-over .x4-frame-bl, + .x4-tab-default-bottom-over .x4-frame-tr, .x4-tab-default-bottom-over .x4-frame-br, + .x4-tab-default-bottom-over .x4-frame-tc, .x4-tab-default-bottom-over .x4-frame-bc + { + background-image: url(images/tab/tab-default-bottom-over-corners.gif) +} + +.x4-tab-default-bottom-over .x4-frame-ml, .x4-tab-default-bottom-over .x4-frame-mr + { + background-image: url(images/tab/tab-default-bottom-over-sides.gif) +} + +.x4-tab-default-bottom-over .x4-frame-mc { + background-color: #f4fef5; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-over-fbg.gif) +} + +.x4-tab-default-top-active .x4-frame-tl, .x4-tab-default-top-active .x4-frame-bl, + .x4-tab-default-top-active .x4-frame-tr, .x4-tab-default-top-active .x4-frame-br, + .x4-tab-default-top-active .x4-frame-tc, .x4-tab-default-top-active .x4-frame-bc, + .x4-tab-default-left-active .x4-frame-tl, .x4-tab-default-left-active .x4-frame-bl, + .x4-tab-default-left-active .x4-frame-tr, .x4-tab-default-left-active .x4-frame-br, + .x4-tab-default-left-active .x4-frame-tc, .x4-tab-default-left-active .x4-frame-bc, + .x4-tab-default-right-active .x4-frame-tl, .x4-tab-default-right-active .x4-frame-bl, + .x4-tab-default-right-active .x4-frame-tr, .x4-tab-default-right-active .x4-frame-br, + .x4-tab-default-right-active .x4-frame-tc, .x4-tab-default-right-active .x4-frame-bc + { + background-image: url(images/tab/tab-default-top-active-corners.gif) +} + +.x4-tab-default-top-active .x4-frame-ml, .x4-tab-default-top-active .x4-frame-mr, + .x4-tab-default-left-active .x4-frame-ml, .x4-tab-default-left-active .x4-frame-mr, + .x4-tab-default-right-active .x4-frame-ml, .x4-tab-default-right-active .x4-frame-mr + { + background-image: url(images/tab/tab-default-top-active-sides.gif) +} + +.x4-tab-default-top-active .x4-frame-mc, .x4-tab-default-left-active .x4-frame-mc, + .x4-tab-default-right-active .x4-frame-mc { + background-color: #ebfbed; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-active-fbg.gif) +} + +.x4-tab-default-bottom-active .x4-frame-tl, + .x4-tab-default-bottom-active .x4-frame-bl, + .x4-tab-default-bottom-active .x4-frame-tr, + .x4-tab-default-bottom-active .x4-frame-br, + .x4-tab-default-bottom-active .x4-frame-tc, + .x4-tab-default-bottom-active .x4-frame-bc { + background-image: url(images/tab/tab-default-bottom-active-corners.gif) +} + +.x4-tab-default-bottom-active .x4-frame-ml, + .x4-tab-default-bottom-active .x4-frame-mr { + background-image: url(images/tab/tab-default-bottom-active-sides.gif) +} + +.x4-tab-default-bottom-active .x4-frame-mc { + background-color: #ebfbed; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-active-fbg.gif) +} + +.x4-tab-default-top-disabled .x4-frame-tl, .x4-tab-default-top-disabled .x4-frame-bl, + .x4-tab-default-top-disabled .x4-frame-tr, .x4-tab-default-top-disabled .x4-frame-br, + .x4-tab-default-top-disabled .x4-frame-tc, .x4-tab-default-top-disabled .x4-frame-bc, + .x4-tab-default-left-disabled .x4-frame-tl, + .x4-tab-default-left-disabled .x4-frame-bl, + .x4-tab-default-left-disabled .x4-frame-tr, + .x4-tab-default-left-disabled .x4-frame-br, + .x4-tab-default-left-disabled .x4-frame-tc, + .x4-tab-default-left-disabled .x4-frame-bc, + .x4-tab-default-right-disabled .x4-frame-tl, + .x4-tab-default-right-disabled .x4-frame-bl, + .x4-tab-default-right-disabled .x4-frame-tr, + .x4-tab-default-right-disabled .x4-frame-br, + .x4-tab-default-right-disabled .x4-frame-tc, + .x4-tab-default-right-disabled .x4-frame-bc { + background-image: url(images/tab/tab-default-top-disabled-corners.gif) +} + +.x4-tab-default-top-disabled .x4-frame-ml, .x4-tab-default-top-disabled .x4-frame-mr, + .x4-tab-default-left-disabled .x4-frame-ml, + .x4-tab-default-left-disabled .x4-frame-mr, + .x4-tab-default-right-disabled .x4-frame-ml, + .x4-tab-default-right-disabled .x4-frame-mr { + background-image: url(images/tab/tab-default-top-disabled-sides.gif) +} + +.x4-tab-default-top-disabled .x4-frame-mc, .x4-tab-default-left-disabled .x4-frame-mc, + .x4-tab-default-right-disabled .x4-frame-mc { + background-color: #edf9ee; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-top-disabled-fbg.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-tl, + .x4-tab-default-bottom-disabled .x4-frame-bl, + .x4-tab-default-bottom-disabled .x4-frame-tr, + .x4-tab-default-bottom-disabled .x4-frame-br, + .x4-tab-default-bottom-disabled .x4-frame-tc, + .x4-tab-default-bottom-disabled .x4-frame-bc { + background-image: + url(images/tab/tab-default-bottom-disabled-corners.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-ml, + .x4-tab-default-bottom-disabled .x4-frame-mr { + background-image: url(images/tab/tab-default-bottom-disabled-sides.gif) +} + +.x4-tab-default-bottom-disabled .x4-frame-mc { + background-color: #edf9ee; + background-repeat: repeat-x; + background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif) +} + +.x4-nbr .x4-tab-default-top, .x4-nbr .x4-tab-default-left, .x4-nbr .x4-tab-default-right + { + border-bottom-width: 1px !important +} + +.x4-nbr .x4-tab-default-bottom { + border-top-width: 1px !important +} + +.x4-tab-default .x4-tab-close-btn { + width: 11px; + height: 11px; + background-image: url(images/tab/tab-default-close.gif); + filter: alpha(opacity = 60); + opacity: .6 +} + +.x4-tab-default .x4-tab-close-btn-over { + filter: alpha(opacity = 100); + opacity: 1 +} + +.x4-tab-default .x4-tab-close-btn { + top: 2px; + right: 2px +} + +.x4-tab-default-disabled .x4-tab-close-btn { + filter: alpha(opacity = 30); + opacity: .3 +} + +.x4-tab-default-closable .x4-tab-wrap { + padding-right: 14px +} + +.x4-tab-default-top-over:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-over-bg.gif), corners:url(images/tab/tab-default-top-over-corners.gif), sides:url(images/tab/tab-default-top-over-sides.gif), frame-bg:url(images/tab/tab-default-top-over-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-over:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-over-bg.gif), corners:url(images/tab/tab-default-bottom-over-corners.gif), sides:url(images/tab/tab-default-bottom-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-over-fbg.gif), stretch:top" +} + +.x4-tab-default-top-active:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-active-bg.gif), corners:url(images/tab/tab-default-top-active-corners.gif), sides:url(images/tab/tab-default-top-active-sides.gif), frame-bg:url(images/tab/tab-default-top-active-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-active:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-active-bg.gif), corners:url(images/tab/tab-default-bottom-active-corners.gif), sides:url(images/tab/tab-default-bottom-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-active-fbg.gif), stretch:top" +} + +.x4-tab-default-top-disabled:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-top-disabled-bg.gif), corners:url(images/tab/tab-default-top-disabled-corners.gif), sides:url(images/tab/tab-default-top-disabled-sides.gif), frame-bg:url(images/tab/tab-default-top-disabled-fbg.gif), stretch:bottom" +} + +.x4-tab-default-bottom-disabled:after { + display: none; + content: + "x-slicer:bg:url(images/tab/tab-default-bottom-disabled-bg.gif), corners:url(images/tab/tab-default-bottom-disabled-corners.gif), sides:url(images/tab/tab-default-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-default-bottom-disabled-fbg.gif), stretch:top" +} + +.x4-tab-bar-default { + border-style: solid; + border-color: #aedeb4 +} + +.x4-tab-bar-default-top { + padding: 1px 0 0; + border-width: 1px 1px 0 +} + +.x4-tab-bar-default-bottom { + padding: 0 0 1px 0; + border-width: 0 1px 1px 1px +} + +.x4-tab-bar-default-left { + padding: 0 0 0 1px; + border-width: 1px 0 1px 1px +} + +.x4-tab-bar-default-right { + padding: 0 1px 0 0; + border-width: 1px 1px 1px 0 +} + +.x4-tab-bar-default-horizontal { + height: 25px +} + +.x4-content-box .x4-tab-bar-default-horizontal { + height: 23px +} + +.x4-tab-bar-default-vertical { + width: 25px +} + +.x4-content-box .x4-tab-bar-default-vertical { + width: 23px +} + +.x4-tab-bar-body-default-top { + padding-bottom: 2px +} + +.x4-tab-bar-body-default-bottom { + padding-top: 2px +} + +.x4-tab-bar-body-default-left { + padding-right: 2px +} + +.x4-tab-bar-body-default-right { + padding-left: 2px +} + +.x4-tab-bar-strip-default { + border-style: solid; + border-color: #aedeb4; + background-color: #ebfbed +} + +.x4-content-box .x4-tab-bar-strip-default-horizontal { + height: 2px +} + +.x4-content-box .x4-tab-bar-strip-default-vertical { + width: 2px +} + +.x4-tab-bar-strip-default-top { + border-width: 1px 0 0 0; + height: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-top { + border-width: 1px 1px 0 +} + +.x4-tab-bar-strip-default-bottom { + border-width: 0 0 1px 0; + height: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-bottom { + border-width: 0 1px 1px 1px +} + +.x4-tab-bar-strip-default-left { + border-width: 0 0 0 1px; + width: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-left { + border-width: 1px 0 1px 1px +} + +.x4-tab-bar-strip-default-right { + border-width: 0 1px 0 0; + width: 3px +} + +.x4-tab-bar-plain .x4-tab-bar-strip-default-right { + border-width: 1px 1px 1px 0 +} + +.x4-tab-bar-default { + background-color: #d9ecdc +} + +.x4-tab-bar-default-top { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(top, #e9f4ea, #d9ecdc); + background-image: linear-gradient(top, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-top { + background: url(images/tab-bar/tab-bar-default-top-bg.gif) +} + +.x4-tab-bar-default-bottom { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(bottom, #e9f4ea, #d9ecdc); + background-image: linear-gradient(bottom, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-bottom { + background: url(images/tab-bar/tab-bar-default-bottom-bg.gif) bottom 0 +} + +.x4-tab-bar-default-left { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(left, #e9f4ea, #d9ecdc); + background-image: linear-gradient(left, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-left { + background: url(images/tab-bar/tab-bar-default-left-bg.gif) +} + +.x4-tab-bar-default-right { + background-image: none; + background-color: #d9ecdc; + background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e9f4ea), + color-stop(100%, #d9ecdc)); + background-image: -webkit-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -moz-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -o-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: -ms-linear-gradient(right, #e9f4ea, #d9ecdc); + background-image: linear-gradient(right, #e9f4ea, #d9ecdc) +} + +.x4-nlg .x4-tab-bar-default-right { + background: url(images/tab-bar/tab-bar-default-right-bg.gif) 0 right +} + +.x4-tab-bar-default .x4-box-scroller { + cursor: pointer +} + +.x4-tab-bar-default .x4-tabbar-scroll-left, .x4-tab-bar-default .x4-tabbar-scroll-right + { + height: 20px; + width: 18px +} + +.x4-tab-bar-default .x4-tabbar-scroll-top, .x4-tab-bar-default .x4-tabbar-scroll-bottom + { + width: 20px; + height: 18px +} + +.x4-tab-bar-default-bottom .x4-box-scroller { + margin-top: 1px +} + +.x4-tab-bar-default-right .x4-box-scroller { + margin-left: 1px +} + +.x4-tab-bar-default-top .x4-tabbar-scroll-left { + background-image: url(images/tab-bar/default-scroll-left-top.gif) +} + +.x4-tab-bar-default-top .x4-tabbar-scroll-right { + background-image: url(images/tab-bar/default-scroll-right-top.gif) +} + +.x4-tab-bar-default-bottom .x4-tabbar-scroll-left { + background-image: url(images/tab-bar/default-scroll-left-bottom.gif) +} + +.x4-tab-bar-default-bottom .x4-tabbar-scroll-right { + background-image: url(images/tab-bar/default-scroll-right-bottom.gif) +} + +.x4-tab-bar-default-left .x4-tabbar-scroll-top { + background-image: url(images/tab-bar/default-scroll-top-left.gif) +} + +.x4-tab-bar-default-left .x4-tabbar-scroll-bottom { + background-image: url(images/tab-bar/default-scroll-bottom-left.gif) +} + +.x4-tab-bar-default-right .x4-tabbar-scroll-top { + background-image: url(images/tab-bar/default-scroll-top-right.gif) +} + +.x4-tab-bar-default-right .x4-tabbar-scroll-bottom { + background-image: url(images/tab-bar/default-scroll-bottom-right.gif) +} + +.x4-tab-bar-default .x4-tabbar-scroll-left-hover, .x4-tab-bar-default .x4-tabbar-scroll-right-hover + { + background-position: -18px 0 +} + +.x4-tab-bar-default .x4-tabbar-scroll-top-hover, .x4-tab-bar-default .x4-tabbar-scroll-bottom-hover + { + background-position: 0 -18px +} + +.x4-tab-bar-default .x4-box-scroller-disabled { + filter: alpha(opacity = 50); + opacity: .5; + cursor: default +} + +.x4-tab-bar-default-top:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-top-bg.gif), stretch:bottom" +} + +.x4-tab-bar-default-bottom:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-bottom-bg.gif), stretch:top" +} + +.x4-tab-bar-default-left:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-left-bg.gif), stretch:right" +} + +.x4-tab-bar-default-right:after { + display: none; + content: + "x-slicer:bg:url(images/tab-bar/tab-bar-default-right-bg.gif), stretch:left" +} + +.x4-tab-bar-plain { + border-width: 0; + padding: 0; + height: 23px +} + +.x4-column-header-checkbox { + border-color: #c5c5c5 +} + +.x4-grid-row-checker, .x4-column-header-checkbox .x4-column-header-text + { + height: 13px; + width: 13px; + background-image: url(images/form/checkbox.gif); + line-height: 13px +} + +.x4-column-header-checkbox .x4-column-header-inner { + padding: 5px 5px 5px 5px +} + +.x4-grid-cell-row-checker .x4-grid-cell-inner { + padding: 4px 5px 4px 5px +} + +.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-row-checker .x4-grid-cell-inner + { + padding-top: 3px; + padding-bottom: 3px +} + +.x4-grid-hd-checker-on .x4-column-header-text, .x4-grid-row-selected .x4-grid-row-checker, + .x4-grid-row-checked .x4-grid-row-checker { + background-position: 0 -13px +} + +.x4-tree-expander { + cursor: pointer +} + +.x4-tree-arrows .x4-tree-expander { + background-image: url(images/tree/arrows.gif) +} + +.x4-tree-arrows .x4-tree-expander-over .x4-tree-expander { + background-position: -32px center +} + +.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander { + background-position: -16px center +} + +.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander-over .x4-tree-expander + { + background-position: -48px center +} + +.x4-tree-lines .x4-tree-elbow { + background-image: url(images/tree/elbow.gif) +} + +.x4-tree-lines .x4-tree-elbow-end { + background-image: url(images/tree/elbow-end.gif) +} + +.x4-tree-lines .x4-tree-elbow-plus { + background-image: url(images/tree/elbow-plus.gif) +} + +.x4-tree-lines .x4-tree-elbow-end-plus { + background-image: url(images/tree/elbow-end-plus.gif) +} + +.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-plus { + background-image: url(images/tree/elbow-minus.gif) +} + +.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-end-plus { + background-image: url(images/tree/elbow-end-minus.gif) +} + +.x4-tree-lines .x4-tree-elbow-line { + background-image: url(images/tree/elbow-line.gif) +} + +.x4-tree-no-lines .x4-tree-expander { + background-image: url(images/tree/elbow-plus-nl.gif) +} + +.x4-tree-no-lines .x4-grid-tree-node-expanded .x4-tree-expander { + background-image: url(images/tree/elbow-minus-nl.gif) +} + +.x4-tree-icon { + width: 16px; + height: 21px +} + +.x4-tree-elbow-img { + width: 16px; + height: 21px; + margin-right: 0 +} + +.x4-tree-icon, .x4-tree-elbow-img, .x4-tree-checkbox { + margin-top: -3px; + margin-bottom: -4px +} + +.x4-tree-icon-leaf { + background-image: url(images/tree/leaf.gif) +} + +.x4-tree-icon-parent { + background-image: url(images/tree/folder.gif) +} + +.x4-grid-tree-node-expanded .x4-tree-icon-parent { + background-image: url(images/tree/folder-open.gif) +} + +.x4-tree-checkbox { + margin-right: 3px; + top: 4px; + width: 13px; + height: 13px; + background-image: url(images/form/checkbox.gif) +} + +.x4-tree-checkbox-checked { + background-position: 0 -13px +} + +.x4-grid-tree-loading .x4-tree-icon { + background-image: url(images/tree/loading.gif) +} + +.x4-grid-cell-inner-treecolumn { + *font-size: 1px +} + +.x4-tree-node-text { + *font-size: 15px; + padding-left: 3px +} + +.x4-grid-cell-inner-treecolumn { + padding: 3px 6px 4px 0 +} + +.x4-tree-drop-ok-append .x4-dd-drop-icon { + background-image: url(images/tree/drop-append.gif) +} + +.x4-tree-drop-ok-above .x4-dd-drop-icon { + background-image: url(images/tree/drop-above.gif) +} + +.x4-tree-drop-ok-below .x4-dd-drop-icon { + background-image: url(images/tree/drop-below.gif) +} + +.x4-tree-drop-ok-between .x4-dd-drop-icon { + background-image: url(images/tree/drop-between.gif) +} + +.x4-tree-ddindicator { + height: 1px; + border-width: 1px 0 0; + border-style: dotted; + border-color: green +} + +.x4-box-tl { + background: transparent no-repeat 0 0; + zoom: 1 +} + +.x4-box-tc { + height: 8px; + background: transparent repeat-x 0 0; + overflow: hidden +} + +.x4-box-tr { + background: transparent no-repeat right -8px +} + +.x4-box-ml { + background: transparent repeat-y 0; + padding-left: 4px; + overflow: hidden; + zoom: 1 +} + +.x4-box-mc { + background: repeat-x 0 -16px; + padding: 4px 10px +} + +.x4-box-mc h3 { + margin: 0 0 4px 0; + zoom: 1 +} + +.x4-box-mr { + background: transparent repeat-y right; + padding-right: 4px; + overflow: hidden +} + +.x4-box-bl { + background: transparent no-repeat 0 -16px; + zoom: 1 +} + +.x4-box-bc { + background: transparent repeat-x 0 -8px; + height: 8px; + overflow: hidden +} + +.x4-box-br { + background: transparent no-repeat right -24px +} + +.x4-box-tl, .x4-box-bl { + padding-left: 8px; + overflow: hidden +} + +.x4-box-tr, .x4-box-br { + padding-right: 8px; + overflow: hidden +} + +.x4-box-tl { + background-image: url(images/box/corners.gif) +} + +.x4-box-tc { + background-image: url(images/box/tb.gif) +} + +.x4-box-tr { + background-image: url(images/box/corners.gif) +} + +.x4-box-ml { + background-image: url(images/box/l.gif) +} + +.x4-box-mc { + background-color: #eee; + background-image: url(images/box/tb.gif); + font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", + sans-serif; + color: #393939; + font-size: 15px +} + +.x4-box-mc h3 { + font-size: 18px; + font-weight: bold +} + +.x4-box-mr { + background-image: url(images/box/r.gif) +} + +.x4-box-bl { + background-image: url(images/box/corners.gif) +} + +.x4-box-bc { + background-image: url(images/box/tb.gif) +} + +.x4-box-br { + background-image: url(images/box/corners.gif) +} + +.x4-box-blue .x4-box-bl, .x4-box-blue .x4-box-br, .x4-box-blue .x4-box-tl, + .x4-box-blue .x4-box-tr { + background-image: url(images/box/corners-blue.gif) +} + +.x4-box-blue .x4-box-bc, .x4-box-blue .x4-box-mc, .x4-box-blue .x4-box-tc + { + background-image: url(images/box/tb-blue.gif) +} + +.x4-box-blue .x4-box-mc { + background-color: #c3daf9 +} + +.x4-box-blue .x4-box-mc h3 { + color: #17385b +} + +.x4-box-blue .x4-box-ml { + background-image: url(images/box/l-blue.gif) +} + +.x4-box-blue .x4-box-mr { + background-image: url(images/box/r-blue.gif) +} + +.x4-message-box .x4-msg-box-wait { + background-image: url(images/shared/blue-loading.gif) +} + +.x4-form-trigger { + height: 22px +} + +.x4-content-box .x4-form-trigger { + height: 21px +} + +.x4-field-toolbar .x4-form-trigger { + height: 20px +} + +.x4-content-box .x4-field-toolbar .x4-form-trigger { + height: 19px +} + +.x4-content-box div.x4-form-spinner-up, .x4-content-box div.x4-form-spinner-down + { + height: 10px +} + +.x4-content-box .x4-toolbar-item div.x4-form-spinner-up, .x4-content-box .x4-toolbar-item div.x4-form-spinner-down + { + height: 9px +} + +.x4-html-editor-wrap .x4-toolbar { + border-left-color: #b5b8c8; + border-top-color: #b5b8c8; + border-right-color: #b5b8c8 +} + +.x4-html-editor-input { + border: 1px solid #b5b8c8; + border-top-width: 0 +} + +.x4-column-header-trigger { + background-color: #c5c5c5; + background-image: url(images/grid/grid3-hd-btn.gif) +} + +.x4-content-box .x4-grid-editor .x4-form-trigger { + height: 20px +} + +.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down + { + background-image: url(images/form/spinner-small.gif) +} + +.x4-content-box .x4-grid-editor .x4-form-spinner-up, .x4-content-box .x4-grid-editor .x4-form-spinner-down + { + height: 9.5px +} + +.x4-accordion-hd { + border-width: 1px 0 !important; + -webkit-box-shadow: inset 0 0 0 0 #e6f6e8; + -moz-box-shadow: inset 0 0 0 0 #e6f6e8; + box-shadow: inset 0 0 0 0 #e6f6e8 +} + +.x4-accordion-hd-sibling-expanded { + -webkit-box-shadow: inset 0 1px 0 0 #fcfdfc; + -moz-box-shadow: inset 0 1px 0 0 #fcfdfc; + box-shadow: inset 0 1px 0 0 #fcfdfc +} + +.x4-resizable-handle-east-over, .x4-resizable-handle-west-over { + background-position: left +} + +.x4-resizable-handle-south-over, .x4-resizable-handle-north-over { + background-position: top +} + +.x4-resizable-handle-southeast-over { + background-position: top left +} + +.x4-resizable-handle-northwest-over { + background-position: bottom right +} + +.x4-resizable-handle-northeast-over { + background-position: bottom left +} + +.x4-resizable-handle-southwest-over { + background-position: top right +} + +.x4-resizable-pinned .x4-resizable-handle-east, .x4-resizable-pinned .x4-resizable-handle-west + { + background-position: left +} + +.x4-resizable-pinned .x4-resizable-handle-south, .x4-resizable-pinned .x4-resizable-handle-north + { + background-position: top +} + +.x4-resizable-pinned .x4-resizable-handle-southeast { + background-position: top left +} + +.x4-resizable-pinned .x4-resizable-handle-northwest { + background-position: bottom right +} + +.x4-resizable-pinned .x4-resizable-handle-northeast { + background-position: bottom left +} + +.x4-resizable-pinned .x4-resizable-handle-southwest { + background-position: top right +} + +.x4-ie6 .x4-slider-horz, .x4-ie6 .x4-slider-horz .x4-slider-end, .x4-ie6 .x4-slider-horz .x4-slider-inner + { + background-image: url(images/slider/slider-bg.gif) +} + +.x4-ie6 .x4-slider-horz .x4-slider-thumb { + background-image: url(images/slider/slider-thumb.gif) +} + +.x4-ie6 .x4-slider-vert, .x4-ie6 .x4-slider-vert .x4-slider-end, .x4-ie6 .x4-slider-vert .x4-slider-inner + { + background-image: url(images/slider/slider-v-bg.gif) +} + +.x4-ie6 .x4-slider-vert .x4-slider-thumb { + background-image: url(images/slider/slider-v-thumb.gif) +} + +.x4-tab-icon-el { + top: -1px +} + +.x4-tab-noicon .x4-tab-icon { + display: none +} \ No newline at end of file Index: ssts-web/src/main/webapp/common/includeExtJs4_2.jsp =================================================================== diff -u -r12331 -r14608 --- ssts-web/src/main/webapp/common/includeExtJs4_2.jsp (.../includeExtJs4_2.jsp) (revision 12331) +++ ssts-web/src/main/webapp/common/includeExtJs4_2.jsp (.../includeExtJs4_2.jsp) (revision 14608) @@ -1,7 +1,7 @@ <%@ page language="java" contentType="text/html; charset=UTF-8" %> <%@ page import="com.forgon.tools.SpringBeanManger,com.forgon.directory.vo.LoginUserData" %> - + Index: ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsTemplateApplicationView.js =================================================================== diff -u -r14607 -r14608 --- ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsTemplateApplicationView.js (.../goodsTemplateApplicationView.js) (revision 14607) +++ ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsTemplateApplicationView.js (.../goodsTemplateApplicationView.js) (revision 14608) @@ -1426,12 +1426,12 @@ },{ header : "包装规格", dataIndex : 'packageSpec', - width : 65, + width : 65 * fontSizeScale, hidden:type==tousseApplicationForm || type==comboApplicationForm || sstsConfig.hidePackageSpec? true:false, menuDisabled : true },{ header : "申请数量", - width : 62, + width : 62 * fontSizeScale, align:'center', dataIndex : 'count', // css:'border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE;', @@ -1446,7 +1446,7 @@ },{ header : "加急数量", dataIndex : 'urgentAmount', - width : 62, + width : 62 * fontSizeScale, hidden : isHideUrgentAmount, editor: { xtype: 'numberfield', @@ -1458,12 +1458,12 @@ },{ header : "单位", dataIndex : 'unit', - width : 45, + width : 45 * fontSizeScale, hidden : type==tousseApplicationForm || (type==comboApplicationForm && !sstsConfig.showTousseUnitColumn) ? true:false, menuDisabled : true },{ header : "单价", - width : 48, + width : 48 * fontSizeScale, dataIndex : 'price', sortable: false, hidden : sstsConfig.hideToussePriceColumn, @@ -1472,7 +1472,7 @@ },{ id:'rowTotalPrice', header : "小计", - width : 68, + width : 68 * fontSizeScale, dataIndex : 'totalPrice', hidden : sstsConfig.hideToussePriceColumn, align:'right', @@ -1492,12 +1492,12 @@ },{ header : "包装规格", dataIndex : 'packageSpec', - width : 65, - hidden:type=='器械包申请单' || sstsConfig.hidePackageSpec ?true:false, + width : 65 * fontSizeScale, + hidden:type=='器械包申请单' || sstsConfig.hidePackageSpec ?true:false, sortable: false },{ header : "申请数量", - width : 62, + width : 62 * fontSizeScale, align:'center', dataIndex : 'count', // css:'border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE;', @@ -1512,7 +1512,7 @@ },{ header : "加急数量", dataIndex : 'urgentAmount', - width : 62, + width : 62 * fontSizeScale, hidden : isHideUrgentAmount, editor: { xtype: 'numberfield', @@ -1524,12 +1524,12 @@ },{ header : "单位", dataIndex : 'unit', - width : 45, + width : 45 * fontSizeScale, hidden:type=='器械包申请单'?true:false, menuDisabled : true },{ header : "单价", - width : 48, + width : 48 * fontSizeScale, dataIndex : 'price', hidden : sstsConfig.hideDisposablePriceColumn, align:'right', @@ -1538,7 +1538,7 @@ },{ id:'rowTotalPrice2', header : "小计", - width : 62, + width : 62 * fontSizeScale, hidden : sstsConfig.hideDisposablePriceColumn, align:'right', dataIndex : 'totalPrice', @@ -3013,26 +3013,26 @@ Ext4.BLANK_IMAGE_URL = WWWROOT + '/ext/resources/images/default/s.gif'; var columns = [ - {header : "流水号",width : 75,dataIndex : 'serialNumber', renderer : renderModifyFun}, - {header : "申请科室",width : 120,dataIndex : 'depart',hidden:sstsConfig.hideApplyDepartColumn}, - {header : "结算科室",width : 120,dataIndex : 'settleAccountsDepart',hidden:sstsConfig.hideSettleDepartColumn}, - {header : "申请人",width : 60,dataIndex : 'applicant'}, - {header : "申请时间",width : 120,dataIndex : 'applicationTime', renderer : myDateFormatByMinute}, - {header : "最后修改时间",width : 120,dataIndex : 'submitTime', renderer : myDateFormatByMinute}, - {header : "打印时间",width : 120,dataIndex : 'printTime', renderer : myDateFormatByMinute}, - {header : "类型",width : 105,dataIndex : 'type'}, - {header : "已提交",width : 45,dataIndex : 'committedStatus', renderer : renderStatus}, - {header : "已打印",width : 45,dataIndex : 'printed', renderer : renderPrintStatu}, - {header : "回收状态",width : 65,dataIndex : 'recyclingStatus', renderer : renderColor2}, - {header : "发货状态",width : 65,dataIndex : 'deliverStatus', renderer : renderColor}, - {header : "住院号",width : 65,dataIndex : 'hospitalNumber',hidden : isHideHospitalNumber}, - {header : "归还状态",width : 65,dataIndex : 'returnStatus', renderer : renderReturnStatusColor}, - {header : "终止状态",width : 65,dataIndex : 'endStatus'}, + {header : "流水号",width : 75 * fontSizeScale,dataIndex : 'serialNumber', renderer : renderModifyFun}, + {header : "申请科室",width : 120 * fontSizeScale,dataIndex : 'depart',hidden:sstsConfig.hideApplyDepartColumn}, + {header : "结算科室",width : 120 * fontSizeScale,dataIndex : 'settleAccountsDepart',hidden:sstsConfig.hideSettleDepartColumn}, + {header : "申请人",width : 60 * fontSizeScale,dataIndex : 'applicant'}, + {header : "申请时间",width : 120 * fontSizeScale,dataIndex : 'applicationTime', renderer : myDateFormatByMinute}, + {header : "最后修改时间",width : 120 * fontSizeScale,dataIndex : 'submitTime', renderer : myDateFormatByMinute}, + {header : "打印时间",width : 120 * fontSizeScale,dataIndex : 'printTime', renderer : myDateFormatByMinute}, + {header : "类型",width : 105 * fontSizeScale,dataIndex : 'type'}, + {header : "已提交",width : 45 * fontSizeScale,dataIndex : 'committedStatus', renderer : renderStatus}, + {header : "已打印",width : 45 * fontSizeScale,dataIndex : 'printed', renderer : renderPrintStatu}, + {header : "回收状态",width : 65 * fontSizeScale,dataIndex : 'recyclingStatus', renderer : renderColor2}, + {header : "发货状态",width : 65 * fontSizeScale,dataIndex : 'deliverStatus', renderer : renderColor}, + {header : "住院号",width : 65 * fontSizeScale,dataIndex : 'hospitalNumber',hidden : isHideHospitalNumber}, + {header : "归还状态",width : 65 * fontSizeScale,dataIndex : 'returnStatus', renderer : renderReturnStatusColor}, + {header : "终止状态",width : 65 * fontSizeScale,dataIndex : 'endStatus'}, {id:'operationRemark',header: "备注", dataIndex: 'remark'}, - {header : "拼音码",width : 120,dataIndex : 'spelling',hidden:true}, - {header : "五笔码",width : 120,dataIndex : 'wbCode',hidden:true}, + {header : "拼音码",width : 120 * fontSizeScale,dataIndex : 'spelling',hidden:true}, + {header : "五笔码",width : 120 * fontSizeScale,dataIndex : 'wbCode',hidden:true}, {header: "发货单状态", dataIndex: 'invoiceStatus',hidden:true}, - {header : "操作",width : 175,renderer: function(v,p,record){ + {header : "操作",width : 175 * fontSizeScale,renderer: function(v,p,record){ var invoiceStatus = record.data.invoiceStatus; var deliverStatus = record.data.deliverStatus; var inoviceButton = ""; @@ -3061,9 +3061,9 @@ return inoviceButton+returnButton; } }, - {header : "预回收人",width : 65,dataIndex : 'prepareRecycleOperator'}, - {header : "预回收确认人",width : 85,dataIndex : 'prepareRecycleComfirmor'}, - {header : "预回收时间",width : 130,dataIndex : 'prepareRecycleDateTime'} + {header : "预回收人",width : 65 * fontSizeScale,dataIndex : 'prepareRecycleOperator'}, + {header : "预回收确认人",width : 85 * fontSizeScale,dataIndex : 'prepareRecycleComfirmor'}, + {header : "预回收时间",width : 130 * fontSizeScale,dataIndex : 'prepareRecycleDateTime'} ]; Index: ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsApplicationView.jsp =================================================================== diff -u -r14606 -r14608 --- ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsApplicationView.jsp (.../goodsApplicationView.jsp) (revision 14606) +++ ssts-web/src/main/webapp/disinfectsystem/recyclingApplication/goodsApplicationView.jsp (.../goodsApplicationView.jsp) (revision 14608) @@ -261,6 +261,8 @@