@CHARSET "UTF-8"; body { padding: 0; margin: 0; background: #F0EFEC; -webkit-text-size-adjust:none !important; } /* body, .z-label, .z-radio-cnt, .z-checkbox-cnt, input.button, input.file, .z-loading{ font-size: 11px; color: #333; line-height: 18px; font-family: Microsoft JhengHei,Arial,Helvetica,Geneva,sans-serif !important;} */ img { -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; } /* Form input UI */ * { outline-color: #9C3 !important; } table th, table td{ vertical-align: middle; } input, select{ color: #333333; font-size: 11px; } select { height: 21px; } input[type = 'text'], textarea, input[type = 'password']{color: #333333; } input[type = 'text']:hover, input[type = 'text']:focus, textarea:focus, textarea:hover, input[type= 'password']:hover, input[type= 'password']:focus{ background-color: #f2ffd9; border: 1px solid #99cc33; } input[type = 'text']:focus, textarea:focus, selected:focus, input[type= 'password']:focus{ outline: none; color: #0066cc; border: 1px solid #99cc33; } input[type = 'checkbox']:focus{ outline: 0px solid #99cc33; } input[type = 'radio']:focus{ outline: 0px solid #99cc33; } .z-textbox .z-combobox { width: 100%; min-width: 130px; } .z-comboitem .z-comboitem-text{ font-size: 11px; color: #333; padding: 2px 5px; border-top: 1px dashed #cfcfcf;} input.z-intbox, input.z-doublebox, input.z-decimalbox, input.z-longbox{ width: 99% !important; min-width: 70px !important; border-right: 1px !important; } input.z-textbox-readonly, input.z-textbox-disd, input.z-textbox-disd *, input.z-textbox-text-disd { -webkit-box-shadow: none; -moz-box-shadow: none; background: none !important; border: 0 !important; box-shadow: none; color: #333 !important; opacity: 1; } input.z-intbox-readonly, input.z-intbox-disd, input.z-intbox-disd *, input.z-intbox-text-disd { -webkit-box-shadow: none; -moz-box-shadow: none; background: none !important; border: 0 !important; box-shadow: none; color: #333 !important; min-width: 70px !important; opacity: 1; text-align:right !important; width: 99% !important; } input.z-longbox-readonly, input.z-longbox-disd, input.z-longbox-disd *, input.z-longbox-text-disd { -webkit-box-shadow: none; -moz-box-shadow: none; background: none !important; border: 0 !important; box-shadow: none; color: #333 !important; min-width: 70px !important; opacity: 1; text-align:right !important; width: 99% !important; } input.z-doublebox-readonly, input.z-doublebox-disd, input.z-doublebox-disd *, input.z-doublebox-text-disd { -webkit-box-shadow: none; -moz-box-shadow: none; background: none !important; border: 0 !important; box-shadow: none; color: #333 !important; min-width: 70px !important; opacity: 1; text-align:right !important; width: 99% !important; } input.z-decimalbox-readonly, input.z-decimalbox-disd, input.z-decimalbox-disd *, input.z-decimalbox-text-disd { -webkit-box-shadow: none; -moz-box-shadow: none; background: none !important; border: 0 !important; box-shadow: none; color: #333 !important; min-width: 70px !important; opacity: 1; text-align:right !important; width: 99% !important; } textarea.z-textbox-readonly, textarea.z-textbox-text-disd { color: #333 !important; background: none; border: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea.z-intbox-readonly, textarea.z-intbox-text-disd { color: #333 !important; background: none; border: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align:right !important; } textarea.z-longbox-readonly, textarea.z-longbox-text-disd { color: #333 !important; background: none; border: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align:right !important; } textarea.z-doublebox-readonly, textarea.z-doublebox-text-disd { color: #333 !important; background: none; border: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align:right !important; } textarea.z-decimalbox-readonly, textarea.z-decimalbox-text-disd { color: #333 !important; background: none; border: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align:right !important; } .z-auxheader-cnt { font-weight: bold; font-size: 12px; color: #fff; } /* all links */ .z-a { font-size: 11px; } a:link, a:visited, a:active, .z-a span, tr.z-listitem .z-a, tr.z-listitem a, tr.z-listitem a:visited, tr.z-treerow .z-a, tr.z-treerow .z-a:visited, span.ht-link{ /*color: #fff; text-decoration: underline;*/ font-weight: bold;} a:hover, tr.z-treerow-over .z-a, tr.z-listitem-over .z-a, .z-a span:hover, span.ht-link:hover{ /*color: #fff;*/ text-decoration: none !important;} div.z-treecell-cnt .z-label a { text-decoration: none !important; } tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited{ font-size: 11px; } div.ht-mn-navi a:link, div.ht-mn-navi a:visited, div.ht-mn-navi a:active{ text-decoration: none; color: #78BA00;} div.ht-navLink a, div.ht-navLink a:link{ text-decoration: none; margin: 0 5px; } /* ht main layout */ .ht-sys-info{ height: 34px; background-color: #fff; } .ht-mn { width: 100%; height: 100%;} .ht-mn-hdr { height: 65px !important;} .ht-mn-hdr-logo { width: 45px; height: 15px; background: url('../../resources/images/htcITStyle_assets/assets/logos.png') no-repeat -90px 0; position: relative; top: 9px; margin-left: 15px; } .ht-mn-hdr-sys { position: absolute; margin-left: 70px; top: 3px; } .ht-mn-hdr-sys .z-label { color: #1E1E1E; font-size: 18px; font-weight: bold; line-height: 30px; } .ht-mn-hdr-userinfo { position: absolute; top: 7px; right: 70px; overflow: hidden; text-align: right; white-space: nowrap; width: 300px; min-width: 120px; } .ht-mn-hdr-userinfo .z-label { color: #0066cc; font-weight: bold; font-size: 11px; } .ht-mn-hdr-userinfo > div{ display: inline; } .ht-mn-hdr-userinfo a:link, .ht-mn-hdr-userinfo a, .ht-mn-hdr-userinfo a:visited{ font-size: 11px !important; margin-left: 8px; color: #82786F; font-weight: bold; text-decoration: none; margin-right: 8px; } .ht-mn-hdr-userinfo a:hover{ color: #78BA00 !important; text-decoration: none; } .ht-mn-navi { position: absolute; top: 2px; } .ht-mn-content { background-color: #F0EFEC; } .ht-mn-ctn-title{ padding: 0px 0px 4px 0px !important;} .ht-mn-ctn-title .z-label{ color: #1d1d1d; font-size: 14px; font-weight: bold; } .ht-mn-ctn-actions { } .ht-mn-ctn-body { } .ht-noPadding{ padding: 0 0px !important;} .ht-template-webpage { position: relative; width: 100% !important; min-width: 940px; margin: 0 auto; background: transparent; background-color: transparent; } .ht-template-oneGrid { position: relative; width: 100% !important; margin: 0 auto; background: transparent; background-color: transparent; } .ht-separator-shadow{ background: url('../../resources/images/htcITStyle_assets/assets/shadowLine.png') no-repeat center center; background-size: 100% 22px; height: 22px; margin-top: 15px; margin-bottom: -15px; } .ht-separator-line{ height: 2px; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; } .ht-mn-hdr + .z-north-splt, .ht-mn-hdr + .z-south-splt, .ht-mn-hdr + .z-north-splt:hover, .ht-mn-hdr + .z-south-splt:hover{ background-color: transparent;cursor: default; } .ht-mn-hdr + .z-north-splt:hover .z-north-splt-btn, .ht-mn-hdr + .z-south-splt:hover .z-south-splt-btn{} .ht-mn-hdr + .z-north-splt .z-north-splt-btn, .ht-mn-hdr + .z-south-splt .z-south-splt-btn{} .ht-mn-hdr + .z-north-splt{ height: 0; } .ht-mn-hdr ~ .z-north-colpsd{ top: -1px !important; overflow: visible; height: 24px; width: 100% !important; } .ht-mn-hdr ~ .z-north-colpsd .z-borderlayout-icon{ position: absolute; right: 0px; } .ht-mn-hdr + .z-north-splt{ position: absolute; height:0px; top: 43px !important; z-index: 100; } .ht-mn-hdr + .z-north-splt .z-north-splt-btn{ position: absolute; width: 21px; height: 21px; top: -4px; margin: 0 !important; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat -273px -126px; cursor: pointer; opacity: 1; filter: none; } .ht-mn-hdr + .z-north-splt .z-north-splt-btn-over{ background-position: -273px -126px;} .ht-mn-hdr ~ .z-north-colpsd .z-borderlayout-icon{ width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat -252px -126px; position: absolute; top: 5px; cursor: pointer; margin: 0; } .ht-mn-hdr ~ .z-north-colpsd { border: 0px !important; background: transparent !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .z-borderlayout, .z-north, .z-center, .z-south { background: none; background-color: transparent; border: none; } .z-north-splt, .z-south-splt { background: none; } .z-east-splt, .z-west-splt, .z-north-splt, .z-south-splt { background: none; background-color: transparent; } .z-north-splt:hover, .z-south-splt:hover{ background-color: #000; } .z-north-header { background-image: none; color: #1D1D1D; font-weight: bold; font-size: 14px; padding: 5px 3px 5px 0px; border: 0px; white-space: nowrap; overflow: hidden; line-height: 15px; zoom: 1; cursor: default; } .z-west-header, .z-center-header, .z-east-header, .z-south-header { color: #1D1D1D; font-weight: bold; font-size: 14px; padding: 5px 3px 5px 3px; border: 0px; white-space: nowrap; overflow: hidden; line-height: 15px; zoom: 1; cursor: default; } .z-south-colpsd, .z-north-colpsd { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CFCFCF; background: #636363 !important; width: 21px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; height: 21px; } .z-west-colpsd { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CFCFCF; left: 0px !important; background: #636363 !important; width: 21px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .z-east-colpsd { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #CFCFCF; right: 0px !important; background: #636363 !important; width: 21px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .z-separator-hor{ height: 10px; } .ht-menubar{ height: 32px; position: relative; background: url('../../resources/images/htcITStyle_assets/menu/menubar_silver.png') repeat-x 0 bottom; } .ht-navLink{ position: absolute; right: 10px; top: 3px; line-height: 30px; } /* z-menu */ .z-menupopup-cnt{} .z-menupopup-cnt li.z-menuitem, .z-menupopup-cnt li.z-menu{ height: 26px !important; line-height: 21px !important; padding: 0; padding-left: 21px; background: #E9E9E9 url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin.png') no-repeat left -355px; } .z-menupopup-cnt li.z-menuitem-over, .z-menupopup-cnt li.z-menu-over{ background: #99cc33; } table.z-menuitem-body .z-menuitem-inner-m div{ padding-top: 3px; padding-top: 2px \9; *padding-top: 2px; font-weight: bold; } table.z-menu-body-seld div, table.z-menuitem-body-over div, table.z-menu-body-seld .z-menu-btn{ color: #6BA600; } div.z-menubar-hor .z-menu-inner-m div{ padding-right: 10px; padding-top: 3px; padding-top: 2px \9; *padding-top: 2px; font-weight: bold; } div.z-menubar-hor .z-menu-body .z-menu-inner-l, div.z-menubar-hor .z-menu-body .z-menu-inner-r, div.z-menubar-hor .z-menuitem-body .z-menuitem-inner-l, div.z-menubar-hor .z-menuitem-body .z-menuitem-inner-r, .z-menubar-ver .z-menu-body .z-menu-inner-l, .z-menubar-ver .z-menu-body .z-menu-inner-r, .z-menubar-ver .z-menuitem-body .z-menuitem-inner-l, .z-menubar-ver .z-menuitem-body .z-menuitem-inner-r { height: 22px; width: 9px; } div.z-menubar-hor .z-menu-body .z-menu-inner-m, div.z-menubar-hor .z-menuitem-body .z-menuitem-inner-m, .z-menubar-ver .z-menu-body .z-menu-inner-m, .z-menubar-ver .z-menuitem-body .z-menuitem-inner-m { height: 22px; text-align: center; padding: 0 4px; } table.z-menu-body-seld .z-menu-inner-l{ background: none; } table.z-menu-body-seld .z-menu-inner-l .z-menu-space{ width: 9px; } table.z-menu-body-seld .z-menu-inner-m{ background: none;} table.z-menu-body-seld .z-menu-inner-r{ background: none;} table.z-menuitem-body-over .z-menuitem-inner-l{ background: none; } table.z-menuitem-body-over .z-menuitem-inner-m{ background: none; } table.z-menuitem-body-over .z-menuitem-inner-r{ background: none; } div.z-menubar-hor .z-menu-btn, div.z-menubar-hor .z-menuitem-btn { margin: 0; padding: 0; color: #1d1d1d; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px white; white-space: nowrap; } table.z-menuitem-body-over .z-menuitem-btn, table.z-menu-body-seld .z-menu-btn{ color: #78BA00 !important; } div.z-menubar-hor { background: transparent; border: none; } div.z-menupopup { background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d0d0d0; padding: 0; } div.z-menupopup a.z-menuitem-cnt:link, div.z-menupopup .z-menu a.z-menu-cnt:link, div.z-menupopup a.z-menuitem-cnt:visited, div.z-menupopup .z-menu a.z-menu-cnt:visited{ color: #1d1d1d; font-weight: bold; padding: 0 20px 0 0px; line-height: 26px; } div.z-menupopup li.z-menuitem-over a.z-menuitem-cnt:link, div.z-menupopup .z-menu-over a.z-menu-cnt:link, div.z-menupopup li.z-menuitem-over a.z-menuitem-cnt:visited, div.z-menupopup .z-menu-over a.z-menu-cnt:visited{ color: #fff; } .z-menupopup-cnt .z-menuitem .z-menuitem-cl, .z-menupopup-cnt .z-menu .z-menu-cl{ padding: 0; } .z-menupopup-cnt .z-menuitem-over .z-menuitem-cr, .z-menupopup-cnt .z-menu-over .z-menu-cr{ padding: 0; } .z-menupopup-cnt .z-menuitem .z-menuitem-cr, .z-menupopup-cnt .z-menu .z-menu-cr{ padding: 0; } div.z-menupopup .z-menupopup-cnt { background-image: none; } ul.z-menupopup-cnt .z-menuitem-over .z-menuitem-cl, ul.z-menupopup-cnt .z-menuitem-over .z-menuitem-cr, ul.z-menupopup-cnt .z-menuitem-over .z-menuitem-cm, ul.z-menupopup-cnt .z-menu-over .z-menu-cl, ul.z-menupopup-cnt .z-menu-over .z-menu-cr, ul.z-menupopup-cnt .z-menu-over .z-menu-cm{ background: none; } .z-menu-body .z-menu-inner-m .z-menu-btn{ padding-right: 0; } .z-menupopup .z-menuitem-cnt .z-menuitem-img, .z-menupopup .z-menu-cnt .z-menu-img { margin-right: 10px; margin-left: -21px; } .z-menupopup-cnt .z-menu .z-menu-img, .z-menupopup-cnt .z-menuitem .z-menuitem-img{ width: 21px; height: 26px; } li.z-menuitem-over .z-menuitem-img, li.z-menu-over .z-menu-img{ background: #5b5b5b;} .z-menupopup-cnt .z-menu .z-menu-cnt-img{ background-image: url('../../resources/images/htcITStyle_assets/menu/arrow.gif'); } .z-menu-body .z-menu-inner-m div, .z-menubar-hor .z-menu-body-clk .z-menu-inner-m div, .z-menubar-hor .z-menu-body-over .z-menu-inner-m div{ background-image: url('../../resources/images/htcITStyle_assets/menu/btn-arrow.gif'); } .z-menubar-hor .z-menu, .z-menubar-hor .z-menuitem, .z-menubar-hor .z-menu-btn, .z-menubar-hor .z-menuitem-btn, .z-menubar-hor span, .z-menubar-hor a, .z-menubar-hor div, .z-menubar-ver .z-menu, .z-menubar-ver .z-menuitem, .z-menubar-ver .z-menu-btn, .z-menubar-ver .z-menuitem-btn, .z-menubar-ver span, .z-menubar-ver a, .z-menubar-ver div, .z-menu-cnt, .z-menuitem-cnt { font-size: 11px;} /* form style */ .ht-form { } .ht-form-title { } .ht-field-required { color: #ff0050 !important; font-size: 11px !important; font-weight: normal !important; padding-left: 5px !important;} .ht-form-required:after { content: ' ＊'; color: #ff0050; font-size: 11px; font-weight: normal; } .ht-form-err { display: block; color: red; padding-left: 3px; } .ht-form table { } .ht-form table tr { } .ht-form table tr td { } .ht-form-btnPanel.z-hlayout, div.z-toolbar { background-color: transparent; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding: 0px 8px; margin: 0; border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; background: url('../../resources/images/htcITStyle_assets/gridBtnPanel.png') repeat-x 0 0; } .ht-form-btnPanel span.z-button { padding: 4px 2px; margin: 0px; } /* tag */ .ht-tag { margin: 2px;} /* groupbox */ .ht-fit-groupbox .z-groupbox-hm { border: none; border-bottom: 1px solid #c5c5c5; } .ht-fit-groupbox .z-groupbox-cnt { border: none; } .z-groupbox { -moz-border-radius: 10px; -moz-box-shadow: inset 0 -3px 2px #fff, 0 1px 2px rgba(0, 0, 0, .2); -webkit-border-radius: 10px; -webkit-box-shadow: inset 0 -3px 2px #fff, 0 1px 2px rgba(0, 0, 0, .2); border-radius: 10px; box-shadow: inset 0 -3px 2px #fff, 0 1px 2px rgba(0, 0, 0, .2); background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ margin-bottom: 10px; } .z-groupbox .z-groupbox-cnt{ -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; border: 1px solid #cfcfcf; padding: 3px 5px 15px 5px; } /* .z-groupbox .z-groupbox-hl{} .z-groupbox .z-groupbox-hm{ top: 0px;} .z-groupbox .z-groupbox-hr{ height: 30px; top: 0; border: 1px solid #cfcfcf; border-bottom: 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .z-groupbox .z-groupbox-header{ padding-left: 0; padding-top: 3px;} .z-groupbox .z-groupbox-header span.z-caption-cnt{ background: none;} .z-groupbox .z-groupbox-header:hover .z-label{ color: #0066cc;} */ .z-groupbox .z-caption .z-label{ font-size: 14px; font-weight: bold; color: #1d1d1d; line-height: 23px; padding: 0 3px;} .z-groupbox-colpsd.z-groupbox{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .z-groupbox-colpsd .z-caption .z-label{ background: none;} .z-groupbox .z-caption .folder{ height: 24px; background: url('../../resources/images/htcITStyle_assets/groupbox/groupbox_folder_icon.png') no-repeat; padding-left: 28px; } .z-groupbox-colpsd{ height: 30px; filter: none; background: url('../../resources/images/htcITStyle_assets/groupbox/groupbox_colpsd.gif') repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .z-groupbox-colpsd .z-groupbox-hr{ border: 1px solid transparent; background: none;} .z-groupbox-colpsd .z-groupbox-header{ padding-top: 3px;} .z-button-os-disd img { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } div.z-treecol-cnt, div.z-tree-header div.z-auxheader-cnt { padding: 2px; color:#fff; } /* zclass overriding */ .z-tree-ico { float: left; } .z-tree-line { float: left; } /* panel */ div.z-panel { } div.z-panel .z-panel-tl, div.z-panel .z-panel-tr { height: 0; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x; } div.z-panel .z-panel-hl { padding-left: 0; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x; } div.z-panel .z-panel-hr { padding-right: 0; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x; } div.z-panel .z-panel-hm { height: 27px; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x; } div.z-panel .z-panel-header { color: #fff; font-weight: bold; font-size: 14px; padding: 0px 0px 0px 10px; text-shadow: none; line-height: 26px; } div.z-panel .z-panel-body { -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding: 8px 10px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #7d7d7d; background: url('../../resources/images/htcITStyle_assets/panelBack.png') no-repeat right bottom; background-color: #fff; } div.z-panel .z-panelchildren { border: none; background:transparent; } div.z-panel .z-panel-icon { float: left; margin: 2px 2px 2px 0px; } div.ht-panel-datagrid.z-panel .z-panel-hl { } div.ht-panel-datagrid.z-panel .z-panel-tl, div.ht-panel-datagrid.z-panel .z-panel-tr, div.ht-panel-datagrid.z-panel .z-panel-hl, div.ht-panel-datagrid.z-panel .z-panel-hr, div.ht-panel-datagrid.z-panel .z-panel-hm { background: none; } div.ht-panel-datagrid.z-panel .z-panel-body { padding: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0; background-image: none; background-color: transparent; } div.ht-panel-datagrid.z-panel .z-panel-header, .ht-layout-label.z-label { color: #1d1d1d; font-weight: bold; font-size: 14px; text-shadow: none; padding: 0; } /* z-group */ tr.z-group div.z-group-cnt .z-label { color: #fff; font-weight: bold; font-size: 11px; padding: 0; line-height: 22px; } tr.z-group { height: 20px; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x 0 0; } tr.z-group td.z-group-inner { border-bottom: 1px solid #7d7d7d; border-top: 0;} tr.z-group td.z-group-inner, tr.z-group td.z-group-inner .z-group-cnt{ padding-top: 0px; padding-bottom: 0px; } /* z-grid */ div.z-grid tr.z-row td.z-row-inner { border-left: 1px solid #fff; } div.z-grid tr.z-row td.z-row-inner:first-child { border-left: 0; } /* z-tree */ div.z-tree tr.z-treerow .z-tree-ico { margin-right: 8px; } tr.z-treerow div.z-treecell-cnt .z-tree-line ~ .z-a, tr.z-treerow div.z-treecell-cnt .z-tree-line ~ .z-label{ padding-left: 10px; } tr.z-treerow div.z-treecell-cnt .z-tree-tee, tr.z-treerow div.z-treecell-cnt .z-tree-last{ width: 10px; margin-left: 10px; background-color: #99cc33; } /* common using docked icon */ .z-panel-exp, tr.z-group div.z-group-cnt .z-group-img-open, div.z-tree tr.z-treerow .z-tree-root-open { width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat 0px -21px; } .z-panel-exp-over, tr.z-group-over div.z-group-cnt .z-group-img-open, div.z-tree tr.z-treerow-ico-over .z-tree-root-open { width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -21px -21px; } .z-panel-colpsd .z-panel-exp, tr.z-group div.z-group-cnt .z-group-img-close, div.z-tree tr.z-treerow .z-tree-root-close { width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat 0 0; } .z-panel-colpsd .z-panel-exp-over, tr.z-group-over div.z-group-cnt .z-group-img-close, div.z-tree tr.z-treerow-ico-over .z-tree-root-close { width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -21px 0px; } /* styles used in common */ /* headers */ tr.z-row td.z-row-inner, tr.z-row .z-cell { border-right: none; border-bottom: none; border-top: none; background: none; } div.z-group, div.z-grid, div.z-listbox, div.z-tree, div.z-tree-header tr.z-treecols, div.z-grid-header tr.z-columns, div.z-listbox tr.z-auxhead, div.z-listbox tr.z-listhead, .ht-form-btnPanel { padding: 0; margin: 0; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x 0 0; } div.z-grid tr.z-columns th.z-column-sort { border-left: 1px solid #fff; } div.z-grid tr.z-columns .z-column-over { background: none; } div.z-grid tr.z-columns th.z-column-sort .z-column-sort-img { width: 21px; height: 21px; margin: 0; margin-top: 0px; float: right; position: static; } div.z-grid tr.z-columns th.z-column-sort-asc .z-column-sort-img { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -126px -21px; } div.z-grid tr.z-columns th.z-column-sort-dsc .z-column-sort-img { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -126px 0px; } div.z-grid tr.z-columns th.z-column-sort-asc.z-column-over .z-column-sort-img { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -147px -21px; } div.z-grid tr.z-columns th.z-column-sort-dsc.z-column-over .z-column-sort-img { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -147px 0px; } div.z-grid, div.z-listbox, .ht-grid { border: 1px solid #cfcfcf; background-color: #fff; border-spacing: 0; } /* cells */ div.z-grid .z-button, div.z-listbox .z-button { padding: 0px 2px; } div.z-tree-header th.z-treecol, div.z-tree-header th.z-auxheader, div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader, div.z-listbox th.z-listheader, div.z-listbox th.z-auxheader { height: 21px; padding: 0 5px; border-left: 1px solid #fff; border-bottom: 1px solid #7d7d7d; } div.z-tree tr.z-treerow .z-treecell, div.z-grid td.z-cell, div.z-listbox td.z-listcell { border-right: 0; border-left: 1px solid #fff; border-top: 1px solid #fff; } div.z-tree-header th.z-treecol:first-child, div.z-tree-header th.z-auxheader:first-child, div.z-grid-header th.z-column:first-child, div.z-grid-header th.z-auxheader:first-child, div.z-grid tr.z-row td.z-cell:first-child, div.z-listbox th.z-listheader:first-child, div.z-listbox th.z-auxheader:first-child, td.z-listcell:first-child, div.z-tree tr.z-treerow .z-treecell:first-child { border-left: 0 !important; } tr.z-listhead td.z-listheader:first-child, tr.z-listitem td.z-listcell:first-child { padding-left: 5px; border-left: 0; } div.z-grid tr.z-row:first-child td.z-cell { border-top: 0; } th.ht-grid-caption.z-auxheader, th.ht-grid-caption.z-listheader { background-color: transparent; border: 0; } div.z-treefooter-cnt, div.z-tree tr.z-treecols .z-treecol-cnt, div.z-column-cnt, div.z-row-cnt, div.z-listheader-cnt, div.z-listbox-header div.z-auxheader-cnt, th.ht-grid-caption.z-auxheader div.z-auxheader-cnt .z-label, th.z-auxheader div.z-auxheader-cnt .z-label { color: #fff; font-size: 11px; font-weight: bold; padding: 0; } div.z-grid div.z-row-cnt .z-label{ color: #333; } div.z-treefooter-cnt, div.z-treecell-cnt, div.z-treecol-cnt, .z-treecell-cnt{ font-size: 11px; color: #333; } div.z-column-cnt, div.z-grid-header div.z-auxheader-cnt{ padding: 0; } div.z-group, div.z-grid, div.z-listbox, div.z-tree, div.z-tree-header tr.z-treecols, div.z-grid-header tr.z-columns, div.z-listbox tr.z-listhead, .ht-form-btnPanel, div.z-listbox tr.z-auxhead, div.z-grid-header tr.z-auxhead, tr.z-auxhead + tr.z-columns, tr.z-auxhead + tr.z-listhead{ padding: 0; margin: 0; background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x 0 0; } div.z-listbox tr.z-auxhead, div.z-grid-header tr.z-auxhead, tr.z-auxhead + tr.z-columns, tr.z-auxhead + tr.z-listhead{ background: url('../../resources/images/htcITStyle_assets/gridHeader.png') repeat-x 0 0; } div.z-grid-header th.z-auxheader, div.z-listbox th.z-auxheader, tr.z-auxhead + tr.z-columns th.z-column, tr.z-auxhead + tr.z-listhead th.z-listheader{ border-bottom: 1px solid #d9d9d9;} div.z-tree tr.z-treerow .z-treecell, div.z-grid td.z-cell, div.z-grid td.z-row-inner, div.z-listbox td.z-listcell{ border-right: 0; border-left: 1px solid #fff; border-top: 1px solid #fff; } tr.z-grid-odd td.z-row-inner, tr.z-row .z-cell, tr.z-listitem, tr.z-row{ background: #f3f3f3; } tr.z-grid-odd td.z-row-inner, tr.z-grid-odd .z-cell, tr.z-grid-odd, tr.z-listbox-odd{ background: #f3f3f3; } tr.z-treerow-over > td.z-treecell, td.z-treecell, tr.z-listitem-over > td.z-listcell, td.z-listcell { border-bottom: 0; border-right: 0; } div.z-tree .z-treerow-over, div.z-tree .z-treerow-seld, tr.z-row-over > td.z-row-inner, tr.z-row-over .z-cell, tr.z-row-over, tr.z-listitem-seld, tr.z-listitem-over, tr.z-listitem-over-seld, div.ht-grid-projectCBL .ht-row-even.z-row-over .z-cell, div.ht-grid-projectCBL .ht-row-odd.z-row-over .z-cell { background: none; background-color: #e0ffcc; } /* fix un-selected row */ div.ht-noSeld tr.z-row.z-row-over, div.ht-noSeld tr.z-listitem-over-seld, div.ht-noSeld tr.z-listitem-over, div.ht-noSeld tr.z-listitem-seld, div.ht-noSeld tr.z-row-over > td.z-row-inner, div.ht-noSeld tr.z-row-over > td.z-cell{ background-color: #f3f3f3; } div.ht-noSeld tr.ht-row-even.z-treerow-over, div.ht-noSeld tr.ht-row-even.z-treerow-seld, div.ht-noSeld tr.z-grid-odd.z-row-over, div.ht-noSeld tr.z-listbox-odd.z-listitem-over-seld, div.ht-noSeld tr.z-listbox-odd.z-listitem-over, div.ht-noSeld tr.z-listbox-odd.z-listitem-seld, div.ht-noSeld tr.z-grid-odd.z-row-over > td.z-row-inner, div.ht-noSeld tr.z-grid-odd.z-row-over > td.z-cell{ background-color: #f3f3f3; } div.ht-noSeld tr.z-row-over td.ht-grid-caption, div.ht-noSeld tr.z-grid-odd.z-row-over td.ht-grid-caption{ background: #BCB7B1; } div.ht-noSeld .z-treerow-over, div.ht-noSeld .z-treerow-seld{ background: none; } div.z-grid-pgi-b{ border-top: 0; } div.z-grid td.z-cell .z-label{ font-weight: normal; white-space: nowrap; } td.ht-grid-caption, tr.z-row td.ht-grid-caption { padding-left: 10px; background-color: #BCB7B1; border-top: 1px solid #fff; } tr.z-listitem:first-child .ht-grid-caption{ border-top: 0 !important; } td.ht-grid-caption div.z-listcell-cnt, td.ht-grid-caption div.z-listcell-cnt .z-label, td.ht-grid-caption .z-label, td.ht-grid-caption .z-listcell-cnt { color: #000; font-size: 11px !important; font-weight: bold !important; } tr.z-row td.z-row-inner, tr.z-row .z-cell, tr.z-treerow td.z-treecell{ padding: 1px 5px !important;} div.z-listfooter-cnt, div.z-listcell-cnt, tr.z-treerow td.z-treecell .z-treecell-cnt{ font-size: 11px; color: #333; white-space: nowrap; } td.ht-grid-caption.z-listcell{ border-right: 0 !important; } /* x:table */ .ht-grid { border-spacing: 0; } .ht-grid tr td { padding: 2px; border-left: 1px solid #fff; border-top: 1px solid #fff; } .ht-grid td:first-child { border-left: 0; } .ht-grid tr:first-child .ht-grid-caption, tr.z-row:first-child .ht-grid-caption.z-cell{ border-top: 0 !important; } /* listbox */ tbody.z-grid-empty-body td, tbody.z-listbox-empty-body td { font-style: normal; text-align: left; padding-left: 5px; } div.z-listbox .z-listbox-footer, div.z-listbox .z-listbox-footer .z-listfooter { background-color: transparent !important; } div.z-listbox-footer { border-top: 2px solid #cfcfcf; } div.z-listbox-body .z-listcell { padding: 1px 5px; } /* z-button z-toolbarbutton */ /*.z-toolbar .z-toolbar-body*/ span.z-button .z-button-cm { color: #dedede; font-weight: bold; font-size: 11px; text-shadow: none; line-height: 13px; } span.z-button { padding: 8px 0px; padding-right: 8px; } span.z-button .z-button-tl { width: 5px; height: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat 0 0; } span.z-button .z-button-tm { background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') repeat-x 0px -15px; } span.z-button .z-button-tr { width: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -5px 0px; } span.z-button .z-button-cl, span.z-button .z-button-cm, span.z-button .z-button-cr { background: url('../../resources/images/htcITStyle_assets/ht-btn-cl.png') repeat-x center center; } span.z-button .z-button-cm { line-height: 13px; padding: 0 3px; } span.z-button .z-button-bl { width: 5px; height: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat 0px -5px; } span.z-button .z-button-bm { background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') repeat-x 0px -35px; } span.z-button .z-button-br { width: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -5px -5px; } /* button over */ span.z-button .z-button-over .z-button-tl { width: 5px; height: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -10px 0px; } span.z-button .z-button-over .z-button-tm { background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') repeat-x 0px -25px; } span.z-button .z-button-over .z-button-tr { width: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -15px 0px; } span.z-button .z-button-over .z-button-cl, span.z-button .z-button-over .z-button-cm, span.z-button .z-button-over .z-button-cr { background: url('../../resources/images/htcITStyle_assets/ht-btnOver-cl.png') repeat-x center center; } span.z-button .z-button-over .z-button-bl { width: 5px; height: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -10px -5px; } span.z-button .z-button-over .z-button-bm { background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') repeat-x 0px -45px; } span.z-button .z-button-over .z-button-br { width: 5px; background: url('../../resources/images/htcITStyle_assets/ht-btn-skin.png') no-repeat -15px -5px; } span.z-button table { border: 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); } span.z-button .z-button-over .z-button-cm { color: #99cc33; } span.z-button .z-button-clk { } span.z-button-disd { opacity: 1; } span.z-button-disd .z-button-cm { color: #555555; } span.z-button .z-button-focus { } span.ht-inner-button .z-button-focus, span.ht-linkButton .z-button-focus{ outline: 0; } span.ht-linkButton .z-button-over .z-button-cm{ color: #0092CF; } /* inner button */ .ht-iconBtn table tr { } .ht-iconBtn.z-button .z-button-tl, .ht-iconBtn.z-button .z-button-tm, .ht-iconBtn.z-button .z-button-tr, .ht-iconBtn.z-button .z-button-bl, .ht-iconBtn.z-button .z-button-bm, .ht-iconBtn.z-button .z-button-br, .ht-iconBtn.z-button .z-button-over .z-button-tl, .ht-iconBtn.z-button .z-button-over .z-button-tm, .ht-iconBtn.z-button .z-button-over .z-button-tr, .ht-iconBtn.z-button .z-button-over .z-button-bl, .ht-iconBtn.z-button .z-button-over .z-button-bm, .ht-iconBtn.z-button .z-button-over .z-button-br { background: none; height: 0; } .ht-iconBtn.z-button .z-button-tl button { display: none; } .ht-iconBtn.z-button .z-button-cl { width: 5px; height: 18px; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') no-repeat 0 0; } .ht-iconBtn.z-button .z-button-cm { padding: 0; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') repeat-x 0px -18px; } .ht-iconBtn.z-button .z-button-cr { width: 5px; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') no-repeat -5px 0px; } .ht-iconBtn.z-button .z-button-over .z-button-cl { width: 5px; height: 18px; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') no-repeat 0px -36px; } .ht-iconBtn.z-button .z-button-over .z-button-cl button { display: none; } .ht-iconBtn.z-button .z-button-over .z-button-cm { width: 16px; padding: 0; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') repeat-x 0px -54px; } .ht-iconBtn.z-button .z-button-over .z-button-cr { width: 5px; background: url('../../resources/images/htcITStyle_assets/innerBtn_back.png') no-repeat -5px -36px; } /* link button */ span.ht-linkButton.z-button .z-button-tl button { display: none; } span.ht-linkButton.z-button .z-button-cl { width: 5px; height: 18px; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') repeat-x 0 0; } span.ht-linkButton.z-button .z-button-cm { padding: 0; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') repeat-x 0px -18px; } span.ht-linkButton.z-button .z-button-cr { width: 5px; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') no-repeat right 0px; } span.ht-linkButton.z-button .z-button-over .z-button-cl { width: 5px; height: 18px; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') repeat-x 0px -36px; } span.ht-linkButton.z-button .z-button-over .z-button-cl button { display: none; } span.ht-linkButton.z-button .z-button-over .z-button-cm { padding: 0; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') repeat-x 0px -54px; } span.ht-linkButton.z-button .z-button-over .z-button-cr { width: 5px; background: url('../../resources/images/htcITStyle_assets/button/innerBtn_back.png') no-repeat right -36px; } span.ht-linkButton.z-button .z-button-cm { color: #000; } span.ht-linkButton.z-button .z-button-over .z-button-cm { color: #0066cc; } span.ht-linkButton.z-button table { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } span.ht-linkButton .z-button-cm { color: #0066cc;} span.ht-linkButton .z-button-tl, span.ht-linkButton .z-button-tm, span.ht-linkButton .z-button-tr, span.ht-linkButton .z-button-cl, span.ht-linkButton .z-button-cm, span.ht-linkButton .z-button-cr, span.ht-linkButton .z-button-bl, span.ht-linkButton .z-button-bm, span.ht-linkButton .z-button-br, span.ht-linkButton .z-button-over .z-button-tl, span.ht-linkButton .z-button-over .z-button-tm, span.ht-linkButton .z-button-over .z-button-tr, span.ht-linkButton .z-button-over .z-button-cl, span.ht-linkButton .z-button-over .z-button-cm, span.ht-linkButton .z-button-over .z-button-cr, span.ht-linkButton .z-button-over .z-button-bl, span.ht-linkButton .z-button-over .z-button-bm, span.ht-linkButton .z-button-over .z-button-br{ background: none; height: 0px; } span.ht-linkButton table{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ht-search-block { border-left:2px dashed #cfcfcf !important; background-color:#efefef !important; white-space: nowrap; } /* toolbar */ .z-toolbar { border-bottom: 1px solid transparent; } .z-toolbarbutton { margin: 0 1px; padding: 0; } .z-toolbarbutton-over { border: 0;} .z-toolbarbutton-over .z-toolbarbutton-cnt, .z-toolbarbutton-over .z-toolbarbutton-body { background: none; border: none; padding: 0; margin: 0; color: #99cc33; } .z-toolbarbutton .z-toolbarbutton-cnt { padding: 0px 0px; margin: 0; line-height: 18px; color: #333333; font-weight: bold; font-size: 11px; text-shadow: none; } /* z-tabs */ .ht-tabs-datagrid.z-tabbox .z-tab { background-color: #fff; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding: 0 !important; margin: 0 !important; border-top: 1px solid #CFCFCF !important; border-left: 1px solid #CFCFCF !important; border-right: 1px solid #CFCFCF !important; background: url('../../resources/images/htcITStyle_assets/compTab.png') repeat-x 0 -200px !important; } .ht-tabs-datagrid.z-tabbox .z-tab:hover { background: url('../../resources/images/htcITStyle_assets/compTab.png') repeat-x 0 0px !important; filter: none; } .ht-tabs-datagrid.z-tabbox .z-tab-seld { background: url('../../resources/images/htcITStyle_assets/compTab.png') repeat-x 0 0 !important; } .ht-tabs-datagrid.z-tabbox .z-tab-seld:hover { background: none !important; background: url('../../resources/images/htcITStyle_assets/compTab.png') repeat-x 0 0 !important; } .ht-tabs-datagrid.z-tabbox .z-tab-hl, .ht-tabs-datagrid.z-tabbox .z-tab-ver-hl, .ht-tabs-datagrid.z-tabbox .z-tab-hr, .ht-tabs-datagrid.z-tabbox .z-tab-ver-hr, .ht-tabs-datagrid.z-tabbox .z-tab-hm, .ht-tabs-datagrid.z-tabbox .z-tab-ver-hm { background: none; } .ht-tabs-datagrid.z-tabbox .z-tab-text { color: #555555; font-weight: bold; text-shadow: none; } .ht-tabs-datagrid.z-tabbox .z-tab:hover .z-tab-text { color: #fff; text-shadow: none; font-weight: bold; } .ht-tabs-datagrid.z-tabbox li.z-tab-seld .z-tab-text { color: #fff; text-shadow: none; font-weight: bold; } .ht-tabs-datagrid.z-tabbox div.z-tabpanels .z-tabpanel { padding: 0px; border:0; background:none;} .ht-tabs-datagrid.z-tabbox div.z-tabpanels { border:0; background:none;} div.z-tabbox .z-tabpanel{ -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; border: 1px solid #cfcfcf; background: url('../../resources/images/htcITStyle_assets/panelBack.png') no-repeat right bottom; background-color: #fff; } .z-tabpanel, .z-tabbox-ver .z-tabpanel-ver{ padding: 5px; zoom: 1; } div.z-tabpanels {} .ht-template-webpage.ht-noPadding div.z-tabpanels { border-left: 0; border-right: 0; border-bottom: 0; border-top: 1px solid #dddcda; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #f0efec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f0efec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#f0efec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#f0efec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#f0efec 100%); /* IE10+ */ background: linear-gradient(top, #f7f7f7 0%,#f0efec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f0efec',GradientType=0 ); /* IE6-9 */ } .ht-template-webpage.ht-noPadding .z-tabs-header{ background: url('../../resources/images/htcITStyle_assets/tabbox/noPadding-tabHeader-bg.png') repeat-x 0 bottom;} .ht-template-webpage.ht-noPadding div.z-tabbox .z-tab-seld{ background: #f7f7f7; } .ht-tabs-datagrid.z-tabbox div.z-tabpanels .z-tabpanel{ padding: 0px; } .ht-tabs-datagrid.z-tabbox-ver div.z-tabpanels-ver .z-tabpanel-ver{ padding: 0px; } div.z-tabbox .z-tab{ -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border: 1px solid #cfcfcf; border-bottom: 0; background-color: #c7c2ba; padding: 0; margin: 0; margin-right: 2px; } div.z-tabbox .z-tab:hover{ background: rgb(138,199,16); /* Old browsers */ background: -moz-linear-gradient(top, rgb(138,199,16) 22%, rgb(157,231,7) 77%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgb(138,199,16)), color-stop(77%,rgb(157,231,7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(138,199,16) 22%,rgb(157,231,7) 77%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(138,199,16) 22%,rgb(157,231,7) 77%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(138,199,16) 22%,rgb(157,231,7) 77%); /* IE10+ */ background: linear-gradient(top, rgb(138,199,16) 22%,rgb(157,231,7) 77%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac710', endColorstr='#9de707',GradientType=0 ); /* IE6-8 */ } div.z-tabbox .z-tab-seld{ background-color: #fff; } div.z-tabbox .z-tab-seld:hover{ background: none; background-color: #fff; filter: none; } div.z-tabbox .z-tabs{ border: none; top: 1px; } div.z-tabbox .z-tabs .z-tabs-cnt{ border: none; } .ht-template-webpage.ht-noPadding div.z-tabbox .z-tabs .z-tabs-cnt{ margin-left: 15px; } div.z-tabbox .z-tab-hl, div.z-tabbox .z-tab-hr, div.z-tabbox .z-tab-hm{ background: none; } div.z-tabbox .z-tab-text{ color: #82786F; font-weight: bold; } div.z-tabbox .z-tab-seld .z-tab-text{ color: #333; font-weight: bold; text-shadow: 1px 1px 1px #ffffff; } div.z-tabbox .z-tab:hover .z-tab-text{ color: #fff; text-shadow: none; } div.z-tabbox .z-tab-seld:hover .z-tab-text{ color: #333; font-weight: bold; text-shadow: 1px 1px 1px #ffffff; } div.z-tabbox div.z-tabpanels .z-tabpanel{} /* z-tabs-ver */ .z-tabbox-ver .z-tab-ver{} .z-tabbox-ver .z-tabs-ver{ -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; background: #cfcfcf url('../../resources/images/htcITStyle_assets/tabbox/vTabs-left-shadow.png') repeat-y right 0; left: 1px; z-index: 3; } .z-tabbox-ver .z-tabs-ver .z-tabs-ver-cnt{ border: 0; margin-left: 4px;} .z-tabbox-ver .z-tab-ver:hover .z-tab-ver-text{ color: #0066cc;} .z-tabbox-ver .z-tab-ver-seld { -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; border-left: solid 1px #cfcfcf; background: #fff url('../../resources/images/htcITStyle_assets/tabbox/vTabs-seld-bg.png') repeat-y right 0; } .z-tabbox-ver .z-tab-ver-seld:first-child{ border-top: 1px solid #cfcfcf; } .z-tabbox-ver .z-tab-ver-seld .z-tab-ver-text{ color: #0066cc;} .z-tab-ver-seld + .z-tab-ver, .z-tab-ver-seld + .z-tabs-ver-edge { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: url('../../resources/images/htcITStyle_assets/tabbox/vTabs-seld-shadow.png') no-repeat left top !important; } .z-tab-ver-seld + .z-tabs-ver-edge{ height: 6px; } .z-tabbox-ver .z-tab-ver-hl, .z-tabbox-ver .z-tab-ver-hr, .z-tabbox-ver .z-tab-ver-hm{ background: none; } .z-tabbox-ver .z-tab-ver-hl{ padding-top: 10px; } .z-tabbox-ver .z-tab-ver-hr{ padding-bottom: 10px; } .z-tab-ver .z-tab-ver-text{ font-weight: bold; color: #333; font-size: 11px; } .z-tabbox-ver .z-tabpanels-ver{ border: 1px solid #cfcfcf; background: #fff url('../../resources/images/htcITStyle_assets/tabbox/vTabs-panel-bg.png') repeat-y; } .z-tab-ver .z-tab-ver-text { font-style: normal; font-size: 11px; text-align: left; font-style: normal; white-space: nowrap; color: #555; cursor: pointer; font-size-adjust: none; } .z-tab-ver-hl { padding-top: 5px; } .z-tab-ver-hl .z-tab-ver-hr { padding-bottom: 7px; } div.z-vlayout-inner, div.z-hlayout-inner { margin: 0 !important; padding: 0 !important; vertical-align : middle !important; } /* layout */ .ht-layout-label { padding: 8px 2px !important; display: inline-block !important; } .ht-style-keyno { color: #06C !important; } .ht-layout-borderPanel { border: 1px solid #CFCFCF !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 5px; background-color: #fff !important; } .ht-notemplate-webpage { overflow-y: scroll; } .ht-notemplate-webpage > div.z-vlayout-inner { position: relative; width: 97% !important; min-width: 940px; margin-left: auto !important; margin-right: auto !important; } tr.ht-row-even.z-row:hover + tr.ht-row-even.z-grid-odd .z-cell, tr.ht-row-odd.z-row:hover + tr.ht-row-odd.z-grid-odd .z-cell { background-color: #e0ffcc !important; } tr.ht-row-odd, tr.ht-row-odd.z-grid-odd { background-color: #f3f3f3; } tr.ht-row-even, tr.ht-row-even.z-grid-odd { background-color: #f3f3f3; } .ht-highlight-red { background-color: #ff0043 !important; color: #fff !important; } .ht-highlight-red .z-listcell-cnt { color: #fff; } .ht-highlight-gray { background-color: #8e8e8e !important; color: #fff !important; } .ht-highlight-gray .z-listcell-cnt { color: #fff; } .ht-highlight-purple { background-color: #dfdbec !important; color: #000 !important; } .ht-highlight-redWord { color: #ff0043 !important; } /* some list/grid container has it as background */ div.z-listbox-pgi-b { border: none; } /* select user */ div.ht-cc-su-tag .ht-cc-su-tag-name { line-height: 16px; padding-right: 3px; color: white !important; } div.ht-cc-su-tag .ht-cc-su-tag-remove { line-height: 16px; padding: 0px 3px; color: white !important; } div.ht-cc-su-tag .ht-cc-su-tag-name:hover { line-height: 16px; font-weight: bold; color: white !important; } /* modal / embedded / overlapped window */ div.z-modal-mask{ background: #f3f3f3 url('../../resources/images/htcITStyle_assets/assets/loadingMaskBack.gif') repeat; } .z-window-overlapped-shadow, .z-window-modal-shadow, .z-window-overlapped-shadow, .z-window-popup-shadow, .z-window-embedded-shadow, .z-window-highlighted-shadow{ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .z-window-embedded-tl, .z-window-modal-tl, .z-window-highlighted-tl, .z-window-overlapped-tl, .z-window-popup-tl{ margin-right: 7px; height: 7px; } .z-window-overlapped-tl, .z-window-overlapped-tr, .z-window-popup-tl, .z-window-popup-tr, .z-window-overlapped-bl, .z-window-overlapped-br{ height: 7px; } .z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl{ padding-left: 7px; } .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr{ margin-right: -7px; height: 7px; } .z-window-overlapped-cl, .z-window-overlapped-cr, .z-window-overlapped-cm, .z-window-modal-cm-noborder{ background-color: #fff; } .z-window-overlapped-cm, .z-window-modal-cm, .z-window-modal-cm-noborder{ padding: 5px; } .z-window-overlapped-bl, .z-window-modal-bl-noborder, .z-window-modal-bl, .z-window-highlighted-bl, .z-window-overlapped-bl{ background: url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin.png') no-repeat 0px -1455px; height: 7px; display: block; } .z-window-overlapped-br, .z-window-modal-br-noborder, .z-window-modal-br, .z-window-highlighted-br, .z-window-overlapped-br{ display: block; height: 7px; background: url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin.png') no-repeat right -1468px; } .z-window-embedded-header, .z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header{ color: black; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 1px white; padding: 0px 5px 3px 5px } /* .z-window-embedded-icon, .z-window-popup-icon, .z-window-modal-icon, .z-window-overlapped-icon, .z-window-highlighted-icon{ margin-right: 5px; } .z-window-embedded-close, .z-window-modal-close, .z-window-overlapped-close, .z-window-popup-close, .z-window-highlighted-close{ width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_interface.png') no-repeat -63px 0px; } .z-window-embedded-close-over, .z-window-modal-close-over, .z-window-overlapped-close-over, .z-window-popup-close-over, .z-window-highlighted-close-over{ width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_interface.png') no-repeat -84px 0px; } */ /* modal window */ .z-window-modal-bl, .z-window-highlighted-bl, .z-window-overlapped-bl, .z-window-modal-bl-noborder{ margin-right: 7px; } .z-window-modal-br, .z-window-highlighted-br, .z-window-overlapped-br, .z-window-modal-br-noborder{ margin-right: -7px; } .z-window-embedded-cm, .z-window-overlapped-cm{ border: none; } .z-window-modal-cm, .z-window-highlighted-cm, .z-window-overlapped-cm{ border: none; } .z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl{ padding: 0; } .z-window-modal-cr, .z-window-highlighted-cr, .z-window-overlapped-cr{ padding: 0; } .z-window-modal-shadow, .z-window-overlapped-shadow, .z-window-popup-shadow, .z-window-embedded-shadow, .z-window-highlighted-shadow{ -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5); } .z-window-modal .z-window-modal-tl{ background: url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin2.png') no-repeat 0px -550px; } .z-window-modal .z-window-modal-tl .z-window-modal-tr{ background: url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin2.png') no-repeat right -583px; } .z-window-modal .z-window-modal-hl{ border-bottom: 1px solid #e4e4e4; } .z-window-modal .z-window-modal-hl, .z-window-modal .z-window-modal-hr, .z-window-modal .z-window-modal-hm{ background: #f5f5f5; } /* htc messages */ .ht-mn-msg-toast{ position: absolute; top: 3px; right: 3px; z-index: 99999;} .ht-mn-msg-toast-box { background: url('../../resources/images/htcITStyle_assets/assets/htcIT_gui_skin.png') no-repeat 0px -1371px; } .ht-mn-msg-toast-img { background: url('../../resources/images/toast.png') no-repeat; width: 18px; height: 18px; } .ht-mn-msg-msgbox-msg{ width: 100%; float: left; margin-bottom: 2px; } .ht-mn-msg-msgbox-img-info { background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat -21px -147px; width: 21px; height: 21px; float: left; } .ht-mn-msg-msgbox-img-warn { background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat -63px -147px; width: 21px; height: 21px; float: left; } .ht-mn-msg-msgbox-img-error{ background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat 0 -147px; width: 21px; height: 21px; float: left; } .z-msgbox-question{ background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_components.png') no-repeat -42px -147px; width: 21px; height: 21px; float: left; } .ht-mn-msg-msgbox-label{ width: 85%; white-space: normal; float: left; padding-left: 5px; } .ht-mn-msg-msgbox-link{ float: left; } input.ht-mn-msg-msgbox-link-focus, .ht-mn-msg-msgbox-link-focus input, .ht-mn-msg-msgbox-link-focus.z-button{ border: 1px solid #ff0050 !important; } /* modal window */ .ht-mn-msg-msgbox .z-window-embedded-icon, .ht-mn-msg-msgbox .z-window-popup-icon, .ht-mn-msg-msgbox .z-window-modal-icon, .ht-mn-msg-msgbox .z-window-overlapped-icon, .ht-mn-msg-msgbox .z-window-highlighted-icon{ margin-right: 5px; } .ht-mn-msg-msgbox .z-window-embedded-close, .ht-mn-msg-msgbox .z-window-modal-close, .ht-mn-msg-msgbox .z-window-overlapped-close, .ht-mn-msg-msgbox .z-window-popup-close, .ht-mn-msg-msgbox .z-window-highlighted-close{ width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_interface.png') no-repeat -63px 0px; } .ht-mn-msg-msgbox .z-window-embedded-close-over, .ht-mn-msg-msgbox .z-window-modal-close-over, .ht-mn-msg-msgbox .z-window-overlapped-close-over, .ht-mn-msg-msgbox .z-window-popup-close-over, .ht-mn-msg-msgbox .z-window-highlighted-close-over{ width: 21px; height: 21px; background: url('../../resources/images/htcITStyle_assets/icons/iconSet_21x21_interface.png') no-repeat -84px 0px; } /* .z-paging */ .z-paging { height:26px; padding: 0px; border: 1px solid #cfcfcf; border-top: 0; background: url('../../resources/images/htcITStyle_assets/gridBtnPanel.png') repeat-x 0 0; } .z-paging div.z-paging-info { height: 26px; line-height: 24px; background: none; top: 0; } .z-paging td { padding-top: 2px;} .z-paging-btn .z-paging-first, .z-paging-btn .z-paging-last, .z-paging-btn .z-paging-next, .z-paging-btn .z-paging-prev { width: 21px; height: 21px; } .z-paging-btn .z-paging-next { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat 0px -43px; } .z-paging-btn-over .z-paging-next, .z-paging-btn-clk .z-paging-next { background-position: -21px -43px; } .z-paging-btn .z-paging-prev { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat 0px -63px; } .z-paging-btn-over .z-paging-prev { background-position: -21px -63px; } .z-paging-btn .z-paging-last { background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -63px -43px; } .z-paging-btn-over .z-paging-last, .z-paging-btn-clk .z-paging-last { background-position: -84px -43px; } .z-paging-btn .z-paging-first{ background: url('../../resources/images/htcITStyle_assets/iconDiv_21x21.png') no-repeat -63px -63px; } .z-paging-btn-over .z-paging-first { background-position: -84px -63px; } .z-paging .z-paging-btn { background-color: #e7e7e7;} .z-paging-inp, .z-paging input.z-paging-inp { line-height:21px; height: 21px;} .ht-pageInfo { height: 26px; line-height: 24px; padding: 0px; border: 1px solid #cfcfcf; border-top: 0; background: url('../../resources/images/htcITStyle_assets/gridBtnPanel.png') repeat-x 0 0; } .ht-pageInfo .z-label { margin-right: 8px; line-height: 24px; } div.z-loading{ padding: 5px; border: 0; background: none; } div.z-loading-indicator{ background: #fff; padding: 8px; border: 0; line-height: 40px; color: #1d1d1d; font-size: 11px; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } div.z-loading-indicator .z-loading-icon{ width: 40px; height: 40px; background: url('../../resources/images/htcITStyle_assets/assets/ht-loading.gif') no-repeat; } /* foreshadow using */ td.ht-projectBOM-desc.z-cell { background-color: #eef7ff !important; height: 14px; } .ht-grid-projectCBL.z-row { background-color: #f3f3f3; } .ht-grid-projectCBL .ht-row-even.z-row .z-cell{ background-color: #f3f3f3; } .ht-grid-projectCBL .ht-row-odd.z-row .z-cell { background-color: #f3f3f3; } .ht-grid-projectCBL.z-row.z-grid-odd{ background-color: none; } .ht-standOut.z-treerow{ background-color: #000; } .ht-standOut .z-label{ font-weight: bold; font-size: 13px; } /* foreshadow weeklyReport-grid */ .ht-weeklyReport-grid.z-grid {} .ht-weeklyReport-grid.z-row td.z-cell:first-child, .ht-weeklyReport-grid.z-row .z-row-inner { background-color: #bfbfbf !important; } .ht-weeklyReport-grid.z-row .z-row-cnt .z-label { text-shadow: none; font-weight: bold; } .ht-weeklyReport-grid div.z-grid-header th.z-auxheader, .ht-weeklyReport-grid div.z-tree-header th.z-auxheader { position: static; border: none; } .ht-weeklyReport-grid.z-row .ht-report-record-lastcell.z-cell { border-right: 1px solid #fff; } .ht-weeklyReport-grid .z-grid-header .z-auxheader {} .ht-weeklyReport-grid .z-tree-header .z-auxheader-cnt, .ht-weeklyReport-grid .z-grid-header .z-auxheader-cnt { color: #fff; } .ht-weeklyReport-grid .ht-weeklyReport-mainhead .z-auxheader-cnt { color: #fff; } .ht-weeklyReport-grid.z-grid div.z-grid-header th.z-auxheader, .ht-weeklyReport-grid.z-tree div.z-tree-header th.z-auxheader, .ht-weeklyReport-grid .ht-weeklyReport-treehead { border-bottom: 1px solid #629ec2; border-right: 1px solid #629ec2; } .ht-weeklyReport-grid.z-tree tr.z-auxhead, .ht-weeklyReport-grid.z-grid tr.z-auxhead { background: none; background-color: #3d87b4; } .ht-weeklyReport-grid div.z-tree-header th.ht-weeklyReport-treehead.z-auxheader, .ht-weeklyReport-grid div.z-grid-header th.ht-weeklyReport-mainhead.z-auxheader { background-color: #006699; border-top: 1px solid #3d87b4; } .ht-weeklyReport-grid div.z-grid-header tr.z-auxhead:first-child th.ht-weeklyReport-mainhead.z-auxheader { border-top: 0; } /* foreshadow home panel use */ .ht-divNavBlock { float: left; margin-right: 50px; } .ht-divNavBlock > div { float: left; } .ht-deco-square { width: 5px; height: 20px; background-color: #99cc33; margin-right: 10px; } .ht-navBlockName .z-label { font-size: 14px; color: #1d1d1d; font-weight: bold; line-height: 20px; height: 20px; margin-right: 30px; } /* customize width */ .width-250 { width: 250px; } .width-400 { width: 400px; } .width-650 { width: 650px; } .width-800 { width: 800px; } .width-99-percent { width: 99%; } /* customize bg color*/ .background-orange { background-color: #FFBB66 !important; } .background-light-green { background-color: #CCFFCC; } div.z-listbox-header-bg, div.z-grid-header-bg, div.z-tree-header-bg { background: none; } div.z-panel-hl { border: none; } .z-panelchildren { background: none; }