.desktop-icons, .side-bx-title h3, .side-bx-toggled h3, .icon-manage-handle, .icon-manage-handle:hover, .edit.editing, .delete, .print, .add, .cal, .enable, .sms, .email, .goodsone li div, .x-view-img, .dialog .btn-close, .dialog .btn-resize, .x-vali-error, .button-add, .button-cut, .star-div li, .finder-list .img-tip, .finder-list .img-tip.active, .print-col, .lnk-refresh, .lnk-refresh:hover, .lnk-operation, .lnk-operation:hover, .lnk-search, .lnk-search:hover, .select-product .product-body .add-opt { background: url(images/icons.png) no-repeat 0 0; }

.desktop-sliding, .head-nav dt a, .head-nav dt a.current, .head-nav dt a.current:hover, .head-nav dt a.current span, .head-nav dt a.current:hover span, .head-nav dt span, .btn span, .tabs-wrap .current, .gridlist-action .tabs-wrap li.current, .tabs-wrap .current span, .gift-tab .switchable-triggerBox li, .gift-tab .switchable-triggerBox li span, .gift-tab .switchable-triggerBox li.cur, .gift-tab .switchable-triggerBox li.cur span, .object-select .label, .object-select .handle, .finder-packet li a, .finder-packet li span, .finder-action-items a, .finder-action-items span, .finder-tabs-wrap .tab, .finder-tabs-wrap .tab span, .finder-tabs-wrap .current, .finder-tabs-wrap .current span, .col-select-opt:hover, .switch-head li, .switch-head li em, .widget-edit-head .tab-head, .widget-edit-head .exit button span, .widget-edit-head li a.act, .widget-edit-head li a:hover, .widget-edit-head li a.droping, .widget-edit-head li a.act em, .widget-edit-head li a:hover em, .widget-edit-head li a.droping em { background: url(images/sliding.png) no-repeat 0 0; }

html, body { overflow: hidden; margin: 0; padding: 0; }

#body { overflow: hidden; height: 100%; width: 100%; border: none; min-width: 960px; }

.loading { background: url(images/loading.gif) no-repeat center center !important; }

a, .lnk { color: #3367ac; }

a:hover, .lnk:focus, .lnk:hover { color: #3367ac; }

/*header*/
.header { background: url(images/tile_bg.png) repeat-x; height: 74px; position: relative; z-index: 7000; }
.header a { color: #33404D; text-decoration: none; }
.header:before { content: ""; position: fixed; top: -8px; left: 0; width: 100%; height: 8px; box-shadow: 0 0 8px rgba(160, 160, 160, 0.5); -webkit-box-shadow: 0 0 8px rgba(160, 160, 160, 0.5); -moz-box-shadow: 0 0 8px rgba(160, 160, 160, 0.5); -o-box-shadow: 0 0 8px rgba(160, 160, 160, 0.5); }

.pointer { cursor: pointer; }

.over { overflow: hidden; }

/* 表单样式*/
.inputstyle, .x-input { border: 1px solid #cccccc; padding: 3px 5px; background: white url(images/input-bg.png) no-repeat 0 0; font-size: 12px; }

/*顶部工具栏与logo*/
.top-bar { padding-top: 5px; font-family: Arial; color: #333333; white-space: nowrap; }
.top-bar .frt { background: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; box-shadow: 0 0 1px #dddddd, inset 0 5px 8px rgba(150, 150, 150, 0.1); -webkit-box-shadow: 0 0 1px #dddddd, inset 0 5px 8px rgba(150, 150, 150, 0.1); -moz-box-shadow: 0 0 1px #dddddd, inset 0 5px 8px rgba(150, 150, 150, 0.1); -o-box-shadow: 0 0 1px #dddddd, inset 0 5px 8px rgba(150, 150, 150, 0.1); }
.top-bar .frt:hover { box-shadow: 0 0 4px #bbbbbb; -webkit-box-shadow: 0 0 4px #bbbbbb; -moz-box-shadow: 0 0 4px #bbbbbb; -o-box-shadow: 0 0 4px #bbbbbb; }
.top-bar .head-user { color: black; padding-right: 10px; width: auto; }
.top-bar .head-user, .top-bar .head-opts { height: 26px; line-height: 26px; }
.top-bar .head-user a, .top-bar .head-opts a { color: #3f4d69; padding: 2px 6px; }
.top-bar .head-user a:hover, .top-bar .head-opts a:hover { background: #6a8aca; color: white; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); }
.top-bar .logo { float: left; _display: inline; height: 30px; line-height: 30px; overflow: hidden; padding-left: 15px; margin: 0 10px 0 0; color: black; font-size: 26px; }
.top-bar .logo a { text-decoration: none; }
.top-bar .head-license { font-size: 9px; font-weight: normal; color: #cccccc; }
.top-bar .rpcnotify i { color: #ff3300; }
.top-bar .head-opts .num { font-size: 10px; font-style: normal; color: white; }

/*-- favor --*/
.favor { position: relative; line-height: 26px; }
.favor .x-drop-menu { border-color: #cccccc; z-index: 7004; clear: both; float: none; overflow: hidden; box-shadow: -1px 0px 4px rgba(200, 200, 200, 0.9); -webkit-box-shadow: -1px 0px 4px rgba(200, 200, 200, 0.9); -moz-box-shadow: -1px 0px 4px rgba(200, 200, 200, 0.9); -o-box-shadow: -1px 0px 4px rgba(200, 200, 200, 0.9); }
.favor .x-drop-menu li { float: left; margin-right: 5px; white-space: nowrap; line-height: 22px; }
.favor .x-drop-menu .clear { border-top: 1px #cccccc dotted; float: none; clear: both; }

.favor-handle { padding: 1px 10px 1px 10px; background: url(images/arrow-down.gif) no-repeat 95% 50%; position: relative; z-index: 7005; text-decoration: none; display: block; zoom: 1; width: 52px; }

.favor-active .favor-handle { cursor: default; border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -o-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; height: 27px; line-height: 28px; border-right: 1px #cccccc solid; padding: 0 9px; background-color: white; color: #333333; }

/*头部导航*/
.head-nav { padding: 5px 10px 0; overflow: hidden; clear: both; font-family: "Microsoft YaHei"; }
.head-nav a:hover { text-decoration: none; }
.head-nav dl { float: left; margin: 0 2px 0 0; display: block; }
.head-nav dt a { background-position: 0 -254px; color: #3f4d69; cursor: pointer; float: left; font-size: 14px; height: 28px; line-height: 28px; padding: 0 0 0 18px; }
.head-nav dt a.current, .head-nav dt a.current:hover { background-position: 0 -112px; color: white; }
.head-nav dt a.current span, .head-nav dt a.current:hover span { background-position: 100% -112px; }
.head-nav dt span { background-position: 100% -254px; float: left; padding: 0 18px 0 0; }
.head-nav dd { visibility: hidden; position: absolute; margin: 0; *margin-top: -4px; width: 330px; background-color: white; z-index: 65535; border: 1px solid #6a8aca; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; box-shadow: 0px 3px 7px #999999; -webkit-box-shadow: 0px 3px 7px #999999; -moz-box-shadow: 0px 3px 7px #999999; -o-box-shadow: 0px 3px 7px #999999; }
.head-nav ul { margin: 0; padding: 2px; zoom: 1; }
.head-nav ul ul { position: static; width: auto; border: none; overflow: hidden; zoom: 1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.head-nav ul li { line-height: 25px; }
.head-nav ul li.last { border-bottom: none; }
.head-nav li { zoom: 1; border-bottom: 1px solid #cccccc; list-style: none; font-weight: normal; }
.head-nav li.last { border-bottom: none; }
.head-nav li.group_handle a { background: url(images/ico_arrow1.gif) no-repeat 95% center; }
.head-nav li.group_handle ul a { background-image: none; cursor: pointer; }
.head-nav li .head-nav-sub { color: #222222; font-weight: bold; padding: 5px 0 0 7px; }
.head-nav li .head-nav-sub:hover { color: #222222; background: none; cursor: default; }
.head-nav li a { display: block; cursor: default; color: #3f4d69; zoom: 1; padding: 1px 5px; line-height: 20px; }
.head-nav li a:hover { background-color: #6a8aca; color: white; border: none; cursor: pointer; }
.head-nav li li, .head-nav li li a { float: left; border: none; }

/*-------------------- workground
--------------------*/
/*-- left sidebar --*/
.side { background-color: #eaeef4; z-index: 10; min-width: 95px; overflow-y: auto; position: relative; box-shadow: 1px 0 4px rgba(81, 81, 81, 0.5); -webkit-box-shadow: 1px 0 4px rgba(81, 81, 81, 0.5); -moz-box-shadow: 1px 0 4px rgba(81, 81, 81, 0.5); -o-box-shadow: 1px 0 4px rgba(81, 81, 81, 0.5); }
.side a { color: #3f4d69; display: block; text-decoration: none; }
.side .side-inner { height: 100%; }
.side .side-content { padding: 6px 0; border-right: 1px solid #d4d4d4; }
.side .side-content h2 { margin: 10px 0 3px; }
.side .side-content h2 a { text-align: left; font-size: 14px; padding: 0 0 0 30px; font-weight: bold; color: #354952; }

.side-bx { border-bottom: 1px solid #c1cfe2; border-top: 1px solid white; margin: 0 6px; }
.side-bx.first { border-top: none; }
.side-bx ul { padding: 1px 0 5px; }
.side-bx li { margin: 0 0 1px; }
.side-bx a { padding: 2px 5px 2px 15px; *zoom: 1; text-decoration: none; }
.side-bx a:hover { background-color: #d8dde9; text-decoration: none; color: #3c5283; }
.side-bx .current, .side-bx .current:hover { background: url(images/tile_bg.png) repeat-x 0 -1200px; color: white; }

.side-bx-title h3 { background-position: 0 -608px; cursor: pointer; padding: 4px 18px; font-size: 12px; color: black; line-height: 22px; height: 20px; overflow: hidden; }

.side-bx-toggled h3 { background-position: 0 -640px; }

/*right sidebar*/
.side-r { background-color: #eaeef4; border-left: 1px solid #d4d4d4; padding: 3px; position: relative; }
.side-r .side-r-resize { height: 100%; position: absolute; top: 0; left: -5px; width: 5px; cursor: col-resize; z-index: 60000; }
.side-r .side-r-resize-ing { background-color: #4f6596; }

/*main style*/
#container { position: relative; overflow: hidden; }

div.side, div.workground, .toggler-left, div.side-r { height: 100%; margin: 0; position: absolute; top: 0; left: 0; }

/*toggle bar*/
.toggler-left { cursor: pointer; width: 8px; background: url(images/left-toggler.png) no-repeat -10px 50%; }
.toggler-left.fixed { visibility: hidden; }
.toggler-left .toggler-left-inner { display: block; width: 8px; height: 100%; overflow: hidden; text-indent: -20px; background: white; }
.toggler-left .toggler-left-inner:hover { background: white url(images/left-toggler.png) no-repeat 1px 50%; }

.workground { background: white; overflow: hidden; width: 100%; padding: 0 5px 0 8px; }

.content-main { height: 100%; position: relative; zoom: 1; overflow: auto; }

.content-foot .table-action { background: #f0f5f9; padding: 1px 0; border: none; margin-top: 0; }

.messager-main .notice-inline { display: block; margin-left: 0; }

.notice-inline.error { background-image: url(../../bundle/stop.gif); background-position: 2px 2px; padding-left: 20px; }

.notice-inline-icon { background: url(../../bundle/notice_inline.gif) no-repeat 0 0; }

.error-icon { background: #fbe3e4 url(../../bundle/notice_inline.gif) no-repeat; }

.icon-manage-handle { background-position: 0 -772px; right: 5px; top: 8px; display: block; text-indent: -999em; position: absolute; overflow: hidden; width: 12px; height: 12px; }
.icon-manage-handle:hover { background-position: 0 -784px; }

h5.head-title { border-bottom: 1px solid #dddddd; padding: 5px 0; }

/*flow*/
/*控制面板admin panel*/
.admin-panel .group { padding: 5px; margin: 5px; overflow: hidden; width: 30%; zoom: 1; border-bottom: #e9e9e9 dotted 1px; }
.admin-panel .last { border: none; }
.admin-panel .item { margin: 0 0 10px 80px; padding: 10px 0 0 0; width: 226px; }
.admin-panel li { float: left; overflow: visible; display: block; margin: 0 5px 0 0; }
.admin-panel li a { float: left; display: block; line-height: 20px; padding: 0 5px 0 5px; border: 1px white solid; }
.admin-panel li a:hover { background-color: #6a8aca; color: white; text-decoration: none; }
.admin-panel h4 { margin: 0 0 10px; }

/*dashboard 桌面*/
.widgets { padding: 5px 0 0; }
.widgets .wcol { width: 48%; overflow: hidden; }
.widgets .item { margin: 0 10px 10px 0; }
.widgets .gridlist-head, .widgets .row { padding-left: 4px; }
.widgets .gridlist-action { padding: 0; height: auto; }
.widgets .last { border-bottom: 0 none; }

.dashbd-action { display: none; background: url(images/tile_bg.png) repeat-x 0 -800px; color: #425A78; height: 25px; overflow: hidden; border-left: 1px solid #D6DCE4; border-right: 1px solid #E3E8EC; _padding-top: 4px; }

.dashbd-bd { background: white; }

.dashbd-head { background: url(images/tile_bg.png) repeat-x 0 -859px; height: 31px; padding-top: 14px; padding-left: 8px; overflow: hidden; }
.dashbd-head span { width: auto; padding: 6px 6px 0; float: right; }
.dashbd-head th, .dashbd-head td { background: url(images/tile_bg.png) 0 -300px; padding: 0 2px; text-align: left; }
.dashbd-head .dashbd-headl { background: url(images/dashbd_tag.png) 0 0 no-repeat; width: 99px; height: 31px; line-height: 28px; color: white; font-weight: bold; text-align: center; float: left; }

.dashbd-list { color: #5B5B5B; border-collapse: collapse; border: 1px solid #e3e8ec; height: auto; }
.dashbd-list h4 { color: black; padding: 10px 0 3px; margin: 0; font-weight: normal; font-size: 12px; }
.dashbd-list .dashbd-figure { color: #ff6900; padding-left: 2px; }
.dashbd-list .figure-zero a, .dashbd-list .figure-zero a:hover { color: #7b7b7b; font-weight: normal; }
.dashbd-list .figure-zero .dashbd-figure { color: #b2b2b2; }

.dashbd-list-height { height: 267px; height: 268px\0; *height: 272px; overflow-y: auto; }

.dashbd-row { line-height: 20px; border-bottom: 1px solid #D6DCE4; overflow: hidden; padding: 0 0 5px 10px; }

.dashbd-row table { width: auto; }

.dashbd-row td { width: 95px; white-space: nowrap; padding: 0; vertical-align: top; font-weight: bold; }

.dashbd-notice { background-color: white; color: #514721; border: 1px solid #D2DBE1; margin-bottom: 1em; width: 98%; height: 100px; padding: 4px 0px 4px 3px; }

.dashbd-notice-title { width: 14%; float: left; padding: 3px 14px 0px 4px; }

.dashbd-notice-title h4 { color: #4B5F87; background-color: #E2E5EC; text-align: center; padding: 3px 0 2px 0; }

.dashbd-notice-info { width: 80%; float: left; color: #20749A; }

.dashbd-notice-info ul { padding: 0; margin: 0; }

.dashbd-notice-info li { list-style: none; border-bottom: 1px solid #E3E8EC; line-height: 22px; white-space: nowrap; }

.dashbd-notice-statistics { width: 49%; float: left; font-weight: normal; }

.dashbd-notice-statistics span { width: 45%; padding-right: 10px; color: #333333; display: inline-block; *display: inline; *zoom: 1; }

/*app*/
.appbox h5 { margin-left: 10px; margin-top: 10px; }

.appbox .appName { margin-left: 10px; color: #264409; }

.appbox div.loader { padding-left: 20px; color: #264409; }

.appbox .csolinfo { width: 70%; float: left; margin-left: 20px; }

.appbox .csol { width: 12%; margin-right: 20px; float: right; }

.apptip { overflow: auto; text-align: center; margin: 5px auto; }

.apptip .box { float: left; width: 120px; height: 18px; line-height: 18px; margin-left: 2em; margin-bottom: 1em; background: none repeat scroll 0 0 #E7EFF5; }

.apptip .loading { background: #e7eff5 url(images/load.gif) no-repeat 10px 5px !important; text-indent: 30px; padding-right: 10px; }

.apptip .complete { background-color: #EDFFCF; color: #264409; }

.apptip .error2 { background-color: #FBE3E4; color: #8A1F11; }

/*analysis*/
.top_extra .data-action { margin-bottom: 10px; }

.top_extra .large { padding: 3px; background: #E4E4E4; line-height: 120%; margin-bottom: 10px; }

.top_extra .large .ColColorOrange { border: 1px solid #C0BEBF; padding-top: 1em; padding-bottom: 1em; }

.top_extra .ColColorOrange .span-auto { background-position: 0 10px; }

.top_extra .infobox { border: 1px solid #C0BEBF; }

.top_extra .span-auto { margin-left: 20px; }

.top_extra .chart-items, .top_extra .items { height: 100%; *height: auto; }

.chart-view h5 { color: #495F86; line-height: 22px; margin-right: 5px; }

.product-top { height: auto; overflow: hidden; }

.product-top .items { padding-top: 8px; overflow: hidden; list-style: none; }

.product-top .items img { border: 1px solid #cccccc; width: 50px; height: 60px; }

.product-top .items li { width: 18%; margin-left: 2%; }

.product-top .items em { color: red; font-weight: bold; font-style: italic; font-size: 18px; }

.product-top .top-info { width: 50px; }

.product-top .goods-info { width: 130px; margin-left: 10px; }

.product-top .goods-info strong { font-size: 18px; }

.sale-top .items { list-style: none; }

.sale-top .items img { border: 1px solid #cccccc; width: 40px; height: 45px; }

.sale-top .sort-items li { margin-top: 10px; }

.sale-top .sort-items .goods-info { margin-left: 8px; font-size: 12px; }

.sale-top .graph { height: 10px; }

.shopsale .span-auto { width: 120px; margin: 30px 10px; }

.shopsale .span-auto span { display: block; }

.shopsale .ColColorOrange { height: 200px; padding-left: 35px; }

::-webkit-scrollbar { width: 10px; height: 10px; }

::-webkit-scrollbar-corner { background-color: white; }

::-webkit-scrollbar-track-piece { background-color: #ececec; border-radius: 5px; -webkit-border-radius: 5px; }

::-webkit-resizer:vertical { background-color: #f6f6f6; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { width: 0; height: 0; }

::-webkit-scrollbar-thumb { background-color: #bbbbbb; border-radius: 5px; -webkit-border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background-color: #888888; }
::-webkit-scrollbar-thumb:horizontal { background-color: #bbbbbb; }
::-webkit-scrollbar-thumb:horizontal:hover { background-color: #888888; }
::-webkit-scrollbar-thumb:window-inactive { background-color: #dddddd; }

/* the buttons */
.btn { display: inline-block; *display: inline; *zoom: 1; background: transparent; height: 23px; line-height: 23px; overflow: visible; padding: 0; margin: 0 1px; border: 0 none; *margin: 0 6px; text-decoration: none; vertical-align: middle; font-size: 12px; font-weight: normal; cursor: pointer; }
.btn span { background-position: 0 -800px; display: block; padding: 0 0 0 10px; white-space: nowrap; overflow: visible; _float: left; }
.btn span span { background-position: 100% -800px; padding: 0 10px 0 0; display: block; height: 23px; line-height: 23px; _padding-top: 2px; }
.btn:hover, .btn:active, .btn:visited, .btn:focus { text-decoration: none; }
.btn:hover span, .btn.droping span { background-position: 0 -705px; color: #222222; }
.btn:hover span span, .btn.droping span span { background-position: 100% -705px; }
.btn:active { box-shadow: 0 0 0 black; -webkit-box-shadow: 0 0 0 black; -moz-box-shadow: 0 0 0 black; -o-box-shadow: 0 0 0 black; }
.btn:active span { background-position: 0 -1144px; }
.btn:active span span { background-position: 100% -1144px; }
.btn img { vertical-align: middle; }
.btn .btn-icon { zoom: 1; margin: -6px 3px 0 0; *margin: 3px 2px 0 0; }
.btn .btn-icon img { margin-top: -2px; }
.btn .drop-handle { margin: 0 -3px 0 2px; padding: 0; background: url(images/arrow-down.gif) no-repeat 4px 50%; width: 14px; }

.btn-has-icon span { padding: 0 0 0 5px; _height: 23px; }
.btn-has-icon span span { padding: 0 10px 0 0; display: block; _padding-top: 2px; *line-height: 20px; }

@-moz-document url-prefix() { button.btn { -moz-box-shadow: none; } }

.disabled, button[disabled] { cursor: not-allowed; }
.disabled span, .disabled:hover span, button[disabled] span, button[disabled]:hover span { background-position: 0 -1011px; color: #888888; }
.disabled span span, .disabled:hover span span, button[disabled] span span, button[disabled]:hover span span { background-position: 100% -1011px; }

/* the image tree icon style */
.imgTree { width: 16px; height: 16px; background: url(images/treeico.gif) no-repeat 50% -107px; border: 0 none; padding-right: 8px; cursor: pointer; }

.tree_open { cursor: default; background-position: 50% -126px; }

/* the order text style */
.orderTextStyle { width: 22px; height: 15px; padding: 0 3px; }

/* the flat button style */
.btn-flat { margin: 0 0 0 3px; background-color: #e2e8eb; padding: 4px 4px 2px 4px; cursor: pointer; color: black; text-decoration: none; border-top: 1px solid white; border-left: 1px solid white; border-right: 2px solid #DEC6CE; border-bottom: 2px solid #DEC6CE; display: inline; font-weight: normal; }

.sentmailsetting .editing { background: white; border-top: 1px solid #DEC6CE; border-left: 1px solid #DEC6CE; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; }

.edit.editing { background-position: 0 -492px; background-color: white; border-top: 1px solid #DEC6CE; border-left: 1px solid #DEC6CE; border-right: 1px solid white; border-bottom: 1px solid white; }

.delete { background-position: 0 -1004px; background-color: #e2e8eb; }

img.delete { background: none; }

.print { background-position: 0 -448px; background-color: #e2e8eb; }

.add { background-position: 0 -750px; background-color: #e2e8eb; }

.cal { background-position: 0 -728px; background-color: white; border-width: 1px; padding-left: 18px; height: 18px; }

.enable { background-position: 0 -1110px; background-color: #e2e8eb; text-indent: -9999px; padding: 0 5px; display: block; }

.sms { background-position: 0 -470px; background-color: #e2e8eb; }

.email { background-position: 0 -514px; background-color: #e2e8eb; }

input.email { background: none; }

.arrow-up, .arrow-down, .arrow-left, .arrow-right { padding-right: 20px; background-position: 100% 50%; background-repeat: no-repeat; }

.arrow-up { background-image: url(images/arrow-up.gif); }

.arrow-down { background-image: url(images/arrow-down.gif); }

.arrow-left { background-image: url(images/arrow-left.gif); }

.arrow-right { background-image: url(images/arrow-right.gif); }

/* the order area and the print button */
.t-del img { vertical-align: middle; }

.btn-upload .icon { margin: -5px 2px 0 0; *margin: 0 2px 0 0; }

.table-action { border-top: 1px solid #E0E0E0; padding: 10px 0; height: 35px; line-height: 35px; margin: 5px 0 0 0; text-align: center; clear: both; }

.btn-primary, .btn-secondary, .table-action .btn { *margin: 0 2px; height: 27px; line-height: 27px; }
.btn-primary span, .btn-secondary span, .table-action .btn span { background-position: 0 -553px; color: white; font-weight: bold; }
.btn-primary span span, .btn-secondary span span, .table-action .btn span span { background-position: 100% -553px; min-width: 40px; _width: 40px; height: 27px; line-height: 27px; }
.btn-primary:hover span, .btn-secondary:hover span, .table-action .btn:hover span { background-position: 0 -516px; color: white; }
.btn-primary:hover span span, .btn-secondary:hover span span, .table-action .btn:hover span span { background-position: 100% -516px; }
.btn-primary:active span, .btn-secondary:active span, .table-action .btn:active span { background-position: 0 -590px; color: white; }
.btn-primary:active span span, .btn-secondary:active span span, .table-action .btn:active span span { background-position: 100% -590px; }
.btn-primary.disabled span, .btn-primary.disabled:hover span, .btn-primary.disabled:active span, .btn-primary[disabled] span, .btn-primary[disabled]:hover span, .btn-primary[disabled]:active span, .btn-secondary.disabled span, .btn-secondary.disabled:hover span, .btn-secondary.disabled:active span, .btn-secondary[disabled] span, .btn-secondary[disabled]:hover span, .btn-secondary[disabled]:active span, .table-action .btn.disabled span, .table-action .btn.disabled:hover span, .table-action .btn.disabled:active span, .table-action .btn[disabled] span, .table-action .btn[disabled]:hover span, .table-action .btn[disabled]:active span { background-position: 0 -75px; color: #888888; text-shadow: 1px 1px 0 #bbbbbb; }
.btn-primary.disabled span span, .btn-primary.disabled:hover span span, .btn-primary.disabled:active span span, .btn-primary[disabled] span span, .btn-primary[disabled]:hover span span, .btn-primary[disabled]:active span span, .btn-secondary.disabled span span, .btn-secondary.disabled:hover span span, .btn-secondary.disabled:active span span, .btn-secondary[disabled] span span, .btn-secondary[disabled]:hover span span, .btn-secondary[disabled]:active span span, .table-action .btn.disabled span span, .table-action .btn.disabled:hover span span, .table-action .btn.disabled:active span span, .table-action .btn[disabled] span span, .table-action .btn[disabled]:hover span span, .table-action .btn[disabled]:active span span { background-position: 100% -75px; }

@-moz-document url-prefix() { .table-action .btn span, .btn-primary span { height: 27px; line-height: 27px; } }

.btn-secondary span, .table-action .btn-secondary span { background-position: 0 -974px; color: #333333; }
.btn-secondary span span, .table-action .btn-secondary span span { background-position: 100% -974px; }
.btn-secondary:hover span, .table-action .btn-secondary:hover span { background-position: 0 -906px; color: #222222; }
.btn-secondary:hover span span, .table-action .btn-secondary:hover span span { background-position: 100% -906px; }
.btn-secondary:active span, .table-action .btn-secondary:active span { background-position: 0 -1177px; color: #333333; }
.btn-secondary:active span span, .table-action .btn-secondary:active span span { background-position: 100% -1177px; }
.btn-secondary.disabled span, .btn-secondary.disabled:hover span, .btn-secondary.disabled:active span, .btn-secondary[disabled] span, .btn-secondary[disabled]:hover span, .btn-secondary[disabled]:active span, .table-action .btn-secondary.disabled span, .table-action .btn-secondary.disabled:hover span, .table-action .btn-secondary.disabled:active span, .table-action .btn-secondary[disabled] span, .table-action .btn-secondary[disabled]:hover span, .table-action .btn-secondary[disabled]:active span { background-position: 0 -75px; }
.btn-secondary.disabled span span, .btn-secondary.disabled:hover span span, .btn-secondary.disabled:active span span, .btn-secondary[disabled] span span, .btn-secondary[disabled]:hover span span, .btn-secondary[disabled]:active span span, .table-action .btn-secondary.disabled span span, .table-action .btn-secondary.disabled:hover span span, .table-action .btn-secondary.disabled:active span span, .table-action .btn-secondary[disabled] span span, .table-action .btn-secondary[disabled]:hover span span, .table-action .btn-secondary[disabled]:active span span { background-position: 100% -75px; }

.btn-thirdly { height: 20px; line-height: 20px; position: relative; top: -2px; }
.btn-thirdly span { background-position: 0 -385px; color: white; height: 20px; line-height: 20px; padding-left: 5px; }
.btn-thirdly span span { background-position: 100% -385px; padding-right: 4px; height: 20px; line-height: 20px; }
.btn-thirdly:hover span, .btn-thirdly:active span { background-position: 0 -448px; color: white; }
.btn-thirdly:hover span span, .btn-thirdly:active span span { background-position: 100% -448px; }

.btn-fourthly { height: 22px; line-height: 22px; position: relative; top: -2px; }
.btn-fourthly span { background-position: 0 -1260px; color: #333333; height: 22px; line-height: 22px; padding-left: 5px; }
.btn-fourthly span span { background-position: 100% -1260px; padding-right: 4px; height: 21px; line-height: 21px; }

.btn-fourthly:hover span, .btn-fourthly:active span, .btn-fourthly-cur span { background-position: 0 -149px; color: #333333; }
.btn-fourthly:hover span span, .btn-fourthly:active span span, .btn-fourthly-cur span span { background-position: 100% -149px; }

.no-align-center { text-align: left; }

/*tab*/
.tabs-wrap { background: url(images/tile_bg.png) repeat-x 0 -600px; height: 31px; padding: 0 3px; }
.gridlist-action .tabs-wrap { background: transparent; }
.tabs-wrap ul { float: left; margin: 3px 0 0 0; padding: 0 5px; }
.tabs-wrap li { margin: 0 2px 0 0; }
.tabs-wrap .current, .gridlist-action .tabs-wrap li.current { background-position: 0 -627px; font-weight: bold; color: #222222; }
.tabs-wrap .current span { background-position: 100% -627px; }
.tabs-wrap .current a { color: #222222; }

.tab { background: none; padding: 0 0 0 17px; margin-right: 5px; text-align: center; float: left; line-height: 28px; font-size: 13px; color: #5F5F5F; list-style: none; cursor: pointer; }
.gridlist-action .tab { padding: 0 0 0 17px; }
.tab span { background: none; padding: 0 17px 0 0; float: left; height: 28px; white-space: nowrap; }
.tab a { color: #5F5F5F; text-decoration: none; }
.tab a:hover { text-decoration: none; }
.tab .lnk { color: #3367AC; text-decoration: underline; }

.tabs-item { border-right: 1px solid #c0d1d6; border-bottom: 1px solid #c0d1d6; border-left: 1px solid #c0d1d6; padding: 10px; }

/*gift-tab*/
.gift-tab { position: relative; width: 100%; }
.gift-tab .switchable-triggerBox li { float: left; color: #333333; font-size: 12px; padding: 0 0 0 7px; width: 102px; height: 29px; line-height: 29px; text-align: center; background-position: 0 -1292px; cursor: pointer; margin: 0 5px 0 0; }
.gift-tab .switchable-triggerBox li span { background-position: 100% -1292px; height: 29px; line-height: 29px; display: block; }
.gift-tab .switchable-triggerBox li.cur { background-position: 0 -667px; font-weight: bold; }
.gift-tab .switchable-triggerBox li.cur span { background-position: 100% -667px; }
.gift-tab .switchable-content { position: relative; clear: both; height: 200px; overflow: hidden; padding: 0; border: 1px solid #dddddd; border-top: none; }
.gift-tab .switchable-content .gift-title { height: 27px; background: #eeeeee; padding: 5px 15px 0 15px; }
.gift-tab .switchable-content .gift-title a { /*@include icon-bg(gift_title);*/ padding: 3px 5px; *padding: 5px; text-decoration: none; color: #3F4D69; }
.gift-tab .switchable-content .gift-title a:hover { color: black; }

.gift-tab .switchable-content li, .have_selct li { float: left; width: 62px; height: 62px; border: 1px solid #cccccc; padding: 2px; display: block; text-align: center; position: relative; margin: 5px 6px 5px 0; }

.have_selct { width: 707px; height: auto; clear: both; }

.have_selct img, .switchable-content img { height: 60px; }

.gift-tab .switchable-content li del { visibility: hidden; }

.goodsone li div { width: 12px; height: 12px; position: absolute; right: 0; top: -2px; background-position: 0 -1004px; }

.gift-tab .switchable-content .goodsone { padding: 0 0 10px 0; height: 100%; border-top: 1px solid #dddddd; }

.goods-list { height: 160px; overflow-y: auto; padding: 5px 10px; position: relative; }

/*pager*/
.pager { font-size: 0.9em; font-family: Tahoma, Helvetica, sans-serif; text-align: center; clear: both; overflow: hidden; }
.pager a, .pager span { padding: 2px 4px; cursor: pointer; margin: 2px; line-height: normal; border: 1px solid #ccdbe4; color: #3e5b74; background-color: #f3f3f3; text-decoration: none; }
.pager a:hover, .pager span:hover, .pager .current { background-color: #6a8aca; border: 1px solid #3f4d69; color: white; }
.pager .disabled,.pager .disabled:hover { border-style: dotted; cursor: not-allowed;background-color: #eee; color:#999;}
.pager .span-auto { margin-right: 0; }
.pager .pagernum { overflow: hidden; zoom: 1; }

/* the tips info */
.tip-wrap { position: absolute; z-index: 65535; }

.tip { border: 1px solid #CFDAE2; min-width: 180px; max-width: 300px; _width: 180px; background: #FFFFCC; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; box-shadow: 1px 1px 1px rgba(201, 201, 201, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(201, 201, 201, 0.5); -moz-box-shadow: 1px 1px 1px rgba(201, 201, 201, 0.5); -o-box-shadow: 1px 1px 1px rgba(201, 201, 201, 0.5); padding-bottom: 3px; }

.tip-top, .tip-bottom { position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; top: 8px; left: -13px; border-width: 7px; border-style: dashed solid dashed dashed; border-color: transparent #CFDAE2 transparent transparent; }

.tip-bottom { left: -12px; border-right-color: #FFFFCC; }

.tip-top-right { left: auto; right: -13px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #CFDAE2; }

.tip-bottom-right { left: auto; right: -12px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #FFFFCC; }

.tip-title { font-weight: bold; background: #FFEAAA; padding: 0 3px 0 20px; line-height: 20px; }

.tip-text { padding: 3px 7px; color: #5B5B5B; line-height: 16px; word-wrap: break-word; overflow: hidden; }
.tip-text p { margin-bottom: 5px; }

.finder-col-img-tip { z-index: 65535; }
.finder-col-img-tip .tip { background: white; border-color: #666666; *width: 200px; }
.finder-col-img-tip .tip-text { height: 200px; vertical-align: middle; text-align: center; }
.finder-col-img-tip .tip-top, .finder-col-img-tip .tip-bottom { display: none; }

.finder-col-text-tip { z-index: 65535; }
.finder-col-text-tip .tip { width: 280px; }
.finder-col-text-tip .tip-text { vertical-align: middle; text-align: center; }
.finder-col-text-tip .tip-top, .finder-col-text-tip .tip-bottom { display: none; }

/* x view image */
.x-view-img { line-height: 15px; background-position: 0 -84px; border: 0 none !important; cursor: pointer; }

.x-view-img:hover { background-position: 0 -108px; }

/* tags */
.x-tag-wrapper { padding: 0; margin: 5px 0; }

.x-tag-info { float: left; width: 60px; padding: 6px 0; font-weight: normal; margin-right: 5px; }

.x-tag-list { margin: 0; padding: 0; }

.x-tag-list .x-tag { background: #F5F9FF; float: left; white-space: nowrap; padding: 2px 5px; margin: 2px 4px 2px 0; border: 1px solid white; border-color: white #a5c9f5 #a5c9f5 white; cursor: pointer; }

.x-tag-list .x-tag-selected { background: #70ACF4; border-color: #4B9FEE; color: white; }

/* tree list */
.x-tree-list .node { display: block; height: 20px; white-space: nowrap; overflow: hidden; zoom: 1; }
.x-tree-list .node span, .x-tree-list .node input { display: block; float: left; }
.x-tree-list div { padding-left: 15px; }
.x-tree-list .node-hasc, .x-tree-list .node-child-box { clear: both; }
.x-tree-list .node-line { display: none; }
.x-tree-list .node-icon { width: 20px; background: url(images/treeico.gif) no-repeat 50% -54px; }
.x-tree-list .node-hasc .node-icon { background-position: 50% -6px; }
.x-tree-list .node-name { color: #666666; padding-right: 10px; }
.x-tree-list .node-handle { width: 18px; }
.x-tree-list .node-hasc .node-handle { background: url(images/treeico.gif) no-repeat 50% -126px; cursor: pointer; }
.x-tree-list .node-hasc .node-close { background-position: 50% -107px; }

/* dialog */
.dialog { position: absolute; box-shadow: 3px 3px 7px #999999; -webkit-box-shadow: 3px 3px 7px #999999; -moz-box-shadow: 3px 3px 7px #999999; -o-box-shadow: 3px 3px 7px #999999; }
.dialog .dialog-head { background: url(images/tile_bg.png) 0 -500px; color: #3d4043; font-size: 14px; height: 27px; line-height: 27px; padding: 0 8px; font-weight: bold; overflow: hidden; cursor: move; }
.dialog .dialog-box { border: 1px solid #71859c; background-color: white; zoom: 1; }
.dialog .dialog-content-head, .dialog .dialog-content-foot { background: #f9fbff; color: #6b6b6b; padding: 0 7px; line-height: 180%; }
.dialog .dialog-content-head { background: white; }
.dialog .dialog-content-head .tabs-wrap { background-position: 0 -200px; height: 28px; padding-top: 3px; }
.dialog .dialog-content-head .tab, .dialog .dialog-content-head span { height: 36px; line-height: 36px; *padding-top: 7px; *height: 24px; }
.dialog .dialog-content-body { background: #fbfbfb; overflow: hidden; overflow-y: auto; position: relative; padding: 10px; }
.dialog .dialog-content-foot .table-action { margin: 6px 0; border-top: 1px solid #d8d8d8; padding: 5px 0; }
.dialog .tableform { border: none; margin: 5px 10px 7px; padding: 2px; }
.dialog .tableform h4 { border: none; padding: 3px 2px; }
.dialog .tableform .division { margin: 3px 3px 5px; }
.dialog .division { background: white; border: 1px solid #d8d8d8; padding: 5px; margin: 10px 13px 10px 0; }
.dialog .division .division { border: none; }
.dialog .btn-close { display: block; background-position: 0 -1070px; margin: 5px 0 0; text-indent: -9999px; height: 16px; width: 16px; overflow: hidden; cursor: pointer; }
.dialog .table-action { margin: 6px; padding: 5px 0; }
.dialog .btn-resize { background-position: 0 -1090px; position: absolute; bottom: 2px; right: 2px; font-size: 0; height: 6px; line-height: 0px; font-size: 5.25px; width: 6px; cursor: nw-resize; }

/* the validator */
.x-vali-error { padding: 3px 5px 3px 21px; margin-left: 10px; display: inline; height: 25px; border: 1px solid #E6594E; white-space: nowrap; text-align: left; color: #E6594E; background-position: 0 -426px; background-color: #fceae8; }

/*select*/
.selectbtn { color: #333333; height: 25px; }

.select .on { background: #2D297A; color: white; font-weight: bold; }

.optionlevels { border: none; }

/* dropmenu */
.x-drop-menu { position: absolute; display: none; white-space: nowrap; border: 1px solid #b1c3d4; background: white; z-index: 999; padding: 5px 0; line-height: 180%; box-shadow: 5px 5px 5px #e8e8e8; -webkit-box-shadow: 5px 5px 5px #e8e8e8; -moz-box-shadow: 5px 5px 5px #e8e8e8; -o-box-shadow: 5px 5px 5px #e8e8e8; }
.x-drop-menu li { cursor: pointer; padding: 0 4px; float: none; width: auto; }
.x-drop-menu li:hover { background: #f3f3f3; }

/* category group */
.cat-group a { display: block; text-decoration: none; font-size: 13px; padding: 2px 3px; border: 1px white solid; }
.cat-group a:hover { background: #e9e9e9; }
.cat-group .subs { background: url(images/ico_arrow1.gif) center no-repeat; border: 1px white solid; width: 14px; text-indent: -999em; }
.cat-group .subs:hover { background: url(images/ico_arrow2.gif) center no-repeat; border: 1px #cccccc solid; }

/* html editor */
.wysiwyg_body { border-color: #B0BEC7 #B0BEC7 #93A6B4 #93A6B4; border-style: solid; border-width: 1px; }
.wysiwyg_body iframe, .wysiwyg_body textarea { clear: both; background: white; font-family: verdana; border: none; padding: 0; margin: 0; width: 100%; height: 100%; }

.mce_style_1 { background: #e9e9e9; border-width: 1px; border-style: solid; border-color: #cccccc #cccccc #666666 #cccccc; clear: both; overflow: hidden; margin: 0; zoom: 1; }
.mce_style_1 li, .mce_style_1 ul { list-style-type: none; }
.mce_style_1 ul { border: 1px white solid; padding: 4px; margin: 0; overflow: hidden; height: 100%; border-right: none; border-bottom: none; }
.mce_style_1 ul li { float: left; cursor: pointer; border: none; padding: 2px; margin-right: 2px; }
.mce_style_1 ul li img { margin: 0; float: left; }
.mce_style_1 li:hover { background: #c7dce7; border: 1px solid #688db2; padding: 1px; }
.mce_style_1 li.in { border: 1px #cccccc solid; background: white; padding: 1px; }
.mce_style_1 select { *border: 1px #e9e9e9 solid; color: #333333; font-size: 10px; font-family: Verdana; }
.mce_style_1 select option { background: #f2fafc; }

.button-add, .button-cut { height: 16px; line-height: 16px; width: 16px; background-position: 0 -536px; border: none; cursor: pointer; margin: 5px 5px 0 0; }

.button-cut { background-position: 0 -568px; }

/* picture album */
.image-input { border: 1px #e9e9e9 solid; }

.image-input-view { border: 1px white solid; }

.image-input-handle { background: #efefef; border: 1px #cccccc solid; cursor: pointer; white-space: normal; line-height: normal; padding-top: 2px; text-align: center; float: right; }
.image-input-handle img { display: block; margin: 3px auto; }
.image-input-handle:hover { background: #3D568D; color: white; }

.image-broswer-handle { margin: 0 -7px; }

.image-lib img { border: 2px solid white; padding: 1px; background-color: white; }
.image-lib .item:hover img { border-color: #FF3300; }
.image-lib .item i { visibility: hidden; }
.image-lib .current i { visibility: visible; }
.image-lib .current img { border-color: #999999; background-color: #333333; }
.dialog .division .image-lib td { border: none; }

/* calendar */
.x-calendar { border: 1px #666666 solid; }

.x-datepicker { font-family: Verdana, Arial, Helvetica, sans-serif; background: none !important; overflow: hidden; width: 226px; }
.x-datepicker table { background: #BEBEBE; margin: 0 auto; padding: 0; overflow: hidden; border-spacing: 0px; border: 1px solid #e9e9e9; width: 100%; }
.x-datepicker caption { color: white; font-weight: bold; font-size: 13px; text-align: center; width: 100%; height: 25px; line-height: 26px; background: #567DCA; border-bottom: 1px solid black; }
.x-datepicker caption a { cursor: pointer; color: #efefef; text-decoration: none; font-weight: bold; margin: 0 10px 0 10px; }
.x-datepicker .next, .x-datepicker .prev { cursor: pointer; }
.x-datepicker th, .x-datepicker td { cursor: default; font-size: 12px; background: white; height: 20px; width: 25px; text-align: center; border-top: 1px solid #BEBEBE; }
.x-datepicker th { background: #FDFDDB; border: none; color: #888888; font-family: Verdana; font-size: 10px; }
.x-datepicker .active { cursor: pointer; color: black; }
.x-datepicker .inactive { background: #eeeeee; color: #BEBEBE; }
.x-datepicker .today { border-top: 1px solid #FFc700; background: #FFFF99; }
.x-datepicker .hilite { background: #333333; color: white; }

.x-datepicker-month { width: 120px; padding-left: 10px; }

.x-datepicker-year { width: 80px; padding-right: 10px; }

.x-datepicker-year span, .x-datepicker-month span { cursor: s-resize; }

/* color picker */
.goog-palette-panel { background-color: white; border-collapse: collapse; border-color: #cccccc #676767 #676767 #cccccc; border-style: solid; border-width: 1px; color: #333333; cursor: default; margin: 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; padding: 0.5ex 0 0; position: absolute; white-space: nowrap; z-index: 65535; visibility: hidden; }

.goog-palette { outline: none; cursor: default; }

.goog-palette-table td, .goog-palette-table th { padding: 0; }

.goog-palette-table { margin: 5px; border: 1px solid #666666; border-collapse: collapse; width: auto; }

.goog-palette-cell { height: 18px; width: 18px; margin: 0; border: none; text-align: center; vertical-align: middle; cursor: pointer; }

.goog-palette-cell .goog-palette-colorswatch { position: relative; height: 18px; width: 18px; font-size: x-small; }

.goog-palette-cell-hover .goog-palette-colorswatch { height: 16px; width: 16px; border: 1px solid white; }

/*inputfile*/
.input-file { display: inline-block; *display: inline; *zoom: 1; }

.input-file-selected { border-bottom: 1px solid #cccccc; display: inline-block; *display: inline; *zoom: 1; padding: 0 5px; width: auto !important; min-width: 100px; width: 100px; }

/* tag editor */
ul.tag-editor-group { padding: 6px 3px; margin: 0 5px 5px; }
ul.tag-editor-group li { *padding: 2px 0; cursor: pointer; }

.tag-editor-group li { list-style: none; }

span.tag { padding: 1px 2px; margin: 0 1px; background: #f8f8f8; border: 1px solid #B7C2CF; }

.tag-label { background: #F1F4F7; padding: 2px 4px; margin-right: 3px; color: #4E6A81; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }

/* filter */
.filter-list dl { clear: both; padding: 4px; margin: 2px; border: 1px #EBEFF4 solid; }
.filter-list dt { font-weight: normal; color: #666666; margin: 0 0 2px; }
.filter-list dd { padding: 0; margin: 0; font-weight: bold; color: black; }
.filter-list dd input, .filter-list dd select { font-weight: bold; color: black; }
.filter-list dl.over { background: #D8DDE9; border: 1px white solid; }
.filter-list dl.over dt { color: #333333; }

/* msgbox */
.msgbox { max-width: 250px; overflow: visible; word-wrap: break-word; white-space: normal; background: #EDFFE0; line-height: 29px; padding: 0 20px; border: 1px #8FC469 solid; border-top-width: 0; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; box-shadow: 0 1px 8px #cccccc; -webkit-box-shadow: 0 1px 8px #cccccc; -moz-box-shadow: 0 1px 8px #cccccc; -o-box-shadow: 0 1px 8px #cccccc; color: #333333; visibility: hidden; position: absolute; left: 450px; z-index: 65535; }
.msgbox a { text-decoration: underline; color: #EB7D00; font-weight: normal; }
.msgbox.warning { border-color: #FF9966; background: #FFFFCC; }
.msgbox.exception { border-color: #FF0000; background: #FFCCCC; }
.msgbox.default, .msgbox.warning, .msgbox.exception { visibility: visible !important; display: block !important; }

/*imgbundle*/
.imgbundle { background-image: url(images/bundle.gif); background-repeat: no-repeat; margin-right: 2px; }

/*行业体验数据*/
.text-spec-value-table .simg-col span { visibility: hidden; }

/*筛选器*/
.selector-panel { width: 532px; overflow: hidden; }

.selector-table { table-layout: fixed; }

.selector-table tbody td { vertical-align: top; text-align: left; padding: 0; }

/*跳转提示器*/
.splash { border-width: 2px; width: 400px; padding: 10px; position: static; margin: 20px auto 0 auto; }

.object-select { margin: 2px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border: none; }
.object-select div { float: left; height: 21px; line-height: 21px; }
.object-select .label { padding: 0 10px 0 10px; border-right: none; cursor: pointer; background-position: 0 -291px; font-weight: normal; max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.object-select .handle { width: 19px; background-position: 100% -321px; cursor: pointer; }

/*框架loading*/
.loadpart { padding: 5px; }
.loadpart .msg { padding: 4px; font-weight: bold; }
.loadpart .lpb { padding: 1px; border: 1px #cccccc solid; font-size: 9px; width: 250px; }
.loadpart .lpp { background: #4B6DAA; width: 0%; }

/*autocompleter*/
ul.autocompleter-choices { position: absolute; list-style: none; margin: 0; border: 1px solid #7c7c7c; border-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3; background-color: white; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 65535; overflow: hidden; }
ul.autocompleter-choices li { position: relative; margin: -2px 0 0 0; padding: 0.2em 1.5em 0.2em 1em; display: block; float: none !important; cursor: pointer; font-weight: normal; white-space: nowrap; font-size: 1em; line-height: 1.5em; }
ul.autocompleter-choices li.autocompleter-selected { background-color: #444444; color: white; }
ul.autocompleter-choices span.autocompleter-queried { display: inline; float: none; font-weight: bold; margin: 0; padding: 0; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #9FCFFF; }

/*imageset*/
#imageset .pos-select { background: white; margin: 10px; border: 1px solid #cccccc; width: auto; cursor: pointer; }

#imageset .pos-select td { border: 1px solid #d8d8d8; }

#imageset .pos-select .current { background: #36c; color: white; }

.watermark-setting .tableform { border: 1px solid #d8d8d8; padding: 0 10px 5px; margin: 3px 0; background: #f8f8f8; }

.watermark-none .watermark-setting { display: none; }

.watermark-none .pos-select, .watermark-none .watermark-set, .watermark-text .watermark-image-set, .watermark-image .watermark-text-set { display: none; }

/*商品评论综合评分*/
.star-div, .point-div { height: 19px; padding: 2px 2px 0 0; padding: 0 2px 0 0\9; }

.star-div ul, .point-div { margin: 0; padding: 0; list-style-type: none; }

.point-div li { width: 75px; height: 19px; line-height: 19px; float: left; margin: 0 14px 0 0; padding: 0; text-align: center; }

.star-div li { width: 75px; height: 19px; line-height: 12px; *line-height: 19px; float: left; margin: 0 14px 0 0; padding: 0; }
.star-div .star0, .star-div .star { visibility: hidden; }
.star-div .star1 { background-position: 0 -256px; }
.star-div .star1_ { background-position: 0 -404px; }
.star-div .star2 { background-position: 0 -190px; }
.star-div .star2_ { background-position: 0 -146px; }
.star-div .star3 { background-position: 0 -212px; }
.star-div .star3_ { background-position: 0 -124px; }
.star-div .star4 { background-position: 0 -234px; }
.star-div .star4_ { background-position: 0 -168px; }
.star-div .star5 { background-position: 0 -382px; }
.star-div .star5_ { background-position: 0 -278px; }

/* goods spec */
.goods-spec-pic { padding: 1px; border: 1px solid #3366cc; vertical-align: middle; }

.goods-spec-box { overflow: hidden; background: white; }
.goods-spec-box li { float: left; margin: 3px; border: 2px white solid; cursor: pointer; }
.goods-spec-box span, .goods-spec-box img { border: 1px #3366CC solid; padding: 1px; background: white; color: #333333; display: block; }
.goods-spec-box span { padding: 1px 4px 1px 4px; white-space: nowrap; }
.goods-spec-box .spec-add, .goods-spec-box .spec-add label { padding: 0; border: none; margin: 0; line-height: normal; text-align: center; cursor: pointer; }

.goods-spec-span { border: 1px solid #336699; padding: 1px 4px; }

#goods-spec .goods-spec-box { margin: 0; padding: 4px; border: 1px #3366CC solid; }
#goods-spec .goods-spec-box li { cursor: pointer; }
#goods-spec .goods-spec-box .noclick { cursor: not-allowed; color: #cccccc; }
#goods-spec .goods-spec-box .noclick span, #goods-spec .goods-spec-box .noclick img { color: #cccccc; opacity: 0.5; filter: alpha(opacity=50); }
#goods-spec .select-spec-unselect, #goods-spec .select-spec-value { border: 2px white solid; background: white; display: block; }
#goods-spec .select-spec-unselect span, #goods-spec .select-spec-unselect img { border: 1px #3366cc dotted; padding: 1px; background: white; color: #333333; display: block; cursor: pointer; }
#goods-spec .goods-spec-select span, #goods-spec .goods-spec-select img { border-style: solid; }
#goods-spec .goods-spec-selected span, #goods-spec .goods-spec-selected img { border-style: solid; background: #ffffcc; }

/* category_filter */
.category_filter { width: 100%; overflow: hidden; overflow-x: auto; position: relative; padding: 4px 0; }

.goods_category_body { height: 280px; }

.cat_sel_wrap select { width: 78%; }

.cat_sel_wrap strong { height: 24px; line-height: 24px; }

.goods_category_body .cat_select { width: 200px; height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; float: left; list-style: none outside none; background: white; border: 1px solid #D5DFE3; background: #EAEEF4; margin: 0px; margin-right: 5px; }
.cat_select li { padding: 2px 5px; margin: 2px 0px; padding-right: 2px; cursor: pointer; position: relative; }
.cat_select .isParent .icon { visibility: visible; }
.cat_select .icon { visibility: hidden; position: absolute; right: 4px; height: 0; width: 0; font-size: 0; margin-top: 4px; border-color: transparent transparent transparent #666666; border-width: 4px; border-style: solid; }
.cat_select li.cur { background-color: #6E8ECD; color: white; margin: 2px 0px; border-top: 1px solid #91AED9; border-bottom: 1px solid #91AED9; padding: 1px 5px; }
.cat_select li.cur .icon { border-color: transparent transparent transparent white; }
.cat_select .filter_item { padding-left: 0px; }

.ipt_search { width: 168px; height: 20px; line-height: 20px; color: #999999; border-width: 1px; border-style: solid; border-color: #B0B9BC #D5DFE3 #D5DFE3 #B0B9BC; padding: 0 0 2px 4px; margin-left: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }

.cat_catpath { background: white; border: 1px solid #D5DFE3; padding-top: 0; margin: 2px 0px; }

.cat_catpath_info { background: white; color: #444444; padding: 9px 7px; }

/*favorite star*/
.fav-star { cursor: pointer; display: block; width: 15px; height: 23px; overflow: hidden; position: relative; border: none; line-height: 23px; margin: 0; padding: 0; zoom: 1; }
.fav-star img { position: absolute; left: 0; top: 4px; }

.fav-star-on img { left: -20px; }

/*note pop*/
.note-pop { position: absolute; z-index: 7000; border: 1px solid #ff9d12; background-color: #fff2df; padding: 10px 10px 3px; color: #666666; box-shadow: 2px 2px 2px rgba(217, 112, 10, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(217, 112, 10, 0.4); -moz-box-shadow: 2px 2px 2px rgba(217, 112, 10, 0.4); -o-box-shadow: 2px 2px 2px rgba(217, 112, 10, 0.4); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }
.note-pop .close-box { padding-top: 3px; font-size: 12px; text-align: right; }
.note-pop .close { cursor: pointer; text-align: center; color: #ff8400; }
.note-pop .pop-ar { position: absolute; }
.note-pop .pop-ar span { position: absolute; }
.note-pop .pop-ar.bottom { border: 5px solid transparent; border-top: 5px solid #ff9d12; bottom: -10px; }
.note-pop .pop-ar.bottom span { border: 3px solid transparent; border-top: 3px solid #fff2df; top: -5px; left: -3px; }
.note-pop .pop-ar.top { border: 5px solid transparent; border-bottom: 5px solid #ff9d12; top: -10px; }
.note-pop .pop-ar.top span { border: 3px solid transparent; border-bottom: 3px solid #fff2df; bottom: -5px; left: -3px; }

/*form*/
.head-title, .content-main h3 { font-size: 14px; color: #222222; height: 22px; line-height: 22px; padding: 1px 7px 2px; margin: 0; }

h2.head-title { color: #222222; padding: 1px 7px 2px; margin: 2px 0 0; border: none; }

h3.head-title { border-bottom: 2px solid #e0e0e0; }

.head-title .num, .content-main h3 .num { font-weight: normal; font-style: normal; color: #999; font-size: 0.9em; margin: 0 2px; }

.custom-title { margin-top: 6px; }

.tableform { margin: 5px 5px 10px; }
.tableform h4 { font-size: 12px; margin: 5px; border-top: 1px solid #e8e8e8; padding: 10px 10px 0; }
.tableform h5 { color: #333; font-size: 12px; margin: 0 0 5px; padding: 0 5px; }
.tableform .first, .tableform .division h4 { border: none; }
.tableform .division td a { *padding: 2px 5px 0 5px; padding: 2px 5px; margin: 0 3px; color: #000; line-height: 20px; }
.tableform th, .tableform td { padding: 7px 5px; vertical-align: top; }
.tableform th { text-align: right; font-weight: normal; white-space: nowrap; width: 120px; padding-right: 5px; color: #4f4f4f; }
.tableform td { white-space: normal; }
.tableform table { padding: 0; }
.tableform h5.head-title { border-bottom: 1px solid #dddddd; }
.tableform .red { font-weight: bold; margin: 0 2px; }
.tableform .intro { color: #369; padding-left: 15px; }

.tableform-tabs { background: white; }
.tableform-tabs .table-action { margin: 0 0 15px; }
.tableform-tabs .division { border: none; margin: 0; }

.division-bottom { border-bottom: 1px solid #cbd5dc; }

.addmenu th { width: 70px; font-weight: bold; }
.addmenu td { padding-top: 3px; }
.addmenu a { border: 1px solid #cccccc; padding: 3px 5px; display: block; float: left; margin-right: 2px; cursor: pointer; text-decoration: none; line-height: 23px; }
.addmenu a:hover { border: 1px solid #ff9900; text-decoration: none; }
.addmenu a.current { border: 2px solid #ff9900; font-weight: bold; }

.b-tp, tr.b-tp th, tr.b-tp td { border-top: 1px solid #e8e8e8; padding-top: 9px; margin-top: 3px; }

.b-ft, tr.b-ft th, tr.b-ft td { border-bottom: 1px solid #e8e8e8; padding-bottom: 9px; margin-bottom: 3px; }

.table-title { padding: 10px 5px; }

.table-title h4 { display: inline; padding: 0; }

.widgetconfig h4 { padding: 5px; color: #364b7d; font-size: 1em; }

.division { margin: 5px; padding: 10px; line-height: normal; white-space: normal; }
.division .division { border: none; }
.division .shopping_setting th { width: 190px; }
.division .shop-setting th { width: 190px; }
.division td label, .division div label { float: none; white-space: nowrap; }
.division .span-auto label { white-space: nowrap; }
.division ul, .division li { list-style: none; }
.division li { padding: 2px; overflow: hidden; }
.division .info { color: #b6b6b6; margin-left: 5px; }
.division h4 { color: #333; font-size: 12px; }
.division h3 a, .division h4 a { font-size: 12px; }

#tag_setter div { overflow: visible; *width: 80px; }

.helptips { font-size: 14px; border-bottom: 1px dotted #f90; cursor: pointer; }

.section h4 { color: #003366; padding: 3px 10px; margin: 0 0 5px; }

.division-skin { background: #f8f8f8; border: 1px solid #dbdbdb; }
.division-skin .textarea-auto { width: 98%; margin: 8px; height: 160px; }

.division.table-action { margin: 5px 7px; padding: 1px 3px; }

.handles { padding-left: 5px; }

.t-handle-current, .handles .cur { background-color: #FFFFFF; border-color: #FF9900 #DDDDDD #FFFFFF; border-style: solid; border-width: 2px 1px 1px; cursor: pointer; font-weight: bold; height: 25px; line-height: 25px; text-align: center; width: 80px; padding: 3px 15px 3px 15px; }

.t-handle { background-color: #FFFFFF; border: 1px solid #DDDDDD; cursor: pointer; height: 22px; text-align: center; width: 80px; padding: 3px 15px 3px 15px; }

.discuss-pro { margin: 10px 0 5px 15px; }
.discuss-pro ul { list-style-type: none; margin: 5px; }
.discuss-pro li { height: 15px; padding: 3px 0; *margin-bottom: 5px; clear: left; }

.discuss-pro-pic { width: 75px; height: 74px; margin-bottom: 6px; background: #fff; text-align: center; }

.gridlist.rows-body { border: none; }

/*  standard upload */
.std-upload-txt { height: 25px; line-height: 25px; position: absolute; top: 0; left: 0; }
.std-upload-txt div { height: 25px; line-height: 25px; display: inline-block; *display: inline; *zoom: 1; }
.std-upload-txt .browse { display: inline-block; *display: inline; *zoom: 1; position: relative; cursor: pointer; }
.std-upload-txt input { position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.std-upload-txt .std-loading-icon { margin: 0 5px; visibility: hidden; height: 15px; width: 16px; background: url(images/loading.gif) no-repeat center center; }

/*gridlist*/
.gridlist-action { background: url(images/tile_bg.png) repeat-x 0 -100px; color: #425a78; padding: 2px 5px; border-bottom: 1px solid #c6d7e4; height: 25px; overflow: hidden; }
.gridlist-action ul, .gridlist-action li { margin: 0; list-style: none; padding: 0; }
.gridlist-action li { float: left; margin-right: 5px; }
.gridlist-action .first { border-left: none; }
.gridlist-action .cur { background-position: 0 -79px; margin: 3px 3px 0; }
.gridlist-action .cur span { background-position: right -79px; height: 26px; line-height: 25px; }
.gridlist-action button { margin-right: 0; }

.home-theme { border: 2px solid #e4eaf1; width: 120px; height: 140px; cursor: pointer; text-align: center; overflow: hidden; background: white; border-bottom: none; }
.home-theme.active { border: 2px solid #6a8aca; }

.home-theme-title { border: 2px solid #e4eaf1; width: 120px; line-height: 20px; }
.home-theme-title .home-theme-bg { font-weight: bold; background: #e4eaf1; }
.home-theme-title .home-theme-bg a { color: black; }
.home-theme-title.active { border: 2px solid #6a8aca; }
.home-theme-title.active .home-theme-bg { color: white; background: #6a8aca; }

.gridlist-head { overflow: hidden; background: url(images/tile_bg.png) 0 -300px; color: #4e4e4e; height: 22px; line-height: 22px; border-left: 1px solid #D5DFE3; border-right: 1px solid #D5DFE3; }
.gridlist-head th, .gridlist-head td { background: url(images/tile_bg.png) 0 -300px; padding: 0 2px; text-align: left; }
.Node .gridlist-head td { text-align: center; border-right: 1px solid #dddddd; border-left: 1px solid white; border-collapse: collapse; }
.gridlist-head .pointer { cursor: pointer; }
.gridlist-head .pointer:hover { color: #f90; cursor: pointer; }
.gridlist-head .highlight-up { cursor: pointer; background: url(images/arrow-up.gif) no-repeat 95% 50%; color: #369; padding-left: 3px; }
.gridlist-head .highlight-down { cursor: pointer; background: url(images/arrow-down.gif) no-repeat 95% 50%; color: #369; padding-left: 3px; }
.gridlist-head div.span-1, .gridlist-head div.span-2, .gridlist-head div.span-3, .gridlist-head div.span-4, .gridlist-head div.span-5, .gridlist-head div.span-6, .gridlist-head div.span-7, .gridlist-head div.span-8, .gridlist-head div.span-9, .gridlist-head div.span-10, .gridlist-head div.span-11, .gridlist-head div.span-12 { margin: 0; padding: 0 2px; border-left: 1px solid white; border-right: 1px solid #e1e1e1; text-align: center; }

.gridlist { background: white; color: #5B5B5B; border-collapse: collapse; border: 1px solid #d5dfe3; margin: 0; height: auto; zoom: 1; }
.division td .gridlist { width: auto; }
.gridlist thead th { background: url(images/tile_bg.png) 0 -300px; text-align: center; font-size: 12px; padding: 0 3px; height: 22px; line-height: 22px; border-right: 1px solid #c8d6dc; border-bottom: 1px solid #d0d2d5; color: #4e4e4e; font-weight: normal; white-space: nowrap; vertical-align: middle; }
.gridlist th { width: auto; }
.gridlist tr.disabled, .gridlist td.disabled { background: #dddddd; color: #999999; }
.gridlist .lnk { margin: 0 2px; }
.gridlist caption { line-height: 25px; padding: 1px 8px; background: none; border: 1px solid #D5DFE3; border-bottom: none; text-align: left; font-weight: 700; }
.gridlist div.span-1, .gridlist div.span-2, .gridlist div.span-3, .gridlist div.span-4, .gridlist div.span-5, .gridlist div.span-6, .gridlist div.span-7, .gridlist div.span-8, .gridlist div.span-9, .gridlist div.span-10, .gridlist div.span-11, .gridlist div.span-12 { margin: 0; padding: 0 3px; }

/*gridlist tr invalidation*/
.gridlist-footer { background: #eef0f2; border-bottom: 1px solid #CFD8DD; padding: 3px; line-height: 22px; margin: 0 0 5px; }

.gridlist-footer a { color: #586580; }

.gridlist-footer i { font-style: normal; }

.gridlist tbody td, .gridlist tbody th { text-align: center; height: 25px; line-height: 25px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; white-space: normal; padding: 0 3px; vertical-align: middle; }

.Node-body .gridlist tbody td { border-bottom: none; border-right: none; }

.gridlist .opt { display: block; padding: 0; cursor: pointer; text-align: center; }

.gridlist p.notice, .gridlist p.note { margin: 20px 10px; }

.row-line { cursor: default; }

div.row { height: auto; padding: 1px; border: 1px solid #e8e8e8; border-bottom: none; white-space: nowrap; clear: both; overflow: hidden; }
div.row:last-child { border-bottom: 1px solid #e8e8e8; }
div.row .opt img { vertical-align: middle; }
div.row .span-relative { position: relative; overflow: visible; }

.dialog-content-body div .row { height: auto; }

.row:hover { background-color: #FFFFD4; }

.catlist div.row .opt img { visibility: hidden; _visibility: visible; }

.catlist div.row:hover .opt img { visibility: visible; }

div.highlight .row-line { border-bottom: 0; }

.rows-body .span-auto.row-h { height: 23px; line-height: 23px; }

.move-handler { padding: 0 5px 0 3px; zoom: 1; vertical-align: middle; cursor: url(images/hand.cur), move; }

.move-active, .move-active .move-handler, .move-active * { cursor: url(images/closedhand.cur), move !important; }

.footer { background: #E8EFF5; border-top: 1px solid #CFD8DD; padding: 0 0 3px; text-align: center; }

.footer .table-action { width: auto; margin: 0 auto; }

/*action-bar*/
.action-bar { background: #e9e9e9; line-height: 27px; padding: 0 15px; border: 1px #cccccc solid; height: 27px; }

/*finder*/
.finder-title { overflow: hidden; zoom: 1; padding-bottom: 2px; }
.finder-title a, .finder-title .lnk { text-decoration: none; color: #2c4a71; }
.finder-title .filter-tip { padding: 0 10px 0 10px; line-height: 20px; border: 1px #3f4d69 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin-top: 2px; }
.finder-title .sift { height: 25px; line-height: 25px; background: #FEF2A8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #336799; text-align: center; padding: 0 10px; }
.finder-title .sift a { padding: 0 5px; text-decoration: underline; color: #367EC1; }

.finder-packet { font-family: Tahoma, Arial, Verdana; height: 24px; padding: 0 1px; overflow: hidden; position: relative; z-index: 100; }
.finder-packet .packet-items { height: 24px; }
.finder-packet li { height: auto; float: left; position: relative; margin-right: 2px; }
.finder-packet li a { text-decoration: none; cursor: pointer; margin-top: 0px; height: 22px; line-height: 22px; padding: 0 0 0 12px; float: left; color: #333333; background-position: 0 -1077px; font-weight: bold; }
.finder-packet li a:hover { text-decoration: underline; }
.finder-packet li span { background-position: 100% -1077px; float: left; padding: 0 12px 0 0; }
.finder-packet .last { border: none; }
.finder-packet i { display: block; position: absolute; top: 2px; right: 0; z-index: 700; visibility: hidden; cursor: pointer; }
.finder-packet .current a { color: #3a5999; height: 24px; line-height: 24px; background-position: 0 -872px; }
.finder-packet .current span { background-position: 100% -872px; }

.finder-packet .scroll-handle, .finder-tabs-wrap .scroll-handle { display: none; cursor: pointer; top: 4px; text-align: center; position: absolute; width: 15px; height: 15px; color: #3A5999; }
.finder-packet .scroll-handle.l, .finder-tabs-wrap .scroll-handle.l { left: 0; }
.finder-packet .scroll-handle.r, .finder-tabs-wrap .scroll-handle.r { right: 0; }

.packet-scroll .scroll-handle, .tabs-scroll .scroll-handle { display: block; }

.packet-scroll .packet-items, .tabs-scroll .tabs-items { margin: 0 25px; overflow: hidden; position: relative; }

.finder-options { padding: 6px 0 0 0; }

/*finder action*/
.finder-action { background: url(images/tile_bg.png) repeat-x 0 -100px; position: relative; z-index: 99; height: 25px; padding: 7px 0px 3px 7px; margin-top: -1px; border-bottom: 0 none; overflow: visible; }
.finder-action li { margin-right: 3px; }

.finder-action-items a { background-position: 0 -738px; float: left; height: 21px; line-height: 20px; padding: 0 0 0 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.5); -webkit-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.5); -moz-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.5); -o-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.5); color: #222222; font-weight: normal; text-decoration: none; cursor: pointer; }
.finder-action-items a:hover { background-position: 0 -769px; color: black; text-decoration: none; box-shadow: 0 0 2px #cccccc; -webkit-box-shadow: 0 0 2px #cccccc; -moz-box-shadow: 0 0 2px #cccccc; -o-box-shadow: 0 0 2px #cccccc; }
.finder-action-items a:hover span { background-position: 100% -769px; }
.finder-action-items span { background-position: 100% -738px; padding: 0 10px 0 0; float: left; height: 21px; color: #222222; }

/*finder-action-group*/
.finder-action-group { position: relative; }
.finder-action-group:hover { z-index: 2; }
.finder-action-group ul { position: absolute; top: 19px; left: 0; width: 120px; background: white; padding: 5px; border: 1px RGB(137, 137, 137) solid; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; box-shadow: 0px 3px 7px #999999; -webkit-box-shadow: 0px 3px 7px #999999; -moz-box-shadow: 0px 3px 7px #999999; -o-box-shadow: 0px 3px 7px #999999; visibility: hidden; }
.finder-action-group li, .finder-action-group li a, .finder-action-group li span { clear: both; float: none; margin: 0; padding: 0; background: none; border: none; line-height: 22px; display: block; *zoom: 1; color: #222222; }
.finder-action-group li a { padding-left: 10px; box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -o-box-shadow: 0 0 0 transparent; }
.finder-action-group li a:hover { background: #efefef; }
.finder-action-group li.split { background: #cccccc; border-bottom: 1px #efefef solid; height: 1px; line-height: 1px; padding: 0; margin: 3px 0 3px 0; overflow: hidden; }

.finder-action-group-handle span i { padding: 0 2px 0 2px; background: url(images/arrow-down.gif) no-repeat 50% 50%; }

.finder-filter-action-handle { width: auto; position: absolute; right: 0; top: 0; padding: 1px 0; border-left: 1px #999999 solid; }
.finder-filter-action-handle a { display: block; line-height: 25px; padding: 4px 7px 3px; border-left: 1px white solid; text-decoration: none; }
.finder-filter-action-handle a:hover, .finder-filter-action-handle a.active { background-color: #eaeef4; color: black; }
.finder-filter-action-handle a.active span { visibility: hidden; }

.finder-search { background: white; border: 1px solid #898989; padding: 0 0 0 5px; height: 19px; line-height: 19px; }
.finder-search td { padding: 0; white-space: nowrap; }
.finder-search li { float: none; margin-right: 0; padding: 0 4px; }

.finder-search-select { display: block; border-right: 1px solid #d8d8d8; padding: 0 3px 0 0; margin: 0 2px 0 0; }

.finder-search-input { border: 0 none; width: 120px; color: #666666; margin: 0; }

.finder-fast-filter { background: #eeeeee; border-bottom: 1px solid #cccccc; padding: 3px 10px; white-space: nowrap; }
.finder-fast-filter b { margin-right: 10px; }
.finder-fast-filter .x-input { padding: 2px; margin-right: 5px; }
.finder-fast-filter .object-select { display: inline-block; *zoom: 1; margin: 0; vertical-align: middle; }
.finder-fast-filter .btn-close { float: right; line-height: 22px; }
.finder-fast-filter .btn-close a { color: #333333; font: bold 14px arial; }
.finder-fast-filter .btn-close a:hover { text-decoration: none; }

.finder-header-wrapper { overflow: hidden; }
.finder-header-wrapper table { table-layout: fixed; }

.finder-header { color: #222222; border-bottom: 1px #cccccc solid; background: #efefef; }
.finder-header td { padding: 0; vertical-align: middle; overflow: hidden; border-left: 1px solid white; border-right: 1px solid #cccccc; }
.finder-header td td { padding: 0; border: none; }
.finder-header .orderable { cursor: pointer; }
.finder-header .orderable:hover { background-color: #e9e9e9; }
.finder-header .highlight-up .finder-col-title { background: #e9e9e9 url(images/arrow-up.gif) no-repeat 100% 50%; }
.finder-header .highlight-down .finder-col-title { background: #e9e9e9 url(images/arrow-down.gif) no-repeat 100% 50%; }
.finder-header .cell { padding: 0 0 0 5px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: 1px white solid; border-right: 1px white solid; }

.finder-footer { line-height: 22px; padding: 0 5px; margin: 0; }
.finder-footer table { border-collapse: collapse; }
.finder-footer table td { border: none; padding: 0; vertical-align: middle; }

/*finder-cell-opt*/
.finder-list { z-index: 1; }
.finder-list table { table-layout: fixed; }
.finder-list .cell { white-space: nowrap; overflow: hidden; padding: 1px 5px; *padding: 1px 0; }
.finder-list .cell img { float: left; }
.finder-list .cell table td { overflow: hidden; white-space: nowrap; }
.finder-list .cell .optBtn { display: block; }
.finder-list .cell .opt-handle { color: #3367ac; cursor: pointer; white-space: nowrap; }
.finder-list .cell .opt-handle b { background: url(images/arrow-down.gif) no-repeat scroll 50% 50%; display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; vertical-align: center; }
.finder-list .cell .x-drop-menu { border-color: #666666; z-index: 6004; color: #3367AC; padding: 2px 6px; }
.finder-list .cell .x-drop-menu a { text-align: right; display: block; }
.finder-list .cell .x-drop-menu .cur { border-bottom: 1px #cccccc dotted; }
.finder-list .cell .droping { height: 17px; line-height: 17px; background-color: white; border: 1px #666666 solid; border-right: 0 none; padding: 2px 8px 2px 4px; color: #333333; z-index: 6005; }
.finder-list .cell .droping b { background: url(images/arrow-right.gif) no-repeat 50% 50%; }
.finder-list table { border-collapse: collapse; }
.finder-list td { border: none; overflow: hidden; padding: 0 1px; }
.finder-list .row { height: 23px; line-height: 23px; background-color: white; }
.finder-list .even { background-color: #f8f8f8; }
.finder-list .row:hover { background: #f0f6fe; }
.finder-list .row td { border-bottom: 1px solid #e3e6eb; }
.finder-list .unoperated td { font-weight: bold; }
.finder-list .first td { border-top: 1px #e9e9e9 solid; }
.finder-list .last td { border-bottom: 1px #cccccc solid; }
.finder-list .highlight-row td { font-weight: bold; }
.finder-list .list-row { line-height: 23px; height: 23px; background-color: #FFFFE6; }
.finder-list .list-warn { background: #FFAC9B; }
.finder-list .list-even { background-color: #F2FFDD; }
.finder-list tr.unconv { background-color: #FFE3E7; }
.finder-list .view-detail td { background-color: #e6ecf2; color: #333333; font-weight: bold; border-bottom: none; }
.finder-list .view-detail .cell { border: none; }
.finder-list .finder-detail-colspan { background: #e6ecf2; text-align: left; border-top: 1px solid #edf1f5; padding: 0 3px 4px; }
.finder-list .view-detail .edit-ready, .finder-list .view-detail .tag { color: #333333; background: white; }
.finder-list .edit-ready .cell { border: 1px solid #6ea3f8; background: #f7faff; padding: 0 4px 0 3px; }
.finder-list .edit-ing .cell { background-image: none; }
.finder-list .img-tip { display: block; text-decoration: none; height: 16px; line-height: 16px; width: 16px; overflow: hidden; text-indent: 50; background-position: 0 -694px; }
.finder-list .img-tip span { visibility: hidden; }
.finder-list .img-tip.active { background-position: 0 -710px; }

.finder-col-label { white-space: nowrap; text-align: left; float: left; }

.finder-col-desc { float: right; border: 1px #224878 solid; margin-top: 3px; width: 12px; height: 12px; overflow: hidden; line-height: 12px; text-align: center; color: black; font-family: Simsun; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; }
.finder-col-desc.active, .finder-col-desc:hover { background: #224878; color: white; }
.finder-col-desc textarea { display: none; }

.finder-col-resizer { text-indent: 2000px; width: 5px; overflow: hidden; cursor: col-resize; white-space: nowrap; }
.finder-col-resizer:hover { background: white; }

.finder-col-options { background: none; border: none; padding: 5px 0; *padding: 2px 0; position: absolute; right: 0; }

.finder-list-command { padding-left: 3px; }
.finder-list-command span, .finder-list-command a { margin: 2px 1px 0 0; float: left; cursor: pointer; }
.finder-list-command img { float: left; }

.finder-tip { text-align: center; color: #333333; height: 25px; line-height: 25px; border-bottom: 1px solid #7394BF; overflow: hidden; width: 100%; position: absolute; top: 0; z-index: 2; box-shadow: 0 2px 2px rgba(201, 201, 201, 0.8); -webkit-box-shadow: 0 2px 2px rgba(201, 201, 201, 0.8); -moz-box-shadow: 0 2px 2px rgba(201, 201, 201, 0.8); -o-box-shadow: 0 2px 2px rgba(201, 201, 201, 0.8); }
.finder-tip strong { margin: 0 3px; font-weight: normal; cursor: pointer; color: #338DCC; text-decoration: underline; }
.finder-tip em, .finder-tip span { font-weight: bold; margin: 0 2px; font-style: normal; }
.finder-tip .selected { background: #E9EFF5; }
.finder-tip .selectedall { background: #BCDAF8; }

.finder-tabs-wrap { position: relative; background-position: 0 -700px; height: 31px; border: none; overflow: hidden; zoom: 1; }
.finder-tabs-wrap li { margin: 0; }
.finder-tabs-wrap a { color: #3b495a; }
.finder-tabs-wrap .tab { background-position: 0 -218px; height: 28px; overflow: hidden; }
.finder-tabs-wrap .tab span { background-position: 100% -218px; }
.finder-tabs-wrap .current { background-position: 0 -478px; }
.finder-tabs-wrap .current span { background-position: 100% -478px; }

.finder-detail .action-bar { border: none; height: 31px; overflow: hidden; border-bottom: 1px solid #dddddd; margin: 1px 0 1px 0px; line-height: 30px; float: none; clear: both; border-bottom: 1px #cccccc solid; }
.finder-detail .tableform { background: #f8f8f8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin: 10px 15px; border: 1px solid #d9d9d9; padding: 5px; }
.finder-detail .tableform h4 { border: none; }
.finder-detail .tableform h5 { border-bottom: 1px solid #c8c8c8; color: #305c89; margin: 0 0 5px; padding: 7px 0 5px 5px; }
.finder-detail .tableform td, .finder-detail .tableform th { padding: 3px; }
.finder-detail .tableform th { color: #555555; width: 125px; vertical-align: middle; vertical-align: top; }
.finder-detail .division { background: transparent; margin: 5px; padding: 5px 10px; }
.finder-detail .table-action { border-top: 2px solid #e0e0e0; margin: 5px 5px 3px; padding: 3px 0 7px; }
.finder-detail .gridlist th, .finder-detail .tableform .gridlist th { border-bottom: 1px solid #d0d2d5; width: auto; padding: 0 3px; word-break: keep-all; }
.finder-detail table { table-layout: auto; }

.finder-detail-content { background: white; border: 1px solid #c5d3e3; overflow: hidden; width: 100%; }

.finder-pageset .finder-pageset-handle { border: 1px #EEF0F2 solid; padding: 0 2px 0 2px; }
.finder-pageset .active { border-color: #333333; border-top: none; padding: 1px 2px 0 2px; background: white; z-index: 500; position: relative; }
.finder-pageset .x-drop-menu { border-color: #333333; z-index: 499; }

.print-col { padding-left: 25px; background-position: 0 -1024px; height: 22px; overflow: hidden; white-space: nowrap; }
.print-col .span-auto { margin-right: 2px; padding: 0 1px; }
.print-col a:visited { color: #cccccc; }

.col-select { width: 50px; padding: 0; zoom: 1; }

.col-select-opt { cursor: pointer; }
.col-select-opt img { opacity: 0.3; filter: alpha(opacity=30); margin-left: 10px; }
.col-select-opt:hover { background-position: -1px -1112px; }
.col-select-opt:hover img { opacity: 1; filter: alpha(opacity=100); }

.col-select-opt-items { border-color: #999999; background: #efefef; }
.col-select-opt-items li { border-bottom: 1px #efefef solid; }
.col-select-opt-items li:hover { background: #ececec; border-bottom-color: #cccccc; }

.col-opt { width: 50px; }

.gray_form { border: 1px solid #cccccc; background: #eeeeee; padding: 6px 10px; }

.dis_n { display: none; }

.dis_b { display: block; }

.provice-bg:hover { background: #F6F9FA; }

.chart-view .gridlist { border: 1px #cccccc solid; position: relative; margin-top: -1px; z-index: 99; }

.discus-list td { word-wrap: break-word; word-break: break-word; }
.discus-list ul { margin: 0; list-style: none; }

/*lnk-operation lnk-refresh*/
.lnk-refresh, .lnk-operation, .lnk-search { display: block; width: 16px; height: 16px; }
.lnk-refresh span, .lnk-operation span, .lnk-search span { display: none; }

.lnk-refresh { background-position: 0 0; }
.lnk-refresh:hover { background-position: -20px 0; }

.lnk-operation { background-position: 0 -20px; }
.lnk-operation:hover { background-position: -20px -20px; }

.lnk-search { background-position: 0 -40px; }
.lnk-search:hover { background-position: -20px -40px; }

.wgtcenter h2 { font-size: 13px; color: black; text-indent: 5px; margin-bottom: 2px; }
.wgtcenter .side-bx { top: -1px; }
.wgtcenter .side-bx a { padding-top: 1px; padding-bottom: 1px; }
.wgtcenter .notice { margin-right: 15px; position: relative; *zoom: 1; }
.wgtcenter .close { color: #3367AC; float: right; position: absolute; right: 10px; }
.wgtcenter .close:hover { text-decoration: none; }

.wgtcontent { font-family: Verdana; padding: 0 10px 0 0; overflow: auto; }
.wgtcontent .head-title { padding-left: 0; }
.wgtcontent .num { margin-left: 5px; font-size: 12px; }
.wgtcontent h3 { font-size: 14px; padding-bottom: 7px; border-bottom: 1px solid #e8e8e8; }

.commenwgt { font-family: Verdana; }
.commenwgt li { padding: 5px 3px; border-bottom: 1px solid #D8DFEF; }
.commenwgt li h2 { margin-bottom: 6px; font-size: 12px; font-weight: normal; color: #3367AC; width: 100%; height: 18px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-indent: 0; }
.commenwgt li .desc { padding: 0; margin: 3px 0; height: 36px; line-height: 18px; clear: both; overflow: hidden; color: #999999; }
.commenwgt li .desc .inner { float: left; width: 376px; min-height: 18px; height: auto; }
.commenwgt li .more { float: right; margin-top: 18px; width: 28px; text-align: right; }
.commenwgt li .hided { text-align: right; float: right; margin: -17px 0; padding-left: 5px; background: white; }
.commenwgt li.hover { background: #EAEEF7; border-left: 1px solid #D8DFEF; border-right: 1px solid #D8DFEF; padding: 5px 2px; }
.commenwgt li.hover .hided { background: #EAEEF7; }
.commenwgt li dl { float: left; margin: 0 5px 0 0; }
.commenwgt li dl dt { position: absolute; top: 0; left: 59px; z-index: 2; display: none; border: 1px solid #D8DFEF; padding: 6px; margin: 0; background-color: #EAEEF7; font-weight: 400; }
.commenwgt li dl dt q, .commenwgt li dl dt i, .commenwgt li dl dt b { display: block; }
.commenwgt li dl dt q { padding-bottom: 5px; color: #3367AC; }
.commenwgt li dl dt .close { position: absolute; top: 3px; right: 6px; float: right; font: 12px simsun; cursor: pointer; }
.commenwgt li dl dt img { width: 300px; border: 1px solid #dddddd; display: block; }
.commenwgt li dl dd { padding: 5px; margin: 0; }
.commenwgt li dl dd img { max-width: 50px; max-height: 50px; _width: 50px; _height: 50px; box-shadow: 0 0 2px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0 0 2px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 2px rgba(100, 100, 100, 0.3); -o-box-shadow: 0 0 2px rgba(100, 100, 100, 0.3); display: block; }
.commenwgt li dl.hover { position: relative; box-shadow: 0 1px 3px #dddddd; -webkit-box-shadow: 0 1px 3px #dddddd; -moz-box-shadow: 0 1px 3px #dddddd; -o-box-shadow: 0 1px 3px #dddddd; }
.commenwgt li dl.hover dt { display: block; box-shadow: 0 2px 3px #dddddd; -webkit-box-shadow: 0 2px 3px #dddddd; -moz-box-shadow: 0 2px 3px #dddddd; -o-box-shadow: 0 2px 3px #dddddd; }
.commenwgt li dl.hover dd { border: 1px solid #d8dfef; border-right: 0 none; padding: 4px 5px 4px 4px; background-color: #EAEEF7; position: relative; z-index: 3; }
.commenwgt li .fl { width: 404px; }
.commenwgt li .fr { width: 100px; text-align: center; }
.commenwgt li button { margin-top: 22px; }

.toolbar { position: relative; top: -1px; z-index: 400; background: #e9e9e9 url(images/tile_bg.png) repeat-x 0 -1156px; padding: 4px; overflow: hidden; line-height: 26px; }
.toolbar .tbbtn { display: block; float: left; _display: inline; padding: 0 10px; margin: 0 4px; height: 22px; line-height: 22px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; font-weight: bold; color: black; }
.toolbar .tbbtn span { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.toolbar .tbbtn:hover, .toolbar .tbbtn:active { text-decoration: none; background-color: white; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.toolbar .layout { padding-left: 22px; background: url(images/layout.png) no-repeat 4px 50%; }
.toolbar .save { padding-left: 0; padding-right: 0; border: 1px #1F558F solid; }
.toolbar .save span { padding-left: 25px; padding-right: 25px; background: #458BD9; border: 1px #5197DD solid; line-height: 20px; color: white; }
.toolbar .save:hover span { background-color: #5dB3ff; border-color: #86D9FF; }
.toolbar .view, .toolbar .exit { border: 1px #666666 solid; }
.toolbar .view span, .toolbar .exit span { padding-left: 2px; padding-right: 2px; }

div.wgtconfig .tableform { background: #f4f4f4; }

.apps-wrapper { padding: 5px 10px; }

.app-item a { color: #4f78c0; text-decoration: none; }

.app-item { line-height: 150%; border-bottom: 1px dashed #cccccc; padding: 10px 0; }

.app-img { float: left; }

.app-img img { background: white; border: 1px solid #cccccc; padding: 1px; }

.app-title, .app-info, .app-desc { margin: 0 170px 0 20px; }

.app-title { font-size: 12px; clear: none; margin-bottom: 5px; color: #4f78c0; }

.app-opt { float: right; margin-top: 20px; margin-left: -160px; width: 160px; text-align: center; }

.app-opt button { margin-bottom: 2px; }

.app-info ul { margin: 0 0 5px; padding: 0; }

.app-info li { display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; width: 150px; color: #8b8b8b; margin-right: 5px; }

.app-info .label { color: #4b4b4b; margin-right: 10px; }

.app-desc .desc { color: #828282; }

.app-install-detail { height: 200px; overflow-x: hidden; overflow-y: scroll; background: #5b5b5b; color: #ededed; }

.app-info .notice { border-width: 2px; padding: 2px 5px; margin: 0 -5px; }

.app-info .lnk { margin: 0 5px; color: #476ABF; }

.vis-box { background: #EEF0F2; padding: 8px 10px; margin: 2px 0 12px 0; }

.btn-tempmanage { text-align: center; color: #333333; }
.btn-tempmanage span i { padding: 0 2px 0 2px; background: url(images/arrow-down.gif) no-repeat 50% 50%; }
.btn-tempmanage span span { width: 48px; }

.btn-more { text-align: center; color: #333333; }
.btn-more span i { padding: 0 2px 0 2px; background: url(images/arrow-down.gif) no-repeat 50% 50%; }

.mr10 { margin-right: 10px; }

.current-theme { width: 350px; }
.current-theme .prev { width: 164px; padding: 0 20px 0 4px; }
.current-theme .prev .theme-preview { background-color: white; width: 160px; height: 160px; overflow: hidden; padding: 1px; border: 1px solid #cccccc; box-shadow: 0 0 4px #bbbbbb; -webkit-box-shadow: 0 0 4px #bbbbbb; -moz-box-shadow: 0 0 4px #bbbbbb; -o-box-shadow: 0 0 4px #bbbbbb; vertical-align: middle; text-align: center; }
.current-theme .prev b { display: inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; }
.current-theme .prev img { max-width: 160px; max-height: 160px; vertical-align: middle; _margin-top: -1px; }
.current-theme .info { width: 160px; overflow: hidden; }
.current-theme .info li { color: #999999; line-height: 24px; }
.current-theme .info li em { color: #333333; }
.current-theme .info li .btn { margin: 3px 2px; color: #333333; }
.current-theme .x-drop-menu { border-color: #6C7274; box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -webkit-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -moz-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -o-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); }
.current-theme .x-drop-menu li:hover { background-color: #eeeeee; }
.current-theme .x-drop-menu li a { display: block; }
.current-theme .x-drop-menu li a:hover { text-decoration: none; background-color: #eeeeee; }

.theme-colors { padding: 10px 0; width: 164px; margin: 0 auto; }
.theme-colors .arr { width: 10px; height: 24px; background: #eeeeee url(images/ico_arrow0.gif) no-repeat center center; float: left; cursor: pointer; }
.theme-colors .arr-l { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; }
.theme-colors .arr-r { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; background-image: url(images/ico_arrow1.gif); }
.theme-colors .colors { float: left; width: 144px; overflow: hidden; }
.theme-colors li { width: 22px; height: 22px; padding: 1px; float: left; overflow: hidden; }
.theme-colors li.act a { border-color: #999999; padding: 1px; }
.theme-colors li.act i { width: 18px; height: 18px; }
.theme-colors a { display: block; border: 1px solid white; padding: 3px; text-decoration: none; }
.theme-colors a:hover { border-color: #cccccc; padding: 1px; text-decoration: none; }
.theme-colors a:hover i { width: 18px; height: 18px; }
.theme-colors i { display: block; background-color: #f6f6f6; width: 14px; height: 14px; overflow: hidden; }

.switch-head { border-bottom: 1px solid #9BADC3; }
.switch-head li { float: left; padding: 0 0 0 10px; margin-right: 10px; background-position: 0 -833px; cursor: pointer; box-shadow: 1px 0 1px rgba(201, 201, 201, 0.8); -webkit-box-shadow: 1px 0 1px rgba(201, 201, 201, 0.8); -moz-box-shadow: 1px 0 1px rgba(201, 201, 201, 0.8); -o-box-shadow: 1px 0 1px rgba(201, 201, 201, 0.8); border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; }
.switch-head li em { padding: 0 10px 0 0; background-position: 100% -833px; display: block; _display: inline-block; zoom: 1; height: 27px; line-height: 27px; }
.switch-head li.act { background-position: 0 -667px; position: relative; z-index: 1; margin-bottom: -1px; }
.switch-head li.act em { background-position: 100% -667px; height: 28px; font-weight: bold; }

.switch-content { padding: 20px 0; }
.switch-content .item { float: left; width: 220px; text-align: center; margin-bottom: 10px; }
.switch-content .item .prev { width: 164px; margin: 0 auto 10px; }
.switch-content .item .prev .theme-preview { background-color: white; width: 160px; height: 160px; overflow: hidden; padding: 1px; border: 1px solid #cccccc; box-shadow: 0 0 2px #cccccc; -webkit-box-shadow: 0 0 2px #cccccc; -moz-box-shadow: 0 0 2px #cccccc; -o-box-shadow: 0 0 2px #cccccc; vertical-align: middle; text-align: center; }
.switch-content .item .prev .theme-preview:hover { box-shadow: 0 0 5px #bbbbbb; -webkit-box-shadow: 0 0 5px #bbbbbb; -moz-box-shadow: 0 0 5px #bbbbbb; -o-box-shadow: 0 0 5px #bbbbbb; }
.switch-content .item .prev b { display: inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; }
.switch-content .item .prev img { max-width: 160px; max-height: 160px; vertical-align: middle; _margin-top: -1px; }
.switch-content .item .relative { position: relative; _height: 164px; }
.switch-content .item .info { background: #333333; width: 164px; height: 0; overflow: hidden; margin: 0 auto; position: absolute; bottom: 0; left: 0; }
.switch-content .item .info li { text-align: center; line-height: 22px; color: white; }
.switch-content .item .info i { color: #999999; }
.switch-content .item .action { width: 164px; margin: 0 auto; }
.switch-content .item .x-drop-menu { border-color: #6C7274; box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -webkit-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -moz-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); -o-box-shadow: 1px 1px 0 rgba(200, 200, 200, 0.45); }
.switch-content .item .x-drop-menu li { text-align: left; }
.switch-content .item .x-drop-menu li:hover { background-color: #eeeeee; }
.switch-content .item .x-drop-menu li a { display: block; }
.switch-content .item .x-drop-menu li a:hover { text-decoration: none; background-color: #eeeeee; }
.switch-content .theme-colors { padding: 5px 0 0 0; }

.btn-green { color: white; }
.btn-green span { background-position: 0 -415px; }
.btn-green span span { background-position: 100% -415px; }
.btn-green:hover span, .btn-green:active span { color: white; background-position: 0 -352px; }
.btn-green:hover span span, .btn-green:active span span { background-position: 100% -352px; }

.dialog .dialog-confirm .content { text-align: center; height: 60px; line-height: 60px; }
.dialog .action { text-align: center; padding: 10px 0 0; }

.widget-edit-head .tab-head { background-position: 0 -1214px; background-repeat: repeat-x; height: 36px; }
.widget-edit-head .exit { padding: 6px 8px 0 0; }
.widget-edit-head .exit button { color: white; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.widget-edit-head .exit button span { background-position: 0 -41px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }
.widget-edit-head .exit button span span { background-position: 100% -41px; }
.widget-edit-head h3 { text-align: center; width: 74px; line-height: 36px; color: white; float: left; font-size: 14px; }
.widget-edit-head ul { float: left; margin-top: 5px; }
.widget-edit-head li { float: left; margin: 0 2px; }
.widget-edit-head li a { display: block; padding: 0 0 0 20px; color: #dddddd; float: left; }
.widget-edit-head li a em { padding: 5px 20px 0 0; display: block; height: 26px; line-height: 26px; float: left; }
.widget-edit-head li a .arr { display: inline-block; *display: inline; *zoom: 1; background: url(images/arrow-right-white.gif) no-repeat center; width: 7px; height: 7px; font-size: 0; overflow: hidden; margin: 5px 0 0 3px; }
.widget-edit-head li a.act, .widget-edit-head li a:hover, .widget-edit-head li a.droping { background-position: 0 0; text-decoration: none; }
.widget-edit-head li a.act em, .widget-edit-head li a:hover em, .widget-edit-head li a.droping em { background-position: 100% 0; color: #333333; }
.widget-edit-head li a.act .arr { background-image: url(images/arrow-right.gif); }
.widget-edit-head li a:hover .arr, .widget-edit-head li a.droping .arr { background-image: url(images/arrow-down.gif); }
.widget-edit-head .x-drop-menu { width: 275px; overflow: auto; border-color: #6C7274; border-top: 0 none; background: #E8E8E8; padding: 0; box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.25); -webkit-box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.25); -moz-box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.25); -o-box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.25); }
.widget-edit-head .x-drop-menu .odd { background: #fcfcfc; }
.widget-edit-head .x-drop-menu dl { overflow: hidden; padding: 3px 3px 3px 6px; margin: 0; white-space: nowrap; }
.widget-edit-head .x-drop-menu dt { float: left; width: 90px; overflow: hidden; text-align: right; }
.widget-edit-head .x-drop-menu dd { float: left; }
.widget-edit-head .x-drop-menu dd a { display: block; line-height: 20px; }

.box-gray { background: #E8E8E8; padding: 6px 10px; }

.widget-edit-list { padding: 5px; }
.widget-edit-list .gridlist th { background: #EAEEF7; height: 30px; }
.widget-edit-list .gridlist td { border: 0 none; padding: 12px 2px; vertical-align: middle; }
.widget-edit-list .gridlist td i { color: #999999; }
.widget-edit-list .gridlist .gray-tr { background: #F5F5F5; }
.widget-edit-list .gridlist .title { text-align: left; }

.page-edit-list { padding: 6px; }
.page-edit-list .gridlist th { background: #EAEEF7; height: 30px; }
.page-edit-list .gridlist td { border-width: 0; height: 25px; }
.page-edit-list .gridlist td i { color: #999999; }
.page-edit-list .gridlist td img { vertical-align: middle; }
.page-edit-list .gridlist .v-t { vertical-align: top; text-align: right; padding-right: 30px; }
.page-edit-list .gridlist .gray { color: #cccccc; }
.page-edit-list .gridlist .odd { background: #f0f0f0; }
.page-edit-list .gridlist .title { text-align: left; }
.page-edit-list .gridlist .brdr { border-right-width: 1px; }
.page-edit-list .gridlist .brdb { border-bottom-width: 0; }
.page-edit-list .def { padding-left: 5px; color: green; }

.source-edit-list { background: #EAEEF7; height: auto; }
.source-edit-list .span-1, .source-edit-list .span-2, .source-edit-list .span-5 { background: #EAEEF7; height: 30px; line-height: 30px; border-top: 1px solid #c8d6dc; border-right: 1px solid #c8d6dc; }

.theme-list { position: absolute; top: 0; left: 0; background-color: white; float: left; _display: inline; width: 140px; min-width: 118px; height: 100%; overflow: auto; }
.theme-list li { line-height: 28px; }
.theme-list a { display: block; padding-left: 10px; }
.theme-list a:hover { background-color: #f6f6f6; }
.theme-list a.act { background: url(images/tile_bg.png) repeat-x 0 -1200px; color: white; }

.theme-content { padding: 5px; margin-left: 140px; }
.theme-content td { line-height: 38px; }
.theme-content th { text-align: right; }

.table-widgets textarea { border: 1px solid #bbbbbb; }

.area-widgets { background: #eeeeee; line-height: 25px; }
.area-widgets .icon-add { display: inline-block; *display: inline; *zoom: 1; background: url(images/plus.gif) no-repeat; width: 15px; height: 15px; vertical-align: middle; }
.area-widgets .lnk { padding: 3px 10px; display: block; *zoom: 1; }
.area-widgets .lnk:hover { text-decoration: none; }
.area-widgets .act { position: relative; z-index: 2; background-color: white; padding: 2px 9px 4px; margin-bottom: -1px; border: 1px solid #bbbbbb; border-bottom: 0 none; }
.area-widgets .content { display: inline-block; *display: inline; *zoom: 1; }
.area-widgets .list { position: absolute; background-color: white; width: 560px; border: 1px solid #bbbbbb; box-shadow: 2px 2px 2px #dddddd; -webkit-box-shadow: 2px 2px 2px #dddddd; -moz-box-shadow: 2px 2px 2px #dddddd; -o-box-shadow: 2px 2px 2px #dddddd; }
.area-widgets .list li { float: left; _display: inline; width: 62px; padding: 4px; }
.area-widgets .list img { width: 60px; height: 60px; }
.area-widgets .list i { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.add-instance td { height: 35px; }
.add-instance input[type=text] { height: 22px; line-height: 22px; }

.wgtconfig .x-input { vertical-align: middle; width: 150px; }
.wgtconfig .x-input-select { width: 160px; }
.wgtconfig .object-select-tip { margin: 0 0 0 10px; }
.wgtconfig input[type=checkbox], .wgtconfig input[type=radio] { vertical-align: middle; }

#theme_directory_body { color: #444444; }
#theme_directory_body li { padding: 3px 0; white-space: nowrap; }
#theme_directory_body .odd { background-color: #f0f0f0; }
#theme_directory_body .span-5 { margin: 0; padding: 0 3px; }
#theme_directory_body .span-1, #theme_directory_body .span-2 { margin: 0; padding: 0 3px; text-align: center; }
#theme_directory_body .name { display: block; padding-left: 15px; }
#theme_directory_body .name img { margin-right: 10px; }

.select-product { overflow: hidden; padding: 10px 0; /* .search-product{overflow:hidden;} */ }
.select-product .search-item { float: left; height: 22px; margin-bottom: 8px; }
.select-product .search-keyword { width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }
.select-product .search-keyword .search-ipt { width: 200px; height: 20px; line-height: 20px; float: left; outline: none; text-align: left; }
.select-product .search-keyword .search-btn { width: 40px; height: 22px; float: left; text-indent: -1000px; color: white; margin-left: -3px; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; background: url(images/search.png) no-repeat center center; }
.select-product .search-tip { width: 70px; line-height: 180%; color: #999999; float: left; }
.select-product .select-obj, .select-product .product-body li.editing .product-pic .imageSrc { box-shadow: 2px 2px 2px #dddddd inset; -webkit-box-shadow: 2px 2px 2px #dddddd inset; -moz-box-shadow: 2px 2px 2px #dddddd inset; -o-box-shadow: 2px 2px 2px #dddddd inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; text-indent: 5px; height: 18px; line-height: 18px; border: 1px solid #cccccc; position: relative; z-index: 2; }
.select-product .select-obj .search-key, .select-product .product-body li.editing .product-pic .imageSrc .search-key { float: left; }
.select-product .select-obj .icon, .select-product .product-body li.editing .product-pic .imageSrc .icon { width: 18px; float: right; }
.select-product .select-obj .icon b, .select-product .product-body li.editing .product-pic .imageSrc .icon b { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-width: 4px; border-style: solid dashed dashed; border-color: black transparent transparent; margin: 4px 2px 0 0; font-size: 0; line-height: 0; }
.select-product .search-type { width: 60px; }
.select-product .search-list { width: 100px; margin-left: 5px; }
.select-product .search-list .search-pop { width: 85px; }
.select-product .search-sub-cat { text-indent: 15px; }
.select-product .search-pop { width: 45px; max-height: 280px; overflow-y: auto; color: #486cb7; background: white; position: absolute; display: none; border: 1px solid #486cb7; top: 18px; left: 0; }
.select-product .search-pop .active { background: #eaeef7; color: #486cb7; border: 0 none; }
.select-product .search-pop a { display: block; width: 100%; }
.select-product .search-pop a:hover { text-decoration: none; background-color: #eaeef7; }
.select-product .select-content, .select-product .selected-content { width: 345px; float: left; }
.select-product .select-content .product-body, .select-product .selected-content .product-body { border: 1px solid #e8e8e8; height: 330px; }
.select-product .select-content .product-body .add-opt, .select-product .select-content .product-body .edit-opt, .select-product .select-content .product-body .product-edit, .select-product .selected-content .product-body .add-opt, .select-product .selected-content .product-body .edit-opt, .select-product .selected-content .product-body .product-edit { display: none; }
.select-product .select-content .product-added .add-opt, .select-product .product-price { display: block; }
.select-product .select-opt { width: 75px; _width: 70px; height: 330px; float: left; text-align: center; }
.select-product .select-opt .add-product, .select-product .select-opt .remove-product { height: 24px; text-indent: -999em; cursor: pointer; background: url(images/add-btn.gif) no-repeat center 33%; }
.select-product .select-opt .add-product { margin-bottom: 10px; background-position: center bottom; }
.select-product .select-opt .add-product-current { background-position: center 66%; }
.select-product .select-opt .remove-product-current { background-position: center top; }
.select-product .select-opt .opt-btn { margin-top: 120px; }
.select-product .selected-content .product-body { _width: 100%; _position: absolute; overflow-y: auto; }
.select-product .selected-content .product-body .edit-opt { float: right; display: block; }
.select-product .selected-content .product-body li .product-title { height: 20px; width: 100%; overflow: hidden; }
.select-product .selected-content .num { padding: 0 5px; color: #ff3300; }
.select-product .selected-tip { margin: 8px 0 0; text-align: right; float: right; color: #999999; }
.select-product .sel-opt { margin-top: 8px; overflow: hidden; float: left; }
.select-product .sel-opt label { float: left; height: 22px; line-height: 22px; }
.select-product .sel-opt .other { margin-left: 20px; }
.select-product .sel-opt .sel { float: left; margin: 4px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px; }
.select-product .pager { margin-top: 8px; height: 22px; line-height: 22px; float: right; clear: right; }
.select-product .pager .andson { border: 0 none; }
.select-product .product-body { background: white; }
.select-product .product-body li { color: #999999; padding: 5px; background: none; overflow: hidden; clear: both; vertical-align: top; cursor: pointer; }
.select-product .product-body li.editing .product-info { width: 250px; }
.select-product .product-body li.editing .product-btn { color: #3367AC; text-align: right; }
.select-product .product-body li.editing .product-name input { width: 198px; }
.select-product .product-body li.editing .product-pic input { width: 60px; }
.select-product .product-body li.editing .product-pic .imageSrc { width: 135px; }
.select-product .product-body li.editing .product-price, .select-product .product-body li.editing .product-nice, .select-product .product-body li.editing .edit-opt { display: none; }
.select-product .product-body li.editing .product-edit { height: auto; display: block; }
.select-product .product-body li.editing .product-edit .edit-item { margin: 3px auto; }
.select-product .product-body li.active { background: #eaeef7; border: 0 none; }
.select-product .product-body .up-btn, .select-product .product-body .down-btn { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 22px; margin: 0 2px; background: url(images/icon-arrs.gif) no-repeat 0 0; }
.select-product .product-body .down-btn { background-position: right top; }
.select-product .product-body .first .up-btn { background-position: left bottom; }
.select-product .product-body .last .down-btn { background-position: right bottom; }
.select-product .product-body .product-info { width: 200px; margin-left: 6px; float: left; }
.select-product .product-body .product-info .product-price { color: #ff3300; }
.select-product .product-body .product-info .product-title { height: 38px; line-height: 18px; overflow: hidden; }
.select-product .product-body .pic-info { float: left; border: 1px solid #EFEFEF; padding: 2px; background: white; }
.select-product .product-body .pic-info img { width: 50px; height: 50px; display: block; }
.select-product .product-body .add-opt { background-position: 0 -62px; width: 60px; float: left; }
.select-product .product-body .add-opt .add-btn { float: right; color: #5ea34d; }
.select-product .product-body .edit-opt .move-opt { margin-bottom: 3px; }
