/*================管理首页布局.开始===================*/
.header { position: fixed; top: 0; right: 0; width: 100%; height: 42px; z-index: 11; }
.header-box { margin: 0 auto; min-width: 780px; }
.main-sidebar { position: absolute; top: 42px; bottom: 0; left: 0; width: 180px; }
.sidebar-nav { position: absolute; top: 0px; bottom: 0; left: 0; width: 180px; padding-right: 1px; }
.main-container { position: absolute; top: 42px; right: 0; bottom: 0; left: 181px; }
.main-container .main-container-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
.main-container .main-container-inner .main-container-inner-padding { padding: 5px 18px 18px 18px; }
.main-container-fullpage { left: 10px; }
/*================管理首页布局.结束===================*/

/* =========================管理首页样式.开始======================= */
html { line-height: 1; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
ol, ul { list-style: none; }
.table { border-collapse: collapse; border-spacing: 0; }
.ime-disabled { ime-mode: disabled; }
.clear { clear: both; font-size: 0px; height: 0px; overflow: hidden; }
.line5 { clear: both; font-size: 0px; height: 5px; overflow: hidden; }
.line10 { clear: both; font-size: 0px; height: 10px; overflow: hidden; }
.line15 { clear: both; font-size: 0px; height: 15px; overflow: hidden; }
.line20 { clear: both; font-size: 0px; height: 20px; overflow: hidden; }
.line30 { clear: both; font-size: 0px; height: 30px; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.loginbody { background: #33B5E5; text-align: center; }
.indexbody { width: 100%; height: 100%; min-width: 780px; overflow-y: hidden; }
.mainbody { margin: 10px 15px; }
a { color: #666; text-decoration: none; }
a:link, a:visited { color: #3e8ef7; text-decoration: none; }
a:hover { color: #0065D9; text-decoration: underline; }
a:active { color: #0065D9; text-decoration: none; }
.header { background: #33B5E5; }
.logo { display: block; float: left; width: 180px; height: 42px; background: url(../image/metrologo.png) no-repeat center; border-right: 1px solid #1da0d0; text-indent: -9999px; overflow: hidden; }
.form-control-label { font-size: 14px; }
/*顶部菜单*/
/*
.nav { display: block; float: left; height: 100%; border-right: 1px solid #4dc4f0; }
.nav li { display: block; float: left; margin: 0; padding: 0px 15px; border-left: 1px solid #4dc4f0; border-right: 1px solid #1da0d0; color: #fff; cursor: pointer; font-size: 13px; height: 42px; line-height: 42px; vertical-align: middle; }
.nav1 li:hover { background: #50c0e9; }
.nav1 .selected { background: #16a0d3; }
.nav .icon-browser, .nav .icon-user, .nav .icon-order, .nav .icon-page, .nav .icon-systemsetting, .nav .icon-down,
.nav .icon-up, .nav .icon-phone, .nav .icon-rss, .nav .icon-workflow, .nav .icon-customer, .nav .icon-focus, .nav .icon-clock, .nav .icon-fixed, .nav .icon-home, .nav .icon-calendar, .nav .icon-workinglog, .nav .icon-dollar { display: block; background: url(../image/skin_icons.png) no-repeat; float: left; height: 42px; width: 20px; }
.nav .icon-browser { background-position: 2px -305px; }
.nav .icon-user { background-position: -38px -305px; }
.nav .icon-order { background-position: -78px -305px; }
.nav .icon-page { background-position: -118px -305px; }
.nav .icon-systemsetting { background-position: -158px -305px; }
.nav .icon-phone { background-position: -282px -305px; }
.nav .icon-down { background-position: -198px -305px; }
.nav .icon-up { background-position: -238px -305px; }
.nav .icon-rss { background-position: -323px -305px; }
.nav .icon-workflow { background-position: -361px -305px; }
.nav .icon-customer { background-position: -400px -305px; }
.nav .icon-focus { background-position: -438px -305px; }
.nav .icon-clock { background-position: -471px -305px; }
.nav .icon-fixed { background-position: -507px -305px; }
.nav .icon-home { background-position: -540px -305px; }
.nav .icon-calendar { background-image: url(../image/icon-calendar.png); background-position: left center; }
.nav .icon-workinglog { background-image: url(../image/icon-workinglog.png); background-position: left center; }
.nav .icon-multicustomer { background-image: url(../image/icon-multicustomer.png); background-position: left center; }
.nav .icon-dollar { background-image: url(../image/MenuCategoryIcon/icon-dollar-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.nav { border-color: transparent; display: inline-block !important; height: 35px !important; line-height: 16px; max-width: 70%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.nav li span { padding-left: 5px; line-height: 40px; }
*/

/*顶部右边导航*/
.nav-right { float: right; }
.nav-right .icon-info { float: left; padding: 0 10px 0 34px; height: 42px; line-height: 42px; border-right: 1px solid #1da0d0; background: url(../image/skin_icons.png) no-repeat 0 -429px; }
.nav-right .icon-info span, .nav-right .icon-info .WelcomeText { display: block; padding-top: 6px; color: #ebebeb; font-size: 11px; line-height: 1.2em; margin-top: 8px; }
.nav-right .icon-info .PageHeaderUserIconDIV { margin-top: 3px; margin-right: 10px; border: 1px solid #eee; width: 35px; height: 35px; border-radius: 17.5px; }
.nav-right .icon-option { position: relative; display: block; cursor: pointer; float: left; padding: 0 15px; height: 42px; border-left: 1px solid #4dc4f0; background: #16a0d3; }
.nav-right .icon-option i { display: block; width: 20px; height: 42px; background: url(../image/skin_icons.png) -199px -305px no-repeat; }
.nav-right .icon-option:hover { background: #50c0e9; }
.nav-right .icon-option:hover .drop-box { display: block; }


/*右边导航菜单项*/
.drop-box { display: none; position: absolute; top: 42px; right: 1px; }
.drop-box .arrow { position: absolute; display: block; top: 0; right: 15px; width: 21px; height: 12px; text-indent: -999999px; background: url(../image/skin_icons.png) no-repeat 0 -356px; }
.drop-box .drop-item { margin-top: 10px; padding: 10px; border: 1px solid #b1b1b1; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
.drop-box .drop-item li a { display: block; padding: 8px 15px; color: #222; font-size: 11px; line-height: 1em; text-align: center; white-space: nowrap; }
.drop-box .drop-item li a:hover { color: #fff; text-decoration: none; background: #55afeb; }
/*左边导航*/
.main-sidebar { border-right: 0px solid #e3e3e3; background: #fafafa; background-image: url(../image/sidebar-nav-shadow.png); background-position: right top; background-repeat: repeat-y; }
.sidebar-nav .list-box { margin: 0; padding: 0; font-size: 12px; color: #fff; }
.sidebar-nav .list-box .list-group { display: none; border-bottom: 1px solid #ddd; }
.sidebar-nav .list-box .list-group h2 { position: relative; display: block; padding: 8px 0 9px 25px; font-size: 12px; color: #555; text-shadow: 1px 1px #fff; font-weight: bold; line-height: 20px; background: #f6f6f6; border-top: 1px solid #E3E3E3; cursor: pointer; background-image: url(../image/sidebar-nav-h2-bg.png); background-position: right top; background-repeat: repeat-y; border-right: 1px solid #ddd; color: #666; }
.sidebar-nav .list-box .list-group h2 { position: relative; display: block; padding: 8px 0 9px 25px; font-size: 12px; color: #555; text-shadow: 1px 1px #fff; font-weight: bold; line-height: 20px; background: none; border-top: 1px solid #E3E3E3; cursor: pointer; background-image: none; background-position: right top; background-repeat: repeat-y; border-right: 1px solid #ddd; color: #666; }
.sidebar-nav .list-box .list-group h2:hover { background-color: #2FB6E6; color: #fff; text-shadow: 0px 0px #fefefe; background-image: url(../image/sidebar-nav-h2-focus-bg.png); background-repeat: repeat-x; background-position: top bottom; }
.sidebar-nav .list-box .list-group h2 i { position: absolute; right: 0; top: 0; display: block; width: 34px; height: 36px; text-indent: -9999px; background-image: url(../image/ArrowR.png); background-position: center center; background-repeat: no-repeat; }
.sidebar-nav .list-box .list-group h2:hover i { background-image: url(../image/ArrowRFocus.png); }
.sidebar-nav .list-box .list-group h2.expand i { background-image: url(../image/ArrowD.png) !important; }
.sidebar-nav .list-box .list-group h2.expand:hover i { background-image: url(../image/ArrowDFocus.png) !important; }
.sidebar-nav .list-box .list-group h2.collapse i { background-image: url(../image/ArrowU.png) !important; }
.sidebar-nav .list-box .list-group h2.collapse:hover i { background-image: url(../image/ArrowUFocus.png) !important; }
.sidebar-nav .list-box .list-group h2 .GreyStatusSPAN { right: 10px; color: #888; }

.sidebar-nav .list-box .list-group h2.collapse { border-bottom: 1px solid #E3E3E3; }
.sidebar-nav .list-box .list-group h2.collapse1 i { background-image: url(../image/ArrowUFocus.png) !important; }
.sidebar-nav .list-box .list-group h2.collapse1, .sidebar-nav .list-box .list-group h2.selected1 { background-color: #2FB6E6; color: #fff; text-shadow: 0px 0px #fefefe; background-image: none; border-right: 0px; }
.sidebar-nav .list-box .list-group h2.selected1 i { background-image: url(../image/ArrowRFocus.png) !important; }

/*树型菜单*/
.sidebar-nav .list-box .list-group ul li .item { position: relative; display: block; padding: 9px 0 9px 25px; line-height: 20px; height: 20px; border-bottom: 0px solid #eee; border-top: 0px solid #fcfcfc; background: #fafafa; cursor: pointer; text-shadow: 1px 1px #fff; background-image: url(../image/sidebar-nav-shadow.png); background-position: right top; background-repeat: repeat-y; }
.sidebar-nav .list-box .list-group ul li .item:hover, .tree-menu li .item:active, .list-group-item-focus { background: #e9e9e9 !important; text-decoration: none !important; border-right: 1px solid #ddd !important; background-image: none !important; }
.sidebar-nav .list-box .list-group ul li .item:hover span { display: inherit; color: #2A72C5; font-weight: bold; }
.sidebar-nav .list-box .list-group ul li .item.pack { background: #f3f3f3; text-decoration: none; }
.sidebar-nav .list-box .list-group ul li .item.selected { *background: #16a0d3; *background: #f3f3f3; background-image1: url(../image/sidebar-nav-selected.png) !important; background-position: right top; background-repeat: repeat-y; background-color: #fefefe; color: #fff !important; background-image: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-image1: url(../image/HeaderCSSClass4_bg_new.gif) !important; background-repeat: repeat-x; background-color: #fff; }
.sidebar-nav .list-box .list-group ul li .item.selected { background-color: #fff !important; }
.sidebar-nav .list-box .list-group ul li .item.selected .folder.*open { background: url(../image/skin_icons.png) -40px -236px no-repeat; }
.sidebar-nav .list-box .list-group ul li .item.selected .arrow { position: absolute; top: 9.5px; right: -1px; width: 7px; height: 21px; background: url(../image/skin_icons.png) -40px -356px no-repeat; }
.sidebar-nav .list-box .list-group ul li .item.selected span { *color: #fff; *text-shadow: none; font-weight: bold; color: #4C9503; text-shadow: none !important; }
.sidebar-nav .list-box .list-group ul .expandable { display: block; float: left; width: 16px; height: 20px; cursor: pointer; }
.sidebar-nav .list-box .list-group ul .expandable.open { background: url(../image/skin_icons.png) -28px -164px no-repeat; }
.sidebar-nav .list-box .list-group ul .expandable.close { background: url(../image/skin_icons.png) 0 -164px no-repeat; }
.sidebar-nav .list-box .list-group ul .folder { display: block; float: left; width: 25px; height: 20px; background-image: url(../image/order-flow-single-wait.gif) !important; background-position: left center !important; }
.sidebar-nav .list-box .list-group ul .folder.open { background-image: url(../image/order-flow-single-wait.gif) !important; background-repeat: no-repeat; }
.sidebar-nav .list-box .list-group ul li .item.selected .folder.open { background-image: url(../image/order-flow-single-arrive.gif) !important; }
.sidebar-nav .list-box .list-group ul .item span { display: inherit; color: #666; }
.sidebar-nav .BottomInfoDIV { position: fixed; bottom: 0px; width: 178px; }
.sidebar-nav .BottomInfoDIV .TitleDIV { font-size: 22px; color: #ccc; text-shadow: 1px 1px #fefefe; text-align: center; padding-bottom: 20px; display: none; }
.sidebar-nav .BottomInfoDIV .icon-btn { width: 140px; }
.sidebar-nav .Splitter { border-top: 1px solid #E3E3E3; border-bottom: 1px solid #fff; }
.sidebar-nav .list-box .list-group ul li .selected .FocusIcon { background-color: #5C9503; width: 4px; height: 28px; position: absolute; top: 6px; left: -1px; }

.sidebar-nav .list-box .list-group ul { border-bottom: 0px solid #e6e6e6; }
.sidebar-nav .list-box .list-group ul li .item span { overflow: hidden !important; text-overflow: ellipsis !important; -o-text-overflow: ellipsis !important; white-space: nowrap !important; display: inline-block !important; width: 120px !important; }
.sidebar-nav .list-box .list-group ul li .item .Status { position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; background-image: url(../image/RedRoundBg.png); background-position: center top; background-repeat: no-repeat; text-align: center; color: #fff; font-size: 10px; font-family: Arial; text-shadow: 0px 0px #fff !important; }
.sidebar-nav .list-box .list-group ul li .item .GreyStatus { position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; background-image: url(../image/GreyRoundBg.png); background-position: center top; background-repeat: no-repeat; text-align: center; color: #888; font-weight: bold; font-size: 10px; font-family: Arial; text-shadow: 0px 0px #fff !important; }
.sidebar-nav .list-box .list-group ul li .item .Status { background-image: none !important; background-color: red; border-radius: 1em !important; height: 20px; min-width: 10px; width: auto !important; padding-left: 6px !important; padding-right: 6px !important; }

/*右边框架*/
.main-container { background: #fff; }
/*快捷导航*/
.btn-paograms { display: block; position: absolute; bottom: 20px; right: 20px; z-index: 12; cursor: pointer; width: 22px; height: 22px; background: url(../image/skin_icons.png) 1px -395px no-repeat; }
.btn-paograms:hover { background-position: -39px -395px; }
.pop-menu { visibility: hidden; position: absolute; right: 20px; bottom: 45px; z-index: 12; background: #09F; }
.pop-menu .arrow { position: absolute; display: block; right: 10px; bottom: 0; width: 21px; height: 12px; text-indent: -999em; background: url(../image/skin_icons.png) no-repeat 0 -366px; }
.pop-menu .pop-box { position: absolute; display: block; right: 0; bottom: 10px; padding: 30px 10px 10px 12px; border: 1px solid #b1b1b1; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
.pop-menu .pop-box .list-box { display: block; width: 100%; height: 100%; overflow: auto; }
.pop-menu .pop-box .list-box .list-group { float: left; margin-left: -1px; padding: 0; width: 120px; height: auto; border: 1px solid #f2f2f2; overflow: hidden; }
.pop-menu .pop-box .list-box .list-group:first-child { margin-left: 0; }
.pop-menu .pop-box .list-box .list-group h2 { padding: 8px; font-size: 12px; color: #444; font-weight: bold; line-height: 1.0em; background: #f9f9f9; }
.pop-menu .pop-box .list-box .list-group ul { margin-left: 10px; }
.pop-menu .pop-box .list-box ul li a { display: block; padding: 8px 10px; font-size: 11px; color: #666; line-height: 1.0em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pop-menu .pop-box .list-box ul li a:hover { text-decoration: none; }
.pop-menu .pop-box .list-box ul li a.nolink { font-weight: bold; cursor: default; }
.pop-menu .pop-box .list-box ul li a.link { cursor: pointer; }
.pop-menu .pop-box .list-box ul li a.link:hover { color: #fff; background: #55afeb; }
.pop-menu .pop-box h1.title { position: absolute; top: 8px; left: 10px; line-height: 14px; font-size: 13px; font-weight: bold; color: #222; }
.pop-menu .pop-box h1.title i { display: inline-block; margin-right: 2px; width: 14px; height: 16px; background: url(../image/skin_icons.png) -280px -112px no-repeat; vertical-align: middle; }
.pop-menu .pop-box .close { position: absolute; display: block; top: 5px; right: 5px; width: 14px; height: 14px; text-indent: -999em; background: url(../image/skin_icons.png) -112px -168px no-repeat; cursor: pointer; }

.nlist-1 { line-height: 45px; color: #444; font-size: 11px; }
.nlist-1 ul { padding: 0 0 0 20px; }
.nlist-1 ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.nlist-1 ul li { float: left; margin-right: 10px; width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nlist-2 { line-height: 30px; border: 1px solid #ebebeb; color: #444; font-size: 11px; }
.nlist-2 h3 { margin: 0; padding: 0 0 0 20px; font-size: 11px; font-weight: bold; color: #333; line-height: 34px; height: 34px; }
.nlist-2 h3 i { display: inline-block; margin-right: 3px; width: 14px; height: 16px; vertical-align: middle; background: url(../image/skin_icons.png) -280px -112px no-repeat; overflow: hidden; }
.nlist-2 ul { padding: 0 0 10px 20px; *display: inline-block; }
.nlist-2 ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.nlist-2 ul li { float: left; margin-right: 10px; width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nlist-3 { float: left; width: 350px; overflow: hidden; }
.nlist-3 ul { float: left; width: 344px; }
.nlist-3 ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.nlist-3 ul li { display: inline; float: left; margin-right: 20px; height: 108px; }
.nlist-3 ul li a { display: block; width: 64px; height: 64px; border: 1px solid #fff; background: url(../image/skin_icons.png) no-repeat #fff; filter: alpha(opacity=60); opacity: 0.6; }
.nlist-3 ul li a:hover { filter: alpha(opacity=100); opacity: 1; }
.nlist-3 ul li a.icon-setting { background-position: 0 -629px; }
.nlist-3 ul li a.icon-channel { background-position: -128px -629px; }
.nlist-3 ul li a.icon-templet { background-position: -256px -629px; }
.nlist-3 ul li a.icon-mark { background-position: -384px -629px; }
.nlist-3 ul li a.icon-plugin { background-position: 0 -757px; }
.nlist-3 ul li a.icon-user { background-position: -128px -757px; }
.nlist-3 ul li a.icon-manaer { background-position: -256px -757px; }
.nlist-3 ul li a.icon-log { background-position: -384px -757px; }
.nlist-3 ul li span { display: block; width: 64px; height: 24px; line-height: 24px; text-align: center; font-size: 11px; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nlist-4 { margin-left: 350px; border: 1px solid #ebebeb; font-size: 11px; height: 192px; overflow: hidden; }
.nlist-4 h3 { margin: 0; padding: 0 10px; line-height: 34px; font-size: 11px; color: #333; }
.nlist-4 h3 i { display: inline-block; margin-right: 3px; width: 14px; height: 16px; vertical-align: middle; background: url(../image/skin_icons.png) no-repeat; overflow: hidden; }
.nlist-4 h3 i.site { background-position: -84px -112px; }
.nlist-4 h3 i.msg { background-position: -308px -112px; }
.nlist-4 ul { padding: 0 10px; }
.nlist-4 ul li { color: #005eac; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* =========================管理首页样式.结束======================= */

/* =========================内页通用样式.开始======================= */
.location { padding-bottom: 9px; border-bottom: solid 1px #e1e1e1; height: 22px; line-height: 22px; font-size: 11px; color: #333; }
.location a { display: inline-block; color: #333; text-decoration: none; }
.location a:hover { color: #0065D9; text-decoration: none; }
.location a i { display: inline-block; margin-right: 5px; width: 14px; height: 14px; text-indent: -999em; background: url(../image/skin_icons.png) no-repeat; vertical-align: middle; *text-indent: 0; /*float:left;*margin-top:5px;*/ }
.location a.back { margin-right: 15px; }
.location a.back i { background-position: 0 0; }
.location a.home i { background-position: -28px 0; }
.location span { display: inline-block; vertical-align: middle; }
.location .arrow { display: inline-block; margin: auto 3px; width: 14px; height: 14px; background: url(../image/skin_icons.png) no-repeat -56px 0; vertical-align: middle; }
textarea { overflow: auto; border-radius: 4px !important; box-shadow: 0 1px 1px #f3f3f3 inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; }
textarea.input { height: 65px; border-radius: 4px !important; box-shadow: 0 1px 1px #f3f3f3 inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; }
.inputsmall { padding: 3px 4px; min-height: 20px; line-height: 20px; border: 1px solid #e3e3e3; background: #fff; vertical-align: middle; color: #333; font-size: 100%; font-size: 11px; }
.inputmostsmall { padding: 2px 3px !important; min-height: 20px; line-height: 20px; border: 1px solid #e3e3e3; background: #fff; vertical-align: middle; color: #333; font-size: 100%; font-size: 11px; }
.input.normal { width: 300px; }
.input.txt { width: 200px; }
.input.small { width: 50px; }
.input-date { position: relative; display: inline-block; height: 30px; vertical-align: middle; *display: inline; }
.input-date .date, .WdatePicker { width: 100px; }
.fulldate { width: 150px; }
.input-date i { position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; text-indent: -99em; background: url(../image/skin_icons.png) no-repeat -196px -112px; background-image: url(../image/skin_icons.png); background-repeat: no-repeat; background-position: -196px -112px; overflow: hidden; }
.select { margin: 1px; padding: 4px; min-height: 20px; line-height: 20px; border: 1px solid #e3e3e3; background: #fff; vertical-align: middle; color: #333; font-size: 100%; }
.select1 { padding: 1px; min-height: 20px; line-height: 20px; border: 1px solid #e3e3e3; background: #fff; vertical-align: middle; color: #333; font-size: 100%; }

/*Tab选项卡*/
.content-tab-wrap { height: 39px; }
.content-tab { z-index: 3; left: 15px; right: 15px; height: 38px; background: #fff; border-bottom: 1px solid #e2e2e5; }
.content-tab-ul-wrap { position: relative; }
.content-tab ul { position: absolute; left: 0; top: 10px; }
.content-tab ul li { position: relative; display: block; float: left; margin-right: -1px; }
.content-tab ul li1:first-child a { border-top-left-radius: 10px; }
.content-tab ul li1:last-child a { border-top-right-radius: 10px; }
.content-tab ul li a { float: left; padding: 0 20px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; height: 27px; line-height: 28px; font-size: 12px; color: #333; text-align: center; background: #f9f9f9; }
.content-tab ul li a:hover { color: #2A72C5; text-decoration: none; }
.content-tab ul li a.selected { color: #246800; background: #fff; height: 28px; font-weight: bold; background-image: none !important; font-size: 12px; }

.content-tab-wrap-bg .content-tab ul li a { background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left -10px; }
.content-tab-wrap .content-tab ul li a { background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left -10px; }

.div-content { padding: 10px 0; font-size: 11px; color: #666; }
.div-content dl dt { display: block; float: left; width: 130px; text-align: right; color: #333; }
.div-content dl dd { margin-left: 150px; }
/*.tab-content { padding: 20px 0; font-size: 11px; color: #666; border: 1px solid #e1e1e1; border-top: none; }
.tab-content dl, .div-content dl { clear: both; display: block; padding: 8px 0; line-height: 30px; }
.tab-content dl:after, .div-content dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.tab-content dl:first-child { border-top: none; }
.tab-content dl dt { display: block; float: left; width: 150px; text-align: right; color: #333; }
.tab-content dl dd { margin-left: 170px; }*/
/*Tab选项卡内容*/

.toolbar-wrap { padding: 5px 0; padding-bottom: 0px; min-height: 42px; *position: relative; *z-index: 1; }
.toolbar { left: 15px; right: 15px; padding: 10px 0; background-color: transparent; z-index: 2; }
.toolbar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.toolbar .l-list { float: left; }
.toolbar .icon-list { margin-right: 10px; }
.toolbar .icon-list, .toolbar .icon-list li { float: left; }
.toolbar .icon-list li:first-child a { border-left: solid 1px #dbdbdb; }
.toolbar .icon-list li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.toolbar .icon-list li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.toolbar .icon-list li a { display: inline-block; padding: 5px 10px 5px 8px; line-height: 18px; height: 18px; border: solid 1px #e1e1e1; border-left: none; color: #333; font-size: 11px; text-decoration: none; background-color: #fdfdfd; background-image *:url(../image/HeaderCSSClass4_bg_new.gif); background-position: left 3px; background-repeat: repeat-x; cursor: pointer; }
.toolbar .icon-list li a:hover { color: #2A72C5; }
.toolbar .icon-list li a span { display: inline-block; vertical-align: middle; }
.toolbar .icon-list li a i, i.add, i.edit { display: inline-block; margin-right: 3px; width: 14px; height: 14px; text-indent: -999em; background: url(../image/skin_icons.png?Version=2014072202) no-repeat; vertical-align: middle; *text-indent: 0; /*display:block;*float:left;*margin-top:4px;*/ }
.toolbar .icon-list li a.add i, .icon-btn.add i, i.add { background-position: 0 -28px; }
.toolbar .icon-list li a.refresh i, .icon-btn.refresh i { background-position: -360px -28px; }
.toolbar .icon-list li a.save i, .icon-btn.save i { background-position: -28px -28px; }
.toolbar .icon-list li a.all i { background-position: -56px -28px; }
.toolbar .icon-list li a.del i, .icon-btn.del i { background-position: -84px -28px; }
.toolbar .icon-list li a.edit i, .icon-btn.edit i, i.edit { background-position: -252px -28px; }
.toolbar .icon-list li a.excel i, .icon-btn.excel i { background-position: -278px -28px; }
.toolbar .icon-list li a.user i, .icon-btn.user i { background-position: -306px -28px; }
.toolbar .icon-list li a.tree i, .icon-btn.tree i { background-position: -332px -28px; }
.toolbar .icon-list li a.folder i { background-position: -112px -28px; }
.toolbar .icon-list li a.list i, .icon-btn.list i { background-position: -140px -28px; }
.toolbar .icon-list li a.setting i, .icon-btn.setting i { background-position: -386px -28px; }
.toolbar .icon-list li a.move i, .icon-btn.move i { background-position: -412px -28px; }
.toolbar .icon-list li a.copy i, .icon-btn.copy i { background-position: -436px -28px; }
.toolbar .icon-list li a.upload i, .icon-btn.upload i { background-position: -461px -28px; }
.toolbar .icon-list li a.restore i, .icon-btn.restore i { background-position: -485px -28px; }
.toolbar .icon-list li a.cloud i, .icon-btn.cloud i { background-position: -509px -28px; }
.toolbar .icon-list li a.lock i, .icon-btn.lock i { background-position: -534px -28px; }
.toolbar .icon-list li a.view i, .icon-btn.view i { background-position: -556px -28px; }
.toolbar .icon-list li a.download i, .icon-btn.download i { background-position: -579px -28px; }
.toolbar .icon-list li a.search i, .icon-btn.search i { background-position: -168px -28px; }
.toolbar .icon-list li a.comment i, .icon-btn.comment i { background-position: -602px -29px; }
.toolbar .icon-list li a.print i, .icon-btn.print i { background-position: -629px -29px; }
.toolbar .icon-list li a.down i, .icon-btn.down i { background-position: -655px -29px; }
.toolbar .icon-list li a.sum i, .icon-btn.sum i { display: none; }
.toolbar .icon-list li a.shoppingcart i, .icon-btn.shoppingcart i { background-image: url(../image/shoppingcart.png); background-position: left top; width: 19px !important; }
.toolbar .icon-list li a.yes i, .icon-btn.yes i { background-image: url(../image/btn-yes.png); background-position: left top; width: 16px !important; }
.toolbar .icon-list li a.no i, .icon-btn.no i { background-image: url(../image/btn-no.png); background-position: center center; width: 16px !important; }
.toolbar .l-list .menu-list { float: left; }

.toolbar .r-list { float: right; }
.toolbar .r-list input { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; }
.toolbar .r-list .Setting { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
.toolbar .keyword { display: block; float: left; margin: 0; padding: 0 5px; width: 200px; height: 28px; line-height: 26px; font-size: 11px; border: 1px solid #dbdbdb; color: #444; }
.toolbar .btn-search { display: block; float: left; margin: 0 0 0 -1px; padding: 0; width: 30px; height: 28px; line-height: 30px; border: 1px solid #dbdbdb; background: url(../image/skin_icons.png) -160px -20px no-repeat #fafafa; cursor: pointer; text-indent: -9999px; }
.toolbar .img-view { display: block; float: left; margin-left: 10px; width: 30px; height: 28px; border: 1px solid #dbdbdb; background: url(../image/skin_icons.png) -187px -20px no-repeat #fafafa; text-indent: -9999px; }
.toolbar .txt-view { display: block; float: left; width: 30px; height: 28px; border: 1px solid #dbdbdb; border-left: none; background: url(../image/skin_icons.png) -216px -20px no-repeat #fafafa; text-indent: -9999px; }
.toolbar .Setting { display: block; float: left; margin-left: 0px; width: 30px; height: 28px; border: 1px solid #dbdbdb; border-left: 0px; background: url(../image/skin_icons.png) -272px -103px no-repeat #fafafa; text-indent: -9999px; }

.icon-btn.GreyBg { background: #fafafa; }
.icon-btn.LightGreyBg { background: #fcfcfc; }
.icon-btn span { color: #333; }
/* =========================内页通用样式.结束======================= */


/* ==========================编辑页样式.开始======================== */
/*表格样式*/
.border-table { border-width: 1px; margin: 0; background: #fff; }
.border-table th { margin: 0; padding: 2px 10px; line-height: 26px; height: 28px; border: 1px solid #e1e1e1; vertical-align: middle; white-space: nowrap; word-break: keep-all; }
.border-table td { margin: 0; padding: 2px 10px; line-height: 26px; height: 28px; border: 1px solid #e1e1e1; vertical-align: middle; white-space: nowrap; word-break: keep-all; }
.border-table td input { vertical-align: middle; }
.border-table td .position { position: relative; min-height: 100%; }
.border-table td .ibtn { position: absolute; top: 0; right: -7px; background: #cc; border: none; color: #666; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 11px; height: 25px; line-height: 25px; padding: 0 12px; }
.border-table td .ibtn:hover { color: #fff; background: #FF9C30; }
.border-table thead th { color: #333; font-weight: normal; white-space: nowrap; text-align: center; background: #f9f9f9; }
.border-table tbody th { padding-right: 5px; text-align: right; color: #707070; background-color: #f9f9f9; }
.border-table tr.td_c td { text-align: center; }
.border-table td .cbllist input { vertical-align: middle; }
.border-table td .cbllist label { margin-right: 5px; vertical-align: middle; }
.border-table td .folder-open { display: inline-block; margin-right: 2px; width: 20px; height: 20px; background: url(../image/skin_icons.png) -40px -196px no-repeat; vertical-align: middle; text-indent: -999em; }
.border-table td .folder-line { display: inline-block; margin-right: 2px; width: 20px; height: 20px; background: url(../image/skin_icons.png) -80px -196px no-repeat; vertical-align: middle; text-indent: -999em; }

/*按钮样式*/
.td-input { display: inline-block; padding: 0 3px; border: 1px solid #d7d7d7; height: 20px; line-height: 18px; color: #666; font-size: 11px; background: #fff; vertical-align: middle; }
.btn { background: #16a0d3; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; height: 32px; line-height: 32px; margin: 0 1px 0 0; padding: 0 20px; }
.btn:hover { background: #117ea6; }
.btn.green { background: #52A152; }
.btn.green:hover { background: #328032; }
.btn.yellow { background: #FF9C30; }
.btn.yellow:hover { background: #c87316; }
.btn.violet { background: #993333; }
.btn.violet:hover { background: #990033; }
.icon-btn { display: inline-block; margin: 0; padding: 4px 10px 4px 8px !important; line-height: 16px; height: 18px; border: solid 1px #e1e1e1; color: #333; font-size: 11px; text-decoration: none; cursor: pointer; background-color: #fff; }
.icon-btn-height22 { line-height: 16px; height: 18px; }
.icon-btn:hover { color: #2A72C5; }
.icon-btn span { display: inline-block; vertical-align: middle; }
.icon-btn i { display: inline-block; margin-right: 3px; width: 14px; height: 14px; text-indent: -9999em; background: url(../image/skin_icons.png) no-repeat; vertical-align: middle; *text-indent: 0; }
.icon-btn.add i { background-position: 0 -28px; }
.icon-btn-small { padding: 2px 8px 2px 6px; }
.img-btn { display: inline-block; margin: 0 2px; width: 14px; height: 14px; text-indent: -99em; text-decoration: none; background: url(../image/skin_icons.png) no-repeat; vertical-align: middle; cursor: pointer; overflow: hidden; }
.img-btn.edit { background-position: -140px -112px; }
.img-btn.del { background-position: -84px -28px; }
/*多项单选*/
.multi-radio { display: inline-block; vertical-align: middle; *display: inline; }
.multi-radio:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.multi-radio .boxwrap { display: inline-block; vertical-align: middle; *display: inline; }
.multi-radio a { display: inline-block; margin-right: -1px; float: left; padding: 5px 12px; border: 1px solid #d4d4d4; vertical-align: middle; color: #777; font-size: 100%; cursor: pointer; font-size: 11px; margin-bottom: 8px; background-color: #fff; }
.multi-radio a:hover { background: #C9E1EF; text-decoration: none; }
.multi-radio a:active { text-decoration: none; }
.multi-radio a.selected { background: #3E8EF7; border-color: #3E8EF7; color: #fff; }
/*单项选择*/
.single-checkbox { display: inline-block; vertical-align: middle; cursor: pointer; *display: inline; }
.single-checkbox a, .single-checkbox a:visited { display: inline-block; border: 1px solid #d4d4d4; background: #d4d4d4; width: 80px; vertical-align: middle; text-decoration: none; font-size: 11px; }
.single-checkbox a i { display: block; width: 50%; height: 28px; line-height: 28px; font-style: normal; background: #fff; color: #333; text-align: center; }
.single-checkbox a i.on { float: right; display: none; }
.single-checkbox a i.off { float: left; display: block; }
.single-checkbox a.selected { border: 1px solid #16a0d3; background: #16a0d3; }
.single-checkbox a.selected i.on { display: block; }
.single-checkbox a.selected i.off { display: none; }
/*多项选择*/
.multi-checkbox { display: inline-block; vertical-align: middle; }
.multi-checkbox:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.multi-checkbox .boxwrap { display: inline-block; vertical-align: middle; }
.multi-checkbox a { display: inline-block; float: left; margin-right: -1px; padding: 5px 15px; height: 20px; line-height: 20px; border: 1px solid #d4d4d4; vertical-align: middle; color: #333; font-size: 100%; cursor: pointer; }
.multi-checkbox a:hover { background: #C9E1EF; text-decoration: none; }
.multi-checkbox a:active { text-decoration: none; }
.multi-checkbox a.selected { background: #16a0d3; border-color: #1096c7; color: #fff; }
.multi-checkbox a:last-child { /*border-right:1px solid #d4d4d4;*/ }
/*多项选择PORP*/
.multi-porp { }
.multi-porp ul li { float: left; position: relative; margin: 0 6px 6px 0; padding: 1px; line-height: 20px; vertical-align: middle; }
.multi-porp ul li a { display: block; padding: 2px 8px; color: #76838f; min-width: 10px; width: auto !important; text-align: center; text-decoration: none; white-space: nowrap; border: 1px solid #eaeaea; cursor: pointer; font-size: 11px; background-color: #fff; }
.multi-porp ul li i { display: none; position: absolute; right: 0; bottom: 0; width: 12px; height: 12px; text-indent: -99em; background: url(../image/skin_icons.png) -169px -85px no-repeat; overflow: hidden; }
.multi-porp ul li.sys { background: #FFFFD0; }
.multi-porp ul li.selected a { margin: -1px; color: #333; border: 2px solid #62a8ea; }
.multi-porp ul li.selected i { display: block; background-position: -169px -113px; }
/*下拉菜单*/
.single-select { position: relative; display: inline-block; margin-right: 5px; vertical-align: middle; cursor: pointer; *float: left; }
.single-select .boxwrap { display: inline-block; vertical-align: middle; }
.single-select .select-tit { position: relative; display: block; padding: 5px 35px 5px 8px; min-width: 40px; line-height: 13px; height: 16px; border: solid 1px #dbdbdb; text-decoration: none; background: #fff; white-space: nowrap; word-break: break-all; }
.single-select .select-tit span { display: inline-block; color: #666; font-size: 11px; vertical-align: middle; }
.single-select .select-tit i { position: absolute; right: 0; top: 0; display: block; width: 26px; height: 100%; border-left: 1px solid #dbdbdb; background: url(../image/skin_icons.png) -49px -160px no-repeat #fafafa; }
.single-select .select-items { display: none; position: absolute; left: 0; top: 45px; /*overflow:hidden;*/ }
.single-select .select-items ul { position: relative; padding: 5px; min-width: 120px; max-height: 280px; border: 1px solid #dbdbdb; background: #fff; overflow-y: auto; overflow-x: hidden; }
.single-select .select-items ul li { display: block; padding: 4px 10px; line-height: 20px; font-size: 11px; color: #666; white-space: nowrap; cursor: pointer; }
.single-select .select-items ul li:hover { color: #fff; text-decoration: none; background: #16a0d3; }
.single-select .select-items ul li.selected { color: #FFF; background: #16a0d3; }
.single-select .arrow { display: none; position: absolute; left: 15px; top: 35px; width: 21px; height: 12px; text-indent: -9999px; background: url(../image/skin_icons.png) -40px -356px no-repeat; }

.page-footer { padding: 10px 0; height: 32px; }
.page-footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.page-footer .btn-list { position: fixed; padding: 10px 0; left: 15px; right: 15px; bottom: 0; z-index: 3; background: #fff; }
/*.page-footer .btn-list .absbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=80); opacity:0.8; }*/

.ltable { width: 100%; border: 1px solid #f1f4f5; font-family: Roboto,sans-serif; font-size: 12px; border-radius: 3px !important; }
.ltable th { padding: 10px 0; color: #333333; font-size: 12px; *background: #f3f3f3; background-color: #fff; border-bottom: 1px solid #f1f4f5; line-height: 2em; text-align: left !important; background-image1: url(../image/HeaderCSSClass4_bg_new.gif); background-position: left 0px; background-repeat: repeat-x; text-shadow: 1px 1px #ffffff; }
.ltable td { padding: 9px 0; border-bottom: 1px solid #f3f3f3; line-height: 2em; color: #888; }
.ltable td .sort { display: inline-block; padding: 0 3px; border: 1px solid #d7d7d7; width: 40px; height: 20px; line-height: 18px; color: #666; font-size: 11px; background: #fff; vertical-align: middle; }
.ltable td .btn-tools { display: inline-block; height: 22px; vertical-align: middle; }
.ltable td .btn-tools a { display: block; float: left; margin: 0; padding: 0; width: 20px; height: 20px; border: 1px solid #e8e8e8; border-left: none; text-indent: -9999em; background: url(skin_icons.png) no-repeat #fff; overflow: hidden; }
.ltable td .btn-tools a:first-child { border-left: 1px solid #e8e8e8; }
.ltable td .btn-tools a.msg { background-position: 3px -81px; }
.ltable td .btn-tools a.msg.selected { background-position: 3px -109px; }
.ltable td .btn-tools a.top { background-position: -25px -81px; }
.ltable td .btn-tools a.top.selected { background-position: -25px -109px; }
.ltable td .btn-tools a.red { background-position: -53px -81px; }
.ltable td .btn-tools a.red.selected { background-position: -53px -109px; }
.ltable td .btn-tools a.hot { background-position: -81px -81px; }
.ltable td .btn-tools a.hot.selected { background-position: -81px -109px; }
.ltable td .btn-tools a.pic { background-position: -109px -81px; }
.ltable td .btn-tools a.pic.selected { background-position: -109px -109px; }
.ltable td .folder-open { display: inline-block; margin-right: 2px; width: 20px; height: 20px; background: url(skin_icons.png) -40px -196px no-repeat; vertical-align: middle; text-indent: -999em; *text-indent: 0; }
.ltable td .folder-line { display: inline-block; margin-right: 2px; width: 20px; height: 20px; background: url(skin_icons.png) -80px -196px no-repeat; vertical-align: middle; text-indent: -999em; *text-indent: 0; }
.ltable tr1:hover { background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-position: left 0px; background-repeat: repeat-x; }
.ltable .odd { background: #FBFDFD; }
.ltable th.AllowSearchColumn { color: #888; text-decoration: underline; }
.ltable th a { color: #888; }
.ltable th.OrderColumnasc, .ltable th.OrderColumndesc { background-color: #eee; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background-repeat: no-repeat; background-position: right center; }
.ltable th.OrderColumnasc { background-image: url(../image/icon_up.png); }
.ltable th.OrderColumndesc { background-image: url(../image/icon_down.png); }
.ltable .StatusDIV { padding-top: 15px; padding-bottom: 15px; }
.ltable td { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; max-width: 300px; }

/*css default style pagination*/
div.default { margin: 0; padding: 0;  font-size: 11px; }
div.default a, div.default span { display: inline-block !important; margin: 0 0 0 -1px !important; padding: 4px 12px; line-height: 18px; /*height: 18px;*/ border: 1px solid #f0f0f0; background: #fff; color: #888; text-decoration: none; }
div.default span:first-child { border-left: 1px solid #f0f0f0; }
div.default a:hover { color: #666; background: #eee; }
div.default span.current { color: #fff; background: #3E8EF7; border-color: #3E8EF7; }
div.default span.disabled { color: #999; background: #fff; }

/*分页样式*/
.pagelist { clear: both; display: block; margin: 0 0 15px 0; }
.pagelist:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.pagelist .l-btns { display: block; float: left; margin: 0 5px 0 0; padding: 0 10px; border: 1px solid #f0f0f0; height: 26px; overflow: hidden; }
.pagelist .l-btns span { font-size: 11px; color: #888; line-height: 28px; }
.pagelist .l-btns .pagenum { display: inline-block; margin: 0 5px; padding: 0 5px; border: 1px solid #dbdbdb; border-top: 0; border-bottom: 0; width: 30px; height: 28px; line-height: 28px; font-size: 11px; color: #333; text-align: center; vertical-align: top; overflow: hidden; }

/* ==========================编辑页样式.结束======================== */

/* ==========================左边导航栏H2图标.开始======================== */
.sidebar-nav .list-box .list-group h2 span { width: 25px; height: 20px; display: inline-block; background-image: url(../image/MenuCategoryIcon/icon-setting-blur.png); background-position: left center; background-repeat: no-repeat; float: left; }
.icon-systemsetting { background-image: url(../image/MenuCategoryIcon/icon-setting-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }
/*
.sidebar-nav .list-box .list-group h2:hover span,.sidebar-nav .list-box .list-group h2.collapse span,.sidebar-nav .list-box .list-group h2.selected span{ background-image:url(../image/MenuCategoryIcon/icon-setting.png); }
*/
.sidebar-nav .list-box .list-group h2 span.icon-rss { background-image: url(../image/MenuCategoryIcon/icon-rss-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-rss, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-rss, .sidebar-nav .list-box .list-group h2.selected1 span.icon-rss { background-image: url(../image/MenuCategoryIcon/icon-rss.png) !important; }
.icon-rss { background-image: url(../image/MenuCategoryIcon/icon-rss-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-workflow { background-image: url(../image/MenuCategoryIcon/icon-workflow-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-workflow, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-workflow, .sidebar-nav .list-box .list-group h2.selected1 span.icon-workflow { background-image: url(../image/MenuCategoryIcon/icon-workflow.png) !important; }
.icon-workflow { background-image: url(../image/MenuCategoryIcon/icon-workflow-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-phone { background-image: url(../image/MenuCategoryIcon/icon-phone-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-phone, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-phone, .sidebar-nav .list-box .list-group h2.selected1 span.icon-phone { background-image: url(../image/MenuCategoryIcon/icon-phone.png) !important; }
.icon-phone { background-image: url(../image/MenuCategoryIcon/icon-phone-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-user { background-image: url(../image/MenuCategoryIcon/icon-user-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-user, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-user, .sidebar-nav .list-box .list-group h2.selected1 span.icon-user { background-image: url(../image/MenuCategoryIcon/icon-user.png) !important; }
.icon-user { background-image: url(../image/MenuCategoryIcon/icon-user-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-search { background-image: url(../image/MenuCategoryIcon/icon-search-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-search, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-search, .sidebar-nav .list-box .list-group h2.selected1 span.icon-search { background-image: url(../image/MenuCategoryIcon/icon-search.png) !important; }
.icon-search { background-image: url(../image/MenuCategoryIcon/icon-search-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-chart { background-image: url(../image/MenuCategoryIcon/icon-chart.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-chart, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-chart, .sidebar-nav .list-box .list-group h2.selected1 span.icon-chart { background-image: url(../image/MenuCategoryIcon/icon-chart.png) !important; }
.icon-chart { background-image: url(../image/MenuCategoryIcon/icon-chart-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-purchase { background-image: url(../image/MenuCategoryIcon/icon-purchase-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-purchase, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-purchase, .sidebar-nav .list-box .list-group h2.selected1 span.icon-purchase { background-image: url(../image/MenuCategoryIcon/icon-purchase.png) !important; }
.icon-purchase { background-image: url(../image/MenuCategoryIcon/icon-purchase-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-add { background-image: url(../image/MenuCategoryIcon/icon-add-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-add, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-add, .sidebar-nav .list-box .list-group h2.selected1 span.icon-add { background-image: url(../image/MenuCategoryIcon/icon-add.png) !important; }
.icon-add { background-image: url(../image/MenuCategoryIcon/icon-add-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-storage { background-image: url(../image/MenuCategoryIcon/icon-storage-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-storage, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-storage, .sidebar-nav .list-box .list-group h2.selected1 span.icon-storage { background-image: url(../image/MenuCategoryIcon/icon-storage.png) !important; }
.icon-storage { background-image: url(../image/MenuCategoryIcon/icon-storage-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-refresh { background-image: url(../image/MenuCategoryIcon/icon-refresh-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-refresh, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-refresh, .sidebar-nav .list-box .list-group h2.selected1 span.icon-refresh { background-image: url(../image/MenuCategoryIcon/icon-refresh.png) !important; }
.icon-refresh { background-image: url(../image/MenuCategoryIcon/icon-refresh-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-multicustomer { background-image: url(../image/MenuCategoryIcon/icon-multicustomer-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-multicustomer, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-multicustomer, .sidebar-nav .list-box .list-group h2.selected1 span.icon-multicustomer { background-image: url(../image/MenuCategoryIcon/icon-multicustomer.png) !important; }
.icon-multicustomer { background-image: url(../image/MenuCategoryIcon/icon-multicustomer-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-link { background-image: url(../image/MenuCategoryIcon/icon-link-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-link, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-link, .sidebar-nav .list-box .list-group h2.selected1 span.icon-link { background-image: url(../image/MenuCategoryIcon/icon-link.png) !important; }
.icon-link { background-image: url(../image/MenuCategoryIcon/icon-link-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-star { background-image: url(../image/MenuCategoryIcon/icon-star-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-star, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-star, .sidebar-nav .list-box .list-group h2.selected1 span.icon-star { background-image: url(../image/MenuCategoryIcon/icon-star-blur.png) !important; }
.icon-star { background-image: url(../image/MenuCategoryIcon/icon-star-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-dollar { background-image: url(../image/MenuCategoryIcon/icon-dollar-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-dollar, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-dollar, .sidebar-nav .list-box .list-group h2.selected1 span.icon-dollar { background-image: url(../image/MenuCategoryIcon/icon-dollar-blur.png) !important; }
.icon-dollar { background-image: url(../image/MenuCategoryIcon/icon-dollar-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-support { background-image: url(../image/MenuCategoryIcon/icon-support-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-support, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-support, .sidebar-nav .list-box .list-group h2.selected1 span.icon-support { background-image: url(../image/MenuCategoryIcon/icon-support-blur.png) !important; }
.icon-support { background-image: url(../image/MenuCategoryIcon/icon-support-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-node { background-image: url(../image/MenuCategoryIcon/icon-node-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-node, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-node, .sidebar-nav .list-box .list-group h2.selected1 span.icon-node { background-image: url(../image/MenuCategoryIcon/icon-node-blur.png) !important; }
.icon-node { background-image: url(../image/MenuCategoryIcon/icon-node-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-celluser { background-image: url(../image/MenuCategoryIcon/icon-celluser-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-celluser, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-celluser, .sidebar-nav .list-box .list-group h2.selected1 span.icon-celluser { background-image: url(../image/MenuCategoryIcon/icon-celluser-blur.png) !important; }
.icon-celluser { background-image: url(../image/MenuCategoryIcon/icon-celluser-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-users { background-image: url(../image/MenuCategoryIcon/icon-users-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-users, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-users, .sidebar-nav .list-box .list-group h2.selected1 span.icon-users { background-image: url(../image/MenuCategoryIcon/icon-users-blur.png) !important; }
.icon-users { background-image: url(../image/MenuCategoryIcon/icon-users-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-console { background-image: url(../image/MenuCategoryIcon/icon-console-blur.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-console, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-console, .sidebar-nav .list-box .list-group h2.selected1 span.icon-console { background-image: url(../image/MenuCategoryIcon/icon-console-blur.png) !important; }
.icon-console { background-image: url(../image/MenuCategoryIcon/icon-console-blur.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }

.sidebar-nav .list-box .list-group h2 span.icon-add-green { background-image: url(../image/MenuCategoryIcon/icon-add-green.png) !important; }
.sidebar-nav .list-box .list-group h2:hover span.icon-add-green, .sidebar-nav .list-box .list-group h2.collapse1 span.icon-add-green, .sidebar-nav .list-box .list-group h2.selected1 span.icon-add-green { background-image: url(../image/MenuCategoryIcon/icon-add-green.png) !important; }
.icon-add-green { background-image: url(../image/MenuCategoryIcon/icon-add-green.png) !important; background-position: left center !important; background-repeat: no-repeat !important; }
/* ==========================左边导航栏H2图标.结束======================== */

.CheckAllMetroCheckBoxSPAN { line-height: 33px; }
#MainContentDIVSearchAreaDIV { padding-left: 5px; }
.SearchColumnDIV { margin-bottom: 10px; }
.SearchColumnDIV .SearchColumnTitle { float: left; padding-top: 5px; width: 80px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; height: 25px; }
.SearchColumnDIV .SearchColumnContent { float: left; }
.SearchColumnDIV .RemoveSearchColumnDIV { float: left; }
.SearchColumnDIV .boxwrap .select-tit { width: 225px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.SearchColumnDIV .MinValueColumn input, .SearchColumnDIV .MaxValueColumn input { width: 164px; padding-right: 10px; }
.SearchColumnDIV .SpacerSPAN { margin-left: 12px; margin-right: 12px; color: #ccc; }
.SearchColumnDIV .RemoveSearchColumnDIV { background-image: url(../image/RemoveSearchColumnBg.png); background-position: center bottom; background-repeat: no-repeat; width: 16px; height: 30px; margin-left: 20px; cursor: pointer; }
.SearchColumnDIV .WdatePicker { border: 1px solid #e4eaec; padding: 5px 10px 5px 0px; border-top: none !important; border-left: none !important; border-right: none !important; font-size: 13px; color: #62a8ea !important; }
.SearchColumnDIV select { width: 380px !important; }
.FilterControlDIV { position: absolute; left: 430px; top: 0px; width: 200px; height: 24px; background-image: url(../image/FilterBg.png); background-repeat: no-repeat; background-position: left top; text-align: right; }
.FilterControlDIV span { background-image: url(../image/FilterControl.png); background-repeat: no-repeat; width: 25px; height: 25px; display: inline-block; cursor: pointer; margin-right: 10px; }
.FilterControlDIV .Cancel { background-position: right top; }

#QuickSearchDIV .multi-radio a { margin-bottom: 0px; }
#QuickSearchDIV .SearchColumnDIV { margin: 0px !important; margin-bottom: 0px !important; padding: 0px !important; }

.header { background-image: url(../image/HeaderCSSClass5_bg_new.png); background-repeat: repeat-x; background-position: center center; border-bottom: 1px solid #ddd; }
.nav-right .icon-info span, .nav-right .icon-info .WelcomeText { color: #666; text-shadow: 1px 1px #fff; }
.nav-right .icon-option { z-index: 10; background-color: #f6f6f6; border-left: 1px solid #fff; }
.nav-right .icon-info { border-right: 1px solid #ddd; background-image: url(../image/UserIconSmall.png); background-position: left center; }
.nav-right .icon-option:hover { background-color: #999; }
.nav-right .icon-option i { background-image: url(../image/ArrowD.png); background-position: center center; background-repeat: no-repeat; }
.nav-right .icon-option:hover i { background-image: url(../image/ArrowDFocus.png); }
.logo { border-right: 0px solid #ddd; }
.nav li { border-color: transparent; color: #888; font-size: 14px; }
.nav a.active { font-weight: bold !important; }
.nav { border-color: transparent; }

.SearchIcon { background-image: url(../image/SearchIconBgNew.png) !important; background-position: right center !important; background-repeat: no-repeat !important; }
.AdditionalMsg .icon-btn, .NewStyleRoundButton, .icon-btn { border-radius: 4px !important; border-right: 1px solid #ddd !important; margin-left: 2px; font-size: 11px !important; padding-top: 2px !important; padding-bottom: 3px !important; padding-right: 5px !important; padding-left: 6px !important; }
.WorkFlowCSSTable .AdditionalMsg a.BorderRight0 { display: none !important; }
.toolbar input[type='text'] { border-radius: 0 !important; }
.r-list input.keyword { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }

.WorkFlowCSSTable .select-tit, .SearchColumnDIV .select-tit { border-radius: 4px !important; font-size: 11px; height: 14px; line-height: 10px; }
.WorkFlowCSSTable .select-tit i, .SearchColumnDIV .select-tit i { border-radius: 4px !important; }

.WorkFlowCSSTable .single-select .select-tit i { background: #fafafa url("../image/skin_icons.png") no-repeat scroll -49px -162px; }

.HtmlControlAddMinusNumber::after { clear: both; }
.HtmlControlAddMinusNumber .MinusNumberIcon, .HtmlControlAddMinusNumber .HtmlControlField, .HtmlControlAddMinusNumber .AddNumberIcon { float: left; }
.HtmlControlAddMinusNumber .MinusNumberIcon, .HtmlControlAddMinusNumber .AddNumberIcon { width: 25px; height: 25px; border: 1px solid #ccc; font-size: 17px; color: #666; text-align: center; background-color: #fafafa; line-height: 22px; text-decoration: none !important; }
.HtmlControlAddMinusNumber .MinusNumberIcon { border-right: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.HtmlControlAddMinusNumber .AddNumberIcon { border-left: 0px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.HtmlControlAddMinusNumber .HtmlControlField { border-radius: 0px !important; }

#PageMainContentDIV { padding: 0px; }
body { background-color: #F1F4F5 !important; background-color1: #fafafa !important; }
#PageMainContentDIV { background-color: transparent !important; }
.CurrentFocusMenu .site-menu-title { border-bottom: 1px solid #666; font-weight: bold; color: #fff !important; }
.site-menu .open ul { padding-left: 10px; }

#site-sidebar-content a.list-group-item { padding-top: 0.55rem; padding-bottom: 0.55rem; }
dl, ol, ul { margin-bottom: 0px !important; }
.SearchIconDown { background-image: url(../image/ArrowD.png) !important; background-position-x: 97% !important; }
#PopupSelectorContainerDIV div.default a, #PopupSelectorContainerDIV div.default span { height: 26px !important; line-height: 16px !important; }